Posted By

dividespace on 10/21/06


Tagged

layouts Ruthsarian


Versions (?)

tank_base_theme.css


 / Published in: CSS
 

  1. @charset "iso-8859-1";
  2.  
  3. /*******************************************************************************
  4. * tank_base_theme.css : 2005.09.01
  5. * -----------------------------------------------------------------------------
  6. * Base Tank! theme. Applied to the layout by default. Theme modifications
  7. * applied via a style-switcher or external stylesheet should build upon what
  8. * is here.
  9. *******************************************************************************/
  10.  
  11. @import "http://webhost.bridgew.edu/etribou/layouts/utility_css/visual_consistencies.css";
  12.  
  13. p
  14. {
  15. line-height: 140%;
  16. }
  17. body
  18. {
  19. background-color: #fec;
  20. color: #000;
  21. background-image: url("../images/ruthsarian.png");
  22. background-repeat: no-repeat;
  23. background-position: 30px 100%;
  24. background-attachment: fixed;
  25. }
  26. #topMenu ul
  27. {
  28. width: 12em; /* make the pop menus a little wider */
  29. }
  30. #pageWrapper, #innerColumnContainer, #masthead, #footer, #topMenu, #topMenu ul, #topMenu a
  31. {
  32. border-color: #c93;
  33. }
  34. div.twoColumns div.leftColumn, div.twoColumns div.rightColumn
  35. {
  36. border-color: #ddd;
  37. }
  38. #pageWrapper
  39. {
  40. background-color: #f9f9f2;
  41. color: #665;
  42. font-family: arial, helvetica, sans-serif;
  43. font-size: 80%;
  44. background-image: url("../images/ruthsarian.png");
  45. background-repeat: no-repeat;
  46. background-position: -110px 100%;
  47. }
  48. #masthead
  49. {
  50. background-color: #dc8;
  51. background-image: url("../images/tank.png");
  52. background-position: 100% 100%;
  53. background-repeat: no-repeat;
  54. padding: 10px;
  55. color: #000;
  56. }
  57. #masthead h1
  58. {
  59. font-size: 150%;
  60. }
  61. #masthead h2
  62. {
  63. font-size: 260%;
  64. color: #862;
  65. }
  66. #outerColumnContainer
  67. {
  68. background-color: #fff;
  69. color: #223;
  70. border-right-color: #fff; /* right column background color */
  71. }
  72.  
  73. #contentColumn, #rightColumn, #masthead, #footer
  74. {
  75. padding-top: 10px;
  76. padding-bottom: 10px;
  77. }
  78. #contentColumn
  79. {
  80. padding-top: 0;
  81. }
  82. #topMenu
  83. {
  84. border: solid 0 #c93;
  85. border-width: 4px 0 0 0;
  86. padding-right: 40px;
  87. }
  88. #topMenu li a, #topMenu li a:link, #topMenu li a:visited, #topMenu li a:active
  89. {
  90. background-color: #ffe;
  91. }
  92. #topMenu li a:hover
  93. {
  94. color: #fff;
  95. background-color: #c93; /* keep the same color as the borders */
  96. }
  97. #rightColumn ul.rMenu
  98. {
  99. margin: 0 5px 10px 5px;
  100. }
  101. #rightColumn ul.rMenu, #rightColumn ul.rMenu li a, #rightColumn ul.rMenu li ul
  102. {
  103. border-color: #ed9;
  104. }
  105. #rightColumn ul.rMenu a:link, #rightColumn ul.rMenu a:visited, #rightColumn ul.rMenu a:active
  106. {
  107. background-color: #ffe;
  108. color: #336;
  109. }
  110. #rightColumn ul.rMenu a:hover
  111. {
  112. background-color: #c93;
  113. color: #fff;
  114. }
  115. #rightColumn h3
  116. {
  117. margin-bottom: 0;
  118. padding-bottom: 0;
  119. color: #b83;
  120. z-index: 999;
  121. line-height: 0.75em;
  122. font-size: 140%;
  123. /* \*/ position: relative; /* With this here, IE/Mac will put this on
  124. top of every other element in the page. so
  125. drop-down menus appear under. ick. so hide
  126. it with this hack. */
  127. }

Report this snippet  

You need to login to post a comment.