Advertisement
Guest User

brutalitysite

a guest
Dec 15th, 2019
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.98 KB | None | 0 0
  1. body {
  2. background: #272726;
  3. color: #272726;
  4. text-align: center;
  5. line-height: 1.4;
  6. margin: 0;
  7. overflow-y: scroll;
  8.  
  9. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  10. font-size: 13px;
  11. }
  12.  
  13. a:link {
  14. color: #fff;
  15. text-decoration: none;
  16. }
  17.  
  18. a:visited {
  19. color: #fff;
  20. text-decoration: none;
  21. }
  22.  
  23. a:hover,
  24. a:active {
  25. color: #fff;
  26. text-decoration: none;
  27. }
  28.  
  29. #container {
  30. color: #333;
  31. text-align: left;
  32. line-height: 1.4;
  33. margin: 0;
  34. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  35. font-size: 13px;
  36. min-width: 990px;
  37. }
  38.  
  39. .wrapper {
  40. width: 85%;
  41. min-width: 970px;
  42. max-width: 1500px;
  43. margin: auto auto;
  44. }
  45.  
  46. #logo {
  47. background: url(http://i.imgur.com/JiD9Zni.png);
  48. padding: 10px 0;
  49. }
  50.  
  51. #content {
  52. width: auto !important;
  53. padding: 20px 10px;
  54. overflow: hidden;
  55. }
  56.  
  57. #header ul.menu {
  58. margin: 0;
  59. padding: 0;
  60. list-style: none;
  61. }
  62.  
  63. #header ul.menu li {
  64. margin: 0 7px;
  65. display: inline;
  66. }
  67.  
  68. #header ul.menu li a {
  69. background-repeat: no-repeat;
  70. display: inline-block;
  71. line-height: 16px;
  72. }
  73.  
  74. #logo ul.top_links {
  75. font-weight: bold;
  76. text-align: right;
  77. margin: -10px 5px 0 0;
  78. }
  79.  
  80. #logo ul.top_links a.search {
  81. background-position: 0 0;
  82. }
  83.  
  84. #logo ul.top_links a.memberlist {
  85. background-position: 0 -20px;
  86. }
  87.  
  88. #logo ul.top_links a.calendar {
  89. background-position: 0 -40px;
  90. }
  91.  
  92. #logo ul.top_links a.help {
  93. background-position: 0 -60px;
  94. }
  95.  
  96. #logo ul.top_links a.portal {
  97. background-position: 0 -180px;
  98. }
  99.  
  100. #panel .upper a.logout {
  101. font-weight: bold;
  102. background: url(images/headerlinks_sprite.png) right -80px no-repeat;
  103. padding-right: 20px;
  104. margin-left: 10px;
  105. }
  106.  
  107. #panel .upper a.login,
  108. #panel .upper a.lost_password {
  109. background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
  110. padding-left: 20px;
  111. margin-left: 10px;
  112. font-weight: bold;
  113. }
  114.  
  115. #panel .upper a.register {
  116. background: url(images/headerlinks_sprite.png) right -80px no-repeat;
  117. padding-right: 20px;
  118. margin-left: 10px;
  119. font-weight: bold;
  120. }
  121.  
  122. #panel .lower ul.panel_links {
  123. float: left;
  124. }
  125.  
  126. #panel .lower ul.panel_links a.usercp {
  127. background-position: 0 -120px;
  128. }
  129.  
  130. #panel .lower ul.panel_links a.modcp {
  131. background-position: 0 -140px;
  132. }
  133.  
  134. #panel .lower ul.panel_links a.admincp {
  135. background-position: 0 -160px;
  136. }
  137.  
  138. #panel .lower ul.user_links {
  139. float: right;
  140. }
  141.  
  142. #panel .lower ul.user_links li a {
  143. padding: 0;
  144. background-image: none;
  145. }
  146.  
  147. #panel .middle {
  148. background: #3a3838;
  149. color: #fff;
  150. border-top: 1px solid #737272;
  151. border-bottom: 1px solid #000;
  152. padding: 7px;
  153. clear: both;
  154. }
  155.  
  156. #panel .middle a:link,
  157. #panel .middle a:visited,
  158. #panel .middle a:hover,
  159. #panel .middle a:active {
  160. color: #fff;
  161. }
  162.  
  163. #panel .upper {
  164. background: #444;
  165. color: #fff;
  166. padding: 7px;
  167. clear: both;
  168. }
  169.  
  170. #panel .upper a:link,
  171. #panel .upper a:visited,
  172. #panel .upper a:hover,
  173. #panel .upper a:active {
  174. color: #fff;
  175. }
  176.  
  177. #panel .lower {
  178. background: #505050;
  179. color: #b7b7b7;
  180. padding: 5px;
  181. }
  182.  
  183. #panel .lower a:link,
  184. #panel .lower a:visited,
  185. #panel .lower a:hover,
  186. #panel .lower a:active {
  187. color: #fff;
  188. }
  189.  
  190. #search {
  191. border: 0;
  192. padding: 0;
  193. margin: 0;
  194. float: right;
  195. vertical-align: middle;
  196. }
  197.  
  198. #search input.button,
  199. #search input.textbox {
  200. border-color: #000;
  201. }
  202.  
  203. #search input.button {
  204. background: #0066a2 url(images/thead.png) top left repeat-x;
  205. color: #fff;
  206. }
  207.  
  208. #search input {
  209. margin: -3px 0;
  210. }
  211.  
  212. #quick_login .remember_me input {
  213. vertical-align: middle;
  214. margin: -3px 0 0 5px;
  215. }
  216.  
  217. #footer {
  218. clear: both;
  219. }
  220.  
  221. #footer ul.menu {
  222. margin: 0;
  223. padding: 0;
  224. list-style: none;
  225. }
  226.  
  227. #footer ul.menu li {
  228. margin: 0 5px;
  229. display: inline;
  230. }
  231.  
  232. #footer .upper {
  233. background: #efefef;
  234. border-top: 1px solid #bbb;
  235. border-bottom: 1px solid #bbb;
  236. padding: 6px;
  237. font-size: 12px;
  238. overflow: hidden;
  239. }
  240.  
  241. #footer a:link,
  242. #footer a:visited,
  243. #footer a:hover,
  244. #footer a:active {
  245. color: #777;
  246. }
  247.  
  248. #footer .upper .language {
  249. float: right;
  250. margin: -1px;
  251. margin-left: 15px;
  252. }
  253.  
  254. #footer .upper .language select {
  255. border-color: #ccc;
  256. }
  257.  
  258. #footer .upper .theme {
  259. float: right;
  260. margin: -1px;
  261. margin-left: 15px;
  262. }
  263.  
  264. #footer .upper .theme select {
  265. border-color: #ccc;
  266. }
  267.  
  268. #footer .upper ul.bottom_links {
  269. float: left;
  270. margin: 4px 0 0 0;
  271. }
  272.  
  273. #footer .lower {
  274. color: #666;
  275. padding: 6px 6px 12px 6px;
  276. overflow: hidden;
  277. font-size: 11px;
  278. }
  279.  
  280. #footer .lower a:link,
  281. #footer .lower a:visited {
  282. color: #444;
  283. font-weight: bold;
  284. }
  285.  
  286. #footer .lower a:hover,
  287. #footer .lower a:active {
  288. color: #333;
  289. text-decoration: none;
  290. font-weight: bold;
  291. }
  292.  
  293. #footer .lower #current_time {
  294. float: right;
  295. color: #888;
  296. }
  297.  
  298. #debug {
  299. float: right;
  300. text-align: right;
  301. margin-top: 20px;
  302. font-size: 11px;
  303. }
  304.  
  305. .scaleimages img {
  306. max-width: 100%;
  307. }
  308.  
  309. .forum_status {
  310. height: 50px;
  311. width: 50px;
  312. font-size: 30px;
  313. text-align: center;
  314. }
  315.  
  316. .forum_status i {
  317. display: inline-block;
  318. line-height: 50px;
  319. }
  320.  
  321. .forum_on {
  322. color: #96ead7;
  323. }
  324.  
  325. .forum_off, .forum_offlock, .forum_offlink {
  326. color: #cacaca;
  327. }
  328.  
  329. .forum_off i {
  330. opacity: .4;
  331. }
  332.  
  333. .forum_offlock i:before {
  334. content: "\f023";
  335. }
  336.  
  337. .forum_offlink i:before {
  338. content: "\f0c1";
  339. }
  340.  
  341. .subforumicon {
  342. height: 10px;
  343. width: 10px;
  344. display: inline-block;
  345. margin: 0 5px;
  346. }
  347.  
  348. .subforum_minion {
  349. color: #cacaca;
  350. }
  351.  
  352. .subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
  353. color: #cacaca;
  354. }
  355.  
  356. .subforum_minioff {
  357. opacity: .4;
  358. }
  359.  
  360. .subforum_miniofflock i:before {
  361. content: "\f023";
  362. }
  363.  
  364. .subforum_miniofflink i:before {
  365. content: "\f0c1";
  366. }
  367.  
  368. table {
  369. color: #fff;
  370. font-size: 13px;
  371. }
  372.  
  373. .tborder {
  374. border: #17687c;
  375. padding: 1px;
  376. }
  377.  
  378. .tfixed {
  379. table-layout: fixed;
  380. word-wrap: break-word;
  381. }
  382.  
  383. .thead {
  384. background: #252525;
  385. color: #ffffff;
  386. border-bottom: 3px solid #8eaf26;
  387. padding: 8px;
  388. }
  389.  
  390. .thead a:link {
  391. color: #ffffff;
  392. text-decoration: none;
  393. }
  394.  
  395. .thead a:visited {
  396. color: #ffffff;
  397. text-decoration: none;
  398. }
  399.  
  400. .thead a:hover,
  401. .thead a:active {
  402. color: #ffffff;
  403. text-decoration: none;
  404. }
  405.  
  406. .tcat {
  407. background: #444;
  408. color: #fff;
  409. padding: 6px;
  410. font-size: 12px;
  411. }
  412.  
  413. .tcat a:link {
  414. color: #fff;
  415. }
  416.  
  417. .tcat a:visited {
  418. color: #fff;
  419. }
  420.  
  421. .tcat a:hover,
  422. .tcat a:active {
  423. color: #fff;
  424. }
  425.  
  426. .trow1 {
  427. background: #272726;
  428. border-bottom: 1px solid #272726;
  429. }
  430.  
  431. .trow2 {
  432. background: #272726;
  433. border-bottom: 1px solid #272726;
  434. }
  435.  
  436. .trow_shaded {
  437. background: #ffdde0;
  438. border: 1px solid;
  439. border-color: #fff #ffb8be #ffb8be #fff;
  440. }
  441.  
  442. .no_bottom_border {
  443. border-bottom: 0;
  444. }
  445.  
  446. .post.unapproved_post {
  447. background: #ffdde0;
  448. }
  449.  
  450. .post.unapproved_post .post_author {
  451. border-bottom-color: #ffb8be;
  452. }
  453.  
  454. .post.classic.unapproved_post .post_author {
  455. border-color: #ffb8be;
  456. }
  457.  
  458. .post.unapproved_post .post_controls {
  459. border-top-color: #ffb8be;
  460. }
  461.  
  462. .trow_deleted,
  463. .post.deleted_post {
  464. background: #E8DEFF;
  465. }
  466.  
  467. .trow_selected,
  468. tr.trow_selected td {
  469. background: #FFFBD9;
  470. color: #333;
  471. border-right-color: #F7E86A;
  472. border-bottom-color: #F7E86A;
  473. }
  474.  
  475. .trow_selected a:link,
  476. .trow_selected a:visited,
  477. .trow_selected a:hover,
  478. .trow_selected a:active {
  479. color: #333;
  480. }
  481.  
  482. .trow_sep {
  483. background: #ddd;
  484. color: #333;
  485. border-bottom: 1px solid #c5c5c5;
  486. padding: 6px;
  487. font-size: 12px;
  488. font-weight: bold;
  489. }
  490.  
  491. .tfoot {
  492. padding: 6px;
  493. background: #444;
  494. color: #fff;
  495. }
  496.  
  497. .tfoot a:link {
  498. color: #fff;
  499. text-decoration: none;
  500. }
  501.  
  502. .tfoot a:visited {
  503. color: #fff;
  504. text-decoration: none;
  505. }
  506.  
  507. .tfoot a:hover,
  508. .tfoot a:active {
  509. color: #444;
  510. text-decoration: none;
  511. }
  512.  
  513. .thead input.textbox,
  514. .thead select {
  515. border: 1px solid #263c30;
  516. }
  517.  
  518. .bottommenu {
  519. background: #efefef;
  520. color: #333;
  521. border: 1px solid #4874a3;
  522. padding: 10px;
  523. }
  524.  
  525. .navigation {
  526. color: #333;
  527. font-size: 12px;
  528. }
  529.  
  530. .navigation a:link {
  531. text-decoration: none;
  532. }
  533.  
  534. .navigation a:visited {
  535. text-decoration: none;
  536. }
  537.  
  538. .navigation a:hover,
  539. .navigation a:active {
  540. text-decoration: none;
  541. }
  542.  
  543. .navigation .active {
  544. color: #333;
  545. font-size: small;
  546. font-weight: bold;
  547. }
  548.  
  549. .smalltext {
  550. font-size: 11px;
  551. color: #fff;
  552. }
  553.  
  554. .largetext {
  555. font-size: 16px;
  556. font-weight: bold;
  557. }
  558.  
  559. fieldset {
  560. padding: 12px;
  561. border: 1px solid #96ead7;
  562. margin: 0;
  563. }
  564.  
  565. fieldset.trow1,
  566. fieldset.trow2 {
  567. border-color: #bbb;
  568. }
  569.  
  570. fieldset.align_right {
  571. text-align: right;
  572. }
  573.  
  574. input.textbox {
  575. background: #ffffff;
  576. color: #333;
  577. border: 1px solid #ccc;
  578. padding: 3px;
  579. outline: 0;
  580. font-size: 13px;
  581. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  582. }
  583.  
  584. textarea {
  585. background: #ffffff;
  586. color: #333;
  587. border: 1px solid #ccc;
  588. padding: 2px;
  589. line-height: 1.4;
  590. outline: 0;
  591. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  592. font-size: 13px;
  593. }
  594.  
  595. select {
  596. background: #ffffff;
  597. padding: 3px;
  598. border: 1px solid #ccc;
  599. outline: 0;
  600. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  601. font-size: 13px;
  602. }
  603.  
  604. button,
  605. input.button {
  606. padding: 3px 8px;
  607. cursor: pointer;
  608. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  609. font-size: 13px;
  610. background: #eee url(images/buttons_bg.png) repeat-x;
  611. border: 1px solid #bbb;
  612. color: #333;
  613. outline: 0;
  614. }
  615.  
  616. button:hover,
  617. input.button:hover {
  618. border-color: #aaa;
  619. }
  620.  
  621. form {
  622. margin: 0;
  623. padding: 0;
  624. }
  625.  
  626. input.error, textarea.error, select.error {
  627. border: 1px solid #f30;
  628. color: #f30;
  629. }
  630.  
  631. input.valid, textarea.valid, select.valid {
  632. border: 1px solid #0c0;
  633. }
  634.  
  635. label.error {
  636. color: #f30;
  637. margin: 5px;
  638. padding: 0px;
  639. display: block;
  640. font-weight: bold;
  641. font-size: 11px;
  642. }
  643.  
  644. form #message {
  645. width: 500px;
  646. }
  647.  
  648. .editor {
  649. background: #f1f1f1;
  650. border: 1px solid #ccc;
  651. }
  652.  
  653. .editor_control_bar {
  654. background: #fff;
  655. border: 1px solid #ccc;
  656. }
  657.  
  658. .post .editor_control_bar {
  659. background: #f5f5f5;
  660. }
  661.  
  662. .popup_menu {
  663. background: #fff;
  664. border: 1px solid #ccc;
  665. }
  666.  
  667. .popup_menu .popup_item {
  668. background: #efefef;
  669. color: #333;
  670. }
  671.  
  672. .popup_menu .popup_item:hover {
  673. background: #0072BC;
  674. color: #fff;
  675. }
  676.  
  677. .trow_reputation_positive {
  678. background: #333;
  679. }
  680.  
  681. .trow_reputation_negative {
  682. background: #ffcccc;
  683. }
  684.  
  685. .reputation_positive {
  686. color: #00de00;
  687. }
  688.  
  689. .reputation_neutral {
  690. color: #bfbfbf;
  691. }
  692.  
  693. .reputation_negative {
  694. color: red;
  695. }
  696.  
  697. .repbox {
  698. font-size:16px;
  699. font-weight: bold;
  700. padding:5px 7px 5px 7px;
  701. }
  702.  
  703. ._neutral {
  704. background-color:#FAFAFA;
  705. color: #999999;
  706. border:1px solid #CCCCCC;
  707. }
  708.  
  709. ._minus {
  710. background-color: #FDD2D1;
  711. color: #CB0200;
  712. border:1px solid #980201;
  713. }
  714.  
  715. ._plus {
  716. background-color:#E8FCDC;
  717. color: #008800;
  718. border:1px solid #008800;
  719. }
  720.  
  721. img {
  722. border: none;
  723. }
  724.  
  725. img.attachment {
  726. border: 1px solid #E9E5D7;
  727. padding: 2px;
  728. }
  729.  
  730. hr {
  731. border: 1px solid #333;
  732.  
  733. width: 103%;
  734.  
  735. margin-left: -11px;
  736. }
  737.  
  738. .clear {
  739. clear: both;
  740. }
  741.  
  742. .float_left {
  743. float: left;
  744. }
  745.  
  746. .float_right {
  747. float: right;
  748. }
  749.  
  750. .hidden {
  751. display: none;
  752. float: none;
  753. width: 1%;
  754. }
  755.  
  756. .hiddenrow {
  757. display: none;
  758. }
  759.  
  760. .selectall {
  761. background: #FFFBD9;
  762. border-bottom: 1px solid #F7E86A;
  763. color: #333;
  764. text-align: center;
  765. }
  766.  
  767. .expcolimage {
  768. float: right;
  769. width: auto;
  770. vertical-align: middle;
  771. margin-top: 3px;
  772. }
  773.  
  774. .tcat_menu > .expcolimage {
  775. margin-top: 0;
  776. }
  777.  
  778. blockquote {
  779. border: 1px solid #ccc;
  780. margin: 0;
  781. background: #333;
  782. padding: 10px;
  783. }
  784.  
  785. blockquote cite {
  786. font-weight: bold;
  787. border-bottom: 1px solid #ccc;
  788. font-style: normal;
  789. display: block;
  790. padding-bottom: 3px;
  791. margin: 0 0 10px 0;
  792. }
  793.  
  794. blockquote cite span {
  795. float: right;
  796. font-weight: normal;
  797. font-size: 12px;
  798. color: #666;
  799. }
  800.  
  801. blockquote cite span.highlight {
  802. float: none;
  803. font-weight: bold;
  804. padding-bottom: 0;
  805. }
  806.  
  807. .codeblock {
  808. background: #fff;
  809. border: 1px solid #ccc;
  810. padding: 10px;
  811. }
  812.  
  813. .codeblock .title {
  814. border-bottom: 1px solid #ccc;
  815. font-weight: bold;
  816. padding-bottom: 3px;
  817. margin: 0 0 10px 0;
  818. }
  819.  
  820. .codeblock code {
  821. overflow: auto;
  822. height: auto;
  823. max-height: 200px;
  824. display: block;
  825. font-family: Monaco, Consolas, Courier, monospace;
  826. font-size: 13px;
  827. }
  828.  
  829. .smilie {
  830. vertical-align: middle;
  831. }
  832.  
  833. .smilie_pointer {
  834. cursor: pointer;
  835. }
  836.  
  837. .separator {
  838. margin: 5px;
  839. padding: 0;
  840. height: 0px;
  841. font-size: 1px;
  842. list-style-type: none;
  843. }
  844.  
  845. .popup_menu .popup_item_container {
  846. margin: 1px;
  847. text-align: left;
  848. }
  849.  
  850. .popup_menu .popup_item {
  851. display: block;
  852. padding: 4px;
  853. white-space: nowrap;
  854. text-decoration: none;
  855. }
  856.  
  857. .popup_menu a.popup_item:hover {
  858. text-decoration: none;
  859. }
  860.  
  861. .subject_new {
  862. font-weight: bold;
  863. }
  864.  
  865. .highlight {
  866. background: #FFFFCC;
  867. padding-top: 3px;
  868. padding-bottom: 3px;
  869. }
  870.  
  871. .pm_alert {
  872. background: #444444;
  873. border: 2px solid #96ead7;
  874. text-align: center;
  875. padding: 7px;
  876. color: #b7b7b7;
  877. font-size: 11px;
  878. }
  879.  
  880. .red_alert {
  881. background: #FBE3E4;
  882. border: 1px solid #A5161A;
  883. color: #A5161A;
  884. text-align: center;
  885. padding: 5px 20px;
  886. margin-bottom: 15px;
  887. font-size: 11px;
  888. word-wrap: break-word;
  889. }
  890.  
  891. .red_alert a:link,
  892. .red_alert a:visited,
  893. .red_alert a:hover,
  894. .red_alert a:active {
  895. color: #A5161A;
  896. }
  897.  
  898. .high_warning {
  899. color: #CC0000;
  900. }
  901.  
  902. .moderate_warning {
  903. color: #F3611B;
  904. }
  905.  
  906. .low_warning {
  907. color: #AE5700;
  908. }
  909.  
  910. .imminent_banned {
  911. color: #880000;
  912. }
  913.  
  914. .high_banned {
  915. color: #FF0000;
  916. }
  917.  
  918. .moderate_banned {
  919. color: #FF6600;
  920. }
  921.  
  922. .low_banned {
  923. color: #008000;
  924. }
  925.  
  926. .online {
  927. color: #15A018;
  928. }
  929.  
  930. .offline {
  931. color: #C7C7C7;
  932. }
  933.  
  934. div.error {
  935. padding: 5px 10px;
  936. border-top: 2px solid #FFD324;
  937. border-bottom: 2px solid #FFD324;
  938. background: #444444;
  939. font-size: 12px;
  940. }
  941.  
  942. div.error p {
  943. margin: 0;
  944. color: #333;
  945. font-weight: normal;
  946. }
  947.  
  948. div.error p em {
  949. font-style: normal;
  950. font-weight: bold;
  951. padding-left: 24px;
  952. display: block;
  953. color: #ef5d5d;
  954. background: url(images/error.png) no-repeat 0;
  955. }
  956.  
  957. div.error ul {
  958. margin-left: 24px;
  959. }
  960.  
  961. .pagination {
  962. font-size: 11px;
  963. padding-top: 10px;
  964. margin-bottom: 5px;
  965. }
  966.  
  967. .tfoot .pagination,
  968. .tcat .pagination {
  969. padding-top: 0;
  970. }
  971.  
  972. .pagination .pages {
  973. font-weight: bold;
  974. }
  975.  
  976. .pagination .pagination_current,
  977. .pagination a {
  978. padding: 3px 6px;
  979. margin-bottom: 3px;
  980. }
  981.  
  982. .pagination a {
  983. background: #f5f5f5;
  984. border: 1px solid #ccc;
  985. }
  986.  
  987. .pagination .pagination_current {
  988. background: none;
  989. color: #333;
  990. border: none;
  991. font-weight: bold;
  992. }
  993.  
  994. .pagination a:hover {
  995. background: #0072BC;
  996. color: #fff;
  997. border-color: #263c30;
  998. text-decoration: none;
  999. }
  1000.  
  1001. .pagination .go_page img {
  1002. margin-bottom: -4px;
  1003. }
  1004.  
  1005. .drop_go_page {
  1006. background: #f5f5f5;
  1007. padding: 4px;
  1008. }
  1009.  
  1010. .pagination_breadcrumb {
  1011. background-color: #efefef;
  1012. border: 1px solid #fff;
  1013. outline: 1px solid #ccc;
  1014. padding: 5px;
  1015. margin-top: 5px;
  1016. font-weight: normal;
  1017. }
  1018.  
  1019. .pagination_breadcrumb_link {
  1020. vertical-align: middle;
  1021. cursor: pointer;
  1022. }
  1023.  
  1024. .thread_legend,
  1025. .thread_legend dd {
  1026. margin: 0;
  1027. padding: 0;
  1028. }
  1029.  
  1030. .thread_legend dd {
  1031. padding-bottom: 4px;
  1032. margin-right: 15px;
  1033. }
  1034.  
  1035. .thread_legend img {
  1036. margin-right: 4px;
  1037. vertical-align: bottom;
  1038. }
  1039.  
  1040. .forum_legend,
  1041. .forum_legend dt,
  1042. .forum_legend dd {
  1043. margin: 0;
  1044. padding: 0;
  1045. }
  1046.  
  1047. .forum_legend dd {
  1048. float: left;
  1049. margin-right: 10px;
  1050. margin-top: 7px;
  1051. }
  1052.  
  1053. .forum_legend dt {
  1054. margin-right: 10px;
  1055. float: left;
  1056. }
  1057.  
  1058. .success_message {
  1059. color: #00b200;
  1060. font-weight: bold;
  1061. font-size: 10px;
  1062. margin-bottom: 10px;
  1063. }
  1064.  
  1065. .error_message {
  1066. color: #C00;
  1067. font-weight: bold;
  1068. font-size: 10px;
  1069. margin-bottom: 10px;
  1070. }
  1071.  
  1072. #posts_container {
  1073. padding: 0;
  1074. }
  1075.  
  1076. .ignored_post {
  1077. border-top: 3px solid #333;
  1078. padding: 15px;
  1079. }
  1080.  
  1081. .ignored_post .show_ignored_post {
  1082. margin-top: -15px;
  1083. }
  1084.  
  1085. .ignored_post .show_ignored_post a.button span {
  1086. background-position: 0 -400px;
  1087. }
  1088.  
  1089. .post {
  1090. overflow: hidden;
  1091. }
  1092.  
  1093. .post.classic {
  1094. padding-top: 15px;
  1095. }
  1096.  
  1097. .post .post_author {
  1098. padding: 5px;
  1099. overflow: hidden;
  1100. }
  1101.  
  1102. .post.classic .post_author {
  1103. float: left;
  1104. width: 10%;
  1105. margin: -15px 0% 0px 0;
  1106. border-left: 0;
  1107. padding: 5px 1%;
  1108. }
  1109.  
  1110. .post .post_author .buddy_status {
  1111. vertical-align: middle;
  1112. margin-top: -4px;
  1113. }
  1114.  
  1115. .post .post_author div.author_avatar {
  1116. float: left;
  1117. margin-right: 3px;
  1118. }
  1119.  
  1120. .post.classic .post_author div.author_avatar {
  1121. float: none;
  1122. text-align: center;
  1123. margin-bottom: 8px;
  1124. }
  1125.  
  1126. .post .post_author div.author_avatar img {
  1127. padding: 5px;
  1128. border: 1px solid #ddd;
  1129. background: #fff;
  1130. }
  1131.  
  1132. .post .post_author div.author_information {
  1133. float: left;
  1134. padding: 6px 8px;
  1135. }
  1136.  
  1137. .post.classic .post_author div.author_information {
  1138. float: none;
  1139. padding: 0;
  1140. text-align: center;
  1141. }
  1142.  
  1143. .post .post_author div.author_statistics {
  1144. float: right;
  1145. font-size: 11px;
  1146. padding: 3px 10px 3px 5px;
  1147. color: #fff;
  1148. line-height: 1.3;
  1149. }
  1150.  
  1151. .post.classic .post_author div.author_statistics {
  1152. border-top: 1px dotted #ccc;
  1153. margin: 6px 0 0 0;
  1154. padding: 6px 6px 3px 6px;
  1155. float: none;
  1156. }
  1157.  
  1158. .post .post_head {
  1159. font-size: 11px;
  1160. padding-bottom: 4px;
  1161. border-bottom: 1px dotted #ddd;
  1162. margin-bottom: 4px;
  1163. }
  1164.  
  1165. .post .post_head span.post_date {
  1166. color: #fff;
  1167. }
  1168.  
  1169. .post .post_head span.edited_post {
  1170. font-size: 10px;
  1171. color: #999;
  1172. }
  1173.  
  1174. .post .post_head span.edited_post a {
  1175. color: #666;
  1176. }
  1177.  
  1178. .post_body {
  1179. font-size: 14px;
  1180. padding: 12px 0;
  1181. }
  1182.  
  1183. .post.classic .post_content {
  1184. float: left;
  1185. width: 86%;
  1186. }
  1187.  
  1188. .post_content {
  1189. padding: 9px 10px 5px 10px;
  1190. background: #444;
  1191. border-left: 1px solid #333;
  1192. margin-top: -16px;
  1193. }
  1194.  
  1195. .post_content .signature {
  1196. margin-top: 5px;
  1197. border-top: 1px dotted #ddd;
  1198. padding: 10px 0 4px 0;
  1199. }
  1200.  
  1201. .post .post_meta {
  1202. margin: 4px 0;
  1203. font-size: 11px;
  1204. color: #fff;
  1205. }
  1206.  
  1207. .post .post_meta a:link,
  1208. .post .post_meta a:visited {
  1209. color: #fff;
  1210. }
  1211.  
  1212. .post .post_meta a:hover,
  1213. .post .post_meta a:active {
  1214. color: #FFE;
  1215. }
  1216.  
  1217. .post_controls {
  1218. clear: both;
  1219. background: #333333;
  1220. border-bottom: 1px solid #96ead7;
  1221. padding: 5px;
  1222. overflow: hidden;
  1223. }
  1224.  
  1225. .postbit_buttons > a:link,
  1226. .postbit_buttons > a:hover,
  1227. .postbit_buttons > a:visited,
  1228. .postbit_buttons > a:active {
  1229. display: inline-block;
  1230. padding: 2px 5px;
  1231. margin: 2px;
  1232. background: #4e4e4e;
  1233. font-size: 11px;
  1234. color: #fff;
  1235. border-radius: 5px;
  1236. }
  1237.  
  1238. .postbit_buttons > a:hover {
  1239. border-color: #bbb;
  1240. }
  1241.  
  1242. .postbit_buttons a span {
  1243. display: inline-block;
  1244. height: 16px;
  1245. background-repeat: no-repeat;
  1246. padding: 3px;
  1247. }
  1248.  
  1249. a.button:link,
  1250. a.button:hover,
  1251. a.button:visited,
  1252. a.button:active {
  1253. background: #4e4e4e;
  1254. color: #fff;
  1255. display: inline-block;
  1256. padding: 4px 8px;
  1257. margin: 2px 2px 6px 2px;
  1258. font-size: 14px;
  1259. }
  1260.  
  1261. a.button.small_button {
  1262. font-size: 13px;
  1263. margin: 0;
  1264. padding: 3px 6px;
  1265. }
  1266.  
  1267. a.button span {
  1268. display: inline-block;
  1269. padding: 3px;
  1270. background-repeat: no-repeat;
  1271. }
  1272.  
  1273. a.button.new_thread_button span {
  1274. background-position: 0 -340px;
  1275. }
  1276.  
  1277. a.button.closed_button span {
  1278. background-position: 0 -380px;
  1279. }
  1280.  
  1281. a.button.rate_user_button span {
  1282. background-position: 0 -400px;
  1283. }
  1284.  
  1285. a.button.add_buddy_button span {
  1286. background-position: 0 -440px;
  1287. }
  1288.  
  1289. a.button.remove_buddy_button span {
  1290. background-position: 0 -480px;
  1291. }
  1292.  
  1293. a.button.add_ignore_button span {
  1294. background-position: 0 -460px;
  1295. }
  1296.  
  1297. a.button.remove_ignore_button span {
  1298. background-position: 0 -500px;
  1299. }
  1300.  
  1301. a.button.report_user_button span {
  1302. background-position: 0 -520px;
  1303. }
  1304.  
  1305. .quick_jump {
  1306. background: url(images/jump.png) no-repeat 0;
  1307. width: 13px;
  1308. height: 13px;
  1309. padding-left: 13px;
  1310. margin-top: -3px;
  1311. border: none;
  1312. }
  1313.  
  1314. .pollbar {
  1315. background: url(images/pollbar.png) top left repeat-x;
  1316. border: 1px solid #3f3f3f;
  1317. height: 10px;
  1318. }
  1319.  
  1320. .pollbar .percent {
  1321. display: none;
  1322. }
  1323.  
  1324. .posticons_label {
  1325. white-space: nowrap;
  1326. }
  1327.  
  1328. /** jGrowl Start **/
  1329.  
  1330. /** Special IE6 Style Positioning **/
  1331. .ie6 {
  1332. position: absolute;
  1333. }
  1334.  
  1335. .ie6.top-right {
  1336. right: auto;
  1337. bottom: auto;
  1338. left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1339. top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1340. }
  1341.  
  1342. .ie6.top-left {
  1343. left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1344. top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1345. }
  1346.  
  1347. .ie6.bottom-right {
  1348. left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1349. top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1350. }
  1351.  
  1352. .ie6.bottom-left {
  1353. left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1354. top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1355. }
  1356.  
  1357. .ie6.center {
  1358. left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1359. top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1360. width: 100%;
  1361. }
  1362.  
  1363. /** jGrowl Styling **/
  1364. .jGrowl {
  1365. z-index: 9999;
  1366. color: #ffffff;
  1367. font-size: 12px;
  1368. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1369. position: fixed;
  1370. }
  1371.  
  1372. .jGrowl.top-left {
  1373. left: 0px;
  1374. top: 0px;
  1375. }
  1376.  
  1377. .jGrowl.top-right {
  1378. right: 0px;
  1379. top: 0px;
  1380. }
  1381.  
  1382. .jGrowl.bottom-left {
  1383. left: 0px;
  1384. bottom: 0px;
  1385. }
  1386.  
  1387. .jGrowl.bottom-right {
  1388. right: 0px;
  1389. bottom: 0px;
  1390. }
  1391.  
  1392. .jGrowl.center {
  1393. top: 0px;
  1394. width: 50%;
  1395. left: 25%;
  1396. }
  1397.  
  1398. /** Cross Browser Styling **/
  1399.  
  1400. .jGrowl.center .jGrowl-notification,
  1401. .jGrowl.center .jGrowl-closer {
  1402. margin-left: auto;
  1403. margin-right: auto;
  1404. }
  1405.  
  1406. .jGrowl-notification {
  1407. background-color: transparent;
  1408. opacity: 0.9;
  1409. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  1410. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  1411. zoom: 1;
  1412. width: 250px;
  1413. padding: 10px;
  1414. margin: 10px;
  1415. text-align: left;
  1416. display: none;
  1417. -moz-border-radius: 5px;
  1418. -webkit-border-radius: 5px;
  1419. border-radius: 5px;
  1420. word-break: break-all;
  1421. }
  1422.  
  1423. .jGrowl .jGrowl-notification {
  1424. min-height: 40px;
  1425. }
  1426.  
  1427. .jGrowl-notification .ui-state-highlight,
  1428. .jGrowl-notification .ui-widget-content .ui-state-highlight,
  1429. .jGrowl-notification .ui-widget-header .ui-state-highlight {
  1430. border: 1px solid #000;
  1431. background: #000;
  1432. color: #fff;
  1433. }
  1434.  
  1435. .jGrowl-notification .jGrowl-header {
  1436. font-weight: bold;
  1437. font-size: .85em;
  1438. }
  1439.  
  1440. .jGrowl-notification .jGrowl-close {
  1441. background-color: transparent;
  1442. color: inherit;
  1443. border: none;
  1444. z-index: 99;
  1445. float: right;
  1446. font-weight: bold;
  1447. font-size: 1em;
  1448. cursor: pointer;
  1449. }
  1450.  
  1451. .jGrowl-closer {
  1452. background-color: #000000;
  1453. opacity: 0.9;
  1454. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  1455. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  1456. zoom: 1;
  1457. width: 250px;
  1458. padding: 10px;
  1459. margin: 10px;
  1460. text-align: left;
  1461. display: none;
  1462. border-radius: 5px;
  1463. word-break: break-all;
  1464. padding-top: 4px;
  1465. padding-bottom: 4px;
  1466. cursor: pointer;
  1467. font-size: .9em;
  1468. font-weight: bold;
  1469. text-align: center;
  1470. }
  1471.  
  1472. .jGrowl-closer .ui-state-highlight,
  1473. .jGrowl-closer .ui-widget-content .ui-state-highlight,
  1474. .jGrowl-closer .ui-widget-header .ui-state-highlight {
  1475. border: 1px solid #000;
  1476. background: #000;
  1477. color: #fff;
  1478. }
  1479.  
  1480. .jGrowl .jGrowl-notification.jgrowl_success {
  1481. background: lightgreen;
  1482. border: 1px solid lightgreen;
  1483. color: #333;
  1484. }
  1485.  
  1486. .jGrowl .jGrowl-notification.jgrowl_error {
  1487. background: red;
  1488. border: 1px solid red;
  1489. color: #333;
  1490. }
  1491.  
  1492. .jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
  1493. background: yellow;
  1494. border: 1px solid yellow;
  1495. color: #333;
  1496. }
  1497.  
  1498. /** Hide jGrowl when printing **/
  1499. @media print {
  1500. .jGrowl {
  1501. display: none;
  1502. }
  1503.  
  1504.  
  1505. }
  1506.  
  1507. /** jGrowl End **/
  1508.  
  1509. /** Modal Start **/
  1510.  
  1511. .modal {
  1512. display: none;
  1513. width: 400px;
  1514. text-align: left;
  1515. background: #fff;
  1516. -webkit-border-radius: 8px;
  1517. -moz-border-radius: 8px;
  1518. -o-border-radius: 8px;
  1519. -ms-border-radius: 8px;
  1520. border-radius: 8px;
  1521. -webkit-box-shadow: 0 0 10px #000;
  1522. -moz-box-shadow: 0 0 10px #000;
  1523. -o-box-shadow: 0 0 10px #000;
  1524. -ms-box-shadow: 0 0 10px #000;
  1525. box-shadow: 0 0 10px #000;
  1526. }
  1527.  
  1528. .modal a.close-modal {
  1529. position: absolute;
  1530. top: -12.5px;
  1531. right: -12.5px;
  1532. display: block;
  1533. width: 30px;
  1534. height: 30px;
  1535. text-indent: -9999px;
  1536. background: url(images/close.png) no-repeat 0 0;
  1537. }
  1538.  
  1539. .modal-spinner {
  1540. display: none;
  1541. width: 64px;
  1542. height: 64px;
  1543. position: fixed;
  1544. top: 50%;
  1545. left: 50%;
  1546. margin-right: -32px;
  1547. margin-top: -32px;
  1548. background: url(images/spinner_big.gif) no-repeat center center;
  1549. -webkit-border-radius: 8px;
  1550. -moz-border-radius: 8px;
  1551. -o-border-radius: 8px;
  1552. -ms-border-radius: 8px;
  1553. border-radius: 8px;
  1554. }
  1555.  
  1556. /** Modal End **/
  1557.  
  1558. /** Impromptu Start **/
  1559.  
  1560. /*! jQuery-Impromptu - v6.2.1 - 2015-05-10
  1561. * http://trentrichardson.com/Impromptu
  1562. * Copyright (c) 2015 Trent Richardson; Licensed MIT */
  1563.  
  1564. .jqifade{
  1565. position: absolute;
  1566. background-color: #777777;
  1567. }
  1568.  
  1569. iframe.jqifade{
  1570. display:block;
  1571. z-index:-1;
  1572. }
  1573.  
  1574. div.jqi{
  1575. width: 400px;
  1576. max-width:90%;
  1577. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  1578. position: absolute;
  1579. background-color: #ffffff;
  1580. font-size: 11px;
  1581. text-align: left;
  1582. border: solid 1px #eeeeee;
  1583. border-radius: 6px;
  1584. -moz-border-radius: 6px;
  1585. -webkit-border-radius: 6px;
  1586. padding: 7px;
  1587. }
  1588.  
  1589. div.jqi .jqicontainer{
  1590. }
  1591.  
  1592. div.jqi .jqiclose{
  1593. position: absolute;
  1594. top: 4px; right: -2px;
  1595. width: 18px;
  1596. cursor: default;
  1597. color: #bbbbbb;
  1598. font-weight: bold;
  1599. }
  1600.  
  1601. div.jqi .jqistate{
  1602. background-color: #fff;
  1603. }
  1604.  
  1605. div.jqi .jqititle{
  1606. padding: 5px 10px;
  1607. font-size: 16px;
  1608. line-height: 20px;
  1609. border-bottom: solid 1px #eeeeee;
  1610. }
  1611.  
  1612. div.jqi .jqimessage{
  1613. padding: 10px;
  1614. line-height: 20px;
  1615. color: #444444;
  1616. overflow: auto;
  1617. }
  1618.  
  1619. div.jqi .jqibuttonshide{
  1620. display: none;
  1621. }
  1622.  
  1623. div.jqi .jqibuttons{
  1624. text-align: right;
  1625. margin: 0 -7px -7px -7px;
  1626. border-top: solid 1px #e4e4e4;
  1627. background-color: #f4f4f4;
  1628. border-radius: 0 0 6px 6px;
  1629. -moz-border-radius: 0 0 6px 6px;
  1630. -webkit-border-radius: 0 0 6px 6px;
  1631. }
  1632.  
  1633. div.jqi .jqibuttons button{
  1634. margin: 0;
  1635. padding: 15px 20px;
  1636. background-color: transparent;
  1637. font-weight: normal;
  1638. border: none;
  1639. border-left: solid 1px #e4e4e4;
  1640. color: #777;
  1641. font-weight: bold;
  1642. font-size: 12px;
  1643. }
  1644.  
  1645. div.jqi .jqibuttons button.jqidefaultbutton{
  1646. color: #489afe;
  1647. }
  1648.  
  1649. div.jqi .jqibuttons button:hover,
  1650. div.jqi .jqibuttons button:focus{
  1651. color: #287ade;
  1652. outline: none;
  1653. }
  1654.  
  1655. div.jqi .jqibuttons button[disabled]{
  1656. color: #aaa;
  1657. }
  1658.  
  1659. .jqiwarning .jqi .jqibuttons{
  1660. background-color: #b95656;
  1661. }
  1662.  
  1663. /* sub states */
  1664. div.jqi .jqiparentstate::after{
  1665. background-color: #777;
  1666. opacity: 0.6;
  1667. filter: alpha(opacity=60);
  1668. content: '';
  1669. position: absolute;
  1670. top:0;left:0;bottom:0;right:0;
  1671. border-radius: 6px;
  1672. -moz-border-radius: 6px;
  1673. -webkit-border-radius: 6px;
  1674. }
  1675.  
  1676. div.jqi .jqisubstate{
  1677. position: absolute;
  1678. top:0;
  1679. left: 20%;
  1680. width: 60%;
  1681. padding: 7px;
  1682. border: solid 1px #eeeeee;
  1683. border-top: none;
  1684. border-radius: 0 0 6px 6px;
  1685. -moz-border-radius: 0 0 6px 6px;
  1686. -webkit-border-radius: 0 0 6px 6px;
  1687. }
  1688.  
  1689. div.jqi .jqisubstate .jqibuttons button{
  1690. padding: 10px 18px;
  1691. }
  1692.  
  1693. /* arrows for tooltips/tours */
  1694. .jqi .jqiarrow{
  1695. position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;
  1696. }
  1697.  
  1698. .jqi .jqiarrowtl{
  1699. left: 10px; top: -20px; border-bottom-color: #ffffff;
  1700. }
  1701.  
  1702. .jqi .jqiarrowtc{
  1703. left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px;
  1704. }
  1705.  
  1706. .jqi .jqiarrowtr{
  1707. right: 10px; top: -20px; border-bottom-color: #ffffff;
  1708. }
  1709.  
  1710. .jqi .jqiarrowbl{
  1711. left: 10px; bottom: -20px; border-top-color: #ffffff;
  1712. }
  1713.  
  1714. .jqi .jqiarrowbc{
  1715. left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px;
  1716. }
  1717.  
  1718. .jqi .jqiarrowbr{
  1719. right: 10px; bottom: -20px; border-top-color: #ffffff;
  1720. }
  1721.  
  1722. .jqi .jqiarrowlt{
  1723. left: -20px; top: 10px; border-right-color: #ffffff;
  1724. }
  1725.  
  1726. .jqi .jqiarrowlm{
  1727. left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px;
  1728. }
  1729.  
  1730. .jqi .jqiarrowlb{
  1731. left: -20px; bottom: 10px; border-right-color: #ffffff;
  1732. }
  1733.  
  1734. .jqi .jqiarrowrt{
  1735. right: -20px; top: 10px; border-left-color: #ffffff;
  1736. }
  1737.  
  1738. .jqi .jqiarrowrm{
  1739. right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px;
  1740. }
  1741.  
  1742. .jqi .jqiarrowrb{
  1743. right: -20px; bottom: 10px; border-left-color: #ffffff;
  1744. }
  1745.  
  1746. /** Impromptu End */
  1747.  
  1748.  
  1749.  
  1750. /* postbit custom design */
  1751.  
  1752. .pbit {
  1753. background: #111;
  1754. border-radius: 3px;
  1755. border: 1px double #111;
  1756. font-size: 11px;
  1757. font-weight: normal;
  1758. margin-bottom: 3px;
  1759. padding: 6px 5px 5px;
  1760. text-align: left;
  1761. }
  1762.  
  1763. .postbit-online {
  1764. color: #71BA51;
  1765. height: 10px;
  1766. width:10px;
  1767. }
  1768.  
  1769. .postbit-offline {
  1770. color: #CF2D2D;
  1771. height: 10px;
  1772. width:10px
  1773. }
  1774.  
  1775. /*! New code for 1.8.9 */
  1776.  
  1777. .deleted_post_hidden {
  1778. border-top: 2px solid #ccc;
  1779. padding: 15px;
  1780. }
  1781.  
  1782. .deleted_post_collapsed {
  1783. border-top: 3px solid #333;
  1784. padding: 15px;
  1785. }
  1786.  
  1787. .deleted_post_collapsed .show_deleted_post {
  1788. margin-top: -15px;
  1789. }
  1790.  
  1791. .deleted_post_collapsed .show_deleted_post a.button span {
  1792. background-position: 0 -400px;
  1793. }
  1794.  
  1795. /** Modal Start **/
  1796.  
  1797. .blocker {
  1798. position: fixed;
  1799. top: 0;
  1800. right: 0;
  1801. bottom: 0;
  1802. left: 0;
  1803. width: 100%;
  1804. height: 100%;
  1805. overflow: auto;
  1806. z-index: 9999;
  1807. padding: 20px;
  1808. box-sizing: border-box;
  1809. background-color: rgb(0,0,0);
  1810. background-color: rgba(0,0,0,0.75);
  1811. text-align: center;
  1812. }
  1813.  
  1814. .blocker:before{
  1815. content: "";
  1816. display: inline-block;
  1817. height: 100%;
  1818. vertical-align: middle;
  1819. margin-right: -0.05em;
  1820. }
  1821.  
  1822. .blocker.behind {
  1823. background-color: transparent;
  1824. }
  1825.  
  1826. .modal {
  1827. width: 400px;
  1828. text-align: left;
  1829. background: #fff;
  1830. display: inline-block;
  1831. vertical-align: middle;
  1832. position: relative;
  1833. z-index: 2;
  1834. -webkit-box-sizing: border-box;
  1835. -moz-box-sizing: border-box;
  1836. box-sizing: border-box;
  1837. -webkit-border-radius: 8px;
  1838. -moz-border-radius: 8px;
  1839. -o-border-radius: 8px;
  1840. -ms-border-radius: 8px;
  1841. border-radius: 8px;
  1842. -webkit-box-shadow: 0 0 10px #000;
  1843. -moz-box-shadow: 0 0 10px #000;
  1844. -o-box-shadow: 0 0 10px #000;
  1845. -ms-box-shadow: 0 0 10px #000;
  1846. box-shadow: 0 0 10px #000;
  1847. }
  1848.  
  1849. .modal a.close-modal {
  1850. position: absolute;
  1851. top: -12.5px;
  1852. right: -12.5px;
  1853. display: block;
  1854. width: 30px;
  1855. height: 30px;
  1856. text-indent: -9999px;
  1857. background: url(images/close.png) no-repeat 0 0;
  1858. }
  1859.  
  1860. .modal-spinner {
  1861. display: none;
  1862. width: 64px;
  1863. height: 64px;
  1864. position: fixed;
  1865. top: 50%;
  1866. left: 50%;
  1867. margin-right: -32px;
  1868. margin-top: -32px;
  1869. background: url(images/spinner_big.gif) no-repeat center center;
  1870. -webkit-border-radius: 8px;
  1871. -moz-border-radius: 8px;
  1872. -o-border-radius: 8px;
  1873. -ms-border-radius: 8px;
  1874. border-radius: 8px;
  1875. }
  1876.  
  1877. /* DVZ Shoutbox */
  1878. #shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
  1879. #shoutbox .head { padding: 8px; }
  1880. #shoutbox.front .head { cursor: pointer; }
  1881. #shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
  1882. #shoutbox.collapsed .head { opacity: 0.6; }
  1883. #shoutbox.collapsed .body { display: none; }
  1884.  
  1885. #shoutbox .panel { border-top: solid 2px rgba(0,0,0,0.1); }
  1886. #shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-family: Arial, sans-serif; font-size: 12px; color: #000; }
  1887. #shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
  1888. #shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
  1889. #shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
  1890. #shoutbox .panel p { margin: 0; }
  1891.  
  1892. #shoutbox .window { border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; }
  1893. #shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px; }
  1894. #shoutbox.front .data { border-top: none; }
  1895.  
  1896. #shoutbox .entry { display: table-row !important; width: 100%; transition: background-color 0.2s; }
  1897. #shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); }
  1898. #shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
  1899. #shoutbox .entry:target { background-color: rgba(50,200,255,0.1); }
  1900. #shoutbox .entry > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
  1901. #shoutbox .entry:last-child > div { border-bottom: none; }
  1902.  
  1903. #shoutbox .entry > div { display: table-cell; padding: 6px; }
  1904.  
  1905. #shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; }
  1906. #shoutbox .user { border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap; }
  1907. #shoutbox .text { width: 100%; color: #555; word-break: break-all; word-wrap: break-word; }
  1908. #shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
  1909. #shoutbox .entry.unread .info:before { display: inline-block; position: relative; top: -2px; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px; }
  1910. #shoutbox .info a { color: inherit; }
  1911. #shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
  1912. #shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1); }
  1913. #shoutbox .ip { margin-right: 10px; color: #CECECE; }
  1914.  
  1915. /** Modal End **/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement