Guest User

Untitled

a guest
Nov 1st, 2017
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.34 KB | None | 0 0
  1. /* Styles for the general looks for the Curve theme.
  2. ------------------------------------------------------- */
  3.  
  4. /* Normal, standard links. */
  5. a:link, a:visited
  6. {
  7. color: #f7f7f7;
  8. text-decoration: none;
  9. }
  10. a:hover
  11. {
  12. text-decoration: underline;
  13. cursor: pointer;
  14. }
  15.  
  16. /* Links that open in a new window. */
  17. a.new_win:link, a.new_win:visited
  18. {
  19. color: #346;
  20. text-decoration: none;
  21. }
  22. a.new_win:hover
  23. {
  24. text-decoration: underline;
  25. }
  26.  
  27. /* Tables should show empty cells. */
  28. table
  29. {
  30. empty-cells: hide;
  31. }
  32.  
  33. /* Set a fontsize that will look the same in all browsers. */
  34. body
  35. {
  36. background-color: #2c3e50;
  37. font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
  38. margin: 0 auto;
  39. padding: 15px 0;
  40. }
  41.  
  42. /* Help popups require a different styling of the body element. */
  43. body#help_popup
  44. {
  45. padding: 1em;
  46. }
  47.  
  48. /* use dark grey for the text, leaving #000 for headers etc */
  49. body, td, th, tr
  50. {
  51. }
  52.  
  53. /* This division wraps the entire forum when a forum width is set. */
  54. div#wrapper
  55. {
  56. margin: 0 auto;
  57. min-width: 764px;
  58. max-width: 2300px;
  59. }
  60.  
  61. /* lets give all forms zero padding/margins */
  62. form
  63. {
  64. padding: 0;
  65. margin: 0;
  66. }
  67.  
  68. /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
  69. .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
  70. .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers
  71. .input_check - covers input[type=checkbox] throughout all browsers
  72. .input_radio - covers input[type=radio] throughout all browsers
  73. .input_text - covers input[type=text] throughout all browsers
  74. .input_file - covers input[type=file] throughout all browsers
  75. */
  76.  
  77. input, button, select, textarea
  78. {
  79. font: 95%/115% verdana, Helvetica, sans-serif;
  80. color: #000;
  81. background: #fff;
  82. border: 1px solid #7f9db9;
  83. padding: 2px;
  84. }
  85.  
  86. /* Select elements look horrible with the extra padding, so leave them unpadded. */
  87. select
  88. {
  89. padding: 0;
  90. }
  91.  
  92. /* Add some padding to the options instead. */
  93. select option
  94. {
  95. padding: 1px;
  96. }
  97.  
  98. /* The font size of textareas should be just a little bit larger. */
  99. textarea
  100. {
  101. font: 100%/130% verdana, Helvetica, sans-serif;
  102. }
  103.  
  104. /* Buttons should be styled a bit differently, in order to make them look more button'ish. */
  105. .button_submit, .button_reset
  106. {
  107. background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
  108. border: 1px solid #aaa;
  109. cursor: pointer;
  110. font-weight: normal;
  111. }
  112. input:hover, textarea:hover, button:hover, select:hover
  113. {
  114. border: 1px solid #454545;
  115. }
  116. .button_submit:hover, .button_reset:hover
  117. {
  118. border: 1px solid #aaa;
  119. background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff;
  120. }
  121. input:focus, textarea:focus, button:focus, select:focus
  122. {
  123. border: 1px solid #454545;
  124. }
  125.  
  126. /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
  127. input.input_check, input.input_radio
  128. {
  129. border: none;
  130. background: none;
  131. }
  132. h3.catbg input.input_check
  133. {
  134. margin: 9px 7px 0 7px;
  135. }
  136.  
  137. /* Give disabled text input elements a different background color. */
  138. input[disabled].input_text
  139. {
  140. background-color: #eee;
  141. }
  142.  
  143. /* Standard horizontal rule.. ([hr], etc.) */
  144. hr, .hrcolor
  145. {
  146. height: 1px;
  147. border: 0;
  148. color: #ccc;
  149. background-color: #ccc;
  150. }
  151.  
  152. /* By default set the color on these tags as #000. */
  153. h1, h2, h3, h4, h5, h6
  154. {
  155. color: #000;
  156. font-size: 1em;
  157. margin: 0;
  158. padding: 0;
  159. }
  160.  
  161. /* Fieldsets are used to group elements. */
  162. fieldset
  163. {
  164. border: 1px solid #c4c4c4;
  165. padding: 1em;
  166. margin: 0 0 0.5em 0;
  167. }
  168. fieldset legend
  169. {
  170. font-weight: bold;
  171. color: #444;
  172. }
  173. /* No image should have a border when linked. */
  174. a img
  175. {
  176. border: 0;
  177. }
  178.  
  179. /* Define strong as bold, and em as italics */
  180. strong
  181. {
  182. font-weight: bold;
  183. }
  184.  
  185. em
  186. {
  187. font-style: italic;
  188. }
  189. /* Alternative for u tag */
  190. .underline
  191. {
  192. text-decoration: underline;
  193. }
  194.  
  195. /* Common classes to easy styling.
  196. ------------------------------------------------------- */
  197.  
  198. .floatright
  199. {
  200. float: right;
  201. }
  202. .floatleft
  203. {
  204. float: left;
  205. }
  206.  
  207. .flow_auto
  208. {
  209. overflow: auto;
  210. }
  211. .flow_hidden
  212. {
  213. overflow: hidden;
  214. }
  215. .flow_hidden .windowbg, .flow_hidden .windowbg2
  216. {
  217. margin-top: 2px;
  218. }
  219. .clear
  220. {
  221. clear: both;
  222. }
  223. .clear_left
  224. {
  225. clear: left;
  226. }
  227. .clear_right
  228. {
  229. clear: right;
  230. }
  231.  
  232. /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
  233. .smalltext, tr.smalltext th
  234. {
  235. font-size: 0.85em;
  236. font-family: verdana, sans-serif;
  237. }
  238. .middletext
  239. {
  240. font-size: 0.9em;
  241. line-height: 1em;
  242. font-family: verdana, sans-serif;
  243. }
  244. .normaltext
  245. {
  246. font-size: 1em;
  247. line-height: 1.2em;
  248. }
  249. .largetext
  250. {
  251. font-size: 1.4em;
  252. }
  253. .centertext
  254. {
  255. margin: 0 auto;
  256. text-align: center;
  257. }
  258. .righttext
  259. {
  260. margin-left: auto;
  261. margin-right: 0;
  262. text-align: right;
  263. }
  264. .lefttext
  265. {
  266. margin-left: 0;
  267. margin-right: auto;
  268. text-align: left;
  269. }
  270. .double_height
  271. {
  272. line-height: 2em;
  273. }
  274. /* some common padding styles */
  275. .padding
  276. {
  277. padding: 0.7em;
  278. }
  279. .main_section, .lower_padding
  280. {
  281. padding-bottom: 0.5em;
  282. }
  283. /* a quick reset list class. */
  284. ul.reset, ul.reset li
  285. {
  286. padding: 0;
  287. margin: 0;
  288. list-style: none;
  289. }
  290.  
  291. /* Some BBC related styles.
  292. ------------------------------------------------------- */
  293.  
  294. /* A quote, perhaps from another post. */
  295. blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
  296. {
  297. font-size: x-small;
  298. color: #000;
  299. line-height: 1.4em;
  300. background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
  301. border-top: 2px solid #99A;
  302. border-bottom: 2px solid #99A;
  303. padding: 1.1em 1.4em;
  304. margin: 0.1em 0 0.3em 0;
  305. overflow: auto;
  306. }
  307.  
  308. /* Alterate blockquote stylings */
  309. blockquote.bbc_standard_quote
  310. {
  311. background-color: #d7daec;
  312. }
  313. blockquote.bbc_alternate_quote
  314. {
  315. background-color: #e7eafc;
  316. }
  317.  
  318. /* A code block - maybe PHP ;). */
  319. code.bbc_code
  320. {
  321. display: block;
  322. font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
  323. font-size: x-small;
  324. background: #eef;
  325. border-top: 2px solid #999;
  326. border-bottom: 2px solid #999;
  327. line-height: 1.5em;
  328. padding: 3px 1em;
  329. overflow: auto;
  330. white-space: nowrap;
  331. /* Show a scrollbar after about 24 lines. */
  332. max-height: 24em;
  333. }
  334.  
  335. /* The "Quote:" and "Code:" header parts... */
  336. .codeheader, .quoteheader
  337. {
  338. color: #666;
  339. font-size: x-small;
  340. font-weight: bold;
  341. padding: 0 0.3em;
  342. }
  343.  
  344. /* For links to change the code stuff... */
  345. .codeoperation
  346. {
  347. font-weight: normal;
  348. }
  349.  
  350. /* Styling for BBC tags */
  351. .bbc_link:link, .bbc_link:visited
  352. {
  353. border-bottom: 1px solid #A8B6CF;
  354. }
  355. .bbc_link:hover
  356. {
  357. text-decoration: none;
  358. border-bottom: 1px solid #346;
  359. }
  360. .bbc_size
  361. {
  362. line-height: 1.4em;
  363. }
  364. .bbc_color a
  365. {
  366. color: inherit;
  367. }
  368. .bbc_img
  369. {
  370. border: 0;
  371. }
  372. .bbc_table
  373. {
  374. font: inherit;
  375. color: inherit;
  376. }
  377. .bbc_table td
  378. {
  379. font: inherit;
  380. color: inherit;
  381. vertical-align: top;
  382. }
  383. .bbc_u
  384. {
  385. text-decoration: underline;
  386. }
  387. .bbc_list
  388. {
  389. text-align: left;
  390. }
  391. .bbc_tt
  392. {
  393. font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
  394. }
  395.  
  396. /* Generally, those [?] icons. This makes your cursor a help icon. */
  397. .help
  398. {
  399. cursor: help;
  400. }
  401.  
  402. /* /me uses this a lot. (emote, try typing /me in a post.) */
  403. .meaction
  404. {
  405. color: red;
  406. }
  407.  
  408. /* Highlighted text - such as search results. */
  409. .highlight
  410. {
  411. font-weight: bold;
  412. color: #ff7200 !important;
  413. font-size: 1.1em;
  414. }
  415.  
  416. /* A more discreet highlight color, for selected membergroups etc. */
  417. .highlight2
  418. {
  419. background-color: #D1E1EF;
  420. color: #000 !important;
  421. }
  422.  
  423. /* Generic, mostly color-related, classes.
  424. ------------------------------------------------------- */
  425.  
  426. .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
  427. {
  428. color: #222;
  429. font-family: arial, helvetica, sans-serif;
  430. font-size: 1.1em;
  431. font-weight: bold;
  432. }
  433. .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
  434. {
  435. color: #fff;
  436. font-family: arial, helvetica, sans-serif;
  437. font-size: 1.1em;
  438. font-weight: bold;
  439. }
  440.  
  441. /* adjust the table versions of headers */
  442. tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
  443. {
  444. padding: 0 6px;
  445. }
  446. tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
  447. {
  448. color: #222;
  449. }
  450. tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
  451. {
  452. color: #fff;
  453. }
  454. .catbg select
  455. {
  456. height: 1.5em;
  457. font-size: 0.85em;
  458. }
  459.  
  460. /* Alternating backgrounds for posts, and several other sections of the forum. */
  461. .windowbg, #preview_body
  462. {
  463. color: #000;
  464. background-color: #e7eaef;
  465. }
  466. .windowbg2
  467. {
  468. color: #000;
  469. background-color: #f0f4f7;
  470. }
  471. .windowbg3
  472. {
  473. color: #000;
  474. background-color: #cacdd3;
  475. }
  476.  
  477. /* the page navigation area */
  478. .pagesection
  479. {
  480. font-size: 0.9em;
  481. padding: 0.2em;
  482. overflow: hidden;
  483. margin-bottom: 1px;
  484. }
  485. div.pagesection div.floatright input
  486. {
  487. margin-top: 3px;
  488. }
  489.  
  490. .pagelinks
  491. {
  492. padding: 0.6em 0 0.4em 0;
  493. }
  494.  
  495. /* Colors for background of posts requiring approval */
  496. .approvebg
  497. {
  498. color: #000;
  499. background-color: #ffeaea;
  500. }
  501. .approvebg2
  502. {
  503. color: #000;
  504. background-color: #fff2f2;
  505. }
  506.  
  507. /* Color for background of *topics* requiring approval */
  508. .approvetbg
  509. {
  510. color: #000;
  511. background-color: #e4a17c;
  512. }
  513. .approvetbg2
  514. {
  515. color: #000;
  516. background-color: #f3bd9f;
  517. }
  518.  
  519. /* Sticky topics get a different background */
  520. .stickybg
  521. {
  522. background: #e8d8cf;
  523. }
  524. .stickybg2
  525. {
  526. background: #f2e3d9;
  527. }
  528.  
  529. /* Locked posts get a different shade, too! */
  530. .lockedbg
  531. {
  532. background: #d4dce2;
  533. font-style: italic;
  534. }
  535. .lockedbg2
  536. {
  537. background: #d8e1e7;
  538. font-style: italic;
  539. }
  540.  
  541. /* Posts and personal messages displayed throughout the forum. */
  542. .post, .personalmessage
  543. {
  544. overflow: auto;
  545. line-height: 1.4em;
  546. padding: 0.1em 0;
  547. }
  548.  
  549. /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
  550. .signature, .attachments
  551. {
  552. width: 98%;
  553. overflow: auto;
  554. clear: right;
  555. padding: 1em 0 3px 0;
  556. border-top: 1px solid #aaa;
  557. line-height: 1.4em;
  558. font-size: 0.85em;
  559. }
  560. .custom_fields_above_signature
  561. {
  562. width: 98%;
  563. clear: right;
  564. padding: 1em 0 3px 0;
  565. border-top: 1px solid #aaa;
  566. line-height: 1.4em;
  567. font-size: 0.85em;
  568. }
  569.  
  570. /* Sometimes there will be an error when you post */
  571. .error
  572. {
  573. color: red;
  574. }
  575.  
  576. /* Messages that somehow need to attract the attention. */
  577. .alert
  578. {
  579. color: red;
  580. }
  581.  
  582. /* Calendar colors for birthdays, events and holidays */
  583. .birthday
  584. {
  585. color: #920ac4;
  586. }
  587.  
  588. .event
  589. {
  590. color: #078907;
  591. }
  592.  
  593. .holiday
  594. {
  595. color: #000080;
  596. }
  597.  
  598. /* Colors for warnings */
  599. .warn_mute
  600. {
  601. color: red;
  602. }
  603.  
  604. .warn_moderate
  605. {
  606. color: #ffa500;
  607. }
  608.  
  609. .warn_watch, .success
  610. {
  611. color: green;
  612. }
  613.  
  614. a.moderation_link, a.moderation_link:visited
  615. {
  616. color: red;
  617. font-weight: bold;
  618. }
  619.  
  620. .openid_login
  621. {
  622. background: white url(../images/openid.gif) no-repeat;
  623. padding-left: 18px;
  624. }
  625.  
  626. /* a descriptive style */
  627. .description, .description_board, .plainbox
  628. {
  629. padding: 0.5em 1em;
  630. font-size: 0.9em;
  631. line-height: 1.4em;
  632. border: 1px solid #bbb;
  633. background: #f5f5f0;
  634. margin: 0.2em 1px 1em 1px;
  635. }
  636. .description_board
  637. {
  638. margin: 1em 1px 0 1px;
  639. }
  640.  
  641. /* an informative style */
  642. .information
  643. {
  644. padding: 0.5em 1em;
  645. font-size: 0.9em;
  646. line-height: 1.3em;
  647. border: 1px solid #bbb;
  648. background: #f0f6f0;
  649. margin: 0.2em 1px 1em 1px;
  650. }
  651. .information p
  652. {
  653. padding: 1em;
  654. margin: 0;
  655. }
  656. p.para2
  657. {
  658. padding: 1em 0 3.5em 0;
  659. margin: 0;
  660. }
  661. /* AJAX notification bar
  662. ------------------------------------------------------- */
  663. #ajax_in_progress
  664. {
  665. background: url(../images/theme/loadingbar.png) repeat-x;
  666. color: #f96f00;
  667. text-align: center;
  668. font-size: 16pt;
  669. padding: 8px;
  670. width: 100%;
  671. height: 66px;
  672. line-height: 25px;
  673. position: fixed;
  674. top: 0;
  675. left: 0;
  676. }
  677.  
  678. #ajax_in_progress a
  679. {
  680. color: orange;
  681. text-decoration: underline;
  682. font-size: smaller;
  683. float: right;
  684. margin-right: 20px;
  685. }
  686.  
  687. /* Lists with settings use these a lot.
  688. ------------------------------------------------------- */
  689. dl.settings
  690. {
  691. clear: right;
  692. overflow: auto;
  693. margin: 0 0 10px 0;
  694. padding: 0;
  695. }
  696. dl.settings dt
  697. {
  698. width: 40%;
  699. float: left;
  700. margin: 0 0 10px 0;
  701. padding: 0;
  702. clear: both;
  703. }
  704. dl.settings dt.settings_title
  705. {
  706. width: 100%;
  707. float: none;
  708. margin: 0 0 10px 0;
  709. padding: 5px 0 0 0;
  710. font-weight: bold;
  711. clear: both;
  712. }
  713. dl.settings dt.windowbg
  714. {
  715. width: 98%;
  716. float: left;
  717. margin: 0 0 3px 0;
  718. padding: 0 0 5px 0;
  719. clear: both;
  720. }
  721. dl.settings dd
  722. {
  723. width: 56%;
  724. float: right;
  725. overflow: auto;
  726. margin: 0 0 3px 0;
  727. padding: 0;
  728. }
  729. dl.settings img
  730. {
  731. margin: 0 10px 0 0;
  732. }
  733. /* help icons */
  734. dl.settings dt a img
  735. {
  736. position: relative;
  737. top: 2px;
  738. }
  739.  
  740. /* Styles for rounded headers.
  741. ------------------------------------------------------- */
  742. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
  743. {
  744. overflow: hidden;
  745. height: 31px;
  746. line-height: 31px;
  747. font-size: 1.2em;
  748. font-weight: bold;
  749. background-color: #34495e;
  750. }
  751. 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
  752. {
  753. color: #fff;
  754. }
  755. h3.catbg2 a, h3.catbg2
  756. {
  757. color: #feb;
  758. }
  759. h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
  760. {
  761. color: #fd9;
  762. text-decoration: none;
  763. }
  764. h3.catbg2 a:hover
  765. {
  766. color: #fff;
  767. text-decoration: none;
  768. }
  769. h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
  770. {
  771. color: #222;
  772. }
  773. h3.titlebg a:hover, h4.titlebg a:hover
  774. {
  775. color: #53616f;
  776. text-decoration: none;
  777. }
  778. h3.catbg img.icon, h4.titlebg img.icon
  779. {
  780. vertical-align: middle;
  781. margin: -2px 5px 0 0;
  782. }
  783. h4.catbg a.toggle img
  784. {
  785. vertical-align: middle;
  786. margin: -2px 5px 0 5px;
  787. }
  788. h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
  789. {
  790. padding-right: 9px;
  791. }
  792. h4.titlebg, h3.titlebg
  793. {
  794. padding-right: 9px;
  795. }
  796. h4.titlebg img.icon
  797. {
  798. float: left;
  799. margin: 5px 8px 0 0;
  800. }
  801. div.cat_bar
  802. {
  803. padding-left: 9px;
  804. height: 31px;
  805. overflow: hidden;
  806. margin-bottom: 1px;
  807. }
  808. div.title_bar
  809. {
  810. background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -200px;
  811. padding-left: 9px;
  812. height: 31px;
  813. overflow: hidden;
  814. margin-bottom: 1px;
  815. }
  816.  
  817. /* rounded bars needs a different background here */
  818.  
  819. div.roundframe div.cat_bar
  820. {
  821. margin-bottom: 0;
  822. }
  823. div.roundframe div.cat_bar h3.catbg
  824. {
  825. }
  826. div.title_barIC
  827. {
  828. padding-left: 9px;
  829. height: 31px;
  830. overflow: hidden;
  831. margin-bottom: 1px;
  832. }
  833. div.title_barIC h4.titlebg
  834. {
  835. }
  836. #upshrinkHeaderIC p.pminfo
  837. {
  838. margin: 0;
  839. padding: 0.5em;
  840. }
  841. img#upshrink_ic, img#newsupshrink
  842. {
  843. float: right;
  844. margin: 10px 5px 0 0;
  845. }
  846. table.table_list a.unreadlink, table.table_list a.collapse
  847. {
  848. float: right;
  849. }
  850. table.table_list a.collapse
  851. {
  852. margin: 10px 5px 0 1em;
  853. height: 31px;
  854. line-height: 31px;
  855. }
  856.  
  857. /* The half-round header bars for some tables. */
  858. .table_grid tr.catbg, .table_grid tr.titlebg
  859. {
  860. font-size: 0.95em;
  861. border-bottom: 1px solid #fff;
  862. }
  863. .table_grid tr.catbg th, .table_grid tr.titlebg th
  864. {
  865. height: 28px;
  866. line-height: 28px;
  867. }
  868. tr.catbg th.first_th
  869. {
  870. background: #a7b9cd url(../images/theme/main_block.png) no-repeat 0 -280px;
  871. }
  872. tr.catbg th.last_th
  873. {
  874. background: #a7b9cd url(../images/theme/main_block.png) no-repeat 100% -280px;
  875. }
  876. tr.titlebg th.first_th
  877. {
  878. background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -380px;
  879. }
  880. tr.titlebg th.last_th
  881. {
  882. background: #e3e9ef url(../images/theme/main_block.png) no-repeat 100% -380px;
  883. }
  884. .table_grid th.last_th input
  885. {
  886. margin: 0 2px;
  887. }
  888. .table_grid th.lefttext
  889. {
  890. padding: 0 0.7em;
  891. }
  892.  
  893. /* a general table class */
  894. table.table_grid
  895. {
  896. border-collapse: collapse;
  897. margin-top: 0.1em;
  898. }
  899. table.table_grid td
  900. {
  901. padding: 3px;
  902. border-bottom: 1px solid #fff;
  903. border-right: 1px solid #fff;
  904. }
  905.  
  906. /* GenericList */
  907. .additional_row
  908. {
  909. padding: 0.5em 0 0.5em 0;
  910. }
  911. table.table_grid thead tr.catbg th
  912. {
  913. white-space: nowrap;
  914. }
  915.  
  916. /* table_grid styles for Profile > Show Permissions. */
  917. #permissions table.table_grid td
  918. {
  919. padding: 0.4em 0.8em;
  920. cursor: default;
  921. }
  922.  
  923. /* Common styles used to add corners to divisions.
  924. ------------------------------------------------------- */
  925. .windowbg span.topslice
  926. {
  927. display: block;
  928. padding-left: 20px;
  929. background: url(../images/theme/main_block.png) 0 -30px no-repeat;
  930. }
  931. .windowbg span.topslice span
  932. {
  933. display: block;
  934. background: url(../images/theme/main_block.png) 100% -30px no-repeat;
  935. height: 11px;
  936. }
  937. .windowbg span.botslice
  938. {
  939. display: block;
  940. padding-left: 20px;
  941. background: url(../images/theme/main_block.png) 0 -40px no-repeat;
  942. font-size: 5px;
  943. line-height: 5px;
  944. margin-bottom: 0.2em;
  945. }
  946. .windowbg span.botslice span
  947. {
  948. display: block;
  949. background: url(../images/theme/main_block.png) 100% -40px no-repeat;
  950. height: 11px;
  951. }
  952.  
  953. .windowbg2 span.topslice
  954. {
  955. display: block;
  956. padding-left: 20px;
  957. background: url(../images/theme/main_block.png) 0 -60px no-repeat;
  958. }
  959. .windowbg2 span.topslice span
  960. {
  961. display: block;
  962. background: url(../images/theme/main_block.png) 100% -60px no-repeat;
  963. height: 11px;
  964. }
  965. .windowbg2 span.botslice
  966. {
  967. display: block;
  968. padding-left: 20px;
  969. background: url(../images/theme/main_block.png) 0 -71px no-repeat;
  970. font-size: 5px;
  971. line-height: 5px;
  972. margin-bottom: 0.2em;
  973. }
  974. .windowbg2 span.botslice span
  975. {
  976. display: block;
  977. background: url(../images/theme/main_block.png) 100% -71px no-repeat;
  978. height: 11px;
  979. }
  980. .approvebg span.topslice
  981. {
  982. display: block;
  983. padding-left: 20px;
  984. background: url(../images/theme/main_block.png) 0 0 no-repeat;
  985. }
  986. .approvebg span.topslice span
  987. {
  988. display: block;
  989. background: url(../images/theme/main_block.png) 100% 0 no-repeat;
  990. height: 11px;
  991. }
  992. .approvebg span.botslice
  993. {
  994. display: block;
  995. padding-left: 20px;
  996. background: url(../images/theme/main_block.png) 0 -11px no-repeat;
  997. margin-bottom: 0.2em;
  998. }
  999. .approvebg span.botslice span
  1000. {
  1001. display: block;
  1002. background: url(../images/theme/main_block.png) 100% -11px no-repeat;
  1003. height: 11px;
  1004. }
  1005. .postbg
  1006. {
  1007. border-left: 1px solid #7f7f7f;
  1008. border-right: 1px solid #7f7f7f;
  1009. }
  1010.  
  1011. /* Used for sections that need somewhat larger corners.
  1012. ----------------------------------------------------------- */
  1013. .roundframe
  1014. {
  1015. padding: 0 10px;
  1016. background: #34495e;
  1017. border-radius: 10px;
  1018. }
  1019. .roundframe dl, .roundframe dt, .roundframe p
  1020. {
  1021. margin: 0;
  1022. }
  1023. .roundframe p
  1024. {
  1025. padding: 0.5em;
  1026. }
  1027. span.upperframe
  1028. {
  1029. padding: 0;
  1030. display: block;
  1031. /* background: url(../images/theme/main_block.png) 0 -90px no-repeat; */
  1032. padding-left: 20px;
  1033. }
  1034. span.upperframe span
  1035. {
  1036. padding: 0;
  1037. height: 12px;
  1038. display: block;
  1039. }
  1040. span.lowerframe
  1041. {
  1042. padding: 0;
  1043. display: block;
  1044. padding-left: 20px;
  1045. }
  1046. span.lowerframe span
  1047. {
  1048. padding: 0;
  1049. height: 12px;
  1050. display: block;
  1051. }
  1052.  
  1053. /* The main content area.
  1054. ------------------------------------------------------- */
  1055. .content
  1056. {
  1057. padding: 0.5em 1.2em;
  1058. margin: 0;
  1059. border: none;
  1060. }
  1061. .content p
  1062. {
  1063. margin: 0 0 0.5em 0;
  1064. }
  1065.  
  1066. /* Styles used by the auto suggest control.
  1067. ------------------------------------------------------- */
  1068. .auto_suggest_div
  1069. {
  1070. border: 1px solid #000;
  1071. position: absolute;
  1072. visibility: hidden;
  1073. }
  1074. .auto_suggest_item
  1075. {
  1076. background-color: #ddd;
  1077. }
  1078. .auto_suggest_item_hover
  1079. {
  1080. background-color: #888;
  1081. cursor: pointer;
  1082. color: #eee;
  1083. }
  1084.  
  1085. /* Styles for the standard dropdown menus.
  1086. ------------------------------------------------------- */
  1087. #main_menu
  1088. {
  1089. padding: 0 0.5em;
  1090. float: left;
  1091. margin: 0;
  1092. width: 98%;
  1093. margin-top: -25px;
  1094. }
  1095.  
  1096. .dropmenu, .dropmenu ul
  1097. {
  1098. list-style: none;
  1099. line-height: 1em;
  1100. padding: 0;
  1101. margin: 0;
  1102. }
  1103. .dropmenu
  1104. {
  1105. padding: 0 0.5em;
  1106. }
  1107. .dropmenu a
  1108. {
  1109. display: block;
  1110. color: #000;
  1111. text-decoration: none;
  1112. }
  1113. .dropmenu a span
  1114. {
  1115. display: block;
  1116. padding: 0 0 0 5px;
  1117. font-size: 0.9em;
  1118. }
  1119. /* the background's first level only */
  1120. .dropmenu li a.firstlevel
  1121. {
  1122. margin-right: 8px;
  1123. }
  1124. .dropmenu li a.firstlevel span.firstlevel
  1125. {
  1126. display: block;
  1127. position: relative;
  1128. left: -5px;
  1129. padding-left: 5px;
  1130. height: 22px;
  1131. line-height: 19px;
  1132. white-space: pre;
  1133. }
  1134. .dropmenu li
  1135. {
  1136. float: left;
  1137. padding: 0;
  1138. margin: 0;
  1139. position: relative;
  1140. }
  1141. .dropmenu li ul
  1142. {
  1143. z-index: 90;
  1144. display: none;
  1145. position: absolute;
  1146. width: 19.2em;
  1147. font-weight: normal;
  1148. border-bottom: 1px solid #999;
  1149. background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat;
  1150. padding: 7px 0 0 0;
  1151. }
  1152. .dropmenu li li
  1153. {
  1154. width: 19em;
  1155. margin: 0;
  1156. border-left: 1px solid #999;
  1157. border-right: 1px solid #999;
  1158. }
  1159. .dropmenu li li a span
  1160. {
  1161. display: block;
  1162. padding: 8px;
  1163. }
  1164. .dropmenu li ul ul
  1165. {
  1166. margin: -1.8em 0 0 13em;
  1167. }
  1168.  
  1169. /* the active button */
  1170. .dropmenu li a.active
  1171. {
  1172. background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
  1173. color: #fff;
  1174. font-weight: bold;
  1175. }
  1176. .dropmenu li a.active span.firstlevel
  1177. {
  1178. background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
  1179. }
  1180. /* the hover effects */
  1181. .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
  1182. {
  1183. background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
  1184. color: #fff;
  1185. cursor: pointer;
  1186. text-decoration: none;
  1187. }
  1188. .dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
  1189. {
  1190. background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
  1191. }
  1192. /* the hover effects on level2 and 3 */
  1193. .dropmenu li li a:hover, .dropmenu li li:hover>a
  1194. {
  1195. background: #d4dbe4;
  1196. color: #000;
  1197. text-decoration: none;
  1198. }
  1199. .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
  1200. {
  1201. top: -999em;
  1202. }
  1203. .dropmenu li li:hover ul
  1204. {
  1205. top: auto;
  1206. }
  1207. .dropmenu li:hover ul
  1208. {
  1209. display: block;
  1210. }
  1211. .dropmenu li li.additional_items
  1212. {
  1213. background-color: #fff;
  1214. }
  1215.  
  1216. /* The dropdown menu toggle image */
  1217. #menu_toggle
  1218. {
  1219. float: right;
  1220. margin-right: 10px;
  1221. padding-top: 3px;
  1222. }
  1223. #menu_toggle span
  1224. {
  1225. position: relative;
  1226. right: 5000px;
  1227. }
  1228.  
  1229. /* Styles for the standard button lists.
  1230. ------------------------------------------------------- */
  1231.  
  1232. .buttonlist ul
  1233. {
  1234. z-index: 100;
  1235. padding: 5px;
  1236. margin: 0 0.2em 5px 0;
  1237. }
  1238. .buttonlist ul li
  1239. {
  1240. margin: 0;
  1241. padding: 0;
  1242. list-style: none;
  1243. float: left;
  1244. }
  1245. .buttonlist ul li a
  1246. {
  1247. display: block;
  1248. font-size: 0.8em;
  1249. color: #000;
  1250. background: #e8e8e8 url(../images/theme/menu_gfx.png) no-repeat 0 -60px;
  1251. padding: 0 0 0 8px;
  1252. margin-left: 12px;
  1253. text-transform: uppercase;
  1254. cursor: pointer;
  1255. }
  1256. .buttonlist ul li a:hover
  1257. {
  1258. background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
  1259. color: #fff;
  1260. text-decoration: none;
  1261. }
  1262. .buttonlist ul li a span
  1263. {
  1264. background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px;
  1265. display: block;
  1266. height: 19px;
  1267. line-height: 19px;
  1268. padding: 0 8px 0 0;
  1269. }
  1270. .buttonlist ul li a:hover span
  1271. {
  1272. background: #fff url(../images/theme/menu_gfx.png) no-repeat 100% 0;
  1273. }
  1274. /* the active one */
  1275. .buttonlist ul li a.active
  1276. {
  1277. background: #5a6c85 url(../images/theme/menu_gfx.png) no-repeat 0 -90px;
  1278. color: #fff;
  1279. font-weight: bold;
  1280. }
  1281. .buttonlist ul li a.active span
  1282. {
  1283. background: url(../images/theme/menu_gfx.png) no-repeat 100% -90px;
  1284. }
  1285. .buttonlist ul li a.active
  1286. {
  1287. font-weight: bold;
  1288. }
  1289. .buttonlist ul li a.active:hover
  1290. {
  1291. color: #ddf;
  1292. }
  1293. .align_top ul li a, .align_bottom ul li a
  1294. {
  1295. margin: 0 12px 0 0;
  1296. }
  1297.  
  1298. /* the navigation list */
  1299. ul#navigation
  1300. {
  1301. margin: 0;
  1302. font-size: 0.9em;
  1303. padding: 1em 0.4em;
  1304. }
  1305. ul#navigation li
  1306. {
  1307. float: none;
  1308. font-size: 0.95em;
  1309. display: inline;
  1310. }
  1311.  
  1312. #adm_submenus
  1313. {
  1314. padding-left: 2em;
  1315. overflow: hidden;
  1316. }
  1317.  
  1318. /* Styles for the general looks for the Curve theme.
  1319. ------------------------------------------------------- */
  1320.  
  1321. /* the framing graphics */
  1322. #header
  1323. {
  1324. padding-left: 20px;
  1325. }
  1326. #header div.frame
  1327. {
  1328. display: block;
  1329. padding: 5px 20px 1em 0;
  1330. background-color: #34495e;
  1331. }
  1332. /* the content section */
  1333. #content_section
  1334. {
  1335. padding-left: 20px;
  1336. }
  1337. #content_section div.frame
  1338. {
  1339. display: block;
  1340. padding: 0 20px 0 0;
  1341. }
  1342. #main_content_section
  1343. {
  1344. width: 100%;
  1345. min-height: 200px;
  1346. }
  1347.  
  1348. /* the main title, always stay at 45 pixels in height! */
  1349. h1.forumtitle
  1350. {
  1351. line-height: 45px;
  1352. font-size: 1.8em;
  1353. font-family: Geneva, verdana, sans-serif;
  1354. margin: 0;
  1355. padding: 0;
  1356. float: left;
  1357. }
  1358. /* float these items to the right */
  1359. #siteslogan, img#smflogo
  1360. {
  1361. margin: 0;
  1362. padding: 0;
  1363. float: right;
  1364. line-height: 3em;
  1365. }
  1366. h3, h4
  1367. {
  1368. padding-bottom: 3px;
  1369. }
  1370. /* the upshrink image needs some tweaking */
  1371. img#upshrink
  1372. {
  1373. float: right;
  1374. margin: 1em;
  1375. }
  1376. /* ..so does the SMF logo */
  1377. img#smflogo
  1378. {
  1379. margin-left: 1em;
  1380. }
  1381. /* the upper_section, float the two each way */
  1382. #upper_section
  1383. {
  1384. padding: 5px;
  1385. margin-bottom: 1.5em;
  1386. }
  1387. #upper_section ul li.greeting
  1388. {
  1389. font-size: 1.3em;
  1390. font-weight: bold;
  1391. line-height: 1.5em;
  1392. }
  1393. #upper_section div.news
  1394. {
  1395. width: 50%;
  1396. float: right;
  1397. text-align: right;
  1398. }
  1399. #guest_form
  1400. {
  1401. overflow: hidden;
  1402. }
  1403. #guest_form .info
  1404. {
  1405. padding: 4px 0 ;
  1406. line-height: 1.3em;
  1407. }
  1408. div#upper_section div.user
  1409. {
  1410. width: 50%;
  1411. float: left;
  1412. overflow: auto;
  1413. }
  1414. div#upper_section div.user p
  1415. {
  1416. float: left;
  1417. margin: 0 1em 1em 0;
  1418. padding: 0;
  1419. }
  1420. div#upper_section div.user ul
  1421. {
  1422. margin: 0;
  1423. padding-left: 10px;
  1424. }
  1425. div#upper_section div.user ul li
  1426. {
  1427. margin-bottom: 2px;
  1428. }
  1429. div#upper_section div.news p
  1430. {
  1431. display: inline;
  1432. }
  1433. div#upper_section div.news form
  1434. {
  1435. padding-bottom: 10px;
  1436. }
  1437. /* clearing the floats */
  1438. #top_section
  1439. {
  1440. min-height: 65px;
  1441. overflow: hidden;
  1442. margin-bottom: 3px;
  1443. }
  1444. #upper_section
  1445. {
  1446. overflow: hidden;
  1447. }
  1448.  
  1449. /* The navigation list (i.e. linktree) */
  1450. .navigate_section
  1451. {
  1452. padding: 0.5em;
  1453. margin: 0 0 0 0;
  1454. }
  1455. .navigate_section ul
  1456. {
  1457. display: block;
  1458. margin: 0;
  1459. font-size: 0.9em;
  1460. padding: 1em 0 0.5em 0;
  1461. border-top: 1px solid #ccc;
  1462. overflow: hidden;
  1463. list-style: none;
  1464. clear: both;
  1465. width: 100%;
  1466. }
  1467. .navigate_section ul li
  1468. {
  1469. float: left;
  1470. padding: 0 0.5em 0 0;
  1471. font-size: 0.95em;
  1472. }
  1473. .navigate_section ul li a
  1474. {
  1475. white-space: pre;
  1476. }
  1477.  
  1478. /* The footer wih copyright links etc. */
  1479. #footer_section
  1480. {
  1481. text-align: center;
  1482. padding-left: 20px;
  1483. }
  1484. #footer_section span.smalltext
  1485. {
  1486. font-size: 100%;
  1487. }
  1488. #footer_section div.frame
  1489. {
  1490. display: block;
  1491. padding: 60px 0 0 0;
  1492. }
  1493. #footer_section ul li, #footer_section p
  1494. {
  1495. font-size: 0.8em;
  1496. }
  1497. #footer_section ul li
  1498. {
  1499. display: inline;
  1500. padding-right: 5px;
  1501. }
  1502. #footer_section ul li.copyright
  1503. {
  1504. display: block;
  1505. }
  1506. select.qaction, input.qaction
  1507. {
  1508. font-size: 0.85em;
  1509. padding: 0;
  1510. }
  1511. #mlist table tbody td.windowbg2
  1512. {
  1513. text-align: center;
  1514. }
  1515.  
  1516. /* Styles for a typical table.
  1517. ------------------------------------------------------- */
  1518. table.table_list
  1519. {
  1520. width: 100%;
  1521. }
  1522. table.table_list p
  1523. {
  1524. padding: 0;
  1525. margin: 0;
  1526. }
  1527. table.table_list td, table.table_list th
  1528. {
  1529. padding: 5px;
  1530. }
  1531. table.table_list tbody.header td
  1532. {
  1533. padding: 0;
  1534. }
  1535. table.table_list tbody.content td.stats
  1536. {
  1537. font-size: 90%;
  1538. width: 15%;
  1539. text-align: center;
  1540. }
  1541. table.table_list tbody.content td.lastpost
  1542. {
  1543. line-height: 1.3em;
  1544. font-size: 85%;
  1545. width: 24%;
  1546. }
  1547. table.table_list tbody.content td.icon
  1548. {
  1549. text-align: center;
  1550. width: 6%;
  1551. }
  1552.  
  1553. /* Styles for the board index.
  1554. ------------------------------------------------- */
  1555.  
  1556. /* the board title! */
  1557. .table_list tbody.content td.info a.subject
  1558. {
  1559. font-weight: bold;
  1560. font-size: 110%;
  1561. color: #d97b33;
  1562. }
  1563. .table_list tbody.content td.children
  1564. {
  1565. color: #555;
  1566. font-size: 85%;
  1567. }
  1568. p.moderators
  1569. {
  1570. font-size: 0.8em;
  1571. font-family: verdana, sans-serif;
  1572. }
  1573. /* hide the table header/footer parts - but its here for those needing to style it */
  1574. #boardindex_table .table_list thead, #boardindex_table .table_list tfoot
  1575. {
  1576. display: none;
  1577. }
  1578.  
  1579. /* the posting icons */
  1580. #posting_icons
  1581. {
  1582. padding: 0 1em 0.5em 1em;
  1583. margin: 0 0 1em 0;
  1584. line-height: 1em;
  1585. }
  1586. #posting_icons ul
  1587. {
  1588. font-size: 0.8em;
  1589. }
  1590. #posting_icons img
  1591. {
  1592. vertical-align: middle;
  1593. margin: 0 0 0 4ex;
  1594. }
  1595. #postbuttons_upper ul li a span
  1596. {
  1597. line-height: 19px;
  1598. padding: 0 0 0 6px;
  1599. }
  1600. .nextlinks
  1601. {
  1602. text-align: right;
  1603. margin-top: -1px;
  1604. }
  1605. .nextlinks_bottom
  1606. {
  1607. clear: right;
  1608. text-align: right;
  1609. }
  1610. .mark_read
  1611. {
  1612. padding: 0 0.5em;
  1613. }
  1614.  
  1615. /* the newsfader */
  1616. #newsfader
  1617. {
  1618. margin: 0 2px;
  1619. }
  1620. #smfFadeScroller
  1621. {
  1622. text-align: center;
  1623. padding: 0 2em;
  1624. overflow: auto;
  1625. margin: 1em 0;
  1626. color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
  1627. }
  1628.  
  1629. /* Styles for the info center on the board index.
  1630. ---------------------------------------------------- */
  1631.  
  1632. #upshrinkHeaderIC
  1633. {
  1634. margin-top: 4px;
  1635. }
  1636. dl#ic_recentposts
  1637. {
  1638. margin: 0 0 0.5em 0;
  1639. padding: 0.5em;
  1640. line-height: 1.3em;
  1641. }
  1642. dl#ic_recentposts dt
  1643. {
  1644. float: left;
  1645. }
  1646. dl#ic_recentposts dd
  1647. {
  1648. text-align: right;
  1649. }
  1650. #upshrinkHeaderIC p
  1651. {
  1652. margin: 0 0 0.5em 0;
  1653. padding: 0.5em;
  1654. }
  1655. #upshrinkHeaderIC p.last
  1656. {
  1657. margin: 0;
  1658. padding: 0.5em;
  1659. border-top: 2px dotted #bbb;
  1660. }
  1661. #upshrinkHeaderIC p.inline
  1662. {
  1663. border: none;
  1664. margin: 0;
  1665. padding: 0.2em 0.5em 0.2em 0.5em;
  1666. }
  1667. #upshrinkHeaderIC p.stats
  1668. {
  1669. font-size: 1.1em;
  1670. padding-top: 8px;
  1671. }
  1672. form#ic_login
  1673. {
  1674. padding: 0.5em;
  1675. height: 2em;
  1676. }
  1677. form#ic_login ul li
  1678. {
  1679. margin: 0;
  1680. padding: 0;
  1681. float: left;
  1682. width: 20%;
  1683. text-align: center;
  1684. }
  1685. form#ic_login ul li label
  1686. {
  1687. display: block;
  1688. }
  1689.  
  1690. /* the small stats */
  1691. #index_common_stats
  1692. {
  1693. display: block;
  1694. margin: 0 0 0.5em 0;
  1695. text-align: right;
  1696. font-size: 0.9em;
  1697. position: relative;
  1698. top: -20px;
  1699. line-height: 1px;
  1700. }
  1701.  
  1702. img.new_posts
  1703. {
  1704. padding: 0 0.1em;
  1705. }
  1706. /* Styles for the message (topic) index.
  1707. ---------------------------------------------------- */
  1708. div.table_frame .table_list
  1709. {
  1710. border-collapse: collapse;
  1711. margin: 2px 0;
  1712. }
  1713. .table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
  1714. {
  1715. border-right: 2px solid white;
  1716. }
  1717. #messageindex
  1718. {
  1719. clear: both;
  1720. }
  1721. /* the page navigation area */
  1722. .childboards
  1723. {
  1724. margin-bottom: 0.2em;
  1725. }
  1726. #childboards h3
  1727. {
  1728. padding-bottom: 0;
  1729. }
  1730. #childboards .table_list thead
  1731. {
  1732. display: none;
  1733. }
  1734. #childboards .table_list
  1735. {
  1736. margin-bottom: 1em;
  1737. }
  1738. .lastpost img
  1739. {
  1740. float: right;
  1741. padding: 4px;
  1742. }
  1743.  
  1744. /* Styles for the display template (topic view).
  1745. ---------------------------------------------------- */
  1746.  
  1747. #postbuttons div.buttons
  1748. {
  1749. padding: 0.5em;
  1750. width: 40%;
  1751. float: right;
  1752. }
  1753. #postbuttons div.middletext
  1754. {
  1755. width: 60%;
  1756. }
  1757. #postbuttons span
  1758. {
  1759. display: block;
  1760. text-align: right;
  1761. }
  1762. #postbuttons span.lower
  1763. {
  1764. clear: right;
  1765. }
  1766. #postbuttons .buttonlist
  1767. {
  1768. float: right;
  1769. }
  1770. #postbuttons #pagelinks
  1771. {
  1772. padding-top: 1em;
  1773. }
  1774. #moderationbuttons
  1775. {
  1776. overflow: hidden;
  1777. }
  1778. /* Events */
  1779. .linked_events
  1780. {
  1781. padding: 1em 0;
  1782. }
  1783. .edit_event
  1784. {
  1785. margin: 0 1em;
  1786. vertical-align: middle;
  1787. }
  1788. /* Poll question */
  1789. #poll
  1790. {
  1791. overflow: hidden;
  1792. }
  1793. #poll .content
  1794. {
  1795. padding: 0 1em;
  1796. }
  1797. h4#pollquestion
  1798. {
  1799. padding: 0 0 0.5em 2em;
  1800. }
  1801.  
  1802. /* Poll vote options */
  1803. #poll_options ul.options
  1804. {
  1805. border-top: 1px solid #9999aa;
  1806. padding: 1em 2.5em 0 2em;
  1807. margin: 0 0 1em 0;
  1808. }
  1809. #poll_options div.submitbutton
  1810. {
  1811. border-bottom: 1px solid #9999aa;
  1812. clear: both;
  1813. padding: 0 0 1em 2em;
  1814. margin: 0 0 1em 0;
  1815. }
  1816.  
  1817. /* Poll results */
  1818. #poll_options dl.options
  1819. {
  1820. border: solid #9999aa;
  1821. border-width: 1px 0;
  1822. padding: 1em 2.5em 1em 2em;
  1823. margin: 0 1em 1em 0;
  1824. line-height: 1.1em !important;
  1825. }
  1826.  
  1827. #poll_options dl.options dt
  1828. {
  1829. padding: 0.3em 0;
  1830. width: 30%;
  1831. float: left;
  1832. margin: 0;
  1833. clear: left;
  1834. }
  1835.  
  1836. #poll_options dl.options .voted
  1837. {
  1838. font-weight: bold;
  1839. }
  1840.  
  1841. #poll_options dl.options dd
  1842. {
  1843. margin: 0 0 0 2em;
  1844. padding: 0.1em 0 0 0;
  1845. width: 60%;
  1846. max-width: 450px;
  1847. float: left;
  1848. }
  1849.  
  1850. #poll_options dl.options .percentage
  1851. {
  1852. display: block;
  1853. float: right;
  1854. padding: 0.2em 0 0.3em 0;
  1855. }
  1856.  
  1857. /* Poll notices */
  1858. #poll_options p
  1859. {
  1860. margin: 0 1.5em 0.2em 1.5em;
  1861. padding: 0 0.5em 0.5em 0.5em;
  1862. }
  1863.  
  1864. div#pollmoderation
  1865. {
  1866. margin: 0;
  1867. padding: 0;
  1868. overflow: auto;
  1869. }
  1870.  
  1871. /* onto the posts */
  1872. #forumposts
  1873. {
  1874. clear: both;
  1875. }
  1876. #forumposts .cat_bar
  1877. {
  1878. margin: 0 0 2px 0;
  1879. }
  1880. /* author and topic information */
  1881. #forumposts h3 span#author
  1882. {
  1883. margin: 0 7.7em 0 0;
  1884. }
  1885. #forumposts h3 img
  1886. {
  1887. float: left;
  1888. margin: 4px 0.5em 0 0;
  1889. }
  1890. #forumposts h3.catbg
  1891. {
  1892. margin-bottom: 3px;
  1893. }
  1894. p#whoisviewing
  1895. {
  1896. margin: 0;
  1897. padding: 0.5em;
  1898. }
  1899. /* poster and postarea + moderation area underneath */
  1900. .post_wrapper
  1901. {
  1902. float:left;
  1903. width:100%;
  1904. }
  1905. .poster
  1906. {
  1907. float: left;
  1908. width: 15em;
  1909. }
  1910. .postarea, .moderatorbar
  1911. {
  1912. margin: 0 0 0 16em;
  1913. }
  1914. .postarea div.flow_hidden
  1915. {
  1916. width: 100%;
  1917. }
  1918.  
  1919. .moderatorbar
  1920. {
  1921. clear: right;
  1922. }
  1923. /* poster details and list of items */
  1924. .poster h4, .poster ul
  1925. {
  1926. padding: 0;
  1927. margin: 0 1em 0 1.5em;
  1928. }
  1929. .poster h4
  1930. {
  1931. margin: 0.2em 0 0.4em 1.1em;
  1932. font-size: 120%;
  1933. }
  1934. .poster h4, .poster h4 a
  1935. {
  1936. color: #c06002;
  1937. }
  1938. .poster ul ul
  1939. {
  1940. margin: 0.3em 1em 0 0;
  1941. padding: 0;
  1942. }
  1943. .poster ul ul li
  1944. {
  1945. display: inline;
  1946. }
  1947. .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
  1948. {
  1949. margin-top: 0.5em;
  1950. }
  1951. .poster li.avatar
  1952. {
  1953. overflow: hidden;
  1954. }
  1955. .poster li.warning
  1956. {
  1957. line-height: 1.2em;
  1958. padding-top: 1em;
  1959. }
  1960. .poster li.warning a img
  1961. {
  1962. vertical-align: bottom;
  1963. padding: 0 0.2em;
  1964. }
  1965. .messageicon
  1966. {
  1967. float: left;
  1968. margin: 0 0.5em 0 0;
  1969. }
  1970. .messageicon img
  1971. {
  1972. padding: 6px 3px;
  1973. }
  1974. .keyinfo
  1975. {
  1976. float: left;
  1977. width: 50%;
  1978. }
  1979. .modifybutton
  1980. {
  1981. clear: right;
  1982. float: right;
  1983. margin: 6px 20px 10px 0;
  1984. text-align: right;
  1985. font: bold 0.85em arial, sans-serif;
  1986. color: #334466;
  1987. }
  1988.  
  1989. /* The quick buttons */
  1990. div.quickbuttons_wrap
  1991. {
  1992. padding: 0.2em 0;
  1993. width: 100%;
  1994. float: left;
  1995. }
  1996.  
  1997. ul.quickbuttons
  1998. {
  1999. margin: 0.9em 11px 0 0;
  2000. clear: right;
  2001. float: right;
  2002. text-align: right;
  2003. font: bold 0.85em arial, sans-serif;
  2004. }
  2005. ul.quickbuttons li
  2006. {
  2007. float: left;
  2008. display: inline;
  2009. margin: 0 0 0 11px;
  2010. }
  2011. ul.quickbuttons li a
  2012. {
  2013. padding: 0 0 0 20px;
  2014. display: block;
  2015. height: 20px;
  2016. line-height: 18px;
  2017. float: left;
  2018. }
  2019. ul.quickbuttons a:hover
  2020. {
  2021. color: #a70;
  2022. }
  2023. ul.quickbuttons li.quote_button
  2024. {
  2025. background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
  2026. }
  2027. ul.quickbuttons li.remove_button
  2028. {
  2029. background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
  2030. }
  2031. ul.quickbuttons li.modify_button
  2032. {
  2033. background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
  2034. }
  2035. ul.quickbuttons li.approve_button
  2036. {
  2037. background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
  2038. }
  2039. ul.quickbuttons li.restore_button
  2040. {
  2041. background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
  2042. }
  2043. ul.quickbuttons li.split_button
  2044. {
  2045. background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
  2046. }
  2047. ul.quickbuttons li.reply_button
  2048. {
  2049. background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
  2050. }
  2051. ul.quickbuttons li.reply_all_button
  2052. {
  2053. background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
  2054. }
  2055. ul.quickbuttons li.notify_button
  2056. {
  2057. background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
  2058. }
  2059. ul.quickbuttons li.inline_mod_check
  2060. {
  2061. margin: 0 0 0 5px;
  2062. }
  2063.  
  2064. .post
  2065. {
  2066. margin-top: 0.5em;
  2067. clear: right;
  2068. }
  2069. .inner
  2070. {
  2071. padding: 1em 1em 2px 0;
  2072. margin: 0 1em 0 0;
  2073. border-top: 1px solid #99a;
  2074. }
  2075. img.smiley
  2076. {
  2077. vertical-align: bottom;
  2078. }
  2079. #forumposts .modified
  2080. {
  2081. float: left;
  2082. }
  2083. #forumposts .reportlinks
  2084. {
  2085. margin-right: 1.5em;
  2086. text-align: right;
  2087. clear: right;
  2088. }
  2089. #forumposts .signature, .post .signature
  2090. {
  2091. margin: 1em 0 0 0;
  2092. }
  2093. #forumposts span.botslice
  2094. {
  2095. clear: both;
  2096. }
  2097. .attachments hr
  2098. {
  2099. clear: both;
  2100. margin: 1em 0 1em 0;
  2101. }
  2102. .attachments
  2103. {
  2104. padding: 1em 0 2em 0;
  2105. }
  2106. .attachments div
  2107. {
  2108. padding: 0 0.5em;
  2109. }
  2110.  
  2111. /* Styles for the quick reply area.
  2112. ---------------------------------------------------- */
  2113.  
  2114. #quickreplybox
  2115. {
  2116. padding-bottom: 1px;
  2117. }
  2118. #quickReplyOptions .roundframe
  2119. {
  2120. padding: 0 10%;
  2121. }
  2122. #quickReplyOptions form textarea
  2123. {
  2124. height: 100px;
  2125. width: 635px;
  2126. max-width: 100%;
  2127. min-width: 100%;
  2128. margin: 0.25em 0 1em 0;
  2129. }
  2130. /* The jump to box */
  2131. #display_jump_to
  2132. {
  2133. clear: both;
  2134. padding: 5px;
  2135. margin-top: 6px;
  2136. text-align: right;
  2137. }
  2138.  
  2139. /* Separator of posts. More useful in the print stylesheet. */
  2140. #forumposts .post_separator
  2141. {
  2142. display: none;
  2143. }
  2144.  
  2145. /* Styles for edit post section
  2146. ---------------------------------------------------- */
  2147. form#postmodify .roundframe
  2148. {
  2149. padding: 0 12%;
  2150. }
  2151. #post_header, .postbox
  2152. {
  2153. padding: 0.5em;
  2154. overflow: hidden;
  2155. }
  2156. #post_header dt, .postbox dt
  2157. {
  2158. float: left;
  2159. padding: 0;
  2160. width: 15%;
  2161. margin: .5em 0 0 0;
  2162. font-weight: bold;
  2163. }
  2164. #post_header dd, .postbox dd
  2165. {
  2166. float: left;
  2167. padding: 0;
  2168. width: 83%;
  2169. margin: .3em 0;
  2170. }
  2171. #post_header img
  2172. {
  2173. vertical-align: middle;
  2174. }
  2175. ul.post_options
  2176. {
  2177. margin: 0 0 0 1em;
  2178. padding: 0;
  2179. list-style: none;
  2180. overflow: hidden;
  2181. }
  2182. ul.post_options li
  2183. {
  2184. margin: 0.2em 0;
  2185. width: 49%;
  2186. float: left;
  2187. }
  2188. #postAdditionalOptionsHeader
  2189. {
  2190. margin-top: 1em;
  2191. }
  2192. #postMoreOptions
  2193. {
  2194. border-bottom: 1px solid #cacdd3;
  2195. padding: 0.5em;
  2196. }
  2197. #postAttachment, #postAttachment2
  2198. {
  2199. overflow: hidden;
  2200. margin: .5em 0;
  2201. padding: 0;
  2202. border-bottom: 1px solid #cacdd3;
  2203. padding: 0.5em;
  2204. }
  2205. #postAttachment dd, #postAttachment2 dd
  2206. {
  2207. margin: .3em 0 .3em 1em;
  2208. }
  2209. #postAttachment dt, #postAttachment2 dt
  2210. {
  2211. font-weight: bold;
  2212. }
  2213. #postAttachment3
  2214. {
  2215. margin-left: 1em;
  2216. }
  2217. #post_confirm_strip, #shortcuts
  2218. {
  2219. padding: 1em 0 0 0;
  2220. }
  2221. .post_verification
  2222. {
  2223. margin-top: .5em;
  2224. }
  2225. .post_verification #verification_control
  2226. {
  2227. margin: .3em 0 .3em 1em;
  2228. }
  2229. /* The BBC buttons */
  2230. #bbcBox_message
  2231. {
  2232. margin: 0.75em 0.5em;
  2233. }
  2234. #bbcBox_message div
  2235. {
  2236. margin: 0.2em 0;
  2237. vertical-align: top;
  2238. }
  2239. #bbcBox_message div img
  2240. {
  2241. margin: 0 1px 0 0;
  2242. vertical-align: top;
  2243. }
  2244. #bbcBox_message select
  2245. {
  2246. margin: 0 2px;
  2247. }
  2248. /* The smiley strip */
  2249. #smileyBox_message
  2250. {
  2251. margin: 0.5em;
  2252. }
  2253.  
  2254. /* Styles for edit event section
  2255. ---------------------------------------------------- */
  2256. #post_event .roundframe
  2257. {
  2258. padding: 0 12%;
  2259. }
  2260. #post_event fieldset
  2261. {
  2262. padding: 0.5em;
  2263. clear: both;
  2264. }
  2265. #post_event #event_main input
  2266. {
  2267. margin: 0 0 1em 0;
  2268. float: left;
  2269. }
  2270. #post_event #event_main div.smalltext
  2271. {
  2272. width: 33em;
  2273. float: right;
  2274. }
  2275. #post_event div.event_options
  2276. {
  2277. float: right;
  2278. }
  2279. #post_event ul.event_main, ul.event_options
  2280. {
  2281. padding: 0;
  2282. overflow: hidden;
  2283. }
  2284. #post_event ul.event_main li
  2285. {
  2286. list-style-type: none;
  2287. margin: 0.2em 0;
  2288. width: 49%;
  2289. float: left;
  2290. }
  2291. #post_event ul.event_options
  2292. {
  2293. margin: 0;
  2294. padding: 0 0 .7em .7em;
  2295. }
  2296. #post_event ul.event_options li
  2297. {
  2298. list-style-type: none;
  2299. margin: 0;
  2300. float: left;
  2301. }
  2302. #post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
  2303. {
  2304. margin: 0 1em 0 0;
  2305. }
  2306.  
  2307. /* Styles for edit poll section.
  2308. ---------------------------------------------------- */
  2309.  
  2310. #edit_poll
  2311. {
  2312. overflow: hidden;
  2313. }
  2314. #edit_poll fieldset
  2315. {
  2316. padding: 0.5em;
  2317. clear: both;
  2318. overflow: hidden;
  2319. }
  2320. #edit_poll fieldset input
  2321. {
  2322. margin-left: 8.1em;
  2323. }
  2324. #edit_poll ul.poll_main li
  2325. {
  2326. padding-left: 1em;
  2327. }
  2328. #edit_poll ul.poll_main input
  2329. {
  2330. margin-left: 1em;
  2331. }
  2332. #edit_poll ul.poll_main, dl.poll_options
  2333. {
  2334. overflow: hidden;
  2335. padding: 0 0 .7em .7em;
  2336. list-style: none;
  2337. }
  2338. #edit_poll ul.poll_main li
  2339. {
  2340. margin: 0.2em 0;
  2341. }
  2342. #edit_poll dl.poll_options dt
  2343. {
  2344. width: 33%;
  2345. padding: 0 0 0 1em;
  2346. }
  2347. #edit_poll dl.poll_options dd
  2348. {
  2349. width: 65%;
  2350. }
  2351. #edit_poll dl.poll_options dd input
  2352. {
  2353. margin-left: 0;
  2354. }
  2355.  
  2356. /* Styles for the recent messages section.
  2357. ---------------------------------------------------- */
  2358.  
  2359. #readbuttons_top .pagelinks, #readbuttons .pagelinks
  2360. {
  2361. padding-bottom: 1em;
  2362. width: 60%;
  2363. }
  2364. #readbuttons .pagelinks
  2365. {
  2366. padding-top: 1em;
  2367. }
  2368. #recent
  2369. {
  2370. clear: both;
  2371. }
  2372.  
  2373. /* Styles for the move topic section.
  2374. ---------------------------------------------------- */
  2375.  
  2376. #move_topic dl
  2377. {
  2378. margin-bottom: 0;
  2379. }
  2380. #move_topic dl.settings dt
  2381. {
  2382. width: 40%;
  2383. }
  2384. #move_topic dl.settings dd
  2385. {
  2386. width: 59%;
  2387. }
  2388. .move_topic
  2389. {
  2390. width: 710px;
  2391. margin: auto;
  2392. text-align: left;
  2393. }
  2394. div.move_topic fieldset
  2395. {
  2396. padding: 0.5em;
  2397. }
  2398.  
  2399. /* Styles for the send topic section.
  2400. ---------------------------------------------------- */
  2401.  
  2402. fieldset.send_topic
  2403. {
  2404. border: none;
  2405. padding: 0.5em;
  2406. }
  2407. dl.send_topic
  2408. {
  2409. margin-bottom: 0;
  2410. }
  2411. dl.send_mail dt
  2412. {
  2413. width: 35%;
  2414. }
  2415. dl.send_mail dd
  2416. {
  2417. width: 64%;
  2418. }
  2419.  
  2420. /* Styles for the report topic section.
  2421. ---------------------------------------------------- */
  2422.  
  2423. #report_topic dl
  2424. {
  2425. margin-bottom: 0;
  2426. }
  2427. #report_topic dl.settings dt
  2428. {
  2429. width: 20%;
  2430. }
  2431. #report_topic dl.settings dd
  2432. {
  2433. width: 79%;
  2434. }
  2435.  
  2436. /* Styles for the split topic section.
  2437. ---------------------------------------------------- */
  2438.  
  2439. div#selected, div#not_selected
  2440. {
  2441. width: 49%;
  2442. }
  2443. ul.split_messages li.windowbg, ul.split_messages li.windowbg2
  2444. {
  2445. margin: 1px;
  2446. }
  2447. ul.split_messages li a.split_icon
  2448. {
  2449. padding: 0 0.5em;
  2450. }
  2451. ul.split_messages div.post
  2452. {
  2453. padding: 1em 0 0 0;
  2454. border-top: 1px solid #fff;
  2455. }
  2456.  
  2457. /* Styles for the merge topic section.
  2458. ---------------------------------------------------- */
  2459. ul.merge_topics li
  2460. {
  2461. list-style-type: none;
  2462. }
  2463. dl.merge_topic dt
  2464. {
  2465. width: 25%;
  2466. }
  2467. dl.merge_topic dd
  2468. {
  2469. width: 74%;
  2470. }
  2471. fieldset.merge_options
  2472. {
  2473. clear: both;
  2474. }
  2475. .custom_subject
  2476. {
  2477. margin: 0.5em 0;
  2478. }
  2479.  
  2480. /* Styles for the login areas.
  2481. ------------------------------------------------------- */
  2482. .login
  2483. {
  2484. width: 540px;
  2485. margin: 0 auto;
  2486. }
  2487. .login dl
  2488. {
  2489. overflow: auto;
  2490. clear: right;
  2491. }
  2492. .login dt, .login dd
  2493. {
  2494. margin: 0 0 0.4em 0;
  2495. width: 44%;
  2496. padding: 0.1em;
  2497. }
  2498. .login dt
  2499. {
  2500. float: left;
  2501. clear: both;
  2502. text-align: right;
  2503. font-weight: bold;
  2504. }
  2505. .login dd
  2506. {
  2507. width: 54%;
  2508. float: right;
  2509. text-align: left;
  2510. }
  2511. .login p
  2512. {
  2513. text-align: center;
  2514. }
  2515.  
  2516. /* Styles for the registration section.
  2517. ------------------------------------------------------- */
  2518. .register_error
  2519. {
  2520. border: 1px dashed red;
  2521. padding: 5px;
  2522. margin: 0 1ex 1ex 1ex;
  2523. }
  2524. .register_error span
  2525. {
  2526. text-decoration: underline;
  2527. }
  2528.  
  2529. /* Additional profile fields */
  2530. dl.register_form
  2531. {
  2532. margin: 0;
  2533. clear: right;
  2534. }
  2535.  
  2536. dl.register_form dt
  2537. {
  2538. font-weight: normal;
  2539. float: left;
  2540. clear: both;
  2541. width: 50%;
  2542. margin: 0.5em 0 0 0;
  2543. }
  2544.  
  2545. dl.register_form dt strong
  2546. {
  2547. font-weight: bold;
  2548. }
  2549.  
  2550. dl.register_form dt span
  2551. {
  2552. display: block;
  2553. }
  2554.  
  2555. dl.register_form dd
  2556. {
  2557. float: left;
  2558. width: 49%;
  2559. margin: 0.5em 0 0 0;
  2560. }
  2561.  
  2562. #confirm_buttons
  2563. {
  2564. text-align: center;
  2565. padding: 1em 0;
  2566. }
  2567.  
  2568. .coppa_contact
  2569. {
  2570. padding: 4px;
  2571. width: 32ex;
  2572. background-color: #fff;
  2573. color: #000;
  2574. margin-left: 5ex;
  2575. border: 1px solid #000;
  2576. }
  2577.  
  2578. .valid_input
  2579. {
  2580. background-color: #f5fff0;
  2581. }
  2582. .invalid_input
  2583. {
  2584. background-color: #fff0f0;
  2585. }
  2586.  
  2587. /* Styles for maintenance mode.
  2588. ------------------------------------------------------- */
  2589. #maintenance_mode
  2590. {
  2591. width: 75%;
  2592. min-width: 520px;
  2593. text-align: left;
  2594. }
  2595. #maintenance_mode img.floatleft
  2596. {
  2597. margin-right: 1em;
  2598. }
  2599.  
  2600. /* common for all admin sections */
  2601. h3.titlebg img
  2602. {
  2603. vertical-align: middle;
  2604. margin-right: 0.5em;
  2605. margin-top: -1px;
  2606. }
  2607. tr.titlebg td
  2608. {
  2609. padding-left: 0.7em;
  2610. }
  2611. #admin_menu
  2612. {
  2613. min-height: 2em;
  2614. padding-left: 0;
  2615. }
  2616. #admin_content
  2617. {
  2618. clear: left;
  2619. padding-top: 0.5em;
  2620. }
  2621. /* Custom profile fields like to play with us some times. */
  2622. #admin_content .custom_field
  2623. {
  2624. margin-bottom: 15px;
  2625. }
  2626. #admin_login .centertext
  2627. {
  2628. padding: 1em;
  2629. }
  2630. #admin_login .centertext .error
  2631. {
  2632. padding: 0 0 1em 0;
  2633. }
  2634.  
  2635. /* Styles for sidebar menus.
  2636. ------------------------------------------------------- */
  2637. .left_admmenu, .left_admmenu ul, .left_admmenu li
  2638. {
  2639. padding: 0;
  2640. margin: 0;
  2641. list-style: none;
  2642. }
  2643. #left_admsection
  2644. {
  2645. width: 160px;
  2646. float: left;
  2647. padding-right: 10px;
  2648. }
  2649. .adm_section h4.titlebg
  2650. {
  2651. font-size: 95%;
  2652. margin-bottom: 5px;
  2653. }
  2654. #main_container
  2655. {
  2656. position: relative;
  2657. }
  2658. .left_admmenu li
  2659. {
  2660. padding: 0 0 0 0.5em;
  2661. }
  2662. .left_admmenu
  2663. {
  2664. margin-bottom: 0.5em;
  2665. }
  2666. #main_admsection
  2667. {
  2668. position: relative;
  2669. left: 0;
  2670. right: 0;
  2671. overflow: hidden;
  2672. }
  2673.  
  2674. tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
  2675. {
  2676. padding: 0.3em 0.7em;
  2677. }
  2678. #credits p
  2679. {
  2680. padding: 0;
  2681. font-style: italic;
  2682. margin: 0;
  2683. }
  2684.  
  2685. /* Styles for generic tables.
  2686. ------------------------------------------------------- */
  2687. .topic_table table
  2688. {
  2689. width: 100%;
  2690. }
  2691. .topic_table .icon1, .topic_table .icon2, .topic_table .stats
  2692. {
  2693. text-align: center;
  2694. }
  2695. #topic_icons
  2696. {
  2697. margin: 1em 0 0 0;
  2698. }
  2699. #topic_icons .description
  2700. {
  2701. margin: 0;
  2702. }
  2703. .topic_table table thead
  2704. {
  2705. border-bottom: 1px solid #fff;
  2706. }
  2707. /* the subject column */
  2708. .topic_table td
  2709. {
  2710. font-size: 1em;
  2711. }
  2712. .topic_table td.subject p, .topic_table td.stats
  2713. {
  2714. font-size: 0.85em;
  2715. padding: 0;
  2716. margin: 0;
  2717. }
  2718. .topic_table td.lastpost
  2719. {
  2720. font-size: 0.85em;
  2721. line-height: 1.3em;
  2722. padding: 4px;
  2723. }
  2724. .topic_table td.stickybg2
  2725. {
  2726. background-image: url(../images/icons/quick_sticky.gif);
  2727. background-repeat: no-repeat;
  2728. background-position: 98% 4px;
  2729. }
  2730. .topic_table td.lockedbg2
  2731. {
  2732. background-image: url(../images/icons/quick_lock.gif);
  2733. background-repeat: no-repeat;
  2734. background-position: 98% 4px;
  2735. }
  2736. .topic_table td.locked_sticky2
  2737. {
  2738. background-image: url(../images/icons/quick_sticky_lock.gif);
  2739. background-repeat: no-repeat;
  2740. background-position: 98% 4px;
  2741. }
  2742. .topic_table td.lastpost
  2743. {
  2744. background-image: none;
  2745. }
  2746.  
  2747. /* Styles for (fatal) errors.
  2748. ------------------------------------------------- */
  2749.  
  2750. #fatal_error
  2751. {
  2752. width: 80%;
  2753. margin: auto;
  2754. }
  2755.  
  2756. .errorbox
  2757. {
  2758. padding: 1em;
  2759. border: 1px solid #cc3344;
  2760. color: #000;
  2761. background-color: #ffe4e9;
  2762. margin-bottom: 1em;
  2763. }
  2764. .errorbox h3
  2765. {
  2766. padding: 0;
  2767. margin: 0;
  2768. font-size: 1.1em;
  2769. text-decoration: underline;
  2770. }
  2771. .errorbox p
  2772. {
  2773. margin: 1em 0 0 0;
  2774. }
  2775. .errorbox p.alert
  2776. {
  2777. padding: 0;
  2778. margin: 0;
  2779. float: left;
  2780. width: 1em;
  2781. font-size: 1.5em;
  2782. }
  2783.  
  2784. /* Styles for the profile section.
  2785. ------------------------------------------------- */
  2786.  
  2787. dl
  2788. {
  2789. overflow: auto;
  2790. margin: 0;
  2791. padding: 0;
  2792. }
  2793.  
  2794. /* The basic user info on the left */
  2795. #basicinfo
  2796. {
  2797. width: 20%;
  2798. float: left;
  2799. }
  2800. #basicinfo .windowbg .content
  2801. {
  2802. padding-left: 20px;
  2803. }
  2804. #detailedinfo
  2805. {
  2806. width: 79.5%;
  2807. float: right;
  2808. }
  2809. #basicinfo h4
  2810. {
  2811. font-size: 135%;
  2812. font-weight: 100;
  2813. line-height: 105%;
  2814. white-space: pre-wrap;
  2815. overflow: hidden;
  2816. }
  2817. #basicinfo h4 span.position
  2818. {
  2819. font-size: 80%;
  2820. font-weight: 100;
  2821. display: block;
  2822. }
  2823. #basicinfo img.avatar
  2824. {
  2825. display: block;
  2826. margin: 10px 0 0 0;
  2827. }
  2828. #basicinfo ul
  2829. {
  2830. list-style-type: none;
  2831. margin: 10px 0 0 0;
  2832. }
  2833. #basicinfo ul li
  2834. {
  2835. display: block;
  2836. float: left;
  2837. margin-right: 5px;
  2838. height: 20px;
  2839. }
  2840. #basicinfo span#userstatus
  2841. {
  2842. display: block;
  2843. clear: both;
  2844. }
  2845. #basicinfo span#userstatus img
  2846. {
  2847. vertical-align: middle;
  2848. }
  2849. #detailedinfo div.content dl, #tracking div.content dl
  2850. {
  2851. clear: right;
  2852. overflow: auto;
  2853. margin: 0 0 18px 0;
  2854. padding: 0 0 15px 0;
  2855. border-bottom: 1px #ccc solid;
  2856. }
  2857. #detailedinfo div.content dt, #tracking div.content dt
  2858. {
  2859. width: 35%;
  2860. float: left;
  2861. margin: 0 0 3px 0;
  2862. padding: 0;
  2863. font-weight: bold;
  2864. clear: both;
  2865. }
  2866. #detailedinfo div.content dd, #tracking div.content dd
  2867. {
  2868. width: 65%;
  2869. float: left;
  2870. margin: 0 0 3px 0;
  2871. padding: 0;
  2872. }
  2873. #detailedinfo div.content dl.noborder
  2874. {
  2875. border-bottom: 0;
  2876. }
  2877. #detailedinfo div.content dt.clear
  2878. {
  2879. width: 100%;
  2880. }
  2881. .signature, .custom_fields_above_signature
  2882. {
  2883. border-top: 1px #ccc solid;
  2884. }
  2885. .signature h5
  2886. {
  2887. font-size: 0.85em;
  2888. margin-bottom: 10px;
  2889. }
  2890. #personal_picture
  2891. {
  2892. display: block;
  2893. margin-bottom: 0.3em;
  2894. }
  2895. #avatar_server_stored div
  2896. {
  2897. float: left;
  2898. }
  2899. #avatar_upload
  2900. {
  2901. overflow: auto;
  2902. }
  2903. #main_admsection #basicinfo, #main_admsection #detailedinfo
  2904. {
  2905. width: 100%;
  2906. }
  2907. #main_admsection #basicinfo h4
  2908. {
  2909. float: left;
  2910. width: 35%;
  2911. }
  2912. #main_admsection #basicinfo img.avatar
  2913. {
  2914. float: right;
  2915. vertical-align: top;
  2916. }
  2917. #main_admsection #basicinfo ul
  2918. {
  2919. clear: left;
  2920. }
  2921. #main_admsection #basicinfo span#userstatus
  2922. {
  2923. clear: left;
  2924. }
  2925. #main_admsection #basicinfo p#infolinks
  2926. {
  2927. display: none;
  2928. clear: both;
  2929. }
  2930. #main_admsection #basicinfo .botslice
  2931. {
  2932. clear: both;
  2933. }
  2934.  
  2935. /* Simple feedback messages */
  2936. div#profile_error, div#profile_success
  2937. {
  2938. margin: 0 0 1em 0;
  2939. padding: 1em 2em;
  2940. border: 1px solid;
  2941. }
  2942. div#profile_error
  2943. {
  2944. border-color: red;
  2945. color: red;
  2946. background: #fee;
  2947. }
  2948.  
  2949. div#profile_error span
  2950. {
  2951. text-decoration: underline;
  2952. }
  2953.  
  2954. div#profile_success
  2955. {
  2956. border-color: green;
  2957. color: green;
  2958. background: #efe;
  2959. }
  2960.  
  2961. /* Profile statistics */
  2962. #generalstats div.content dt
  2963. {
  2964. width: 50%;
  2965. float: left;
  2966. margin: 0 0 3px 0;
  2967. padding: 0;
  2968. font-weight: bold;
  2969. clear: both;
  2970. }
  2971. #generalstats div.content dd
  2972. {
  2973. width: 50%;
  2974. float: left;
  2975. margin: 0 0 3px 0;
  2976. padding: 0;
  2977. }
  2978.  
  2979. /* Activity by time */
  2980. #activitytime
  2981. {
  2982. margin: 6px 0;
  2983. }
  2984. .activity_stats
  2985. {
  2986. margin: 0;
  2987. padding: 0;
  2988. list-style: none;
  2989. }
  2990. .activity_stats li
  2991. {
  2992. margin: 0;
  2993. padding: 0;
  2994. width: 4.16%;
  2995. float: left;
  2996. }
  2997. .activity_stats li span
  2998. {
  2999. display: block;
  3000. border: solid #000;
  3001. border-width: 1px 1px 0 0;
  3002. text-align: center;
  3003. }
  3004. .activity_stats li.last span
  3005. {
  3006. border-right: none;
  3007. }
  3008. .activity_stats li div.bar
  3009. {
  3010. margin: 0 auto;
  3011. width: 15px;
  3012. }
  3013. .activity_stats li div.bar div
  3014. {
  3015. background: #6294CE;
  3016. }
  3017. .activity_stats li div.bar span
  3018. {
  3019. position: absolute;
  3020. top: -1000em;
  3021. left: -1000em;
  3022. }
  3023.  
  3024. /* Most popular boards by posts and activity */
  3025. #popularposts
  3026. {
  3027. width: 49.5%;
  3028. float: left;
  3029. }
  3030. #popularactivity
  3031. {
  3032. width: 49.5%;
  3033. float: right;
  3034. }
  3035.  
  3036. #popularposts div.content dt, #popularactivity div.content dt
  3037. {
  3038. width: 65%;
  3039. float: left;
  3040. margin: 0 0 3px 0;
  3041. padding: 0;
  3042. font-weight: bold;
  3043. clear: both;
  3044. }
  3045. #popularposts div.content dd, #popularactivity div.content dd
  3046. {
  3047. width: 35%;
  3048. float: left;
  3049. margin: 0 0 3px 0;
  3050. padding: 0;
  3051. }
  3052.  
  3053. .profile_pie
  3054. {
  3055. background-image: url(../images/stats_pie.png);
  3056. float: left;
  3057. height: 20px;
  3058. width: 20px;
  3059. margin: 0 1em 0 0;
  3060. padding: 0;
  3061. text-indent: -1000em;
  3062. }
  3063.  
  3064. /* View posts */
  3065. .topic .time
  3066. {
  3067. float: right;
  3068. }
  3069.  
  3070. .counter
  3071. {
  3072. margin: 0 0 0 0;
  3073. padding: 0.2em 0.5em 0.1em 0.2em;
  3074. font-size: 2.2em;
  3075. font-weight: bold;
  3076. color: #3f3f3f;
  3077. float: left;
  3078. }
  3079. .list_posts
  3080. {
  3081. border-top: 2px solid #b3b3bf;
  3082. padding-top: 12px;
  3083. margin-top: 6px;
  3084. overflow: auto;
  3085. }
  3086.  
  3087. .core_posts
  3088. {
  3089. margin-bottom: 3px;
  3090. }
  3091.  
  3092. .topic h4
  3093. {
  3094. margin: 3px 0;
  3095. }
  3096.  
  3097. .topic .post
  3098. {
  3099. margin: 0 1em;
  3100. min-height: 80px;
  3101. height: auto !important;
  3102. height: 80px;
  3103. }
  3104.  
  3105. .topic .mod_icons
  3106. {
  3107. text-align: right;
  3108. margin-right: 1em;
  3109. }
  3110.  
  3111. #tracking div.content dl
  3112. {
  3113. border-bottom: 0;
  3114. margin: 0;
  3115. padding: 0;
  3116. }
  3117.  
  3118. #creator dl
  3119. {
  3120. margin: 0;
  3121. }
  3122. #creator dt
  3123. {
  3124. width: 40%;
  3125. float: left;
  3126. clear: both;
  3127. margin: 0 0 10px 0;
  3128. }
  3129. #creator dd
  3130. {
  3131. float: right;
  3132. width: 55%;
  3133. margin: 0 0 10px 2px;
  3134. overflow: auto;
  3135. }
  3136.  
  3137. .ignoreboards
  3138. {
  3139. margin: 0 2%;
  3140. padding: 0;
  3141. width: 45%;
  3142. }
  3143. .ignoreboards a
  3144. {
  3145. font-weight: bold;
  3146. border-bottom: 1px solid #c4c4c4;
  3147. padding: 0.1em 0;
  3148. }
  3149. .ignoreboards a:hover
  3150. {
  3151. text-decoration: none;
  3152. border-bottom: 1px solid #334466;
  3153. }
  3154. .ignoreboards ul
  3155. {
  3156. margin: 0;
  3157. padding: 0;
  3158. }
  3159. .ignoreboards li
  3160. {
  3161. list-style: none;
  3162. float: left;
  3163. clear: both;
  3164. }
  3165. .ignoreboards li.category
  3166. {
  3167. margin: 0.7em 0 0 0;
  3168. width: 100%;
  3169. }
  3170. .ignoreboards li ul
  3171. {
  3172. margin: 0.2em 0 0 0;
  3173. }
  3174. .ignoreboards li.category ul li.board
  3175. {
  3176. width: 93%;
  3177. }
  3178.  
  3179. #theme_settings
  3180. {
  3181. overflow: auto;
  3182. margin: 0;
  3183. padding: 0;
  3184. }
  3185.  
  3186. #theme_settings li
  3187. {
  3188. list-style: none;
  3189. margin: 10px 0;
  3190. padding: 0;
  3191. }
  3192. /* Paid Subscriptions */
  3193. #paid_subscription
  3194. {
  3195. width: 100%;
  3196. }
  3197. #paid_subscription dl.settings
  3198. {
  3199. margin-bottom: 0;
  3200. }
  3201. #paid_subscription dl.settings dd, #paid_subscription dl.settings dt
  3202. {
  3203. margin-bottom: 4px;
  3204. }
  3205. /* Pick theme */
  3206. #pick_theme
  3207. {
  3208. width: 100%;
  3209. float: left;
  3210. }
  3211. /*Issue a warning*/
  3212. #warn_body{
  3213. width: 80%;
  3214. font-size: 0.9em;
  3215. }
  3216.  
  3217. /* Styles for the statistics center.
  3218. ------------------------------------------------- */
  3219. #statistics
  3220. {
  3221. padding: 0.5em 0;
  3222. }
  3223. #statistics div.title_bar
  3224. {
  3225. margin: 4px 0 -2px 0;
  3226. }
  3227. #statistics h3.catbg
  3228. {
  3229. text-align: center;
  3230. }
  3231. #statistics div.content
  3232. {
  3233. min-height: 210px;
  3234. }
  3235. #statistics div.top_row
  3236. {
  3237. min-height: 150px;
  3238. }
  3239. #stats_left, #top_posters, #top_topics_replies, #top_topics_starter
  3240. {
  3241. float: left;
  3242. width: 49.5%;
  3243. }
  3244. #stats_right, #top_boards, #top_topics_views, #most_online
  3245. {
  3246. float: right;
  3247. width: 49.5%;
  3248. }
  3249. dl.stats
  3250. {
  3251. clear: both;
  3252. overflow: hidden;
  3253. margin: 0;
  3254. padding: 0;
  3255. }
  3256. dl.stats dt
  3257. {
  3258. width: 49%;
  3259. float: left;
  3260. margin: 0 0 4px 0;
  3261. line-height: 16px;
  3262. padding: 0;
  3263. clear: both;
  3264. font-size: 1em;
  3265. }
  3266. dl.stats dd
  3267. {
  3268. text-align: right;
  3269. width: 50%;
  3270. font-size: 1em;
  3271. float: right;
  3272. margin: 0 0 4px 0;
  3273. line-height: 16px;
  3274. padding: 0;
  3275. }
  3276. .statsbar div.bar
  3277. {
  3278. float: left;
  3279. background: url(../images/bar_stats.png) no-repeat;
  3280. display: block;
  3281. margin: 0 4px;
  3282. height: 16px;
  3283. }
  3284. .statsbar div.bar div
  3285. {
  3286. position: relative;
  3287. right: -4px;
  3288. padding: 0 4px 0 0;
  3289. background: url(../images/bar_stats.png) no-repeat 100%;
  3290. height: 16px;
  3291. }
  3292. tr.windowbg2 th.stats_month
  3293. {
  3294. width: 25%;
  3295. padding: 0 2em;
  3296. text-align: left;
  3297. }
  3298. tr.windowbg2 td.stats_day
  3299. {
  3300. padding: 0 3.5em;
  3301. text-align: left;
  3302. }
  3303.  
  3304. /* Styles for the personal messages section.
  3305. ------------------------------------------------- */
  3306.  
  3307. #personal_messages h3 span#author, #personal_messages h3 span#topic_title
  3308. {
  3309. float: left;
  3310. }
  3311. #personal_messages h3 span#author
  3312. {
  3313. margin: 0 0 0 0.5em;
  3314. }
  3315. #personal_messages h3 span#topic_title
  3316. {
  3317. margin: 0 0 0 9em;
  3318. }
  3319. #personal_messages div.labels
  3320. {
  3321. padding: 0 1em 0 0;
  3322. }
  3323. #personal_messages .capacity_bar
  3324. {
  3325. background: #f0f4f7;
  3326. display: block;
  3327. margin: 0.5em 0 0 1em;
  3328. height: 1em;
  3329. border: 1px solid #adadad;
  3330. width: 10em;
  3331. }
  3332. #personal_messages .capacity_bar span
  3333. {
  3334. border-right: 1px solid #adadad;
  3335. display: block;
  3336. height: 1em;
  3337. }
  3338. #personal_messages .capacity_bar span.empty
  3339. {
  3340. background: #a6d69d;
  3341. }
  3342. #personal_messages .capacity_bar span.filled
  3343. {
  3344. background: #eea800;
  3345. }
  3346. #personal_messages .capacity_bar span.full
  3347. {
  3348. background: #f10909;
  3349. }
  3350. #personal_messages .reportlinks
  3351. {
  3352. padding: 0.5em 1.3em;
  3353. }
  3354. #searchLabelsExpand li
  3355. {
  3356. padding: 0.3em 0.5em;
  3357. }
  3358. #manrules div.righttext
  3359. {
  3360. padding: 0.3em 0.1em;
  3361. }
  3362. dl.addrules dt.floatleft
  3363. {
  3364. width: 15em;
  3365. color: #333;
  3366. padding: 0 1.25em 0.5em 1.25em;
  3367. }
  3368. #addrule fieldset
  3369. {
  3370. clear: both;
  3371. }
  3372.  
  3373. /* Styles for the calendar section.
  3374. ------------------------------------------------- */
  3375. .calendar_table
  3376. {
  3377. margin-bottom: 0.7em;
  3378. }
  3379.  
  3380. /* Used to indicate the current day in the grid. */
  3381. .calendar_today
  3382. {
  3383. background-color: #fff;
  3384. }
  3385.  
  3386. #month_grid
  3387. {
  3388. width: 200px;
  3389. text-align: center;
  3390. float: left;
  3391. }
  3392. #month_grid div.cat_bar
  3393. {
  3394. height: 25px;
  3395. }
  3396. #month_grid h3.catbg
  3397. {
  3398. height: 25px;
  3399. line-height: 27px;
  3400. }
  3401. #month_grid table
  3402. {
  3403. width: 200px;
  3404. }
  3405. #main_grid table
  3406. {
  3407. width: 100%;
  3408. padding-bottom: 4px;
  3409. }
  3410. #main_grid table h3.catbg
  3411. {
  3412. text-align: center;
  3413. height: 29px;
  3414. border-top: 2px solid #fff;
  3415. border-bottom: none;
  3416. }
  3417. #main_grid table.weeklist td.windowbg
  3418. {
  3419. text-align: center;
  3420. height: 49px;
  3421. width: 25px;
  3422. font-size: large;
  3423. padding: 0 7px;
  3424. border-bottom: 2px solid #fff;
  3425. }
  3426. #main_grid table.weeklist td.weekdays
  3427. {
  3428. height: 49px;
  3429. width: 100%;
  3430. padding: 4px;
  3431. text-align: left;
  3432. vertical-align: middle;
  3433. border-bottom: 2px solid #fff;
  3434. }
  3435. #main_grid h3.weekly
  3436. {
  3437. text-align: center;
  3438. padding-left: 0;
  3439. font-size: large;
  3440. height: 29px;
  3441. }
  3442. #main_grid h3 span.floatleft, #main_grid h3 span.floatright
  3443. {
  3444. display: block;
  3445. font-weight: bold;
  3446. }
  3447. #main_grid table th.days
  3448. {
  3449. width: 14%;
  3450. padding: 4px 0;
  3451. }
  3452. #main_grid table.weeklist h4.titlebg
  3453. {
  3454. margin: 0 0 0 0;
  3455. height: 23px;
  3456. line-height: 27px;
  3457. }
  3458. #main_grid table td.weeks
  3459. {
  3460. vertical-align: middle;
  3461. text-align: center;
  3462. font-weight: bold;
  3463. font-size: large;
  3464. }
  3465. #main_grid table td.days
  3466. {
  3467. vertical-align: top;
  3468. text-align: center;
  3469. }
  3470.  
  3471. a.modify_event
  3472. {
  3473. color: red;
  3474. }
  3475.  
  3476. span.hidelink
  3477. {
  3478. font-style: italic;
  3479. }
  3480.  
  3481. #calendar_navigation
  3482. {
  3483. text-align: center;
  3484. }
  3485.  
  3486. /* Styles for the memberlist section.
  3487. ------------------------------------------------- */
  3488. #mlist_search
  3489. {
  3490. margin: auto;
  3491. width: 500px;
  3492. }
  3493.  
  3494. /* Styles for the basic search section.
  3495. ------------------------------------------------- */
  3496. #searchform, #simple_search p
  3497. {
  3498. padding: 0.5em;
  3499. margin: 0;
  3500. }
  3501. #simple_search, #simple_search p, #advanced_search
  3502. {
  3503. text-align: center !important;
  3504. margin: 0;
  3505. }
  3506. #search_error
  3507. {
  3508. font-style: italic;
  3509. padding: 0.3em 1em;
  3510. }
  3511. #search_term_input
  3512. {
  3513. font-size: 115%;
  3514. margin: 0 0 1em;
  3515. }
  3516.  
  3517. /* Styles for the advanced search section.
  3518. ------------------------------------------------- */
  3519. #searchform fieldset
  3520. {
  3521. text-align: left;
  3522. padding: 0;
  3523. border: none;
  3524. }
  3525. #advanced_search dl#search_options
  3526. {
  3527. margin: 0 auto;
  3528. width: 600px;
  3529. padding-top: 1em;
  3530. overflow: hidden;
  3531. }
  3532. #advanced_search dt
  3533. {
  3534. clear: both;
  3535. float: left;
  3536. padding: 0.2em;
  3537. text-align: right;
  3538. width: 20%;
  3539. }
  3540. #advanced_search dd
  3541. {
  3542. width: 75%;
  3543. float: left;
  3544. padding: 0.2em;
  3545. margin: 0 0 0 0.5em;
  3546. text-align: left;
  3547. }
  3548. #searchform p.clear
  3549. {
  3550. clear: both;
  3551. }
  3552.  
  3553. /* Styles for the search results page.
  3554. ------------------------------------------------- */
  3555. .topic_table td blockquote, .topic_table td .quoteheader
  3556. {
  3557. margin: 0.5em;
  3558. }
  3559. .search_results_posts
  3560. {
  3561. overflow: hidden;
  3562. }
  3563. .search_results_posts .buttons
  3564. {
  3565. padding: 5px 1em 0 0;
  3566. }
  3567.  
  3568. /* Styles for the help section.
  3569. ------------------------------------------------- */
  3570.  
  3571. #help_container
  3572. {
  3573. margin: 4px 0 0 0;
  3574. padding: 0 0 8px 0;
  3575. }
  3576. #helpmain
  3577. {
  3578. padding: 0 1em;
  3579. }
  3580. #helpmain p
  3581. {
  3582. margin: 0 0 1.5em 0;
  3583. line-height: 1.5em;
  3584. }
  3585. #helpmain ul
  3586. {
  3587. line-height: 1.5em;
  3588. }
  3589.  
  3590. /* Styles for print media.
  3591. ------------------------------------------------------- */
  3592. @media print
  3593. {
  3594. #headerarea
  3595. {
  3596. display: none;
  3597. }
  3598.  
  3599. .tborder
  3600. {
  3601. border: none;
  3602. }
  3603. }
Advertisement
Add Comment
Please, Sign In to add comment