/themes/default/style.css

http://n23.googlecode.com/ · CSS · 269 lines · 215 code · 42 blank · 12 comment · 0 complexity · e87889c0a1c889791575160f154d930a MD5 · raw file

  1. body {
  2. font-family: Arial,sans-serifarial,Verdana,Helvetica;
  3. font-size: 12px;
  4. line-height: 20px;
  5. background: #fff url(images/bg.jpg) repeat-x;
  6. margin: 0;
  7. padding:0;
  8. }
  9. form {
  10. margin: 0px;
  11. padding: 0px;
  12. }
  13. h1 { font-size: 20px; color: #FF7D00; margin: 0px 0px 5px 0px; }
  14. h2 { font-size: 18px; color: #098CD9; margin: 5px 0px 5px 0px; }
  15. h3 { font-size: 16px; margin: 0px 0px 5px 0px; color: #000; }
  16. a, .fakelink { text-decoration: none; color: #098CD9; cursor : pointer;}
  17. a:hover, .fakelink:hover { color: #FF7D00; }
  18. img { border: none; }
  19. a img { border: none; }
  20. a:hover img { border: none; }
  21. input, textarea, select {
  22. background-color:#fff;
  23. border:1px solid #C1C0B5;
  24. color:#333333;
  25. font-family:"Lucida Sans Unicode",Tahoma,Arial,sans-serif;
  26. font-size:1em;
  27. }
  28. div#wrapper {
  29. margin: 0 auto;
  30. width: 940px;
  31. }
  32. #header {
  33. color: #fff;
  34. height: 120px;
  35. position :relative;
  36. }
  37. #header h1 {
  38. margin: 0;
  39. padding: 0 0 0 150px;
  40. font-size: 45px;
  41. height: 70px;
  42. line-height: 70px;
  43. vertical-align: bottom;
  44. background: url(images/logo.gif) no-repeat left 20px;
  45. }
  46. #header h1 a{
  47. color: #fff;
  48. }
  49. #header h2 {
  50. color: #fff;
  51. font-size: 12px;
  52. padding: 0 0 0 160px;
  53. }
  54. #login {
  55. height: 20px;
  56. text-align: right;
  57. color: #fff;
  58. font-size: 11px;
  59. position : absolute;
  60. right : 0;
  61. }
  62. #menu {
  63. width: 100%;
  64. padding-top: 7px;
  65. }
  66. #menu ul { list-style: none; margin: 0; padding:0; }
  67. #menu li { list-style: none; float:left; overflow:hidden; display:inline; margin: 0px 5px 0 0; }
  68. #menu li a { padding-left: 15px; color: #fff; display:block; cursor: pointer; overflow:hidden; }
  69. #menu li a span { padding-right: 15px; height: 23px; line-height: 23px; display:block; overflow:hidden; }
  70. #menu li a:hover { color: #000; background: url(images/menuleft.gif) no-repeat left bottom; }
  71. #menu .selected a { color: #000; background: url(images/menuleft.gif) no-repeat left bottom; overflow:hidden; }
  72. #menu li a:hover span { color: #000; background: url(images/menuright.gif) no-repeat right bottom; }
  73. #menu .selected a span { color: #000; background: url(images/menuright.gif) no-repeat right bottom; }
  74. /*
  75. #content {
  76. float: left;
  77. width: 730px;
  78. }
  79. div.sidebar {
  80. float: right;
  81. width: 200px;
  82. }
  83. */
  84. #page {
  85. width: 940px;
  86. margin: 0 auto;
  87. }
  88. #content {
  89. float: left;
  90. width: 700px;
  91. padding: 0px 10px 0px 10px;
  92. }
  93. #sidebar {
  94. float: right;
  95. width: 200px;
  96. line-height: 20px;
  97. padding: 0px 0px 0px 0px;
  98. }
  99. #footer {
  100. clear: both;
  101. text-align : center;
  102. font-size : 80%;
  103. background-color : #f4f4f4;
  104. }
  105. #page_panel {
  106. margin: 0px 0px 20px;
  107. padding: 2px;
  108. }
  109. div.post {
  110. margin: 20px 0px 10px 0pt;
  111. padding: 2px;
  112. }
  113. div.newOreditpost {
  114. margin: 20px 0px 10px 0pt;
  115. padding: 2px;
  116. line-height: 20px;
  117. }
  118. div.tags {
  119. margin: 10px 0px 12px;
  120. font-size: 10px;
  121. font-style: italic;
  122. }
  123. div.tags a {
  124. color: #999;
  125. }
  126. div.comment {
  127. background-color : #f4f4f4;
  128. margin: 10px 0px 50px 0pt;
  129. border-bottom: 1px dotted;
  130. padding: 10px;
  131. }
  132. .title {
  133. font-size: 20px;
  134. margin-bottom: 3px;
  135. }
  136. .date {
  137. font-family: georgia;
  138. }
  139. textarea {
  140. width: 680px;
  141. height: 350px;
  142. }
  143. #title {
  144. width: 680px;
  145. }
  146. .postinfo, .commentinfo {
  147. font-size: 10px;
  148. text-align: right;
  149. padding-bottom: 0;
  150. margin-bottom: 0;
  151. font-style: italic;
  152. }
  153. blockquote {
  154. border: 1px solid #f9f9f9;
  155. padding: 5px;
  156. display: block;
  157. white-space: pre;
  158. overflow: auto;
  159. font-size: 8pt
  160. }
  161. .meta {
  162. background: #f9f9f9;
  163. border: 1px solid #ccc;
  164. padding: 5px 20px;
  165. font-size: 11px;
  166. }
  167. .meta span {
  168. border-right: 1px solid #ccc;
  169. padding: 0 5px;
  170. }
  171. .meta .date, .meta .author {
  172. border-right: none;
  173. }
  174. .sidebar ul {
  175. width: 200px;
  176. padding: 0;
  177. margin: 0;
  178. }
  179. .sidebar li {
  180. font-size: 12px;
  181. list-style: none;
  182. }
  183. .sidebar h2 {
  184. background: #fff url(images/sidebar-header.gif) no-repeat left top;
  185. color: #000;
  186. font-weight: normal;
  187. border-bottom: 1px solid #999;
  188. font-family: Tahoma, Arial;
  189. font-size: 14px;
  190. padding: 5px 0 2px 10px;
  191. margin-top: 30px;
  192. text-transform:uppercase;
  193. }
  194. .sidebar ul li ul {
  195. background-color: #f9f9f9;
  196. }
  197. .sidebar ul li ul li {
  198. border-bottom: 1px dotted #666;
  199. padding-left: 10px;
  200. }
  201. .sidebar li a, .sidebar li .fakelink {
  202. display: block;
  203. }
  204. #recent_comments a{
  205. display:inline;
  206. }
  207. table {
  208. font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
  209. border-collapse: collapse;
  210. }
  211. th {
  212. padding: 0 0.5em;
  213. text-align: left;
  214. border-bottom: 1px solid #CCC;
  215. vertical-align : top;
  216. }
  217. tr.yellow td {
  218. border-top: 1px solid #FB7A31;
  219. border-bottom: 1px solid #FB7A31;
  220. background: #FFC;
  221. }
  222. td {
  223. border-bottom: 1px solid #CCC;
  224. padding: 0 0.5em;
  225. }