A tumblelog CMS built on AJAX, PHP and MySQL.

style.css 9.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379
  1. body {
  2. color: #fff;
  3. margin: 0px;
  4. background: #002c43 url('images/bg.gif');
  5. font-family: 'Lucida Grande', Helvetica, sans-serif;
  6. }
  7. #content {
  8. width: 510px;
  9. margin: auto;
  10. padding: 35px;
  11. position: relative;
  12. background: #005885 url('images/content_bg.png');
  13. border-left: solid 10px #003955;
  14. border-right: solid 10px #003955;
  15. }
  16. a {
  17. color: #ff9900;
  18. }
  19. h1 {
  20. padding: 25px 0px 65px 0px;
  21. margin: 0px;
  22. text-align: center;
  23. font: Normal 65px Georgia, serif;
  24. line-height: 60px;
  25. letter-spacing: -1px;
  26. opacity: 0.9;
  27. -moz-opacity: 0.9;
  28. filter: alpha(opacity=90);
  29. }
  30. h1 a {
  31. color: #fff;
  32. text-decoration: none;
  33. }
  34. div#content {
  35. position: relative;
  36. }
  37. div#description {
  38. position: absolute;
  39. left: 605px;
  40. font: Normal 12px Verdana,sans-serif;
  41. line-height: 20px;
  42. width: 150px;
  43. color: #568;
  44. }
  45. div#search {
  46. text-align: right;
  47. }
  48. div#description div a {
  49. color: #568;
  50. }
  51. div#searchresultcount {
  52. text-align: center;
  53. }
  54. .post {
  55. position: relative;
  56. margin-bottom: 50px;
  57. }
  58. .post .permalink {
  59. position: absolute;
  60. top: 8px;
  61. right: 3px;
  62. display: none;
  63. font-weight: bold;
  64. font-size: 24px;
  65. line-height: 0px;
  66. }
  67. .post:hover .permalink {
  68. display: block;
  69. }
  70. .post .permalink a {
  71. text-decoration: none;
  72. }
  73. .post .date {
  74. position: absolute;
  75. right: 565px;
  76. text-align: right;
  77. width: 200px;
  78. white-space: nowrap;
  79. font: Bold 20px Helvetica, sans-serif;
  80. text-align: right;
  81. letter-spacing: -1px;
  82. color: #888;
  83. padding: 5px 5px 5px 5px;
  84. line-height: 20px;
  85. text-transform: uppercase;
  86. }
  87. .post .date em {
  88. font-style: normal;
  89. color: #4075a2;
  90. }
  91. .post .date big {
  92. font-size: 30px;
  93. }
  94. .post h2 {
  95. font: Normal 20px Georgia, serif;
  96. color: #fff;
  97. letter-spacing: -1px;
  98. margin: 0px 0px 10px 0px;
  99. }
  100. .post h2 a {
  101. color: #fff;
  102. text-decoration: none;
  103. }
  104. /* Regular Post */
  105. .post .regular {
  106. font-size: 12px;
  107. line-height: 17px;
  108. }
  109. .post .regular blockquote {
  110. font-style: italic;
  111. }
  112. /* Photo Post */
  113. .post .photo img {
  114. border: solid 5px #eee;
  115. }
  116. .post .photo .caption {
  117. font-size: 11px;
  118. margin-top: 5px;
  119. }
  120. .post .photo .caption a {
  121. color: #fff;
  122. }
  123. /* Quote Post */
  124. .post .quote span.quote {
  125. font: Normal 28px Georgia, serif;
  126. letter-spacing: -1px;
  127. color: #fff;
  128. }
  129. .post .quote span.quote a {
  130. color: #fff;
  131. }
  132. .post .quote span.quote big.quote {
  133. font-weight: bold;
  134. font-size: 60px;
  135. line-height: 8px;
  136. vertical-align: -20px;
  137. }
  138. .post .quote span.source {
  139. font-size: 16px;
  140. color: #aaa;
  141. letter-spacing: -1px;
  142. }
  143. .post .quote span.source a {
  144. color: #aaa;
  145. }
  146. /* Link Post */
  147. .post .link a.link {
  148. font: Bold 30px Helvetica, sans-serif;
  149. letter-spacing: -1px;
  150. color: #ff9900;
  151. text-decoration: none;
  152. border-bottom: dotted 1px #ff9900;
  153. line-height: 33px;
  154. }
  155. .post .link .description {
  156. font-weight: normal;
  157. font-size: 11px;
  158. line-height: 16px;
  159. margin-top: 5px;
  160. }
  161. /* Conversation Post */
  162. .post .conversation ul {
  163. background-color: #46a6e9;
  164. list-style-type: none;
  165. margin: 0px;
  166. padding: 0px;
  167. border-left: solid 5px #0070ba;
  168. }
  169. .post .conversation ul li {
  170. border-bottom: solid 1px #0070ba;
  171. font-size: 12px;
  172. padding: 4px 0px 4px 8px;
  173. color: #000;
  174. }
  175. .post .conversation ul li span.label {
  176. font-weight: bold;
  177. }
  178. /* Audio Post */
  179. .post .audio .caption {
  180. font-size: 11px;
  181. margin-top: 5px;
  182. }
  183. .post .audio .caption a {
  184. color: #fff;
  185. }
  186. /* Video Post */
  187. .post .video {
  188. width: 500px;
  189. margin: auto;
  190. }
  191. .post .video .caption {
  192. font-size: 11px;
  193. margin-top: 5px;
  194. }
  195. .post .video .caption a {
  196. color: #fff;
  197. }
  198. /* Footer */
  199. #footer {
  200. margin: 20px 0px 0px 0px;
  201. text-align: center;
  202. font-size: 22px;
  203. }
  204. #footer a {
  205. text-decoration: none;
  206. color: #fff;
  207. }
  208. #footer a:hover {
  209. text-decoration: underline;
  210. }
  211. #footer p.tiny {
  212. margin: 50px 0px 0px 0px;
  213. font-size: 11px;
  214. font-weight: bold;
  215. }
  216. #footer p.tiny a {
  217. text-decoration: underline;
  218. color: #fff;
  219. }
  220. #footer p.tiny .dim {
  221. filter: alpha(opacity=50);
  222. -moz-opacity: 0.5;
  223. opacity: 0.5;
  224. }
  225. .query {
  226. font-weight: bold;
  227. }
  228. .containerFormComments {
  229. margin: 25px 65px 0px 0px;
  230. font-family: Verdana;
  231. font-size: 0.75em;
  232. }
  233. #commentForm input, #commentForm textarea {
  234. font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  235. }
  236. #commentForm p {
  237. font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  238. margin: 5px 0;
  239. }
  240. #commentForm input {
  241. width: 170px;
  242. padding: 2px;
  243. margin: 5px 5px 1px 0;
  244. }
  245. #commentForm textarea {
  246. width: 100%;
  247. padding: 2px;
  248. border:1px solid #fff;
  249. background-color:#fff;
  250. }
  251. #commentForm #btnAdd {
  252. margin: 0;
  253. float: right;
  254. }
  255. .totalComments h3 {
  256. margin: 0 10px 0 0;
  257. font-size: 10pt;
  258. font-weight: normal;
  259. text-align: right;
  260. color: #999;
  261. font-style: italic;
  262. }
  263. .totalComments a {
  264. color: #999;
  265. }
  266. /*
  267. Plugin Name: WP-Digg Style Paginator
  268. Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
  269. Author: Victor De la Rocha
  270. Author URI: http://www.mis-algoritmos.com
  271. */
  272. /*CSS Yahoo new version style pagination*/
  273. div.pagination {
  274. padding: 3px;
  275. margin: 10px 3px 3px 3px;
  276. text-align:center;
  277. font-family:Tahoma,Helvetica,sans-serif;
  278. font-size:.85em;
  279. }
  280. div.pagination a {
  281. background-color:#fff;
  282. border: 1px solid #ccdbe4;
  283. margin-right:3px;
  284. padding:2px 8px;
  285. background-position:bottom;
  286. text-decoration: none;
  287. color: #000;
  288. }
  289. div.pagination a:hover, div.pagination a:active {
  290. border: 1px solid #2b55af;
  291. background-image:none;
  292. background-color:#3666d4;
  293. color: #fff;
  294. }
  295. div.pagination span.current {
  296. margin-right:3px;
  297. padding:2px 6px;
  298. font-weight: bold;
  299. color: #000;
  300. }
  301. div.pagination span.disabled {
  302. display:none;
  303. }
  304. div.pagination a.next{
  305. border:2px solid #ccdbe4;
  306. margin:0 0 0 10px;
  307. }
  308. div.pagination a.next:hover{
  309. border:2px solid #2b55af;
  310. }
  311. div.pagination a.prev{
  312. border:2px solid #ccdbe4;
  313. margin:0 10px 0 0;
  314. }
  315. div.pagination a.prev:hover{
  316. border:2px solid #2b55af;
  317. }