API tools faq
paste
Advertisement
tolikpunkoff

full-style.css-beach-wordpress+apok-news+contact-form

tolikpunkoff
Nov 2nd, 2016
347
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 23.23 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Beach
  3. Theme URI: http://wordpress.org/extend/themes/beach/
  4. Author: Gibbo and Automattic
  5. Author URI: http://webzer.net/
  6. Description: Beach brings the warm feel of Thailand’s shores to your blog year round. Originally designed for Drupal Thailand by Gibbo, Beach features special post formatting for Aside, Gallery, Quote, and Status posts, along with a beautiful secondary menu area in the header.
  7. Version: 1.2
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: blue, green, two-columns, fixed-width, custom-menu, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
  11. */
  12.  
  13. /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
  14. -------------------------------------------------------------- */
  15.  
  16. html, body, div, span, applet, object, iframe,
  17. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  18. a, abbr, acronym, address, cite,
  19. del, dfn, em, font, ins, kbd, q, s, samp,
  20. small, strike, strong, sub, sup, tt, var,
  21. dl, dt, dd, ol, ul, li,
  22. fieldset, form, label, legend {
  23.     border: 0;
  24.     font-family: inherit;
  25.     font-size: 100%;
  26.     font-style: inherit;
  27.     font-weight: inherit;
  28.     margin: 0;
  29.     outline: 0;
  30.     padding: 0;
  31.     vertical-align: baseline;
  32. }
  33. /* remember to define focus styles! */
  34. :focus {
  35.     outline: 0;
  36. }
  37. body {
  38.     background: #fff;
  39.     line-height: 1;
  40. }
  41. ol, ul {
  42.     list-style: none;
  43. }
  44. /* tables still need 'cellspacing="0"' in the markup */
  45. table {
  46.     border-collapse: separate;
  47.     border-spacing: 0;
  48. }
  49. caption, th, td {
  50.     font-weight: normal;
  51.     text-align: left;
  52. }
  53. blockquote:before, blockquote:after,
  54. q:before, q:after {
  55.     content: "";
  56. }
  57. blockquote, q {
  58.     quotes: "" "";
  59. }
  60. a img {
  61.     border: 0;
  62. }
  63.  
  64.  
  65. /* =Structure
  66. ----------------------------------------------- */
  67.  
  68. hgroup[role="banner"],
  69. #main .access,
  70. #site-generator {
  71.     display: block;
  72.     margin: 0 auto;
  73.     width: 840px;
  74. }
  75. #primary {
  76.     clear: both;
  77.     overflow: visible;
  78.     margin: 0 auto;
  79.     display: block;
  80.     width: 95%;
  81.  
  82. }
  83. #content {
  84.     float: right;
  85.     width: 75%;
  86. }
  87. #sidebar {
  88.     float: left;
  89.     width: 24%;
  90. }
  91. #content img {
  92.     max-width: 100%;
  93. }
  94. #colophon {
  95.     clear: both;
  96. }
  97.  
  98. /* Full-width */
  99. .image-attachment #content,
  100. .full-width #content,
  101. .error404 #content {
  102.     width: 840px;
  103. }
  104.  
  105. /* Alignment */
  106. .alignleft {
  107.     display: inline;
  108.     float: left;
  109.     margin-right: 1.5em;
  110. }
  111. .alignright {
  112.     display: inline;
  113.     float: right;
  114.     margin-left: 1.5em;
  115. }
  116. .aligncenter {
  117.     clear: both;
  118.     display: block;
  119.     margin-left: auto;
  120.     margin-right: auto;
  121. }
  122.  
  123.  
  124. /* =Global
  125. ----------------------------------------------- */
  126.  
  127. body, input, textarea {
  128.     color: #333;
  129.     font: 12px "Fertigo Pro", "fertigo-pro-1", "fertigo-pro-2", Georgia, "Bitstream Charter", serif;
  130.     line-height: 1.5;
  131. }
  132. body {
  133.     background: #115577;
  134. }
  135.  
  136. /* Headings */
  137. h1,h2,h3,h4,h5,h6 {
  138.     clear: both;
  139. }
  140. hr {
  141.     background-color: #ccc;
  142.     border: 0;
  143.     height: 1px;
  144.     margin-bottom: 1.5em;
  145. }
  146.  
  147. /* Text elements */
  148. p {
  149.     margin-bottom: 1.5em;
  150. }
  151. ul, ol {
  152.     margin: 0 0 1.5em 2.5em;
  153. }
  154. ul {
  155.     list-style: circle;
  156. }
  157. ul ul {
  158.     list-style: disc;
  159. }
  160. ol {
  161.     list-style-type: decimal;
  162. }
  163. ol ol {
  164.     list-style: upper-alpha;
  165. }
  166. ol ol ol {
  167.     list-style: lower-roman;
  168. }
  169. ol ol ol ol {
  170.     list-style: lower-alpha;
  171. }
  172. ul ul, ol ol, ul ol, ol ul {
  173.     margin-bottom: 0;
  174. }
  175. dd {
  176.     margin: 0 1.5em 1.5em;
  177. }
  178. strong {
  179.     font-weight: bold;
  180. }
  181. cite, em, i {
  182.     font-style: italic;
  183. }
  184. blockquote {
  185.     font-style: italic;
  186.     margin: 0 3em;
  187. }
  188. blockquote em, blockquote i,
  189. blockquote cite {
  190.     font-style: normal;
  191. }
  192. pre {
  193.     font-family: "Courier 10 Pitch",Courier,monospace;
  194.     line-height: 1.5;
  195.     margin-bottom: 1.5em;
  196. }
  197. code, kbd {
  198.     font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
  199. }
  200. abbr, acronym {
  201.     border-bottom: 1px dotted #666;
  202.     cursor: help;
  203. }
  204. ins {
  205.     background: #fff9c0;
  206.     text-decoration: none;
  207. }
  208. sup,
  209. sub {
  210.     font-size: 10px;
  211.     height: 0;
  212.     line-height: 1;
  213.     position: relative;
  214.     vertical-align: baseline;
  215. }
  216. sup {
  217.     bottom: 1ex;
  218. }
  219. sub {
  220.     top: .5ex;
  221. }
  222. input[type="text"],
  223. textarea {
  224.     border: 1px solid #ccc;
  225. }
  226. textarea {
  227.     padding-left: 3px;
  228.     width: 98%;
  229. }
  230. input[type="text"] {
  231.     padding: 3px;
  232. }
  233. input[type="submit"] {
  234.     background: #ee6633;
  235.     border: none;
  236.     -moz-border-radius: 3px;
  237.     border-radius: 3px;
  238.     color: #fff;
  239.     cursor: pointer;
  240.     padding: 3px 10px;
  241.     text-decoration: none;
  242. }
  243. input[type="submit"]:hover,
  244. input[type="submit"]:focus,
  245. input[type="submit"]:active {
  246.     background: #66bbdd;
  247. }
  248.  
  249. /* Links */
  250. a {
  251.     color: #ee6633;
  252. }
  253. a:visited {
  254.     color: #333;
  255. }
  256. a:focus,
  257. a:active,
  258. a:hover {
  259.     color: #4499bb;
  260. }
  261.  
  262. /* Text meant only for machines */
  263. img#wpstats,
  264. .screen-reader-text,
  265. .section-heading {
  266.     position: absolute !important;
  267.     left: -9000px;
  268.     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  269.     clip: rect(1px, 1px, 1px, 1px);
  270. }
  271.  
  272.  
  273. /* =Header
  274. ----------------------------------------------- */
  275.  
  276. #branding {
  277.     background: #77bbdd url("images/landscape.gif") repeat-x 60% 100%;
  278.     display: block;
  279.     min-height: 150px;
  280.     position: relative;
  281. }
  282. #site-title {
  283. }
  284. #site-title a {
  285.     background: #e9f4ec;
  286.     color: #FF1493;
  287.     display: inline-block;
  288.     font-size: 21px;
  289.     max-width: 600px;
  290.     padding: 12px 20px;
  291.     text-decoration: none; 
  292.     z-index: 1000;
  293.     font-family: 'Lucida console',monospace;
  294.     font-weight: bold;
  295.     font-style: oblique;
  296. }
  297. #site-title a:focus,
  298. #site-title a:hover,
  299. #site-title a:active {
  300.     background: #a9dbe8;
  301. }
  302. #site-description {
  303.     color: #000;
  304.     font-size: 17px;
  305.     font-weight: bold;
  306.     max-width: 600px;
  307.     padding: 10px 20px;
  308.     font-family: sans-serif
  309. }
  310. #apoknews {
  311.     color: RGB(255, 215, 0);
  312.     background-color: RGB(0, 0, 0);
  313.     text-align:left;
  314.     border: 3px solid #ffd700;
  315.     padding-left: 7px;
  316. }
  317.  
  318.  
  319. /* =Menu
  320. ----------------------------------------------- */
  321.  
  322. /* Primary Menu resting on the beach */
  323. #main .access div {
  324.     background: url("images/menu-bar-bg.png") repeat-x 0 0;
  325.     -moz-border-radius: 15px 15px 0 0;
  326.     border-radius: 15px 15px 0 0;
  327.     float: left;
  328.     padding: 5px 20px 0px;
  329.     width: 800px;
  330. }
  331. #main .access ul {
  332.     font-size: 15px;
  333.     list-style: none;
  334.     margin: 0;
  335.     padding-left: 0;
  336. }
  337. #main .access li {
  338.     float: left;
  339.     position: relative;
  340. }
  341. #main .access a {
  342.     background: url("images/white-trans-50.png");
  343.     color: #ee6633;
  344.     display: block;
  345.     line-height: 1.5em;
  346.     margin: 0 4px 4px 0;
  347.     padding: 2px 10px;
  348.     text-decoration: none;
  349. }
  350. #main .access .current_page_item a,
  351. #main .access .current-menu-item a,
  352. #main .access .current-menu-ancestor a {
  353.     background: #fff;
  354.     color: #000;
  355. }
  356. #main .access ul ul {
  357.     box-shadow: 0 3px 3px rgba(30,76,98,0.2);
  358.     -moz-box-shadow: 0 3px 3px rgba(30,76,98,0.2);
  359.     -webkit-box-shadow: 0 3px 3px rgba(30,76,98,0.2);
  360.     display: none;
  361.     float: left;
  362.     position: absolute;
  363.     top: 26px;
  364.     left: 0;
  365.     width: 200px;
  366.     z-index: 99999;
  367. }
  368. #main .access ul ul ul {
  369.     left: 200px;
  370.     top: 0;
  371. }
  372. #main .access ul ul li {
  373.     min-width: 200px;
  374. }
  375. #main .access ul ul a {
  376.     background: #fff;
  377.     color: #4499bb;
  378.     line-height: 1em;
  379.     margin: 0;
  380.     padding: 10px;
  381.     width: 180px;
  382.     height: auto;
  383. }
  384. #main .access li:hover > a,
  385. #main .access ul ul :hover > a {
  386.     background: #fff;
  387.     color: #4499bb;
  388. }
  389. #main .access ul ul a:hover {
  390.     background: #a9dbe8;
  391. }
  392. #main .access ul li:hover > ul {
  393.     display: block;
  394. }
  395.  
  396. /* Secondary Menu floating amongst the clouds */
  397. #branding .access {
  398.     display: block;
  399.     margin-left: 200px;
  400.     position: absolute;
  401.     top: 0;
  402.     left: 50%;
  403.     width: 220px;
  404. }
  405. #branding .access ul {
  406.     float: right;
  407.     font-size: 15px;
  408.     list-style: none;
  409.     margin: 0;
  410.     text-align: right;
  411.     width: 220px;
  412. }
  413. #branding .access li {
  414.     position: relative;
  415. }
  416. #branding .access a {
  417.     background: url("images/white-trans-25.png");
  418.     border-left: 5px solid rgba(255, 255, 255, 0.25);
  419.     color: #000;
  420.     display: block;
  421.     padding: 4px 10px;
  422.     text-decoration: none;
  423. }
  424. #branding .access .current_page_item a,
  425. #branding .access .current-menu-item a,
  426. #branding .access .current-menu-ancestor a {
  427.     background: #6b7574;
  428.     border-color: #636e6d;
  429.     color: #fff;
  430. }
  431. #branding .access ul ul {
  432.     display: none;
  433.     float: left;
  434.     position: absolute;
  435.     top: 0;
  436.     left: -225px;
  437.     width: 220px;
  438.     z-index: 99999;
  439. }
  440. #branding .access ul ul ul {
  441.     left: -225px;
  442.     top: 0;
  443. }
  444. #branding .access ul ul li {
  445.     min-width: 220px;
  446. }
  447. #branding .access ul ul a {
  448.     background: #a9dbe8;
  449.     border-color: #9dd4e2;
  450.     color: #fff;
  451.     margin: 0;
  452.     padding: 4px 10px;
  453.     width: 200px;
  454.     height: auto;
  455. }
  456. #branding .access li:hover > a,
  457. #branding .access ul ul :hover > a {
  458.     background: #a9dbe8;
  459.     border-color: #9dd4e2;
  460.     color: #fff;
  461. }
  462. #branding .access ul ul a:hover {
  463.     background: #9dd4e2;
  464. }
  465. #branding .access ul li:hover > ul {
  466.     display: block;
  467. }
  468.  
  469.  
  470. /* =Content
  471. ----------------------------------------------- */
  472.  
  473. #main {
  474.     background: #115577 url("images/sea-sand.gif") repeat-x;
  475. }
  476. #content {
  477.     background: url("images/white-trans-10.png");
  478.     overflow: visible;
  479.     padding: 25px 0 0;
  480.     font-family: sans-serif;
  481.     font-size: 12pt;
  482. }
  483. .page-title {
  484.     background: url("images/white-trans-50.png");
  485.     -moz-border-radius: 3px;
  486.     border-radius: 3px;
  487.     margin: 0 20px 20px;
  488.     padding: 10px 20px;
  489. }
  490. .page-title span {
  491.     font-style: italic;
  492. }
  493. .page-link {
  494.     clear: both;
  495.     margin: 0 0 1em;
  496. }
  497. .hentry,
  498. .error404 .post {
  499.     background: #f1f6f9;
  500.     -moz-border-radius: 3px;
  501.     border-radius: 3px;
  502.     display: block;
  503.     margin: 0 20px 20px;
  504.     overflow: visible;
  505.     padding: 20px;
  506. }
  507. .entry-header {
  508.     display: block;
  509.     padding: 2em 0 0;
  510.     position: relative;
  511. }
  512. .single .entry-header,
  513. .page .entry-header {
  514.     padding: 0;
  515. }
  516. .entry-title {
  517.     color: #000;
  518.     font-size: 16pt;
  519.     font-weight: bold;
  520. }
  521. .single .entry-title,
  522. .page .entry-title {
  523.     border-bottom: 1px dashed #ddd;
  524.     font-size: 16pt;
  525.     margin-bottom: 7px;
  526. }
  527. .entry-title a {
  528.     color: #000;
  529.     text-decoration: none;
  530. }
  531. .entry-title a:hover {
  532.     color: #777;
  533. }
  534. .entry-meta {
  535.     display: block;
  536.     clear: both;
  537.     font-size: 10pt;
  538. }
  539. .entry-meta a {
  540.     border-bottom: 1px solid #ddd;
  541.     color: #333;
  542.     text-decoration: none;
  543. }
  544. .entry-meta a:focus,
  545. .entry-meta a:active,
  546. .entry-meta a:hover {
  547.     border-color: #a8cfdf;
  548.     color: #4499bb;
  549. }
  550. .entry-header .entry-meta {
  551.     position: absolute;
  552.     top: 0;
  553. }
  554. .single .entry-header .entry-meta,
  555. .page .entry-header .entry-meta {
  556.     position: static;
  557. }
  558. .entry-content,
  559. .entry-summary {
  560.     padding: 0.5em 0 0;
  561. }
  562. .single .entry-content,
  563. .page .entry-content {
  564.     padding: 0.5em 0 0;
  565. }
  566. .entry-content h1,
  567. .entry-content h2,
  568. .entry-content h3,
  569. .entry-content h4,
  570. .entry-content h5,
  571. .entry-content h6,
  572. .comment-content h1,
  573. .comment-content h2,
  574. .comment-content h3,
  575. .comment-content h4,
  576. .comment-content h5,
  577. .comment-content h6 {
  578.     font-weight: bold;
  579.     margin-bottom: 0.25em;
  580. }
  581. .entry-content h1,
  582. .comment-content h1 {
  583.     font-size: 2em;
  584. }
  585. .entry-content h2,
  586. .comment-content h2 {
  587.     font-size: 1.5em;
  588. }
  589. .entry-content h3,
  590. .comment-content h3 {
  591.     font-size: 1.2em;
  592. }
  593. .entry-content table,
  594. .comment-content table {
  595.     margin: 0 0 1.5em;
  596.     width: 100%;
  597. }
  598. .entry-content th,
  599. .comment-content th {
  600.     border-bottom: 3px solid #ccc;
  601.     font-weight: bold;
  602.     padding-right: 1em;
  603.     text-align: left;
  604. }
  605. .entry-content th,
  606. .entry-content td,
  607. .comment-content th,
  608. .comment-content td {
  609.     padding: 5px 10px;
  610.     vertical-align: top;
  611. }
  612. .entry-content tr:nth-child(2n+1) td,
  613. .comment-content tr:nth-child(2n+1) td {
  614.     background: #eee;
  615. }
  616. .entry-content tr:hover td,
  617. .comment-content tr:hover td {
  618.     background: #ffffdd;
  619. }
  620. .entry-content embed,
  621. .comment-content embed {
  622.     max-width: 100%;
  623. }
  624. #content .gallery {
  625.     margin: 0 0 1.5em;
  626. }
  627. .page-link {
  628.     word-spacing: 0.5em;
  629. }
  630. .post-edit-link {
  631.     clear: both;
  632. }
  633. .page .edit-link {
  634.     clear: both;
  635.     display: block;
  636. }
  637.  
  638. /* Sticky Posts */
  639. .sticky {
  640.     background: #fffbee;
  641. }
  642. .sticky .entry-header {
  643.     padding: 0;
  644. }
  645. .sticky .entry-header .entry-meta {
  646.     position: absolute !important;
  647.     left: -9000px;
  648.     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  649.     clip: rect(1px, 1px, 1px, 1px);
  650. }
  651.  
  652. /* Asides */
  653. .format-aside .entry-header {
  654.     display: none;
  655. }
  656. .single .format-aside .entry-header {
  657.     display: block;
  658. }
  659. .format-aside .entry-content {
  660.     padding: 0;
  661. }
  662. .single .format-aside .entry-content {
  663.     padding: 1.5em 0 0;
  664. }
  665.  
  666. /* Galleries */
  667. .format-gallery .gallery-thumb {
  668.     float: left;
  669.     margin: 0 1.5em 1.5em 0;
  670. }
  671.  
  672. /* Status */
  673. .format-status {
  674.     background: #b6d3e6;
  675.     overflow: visible;
  676. }
  677. .format-status .entry-header {
  678.     display: none;
  679. }
  680. .single .format-status .entry-header {
  681.     display: block;
  682. }
  683. .format-status .entry-content {
  684.     font-size: 16px;
  685.     margin: 0 0 1em 72px;
  686.     padding: 0;
  687. }
  688. .format-status .entry-content p {
  689.     margin-bottom: 0.5em;
  690. }
  691. .format-status .sharing {
  692.     font-size: 11px;
  693. }
  694. .single .format-status .entry-content {
  695.     padding: 1.5em 0 0;
  696.     margin: 0;
  697. }
  698. .format-status .avatar {
  699.     float: left;
  700.     margin: 0 0 1.5em;
  701. }
  702. .format-status .avatar img {
  703.     background: #fff;
  704.     border-radius: 3px;
  705.     padding: 3px;
  706. }
  707.  
  708. /* Quotes */
  709. .format-quote .entry-content {
  710.     padding: 1.5em 0 0;
  711. }
  712. .format-quote blockquote {
  713.     color: #66BBDD;
  714.     font-size: 2em;
  715.     margin: 0 1.5em;
  716. }
  717. .format-quote blockquote cite,
  718. .format-quote .quote-caption a {
  719.     color: #333;
  720.     display: block;
  721.     font-size: .5em;
  722.     text-align: right;
  723. }
  724. .format-quote .quote-caption a {
  725.     font-size: 1em;
  726. }
  727.  
  728. /* Audio */
  729. .format-audio .wp-audio-shortcode {
  730.     margin-bottom: 15px;
  731. }
  732.  
  733. /* Navigation */
  734. #content nav {
  735.     background: url("images/white-trans-50.png");
  736.     -moz-border-radius: 3px;
  737.     border-radius: 3px;
  738.     display: block;
  739.     margin: 0 20px 20px;
  740.     overflow: visible;
  741.     padding: 10px 20px;
  742. }
  743. #content nav .nav-previous {
  744.     float: left;
  745.     width: 50%;
  746. }
  747. #content nav .nav-next {
  748.     float: right;
  749.     text-align: right;
  750.     width: 50%;
  751. }
  752. #content #nav-above {
  753.     display: none;
  754. }
  755. .paged #content #nav-above {
  756.     display: block;
  757. }
  758. #nav-below {
  759.     margin: 1em 0 0;
  760. }
  761.  
  762. /* error404 */
  763. .error404 .post {
  764.     overflow: visible;
  765. }
  766. .error404 .widget {
  767.     background: #1f4b64;
  768.     float: left;
  769.     width: 28%;
  770. }
  771. .error404 .widget .widgettitle,
  772. .error404 .widget ul {
  773.     margin-right: 1em;
  774. }
  775. .error404 .widgettitle {
  776.     background: url("images/black-trans-25.png");
  777.     -moz-border-radius: 3px 3px 0 0;
  778.     border-radius: 3px 3px 0 0;
  779.     color: #eeeedd;
  780.     font: 15px "Fertigo Pro", "fertigo-pro-1", "fertigo-pro-2", Georgia, "Bitstream Charter", serif;
  781.     font-weight: bold;
  782.     line-height: 23px;
  783.     margin: 0 -10px 7px;
  784.     padding: 2px 10px;
  785.     width: 100%;
  786. }
  787. .error404 .widget_tag_cloud {
  788.     clear: both;
  789.     float: none;
  790.     width: 100%;
  791. }
  792. .error404 .widget_archive {
  793.     margin-right: 0;
  794. }
  795. .error404 form {
  796.     margin: 0 0 1.5em;
  797. }
  798. .error404 #s {
  799.     width: 80%;
  800. }
  801.  
  802.  
  803. /* =Attachments
  804. ----------------------------------------------- */
  805.  
  806. .image-attachment .entry-header .entry-meta {
  807.     float: left;
  808. }
  809. .image-attachment #content nav {
  810.     background: none;
  811.     display: inline;
  812.     float: right;
  813.     margin: 0 0 1.5em;
  814.     padding: 0;
  815. }
  816. .image-attachment .next-image {
  817.     padding: 0 0 0 .5em;
  818. }
  819. .entry-attachment img {
  820.     clear: both;
  821.     display: block;
  822.     margin: 0 auto 1.5em;
  823. }
  824.  
  825.  
  826. /* =Images
  827. ----------------------------------------------- */
  828.  
  829. img.size-auto,
  830. img.size-large,
  831. img.size-full,
  832. img.size-medium,
  833. img.size-thumbnail,
  834. .entry-attachment img,
  835. .post-format-content img {
  836.     max-width: 100%;
  837.     height: auto;
  838. }
  839. img.wp-smiley {
  840.     margin: 0;
  841. }
  842. p img,
  843. .wp-caption {
  844.     margin-bottom: 1.5em;
  845. }
  846. .wp-caption {
  847.     text-align: center;
  848.     max-width: 100%;
  849. }
  850. .wp-caption img {
  851. }
  852. .wp-caption .wp-caption-text {
  853. }
  854. .gallery-caption {
  855. }
  856.  
  857.  
  858. /* =Comments
  859. ----------------------------------------------- */
  860.  
  861. #comments {
  862.     margin: 0 20px 20px;
  863. }
  864. #comments nav {
  865.     margin: 0 0 20px;
  866. }
  867. #comments-title {
  868.     color: #ffffee;
  869.     font-size: 24px;
  870.     font-weight: bold;
  871.     margin: 0 0 20px;
  872. }
  873. .commentlist {
  874.     list-style: none;
  875.     margin: 0;
  876. }
  877. .commentlist ul.children {
  878.     list-style: none;
  879. }
  880. li.comment {
  881.     background: url("images/white-trans-10.png");
  882.     -moz-border-radius: 3px;
  883.     border-radius: 3px;
  884.     clear: both;
  885.     margin: 0 0 20px;
  886.     overflow: visible;
  887.     padding: 10px 0 0;
  888. }
  889. ul.children li.comment {
  890.     margin-right: 10px;
  891. }
  892. .comment footer {
  893.     background: url("images/white-trans-90.png");
  894.     -moz-border-radius: 3px;
  895.     border-radius: 3px;
  896.     display: block;
  897.     float: right;
  898.     margin: 0 10px 10px 0;
  899.     padding: 10px;
  900.     width: 90px;
  901. }
  902. .comment-author cite {
  903.     font-style: normal;
  904.     font-weight: bold;
  905. }
  906. .comment-author a {
  907.     text-decoration: none;
  908. }
  909. .comment-meta a {
  910.     border-bottom: 1px solid #ddd;
  911.     color: #333;
  912.     text-decoration: none;
  913. }
  914. .comment-meta a:focus,
  915. .comment-meta a:active,
  916. .comment-meta a:hover {
  917.     border-color: #a8cfdf;
  918.     color: #4499bb;
  919. }
  920. .comment .says {
  921.     display: none;
  922. }
  923. .comment-content {
  924.     background: url("images/white-trans-90.png");
  925.     -moz-border-radius: 3px;
  926.     border-radius: 3px;
  927.     display: block;
  928.     margin: 0 130px 10px 10px;
  929.     min-height: 147px;
  930.     padding: 20px;
  931. }
  932. .reply a {
  933.     background: #ee6633;
  934.     -moz-border-radius: 3px;
  935.     border-radius: 3px;
  936.     color: #fff;
  937.     padding: 3px 10px;
  938.     text-decoration: none;
  939. }
  940. .reply a:hover,
  941. .reply a:focus,
  942. .reply a:active {
  943.     background: #66bbdd;
  944. }
  945. #respond {
  946.     background: url("images/white-trans-10.png");
  947.     -moz-border-radius: 3px;
  948.     border-radius: 3px;
  949.     clear: both;
  950.     margin: 0 0 20px;
  951.     overflow: visible;
  952.     padding: 10px;
  953.     position: relative;
  954. }
  955. .commentlist #respond {
  956.     margin: 10px;
  957. }
  958. #reply-title {
  959.     color: #ffffee;
  960.     font-size: 24px;
  961.     font-weight: bold;
  962.     margin: 0 0 10px;
  963. }
  964. #reply-title small {
  965.     display: block;
  966.     font-size: 15px;
  967.     position: absolute;
  968.     top: 17px;
  969.     right: 10px;
  970. }
  971. #reply-title a {
  972.     background: #ee6633;
  973.     -moz-border-radius: 3px;
  974.     border-radius: 3px;
  975.     color: #fff;
  976.     padding: 3px 10px;
  977.     text-decoration: none;
  978. }
  979. #reply-title a:hover,
  980. #reply-title a:focus,
  981. #reply-title a:active {
  982.     background: #66bbdd;
  983. }
  984. #commentform {
  985.     background: url("images/white-trans-90.png");
  986.     -moz-border-radius: 3px;
  987.     border-radius: 3px;
  988.     padding: 20px 20px 1px;
  989. }
  990. #respond {
  991.     overflow: visible;
  992. }
  993. #respond .required {
  994.     color: #ee6633;
  995. }
  996. #respond input[type="text"] {
  997.     display: block;
  998.     width: 66%;
  999. }
  1000. #respond input[type="submit"] {
  1001.     font-size: 15px;
  1002. }
  1003. p.comment-form-comment {
  1004.     margin: 0;
  1005. }
  1006.  
  1007. /* Post author highlighting */
  1008. li.bypostauthor > article footer {
  1009.     background: url("images/black-trans-25.png");
  1010. }
  1011. li.bypostauthor > article footer .comment-author a,
  1012. li.bypostauthor > article footer .comment-author {
  1013.     color: #eeeedd;
  1014. }
  1015. li.bypostauthor > article footer a {
  1016.     border: none;
  1017.     color: #66bbdd;
  1018. }
  1019. li.bypostauthor > article footer a:hover,
  1020. li.bypostauthor > article footer a:focus,
  1021. li.bypostauthor > article footer a:active {
  1022.     color: #ddddcc;
  1023. }
  1024.  
  1025.  
  1026. /* =Widgets
  1027. ----------------------------------------------- */
  1028.  
  1029. #sidebar {
  1030.     background: url("images/white-trans-10.png");
  1031.     padding: 15px 0 0;
  1032. }
  1033. .widget {
  1034.     background: url("images/black-trans-25.png");
  1035.     -moz-border-radius: 3px 3px 0 0;
  1036.     border-radius: 3px 3px 0 0;
  1037.     color: #66bbdd;
  1038.     font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  1039.     display: block;
  1040.     font-size: 12px;
  1041.     margin: 0 10px 10px;
  1042.     padding: 0 10px 10px;
  1043. }
  1044. .widget-title {
  1045.     background: url("images/black-trans-25.png");
  1046.     -moz-border-radius: 3px 3px 0 0;
  1047.     border-radius: 3px 3px 0 0;
  1048.     color: #eeeedd;
  1049.     font: 15px "Fertigo Pro", "fertigo-pro-1", "fertigo-pro-2", Georgia, "Bitstream Charter", serif;
  1050.     font-weight: bold;
  1051.     line-height: 23px;
  1052.     margin: 0 -10px 7px;
  1053.     padding: 2px 10px;
  1054. }
  1055. .widget ul {
  1056.     margin-left: 1.5em;
  1057. }
  1058. .widget ul ul {
  1059.     margin-left: 2.5em;
  1060. }
  1061. .widget select {
  1062.     max-width: 100%;
  1063. }
  1064. .widget a {
  1065.     color: #ffffee;
  1066.     text-decoration: none;
  1067. }
  1068. .widget a:hover,
  1069. .widget a:focus,
  1070. .widget a:active {
  1071.     color: #ddddcc;
  1072. }
  1073.  
  1074. /* Search widget */
  1075. .widget_search .widget-title {
  1076.     margin-bottom: -3px;
  1077. }
  1078. .widget_search form {
  1079.     padding-top: 10px;
  1080. }
  1081. .widget_search #s {
  1082.     width: 57%;
  1083. }
  1084.  
  1085. /* Calendar widget */
  1086. #wp-calendar {
  1087.     width: 100%;
  1088. }
  1089. #wp-calendar caption {
  1090.     font-weight: bold;
  1091.     padding-bottom: 4px;
  1092.     text-align: left;
  1093. }
  1094. #wp-calendar tbody td {
  1095.     border: 1px solid #296684;
  1096.     padding: 3px 0 2px;
  1097.     text-align: center;
  1098. }
  1099. #wp-calendar tfoot td {
  1100.     padding: 10px 0 0;
  1101. }
  1102. #wp-calendar tfoot #next {
  1103.     text-align: right;
  1104. }
  1105.  
  1106.  
  1107. /* =Footer
  1108. ----------------------------------------------- */
  1109.  
  1110. #colophon {
  1111.     background: #001122 url("images/ocean-floor.gif") repeat-x top center;
  1112.     display: block;
  1113.     margin-top: -50px;
  1114.     padding: 100px 0 0;
  1115. }
  1116. #site-generator {
  1117.     border-top: 1px solid #253647;
  1118.     color: #66bbdd;
  1119.     margin-top: 1.5em;
  1120.     padding: 20px 0 3em;
  1121. }
  1122. #site-generator a {
  1123.     color: #ccccaa;
  1124.     text-decoration: none;
  1125. }
  1126. #site-generator a:hover,
  1127. #site-generator a:focus,
  1128. #site-generator a:active {
  1129.     color: #ffffee;
  1130. }
  1131. #site-generator p {
  1132.     font-size: 11px;
  1133.     margin: 0;
  1134.     padding: 0 10px;
  1135. }
  1136.  
  1137.  
  1138. /* =WP.com
  1139. ----------------------------------------------- */
  1140.  
  1141. .sharing {
  1142.     clear: both;
  1143. }
  1144. #content .wpl-likebox {
  1145.     padding: 5px 20px 0 !important;
  1146. }
  1147. .pd-rating {
  1148.     padding: 10px 0;
  1149. }
  1150.  
  1151. /* Flickr Widget */
  1152. .widget #flickr_badge_uber_wrapper {
  1153.     width: 100%;
  1154. }
  1155. .widget #flickr_badge_wrapper {
  1156.     background: none;
  1157.     border: none;
  1158.     width: 100%;
  1159. }
  1160. .widget #flickr_badge_wrapper td {
  1161.     text-align: center;
  1162. }
  1163. .widget #flickr_badge_wrapper img {
  1164.     display: block;
  1165.     margin: 0 auto;
  1166.     max-width: 180px;
  1167. }
  1168.  
  1169. /* VodPod Widget */
  1170. .widget_vodpod {
  1171.     padding-top: 10px;
  1172. }
  1173.  
  1174. /* Box Widget */
  1175. .widget_box {
  1176.     padding-top: 10px;
  1177. }
  1178. .widget_box embed {
  1179.     width: 180px;
  1180. }
  1181.  
  1182. /* Authors Widget */
  1183. .widget_authors ul {
  1184.     list-style: none;
  1185.     margin-left: 0;
  1186. }
  1187. .widget_authors ul ul {
  1188.     list-style: circle;
  1189.     margin: 0 0 1.5em 1.5em;
  1190. }
  1191.  
  1192. /* Meebo Widget */
  1193. .widget_meebo {
  1194.     padding-top: 10px;
  1195. }
  1196. .widget_meebo embed {
  1197.     width: 180px;
  1198. }
  1199.  
  1200. /* RSS Links */
  1201. .widget_rss_links p img {
  1202.     margin: 0;
  1203. }
  1204.  
  1205.  
  1206. /* =IE
  1207. ----------------------------------------------- */
  1208.  
  1209. .ie7 #branding .access li {
  1210.     margin: 0 0 -3px;
  1211.     position: relative;
  1212. }
  1213. .ie7 #branding .access li ul li {
  1214.     margin: 0;
  1215. }
  1216. .ie7 #branding .access ul ul,
  1217. .ie8 #branding .access ul ul {
  1218.     left: -220px;
  1219. }
  1220. .ie7 .single #respond {
  1221.     margin-bottom: 1.5em;
  1222. }
  1223. .ie7 .sticky {
  1224.     overflow: visible;
  1225. }
  1226. .ie7 .widget_search #s {
  1227.     width: 47%;
  1228. }
  1229.  
  1230. form#contact  {
  1231.     border:1px solid #e5e5e5;
  1232.     padding:10px;
  1233.     background:#e9ffd0;
  1234.     border-radius:5px;
  1235. }
  1236. #contact label {
  1237.     font-size: 14px;
  1238. }
  1239. #contact input:required:valid {
  1240.     box-shadow: 0 0 3px #BCEF89;
  1241.     border-color: #BCEF89!important;
  1242.     background: #fff url(images/valid.png) no-repeat 98% center;
  1243. }
  1244. #contact textarea:required:valid {
  1245.     box-shadow: 0 0 3px #BCEF89;
  1246.     border-color: #BCEF89!important;
  1247. }
  1248. #contact input:focus:invalid {
  1249.     box-shadow: 0 0 3px #FFDF97;
  1250.     border-color: #FFDF97!important;
  1251.     background: #fff url(images/invalid.png) no-repeat 98% center;
  1252. }
  1253. #contact textarea:focus:invalid {
  1254.     box-shadow: 0 0 3px #FFDF97;
  1255.     border-color: #FFDF97!important;
  1256. }
  1257. .err {
  1258.     border: 1px solid #ff8c00;
  1259.     padding: 10px;
  1260.     background: #FFDF97;
  1261.     text-align: left;
  1262.     border-radius: 3px;
  1263. }
  1264. .ok {
  1265.     border: 1px #BCEF89 solid;
  1266.     margin-bottom: 15px;
  1267.     padding: 10px;
  1268.     background: #f5f9fd;
  1269.     text-align: center;
  1270.     border-radius: 3px;
  1271. }
  1272. #author, #email, #url {
  1273.     width: 30%;
  1274.     padding: 5px;
  1275.     border-radius: 5px;
  1276.     border: 1px solid #e5e5e5;
  1277. }
  1278. #comment {
  1279.     padding: 5px;
  1280.     border-radius: 5px;
  1281.     border: 1px solid #e5e5e5;
  1282.     overflow: auto;
  1283. }
  1284. #submit {
  1285.     font-weight: 400;
  1286.     background: #393;
  1287.     font-size: 15px;
  1288.     color: #fff;
  1289.     padding: 10px 50px;
  1290.     border: none;
  1291.     cursor: pointer;
  1292. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!