Advertisement
Guest User

CSS темы

a guest
Oct 5th, 2013
30
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.57 KB | None | 0 0
  1. http://ru.forums.wordpress.org/topic/Выпадающее-меню-11?replies=1#post-129328
  2.  
  3. /*
  4.     Theme Name: Fiono
  5.     Theme URL: http://newwpthemes.com/wordpress-theme/fiorano/
  6.     Description: Fiono is a free WordPress theme with featured posts option. Suitable for any niche. Theme Options at admin panel
  7.     Author: NewWpThemes.com
  8.     Author URI: http://newwpthemes.com/
  9.     Version: 3.0
  10.     Tags: Elegant, Ads Ready, Three Columns, Right Sidebar, Fixed Width, Blogging, Options Page
  11. */
  12.  
  13. /* LAYOUT */
  14.  
  15. body {
  16.     background: #434f54 url(images/background.png) top left repeat-x;
  17.     }
  18.  
  19. #wrapper {
  20.     background:url(images/wrapper-background.png) top center no-repeat;
  21.     }
  22.  
  23. #container {
  24.     }
  25.  
  26. #contentwrap {
  27.     background: url(images/contentwrap-background.png) top left repeat-y;
  28.     }
  29.  
  30. a {
  31.     color: #b22f2b;
  32.     }
  33.  
  34. a:hover {
  35.     color: #da160f;
  36.     }
  37. /* HEADER */
  38.  
  39. #header {
  40.     height: 112px;
  41.     background: url(images/header-background.png) top left repeat-x;
  42.     }
  43.  
  44. #header h1 {
  45.     margin-bottom: 0px !important;
  46.     padding: 18px 0 0 15px;
  47.     font-weight: normal;
  48.     font-family: Arial, Helvetica, Sans-serif;
  49.     text-shadow: 0 2px 0 #fff;
  50.     font-weight: bold;
  51.     font-size: 48px;
  52.     }
  53.  
  54. #header h1 a, #header h1 a:visited {
  55.     color: #b22f2b;
  56.     text-decoration: none;
  57.     }
  58.  
  59.  
  60. #header h2 {
  61.     padding-left: 15px;
  62.     color: #3e555e;
  63.     font-size: 14px;
  64.     font-family: Arial, Helvetica, Sans-serif;
  65.     }
  66.  
  67. .logoimg {
  68.     margin: 12px 0 0 15px;
  69. }
  70.  
  71. .feedtwitter {
  72.     margin-top: 8px !important;
  73.     text-align: right;
  74.     }
  75.    
  76. /* NAVIGATION MENUS */
  77.  
  78.    
  79. #pagemenucontainer {
  80.     height: 36px;
  81.     margin-top: 13px;
  82.     }
  83.    
  84. #pagemenu {
  85.     height: 30px;
  86.     }
  87.  
  88. #pagemenu, #pagemenu ul {
  89.     padding: 0;
  90.     margin: 0;
  91.     list-style: none;
  92.     line-height: 1;
  93.     }
  94. #pagemenu {
  95.     margin-bottom: 1px;
  96.     }
  97.    
  98. #pagemenu ul {
  99.     float: left;
  100.     list-style: none;
  101.     margin: 0px 0px 0px 0px;
  102.     padding: 0px
  103.     }
  104.    
  105. #pagemenu li {
  106.     float: left;
  107.     list-style: none;
  108.     margin: 0px;
  109.     padding: 0px 6px 0 0px;
  110.     }
  111.    
  112. #pagemenu ul li {
  113.     list-style: none;
  114.     margin: 0px;
  115.     padding: 0;
  116.    
  117.     }
  118.    
  119. #pagemenu li a, #pagemenu li a:link {
  120.     color: #c0c6c9;
  121.     display: block;
  122.     margin: 0;
  123.     padding: 6px 12px;
  124.     text-decoration: none;
  125.     text-transform: uppercase;
  126.     font-size: 11px;
  127.     font-weight: bold;
  128.     font-family: Arial, Helvetica, sans-serif;
  129.     }
  130.    
  131. #pagemenu li a:hover, #pagemenu li a:active{
  132.     color: #fff;
  133.     display: block;
  134.     text-decoration: none;
  135.     background: #b22f2b;
  136.     }
  137.    
  138. #pagemenu  li.current_page_item a {
  139.     color:#fff;
  140.     background: #b22f2b;
  141.     }
  142.  
  143. #pagemenu li:hover, #pagemenu li.sfhover {
  144.     position: static;
  145.     }
  146.  
  147.    
  148.    
  149.    
  150. .navcontainer {
  151.     height: 42px;
  152.     background: url(images/nav-background.png) top left repeat-x;
  153.     padding: 0 10px;
  154.     }
  155.  
  156. #nav {
  157.     height: 30px;
  158.     }
  159.  
  160. #nav, #nav ul {
  161.     padding: 0;
  162.     margin: 0;
  163.     list-style: none;
  164.     line-height: 1;
  165.     }
  166. #nav {
  167.     margin-bottom: 1px;
  168.     }
  169.    
  170. #nav ul {
  171.     float: left;
  172.     list-style: none;
  173.     margin: 0px 0px 0px 0px;
  174.     padding: 0px;
  175.     }
  176.    
  177. #nav li {
  178.     float: left;
  179.     list-style: none;
  180.     margin: 0px;
  181.     padding: 0px;
  182.     }
  183.    
  184. #nav ul li {
  185.     list-style: none;
  186.     margin: 0px;
  187.     padding: 0px;
  188.     }
  189.    
  190. #nav li a, #nav li a:link {
  191.     color: #fff;
  192.     display: block;
  193.     margin: 7px 3px 0px 3px;
  194.     padding: 8px 15px;
  195.     text-decoration: none;
  196.     font-size: 12px;
  197.     font-weight: bold;
  198.     text-transform: uppercase;
  199.     text-shadow: 0 1px 0 #111a1d;
  200.     }
  201.    
  202. #nav li a:hover, #nav li a:active {
  203.     color: #222b2e;
  204.     display: block;
  205.     text-decoration: none;
  206.     background: #eaeaea;
  207.     text-shadow: 0 1px 0 #fff;
  208.     }
  209.    
  210. #nav  li.current-cat a {
  211.     color:#222b2e;
  212.     background: #eaeaea;
  213.     text-shadow: 0 1px 0 #fff;
  214.     }
  215.  
  216. #nav li:hover, #nav li.sfhover {
  217.     position: static;
  218.     }
  219.    
  220. /* CONTENT */
  221.  
  222. #content {
  223.     padding: 15px;
  224.     }
  225.    
  226. pre { overflow: auto;
  227.     width: 470px;
  228.     }
  229.  
  230. .post {
  231.     padding-bottom: 15px;
  232.     margin-bottom: 15px;
  233.     border-bottom: 1px solid #ddd;
  234.     }
  235.  
  236. .post p {
  237.     margin-bottom: 10px;
  238.     }
  239.  
  240. .title {
  241.     margin: 0 0 8px 0;
  242.     padding: 0px;
  243.     line-height: 22px;
  244.     font-family: Arial, Helvetica, Sans-serif;
  245.     font-weight: bold;
  246.     color: #334045;
  247.     }
  248.  
  249.    
  250. .title a {
  251.     text-decoration: none;
  252.     color: #33322f;
  253.     }
  254.  
  255. .title a:hover {
  256.     text-decoration: none;
  257.     color: #b22f2b;
  258.     }
  259.  
  260. .pagetitle {
  261.     margin-bottom: 20px;
  262.     line-height: 22px;
  263.     font-family: Arial, Helvetica, Sans-serif;
  264.     text-decoration: underline;
  265. }
  266.  
  267. .postdate {
  268.     font-size: 11px;
  269.     padding: 2px 0px;
  270.     font-family: Arial, Verdana;
  271.     color: #5b5b5b;
  272.     }
  273.  
  274.  
  275. .postmeta {
  276.     font-size: 11px;
  277.     padding: 2px 4px;
  278.     font-family: Arial, Verdana;
  279.     }
  280.    
  281. .postdate img, .postmeta img {
  282.     border: none;
  283.     vertical-align: middle;
  284.     margin:2px;
  285.     }
  286.    
  287. .entry {
  288.     text-align: justify;
  289.     line-height: 20px;
  290.     padding-top: 8px;
  291.     font-family: Arial, Verdana;
  292.     font-size: 14px;
  293.     }
  294. .navigation {
  295.     padding: 10px 0;
  296.     }
  297.  
  298. blockquote {
  299.     overflow: hidden;
  300.     padding-left: 9px;
  301.     font-style: italic;
  302.     color: #666;
  303.     border-left: 3px solid #CADAE7;
  304.     }
  305.    
  306. .post img {
  307.     max-width: 680px;
  308.     }
  309.  
  310. img.wp-smiley {
  311.     max-height: 12px;
  312.     margin: 0;
  313.     padding: 0;
  314.     border: none;
  315.     }
  316.    
  317. .aligncenter,
  318. div.aligncenter {
  319.    display: block;
  320.    margin-left: auto;
  321.    margin-right: auto;
  322.     }
  323.  
  324. .alignleft {
  325.    float: left;
  326.     }
  327.  
  328. .alignright {
  329.    float: right;
  330.     }
  331.  
  332. .wp-caption {
  333.    border: 1px solid #ddd;
  334.    text-align: center;
  335.    background-color: #f3f3f3;
  336.    padding-top: 4px;
  337.    margin: 10px;
  338.    /* optional rounded corners for browsers that support it */
  339.    -moz-border-radius: 3px;
  340.    -khtml-border-radius: 3px;
  341.    -webkit-border-radius: 3px;
  342.    border-radius: 3px;
  343.     }
  344.  
  345. .wp-caption img {
  346.    margin: 0;
  347.    padding: 0;
  348.    border: 0 none;
  349.     }
  350.  
  351. .wp-caption p.wp-caption-text {
  352.    font-size: 11px;
  353.    line-height: 17px;
  354.    padding: 0 4px 5px;
  355.    margin: 0;
  356.     }
  357.    
  358. /* wp-pagenavi */
  359. .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
  360.     color: #686868 !important;
  361.     background:#dfdfdf !important;
  362.     border: 1px solid #989898 !important;
  363.     font-size: 15px !important;
  364.     padding:  4px 8px !important;
  365. }
  366.  
  367. .wp-pagenavi span.current {
  368.     color: #434343 !important;
  369.     background:#fff !important;
  370.     border: 1px solid #b6b5b5 !important;
  371.     font-size: 15px !important;
  372.     padding:  4px 8px !important;
  373.     font-weight: bold;
  374. }
  375.  
  376. .wp-pagenavi a:hover {
  377.     color: #494949 !important;
  378.     background:#dfdfdf !important;
  379.     border: 1px solid #626262 !important;
  380.    
  381. }
  382.  
  383. .wp-pagenavi span.pages {
  384.     color: #676767 !important;
  385.     background:#fff !important;
  386.     border: 1px solid #b6b5b5 !important;
  387.     font-size: 15px !important;
  388.     padding:  4px 8px !important;
  389. }
  390.  
  391. .wp-pagenavi span.extend {
  392.     background:transparent !important;
  393.     font-size: 15px !important;
  394.     padding:  4px 8px !important;
  395.     color: #676767 !important;
  396.     background:#fff !important;
  397.     border: 1px solid #b6b5b5 !important;
  398.     font-weight: bold;
  399. }
  400.  
  401. /* SIDEBAR(S) */
  402.  
  403. .sidebaradbox {
  404.     margin-top: 5px;
  405.     text-align:center;
  406.     }
  407.    
  408. .ad125 {
  409.     margin: 10px;
  410.     }
  411.  
  412.  
  413. .sidebar {
  414.     margin: 0 0 10px 0;
  415.     }
  416.    
  417. .sidebar-right {
  418.     margin: 0 10px 0 0;
  419.     }
  420.    
  421. .sidebar-left {
  422.     margin: 0 0 0 10px
  423.     }
  424.    
  425.    
  426. .sidebar a {
  427.     text-decoration: none;
  428.     color: #434f54;
  429.     }
  430.  
  431. .sidebar a:hover {
  432.     text-decoration: underline;
  433.     color:#cf3934;
  434.     }
  435.  
  436.  
  437. #search {
  438.     border: 1px solid #434f54;
  439.     height: 30px;
  440.     padding: 0;
  441.     background: #2d3538;
  442.     text-align: right;
  443. }
  444.  
  445. #search input {
  446.     border: 0;
  447.     background: none;
  448.     color: #9fa2a4;
  449. }
  450.    
  451.    
  452. #s {
  453.     width: 206px;
  454.     padding: 4px;
  455.     margin:3px 0 0 0;
  456.     background: none;
  457. }
  458.  
  459. #topsearch #search {
  460.     margin: 8px 0 0 0;
  461.     }
  462.    
  463. #topsearch #s {
  464.     width: 185px;
  465.     }
  466.  
  467. .sidebar h2 {
  468.     margin: 10px 0 0 0;
  469.     padding: 5px 0 5px 10px;
  470.     background: #b22f2b;
  471.     font-size: 13px;
  472.     font-family: Arial, Helvetica, Sans-serif;
  473.     font-weight: bold;
  474.     text-transform: uppercase;
  475.     color: #fff;
  476.     text-shadow: 0 1px 0 #871613;
  477.     }
  478.  
  479. .sidebar ul {
  480.     list-style-type: none;
  481.     margin: 0px 0px 10px 0px;
  482.     padding: 0px;
  483.     }
  484.    
  485. .sidebar ul li {
  486.     list-style-type: none;
  487.     margin: 0px 0px 5px 0px;
  488.     padding: 0px;
  489.     }
  490.  
  491. .sidebar ul ul {
  492.     list-style-type: none;
  493.     margin: 0px;
  494.     padding: 0;
  495.     }
  496.    
  497. .sidebar ul li li {
  498.     border-bottom: 1px dotted #cacfd1;
  499.     padding: 4px 0px 6px 20px;
  500.     margin: 0px;
  501.     background: url(images/bullet.gif) no-repeat top left;
  502.     }
  503.    
  504. .sidebar ul li ul li {
  505.     background: url(images/bullet.gif) no-repeat top left;
  506.     border-bottom: 1px dotted #cacfd1;
  507.     padding: 4px 0px 6px 20px;
  508.     margin: 2px 0;
  509.     }
  510.  
  511.  
  512.  
  513.  
  514.  
  515. #wp-calendar th {
  516.     font-style: normal;
  517.     text-transform: capitalize;
  518.     color: #555;
  519.     background: none;
  520.     }
  521. #wp-calendar caption {
  522.     padding: 2px 4px;
  523.     text-transform: uppercase;  margin: 2px 0 2px 0;
  524.     background: none;
  525.     color: #555;
  526.     }
  527.  
  528. #wp-calendar td {
  529.     color: #555;
  530.     font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  531.     letter-spacing: normal;
  532.     padding: 2px 0;
  533.     text-align: center;
  534.     }
  535.  
  536. #wp-calendar td:hover, #wp-calendar #today {
  537.     background: #ddd;
  538.     color: #555;
  539.     }
  540.    
  541. #wp-calendar {
  542.     empty-cells: show;
  543.     font-size: 14px;
  544.     margin: 0;
  545.     font-weight: bold;
  546.     width: 95%;
  547.     }
  548.  
  549.  
  550. /* FOOTER */
  551.  
  552. #footer {
  553.     background:  #232c30;
  554.     padding: 22px;
  555.     text-align: center;
  556.     color: #fff;
  557.     font-size: 13px;
  558.     border-top: 8px solid #fff;
  559.     }
  560.  
  561. #footer a {
  562.     color: #fff;
  563.     }
  564.  
  565. #footer a:hover {
  566.     text-decoration: none;
  567.     }
  568.    
  569. #footer2 {
  570.     color: #9da8ac;
  571.     font-size: 11px;
  572.     text-align: center;
  573.     padding: 10px;
  574.     }
  575.        
  576. #footer2 a {
  577.     color: #9da8ac;
  578.     text-decoration: none;
  579.     }
  580.    
  581. /* COMMENTS */
  582.  
  583. #comments h3 {
  584.     margin-bottom: 10px;   
  585. }
  586.  
  587. #commentform input {
  588.     width: 170px;
  589.     padding: 2px;
  590.     margin: 5px 5px 1px 0;
  591.     }
  592.  
  593. #commentform {
  594.     margin: 5px 10px 0 0;
  595.     }
  596.    
  597. #commentform textarea {
  598.     width: 100%;
  599.     padding: 2px;
  600.     }
  601.    
  602. #respond:after {
  603.         content: ".";
  604.         display: block;
  605.         height: 0;
  606.         clear: both;
  607.         visibility: hidden;
  608.     }
  609.    
  610. #commentform #submit {
  611.     margin: 0 0 5px auto;
  612.     float: right;
  613.     }
  614.  
  615. .alt {
  616.     margin: 0;
  617.     padding: 10px;
  618.     }
  619.  
  620. .commentlist {
  621.     padding: 0;
  622.     text-align: justify;
  623.     }
  624.  
  625. .commentlist li {
  626.     margin: 15px 0 10px;
  627.     padding: 5px 5px 10px 10px;
  628.     list-style: none;
  629.  
  630.     }
  631.    
  632. .commentlist li ul li {
  633.     margin-right: -5px;
  634.     margin-left: 10px;
  635. }
  636.  
  637. .commentlist p {
  638.     margin: 10px 5px 10px 0;
  639. }
  640. .children { padding: 0; }
  641.  
  642. #commentform p {
  643.     margin: 5px 0;
  644.     }
  645.  
  646. .nocomments {
  647.     text-align: center;
  648.     margin: 0;
  649.     padding: 0;
  650.     }
  651.  
  652. .commentmetadata {
  653.     margin: 0;
  654.     display: block;
  655.     }
  656.    
  657. .post_thumbnail {
  658.     padding: 6px;
  659.     background: #eee;
  660.     border: 1px solid #ddd;
  661.     margin: 0 10px 10px 0;
  662. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement