Facebook
From CerberuS, 10 Months ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 104
  1. /* Styles for the general looks for the Curve theme.
  2. ------------------------------------------------------- */
  3. .spoilerbody {
  4.     background: #151821 none;
  5.     border: 1px solid #151515 !important;
  6.     padding: 8px;
  7. }
  8.  
  9. .spoilerbutton {
  10.     background: #f1cf2b;
  11.     color: black;
  12.     border-color: #151821;
  13.     padding: 5px 10px;
  14.     font-size: 12px;
  15.     line-height: 1.5;
  16.     border-radius: 3px;
  17.     font-weight: bold;
  18. }
  19.  
  20. /* Normal, standard links. */
  21. a:link, a:visited
  22. {
  23.         color: #f1cf2b;
  24.         text-decoration: none;
  25.         -webkit-transition: all 0.7s ease;
  26.         -moz-transition: all 0.7s ease;
  27.         -ms-transition: all 0.7s ease;
  28.         -o-transition: all 0.7s ease;
  29.         transition: all 0.7s ease;
  30. }
  31. a:hover
  32. {
  33.     color: #fff294;
  34.         text-decoration: none;
  35.         cursor: pointer;
  36.         -webkit-transition: all 0.7s ease;
  37.         -moz-transition: all 0.7s ease;
  38.         -ms-transition: all 0.7s ease;
  39.         -o-transition: all 0.7s ease;
  40.         transition: all 0.7s ease;
  41. }
  42.  
  43. /* Links that open in a new window. */
  44. a.new_win:link, a.new_win:visited
  45. {
  46.         color: #f1cf2b;
  47.         text-decoration: none;
  48.         -webkit-transition: all 0.7s ease;
  49.         -moz-transition: all 0.7s ease;
  50.         -ms-transition: all 0.7s ease;
  51.         -o-transition: all 0.7s ease;
  52.         transition: all 0.7s ease;
  53. }
  54. a.new_win:hover
  55. {
  56.     color: #29792e;
  57.         text-decoration: none;
  58.         -webkit-transition: all 0.7s ease;
  59.         -moz-transition: all 0.7s ease;
  60.         -ms-transition: all 0.7s ease;
  61.         -o-transition: all 0.7s ease;
  62.         transition: all 0.7s ease;
  63. }
  64. /* Tables should show empty cells. */
  65. table
  66. {
  67.         empty-cells: show;
  68. }
  69.  
  70. /* Set a fontsize that will look the same in all browsers. */
  71. body
  72. {
  73.         background-color: #10131a;
  74.         font: 83%/130% 'Lato', sans-serif;
  75.         margin: 0 auto;
  76.         padding: 0;
  77. }
  78.  
  79. /* Help popups require a different styling of the body element. */
  80. body#help_popup
  81. {
  82.         padding: 1em;
  83. }
  84.  
  85. /* use dark grey for the text, leaving #000 for headers etc */
  86. body, td, th, tr
  87. {
  88.         color: #DDDDDD;
  89. }
  90.  
  91. /* This division wraps the entire forum when a forum width is set. */
  92. div#wrapper
  93. {
  94.         margin: 0 auto;
  95.         max-width: 1270px;
  96.         width: 90%;
  97. }
  98.  
  99. /* lets give all forms zero padding/margins */
  100. form
  101. {
  102.         padding: 0;
  103.         margin: 0;
  104. }
  105.  
  106. /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
  107.         .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
  108.         .button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
  109.         .input_check   - covers input[type=checkbox] throughout all browsers
  110.         .input_radio   - covers input[type=radio] throughout all browsers
  111.         .input_text    - covers input[type=text] throughout all browsers
  112.         .input_file    - covers input[type=file] throughout all browsers
  113. */
  114.  
  115. input, button, select, textarea
  116. {
  117.         font: 95%/115% 'Lato', sans-serif;
  118.         color: #000;
  119.         background: #10131a;
  120.         border: 1px solid #10131a;
  121.         padding: 2px;
  122. }
  123.  
  124. /* Select elements look horrible with the extra padding, so leave them unpadded. */
  125. select
  126. {
  127.         padding: 0;
  128. }
  129.  
  130. /* Add some padding to the options instead. */
  131. select option
  132. {
  133.         padding: 1px;
  134. }
  135.  
  136. /* The font size of textareas should be just a little bit larger. */
  137. textarea
  138. {
  139.         font: 100%/130% Lato, sans-serif;
  140. }
  141.  
  142. /* Buttons should be styled a bit differently, in order to make them look more button'ish. */
  143. .button_submit, .button_reset
  144. {
  145.         background: #f1cf2b;
  146.         border: 1px solid #10131a;
  147.         cursor: pointer;
  148.         color: #000000;
  149.         padding: 6px 12px;
  150.         font-weight: normal;
  151.         -webkit-transition: all 0.7s ease;
  152.         -moz-transition: all 0.7s ease;
  153.         -ms-transition: all 0.7s ease;
  154.         -o-transition: all 0.7s ease;
  155.         transition: all 0.7s ease;
  156. }
  157. input:hover, textarea:hover, button:hover, select:hover
  158. {
  159.         border: 1px solid #10131a;
  160. }
  161. .button_submit:hover, .button_reset:hover
  162. {
  163.         background: #1b1d29;
  164.         color: #f1cf2b;
  165.         -webkit-transition: all 0.7s ease;
  166.         -moz-transition: all 0.7s ease;
  167.         -ms-transition: all 0.7s ease;
  168.         -o-transition: all 0.7s ease;
  169.         transition: all 0.7s ease;
  170. }
  171. input:focus, textarea:focus, button:focus, select:focus
  172. {
  173.         border: 1px solid #10131a;
  174. }
  175.  
  176. /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
  177. input.input_check, input.input_radio
  178. {
  179.         border: none;
  180.         background: none;
  181. }
  182. h3.catbg input.input_check
  183. {
  184.         margin: 9px 7px 0 7px;
  185. }
  186.  
  187. /* Give disabled text input elements a different background color. */
  188. input[disabled].input_text
  189. {
  190.         background-color: #464646;
  191. }
  192.  
  193. /* Standard horizontal rule.. ([hr], etc.) */
  194. hr, .hrcolor
  195. {
  196.         height: 1px;
  197.         border: 0;
  198.         color: #10131a;
  199.         background-color: #10131a;
  200. }
  201.  
  202. /* By default set the color on these tags as #000. */
  203. h1, h2, h3, h4, h5, h6
  204. {
  205.         color: #FFFFFF;
  206.         font-size: 1em;
  207.         margin: 0;
  208.         padding: 0;
  209. }
  210.  
  211. /* Fieldsets are used to group elements. */
  212. fieldset
  213. {
  214.         border: 1px solid #10131a;
  215.         padding: 1em;
  216.         margin: 0 0 0.5em 0;
  217. }
  218. fieldset legend
  219. {
  220.         font-weight: bold;
  221.         color: #FFFFFF;
  222. }
  223. /* No image should have a border when linked. */
  224. a img
  225. {
  226.         border: 0;
  227. }
  228.  
  229. /* Define strong as bold, and em as italics */
  230. strong
  231. {
  232.         font-weight: bold;
  233. }
  234.  
  235. em
  236. {
  237.         font-style: italic;
  238. }
  239. /* Alternative for u tag */
  240. .underline
  241. {
  242.         text-decoration: underline;
  243. }
  244.  
  245. /* Common classes to easy styling.
  246. ------------------------------------------------------- */
  247.  
  248. .floatright
  249. {
  250.         float: right;
  251. }
  252. .floatleft
  253. {
  254.         float: left;
  255. }
  256.  
  257. .flow_auto
  258. {
  259.         overflow: auto;
  260. }
  261. .flow_hidden
  262. {
  263.         overflow: hidden;
  264. }
  265. .flow_hidden .windowbg, .flow_hidden .windowbg2
  266. {
  267.         margin-top: 2px;
  268. }
  269. .clear
  270. {
  271.         clear: both;
  272. }
  273. .clear_left
  274. {
  275.         clear: left;
  276. }
  277. .clear_right
  278. {
  279.         clear: right;
  280. }
  281.  
  282. /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
  283. .smalltext, tr.smalltext th
  284. {
  285.         font-size: 0.85em;
  286.         font-family: verdana, sans-serif;
  287. }
  288. .middletext
  289. {
  290.         font-size: 0.9em;
  291.         line-height: 1em;
  292.         font-family: verdana, sans-serif;
  293. }
  294. .normaltext
  295. {
  296.         font-size: 1em;
  297.         line-height: 1.2em;
  298. }
  299. .largetext
  300. {
  301.         font-size: 1.4em;
  302. }
  303. .centertext
  304. {
  305.         margin: 0 auto;
  306.         text-align: center;
  307. }
  308. .righttext
  309. {
  310.         margin-left: auto;
  311.         margin-right: 0;
  312.         text-align: right;
  313. }
  314. .lefttext
  315. {
  316.         margin-left: 0;
  317.         margin-right: auto;
  318.         text-align: left;
  319. }
  320. .double_height
  321. {
  322.         line-height: 2em;
  323. }
  324. /* some common padding styles */
  325. .padding
  326. {
  327.         padding: 0.7em;
  328. }
  329. .main_section, .lower_padding
  330. {
  331.         padding-bottom: 0.5em;
  332. }
  333. /* a quick reset list class. */
  334. ul.reset, ul.reset li
  335. {
  336.         padding: 0;
  337.         margin: 0;
  338.         list-style: none;
  339. }
  340.  
  341. /* Some BBC related styles.
  342. ------------------------------------------------------- */
  343.  
  344. /* A quote, perhaps from another post. */
  345. blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
  346. {
  347.         font-size: 12px;
  348.         color: #FFFFFF;
  349.         line-height: 1.4em;
  350.         background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
  351.         border: 1px solid #10131a;
  352.         padding: 1.1em 1.4em;
  353.         margin: 0.1em 0 0.3em 0;
  354.         overflow: auto;
  355. }
  356.  
  357. /* Alterate blockquote stylings */
  358. blockquote.bbc_standard_quote
  359. {
  360.         background-color: #1b1d29;
  361. }
  362. blockquote.bbc_alternate_quote
  363. {
  364.         background-color: #1b1d29;
  365. }
  366.  
  367. /* A code block - maybe PHP ;). */
  368. code.bbc_code
  369. {
  370.         display: block;
  371.         font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
  372.         font-size: 12px;
  373.         background: #1b1d29;
  374.         border: 1px solid #10131a;
  375.         line-height: 1.5em;
  376.         padding: 3px 1em;
  377.         overflow: auto;
  378.         white-space: nowrap;
  379.         /* Show a scrollbar after about 24 lines. */
  380.         max-height: 24em;
  381. }
  382.  
  383. /* The "Quote:" and "Code:" header parts... */
  384. .codeheader, .quoteheader
  385. {
  386.         color: black;
  387.         font-size: 12px;
  388.         font-weight: normal;
  389.         padding: 3px 7px;
  390.         background: #f1cf2b;
  391. }
  392. .codeheader a, .quoteheader a {
  393.         color: #000000;
  394. }
  395. .codeheader a:hover, .quoteheader a:hover {
  396.         color: #8a8a8a;
  397. }
  398.  
  399. /* For links to change the code stuff... */
  400. .codeoperation
  401. {
  402.         font-weight: normal;
  403. }
  404.  
  405. /* Styling for BBC tags */
  406. .bbc_link:link, .bbc_link:visited
  407. {
  408.         border-bottom: 1px solid #A8B6CF;
  409. }
  410. .bbc_link:hover
  411. {
  412.         text-decoration: none;
  413.         border-bottom: 1px solid #346;
  414. }
  415. .bbc_size
  416. {
  417.         line-height: 1.4em;
  418. }
  419. .bbc_color a
  420. {
  421.         color: inherit;
  422. }
  423. .bbc_img
  424. {
  425.         border: 0;
  426.         max-width: 100%;
  427. }
  428. .bbc_table
  429. {
  430.         font: inherit;
  431.         color: inherit;
  432. }
  433. .bbc_table.bordered td {
  434.     font: inherit;
  435.     color: inherit;
  436.     vertical-align: top;
  437.     padding: 0.5em;
  438.     border: 3px solid #999999;
  439. }
  440. .bbc_table td
  441. {
  442.     font: inherit;
  443.     color: inherit;
  444.     vertical-align: top;
  445.     padding: 0.5em;
  446.     border: 3px solid #999999;
  447. }
  448. .bbc_u
  449. {
  450.         text-decoration: underline;
  451. }
  452. .bbc_list
  453. {
  454.         text-align: left;
  455. }
  456. .bbc_tt
  457. {
  458.         font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
  459. }
  460.  
  461. /* Generally, those [?] icons.  This makes your cursor a help icon. */
  462. .help
  463. {
  464.         cursor: help;
  465. }
  466.  
  467. /* /me uses this a lot. (emote, try typing /me in a post.) */
  468. .meaction
  469. {
  470.         color: red;
  471. }
  472.  
  473. /* Highlighted text - such as search results. */
  474. .highlight
  475. {
  476.         font-weight: bold;
  477.         color: #ff7200 !important;
  478.         font-size: 1.1em;
  479. }
  480.  
  481. /* A more discreet highlight color, for selected membergroups etc. */
  482. .highlight2
  483. {
  484.         background-color: #0D0F14;
  485.         color: #f1cf2b !important;
  486. }
  487.  
  488. /* Generic, mostly color-related, classes.
  489. ------------------------------------------------------- */
  490.  
  491. .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
  492. {
  493.         color: #FFFFFF;
  494.         font-size: 13px;
  495.         font-weight: bold;
  496.         background: #151821;
  497.         border-bottom: 1px solid #f1cf2b;
  498.         text-transform: uppercase;
  499. }
  500. .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
  501. {
  502.         color: #FFFFFF;
  503.         font-size: 13px;
  504.         font-weight: bold;
  505.         background: #151821;
  506.         border-bottom: 1px solid #f1cf2b;
  507.         text-transform: uppercase;
  508. }
  509.  
  510. /* adjust the table versions of headers */
  511. tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
  512. {
  513.         padding: 0 6px;
  514. }
  515. tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
  516. {
  517.         color: #FFFFFF;
  518. }
  519. tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
  520. {
  521.         color: #FFFFFF;
  522. }
  523. .catbg select
  524. {
  525.         height: 1.5em;
  526.         font-size: 0.85em;
  527. }
  528.  
  529. /* Alternating backgrounds for posts, and several other sections of the forum. */
  530. .windowbg, #preview_body
  531. {
  532.         background-color: #151821;
  533. }
  534. .windowbg2
  535. {
  536.         background-color: #151821;
  537. }
  538. .windowbg3
  539. {
  540.         background-color: #151821;
  541. }
  542.  
  543. /* the page navigation area */
  544. .pagesection
  545. {
  546.         font-size: 0.9em;
  547.         padding: 0.2em;
  548.         overflow: hidden;
  549.         margin-bottom: 1px;
  550. }
  551. div.pagesection div.floatright input
  552. {
  553.         margin-top: 3px;
  554. }
  555. .navPages {
  556.         background: #1b1d29;
  557.         border: 1px solid #10131a;
  558.         width: 20px;
  559.         color: #f1cf2b;
  560.         height: 20px;
  561.         display: inline-block;
  562.         text-align: center;
  563.         line-height: 20px;
  564.         -webkit-transition: all 0.7s ease;
  565.         -moz-transition: all 0.7s ease;
  566.         -ms-transition: all 0.7s ease;
  567.         -o-transition: all 0.7s ease;
  568.         transition: all 0.7s ease;
  569. }
  570. .navPages:hover {
  571.         background: #f1cf2b;
  572.         color: #FFFFFF;
  573.         -webkit-transition: all 0.7s ease;
  574.         -moz-transition: all 0.7s ease;
  575.         -ms-transition: all 0.7s ease;
  576.         -o-transition: all 0.7s ease;
  577.         transition: all 0.7s ease;
  578. }
  579. .pagelinks strong,
  580. .pagesection strong,
  581. .mlist_above strong,
  582. #mlist_below strong,
  583. .smalllinks strong {
  584.         color: #f1cf2b;
  585.         background: #1b1d29;
  586.         border: 1px solid #10131a;
  587.         height: 20px;
  588.         width: 20px;
  589.         line-height: 20px;
  590.         text-align: center;
  591.         display: inline-block;
  592.         font-size: 12px;
  593.         -webkit-transition: all 0.7s ease;
  594.         -moz-transition: all 0.7s ease;
  595.         -ms-transition: all 0.7s ease;
  596.         -o-transition: all 0.7s ease;
  597.         transition: all 0.7s ease;
  598. }
  599. .pagelinks i {
  600.         line-height: 18px;
  601.         text-align: center;
  602. }
  603. .pagelinks strong:hover,
  604. .pagesection strong:hover,
  605. .mlist_above strong:hover,
  606. #mlist_below strong:hover,
  607. .smalllinks strong:hover {
  608.         background: #f1cf2b;
  609.         color: #FFFFFF;
  610.         -webkit-transition: all 0.7s ease;
  611.         -moz-transition: all 0.7s ease;
  612.         -ms-transition: all 0.7s ease;
  613.         -o-transition: all 0.7s ease;
  614.         transition: all 0.7s ease;
  615. }
  616. .pagelinks
  617. {
  618.         padding: 0.6em 0 0.4em 0;
  619. }
  620.  
  621. /* Colors for background of posts requiring approval */
  622. .approvebg
  623. {
  624.         color: #000;
  625.         background-color: #ffeaea;
  626. }
  627. .approvebg2
  628. {
  629.         color: #000;
  630.         background-color: #fff2f2;
  631. }
  632.  
  633. /* Color for background of *topics* requiring approval */
  634. .approvetbg
  635. {
  636.         color: #000;
  637.         background-color: #e4a17c;
  638. }
  639. .approvetbg2
  640. {
  641.         color: #000;
  642.         background-color: #f3bd9f;
  643. }
  644.  
  645. /* Sticky topics get a different background */
  646. .stickybg
  647. {
  648.         background: #0c0e13;
  649. }
  650. .stickybg2
  651. {
  652.         background: #0c0e13;
  653. }
  654.  
  655. /* Locked posts get a different shade, too! */
  656. .lockedbg
  657. {
  658.         background: #0c0e13;
  659.         font-style: italic;
  660. }
  661. .lockedbg2
  662. {
  663.         background: #0c0e13;
  664.         font-style: italic;
  665. }
  666.  
  667. /* Posts and personal messages displayed throughout the forum. */
  668. .post, .personalmessage
  669. {
  670.         overflow: auto;
  671.         line-height: 1.4em;
  672.         padding: 0.1em 0;
  673. }
  674.  
  675. /* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
  676. .signature, .attachments
  677. {
  678.         width: 98%;
  679.         overflow: auto;
  680.         clear: right;
  681.         padding: 1em 0 3px 0;
  682.         border-top: 1px solid #10131a;
  683.         line-height: 1.4em;
  684.         font-size: 0.85em;
  685. }
  686. .custom_fields_above_signature
  687. {
  688.         width: 98%;
  689.         clear: right;
  690.         padding: 1em 0 3px 0;
  691.         border-top: 1px solid #10131a;
  692.         line-height: 1.4em;
  693.         font-size: 0.85em;
  694. }
  695.  
  696. /* Sometimes there will be an error when you post */
  697. .error
  698. {
  699.         color: red;
  700. }
  701.  
  702. /* Messages that somehow need to attract the attention. */
  703. .alert
  704. {
  705.         color: red;
  706. }
  707.  
  708. /* Calendar colors for birthdays, events and holidays */
  709. .birthday
  710. {
  711.         color: #920ac4;
  712. }
  713.  
  714. .event
  715. {
  716.         color: #078907;
  717. }
  718.  
  719. .holiday
  720. {
  721.         color: #000080;
  722. }
  723.  
  724. /* Colors for warnings */
  725. .warn_mute {
  726.         color: #FFFFFF;
  727.         height: 30px;
  728.         line-height: 30px;
  729.         background: #e74c3c;
  730. }
  731. .warn_mute i {
  732.         margin-right: 5px;
  733.         color: #FFFFFF;
  734.         font-size: 18px;
  735.         vertical-align: middle;
  736. }
  737. .warn_moderate {
  738.         color: #FFFFFF;
  739.         height: 30px;
  740.         line-height: 30px;
  741.         background: #2ecc71;
  742. }
  743. .warn_moderate i {
  744.         margin-right: 5px;
  745.         color: #FFFFFF;
  746.         font-size: 18px;
  747.         vertical-align: middle;
  748. }
  749. .warn_watch {
  750.         color: #FFFFFF;
  751.         height: 30px;
  752.         line-height: 30px;
  753.         background: #2ecc71;
  754. }
  755. .warn_watch i {
  756.         margin-right: 5px;
  757.         color: #FFFFFF;
  758.         font-size: 18px;
  759.         vertical-align: middle;
  760. }
  761.  
  762. .warn_watch, .success
  763. {
  764.         color: #FFFFFF;
  765. }
  766.  
  767. a.moderation_link, a.moderation_link:visited
  768. {
  769.         color: red;
  770.         font-weight: bold;
  771. }
  772.  
  773. .openid_login
  774. {
  775.         background: white url(../images/openid.gif) no-repeat;
  776.         padding-left: 18px;
  777. }
  778.  
  779. /* a descriptive style */
  780. .description, .description_board, .plainbox
  781. {
  782.         padding: 0.5em 1em;
  783.         font-size: 0.9em;
  784.         line-height: 1.4em;
  785.         border: 1px solid #10131a;
  786.         background: #151821;
  787.         margin: 0.2em 1px 1em 1px;
  788. }
  789. .description_board
  790. {
  791.         margin: 1em 1px 0 1px;
  792. }
  793.  
  794. /* an informative style */
  795. .information
  796. {
  797.         padding: 0.5em 1em;
  798.         font-size: 0.9em;
  799.         line-height: 1.3em;
  800.         border: 1px solid #10131a;
  801.         background: #151821;
  802.         margin: 0.2em 1px 1em 1px;
  803. }
  804. .information p
  805. {
  806.         padding: 1em;
  807.         margin: 0;
  808. }
  809. p.para2
  810. {
  811.         padding: 1em 0 3.5em 0;
  812.         margin: 0;
  813. }
  814. /* AJAX notification bar
  815. ------------------------------------------------------- */
  816. #ajax_in_progress
  817. {
  818.         background: url(../images/theme/loadingbar.png) repeat-x;
  819.         color: #f96f00;
  820.         text-align: center;
  821.         font-size: 16pt;
  822.         padding: 8px;
  823.         width: 100%;
  824.         height: 66px;
  825.         line-height: 25px;
  826.         position: fixed;
  827.         top: 0;
  828.         left: 0;
  829. }
  830.  
  831. #ajax_in_progress a
  832. {
  833.         color: orange;
  834.         text-decoration: underline;
  835.         font-size: smaller;
  836.         float: right;
  837.         margin-right: 20px;
  838. }
  839.  
  840. /* Lists with settings use these a lot.
  841. ------------------------------------------------------- */
  842. dl.settings
  843. {
  844.         clear: right;
  845.         overflow: auto;
  846.         margin: 0 0 10px 0;
  847.         padding: 0;
  848. }
  849. dl.settings dt
  850. {
  851.         width: 40%;
  852.         float: left;
  853.         margin: 0 0 10px 0;
  854.         padding: 0;
  855.         clear: both;
  856. }
  857. dl.settings dt.settings_title
  858. {
  859.         width: 100%;
  860.         float: none;
  861.         margin: 0 0 10px 0;
  862.         padding: 5px 0 0 0;
  863.         font-weight: bold;
  864.         clear: both;
  865. }
  866. dl.settings dt.windowbg
  867. {
  868.         width: 98%;
  869.         float: left;
  870.         margin: 0 0 3px 0;
  871.         padding: 0 0 5px 0;
  872.         clear: both;
  873. }
  874. dl.settings dd
  875. {
  876.         width: 56%;
  877.         float: right;
  878.         overflow: auto;
  879.         margin: 0 0 3px 0;
  880.         padding: 0;
  881. }
  882. dl.settings img
  883. {
  884.         margin: 0 10px 0 0;
  885. }
  886. /* help icons */
  887. dl.settings dt a img
  888. {
  889.         position: relative;
  890.         top: 2px;
  891. }
  892.  
  893. /* Styles for rounded headers.
  894. ------------------------------------------------------- */
  895. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
  896. {
  897.         overflow: hidden;
  898.         height: 40px;
  899.         line-height: 40px;
  900.         font-size: 15px;
  901.         font-weight: bold;
  902.         text-transform: uppercase;
  903. }
  904. h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
  905. {
  906.         color: #FFFFFF;
  907. }
  908. h3.catbg2 a, h3.catbg2
  909. {
  910.         color: #FFFFFF;
  911. }
  912. h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
  913. {
  914.         color: #f1cf2b;
  915.         text-decoration: none;
  916. }
  917. h3.catbg2 a:hover
  918. {
  919.         color: #f1cf2b;
  920.         text-decoration: none;
  921. }
  922. h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
  923. {
  924.         color: #FFFFFF;
  925. }
  926. h3.titlebg a:hover, h4.titlebg a:hover
  927. {
  928.         color: #f1cf2b;
  929.         text-decoration: none;
  930. }
  931. h3.catbg img.icon, h4.titlebg img.icon
  932. {
  933.         vertical-align: middle;
  934.         margin: -2px 5px 0 0;
  935. }
  936. h4.catbg a.toggle img
  937. {
  938.         vertical-align: middle;
  939.         margin: -2px 5px 0 5px;
  940. }
  941. h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
  942. {
  943.         background: #151821;
  944.         padding-right: 9px;
  945. }
  946. h4.titlebg, h3.titlebg
  947. {
  948.         background: #151821;
  949.         padding-right: 9px;
  950. }
  951. h4.titlebg img.icon
  952. {
  953.         float: left;
  954.         margin: 12px 8px 0 0;
  955. }
  956. div.cat_bar
  957. {
  958.         background: #151821;
  959.         border-bottom: 1px solid #f1cf2b;
  960.         padding-left: 9px;
  961.         height: 40px;
  962.         overflow: hidden;
  963. }
  964. div.title_bar
  965. {
  966.         background: #151821;
  967.         border-bottom: 1px solid #f1cf2b;
  968.         padding-left: 9px;
  969.         height: 40px;
  970.         overflow: hidden;
  971. }
  972.  
  973. /* rounded bars needs a different background here */
  974.  
  975. div.roundframe div.cat_bar
  976. {
  977.         background: #151821;
  978.         margin-bottom: 0;
  979. }
  980. div.roundframe div.cat_bar h3.catbg
  981. {
  982.         background: #151821;
  983. }
  984. div.title_barIC
  985. {
  986.         background: #1b1d29;
  987.         border-bottom: 0px solid #f1cf2b;
  988.         padding-left: 9px;
  989.         height: 40px;
  990.         overflow: hidden;
  991. }
  992. div.title_barIC h4.titlebg
  993. {
  994.         background: #1b1d29;
  995.         border-bottom: 0px solid #f1cf2b;
  996. }
  997. #upshrinkHeaderIC p.pminfo
  998. {
  999.         margin: 0;
  1000.         padding: 0.5em;
  1001. }
  1002. img#upshrink_ic, img#newsupshrink
  1003. {
  1004.         float: right;
  1005.         margin: 10px 5px 0 0;
  1006. }
  1007. table.table_list a.unreadlink, table.table_list a.collapse
  1008. {
  1009.         float: right;
  1010. }
  1011. table.table_list a.collapse
  1012. {
  1013.         margin: 10px 5px 0 1em;
  1014.         height: 40px;
  1015.         line-height: 40px;
  1016. }
  1017.  
  1018. /* The half-round header bars for some tables. */
  1019. .table_grid tr.catbg, .table_grid tr.titlebg
  1020. {
  1021.         font-size: 0.95em;
  1022.         border-bottom: 1px solid #10131a;
  1023. }
  1024. .table_grid tr.catbg th, .table_grid tr.titlebg th
  1025. {
  1026.         height: 38px;
  1027.         line-height: 38px;
  1028. }
  1029. tr.catbg th.first_th
  1030. {
  1031.         background: #151821;
  1032. }
  1033. tr.catbg th.last_th
  1034. {
  1035.         background: #151821;
  1036. }
  1037. tr.titlebg th.first_th
  1038. {
  1039.         background: #151821;
  1040. }
  1041. tr.titlebg th.last_th
  1042. {
  1043.         background: #151821;
  1044. }
  1045. .table_grid th.last_th input
  1046. {
  1047.         margin: 0 2px;
  1048. }
  1049. .table_grid th.lefttext
  1050. {
  1051.         padding: 0 0.7em;
  1052. }
  1053.  
  1054. /* a general table class */
  1055. table.table_grid
  1056. {
  1057.         border-collapse: collapse;
  1058.         margin-top: 0.1em;
  1059. }
  1060. table.table_grid td
  1061. {
  1062.         padding: 3px;
  1063.         border-bottom: 1px solid #10131a;
  1064.         border-right: 1px solid #10131a;
  1065.         border-left: 1px solid #10131a;
  1066. }
  1067.  
  1068. /* GenericList */
  1069. .additional_row
  1070. {
  1071.         padding: 0.5em 0 0.5em 0;
  1072. }
  1073. table.table_grid thead tr.catbg th
  1074. {
  1075.         white-space: nowrap;
  1076. }
  1077.  
  1078. /* table_grid styles for Profile > Show Permissions. */
  1079. #permissions table.table_grid  td
  1080. {
  1081.         padding: 0.4em 0.8em;
  1082.         cursor: default;
  1083. }
  1084.  
  1085. /* Common styles used to add corners to divisions.
  1086. ------------------------------------------------------- */
  1087. .windowbg span.topslice
  1088. {
  1089.         display: block;
  1090.         padding-left: 20px;
  1091.         background: url(../images/theme/main_block.png) 0 -30px no-repeat;
  1092. }
  1093. .windowbg span.topslice span
  1094. {
  1095.         display: block;
  1096.         background: url(../images/theme/main_block.png) 100% -30px no-repeat;
  1097.         height: 11px;
  1098. }
  1099. .windowbg span.botslice
  1100. {
  1101.         display: block;
  1102.         padding-left: 20px;
  1103.         background: url(../images/theme/main_block.png) 0 -40px no-repeat;
  1104.         font-size: 5px;
  1105.         line-height: 5px;
  1106.         margin-bottom: 0.2em;
  1107. }
  1108. .windowbg span.botslice span
  1109. {
  1110.         display: block;
  1111.         background: url(../images/theme/main_block.png) 100% -40px no-repeat;
  1112.         height: 11px;
  1113. }
  1114.  
  1115. .windowbg2 span.topslice
  1116. {
  1117.         display: block;
  1118.         padding-left: 20px;
  1119.         background: url(../images/theme/main_block.png) 0 -60px no-repeat;
  1120. }
  1121. .windowbg2 span.topslice span
  1122. {
  1123.         display: block;
  1124.         background: url(../images/theme/main_block.png) 100% -60px no-repeat;
  1125.         height: 11px;
  1126. }
  1127. .windowbg2 span.botslice
  1128. {
  1129.         display: block;
  1130.         padding-left: 20px;
  1131.         background: url(../images/theme/main_block.png) 0 -71px no-repeat;
  1132.         font-size: 5px;
  1133.         line-height: 5px;
  1134.         margin-bottom: 0.2em;
  1135. }
  1136. .windowbg2 span.botslice span
  1137. {
  1138.         display: block;
  1139.         background: url(../images/theme/main_block.png) 100% -71px no-repeat;
  1140.         height: 11px;
  1141. }
  1142. .approvebg span.topslice
  1143. {
  1144.         display: block;
  1145.         padding-left: 20px;
  1146.         background: url(../images/theme/main_block.png) 0 0 no-repeat;
  1147. }
  1148. .approvebg span.topslice span
  1149. {
  1150.         display: block;
  1151.         background: url(../images/theme/main_block.png) 100% 0 no-repeat;
  1152.         height: 11px;
  1153. }
  1154. .approvebg span.botslice
  1155. {
  1156.         display: block;
  1157.         padding-left: 20px;
  1158.         background: url(../images/theme/main_block.png) 0 -11px no-repeat;
  1159.         margin-bottom: 0.2em;
  1160. }
  1161. .approvebg span.botslice span
  1162. {
  1163.         display: block;
  1164.         background: url(../images/theme/main_block.png) 100% -11px no-repeat;
  1165.         height: 11px;
  1166. }
  1167. .postbg
  1168. {
  1169.         border-left: 1px solid #7f7f7f;
  1170.         border-right: 1px solid #7f7f7f;
  1171. }
  1172.  
  1173. /* Used for sections that need somewhat larger corners.
  1174. ----------------------------------------------------------- */
  1175. .roundframe
  1176. {
  1177.         padding: 10px 10px;
  1178.         background: #151821;
  1179. }
  1180. .roundframe dl, .roundframe dt, .roundframe p
  1181. {
  1182.         margin: 0;
  1183. }
  1184. .roundframe p
  1185. {
  1186.         padding: 7px;
  1187. }
  1188. span.upperframe
  1189. {
  1190.         padding: 0;
  1191.         display: block;
  1192.         background: url(../images/theme/main_block.png) 0 -90px no-repeat;
  1193.         padding-left: 20px;
  1194. }
  1195. span.upperframe span
  1196. {
  1197.         padding: 0;
  1198.         height: 12px;
  1199.         display: block;
  1200.         background: url(../images/theme/main_block.png) 100% -90px no-repeat;
  1201. }
  1202. span.lowerframe
  1203. {
  1204.         padding: 0;
  1205.         display: block;
  1206.         background: url(../images/theme/main_block.png) 0 -102px no-repeat;
  1207.         padding-left: 20px;
  1208. }
  1209. span.lowerframe span
  1210. {
  1211.         padding: 0;
  1212.         height: 12px;
  1213.         display: block;
  1214.         background: url(../images/theme/main_block.png) 100% -102px no-repeat;
  1215. }
  1216.  
  1217. /* The main content area.
  1218. ------------------------------------------------------- */
  1219. .content
  1220. {
  1221.         padding: 0.5em 1.2em;
  1222.         margin: 0;
  1223.         border: none;
  1224. }
  1225. .content p
  1226. {
  1227.         margin: 0 0 0.5em 0;
  1228. }
  1229.  
  1230. /* Styles used by the auto suggest control.
  1231. ------------------------------------------------------- */
  1232. .auto_suggest_div
  1233. {
  1234.         border: 1px solid #000;
  1235.         position: absolute;
  1236.         visibility: hidden;
  1237. }
  1238. .auto_suggest_item
  1239. {
  1240.     background-color: #f1cf2b;
  1241.     color: black;
  1242. }
  1243. .auto_suggest_item_hover
  1244. {
  1245.         background-color: #black;
  1246.         color: #f1cf2b;
  1247.         cursor: pointer;
  1248.         color: #eee;
  1249. }
  1250.  
  1251. #main_menu {
  1252.         padding: 0 0.5em;
  1253.         float: left;
  1254.         margin: 0;
  1255.         width: 98%;
  1256. }
  1257. .dropmenu, .dropmenu ul {
  1258.         list-style: none;
  1259.         line-height: 1em;
  1260.         padding: 0;
  1261.         margin: 0;
  1262. }
  1263. .dropmenu li {
  1264.         float: left;
  1265.         padding: 0 0 2px;
  1266.         margin: 0 2px 0 0;
  1267.         position: relative;
  1268. }
  1269. .dropmenu li a {
  1270.         display: block;
  1271.         padding: 0 8px;
  1272.         color: #FFFFFF;
  1273.         white-space: pre;
  1274.         font-size: 12px;
  1275. }
  1276. .dropmenu > li > a {
  1277.         background: #151821;
  1278.         border: 1px solid #10131a;
  1279.         height: 25px;
  1280.         line-height: 23px;
  1281.         transition: all 0.8s ease 0s;
  1282. }
  1283. .dropmenu > li > a.active {
  1284.         background: #f1cf2b;
  1285.         color: #151821;
  1286. }
  1287. .dropmenu li:hover > a {
  1288.         background: #f1cf2b;
  1289.         color: #151821;
  1290.         cursor: pointer;
  1291.         text-decoration: none;
  1292. }
  1293. .dropmenu li ul {
  1294.         z-index: 90;
  1295.         position: absolute;
  1296.         width: 260px;
  1297.         left: -999em;
  1298.         border: 1px solid #10131a;
  1299.         background: #151821;
  1300.         padding: 10px 0;
  1301.         margin-top: -10px;
  1302. }
  1303. .dropmenu li li {
  1304.         width: 260px;
  1305.         margin: 0;
  1306. }
  1307. .dropmenu li li a {
  1308.         padding: 0 15px;
  1309.         line-height: 30px;
  1310. }
  1311. .dropmenu li li a:hover {
  1312.         color: #151821;
  1313.         transition: all 0.8s ease 0s;
  1314. }
  1315. .dropmenu li:hover ul {
  1316.         left: 0;
  1317.         top: 36px;
  1318. }
  1319. .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul {
  1320.         top: -999em;
  1321.         left: auto;
  1322. }
  1323. .dropmenu li li:hover ul, .dropmenu li li li:hover ul, .dropmenu li li li li:hover ul {
  1324.         left: 245px;
  1325.         top: 0;
  1326. }
  1327.  
  1328. /* The dropdown menu toggle image */
  1329. #menu_toggle
  1330. {
  1331.         float: right;
  1332.         margin-right: 10px;
  1333.         padding-top: 3px;
  1334. }
  1335. #menu_toggle span
  1336. {
  1337.         position: relative;
  1338.         right: 5000px;
  1339. }
  1340.  
  1341. /* Styles for the standard button lists.
  1342. ------------------------------------------------------- */
  1343. .buttonlist ul
  1344. {
  1345.         z-index: 100;
  1346.         padding: 5px;
  1347.         margin: 0 0.2em 5px 0;
  1348. }
  1349. .buttonlist ul li
  1350. {
  1351.         margin-bottom: 5px;
  1352.         padding: 0;
  1353.         list-style: none;
  1354.         float: left;
  1355. }
  1356. .buttonlist ul li a
  1357. {
  1358.         display: block;
  1359.         font-size: 11px;
  1360.     background: #151821;
  1361.         color: #FFFFFF;
  1362.     border: 1px solid #10131a;
  1363.         padding: 6px 10px;
  1364.         text-transform: uppercase;
  1365.         cursor: pointer;
  1366. }
  1367. .buttonlist ul li a:hover
  1368. {
  1369.     background: #f1cf2b;
  1370.         color: #151821;
  1371.         text-decoration: none;
  1372. }
  1373.  
  1374. /* the active one */
  1375. .buttonlist ul li a.active
  1376. {
  1377.         background: #f1cf2b;
  1378.         color: #151821;
  1379.         font-weight: bold;
  1380. }
  1381. .buttonlist ul li a.active
  1382. {
  1383.         font-weight: bold;
  1384. }
  1385. .buttonlist ul li a.active:hover
  1386. {
  1387.     background: #151821;
  1388.         color: #f1cf2b;
  1389. }
  1390. .buttonlist .dugmicizaodgovore-message  li + li
  1391. {
  1392.         margin-left: 0;
  1393. }
  1394. ul.dugmicizaodgovore-message {
  1395.     list-style: none;
  1396.         margin: 0;
  1397.         padding: 0;
  1398.         height: 20px;
  1399. }
  1400. ul.dugmicizaodgovore-message li {
  1401.     float: left;
  1402. }
  1403. ul.dugmicizaodgovore-message i {
  1404.         display: none;
  1405. }
  1406. .align_top ul li a, .align_bottom ul li a
  1407. {
  1408.         margin: 0 12px 0 0;
  1409. }
  1410.  
  1411. /* the navigation list */
  1412. ul#navigation
  1413. {
  1414.         margin: 0;
  1415.         font-size: 0.9em;
  1416.         padding: 1em 0.4em;
  1417. }
  1418. ul#navigation li
  1419. {
  1420.         float: none;
  1421.         font-size: 0.95em;
  1422.         display: inline;
  1423. }
  1424.  
  1425. #adm_submenus
  1426. {
  1427.         padding-left: 2em;
  1428.         overflow: hidden;
  1429. }
  1430.  
  1431. /* Styles for the general looks for the Curve theme.
  1432. ------------------------------------------------------- */
  1433.  
  1434. /* the content section */
  1435. #content_section
  1436. {
  1437.         background: #1b1d29;
  1438.         padding: 20px;
  1439. }
  1440. #main_content_section
  1441. {
  1442.         width: 100%;
  1443.         //min-height: 200px;
  1444. }
  1445.  
  1446. /* the main title, always stay at 45 pixels in height! */
  1447. h1.forumtitle
  1448. {
  1449.         line-height: 45px;
  1450.         font-size: 1.8em;
  1451.         font-family: Geneva, verdana, sans-serif;
  1452.         margin: 0;
  1453.         padding: 0;
  1454.         float: left;
  1455. }
  1456. /* float these items to the right */
  1457. #siteslogan, img#smflogo
  1458. {
  1459.         margin: 0;
  1460.         padding: 0;
  1461.         float: right;
  1462.         line-height: 3em;
  1463. }
  1464. h3, h4
  1465. {
  1466.         padding-bottom: 3px;
  1467. }
  1468. /* the upshrink image needs some tweaking */
  1469. img#upshrink
  1470. {
  1471.         float: right;
  1472.         margin: 1em;
  1473. }
  1474. /* ..so does the SMF logo */
  1475. img#smflogo
  1476. {
  1477.         margin-left: 1em;
  1478. }
  1479. /* the upper_section, float the two each way */
  1480. #upper_section
  1481. {
  1482.         padding: 5px;
  1483.         margin-bottom: 1.5em;
  1484. }
  1485. #upper_section ul li.greeting
  1486. {
  1487.         font-size: 1.3em;
  1488.         font-weight: bold;
  1489.         line-height: 1.5em;
  1490. }
  1491. #upper_section div.news
  1492. {
  1493.         width: 50%;
  1494.         float: right;
  1495.         text-align: right;
  1496. }
  1497. #guest_form
  1498. {
  1499.         overflow: hidden;
  1500. }
  1501. #guest_form .info
  1502. {
  1503.         padding: 4px 0 ;
  1504.         line-height: 1.3em;
  1505. }
  1506. div#upper_section div.user
  1507. {
  1508.         width: 50%;
  1509.         float: left;
  1510.         overflow: auto;
  1511. }
  1512. div#upper_section div.user p
  1513. {
  1514.         float: left;
  1515.         margin: 0 1em 1em 0;
  1516.         padding: 0;
  1517. }
  1518. div#upper_section div.user ul
  1519. {
  1520.         margin: 0;
  1521.         padding-left: 10px;
  1522. }
  1523. div#upper_section div.user ul li
  1524. {
  1525.         margin-bottom: 2px;
  1526. }
  1527. div#upper_section div.news p
  1528. {
  1529.         display: inline;
  1530. }
  1531. div#upper_section div.news form
  1532. {
  1533.         padding-bottom: 10px;
  1534. }
  1535. /* clearing the floats */
  1536. #top_section
  1537. {
  1538.         min-height: 65px;
  1539.         overflow: hidden;
  1540.         margin-bottom: 3px;
  1541. }
  1542. #upper_section
  1543. {
  1544.         overflow: hidden;
  1545. }
  1546.  
  1547. /* The navigation list (i.e. linktree) */
  1548. .linktree-list {
  1549.         float: left;
  1550. }
  1551. .navigate_section
  1552. {
  1553.         padding: 0;
  1554.         margin: 0;
  1555. }
  1556. .navigate_section ul
  1557. {
  1558.         display: block;
  1559.         margin: 0;
  1560.         padding: 0;
  1561.         overflow: hidden;
  1562.         list-style: none;
  1563.         clear: both;
  1564.         width: 100%;
  1565. }
  1566. .navigate_section ul li
  1567. {
  1568.         float: left;
  1569.         padding: 0 0.5em 0 0;
  1570.         font-size: 0.95em;
  1571. }
  1572. .navigate_section ul li a
  1573. {
  1574.         white-space: pre;
  1575. }
  1576.  
  1577. /* The footer wih copyright links etc. */
  1578. #footer_section {
  1579.         background: #151821;
  1580.         padding: 20px;
  1581.         margin-top: 30px;
  1582.         text-align: center;
  1583. }
  1584. .footer-center {
  1585.         margin: 20px 40px 20px 40px;
  1586.         width: 25%;
  1587.         display: inline-block;
  1588.         vertical-align: top;
  1589. }
  1590. .footer-center ul {
  1591.         padding: 0;
  1592.         margin: 0;
  1593.         list-style: none;
  1594.         text-align: left;
  1595. }
  1596. .footer-center ul li {
  1597.         height: 25px;
  1598.         line-height: 25px;
  1599.         text-transform: uppercase;
  1600. }
  1601. .footer-center a:hover {
  1602.         padding-left: 10px;
  1603. }
  1604. .footer-center p {
  1605.         text-transform: uppercase;
  1606.         text-align: left;
  1607.         color: #FFFFFF;
  1608.         font-size: 18px;
  1609.         margin: 0 0 10px 0;
  1610.         padding: 0 0 10px 0;
  1611.         border-bottom: 1px solid #FFFFFF;
  1612. }
  1613. .under-footer {
  1614.         background: #10131a;
  1615.         padding: 20px;
  1616. }
  1617. .under-footer::after{
  1618.         content: '';
  1619.         display: block;
  1620.         clear: both;
  1621. }
  1622. .footer-author i {
  1623.     color: #EF4836;
  1624.         font-size: 14px;
  1625.   -webkit-animation-name: pulse2;
  1626.           animation-name: pulse2;
  1627.   -webkit-animation-duration: 1s;
  1628.           animation-duration: 1s;
  1629.   -webkit-animation-iteration-count: infinite;
  1630.           animation-iteration-count: infinite;
  1631.   -webkit-animation-timing-function: linear;
  1632.           animation-timing-function: linear;
  1633. }
  1634. @-webkit-keyframes pulse2 {
  1635.   0% {
  1636.     -webkit-transform: scale(1.1);
  1637.             transform: scale(1.1); }
  1638.   50% {
  1639.     -webkit-transform: scale(0.8);
  1640.             transform: scale(0.8); }
  1641.   100% {
  1642.     -webkit-transform: scale(1);
  1643.             transform: scale(1); }
  1644. }
  1645. @keyframes pulse2 {
  1646.   0% {
  1647.     -webkit-transform: scale(1.1);
  1648.             transform: scale(1.1); }
  1649.   50% {
  1650.     -webkit-transform: scale(0.8);
  1651.             transform: scale(0.8); }
  1652.   100% {
  1653.     -webkit-transform: scale(1);
  1654.             transform: scale(1); }
  1655. }
  1656. select.qaction, input.qaction
  1657. {
  1658.         font-size: 0.85em;
  1659.         padding: 0;
  1660. }
  1661. #mlist table tbody td.windowbg2
  1662. {
  1663.         text-align: center;
  1664. }
  1665.  
  1666. /* Styles for a typical table.
  1667. ------------------------------------------------------- */
  1668. table.table_list
  1669. {
  1670.         width: 100%;
  1671. }
  1672. table.table_list_board
  1673. {
  1674.         width: 73%;
  1675. }
  1676. table.side_bar
  1677. {
  1678.         width: 26%;
  1679. }
  1680. table.table_list p
  1681. {
  1682.         padding: 0;
  1683.         margin: 0;
  1684. }
  1685. table.table_list td, table.table_list th
  1686. {
  1687.         padding: 5px;
  1688. }
  1689. table.table_list tbody.header td
  1690. {
  1691.         padding: 0;
  1692. }
  1693. table.table_list tbody.content td.stats
  1694. {
  1695.         font-size: 90%;
  1696.         width: 13%;
  1697.         text-align: center;
  1698. }
  1699. table.table_list tbody.content td.lastpost
  1700. {
  1701.         line-height: 1.3em;
  1702.         font-size: 85%;
  1703.         width: 28%;
  1704. }
  1705. table.table_list tbody.content td.noavatarfix {
  1706.     width: 20%;
  1707. }
  1708.  
  1709. table.table_list tbody.content td.icon
  1710. {
  1711.         text-align: center;
  1712.         width: 6%;
  1713. }
  1714.  
  1715. /* Styles for the board index.
  1716. ------------------------------------------------- */
  1717.  
  1718. /* the board title! */
  1719. .table_list tbody.content td.info a.subject
  1720. {
  1721.         font-weight: bold;
  1722.         font-size: 110%;
  1723.         color: #f1cf2b;
  1724. }
  1725. .table_list tbody.content td.info a.subject:hover
  1726. {
  1727.         color: #fff294;
  1728. }
  1729. .table_list tbody.content td.children
  1730. {
  1731.         color: #DDDDDD;
  1732.         font-size: 85%;
  1733. }
  1734. p.moderators
  1735. {
  1736.         font-size: 0.8em;
  1737. }
  1738. /* hide the table header/footer parts - but its here for those needing to style it */
  1739. #boardindex_table .table_list thead, #boardindex_table .table_list tfoot
  1740. {
  1741.         display: none;
  1742. }
  1743.  
  1744. /* the posting icons */
  1745. #posting_icons
  1746. {
  1747.         padding: 0 1em 0.5em 1em;
  1748.         margin: 0 0 1em 0;
  1749.         line-height: 1em;
  1750. }
  1751. #posting_icons ul
  1752. {
  1753.         font-size: 0.8em;
  1754. }
  1755. #posting_icons img
  1756. {
  1757.         vertical-align: middle;
  1758.         margin: 0 0 0 4ex;
  1759. }
  1760. #postbuttons_upper ul li a span
  1761. {
  1762.         line-height: 19px;
  1763.         padding: 0 0 0 6px;
  1764. }
  1765. .nextlinks
  1766. {
  1767.         text-align: right;
  1768.         margin-top: -1px;
  1769. }
  1770. .nextlinks_bottom
  1771. {
  1772.         clear: right;
  1773.         text-align: right;
  1774. }
  1775. .mark_read
  1776. {
  1777.         padding: 0 0.8em;
  1778.         float: right;
  1779. }
  1780.  
  1781. /* the newsfader */
  1782. #newsfader
  1783. {
  1784.         margin: 0 2px 10px 0;
  1785.         background: #151821;
  1786.         overflow: auto;
  1787.         padding: 15px;
  1788. }
  1789. #newsfader i {
  1790.         float: left;
  1791.         color: #FFFFFF;
  1792.         font-size: 38px;
  1793.         margin-left: 10px;
  1794.         margin-right: 14px;
  1795. }
  1796. .news-title {
  1797.         color: #f1cf2b;
  1798.         float: left;
  1799.         font-size: 18px;
  1800.         font-weight: bold;
  1801. }
  1802. #smfFadeScroller
  1803. {
  1804.         float: left;
  1805.         padding: 0;
  1806.         margin: 0;
  1807.         list-style: none;
  1808.         color: #FFFFFF; /* shouldn't be shorthand style due to a JS bug in IE! */
  1809. }
  1810.  
  1811. /* Styles for the info center on the board index.
  1812. ---------------------------------------------------- */
  1813.  
  1814. #upshrinkHeaderIC
  1815. {
  1816.         margin-top: 4px;
  1817.         margin-left: auto;
  1818.         margin-right: auto;
  1819. }
  1820. dl#ic_recentposts
  1821. {
  1822.         margin: 0 0 0.5em 0;
  1823.         padding: 0.5em;
  1824.         line-height: 1.3em;
  1825. }
  1826. dl#ic_recentposts dt
  1827. {
  1828.         float: left;
  1829. }
  1830. dl#ic_recentposts dd
  1831. {
  1832.         text-align: right;
  1833. }
  1834. .roundframe p.last
  1835. {
  1836.         margin: 0;
  1837.         padding: 0.5em;
  1838.         border-top: 2px dotted #bbb;
  1839. }
  1840. #upshrinkHeaderIC p.inline
  1841. {
  1842.         border: none;
  1843.         margin: 0;
  1844.         padding: 0.2em 0.5em 0.2em 0.5em;
  1845. }
  1846. #upshrinkHeaderIC p.stats
  1847. {
  1848.         font-size: 1.1em;
  1849.         padding-top: 8px;
  1850. }
  1851. form#ic_login
  1852. {
  1853.         padding: 0.5em;
  1854.         height: 2em;
  1855. }
  1856. form#ic_login ul li
  1857. {
  1858.         margin: 0;
  1859.         padding: 0;
  1860.         float: left;
  1861.         width: 20%;
  1862.         text-align: center;
  1863. }
  1864. form#ic_login ul li label
  1865. {
  1866.         display: block;
  1867. }
  1868.  
  1869. /* the small stats */
  1870. #index_common_stats
  1871. {
  1872.         display: block;
  1873.         margin: 0 0 0.5em 0;
  1874.         text-align: right;
  1875.         font-size: 0.9em;
  1876.         position: relative;
  1877.         top: -20px;
  1878.         line-height: 1px;
  1879. }
  1880.  
  1881. img.new_posts
  1882. {
  1883.         padding: 0 0.1em;
  1884. }
  1885. /* Styles for the message (topic) index.
  1886. ---------------------------------------------------- */
  1887. div.table_frame .table_list
  1888. {
  1889.         border-collapse: collapse;
  1890.         margin: 2px 0;
  1891. }
  1892. .table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
  1893. {
  1894.         border-right: 1px solid #10131a;
  1895. }
  1896. #messageindex
  1897. {
  1898.         clear: both;
  1899. }
  1900. /* the page navigation area */
  1901. .childboards
  1902. {
  1903.         margin-bottom: 0.2em;
  1904. }
  1905. #childboards h3
  1906. {
  1907.         padding-bottom: 0;
  1908. }
  1909. #childboards .table_list thead
  1910. {
  1911.         display: none;
  1912. }
  1913. #childboards .table_list
  1914. {
  1915.         margin-bottom: 1em;
  1916. }
  1917. .lastpost img
  1918. {
  1919.         float: right;
  1920.         padding: 4px;
  1921. }
  1922.  
  1923. /* Styles for the display template (topic view).
  1924. ---------------------------------------------------- */
  1925.  
  1926. #postbuttons div.buttons
  1927. {
  1928.         padding: 0.5em;
  1929.         width: 40%;
  1930.         float: right;
  1931. }
  1932. #postbuttons div.middletext
  1933. {
  1934.         width: 60%;
  1935. }
  1936. #postbuttons span
  1937. {
  1938.         display: block;
  1939.         text-align: right;
  1940. }
  1941. #postbuttons span.lower
  1942. {
  1943.         clear: right;
  1944. }
  1945. #postbuttons .buttonlist
  1946. {
  1947.         float: right;
  1948. }
  1949. #postbuttons #pagelinks
  1950. {
  1951.         padding-top: 1em;
  1952. }
  1953. #moderationbuttons
  1954. {
  1955.         overflow: hidden;
  1956. }
  1957. /* Events */
  1958. .linked_events
  1959. {
  1960.         padding: 1em 0;
  1961. }
  1962. .edit_event
  1963. {
  1964.         margin: 0 1em;
  1965.         vertical-align: middle;
  1966. }
  1967. /* Poll question */
  1968. #poll
  1969. {
  1970.         overflow: hidden;
  1971. }
  1972. #poll .content
  1973. {
  1974.         padding: 0 1em;
  1975. }
  1976. h4#pollquestion
  1977. {
  1978.         padding: 0 0 0.5em 2em;
  1979. }
  1980.  
  1981. /* Poll vote options */
  1982. #poll_options ul.options
  1983. {
  1984.         border-top: 1px solid #10131a;
  1985.         padding: 1em 2.5em 0 2em;
  1986.         margin: 0 0 1em 0;
  1987. }
  1988. #poll_options div.submitbutton
  1989. {
  1990.         border-bottom: 1px solid #10131a;
  1991.         clear: both;
  1992.         padding: 0 0 1em 2em;
  1993.         margin: 0 0 1em 0;
  1994. }
  1995.  
  1996. /* Poll results */
  1997. #poll_options dl.options
  1998. {
  1999.         border: solid #10131a;
  2000.         border-width: 1px 0;
  2001.         padding: 1em 2.5em 1em 2em;
  2002.         margin: 0 1em 1em 0;
  2003.         line-height: 1.1em !important;
  2004. }
  2005.  
  2006. #poll_options dl.options dt
  2007. {
  2008.         padding: 0.3em 0;
  2009.         width: 30%;
  2010.         float: left;
  2011.         margin: 0;
  2012.         clear: left;
  2013. }
  2014.  
  2015. #poll_options dl.options .voted
  2016. {
  2017.         font-weight: bold;
  2018. }
  2019.  
  2020. #poll_options dl.options dd
  2021. {
  2022.         margin: 0 0 0 2em;
  2023.         padding: 0.1em 0 0 0;
  2024.         width: 60%;
  2025.         max-width: 450px;
  2026.         float: left;
  2027. }
  2028.  
  2029. #poll_options dl.options .percentage
  2030. {
  2031.         display: block;
  2032.         float: right;
  2033.         padding: 0.2em 0 0.3em 0;
  2034. }
  2035.  
  2036. /* Poll notices */
  2037. #poll_options p
  2038. {
  2039.         margin: 0 1.5em 0.2em 1.5em;
  2040.         padding: 0 0.5em 0.5em 0.5em;
  2041. }
  2042.  
  2043. div#pollmoderation
  2044. {
  2045.         margin: 5px 0 0 0;
  2046.         padding: 0;
  2047.         overflow: auto;
  2048. }
  2049.  
  2050. /* onto the posts */
  2051. #forumposts
  2052. {
  2053.         clear: both;
  2054. }
  2055. #forumposts .cat_bar
  2056. {
  2057.         margin: 0 0 2px 0;
  2058. }
  2059. /* author and topic information */
  2060. #forumposts h3 span#author
  2061. {
  2062.         margin: 0 7.7em 0 0;
  2063. }
  2064. #forumposts h3 img
  2065. {
  2066.         float: left;
  2067.         margin: 9px 0.5em 0 0;
  2068. }
  2069. #forumposts h3.catbg
  2070. {
  2071.         margin-bottom: 3px;
  2072. }
  2073. p#whoisviewing
  2074. {
  2075.         margin: 0 0 5px 0;
  2076.         padding: 0.5em;
  2077.         background: #151821;
  2078.         border: 1px solid #10131a;
  2079. }
  2080. .whos_viewing {
  2081.         font-size: 12px;
  2082. }
  2083. /* poster and postarea + moderation area underneath */
  2084. .post_wrapper
  2085. {
  2086.         float:left;
  2087.         width:100%;
  2088. }
  2089. .poster
  2090. {
  2091.         background: #1b1d29;
  2092.         border: 1px solid #10131a;
  2093.         float: left;
  2094.         width: 17em;
  2095.         margin-left: 10px;
  2096.         padding: 7px;
  2097.         -webkit-border-radius: 5px;
  2098.         -moz-border-radius: 5px;
  2099.         border-radius: 5px;
  2100. }
  2101. .postarea, .moderatorbar
  2102. {
  2103.         margin: 0 0 0 19em;
  2104. }
  2105. .postarea div.flow_hidden
  2106. {
  2107.         width: 100%;
  2108. }
  2109.  
  2110. .moderatorbar
  2111. {
  2112.         clear: right;
  2113. }
  2114. /* poster details and list of items */
  2115. .poster dl
  2116. {
  2117.         clear: right;
  2118.         overflow: auto;
  2119.         margin: 0;
  2120.         padding: 0;
  2121. }
  2122. .poster dt
  2123. {
  2124.         width: 40%;
  2125.         float: left;
  2126.         margin: 0;
  2127.         padding-left: 5px;
  2128.         clear: both;
  2129.         text-align: left;
  2130. }
  2131. .poster dd
  2132. {
  2133.         width: 60%;
  2134.         float: left;
  2135.         margin: 0;
  2136.         padding-right: 5px;
  2137.         text-align: right;
  2138. }
  2139. .poster-link {
  2140.         background: #f1cf2b;
  2141.         margin-bottom: 5px;
  2142.         text-align: center;
  2143.         padding-top: 2px;
  2144.         padding-bottom: 2px;
  2145.         border: 1px solid #121212;
  2146.         font-size: 12px;
  2147.         color: #151821;
  2148.         -webkit-border-top-left-radius: 5px;
  2149.         -webkit-border-top-right-radius: 5px;
  2150.         -moz-border-radius-topleft: 5px;
  2151.         -moz-border-radius-topright: 5px;
  2152.         border-top-left-radius: 5px;
  2153.         border-top-right-radius: 5px;
  2154. }
  2155. .poster h4, .poster ul
  2156. {
  2157.         padding: 0;
  2158.         margin: 0;
  2159. }
  2160. .poster h4 img {
  2161.         float: right;
  2162.         margin-right: -19px;
  2163.         margin-top: -7px;
  2164. }
  2165. .poster h4
  2166. {
  2167.         background: #151821;
  2168.         border: 1px solid #10131a;
  2169.         font-size: 14px;
  2170.         font-weight: normal;
  2171.         padding: 6px 0 6px 0;
  2172.         text-align: center;
  2173. }
  2174. .poster ul li
  2175. {
  2176.         background: #151821;
  2177.         border: 1px solid #10131a;
  2178.         margin-top: 5px;
  2179.         text-align: center;
  2180.         padding-top: 3px;
  2181.         padding-bottom: 3px;
  2182. }
  2183. .poster ul li i {
  2184.         font-size: 16px;
  2185.         height: 20px;
  2186.         width: 20px;
  2187.         line-height: 20px;
  2188.         text-align: center;
  2189.         background: #1b1d29;
  2190.         border: 1px solid #10131a;
  2191.         -webkit-transition: all 0.7s ease;
  2192.         -moz-transition: all 0.7s ease;
  2193.         -ms-transition: all 0.7s ease;
  2194.         -o-transition: all 0.7s ease;
  2195.         transition: all 0.7s ease;
  2196. }
  2197. .poster ul li i:hover {
  2198.         background: #f1cf2b;
  2199.         color: #FFFFFF;
  2200.         -webkit-transition: all 0.7s ease;
  2201.         -moz-transition: all 0.7s ease;
  2202.         -ms-transition: all 0.7s ease;
  2203.         -o-transition: all 0.7s ease;
  2204.         transition: all 0.7s ease;
  2205. }
  2206. .poster ul ul
  2207. {
  2208.         margin: 0.3em 1em 0 0;
  2209.         padding: 0;
  2210. }
  2211. .poster ul ul li
  2212. {
  2213.         display: inline;
  2214. }
  2215. .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
  2216. {
  2217.         margin-top: 0.5em;
  2218. }
  2219. .poster li.avatar
  2220. {
  2221.         overflow: hidden;
  2222. }
  2223. .poster li.avatar img
  2224. {
  2225.         height: 150px;
  2226.         width: 150px;
  2227.         border: 1px solid #121212;
  2228. }
  2229. .poster li.profile {
  2230.         -webkit-border-bottom-right-radius: 5px;
  2231.         -webkit-border-bottom-left-radius: 5px;
  2232.         -moz-border-radius-bottomright: 5px;
  2233.         -moz-border-radius-bottomleft: 5px;
  2234.         border-bottom-right-radius: 5px;
  2235.         border-bottom-left-radius: 5px;
  2236. }
  2237. li.profile ul li {
  2238.         border: 0;
  2239. }
  2240. .poster li.warning
  2241. {
  2242.         line-height: 1.2em;
  2243.         padding-top: 1em;
  2244. }
  2245. .poster li.warning a img
  2246. {
  2247.         vertical-align: bottom;
  2248.         padding: 0 0.2em;
  2249. }
  2250. .poster-ban {
  2251.         padding-top: 4px;
  2252.         padding-bottom: 4px;
  2253.         text-transform: uppercase;
  2254.         color: #FFFFFF;
  2255.         font-weight: bold;
  2256.         background: rgb(255,48,25); /* Old browsers */
  2257.         background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
  2258.         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
  2259.         background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
  2260.         background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
  2261.         background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
  2262.         background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
  2263.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
  2264. }
  2265. .messageicon
  2266. {
  2267.     float: left;
  2268.     margin-top: -49px;
  2269.     margin-left: 10px;
  2270. }
  2271. .messageicon img
  2272. {
  2273.         padding: 6px 3px;
  2274. }
  2275. .keyinfo
  2276. {
  2277.         float: left;
  2278.         width: 50%;
  2279. }
  2280. .modifybutton
  2281. {
  2282.         clear: right;
  2283.         float: right;
  2284.         margin: 6px 20px 10px 0;
  2285.         text-align: right;
  2286.         font: bold 0.85em 'Lato', sans-serif;
  2287.         color: #334466;
  2288. }
  2289. .display-on {
  2290.     color: #2ECC71;
  2291. }
  2292. .display-off {
  2293.     color: #EF4836;
  2294. }
  2295. .display-title {
  2296.         margin-right: 12px;
  2297.         background: #f1cf2b;
  2298.         height: 50px;
  2299.         line-height: 50px;
  2300.         text-align: center;
  2301.         -webkit-border-bottom-right-radius: 3px;
  2302.         -webkit-border-bottom-left-radius: 3px;
  2303.         -moz-border-radius-bottomright: 3px;
  2304.         -moz-border-radius-bottomleft: 3px;
  2305.         border-bottom-right-radius: 3px;
  2306.         border-bottom-left-radius: 3px;
  2307. }
  2308. .display-title input {
  2309.         background: #f1cf2b;
  2310.         COLOR: BLACK;
  2311.         border: 0;
  2312.         padding: 0;
  2313.         margin: 0;
  2314.         height: 49px;
  2315. }
  2316. .display-title h5 a {
  2317.         color: #151821;
  2318.         font-size: 16px;
  2319.         font-weight: normal;
  2320. }
  2321. .display-title h5 a:hover {
  2322.         color: #1b1d29;
  2323. }
  2324. .display-date {
  2325.         margin-right: 12px;
  2326.         background: #1b1d29;
  2327.         border: 1px solid #10131a;
  2328.         border-bottom: none;
  2329.         height: 30px;
  2330.         line-height: 30px;
  2331.         padding-left: 10px;
  2332.         padding-right: 10px;
  2333.         -webkit-border-top-left-radius: 3px;
  2334.         -webkit-border-top-right-radius: 3px;
  2335.         -moz-border-radius-topleft: 3px;
  2336.         -moz-border-radius-topright: 3px;
  2337.         border-top-left-radius: 3px;
  2338.         border-top-right-radius: 3px;
  2339. }
  2340. .arrow-left {
  2341.         margin-top: 11px;
  2342.         margin-left: -12px;
  2343.         position: absolute;
  2344.         border-top: 12px solid transparent;
  2345.         border-bottom: 12px solid transparent;
  2346.         border-right: 12px solid #f1cf2b;
  2347. }
  2348. li.poster-email img {
  2349.         height: 140px;
  2350.         width: 140px;
  2351.         border: 1px solid #10131a;
  2352.         margin-top: 10px;
  2353.         background: #f5f5f5; /* Old browsers */
  2354.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  2355.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  2356.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  2357.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  2358.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  2359.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  2360.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  2361. }
  2362. li.poster-email i {
  2363.         background: #1b1d29;
  2364.         border: 1px solid #10131a;
  2365.         height: 35px;
  2366.         width: 35px;
  2367.         line-height: 35px;
  2368.         display: inline-block;
  2369.         text-align: center;
  2370.         font-size: 12px;
  2371.         margin-top: 5px;
  2372.         margin-bottom: 5px;
  2373.         -webkit-transition: all 0.7s ease;
  2374.         -moz-transition: all 0.7s ease;
  2375.         -ms-transition: all 0.7s ease;
  2376.         -o-transition: all 0.7s ease;
  2377.         transition: all 0.7s ease;
  2378. }
  2379. li.poster-email i:hover {
  2380.         background: #f1cf2b;
  2381.         color: #FFFFFF;
  2382.         -webkit-transition: all 0.7s ease;
  2383.         -moz-transition: all 0.7s ease;
  2384.         -ms-transition: all 0.7s ease;
  2385.         -o-transition: all 0.7s ease;
  2386.         transition: all 0.7s ease;
  2387. }
  2388.  
  2389. /* The quick buttons */
  2390. div.quickbuttons_wrap
  2391. {
  2392.         padding: 0.2em 0;
  2393.         width: 100%;
  2394.         float: left;
  2395. }
  2396.  
  2397. ul.quickbuttons
  2398. {
  2399.         margin: 0.9em 11px 0 0;
  2400.         clear: right;
  2401.         float: right;
  2402.         text-align: right;
  2403.         font: bold 0.85em arial, sans-serif;
  2404. }
  2405. ul.quickbuttons li
  2406. {
  2407.         float: left;
  2408.         display: inline;
  2409.         margin: 0 0 0 11px;
  2410. }
  2411. ul.quickbuttons li a
  2412. {
  2413.         padding: 0 0 0 20px;
  2414.         display: block;
  2415.         height: 20px;
  2416.         line-height: 18px;
  2417.         float: left;
  2418. }
  2419. ul.quickbuttons a:hover
  2420. {
  2421.         color: #a70;
  2422. }
  2423. ul.quickbuttons li.quote_button
  2424. {
  2425.         background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
  2426. }
  2427. ul.quickbuttons li.remove_button
  2428. {
  2429.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
  2430. }
  2431. ul.quickbuttons li.modify_button
  2432. {
  2433.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
  2434. }
  2435. ul.quickbuttons li.approve_button
  2436. {
  2437.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
  2438. }
  2439. ul.quickbuttons li.restore_button
  2440. {
  2441.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
  2442. }
  2443. ul.quickbuttons li.split_button
  2444. {
  2445.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
  2446. }
  2447. ul.quickbuttons li.reply_button
  2448. {
  2449.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
  2450. }
  2451. ul.quickbuttons li.reply_all_button
  2452. {
  2453.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
  2454. }
  2455. ul.quickbuttons li.notify_button
  2456. {
  2457.         background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
  2458. }
  2459. ul.quickbuttons li.inline_mod_check
  2460. {
  2461.         margin: 0 0 0 5px;
  2462. }
  2463.  
  2464. .post
  2465. {
  2466.         margin-top: 0.5em;
  2467.         clear: right;
  2468. }
  2469. .inner
  2470. {
  2471.         padding: 10px 1em 2px 0;
  2472.         margin: 0;
  2473. }
  2474. img.smiley
  2475. {
  2476.         vertical-align: bottom;
  2477. }
  2478. #forumposts .modified
  2479. {
  2480.         float: left;
  2481. }
  2482. #forumposts .reportlinks
  2483. {
  2484.         margin-right: 1.5em;
  2485.         text-align: right;
  2486.         clear: right;
  2487. }
  2488. #forumposts .modified span {
  2489.         background: #1b1d29;
  2490.         border: 1px solid #10131a;
  2491.         font-size: 11px;
  2492.         padding: 3px 7px 3px 7px;
  2493. }
  2494. #forumposts .reportlinks {
  2495.     margin-right: 1.5em;
  2496.     text-align: right;
  2497.     clear: right;
  2498. }
  2499. #forumposts .reportlinks span a {
  2500.         background: #1b1d29;
  2501.         border: 1px solid #10131a;
  2502.         padding: 3px 7px 3px 7px;
  2503. }
  2504. #forumposts .reportlinks span a:hover {
  2505.         background: #f1cf2b;
  2506.         color: black;
  2507. }
  2508. #forumposts .signature, .post .signature
  2509. {
  2510.         margin: 1em 0 0 0;
  2511. }
  2512. #forumposts span.botslice
  2513. {
  2514.         clear: both;
  2515. }
  2516. .attachments hr
  2517. {
  2518.         clear: both;
  2519.         margin: 1em 0 1em 0;
  2520. }
  2521. .attachments
  2522. {
  2523.         padding: 1em 0 2em 0;
  2524. }
  2525. .attachments div
  2526. {
  2527.         padding: 0 0.5em;
  2528. }
  2529.  
  2530. /* Styles for the quick reply area.
  2531. ---------------------------------------------------- */
  2532.  
  2533. #quickreplybox
  2534. {
  2535.         padding-bottom: 1px;
  2536. }
  2537. #quickReplyOptions .roundframe
  2538. {
  2539.         padding: 0 10%;
  2540. }
  2541. #quickReplyOptions form textarea
  2542. {
  2543.         height: 100px;
  2544.         width: 635px;
  2545.         max-width: 100%;
  2546.         min-width: 100%;
  2547.         margin: 0.25em 0 1em 0;
  2548. }
  2549. /* The jump to box */
  2550. #display_jump_to
  2551. {
  2552.         clear: both;
  2553.         padding: 5px;
  2554.         margin-top: 6px;
  2555.         text-align: right;
  2556. }
  2557.  
  2558. /* Separator of posts. More useful in the print stylesheet. */
  2559. #forumposts .post_separator
  2560. {
  2561.         display: none;
  2562. }
  2563.  
  2564. /* Styles for edit post section
  2565. ---------------------------------------------------- */
  2566. form#postmodify .roundframe
  2567. {
  2568.         padding: 0 12%;
  2569. }
  2570. #post_header, .postbox
  2571. {
  2572.         padding: 0.5em;
  2573.         overflow: hidden;
  2574. }
  2575. #post_header dt, .postbox dt
  2576. {
  2577.         float: left;
  2578.         padding: 0;
  2579.         width: 15%;
  2580.         margin: .5em 0 0 0;
  2581.         font-weight: bold;
  2582. }
  2583. #post_header dd, .postbox dd
  2584. {
  2585.         float: left;
  2586.         padding: 0;
  2587.         width: 83%;
  2588.         margin: .3em 0;
  2589. }
  2590. #post_header img
  2591. {
  2592.         vertical-align: middle;
  2593. }
  2594. ul.post_options
  2595. {
  2596.         margin: 0 0 0 1em;
  2597.         padding: 0;
  2598.         list-style: none;
  2599.         overflow: hidden;
  2600. }
  2601. ul.post_options li
  2602. {
  2603.         margin: 0.2em 0;
  2604.         width: 49%;
  2605.         float: left;
  2606. }
  2607. #postAdditionalOptionsHeader
  2608. {
  2609.         margin-top: 1em;
  2610. }
  2611. #postMoreOptions
  2612. {
  2613.         border-bottom: 1px solid #cacdd3;
  2614.         padding: 0.5em;
  2615. }
  2616. #postAttachment, #postAttachment2
  2617. {
  2618.         overflow: hidden;
  2619.         margin: .5em 0;
  2620.         padding: 0;
  2621.         border-bottom: 1px solid #cacdd3;
  2622.         padding: 0.5em;
  2623. }
  2624. #postAttachment dd, #postAttachment2 dd
  2625. {
  2626.         margin: .3em 0 .3em 1em;
  2627. }
  2628. #postAttachment dt, #postAttachment2 dt
  2629. {
  2630.         font-weight: bold;
  2631. }
  2632. #postAttachment3
  2633. {
  2634.         margin-left: 1em;
  2635. }
  2636. #post_confirm_strip, #shortcuts
  2637. {
  2638.         padding: 1em 0 0 0;
  2639. }
  2640. .post_verification
  2641. {
  2642.         margin-top: .5em;
  2643. }
  2644. .post_verification #verification_control
  2645. {
  2646.         margin: .3em 0 .3em 1em;
  2647. }
  2648. /* The BBC buttons */
  2649. #bbcBox_message
  2650. {
  2651.         margin: 0.75em 0.5em;
  2652. }
  2653. #bbcBox_message div
  2654. {
  2655.         margin: 0.2em 0;
  2656.         vertical-align: top;
  2657. }
  2658. #bbcBox_message div img
  2659. {
  2660.         margin: 0 1px 0 0;
  2661.         vertical-align: top;
  2662. }
  2663. #bbcBox_message select
  2664. {
  2665.         margin: 0 2px;
  2666. }
  2667. /* The smiley strip */
  2668. #smileyBox_message
  2669. {
  2670.         margin: 0.5em;
  2671. }
  2672.  
  2673. /* Styles for edit event section
  2674. ---------------------------------------------------- */
  2675. #post_event .roundframe
  2676. {
  2677.         padding: 0 12%;
  2678. }
  2679. #post_event fieldset
  2680. {
  2681.         padding: 0.5em;
  2682.         clear: both;
  2683. }
  2684. #post_event #event_main input
  2685. {
  2686.         margin: 0 0 1em 0;
  2687.         float: left;
  2688. }
  2689. #post_event #event_main div.smalltext
  2690. {
  2691.         width: 33em;
  2692.         float: right;
  2693. }
  2694. #post_event div.event_options
  2695. {
  2696.         float: right;
  2697. }
  2698. #post_event ul.event_main, ul.event_options
  2699. {
  2700.         padding: 0;
  2701.         overflow: hidden;
  2702. }
  2703. #post_event ul.event_main li
  2704. {
  2705.         list-style-type: none;
  2706.         margin: 0.2em 0;
  2707.         width: 49%;
  2708.         float: left;
  2709. }
  2710. #post_event ul.event_options
  2711. {
  2712.         margin: 0;
  2713.         padding: 0 0 .7em .7em;
  2714. }
  2715. #post_event ul.event_options li
  2716. {
  2717.         list-style-type: none;
  2718.         margin: 0;
  2719.         float: left;
  2720. }
  2721. #post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
  2722. {
  2723.         margin: 0 1em 0 0;
  2724. }
  2725.  
  2726. /* Styles for edit poll section.
  2727. ---------------------------------------------------- */
  2728.  
  2729. #edit_poll
  2730. {
  2731.         overflow: hidden;
  2732. }
  2733. #edit_poll fieldset
  2734. {
  2735.         padding: 0.5em;
  2736.         clear: both;
  2737.         overflow: hidden;
  2738. }
  2739. #edit_poll fieldset input
  2740. {
  2741.         margin-left: 8.1em;
  2742. }
  2743. #edit_poll ul.poll_main li
  2744. {
  2745.         padding-left: 1em;
  2746. }
  2747. #edit_poll ul.poll_main input
  2748. {
  2749.         margin-left: 1em;
  2750. }
  2751. #edit_poll ul.poll_main, dl.poll_options
  2752. {
  2753.         overflow: hidden;
  2754.         padding: 0 0 .7em .7em;
  2755.         list-style: none;
  2756. }
  2757. #edit_poll ul.poll_main li
  2758. {
  2759.         margin: 0.2em 0;
  2760. }
  2761. #edit_poll dl.poll_options dt
  2762. {
  2763.         width: 33%;
  2764.         padding: 0 0 0 1em;
  2765. }
  2766. #edit_poll dl.poll_options dd
  2767. {
  2768.         width: 65%;
  2769. }
  2770. #edit_poll dl.poll_options dd input
  2771. {
  2772.         margin-left: 0;
  2773. }
  2774.  
  2775. /* Styles for the recent messages section.
  2776. ---------------------------------------------------- */
  2777.  
  2778. #readbuttons_top .pagelinks, #readbuttons .pagelinks
  2779. {
  2780.         padding-bottom: 1em;
  2781.         width: 60%;
  2782. }
  2783. #readbuttons .pagelinks
  2784. {
  2785.         padding-top: 1em;
  2786. }
  2787. #recent
  2788. {
  2789.         clear: both;
  2790. }
  2791.  
  2792. /* Styles for the move topic section.
  2793. ---------------------------------------------------- */
  2794.  
  2795. #move_topic dl
  2796. {
  2797.         margin-bottom: 0;
  2798. }
  2799. #move_topic dl.settings dt
  2800. {
  2801.         width: 40%;
  2802. }
  2803. #move_topic dl.settings dd
  2804. {
  2805.         width: 59%;
  2806. }
  2807. .move_topic
  2808. {
  2809.         width: 710px;
  2810.         margin: auto;
  2811.         text-align: left;
  2812. }
  2813. div.move_topic fieldset
  2814. {
  2815.         padding: 0.5em;
  2816. }
  2817.  
  2818. /* Styles for the send topic section.
  2819. ---------------------------------------------------- */
  2820.  
  2821. fieldset.send_topic
  2822. {
  2823.         border: none;
  2824.         padding: 0.5em;
  2825. }
  2826. dl.send_topic
  2827. {
  2828.         margin-bottom: 0;
  2829. }
  2830. dl.send_mail dt
  2831. {
  2832.         width: 35%;
  2833. }
  2834. dl.send_mail dd
  2835. {
  2836.         width: 64%;
  2837. }
  2838.  
  2839. /* Styles for the report topic section.
  2840. ---------------------------------------------------- */
  2841.  
  2842. #report_topic dl
  2843. {
  2844.         margin-bottom: 0;
  2845. }
  2846. #report_topic dl.settings dt
  2847. {
  2848.         width: 20%;
  2849. }
  2850. #report_topic dl.settings dd
  2851. {
  2852.         width: 79%;
  2853. }
  2854.  
  2855. /* Styles for the split topic section.
  2856. ---------------------------------------------------- */
  2857.  
  2858. div#selected, div#not_selected
  2859. {
  2860.         width: 49%;
  2861. }
  2862. ul.split_messages li.windowbg, ul.split_messages li.windowbg2
  2863. {
  2864.         margin: 1px;
  2865. }
  2866. ul.split_messages li a.split_icon
  2867. {
  2868.         padding: 0 0.5em;
  2869. }
  2870. ul.split_messages div.post
  2871. {
  2872.         padding: 1em 0 0 0;
  2873.         border-top: 1px solid #fff;
  2874. }
  2875.  
  2876. /* Styles for the merge topic section.
  2877. ---------------------------------------------------- */
  2878. ul.merge_topics li
  2879. {
  2880.         list-style-type: none;
  2881. }
  2882. dl.merge_topic dt
  2883. {
  2884.         width: 25%;
  2885. }
  2886. dl.merge_topic dd
  2887. {
  2888.         width: 74%;
  2889. }
  2890. fieldset.merge_options
  2891. {
  2892.         clear: both;
  2893. }
  2894. .custom_subject
  2895. {
  2896.         margin: 0.5em 0;
  2897. }
  2898.  
  2899. /* Styles for the login areas.
  2900. ------------------------------------------------------- */
  2901. .login
  2902. {
  2903.         width: 540px;
  2904.         margin: 0 auto;
  2905. }
  2906. .login dl
  2907. {
  2908.         overflow: auto;
  2909.         clear: right;
  2910. }
  2911. .login dt, .login dd
  2912. {
  2913.         margin: 0 0 0.4em 0;
  2914.         width: 44%;
  2915.         padding: 0.1em;
  2916. }
  2917. .login dt
  2918. {
  2919.         float: left;
  2920.         clear: both;
  2921.         text-align: right;
  2922.         font-weight: bold;
  2923. }
  2924. .login dd
  2925. {
  2926.         width: 54%;
  2927.         float: right;
  2928.         text-align: left;
  2929. }
  2930. .login p
  2931. {
  2932.         text-align: center;
  2933. }
  2934.  
  2935. /* Styles for the registration section.
  2936. ------------------------------------------------------- */
  2937. .register_error
  2938. {
  2939.         border: 1px dashed red;
  2940.         padding: 5px;
  2941.         margin: 0 1ex 1ex 1ex;
  2942. }
  2943. .register_error span
  2944. {
  2945.         text-decoration: underline;
  2946. }
  2947.  
  2948. /* Additional profile fields */
  2949. dl.register_form
  2950. {
  2951.         margin: 0;
  2952.         clear: right;
  2953. }
  2954.  
  2955. dl.register_form dt
  2956. {
  2957.         font-weight: normal;
  2958.         float: left;
  2959.         clear: both;
  2960.         width: 50%;
  2961.         margin: 0.5em 0 0 0;
  2962. }
  2963.  
  2964. dl.register_form dt strong
  2965. {
  2966.         font-weight: bold;
  2967. }
  2968.  
  2969. dl.register_form dt span
  2970. {
  2971.         display: block;
  2972. }
  2973.  
  2974. dl.register_form dd
  2975. {
  2976.         float: left;
  2977.         width: 49%;
  2978.         margin: 0.5em 0 0 0;
  2979. }
  2980.  
  2981. #confirm_buttons
  2982. {
  2983.         text-align: center;
  2984.         padding: 1em 0;
  2985. }
  2986.  
  2987. .coppa_contact
  2988. {
  2989.         padding: 4px;
  2990.         width: 32ex;
  2991.         background-color: #fff;
  2992.         color: #000;
  2993.         margin-left: 5ex;
  2994.         border: 1px solid #000;
  2995. }
  2996.  
  2997. .valid_input
  2998. {
  2999.         background-color: #f5fff0;
  3000.         color: black;
  3001. }
  3002. .invalid_input
  3003. {
  3004.         color: black;
  3005.         background-color: #fff0f0;
  3006. }
  3007.  
  3008. /* Styles for maintenance mode.
  3009. ------------------------------------------------------- */
  3010. #maintenance_mode
  3011. {
  3012.         width: 75%;
  3013.         min-width: 520px;
  3014.         text-align: left;
  3015. }
  3016. #maintenance_mode img.floatleft
  3017. {
  3018.         margin-right: 1em;
  3019. }
  3020.  
  3021. /* common for all admin sections */
  3022. h3.titlebg img
  3023. {
  3024.         vertical-align: middle;
  3025.         margin-right: 0.5em;
  3026.         margin-top: -1px;
  3027. }
  3028. tr.titlebg td
  3029. {
  3030.         padding-left: 0.7em;
  3031. }
  3032. #admin_menu
  3033. {
  3034.         min-height: 2em;
  3035.         padding-left: 0;
  3036. }
  3037. #admin_content
  3038. {
  3039.         clear: left;
  3040.         padding-top: 0.5em;
  3041. }
  3042. /* Custom profile fields like to play with us some times. */
  3043. #admin_content .custom_field
  3044. {
  3045.         margin-bottom: 15px;
  3046. }
  3047. #admin_login .centertext
  3048. {
  3049.         padding: 1em;
  3050. }
  3051. #admin_login .centertext .error
  3052. {
  3053.         padding: 0 0 1em 0;
  3054. }
  3055.  
  3056. /* Styles for sidebar menus.
  3057. ------------------------------------------------------- */
  3058. .left_admmenu, .left_admmenu ul, .left_admmenu li
  3059. {
  3060.         padding: 0;
  3061.         margin: 0;
  3062.         list-style: none;
  3063. }
  3064. #left_admsection
  3065. {
  3066.         width: 160px;
  3067.         float: left;
  3068.         padding-right: 10px;
  3069. }
  3070. .adm_section h4.titlebg
  3071. {
  3072.         font-size: 95%;
  3073.         margin-bottom: 5px;
  3074. }
  3075. #main_container
  3076. {
  3077.         position: relative;
  3078. }
  3079. .left_admmenu li
  3080. {
  3081.         padding: 0 0 0 0.5em;
  3082. }
  3083. .left_admmenu
  3084. {
  3085.         margin-bottom: 0.5em;
  3086. }
  3087. #main_admsection
  3088. {
  3089.         position: relative;
  3090.         left: 0;
  3091.         right: 0;
  3092.         overflow: hidden;
  3093. }
  3094.  
  3095. tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
  3096. {
  3097.         padding: 0.3em 0.7em;
  3098. }
  3099. #credits p
  3100. {
  3101.         padding: 0;
  3102.         font-style: italic;
  3103.         margin: 0;
  3104. }
  3105.  
  3106. /* Styles for generic tables.
  3107. ------------------------------------------------------- */
  3108. .topic_table table
  3109. {
  3110.         width: 100%;
  3111. }
  3112. .topic_table .icon1, .topic_table .icon2, .topic_table .stats
  3113. {
  3114.         text-align: center;
  3115. }
  3116. #topic_icons
  3117. {
  3118.         margin: 1em 0 0 0;
  3119. }
  3120. #topic_icons .description
  3121. {
  3122.         margin: 0;
  3123. }
  3124. .topic_table table thead
  3125. {
  3126.         border-bottom: 1px solid #10131a;
  3127. }
  3128. /* the subject column */
  3129. .topic_table td
  3130. {
  3131.         font-size: 1em;
  3132. }
  3133. .topic_table td.subject p, .topic_table td.stats
  3134. {
  3135.         font-size: 0.85em;
  3136.         padding: 0;
  3137.         margin: 0;
  3138. }
  3139. .topic_table td.lastpost
  3140. {
  3141.         font-size: 0.85em;
  3142.         line-height: 1.3em;
  3143.         padding: 4px;
  3144. }
  3145. .topic_table td.stickybg2
  3146. {
  3147.         background-image: url(../images/icons/quick_sticky.png);
  3148.         background-repeat: no-repeat;
  3149.         background-position: 98% 4px;
  3150. }
  3151. .topic_table td.superstickybg2 {
  3152.     background-image: url(../images/icons/super_sticky.png);
  3153.     background-repeat: no-repeat;
  3154.     background-position: 98% 4px;
  3155. }
  3156. .topic_table td.lockedbg2
  3157. {
  3158.         background-image: url(../images/icons/quick_lock.png);
  3159.         background-repeat: no-repeat;
  3160.         background-position: 98% 4px;
  3161. }
  3162. .topic_table td.locked_sticky2
  3163. {
  3164.         background-image: url(../images/icons/quick_sticky_lock.png);
  3165.         background-repeat: no-repeat;
  3166.         background-position: 98% 4px;
  3167. }
  3168. .topic_table td.lastpost
  3169. {
  3170.         background-image: none;
  3171. }
  3172.  
  3173. /* Styles for (fatal) errors.
  3174. ------------------------------------------------- */
  3175.  
  3176. #fatal_error
  3177. {
  3178.         width: 80%;
  3179.         margin: auto;
  3180. }
  3181.  
  3182. .errorbox
  3183. {
  3184.         padding: 1em;
  3185.         border: 1px solid #cc3344;
  3186.         color: #000;
  3187.         background-color: #ffe4e9;
  3188.         margin-bottom: 1em;
  3189. }
  3190. .errorbox h3
  3191. {
  3192.         padding: 0;
  3193.         margin: 0;
  3194.         font-size: 1.1em;
  3195.         text-decoration: underline;
  3196. }
  3197. .errorbox p
  3198. {
  3199.         margin: 1em 0 0 0;
  3200. }
  3201. .errorbox p.alert
  3202. {
  3203.         padding: 0;
  3204.         margin: 0;
  3205.         float: left;
  3206.         width: 1em;
  3207.         font-size: 1.5em;
  3208. }
  3209.  
  3210. /* Styles for the profile section.
  3211. ------------------------------------------------- */
  3212.  
  3213. dl
  3214. {
  3215.         overflow: auto;
  3216.         margin: 0;
  3217.         padding: 0;
  3218. }
  3219.  
  3220. /* The basic user info on the left */
  3221. #basicinfo
  3222. {
  3223.         width: 20%;
  3224.         float: left;
  3225. }
  3226. #basicinfo .windowbg .content
  3227. {
  3228.         padding-left: 20px;
  3229. }
  3230. #detailedinfo
  3231. {
  3232.         width: 100%;
  3233.         float: right;
  3234. }
  3235. #basicinfo h4
  3236. {
  3237.         font-size: 135%;
  3238.         font-weight: 100;
  3239.         line-height: 105%;
  3240.         white-space: pre-wrap;
  3241.         overflow: hidden;
  3242. }
  3243. #basicinfo h4 span.position
  3244. {
  3245.         font-size: 80%;
  3246.         font-weight: 100;
  3247.         display: block;
  3248. }
  3249. #basicinfo img.avatar
  3250. {
  3251.         display: block;
  3252.         margin: 10px 0 0 0;
  3253. }
  3254. #basicinfo ul
  3255. {
  3256.         list-style-type: none;
  3257.         margin: 10px 0 0 0;
  3258. }
  3259. #basicinfo ul li
  3260. {
  3261.         display: block;
  3262.         float: left;
  3263.         margin-right: 5px;
  3264.         height: 20px;
  3265. }
  3266. #basicinfo span#userstatus
  3267. {
  3268.         display: block;
  3269.         clear: both;
  3270. }
  3271. #basicinfo span#userstatus img
  3272. {
  3273.         vertical-align: middle;
  3274. }
  3275. #detailedinfo div.content dl, #tracking div.content dl
  3276. {
  3277.         clear: right;
  3278.         overflow: auto;
  3279.         margin: 0;
  3280.         padding: 0;
  3281. }
  3282. #detailedinfo div.content dt, #tracking div.content dt
  3283. {
  3284.         width: 35%;
  3285.         float: left;
  3286.         margin: 0 0 3px 0;
  3287.         padding: 0;
  3288.         font-weight: bold;
  3289.         clear: both;
  3290. }
  3291. #detailedinfo div.content dd, #tracking div.content dd
  3292. {
  3293.         width: 65%;
  3294.         float: left;
  3295.         margin: 0 0 3px 0;
  3296.         padding: 0;
  3297. }
  3298. #detailedinfo div.content dl.noborder
  3299. {
  3300.         border-bottom: 0;
  3301. }
  3302. #detailedinfo div.content dt.clear
  3303. {
  3304.         width: 100%;
  3305. }
  3306. .signature, .custom_fields_above_signature
  3307. {
  3308.         border-top: 1px #10131a solid;
  3309. }
  3310. .signature h5
  3311. {
  3312.         font-size: 0.85em;
  3313.         margin-bottom: 10px;
  3314. }
  3315. #personal_picture
  3316. {
  3317.         display: block;
  3318.         margin-bottom: 0.3em;
  3319. }
  3320. #avatar_server_stored div
  3321. {
  3322.         float: left;
  3323. }
  3324. #avatar_upload
  3325. {
  3326.         overflow: auto;
  3327. }
  3328. #main_admsection #basicinfo, #main_admsection #detailedinfo
  3329. {
  3330.         width: 100%;
  3331. }
  3332. #main_admsection #basicinfo h4
  3333. {
  3334.         float: left;
  3335.         width: 35%;
  3336. }
  3337. #main_admsection #basicinfo img.avatar
  3338. {
  3339.         float: right;
  3340.         vertical-align: top;
  3341. }
  3342. #main_admsection #basicinfo ul
  3343. {
  3344.         clear: left;
  3345. }
  3346. #main_admsection #basicinfo span#userstatus
  3347. {
  3348.         clear: left;
  3349. }
  3350. #main_admsection #basicinfo p#infolinks
  3351. {
  3352.         display: none;
  3353.         clear: both;
  3354. }
  3355. #main_admsection #basicinfo .botslice
  3356. {
  3357.         clear: both;
  3358. }
  3359.  
  3360. /* Simple feedback messages */
  3361. div#profile_error, div#profile_success
  3362. {
  3363.         margin: 0 0 1em 0;
  3364.         padding: 1em 2em;
  3365.         border: none;
  3366. }
  3367. div#profile_error
  3368. {
  3369.         border: none;
  3370.         color: #FFFFFF;
  3371.         background: #e74c3c;
  3372. }
  3373.  
  3374. div#profile_error span
  3375. {
  3376.         text-decoration: underline;
  3377. }
  3378.  
  3379. div#profile_success
  3380. {
  3381.         color: #FFFFFF;
  3382.         background: #2ecc71;
  3383.         border: none;
  3384. }
  3385.  
  3386. /* Profile statistics */
  3387. #generalstats div.content dt
  3388. {
  3389.         width: 50%;
  3390.         float: left;
  3391.         margin: 0 0 3px 0;
  3392.         padding: 0;
  3393.         font-weight: bold;
  3394.         clear: both;
  3395. }
  3396. #generalstats div.content dd
  3397. {
  3398.         width: 50%;
  3399.         float: left;
  3400.         margin: 0 0 3px 0;
  3401.         padding: 0;
  3402. }
  3403.  
  3404. /* Activity by time */
  3405. #activitytime
  3406. {
  3407.         margin: 6px 0;
  3408. }
  3409. .activity_stats
  3410. {
  3411.         margin: 0;
  3412.         padding: 0;
  3413.         list-style: none;
  3414. }
  3415. .activity_stats li
  3416. {
  3417.         margin: 0;
  3418.         padding: 0;
  3419.         width: 4.16%;
  3420.         float: left;
  3421. }
  3422. .activity_stats li span
  3423. {
  3424.         display: block;
  3425.         border: solid #000;
  3426.         border-width: 1px 1px 0 0;
  3427.         text-align: center;
  3428. }
  3429. .activity_stats li.last span
  3430. {
  3431.         border-right: none;
  3432. }
  3433. .activity_stats li div.bar
  3434. {
  3435.         margin: 0 auto;
  3436.         width: 15px;
  3437. }
  3438. .activity_stats li div.bar div
  3439. {
  3440.         background: orange;
  3441. }
  3442. .activity_stats li div.bar span
  3443. {
  3444.         position: absolute;
  3445.         top: -1000em;
  3446.         left: -1000em;
  3447. }
  3448.  
  3449. /* Most popular boards by posts and activity */
  3450. #popularposts
  3451. {
  3452.         width: 49.5%;
  3453.         float: left;
  3454. }
  3455. #popularactivity
  3456. {
  3457.         width: 49.5%;
  3458.         float: right;
  3459. }
  3460.  
  3461. #popularposts div.content dt, #popularactivity div.content dt
  3462. {
  3463.         width: 65%;
  3464.         float: left;
  3465.         margin: 0 0 3px 0;
  3466.         padding: 0;
  3467.         font-weight: bold;
  3468.         clear: both;
  3469. }
  3470. #popularposts div.content dd, #popularactivity div.content dd
  3471. {
  3472.         width: 35%;
  3473.         float: left;
  3474.         margin: 0 0 3px 0;
  3475.         padding: 0;
  3476. }
  3477.  
  3478. .profile_pie
  3479. {
  3480.         background-image: url(../images/stats_pie.png);
  3481.         float: left;
  3482.         height: 20px;
  3483.         width: 20px;
  3484.         margin: 0 1em 0 0;
  3485.         padding: 0;
  3486.         text-indent: -1000em;
  3487. }
  3488.  
  3489. /* View posts */
  3490. .topic .time
  3491. {
  3492.         float: right;
  3493. }
  3494.  
  3495. .counter
  3496. {
  3497.         margin: 0 0 0 0;
  3498.         padding: 0.2em 0.5em 0.1em 0.2em;
  3499.         font-size: 2.2em;
  3500.         font-weight: bold;
  3501.         color: #3f3f3f;
  3502.         float: left;
  3503. }
  3504. .list_posts
  3505. {
  3506.         border-top: 2px solid #b3b3bf;
  3507.         padding-top: 12px;
  3508.         margin-top: 6px;
  3509.         overflow: auto;
  3510. }
  3511.  
  3512. .core_posts
  3513. {
  3514.         margin-bottom: 3px;
  3515. }
  3516.  
  3517. .topic h4
  3518. {
  3519.         margin: 3px 0;
  3520. }
  3521.  
  3522. .topic .post
  3523. {
  3524.         margin: 0 1em;
  3525.         min-height: 80px;
  3526.         height: auto !important;
  3527.         height: 80px;
  3528. }
  3529.  
  3530. .topic .mod_icons
  3531. {
  3532.         text-align: right;
  3533.         margin-right: 1em;
  3534. }
  3535.  
  3536. #tracking div.content dl
  3537. {
  3538.         border-bottom: 0;
  3539.         margin: 0;
  3540.         padding: 0;
  3541. }
  3542.  
  3543. #creator dl
  3544. {
  3545.         margin: 0;
  3546. }
  3547. #creator dt
  3548. {
  3549.         width: 40%;
  3550.         float: left;
  3551.         clear: both;
  3552.         margin: 0 0 10px 0;
  3553. }
  3554. #creator dd
  3555. {
  3556.         float: right;
  3557.         width: 55%;
  3558.         margin: 0 0 10px 2px;
  3559.         overflow: auto;
  3560. }
  3561.  
  3562. .ignoreboards
  3563. {
  3564.         margin: 0 2%;
  3565.         padding: 0;
  3566.         width: 45%;
  3567. }
  3568. .ignoreboards a
  3569. {
  3570.         font-weight: bold;
  3571.         border-bottom: 1px solid #c4c4c4;
  3572.         padding: 0.1em 0;
  3573. }
  3574. .ignoreboards a:hover
  3575. {
  3576.         text-decoration: none;
  3577.         border-bottom: 1px solid #334466;
  3578. }
  3579. .ignoreboards ul
  3580. {
  3581.         margin: 0;
  3582.         padding: 0;
  3583. }
  3584. .ignoreboards li
  3585. {
  3586.         list-style: none;
  3587.         float: left;
  3588.         clear: both;
  3589. }
  3590. .ignoreboards li.category
  3591. {
  3592.         margin: 0.7em 0 0 0;
  3593.         width: 100%;
  3594. }
  3595. .ignoreboards li ul
  3596. {
  3597.         margin: 0.2em 0 0 0;
  3598. }
  3599. .ignoreboards li.category ul li.board
  3600. {
  3601.         width: 93%;
  3602. }
  3603.  
  3604. #theme_settings
  3605. {
  3606.         overflow: auto;
  3607.         margin: 0;
  3608.         padding: 0;
  3609. }
  3610.  
  3611. #theme_settings li
  3612. {
  3613.         list-style: none;
  3614.         margin: 10px 0;
  3615.         padding: 0;
  3616. }
  3617. /* Paid Subscriptions */
  3618. #paid_subscription
  3619. {
  3620.         width: 100%;
  3621. }
  3622. #paid_subscription dl.settings
  3623. {
  3624.         margin-bottom: 0;
  3625. }
  3626. #paid_subscription dl.settings dd, #paid_subscription dl.settings dt
  3627. {
  3628.         margin-bottom: 4px;
  3629. }
  3630. /* Pick theme */
  3631. #pick_theme
  3632. {
  3633.         width: 100%;
  3634.         float: left;
  3635. }
  3636. /*Issue a warning*/
  3637. #warn_body{
  3638.         width: 80%;
  3639.         font-size: 0.9em;
  3640. }
  3641.  
  3642. /* Styles for the statistics center.
  3643. ------------------------------------------------- */
  3644. #statistics
  3645. {
  3646.         padding: 0.5em 0;
  3647. }
  3648. #statistics div.title_bar
  3649. {
  3650.         margin: 4px 0 -2px 0;
  3651. }
  3652. #statistics h3.catbg
  3653. {
  3654.         text-align: center;
  3655. }
  3656. #statistics div.content
  3657. {
  3658.         min-height: 210px;
  3659. }
  3660. #statistics div.top_row
  3661. {
  3662.         min-height: 150px;
  3663. }
  3664. #stats_left, #top_posters, #top_topics_replies, #top_topics_starter
  3665. {
  3666.         float: left;
  3667.         width: 49.5%;
  3668. }
  3669. #stats_right, #top_boards, #top_topics_views, #most_online
  3670. {
  3671.         float: right;
  3672.         width: 49.5%;
  3673. }
  3674. dl.stats
  3675. {
  3676.         clear: both;
  3677.         overflow: hidden;
  3678.         margin: 0;
  3679.         padding: 0;
  3680. }
  3681. dl.stats dt
  3682. {
  3683.         width: 49%;
  3684.         float: left;
  3685.         margin: 0 0 4px 0;
  3686.         line-height: 16px;
  3687.         padding: 0;
  3688.         clear: both;
  3689.         font-size: 1em;
  3690. }
  3691. dl.stats dd
  3692. {
  3693.         text-align: right;
  3694.         width: 50%;
  3695.         font-size: 1em;
  3696.         float: right;
  3697.         margin: 0 0 4px 0;
  3698.         line-height: 16px;
  3699.         padding: 0;
  3700. }
  3701. .statsbar div.bar
  3702. {
  3703.         float: left;
  3704.         background: orange;
  3705.         display: block;
  3706.         margin: 0 4px;
  3707.         height: 16px;
  3708.         min-width: 17px;
  3709. }
  3710. .statsbar div.bar div
  3711. {
  3712.         position: relative;
  3713.         right: -4px;
  3714.         padding: 0 4px 0 0;
  3715.         background: orange;
  3716.         height: 16px;
  3717. }
  3718. tr.windowbg2 th.stats_month
  3719. {
  3720.         width: 25%;
  3721.         padding: 0 2em;
  3722.         text-align: left;
  3723. }
  3724. tr.windowbg2 td.stats_day
  3725. {
  3726.         padding: 0 3.5em;
  3727.         text-align: left;
  3728. }
  3729.  
  3730. /* Styles for the personal messages section.
  3731. ------------------------------------------------- */
  3732.  
  3733. #personal_messages h3 span#author, #personal_messages h3 span#topic_title
  3734. {
  3735.         float: left;
  3736. }
  3737. #personal_messages h3 span#author
  3738. {
  3739.         margin: 0 0 0 0.5em;
  3740. }
  3741. #personal_messages h3 span#topic_title
  3742. {
  3743.         margin: 0 0 0 9em;
  3744. }
  3745. #personal_messages div.labels
  3746. {
  3747.         padding: 0 1em 0 0;
  3748. }
  3749. #personal_messages .capacity_bar
  3750. {
  3751.         background: #f0f4f7;
  3752.         display: block;
  3753.         margin: 0.5em 0 0 1em;
  3754.         height: 1em;
  3755.         border: 1px solid #adadad;
  3756.         width: 10em;
  3757. }
  3758. #personal_messages .capacity_bar span
  3759. {
  3760.         border-right: 1px solid #adadad;
  3761.         display: block;
  3762.         height: 1em;
  3763. }
  3764. #personal_messages .capacity_bar span.empty
  3765. {
  3766.         background: #a6d69d;
  3767. }
  3768. #personal_messages .capacity_bar span.filled
  3769. {
  3770.         background: #eea800;
  3771. }
  3772. #personal_messages .capacity_bar span.full
  3773. {
  3774.         background: #f10909;
  3775. }
  3776. #personal_messages .reportlinks
  3777. {
  3778.         padding: 0.5em 1.3em;
  3779. }
  3780. #searchLabelsExpand li
  3781. {
  3782.         padding: 0.3em 0.5em;
  3783. }
  3784. #manrules div.righttext
  3785. {
  3786.         padding: 0.3em 0.1em;
  3787. }
  3788. dl.addrules dt.floatleft
  3789. {
  3790.         width: 15em;
  3791.         color: #333;
  3792.         padding: 0 1.25em 0.5em 1.25em;
  3793. }
  3794. #addrule fieldset
  3795. {
  3796.         clear: both;
  3797. }
  3798.  
  3799. /* Styles for the calendar section.
  3800. ------------------------------------------------- */
  3801. .calendar_table
  3802. {
  3803.         margin-bottom: 0.7em;
  3804. }
  3805.  
  3806. /* Used to indicate the current day in the grid. */
  3807. .calendar_today
  3808. {
  3809.     background-color: #f1cf2b;
  3810.     color:black;
  3811. }
  3812. .calendar_today a
  3813. {
  3814.     color:#8c8b8c;
  3815. }
  3816.  
  3817. #month_grid
  3818. {
  3819.         width: 200px;
  3820.         text-align: center;
  3821.         float: left;
  3822. }
  3823. #month_grid div.cat_bar
  3824. {
  3825.         height: 25px;
  3826. }
  3827. #month_grid h3.catbg
  3828. {
  3829.         height: 25px;
  3830.         line-height: 27px;
  3831. }
  3832. #month_grid table
  3833. {
  3834.         width: 200px;
  3835. }
  3836. #main_grid table
  3837. {
  3838.         width: 100%;
  3839.         padding-bottom: 4px;
  3840. }
  3841. #main_grid table h3.catbg
  3842. {
  3843.         text-align: center;
  3844.         height: 29px;
  3845.         border-top: 2px solid #fff;
  3846.         border-bottom: none;
  3847. }
  3848. #main_grid table.weeklist td.windowbg
  3849. {
  3850.         text-align: center;
  3851.         height: 49px;
  3852.         width: 25px;
  3853.         font-size: large;
  3854.         padding: 0 7px;
  3855.         border-bottom: 2px solid #fff;
  3856. }
  3857. #main_grid table.weeklist td.weekdays
  3858. {
  3859.         height: 49px;
  3860.         width: 100%;
  3861.         padding: 4px;
  3862.         text-align: left;
  3863.         vertical-align: middle;
  3864.         border-bottom: 2px solid #fff;
  3865. }
  3866. #main_grid h3.weekly
  3867. {
  3868.         text-align: center;
  3869.         padding-left: 0;
  3870.         font-size: large;
  3871.         height: 29px;
  3872. }
  3873. #main_grid h3 span.floatleft, #main_grid h3 span.floatright
  3874. {
  3875.         display: block;
  3876.         font-weight: bold;
  3877. }
  3878. #main_grid table th.days
  3879. {
  3880.         width: 14%;
  3881.         padding: 4px 0;
  3882. }
  3883. #main_grid table.weeklist h4.titlebg
  3884. {
  3885.         margin: 0 0 0 0;
  3886.         height: 23px;
  3887.         line-height: 27px;
  3888. }
  3889. #main_grid table td.weeks
  3890. {
  3891.         vertical-align: middle;
  3892.         text-align: center;
  3893.         font-weight: bold;
  3894.         font-size: large;
  3895. }
  3896. #main_grid table td.days
  3897. {
  3898.         vertical-align: top;
  3899.         text-align: center;
  3900. }
  3901.  
  3902. a.modify_event
  3903. {
  3904.         color: red;
  3905. }
  3906.  
  3907. span.hidelink
  3908. {
  3909.         font-style: italic;
  3910. }
  3911.  
  3912. #calendar_navigation
  3913. {
  3914.         text-align: center;
  3915. }
  3916.  
  3917. /* Styles for the memberlist section.
  3918. ------------------------------------------------- */
  3919. #mlist_search
  3920. {
  3921.         margin: auto;
  3922.         width: 500px;
  3923. }
  3924.  
  3925. /* Styles for the basic search section.
  3926. ------------------------------------------------- */
  3927. #searchform, #simple_search p
  3928. {
  3929.         padding: 0.5em;
  3930.         margin: 0;
  3931. }
  3932. #simple_search, #simple_search p, #advanced_search
  3933. {
  3934.         text-align: center !important;
  3935.         margin: 0;
  3936. }
  3937. #search_error
  3938. {
  3939.         font-style: italic;
  3940.         padding: 0.3em 1em;
  3941. }
  3942. #search_term_input
  3943. {
  3944.         font-size: 115%;
  3945.         margin: 0 0 1em;
  3946. }
  3947.  
  3948. /* Styles for the advanced search section.
  3949. ------------------------------------------------- */
  3950. #searchform fieldset
  3951. {
  3952.         text-align: left;
  3953.         padding: 0;
  3954.         border: none;
  3955. }
  3956. #advanced_search dl#search_options
  3957. {
  3958.         margin: 0 auto;
  3959.         width: 600px;
  3960.         padding-top: 1em;
  3961.         overflow: hidden;
  3962. }
  3963. #advanced_search dt
  3964. {
  3965.         clear: both;
  3966.         float: left;
  3967.         padding: 0.2em;
  3968.         text-align: right;
  3969.         width: 20%;
  3970. }
  3971. #advanced_search dd
  3972. {
  3973.         width: 75%;
  3974.         float: left;
  3975.         padding: 0.2em;
  3976.         margin: 0 0 0 0.5em;
  3977.         text-align: left;
  3978. }
  3979. #searchform p.clear
  3980. {
  3981.         clear: both;
  3982. }
  3983.  
  3984. /* Styles for the search results page.
  3985. ------------------------------------------------- */
  3986. .topic_table td blockquote, .topic_table td .quoteheader
  3987. {
  3988.         margin: 0.5em;
  3989. }
  3990. .search_results_posts
  3991. {
  3992.         overflow: hidden;
  3993. }
  3994. .search_results_posts .buttons
  3995. {
  3996.         padding: 5px 1em 0 0;
  3997. }
  3998.  
  3999. /* Styles for the help section.
  4000. ------------------------------------------------- */
  4001.  
  4002. #help_container
  4003. {
  4004.         margin: 4px 0 0 0;
  4005.         padding: 0 0 8px 0;
  4006. }
  4007. #helpmain
  4008. {
  4009.         padding: 0 1em;
  4010. }
  4011. #helpmain p
  4012. {
  4013.         margin: 0 0 1.5em 0;
  4014.         line-height: 1.5em;
  4015. }
  4016. #helpmain ul
  4017. {
  4018.         line-height: 1.5em;
  4019. }
  4020. /* Some lovely generic icons.
  4021. ------------------------------------------------- */
  4022. .generic_icons {
  4023.         width: 16px;
  4024.         height: 16px;
  4025.         display: inline-block;
  4026.         background: url(../images/generic_icons.png) no-repeat -1px 0;
  4027.         vertical-align: middle;
  4028. }
  4029. .generic_icons.gender_None {
  4030.         background: none;
  4031. }
  4032. /* This is a small fix for dropmenu icons */
  4033. .dropmenu .generic_icons, #profile_menu .generic_icons, .dropmenu img {
  4034.         margin: -3px 8px 0 0;
  4035. }
  4036. /* Top row */
  4037. .generic_icons.help {
  4038.         background-position: -1px 0;
  4039.         margin: 0 5px 3px 0;
  4040. }
  4041. .generic_icons.gender_Female {
  4042.         background-position: -17px 0;
  4043. }
  4044. .generic_icons.last_post {
  4045.         background-position: -32px 0;
  4046. }
  4047. .generic_icons.mail {
  4048.         background-position: -49px 0;
  4049. }
  4050. .generic_icons.liked_users, .generic_icons.liked_messages, .generic_icons.like {
  4051.         background-position: -65px 0;
  4052. }
  4053. .generic_icons.sort_up {
  4054.         background-position: -80px 0;
  4055. }
  4056. .generic_icons.delete, .generic_icons.hide_popup, .generic_icons.prune {
  4057.         background-position: -96px 0;
  4058. }
  4059. .generic_icons.sticky {
  4060.         background-position: -112px 0;
  4061. }
  4062. /* 2nd row */
  4063. .generic_icons.error {
  4064.         background-position: 0 -16px;
  4065. }
  4066. .generic_icons.gender_Male {
  4067.         background-position: -16px -16px;
  4068. }
  4069. .generic_icons.www {
  4070.         background-position: -32px -16px;
  4071. }
  4072. .generic_icons.mail_new {
  4073.         background-position: -48px -16px;
  4074. }
  4075. .generic_icons.unlike {
  4076.         background-position: -65px -16px;
  4077. }
  4078. .generic_icons.sort_down {
  4079.         background-position: -80px -16px;
  4080. }
  4081. .generic_icons.filter {
  4082.         background-position: -97px -16px;
  4083.         margin: 0 5px 0 0;
  4084. }
  4085. .generic_icons.lock {
  4086.         background-position: -113px -16px;
  4087. }
  4088. /* 3rd row */
  4089. .generic_icons.valid {
  4090.         background-position: 0 -32px;
  4091. }
  4092. .generic_icons.check {
  4093.         background-position: -16px -32px;
  4094. }
  4095. .generic_icons.invalid {
  4096.         background-position: -32px -32px;
  4097. }
  4098. .generic_icons.watch {
  4099.         background-position: -96px -32px;
  4100. }
  4101. .generic_icons.move {
  4102.         background-position: -112px -32px;
  4103. }
  4104. /* 4th row */
  4105. .generic_icons.general, .generic_icons.boards, .generic_icons.topics_views {
  4106.         background-position: 0 -48px;
  4107. }
  4108. .generic_icons.posters {
  4109.         background-position: -16px -48px;
  4110. }
  4111. .generic_icons.replies, .generic_icons.topics_replies {
  4112.         background-position: -32px -48px;
  4113. }
  4114. .generic_icons.history, .generic_icons.time_online, .generic_icons.scheduled {
  4115.         background-position: -49px -48px;
  4116. }
  4117. .generic_icons.views {
  4118.         background-position: -64px -48px;
  4119. }
  4120. .generic_icons.starters, .generic_icons.people, .generic_icons.membergroups, .generic_icons.mlist {
  4121.         background-position: -80px -48px;
  4122. }
  4123. .generic_icons.poll {
  4124.         background-position: -97px -48px;
  4125. }
  4126. /* 5th row */
  4127. .generic_icons.inbox {
  4128.         background-position: 0 -64px;
  4129. }
  4130. .generic_icons.switch {
  4131.         background-position: -17px -64px;
  4132. }
  4133. .generic_icons.replied, .generic_icons.send {
  4134.         background-position: -32px -64px;
  4135. }
  4136. .generic_icons.im_on {
  4137.         background-position: -48px -64px;
  4138. }
  4139. .generic_icons.im_off {
  4140.         background-position: -64px -64px;
  4141. }
  4142. .generic_icons.del_small {
  4143.         background-position: -80px -64px;
  4144.         cursor: pointer;
  4145.         width: 9px;
  4146.         height: 9px;
  4147. }
  4148. .generic_icons.split_desel {
  4149.         background-position: -96px -64px;
  4150. }
  4151. .generic_icons.split_sel {
  4152.         background-position: -112px -64px;
  4153. }
  4154. /* 6th row */
  4155. .generic_icons.warning_mute {
  4156.         background-position: 0px -80px;
  4157. }
  4158. .generic_icons.warning_moderate {
  4159.         background-position: -16px -80px;
  4160. }
  4161. .generic_icons.warning_watch {
  4162.         background-position: -32px -80px;
  4163. }
  4164. .generic_icons.openid {
  4165.         background-position: -48px -80px;
  4166. }
  4167. .generic_icons.calendar_export {
  4168.         background-position: -64px -80px;
  4169. }
  4170. .generic_icons.calendar {
  4171.         background-position: -80px -80px;
  4172. }
  4173. .generic_icons.calendar_modify {
  4174.         background-position: -96px -80px;
  4175. }
  4176. .generic_icons.plus {
  4177.         background-position: -112px -80px;
  4178. }
  4179. /* 7th row */
  4180. .generic_icons.warning, .generic_icons.moderate {
  4181.         background-position: 0 -97px;
  4182. }
  4183. .generic_icons.themes {
  4184.         background-position: -19px -97px;
  4185. }
  4186. .generic_icons.support {
  4187.         background-position: -36px -97px;
  4188. }
  4189. .generic_icons.stats {
  4190.         background-position: -54px -97px;
  4191. }
  4192. .generic_icons.right_arrow {
  4193.         background-position: -72px -102px;
  4194. }
  4195. .generic_icons.left_arrow {
  4196.         background-position: -86px -102px;
  4197. }
  4198. .generic_icons.smiley {
  4199.         background-position: -95px -97px;
  4200. }
  4201. .generic_icons.server {
  4202.         background-position: -112px -97px;
  4203. }
  4204. /* 8th row */
  4205. .generic_icons.security {
  4206.         background-position: 0 -114px;
  4207. }
  4208. .generic_icons.ban, .generic_icons.ignore {
  4209.         background-position: -18px -113px;
  4210. }
  4211. .generic_icons.boards  {
  4212.         background-position: -35px -113px;
  4213. }
  4214. .generic_icons.regcenter {
  4215.         background-position: -55px -113px;
  4216. }
  4217. .generic_icons.posts {
  4218.         background-position: -74px -112px;
  4219. }
  4220. .generic_icons.post_moderation_moderate {
  4221.         background-position: -92px -113px;
  4222. }
  4223. .generic_icons.post_moderation_deny {
  4224.         background-position: -112px -113px;
  4225. }
  4226. /* 9th row */
  4227. .generic_icons.post_moderation_attach {
  4228.         background-position: -1px -130px;
  4229. }
  4230. .generic_icons.post_moderation_allow {
  4231.         background-position: -15px -129px;
  4232.         margin: 0 2px 0 -2px;
  4233. }
  4234. .generic_icons.personal_message {
  4235.         background-position: -31px -130px;
  4236. }
  4237. .generic_icons.permissions, .generic_icons.signup {
  4238.         background-position: -46px -130px;
  4239.         width: 12px;
  4240.         margin: -3px 11px 0 2px;
  4241. }
  4242. .generic_icons.paid {
  4243.         background-position: -59px -130px;
  4244. }
  4245. .generic_icons.packages {
  4246.         background-position: -76px -128px;
  4247. }
  4248. .generic_icons.package_ops {
  4249.         background-position: -92px -130px;
  4250. }
  4251. .generic_icons.reports {
  4252.         background-position: -112px -130px;
  4253. }
  4254. /* 10th row */
  4255. .generic_icons.news {
  4256.         background-position: -2px -149px;
  4257. }
  4258. .generic_icons.modifications {
  4259.         background-position: -22px -148px;
  4260. }
  4261. .generic_icons.maintain, .generic_icons.admin {
  4262.         background-position: -39px -147px;
  4263. }
  4264. .generic_icons.administration, .generic_icons.home {
  4265.         background-position: -57px -147px;
  4266. }
  4267. .generic_icons.frenemy {
  4268.         background-position: -74px -147px;
  4269. }
  4270. .generic_icons.attachment {
  4271.         background-position: -94px -148px;
  4272. }
  4273. .generic_icons.languages {
  4274.         background-position: -110px -149px;
  4275. }
  4276. /* 11th row */
  4277. .generic_icons.members_request {
  4278.         background-position: -1px -166px;
  4279. }
  4280. .generic_icons.members_delete {
  4281.         background-position: -20px -165px;
  4282. }
  4283. .generic_icons.members {
  4284.         background-position: -39px -166px;
  4285. }
  4286. .generic_icons.members_watched {
  4287.         background-position: -55px -165px;
  4288. }
  4289. .generic_icons.corefeatures, .generic_icons.settings, .generic_icons.manrules, .generic_icons.manlabels {
  4290.         background-position: -75px -166px;
  4291. }
  4292. .generic_icons.calendar {
  4293.         background-position: -93px -166px;
  4294. }
  4295. .generic_icons.logs {
  4296.         background-position: -110px -165px;
  4297. }
  4298. /* 12th row */
  4299. .generic_icons.search, .generic_icons.engines {
  4300.         background-position: 0 -182px;
  4301. }
  4302. .generic_icons.features {
  4303.         background-position: -22px -184px;
  4304. }
  4305. .generic_icons.exit, .generic_icons.logout {
  4306.         background-position: -39px -183px;
  4307. }
  4308. .generic_icons.drafts {
  4309.         background-position: -55px -182px;
  4310. }
  4311. .generic_icons.current_theme {
  4312.         background-position: -73px -183px;
  4313. }
  4314. .generic_icons.change_menu2, .generic_icons.sent {
  4315.         background-position: -94px -185px;
  4316.         margin: 5px 5px 0px 0px;
  4317. }
  4318. .generic_icons.change_menu {
  4319.         background-position: -110px -185px;
  4320. }
  4321. /* 13th row */
  4322. .generic_icons.approve {
  4323.         background-position: -1px -200px;
  4324. }
  4325. .generic_icons.close {
  4326.         background-position: -19px -200px;
  4327. }
  4328. .generic_icons.details {
  4329.         background-position: -37px -200px;
  4330. }
  4331. /* Styles for print media.
  4332. ------------------------------------------------------- */
  4333. @media print
  4334. {
  4335.         #headerarea
  4336.         {
  4337.                 display: none;
  4338.         }
  4339.  
  4340.         .tborder
  4341.         {
  4342.                 border: none;
  4343.         }
  4344. }
  4345.  
  4346.  
  4347. /* Theme styles */
  4348. #header {
  4349.         background-color: transparent;
  4350.         height: 300px;
  4351. }
  4352. .fade-carousel {
  4353.     position: relative;
  4354.     height: 300px;
  4355. }
  4356. .fade-carousel .carousel-inner .item {
  4357.     height: 300px;
  4358. }
  4359. .hero {
  4360.     width: 100%;
  4361.     position: absolute;
  4362.     top: 50%;
  4363.     left: 50%;
  4364.     z-index: 99;
  4365.     color: #FFFFFF;
  4366.     text-align: center;
  4367.  
  4368.         -webkit-transform: translate3d(-50%,-50%,0);
  4369.         -moz-transform: translate3d(-50%,-50%,0);
  4370.         -ms-transform: translate3d(-50%,-50%,0);
  4371.         -o-transform: translate3d(-50%,-50%,0);
  4372.         transform: translate3d(-50%,-50%,0);
  4373. }
  4374. .hero h1 {
  4375.     font-size: 36px;    
  4376.     font-weight: bold;
  4377.     margin: 0;
  4378.     padding: 0 0 5px 0;
  4379.         color: #FFFFFF;
  4380. }
  4381. .hero h3 {
  4382.         font-size: 16px;
  4383.     margin: 0;
  4384.     padding: 0;
  4385.         color: #DDDDDD;
  4386. }
  4387. .hero h3 img {
  4388.         vertical-align: middle;
  4389.         margin-top: -2px;
  4390. }
  4391. .fade-carousel .carousel-inner .item .hero {
  4392.     opacity: 0;
  4393.         -webkit-transition: 2s all ease-in-out .1s;
  4394.         -moz-transition: 2s all ease-in-out .1s;
  4395.         -ms-transition: 2s all ease-in-out .1s;
  4396.         -o-transition: 2s all ease-in-out .1s;
  4397.         transition: 2s all ease-in-out .1s;
  4398. }
  4399. .fade-carousel .carousel-inner .item.active .hero {
  4400.     opacity: 1;
  4401.         -webkit-transition: 2s all ease-in-out .1s;
  4402.         -moz-transition: 2s all ease-in-out .1s;
  4403.         -ms-transition: 2s all ease-in-out .1s;
  4404.         -o-transition: 2s all ease-in-out .1s;
  4405.         transition: 2s all ease-in-out .1s;    
  4406. }
  4407. .hero a {
  4408.         display: inline-block;
  4409.         padding: 10px 20px;
  4410.         border: 1px solid #f1cf2b;
  4411.         margin-top: 20px;
  4412.         text-transform: uppercase;
  4413.         -webkit-border-radius: 100px;
  4414.         -moz-border-radius: 100px;
  4415.         border-radius: 100px;
  4416. }
  4417. .hero a:hover {
  4418.         background-color: #f1cf2b;
  4419.         color: black;
  4420. }
  4421. .fade-carousel .slides .slide-1,
  4422. .fade-carousel .slides .slide-2,
  4423. .fade-carousel .slides .slide-3 {
  4424.         height: 300px;
  4425.         background-size: cover;
  4426.         background-position: center center;
  4427.         background-repeat: no-repeat;
  4428. }
  4429. .fade-carousel .slides .slide-1 {
  4430.         background-image: url(../images/slider/1.jpg);
  4431. }
  4432. .fade-carousel .slides .slide-2 {
  4433.         background-image: url(../images/slider/2.jpg);
  4434. }
  4435. .fade-carousel .slides .slide-3 {
  4436.         background-image: url(../images/slider/3.jpg);
  4437. }
  4438. .navbar-nav > li > a {
  4439.         display: inline-block;
  4440.         vertical-align: middle;
  4441.         -webkit-transform: perspective(1px) translateZ(0);
  4442.         transform: perspective(1px) translateZ(0);
  4443.         box-shadow: 0 0 1px transparent;
  4444.         position: relative;
  4445.         overflow: hidden;
  4446. }
  4447. .navbar-nav > li > a:before {
  4448.         content: "";
  4449.         position: absolute;
  4450.         z-index: -1;
  4451.         left: 50%;
  4452.         right: 50%;
  4453.         bottom: 0;
  4454.         background: #f1cf2b;
  4455.         height: 4px;
  4456.         -webkit-transition-property: left, right;
  4457.         transition-property: left, right;
  4458.         -webkit-transition-duration: 0.3s;
  4459.         transition-duration: 0.3s;
  4460.         -webkit-transition-timing-function: ease-out;
  4461.         transition-timing-function: ease-out;
  4462. }
  4463. .navbar-nav > li > a:hover:before, .navbar-nav > li > a:focus:before, .navbar-nav > li > a:active:before {
  4464.         left: 0;
  4465.         right: 0;
  4466. }
  4467. li#button_pm strong {
  4468.         color: #EF4836;
  4469. }
  4470. .logo a {
  4471.     background: url(../images/boban/logo.png) no-repeat;
  4472.     display: block;
  4473.     width: 331px;
  4474.     height: 92px;
  4475.     float: left;
  4476.     margin-top: 11px;
  4477.     margin-left: 5px;
  4478.     background-size: contain;
  4479. }
  4480. .new-linktree {
  4481.         background-color: #151821;
  4482.         height: 50px;
  4483.         line-height: 50px;
  4484.         margin-bottom: 30px;
  4485. }
  4486. .linktree-icon i {
  4487.         float: left;
  4488.         margin-top: 8px;
  4489.         margin-right: 10px;
  4490.         text-align: center;
  4491.         font-size: 18px;
  4492.         width: 35px;
  4493.         height: 35px;
  4494.         line-height: 35px;
  4495.         border: 1px solid #f1cf2b;
  4496.         -webkit-border-radius: 100px;
  4497.         -moz-border-radius: 100px;
  4498.         border-radius: 100px;
  4499. }
  4500. .social-icons {
  4501.         float: right;
  4502.         margin-top: 1px;
  4503. }
  4504. .social-icons ul {
  4505.         padding: 0;
  4506.         margin: 0;
  4507.         list-style: none;
  4508. }
  4509. .social-icons ul li {
  4510.         display: inline-block;
  4511.         margin-left: 10px;
  4512. }
  4513. .social-icons ul li a {
  4514.         color: #FFFFFF;
  4515.         display: block;
  4516.         height: 35px;
  4517.         width: 35px;
  4518.         text-align: center;
  4519.         border: 1px solid #f1cf2b;
  4520.         -webkit-border-radius: 100px;
  4521.         -moz-border-radius: 100px;
  4522.         border-radius: 100px;
  4523. }
  4524. .social-icons ul li a:hover {
  4525.         background: #f1cf2b;
  4526.         color:black;
  4527. }
  4528. .social-icons ul li i {
  4529.         line-height: 35px;
  4530.         font-size: 15px;
  4531. }
  4532. .idinalink {
  4533.         text-align: center;
  4534.         font-style: italic;
  4535.         line-height: 43px;
  4536. }
  4537. table.table_list {
  4538.         border-collapse: collapse;
  4539.         border-spacing: 0;
  4540. }
  4541. .board-bg {
  4542.         background-color: #151821;
  4543. }
  4544. .board-lastavatar img {
  4545.         float: left;
  4546.         height: 40px;
  4547.         width: 40px;
  4548.         padding: 0;
  4549.         margin-top: 2px;
  4550.         margin-right: 7px;
  4551.         border: 1px solid #10131a;
  4552.         background: #f5f5f5; /* Old browsers */
  4553.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  4554.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  4555.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  4556.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  4557.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  4558.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  4559.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  4560. }
  4561. .avatarzaporuke img {
  4562.         border: 1px solid #10131a;
  4563.         height: 30px;
  4564.         width: 30px;
  4565.         background: #f5f5f5; /* Old browsers */
  4566.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  4567.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  4568.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  4569.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  4570.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  4571.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  4572.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  4573. }
  4574. .table_grid .icon2 {
  4575.         width: 8%;
  4576. }
  4577. .table_list .section-header td, .table_grid .section-header th {
  4578.         background: #151821;
  4579.         line-height: 30px;
  4580.         padding: 0 8px;
  4581. }
  4582. .table_list .section-header td, .table_grid .section-header th, .table_grid .section-header a {
  4583.         font-size: 12px;
  4584.         font-weight: normal;
  4585. }
  4586. .calendar_table tr th {
  4587.         color: #FFFFFF;
  4588.         font-weight: normal;
  4589. }
  4590. .table_list .divider td {
  4591.         height: 15px;
  4592. }
  4593. tr.message-bg td {
  4594.         background: #10131a;
  4595.         border-bottom: 1px solid #f1cf2b;
  4596.         border-top: 1px solid #10131a;
  4597.         color: #FFFFFF;
  4598.         font-size: 12px;
  4599.         font-weight: normal;
  4600.         line-height: 22px;
  4601. }
  4602. .recent-main {
  4603.         max-height: 280px;
  4604. }
  4605. .top-main {
  4606.         max-height: 200px;
  4607. }
  4608. td.post-recentpost {
  4609.         width: 94%;
  4610. }
  4611. td.post-recentpost p {
  4612.         padding: 0;
  4613.         margin: 0;
  4614.         font-size: 12px;
  4615. }
  4616. td.post-time {
  4617.         width: 3%;
  4618. }
  4619. td.post-time i {
  4620.         font-size: 18px;
  4621.         cursor: pointer;
  4622. }
  4623. .avatar-recentpost img {
  4624.         border: 1px solid #10131a;
  4625.         height: 35px;
  4626.         width: 35px;
  4627.         margin-bottom: 5px;
  4628.         margin-right: 7px;
  4629.         background: #f5f5f5; /* Old browsers */
  4630.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  4631.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  4632.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  4633.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  4634.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  4635.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  4636.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  4637. }
  4638. .sidebar-bg {
  4639.         background: #151821;
  4640.         padding: 10px;
  4641.         margin-bottom: 15px;
  4642.         word-break: break-all;
  4643. }
  4644. .myavatar {
  4645.         margin: 0 auto;
  4646.         text-align: center;
  4647. }
  4648. .myavatar img {
  4649.         height: 90px;
  4650.         width: 90px;
  4651.         border: 1px solid #10131a;
  4652.         background: #f5f5f5; /* Old browsers */
  4653.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  4654.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  4655.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  4656.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  4657.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  4658.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  4659.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  4660. }
  4661. .myname {
  4662.         font-size: 18px;
  4663.         text-align: center;
  4664.         margin-top: 10px;
  4665. }
  4666. .myinfo ul {
  4667.         display: inline-block;
  4668.         padding: 7px 15px 0 0;
  4669.         margin: 7px 15px 0 0;
  4670.         list-style: none;
  4671.         text-align: left;
  4672. }
  4673. span.myalert {
  4674.         background-color: #e74c3c;
  4675.         color: #FFFFFF;
  4676.         height: 18px;
  4677.         width: 18px;
  4678.         display: inline-block;
  4679.         line-height: 18px;
  4680.         text-align: center;
  4681.         font-size: 12px;
  4682.         -webkit-border-radius: 3px;
  4683.         -moz-border-radius: 3px;
  4684.         border-radius: 3px;
  4685. }
  4686. .guest-login {
  4687.         margin: 0 auto;
  4688.         text-align: center;
  4689. }
  4690. .login-input {
  4691.         margin-bottom: 10px;
  4692. }
  4693. .login-input input {
  4694.         height: 35px;
  4695.         padding-left: 10px;
  4696.         width: 100%;
  4697. }
  4698. .memlist-avatar img {
  4699.         height: 55px;
  4700.         width: 55px;
  4701.         background: #f5f5f5; /* Old browsers */
  4702.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  4703.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  4704.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  4705.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  4706.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  4707.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  4708.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  4709. }
  4710. span.memlist-on {
  4711.         font-size: 12px;
  4712.         color: #2ECC71;
  4713. }
  4714. span.memlist-off {
  4715.         font-size: 12px;
  4716.         color: #EF4836;
  4717. }
  4718. .poster-buttons {
  4719.     float: right;
  4720.     position: relative;
  4721.     margin-top: -52px;
  4722.     margin-right: 8px;
  4723. }
  4724. .poster-buttons ul {
  4725.         list-style: none;
  4726.         padding: 0;
  4727.         margin: 0;
  4728. }
  4729. .poster-buttons ul li {
  4730.         float: left;
  4731.         margin-left: 7px;
  4732. }
  4733. .poster-buttons ul li i {
  4734.         font-size: 16px;
  4735.         vertical-align: middle;
  4736.         margin-right: 7px;
  4737. }
  4738. .poster-buttons ul li a {
  4739.         background: #151821;
  4740.         color: #FFFFFF;
  4741.         padding: 5px 15px 5px 10px;
  4742. }
  4743. .poster-buttons ul li a:hover {
  4744.         background: #f1cf2b;
  4745.         color: #000000;
  4746. }
  4747. .login-main {
  4748.         width: 40%;
  4749.         margin: 0 auto;
  4750.         border: 1px solid #10131a;
  4751. }
  4752. .login-header {
  4753.         height: 60px;
  4754.         line-height: 60px;
  4755.         color: #FFFFFF;
  4756.         background: #f1cf2b;
  4757.         text-align: center;
  4758.         text-transform: uppercase;
  4759.         font-size: 18px;
  4760. }
  4761. .login-bg {
  4762.         background: #151821;
  4763.         padding: 20px;
  4764.         text-align: center;
  4765. }
  4766. .form-group-one {
  4767.         margin-bottom: 15px;
  4768. }
  4769. .form-group-one label {
  4770.         float: left;
  4771.         padding-left: 22px;
  4772. }
  4773. .form-group-one input {
  4774.         background: #1b1d29;
  4775.         border: 1px solid #10131a;
  4776.         height: 35px;
  4777.         line-height: 35px;
  4778.         padding-left: 10px;
  4779.         width: 90%;
  4780. }
  4781. input.min-input {
  4782.         background: #1b1d29;
  4783.         border: 1px solid #10131a;
  4784.         height: 31px;
  4785.         line-height: 31px;
  4786.         text-align: center;
  4787.         display: inline-block;
  4788.         margin-top: 6px;
  4789. }
  4790. a.decrement_qty {
  4791.         background: #1b1d29;
  4792.         border: 1px solid #10131a;
  4793.         padding: 6px 13px 6px 13px;
  4794.         text-align: center;
  4795.         display: inline-block;
  4796.         color: #f1cf2b;
  4797.         margin: -4px;
  4798.         -webkit-border-top-left-radius: 5px;
  4799.         -webkit-border-bottom-left-radius: 5px;
  4800.         -moz-border-radius-topleft: 5px;
  4801.         -moz-border-radius-bottomleft: 5px;
  4802.         border-top-left-radius: 5px;
  4803.         border-bottom-left-radius: 5px;
  4804. }
  4805. a.increment_qty {
  4806.         background: #1b1d29;
  4807.         border: 1px solid #10131a;
  4808.         padding: 6px 13px 6px 13px;
  4809.         text-align: center;
  4810.         display: inline-block;
  4811.         color: #f1cf2b;
  4812.         margin: -4px;
  4813.         -webkit-border-top-right-radius: 5px;
  4814.         -webkit-border-bottom-right-radius: 5px;
  4815.         -moz-border-radius-topright: 5px;
  4816.         -moz-border-radius-bottomright: 5px;
  4817.         border-top-right-radius: 5px;
  4818.         border-bottom-right-radius: 5px;
  4819. }
  4820. a.decrement_qty:hover, a.increment_qty:hover {
  4821.         color: #FFFFFF;
  4822.         background: #f1cf2b;
  4823. }
  4824. #profileview {
  4825.         width: 90%;
  4826.         margin: 20px auto;
  4827. }
  4828. .profile-cover {
  4829.         float: left;
  4830.         width: 80%;
  4831.         height: 195px;
  4832.     overflow: hidden;
  4833.     position: relative;
  4834. }
  4835. .profile-cover img {
  4836.     top: 0px;
  4837.     left: 0px;
  4838.         min-width: 100%;
  4839.         min-height: 195px;
  4840. }
  4841. .profile-info {
  4842.         height: 195px;
  4843.         width: 20%;
  4844.         background: #151821;
  4845.         float: right;
  4846.         text-align: center;
  4847.         color: #FFFFFF;
  4848.         text-transform: uppercase;
  4849. }
  4850. .profile-info-top {
  4851.         padding-top: 15px;
  4852. }
  4853. .profile-info-top span {
  4854.         font-size: 24px;
  4855. }
  4856. .profile-info-bottom {
  4857.         padding-top: 18px;
  4858. }
  4859. .profile-avatar img {
  4860.         margin-top: 20px;
  4861.         margin-left: 20px;
  4862.         min-width: 130px;
  4863.         min-height: 130px;
  4864.         max-width: 130px;
  4865.         max-height: 130px;
  4866.         position: absolute;
  4867.         border: 1px solid #10131a;
  4868.         background: #f5f5f5; /* Old browsers */
  4869.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  4870.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  4871.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  4872.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  4873.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  4874.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  4875.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  4876. }
  4877. .profile-cover-info {
  4878.         position: absolute;
  4879.         margin-left: 160px;
  4880.         margin-top: 40px;
  4881.         color: #FFFFFF;
  4882.         text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  4883. }
  4884. .profile-cover-info ul {
  4885.         list-style: none;
  4886.         padding: 0;
  4887.         margin: 0;
  4888.         font-size: 16px;
  4889.         line-height: 22px;
  4890. }
  4891. li.profile-name {
  4892.         font-size: 26px;
  4893.         padding-bottom: 5px;
  4894. }
  4895. .profile-block {
  4896.         float: left;
  4897.         width: 49%;
  4898.         margin-top: 20px;
  4899. }
  4900. .profile-block2 {
  4901.         float: right;
  4902.         width: 49%;
  4903.         margin-top: 20px;
  4904. }
  4905. .profile-block-sig {
  4906.         float: left;
  4907.         width: 100%;
  4908.         margin-top: 20px;
  4909. }
  4910. .profile-lastlogin {
  4911.         position: absolute;
  4912.         height: 30px;
  4913.         line-height: 30px;
  4914.         width: 100%;
  4915.         bottom: 0;
  4916.         border-top: 1px solid #10131a;
  4917.         background-color: rgba(21, 24, 33, 0.5);
  4918. }
  4919. .profile-lastlogin a {
  4920.         color: #FFFFFF;
  4921.         padding-left: 10px;
  4922.         display: inline-block;
  4923. }
  4924. .profile-lastlogin a:hover {
  4925.         color: #f1cf2b;
  4926. }
  4927. .profile-lastlogin i {
  4928.         display: none;
  4929.         font-size: 16px;
  4930.         height: 30px;
  4931.         width: 40px;
  4932.         line-height: 30px;
  4933.         text-align: center;
  4934.         border-left: 1px solid #10131a;
  4935.         border-right: 1px solid #10131a;
  4936. }
  4937. .scroll-to-top {
  4938.     position: fixed;
  4939.     display: block;
  4940.     right: -100px;
  4941.     bottom: 60px;
  4942.     width: 45px;
  4943.     height: 45px;
  4944.     background-color: #f1cf2b;
  4945.     text-align: center;
  4946.     z-index: 10;
  4947.     transition: all .5s ease;
  4948.     -webkit-transition: all .5s ease;
  4949.     -moz-transition: all .5s ease;
  4950.     -ms-transition: all .5s ease;
  4951.     -o-transition: all .5s ease;
  4952. }
  4953. .scroll-to-top i {
  4954.     line-height: 45px;
  4955.     color: black;
  4956. }
  4957. .scroll-to-top.active {
  4958.     right: 25px;
  4959. }
  4960. .maintain-notice {
  4961.         height: 30px;
  4962.         line-height: 30px;
  4963.         color: #FFFFFF;
  4964.         padding-left: 10px;
  4965.         background: #e74c3c;
  4966.         position: relative;
  4967.         z-index: 99;
  4968. }
  4969. .youhavepm {
  4970.         z-index: 99999;
  4971.         position: fixed;
  4972.         bottom: 20px;
  4973.         right: 20px;
  4974. }
  4975. .alert-bg a {
  4976.         color: #444444;
  4977.         display: block;
  4978.         margin-top: 10px;
  4979.         background: #f1cf2b;
  4980.         color: #FFFFFF;
  4981.         border: 1px solid #10131a;
  4982.         min-height: 60px;
  4983.         max-height: 100%;
  4984.         min-width: 300px;
  4985.         max-width: 100%;
  4986.         -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.5);
  4987.         -moz-box-shadow:    0px 0px 11px 0px rgba(50, 50, 50, 0.5);
  4988.         box-shadow:         0px 0px 11px 0px rgba(50, 50, 50, 0.5);
  4989. }
  4990. .alert-bg a:hover {
  4991.         background: #151821;
  4992.         color: #f1cf2b;
  4993. }
  4994. .avatar-alert img {
  4995.         float: left;
  4996.         height: 50px;
  4997.         width: 50px;
  4998.         margin-top: 5px;
  4999.         margin-left: 5px;
  5000.         margin-right: 7px;
  5001.         border: 1px solid #10131a;
  5002.         background: #f5f5f5; /* Old browsers */
  5003.         background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
  5004.         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
  5005.         background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
  5006.         background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
  5007.         background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
  5008.         background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
  5009.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  5010. }
  5011. .info-alert {
  5012.         font-size: 12px;
  5013. }
  5014. a.new_posts, span.new_posts {
  5015.         color: #FFFFFF;
  5016.         font-weight: normal;
  5017.         background: #2ecc71;
  5018. }
  5019. span.new_posts {
  5020.         display: inline;
  5021.         margin: 0;
  5022.         padding: 0 4px 1px 4px;
  5023.         font-size: 11px;
  5024.         -webkit-transition: all 0.7s ease;
  5025.         -moz-transition: all 0.7s ease;
  5026.         -ms-transition: all 0.7s ease;
  5027.         -o-transition: all 0.7s ease;
  5028.         transition: all 0.7s ease;
  5029.         font-style: normal;
  5030. }
  5031. a span.new_posts:hover {
  5032.         background: #069643;
  5033.         color: #DDDDDD;
  5034.         -webkit-transition: all 0.7s ease;
  5035.         -moz-transition: all 0.7s ease;
  5036.         -ms-transition: all 0.7s ease;
  5037.         -o-transition: all 0.7s ease;
  5038.         transition: all 0.7s ease;
  5039. }
  5040.  
  5041. img.onlinestats {
  5042.     float: none !important;
  5043.     margin-right: 0px !important;
  5044.     m