Guest User

Untitled

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