API tools faq
paste
Advertisement
Guest User

style.css

a guest
Mar 5th, 2015
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.36 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.  
  3. Theme Name: FreePixel
  4.  
  5. Theme URI: http://wordpressakademia.hu/
  6.  
  7. Description: WordPress Akadémia gyakorló sablon
  8.  
  9. Author: Szőke István
  10.  
  11. Author URI: http://www.szokeistvan.hu/
  12.  
  13. Version: 1.0
  14.  
  15. */
  16.  
  17. html,
  18. button,
  19. input,
  20. select,
  21. textarea {
  22.     color: #222;
  23. }
  24.  
  25. body {
  26.     font-size: 14px;
  27.     line-height: 1.4;
  28.     background: url(img/bg.png) repeat;
  29. }
  30.  
  31. ::-moz-selection {
  32.     background: #b3d4fc;
  33.     text-shadow: none;
  34. }
  35.  
  36. ::selection {
  37.     background: #b3d4fc;
  38.     text-shadow: none;
  39. }
  40.  
  41. hr {
  42.     display: block;
  43.     height: 1px;
  44.     border: 0;
  45.     border-top: 1px solid #ccc;
  46.     margin: 1em 0;
  47.     padding: 0;
  48. }
  49.  
  50. img {
  51.     vertical-align: middle;
  52. }
  53.  
  54. fieldset {
  55.     border: 0;
  56.     margin: 0;
  57.     padding: 0;
  58. }
  59.  
  60. textarea {
  61.     resize: vertical;
  62. }
  63.  
  64. .chromeframe {
  65.     margin: 0.2em 0;
  66.     background: #ccc;
  67.     color: #000;
  68.     padding: 0.2em 0;
  69. }
  70.  
  71.  
  72. /* ==========================================================================
  73.    Author's custom styles
  74.    ========================================================================== */
  75.  
  76. a {color: #2d615e;}
  77.  
  78. .main {
  79.     width: 1000px;
  80.     margin: 0 auto;
  81. }
  82.  
  83.     header.top {
  84.         float: left;
  85.         width: 1000px;
  86.         height: 188px;
  87.     }
  88.    
  89.         header h1.logo {
  90.             margin:0;
  91.             padding:0;
  92.         }
  93.        
  94.         header h1.logo a {
  95.             display: block;
  96.             float: left;
  97.             width: 309px;
  98.             height: 49px;
  99.             background: url(img/logo.png) no-repeat;
  100.             text-indent: -9999px;
  101.             margin: 47px 0 0 30px;
  102.         }
  103.        
  104.         header .searchform {
  105.             float: right;
  106.             margin-top: 50px;
  107.         }
  108.        
  109.             header .searchform input[type="text"] {
  110.                 float: left;
  111.                 width: 160px;
  112.                 height: 30px;
  113.                 border-radius: 5px 0 0 5px;
  114.                 border: none;
  115.             }
  116.            
  117.             header .searchform input[type="submit"] {
  118.                 float: left;
  119.                 width: 32px;
  120.                 height: 32px;
  121.                 border: 0;
  122.                 border-radius: 0 5px 5px 0;
  123.                 background: #a93e26 url(img/src.png) no-repeat center;
  124.             }
  125.  
  126.        
  127.         header nav {
  128.             float: left;
  129.             width: 1000px;
  130.             height: 50px;
  131.             margin-top: 45px;
  132.             background: #482c21;
  133.             border-radius: 5px 5px 0 0;
  134.         }
  135.            
  136.             header nav ul {margin:0; padding:0; list-style: none;}
  137.            
  138.             header nav ul li {
  139.                 margin:0;
  140.                 float: left;
  141.             }
  142.            
  143.             header nav a {
  144.                 display: block;
  145.                 font-weight: bold;
  146.                 color: #FFF;
  147.                 text-decoration: none;
  148.                 height: 35px;
  149.                 padding: 15px 45px 0 45px;
  150.             }
  151.            
  152.             header nav a:first-child {border-radius: 5px 0 0 0;}
  153.            
  154.             header nav a:hover {background: #483933;}
  155.            
  156.             header nav .current-menu-item a {
  157.                 background: #a73e2b;
  158.                 color: #eadfae;
  159.             }
  160.    
  161.    
  162.    
  163.     .content {
  164.         float: left;
  165.         width: 1000px;
  166.         background: #f5f5f5;
  167.     }
  168.  
  169.         .inner {
  170.             float: left;
  171.             width: 558px;
  172.             padding: 30px;
  173.             background: #FFF;
  174.         }
  175.         .inner_full {
  176.             width: 940px;
  177.         }
  178.        
  179.         .content aside {
  180.             float: left;
  181.             width: 322px;
  182.             padding: 30px;
  183.         }
  184.    
  185.     footer {
  186.         float: left;
  187.         width: 940px;
  188.         height: 90px;
  189.         padding: 0 30px;
  190.         background: #2c615e;
  191.         border-radius: 0 0 5px 5px;
  192.     }
  193.    
  194.         footer small {
  195.             display: block;
  196.             float: left;
  197.             color: #e9deb0;
  198.             font-size: 12px;
  199.             margin-top: 40px;
  200.         }
  201.        
  202.         footer ul.social {margin:0; padding:0; list-style: none; float: right; margin-top: 30px;}
  203.        
  204.             footer .social li {float: left;}
  205.            
  206.             footer .social a {
  207.                 display: block;
  208.                 float: left;
  209.                 width: 32px;
  210.                 height: 32px;
  211.                 margin-left: 10px;
  212.             }
  213.  
  214.                 footer .social a.tw {background: url(img/social.png) no-repeat 0 -4px;}
  215.                 footer .social a.tu {background: url(img/social.png) no-repeat -69px -4px;}
  216.                 footer .social a.su {background: url(img/social.png) no-repeat -122px 0;}
  217.                 footer .social a.yt {background: url(img/social.png) no-repeat -181px 0;}
  218.                 footer .social a.vi {background: url(img/social.png) no-repeat -239px -2px;}
  219.                 footer .social a.fb {background: url(img/social.png) no-repeat -295px -2px;}
  220.    
  221.    
  222.    
  223.     aside .widget {
  224.         width: 100%;
  225.         margin-bottom: 30px;
  226.     }
  227.    
  228.         .widget h2 {
  229.             width: 100%;
  230.             text-transform: uppercase;
  231.             color: #2d615e;
  232.             border-bottom: 1px solid #2d615e;
  233.             font-weight: normal;
  234.             font-size: 18px;
  235.         }
  236.        
  237.         .widget ul {padding: 0; margin: 0; list-style: none;}
  238.    
  239.    
  240.     article {
  241.         width: 100%;
  242.         float: left;
  243.         margin-bottom: 30px;
  244.         font-size: 14px;
  245.     }
  246.    
  247.         article h1, article h1 a {
  248.             color: #d27f00;
  249.             font-size: 24px;
  250.             text-decoration: none;
  251.             margin-bottom: 0;
  252.         }
  253.        
  254.         section h1, h1.entry-title {font-size: 30px; color: #a93e26;}
  255.        
  256.         article .meta {
  257.             float: left;
  258.             width: 100%;
  259.             font-size: 12px;
  260.             color: #2d615e;
  261.             margin: 5px 0;
  262.         }
  263.        
  264.             article .meta a {color:#2d615e;}
  265.        
  266.             article .meta span {
  267.                 display: block;
  268.                 float: left;
  269.                 padding-left: 22px;
  270.                 margin-right: 10px;
  271.             }
  272.            
  273.                 article .meta span.author {background: url(img/meta.png) no-repeat -3px 0;}
  274.                 article .meta span.date {background: url(img/meta.png) no-repeat -3px -28px;}
  275.                 article .meta span.cat {background: url(img/meta.png) no-repeat -3px -57px;}
  276.                 article .meta span.comm {background: url(img/meta.png) no-repeat 0 -89px;}
  277.            
  278.         article .tumb {
  279.             float: left;
  280.             width: 556px;
  281.             height: 148px;
  282.             overflow: hidden;
  283.             border: 1px solid #482c21;
  284.             margin-bottom: 5px;
  285.         }
  286.        
  287.         article .readmore {
  288.             float: right;
  289.             font-weight: bold;
  290.             color: #2d615e;
  291.             font-size: 12px;
  292.         }
  293.        
  294.     nav.pagination {
  295.         float: left;
  296.         width: 100%;
  297.     }
  298.         .pagination a {display: block; font-weight: bold; text-decoration: none;}
  299.         .pagination a.newer {float: left;}
  300.         .pagination a.older {float: right;}
  301.    
  302.     .tags {float: left; width: 100%;}
  303.    
  304.     #comments h1 {
  305.         font-size: 14px;
  306.         color: #482c21;
  307.         padding-bottom: 5px;
  308.         border-bottom: 1px solid #333;
  309.     }
  310.  
  311. /* ==========================================================================
  312.    Media Queries
  313.    ========================================================================== */
  314.  
  315. @media only screen and (min-width: 35em) {
  316.  
  317. }
  318.  
  319. @media print,
  320.        (-o-min-device-pixel-ratio: 5/4),
  321.        (-webkit-min-device-pixel-ratio: 1.25),
  322.        (min-resolution: 120dpi) {
  323.  
  324. }
  325.  
  326. /* ==========================================================================
  327.    Helper classes
  328.    ========================================================================== */
  329.  
  330. .ir {
  331.     background-color: transparent;
  332.     border: 0;
  333.     overflow: hidden;
  334.     *text-indent: -9999px;
  335. }
  336.  
  337. .ir:before {
  338.     content: "";
  339.     display: block;
  340.     width: 0;
  341.     height: 150%;
  342. }
  343.  
  344. .hidden {
  345.     display: none !important;
  346.     visibility: hidden;
  347. }
  348.  
  349. .visuallyhidden {
  350.     border: 0;
  351.     clip: rect(0 0 0 0);
  352.     height: 1px;
  353.     margin: -1px;
  354.     overflow: hidden;
  355.     padding: 0;
  356.     position: absolute;
  357.     width: 1px;
  358. }
  359.  
  360. .visuallyhidden.focusable:active,
  361. .visuallyhidden.focusable:focus {
  362.     clip: auto;
  363.     height: auto;
  364.     margin: 0;
  365.     overflow: visible;
  366.     position: static;
  367.     width: auto;
  368. }
  369.  
  370. .invisible {
  371.     visibility: hidden;
  372. }
  373.  
  374. .clearfix:before,
  375. .clearfix:after {
  376.     content: " ";
  377.     display: table;
  378. }
  379.  
  380. .clearfix:after {
  381.     clear: both;
  382. }
  383.  
  384. .clearfix {
  385.     *zoom: 1;
  386. }
  387.  
  388. /* ==========================================================================
  389.    Print styles
  390.    ========================================================================== */
  391.  
  392. @media print {
  393.     * {
  394.         background: transparent !important;
  395.         color: #000 !important; /* Black prints faster: h5bp.com/s */
  396.         box-shadow: none !important;
  397.         text-shadow: none !important;
  398.     }
  399.  
  400.     a,
  401.     a:visited {
  402.         text-decoration: underline;
  403.     }
  404.  
  405.     a[href]:after {
  406.         content: " (" attr(href) ")";
  407.     }
  408.  
  409.     abbr[title]:after {
  410.         content: " (" attr(title) ")";
  411.     }
  412.  
  413.     /*
  414.      * Don't show links for images, or javascript/internal links
  415.      */
  416.  
  417.     .ir a:after,
  418.     a[href^="javascript:"]:after,
  419.     a[href^="#"]:after {
  420.         content: "";
  421.     }
  422.  
  423.     pre,
  424.     blockquote {
  425.         border: 1px solid #999;
  426.         page-break-inside: avoid;
  427.     }
  428.  
  429.     thead {
  430.         display: table-header-group; /* h5bp.com/t */
  431.     }
  432.  
  433.     tr,
  434.     img {
  435.         page-break-inside: avoid;
  436.     }
  437.  
  438.     img {
  439.         max-width: 100% !important;
  440.     }
  441.  
  442.     @page {
  443.         margin: 0.5cm;
  444.     }
  445.  
  446.     p,
  447.     h2,
  448.     h3 {
  449.         orphans: 3;
  450.         widows: 3;
  451.     }
  452.  
  453.     h2,
  454.     h3 {
  455.         page-break-after: avoid;
  456.     }
  457. }
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!