Advertisement
Guest User

Untitled

a guest
Apr 9th, 2011
352
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.80 KB | None | 0 0
  1. /*  
  2. Theme Name: Frog Log
  3. Description: A clear and simple green, orange, white theme, easy to customize.
  4. Author: Marcin Teodorczyk
  5. Author URI: http://teodorczyk.info
  6. Tags: white, green, orange, two-columns
  7. Version: 0.9.9
  8. */
  9.  
  10. /*
  11.  * Copyright (C) 2009 Marcin Teodorczyk <marcin@teodorczyk.info>
  12.  *
  13.  * This file is part of Frog Log WordPress Theme.
  14.  *
  15.  * Frog Log is free software: you can redistribute it and/or modify
  16.  * it under the terms of the GNU General Public License as published by
  17.  * the Free Software Foundation, either version 3 of the License, or
  18.  * (at your option) any later version.
  19.  *
  20.  * Frog Log is distributed in the hope that it will be useful,
  21.  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  22.  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  23.  * GNU General Public License for more details.
  24.  *
  25.  * You should have received a copy of the GNU General Public License
  26.  * along with Foobar.  If not, see <http://www.gnu.org/licenses/>.
  27.  *
  28.  */
  29.  
  30. /* global */
  31.  
  32. body {
  33.     margin:         50px 0 80px 40px;
  34.     background:     #fff;
  35.     font-size:      9pt;
  36.     line-height:    1.5;
  37.     color:          #444;
  38.     font-family:    Verdana, Helvetica, sans-serif;
  39. }
  40. blockquote {
  41.     margin:         1em 0 1em 1em;
  42.     padding:        0;
  43.     font-size:      9pt;
  44.     font-style:     italic;
  45.     color:          #777;
  46. }
  47. blockquote p {
  48.     padding: 0px;
  49.     margin: 0px;
  50. }
  51. pre {
  52.     font-family:'Courier New', Courier, Monospace, Fixed;
  53.     line-height: normal;
  54.     overflow: auto;
  55.     padding-bottom: 2em;
  56.     margin: 0px;
  57.     background-image:url('images/bg_pre_dots.png');
  58.     background-repeat: repeat-x;
  59.     background-position: bottom left;
  60. }
  61. cite {
  62.     font-style:     italic;
  63.     color:          #777;
  64. }
  65. img {padding: 0; margin: 0;}
  66. a {text-decoration: none; color: #000;}
  67. a:hover {color: #fd8008;}
  68. h1, h2, h3 {font-size: 100%;}
  69. h2, h3, h4, h5, h6 {color: #888;}
  70. dl, dd, dt {margin: 0px;}
  71.  
  72. .clear {
  73.     clear:both;
  74.     height:1px;
  75. }
  76.  
  77. .aligncenter {
  78.    display: block;
  79.    margin-left: auto;
  80.    margin-right: auto;
  81. }
  82.  
  83. .alignleft {
  84.    float: left;
  85. }
  86.  
  87. .alignright {
  88.    float: right;
  89. }
  90. #wrapper {
  91.     width: 99%;
  92.     text-align:left;
  93. }
  94.  
  95. /* header */
  96.  
  97. #hd {
  98.     padding:        2px 0 10px 90px;
  99.     margin-bottom:  4em;
  100.     background:     url('images/frog.jpg') left bottom no-repeat;
  101. }
  102.  
  103. div#hd div#hline {
  104.     height:         1px;
  105.     width:          90%;
  106.     border-bottom:  1px solid #ddd;
  107.     position:       absolute;
  108.     top:            65px;
  109.     right:          0;
  110.     z-index:        -1;
  111. }
  112.  
  113. #sitemeta {
  114.     position:       absolute;
  115.     right:          12px;
  116.     top:            0;
  117.     font-size:      8pt;
  118.     width:          20em;
  119.     text-align:     right;
  120.  
  121.  
  122. }
  123.  
  124. #sitemeta ul{list-style: none;}
  125. #sitemeta a {color: #aaa;}
  126. #sitemeta a:hover {color: #000;}
  127.  
  128. #blogtitle h1 {display: inline;}
  129. #blogtitle h1 a {
  130.     color:          #fd8008;        /* orange */
  131.     font-size:      13pt;
  132.     vertical-align: bottom;
  133.     background:     #fff;
  134.     padding:        0 1em;
  135.     margin-left:    -1em;
  136. }
  137. #blogdescription {
  138.     color:          #666;
  139.     font-size:      9pt;
  140. }
  141. #menu {
  142.     margin-top:     1em;
  143.     display:        inline;
  144. }
  145. #menu ul {
  146.     list-style:     none outside;
  147.     margin:         0px;
  148.     padding:        0px;
  149. }
  150. #menu ul li {
  151.     float:          left;
  152. }
  153. #menu ul li a {
  154.     font-size:      10pt;
  155.     padding-left:   1em;
  156.     margin-left:    1em;
  157.     color:          #999;
  158. }
  159. #menu ul li a:hover {
  160.     color:          #fd8008;     /* orange */
  161. }
  162.  
  163. /* sidebar */
  164.  
  165. #sidebar { 
  166.     font-size:      8pt;
  167.     width:          20em;
  168.     background:     #fff;
  169.     position:       relative;
  170. float:      right;
  171.     top:            66px;
  172.     right:          0;
  173.     padding:        0 0 2em 1em;
  174.     color:          #ccc;
  175.     text-align:     left;
  176.     border-left:    1px solid #ddd;
  177. }
  178. #sidebar ul {
  179.     list-style:     none outside;
  180.     margin:         0px;
  181.     padding:        0px;
  182. }
  183. #sidebar ul li {display: inline;}
  184. #sidebar ul li ul {
  185.     list-style:     none outside;
  186.     margin-top:     0.4em;
  187.     margin-bottom:  1em;
  188. }
  189. li.vategories ul {
  190.     list-style:     none outside;
  191.     margin-top:     1em;
  192.     margin-bottom:  1em;
  193. }
  194. #sidebar ul li ul li {
  195.     margin-top:     0.4em;
  196.     display:        block;
  197. }
  198. #sidebar a {
  199.     color:          #bbb;
  200. }
  201. #sidebar a:hover {
  202.     color:          #000;
  203. }
  204. #sidebar h2 {
  205.     color:          #bbb;
  206.     font-size:      8pt;
  207.     font-weight:    bold;
  208.     display:        inline;
  209. }
  210. #sidebar input {border: 1px solid #ddd;}
  211. input#searchsubmit {
  212.     background:     #fff;
  213.     color:          #bbb;
  214. }
  215.  
  216.  
  217. /* content */
  218.  
  219. #content, .searchresults, .page, .categories, .archives, .linkspage {
  220.     padding:    0 0 0 0;
  221.     margin:     0 0 0 10px;
  222.     float:      left;
  223.     width:      80%;
  224.     text-align: justify;
  225. }
  226. #content a {
  227.     color: #000;
  228.     text-decoration: none;
  229. }
  230. #content a:hover {
  231.     color: #fd6008;     /* orange */
  232. }
  233. #content h1, .post-wrap h1, h2.post-title {
  234.     display: inline;
  235.     font-size: 10pt;
  236.     text-decoration: none;
  237.     color: #fd6008;     /* orange */
  238. }
  239. #content h1 a, .post-wrap h1 a, h2.post-title a {
  240.     color: #444;
  241.     text-decoration: none;
  242.     color: #fd6008;     /* orange */
  243. }
  244.  
  245. #content h2 {
  246.     display: inline;
  247.     text-decoration: none;
  248. }
  249. #content h2 a {
  250.     color: #444;
  251.     font-size: 14pt;
  252. }
  253. #content img {
  254.     border:     1px solid #999;
  255.     margin:     1em 0;
  256. }
  257. #content table, #content table tr, #content table tr td, #content table thead th {
  258.     border:     none;
  259.     margin:     1em 0;
  260.     padding:    0;
  261.     font-weight: normal;
  262.     padding-right: 1em;
  263. }
  264.  
  265. .post-content {
  266.     clear:      both;
  267.     padding:    10px 0;
  268.     margin:     0;
  269.     text-align: justify;
  270. }
  271. #content ul, #content ol {
  272.     list-style-position: inside;
  273.     margin:     1em 0 1em 1em;
  274.     padding:    0;
  275. }
  276. .post {clear: both;}
  277. .post-date {
  278.     width:      50px;
  279.     height:     50px;
  280.     float:      left;
  281. }
  282. .post-month {
  283.     font-size:  8pt;
  284.     color:      #fff;
  285.     text-align: center;
  286.     display:    block;
  287.     padding:    2px;
  288.     background: #87d744;        /* green */
  289.     text-transform: uppercase;
  290. }
  291. .post-day {
  292.     font-size:      8pt;
  293.     color:          #555;
  294.     text-align:     center;
  295.     display:        block;
  296.     background:     #fff;
  297.     border-bottom:  1px solid #87d744;
  298.     border-right:   1px solid #87d744;
  299.     border-left:    1px solid #87d744;
  300.     padding:        2px;
  301.     line-height:    8pt;
  302.     text-transform: uppercase;
  303. }
  304. .post-meta {
  305.     font-size:      8pt;
  306.     color:          #505050;
  307. }
  308. .post-meta p {margin: 0;}
  309. .post-wrap {
  310.     margin-left:    70px;
  311.     padding-bottom: 1em;
  312.     margin-bottom:  2em;
  313. }
  314.  
  315. /* comments */
  316.  
  317. #commentwrap h3 {
  318.     font-size:  9pt;
  319.     color:      #666;
  320. }
  321. #commentwrap ol li {
  322.     margin:     3em 0;
  323. }
  324. #commentwrap input, #commentwrap textarea {
  325.     border:     1px solid #999;
  326.     padding:    0.2em 0.4em;
  327. }
  328. #commentwrap .url {
  329.     font-weight:    normal;
  330. }
  331. #commentwrap {margin-left: 70px;}
  332. #respond {padding-top: 1em;}
  333. .comment-meta {font-size: 8pt; margin: 0;}
  334. #commentwrap ol {
  335.     list-style-type: none;
  336.     margin: 0; padding: 0;
  337. }
  338. #commentwrap input#submit {
  339.     color:      #505050;
  340.     border:     1px solid #999;
  341.     background: #fff;
  342. }
  343. .searchresults ul, .categories ul, .archives ul, .linkspage ul, .archives ul {
  344.     list-style: none;
  345.     margin: 0;
  346.     padding: 0;
  347. }
  348.  
  349. /* nav */
  350. .nav {margin-left: 70px;}
  351. .previous, .next {display: inline;}
  352. .previous {padding-right: 1em;}
  353. .next {padding-left: 1em;}
  354.  
  355. /* footer */
  356. #footnote {
  357.     font-size:  8pt;
  358.     color:      #aaa;
  359.     text-align: right;
  360.     margin:     4em 10px 0 0;
  361. }
  362. #footnote a {color: #999;}
  363. #footnote a:hover {color: #000;}
  364. #footnote ul {list-style-type: none;}
  365.  
  366. /* wordpress */
  367. .imgl {
  368. border:0;
  369. float:left;
  370. margin:0;
  371. padding:0;
  372. }
  373. .imgr {
  374. border:0;
  375. float:right;
  376. margin:0;
  377. padding:0;
  378. }
  379. .wp-caption {
  380. font-size: 8pt;
  381. margin-top: 1em;
  382. }
  383. .wp-caption p {
  384. margin: 0.2em 0 0 0;
  385. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement