Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

simplo-css

By: a guest on Jun 2nd, 2011  |  syntax: None  |  size: 10.93 KB  |  hits: 116  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2. Theme Name: Simplo
  3. Author: Site5.com
  4. Author URI: http://gk.site5.com/t/237
  5. Description: Check <a href="http://wordpress.site5.net/simplo/doc/">Simplo Documentation</a> in case you need directions</a>.
  6. */
  7.  
  8. /* MAIN STYLES
  9. -------------------------------------------*/
  10. * { margin: 0; padding: 0; }
  11.  
  12. body{
  13.         font-weight:normal;
  14.         font-family:Arial, Helvetica, sans-serif;
  15.         font-size:13px;
  16.         color:#333;
  17.         line-height:135%;
  18. }
  19.  
  20. a {
  21.         text-decoration:none;
  22. }
  23.  
  24. #colRight ul {
  25.         list-style-type: none;
  26. }
  27.  
  28. a:hover {
  29.         text-decoration:underline;
  30. }
  31.  
  32. a:focus {
  33.         outline:none;
  34. }
  35.  
  36. p {
  37.         margin:1.5em 0;
  38. }
  39.  
  40. h1, h2, h3 {
  41.         letter-spacing:-1px;
  42.         line-height:100%;
  43.         padding-bottom:10px;
  44. }
  45.  
  46. h1 {
  47.         font-weight:normal;
  48. }
  49.  
  50. h1 a:hover {
  51.         text-decoration:none;
  52.         color:#333;
  53. }
  54.  
  55. h2 {
  56.         font-size:20px;
  57.         padding-top:10px;
  58.         font-weight:normal;
  59. }
  60.  
  61. h3 {
  62.         font-size:18px;
  63.         padding-top:10px;
  64. }
  65.  
  66. h1 {
  67.         font-size:28px;
  68.         letter-spacing:-1px;
  69.         line-height:100%;
  70.         font-weight:normal;
  71.         font-family:Georgia, "Times New Roman", Times, serif;
  72.         font-style:italic;
  73.         padding-bottom:5px;
  74. }
  75.  
  76. h2.h2comments {
  77.         display:block;
  78.         background:url(images/bk_dotted_horiz.png) 0 100% repeat-x;
  79.         margin-bottom:2px;
  80. }
  81.  
  82.  
  83.  
  84.  
  85.  /* LAYOUT STRUCTURE
  86. --------------------------------------------------*/
  87.  
  88. #mainWrapper {
  89.         width:980px;
  90.         background:url(images/bk_main_wrapper.png);
  91.         margin:30px auto 0;
  92.         overflow:hidden;
  93. }
  94.  
  95. #wrapper {
  96.         margin:10px;
  97. /*      background:#fff url(images/bk_wrapper.png) 100% 0 no-repeat; */
  98.         background:#fff url(/images/header-bg.jpg)  100% 0 no-repeat;
  99. /*      background:#fff url(/images/wrapper-bg.jpg) 0 0 repeat-x; */
  100.         overflow:hidden;
  101.         padding:27px;
  102. }
  103.  
  104. #header {
  105.         position:relative;
  106. /*      background:url(images/bk_dotted_horiz.png) 0 100% repeat-x; */
  107.         height:110px;
  108.         margin-top:5px;
  109.         margin-bottom:13px;
  110. }
  111.  
  112. #content {
  113.         overflow:hidden;
  114.         margin-top:17px;
  115.         padding-top:10px;
  116. }
  117.  
  118. #content.twocols {
  119.         background:url(images/bk_dotted_vert.png) 625px 0 repeat-y;
  120. }
  121.  
  122. #content.threecols  {
  123.        
  124. }
  125.  
  126. #colLeft {
  127.         float:left;
  128.         width:600px;
  129.         padding-right:25px;
  130. }
  131.  
  132. #colRight {
  133.         float:left;
  134.         width:255px;
  135.         padding-left:25px;
  136. }
  137.  
  138. #footer {
  139.         width:960px;
  140.         margin:25px auto;
  141.         padding:0 27px 25px;
  142. }      
  143.  
  144.  
  145. /* HEADER ELEMENTS
  146. -----------------------------------*/
  147.  
  148. /* -- logo --*/
  149. #logo {
  150.         position:absolute;
  151.         top:0;
  152.         left:0;
  153.         color:#999;
  154.         font-size:11px;
  155. }
  156.  
  157. #logo a img{
  158.         border:none;
  159.         vertical-align:middle;
  160.         margin-right:15px;
  161. }
  162.  
  163. /* TOP SOCIAL */
  164.  
  165. #topSocial {
  166.         position:absolute;
  167.         right:0;
  168.         top:15px;
  169.         font-size:11px;
  170.         color:#999;
  171. }
  172.  
  173. #topSocial a img {
  174.         border:none;
  175.         vertical-align:middle;
  176.         margin-left:10px;
  177. }
  178.  
  179. /* TOP MENU */
  180.  
  181. #topMenu {
  182.         background:url(images/bk_dotted_horiz_dbl.png) 0 100% repeat-x;
  183.         height:12px;
  184.         padding:0 0 17px;
  185. }
  186.  
  187. #topMenu ul li{
  188.         float:left;
  189.         padding-right:20px;
  190. }
  191.  
  192. #topMenu ul li a {
  193.         display:block;
  194.         padding-left:11px;
  195.         text-transform:uppercase;
  196.         color:#333;
  197.         padding-bottom:17px;
  198. }
  199.  
  200. #topMenu ul li a:hover{
  201.         color:#00A5FF;
  202.         text-decoration:none;
  203. }
  204.  
  205. /* COLLEFT ELEMENTS
  206. -----------------------------------*/
  207.  
  208. #archive-title {
  209.         padding:0 0 9px;
  210.         margin:0 0 20px;
  211.         display:block;
  212.         /*background:url(images/ico_archive.png) 2px 50% no-repeat;*/
  213.         border-bottom:1px solid #ddd;
  214. }
  215.  
  216. .postItem {
  217.         margin-bottom:20px;
  218.         padding-bottom:10px;
  219.         text-align: justify;
  220.         background:url(images/bk_dotted_horiz.png) 0 100% repeat-x;
  221. }
  222.  
  223. .postItem a img {
  224.         border:none;
  225. }
  226.  
  227. .postItem .meta {
  228.         font-size:10px;
  229.         color:#999;
  230.         padding-bottom:7px;
  231.         overflow:hidden;
  232. }
  233.  
  234. .postItem .meta div {
  235.         float:left;
  236.         margin-right:15px;
  237. }
  238.  
  239. .postItem .meta .icoAuthor, .postItem .meta .icoComments{
  240.         padding-left:20px;
  241. }
  242.  
  243. .postItem .meta img {
  244.         vertical-align:middle;
  245. }
  246.  
  247. .postItem h1 {
  248.         font-size:22px;
  249.         letter-spacing:-1px;
  250.         line-height:100%;
  251.         font-weight:normal;
  252.         font-family:Georgia, "Times New Roman", Times, serif;
  253.         font-style:italic;
  254.         padding-bottom:5px;
  255. }
  256. .postItem h1 a{
  257.         color:#333;
  258. }
  259.  
  260. .postItem h2 a{
  261.         color:#333;
  262. }
  263.  
  264. .postItem h1 a:hover{
  265.         text-decoration:none;
  266. }
  267.  
  268. .postItem .categs {
  269.         margin:0 0 10px;
  270.         overflow:hidden;
  271. }
  272.  
  273. .postItem .categs a {
  274.         display:block;
  275.         float:left;
  276.         font-size:9px;
  277.         padding:1px 6px;
  278.         color:#fff;
  279.         margin-right:2px;
  280.         text-transform:uppercase;
  281. }
  282.  
  283.  
  284. /* COLRIGHT ELEMENTS
  285. -----------------------------------*/
  286.  
  287. #colRight a {
  288.         color: #394154;
  289.         font-weight: bold;
  290. }
  291.  
  292. #colRight h2 {
  293.         font-size:13px;
  294.         text-transform:uppercase;
  295.         padding:0 0 10px;
  296.         border-bottom:2px solid #C8C8C8;
  297.         font-weight:normal;
  298. }
  299.  
  300. #colRight h4 {
  301.         font-size:13px;
  302.         text-transform:uppercase;
  303.         padding:0 0 10px;
  304.         border-bottom:2px solid #C8C8C8;
  305.         font-weight:normal;
  306. }
  307.  
  308. #colRight .rightBox{
  309.         margin-bottom:25px;
  310. }
  311.  
  312. #colRight .rightBox p {
  313.         margin:15px 0;
  314. }
  315.  
  316. #colRight .rightBox ul li {
  317.         padding:9px 0;
  318.         border-bottom:1px solid #ddd;
  319. }
  320.  
  321. #colRight .rightBox ul li a{
  322.         font-size:12px;
  323. }
  324.  
  325. #colRight .rightBox ul li a:hover {
  326.         text-decoration:none;
  327. }
  328.  
  329. #colRight .rightBox ul li:hover {
  330.         background:#F7F7F7;
  331. }
  332.  
  333. /* FOOTER ELEMENTS
  334. ----------------------------------*/
  335. #footer #footerWidgets {
  336.         overflow:hidden;
  337. }
  338.  
  339. #footer .boxFooter {
  340.         float:left;
  341.         width:210px;
  342.         padding-right:30px;
  343.         overflow:hidden;
  344.         margin-bottom:40px;
  345.         color:#666;
  346. }
  347.  
  348.  
  349. #footer h2 {
  350.         font-size:13px;
  351.         text-transform:uppercase;
  352.         padding-bottom:10px;
  353.         border-bottom:2px solid #C8C8C8;
  354.         font-weight:normal;
  355. }
  356.  
  357. #footer .boxFooter ul li {
  358.         padding:7px 0;
  359.         border-bottom:1px solid #ccc;
  360. }
  361.  
  362. #footer .boxFooter ul li a {
  363.         text-decoration:none;
  364.         color:#666;
  365.         font-size:12px;
  366.         font-style:normal;
  367.  
  368.        
  369. }
  370.  
  371. #footer .boxFooter ul li a:hover {
  372.         color:#1FA2E1;
  373. }
  374.  
  375. #footer .boxFooter p {
  376.         margin:15px 0;
  377. }
  378.  
  379. /* Copyright */
  380.  
  381. #copyright {
  382.         border-top:2px solid #ccc;
  383.         padding-top:25px;
  384.         margin-top:15px;
  385.         position:relative;
  386.         margin-right:30px;
  387.         font-size:11px;
  388.         color:#777;
  389. }
  390.  
  391. #site5bottom {
  392.         position:absolute;
  393.         right:0;
  394.         top:17px;
  395. }
  396.  
  397. #site5bottom img {
  398.         border:none;
  399. }
  400.  
  401. #site5bottom a {
  402.         display:block;
  403.         width:344px;
  404.         height:26px;
  405.         background:url(images/site5_bottom.png) 100% 0 no-repeat;
  406.         text-indent:-9999px;
  407. }
  408.  
  409.  
  410. /* COMMENTS
  411. -----------------------------------*/
  412.  
  413. #content #colLeft ul.commentlist {
  414.         list-style:none;
  415.         list-style-position:outside;
  416.         display:block;
  417.         margin:0 0 20px;
  418.         background:url(images/bk_dotted_horiz_dbl.png) 0 100% repeat-x;
  419.         padding:0;
  420.         padding-bottom:10px;
  421. }
  422.  
  423. #content #colLeft ul.commentlist ul {
  424.         list-style-type:none;
  425.         list-style-position:outside;
  426.         margin:0;
  427. }
  428.  
  429. #content #colLeft ul.commentlist li {
  430.         padding:20px 0 10px 35px;
  431.         position:relative;
  432.         margin-top:0;
  433.         background:url(images/bk_dotted_horiz.png) 0 0 repeat-x;
  434. }
  435.  
  436. #content #colLeft ul.commentlist li img {
  437.         border:none;
  438. }
  439.  
  440. #content #colLeft ul.commentlist li p{
  441.         font-size:13px;
  442.         margin:10px 0;
  443. }
  444.  
  445. #content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
  446.         margin-left:20px;      
  447. }
  448.  
  449. #content #colLeft ul.commentlist li .comment-meta span {
  450.         font-size:11px;
  451.         color:#999;
  452. }
  453.  
  454. #content #colLeft ul.commentlist li .comment-meta {
  455.         font-size:16px;
  456. }
  457.  
  458.  
  459. #content #colLeft ul.commentlist li .gravatar {
  460.         position:absolute;
  461.         width:40px;
  462.         height:40px;
  463.         top:20px;
  464.         left:0;
  465. }
  466.  
  467. #content #colLeft ul.commentlist li .gravatar .gravatar_mask {
  468.         position:absolute;
  469.         left:0;
  470.         top:0;
  471.         background:url(images/bk_gravatar_mask.png) 0 0 no-repeat;
  472.         width:40px;
  473.         height:40px;
  474. }
  475.  
  476. #content #colLeft ul.commentlist .reply {
  477.         position:absolute;
  478.         right:0;
  479.         top:25px;
  480.         width:46px;
  481.         height:21px;
  482.         text-align:center;
  483. }
  484.  
  485. #content #colLeft ul.commentlist .reply a {
  486.         display:block;
  487.         width:46px;
  488.         height:21px;
  489.         text-transform:uppercase;
  490.         font-size:11px;
  491. }
  492.  
  493. #content #colLeft ul.commentlist .reply a:hover {
  494.         text-decoration:none;
  495.         color:#333;
  496. }
  497.  
  498.  
  499. #content #colLeft ul.commentlist li .children li {
  500.         margin-top:15px;
  501.         padding-top:25px;
  502.         border-bottom:none;
  503.         overflow:hidden;
  504.         padding-bottom:5px;
  505. }
  506.  
  507. #content #colLeft ul.commentlist li .children li .gravatar {
  508.         top:20px;
  509. }
  510.  
  511. #content #colLeft ul.commentlist li .children li .reply {
  512.         top:30px;
  513. }
  514.  
  515.  
  516. /* PAGINATION */
  517.  
  518. .emm-paginate {padding:10px 0; overflow:hidden; clear:both;}
  519. .emm-paginate a { border:1px solid #ddd; color:#666; margin-right:5px; padding:3px 7px; text-align:center; text-decoration:none; -moz-border-radius:2px;
  520.    -webkit-border-radius:2px;}
  521. .emm-paginate .emm-title {color:#555; margin-right:4px;}
  522. .emm-paginate .emm-gap {color:#999; margin-right:4px;}
  523. .emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current { -moz-border-radius:2px;    -webkit-border-radius:2px;color:#fff; background:#999; border:1px solid #999; margin-right:5px; padding:3px 7px;}
  524. .emm-paginate .emm-page {}
  525. .emm-paginate .emm-prev, .emm-paginate .emm-next {}
  526.  
  527. /* FORMS
  528. -------------------------------------------*/
  529. #colRight #searchBox {
  530.         overflow:hidden;
  531.         margin-bottom:25px;
  532. }
  533.  
  534. #searchform input {
  535.         border:none;
  536.         border-left:1px solid #CDCDCD;
  537.         border-top:1px solid #CDCDCD;
  538.         border-bottom:1px solid #CDCDCD;
  539.         background:#fff;
  540.         padding:6px 4px 6px 25px;
  541.         color:#666;
  542.         width:155px;
  543.         float:left;
  544.         background:#fff url(images/ico_search.jpg) 5px 50% no-repeat;
  545. }
  546.  
  547. #searchform input[type="submit"] {
  548.         width:70px;
  549.         height:30px;
  550.         border:none;
  551.         background:url(images/but_search.jpg) -2px 0 no-repeat;
  552.         cursor:pointer;
  553.         padding:0;
  554.         text-align:center;
  555.         color:#ccc;
  556.         font-size:11px;
  557. }
  558.  
  559. /* COMMENTS F0RM */
  560.  
  561. #commentform p {
  562.         margin:0;
  563. }
  564.  
  565. #commentform label {
  566.         display:block;
  567.         padding:5px 0;
  568. }
  569.  
  570. #commentform input, #commentform textarea {
  571.         border:1px solid #ddd;
  572.         padding:8px;
  573.         width:300px;
  574.         margin-bottom:10px;
  575.    -moz-border-radius:4px;
  576.    -webkit-border-radius:4px;
  577. }
  578.  
  579. #commentform input:focus, #commentform textarea:focus {
  580.         border:1px solid #1FA2E1;
  581. }
  582.  
  583.  
  584. #commentform textarea {
  585.         width:560px;
  586.         font-family:Arial, Helvetica, sans-serif;
  587.         font-size:13px;
  588. }
  589.  
  590. #commentform input[type="submit"]{
  591.         border:none;
  592.         width:151px;
  593.         height:32px;
  594.         margin-top:10px;
  595.         cursor:pointer;
  596.         background:url(images/bk_but_form.jpg) 0 100% repeat-x;
  597.         color:#FFF;
  598.         font-size:12px;
  599.         padding:0;
  600. }
  601.  
  602. /* Contact Form */
  603.  
  604. #contact label {
  605.         display:block;
  606.         padding:5px 0;
  607.         font-weight:bold;
  608. }
  609.  
  610. #contact input, #contact textarea {
  611.         border:1px solid #ddd;
  612.         padding:8px;
  613.         width:300px;
  614.         margin-bottom:10px;
  615.    -moz-border-radius:4px;
  616.    -webkit-border-radius:4px;
  617. }
  618.  
  619.  
  620. #contact textarea {
  621.         width:560px;
  622.         font-family:Arial, Helvetica, sans-serif;
  623.         font-size:13px;
  624. }
  625.  
  626. #contact input[type="submit"]{
  627.         border:none;
  628.         width:151px;
  629.         height:32px;
  630.         margin-top:10px;
  631.         cursor:pointer;
  632.         background:url(images/bk_but_form.jpg) 0 100% repeat-x;
  633.         color:#FFF;
  634.         font-size:12px;
  635.         padding:0;
  636.         -moz-border-radius:4px;
  637.    -webkit-border-radius:4px;
  638. }
  639.  
  640. #contact input:focus, #contact textarea:focus {
  641.         border:1px solid #1FA2E1;
  642. }
  643.  
  644. .errormsg, .successmsg{
  645.         background:#FEF4F1;
  646.         border:1px solid #F7A68A;
  647.         color:#DA4310;
  648.         padding:10px;
  649.         -moz-border-radius:4px;
  650.    -webkit-border-radius:4px;
  651. }
  652.  
  653. .successmsg {
  654.         background:#F5FAF1;
  655.         border:1px solid #C2E1AA;
  656.         color:#8FA943;
  657.         -moz-border-radius:4px;
  658.    -webkit-border-radius:4px;
  659. }
  660.  
  661.  
  662. /* POST TITLE ICON */
  663. .post-title-icon {
  664. float: left;
  665. margin: -8px 3px 0 5px;
  666. }
  667.  
  668.  
  669. /* GOOGLE ADSENSE ADS */
  670. .adsense-ads {
  671.         margin: 0 15px 10px 0 !important;
  672. }
  673.  
  674.  
  675. /* =Multiple Columns
  676. -------------------------------------------------------------- */
  677. #cats-container {
  678.         width: 100%;
  679.         margin: 0 auto 25px auto;
  680. }
  681. #cats-left {
  682.         float: left;
  683.         width: 50%;
  684.         text-align: center;
  685. }
  686. #cats-right {
  687.         margin-left:  50%;
  688.         text-align: center;
  689. }
create a new version of this paste RAW Paste Data