Guest User

Untitled

a guest
Jan 24th, 2018
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.25 KB | None | 0 0
  1. html, body {
  2.   height: 100%;
  3. }
  4.  
  5. body {
  6.   margin: 0 auto;
  7.   padding: 0;
  8.   /*font-family: Georgia, "Times New Roman", Times, serif;*/
  9.   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  10.   font-size: 62.5%;
  11.   color: #555;
  12.   background: #464646;
  13. }
  14.  
  15. img {
  16.   border: 0;
  17. }
  18.  
  19. a {
  20.   color: #000;
  21.   text-decoration: none;
  22. }
  23.  
  24. a:hover {
  25.   color: #000;
  26.   text-decoration: underline;
  27. }
  28.  
  29. code, pre {
  30.   font: 'Courier New', Courier, Fixed;
  31.   font-size: 100%;
  32.   border: 1px solid #DDD;
  33.   overflow: auto;
  34.   padding: 5px;
  35.     display: block;
  36.   width: 100%; /* Important for IE6 */
  37. }
  38.  
  39. hr {
  40.   color: #FFF;
  41.   height: 0px;
  42.   border-top: 1px solid #AAA;
  43.   border-left: 0px none #FFF;
  44.   margin: 5px 0;
  45. }
  46.  
  47. #wrapper {
  48.   margin: 0 auto;
  49.   width: 960px;
  50.   background: #b1b1b1 url(img/back.png) top center repeat-y;
  51. }
  52.  
  53. #header {
  54.   background-image: url(img/header.png);
  55.   width: 960px;
  56.   height: 135px;
  57.   clear: both;
  58.   margin: 0 auto;
  59.   padding: 0;
  60.   border-top: 1px solid #464646; /* don't touch it! */
  61.   font-size: 130%;
  62.   color: #747474;
  63. }
  64.  
  65. #header a, #header a:hover, #header a:visited {
  66.   color: #606060;
  67.   text-decoration: none;
  68. }
  69.  
  70. #header a:focus {
  71.   outline:none;    /* kill focus rectangle, fix dot artefact in Mozilla Firefox */
  72. }
  73.  
  74. #header h2 {
  75.   font-size: 100%;
  76.   font-weight: normal;
  77.   margin: 0;
  78.   /*font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;*/
  79. }
  80.  
  81. #header h1 {
  82.   font-family: "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
  83.   font-size: 320%;
  84.   font-weight: normal;
  85.   margin: 0;
  86. }
  87.  
  88. #header_siteheader {
  89.   clear: both;
  90.   float: left;
  91.   width: 600px;
  92.   height: 83px;
  93.   margin: 0 0 0 40px;
  94.   line-height: 83px;
  95.   display: inline;
  96. }
  97.  
  98. #header_sidebar {
  99.   float: right;
  100.   width: 250px;
  101.   height: 49px;
  102.   margin: 0 25px 0 0;
  103.   display: inline;
  104.   vertical-align: top;
  105.   padding-top: 32px;
  106. }
  107.  
  108. #header img {
  109.   float: left;
  110.   margin: 15px 25px 14px 0;
  111. }
  112.  
  113. /* Drop-down menus */
  114. #dropmenu, #dropmenu ul {
  115.   margin:0;
  116.   padding:0;
  117.   list-style-type:none;
  118.   list-style-position:outside;
  119.   position:relative;
  120.   z-index:300;
  121.   width:100%;
  122. }
  123.  
  124. #dropmenu a {
  125.   display:block;
  126.   /*padding:0.25em 1em;*/
  127.   text-decoration:none;
  128. }
  129.  
  130. #dropmenu a:hover {
  131.   color:#fff;
  132. }
  133.  
  134. #dropmenu li {
  135.   float:right;
  136.   position:relative;
  137. }
  138.  
  139. #dropmenu ul {
  140.   position:absolute;
  141.   display:none;
  142.   width:10em; /*auto*/
  143.   top:1.9em;
  144.   border:1px solid #747474;
  145. }
  146.  
  147. #dropmenu ul a {
  148. }
  149.  
  150. #dropmenu li ul {
  151.   width:10em;
  152.   top:auto;
  153.   background:#666;
  154. }
  155.  
  156. #dropmenu li ul a {
  157.   width:  8.9em;
  158.   /*height: auto;*/
  159.   float:  left;
  160.   text-align: left;
  161. }
  162.  
  163. /* Sub-menu */
  164. #dropmenu ul ul {
  165.   top:auto;
  166. }
  167.  
  168. #dropmenu li ul ul {
  169.   left: 10em;
  170.   margin: 0;
  171. }
  172.  
  173. #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
  174. #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
  175. /* Drop-down menus */
  176.  
  177.  
  178. /* ------ CONTENT ------ */
  179.  
  180. #content {
  181.   clear: both;
  182.   font-size: 130%;
  183.   line-height: 140%;
  184.   float: left;
  185.   width: 600px;
  186.   min-width: 600px;
  187.   margin: 0px 0px 0px 40px;
  188.   display: inline;
  189. }
  190.  
  191. #content a {
  192.  /*border-bottom: 1px dotted;*/
  193.  text-decoration: underline;
  194. }
  195.  
  196. #content a:visited {
  197.   color: #888;
  198. }
  199.  
  200. #content a:hover {
  201.   /*color: #000;*/
  202.   color: #800000;
  203.   text-decoration: underline;
  204.   /*border-bottom: #000 1px solid;*/
  205. }
  206.  
  207. #content img {
  208.   /*margin: 0 10px 10px 0;*/
  209. }
  210.  
  211. #content blockquote {
  212.   border-left: 5px #EEE solid;
  213.   /*background: #F7F7F7;*/
  214.   color: #777;
  215.   margin: 0 0 10px 10px;
  216.   padding: 5px 7px 0 7px;
  217. }
  218.  
  219. #content h1, #content h2, #content h3,
  220. #content h4, #content h5, #content h6 {
  221.   color: #777;
  222. }
  223.  
  224. #content h1 {
  225.   font-size: 190%;
  226.   line-height: 120%;
  227.   font-weight: normal;
  228.   margin: 20px 0 15px 0;
  229. }
  230.  
  231. #content h2 {
  232.   font-size: 160%;
  233.   line-height: 150%;
  234.   font-weight: normal;
  235. }
  236.  
  237. #content h3 {
  238.   font-size: 130%;
  239.   line-height: 130%;
  240.   font-weight: normal;
  241.   margin: 5px 0 5px 0;
  242. }
  243.  
  244. #content a h1, #content h1 a, #content a:visited h1, #content h1 a:visited {
  245.   color: #555;
  246.   text-decoration: none;
  247.   border: 0 none;
  248. }
  249.  
  250. #content a:hover h1, #content h1 a:hover {
  251.   color: #000;
  252.   /*color: #800000;*/ /* Maroon */
  253.   text-decoration: none;
  254.   border-bottom: 1px dotted;
  255. }
  256.  
  257. #content p {
  258.   margin: 0 0 10px 0;
  259. }
  260.  
  261. #content ul, #content ol {
  262.   padding: 0 0 0 20px;
  263. }
  264.  
  265. #content ul li, #content ol li {
  266.   margin: 3px 0 3px 0;
  267.   padding: 0;
  268. }
  269.  
  270. #content .pagetitle {
  271.   /*margin-bottom: 20px;
  272.   font-size: 220%;
  273.   font-weight: normal;*/
  274. }
  275.  
  276.  
  277. /* ------ POST META INFO ------ */
  278.  
  279. #postmeta {
  280.   font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  281.     font-size: 90%;
  282.     border-top: 1px solid #CCC;
  283.     clear: both;
  284.   color: #747474;
  285.   background: #F5F5F5;
  286.   line-height: 150%;
  287.   padding: 3px 5px;
  288.   margin: 10px 0 40px 0;
  289. }
  290.  
  291. #postmeta a, #postmeta a:visited {
  292.   color: #333;
  293.   text-decoration: none;
  294.   /*border: 0 none;*/
  295. }
  296.  
  297. #postmeta a:hover {
  298.   color: #800000;
  299.   border: 0 none;
  300.   text-decoration: underline;
  301. }
  302.  
  303. #postmeta img {  /* откуда эта фигня? убрать? */
  304.   vertical-align: middle;
  305.   margin: 0 4px 0 0;
  306. }
  307.  
  308.  
  309. /* ------ COMMENTS ------ */
  310.  
  311. #comments {
  312.   clear: both;
  313.   float: none;
  314.   margin-top: 50px;
  315.   font-size: 90%;
  316.   line-height: 150%;
  317. }
  318.  
  319. #comments h2 {
  320.   font-size: 190%;
  321.   font-weight: normal;
  322. }
  323.  
  324. #comments h3 {
  325.   font-size: 130%;
  326.   font-weight: normal;
  327.   margin: 15px 0 5px 0;
  328.   float: none;
  329.   clear: both;
  330. }
  331.  
  332. #comments h3 a, #comments h3 a:visited {
  333.   border-bottom: 1px dotted;
  334.   text-decoration: none;
  335. }
  336.  
  337. #comments h3 a:hover {
  338.   color: #800000;
  339.   text-decoration: none;
  340. }
  341.  
  342. #comments img {
  343.   margin: 0 5px 0 0;
  344. }
  345.  
  346. #comments ol {
  347. /*  list-style: none; */
  348.   padding: 0;
  349.   margin: 0;
  350. }
  351.  
  352. #comments ul {
  353.   list-style: square;
  354. }
  355.  
  356. #comments ul li, #comments ol li {
  357.   margin: 0;
  358.   padding: 0 0 5px 0;
  359. }
  360.  
  361. .commentlist {
  362.   list-style: none;
  363. }
  364.  
  365. .comment_border {
  366.   border-bottom: 1px dotted #CCC;
  367.   margin-bottom: 30px;
  368. }
  369.  
  370. #comment_meta {
  371.   float: none;
  372.   clear: both;
  373.   margin: 0 0 10px 0;
  374.   line-height: 160%;
  375.   color: #808080;
  376.   height: 64px;
  377.   font-size: 110%;
  378.   font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  379.   /*padding-left: 5px;*/
  380.   /*background-color: #F5F5F5;*/
  381.   /*border-bottom: 1px solid #CCC;*/
  382. }
  383.  
  384. .comment_meta_admin {
  385.   background-color: #F5F5F5;
  386. }
  387.  
  388. .comment_meta_visitor {
  389.   background-color: #FBFBFB;
  390. }
  391.  
  392. .comment_admin {
  393.   /*color: #400000;*/
  394.   color: #000;
  395. }
  396.  
  397. .comment_visitor {
  398.   color: #555;
  399. }
  400.  
  401. #comment_meta a, #comment_meta a:visited {
  402.   color: #333;
  403.   text-decoration: none;
  404. }
  405.  
  406. #comment_meta a:hover {
  407.   color: #800000;
  408.   text-decoration: underline;
  409. }
  410.  
  411. #comment_meta img {
  412.   margin: 0 10px 0 0;
  413.   float: left;
  414. }
  415.  
  416. #comment_self {
  417.   clear: both;
  418.   float: none;
  419. }
  420.  
  421. #respond {
  422. /* need it for floating comment form */
  423. }
  424.  
  425. #comment_form #comment {
  426.   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  427.   font-size: 100%;
  428.   margin: 0 15px 10px 0;
  429.   height: 158px;
  430.   background-color:#FFF;
  431.   padding: 5px;
  432.   border:#AAA 1px solid;
  433.   color:#333;
  434. }
  435.  
  436. .full_width {
  437.   width: 98%;
  438.   /*width: 588px;*/
  439.   /*float: none;*/
  440. }
  441.  
  442. .half_width {
  443.   width: 57%;
  444.   float: right;
  445. }
  446.  
  447. #comment_form input {
  448.   /*font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  449.   font-size: 110%;
  450.   margin: 1px 0 15px 0;
  451.   background-color:#FFF;
  452.   padding: 5px;
  453.   width: 36%;*/
  454. }
  455.  
  456. .inpt {
  457.   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  458.   font-size: 110%;
  459.   margin: 1px 0 15px 0;
  460.   background-color:#FFF;
  461.   padding: 5px;
  462.   width: 36%;
  463. }
  464.  
  465. .req {
  466.   border:#AAA 1px solid;
  467.   color:#555;
  468. }
  469.  
  470. .notreq {
  471.   border:#AAA 1px dotted;
  472. }
  473.  
  474. .color_light_grey {
  475.   color:#888;
  476. }
  477.  
  478. .color_red{
  479.   color: red;
  480. }
  481.  
  482. #comment_form_bottom {
  483.   float: none;
  484.   clear: both;
  485. }
  486.  
  487. .float_left {
  488.   float: left;
  489. }
  490.  
  491. #comment_form #submit {
  492.   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  493.   font-size: 100%;
  494.   background-color:#747474;
  495.   border:#747474 1px solid;
  496.   color:#DDD;
  497.   width: 200px;
  498.   height: 30px;
  499.   padding: 0;
  500.   font-weight: bold;
  501.   clear: both;
  502.   float: left;
  503.   margin: 0 0 10px 0;
  504. }
  505.  
  506. #comment_form #submit:hover {
  507.   cursor: pointer;
  508.   background-color:#606060;
  509.   border: #555 1px solid;
  510.   color: #fff;
  511. }
  512.  
  513.  
  514. /* ------ SIDEBAR ------ */
  515.  
  516. #sidebar {
  517.   font-size: 120%;
  518.   line-height: 130%;
  519.   float: right;
  520.   width: 250px;
  521.   min-width: 250px;
  522.   margin: 0px 25px 0px 0px;
  523.   display: inline;
  524. }
  525.  
  526. #sidebar img {
  527.   float: none;
  528. }
  529.  
  530. #sidebar a:hover {
  531.   color: #800000;
  532. }
  533.  
  534. #sidebar p {
  535.   margin: 0 0 5px 0;
  536. }
  537.  
  538. #sidebar h2 {
  539.   font-size: 100%;
  540.   font-weight: normal;
  541.   color: #DDD;
  542.   background-color: #747474;
  543.   padding: 0px 8px;
  544.   line-height: 180%;
  545.   margin: 0 0 10px 0;
  546. }
  547.  
  548. #sidebar ul {
  549.   list-style: none;
  550.   /*margin: 0 0 25px 0;*/
  551.   padding: 0;
  552.   margin: 0;
  553. }
  554.  
  555. #sidebar ul li {
  556.   margin: 0 0 25px 0;
  557. }
  558.  
  559. #sidebar ul ul {
  560.   padding: 0 0 0 8px;
  561. }
  562.  
  563. #sidebar ul ul li, #sidebar ul ul ul li {
  564.  margin: 5px 0 5px 0;
  565. }
  566.  
  567. #sidebar ul ul ul {
  568.   margin: 2px 0 0 0;
  569.   padding: 0;
  570.   line-height: 100%;
  571.   list-style:  url(img/bullet_dot.png) inside;
  572. }
  573.  
  574. #sidebar ul ul ul li {
  575.  margin-left: 7px;
  576. }
  577.  
  578.  
  579. /* ------ POST / PAGE / COMMENT NAVIGATION ------ */
  580.  
  581. #navigation {
  582.     width: 600px;
  583.     list-style: none;
  584.     line-height: 100%;
  585.     margin: 0;
  586.   padding: 0;
  587. }
  588.  
  589. .left {
  590.     float: left;
  591.   display: inline;
  592. }
  593.  
  594. .right {
  595.     float: right;
  596.   display: inline;
  597. }
  598.  
  599.  
  600. /* ------ FOOTER ------ */
  601.  
  602. #footer {
  603.   font-size: 130%;
  604.   clear: both;
  605.   width: 960px;
  606.   margin: 0 auto;
  607.   height: 64px;
  608.   background: #b1b1b1 url(img/footer.png) center no-repeat;
  609.   border: 0;
  610. }
  611.  
  612. /*#footer_content {
  613.   line-height: 150%;
  614.   text-align: center;
  615.   height: 58px;
  616.   width: 600px;
  617.   margin: 0px 0px 0px 40px;
  618. }*/
  619.  
  620. #footer_content p {
  621.   padding: 10px 0 0 0;
  622. }
  623.  
  624.  
  625. /* ------ BLACK LINES AT TOP AND BOTTOM------ */
  626.  
  627. #blackband_top_left, #blackband_top_right {
  628.   width: 440px;
  629.   height: 30px;
  630.   color: #CCC;
  631.   line-height: 30px;
  632. }
  633.  
  634. #blackband_bottom_left, #blackband_bottom_right {
  635.   width: 440px;
  636.   color: #CCC;
  637.   line-height: 62px;
  638. }
  639.  
  640. #blackband_top_left, #blackband_top_right {
  641.   margin-top: 19px;
  642.   line-height: 32px;
  643. }
  644.  
  645. #blackband_bottom_left, #blackband_top_left {
  646.   margin-left: 40px;
  647.   float: left;
  648.   display: inline;
  649. }
  650.  
  651. #blackband_bottom_right, #blackband_top_right {
  652.   margin-right: 40px;
  653.   float: right;
  654.   text-align: right;
  655.   display: inline;
  656. }
  657.  
  658. #blackband_top_right {
  659.   margin-right: 34px;
  660. }
  661.  
  662. #blackband_top_right ul {
  663.   margin: 1px 0 0 0;
  664.   float: right;
  665.   width: auto;
  666. }
  667.  
  668. #blackband_top_right ul ul {
  669.   padding: 0;
  670.   margin: 0;
  671. }
  672.  
  673. #blackband_top_right ul li, #blackband_top_right ul ul li {
  674.   line-height: 30px;
  675.   float: left;
  676.     list-style: none;
  677. }
  678.  
  679. #blackband_top_right h2 {
  680.   text-align: right;
  681.   float: right;
  682. }
  683.  
  684. #blackband_top_right ul li a {
  685.   padding: 0 7px 0 7px;
  686. }
  687.  
  688. #blackband_bottom_right a:hover, #blackband_bottom_left a:hover {
  689.   color: #FFF;
  690.   text-decoration: underline;
  691. }
  692.  
  693. #blackband_top_right a, #blackband_top_right a:active, #blackband_top_right a:visited {
  694.   color: #FFF;
  695.   text-decoration: none;
  696.   display: block;
  697. }
  698.  
  699. #blackband_bottom_right a, #blackband_bottom_right a:active, #blackband_bottom_left a, #blackband_bottom_left a:active {
  700.   color: #FFF;
  701.   text-decoration: none;
  702. }
  703.  
  704. #blackband_top_right ul li a {
  705. /*image preload trick for hover element*/
  706.   background-image: url(img/back_menu.png);
  707.   background-repeat: no-repeat;
  708.   background-position: -1000px -1000px;
  709. /*image preload trick for hover element*/
  710. }
  711.  
  712. #blackband_top_right ul li a:hover {
  713.   background: url(img/back_menu.png) repeat-x;
  714.   color: #747474;
  715. }
  716.  
  717. #blackband_top_right ul ul li a:hover {
  718.   background: #e1ddd2;
  719.   color: #747474;
  720. }
  721.  
  722. .hasFloat:after {
  723.   content: "";
  724.   display: block;
  725.   clear: both;
  726. }
  727.  
  728.  
  729. /* ------ SEARCHFORM ------ */
  730.  
  731. #searchform input {
  732.   font-family:Tahoma, Arial, Helvetica, sans-serif;
  733.   font-size:12px;
  734.   background-color:#747474;
  735.   margin: 0;
  736.   padding: 2px 4px 2px 4px;
  737.   border:#747474 1px solid;
  738.   color:#DDD;
  739.   width: 55px;
  740. }
  741.  
  742. #searchform input:hover {
  743.   cursor:pointer;
  744.   background-color:#606060;
  745.   border:#333 1px solid;
  746.   color:#fff;
  747. }
  748.  
  749. #searchform #s {
  750.   font-family:Tahoma, Arial, Helvetica, sans-serif;
  751.   font-size:12px;
  752.   margin: 0 5px 0 0;
  753.   background-color:#DDD;
  754.   padding: 3px 4px 3px 4px;
  755.   border:#747474 1px solid;
  756.   color:#606060;
  757.   width: 175px;
  758.   cursor: text;
  759. }
  760.  
  761.  
  762. /* ------ MISC STUFF ------ */
  763.  
  764. #counters {
  765.   width: 0px;
  766.   height: 0px;
  767.   display: none;
  768.   float: left;
  769. }
  770.  
  771. img#wpstats {
  772.   width: 0px;
  773.   height: 0px;
  774.   padding: 0px;
  775.   border: none;
  776.   overflow: hidden;
  777. }
  778.  
  779. .aligncenter,
  780. div.aligncenter {
  781.    display: block;
  782.    margin-left: auto;
  783.    margin-right: auto;
  784. }
  785.  
  786. .alignleft {
  787.    float: left;
  788.    margin: 0 10px 10px 0;
  789. }
  790.  
  791. .alignright {
  792.    float: right;
  793.    margin: 0 0 10px 10px;
  794. }
  795.  
  796. .alignnone {
  797.    float: none;
  798. }
  799.  
  800. .wp-caption {
  801.    border: 1px solid #ddd;
  802.    text-align: center;
  803.    background-color: #f3f3f3;
  804.    padding: 7px;
  805.    margin: 5px 10px 5px 0px;
  806.    /* optional rounded corners for browsers that support it */
  807.    -moz-border-radius: 3px;
  808.    -khtml-border-radius: 3px;
  809.    -webkit-border-radius: 3px;
  810.    border-radius: 3px;
  811. }
  812.  
  813. .wp-caption img {
  814.    border: 0 none;
  815. }
  816.  
  817. .wp-caption p.wp-caption-text {
  818.    font-size: 90%;
  819.    line-height: 120%;
  820.    padding: 0 10px 0 0;
  821.    margin: 0;
  822. }
  823.  
  824. #wp-calendar {
  825.   margin: 0 auto;
  826.   line-height: 150%;
  827. }
  828.  
  829. table#wp-calendar{
  830.   width: 80%;
  831. }
  832.  
  833. #wp-calendar a {
  834.     text-decoration: underline;
  835.   font-weight: bold;
  836. }
  837.  
  838. table#wp-calendar tfoot td a{
  839.   border: 0;
  840.   font-weight: normal;
  841. }
  842.  
  843. table#wp-calendar th, table#wp-calendar td{
  844.   text-align: center;
  845. }
  846.  
  847. .widget_tag_cloud {
  848.   line-height: 175%;
  849. }
  850.  
  851. #tag_cloud, #tag_cloud-2 /*WP 2.8*/ {
  852.   line-height: 200%;
  853. }
  854.  
  855. #content img.wp-smiley {
  856.   border: none;
  857.   padding: 0px;
  858.   margin: 0px;
  859.   vertical-align: text-top;
  860. }
  861.  
  862. ::-moz-selection{
  863.     background:#464646;
  864.     color:#fff;
  865. }
  866.  
  867. ::selection {
  868.     background:#464646;
  869.     color:#fff;
  870. }
Add Comment
Please, Sign In to add comment