API tools faq
paste
Advertisement
Guest User

CSS Todo

a guest
Feb 27th, 2011
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Scribblings
  3. Description: Grungey Notepad Layout with original illustrations. Includes a blank header graphic so that you can draw your own header. Valid XHTML 1.0 Strict and CSS.
  4. Version: 1.02
  5. Author: Joey Robinson
  6. Author URI: http://www.techdesigns.co.uk
  7. Tags: two-columns, fixed-width, left-sidebar
  8. */
  9. html, body{ margin:0; padding:0; text-align:center; background:url(img/backss2.png) top center #FFFFFF;}
  10. #background{ width:100%; margin-left:auto; margin-right:auto; background:url(img/backss2.png) top center repeat-x;}
  11. #pagewidth{ width:1000px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/backs5.png) top center repeat-y;}
  12.  
  13. #page{ width:940px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/topo2.png) top center no-repeat; padding: 0px 30px 0px 30px;}
  14.  
  15. #header{ position:relative; height:223px; width:940px; overflow:hidden;}
  16.  
  17. #titles{float:left; clear:left; width: 500px; height:223px; overflow:hidden;}
  18. #titles h1{ position:relative; float:left; margin:63px 0px 0px 45px; padding:0px; font-family:arial; font-weight:normal; color:#c5afd4; font-size:20px;}
  19. #titles h1 a{color:#5afd4; text-decoration:none;}
  20. #titles h1 a:hover{color:#000000; text-decoration:none;}
  21. #titles h2{ position:relative; float:left; clear:left; margin:4px 0px 0px 50px; padding:0px; font-family:arial; font-weight:bold; color:#000000; font-size:14px; width: 400px;}
  22.  
  23.  
  24. #search{float:right; clear:right; margin: 45px 2px 0px 0px; height:178px; width: 300px; overflow:hidden;}
  25.  
  26.  
  27. div.searchfield{padding: 0px 6px 0px 15px; width: 153px;height: 34px; overflow:hidden; border:0px; color:#FF0099; float:left; background: url(img/busca3.png) no-repeat;outline: none; margin: 0px; }
  28. div.searchfield:hover{ background: url(img/busca3.png) no-repeat -200px 0px;color:#FF0099;overflow:hidden;}
  29.  
  30. .searchtext{background: transparent; border:0px; color:#FF0099; font-size:12px; font-family:tahoma; padding: 7px 10px 0px 30px; width: 80px; }
  31.  
  32. input.searchsubmit { float:right; clear:right; width: 80px;height: 35px;background: url(img/search_button.gif) no-repeat;outline: none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
  33. input.searchsubmit:hover { background: url(img/search_button.gif) no-repeat -115px 0px;}
  34.  
  35.  
  36. #menu{ position:relative; height:40px; width:940px; overflow:hidden;}
  37.  
  38. #tabs { float:right; display:block; line-height:normal; width:930px; margin: 20px 80px 0px 0px; height: 37px; text-align:right; padding: 0px 0px 0px 0px;overflow:hidden; }
  39. #tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: georgia; font-size: 14px; font-weight:italic;}
  40. #tabs li { display:inline; margin:0; padding:0; }
  41. #tabs a { float:left; background:url(img/tab1.png) no-repeat left top; margin:0px 2px 0px 0px; padding:0 0 0 15px; text-decoration:none; }
  42. #tabs a span { float:left; display:block; background:url(img/tab22.png) no-repeat right top; padding:5px 8px 11px 0; color: #000000; text-transform:uppercase; font-style:italic;}
  43. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  44. #tabs a span {float:none;}
  45. /* End IE5-Mac hack */
  46. #tabs a:hover span { color: #acc390; }
  47. #tabs a:hover { background-position:0% -45px; color: #acc390; }
  48. #tabs a:hover span { background-position:100% -45px; color: #acc390; }
  49. #tabs #current a { background-position:0% -45px; }
  50. #tabs #current a span { background-position:100% -45px;}
  51.  
  52. #leftcol{ width:205px; float:left; position:relative; padding:10px 0px 20px 25px;}
  53. #leftcol h1, #leftcol h2, #leftcol h3, #leftcol h4, #leftcol h5, #leftcol h6 {font-family:arial; color:#000000; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}
  54.  
  55.  
  56. #leftcol{ width:205px; float:left; position:relative; padding:10px 0px 20px 25px;}
  57. #leftcol h1, #leftcol h2, #leftcol h3, #leftcol h4, #leftcol h5, #leftcol h6 {font-family:arial; color:#000000; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}
  58.  
  59.  
  60. #leftcol ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px; clear:both;}
  61. #leftcol ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
  62. #leftcol ul li a{ width: 149px; display: block; background:url(img/menu_li.gif) top left no-repeat; padding: 6px 5px 3px 26px; text-decoration:none; color:#c5afd4; vertical-align: bottom;}
  63. #leftcol ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li.gif); text-decoration:none; color:#000000; }
  64. #leftcol ul li ul{margin: 0px 0px 0px 10px; display: block; font-family: arial; text-decoration:none; font-weight:bold;}
  65. #leftcol ul li ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
  66. #leftcol ul li ul li a{ width: 140px; display: block; background:url(img/menu_li_sml.gif) top left no-repeat; font-size: 12px;padding: 6px 5px 3px 25px; text-decoration:none; color:#c5afd4; vertical-align: bottom;}
  67. #leftcol ul li ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li_sml.gif); text-decoration:none; color:#000000; }
  68. #leftcol ul li ul li ul{margin: 0px 0px 0px 10px; display: block; font-family: arial; text-decoration:none; font-weight:bold;}
  69. #leftcol ul li ul li ul li a{ width: 130px; display: block; background:url(img/menu_li_sml.gif) top left no-repeat; font-size: 11px; padding: 6px 5px 3px 25px; text-decoration:none; color:#b19dbe; vertical-align: bottom;}
  70. #leftcol ul li ul li ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li_sml.gif); text-decoration:none; color:#000000; }
  71.  
  72.  
  73. #leftcol a{ font-family: tahoma; font-size: 11px; text-decoration:none; color:#cf8f8f;}
  74. #leftcol a:hover{ font-family: tahoma; font-size: 11px; text-decoration:none; color:#e69f9f;}
  75.  
  76.  
  77. #recentcomments {list-style: none; clear:left; }
  78. ul#recentcomments {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px; clear:both;}
  79. ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-family: arial; vertical-align: bottom;padding: 6px 5px 3px 26px; font-size: 14px; text-decoration:none; font-weight:bold;width: 149px;display: block; background:url(img/menu_li.gif) top left no-repeat; }
  80. ul#recentcomments li a{ text-decoration:none; color:#b19dbe; background:url(img/search_trans.gif);}
  81. ul#recentcomments li a:hover{ background-repeat: no-repeat; background:url(img/search_trans.gif); text-decoration:none; color:#000000; }
  82.  
  83. #linkcat-2 h2{font-family:arial; color:#b19dbe; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}
  84.  
  85. #info {font-family: arial; font-size: 11px; text-decoration:none; width:205px; text-align:center; font-weight:bold; color:#c5afd4; padding: 15px 0px 0px 0px;}
  86. #info a{ color: #c5afd4;}
  87. #info a:hover{ color: #000000;text-decoration:none;}
  88.  
  89. table#calendar_wrap {width:180px; overflow:hidden;}
  90.  
  91. #wp-calendar{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#000000; width:180px;}
  92. #wp-calendar a{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#FF0099;}
  93. #wp-calendar a:hover{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#000000;}
  94.  
  95.  
  96.  
  97. #maincol{ float: right; display:inline; position: relative; width:671px; padding: 0px 15px 20px 24px;}
  98.  
  99. .contentfooter{width:671px; height:10px; background:url(img/content_footer.gif) top left no-repeat; display:block; overflow:hidden;}
  100.  
  101.  
  102.  
  103. .postcontent{width:621px; overflow:hidden; padding: 10px 25px 15px 25px; font-family:georgia; font-size:12px; color:#000000; line-height:1.5em;}
  104.  
  105. .postcontent h1{font-family:georgia; font-style:italic; color:#b671e6; font-size:25px; margin:3px 0px 5px 0px; padding:3px 0px 3px 8px; top left no-repeat;}
  106. .postcontent h2{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:19px; margin:0px; padding:0px 0px 3px 0px; top left no-repeat;}
  107. .postcontent h3{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:18px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
  108. .postcontent h4{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:17px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
  109. .postcontent h5{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:16px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
  110. .postcontent h6{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:15px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
  111. .postcontent h1 a{font-family:georgia; font-style:italic; color:#b671e6; font-size:25px; text-decoration:none; margin:3px 0px 5px 8px; padding:3px 0px 3px 0px; }
  112. .postcontent h2 a{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:19px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  113. .postcontent h3 a{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:18px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  114. .postcontent h4 a{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:17px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  115. .postcontent h5 a{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:16px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  116. .postcontent h6 a{font-family:georgia; font-weight:italic; color:#b19dbe; font-size:15px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  117. .postcontent h1 a:hover{font-family:georgia; font-weight:italic; color:#adadad; font-size:25px; text-decoration:none; margin:3px 0px 5px 8px; padding:3px 0px 3px 0px; }
  118. .postcontent h2 a:hover{font-family:georgia; font-weight:italic; color:#000000; font-size:19px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  119. .postcontent h3 a:hover{font-family:georgia; font-weight:italic; color:#000000; font-size:18px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  120. .postcontent h4 a:hover{font-family:georgia; font-weight:italic; color:#000000; font-size:17px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  121. .postcontent h5 a:hover{font-family:georgia; font-weight:italic; color:#000000; font-size:16px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  122. .postcontent h6 a:hover{font-family:georgia; font-weight:italic; color:#000000; font-size:15px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
  123.  
  124. .postcontent p{ color:#000000; font-size: 12px; line-height:1.7em;}
  125. .postcontent p a{ color:#cf8f8f; top left;text-decoration:none;}
  126. .postcontent p a:hover{ color:#000000; text-decoration:none; top left; background-position: 0px -50px ;}
  127. .postcontent ul{ color:#000000; font-size: 12px; line-height:1.7em; margin: 10px 0px 10px 10px; padding: 0px; }
  128. .postcontent ul li{ color:#000000; font-size: 12px; line-height:1.7em; background:url(img/li.gif) top left no-repeat; list-style: none; padding: 0px 0px 5px 25px;}
  129. .postcontent ol{ color:#000000; font-size: 12px; line-height:1.7em;margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
  130. .postcontent ol li{ color:#000000; font-size: 12px; line-height:1.7em; background:url(img/li.gif) top left no-repeat; padding: 0px 0px 5px 25px;}
  131.  
  132.  
  133.  
  134. blockquote { margin:20px; padding:8px 8px 8px 15px;}
  135. blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
  136. label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
  137. table#wp-calendar {margin:0 0 20px; width:140px;}
  138. code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}
  139.  
  140.  
  141.  
  142. #author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
  143. #commentsection {margin:25px 0 0;}
  144. #commentsection p {margin:0 0 6px;}
  145.  
  146.  
  147.  
  148.  
  149. img.centered {display:block; margin-left:auto; margin-right:auto;}
  150. img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
  151. img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
  152. .aligncenter { display: block; margin-left: auto; margin-right: auto;}
  153. .alignright {float:right;}
  154. .alignleft {float:left;}
  155.  
  156. .divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 20px auto;}
  157. .left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
  158. .right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
  159. .center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
  160. .textright {text-align:right;}
  161. .small {font-size:0.8em;}
  162. .bold {font-weight:bold;}
  163. .hide {display:none;}
  164. .post {margin:0px;}
  165. .postinfo { color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
  166. .comment { color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
  167. .comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
  168. .gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
  169. .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
  170. .wp-caption img { margin: 0; padding: 0; border: 0 none;}
  171. .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
  172.  
  173.  
  174. #footer{ height:48px; width: 1000px; background:url(img/foot.png) top center no-repeat; clear:both; margin-left:auto; margin-right:auto;font-family:georgia; font-weight:italic; color:#adadad; font-size:14px; padding: 7px 0px 0px 0px;}
  175. #footer a{ font-family:georgia; font-weight:italic; color:#adadad; font-size:14px; TEXT-DECORATION: none;}
  176. #footer a:hover{ font-family:georgia; font-weight:italic; color:#b671e2; font-size:14px; text-decoration:none;}
  177.  
  178.  
  179. .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  180.  
  181. .clearfix{display: inline-block;}
  182.  
  183. /* Hides from IE-mac \*/
  184. * html .clearfix{height: 1%;}
  185. .clearfix{display: block;}
  186. /* End hide from IE-mac */
  187.  
  188.  
  189.  
  190. /*printer styles*/
  191. @media print{
  192. /*hide the left column when printing*/
  193. #leftcol{display:none;}
  194. #twocols, #maincol{width:100%; float:none;}
  195. }
  196.  
  197.  
  198. .flickr a img{
  199. margin: 3px;
  200. padding: 3px;
  201. background-color: #fff;
  202. border: 0px solid #000;
  203. }
  204.  
  205. .direita {
  206. float:right;
  207. width:79%;
  208. text-align: left;
  209. margin-bottom: -35px;
  210. margin-top: 0px;
  211. }
  212.  
  213. .esquerda {
  214. float:left;
  215. width:79%;
  216. text-align: right;
  217. margin-bottom: -35px;
  218. margin-top: 0px;
  219. }
  220.  
  221. #linkrodape {
  222. text-align: right;
  223. color:#9ec9cf;
  224. font-size: 12px;
  225. width: 100%;
  226. }
  227.  
  228. #linkrodape a:link, #footlink a:visited, #footlink a:active {
  229. background-color: #f1fbfc;
  230. color: #9ec9cf;
  231. border: 1px solid #c7ecf1;
  232. margin: 2px;
  233. padding: 0 4px;
  234. }
  235.  
  236. #linkrodape a:hover {
  237. background-color:#d1edf1;
  238. border:1px solid #9ec9cf;
  239. color:#9ec9cf;
  240. margin:2px;
  241. padding: 0 4px;
  242. }
  243.  
  244. .date {
  245. width: 35px;
  246. height: 15px;
  247. float: left;
  248. margin: 20px 0px 0px 0px;
  249. text-align: center;
  250. font-family: arial, georgia;
  251. }
  252. .date span.dia{
  253. color: #adadad;
  254. font-size: 18px;
  255. font-weight: bolder;
  256. background-color: #f1f1f1;
  257. }
  258. .date span.mes{
  259. text-transform: none;
  260. color: #adadad;
  261. font-size: 10px;
  262. font-weight: bolder;
  263. text-transform: uppercase;
  264. margin-top: 3px;
  265. background-color: #f1f1f1;
  266. }
  267. .date span.ano{
  268. text-transform: none;
  269. color: #e69f9f;
  270. font-size: 10px;
  271. font-weight: bolder;
  272. background-color: #f1f1f1;
  273. }
  274.  
  275. #comentslink {
  276. text-align: right;
  277. color:#FFFFFF;
  278. font-size: 15px;
  279. width: 100%;
  280. }
  281.  
  282. #comentslink a:link, #comentslink a:visited, #comentslink a:active {
  283. background-color: #b671e6;
  284. color: #FFFFFF;
  285. border: 0px solid #c7ecf1;
  286. padding: 0 4px;
  287. TEXT-DECORATION: none;
  288. }
  289.  
  290. #comentslink a:hover {
  291. background-color:#adadad;
  292. border:0px solid #9ec9cf;
  293. color:#FFFFFF;
  294. padding: 0 4px;
  295. TEXT-DECORATION: none;
  296. }
  297.  
  298. #tagslink {
  299. text-align: left;
  300. color:#FFFFFF;
  301. font-size: 15px;
  302. width: 100%;
  303. }
  304.  
  305. #tagslink a:link, #tagslink a:visited, #tagslink a:active {
  306. background-color: #b671e6;
  307. color: #FFFFFF;
  308. border: 0px solid #c7ecf1;
  309. padding: 0 4px;
  310. TEXT-DECORATION: none;
  311. }
  312.  
  313. #tagslink a:hover {
  314. background-color:#adadad;
  315. border:0px solid #9ec9cf;
  316. color:#FFFFFF;
  317. padding: 0 4px;
  318. TEXT-DECORATION: none;
  319. }
  320.  
  321. #fundopags {
  322. background-color:#ffffff;
  323. border: 5px solid #FFFFFF;
  324. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!