Advertisement
Guest User

Untitled

a guest
Apr 17th, 2015
269
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.95 KB | None | 0 0
  1. /* Template created by CENTROARTS.com | Author: Rumin Sergey | URL: http://centroarts.com */
  2. html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
  3. margin: 0;
  4. padding: 0;
  5. }
  6.  
  7. body {
  8. background: #373e45 url("../images/pagebg3.jpg") repeat 100% 0;
  9. color: #1b1f21;
  10. word-wrap: break-word;
  11. }
  12.  
  13. h1, h2, h3, h4, h5 {
  14. line-height: normal;
  15. }
  16.  
  17. h1 {
  18. font-size: 1.25em;
  19. }
  20.  
  21. h2 {
  22. font-size: 1.2em;
  23. }
  24.  
  25. h3 {
  26. font-size: 1.15em;
  27. }
  28.  
  29. h4 {
  30. font-size: 1.1em;
  31. }
  32.  
  33. h5 {
  34. font-size: 1em;
  35. }
  36.  
  37. a {
  38. color: #3b5163;
  39. text-decoration: underline;
  40. }
  41.  
  42. a:hover {
  43. text-decoration: none;
  44. }
  45.  
  46. a img {
  47. border: 0 none;
  48. }
  49. textarea {
  50. resize: vertical;
  51. }
  52. input, textarea, select, button, body {
  53. font: 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
  54. }
  55.  
  56. input, textarea, select, button, a {
  57. outline: none;
  58. }
  59.  
  60. @font-face {
  61. font-family: 'PFSquareSansProBold';
  62. src: url('../fonts/pfsquare-webfont.eot');
  63. src: local('PF Square Sans Pro'), local('../fonts/PFSquareSansProBold'), url('../fonts/pfsquare-webfont.woff') format('woff'), url('../fonts/pfsquare-webfont.ttf') format('truetype'), url('../fonts/pfsquare-webfont.svg#webfontIlJz4VNr') format('svg');
  64. font-weight: bold;
  65. font-style: normal;
  66. }
  67.  
  68. p {
  69. margin-bottom: 0.4em;
  70. }
  71.  
  72. hr {
  73. border: 0 none;
  74. border-top: 1px solid #dbe8ed;
  75. height: 1px;
  76. }
  77.  
  78. ul {
  79. margin: 0 0 18px 2em;
  80. list-style: disc outside;
  81. }
  82.  
  83. ol {
  84. margin: 0 0 18px 2.1em;
  85. list-style: decimal;
  86. }
  87.  
  88. .reset, .reset li {
  89. list-style: none;
  90. padding: 0;
  91. margin: 0;
  92. }
  93.  
  94. .clr {
  95. clear: both;
  96. }
  97.  
  98. .thide, .htmenu span {
  99. overflow: hidden;
  100. display: block;
  101. height: 0;
  102. line-height: normal;
  103. }
  104.  
  105. table.userstop, table.pm, table.tableform, table.calendar {
  106. border-collapse: collapse;
  107. border-spacing: 0;
  108. }
  109.  
  110. .lcol, .rcol, form {
  111. display: inline;
  112. }
  113.  
  114. .lcol {
  115. float: left;
  116. }
  117.  
  118. .rcol {
  119. float: left;
  120. }
  121.  
  122. .small {
  123. font-size: 0.9em;
  124. }
  125.  
  126. .pink {
  127. color: #d51e44;
  128. }
  129.  
  130. .wrapper {
  131. max-width: 1120px;
  132. width: 92%;
  133. text-align: left;
  134. margin: 0 auto;
  135. }
  136.  
  137. .wwide {
  138. width: 100%;
  139. }
  140.  
  141. .wrapper, .wwide {
  142. min-width: 990px;
  143. }
  144.  
  145. /*---header---*/
  146. .topline {
  147. height: 13px;
  148. font: 1px/1px sans-serif;
  149. background: url("../images/topline.png");
  150. }
  151.  
  152. #header {
  153. height: 119px;
  154. padding: 0 0 0 322px;
  155. }
  156.  
  157. /*---logotype---*/
  158. #header h1 {
  159. margin: -8px 0 0 -322px;
  160. width: 305px;
  161. float: left;
  162. padding: 0 17px 31px 0;
  163. background: url("../images/logoshadow.png") no-repeat 0 100%;
  164. }
  165.  
  166. #header h1 a {
  167. display: block;
  168. width: 305px;
  169. padding-top: 89px;
  170. background: url("../images/logotype.png");
  171. }
  172.  
  173. #header .rcol {
  174. padding-top: 28px;
  175. width: 100%;
  176. }
  177.  
  178. /*---Иконки соц.сетей---*/
  179. .headsoc {
  180. margin-right: 17px;
  181. }
  182.  
  183. .headsoc a {
  184. float: left;
  185. padding-top: 35px;
  186. width: 35px;
  187. background: url("../images/headsoc.png") no-repeat;
  188. }
  189.  
  190. .headsoc .twit {
  191. background-position: 0 0;
  192. }
  193.  
  194. .headsoc .twit:hover {
  195. background-position: 0 -35px;
  196. }
  197.  
  198. .headsoc .vkon {
  199. background-position: -35px 0;
  200. }
  201.  
  202. .headsoc .vkon:hover {
  203. background-position: -35px -35px;
  204. }
  205.  
  206. /*---headlinks---*/
  207. .headlinks {
  208. margin-top: 6px;
  209. overflow: hidden;
  210. }
  211.  
  212. .headlinks ul, .headlinks ul li, .headlinks, .headsoc, .headsoc a, ul.loginbox li {
  213. float: left;
  214. }
  215.  
  216. .headlinks ul {
  217. margin-left: -11px;
  218. }
  219.  
  220. .headlinks ul li {
  221. background: url("../images/headlinks.png") no-repeat 0 70%;
  222. padding: 0 10px 0 11px;
  223. }
  224.  
  225. .headlinks ul a, ul.loginbox li a {
  226. color: #fff;
  227. }
  228.  
  229. /*---login---*/
  230. .loginbox {
  231. display: inline;
  232. }
  233.  
  234. .loginbox ul.loginbox {
  235. float: right;
  236. height: 27px;
  237. }
  238.  
  239. ul.loginbox {
  240. line-height: 27px;
  241. }
  242.  
  243. ul.loginbox li {
  244. margin-left: 10px;
  245. }
  246.  
  247. .loginbtn a {
  248. text-decoration: none;
  249. font-size: 1.1em;
  250. display: block;
  251. width: 66px;
  252. padding-bottom: 17px;
  253. background: url("../images/loginbtn.png") no-repeat 50% 0;
  254. }
  255.  
  256. .loginbtn a b {
  257. text-align: center;
  258. display: block;
  259. cursor: pointer;
  260. height: 26px;
  261. background-color: #db143d;
  262. }
  263.  
  264. .loginbtn a:hover {
  265. background-position: 50% 100%;
  266. }
  267.  
  268. .loginbtn a:hover b {
  269. background-color: #f1345d;
  270. }
  271.  
  272. .logform li.lfield {
  273. margin-bottom: 10px;
  274. }
  275.  
  276. .logform li.lbtn {
  277. text-align: center;
  278. }
  279.  
  280. .logform li.lfield input {
  281. width: 265px;
  282. }
  283.  
  284. .logform li.lfchek input {
  285. width: 13px;
  286. border: none;
  287. background: none;
  288. }
  289.  
  290. .logform li.lfchek label {
  291. display: inline;
  292. margin-bottom: 0.2em;
  293. }
  294.  
  295. /*---Shadows---*/
  296. .shadlr {
  297. width: 100%;
  298. background: url("../images/shadlr.png") no-repeat;
  299. }
  300.  
  301. .shadlr .shadlr {
  302. background-position: 100% 0;
  303. }
  304.  
  305. .container {
  306. margin: 0 10px;
  307. }
  308.  
  309. /*---Menu---*/
  310. .darkbg {
  311. background: #222a30 url("../images/darkbg.png");
  312. }
  313.  
  314. #menubar {
  315. padding: 0 12px;
  316. height: 50px;
  317. border-top: 1px solid #646c74;
  318. background: url("../images/topshd.png") no-repeat 50% 0;
  319. }
  320.  
  321. #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a {
  322. float: left;
  323. }
  324.  
  325. #menubar .lcol {
  326. overflow: hidden;
  327. height: 50px;
  328. }
  329.  
  330. #menubar .lcol ul {
  331. font-size: 1.15em;
  332. line-height: 49px;
  333. margin-left: -2px;
  334. }
  335.  
  336. #menubar .lcol ul li {
  337. background: url("../images/mbar.png") no-repeat;
  338. }
  339.  
  340. #menubar .lcol ul a {
  341. padding: 0 11px 0 12px;
  342. color: #fff;
  343. height: 50px;
  344. text-decoration: none;
  345. }
  346.  
  347. #menubar .lcol ul a:hover {
  348. color: #da143d;
  349. background: url("../images/mbar.png") no-repeat 50% 100%;
  350. }
  351.  
  352. /*---search---*/
  353. .searchbar {
  354. margin-top: 12px;
  355. border: 1px solid #3f464c;
  356. border-width: 0 1px 1px 0;
  357. float: right;
  358. width: 217px;
  359. height: 26px;
  360. background: #191f24 url("../images/search.png") no-repeat;
  361. }
  362.  
  363. .searchbar li {
  364. float: left;
  365. height: 26px;
  366. }
  367.  
  368. .searchbar .lfield {
  369. width: 180px;
  370. padding-left: 7px;
  371. overflow: hidden;
  372. }
  373.  
  374. .searchbar .lfield input {
  375. font-style: italic;
  376. color: #8b99a8;
  377. float: left;
  378. height: 15px;
  379. width: 180px;
  380. border: 0 none;
  381. background: none;
  382. margin-top: 6px;
  383. }
  384.  
  385. .searchbar .lbtn input {
  386. width: 30px;
  387. height: 26px;
  388. background: #db143d url("../images/search.png") no-repeat 0 -26px;
  389. }
  390.  
  391. .searchbar .lbtn input:hover {
  392. background-position: -30px -26px;
  393. }
  394.  
  395. /*---BodyTemplate---*/
  396. .body {
  397. background: #fff;
  398. border: 13px solid #fff;
  399. }
  400.  
  401. .vsep {
  402. background: url("../images/vsep.png") no-repeat 50% 0;
  403. padding: 13px 313px 0 0;
  404. }
  405.  
  406. #sidebar {
  407. padding-left: 13px;
  408. width: 300px;
  409. margin: 0 -313px 0 0;
  410. }
  411.  
  412. #midside {
  413. width: 100%;
  414. }
  415.  
  416. #midside img {
  417. max-width: 630px;
  418. }
  419.  
  420. /*---Slider---*/
  421. #slides, .slides_container {
  422. height: 278px;
  423. position: relative;
  424. }
  425.  
  426. .slides_container {
  427. background: url("../images/loading.gif") no-repeat 50% 50%;
  428. border-bottom: 1px solid #b31032;
  429. width: 100%;
  430. overflow:hidden;
  431. }
  432.  
  433. #slides {
  434. border-bottom: 8px solid #db143d;
  435. margin-bottom: 7px;
  436. }
  437.  
  438. #slides .next, #slides .prev {
  439. position: absolute;
  440. top: 114px;
  441. width: 50px;
  442. padding-top: 60px;
  443. display: block;
  444. z-index: 101;
  445. background: url("../images/nextprev.png");
  446. }
  447.  
  448. #slides .next {
  449. background-position: -50px 0;
  450. right: -23px;
  451. }
  452.  
  453. #slides .next:hover {
  454. background-position: -50px -60px;
  455. }
  456.  
  457. #slides .prev {
  458. background-position: 0 0;
  459. left: -23px;
  460. }
  461.  
  462. #slides .prev:hover {
  463. background-position: 0 -60px;
  464. }
  465.  
  466. /*---buttons---*/
  467. .fbutton, .vresult {
  468. border: 0 none;
  469. background: none;
  470. cursor: pointer;
  471. }
  472.  
  473. .fbutton {
  474. text-shadow: 0 1px 0 #fff;
  475. font-size: 1.1em;
  476. margin-bottom: 2px;
  477. border: 1px solid #bcc5c9;
  478. width: 106px;
  479. height: 31px;
  480. color: #d51e44;
  481. padding: 2px 0 5px 0;
  482. background: #fff url("../images/fbutton.png") repeat-x 0 100%;
  483. font-weight: bold;
  484. }
  485.  
  486. .fbutton:hover, .vresult:hover {
  487. background-position: 0 10px;
  488. -moz-box-shadow: 0 1px 5px -2px black;
  489. -webkit-box-shadow: 0 1px 5px -2px black;
  490. box-shadow: 0 1px 5px -2px black;
  491. }
  492.  
  493. button.fbutton span {
  494. cursor: pointer;
  495. display: block;
  496. }
  497.  
  498. /*---blocks---*/
  499. .block {
  500. background-color: #dfe3e6;
  501. margin: 0 0 14px 0;
  502. width: 300px;
  503. }
  504.  
  505. .block .dcont {
  506. padding: 15px 0;
  507. margin: 0 15px;
  508. }
  509.  
  510. .block .dtop {
  511. overflow: hidden;
  512. background: url("../images/btlblocks.png") no-repeat;
  513. padding: 0 15px;
  514. height: 44px;
  515. border-bottom: 1px solid #fff;
  516. }
  517.  
  518. .block .dtop .btl {
  519. margin-top: 14px;
  520. }
  521.  
  522. h4.btl {
  523. font-size-adjust: 0.49;
  524. letter-spacing: -0.018em;
  525. font: bold 15px/normal 'PFSquareSansProBold', sans-serif;
  526. text-transform: uppercase;
  527. color: #fff;
  528. }
  529.  
  530. h4.btl span {
  531. color: #db143d;
  532. }
  533.  
  534. /*---RightMenu---*/
  535. #slidemenu {
  536. font-size: 1.15em;
  537. }
  538.  
  539. #slidemenu li a, #slidemenu li span {
  540. text-decoration: none;
  541. color: #1f2931;
  542. display: block;
  543. border-bottom: 1px solid #fff;
  544. padding: 0 15px;
  545. height: 35px;
  546. line-height: 34px;
  547. }
  548.  
  549. #slidemenu li span {
  550. cursor: pointer;
  551. background: url("../images/slidemenu.png") no-repeat 100% 0;
  552. }
  553.  
  554. #slidemenu li a:hover, #slidemenu li span:hover {
  555. color: #db143d;
  556. background-color: #f1f5f7;
  557. }
  558.  
  559. #slidemenu li.selected span {
  560. color: #fff;
  561. border-top: 1px solid #9a071a;
  562. height: 34px;
  563. line-height: 32px;
  564. background-color: #db143d;
  565. background-position: 100% -38px;
  566. }
  567.  
  568. #slidemenu li.submenu {
  569. overflow: hidden;
  570. }
  571.  
  572. #slidemenu li.submenu ul {
  573. overflow: hidden;
  574. border-bottom: 1px solid #fff;
  575. background-color: #f1f5f7;
  576. margin: 0;
  577. padding: 5px 15px;
  578. list-style: none;
  579. }
  580.  
  581. #slidemenu li.submenu ul a {
  582. border: 0 none;
  583. width: 100%;
  584. padding: 0;
  585. font-size: 0.8em;
  586. line-height: normal;
  587. height: auto;
  588. }
  589.  
  590. #slidemenu li.submenu ul li {
  591. background: url("../images/gdot.png") no-repeat 0 8px;
  592. padding-left: 7px;
  593. }
  594.  
  595. #rightmenu .linesbg {
  596. border-top: 2px solid #c5cbd3;
  597. }
  598.  
  599. #rightmenu .linesbg ul {
  600. min-height: 54px;
  601. background: url("../images/whitelogo.png") no-repeat 100% 50%;
  602. }
  603.  
  604. .linesbg {
  605. padding: 15px;
  606. background: #ccd2d7 url("../images/linesbg.png");
  607. }
  608.  
  609. /*---change-skin---*/
  610. #change-skin {
  611. background-color: #b1bbc5;
  612. position: relative;
  613. height: 44px;
  614. }
  615.  
  616. .change-skin {
  617. background: url("../images/change-skin.png") no-repeat;
  618. padding: 15px 26px 0 30px;
  619. width: 257px;
  620. height: 40px;
  621. position: absolute;
  622. top: -5px;
  623. left: 0;
  624. }
  625.  
  626. .change-skin .btl {
  627. float: left;
  628. margin-top: 5px;
  629. }
  630.  
  631. .change-skin .rcol {
  632. width: 128px;
  633. }
  634.  
  635. .change-skin select {
  636. font-size: 0.9em;
  637. background-color: #eff2f4;
  638. width: 128px;
  639. height: 24px;
  640. padding: 2px;
  641. border: 1px solid #879fb3;
  642. }
  643.  
  644. /*---Votes---*/
  645. #bvote .dtop {
  646. border: 0 none;
  647. }
  648.  
  649. .vtitle {
  650. border-top: 2px solid #a61732;
  651. color: #fff;
  652. position: relative;
  653. margin: 0;
  654. padding: 10px 15px 14px 15px;
  655. color: #fff;
  656. background: #d11d40 url("../images/vtitle.png");
  657. }
  658.  
  659. .vtitle b {
  660. position: absolute;
  661. top: -10px;
  662. right: 25px;
  663. padding-top: 10px;
  664. width: 16px;
  665. background: url("../images/varrow.png");
  666. }
  667.  
  668. #bvote .fbutton, .vresult {
  669. float: left;
  670. margin-right: 5px;
  671. }
  672.  
  673. .vresult {
  674. width: 32px;
  675. height: 31px;
  676. padding: 0;
  677. background: url("../images/vresult.png") no-repeat 100% 0;
  678. }
  679.  
  680. .vresult:hover {
  681. background-position: 0 -31px;
  682. }
  683.  
  684. .vote, #dle-poll-list div {
  685. clear: both;
  686. padding: 2px 0 2px 2px;
  687. }
  688.  
  689. .vote input, #dle-poll-list div input {
  690. vertical-align: middle;
  691. margin: 0;
  692. padding: 0;
  693. width: 14px;
  694. height: 14px;
  695. margin-right: 4px;
  696. }
  697.  
  698. #dle-poll-list {
  699. padding: 10px 0;
  700. text-align: left;
  701. }
  702.  
  703. /*---Informer---*/
  704. .informer {
  705. padding: 10px 15px 14px 15px;
  706. border-bottom: 1px solid #fff;
  707. }
  708.  
  709. .informer:hover {
  710. background-color: #f1f5f7;
  711. }
  712.  
  713. .informer p a {
  714. color: #db143d;
  715. }
  716.  
  717. /*---Popular news---*/
  718. .redb {
  719. border-bottom: 1px solid #e7617d;
  720. background: #db143d url("../images/redb.png") no-repeat 100% 0;
  721. position: relative;
  722. width: 323px;
  723. margin-right: -23px;
  724. }
  725.  
  726. .redb .dbtm {
  727. position: absolute;
  728. right: 0;
  729. bottom: -10px;
  730. padding-top: 9px;
  731. width: 323px;
  732. background: url("../images/redbtm.png") no-repeat;
  733. }
  734.  
  735. .redb .btl {
  736. margin-bottom: 12px;
  737. }
  738.  
  739. .redb ul {
  740. margin: 0;
  741. list-style: none;
  742. }
  743.  
  744. .redb li {
  745. padding-left: 9px;
  746. background: url("../images/wdot.png") no-repeat 2px 10px;
  747. }
  748.  
  749. .redb a {
  750. padding: 1px 0;
  751. display: block;
  752. width: 100%;
  753. color: #f9e2e6;
  754. }
  755.  
  756. .redb a:hover, .redb {
  757. color: #fff;
  758. }
  759.  
  760. /*---footbox---*/
  761. #footbox {
  762. position: relative;
  763. overflow: hidden;
  764. padding: 25px 0;
  765. background: url("../images/fboxshd.png") repeat-x;
  766. }
  767.  
  768. .ribbon {
  769. position: absolute;
  770. right: 23px;
  771. top: 0;
  772. padding-top: 36px;
  773. width: 56px;
  774. background: url("../images/ribbon.png");
  775. }
  776.  
  777. .fbox {
  778. margin-left: -1px;
  779. float: left;
  780. width: 33.3%;
  781. min-height: 110px;
  782. background: url("../images/fbox.png") no-repeat;
  783. }
  784.  
  785. .fbox .dcont {
  786. margin: 0 25px;
  787. color: #fff;
  788. }
  789.  
  790. .fbox .dcont a {
  791. color: #fff;
  792. }
  793.  
  794. .fbox .btl {
  795. margin-bottom: 0.4em;
  796. }
  797.  
  798. .fmenu li {
  799. padding-left: 7px;
  800. background: url("../images/rdot.png") no-repeat 0 8px;
  801. }
  802.  
  803. /*---Нижний фон шаблона---*/
  804. .footbg {
  805. background: url("../images/pagebg3.jpg") repeat 50% 100%;
  806. }
  807.  
  808. /*---footer---*/
  809. #footer {
  810. height: 91px;
  811. background: #fff;
  812. padding-left: 13px;
  813. }
  814.  
  815. #footer h2 {
  816. display: inline;
  817. }
  818.  
  819. #footer h2 a {
  820. background: url("../images/logofoot.png") no-repeat;
  821. float: left;
  822. position: relative;
  823. top: -10px;
  824. padding-top: 91px;
  825. margin-right: 3px;
  826. width: 74px;
  827. }
  828.  
  829. .counts {
  830. padding: 7px 25px 0 0;
  831. margin-top: 23px;
  832. width: 310px;
  833. height: 37px;
  834. background: url("../images/counts.png") no-repeat;
  835. float: right;
  836. }
  837.  
  838. .counts ul {
  839. float: right;
  840. }
  841.  
  842. .counts ul li {
  843. float: right;
  844. width: 88px;
  845. height: 31px;
  846. margin-left: 5px;
  847. opacity:0.5;
  848. -moz-opacity:0.5;
  849. filter:alpha(opacity=50);
  850. }
  851.  
  852. .counts ul li:hover {
  853. opacity: 1.0;
  854. -moz-opacity: 1.0;
  855. filter:alpha(opacity=100);
  856. }
  857.  
  858. .copyright {
  859. margin-top: 29px;
  860. float: left;
  861. }
  862.  
  863. .shadow {
  864. height: 80px;
  865. background: url("../images/shadow.png") no-repeat 50% 0;
  866. }
  867.  
  868. /*---Центральная часть контента---*/
  869. /*---Сортировка новостей и Speedbar---*/
  870. .lines {
  871. font-size: 0.9em;
  872. margin-bottom: 13px;
  873. padding: 13px;
  874. border: 1px solid #d3dae0;
  875. background: #fff url("../images/lines.gif");
  876. }
  877.  
  878. .sortn {
  879. text-align: center;
  880. }
  881.  
  882. .sortn img {
  883. vertical-align: middle;
  884. }
  885.  
  886. /*---Center Banner---*/
  887. .hbanner {
  888. padding-bottom: 29px;
  889. background: url("../images/shadlite.png") no-repeat 50% 100%;
  890. }
  891.  
  892. /*---Краткая содержимое---*/
  893. .base {
  894. border-top: 2px solid #7e8489;
  895. padding-top: 8px;
  896. margin-bottom: 30px;
  897. }
  898.  
  899. .base .btl {
  900. margin-bottom: 0.2em;
  901. }
  902.  
  903. .base .btl a, .base .btl {
  904. text-decoration: none;
  905. color: #db143d;
  906. }
  907.  
  908. .base .btl a:hover {
  909. color: #353a40;
  910. }
  911.  
  912. .argcat {
  913. padding-left: 10px;
  914. color: #6c838e;
  915. background: url("../images/argcat.png") no-repeat 1px 3px;
  916. font-size: 0.9em;
  917. margin-bottom: 10px;
  918. }
  919.  
  920. .argbox a {
  921. margin: 3px 0 0 8px;
  922. text-decoration: none;
  923. color: #67747b;
  924. font-size: 0.85em;
  925. float: right;
  926. color: #67747b;
  927. padding: 0 6px;
  928. height: 20px;
  929. line-height: 20px;
  930. border: 1px solid #d6d9dc;
  931. }
  932.  
  933. .argbox a:hover {
  934. background-color: #f1f5f7;
  935. }
  936.  
  937. .infbtn {
  938. margin: 3px 0 0 1px;
  939. float: right;
  940. position: relative;
  941. width: 22px;
  942. height: 22px;
  943. }
  944.  
  945. .infbtn .thide {
  946. cursor: pointer;
  947. background: #db143d url("../images/boxinfo.png");
  948. padding-top: 22px;
  949. width: 22px;
  950. }
  951.  
  952. .infbtn .thide:hover {
  953. background-position: 0 -44px;
  954. }
  955.  
  956. .infbtn .thide.selected {
  957. background-position: 0 -22px;
  958. background-color: #c0cad2;
  959. }
  960.  
  961. .infcont {
  962. z-index: 33;
  963. width: 180px;
  964. background-color: #dfe3e6;
  965. border: 2px solid #a6b5c0;
  966. position: absolute;
  967. top: 23px;
  968. right: 0;
  969. display: none;
  970. }
  971.  
  972. .infcont ul {
  973. position: relative;
  974. list-style: none;
  975. font-size: 0.9em;
  976. color: #67747b;
  977. margin: 0 6px;
  978. padding: 5px 0;
  979. }
  980.  
  981. .editdate {
  982. font-size: 0.9em;
  983. background-color: #f1f2f3;
  984. padding: 6px;
  985. color: #67747b;
  986. }
  987.  
  988. /*---ratebox---*/
  989. .ratebox {
  990. padding-top: 13px;
  991. display: block;
  992. height: 28px;
  993. text-align: center;
  994. background: #d6dce1 url("../images/ratebox.png") no-repeat 50% 0;
  995. }
  996.  
  997. .ratebox ul {
  998. margin: 0;
  999. padding: 0;
  1000. }
  1001.  
  1002. .ratebox .rate {
  1003. text-align: left;
  1004. width: 85px;
  1005. height: 17px;
  1006. margin: 0 auto;
  1007. overflow: hidden;
  1008. }
  1009.  
  1010. .storenumber, .maincont, .berrors, .basecont, .fullstory, .mass_comments_action {
  1011. margin-bottom: 13px;
  1012. text-align: justify;
  1013. }
  1014.  
  1015. .base .maincont {
  1016. padding-top: 13px;
  1017. border-top: 1px solid #dfe4e9;
  1018. background: url("../images/shadlite.png") no-repeat 10px 1px;
  1019. }
  1020.  
  1021. .maincont img {
  1022. padding: 5px;
  1023. border: none;
  1024. }
  1025.  
  1026. /*---Метки к сайту---*/
  1027. .basetags {
  1028. padding-top: 10px;
  1029. font-size: 0.9em;
  1030. color: #6c838e;
  1031. }
  1032.  
  1033. /*---Подробнее и назад---*/
  1034. .mlink {
  1035. height: 39px;
  1036. }
  1037.  
  1038. .fullstory .mlink {
  1039. margin-bottom: 3px;
  1040. }
  1041.  
  1042. .argmore a, .argmore a b, .argback a, .argback a b {
  1043. float: left;
  1044. height: 39px;
  1045. background: url("../images/argmore.png") no-repeat;
  1046. }
  1047.  
  1048. .argmore a, .argback a {
  1049. padding-left: 23px;
  1050. margin-left: -23px;
  1051. line-height: 29px;
  1052. color: #fff;
  1053. text-decoration: none;
  1054. }
  1055.  
  1056. .argmore a b, .argback a b {
  1057. cursor: pointer;
  1058. padding-right: 42px;
  1059. background-color: #db143d;
  1060. background-position: 100% -39px;
  1061. }
  1062.  
  1063. .argmore a:hover {
  1064. background-position: 0 -78px;
  1065. }
  1066.  
  1067. .argmore a:hover b {
  1068. background-position: 100% -117px;
  1069. }
  1070.  
  1071. .argback a {
  1072. background-position: 0 -156px;
  1073. }
  1074.  
  1075. .argback a b {
  1076. background-color: #438fbf;
  1077. background-position: 100% -195px;
  1078. }
  1079.  
  1080. .argback a:hover {
  1081. background-position: 0 -234px;
  1082. }
  1083.  
  1084. .argback a:hover b {
  1085. background-position: 100% -273px;
  1086. }
  1087.  
  1088. .argcoms, .argedit a {
  1089. padding: 0 20px 0 10px;
  1090. line-height: 29px;
  1091. font-size: 0.9em;
  1092. float: left;
  1093. height: 30px;
  1094. background: url("../images/argcoms.png") no-repeat 100% 0;
  1095. }
  1096.  
  1097. .argcoms {
  1098. color: #6c838e;
  1099. }
  1100.  
  1101. /*---Наш сайт рекомендует:---*/
  1102. .related {
  1103. padding-right: 120px;
  1104. position: relative;
  1105. border-top: 1px solid #bbbec0;
  1106. }
  1107.  
  1108. .related h4.btl span {
  1109. color: #32373d;
  1110. }
  1111.  
  1112. .frbtns {
  1113. width: 106px;
  1114. height: 46px;
  1115. position: absolute;
  1116. right: 16px;
  1117. bottom: -7px;
  1118. }
  1119.  
  1120. .frbtns img {
  1121. float: right;
  1122. margin-left: 4px;
  1123. }
  1124.  
  1125. img.printlink {
  1126. background: url("../dleimages/printlink.png") no-repeat;
  1127. width: 49px;
  1128. height: 46px;
  1129. }
  1130.  
  1131. a:hover img.printlink {
  1132. background-position: 0 -46px;
  1133. }
  1134.  
  1135. /*---Вывод ошибок---*/
  1136. .berrors {
  1137. padding-left: 12px;
  1138. background: #d7133b url("../images/berrors1.png") repeat-y;
  1139. }
  1140.  
  1141. .berrors .berrors {
  1142. color: #d7133b;
  1143. padding: 10px 13px;
  1144. background: #f2d9de url("../images/berrors.png");
  1145. }
  1146.  
  1147. .berrors a {
  1148. color: #d7133b;
  1149. }
  1150.  
  1151. /*---Вкладки---*/
  1152. .tabmenu {
  1153. height: 32px;
  1154. border-bottom: 3px solid #7e8489;
  1155. margin-bottom: 13px;
  1156. }
  1157.  
  1158. .tabmenu li {
  1159. float: left;
  1160. }
  1161.  
  1162. .tabmenu a {
  1163. padding: 0 13px;
  1164. text-decoration: none;
  1165. background-color: #e0e4e7;
  1166. float: left;
  1167. height: 30px;
  1168. line-height: 30px;
  1169. margin: 2px 2px 0 0;
  1170. }
  1171.  
  1172. .tabmenu a:hover {
  1173. background-color: #f1f3f5;
  1174. }
  1175.  
  1176. .tabmenu a.selected {
  1177. padding-bottom: 6px;
  1178. position: relative;
  1179. color: #fff;
  1180. background: #7e8489 url("../images/tabarrow.png") no-repeat 50% 100%;
  1181. height: 35px;
  1182. line-height: 35px;
  1183. margin: 0 2px 0 0;
  1184. }
  1185.  
  1186. .tabcont {
  1187. display: none;
  1188. }
  1189.  
  1190. /*---Заголовок страниц---*/
  1191. .heading {
  1192. font-size: 1.4em;
  1193. line-height: normal;
  1194. color: #d51e44;
  1195. margin-bottom: 10px;
  1196. }
  1197.  
  1198. /*---Комментарии---*/
  1199. .bcomment {
  1200. padding-left: 113px;
  1201. margin-bottom: 20px;
  1202. }
  1203.  
  1204. .bcomment .lcol {
  1205. position: relative;
  1206. color: #7b878d;
  1207. margin-left: -113px;
  1208. padding-right: 13px;
  1209. width: 100px;
  1210. }
  1211.  
  1212. .bcomment .lcol .arcom {
  1213. position: absolute;
  1214. top: 41px;
  1215. right: 0;
  1216. width: 9px;
  1217. padding-top: 16px;
  1218. background: url("../images/arcom.png");
  1219. }
  1220.  
  1221. .bcomment .lcol h5, .bcomment .lcol h5 a {
  1222. color: #d8183f;
  1223. }
  1224.  
  1225. .bcomment .lcol p {
  1226. font-size: 0.85em;
  1227. }
  1228.  
  1229. .bcomment .lcol .avatar {
  1230. padding: 4px;
  1231. border: 1px solid #dce0e2;
  1232. width: 90px;
  1233. overflow: hidden;
  1234. margin-bottom: 0.8em;
  1235. }
  1236.  
  1237. .bcomment .lcol .avatar img {
  1238. width: 90px;
  1239. display: block;
  1240. }
  1241.  
  1242. .bcomment .rcol {
  1243. min-height: 90px;
  1244. background: #eaeef0 url("../images/combox.png") repeat-x 0 100%;
  1245. width: 100%;
  1246. }
  1247.  
  1248. .combox {
  1249. margin: 0 13px;
  1250. padding: 13px 0;
  1251. }
  1252.  
  1253. .combox .infbtn {
  1254. margin: 0 0 8px 13px;
  1255. }
  1256.  
  1257. .comedit {
  1258. padding-top: 13px;
  1259. color: #7a94a0;
  1260. }
  1261.  
  1262. .comedit .arg a {
  1263. margin-right: 10px;
  1264. font-size: 0.9em;
  1265. height: 26px;
  1266. line-height: 26px;
  1267. float: left;
  1268. color: #6b7c8a;
  1269. }
  1270.  
  1271. .selectmass {
  1272. display: inline;
  1273. }
  1274.  
  1275. .selectmass input {
  1276. float: right;
  1277. margin-top: 10px;
  1278. }
  1279.  
  1280. .argreply a, .argreply a b {
  1281. float: left;
  1282. height: 26px;
  1283. background: url("../images/argreply.png") no-repeat;
  1284. }
  1285.  
  1286. .argreply a {
  1287. margin-right: 10px;
  1288. line-height: 26px;
  1289. text-decoration: none;
  1290. text-shadow: 0 1px 0 #fff;
  1291. color: #d51e44;
  1292. font-size: 1.1em;
  1293. }
  1294.  
  1295. .argreply a b {
  1296. background-position: 100% -26px;
  1297. padding: 0 20px 0 10px;
  1298. }
  1299.  
  1300. .argreply a:hover {
  1301. background-position: 0 -52px;
  1302. }
  1303.  
  1304. .argreply a:hover b {
  1305. background-position: 100% -78px;
  1306. }
  1307.  
  1308. .signature {
  1309. color: #7a94a0;
  1310. }
  1311.  
  1312. /*---forms---*/
  1313. .brdform {
  1314. padding: 3px;
  1315. border: 1px solid #dce0e2;
  1316. }
  1317.  
  1318. .baseform, .mass_comments_action {
  1319. padding: 1px;
  1320. background-color: #f0f2f4;
  1321. }
  1322.  
  1323. .mass_comments_action {
  1324. padding: 10px 13px;
  1325. }
  1326.  
  1327. .baseform .dcont {
  1328. padding: 13px 0;
  1329. margin: 0 13px;
  1330. }
  1331.  
  1332. .baseform .dcont .heading {
  1333. margin: 0;
  1334. }
  1335.  
  1336. .tableform {
  1337. width: 100%;
  1338. }
  1339.  
  1340. .tableform td {
  1341. ;
  1342. }
  1343.  
  1344. .tableform td.label {
  1345. width: 20%;
  1346. vertical-align: top;
  1347. padding-right: 0;
  1348. font-weight: bold;
  1349. }
  1350.  
  1351. .fieldsubmit, .tableform td {
  1352. padding: 10px 13px;
  1353. border-top: 1px solid #fff;
  1354. }
  1355.  
  1356. .addnews {
  1357. font-weight: bold;
  1358. }
  1359.  
  1360. .impot {
  1361. color: #d51e44;
  1362. font-weight: normal;
  1363. }
  1364.  
  1365. .checkbox {
  1366. padding: 4px 0;
  1367. line-height: 1em;
  1368. }
  1369.  
  1370. .checkbox input {
  1371. margin-top: -2px;
  1372. vertical-align: middle;
  1373. }
  1374.  
  1375. .f_input {
  1376. width: 300px;
  1377. padding: 1px;
  1378. }
  1379.  
  1380. .f_textarea {
  1381. width: 458px;
  1382. }
  1383.  
  1384. .fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input {
  1385. padding: 2px;
  1386. background: #fff url("../images/fields.png") repeat-x;
  1387. border: 1px solid #bcc0c2;
  1388. }
  1389.  
  1390. .f_textarea, .editor_button select {
  1391. padding: 0;
  1392. }
  1393.  
  1394. .textin {
  1395. padding: 2px;
  1396. }
  1397.  
  1398. /*---search---*/
  1399. .searchstyle {
  1400. width: 480px;
  1401. }
  1402.  
  1403. .search {
  1404. font-size: 11px;
  1405. }
  1406.  
  1407. .searchtable fieldset legend {
  1408. color: #404040;
  1409. }
  1410.  
  1411. .searchitem {
  1412. font-size: 0.9em;
  1413. border-top: 1px solid #dbe8ed;
  1414. padding: 10px 0;
  1415. }
  1416.  
  1417. #searchuser, #searchinput {
  1418. width: 90% !important;
  1419. }
  1420.  
  1421. /*---Userinfo---*/
  1422. .userinfo {
  1423. padding-left: 125px;
  1424. }
  1425.  
  1426. .rateui {
  1427. width: 85px;
  1428. height: 17px;
  1429. margin: 0 auto;
  1430. padding-top: 4px;
  1431. }
  1432.  
  1433. .userinfo .lcol {
  1434. margin-left: -125px;
  1435. width: 110px;
  1436. padding-right: 15px;
  1437. }
  1438.  
  1439. .userinfo .lcol .avatar {
  1440. margin-bottom: 10px;
  1441. padding: 4px;
  1442. background-color: #fff;
  1443. border: 1px solid #c0d4de;
  1444. }
  1445.  
  1446. .userinfo .lcol .avatar img {
  1447. width: 100px;
  1448. }
  1449.  
  1450. .userinfo .lcol ul {
  1451. font-size: 0.9em;
  1452. }
  1453.  
  1454. .userinfo .rcol {
  1455. width: 100%;
  1456. }
  1457.  
  1458. .userinfo .rcol ul {
  1459. list-style: none;
  1460. margin-left: 0;
  1461. }
  1462.  
  1463. .userinfo .rcol ul li {
  1464. margin-bottom: 0.2em;
  1465. }
  1466.  
  1467. .ussep {
  1468. padding-top: 12px;
  1469. background: url("../images/ussep.png") no-repeat;
  1470. }
  1471.  
  1472. /*---statistics---*/
  1473. .statistics {
  1474. overflow: hidden;
  1475. margin: 0;
  1476. padding: 0;
  1477. }
  1478.  
  1479. .statistics ul.lcol {
  1480. min-height: 71px;
  1481. margin: 0 0 20px -1px;
  1482. width: 33.3%;
  1483. }
  1484.  
  1485. .statistics ul.lcol li {
  1486. padding: 0 15px 0 0;
  1487. margin-bottom: 2px;
  1488. }
  1489.  
  1490. /*---Постраничная навигация---*/
  1491. .storenumber {
  1492. font-weight: bold;
  1493. }
  1494.  
  1495. .basenavi {
  1496. border-bottom: 2px solid #f5f5f5;
  1497. }
  1498.  
  1499. .basenavi, .bnnavi, .navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {
  1500. float: left;
  1501. }
  1502.  
  1503. .bnnavi {
  1504. border: 1px solid #bcc5c9;
  1505. height: 32px;
  1506. background: #fff url("../images/fbutton.png") repeat-x 0 100%;
  1507. }
  1508.  
  1509. .navigation a {
  1510. text-decoration: none;
  1511. }
  1512.  
  1513. .navigation a, .navigation span {
  1514. background: url("../images/basenavi.png") no-repeat;
  1515. border-right: 1px solid #e0e3e4;
  1516. font-weight: bold;
  1517. padding: 0 8px;
  1518. height: 32px;
  1519. line-height: 32px;
  1520. }
  1521.  
  1522. .navigation a, .navigation span.nav_ext {
  1523. color: #2e363a;
  1524. }
  1525.  
  1526. .navigation a:hover {
  1527. color: #db143d;
  1528. }
  1529.  
  1530. .navigation span {
  1531. background-color: #db143d;
  1532. background-position: 0 -32px;
  1533. color: #fff;
  1534. }
  1535.  
  1536. .nextprev .thide, .toptop {
  1537. width: 32px;
  1538. padding-top: 32px;
  1539. background: url("../images/basenavi.png") no-repeat;
  1540. }
  1541.  
  1542. .nextprev a span {
  1543. cursor: pointer;
  1544. }
  1545.  
  1546. .nextprev span .pnext {
  1547. background-position: -32px -64px;
  1548. }
  1549.  
  1550. .nextprev a .pnext {
  1551. background-position: -32px -96px;
  1552. }
  1553.  
  1554. .nextprev span .pprev {
  1555. background-position: 0 -64px;
  1556. }
  1557.  
  1558. .nextprev a .pprev {
  1559. background-position: 0 -96px;
  1560. }
  1561.  
  1562. .pm_status {
  1563. float:left;
  1564. border: 1px solid #d8d8d8;
  1565. padding: 0px;
  1566. background-color: #fff;
  1567. width: 300px;
  1568. height: 100px;
  1569. margin-left: 20px;
  1570. margin-right: 5px;
  1571. }
  1572.  
  1573. .pm_status_head {
  1574. border-bottom: 1px solid #d8d8d8;
  1575. font-size: 0.9em;
  1576. background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
  1577. height: 22px;
  1578. padding: 0;
  1579. font-weight: bold;
  1580. text-align: center;
  1581. color: #4e4e4e;
  1582. }
  1583.  
  1584. .pm_status_content {
  1585. padding: 5px;
  1586. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement