Advertisement
dajare

Simple Magazine CSS for Wolf

Aug 27th, 2011
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.28 KB | None | 0 0
  1. html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,input,select{
  2.     margin:0;
  3.     padding:0;
  4.     border:0;
  5.     font-weight:inherit;
  6.     font-style:inherit;
  7.     font-size:100%;
  8.     font-family:inherit;
  9.     vertical-align:baseline
  10. }
  11.  
  12. table{
  13.     border-collapse:collapse;
  14.     border-spacing:0
  15. }
  16.  
  17. caption,th,td{
  18.     text-align:left;
  19.     font-weight:normal
  20. }
  21.  
  22. table,td,th{
  23.     vertical-align:middle
  24. }
  25.  
  26. blockquote:before,blockquote:after,q:before,q:after{
  27.     content:""
  28. }
  29.  
  30. blockquote,q{
  31.     quotes:"" ""
  32. }
  33.  
  34. a
  35. img{
  36.     border:none
  37. }
  38.  
  39. :focus{
  40.     outline:0
  41. }
  42.  
  43. html{
  44.     height:100%;
  45.     padding-bottom:1px
  46. }
  47.  
  48. body{
  49.     background:#FFF;
  50.     color:#334;
  51.     font:normal 75% sans-serif;
  52.     line-height:1.5
  53. }
  54.  
  55. h1,h2,h3,h4,h5,h6{
  56.     color:#444;
  57.     font-weight:normal;
  58.     line-height:1;
  59.     margin-bottom:0.3em
  60. }
  61.  
  62. h4,h5,h6{
  63.     font-weight:bold
  64. }
  65.  
  66. h1{
  67.     font-size:2.6em
  68. }
  69.  
  70. h2{
  71.     font-size:2em
  72. }
  73.  
  74. h3{
  75.     font-size:1.5em
  76. }
  77.  
  78. h4{
  79.     font-size:1.25em
  80. }
  81.  
  82. h5{
  83.     font-size:1.1em
  84. }
  85.  
  86. h6{
  87.     font-size:1em
  88. }
  89.  
  90. h1 img, h2 img, h3 img, h4 img, h5 img, h6
  91. img{
  92.     margin:0
  93. }
  94.  
  95. a:focus,a:hover{
  96.     color:#357
  97. }
  98.  
  99. a{
  100.     color:#357;
  101.     text-decoration:underline
  102. }
  103.  
  104. a.feed{
  105.     background:url('img/icon-feed.gif') no-repeat left center;
  106.     padding-left:18px
  107. }
  108.  
  109. a.more{
  110.     color:#579;
  111.     font-weight:bold
  112. }
  113.  
  114. a.more:hover{
  115.     color:#234
  116. }
  117.  
  118. p{
  119.     margin-bottom:1em
  120. }
  121.  
  122. abbr,acronym{
  123.     border-bottom:1px dotted #666
  124. }
  125.  
  126. address{
  127.     margin-bottom:1.5em
  128. }
  129.  
  130. blockquote{
  131.     margin:1.5em
  132. }
  133.  
  134. del,blockquote{
  135.     color:#666
  136. }
  137.  
  138. em,dfn,blockquote,address{
  139.     font-style:italic
  140. }
  141.  
  142. strong,dfn{
  143.     font-weight:bold
  144. }
  145.  
  146. sup,sub{
  147.     line-height:0
  148. }
  149.  
  150. pre{
  151.     margin:1.5em 0;
  152.     white-space:pre
  153. }
  154.  
  155. pre,code,tt{
  156.     font:1em monospace;
  157.     line-height:1.5
  158. }
  159.  
  160. li ul, li
  161. ol{
  162.     margin-left:1.5em
  163. }
  164.  
  165. ul,ol{
  166.     margin:0
  167.     0 1.5em 1.5em
  168. }
  169.  
  170. ul{
  171.     list-style-type:disc
  172. }
  173.  
  174. ol{
  175.     list-style-type:decimal
  176. }
  177.  
  178. dl{
  179.     margin:0
  180.     0 1.5em 0
  181. }
  182.  
  183. dl
  184. dt{
  185.     font-weight:bold
  186. }
  187.  
  188. dd{
  189.     margin-left:1.5em
  190. }
  191.  
  192. ul.plain-list li, ul.nice-list li, ul.tabbed
  193. li{
  194.     list-style:none
  195. }
  196.  
  197. ul.tabbed{
  198.     display:inline;
  199.     margin:0
  200. }
  201.  
  202. ul.tabbed
  203. li{
  204.     float:left
  205. }
  206.  
  207. ul.plain-list{
  208.     margin:0
  209. }
  210.  
  211. ul.nice-list{
  212.     margin-left:0
  213. }
  214.  
  215. ul.nice-list
  216. li{
  217.     list-style:none;
  218.     border-top:1px solid #EEE;
  219.     padding:4px
  220.     0
  221. }
  222.  
  223. ul.nice-list li:first-child{
  224.     border-top:none
  225. }
  226.  
  227. ul.nice-list li
  228. .right{
  229.     color:#999
  230. }
  231.  
  232. table{
  233.     margin-bottom:1.4em;
  234.     width:100%
  235. }
  236.  
  237. th{
  238.     font-weight:bold
  239. }
  240.  
  241. thead
  242. th{
  243.     background:#C3D9FF
  244. }
  245.  
  246. th,td,caption{
  247.     padding:4px
  248.     10px 4px 5px
  249. }
  250.  
  251. tr.even
  252. td{
  253.     background:#F2F6FA
  254. }
  255.  
  256. tfoot{
  257.     font-style:italic
  258. }
  259.  
  260. caption{
  261.     background:#EEE
  262. }
  263.  
  264. table.data-table{
  265.     border:1px
  266.     solid #CCB;
  267.     margin-bottom:2em;
  268.     width:100%
  269. }
  270.  
  271. table.data-table
  272. th{
  273.     background:#F0F0F0;
  274.     border:1px
  275.     solid #DDD;
  276.     color:#555;
  277.     text-align:left
  278. }
  279.  
  280. table.data-table
  281. tr{
  282.     border-bottom:1px solid #DDD
  283. }
  284.  
  285. table.data-table td, table
  286. th{
  287.     padding:10px
  288. }
  289.  
  290. table.data-table
  291. td{
  292.     background:#F6F6F6;
  293.     border:1px
  294.     solid #DDD
  295. }
  296.  
  297. table.data-table tr.even
  298. td{
  299.     background:#FCFCFC
  300. }
  301.  
  302. .small{
  303.     font-size:0.9em
  304. }
  305.  
  306. .smaller{
  307.     font-size:0.8em
  308. }
  309.  
  310. .smallest{
  311.     font-size:0.7em
  312. }
  313.  
  314. .large{
  315.     font-size:1.15em
  316. }
  317.  
  318. .larger{
  319.     font-size:1.25em
  320. }
  321.  
  322. .largest{
  323.     font-size:1.35em
  324. }
  325.  
  326. .hidden{
  327.     display:none
  328. }
  329.  
  330. .quiet{
  331.     color:#999
  332. }
  333.  
  334. .loud{
  335.     color:#000
  336. }
  337.  
  338. .highlight{
  339.     background:#ff0
  340. }
  341.  
  342. .text-left{
  343.     text-align:left
  344. }
  345.  
  346. .text-right{
  347.     text-align:right
  348. }
  349.  
  350. .text-center{
  351.     text-align:center
  352. }
  353.  
  354. .text-separator{
  355.     padding:0
  356.     5px
  357. }
  358.  
  359. .error,.notice,.success{
  360.     border:1px
  361.     solid #DDD;
  362.     margin-bottom:1em;
  363.     padding:0.6em 0.8em
  364. }
  365.  
  366. .error{
  367.     background:#FBE3E4;
  368.     color:#8A1F11;
  369.     border-color:#FBC2C4
  370. }
  371.  
  372. .error
  373. a{
  374.     color:#8A1F11
  375. }
  376.  
  377. .notice{
  378.     background:#FFF6BF;
  379.     color:#514721;
  380.     border-color:#FFD324
  381. }
  382.  
  383. .notice
  384. a{
  385.     color:#514721
  386. }
  387.  
  388. .success{
  389.     background:#E6EFC2;
  390.     color:#264409;
  391.     border-color:#C6D880
  392. }
  393.  
  394. .success
  395. a{
  396.     color:#264409
  397. }
  398.  
  399. label{
  400.     font-weight:bold;
  401.     cursor:pointer
  402. }
  403.  
  404. fieldset{
  405.     padding:1.4em;
  406.     margin:0
  407.     0 1.5em 0;
  408.     border:1px
  409.     solid #ccc
  410. }
  411.  
  412. legend{
  413.     font-weight:bold;
  414.     font-size:1.2em
  415. }
  416.  
  417. textarea{
  418.     overflow:auto
  419. }
  420.  
  421. input.text,textarea,select{
  422.     background:#FCFCFC;
  423.     border:1px
  424.     inset #AAA;
  425.     margin:0.5em 0;
  426.     padding:4px
  427.     5px
  428. }
  429.  
  430. input.text:focus,textarea:focus,select:focus{
  431.     background:#FFFFF5
  432. }
  433.  
  434. input.button{
  435.     background:#DDD;
  436.     border:1px
  437.     outset #AAA;
  438.     padding:4px
  439.     5px
  440. }
  441.  
  442. input.button:active{
  443.     border-style:inset
  444. }
  445.  
  446. .form-error{
  447.     border-color:#F00
  448. }
  449.  
  450. .center,.aligncenter{
  451.     display:block;
  452.     margin-left:auto;
  453.     margin-right:auto
  454. }
  455.  
  456. img.bordered,img.alignleft,img.alignright,img.aligncenter{
  457.     background-color:#FFF;
  458.     border:1px
  459.     solid #DDD;
  460.     padding:3px
  461. }
  462.  
  463. img.alignleft,img.left{
  464.     margin:0
  465.     1.5em 1em 0
  466. }
  467.  
  468. img.alignright,img.right{
  469.     margin:0
  470.     0 1em 1.5em
  471. }
  472.  
  473. .left,.alignleft{
  474.     float:left
  475. }
  476.  
  477. .right,.alignright{
  478.     float:right
  479. }
  480.  
  481. .clear,.clearer{
  482.     clear:both
  483. }
  484.  
  485. .clearer{
  486.     display:block;
  487.     font-size:0;
  488.     line-height:0;
  489.     height:0
  490. }
  491.  
  492. .content-separator,.archive-separator{
  493.     background:#D5D5D5;
  494.     clear:both;
  495.     color:#FFE;
  496.     display:block;
  497.     font-size:0;
  498.     line-height:0;
  499.     height:1px
  500. }
  501.  
  502. .content-separator{
  503.     margin:20px
  504.     0
  505. }
  506.  
  507. .archive-separator{
  508.     margin:10px
  509.     0
  510. }
  511.  
  512. .post
  513. a{
  514.     text-decoration:none
  515. }
  516.  
  517. .post a:hover{
  518.     text-decoration:underline
  519. }
  520.  
  521. .post img.left, .post
  522. img.right{
  523.     margin-bottom:0
  524. }
  525.  
  526. .post-date{
  527.     color:#777;
  528.     margin:2px
  529.     0 10px
  530. }
  531.  
  532. .post-date
  533. a{
  534.     color:#444
  535. }
  536.  
  537. .post-title h1, .post-title h2, .post-title
  538. h3{
  539.     margin-bottom:0
  540. }
  541.  
  542. .post-meta{
  543.     background:#F6F6F6;
  544.     border:1px
  545.     solid #DDD;
  546.     color:#777;
  547.     padding:6px
  548.     10px
  549. }
  550.  
  551. .post-meta
  552. a{
  553.     color:#345
  554. }
  555.  
  556. .post-meta a:hover{
  557.     color:#001
  558. }
  559.  
  560. .post-body{
  561.     font-size:1.1em
  562. }
  563.  
  564. .post-body
  565. a{
  566.     color:#039
  567. }
  568.  
  569. .post-body a:hover{
  570.     color:#039
  571. }
  572.  
  573. .post-body img.left, .post-body
  574. img.right{
  575.     margin-bottom:1em
  576. }
  577.  
  578. .archive-pagination{
  579.     margin-bottom:16px
  580. }
  581.  
  582. .archive-post-date{
  583.     background:#F5F5F5;
  584.     border-bottom:1px solid #C5C5C5;
  585.     border-right:1px solid #CFCFCF;
  586.     float:left;
  587.     margin-right:12px;
  588.     padding:2px
  589.     0 5px;
  590.     text-align:center;
  591.     width:46px
  592. }
  593.  
  594. .archive-post-title .post-date{
  595.     margin:0
  596. }
  597.  
  598. .archive-post-title{
  599.     padding-top:4px
  600. }
  601.  
  602. .archive-post-day{
  603.     font:normal 1.6em Georgia,serif
  604. }
  605.  
  606. .center-wrapper{
  607.     margin:0
  608.     auto;
  609.     width:980px
  610. }
  611.  
  612. #network{
  613.     background:#EEE
  614. }
  615.  
  616. #network
  617. .left{
  618.     color:#333;
  619.     padding:6px
  620.     0
  621. }
  622.  
  623. #network .tabbed
  624. a{
  625.     display:block;
  626.     padding:6px
  627.     10px 7px;
  628.     text-decoration:none;
  629.     color:#666
  630. }
  631.  
  632. #network li a:hover{
  633.     background:#F6F6F6;
  634.     color:#000
  635. }
  636.  
  637. #network li.current-tab
  638. a{
  639.     background:#FFF;
  640.     font-weight:bold
  641. }
  642.  
  643. #network .text-separator, #network
  644. span{
  645.     color:#999
  646. }
  647.  
  648. #toolbar{
  649.     padding:12px
  650.     0 8px;
  651.     font-size:1.1em;
  652.     color:#999
  653. }
  654.  
  655. #toolbar
  656. img{
  657.     vertical-align:middle
  658. }
  659.  
  660. #header{
  661.     margin-bottom:24px
  662. }
  663.  
  664. #site-title{
  665.     font:normal 1.6em serif;
  666.     border-bottom:1px solid #CCC;
  667.     padding-bottom:24px
  668. }
  669.  
  670. #site-title
  671. span{
  672.     color:#999
  673. }
  674.  
  675. #site-title
  676. a{
  677.     color:#000;
  678.     text-decoration:none
  679. }
  680.  
  681. #navigation{
  682.     margin-bottom:24px
  683. }
  684.  
  685. #navigation
  686. a{
  687.     display:block;
  688.     text-decoration:none
  689. }
  690.  
  691. #main-nav
  692. a{
  693.     color:#888;
  694.     font-size:1.5em;
  695.     padding:9px
  696.     14px
  697. }
  698.  
  699. #main-nav
  700. li{
  701.     background:url('img/navigation-separator.gif') no-repeat left center
  702. }
  703.  
  704. #main-nav li:first-child{
  705.     background:none
  706. }
  707.  
  708. #main-nav li.current-tab a, #main-nav a:hover{
  709.     color:#002
  710. }
  711.  
  712. #main-nav li.current-tab
  713. a{
  714.     background:url('img/navigation-arrow.gif') no-repeat center bottom
  715. }
  716.  
  717. #sub-nav{
  718.     background:#DDEDF7;
  719.     padding:0
  720.     5px
  721. }
  722.  
  723. #sub-nav
  724. a{
  725.     color:#678;
  726.     font:bold 1.2em sans-serif;
  727.     padding:10px
  728. }
  729.  
  730. #sub-nav li.current-tab a, #sub-nav a:hover{
  731.     color:#223
  732. }
  733.  
  734. .main{
  735.     margin-bottom:18px
  736. }
  737.  
  738. .main#main-three-columns{
  739.     background:url('img/main-three-columns.gif') repeat-y right top
  740. }
  741.  
  742. .main#main-three-columns
  743. .sidebar{
  744.     width:193px
  745. }
  746.  
  747. .main#main-three-columns #main-left{
  748.     width:520px
  749. }
  750.  
  751. .main#main-two-columns{
  752.     background:url('img/main-two-columns.gif') repeat-y right top
  753. }
  754.  
  755. .main#main-two-columns
  756. .sidebar{
  757.     width:260px
  758. }
  759.  
  760. .main#main-two-columns #main-left{
  761.     width:671px
  762. }
  763.  
  764. .sidebar
  765. a{
  766.     text-decoration:none
  767. }
  768.  
  769. .sidebar a:hover{
  770.     text-decoration:underline
  771. }
  772.  
  773. #sidebar-1{
  774.     margin-left:37px
  775. }
  776.  
  777. .col3{
  778.     width:32%
  779. }
  780.  
  781. .col3-mid{
  782.     margin-left:2%
  783. }
  784.  
  785. #sidebar-wrapper{
  786.    
  787. }
  788.  
  789. #sidebar{
  790.    
  791. }
  792.  
  793. .section{
  794.     margin-bottom:16px
  795. }
  796.  
  797. .section-title{
  798.     background-color:#F2F6FA;
  799.     border-top:2px solid #ABC;
  800.     font:bold 1.1em sans-serif;
  801.     margin-bottom:5px;
  802.     min-height:0;
  803.     padding:5px
  804.     8px 6px
  805. }
  806.  
  807. .network-section .section-title{
  808.     background-color:#F6F6F6;
  809.     border-color:#D6D6D6
  810. }
  811.  
  812. #dashboard{
  813.     background:#FAFAFA url('img/dashboard.gif') repeat-y left top;
  814.     border:1px
  815.     solid #E7E7E7
  816. }
  817.  
  818. #dashboard
  819. .column{
  820.     width:244px
  821. }
  822.  
  823. #dashboard #column-4{
  824.     border-right:none
  825. }
  826.  
  827. #dashboard .column-content{
  828.     padding:14px
  829.     16px
  830. }
  831.  
  832. #dashboard .column-title{
  833.     color:#666;
  834.     font-size:1.4em;
  835.     font-weight:bold;
  836.     padding-bottom:5px
  837. }
  838.  
  839. #dashboard
  840. a{
  841.     color:#456
  842. }
  843.  
  844. #dashboard a:hover{
  845.     color:#000
  846. }
  847.  
  848. #footer{
  849.     padding:10px
  850.     0
  851. }
  852.  
  853. #footer
  854. a{
  855.     color:#579;
  856.     text-decoration:none
  857. }
  858.  
  859. #footer .right, #footer .right
  860. a{
  861.     color:#999;
  862.     text-decoration:none
  863. }
  864.  
  865. #footer .text-separator{
  866.     padding:0
  867.     3px;
  868.     color:#BBB
  869. }
  870.  
  871. #footer a:hover{
  872.     color:#000
  873. }
  874.  
  875. .noborder{
  876.     border:0
  877. }
  878.  
  879. .notborder{
  880.     border-top:0
  881. }
  882.  
  883. .norborder{
  884.     border-right:0
  885. }
  886.  
  887. .nobborder{
  888.     border-bottom:0
  889. }
  890.  
  891. .nolborder{
  892.     border-left:0
  893. }
  894.  
  895. .nomargin{
  896.     margin:0
  897. }
  898.  
  899. .notmargin{
  900.     margin-top:0
  901. }
  902.  
  903. .normargin{
  904.     margin-right:0
  905. }
  906.  
  907. .nobmargin{
  908.     margin-bottom:0
  909. }
  910.  
  911. .nolmargin{
  912.     margin-left:0
  913. }
  914.  
  915. .nopadding{
  916.     padding:0
  917. }
  918.  
  919. .notpadding{
  920.     padding-top:0
  921. }
  922.  
  923. .norpadding{
  924.     padding-right:0
  925. }
  926.  
  927. .nobpadding{
  928.     padding-bottom:0
  929. }
  930.  
  931. .nolpadding{
  932.     padding-left:0
  933. }
  934.  
  935. * html #sub-nav, * html .section-title, * html
  936. .main{
  937.     height:0.01%;
  938.     min-height:0.01%
  939. }
  940.  
  941.  
  942. /* comment form for Wolf */
  943. .comment-form-name,.comment-form-email,.comment-form-link,#comment-captcha-answer{
  944.     border:1px solid #ccc;
  945.     padding:2px;
  946.    
  947. }
  948.  
  949. .comment-form-body{
  950.     width:667px
  951. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement