/minger_plus/public/stylesheets/content.css

https://bitbucket.org/bwmcadams/mingerplus · CSS · 399 lines · 297 code · 79 blank · 23 comment · 0 complexity · d74ce4e8e57abc8f47f4e17407280a73 MD5 · raw file

  1. /*--------------------------------------------------------------
  2. Header
  3. --------------------------------------------------------------*/
  4. #header {
  5. background: url(../images/header_shadow.gif) repeat-x left bottom;
  6. }
  7. #header a:link,
  8. #header a:visited {
  9. color:#000;
  10. text-decoration: none;
  11. }
  12. #header a:hover,
  13. #header a:active {
  14. color:#930; background: transparent;
  15. text-decoration: none;
  16. }
  17. #header h1 {
  18. font: bold 400% georgia, serif;
  19. letter-spacing: -1px;
  20. margin: 0;
  21. float: left;
  22. }
  23. #header h2 {
  24. font: normal 12px verdana, arial, sans-serif;
  25. margin: 2.5em 0 0 0.8em;
  26. float: left;
  27. }
  28. /*--------------------------------------------------------------
  29. Content
  30. --------------------------------------------------------------*/
  31. #content {}
  32. #content h1,
  33. #content h2,
  34. #content h3,
  35. #content h4,
  36. #content h5 {
  37. font-family: "lucidamac bold", "lucida grande", arial, sans-serif;
  38. letter-spacing: -1px;
  39. }
  40. #content h1 {
  41. font-size: 24px;
  42. margin: 0 0 0.3em;
  43. }
  44. #content h2 {
  45. font-size: 22px;
  46. margin: 0 0 0.3em;
  47. }
  48. #content h3 {
  49. font-size: 20px;
  50. margin: 1.2em 0 0.3em;
  51. }
  52. #content h4 {
  53. font-size: 18px;
  54. margin: 1.2em 0 0.3em;
  55. border-bottom: 1px dotted #bbb;
  56. }
  57. #content h5 {
  58. font-size: 18px;
  59. background: #ffd;
  60. margin: 1.2em 0 0.3em;
  61. border-bottom: 1px dotted #aaa;
  62. }
  63. #content p {
  64. line-height: 15px;
  65. margin: 0 0 1.2em;
  66. }
  67. #content ul,
  68. #content ol {
  69. margin: 1em;
  70. padding:0;
  71. }
  72. #content ul {
  73. list-style-type: square;
  74. }
  75. #content li {
  76. line-height: 15px;
  77. margin: 0 0 0 1em; padding: 0;
  78. }
  79. #content blockquote {
  80. color: #555;
  81. border-left: 5px solid #ccc;
  82. margin: 1.3em 1em; padding: 0 1em;
  83. }
  84. #content code {
  85. font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
  86. }
  87. #content pre {
  88. color: #63FF00;
  89. background: #000;
  90. overflow: auto;
  91. font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
  92. margin: 0.9em 0; padding: 8px;
  93. }
  94. /* Article Entries - class names based on http://microformats.org/wiki/hatom] */
  95. #content .atomentry {
  96. margin: 0 0 3em 0;
  97. }
  98. #content .atomentry .title {
  99. font-size: 24px;
  100. line-height: 94%;
  101. letter-spacing: -1.5px;
  102. margin: 0;
  103. }
  104. #content .atomentry .title a:link,
  105. #content .atomentry .title a:visited {
  106. color: #930;
  107. text-decoration: none;
  108. }
  109. #content .atomentry .title a:hover,
  110. #content .atomentry .title a:active {
  111. color: #000;
  112. background: transparent;
  113. }
  114. #content .atomentry .title .comment_count { color: #eee; }
  115. #content .atomentry .author {
  116. color: #bbb;
  117. font: normal 16px/14px "lucidamac bold", "lucida grande", arial, verdana, sans-serif;
  118. letter-spacing: -1px;
  119. margin: 0 0 1em;
  120. }
  121. #content .atomentry .author cite a,
  122. #content .atomentry .author cite a:hover { /* author mailto: link (if any) */
  123. color: #aaa; background: transparent;
  124. text-decoration: none;
  125. }
  126. #content .atomentry .author abbr { /* posted date */
  127. font-weight: bold;
  128. color: #aaa;
  129. }
  130. #content .atomentry .content {}
  131. #content .atomentry ul.meta {
  132. font-size: 10px;
  133. background: #eee;
  134. margin: 0; padding: 5px;
  135. border: 1px solid #ddd;
  136. list-style-type: none;
  137. }
  138. #content .atomentry ul.meta li {
  139. line-height: 13px;
  140. margin: 0; padding: 0;
  141. }
  142. #content .atomentry .meta a:link,
  143. #content .atomentry .meta a:visited {
  144. color: #555;
  145. }
  146. #content .atomentry .meta a:hover,
  147. #content .atomentry .meta a:active {
  148. color: #fff;
  149. }
  150. /* Comments and Trackbacks */
  151. #content ol.comments,
  152. #content ol.trackbacks {
  153. list-style-type: none;
  154. margin: 0; padding: 0;
  155. }
  156. #content .comment,
  157. #content .trackback {
  158. border: 2px solid #ddd;
  159. margin: 0 0 1.5em; padding: 1em;
  160. }
  161. #content .comment.preview {
  162. background: #ffc;
  163. border: 3px solid #fab444;
  164. }
  165. #content .comment .author,
  166. #content .trackback .author {
  167. font-weight: bold;
  168. margin-bottom: 1em;
  169. }
  170. #content .comment .author cite,
  171. #content .trackback .author cite {
  172. font-size: 16px;
  173. letter-spacing: -1px;
  174. }
  175. #content .comment .author abbr,
  176. #content .trackback .author abbr { color: #999; }
  177. #content .comment .author .gravatar {
  178. margin: 0 0 0.5em 0.5em;
  179. float: right;
  180. }
  181. /* uncomment to enable a default gravatar
  182. #content .comment .author div {
  183. margin: 0 0 0.5em 0.5em;
  184. width: 60px; height: 60px;
  185. background: url(../../images/theme/gravatar.gif) no-repeat left top;
  186. float: right;
  187. }*/
  188. #content form.comments {
  189. background: #f2f2f2;
  190. border-top: 1px solid #ddd;
  191. padding: 1em 0.5em;
  192. }
  193. #content form.comments fieldset {
  194. border: none;
  195. }
  196. #content form.comments legend {
  197. display: none;
  198. }
  199. #content form.comments label {
  200. font-weight: bold;
  201. }
  202. #content form.comments textarea {
  203. width: 90%; height: 150px;
  204. padding: 3px;
  205. }
  206. /*--------------------------------------------------------------
  207. Sidebar
  208. --------------------------------------------------------------*/
  209. #sidebar {
  210. font-size: 11px;
  211. }
  212. #sidebar h3 {
  213. font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
  214. margin: 0 0 0.5em;
  215. }
  216. #sidebar h3 a:link,
  217. #sidebar h3 a:visited {
  218. color: #000; text-decoration: none;
  219. }
  220. #sidebar h3 a:hover,
  221. #sidebar h3 a:active {
  222. background: transparent; text-decoration: underline;
  223. }
  224. #sidebar ul {
  225. list-style-type: none;
  226. margin: 0 0 2em; padding: 0;
  227. }
  228. #sidebar li {
  229. margin: 0;
  230. padding: 1px 0;
  231. }
  232. #sidebar em { font-style: normal; }
  233. /* Live-search and results */
  234. #sidebar .search p {
  235. margin: 0;
  236. }
  237. #sidebar .search p input {
  238. font-size: 11px; width: 92%;
  239. }
  240. #sidebar .search .loading {
  241. background: url(../../images/theme/spinner.gif) no-repeat left 50%;
  242. margin: 1em 0; padding: 0 0 0 20px;
  243. height: 15px;
  244. }
  245. #sidebar .search .results {
  246. margin: 0 0 1.25em;
  247. }
  248. #sidebar .search .results h3 {
  249. margin-top: 1em;
  250. }
  251. #sidebar .search .results p {
  252. font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
  253. margin: 0 0 0.5em;
  254. }
  255. #sidebar .search .results ul {
  256. margin: 0; padding: 3px;
  257. }
  258. #sidebar .search .results li { background: #ffc; padding: 0.2em; }
  259. #sidebar .search .results a:link,
  260. #sidebar .search .results a:visited {
  261. color: #222;
  262. }
  263. #sidebar .search .results a:hover,
  264. #sidebar .search .results a:active {
  265. color: #fff;
  266. }
  267. /* Flickr sidebar-node */
  268. #sidebar #flickr {
  269. margin: 0 0 2em;
  270. clear: both;
  271. }
  272. #sidebar #flickr div {
  273. }
  274. #sidebar #flickr img {
  275. margin: 0 0 5px;
  276. padding: 5px;
  277. border: 1px solid #ddd;
  278. display: block;
  279. }
  280. #sidebar #flickr img:hover {
  281. background: #ffc;
  282. }
  283. #sidebar #flickr a {
  284. border: none;
  285. }
  286. /*--------------------------------------------------------------
  287. Footer
  288. --------------------------------------------------------------*/
  289. #footer {
  290. border-top: 1px solid #ccc;
  291. font-size: 90%;
  292. }
  293. #footer a:link,
  294. #footer a:visited {
  295. color: #000;
  296. }
  297. #footer a:hover,
  298. #footer a:active {
  299. color: #fff;
  300. background: #000;
  301. }
  302. #footer hr {
  303. display: none;
  304. }
  305. #footer p {
  306. width: 40%;
  307. float: left;
  308. margin: 0; padding: 0;
  309. }
  310. #footer ul {
  311. width: 40%;
  312. margin: 0; padding: 0;
  313. list-style-type: none;
  314. text-align: right;
  315. float: right;
  316. }
  317. #footer li {
  318. margin: 0; padding: 0 0 0 1em;
  319. display: inline;
  320. }