/examples/myblog/media/css/blog.css

http://blogmaker.googlecode.com/ · CSS · 471 lines · 353 code · 107 blank · 11 comment · 0 complexity · 3dbd8f981339269c97b8a58f40aebe6e MD5 · raw file

  1. /* body styles */
  2. body {color: #000;
  3. font: 13px Verdana, "Lucida Grande", Lucida, sans-serif;
  4. }
  5. body.base {background-color: #D2E8DD;
  6. }
  7. /* table and layout styles */
  8. table.overall {border: 0px solid #FFFFFF;}
  9. td.left_side {text-align: center; width: 125px;}
  10. td.center {text-align: left; width: 518px; }
  11. td.right_side {text-align: center; width: 300px;
  12. margin-left: 3px;
  13. }
  14. div.logo {text-align: center;
  15. padding-top: 25px;
  16. padding-bottom: 2px;
  17. background-color: white;
  18. margin-top: 3px;
  19. border: 1px solid #999;
  20. margin-left: 3px;
  21. width: 298px;
  22. }
  23. div.left_submenu {
  24. margin-top: 3px;
  25. border: 1px solid #999;
  26. margin-right: 3px;
  27. text-align: right;
  28. width: 123px;
  29. }
  30. div.right_submenu {
  31. margin-top: 3px;
  32. border: 1px solid #999;
  33. margin-left: 3px;
  34. text-align: left;
  35. width: 298px;
  36. }
  37. div.right_submenu_half {
  38. border: 1px solid #999;
  39. margin-top: 3px;
  40. margin-right: 3px;
  41. background-color: white;
  42. width: 125px;
  43. }
  44. div.subcenter {border: 1px solid #999999; background-color: #FFFFFF; text-align: left; vertical-align: top;
  45. width: 518px;
  46. }
  47. div.content_body {padding: 20px; text-align: left; vertical-align: top;
  48. }
  49. /* general menu styles */
  50. div.menu_header {background-color: #aed8f2; height: 17px;
  51. font-weight: bold;
  52. color: black;
  53. font-size: 12px;
  54. padding-left: 2px;
  55. padding-right: 2px;
  56. border: 1px solid white;
  57. padding-top: 1px;
  58. }
  59. div.menu_content {background-color: #FFFFFF; padding: 3px;
  60. font-size: 12px;
  61. }
  62. div.menu_content a {
  63. color: black;
  64. }
  65. div.menu_content a:hover {
  66. color: blue;
  67. }
  68. div.goal {
  69. font-weight: normal;
  70. font-style: normal;
  71. color: black;
  72. padding-left: 4px;
  73. padding-top: 4px;
  74. padding-bottom: 2px;
  75. font-size: 13px;
  76. }
  77. .menu_current { color: #000; text-decoration: none;
  78. font-size: 12px;
  79. font-weight: bold;
  80. }
  81. /* generic site text styles */
  82. a {
  83. color: #0F6499;
  84. text-decoration: none;
  85. }
  86. a:hover {text-decoration: underline;
  87. color: blue;
  88. }
  89. .title {
  90. font: bold 20px Georgia, "Times New Roman", Times, serif;
  91. color: black;
  92. }
  93. .title_nospace {
  94. font: bold 20px Georgia, "Times New Roman", Times, serif;
  95. color: black;
  96. margin: 0;
  97. padding: 0;
  98. }
  99. h1 {
  100. font: bold 20px Georgia, "Times New Roman", Times, serif;
  101. color: black;
  102. margin: 0;
  103. }
  104. .subtitle {
  105. font: bold 16px Georgia, "Times New Roman", Times, serif;
  106. padding: 0;
  107. margin: 0;
  108. }
  109. .index_head {
  110. font: bold 16px Georgia, "Times New Roman", Times, serif;
  111. margin-top: 20px;
  112. margin-bottom: 5px;
  113. padding: 1px;
  114. background-color: #AED8F2;
  115. width: 100%;
  116. }
  117. h2 {
  118. font: bold 16px Georgia, "Times New Roman", Times, serif;
  119. margin-bottom: 0;
  120. padding-top: 10px;
  121. }
  122. .very_small {font-size: xx-small; font-weight: 200;vertical-align: text-top}
  123. .line {
  124. padding: 0;
  125. margin: 4px 0 0;
  126. }
  127. div.note {
  128. color: gray;
  129. font-size: 11px;
  130. padding-top: 2px;
  131. }
  132. div.footnote {
  133. color: gray;
  134. font-size: 11px;
  135. padding-top: 10px;
  136. }
  137. .gray:hover {
  138. text-decoration: none;
  139. color: gray;
  140. }
  141. .note {
  142. color: gray;
  143. font-size: 10px;
  144. }
  145. .super {
  146. vertical-align: text-top;
  147. }
  148. .technorati {
  149. color: green;
  150. font-weight: bold;
  151. }
  152. .technorati a {
  153. color: green;
  154. font-weight: bold;
  155. }
  156. .technorati a:hover {
  157. color: blue;
  158. font-weight: bold;
  159. }
  160. .alexa {
  161. color: #064cb6;
  162. font-weight: bold;
  163. }
  164. .alexa a {
  165. color: #064cb6;
  166. font-weight: bold;
  167. }
  168. .alexa a:hover {
  169. color: blue;
  170. font-weight: bold;
  171. }
  172. .google {
  173. color: #881010;
  174. font-weight: bold;
  175. }
  176. .info_icon {
  177. color: blue;
  178. font: italic bold 14px Georgia, "Times New Roman", Times, serif;
  179. }
  180. .block {
  181. display: block;
  182. }
  183. .nomargin {
  184. padding: 0;
  185. margin: 0;
  186. }
  187. .nopadding {
  188. padding: 0;
  189. }
  190. div.noborder {
  191. border-style: none;
  192. }
  193. .colorhighlight {
  194. padding: 2px;
  195. }
  196. .colorhighlight a {
  197. color: black;
  198. }
  199. .black {
  200. color: black;
  201. }
  202. .gray {
  203. color: gray;
  204. }
  205. .gray_hover {
  206. color: gray;
  207. }
  208. /* generic site layout styles */
  209. td.blog_role_left {
  210. text-align: left;
  211. padding-left: 2px;
  212. }
  213. td.blog_role_right {
  214. text-align: right;
  215. padding-right: 2px;
  216. }
  217. table.blog_role {
  218. width: 100%;
  219. }
  220. div.blog_role {
  221. margin-top: 2px;
  222. }
  223. div.no_category {
  224. border: 1px dashed silver;
  225. }
  226. /* main menu styles */
  227. div.main_menu_current {background-color: #137DBF; text-align: right; margin-bottom: 1px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
  228. }
  229. div.main_menu_current a {color: #fff; font-size: 12px; font-weight: bold;
  230. }
  231. div.main_menu_current:hover {background-color: #E6F3FA;
  232. text-decoration: none;
  233. }
  234. div.main_menu_current:hover a {color: #000;
  235. text-decoration: none;
  236. }
  237. div.main_menu {background-color: #aed8f2; text-align: right;margin-bottom: 1px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
  238. }
  239. div.main_menu_block {
  240. border: 1px solid #999999;
  241. background-color: #fff;
  242. padding-top: 1px;
  243. padding-right: 1px;
  244. padding-left: 1px;
  245. margin-top: 3px;
  246. margin-right: 3px;
  247. width: 121px;
  248. }
  249. div.main_menu a {color: #000; font-size: 12px; font-weight: bold;
  250. }
  251. div.main_menu:hover {background-color: #E6F3FA; text-decoration: none;
  252. }
  253. div.main_menu:hover a {color: #000; text-decoration: none;
  254. }
  255. /* category menu styles */
  256. div.category_menu {text-align: center;
  257. padding: 5px;
  258. border-bottom: 1px solid #999999;
  259. }
  260. div.category_menu_current {text-align: center;
  261. padding: 5px;
  262. border-bottom: 1px solid #999999;
  263. }
  264. div.category_block {
  265. background-color: #fff;
  266. border-left: 1px solid #999999;
  267. border-top: 1px solid #999999;
  268. border-right: 1px solid #999999;
  269. margin-top: 3px;
  270. margin-right: 3px;
  271. width: 123px;
  272. }
  273. div.category_menu a {font-size: 11px;
  274. color: black;
  275. }
  276. div.category_menu_current a {font-size: 11px;
  277. color: black;
  278. font-weight: bold;
  279. }
  280. div.category_menu a:hover {
  281. color: black;
  282. text-decoration: none;
  283. }
  284. div.category_menu_current a:hover {
  285. color: black;
  286. text-decoration: none;
  287. font-weight: bold;
  288. }
  289. div.category_menu:hover a {color: black;
  290. }
  291. div.category_menu_current:hover a {color: black;
  292. font-weight: bold;
  293. }
  294. /* image styles */
  295. .image {border: none}
  296. /* BLOGMAKER index page blog preview styles */
  297. .index_blog_title {
  298. color: black;
  299. font: bold 16px Georgia, "Times New Roman", Times, serif;
  300. }
  301. .index_blog_body {font-size: 13px;}
  302. .index_blog_more {font-size: 12px;
  303. color: black;
  304. font-weight: bold;
  305. }
  306. /* error and error list styles */
  307. .error {color: red;}
  308. .errorlist {color: red;
  309. font-size: 10px;
  310. }
  311. ul.errorlist {margin: 0px; padding: 0px;}
  312. ul.errorlist li {margin: 0px; padding: 0px; list-style-position: inside; list-style-type: none;
  313. }
  314. /* comment and trackback styles */
  315. div.comments {
  316. padding-top: 20px;
  317. }
  318. div.comments_trackbacks {
  319. border-top: 2px solid gray;
  320. }
  321. div.comments_preview {
  322. padding-top: 0px;
  323. }
  324. div.trackbacks {
  325. padding-top: 20px;
  326. }
  327. div.add_comment {
  328. padding-top: 20px;
  329. }
  330. div.comment_display {
  331. border: 1px solid silver;
  332. margin-top: 15px;
  333. }
  334. div.comment_infos {
  335. font-size: 11px;
  336. color: gray;
  337. padding: 2px 4px;
  338. }
  339. div.comment_body {
  340. padding: 2px 4px 4px;
  341. }
  342. div.posts_first {
  343. border-bottom:2px solid gray;
  344. padding-bottom:20px;
  345. }
  346. div.posts_single {
  347. padding-bottom:20px;
  348. }
  349. div.posts {
  350. border-bottom:2px solid gray;
  351. padding-bottom:20px;
  352. padding-top:20px;
  353. }
  354. div.posts_last {
  355. border-bottom-style:none;
  356. padding-top:20px;
  357. }
  358. .comment_form {
  359. padding-top: 10px;
  360. }
  361. .comment_form_submits {
  362. text-align: right;
  363. padding-top: 5px;
  364. }