Advertisement
Guest User

Untitled

a guest
Apr 4th, 2011
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.16 KB | None | 0 0
  1. /*  
  2. Theme Name: GChrome
  3. Theme URI: http://ericulous.com/2008/09/09/wp-theme-google-chrome
  4. Description: Based on Google Chrome Browser
  5. Version: 1.3.1
  6. Author: Genkisan
  7. Author URI: http://ericulous.com/
  8. Tags: blue, white, two-columns, fixed-width
  9. License: GNU General Public License v2.0
  10. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  11. */
  12.  
  13. html, body {
  14. height: 100%;
  15. }
  16.  
  17. body {
  18. background: #fff url(images/headerbg.gif) repeat-x;
  19. margin: 0 0;
  20. }
  21.  
  22. a { color: #0000cc; text-decoration: none; }
  23.  
  24. blockquote {
  25. background: url(images/quote.gif) no-repeat;
  26. margin:1em;
  27. padding: 0 0 0 3em;
  28. }
  29.  
  30. input, textarea {
  31. border: 1px solid #d1d1d1;
  32. }
  33.  
  34. big {
  35. font-size: 1.3em;
  36. }
  37.  
  38. .wrapper {
  39. min-height: 100%;
  40. height: auto !important;
  41. height: 100%;
  42. margin: 0 0 -19px 0;
  43. }
  44.  
  45. /* Header Menu */
  46. .headermenu {
  47. height: 26px;
  48. overflow: hidden;
  49. }
  50.  
  51. .headermenu ul {
  52. list-style-type: none;
  53. margin: 0;
  54. margin-top: 1px;
  55. }
  56.  
  57. .headermenu ul li {
  58. float: left;
  59. margin: 0;
  60. background: url(images/navtab.gif) no-repeat right top;
  61. }
  62.  
  63. .headermenu ul li a {
  64. display: block;
  65. padding: 5px 48px 5px 10px;
  66. font-weight: bold;
  67. text-decoration: none;
  68. color: #333;
  69. font-size: .9em;
  70. font-weight:normal;
  71. }
  72.  
  73. .headermenu ul li a:hover {
  74. color: #f9f7ed;
  75. }
  76.  
  77. .headermenu ul li#current {
  78. margin-left: -38px;
  79. background: #f4f8fd url(images/navtab_current.gif) no-repeat right top;
  80. }
  81.  
  82. .headermenu ul li#current a {
  83. padding: 5px 48px;
  84. background: url(images/navtab_current_left.gif) no-repeat;
  85. color: #000;
  86. }
  87.  
  88. .headermenu ul li.current-menu-item {
  89. margin-left: -38px;
  90. background: #f4f8fd url(images/navtab_current.gif) no-repeat right top;
  91. }
  92.  
  93. .headermenu ul li.current-menu-item a {
  94. padding: 5px 48px;
  95. background: url(images/navtab_current_left.gif) no-repeat;
  96. color: #000;
  97. }
  98.  
  99. .headermenu ul li.first a {
  100. padding: 5px 48px 5px 39px;
  101. background: url(images/navtab_first.gif) no-repeat;
  102. }
  103.  
  104. .headermenu ul li.firstcurrent{
  105. margin-left: 0;
  106. background: #f4f8fd url(images/navtab_current.gif) no-repeat right top;
  107. }
  108.  
  109. .headermenu ul li.firstcurrent a{
  110. padding: 5px 48px 5px 39px;
  111. background: url(images/navtab_current_first.gif) no-repeat;
  112. color: #000;
  113. }
  114.  
  115. .headermenu ul li.first a{
  116. padding: 5px 48px 5px 39px;
  117. background: url(images/navtab_first.gif) no-repeat;
  118. }
  119.  
  120. .headermenu ul li.firstcurrent{
  121. background: #f4f8fd url(images/navtab_current.gif) no-repeat right top;
  122. }
  123.  
  124. .headermenu ul li.firstcurrent a{
  125. background: url(images/navtab_current_first.gif) no-repeat;
  126. color: #000;
  127. }
  128.  
  129. .headermenu ul li.last{
  130. background: url(images/navtab_last.gif) no-repeat right top;
  131. }
  132.  
  133. .headermenu ul li.last a{
  134. padding: 5px 39px 5px 10px;
  135. }
  136.  
  137. .headermenu ul li#lastcurrent{
  138. margin-left: -38px;
  139. background: #f4f8fd url(images/navtab_current_last.gif) no-repeat right top;
  140. }
  141.  
  142. .headermenu ul li#lastcurrent a{
  143. padding: 5px 39px 5px 48px;
  144. background: url(images/navtab_current_left.gif) no-repeat;
  145. color: #000;
  146. }
  147.  
  148. .headermenu ul li.lastcurrent{
  149. margin-left: -38px;
  150. background: #f4f8fd url(images/navtab_current_last.gif) no-repeat right top;
  151. }
  152.  
  153. .headermenu ul li.lastcurrent a{
  154. padding: 5px 39px 5px 48px;
  155. background: url(images/navtab_current_left.gif) no-repeat;
  156. color: #000;
  157. }
  158. /* End Header Menu */
  159.  
  160.  
  161. /* Header */
  162. .header {
  163. padding: 6px 0;
  164. height: 40px;
  165. }
  166.  
  167. .blogtitle {
  168. color:#f60;
  169. display:inline-block;
  170. font-size:1.5em;
  171. height:30px;
  172. vertical-align:top;
  173. }
  174.  
  175. .blogtitle a {
  176. color: #f60;
  177. }
  178.  
  179. .blogtitle a:hover {
  180. color: #000;
  181. }
  182.  
  183. a.menuhome {
  184. background: url(images/menuhome.png) no-repeat;
  185. float: left;
  186. height: 27px;
  187. width: 29px;
  188. }
  189.  
  190. a.menuhome:hover {
  191. background: url(images/menuhome.png) no-repeat 0 -27px;
  192. }
  193.  
  194. a.menubookmark {
  195. background: url(images/menubookmark.png) no-repeat;
  196. float: left;
  197. height: 27px;
  198. width: 29px;
  199. }
  200.  
  201. a.menubookmark:hover {
  202. background: url(images/menubookmark.png) no-repeat 0 -27px;
  203. }
  204.  
  205. a.menufeed {
  206. background: url(images/menufeed.png) no-repeat;
  207. float: left;
  208. margin-left: 6px;
  209. height: 27px;
  210. width: 29px;
  211. }
  212.  
  213. a.menufeed:hover {
  214. background: url(images/menufeed.png) no-repeat 0 -27px;
  215. }
  216.  
  217. #searchbox {
  218. float: right;
  219. width: 237px;
  220. height: 27px;
  221. background: url(images/searchbox.png) no-repeat;
  222. }
  223.  
  224. #searchbox #s {
  225. color: #f60;
  226. font-weight: bold;
  227. float: left;
  228. padding: 0;
  229. margin: 6px 0 0 6px;
  230. border: 0;
  231. width: 195px;
  232. background: none;
  233. }
  234.  
  235. #searchbox #searchsubmit {
  236. float: right;
  237. margin: 0;
  238. width: 29px;
  239. height: 27px;
  240. border: 0;
  241. }
  242.  
  243. .msgbartop {
  244. height: 5px;
  245. }
  246.  
  247. .msgbar {
  248. background: url(images/msgbar.gif) repeat-y;
  249. color: #646464;
  250. padding: 0 8px;
  251. }
  252.  
  253. .msgbarbottom {
  254. height: 5px;
  255. }
  256. /* End Header */
  257.  
  258.  
  259. /* Content */
  260. .content {
  261. margin-top: 25px;
  262. overflow: hidden;
  263. }
  264.  
  265. .thecontent {
  266. width: 605px;
  267. }
  268.  
  269. h1.postheader {
  270. font-size: 1.3em;
  271. font-weight: bold;
  272. }
  273.  
  274. h1.postheader a {
  275. color: #f60;
  276. text-decoration:none;
  277. }
  278.  
  279. h1.postheader a:hover {
  280. color: #555;
  281. }
  282.  
  283. .content a {
  284. text-decoration: underline;
  285. }
  286.  
  287. .content ul, .content ol {
  288. padding-left: 1em;
  289. }
  290.  
  291. .postmeta {
  292. margin: 20px 0 30px 0;
  293. padding-bottom: 50px;
  294. margin-right:25px;
  295. border-bottom: 1px solid #ccc;
  296. }
  297.  
  298. .navigation {
  299. padding-bottom: 20px;
  300. margin-right:25px;
  301. margin-bottom: 20px;
  302. }
  303.  
  304. .alignright {
  305. float: right;
  306. }
  307.  
  308. .alignleft {
  309. float: left;
  310. }
  311.  
  312. .sticky h1.postheader {
  313. background: #F5F5DC url(images/sticky.gif) no-repeat 2px 4px;
  314. padding: 5px 0 5px 22px;
  315. }
  316. /* End Content */
  317.  
  318.  
  319. /* Comments*/
  320. .commentlist {
  321. margin: 0 25px 0 0;
  322. padding: 0;
  323. }
  324.  
  325. .commentlist li {
  326. margin: 15px 0 20px 0;
  327. padding: 8px 10px;
  328. list-style: none;
  329. border: 1px solid #efefef;
  330. background: #fafafa;
  331. }
  332.  
  333. .commentlist li .avatar {
  334. float: right;
  335. border: 1px solid #eee;
  336. padding: 2px;
  337. margin: 0 0 10px 10px;
  338. background: #fff;
  339. }
  340.  
  341. .commentlist p {
  342. margin: 10px 5px 10px 0;
  343. }
  344.  
  345. .replycomment a {
  346. color: #999;
  347. text-decoration: none;
  348. }
  349.  
  350. .replycomment a:hover {
  351. color: #000;
  352. }
  353.  
  354. #commentform p {
  355. margin: 5px 0;
  356. }
  357.  
  358. .nocomments {
  359. text-align: center;
  360. margin: 0;
  361. padding: 0;
  362. }
  363.  
  364. .commentmetadata {
  365. color: #6f6f6f;
  366. }
  367.  
  368. .commentmetadata a {
  369. text-decoration: none;
  370. color: #999;
  371. }
  372.  
  373. .commentmetadata a:hover {
  374. text-decoration: none;
  375. color: #555;
  376. }
  377.  
  378. .commentmetadata a.url {
  379. color: #1f1f1f;
  380. }
  381.  
  382. .commentmetadata a.url:hover {
  383. color: #666;
  384. }
  385.  
  386. .commentsnavigation {
  387. padding: 20px 20px 30px 0;
  388. }
  389.  
  390. .commentlist ul.children li {
  391. background-color: #e3e3e3;
  392. border: 1px solid #efefef;
  393. }
  394.  
  395. .commentlist ul li.depth-2 {
  396. background-color: #f1f1f1;
  397. }
  398.  
  399. .commentlist ul li.depth-3 {
  400. background-color: #ececec;
  401. }
  402.  
  403. .commentlist ul li.depth-4 {
  404. background-color: #e8e8e8;
  405. }
  406.  
  407. .commentlist ul li.depth-5 {
  408. background-color: #e3e3e3;
  409. }
  410.  
  411. span.bypostauthor a.url {
  412. background-color: #4096EE;
  413. color:#fff;
  414. padding: 0 6px;
  415. text-decoration: none;
  416. }
  417.  
  418. #pingbacks {
  419. margin-top:20px;
  420. }
  421.  
  422. .pingbacklist {
  423.     margin: 0;
  424.     padding: 0 25px 0 0;
  425.     text-align: justify;
  426. }
  427.  
  428. .pingbacklist li {
  429.     padding: 5px 30px 3px 10px;;
  430.     list-style: none;
  431.     border: 1px solid #efefef;
  432.     background-color: #fcfcfc;
  433. }
  434.  
  435. .pingbacklist p {
  436.     margin: 10px 5px 10px 0;
  437. }
  438.  
  439. .pingbacklist a {
  440. color: #aaa;
  441. text-decoration: none;
  442. }
  443.  
  444. .pingbacklist a:hover {
  445. color: #555;
  446. }
  447.  
  448. .comment-form-author, .comment-form-email, .comment-form-url {
  449. font-size: 0.8em;
  450. }
  451.  
  452. #cancel-comment-reply-link {
  453. font-size: 0.8em;
  454. }
  455.  
  456. /* Sidebar */
  457. .sidebar {
  458. font-size: 1.1em;
  459. margin-top: 25px;
  460. width: 100px;
  461. }
  462.  
  463. .sidebarboxtop {
  464. height: 5px;
  465. }
  466.  
  467. .sidebarbox {
  468. background-color: #e1ecfe;
  469. padding: 3px 15px;
  470. }
  471.  
  472. .sidebarboxbottom {
  473. height: 5px;
  474. margin-bottom: 25px;
  475. }
  476.  
  477. .sidebarbox h3 {
  478. font-size: 1.4em;
  479. margin: 5px 0 10px 0;
  480. }
  481.  
  482. .sidebarbox ul {
  483. margin: 0;
  484. padding: 0;
  485. }
  486.  
  487. .sidebarbox ul li {
  488. background: url(images/sidebarbullet.gif) no-repeat left 3px;
  489. list-style: none;
  490. padding: 0 0 5px 19px;
  491. }
  492. /* End Sidebar */
  493.  
  494.  
  495. /* Footer */
  496. .footer {
  497. height: 19px;
  498. clear: both;
  499. }
  500.  
  501. .footercontent {
  502. background: url(images/footer.gif) no-repeat right 1px;
  503. color: #646464;
  504. float:left;
  505. font-size: 0.9em;
  506. line-height:19px;
  507. text-align: left;
  508. width: 34%;
  509. }
  510.  
  511. .footercontent a {
  512. color: #646464;
  513. }
  514.  
  515. .footercontent a:hover {
  516. color: #000;
  517. }
  518.  
  519. .footerpush {
  520. height: 19px;
  521. }
  522. /* End Footer */
  523.  
  524.  
  525. /* Begin Images */
  526. p img {
  527.     float: none;
  528.     padding: 0;
  529.     max-width: 100%;
  530.     height: auto;
  531.     }
  532.  
  533. img.centered {
  534.     display: block;
  535.     margin-left: auto;
  536.     margin-right: auto;
  537.     }
  538.  
  539. img.alignright {
  540.     padding: 4px;
  541.     margin: 0 0 2px 7px;
  542.     display: inline;
  543.     }
  544.  
  545. img.alignleft {
  546.     padding: 4px;
  547.     margin: 0 7px 2px 0;
  548.     display: inline;
  549.     }
  550.    
  551. .gallery-caption {
  552.     color: #888;
  553.     font-size: 1.1em;
  554. }  
  555. /* End Images */
  556.  
  557.  
  558. /* Captions */
  559. .aligncenter,
  560. div.aligncenter {
  561.     display: block;
  562.     margin-left: auto;
  563.     margin-right: auto;
  564. }
  565.  
  566. .wp-caption {
  567.     border: 1px solid #ddd;
  568.     text-align: center;
  569.     background-color: #f3f3f3;
  570.     padding-top: 4px;
  571.     margin: 10px;
  572.     -moz-border-radius: 3px;
  573.     -khtml-border-radius: 3px;
  574.     -webkit-border-radius: 3px;
  575.     border-radius: 3px;
  576. }
  577.  
  578. .wp-caption img {
  579.     margin: 0;
  580.     padding: 0;
  581.     border: 0 none;
  582. }
  583.  
  584. .wp-caption p.wp-caption-text {
  585.     font-size: 11px;
  586.     line-height: 17px;
  587.     padding: 0 4px 5px;
  588.     margin: 0;
  589. }
  590. /* End captions */
  591.  
  592. img.wp-smiley { margin: 0; padding: 0; clear: none; border:0; float: none; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement