Posted By

ccesario on 10/29/07


Tagged


Versions (?)

Style


 / Published in: CSS
 

  1. /**************** Body and tag styles ****************/
  2.  
  3. *{
  4. margin:0;
  5. padding:0;
  6. }
  7.  
  8. body{
  9. /* font:76% Verdana,Tahoma,Arial,sans-serif; */
  10. font:80% "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
  11. line-height:1.4em;
  12. text-align:center;
  13. color:#303030;
  14. background:#e8eaec;
  15. }
  16.  
  17. a{
  18. color:#467aa7;
  19. font-weight:bold;
  20. text-decoration:none;
  21. background-color:inherit;
  22. }
  23.  
  24. a:hover{
  25. color:#2a5a8a;
  26. text-decoration:none;
  27. background-color:inherit;
  28. }
  29.  
  30. a img{
  31. border:none;
  32. }
  33.  
  34. p{
  35. padding:0 0 1.6em 0;
  36. }
  37.  
  38. p form{
  39. margin-top:0;
  40. margin-bottom:20px;
  41. }
  42.  
  43.  
  44. /**************** Header and navigation styles ****************/
  45.  
  46. #container{
  47. width:760px;
  48. margin:20px auto;
  49. padding:1px 0;
  50. text-align:left;
  51. background:#ffffff;
  52. color:#303030;
  53. border:2px solid #a0a0a0;
  54. }
  55.  
  56. #header{
  57. height:110px;
  58. width:758px;
  59. margin:0 1px 1px 1px;
  60. background:#467aa7;
  61. color:#ffffff;
  62. }
  63.  
  64. #header h1{
  65. padding:35px 0 0 20px;
  66. font-size:2.4em;
  67. background-color:inherit;
  68. color:#ffffff;
  69. letter-spacing:-2px;
  70. font-weight:normal;
  71. }
  72.  
  73. #header h2{
  74. margin:10px 0 0 40px;
  75. font-size:1.4em;
  76. background-color:inherit;
  77. color:#f0f2f4;
  78. letter-spacing:-1px;
  79. font-weight:normal;
  80. }
  81.  
  82. #navigation{
  83. height:2.2em;
  84. line-height:2.2em;
  85. width:758px;
  86. margin:0 1px;
  87. background:#578bb8;
  88. color:#ffffff;
  89. }
  90.  
  91. #navigation li{
  92. float:right;
  93. list-style-type:none;
  94. border-left:1px solid #ffffff;
  95. white-space:nowrap;
  96. }
  97.  
  98. #navigation li a{
  99. display:block;
  100. padding:0 10px;
  101. font-size:0.8em;
  102. font-weight:normal;
  103. text-transform:uppercase;
  104. text-decoration:none;
  105. background-color:inherit;
  106. color: #ffffff;
  107. }
  108.  
  109. * html #navigation a {
  110. width:1%;
  111. }
  112.  
  113. #navigation a:hover{
  114. background:#80b0da;
  115. color:#ffffff;
  116. text-decoration:none;
  117. }
  118.  
  119. /**************** Content styles ****************/
  120.  
  121. #content{
  122. float:left;
  123. width:530px;
  124. font-size:0.9em;
  125. padding:20px 0 0 20px;
  126. }
  127.  
  128. #content h2{
  129. display:block;
  130. margin:0 0 16px 0;
  131. font-size:1.7em;
  132. font-weight:normal;
  133. letter-spacing:-1px;
  134. color:#505050;
  135. background-color:inherit;
  136. }
  137.  
  138. #content h2 a {
  139. font-weight:normal;
  140. }
  141.  
  142. #content h3{
  143. margin:0 0 5px 0;
  144. font-size:1.4em;
  145. letter-spacing:-1px;
  146. }
  147.  
  148. #content a:hover,#subcontent a:hover{
  149. text-decoration:underline;
  150. }
  151.  
  152. #content ul,#content ol{
  153. margin:0 5px 16px 35px;
  154. }
  155.  
  156. #content dl{
  157. margin:0 5px 10px 25px;
  158. }
  159.  
  160. #content dt{
  161. font-weight:bold; margin-bottom:5px;
  162. }
  163.  
  164. #content dd{
  165. margin:0 0 10px 15px;
  166. }
  167.  
  168. /**************** Sidebar styles ****************/
  169.  
  170. #subcontent{
  171. float:left;
  172. width:170px;
  173. padding:25px 0px 10px 20px;
  174. line-height:1.4em;
  175. }
  176.  
  177. #subcontent h2{
  178. display:block;
  179. margin:0 0 15px 0;
  180. font-size:1.6em;
  181. font-weight:normal;
  182. text-align:left;
  183. letter-spacing:-1px;
  184. color:#505050;
  185. background-color:inherit;
  186. }
  187.  
  188. #subcontent p{
  189. margin:0 0 16px 0;
  190. font-size:0.9em;
  191. }
  192.  
  193. /**************** Menublock styles ****************/
  194.  
  195. .menublock{margin:0 0 20px 8px; font-size:0.9em;}
  196. .menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
  197. .menublock li a{font-weight:bold; text-decoration:none;}
  198. .menublock li a:hover{text-decoration:none;}
  199. .menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
  200. .menublock li ul li{margin-bottom:0;}
  201. .menublock li ul a{font-weight:normal;}
  202.  
  203. /**************** Searchbar styles ****************/
  204.  
  205. #searchbar{margin:0 0 20px 0;}
  206. #searchbar form fieldset{margin-left:10px; border:0 solid;}
  207.  
  208. #searchbar #s{
  209. height:1.2em;
  210. width:110px;
  211. margin:0 5px 0 0;
  212. border:1px solid #a0a0a0;
  213. }
  214.  
  215. #searchbar #searchbutton{
  216. width:auto;
  217. padding:0 1px;
  218. border:1px solid #808080;
  219. font-size:0.9em;
  220. text-align:center;
  221. }
  222.  
  223. /**************** Footer styles ****************/
  224.  
  225. #footer{
  226. clear:both;
  227. width:758px;
  228. padding:5px 0;
  229. margin:0 1px;
  230. font-size:0.9em;
  231. color:#f0f0f0;
  232. background:#467aa7;
  233. }
  234.  
  235. #footer p{padding:0; margin:0; text-align:center;}
  236. #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
  237. #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
  238.  
  239. /**************** Misc classes and styles ****************/
  240.  
  241. .splitcontentleft{float:left; width:48%;}
  242. .splitcontentright{float:right; width:48%;}
  243. .clear{clear:both;}
  244. .small{font-size:0.8em;}
  245. .hide{display:none;}
  246. .textcenter{text-align:center;}
  247. .textright{text-align:right;}
  248. .important{color:#f02025; background-color:inherit; font-weight:bold;}
  249.  
  250. .box{
  251. margin:0 0 20px 0;
  252. padding:10px;
  253. border:1px solid #c0c0c0;
  254. background-color:#fafbfc;
  255. color:#505050;
  256. line-height:1.5em;
  257. }

Report this snippet  

You need to login to post a comment.