Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

Stylesheet

By: STATEDLIGHT on Jan 21st, 2013  |  syntax: None  |  size: 13.71 KB  |  views: 4  |  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: Tiger
  3. Theme URI: http://www.jocoxdesign.co.uk/wordpress-themes/tiger
  4. Description: A clean and simple orange/dark grey theme with optional site logo and favicon upload, breadcrumbs, latest posts slider, social networking icon and Google Analytics intergration via the Theme Options. Also includes separate blog and full-width page templates, support for the Wp-PageNavi plugin, threaded comments, post thumbnails, drop down navigation and integrated search.
  5. Author: Jo Cox Design
  6. Author URI: http://www.jocoxdesign.co.uk
  7. Version: 1.8
  8. Tags: custom-menu, microformats
  9. License: GNU General Public License
  10. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  11.  
  12. */
  13.  
  14. /* GENERAL */
  15. body {
  16.         background-image: url(images/mindcrack.png);
  17.         color: #fff;
  18.         margin: 0px;
  19.         padding: 0px;
  20.         font-family: Arial, Helvetica, sans-serif;
  21.         font-size: 0.9em;
  22. }
  23. p {
  24.         clear: both;
  25.         line-height: 1.5em;
  26. }
  27. #footerwrapper a {
  28.         color: #FFF;
  29.         text-decoration: none;
  30. }
  31. #footerwrapper a:hover {
  32.         text-decoration: underline;
  33. }
  34. #blog-title a:hover {
  35.         color: #F90;
  36.         text-decoration: none;
  37. }
  38. a {
  39.         color: #F90;
  40.         text-decoration: none;
  41. }
  42. a:hover {
  43.         text-decoration: underline;
  44. }
  45. a img {
  46.         border: none;
  47. }
  48. #crumbs a {
  49.         color: #FFF;
  50. }
  51. #content img {
  52.         max-width: 440px;
  53. }
  54. #content-full-width img {
  55.         max-width: 440px;
  56. }
  57. .entry-utility {
  58.         border-top: dotted 1px #CCC;
  59.         padding-top: 15px;
  60.         margin-top: 15px;
  61.         font-size: 0.8em;
  62. }
  63. .entry-meta {
  64.         font-size: 0.8em;
  65. }
  66. .entry-attachment {
  67.         margin: 20px 0px;
  68. }
  69. .current {
  70.         font-weight: bold;
  71. }
  72. hr {
  73.         background-color: #ccc;
  74.         border: 0;
  75.         height: 1px;
  76.         margin-bottom: 1.625em;
  77. }
  78. #blog-title img {
  79.         max-width: 440px;
  80. }
  81.  
  82.  
  83. /* LAYOUT */
  84. #topwrapper {
  85.         width: 100%;
  86.         float: left;
  87.         border-top: solid 10px #F90;
  88.         color: #1C1C1C;
  89. }
  90. #navwrapper {
  91.         width: 100%;
  92.         float: left;
  93.         color: #1C1C1C;
  94.         background-image: url(images/magic.png);
  95. }
  96. #midwrapper {
  97.         width: 100%;
  98.         float: left;
  99.         background-image: url(images/ftb.png);
  100.         background-size:800px 600px;
  101.         background-repeat:no-repeat;
  102.         background-color: #1C1C1C;
  103.         padding-bottom: 25px;
  104.         padding-top: 0px;
  105. }
  106. #footerwrapper {
  107.         width: 100%;
  108.         float: left;
  109.         color: #FFF;
  110.         font-size: 0.8em;
  111.         padding: 20px 0px;
  112. }
  113. .center {
  114.         width: 460px;
  115.         margin: auto;
  116. }
  117. #headleft {
  118.         float: middle;
  119.         width: 640px;
  120.         padding: 5px 0px;
  121. }
  122. #headright {
  123.         float: left;
  124.         width: 280px;
  125.         margin-left: 632px;
  126. }
  127. #searchbox {
  128.         background-color: #F90;
  129.         padding-right: 20px;
  130.         padding-bottom: 10px;
  131.         padding-left: 20px;
  132.         padding-top: 20px;
  133.         float: right;
  134.         border-radius: 0px 0px 3px 3px;
  135.         -moz-border-radius: 0px 0px 3px 3px;
  136. }
  137. #blog-title {
  138.         float: left;
  139.         font-size: 3em;
  140.         font-weight: bold;
  141.         letter-spacing: -1px;
  142.         text-decoration: none;
  143.         text-shadow: 2px 2px 2px #000;
  144. }
  145. #blog-description {
  146.         margin: 0px;
  147.         color: #FFF;
  148.         float: left;
  149.         width: 100%;
  150. }
  151. #content {
  152.         float: left;
  153.         width: 640px;
  154.         margin-top: 10px;
  155. }
  156. #content-full-width {
  157.         float: left;
  158.         width: 640px;
  159.         margin-top: 20px;
  160. }
  161. #sidebar {
  162.         float: left;
  163.         width: 450px;
  164.         margin-left: 700px;     margin-top: -200px;
  165.         padding: 0px;
  166.         color: #1C1C1C;
  167. }
  168. #crumbs {
  169.         float: left;
  170.         width: 460px;
  171.         padding: 10px 0px;
  172.         border-bottom: dotted 1px #CCC;
  173. }
  174. #slider {
  175.         float: left;
  176.         width: 640px;
  177. }
  178. #footerleft {
  179.         width: 460px;
  180.         float: left;
  181.         margin-right: 40px;
  182.         text-align: left;
  183. }
  184. #footerright {
  185.         width: 460px;
  186.         float: left;
  187.         text-align: right;
  188.         padding-top: 5px;
  189. }
  190. #content table,
  191. #content-full-width table {
  192.         margin:1em 0em 3em 0em;
  193.         border: solid 1px #EEE;
  194. }
  195. #content table tr th,
  196. #content-full-width table tr th {
  197.         padding: 1em 2em 1em 2em;
  198.         border-top: 1px solid #EEE;
  199.         border-left: 1px solid #EEE;
  200.         border:1px solid #EEE;
  201. }
  202. #content table tr td,
  203. #content-full-width table tr td {
  204.         padding: 1em 2em 1em 2em;
  205.         border:1px solid #EEE;
  206. }
  207. .wp-pagenavi {
  208.         margin-top: 20px;
  209.         float: left;
  210. }
  211.  
  212.  
  213. /* BLOG */
  214. .page-template-blog-php .oddpost {
  215.         width: 300px;
  216.         float: left;
  217.         height: 450px;
  218.         margin-right: 40px;
  219. }
  220. .page-template-blog-php .evenpost {
  221.         width: 300px;
  222.         float: left;
  223.         height: 450px;
  224. }
  225. .page-template-blog-php .entry-content {
  226.         margin-top: 15px;
  227.         float: left;
  228.         height: 425px;
  229.         width: 300px;
  230. }
  231. .page-template-blog-php .entry-meta {
  232.         margin-top: 15px;
  233.         float: left;
  234.         width: 300px;
  235. }
  236. .blog-thumb {
  237.         float: left;
  238.         margin-right: 10px;
  239.         margin-bottom: 10px;
  240.         border: none;
  241. }
  242.  
  243.  
  244. /* HOME */
  245. .home .oddpost {
  246.         width: 300px;
  247.         float: left;
  248.         height: 450px;
  249.         margin-right: 40px;
  250. }
  251. .home .evenpost {
  252.         width: 300px;
  253.         float: left;
  254.         height: 450px;
  255. }
  256. .home .entry-content {
  257.         margin-top: 15px;
  258.         height: 225px;
  259. }
  260.  
  261.  
  262. /* SLIDER */
  263. #featured a:hover {
  264.         text-decoration: none;
  265. }
  266. #featured{
  267.         width:950px;
  268.         position:relative;
  269.         height:350px;
  270.         background:#1C1C1C;
  271.         border: solid 5px #131313;
  272.         margin-top: 20px;
  273. }
  274. #featured ul.ui-tabs-nav{
  275.         position:absolute;
  276.         top:0;
  277.         left:640px;
  278.         list-style:none;
  279.         padding:0;
  280.         margin:0;
  281.         width:310px;
  282. }
  283. #featured ul.ui-tabs-nav li{
  284.         padding-left:13px;  
  285.         color:#666;
  286. }
  287. #featured ul.ui-tabs-nav li img{
  288.         margin:5px 5px;
  289.         background:#1C1C1C;
  290.         vertical-align: middle;
  291. }
  292. #featured ul.ui-tabs-nav li span{
  293.         line-height:18px;
  294. }
  295. #featured li.ui-tabs-nav-item a{
  296.         display:block;
  297.         height:70px;
  298.         color:#333;
  299.         background:#FFF;
  300. }
  301. #featured li.ui-tabs-nav-item a:hover{
  302.         background:#FFF;
  303. }
  304. #featured li.ui-tabs-selected{
  305.         background:url('images/selected-item.gif') center left no-repeat;  
  306. }
  307. #featured ul.ui-tabs-nav li.ui-tabs-selected a{
  308.         background:#131313;
  309.         color: #EEE;
  310. }
  311. #featured .ui-tabs-panel{
  312.         width:640px;
  313.         height:350px;
  314.         background:#999;
  315.         position:relative;
  316. }
  317. #featured .ui-tabs-panel .info{
  318.         position:absolute;
  319.         top:210px;
  320.         left:0;
  321.         height:140px;
  322. }
  323. #featured .info h2{
  324.         color:#1C1C1C; padding:15px; margin:0;
  325.         overflow:hidden;
  326. }
  327. #featured .info p{
  328.         margin:0 15px;
  329.         line-height:15px;
  330.         color:#f0f0f0;
  331. }
  332. #featured .info a{
  333.         text-decoration:none;
  334.         color:#FFF;
  335. }
  336. #featured .info a:hover{
  337.         text-decoration:underline;
  338. }
  339. #featured .ui-tabs-hide{
  340.         display:none;
  341. }
  342.  
  343.  
  344. /* HEADINGS */
  345. h1 {
  346.         font-size: 2.2em;
  347.         font-weight: bold;
  348.         letter-spacing: -2px;
  349.         margin: 0px 0px 10px 0px;
  350.         padding: 0px;
  351. }
  352. h2 {
  353.         font-size: 1.75em;
  354.         font-weight: normal;
  355.         letter-spacing: -1px;
  356.         margin: 20px 0px;
  357.         padding: 0px;
  358. }
  359. h3 {
  360.         font-size: 1.25em;
  361.         color: #FFF;
  362.         font-weight: bold;
  363.         margin: 0px 0px 10px 0px;
  364.         padding: 0px;
  365. }
  366. h2.entry-title a {
  367.         color: #FFF;
  368.         text-decoration: none;
  369.         background-color: #F90;
  370.         padding-top: 0.2em;
  371.         padding-right: 0.4em;
  372.         padding-bottom: 0.2em;
  373.         padding-left: 0.4em;
  374.         letter-spacing: -1px;
  375.         background-image: url(images/arrow.png);
  376.         background-repeat: no-repeat;
  377.         background-position: left center;
  378. }
  379. h3.widget-title {
  380.         color: #FFF;
  381.         border-bottom-width: 1px;
  382.         border-bottom-style: dotted;
  383.         border-bottom-color: #FFF;
  384.         padding-bottom: 10px;
  385.         padding-top: 0px;
  386. }
  387.  
  388.  
  389. /* LIST STYLES */
  390. #content ul,
  391. #content-full-width ul {
  392.         list-style: square;
  393. }
  394.  
  395.  
  396. /* DEFAULT MENU */
  397. /* Top menu items */
  398. #navwrapper ul {
  399.         margin:100;
  400.         padding:0;
  401.         list-style:none;
  402.         float:left;
  403.         position:relative;
  404.         left:-90%;
  405.         z-index: 100;
  406.         font-weight: bold;
  407. }
  408. #navwrapper ul li {
  409.         margin:0px;
  410.         padding:0;
  411.         float:left;
  412.         position:relative;
  413.         left:50%;
  414. }
  415. #navwrapper ul li a {
  416.         display:block;
  417.         margin:0;
  418.         padding:1.75em 1.5em 1.75em;
  419.         font-size:1em;
  420.         line-height:1em;
  421.         text-decoration:none;
  422.         color:#FFF;
  423. }
  424. #navwrapper ul li.active a {
  425.         color:#101010;
  426.         background:#FFF;
  427. }
  428. #navwrapper ul li a:hover {
  429.         color:#FFF;
  430.         background-color: #333;
  431. }
  432. #navwrapper ul li.current_page_item a {
  433.         color:#101010;
  434.         background-color: #FFF;
  435. }
  436. #navwrapper ul li:hover a,
  437. #navwrapper ul li.hover a {
  438.         color:#1C1C1C;
  439.         background-color: #333;
  440. }
  441. /* Submenu items */
  442. #navwrapper ul ul {
  443.         display:none;
  444.         position:absolute;
  445.         top:4.5em;
  446.         left:0;
  447.         right:auto;
  448.         width:15em;
  449.         z-index: 100;
  450. }
  451. #navwrapper ul ul li {
  452.         left:auto;
  453.         margin:0;
  454.         clear:left;
  455.         width:100%;
  456. }
  457. #navwrapper ul ul li a,
  458. #navwrapper ul li.active li a,
  459. #navwrapper ul li:hover ul li a,
  460. #navwrapper ul li.hover ul li a {
  461.         background:#333;
  462.         color:#1C1C1C;
  463.         line-height:1.4em;
  464.         padding:.6em 1.5em .6em;
  465. }
  466. #navwrapper ul ul li a:hover,
  467. #navwrapper ul li.active ul li a:hover,
  468. #navwrapper ul li:hover ul li a:hover,
  469. #navwrapper ul li.hover ul li a:hover {
  470.         color:#FFF;
  471.         background-color: #333;
  472. }
  473. /* Flip the last submenu so it stays within the page */
  474. #navwrapper ul ul.last {
  475.         left:auto;
  476.         right:0;
  477. }
  478. /* Make the sub menus appear on hover */
  479. #navwrapper ul li:hover ul,
  480. #navwrapper ul li.hover ul {
  481.         display:block;
  482. }
  483. /* Third level menu items */
  484. #navwrapper ul ul ul {
  485.         display:none;
  486.         position:absolute;
  487.         top:0;
  488.         left:15em;
  489.         right:auto;
  490.         width:15em;
  491. }
  492. #navwrapper ul ul ul li {
  493.         display:none;
  494. }
  495. #navwrapper ul ul li:hover ul li {
  496.         display:block;
  497. }
  498. #navwrapper ul ul ul,
  499. #navwrapper ul ul ul li a,
  500. #navwrapper ul ul ul li,
  501. #navwrapper ul ul li:hover ul li a,
  502. #navwrapper ul ul li:hover ul li a:hover {
  503.         background-color: #666;
  504. }
  505.  
  506.  
  507. /* COMMENTS AND TRACKBACKS */
  508. #comments ol {
  509.         margin: 0px;
  510.         padding: 0px;
  511. }
  512. ol.commentlist {
  513.         margin: 0px;
  514.         padding: 0px;
  515.         list-style: none;
  516.         margin-bottom: 20px;
  517. }
  518. ol.commentlist a {
  519.         color: #131313;
  520. }
  521. li.comment {
  522.         margin: 0px;
  523.         list-style: none;
  524.         padding: 20px;
  525. }
  526. li.trackback {
  527.         margin: 0px;
  528.         list-style: none;
  529.         padding: 20px;
  530. }
  531. li.thread-even {
  532.         background-color: #F4F4F4;
  533. }
  534. li.thread-odd {
  535.         background: #1C1C1C;
  536. }
  537. .avatar {
  538.         background: #1C1C1C;
  539.         border: none;
  540.         padding: 3px;
  541.         margin-right: 15px;
  542.         margin-bottom: 10px;
  543.         float: left;
  544. }
  545. ol.commentlist ul.children {
  546.         margin-top: 30px;
  547.         padding: 0px;
  548.         border-top: dotted 1px #CCC;
  549. }
  550. ol.commentlist ul.children ul.children {
  551.         margin-top: 30px;
  552.         padding: 0px;
  553.         border-top: dotted 1px #CCC;
  554. }
  555. ol.commentlist ul.children ul.children ul.children {
  556.         margin-top: 30px;
  557.         padding: 0px;
  558.         border-top: dotted 1px #CCC;
  559. }
  560. .reply a {
  561.         font-family: Arial, Helvetica, sans-serif;
  562.         color: #FFF;
  563.         background-image: url(images/button-bg.jpg);
  564.         padding-top: 5px;
  565.         padding-right: 15px;
  566.         padding-bottom: 5px;
  567.         padding-left: 15px;
  568.         border: 1px solid #999;
  569.         font-size: 0.85em;
  570. }
  571. .reply a:hover {
  572.         text-decoration: none;
  573. }
  574. li.pingback {
  575.         margin: 0px;
  576.         list-style: none;
  577.         padding: 20px;
  578. }
  579. #comment,
  580. #url,
  581. #email,
  582. #author {
  583.         font-family: Arial, Helvetica, sans-serif;
  584.         font-size: 0.9em;
  585.         border: solid 1px #CCC;
  586.         padding: 5px;
  587.         color: #FFF;
  588. }
  589. .fn {
  590.         font-weight: bold;
  591.         font-style: normal;
  592. }
  593.  
  594.  
  595. /* SIDEBAR */
  596. #sidebar ul {
  597.         margin: 0px;
  598.         padding: 0px;
  599.         list-style: none;
  600. }
  601. #searchbox #s {
  602.         background-color: #FFF;
  603.         border: none;
  604.         padding: 3px;
  605.         float: left;
  606.         height: 25px;
  607.         width: 135px;
  608. }
  609. #searchbox #searchsubmit {
  610.         float: left;
  611.         height: 25px;
  612.         margin-left: 10px;
  613. }
  614. #sidebar #s {
  615.         background-color: #1C1C1C;
  616.         border: none;
  617.         padding: 3px;
  618.         float: left;
  619.         height: 25px;
  620.         width: 200px;
  621. }
  622. #sidebar #searchsubmit {
  623.         float: left;
  624.         height: 25px;
  625.         margin-left: 10px;
  626. }
  627. li.widget-container {
  628.         list-style: none;
  629.         color: #FFF;
  630.         background-image: url(images/magic.png);
  631.         padding: 5px;
  632.         margin-top: 20px;
  633.         float: left;
  634.         width: 240px;
  635.         border-radius: 3px;
  636.         -moz-border-radius: 3px;
  637. }
  638. #sidebar img {
  639.         max-width: 235px;
  640. }
  641.  
  642.  
  643. /* CALENDAR WIDGET */
  644. .widget_calendar {
  645.         float: left;
  646. }
  647. #wp-calendar {
  648.         width: 100%;
  649. }
  650. #wp-calendar caption {
  651.         text-align: right;
  652.         color: #FFF;
  653.         margin-bottom: 10px;
  654. }
  655. #wp-calendar thead {
  656.         background: #F90;
  657. }
  658. #wp-calendar thead th {
  659. }
  660. #wp-calendar tbody {
  661.         color: #aaa;
  662. }
  663. #wp-calendar tbody td {
  664.         border: none;
  665.         text-align: center;
  666.         padding:7px;
  667. }
  668. #wp-calendar tbody .pad {
  669.         background: none;
  670. }
  671. #wp-calendar tfoot #next {
  672.         font-size: 0.8em;
  673.         text-transform: uppercase;
  674.         text-align: right;
  675. }
  676. #wp-calendar tfoot #prev {
  677.         font-size: 0.8em;
  678.         text-transform: uppercase;
  679.         padding-top: 10px;
  680. }
  681.  
  682.  
  683. /* FORMS */
  684. #submit {
  685.         font-family: Arial, Helvetica, sans-serif;
  686.         color: #FFF;
  687.         background-image: url(images/button-bg.jpg);
  688.         padding-top: 5px;
  689.         padding-right: 15px;
  690.         padding-bottom: 5px;
  691.         padding-left: 15px;
  692.         border: 1px solid #999;
  693.         font-size: 0.85em;
  694. }
  695. #submit:hover {
  696. }
  697. textarea {
  698.         font-family: Arial, Helvetica, sans-serif;
  699.         font-size: 1em;
  700.         border: solid 1px #CCC;
  701.         padding: 5px;
  702.         color: #FFF;
  703. }
  704.  
  705.  
  706. /* REQUIRED */
  707. #nav-below {
  708.         width: 100%;
  709. }
  710. .nav-previous {
  711.         width: 50%;
  712.         float: left;
  713.         margin: 20px 0px;
  714. }
  715. .nav-next {
  716.         width: 50%;
  717.         float: left;
  718.         text-align: right;
  719.         margin: 20px 0px;
  720. }
  721. .aligncenter {
  722.         display:block;
  723.         margin: 0 auto;
  724. }
  725. .alignright {
  726.         float:right;
  727.         margin: 10px 0 10px 10px;
  728. }
  729. .alignleft {
  730.         float:left;
  731.         margin:10px 10px 10px 0;
  732. }
  733. .floatleft {
  734.         float:left;
  735. }
  736. .floatright {
  737.         float:right;
  738. }
  739. .textcenter {
  740.         text-align:center;
  741. }
  742. .textright {
  743.         text-align:right;
  744. }
  745. .textleft {
  746.         text-align:left;
  747. }
  748. .wp-caption {
  749.         text-align:center;
  750.         background-color:#131313;
  751.         padding-top:0px;
  752.         margin-top: 10px;
  753.         color: #FFF;
  754. }
  755. .wp-caption img {
  756.         margin:0;
  757.         padding:5px 5px 0px 5px;
  758.         border: 0 none;
  759. }
  760. .wp-caption p.wp-caption-text {
  761.         font-size :0.7em;
  762.         padding:0 4px 5px;
  763.         margin:0;
  764. }
  765. .wp-smiley {
  766.         margin:0 !important;
  767.         max-height:1em;
  768. }
  769. blockquote.left {
  770.         margin-right:20px;
  771.         text-align:right;
  772.         margin-left:0;
  773.         width:33%;
  774.         float:left;
  775.         border-left: solid 5px #CCC;
  776. }
  777. blockquote.right {
  778.         margin-left:20px;
  779.         text-align:left;
  780.         margin-right:0;
  781.         width:33%;
  782.         float:right;
  783.         border-right: solid 5px #CCC;
  784. }
  785. blockquote {
  786.         border-left:5px solid #ddd;
  787.         margin:15px 30px 0 10px;
  788.         padding-left:20px;
  789. }
  790. .gallery img {
  791.         opacity: 0.8;
  792.         padding: 3px;
  793. }
  794. .gallery img:hover {
  795.         opacity: 1;
  796. }
  797. .gallery-caption {
  798.         font-size: 0.8em;
  799. }
  800. .bypostauthor {
  801. }
  802. .sticky {
  803. }
  804. .clear-floats {
  805.         clear: both;
  806. }
clone this paste RAW Paste Data