You are here

sample.colorizer.css in Colorizer 7

body,
body.overlay {
  color: @text;
}
.comment .comment-arrow {
  border-color: @bg;
}
#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
  background: @bg;
}
.tabs ul.primary li a.active {
  background-color: @bg;
}
.tabs ul.primary li.active a {
  background-color: @bg;
  border-bottom: 1px solid @bg;
}
.form-actions {
  background-color: @bg;
}
#header {
background-color: @bottom;
background-image: -moz-linear-gradient(top, @top, @bottom);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@top), to(@bottom));
background-image: -webkit-linear-gradient(top, @top, @bottom);
background-image: -o-linear-gradient(top, @top, @bottom);
background-image: linear-gradient(to bottom, @top, @bottom);
border: none;
box-shadow: none;
color: @titleslogan;
}
a {
  color: @link;
}
a:hover,
a:focus {
  color: @linkhover;
}
a:active {
  color: @linkactive;
}
.sidebar .block {
  background-color: @sidebar;
  border-color: @sidebarborders;
}
#page-wrapper,
#footer-wrapper,
body #footer {
  background-color: @footer;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: @titleslogan;
}

File

sample.colorizer.css
View source
  1. body,
  2. body.overlay {
  3. color: @text;
  4. }
  5. .comment .comment-arrow {
  6. border-color: @bg;
  7. }
  8. #page,
  9. #main-wrapper,
  10. #main-menu-links li a.active,
  11. #main-menu-links li.active-trail a {
  12. background: @bg;
  13. }
  14. .tabs ul.primary li a.active {
  15. background-color: @bg;
  16. }
  17. .tabs ul.primary li.active a {
  18. background-color: @bg;
  19. border-bottom: 1px solid @bg;
  20. }
  21. .form-actions {
  22. background-color: @bg;
  23. }
  24. #header {
  25. background-color: @bottom;
  26. background-image: -moz-linear-gradient(top, @top, @bottom);
  27. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@top), to(@bottom));
  28. background-image: -webkit-linear-gradient(top, @top, @bottom);
  29. background-image: -o-linear-gradient(top, @top, @bottom);
  30. background-image: linear-gradient(to bottom, @top, @bottom);
  31. border: none;
  32. box-shadow: none;
  33. color: @titleslogan;
  34. }
  35. a {
  36. color: @link;
  37. }
  38. a:hover,
  39. a:focus {
  40. color: @linkhover;
  41. }
  42. a:active {
  43. color: @linkactive;
  44. }
  45. .sidebar .block {
  46. background-color: @sidebar;
  47. border-color: @sidebarborders;
  48. }
  49. #page-wrapper,
  50. #footer-wrapper,
  51. body #footer {
  52. background-color: @footer;
  53. }
  54. .region-header,
  55. .region-header a,
  56. .region-header li a.active,
  57. #name-and-slogan,
  58. #name-and-slogan a,
  59. #secondary-menu-links li a {
  60. color: @titleslogan;
  61. }