Guest User

common

a guest
Aug 6th, 2012
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 86.08 KB | None | 0 0
  1. /* phpBB 3.0 Style Sheet
  2. --------------------------------------------------------------
  3. Style name: Absolution
  4. Based on style: proSilver (this is the default phpBB 3 style)
  5. Original author: subBlue ( http://www.subBlue.com/ )
  6. Modified by: Christian Bullock ( http://www.ChristianBullock.com/ )
  7. */
  8.  
  9. /* General proSilver Markup Styles
  10. ---------------------------------------- */
  11.  
  12. * {
  13. /* Reset browsers default margin, padding and font sizes */
  14. margin: 0;
  15. padding: 0;
  16. }
  17.  
  18. html {
  19. font-size: 100%;
  20. /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
  21. height: 101%;
  22. }
  23.  
  24. body {
  25. /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  26. font-family: Verdana, Helvetica, Arial, sans-serif;
  27. color: #828282;
  28. background-color: #FFFFFF;
  29. /*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
  30. font-size: 12px;
  31. margin: 0;
  32. }
  33.  
  34. h1 {
  35. /* Forum name */
  36. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  37. margin-right: 200px;
  38. color: #FFFFFF;
  39. margin-top: 15px;
  40. font-weight: bold;
  41. font-size: 2em;
  42. }
  43.  
  44. h2 {
  45. /* Forum header titles */
  46. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  47. font-weight: normal;
  48. color: #3f3f3f;
  49. font-size: 2em;
  50. margin: 0.8em 0 0.2em 0;
  51. }
  52.  
  53. h2.solo {
  54. margin-bottom: 1em;
  55. }
  56.  
  57. h3 {
  58. /* Sub-headers (also used as post headers, but defined later) */
  59. font-family: Arial, Helvetica, sans-serif;
  60. font-weight: bold;
  61. text-transform: uppercase;
  62. border-bottom: 1px solid #CCCCCC;
  63. margin-bottom: 3px;
  64. padding-bottom: 2px;
  65. font-size: 1.05em;
  66. color: #989898;
  67. margin-top: 20px;
  68. }
  69.  
  70. h4 {
  71. /* Forum and topic list titles */
  72. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
  73. font-size: 1.3em;
  74. }
  75.  
  76. p {
  77. line-height: 1.3em;
  78. font-size: 1.1em;
  79. margin-bottom: 1.5em;
  80. }
  81.  
  82. img {
  83. border-width: 0;
  84. }
  85.  
  86. hr {
  87. /* Also see tweaks.css */
  88. border: 0 none #FFFFFF;
  89. border-top: 1px solid #CCCCCC;
  90. height: 1px;
  91. margin: 5px 0;
  92. display: block;
  93. clear: both;
  94. }
  95.  
  96. hr.dashed {
  97. border-top: 1px dashed #CCCCCC;
  98. margin: 10px 0;
  99. }
  100.  
  101. hr.divider {
  102. display: none;
  103. }
  104.  
  105. p.right {
  106. text-align: right;
  107. }
  108.  
  109. /* Main blocks
  110. ---------------------------------------- */
  111.  
  112. #wrap {
  113. margin: 0 auto;
  114. padding: 0;
  115. min-width: 650px;
  116. }
  117.  
  118. #simple-wrap {
  119. padding: 6px 10px;
  120. }
  121.  
  122.  
  123.  
  124.  
  125. #page-body {
  126. margin: 4px 0;
  127. float:left;
  128. width:80%;
  129. }
  130.  
  131.  
  132.  
  133.  
  134. #page-footer {
  135. clear: both;
  136. }
  137.  
  138. #page-footer h3 {
  139. margin-top: 20px;
  140. }
  141.  
  142. #logo {
  143. float: left;
  144. width: auto;
  145. padding: 10px 13px 0 10px;
  146. }
  147.  
  148. a#logo:hover {
  149. text-decoration: none;
  150. }
  151.  
  152. /* Search box
  153. --------------------------------------------- */
  154. #search-box {
  155. color: #FFFFFF;
  156. position: relative;
  157. margin-top: 30px;
  158. margin-right: 5px;
  159. display: block;
  160. float: right;
  161. text-align: right;
  162. white-space: nowrap; /* For Opera */
  163. }
  164.  
  165. #search-box #keywords {
  166. width: 95px;
  167. background-color: #FFF;
  168. }
  169.  
  170. #search-box input {
  171. border: 1px solid #b0b0b0;
  172. }
  173.  
  174. /* .button1 style defined later, just a few tweaks for the search button version */
  175. #search-box input.button1 {
  176. padding: 1px 5px;
  177. }
  178.  
  179. #search-box li {
  180. text-align: right;
  181. margin-top: 4px;
  182. }
  183.  
  184. #search-box img {
  185. vertical-align: middle;
  186. margin-right: 3px;
  187. }
  188.  
  189. /* Site description and logo */
  190. #site-description {
  191. float: left;
  192. width: 70%;
  193. }
  194.  
  195. #site-description h1 {
  196. margin-right: 0;
  197. }
  198.  
  199. /* Round cornered boxes and backgrounds
  200. ---------------------------------------- */
  201. .headerbar {
  202. background: #ebebeb none repeat-x 0 0;
  203. color: #FFFFFF;
  204. margin-bottom: 4px;
  205. padding: 0 5px;
  206. }
  207.  
  208. .navbar {
  209. background-color: #ebebeb;
  210. padding: 0 10px;
  211. }
  212.  
  213. .forabg {
  214. background: #b1b1b1 none repeat-x 0 0;
  215. margin-bottom: 4px;
  216. padding: 0 5px;
  217. clear: both;
  218. }
  219.  
  220. .forumbg {
  221. background: #ebebeb none repeat-x 0 0;
  222. margin-bottom: 4px;
  223. padding: 0 5px;
  224. clear: both;
  225. }
  226.  
  227. .panel {
  228. margin-bottom: 4px;
  229. padding: 0 10px;
  230. background-color: #f3f3f3;
  231. color: #3f3f3f;
  232. }
  233.  
  234. .post {
  235. padding: 0 10px;
  236. margin-bottom: 4px;
  237. background-repeat: no-repeat;
  238. background-position: 100% 0;
  239. }
  240.  
  241. .post:target .content {
  242. color: #000000;
  243. }
  244.  
  245. .post:target h3 a {
  246. color: #000000;
  247. }
  248.  
  249. .bg1 { background-color: #f7f7f7;}
  250. .bg2 { background-color: #f2f2f2; }
  251. .bg3 { background-color: #ebebeb; }
  252.  
  253. .rowbg {
  254. margin: 5px 5px 2px 5px;
  255. }
  256.  
  257. .ucprowbg {
  258. background-color: #e2e2e2;
  259. }
  260.  
  261. .fieldsbg {
  262. /*border: 1px #DBDEE2 solid;*/
  263. background-color: #eaeaea;
  264. }
  265.  
  266. span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
  267. font-size: 1px;
  268. line-height: 1px;
  269. display: block;
  270. height: 5px;
  271. background-repeat: no-repeat;
  272. }
  273.  
  274. span.corners-top {
  275. background-image: none;
  276. background-position: 0 0;
  277. margin: 0 -5px;
  278. }
  279.  
  280. span.corners-top span {
  281. background-image: none;
  282. background-position: 100% 0;
  283. }
  284.  
  285. span.corners-bottom {
  286. background-image: none;
  287. background-position: 0 100%;
  288. margin: 0 -5px;
  289. clear: both;
  290. }
  291.  
  292. span.corners-bottom span {
  293. background-image: none;
  294. background-position: 100% 100%;
  295. }
  296.  
  297. .headbg span.corners-bottom {
  298. margin-bottom: -1px;
  299. }
  300.  
  301. .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
  302. margin: 0 -10px;
  303. }
  304.  
  305. .rules span.corners-top {
  306. margin: 0 -10px 5px -10px;
  307. }
  308.  
  309. .rules span.corners-bottom {
  310. margin: 5px -10px 0 -10px;
  311. }
  312.  
  313. /* Horizontal lists
  314. ----------------------------------------*/
  315. ul.linklist {
  316. display: block;
  317. margin: 0;
  318. }
  319.  
  320. ul.linklist li {
  321. display: block;
  322. list-style-type: none;
  323. float: left;
  324. width: auto;
  325. margin-right: 5px;
  326. font-size: 1.1em;
  327. line-height: 2.2em;
  328. }
  329.  
  330. ul.linklist li.rightside, p.rightside {
  331. float: right;
  332. margin-right: 0;
  333. margin-left: 5px;
  334. text-align: right;
  335. }
  336.  
  337. ul.navlinks {
  338. padding-bottom: 1px;
  339. margin-bottom: 1px;
  340. border-bottom: 1px solid #FFFFFF;
  341. font-weight: bold;
  342. }
  343.  
  344. ul.leftside {
  345. float: left;
  346. margin-left: 0;
  347. margin-right: 5px;
  348. text-align: left;
  349. }
  350.  
  351. ul.rightside {
  352. float: right;
  353. margin-left: 5px;
  354. margin-right: -5px;
  355. text-align: right;
  356. }
  357.  
  358. /* Table styles
  359. ----------------------------------------*/
  360. table.table1 {
  361. /* See tweaks.css */
  362. }
  363.  
  364. #ucp-main table.table1 {
  365. padding: 2px;
  366. }
  367.  
  368. table.table1 thead th {
  369. font-weight: normal;
  370. text-transform: uppercase;
  371. color: #FFFFFF;
  372. line-height: 1.3em;
  373. font-size: 1em;
  374. padding: 0 0 4px 3px;
  375. }
  376.  
  377. table.table1 thead th span {
  378. padding-left: 7px;
  379. }
  380.  
  381. table.table1 tbody tr {
  382. border: 1px solid #cfcfcf;
  383. }
  384.  
  385. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  386. background-color: #f6f6f6;
  387. color: #000;
  388. }
  389.  
  390. table.table1 td {
  391. color: #6a6a6a;
  392. font-size: 1.1em;
  393. }
  394.  
  395. table.table1 tbody td {
  396. padding: 5px;
  397. border-top: 1px solid #FAFAFA;
  398. }
  399.  
  400. table.table1 tbody th {
  401. padding: 5px;
  402. border-bottom: 1px solid #000000;
  403. text-align: left;
  404. color: #333333;
  405. background-color: #FFFFFF;
  406. }
  407.  
  408. /* Specific column styles */
  409. table.table1 .name { text-align: left; }
  410. table.table1 .posts { text-align: center !important; width: 7%; }
  411. table.table1 .joined { text-align: left; width: 15%; }
  412. table.table1 .active { text-align: left; width: 15%; }
  413. table.table1 .mark { text-align: center; width: 7%; }
  414. table.table1 .info { text-align: left; width: 30%; }
  415. table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
  416. table.table1 .autocol { line-height: 2em; white-space: nowrap; }
  417. table.table1 thead .autocol { padding-left: 1em; }
  418.  
  419. table.table1 span.rank-img {
  420. float: right;
  421. width: auto;
  422. }
  423.  
  424. table.info td {
  425. padding: 3px;
  426. }
  427.  
  428. table.info tbody th {
  429. padding: 3px;
  430. text-align: right;
  431. vertical-align: top;
  432. color: #000000;
  433. font-weight: normal;
  434. }
  435.  
  436. .forumbg table.table1 {
  437. margin: 0 -2px -1px -1px;
  438. }
  439.  
  440. /* Misc layout styles
  441. ---------------------------------------- */
  442. /* column[1-2] styles are containers for two column layouts
  443. Also see tweaks.css */
  444. .column1 {
  445. float: left;
  446. clear: left;
  447. width: 49%;
  448. }
  449.  
  450. .column2 {
  451. float: right;
  452. clear: right;
  453. width: 49%;
  454. }
  455.  
  456. /* General classes for placing floating blocks */
  457. .left-box {
  458. float: left;
  459. width: auto;
  460. text-align: left;
  461. }
  462.  
  463. .right-box {
  464. float: right;
  465. width: auto;
  466. text-align: right;
  467. }
  468.  
  469. dl.details {
  470. /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
  471. font-size: 1.1em;
  472. }
  473.  
  474. dl.details dt {
  475. float: left;
  476. clear: left;
  477. width: 30%;
  478. text-align: right;
  479. color: #000000;
  480. display: block;
  481. }
  482.  
  483. dl.details dd {
  484. margin-left: 0;
  485. padding-left: 5px;
  486. margin-bottom: 5px;
  487. color: #828282;
  488. float: left;
  489. width: 65%;
  490. }
  491.  
  492. /* Pagination
  493. ---------------------------------------- */
  494. .pagination {
  495. height: 1%; /* IE tweak (holly hack) */
  496. width: auto;
  497. text-align: right;
  498. margin-top: 5px;
  499. float: right;
  500. }
  501.  
  502. .pagination span.page-sep {
  503. display: none;
  504. }
  505.  
  506. li.pagination {
  507. margin-top: 0;
  508. }
  509.  
  510. .pagination strong, .pagination b {
  511. font-weight: normal;
  512. }
  513.  
  514. .pagination span strong {
  515. padding: 0 2px;
  516. margin: 0 2px;
  517. font-weight: normal;
  518. color: #FFFFFF;
  519. background-color: #bfbfbf;
  520. border: 1px solid #bfbfbf;
  521. font-size: 0.9em;
  522. }
  523.  
  524. .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
  525. font-weight: normal;
  526. text-decoration: none;
  527. color: #747474;
  528. margin: 0 2px;
  529. padding: 0 2px;
  530. background-color: #eeeeee;
  531. border: 1px solid #bababa;
  532. font-size: 0.9em;
  533. line-height: 1.5em;
  534. }
  535.  
  536. .pagination span a:hover {
  537. border-color: #d2d2d2;
  538. background-color: #d2d2d2;
  539. color: #FFF;
  540. text-decoration: none;
  541. }
  542.  
  543. .pagination img {
  544. vertical-align: middle;
  545. }
  546.  
  547. /* Pagination in viewforum for multipage topics */
  548. .row .pagination {
  549. display: block;
  550. float: right;
  551. width: auto;
  552. margin-top: 0;
  553. padding: 1px 0 1px 15px;
  554. font-size: 0.9em;
  555. background: none 0 50% no-repeat;
  556. }
  557.  
  558. .row .pagination span a, li.pagination span a {
  559. background-color: #FFFFFF;
  560. }
  561.  
  562. .row .pagination span a:hover, li.pagination span a:hover {
  563. background-color: #d2d2d2;
  564. }
  565.  
  566. /* Miscellaneous styles
  567. ---------------------------------------- */
  568. #forum-permissions {
  569. float: right;
  570. width: auto;
  571. padding-left: 5px;
  572. margin-left: 5px;
  573. margin-top: 10px;
  574. text-align: right;
  575. }
  576.  
  577. .copyright {
  578. padding: 5px;
  579. text-align: center;
  580. color: #555555;
  581. }
  582.  
  583. .small {
  584. font-size: 0.9em !important;
  585. }
  586.  
  587. .titlespace {
  588. margin-bottom: 15px;
  589. }
  590.  
  591. .headerspace {
  592. margin-top: 20px;
  593. }
  594.  
  595. .error {
  596. color: #bcbcbc;
  597. font-weight: bold;
  598. font-size: 1em;
  599. }
  600.  
  601. .reported {
  602. background-color: #f7f7f7;
  603. }
  604.  
  605. li.reported:hover {
  606. background-color: #ececec;
  607. }
  608.  
  609. div.rules {
  610. background-color: #ececec;
  611. color: #bcbcbc;
  612. padding: 0 10px;
  613. margin: 10px 0;
  614. font-size: 1.1em;
  615. }
  616.  
  617. div.rules ul, div.rules ol {
  618. margin-left: 20px;
  619. }
  620.  
  621. p.rules {
  622. background-color: #ececec;
  623. background-image: none;
  624. padding: 5px;
  625. }
  626.  
  627. p.rules img {
  628. vertical-align: middle;
  629. padding-top: 5px;
  630. }
  631.  
  632. p.rules a {
  633. vertical-align: middle;
  634. clear: both;
  635. }
  636.  
  637. #top {
  638. position: absolute;
  639. top: -20px;
  640. }
  641.  
  642. .clear {
  643. display: block;
  644. clear: both;
  645. font-size: 1px;
  646. line-height: 1px;
  647. background: transparent;
  648. }
  649. /* proSilver Link Styles
  650. ---------------------------------------- */
  651.  
  652. /* Links adjustment to correctly display an order of rtl/ltr mixed content */
  653. a {
  654. direction: ltr;
  655. unicode-bidi: embed;
  656. }
  657.  
  658. a:link { color: #898989; text-decoration: none; }
  659. a:visited { color: #898989; text-decoration: none; }
  660. a:hover { color: #d3d3d3; text-decoration: underline; }
  661. a:active { color: #d2d2d2; text-decoration: none; }
  662.  
  663. /* Coloured usernames */
  664. .username-coloured {
  665. font-weight: bold;
  666. display: inline !important;
  667. padding: 0 !important;
  668. }
  669.  
  670. /* Links on gradient backgrounds */
  671. #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
  672. color: #FFFFFF;
  673. text-decoration: none;
  674. }
  675.  
  676. #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
  677. color: #FFFFFF;
  678. text-decoration: none;
  679. }
  680.  
  681. #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  682. color: #ffffff;
  683. text-decoration: underline;
  684. }
  685.  
  686. #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
  687. color: #ffffff;
  688. text-decoration: none;
  689. }
  690.  
  691. /* Links for forum/topic lists */
  692. a.forumtitle {
  693. font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  694. font-size: 1.2em;
  695. font-weight: bold;
  696. color: #898989;
  697. text-decoration: none;
  698. }
  699.  
  700. /* a.forumtitle:visited { color: #898989; } */
  701.  
  702. a.forumtitle:hover {
  703. color: #bcbcbc;
  704. text-decoration: underline;
  705. }
  706.  
  707. a.forumtitle:active {
  708. color: #898989;
  709. }
  710.  
  711. a.topictitle {
  712. font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  713. font-size: 1.2em;
  714. font-weight: bold;
  715. color: #898989;
  716. text-decoration: none;
  717. }
  718.  
  719. /* a.topictitle:visited { color: #d2d2d2; } */
  720.  
  721. a.topictitle:hover {
  722. color: #bcbcbc;
  723. text-decoration: underline;
  724. }
  725.  
  726. a.topictitle:active {
  727. color: #898989;
  728. }
  729.  
  730. /* Post body links */
  731. .postlink {
  732. text-decoration: none;
  733. color: #d2d2d2;
  734. border-bottom: 1px solid #d2d2d2;
  735. padding-bottom: 0;
  736. }
  737.  
  738. /* .postlink:visited { color: #bdbdbd; } */
  739.  
  740. .postlink:active {
  741. color: #d2d2d2;
  742. }
  743.  
  744. .postlink:hover {
  745. background-color: #f6f6f6;
  746. text-decoration: none;
  747. color: #404040;
  748. }
  749.  
  750. .signature a, .signature a:visited, .signature a:hover, .signature a:active {
  751. border: none;
  752. text-decoration: underline;
  753. background-color: transparent;
  754. }
  755.  
  756. /* Profile links */
  757. .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
  758. font-weight: bold;
  759. color: #898989;
  760. text-decoration: none;
  761. }
  762.  
  763. .postprofile a:hover, .postprofile dt.author a:hover {
  764. text-decoration: underline;
  765. color: #d3d3d3;
  766. }
  767.  
  768.  
  769. /* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
  770. /* See http://www.phpbb.com/bugs/phpbb3/59685 */
  771. .postprofile a:active {
  772. font-weight: bold;
  773. color: #898989;
  774. text-decoration: none;
  775. }
  776.  
  777.  
  778. /* Profile searchresults */
  779. .search .postprofile a {
  780. color: #898989;
  781. text-decoration: none;
  782. font-weight: normal;
  783. }
  784.  
  785. .search .postprofile a:hover {
  786. color: #d3d3d3;
  787. text-decoration: underline;
  788. }
  789.  
  790. /* Back to top of page */
  791. .back2top {
  792. clear: both;
  793. height: 11px;
  794. text-align: right;
  795. }
  796.  
  797. a.top {
  798. background: none no-repeat top left;
  799. text-decoration: none;
  800. width: {IMG_ICON_BACK_TOP_WIDTH}px;
  801. height: {IMG_ICON_BACK_TOP_HEIGHT}px;
  802. display: block;
  803. float: right;
  804. overflow: hidden;
  805. letter-spacing: 1000px;
  806. text-indent: 11px;
  807. }
  808.  
  809. a.top2 {
  810. background: none no-repeat 0 50%;
  811. text-decoration: none;
  812. padding-left: 15px;
  813. }
  814.  
  815. /* Arrow links */
  816. a.up { background: none no-repeat left center; }
  817. a.down { background: none no-repeat right center; }
  818. a.left { background: none no-repeat 3px 60%; }
  819. a.right { background: none no-repeat 95% 60%; }
  820.  
  821. a.up, a.up:link, a.up:active, a.up:visited {
  822. padding-left: 10px;
  823. text-decoration: none;
  824. border-bottom-width: 0;
  825. }
  826.  
  827. a.up:hover {
  828. background-position: left top;
  829. background-color: transparent;
  830. }
  831.  
  832. a.down, a.down:link, a.down:active, a.down:visited {
  833. padding-right: 10px;
  834. }
  835.  
  836. a.down:hover {
  837. background-position: right bottom;
  838. text-decoration: none;
  839. }
  840.  
  841. a.left, a.left:active, a.left:visited {
  842. padding-left: 12px;
  843. }
  844.  
  845. a.left:hover {
  846. color: #d2d2d2;
  847. text-decoration: none;
  848. background-position: 0 60%;
  849. }
  850.  
  851. a.right, a.right:active, a.right:visited {
  852. padding-right: 12px;
  853. }
  854.  
  855. a.right:hover {
  856. color: #d2d2d2;
  857. text-decoration: none;
  858. background-position: 100% 60%;
  859. }
  860.  
  861. /* invisible skip link, used for accessibility */
  862. .skiplink {
  863. position: absolute;
  864. left: -999px;
  865. width: 990px;
  866. }
  867.  
  868. /* Feed icon in forumlist_body.html */
  869. a.feed-icon-forum {
  870. float: right;
  871. margin: 3px;
  872. }
  873. /* proSilver Content Styles
  874. ---------------------------------------- */
  875.  
  876. ul.topiclist {
  877. display: block;
  878. list-style-type: none;
  879. margin: 0;
  880. }
  881.  
  882. ul.forums {
  883. background: #f9f9f9 none repeat-x 0 0;
  884. }
  885.  
  886. ul.topiclist li {
  887. display: block;
  888. list-style-type: none;
  889. color: #777777;
  890. margin: 0;
  891. }
  892.  
  893. ul.topiclist dl {
  894. position: relative;
  895. }
  896.  
  897. ul.topiclist li.row dl {
  898. padding: 2px 0;
  899. }
  900.  
  901. ul.topiclist dt {
  902. display: block;
  903. float: left;
  904. width: 50%;
  905. font-size: 1.1em;
  906. padding-left: 5px;
  907. padding-right: 5px;
  908. }
  909.  
  910. ul.topiclist dd {
  911. display: block;
  912. float: left;
  913. border-left: 1px solid #FFFFFF;
  914. padding: 4px 0;
  915. }
  916.  
  917. ul.topiclist dfn {
  918. /* Labels for post/view counts */
  919. position: absolute;
  920. left: -999px;
  921. width: 990px;
  922. }
  923.  
  924. ul.topiclist li.row dt a.subforum {
  925. background-image: none;
  926. background-position: 0 50%;
  927. background-repeat: no-repeat;
  928. position: relative;
  929. white-space: nowrap;
  930. padding: 0 0 0 12px;
  931. }
  932.  
  933. .forum-image {
  934. float: left;
  935. padding-top: 5px;
  936. margin-right: 5px;
  937. }
  938.  
  939. li.row {
  940. border-top: 1px solid #FFFFFF;
  941. border-bottom: 1px solid #8f8f8f;
  942. }
  943.  
  944. li.row strong {
  945. font-weight: normal;
  946. color: #000000;
  947. }
  948.  
  949. li.row:hover dd {
  950. border-left-color: #CCCCCC;
  951. }
  952.  
  953. li.header dt, li.header dd {
  954. line-height: 1em;
  955. border-left-width: 0;
  956. margin: 2px 0 4px 0;
  957. color: #FFFFFF;
  958. padding-top: 11px;
  959. padding-bottom: 10px;
  960. font-size: 1em;
  961. font-family: Arial, Helvetica, sans-serif;
  962. text-transform: uppercase;
  963. }
  964.  
  965. li.header dt {
  966. font-weight: bold;
  967. }
  968.  
  969. li.header dd {
  970. margin-left: 1px;
  971. }
  972.  
  973. li.header dl.icon {
  974. min-height: 0;
  975. }
  976.  
  977. li.header dl.icon dt {
  978. /* Tweak for headers alignment when folder icon used */
  979. padding-left: 0;
  980. padding-right: 50px;
  981. }
  982.  
  983. /* Forum list column styles */
  984. dl.icon {
  985. min-height: 35px;
  986. background-position: 10px 50%; /* Position of folder icon */
  987. background-repeat: no-repeat;
  988. }
  989.  
  990. dl.icon dt {
  991. padding-left: 55px; /* Space for folder icon */
  992. background-repeat: no-repeat;
  993. background-position: 5px 95%; /* Position of topic icon */
  994. }
  995.  
  996. dd.posts, dd.topics, dd.views {
  997. width: 8%;
  998. text-align: center;
  999. line-height: 2.2em;
  1000. font-size: 1.2em;
  1001. }
  1002.  
  1003. /* List in forum description */
  1004. dl.icon dt ol,
  1005. dl.icon dt ul {
  1006. list-style-position: inside;
  1007. margin-left: 1em;
  1008. }
  1009.  
  1010. dl.icon dt li {
  1011. display: list-item;
  1012. list-style-type: inherit;
  1013. }
  1014.  
  1015. dd.lastpost {
  1016. width: 25%;
  1017. font-size: 1.1em;
  1018. }
  1019.  
  1020. dd.redirect {
  1021. font-size: 1.1em;
  1022. line-height: 2.5em;
  1023. }
  1024.  
  1025. dd.moderation {
  1026. font-size: 1.1em;
  1027. }
  1028.  
  1029. dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
  1030. display: block;
  1031. padding-left: 5px;
  1032. }
  1033.  
  1034. dd.time {
  1035. width: auto;
  1036. line-height: 200%;
  1037. font-size: 1.1em;
  1038. }
  1039.  
  1040. dd.extra {
  1041. width: 12%;
  1042. line-height: 200%;
  1043. text-align: center;
  1044. font-size: 1.1em;
  1045. }
  1046.  
  1047. dd.mark {
  1048. float: right !important;
  1049. width: 9%;
  1050. text-align: center;
  1051. line-height: 200%;
  1052. font-size: 1.2em;
  1053. }
  1054.  
  1055. dd.info {
  1056. width: 30%;
  1057. }
  1058.  
  1059. dd.option {
  1060. width: 15%;
  1061. line-height: 200%;
  1062. text-align: center;
  1063. font-size: 1.1em;
  1064. }
  1065.  
  1066. dd.searchby {
  1067. width: 47%;
  1068. font-size: 1.1em;
  1069. line-height: 1em;
  1070. }
  1071.  
  1072. ul.topiclist dd.searchextra {
  1073. margin-left: 5px;
  1074. padding: 0.2em 0;
  1075. font-size: 1.1em;
  1076. color: #333333;
  1077. border-left: none;
  1078. clear: both;
  1079. width: 98%;
  1080. overflow: hidden;
  1081. }
  1082.  
  1083. /* Container for post/reply buttons and pagination */
  1084. .topic-actions {
  1085. margin-bottom: 3px;
  1086. font-size: 1.1em;
  1087. height: 28px;
  1088. min-height: 28px;
  1089. }
  1090. div[class].topic-actions {
  1091. height: auto;
  1092. }
  1093.  
  1094. /* Post body styles
  1095. ----------------------------------------*/
  1096. .postbody {
  1097. padding: 0;
  1098. line-height: 1.48em;
  1099. color: #333333;
  1100. width: 76%;
  1101. float: right;
  1102. clear: both;
  1103. }
  1104.  
  1105. .postbody .ignore {
  1106. font-size: 1.1em;
  1107. }
  1108.  
  1109. .postbody h3.first {
  1110. /* The first post on the page uses this */
  1111. font-size: 1.7em;
  1112. }
  1113.  
  1114. .postbody h3 {
  1115. /* Postbody requires a different h3 format - so change it here */
  1116. font-size: 1.5em;
  1117. padding: 2px 0 0 0;
  1118. margin: 0 0 0.3em 0 !important;
  1119. text-transform: none;
  1120. border: none;
  1121. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  1122. line-height: 125%;
  1123. }
  1124.  
  1125. .postbody h3 img {
  1126. /* Also see tweaks.css */
  1127. vertical-align: bottom;
  1128. }
  1129.  
  1130. .postbody .content {
  1131. font-size: 1.3em;
  1132. }
  1133.  
  1134. .search .postbody {
  1135. width: 68%
  1136. }
  1137.  
  1138. /* Topic review panel
  1139. ----------------------------------------*/
  1140. #review {
  1141. margin-top: 2em;
  1142. }
  1143.  
  1144. #topicreview {
  1145. padding-right: 5px;
  1146. overflow: auto;
  1147. height: 300px;
  1148. }
  1149.  
  1150. #topicreview .postbody {
  1151. width: auto;
  1152. float: none;
  1153. margin: 0;
  1154. height: auto;
  1155. }
  1156.  
  1157. #topicreview .post {
  1158. height: auto;
  1159. }
  1160.  
  1161. #topicreview h2 {
  1162. border-bottom-width: 0;
  1163. }
  1164.  
  1165. .post-ignore .postbody {
  1166. display: none;
  1167. }
  1168.  
  1169. /* MCP Post details
  1170. ----------------------------------------*/
  1171. #post_details
  1172. {
  1173. /* This will only work in IE7+, plus the others */
  1174. overflow: auto;
  1175. max-height: 300px;
  1176. }
  1177.  
  1178. #expand
  1179. {
  1180. clear: both;
  1181. }
  1182.  
  1183. /* Content container styles
  1184. ----------------------------------------*/
  1185. .content {
  1186. min-height: 3em;
  1187. overflow: hidden;
  1188. line-height: 1.4em;
  1189. color: #333333;
  1190. padding-bottom: 1px;
  1191. }
  1192.  
  1193. .content h2, .panel h2 {
  1194. font-weight: normal;
  1195. color: #989898;
  1196. border-bottom: 1px solid #CCCCCC;
  1197. font-size: 1.6em;
  1198. margin-top: 0.5em;
  1199. margin-bottom: 0.5em;
  1200. padding-bottom: 0.5em;
  1201. }
  1202.  
  1203. .panel h3 {
  1204. margin: 0.5em 0;
  1205. }
  1206.  
  1207. .panel p {
  1208. margin-bottom: 1em;
  1209. line-height: 1.4em;
  1210. }
  1211.  
  1212. .content p {
  1213. margin-bottom: 1em;
  1214. line-height: 1.4em;
  1215. }
  1216.  
  1217. dl.faq {
  1218. font-size: 1.1em;
  1219. margin-top: 1em;
  1220. margin-bottom: 2em;
  1221. line-height: 1.4em;
  1222. }
  1223.  
  1224. dl.faq dt {
  1225. font-weight: bold;
  1226. color: #333333;
  1227. }
  1228.  
  1229. .content dl.faq {
  1230. font-size: 1.2em;
  1231. margin-bottom: 0.5em;
  1232. }
  1233.  
  1234. .content li {
  1235. list-style-type: inherit;
  1236. }
  1237.  
  1238. .content ul, .content ol {
  1239. margin-bottom: 1em;
  1240. margin-left: 3em;
  1241. }
  1242.  
  1243. .posthilit {
  1244. background-color: #f3f3f3;
  1245. color: #BCBCBC;
  1246. padding: 0 2px 1px 2px;
  1247. }
  1248.  
  1249. .announce, .unreadpost {
  1250. /* Highlight the announcements & unread posts box */
  1251. border-left-color: #BCBCBC;
  1252. border-right-color: #BCBCBC;
  1253. }
  1254.  
  1255. /* Post author */
  1256. p.author {
  1257. margin: 0 15em 0.6em 0;
  1258. padding: 0 0 5px 0;
  1259. font-family: Verdana, Helvetica, Arial, sans-serif;
  1260. font-size: 1em;
  1261. line-height: 1.2em;
  1262. }
  1263.  
  1264. /* Post signature */
  1265. .signature {
  1266. margin-top: 1.5em;
  1267. padding-top: 0.2em;
  1268. font-size: 1.1em;
  1269. border-top: 1px solid #CCCCCC;
  1270. clear: left;
  1271. line-height: 140%;
  1272. overflow: hidden;
  1273. width: 100%;
  1274. }
  1275.  
  1276. dd .signature {
  1277. margin: 0;
  1278. padding: 0;
  1279. clear: none;
  1280. border: none;
  1281. }
  1282.  
  1283. .signature li {
  1284. list-style-type: inherit;
  1285. }
  1286.  
  1287. .signature ul, .signature ol {
  1288. margin-bottom: 1em;
  1289. margin-left: 3em;
  1290. }
  1291.  
  1292. /* Post noticies */
  1293. .notice {
  1294. width: auto;
  1295. margin-top: 1.5em;
  1296. padding-top: 0.2em;
  1297. font-size: 1em;
  1298. border-top: 1px dashed #CCCCCC;
  1299. clear: left;
  1300. line-height: 130%;
  1301. }
  1302.  
  1303. /* Jump to post link for now */
  1304. ul.searchresults {
  1305. list-style: none;
  1306. text-align: right;
  1307. clear: both;
  1308. }
  1309.  
  1310. /* BB Code styles
  1311. ----------------------------------------*/
  1312. /* Quote block */
  1313. blockquote {
  1314. background: #ebebeb none 6px 8px no-repeat;
  1315. border: 1px solid #dbdbdb;
  1316. font-size: 0.95em;
  1317. margin: 0.5em 1px 0 9px;
  1318. overflow: hidden;
  1319. padding: 5px;
  1320. }
  1321.  
  1322. blockquote blockquote {
  1323. /* Nested quotes */
  1324. background-color: #bababa;
  1325. font-size: 1em;
  1326. margin: 0.5em 1px 0 15px;
  1327. }
  1328.  
  1329. blockquote blockquote blockquote {
  1330. /* Nested quotes */
  1331. background-color: #e4e4e4;
  1332. }
  1333.  
  1334. blockquote cite {
  1335. /* Username/source of quoter */
  1336. font-style: normal;
  1337. font-weight: bold;
  1338. margin-left: 20px;
  1339. display: block;
  1340. font-size: 0.9em;
  1341. }
  1342.  
  1343. blockquote cite cite {
  1344. font-size: 1em;
  1345. }
  1346.  
  1347. blockquote.uncited {
  1348. padding-top: 25px;
  1349. }
  1350.  
  1351. /* Code block */
  1352. dl.codebox {
  1353. padding: 3px;
  1354. background-color: #FFFFFF;
  1355. border: 1px solid #d8d8d8;
  1356. font-size: 1em;
  1357. }
  1358.  
  1359. dl.codebox dt {
  1360. text-transform: uppercase;
  1361. border-bottom: 1px solid #CCCCCC;
  1362. margin-bottom: 3px;
  1363. font-size: 0.8em;
  1364. font-weight: bold;
  1365. display: block;
  1366. }
  1367.  
  1368. blockquote dl.codebox {
  1369. margin-left: 0;
  1370. }
  1371.  
  1372. dl.codebox code {
  1373. /* Also see tweaks.css */
  1374. overflow: auto;
  1375. display: block;
  1376. height: auto;
  1377. max-height: 200px;
  1378. white-space: normal;
  1379. padding-top: 5px;
  1380. font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
  1381. line-height: 1.3em;
  1382. color: #8b8b8b;
  1383. margin: 2px 0;
  1384. }
  1385.  
  1386. .syntaxbg { color: #FFFFFF; }
  1387. .syntaxcomment { color: #000000; }
  1388. .syntaxdefault { color: #bcbcbc; }
  1389. .syntaxhtml { color: #000000; }
  1390. .syntaxkeyword { color: #585858; }
  1391. .syntaxstring { color: #a7a7a7; }
  1392.  
  1393. /* Attachments
  1394. ----------------------------------------*/
  1395. .attachbox {
  1396. float: left;
  1397. width: auto;
  1398. margin: 5px 5px 5px 0;
  1399. padding: 6px;
  1400. background-color: #FFFFFF;
  1401. border: 1px dashed #d8d8d8;
  1402. clear: left;
  1403. }
  1404.  
  1405. .pm-message .attachbox {
  1406. background-color: #f3f3f3;
  1407. }
  1408.  
  1409. .attachbox dt {
  1410. font-family: Arial, Helvetica, sans-serif;
  1411. text-transform: uppercase;
  1412. }
  1413.  
  1414. .attachbox dd {
  1415. margin-top: 4px;
  1416. padding-top: 4px;
  1417. clear: left;
  1418. border-top: 1px solid #d8d8d8;
  1419. }
  1420.  
  1421. .attachbox dd dd {
  1422. border: none;
  1423. }
  1424.  
  1425. .attachbox p {
  1426. line-height: 110%;
  1427. color: #666666;
  1428. font-weight: normal;
  1429. clear: left;
  1430. }
  1431.  
  1432. .attachbox p.stats
  1433. {
  1434. line-height: 110%;
  1435. color: #666666;
  1436. font-weight: normal;
  1437. clear: left;
  1438. }
  1439.  
  1440. .attach-image {
  1441. margin: 3px 0;
  1442. width: 100%;
  1443. max-height: 350px;
  1444. overflow: auto;
  1445. }
  1446.  
  1447. .attach-image img {
  1448. border: 1px solid #999999;
  1449. /* cursor: move; */
  1450. cursor: default;
  1451. }
  1452.  
  1453. /* Inline image thumbnails */
  1454. div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
  1455. display: block;
  1456. margin-bottom: 4px;
  1457. }
  1458.  
  1459. div.inline-attachment p {
  1460. font-size: 100%;
  1461. }
  1462.  
  1463. dl.file {
  1464. font-family: Verdana, Arial, Helvetica, sans-serif;
  1465. display: block;
  1466. }
  1467.  
  1468. dl.file dt {
  1469. text-transform: none;
  1470. margin: 0;
  1471. padding: 0;
  1472. font-weight: bold;
  1473. font-family: Verdana, Arial, Helvetica, sans-serif;
  1474. }
  1475.  
  1476. dl.file dd {
  1477. color: #666666;
  1478. margin: 0;
  1479. padding: 0;
  1480. }
  1481.  
  1482. dl.thumbnail img {
  1483. padding: 3px;
  1484. border: 1px solid #666666;
  1485. background-color: #FFF;
  1486. }
  1487.  
  1488. dl.thumbnail dd {
  1489. color: #666666;
  1490. font-style: italic;
  1491. font-family: Verdana, Arial, Helvetica, sans-serif;
  1492. }
  1493.  
  1494. .attachbox dl.thumbnail dd {
  1495. font-size: 100%;
  1496. }
  1497.  
  1498. dl.thumbnail dt a:hover {
  1499. background-color: #EEEEEE;
  1500. }
  1501.  
  1502. dl.thumbnail dt a:hover img {
  1503. border: 1px solid #d2d2d2;
  1504. }
  1505.  
  1506. /* Post poll styles
  1507. ----------------------------------------*/
  1508. fieldset.polls {
  1509. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  1510. }
  1511.  
  1512. fieldset.polls dl {
  1513. margin-top: 5px;
  1514. border-top: 1px solid #e2e2e2;
  1515. padding: 5px 0 0 0;
  1516. line-height: 120%;
  1517. color: #666666;
  1518. }
  1519.  
  1520. fieldset.polls dl.voted {
  1521. font-weight: bold;
  1522. color: #000000;
  1523. }
  1524.  
  1525. fieldset.polls dt {
  1526. text-align: left;
  1527. float: left;
  1528. display: block;
  1529. width: 30%;
  1530. border-right: none;
  1531. padding: 0;
  1532. margin: 0;
  1533. font-size: 1.1em;
  1534. }
  1535.  
  1536. fieldset.polls dd {
  1537. float: left;
  1538. width: 10%;
  1539. border-left: none;
  1540. padding: 0 5px;
  1541. margin-left: 0;
  1542. font-size: 1.1em;
  1543. }
  1544.  
  1545. fieldset.polls dd.resultbar {
  1546. width: 50%;
  1547. }
  1548.  
  1549. fieldset.polls dd input {
  1550. margin: 2px 0;
  1551. }
  1552.  
  1553. fieldset.polls dd div {
  1554. text-align: right;
  1555. font-family: Arial, Helvetica, sans-serif;
  1556. color: #FFFFFF;
  1557. font-weight: bold;
  1558. padding: 0 2px;
  1559. overflow: visible;
  1560. min-width: 2%;
  1561. }
  1562.  
  1563. .pollbar1 {
  1564. background-color: #aaaaaa;
  1565. border-bottom: 1px solid #747474;
  1566. border-right: 1px solid #747474;
  1567. }
  1568.  
  1569. .pollbar2 {
  1570. background-color: #bebebe;
  1571. border-bottom: 1px solid #8c8c8c;
  1572. border-right: 1px solid #8c8c8c;
  1573. }
  1574.  
  1575. .pollbar3 {
  1576. background-color: #D1D1D1;
  1577. border-bottom: 1px solid #aaaaaa;
  1578. border-right: 1px solid #aaaaaa;
  1579. }
  1580.  
  1581. .pollbar4 {
  1582. background-color: #e4e4e4;
  1583. border-bottom: 1px solid #bebebe;
  1584. border-right: 1px solid #bebebe;
  1585. }
  1586.  
  1587. .pollbar5 {
  1588. background-color: #f8f8f8;
  1589. border-bottom: 1px solid #D1D1D1;
  1590. border-right: 1px solid #D1D1D1;
  1591. }
  1592.  
  1593. /* Poster profile block
  1594. ----------------------------------------*/
  1595. .postprofile {
  1596. /* Also see tweaks.css */
  1597. margin: 5px 0 10px 0;
  1598. min-height: 80px;
  1599. color: #666666;
  1600. border-right: 1px solid #FFFFFF;
  1601. width: 22%;
  1602. float: left;
  1603. display: inline;
  1604. }
  1605. .pm .postprofile {
  1606. border-right: 1px solid #DDDDDD;
  1607. }
  1608.  
  1609. .postprofile dd, .postprofile dt {
  1610. line-height: 1.2em;
  1611. margin-left: 8px;
  1612. }
  1613.  
  1614. .postprofile strong {
  1615. font-weight: normal;
  1616. color: #000000;
  1617. }
  1618.  
  1619. .avatar {
  1620. border: none;
  1621. margin-bottom: 3px;
  1622. }
  1623.  
  1624. .online {
  1625. background-image: none;
  1626. background-position: 100% 0;
  1627. background-repeat: no-repeat;
  1628. }
  1629.  
  1630. /* Poster profile used by search*/
  1631. .search .postprofile {
  1632. width: 30%;
  1633. }
  1634.  
  1635. /* pm list in compose message if mass pm is enabled */
  1636. dl.pmlist dt {
  1637. width: 60% !important;
  1638. }
  1639.  
  1640. dl.pmlist dt textarea {
  1641. width: 95%;
  1642. }
  1643.  
  1644. dl.pmlist dd {
  1645. margin-left: 61% !important;
  1646. margin-bottom: 2px;
  1647. }
  1648. /* proSilver Button Styles
  1649. ---------------------------------------- */
  1650.  
  1651. /* Rollover buttons
  1652. Based on: http://wellstyled.com/css-nopreload-rollovers.html
  1653. ----------------------------------------*/
  1654. .buttons {
  1655. float: left;
  1656. width: auto;
  1657. height: auto;
  1658. }
  1659.  
  1660. /* Rollover state */
  1661. .buttons div {
  1662. float: left;
  1663. margin: 0 5px 0 0;
  1664. background-position: 0 100%;
  1665. }
  1666.  
  1667. /* Rolloff state */
  1668. .buttons div a {
  1669. display: block;
  1670. width: 100%;
  1671. height: 100%;
  1672. background-position: 0 0;
  1673. position: relative;
  1674. overflow: hidden;
  1675. }
  1676.  
  1677. /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
  1678. /*.buttons div span { display: none; }*/
  1679. /*.buttons div a:hover { background-image: none; }*/
  1680. .buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
  1681. .buttons div a:hover span { background-position: 0 100%; }
  1682.  
  1683. /* Big button images */
  1684. .reply-icon span { background: transparent none 0 0 no-repeat; }
  1685. .post-icon span { background: transparent none 0 0 no-repeat; }
  1686. .locked-icon span { background: transparent none 0 0 no-repeat; }
  1687. .pmreply-icon span { background: none 0 0 no-repeat; }
  1688. .newpm-icon span { background: none 0 0 no-repeat; }
  1689. .forwardpm-icon span { background: none 0 0 no-repeat; }
  1690.  
  1691. /* Set big button dimensions */
  1692. .buttons div.reply-icon { width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
  1693. .buttons div.post-icon { width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }
  1694. .buttons div.locked-icon { width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
  1695. .buttons div.pmreply-icon { width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
  1696. .buttons div.newpm-icon { width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
  1697. .buttons div.forwardpm-icon { width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }
  1698.  
  1699. /* Sub-header (navigation bar)
  1700. --------------------------------------------- */
  1701. a.print, a.sendemail, a.fontsize {
  1702. display: block;
  1703. overflow: hidden;
  1704. height: 18px;
  1705. text-indent: -5000px;
  1706. text-align: left;
  1707. background-repeat: no-repeat;
  1708. }
  1709.  
  1710. a.print {
  1711. background-image: none;
  1712. width: 22px;
  1713. }
  1714.  
  1715. a.sendemail {
  1716. background-image: none;
  1717. width: 22px;
  1718. }
  1719.  
  1720. a.fontsize {
  1721. background-image: none;
  1722. background-position: 0 -1px;
  1723. width: 29px;
  1724. }
  1725.  
  1726. a.fontsize:hover {
  1727. background-position: 0 -20px;
  1728. text-decoration: none;
  1729. }
  1730.  
  1731. /* Icon images
  1732. ---------------------------------------- */
  1733. .sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
  1734. .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
  1735. background-position: 0 50%;
  1736. background-repeat: no-repeat;
  1737. background-image: none;
  1738. padding: 1px 0 0 17px;
  1739. }
  1740.  
  1741. /* Poster profile icons
  1742. ----------------------------------------*/
  1743. ul.profile-icons {
  1744. padding-top: 10px;
  1745. list-style: none;
  1746. }
  1747.  
  1748. /* Rollover state */
  1749. ul.profile-icons li {
  1750. float: left;
  1751. margin: 0 6px 3px 0;
  1752. background-position: 0 100%;
  1753. }
  1754.  
  1755. /* Rolloff state */
  1756. ul.profile-icons li a {
  1757. display: block;
  1758. width: 100%;
  1759. height: 100%;
  1760. background-position: 0 0;
  1761. }
  1762.  
  1763. /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
  1764. ul.profile-icons li span { display:none; }
  1765. ul.profile-icons li a:hover { background: none; }
  1766.  
  1767. /* Positioning of moderator icons */
  1768. .postbody ul.profile-icons {
  1769. float: right;
  1770. width: auto;
  1771. padding: 0;
  1772. }
  1773.  
  1774. .postbody ul.profile-icons li {
  1775. margin: 0 3px;
  1776. }
  1777.  
  1778. /* Profile & navigation icons */
  1779. .email-icon, .email-icon a { background: none top left no-repeat; }
  1780. .aim-icon, .aim-icon a { background: none top left no-repeat; }
  1781. .yahoo-icon, .yahoo-icon a { background: none top left no-repeat; }
  1782. .web-icon, .web-icon a { background: none top left no-repeat; }
  1783. .msnm-icon, .msnm-icon a { background: none top left no-repeat; }
  1784. .icq-icon, .icq-icon a { background: none top left no-repeat; }
  1785. .jabber-icon, .jabber-icon a { background: none top left no-repeat; }
  1786. .pm-icon, .pm-icon a { background: none top left no-repeat; }
  1787. .quote-icon, .quote-icon a { background: none top left no-repeat; }
  1788.  
  1789. /* Moderator icons */
  1790. .report-icon, .report-icon a { background: none top left no-repeat; }
  1791. .warn-icon, .warn-icon a { background: none top left no-repeat; }
  1792. .edit-icon, .edit-icon a { background: none top left no-repeat; }
  1793. .delete-icon, .delete-icon a { background: none top left no-repeat; }
  1794. .info-icon, .info-icon a { background: none top left no-repeat; }
  1795.  
  1796. /* Set profile icon dimensions */
  1797. ul.profile-icons li.email-icon { width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
  1798. ul.profile-icons li.aim-icon { width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
  1799. ul.profile-icons li.yahoo-icon { width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
  1800. ul.profile-icons li.web-icon { width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
  1801. ul.profile-icons li.msnm-icon { width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
  1802. ul.profile-icons li.icq-icon { width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
  1803. ul.profile-icons li.jabber-icon { width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
  1804. ul.profile-icons li.pm-icon { width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
  1805. ul.profile-icons li.quote-icon { width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
  1806. ul.profile-icons li.report-icon { width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
  1807. ul.profile-icons li.edit-icon { width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
  1808. ul.profile-icons li.delete-icon { width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
  1809. ul.profile-icons li.info-icon { width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
  1810. ul.profile-icons li.warn-icon { width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }
  1811.  
  1812. /* Fix profile icon default margins */
  1813. ul.profile-icons li.edit-icon { margin: 0 3px 0 3px; }
  1814. ul.profile-icons li.quote-icon { margin: 0 0 0 10px; }
  1815. ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; }
  1816. /* proSilver Control Panel Styles
  1817. ---------------------------------------- */
  1818.  
  1819.  
  1820. /* Main CP box
  1821. ----------------------------------------*/
  1822. #cp-menu {
  1823. float:left;
  1824. width: 19%;
  1825. margin-top: 1em;
  1826. margin-bottom: 5px;
  1827. }
  1828.  
  1829. #cp-main {
  1830. float: left;
  1831. width: 81%;
  1832. }
  1833.  
  1834. #cp-main .content {
  1835. padding: 0;
  1836. }
  1837.  
  1838. #cp-main h3, #cp-main hr, #cp-menu hr {
  1839. border-color: #bfbfbf;
  1840. }
  1841.  
  1842. #cp-main .panel p {
  1843. font-size: 1.1em;
  1844. }
  1845.  
  1846. #cp-main .panel ol {
  1847. margin-left: 2em;
  1848. font-size: 1.1em;
  1849. }
  1850.  
  1851. #cp-main .panel li.row {
  1852. border-bottom: 1px solid #cbcbcb;
  1853. border-top: 1px solid #F9F9F9;
  1854. }
  1855.  
  1856. ul.cplist {
  1857. margin-bottom: 5px;
  1858. border-top: 1px solid #cbcbcb;
  1859. }
  1860.  
  1861. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  1862. color: #000000;
  1863. margin-bottom: 2px;
  1864. }
  1865.  
  1866. #cp-main table.table1 {
  1867. margin-bottom: 1em;
  1868. }
  1869.  
  1870. #cp-main table.table1 thead th {
  1871. color: #333333;
  1872. font-weight: bold;
  1873. border-bottom: 1px solid #333333;
  1874. padding: 5px;
  1875. }
  1876.  
  1877. #cp-main table.table1 tbody th {
  1878. font-style: italic;
  1879. background-color: transparent !important;
  1880. border-bottom: none;
  1881. }
  1882.  
  1883. #cp-main .pagination {
  1884. float: right;
  1885. width: auto;
  1886. padding-top: 1px;
  1887. }
  1888.  
  1889. #cp-main .postbody p {
  1890. font-size: 1.1em;
  1891. }
  1892.  
  1893. #cp-main .pm-message {
  1894. border: 1px solid #e2e2e2;
  1895. margin: 10px 0;
  1896. background-color: #FFFFFF;
  1897. width: auto;
  1898. float: none;
  1899. }
  1900.  
  1901. .pm-message h2 {
  1902. padding-bottom: 5px;
  1903. }
  1904.  
  1905. #cp-main .postbody h3, #cp-main .box2 h3 {
  1906. margin-top: 0;
  1907. }
  1908.  
  1909. #cp-main .buttons {
  1910. margin-left: 0;
  1911. }
  1912.  
  1913. #cp-main ul.linklist {
  1914. margin: 0;
  1915. }
  1916.  
  1917. /* MCP Specific tweaks */
  1918. .mcp-main .postbody {
  1919. width: 100%;
  1920. }
  1921.  
  1922. /* CP tabbed menu
  1923. ----------------------------------------*/
  1924. #tabs {
  1925. line-height: normal;
  1926. margin: 20px 0 -1px 7px;
  1927. min-width: 570px;
  1928. }
  1929.  
  1930. #tabs ul {
  1931. margin:0;
  1932. padding: 0;
  1933. list-style: none;
  1934. }
  1935.  
  1936. #tabs li {
  1937. display: inline;
  1938. margin: 0;
  1939. padding: 0;
  1940. font-size: 1em;
  1941. font-weight: bold;
  1942. }
  1943.  
  1944. #tabs a {
  1945. float: left;
  1946. background: none no-repeat 0% -35px;
  1947. margin: 0 1px 0 0;
  1948. padding: 0 0 0 5px;
  1949. text-decoration: none;
  1950. position: relative;
  1951. cursor: pointer;
  1952. }
  1953.  
  1954. #tabs a span {
  1955. float: left;
  1956. display: block;
  1957. background: none no-repeat 100% -35px;
  1958. padding: 6px 10px 6px 5px;
  1959. color: #828282;
  1960. white-space: nowrap;
  1961. }
  1962.  
  1963. #tabs a:hover span {
  1964. color: #bcbcbc;
  1965. }
  1966.  
  1967. #tabs .activetab a {
  1968. background-position: 0 0;
  1969. border-bottom: 1px solid #ebebeb;
  1970. }
  1971.  
  1972. #tabs .activetab a span {
  1973. background-position: 100% 0;
  1974. padding-bottom: 7px;
  1975. color: #333333;
  1976. }
  1977.  
  1978. #tabs a:hover {
  1979. background-position: 0 -70px;
  1980. }
  1981.  
  1982. #tabs a:hover span {
  1983. background-position:100% -70px;
  1984. }
  1985.  
  1986. #tabs .activetab a:hover {
  1987. background-position: 0 0;
  1988. }
  1989.  
  1990. #tabs .activetab a:hover span {
  1991. color: #000000;
  1992. background-position: 100% 0;
  1993. }
  1994.  
  1995. /* Mini tabbed menu used in MCP
  1996. ----------------------------------------*/
  1997. #minitabs {
  1998. line-height: normal;
  1999. margin: -20px 7px 0 0;
  2000. }
  2001.  
  2002. #minitabs ul {
  2003. margin:0;
  2004. padding: 0;
  2005. list-style: none;
  2006. }
  2007.  
  2008. #minitabs li {
  2009. display: block;
  2010. float: right;
  2011. padding: 0 10px 4px 10px;
  2012. font-size: 1em;
  2013. font-weight: bold;
  2014. background-color: #f2f2f2;
  2015. margin-left: 2px;
  2016. }
  2017.  
  2018. #minitabs a {
  2019. }
  2020.  
  2021. #minitabs a:hover {
  2022. text-decoration: none;
  2023. }
  2024.  
  2025. #minitabs li.activetab {
  2026. background-color: #F9F9F9;
  2027. }
  2028.  
  2029. #minitabs li.activetab a, #minitabs li.activetab a:hover {
  2030. color: #333333;
  2031. }
  2032.  
  2033. /* UCP navigation menu
  2034. ----------------------------------------*/
  2035. /* Container for sub-navigation list */
  2036. #navigation {
  2037. width: 100%;
  2038. padding-top: 36px;
  2039. }
  2040.  
  2041. #navigation ul {
  2042. list-style:none;
  2043. }
  2044.  
  2045. /* Default list state */
  2046. #navigation li {
  2047. margin: 1px 0;
  2048. padding: 0;
  2049. font-weight: bold;
  2050. display: inline;
  2051. }
  2052.  
  2053. /* Link styles for the sub-section links */
  2054. #navigation a {
  2055. display: block;
  2056. padding: 5px;
  2057. margin: 1px 0;
  2058. text-decoration: none;
  2059. font-weight: bold;
  2060. color: #333;
  2061. background: #cfcfcf none repeat-y 100% 0;
  2062. }
  2063.  
  2064. #navigation a:hover {
  2065. text-decoration: none;
  2066. background-color: #c6c6c6;
  2067. color: #bcbcbc;
  2068. background-image: none;
  2069. }
  2070.  
  2071. #navigation #active-subsection a {
  2072. display: block;
  2073. color: #d3d3d3;
  2074. background-color: #F9F9F9;
  2075. background-image: none;
  2076. }
  2077.  
  2078. #navigation #active-subsection a:hover {
  2079. color: #d3d3d3;
  2080. }
  2081.  
  2082. /* Preferences pane layout
  2083. ----------------------------------------*/
  2084. #cp-main h2 {
  2085. border-bottom: none;
  2086. padding: 0;
  2087. margin-left: 10px;
  2088. color: #333333;
  2089. }
  2090.  
  2091. #cp-main .panel {
  2092. background-color: #F9F9F9;
  2093. }
  2094.  
  2095. #cp-main .pm {
  2096. background-color: #FFFFFF;
  2097. }
  2098.  
  2099. #cp-main span.corners-top, #cp-menu span.corners-top {
  2100. background-image: none;
  2101. }
  2102.  
  2103. #cp-main span.corners-top span, #cp-menu span.corners-top span {
  2104. background-image: none;
  2105. }
  2106.  
  2107. #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
  2108. background-image: none;
  2109. }
  2110.  
  2111. #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
  2112. background-image: none;
  2113. }
  2114.  
  2115. /* Topicreview */
  2116. #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
  2117. background-image: none;
  2118. }
  2119.  
  2120. #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
  2121. background-image: none;
  2122. }
  2123.  
  2124. #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
  2125. background-image: none;
  2126. }
  2127.  
  2128. #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
  2129. background-image: none;
  2130. }
  2131.  
  2132. /* Friends list */
  2133. .cp-mini {
  2134. background-color: #f9f9f9;
  2135. padding: 0 5px;
  2136. margin: 10px 15px 10px 5px;
  2137. }
  2138.  
  2139. .cp-mini span.corners-top, .cp-mini span.corners-bottom {
  2140. margin: 0 -5px;
  2141. }
  2142.  
  2143. dl.mini dt {
  2144. font-weight: bold;
  2145. color: #676767;
  2146. }
  2147.  
  2148. dl.mini dd {
  2149. padding-top: 4px;
  2150. }
  2151.  
  2152. .friend-online {
  2153. font-weight: bold;
  2154. }
  2155.  
  2156. .friend-offline {
  2157. font-style: italic;
  2158. }
  2159.  
  2160. /* PM Styles
  2161. ----------------------------------------*/
  2162. #pm-menu {
  2163. line-height: 2.5em;
  2164. }
  2165.  
  2166. /* PM panel adjustments */
  2167. .pm-panel-header {
  2168. margin: 0;
  2169. padding-bottom: 10px;
  2170. border-bottom: 1px dashed #A4B3BF;
  2171. }
  2172.  
  2173. .reply-all {
  2174. display: block;
  2175. padding-top: 4px;
  2176. clear: both;
  2177. float: left;
  2178. }
  2179.  
  2180. .pm-panel-message {
  2181. padding-top: 10px;
  2182. }
  2183.  
  2184. .pm-return-to {
  2185. padding-top: 23px;
  2186. }
  2187.  
  2188. #cp-main .pm-message-nav {
  2189. margin: 0;
  2190. padding: 2px 10px 5px 10px;
  2191. border-bottom: 1px dashed #A4B3BF;
  2192. }
  2193.  
  2194. /* PM Message history */
  2195. .current {
  2196. color: #999999;
  2197. }
  2198.  
  2199. /* Defined rules list for PM options */
  2200. ol.def-rules {
  2201. padding-left: 0;
  2202. }
  2203.  
  2204. ol.def-rules li {
  2205. line-height: 180%;
  2206. padding: 1px;
  2207. }
  2208.  
  2209. /* PM marking colours */
  2210. .pmlist li.bg1 {
  2211. padding: 0 3px;
  2212. }
  2213.  
  2214. .pmlist li.bg2 {
  2215. padding: 0 3px;
  2216. }
  2217.  
  2218. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  2219. border-left-color: #bcbcbc;
  2220. border-right-color: #bcbcbc;
  2221. }
  2222.  
  2223. .pmlist li.pm_marked_colour, .pm_marked_colour {
  2224. padding: 0;
  2225. border: solid 3px #ffffff;
  2226. border-width: 0 3px;
  2227. }
  2228.  
  2229. .pmlist li.pm_replied_colour, .pm_replied_colour {
  2230. padding: 0;
  2231. border: solid 3px #c2c2c2;
  2232. border-width: 0 3px;
  2233. }
  2234.  
  2235. .pmlist li.pm_friend_colour, .pm_friend_colour {
  2236. padding: 0;
  2237. border: solid 3px #bdbdbd;
  2238. border-width: 0 3px;
  2239. }
  2240.  
  2241. .pmlist li.pm_foe_colour, .pm_foe_colour {
  2242. padding: 0;
  2243. border: solid 3px #000000;
  2244. border-width: 0 3px;
  2245. }
  2246.  
  2247. .pm-legend {
  2248. border-left-width: 10px;
  2249. border-left-style: solid;
  2250. border-right-width: 0;
  2251. margin-bottom: 3px;
  2252. padding-left: 3px;
  2253. }
  2254.  
  2255. /* Avatar gallery */
  2256. #gallery label {
  2257. position: relative;
  2258. float: left;
  2259. margin: 10px;
  2260. padding: 5px;
  2261. width: auto;
  2262. background: #FFFFFF;
  2263. border: 1px solid #CCC;
  2264. text-align: center;
  2265. }
  2266.  
  2267. #gallery label:hover {
  2268. background-color: #EEE;
  2269. }
  2270. /* proSilver Form Styles
  2271. ---------------------------------------- */
  2272.  
  2273. /* General form styles
  2274. ----------------------------------------*/
  2275. fieldset {
  2276. border-width: 0;
  2277. font-family: Verdana, Helvetica, Arial, sans-serif;
  2278. font-size: 1.1em;
  2279. }
  2280.  
  2281. input {
  2282. font-weight: normal;
  2283. cursor: pointer;
  2284. vertical-align: middle;
  2285. padding: 0 3px;
  2286. font-family: Verdana, Helvetica, Arial, sans-serif;
  2287. }
  2288.  
  2289. select {
  2290. font-family: Verdana, Helvetica, Arial, sans-serif;
  2291. font-weight: normal;
  2292. cursor: pointer;
  2293. vertical-align: middle;
  2294. border: 1px solid #666666;
  2295. padding: 1px;
  2296. background-color: #FAFAFA;
  2297. font-size: 1em;
  2298. }
  2299.  
  2300. option {
  2301. padding-right: 1em;
  2302. }
  2303.  
  2304. option.disabled-option {
  2305. color: graytext;
  2306. }
  2307.  
  2308. textarea {
  2309. font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  2310. width: 60%;
  2311. padding: 2px;
  2312. font-size: 1em;
  2313. line-height: 1.4em;
  2314. }
  2315.  
  2316. label {
  2317. cursor: default;
  2318. padding-right: 5px;
  2319. }
  2320.  
  2321. label input {
  2322. vertical-align: middle;
  2323. }
  2324.  
  2325. label img {
  2326. vertical-align: middle;
  2327. }
  2328.  
  2329. /* Definition list layout for forms
  2330. ---------------------------------------- */
  2331. fieldset dl {
  2332. padding: 4px 0;
  2333. }
  2334.  
  2335. fieldset dt {
  2336. float: left;
  2337. width: 40%;
  2338. text-align: left;
  2339. display: block;
  2340. }
  2341.  
  2342. fieldset dd {
  2343. margin-left: 41%;
  2344. vertical-align: top;
  2345. margin-bottom: 3px;
  2346. }
  2347.  
  2348. /* Specific layout 1 */
  2349. fieldset.fields1 dt {
  2350. width: 15em;
  2351. border-right-width: 0;
  2352. }
  2353.  
  2354. fieldset.fields1 dd {
  2355. margin-left: 15em;
  2356. border-left-width: 0;
  2357. }
  2358.  
  2359. fieldset.fields1 {
  2360. background-color: transparent;
  2361. }
  2362.  
  2363. fieldset.fields1 div {
  2364. margin-bottom: 3px;
  2365. }
  2366.  
  2367. /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
  2368. fieldset.fields1 #recaptcha_widget_div div {
  2369. margin-bottom: 0;
  2370. }
  2371.  
  2372. /* Specific layout 2 */
  2373. fieldset.fields2 dt {
  2374. width: 15em;
  2375. border-right-width: 0;
  2376. }
  2377.  
  2378. fieldset.fields2 dd {
  2379. margin-left: 16em;
  2380. border-left-width: 0;
  2381. }
  2382.  
  2383. /* Form elements */
  2384. dt label {
  2385. font-weight: bold;
  2386. text-align: left;
  2387. }
  2388.  
  2389. dd label {
  2390. white-space: nowrap;
  2391. color: #333;
  2392. }
  2393.  
  2394. dd input, dd textarea {
  2395. margin-right: 3px;
  2396. }
  2397.  
  2398. dd select {
  2399. width: auto;
  2400. }
  2401.  
  2402. dd textarea {
  2403. width: 85%;
  2404. }
  2405.  
  2406. /* Hover effects */
  2407. fieldset dl:hover dt label {
  2408. color: #000000;
  2409. }
  2410.  
  2411. fieldset.fields2 dl:hover dt label {
  2412. color: inherit;
  2413. }
  2414.  
  2415. #timezone {
  2416. width: 95%;
  2417. }
  2418.  
  2419. * html #timezone {
  2420. width: 50%;
  2421. }
  2422.  
  2423. /* Quick-login on index page */
  2424. fieldset.quick-login {
  2425. margin-top: 5px;
  2426. }
  2427.  
  2428. fieldset.quick-login input {
  2429. width: auto;
  2430. }
  2431.  
  2432. fieldset.quick-login input.inputbox {
  2433. width: 15%;
  2434. vertical-align: middle;
  2435. margin-right: 5px;
  2436. background-color: #f3f3f3;
  2437. }
  2438.  
  2439. fieldset.quick-login label {
  2440. white-space: nowrap;
  2441. padding-right: 2px;
  2442. }
  2443.  
  2444. /* Display options on viewtopic/viewforum pages */
  2445. fieldset.display-options {
  2446. text-align: center;
  2447. margin: 3px 0 5px 0;
  2448. }
  2449.  
  2450. fieldset.display-options label {
  2451. white-space: nowrap;
  2452. padding-right: 2px;
  2453. }
  2454.  
  2455. fieldset.display-options a {
  2456. margin-top: 3px;
  2457. }
  2458.  
  2459. /* Display actions for ucp and mcp pages */
  2460. fieldset.display-actions {
  2461. text-align: right;
  2462. line-height: 2em;
  2463. white-space: nowrap;
  2464. padding-right: 1em;
  2465. }
  2466.  
  2467. fieldset.display-actions label {
  2468. white-space: nowrap;
  2469. padding-right: 2px;
  2470. }
  2471.  
  2472. fieldset.sort-options {
  2473. line-height: 2em;
  2474. }
  2475.  
  2476. /* MCP forum selection*/
  2477. fieldset.forum-selection {
  2478. margin: 5px 0 3px 0;
  2479. float: right;
  2480. }
  2481.  
  2482. fieldset.forum-selection2 {
  2483. margin: 13px 0 3px 0;
  2484. float: right;
  2485. }
  2486.  
  2487. /* Jumpbox */
  2488. fieldset.jumpbox {
  2489. text-align: right;
  2490. margin-top: 15px;
  2491. height: 2.5em;
  2492. }
  2493.  
  2494. fieldset.quickmod {
  2495. width: 50%;
  2496. float: right;
  2497. text-align: right;
  2498. height: 2.5em;
  2499. }
  2500.  
  2501. /* Submit button fieldset */
  2502. fieldset.submit-buttons {
  2503. text-align: center;
  2504. vertical-align: middle;
  2505. margin: 5px 0;
  2506. }
  2507.  
  2508. fieldset.submit-buttons input {
  2509. vertical-align: middle;
  2510. padding-top: 3px;
  2511. padding-bottom: 3px;
  2512. }
  2513.  
  2514. /* Posting page styles
  2515. ----------------------------------------*/
  2516.  
  2517. /* Buttons used in the editor */
  2518. #format-buttons {
  2519. margin: 15px 0 2px 0;
  2520. }
  2521.  
  2522. #format-buttons input, #format-buttons select {
  2523. vertical-align: middle;
  2524. }
  2525.  
  2526. /* Main message box */
  2527. #message-box {
  2528. width: 80%;
  2529. }
  2530.  
  2531. #message-box textarea {
  2532. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  2533. width: 450px;
  2534. height: 270px;
  2535. min-width: 100%;
  2536. max-width: 100%;
  2537. font-size: 1.2em;
  2538. color: #333333;
  2539. }
  2540.  
  2541. /* Emoticons panel */
  2542. #smiley-box {
  2543. width: 18%;
  2544. float: right;
  2545. }
  2546.  
  2547. #smiley-box img {
  2548. margin: 3px;
  2549. }
  2550.  
  2551. /* Input field styles
  2552. ---------------------------------------- */
  2553. .inputbox {
  2554. background-color: #FFFFFF;
  2555. border: 1px solid #c0c0c0;
  2556. color: #333333;
  2557. padding: 2px;
  2558. cursor: text;
  2559. }
  2560.  
  2561. input.inputbox { width: 85%; }
  2562. input.medium { width: 50%; }
  2563. input.narrow { width: 25%; }
  2564. input.tiny { width: 125px; }
  2565.  
  2566. textarea.inputbox {
  2567. width: 85%;
  2568. }
  2569.  
  2570. .autowidth {
  2571. width: auto !important;
  2572. }
  2573.  
  2574. /* Form button styles
  2575. ---------------------------------------- */
  2576.  
  2577. input.disabled {
  2578. font-weight: normal;
  2579. color: #666666;
  2580. }
  2581.  
  2582. /* Topic and forum Search */
  2583. .search-box {
  2584. margin-top: 3px;
  2585. margin-left: 5px;
  2586. float: left;
  2587. }
  2588.  
  2589. .search-box input {
  2590. }
  2591.  
  2592. input.search {
  2593. background-image: none;
  2594. background-repeat: no-repeat;
  2595. background-position: left 1px;
  2596. padding-left: 17px;
  2597. }
  2598.  
  2599. .full { width: 95%; }
  2600. .medium { width: 50%;}
  2601. .narrow { width: 25%;}
  2602. .tiny { width: 10%;}
  2603. /* proSilver Style Sheet Tweaks
  2604.  
  2605. These style definitions are mainly IE specific
  2606. tweaks required due to its poor CSS support.
  2607. -------------------------------------------------*/
  2608.  
  2609. * html table, * html select, * html input { font-size: 100%; }
  2610. * html hr { margin: 0; }
  2611. * html span.corners-top, * html span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); }
  2612. * html span.corners-top span, * html span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); }
  2613.  
  2614. table.table1 {
  2615. width: 99%; /* IE < 6 browsers */
  2616. /* Tantek hack */
  2617. voice-family: "\"}\"";
  2618. voice-family: inherit;
  2619. width: 100%;
  2620. }
  2621. html>body table.table1 { width: 100%; } /* Reset 100% for opera */
  2622.  
  2623. * html ul.topiclist li { position: relative; }
  2624. * html .postbody h3 img { vertical-align: middle; }
  2625.  
  2626. /* Form styles */
  2627. html>body dd label input { vertical-align: text-bottom; } /* Align checkboxes/radio buttons nicely */
  2628.  
  2629. * html input.button1, * html input.button2 {
  2630. padding-bottom: 0;
  2631. margin-bottom: 1px;
  2632. }
  2633.  
  2634. /* Misc layout styles */
  2635. * html .column1, * html .column2 { width: 45%; }
  2636.  
  2637. /* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
  2638. From http://www.positioniseverything.net/easyclearing.html
  2639. #tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
  2640. content: ".";
  2641. display: block;
  2642. height: 0;
  2643. clear: both;
  2644. visibility: hidden;
  2645. }*/
  2646.  
  2647. .clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
  2648. height: 1%;
  2649. overflow: hidden;
  2650. }
  2651.  
  2652. /* viewtopic fix */
  2653. * html .post {
  2654. height: 25%;
  2655. overflow: hidden;
  2656. }
  2657.  
  2658. /* navbar fix */
  2659. * html .clearfix, * html .navbar, ul.linklist {
  2660. height: 4%;
  2661. overflow: hidden;
  2662. }
  2663.  
  2664. /* Simple fix so forum and topic lists always have a min-height set, even in IE6
  2665. From http://www.dustindiaz.com/min-height-fast-hack */
  2666. dl.icon {
  2667. min-height: 35px;
  2668. height: auto !important;
  2669. height: 35px;
  2670. }
  2671.  
  2672. * html li.row dl.icon dt {
  2673. height: 35px;
  2674. overflow: visible;
  2675. }
  2676.  
  2677. * html #search-box {
  2678. width: 25%;
  2679. }
  2680.  
  2681. /* Correctly clear floating for details on profile view */
  2682. *:first-child+html dl.details dd {
  2683. margin-left: 30%;
  2684. float: none;
  2685. }
  2686.  
  2687. * html dl.details dd {
  2688. margin-left: 30%;
  2689. float: none;
  2690. }
  2691.  
  2692. * html .forumbg table.table1 {
  2693. margin: 0 -2px 0px -1px;
  2694. }
  2695.  
  2696. /* Headerbar height fix for IE7 and below */
  2697. * html #site-description p {
  2698. margin-bottom: 1.0em;
  2699. }
  2700.  
  2701. *:first-child+html #site-description p {
  2702. margin-bottom: 1.0em;
  2703. }
  2704. /*
  2705. --------------------------------------------------------------
  2706. Colours and backgrounds for common.css
  2707. -------------------------------------------------------------- */
  2708.  
  2709. html, body {
  2710. color: #15375c;
  2711. background: url("{T_THEME_PATH}/images/bodybg.gif") repeat-x left top #093059;
  2712. font-family: "Verdana", Tahoma, Geneva, sans-serif;
  2713. height: 100% !important;
  2714. }
  2715.  
  2716. h1 {
  2717. color: #FFFFFF;
  2718. }
  2719.  
  2720. h2 {
  2721. color: #28313F;
  2722. font-family: Arial, Helvetica, sans-serif;
  2723. font-size: 20px;
  2724. font-weight: bold;
  2725. }
  2726.  
  2727. h3 {
  2728. border-bottom-color: #BAD7F1;
  2729. font-family: Arial, Helvetica, sans-serif;
  2730. font-size: 16px;
  2731. font-weight: normal;
  2732. text-transform: none;
  2733. color: #115098;
  2734. }
  2735.  
  2736. hr {
  2737. border-color: #FFFFFF;
  2738. border-top-color: #BAD7F1;
  2739. }
  2740.  
  2741. hr.dashed {
  2742. border-top-color: #CCCCCC;
  2743. }
  2744.  
  2745. /* Search box
  2746. --------------------------------------------- */
  2747.  
  2748. #search-box {
  2749. color: #FFFFFF;
  2750. }
  2751.  
  2752. #search-box #keywords {
  2753. background-color: #FFF;
  2754. }
  2755.  
  2756. #search-box input {
  2757. border-color: #0075B0;
  2758. }
  2759.  
  2760. /* Round cornered boxes and backgrounds
  2761. ---------------------------------------- */
  2762. .headerbar {
  2763. background-color: #12A3EB;
  2764. background-image: url("{T_THEME_PATH}/images/bg_header.gif");
  2765. color: #FFFFFF;
  2766. }
  2767.  
  2768. .navbar {
  2769. background-color: #cadceb;
  2770. }
  2771.  
  2772. .forabg, .forumbg {
  2773. background-color: #0c2535;
  2774. background-image: url("{T_THEME_PATH}/images/cathead.gif");
  2775. background-repeat: no-repeat;
  2776. }
  2777.  
  2778. .panel {
  2779. background-color: #EBF4FC;
  2780. color: #28313F;
  2781. }
  2782.  
  2783. .post:target .content {
  2784. color: #000000;
  2785. }
  2786.  
  2787. .post:target h3 a {
  2788. color: #000000;
  2789. }
  2790.  
  2791. .bg1 { background-color: #ECF3F7;}
  2792. .bg2 { background-color: #EBF4FC;}
  2793. .bg3 { background-color: #CADCEB;}
  2794.  
  2795. .ucprowbg {
  2796. background-color: #DCDEE2;
  2797. }
  2798.  
  2799. .fieldsbg {
  2800. background-color: #E7E8EA;
  2801. }
  2802.  
  2803. span.corners-top {
  2804. background-image: url("{T_THEME_PATH}/images/corners_left.png");
  2805. }
  2806.  
  2807. span.corners-top span {
  2808. background-image: url("{T_THEME_PATH}/images/corners_right.png");
  2809. }
  2810.  
  2811. span.corners-bottom {
  2812. background-image: url("{T_THEME_PATH}/images/corners_left.png");
  2813. }
  2814.  
  2815. span.corners-bottom span {
  2816. background-image: url("{T_THEME_PATH}/images/corners_right.png");
  2817. }
  2818.  
  2819. /* Horizontal lists
  2820. ----------------------------------------*/
  2821.  
  2822. ul.navlinks {
  2823. border-bottom-color: #FFFFFF;
  2824. }
  2825.  
  2826. /* Table styles
  2827. ----------------------------------------*/
  2828. table.table1 thead th {
  2829. color: #FFFFFF;
  2830. }
  2831.  
  2832. table.table1 tbody tr {
  2833. border-color: #BFC1CF;
  2834. }
  2835.  
  2836. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  2837. background-color: #CFE1F6;
  2838. color: #000;
  2839. }
  2840.  
  2841. table.table1 td {
  2842. color: #536482;
  2843. }
  2844.  
  2845. table.table1 tbody td {
  2846. border-top-color: #FAFAFA;
  2847. }
  2848.  
  2849. table.table1 tbody th {
  2850. border-bottom-color: #000000;
  2851. color: #333333;
  2852. background-color: #FFFFFF;
  2853. }
  2854.  
  2855. table.info tbody th {
  2856. color: #000000;
  2857. }
  2858.  
  2859. /* Misc layout styles
  2860. ---------------------------------------- */
  2861. dl.details dt {
  2862. color: #000000;
  2863. }
  2864.  
  2865. dl.details dd {
  2866. color: #536482;
  2867. }
  2868.  
  2869. .sep {
  2870. color: #1198D9;
  2871. }
  2872.  
  2873. /* Pagination
  2874.  
  2875. ---------------------------------------- */
  2876.  
  2877.  
  2878.  
  2879. .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
  2880.  
  2881. color: #095c9b;
  2882.  
  2883. background-color: #f1f7fb;
  2884.  
  2885. border-color: #bbd2e1;
  2886.  
  2887. padding: 3px 7px;
  2888.  
  2889. font-family: Arial, Helvetica, sans-serif;
  2890.  
  2891. font-size: 11px;
  2892.  
  2893. font-weight: bold;
  2894.  
  2895. }
  2896.  
  2897.  
  2898.  
  2899. .pagination span strong, .pagination span a:hover {
  2900.  
  2901. color: #095c9b;
  2902.  
  2903. background-color: #d5e7f7;
  2904.  
  2905. border-color: #bbd2e1;
  2906.  
  2907. padding: 3px 7px;
  2908.  
  2909. font-family: Arial, Helvetica, sans-serif;
  2910.  
  2911. font-size: 11px;
  2912.  
  2913. font-weight: bold;
  2914.  
  2915. }
  2916.  
  2917.  
  2918.  
  2919. /* Pagination in viewforum for multipage topics */
  2920.  
  2921. .row .pagination {
  2922.  
  2923. background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
  2924.  
  2925. }
  2926.  
  2927.  
  2928.  
  2929. .row .pagination span a, li.pagination span a {
  2930.  
  2931. background-color: #FFFFFF;
  2932.  
  2933. }
  2934.  
  2935.  
  2936.  
  2937. .row .pagination span a:hover, li.pagination span a:hover {
  2938.  
  2939. background-color: #d5e7f7;
  2940.  
  2941. }
  2942.  
  2943.  
  2944.  
  2945.  
  2946. /* Miscellaneous styles
  2947. ---------------------------------------- */
  2948.  
  2949. .copyright {
  2950. color: #555555;
  2951. }
  2952.  
  2953. .error {
  2954. color: #BC2A4D;
  2955. }
  2956.  
  2957. .reported {
  2958. background-color: #F7ECEF;
  2959. }
  2960.  
  2961. li.reported:hover {
  2962. background-color: #ECD5D8 !important;
  2963. }
  2964. .sticky, .announce {
  2965. /* you can add a background for stickies and announcements*/
  2966. }
  2967.  
  2968. div.rules {
  2969. background-color: #ffffcc;
  2970. color: #000000; font-size: 14px;
  2971. background-image: url("{T_THEME_PATH}/images/warning-icon.png");
  2972. background-repeat: no-repeat;
  2973. background-position: 10px 5px;
  2974. min-height: 50px;
  2975. padding-left: 70px; padding-top: 10px;
  2976. border: 1px solid #ffde5b;
  2977. border-bottom: 4px solid #ffde5b;
  2978. }
  2979.  
  2980. div.mini-rules {
  2981. background-color: #ffffcc;
  2982. color: #000000; font-size: 12px;
  2983. background-image: url("{T_THEME_PATH}/images/warning-icon-mini.png");
  2984. background-repeat: no-repeat;
  2985. background-position: 7px 7px;
  2986. min-height: 20px;
  2987. padding-left: 30px; padding-top: 8px;
  2988. border: 1px solid #ffde5b;
  2989. font-weight: bold;
  2990. margin-top: 3px;
  2991. }
  2992.  
  2993. div.rules h3 {font-size: 14px; padding: 0; margin: 0; text-decoration: underline; border: none; text-transform: none; color: #000000; margin-bottom: 3px;}
  2994.  
  2995. p.rules {
  2996. background-color: #ECD5D8;
  2997. background-image: none;
  2998. }
  2999.  
  3000. /*
  3001. --------------------------------------------------------------
  3002. Colours and backgrounds for links.css
  3003. -------------------------------------------------------------- */
  3004.  
  3005. a:link { color: #105289; }
  3006. a:visited { color: #105289; }
  3007. a:hover { color: #0081ec; }
  3008. a:active { color: #081C28; }
  3009.  
  3010. /* Links on gradient backgrounds */
  3011. #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
  3012. color: #FFFFFF;
  3013. }
  3014.  
  3015. #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
  3016. color: #FFFFFF;
  3017. }
  3018.  
  3019. #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  3020. color: #A8D8FF;
  3021. }
  3022.  
  3023. #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
  3024. color: #C8E6FF;
  3025. }
  3026.  
  3027. /* Links for forum/topic lists */
  3028. a.forumtitle, a.forumtitle:active, a.topictitle, a.topictitle:active {
  3029. color: #0658b0;
  3030. font-weight: bold;
  3031. font-family: Arial, Helvetica, sans-serif;
  3032. font-size: 16px;
  3033. }
  3034.  
  3035. a.forumtitle:hover, a.topictitle:hover {
  3036. text-decoration: none;
  3037. color: #0081ec;
  3038. }
  3039.  
  3040.  
  3041.  
  3042.  
  3043. /* Post body links */
  3044. .postlink {
  3045. color: #368AD2;
  3046. border-bottom-color: #368AD2;
  3047. }
  3048.  
  3049. .postlink:visited {
  3050. color: #5D8FBD;
  3051. border-bottom-color: #5D8FBD;
  3052. }
  3053.  
  3054. .postlink:active {
  3055. color: #368AD2;
  3056. }
  3057.  
  3058. .postlink:hover {
  3059. color: #0D4473;
  3060. text-decoration: none !important;
  3061. border: none;
  3062. background: none !important;
  3063. }
  3064.  
  3065. .signature a, .signature a:visited, .signature a:hover, .signature a:active {
  3066. background-color: transparent;
  3067. }
  3068.  
  3069. /* Profile links */
  3070. .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
  3071. color: #105289;
  3072. }
  3073.  
  3074. .postprofile a:hover, .postprofile a:active, .postprofile dt.author a:hover, .postprofile dt.author a:active {
  3075. color: #D31141;
  3076. }
  3077.  
  3078. /* Profile searchresults */
  3079. .search .postprofile a {
  3080. color: #105289;
  3081. }
  3082.  
  3083. .search .postprofile a:hover, .search .postprofile a:active {
  3084. color: #D31141;
  3085. }
  3086.  
  3087. /* Back to top of page */
  3088. a.top {
  3089. background-image: url("{IMG_ICON_BACK_TOP_SRC}");
  3090. }
  3091.  
  3092. a.top2 {
  3093. background-image: url("{IMG_ICON_BACK_TOP_SRC}");
  3094. }
  3095.  
  3096. /* Arrow links */
  3097. a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
  3098. a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
  3099. a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
  3100. a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }
  3101.  
  3102. a.up:hover {
  3103. background-color: transparent;
  3104. }
  3105.  
  3106. a.left:hover {
  3107. color: #368AD2;
  3108. }
  3109.  
  3110. a.right:hover {
  3111. color: #368AD2;
  3112. }
  3113.  
  3114.  
  3115. /*
  3116. --------------------------------------------------------------
  3117. Colours and backgrounds for content.css
  3118. -------------------------------------------------------------- */
  3119.  
  3120. ul.forums {
  3121. background-color: #eef5f9;
  3122. }
  3123.  
  3124. ul.topiclist li {
  3125. color: #4C5D77;
  3126. }
  3127.  
  3128. ul.topiclist dd {
  3129. border-left: none;
  3130. }
  3131.  
  3132. .rtl ul.topiclist dd {
  3133. border-right-color: #fff;
  3134. border-left-color: transparent;
  3135. }
  3136.  
  3137. ul.topiclist li.row dt a.subforum.read {
  3138. background-image: url("{IMG_SUBFORUM_READ_SRC}");
  3139. }
  3140.  
  3141. ul.topiclist li.row dt a.subforum.unread {
  3142. background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
  3143. }
  3144.  
  3145. li.row {
  3146. border-top: none;
  3147. border-bottom-color: #d5e4fb;
  3148. background-color: #fbfdff;
  3149. background-image: url("{T_THEME_PATH}/images/row.gif");
  3150. background-repeat: repeat-x;
  3151. background-position: bottom;
  3152. }
  3153.  
  3154. li.row strong {
  3155. color: #000000;
  3156. }
  3157.  
  3158. li.header dt, li.header dd {
  3159. color: #FFFFFF;
  3160. }
  3161.  
  3162. /* Forum list column styles */
  3163. ul.topiclist dd.searchextra {
  3164. color: #333333;
  3165. }
  3166.  
  3167. /* Post body styles
  3168. ----------------------------------------*/
  3169. .postbody {
  3170. color: #333333;
  3171. }
  3172.  
  3173. /* Content container styles
  3174. ----------------------------------------*/
  3175. .content {
  3176. color: #333333;
  3177. }
  3178.  
  3179. .content h2, .panel h2 {
  3180. color: #115098;
  3181. border-bottom-color: #BAD7F1;
  3182. }
  3183.  
  3184. dl.faq dt {
  3185. color: #333333;
  3186. }
  3187.  
  3188. .posthilit {
  3189. background-color: #F3BFCC;
  3190. color: #BC2A4D;
  3191. }
  3192.  
  3193. /* Post signature */
  3194. .signature {
  3195. border-top-color: #CCCCCC;
  3196. margin-top: 10px !important;
  3197. padding-bottom: 5px;
  3198. font-family: "Segoe UI", Tahoma, Geneva, sans-serif;
  3199. font-size: 12px;
  3200. color: #294f6a;
  3201. }
  3202.  
  3203. /* Post noticies */
  3204. .notice {
  3205. border-top-color: #CCCCCC;
  3206. font-size: 10px;
  3207. }
  3208.  
  3209. /* BB Code styles
  3210. ----------------------------------------*/
  3211. /* Quote block */
  3212. blockquote {
  3213. background-color: #eff8ff;
  3214. background-image: url("{T_THEME_PATH}/images/quote_icon.png");
  3215. border-color:#77a8ce;
  3216. -moz-border-radius: 5px;
  3217. -webkit-border-radius: 5px;
  3218. }
  3219.  
  3220. .rtl blockquote {
  3221. background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
  3222. }
  3223.  
  3224. blockquote blockquote {
  3225. /* Nested quotes */
  3226. background-color:#e7f4fe;
  3227. }
  3228.  
  3229. blockquote blockquote blockquote {
  3230. /* Nested quotes */
  3231. background-color: #d5ecfe;
  3232. }
  3233.  
  3234. /* Code block */
  3235. dl.codebox {
  3236. background-color: #eff8ff;
  3237. border-color: #77a8ce;
  3238. -moz-border-radius: 5px;
  3239. -webkit-border-radius: 5px;
  3240. }
  3241.  
  3242. dl.codebox dt {
  3243. border-bottom-color: #CCCCCC;
  3244. }
  3245.  
  3246. dl.codebox code {
  3247. color: #004276;
  3248. }
  3249.  
  3250. .syntaxbg { color: #FFFFFF; }
  3251. .syntaxcomment { color: #FF8000; }
  3252. .syntaxdefault { color: #0000BB; }
  3253. .syntaxhtml { color: #000000; }
  3254. .syntaxkeyword { color: #007700; }
  3255. .syntaxstring { color: #DD0000; }
  3256.  
  3257. /* Attachments
  3258. ----------------------------------------*/
  3259. .attachbox {
  3260. background-color: #FFFFFF;
  3261. border-color: #C9D2D8;
  3262. font-size: 10px;
  3263. }
  3264.  
  3265. .pm-message .attachbox {
  3266. background-color: #F2F3F3;
  3267. }
  3268.  
  3269. .attachbox dd {
  3270. border-top-color: #C9D2D8;
  3271. }
  3272.  
  3273. .attachbox p {
  3274. color: #666666;
  3275. }
  3276.  
  3277. .attachbox p.stats {
  3278. color: #666666;
  3279. }
  3280.  
  3281. .attach-image img {
  3282. border-color: #999999;
  3283. }
  3284.  
  3285. /* Inline image thumbnails */
  3286.  
  3287. dl.file dd {
  3288. color: #666666;
  3289. }
  3290.  
  3291. dl.thumbnail img {
  3292. border-color: #666666;
  3293. background-color: #FFFFFF;
  3294. }
  3295.  
  3296. dl.thumbnail dd {
  3297. color: #666666;
  3298. }
  3299.  
  3300. dl.thumbnail dt a:hover {
  3301. background-color: #EEEEEE;
  3302. }
  3303.  
  3304. dl.thumbnail dt a:hover img {
  3305. border-color: #368AD2;
  3306. }
  3307.  
  3308. /* Post poll styles
  3309. ----------------------------------------*/
  3310.  
  3311. fieldset.polls dl {
  3312. border-top-color: #DCDEE2;
  3313. color: #666666;
  3314. }
  3315.  
  3316. fieldset.polls dl.voted {
  3317. color: #000000;
  3318. }
  3319.  
  3320. fieldset.polls dd div {
  3321. color: #FFFFFF;
  3322. }
  3323.  
  3324. .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
  3325. border-right-color: transparent;
  3326. }
  3327.  
  3328. .pollbar5 {
  3329. background-color: #0aa3ef;
  3330. border: none;
  3331. -moz-border-radius: 3px;
  3332. -webkit-border-radius: 5px;
  3333. text-shadow: 1px 1px 2px #000000;
  3334. }
  3335.  
  3336. .pollbar4 {
  3337. background-color: #0482c0;
  3338. border: none;
  3339. -moz-border-radius: 3px;
  3340. -webkit-border-radius: 5px;
  3341. text-shadow: 1px 1px 2px #000000;
  3342. }
  3343.  
  3344. .pollbar3 {
  3345. background-color: #035c87;
  3346. border: none;
  3347. -moz-border-radius: 3px;
  3348. -webkit-border-radius: 5px;
  3349. text-shadow: 1px 1px 2px #000000;
  3350. }
  3351.  
  3352. .pollbar2 {
  3353. background-color: #023f5d;
  3354. border: none;
  3355. -moz-border-radius: 3px;
  3356. -webkit-border-radius: 5px;
  3357. text-shadow: 1px 1px 2px #000000;
  3358. }
  3359.  
  3360. .pollbar1 {
  3361. background-color: #022537;
  3362. border: none;
  3363. -moz-border-radius: 3px;
  3364. -webkit-border-radius: 5px;
  3365. text-shadow: 1px 1px 2px #000000;
  3366. }
  3367.  
  3368. /* Poster profile block
  3369. ----------------------------------------*/
  3370. .postprofile {
  3371. color: #666666;
  3372. border-left-color: #FFFFFF;
  3373. font-size: 11px;
  3374. }
  3375.  
  3376. .rtl .postprofile {
  3377. border-right-color: #FFFFFF;
  3378. border-left-color: transparent;
  3379. }
  3380.  
  3381. .pm .postprofile {
  3382. border-left-color: #DDDDDD;
  3383. }
  3384.  
  3385. .rtl .pm .postprofile {
  3386. border-right-color: #DDDDDD;
  3387. border-left-color: transparent;
  3388. }
  3389.  
  3390. .postprofile strong {
  3391. color: #000000;
  3392. }
  3393.  
  3394. .online {
  3395. background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
  3396. background-repeat: no-repeat;
  3397. margin-top: -5px;
  3398. }
  3399.  
  3400. .online dt {
  3401. margin-top: 5px;
  3402. }
  3403.  
  3404. /*
  3405. --------------------------------------------------------------
  3406. Colours and backgrounds for buttons.css
  3407. -------------------------------------------------------------- */
  3408.  
  3409. /* Big button images */
  3410. .reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
  3411. .post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
  3412. .locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
  3413. .pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
  3414. .newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
  3415. .forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
  3416.  
  3417. a.print {
  3418. background-image: url("{T_THEME_PATH}/images/icon_print.gif");
  3419. }
  3420.  
  3421. a.sendemail {
  3422. background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
  3423. }
  3424.  
  3425. a.fontsize {
  3426. background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
  3427. }
  3428.  
  3429. /* Icon images
  3430. ---------------------------------------- */
  3431. .sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
  3432. .icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
  3433. .icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
  3434. .icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
  3435. .icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
  3436. .icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
  3437. .icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
  3438. .icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
  3439. .icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
  3440. .icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
  3441. .icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
  3442. .icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
  3443. .icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
  3444.  
  3445. /* Profile & navigation icons */
  3446. .email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
  3447. .aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
  3448. .yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
  3449. .web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
  3450. .msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
  3451. .icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
  3452. .jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
  3453. .pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
  3454. .quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
  3455.  
  3456. /* Moderator icons */
  3457. .report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
  3458. .edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
  3459. .delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
  3460. .info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
  3461. .warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */
  3462.  
  3463. /*
  3464. --------------------------------------------------------------
  3465. Colours and backgrounds for cp.css
  3466. -------------------------------------------------------------- */
  3467.  
  3468. /* Main CP box
  3469. ----------------------------------------*/
  3470.  
  3471. #cp-main h3, #cp-main hr, #cp-menu hr {
  3472. border-color: #A4B3BF;
  3473. }
  3474.  
  3475. #cp-main .panel li.row {
  3476. border-bottom-color: #B5C1CB;
  3477. border-top-color: #F9F9F9;
  3478. }
  3479.  
  3480. ul.cplist {
  3481. border-top-color: #B5C1CB;
  3482. }
  3483.  
  3484. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  3485. color: #000000;
  3486. }
  3487.  
  3488. #cp-main table.table1 thead th {
  3489. color: #333333;
  3490. border-bottom-color: #333333;
  3491. }
  3492.  
  3493. #cp-main .pm-message {
  3494. border-color: #DBDEE2;
  3495. background-color: #FFFFFF;
  3496. }
  3497.  
  3498. /* CP tabbed menu
  3499. ----------------------------------------*/
  3500. #tabs a {
  3501. background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
  3502. font-size: 12px;
  3503. }
  3504.  
  3505. #tabs a span {
  3506. background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
  3507. color: #536482;
  3508. }
  3509.  
  3510. #tabs a:hover span {
  3511. color: #BC2A4D;
  3512. }
  3513.  
  3514. #tabs .activetab a {
  3515. border-bottom-color: #CADCEB;
  3516. }
  3517.  
  3518. #tabs .activetab a span {
  3519. color: #333333;
  3520. }
  3521.  
  3522. #tabs .activetab a:hover span {
  3523. color: #000000;
  3524. }
  3525.  
  3526. /* Mini tabbed menu used in MCP
  3527. ----------------------------------------*/
  3528. #minitabs li {
  3529. background-color: #E1EBF2;
  3530. }
  3531.  
  3532. #minitabs li.activetab {
  3533. background-color: #F9F9F9;
  3534. }
  3535.  
  3536. #minitabs li.activetab a, #minitabs li.activetab a:hover {
  3537. color: #333333;
  3538. }
  3539.  
  3540. /* UCP navigation menu
  3541. ----------------------------------------*/
  3542.  
  3543. /* Link styles for the sub-section links */
  3544. #navigation a {
  3545. color: #333;
  3546. background-color: #B2C2CF;
  3547. background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
  3548. }
  3549.  
  3550. .rtl #navigation a {
  3551. background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.gif");
  3552. background-position: 0 100%;
  3553. }
  3554.  
  3555. #navigation a:hover {
  3556. background-image: none;
  3557. background-color: #aabac6;
  3558. color: #BC2A4D;
  3559. }
  3560.  
  3561. #navigation #active-subsection a {
  3562. color: #D31141;
  3563. background-color: #F9F9F9;
  3564. background-image: none;
  3565. }
  3566.  
  3567. #navigation #active-subsection a:hover {
  3568. color: #D31141;
  3569. }
  3570.  
  3571. /* Preferences pane layout
  3572. ----------------------------------------*/
  3573. #cp-main h2 {
  3574. color: #333333;
  3575. }
  3576.  
  3577. #cp-main .panel {
  3578. background-color: #F9F9F9;
  3579. }
  3580.  
  3581. #cp-main .pm {
  3582. background-color: #FFFFFF;
  3583. }
  3584.  
  3585. #cp-main span.corners-top, #cp-menu span.corners-top {
  3586. background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
  3587. }
  3588.  
  3589. #cp-main span.corners-top span, #cp-menu span.corners-top span {
  3590. background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
  3591. }
  3592.  
  3593. #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
  3594. background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
  3595. }
  3596.  
  3597. #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
  3598. background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
  3599. }
  3600.  
  3601. /* Topicreview */
  3602. #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
  3603. background-image: url("{T_THEME_PATH}/images/corners_left.gif");
  3604. }
  3605.  
  3606. #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
  3607. background-image: url("{T_THEME_PATH}/images/corners_right.gif");
  3608. }
  3609.  
  3610. #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
  3611. background-image: url("{T_THEME_PATH}/images/corners_left.gif");
  3612. }
  3613.  
  3614. #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
  3615. background-image: url("{T_THEME_PATH}/images/corners_right.gif");
  3616. }
  3617.  
  3618. /* Friends list */
  3619. .cp-mini {
  3620. background-color: #eef5f9;
  3621. }
  3622.  
  3623. dl.mini dt {
  3624. color: #425067;
  3625. }
  3626.  
  3627. /* PM Styles
  3628. ----------------------------------------*/
  3629. /* PM Message history */
  3630. .current {
  3631. color: #000000 !important;
  3632. }
  3633.  
  3634. /* PM panel adjustments */
  3635. .pm-panel-header,
  3636. #cp-main .pm-message-nav {
  3637. border-bottom-color: #A4B3BF;
  3638. }
  3639.  
  3640. /* PM marking colours */
  3641. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  3642. border-left-color: #BC2A4D;
  3643. border-right-color: #BC2A4D;
  3644. }
  3645.  
  3646. .pmlist li.pm_marked_colour, .pm_marked_colour {
  3647. border-color: #FF6600;
  3648. }
  3649.  
  3650. .pmlist li.pm_replied_colour, .pm_replied_colour {
  3651. border-color: #A9B8C2;
  3652. }
  3653.  
  3654. .pmlist li.pm_friend_colour, .pm_friend_colour {
  3655. border-color: #5D8FBD;
  3656. }
  3657.  
  3658. .pmlist li.pm_foe_colour, .pm_foe_colour {
  3659. border-color: #000000;
  3660. }
  3661.  
  3662. /* Avatar gallery */
  3663. #gallery label {
  3664. background-color: #FFFFFF;
  3665. border-color: #CCC;
  3666. }
  3667.  
  3668. #gallery label:hover {
  3669. background-color: #EEE;
  3670. }
  3671.  
  3672. /*
  3673. --------------------------------------------------------------
  3674. Colours and backgrounds for forms.css
  3675. -------------------------------------------------------------- */
  3676.  
  3677. /* General form styles
  3678. ----------------------------------------*/
  3679. select {
  3680. border-color: #666666;
  3681. background-color: #FAFAFA;
  3682. color: #000;
  3683. }
  3684.  
  3685. option.disabled-option {
  3686. color: graytext;
  3687. }
  3688.  
  3689. /* Definition list layout for forms
  3690. ---------------------------------------- */
  3691. dd label {
  3692. color: #333;
  3693. }
  3694.  
  3695. /* Hover effects */
  3696. fieldset dl:hover dt label {
  3697. color: #000000;
  3698. }
  3699.  
  3700. fieldset.fields2 dl:hover dt label {
  3701. color: inherit;
  3702. }
  3703.  
  3704. /* Quick-login on index page */
  3705. fieldset.quick-login input.inputbox {
  3706. background-color: #F2F3F3;
  3707. }
  3708.  
  3709. /* Posting page styles
  3710. ----------------------------------------*/
  3711.  
  3712. #message-box textarea {
  3713. color: #333333;
  3714. font-size: 12px;
  3715. font-family: Verdana, Geneva, sans-serif
  3716. }
  3717.  
  3718. /* Input field styles
  3719. ---------------------------------------- */
  3720. .inputbox {
  3721. background-color: #FFFFFF;
  3722. border-color: #B4BAC0;
  3723. color: #333333;
  3724. }
  3725.  
  3726.  
  3727. input.disabled {
  3728. color: #666666;
  3729. }
  3730. /* Custom CSS Styles for Absolution
  3731. --------------------------------------------- */
  3732. #header {
  3733. width: 100%;
  3734. background: url("{T_THEME_PATH}/images/header.gif") repeat-x left top #00233f;
  3735. -moz-box-shadow: 0 0 8px #011123;
  3736. -webkit-box-shadow: 0 0 8px #011123;
  3737. box-shadow: 0 0 8px #011123;
  3738. }
  3739.  
  3740. @font-face {
  3741. font-family: "Harabara";
  3742. src: url("{T_TEMPLATE_PATH}/harabara.ttf");
  3743. }
  3744.  
  3745. #header h1 {
  3746. padding: 33px;
  3747. margin: 0;
  3748. font-family: "Harabara", Arial, Helvetica, sans-serif;
  3749. font-size: 36px;
  3750. display: block;
  3751. background: url("{T_THEME_PATH}/images/logo-text-bg.png") no-repeat left top;
  3752. text-shadow: 0 3px 3px #01102f;
  3753. min-width: 377px;
  3754. height: 40px;
  3755. }
  3756.  
  3757. .noise {
  3758. background-image: url("{T_THEME_PATH}/images/noise.png");
  3759. min-height: 100% !important;
  3760. }
  3761.  
  3762. #wrap {
  3763. -moz-box-shadow: 0 0 8px #051f39;
  3764. -webkit-box-shadow: 0 0 8px #051f39;
  3765. box-shadow: 0 0 8px #051f398;
  3766. }
  3767.  
  3768. .contentpadding {
  3769. padding: 10px 15px;
  3770. }
  3771.  
  3772. .quicksearch {
  3773. margin: 40px 35px 35px 0;
  3774. }
  3775.  
  3776. .quicksearch form {
  3777. float: left;
  3778. }
  3779.  
  3780. .quicksearch a {
  3781. float: right;
  3782. padding: 8px 0 0 8px;
  3783. }
  3784.  
  3785. .quicksearch input {
  3786. width: 70px;
  3787. height: 30px;
  3788. padding: 0 10px 0 35px;
  3789. background: url("{T_THEME_PATH}/images/quicksearch.gif") no-repeat 10px 50% #01172f;
  3790. border: none;
  3791. font-family: Arial, Helvetica, sans-serif;
  3792. font-size: 14px;
  3793. font-weight: bold;
  3794. letter-spacing: -0.5px;
  3795. color: #FFFFFF;
  3796. border-radius: 3px;
  3797. -moz-border-radius: 3px;
  3798. -webkit-border-radius: 3px;
  3799. -moz-box-shadow: inset 0 1px 0 #06386d;
  3800. -webkit-box-shadow: inset 0 1px 0 #06386d;
  3801. box-shadow: inset 0 1px 0 #06386d;
  3802. -webkit-transition-duration: 400ms;
  3803. -webkit-transition-property: width, background;
  3804. -webkit-transition-timing-function: ease;
  3805. -moz-transition-duration: 400ms;
  3806. -moz-transition-property: width, background;
  3807. -moz-transition-timing-function: ease;
  3808. -o-transition-duration: 400ms;
  3809. -o-transition-property: width, background;
  3810. -o-transition-timing-function: ease;
  3811. }
  3812.  
  3813. .quicksearch input:focus {
  3814. width: 170px;
  3815. }
  3816.  
  3817. #nav {
  3818. width: 100%;
  3819. height: 52px;
  3820. background: url("{T_THEME_PATH}/images/nav-m.gif") repeat-x left top;
  3821. position: relative;
  3822. }
  3823.  
  3824. #nav ul {
  3825. list-style: none;
  3826. margin: 0;
  3827. padding: 0;
  3828. width: 100%;
  3829. }
  3830.  
  3831. #nav ul li {
  3832. float: left;
  3833. }
  3834.  
  3835. #nav ul li.divider {
  3836. width: 2px;
  3837. height: 45px;
  3838. background: url("{T_THEME_PATH}/images/divider.gif") no-repeat left top;
  3839. margin-top: 5px;
  3840. }
  3841.  
  3842. #nav ul li a {
  3843. background: url("{T_THEME_PATH}/images/navbg.gif") repeat-x left top;
  3844. padding: 20px 16px 15px;
  3845. float: left;
  3846. display: block;
  3847. font-family: Arial, Helvetica, sans-serif;
  3848. font-weight: bold;
  3849. font-size: 14px;
  3850. letter-spacing: -0.5px;
  3851. color: #082c51;
  3852. text-shadow: 0 1px 0 #FFFFFF;
  3853. -webkit-transition: color 0.2s ease-in;
  3854. -o-transition: color 0.2s ease-in;
  3855. -moz-transition: color 0.2s ease-in;
  3856. transition: color 0.2s ease-in;
  3857. }
  3858.  
  3859. #nav ul li a img {
  3860. vertical-align: middle;
  3861. margin-top: -3px;
  3862. margin-right: 7px;
  3863. }
  3864.  
  3865. #nav ul li.logout {
  3866. padding-left: 0px;
  3867. padding-right: 0px;
  3868. }
  3869.  
  3870. #nav ul li.logout a img {
  3871. margin: 0;
  3872. }
  3873.  
  3874. #nav ul li a:hover, #nav ul li.active a {
  3875. text-decoration: none;
  3876. background-position: bottom;
  3877. color: #005ab6;
  3878. }
  3879.  
  3880. #nav-wrap-left {
  3881. width: 6px;
  3882. height: 69px;
  3883. background: url("{T_THEME_PATH}/images/nav-wrappers.png") no-repeat left top;
  3884. float: left;
  3885. margin: -9px 0 0 -6px;
  3886. }
  3887.  
  3888. #nav-wrap-right {
  3889. width: 6px;
  3890. height: 69px;
  3891. background: url("{T_THEME_PATH}/images/nav-wrappers.png") no-repeat -6px top;
  3892. float: right;
  3893. margin: -9px -6px 0 0;
  3894. }
  3895.  
  3896. #nav ul li ul.drop {
  3897. background: #ebf4fc;
  3898. padding: 5px;
  3899. position: absolute;
  3900. border-radius: 5px;
  3901. -webkit-border-radius: 5px;
  3902. -moz-border-radius: 5px;
  3903. border: 1px solid #cee1f3;
  3904. display: none;
  3905. z-index: 9999;
  3906. width: auto;
  3907. margin-top: -5px;
  3908. }
  3909.  
  3910. #nav ul li ul.drop li {
  3911. float: none;
  3912. }
  3913.  
  3914. #nav ul li ul.drop li a {
  3915. background: none;
  3916. padding: 5px;
  3917. font-weight: normal;
  3918. font-size: 13px;
  3919. margin: 3px 0;
  3920. min-width: 160px;
  3921. display: block;
  3922. border: 1px solid #e7f6fb;
  3923. font-family: Tahoma, Geneva, sans-serif;
  3924. letter-spacing: normal;
  3925. }
  3926.  
  3927. #nav ul li ul.drop li a:hover {
  3928. border: 1px solid #c6e6f6;
  3929. background: #FFFFFF;
  3930. border-radius: 3px;
  3931. -webkit-border-radius: 3px;
  3932. -moz-border-radius: 3px;
  3933. text-decoration: none;
  3934. }
  3935.  
  3936. body.nojs #nav ul li:hover > ul {
  3937. display: block;
  3938. }
  3939.  
  3940. .tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; margin-top: 5px; }
  3941. .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  3942. .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  3943. .tipsy-arrow { position: absolute; background: url("{T_THEME_PATH}/images/tipsy.gif") no-repeat top left; width: 9px; height: 5px; }
  3944. .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
  3945. .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
  3946. .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  3947. .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
  3948. .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
  3949. .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  3950. .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  3951. .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  3952.  
  3953. .red-notice {
  3954. background: #fcebeb;
  3955. border: 2px dashed #ffc5c5;
  3956. text-align: center;
  3957. padding: 10px;
  3958. margin: 10px 0;
  3959. font-size: 12px;
  3960. font-family: Verdana, Geneva, sans-serif;
  3961. color: #bb0000;
  3962. }
  3963.  
  3964. .red-notice a {
  3965. color: #bb0000;
  3966. border-bottom: 1px dotted;
  3967. }
  3968.  
  3969. .red-notice a:hover {
  3970. text-decoration: none;
  3971. border: none;
  3972. }
  3973.  
  3974. .indexlinks {
  3975. line-height: 20px;
  3976. text-align: center;
  3977. color: #bfbfbf;
  3978. }
  3979.  
  3980. .cathead-m {
  3981. width: 100%;
  3982. height: 44px;
  3983. background: url("{T_THEME_PATH}/images/cathead-m.gif") repeat-x left top;
  3984. border-top-left-radius: 5px 5px;
  3985. border-top-right-radius: 5px 5px;
  3986. -moz-border-radius-topleft: 5px 5px;
  3987. -moz-border-radius-topright: 5px 5px;
  3988. -webkit-border-top-left-radius: 5px 5px;
  3989. -webkit-border-top-right-radius: 5px 5px;
  3990. }
  3991.  
  3992. .cathead-l {
  3993. height: 32px;
  3994. min-width: 272px;
  3995. background: url("{T_THEME_PATH}/images/cathead-l.png") no-repeat left top;
  3996. padding: 12px 0 0 15px;
  3997. font-family: Arial, Helvetica, sans-serif;
  3998. font-size: 14px;
  3999. color: #FFFFFF;
  4000. text-shadow: 0 -1px 0 #082c52;
  4001. }
  4002.  
  4003. .cathead-l a {
  4004. color: #FFFFFF;
  4005. }
  4006.  
  4007. .cathead-l a:hover {
  4008. text-decoration: none;
  4009. }
  4010.  
  4011. .cathead-r {
  4012. background: url("{T_THEME_PATH}/images/cathead-r.png") no-repeat right top;
  4013. }
  4014.  
  4015. .catglow {
  4016. box-shadow: 0 0 4px #80b8ef;
  4017. -moz-box-shadow: 0 0 4px #80b8ef;
  4018. -webkit-box-shadow: 0 0 4px #80b8ef;
  4019. background: #ebf4fc;
  4020. border-radius: 5px 5px 3px 3px;
  4021. -moz-border-radius: 5px 5px 3px 3px;
  4022. -webkit-border-radius: 5px 5px 3px 3px;
  4023. }
  4024.  
  4025. .collapsethis {
  4026. padding: 10px;
  4027. }
  4028.  
  4029. table.cat {
  4030. border: 1px solid #d7e5f2;
  4031. border-bottom: none;
  4032. background: #FFFFFF;
  4033. }
  4034.  
  4035. table.cat td {
  4036. border-bottom: 1px solid #d7e5f2;
  4037. padding: 10px 6px 6px 6px;
  4038. vertical-align: top;
  4039. }
  4040.  
  4041. td.forumicon {
  4042. text-align: center;
  4043. width: 5%;
  4044. }
  4045.  
  4046. td.forumdetails {
  4047. padding-right: 30px !important;
  4048. font-family: Verdana, Geneva, sans-serif;
  4049. font-size: 12px;
  4050. }
  4051.  
  4052. td.forumlink {
  4053. vertical-align: middle !important;
  4054. }
  4055.  
  4056. td.forumlastpost {
  4057. width: 20%;
  4058. padding-top: 9px !important;
  4059. }
  4060.  
  4061. td.forumclicks {
  4062. padding-top: 9px !important;
  4063. }
  4064.  
  4065. td.forumtopics, td.forumposts {
  4066. width: 8%;
  4067. }
  4068.  
  4069. span.fade {
  4070. color: #BFBFBF;
  4071. }
  4072.  
  4073. span.forummods, span.subforums {
  4074. display: block;
  4075. margin: 4px 0;
  4076. }
  4077.  
  4078. span.forumimage {
  4079. float: left;
  4080. display: block;
  4081. margin: 0 15px 15px 0;
  4082. }
  4083.  
  4084. .statbubble {
  4085. width: 64px;
  4086. height: 36px;
  4087. background: url("{T_THEME_PATH}/images/statbubble.png") no-repeat left top;
  4088. text-align: center;
  4089. padding: 6px 0 0 7px;
  4090. font-family: Tahoma, Geneva, sans-serif;
  4091. font-size: 11px;
  4092. color: #0658b0;
  4093. }
  4094.  
  4095. .statbubble span {
  4096. font-size: 16px;
  4097. font-weight: bold;
  4098. color: #183853;
  4099. font-family: Arial, Helvetica, sans-serif;
  4100. line-height: 15px;
  4101. }
  4102.  
  4103. .statspanel {
  4104. border: 1px solid #d7e5f2;
  4105. padding: 15px 15px 15px 55px;
  4106. background: no-repeat 10px 50% #FFFFFF;
  4107. margin: 2px 0;
  4108. }
  4109.  
  4110. .footer {
  4111. min-height: 70px;
  4112. margin: -4px auto 0;
  4113. background: url("{T_THEME_PATH}/images/footerlight.gif") no-repeat 50% top;
  4114. text-align: center;
  4115. padding: 20px 0;
  4116. color: #c9e3ff;
  4117. text-shadow: 0 5px 5px #000000;
  4118. line-height: 20px;
  4119. }
  4120.  
  4121. .footer a {
  4122. color: #239aff;
  4123. }
  4124.  
  4125. .trigger {
  4126. background: url("{T_THEME_PATH}/images/trigger.png") no-repeat;
  4127. width: 19px;
  4128. height: 20px;
  4129. cursor: pointer;
  4130. float: right;
  4131. position: relative;
  4132. z-index: 9998;
  4133. margin-top: -33px;
  4134. margin-right: 15px;
  4135. }
  4136. .active {background-position: right top;}
  4137. .inactive {background-position: left bottom;}
  4138.  
  4139. body.nojs .trigger {
  4140. display: none;
  4141. }
  4142.  
  4143. input.inputbox, select, textarea, #message-box textarea {
  4144. border: 1px solid #cde0f1 !important;
  4145. -moz-border-radius: 3px;
  4146. -webkit-border-radius: 3px;
  4147. border-radius: 3px;
  4148. background: url("{T_THEME_PATH}/images/formbg.gif") repeat-x left top #FFFFFF;
  4149. padding: 7px;
  4150. font-size: 12px;
  4151. color: #08284b;
  4152. }
  4153.  
  4154. input.inputbox:hover, select:hover, textarea:hover, #message-box textarea:hover {
  4155. border-color: #bad7f1;
  4156. }
  4157.  
  4158. input.inputbox:focus, select:focus, textarea:focus, #message-box textarea:focus {
  4159. border-color: #a0c8ee;
  4160. }
  4161.  
  4162. a.button1, input.button1, input.button2, input.button3 {
  4163. background: url("{T_THEME_PATH}/images/buttonbg.png") repeat-x left bottom #FFFFFF;
  4164. padding: 6px;
  4165. font-family: Verdana, Geneva, sans-serif;
  4166. border: 1px solid #cde0f1;
  4167. -moz-border-radius: 3px;
  4168. -webkit-border-radius: 3px;
  4169. border-radius: 3px;
  4170. color: #5790c2;
  4171. }
  4172.  
  4173. a.button1:hover, input.button1:hover, input.button2:hover, input.button3:hover {
  4174. background: url("{T_THEME_PATH}/images/buttonbghover.png") repeat-x left bottom;
  4175. border: 1px solid #a4caed;
  4176. color: #0067c4;
  4177. }
  4178.  
  4179. a.button1:active, input.button1:active, input.button2:active, input.button3:active {
  4180. background: url("{T_THEME_PATH}/images/buttonbgactive.png") repeat-x left top;
  4181. }
  4182.  
  4183. .float-left {float: left !important;}
  4184. .float-right {float: right !important;}
  4185.  
  4186. .clear-both {
  4187. clear: both;
  4188. }
  4189.  
  4190.  
  4191. .forum-descriptions {
  4192. color: #566671;
  4193. margin-top: 2px;
  4194. display: block;
  4195. }
  4196.  
  4197. dd.lastpost {
  4198. font-family: Tahoma, Geneva, sans-serif;
  4199. color: #596771;
  4200. }
  4201.  
  4202. dd.topics, dd.posts, dd.views {
  4203. font-family: Tahoma, Geneva, sans-serif;
  4204. font-weight: bold; color: #081c28;
  4205. line-height: 13px;
  4206. }
  4207.  
  4208. dd.topics span, dd.posts span, dd.views span {
  4209. font-size: 11px;
  4210. color: #566571;
  4211. }
  4212.  
  4213. #wrap {
  4214. background: #FFFFFF;
  4215. min-width: 960px !important;
  4216. border-radius: 0px 0px 5px 5px;
  4217. -moz-border-radius: 0px 0px 5px 5px;
  4218. -webkit-border-radius: 0px 0px 5px 5px;
  4219. }
  4220.  
  4221. .vtouter {
  4222. background-color: #e6f0f9;
  4223. border: 1px solid #c3dbf0;
  4224. padding: 5px;
  4225. border-radius: 3px;
  4226. -moz-border-radius: 3px;
  4227. -webkit-border-radius: 3px;
  4228. }
  4229.  
  4230. .vtinner {
  4231. background-color: #F0F6FB;
  4232. border: 1px solid #b9d7f1;
  4233. border-radius: 2px;
  4234. -moz-border-radius: 2px;
  4235. -webkit-border-radius: 2px;
  4236. }
  4237.  
  4238. .vtdatebar {
  4239. width: 100%;
  4240. height: 35px;
  4241. line-height: 33px;
  4242. background: url("{T_THEME_PATH}/images/vtdatebar.png") repeat-x left top;
  4243. }
  4244.  
  4245. .floatleft {
  4246. float: left;
  4247. }
  4248.  
  4249. .floatright {
  4250. float: right;
  4251. }
  4252.  
  4253. h3.vtsubject {
  4254. margin: 0;
  4255. padding: 0 0 0 74px;
  4256. border: none;
  4257. text-transform: none;
  4258. font-size: 14px !important;
  4259. }
  4260.  
  4261. .vtdate {
  4262. color: #769fd8;
  4263. font-family: Tahoma, Geneva, sans-serif;
  4264. font-size: 11px;
  4265. padding-right: 15px;
  4266. }
  4267.  
  4268. .user-online {
  4269. background: url("{T_THEME_PATH}/images/useronline.png") no-repeat 15px 14px;
  4270. }
  4271.  
  4272. .user-offline {
  4273. background: url("{T_THEME_PATH}/images/useroffline.png") no-repeat 15px 14px;
  4274. }
  4275.  
  4276. .vtprofilepanel {
  4277. width: 191px;
  4278. margin-bottom: 10px;
  4279. float: left;
  4280. width: 15%;
  4281. padding: 15px 9px 9px;
  4282. background-color: #E8F1F9;
  4283. border-right: 1px solid #CFE3F5;
  4284. border-bottom: 1px solid #CFE3F5;
  4285. border-radius: 0px 0px 5px 0px;
  4286. -moz-border-radius: 0px 0px 5px 0px;
  4287. -webkit-border-radius: 0px 0px 5px 0px;
  4288. }
  4289.  
  4290. .vtcontent {
  4291. float: right;
  4292. width: 80%;
  4293. padding: 14px;
  4294. }
  4295.  
  4296. .vtcontent .content {
  4297. margin-top: 0;
  4298. }
  4299.  
  4300. .vtcontrolbuttons {
  4301. margin-bottom: 18px;
  4302. float: right;
  4303. }
  4304.  
  4305. ul.profile-icons {
  4306. padding-top: 0;
  4307. }
  4308.  
  4309. .vtcodebox {
  4310. background-color: #e6f0f9;
  4311. border: 1px solid #bfd9ef;
  4312. border-radius: 1px;
  4313. -moz-border-radius: 1px;
  4314. -webkit-border-radius: 3px;
  4315. padding: 3px;
  4316. margin-top: 8px;
  4317. }
  4318.  
  4319. .vtcodeselect {
  4320. padding: 5px 2px 7px;
  4321. background: url("{T_THEME_PATH}/images/codetitle.png") no-repeat right bottom;
  4322. font-weight: bold;
  4323. }
  4324.  
  4325. .vtcodeinner {
  4326. border: 1px solid #c3dbf0;
  4327. background-color: #FFFFFF;
  4328. padding: 6px;
  4329. color: #0b5690;
  4330. font-weight: bold;
  4331. max-height: 300px;
  4332. overflow: auto;
  4333.  
  4334. }
  4335.  
  4336. .vtquote, .vtquote .vtquote .vtquote {
  4337. background-color: #e8f2fa;
  4338. border: 1px solid #a9c7e0;
  4339. border-radius: 5px;
  4340. -moz-border-radius: 5px;
  4341. -webkit-border-radius: 5px;
  4342. padding: 6px;
  4343. color: #0b5690;
  4344. font-style: italic;
  4345. margin-left: 10px;
  4346. margin-bottom: 4px;
  4347. margin-top: 8px;
  4348. }
  4349.  
  4350. .vtquote .nib {
  4351. width: 10px;
  4352. height: 13px;
  4353. position: relative;
  4354. float: left;
  4355. background: url("{T_THEME_PATH}/images/nib1.png") no-repeat left top;
  4356. margin-left: -15px;
  4357. }
  4358.  
  4359. .vtquotecite {
  4360. height: 15px;
  4361. padding-left: 20px;
  4362. background: url("{T_THEME_PATH}/images/cite.png") no-repeat left 2px;
  4363. margin: 4px 0;
  4364. font-weight: bold;
  4365. font-style: normal;
  4366. }
  4367.  
  4368. .vtquote .vtquote {
  4369. color: #006fc5;
  4370. background-color: #f0f6fb;
  4371. border: 1px solid #a9c7e0;
  4372. }
  4373.  
  4374. .vtquote .vtquote .nib {
  4375. background-image: url("{T_THEME_PATH}/images/nib2.png");
  4376. }
  4377.  
  4378. .vtquote .vtquote .vtquote .nib {
  4379. background: url("{T_THEME_PATH}/images/nib1.png") no-repeat left top;
  4380. }
  4381.  
  4382. .vtprofileinfo {
  4383. color: #084a7c;
  4384. font-family: Tahoma, Geneva, sans-serif;
  4385. font-size: 11px;
  4386. line-height: 14px;
  4387. }
  4388.  
  4389. span.vtusername {
  4390. font-size: 18px;
  4391. font-family: Arial, Helvetica, sans-serif;
  4392. letter-spacing: -1px;
  4393. display: block;
  4394. margin: 3px 0;
  4395. }
  4396.  
  4397. .vtprofilepadding {
  4398. padding-right: 20px;
  4399. }
  4400.  
  4401. .postprofile dd, .postprofile strong {
  4402. color: #084a7c;
  4403. }
  4404.  
  4405. .postprofile dd {
  4406. font-size: 11px;
  4407. margin-bottom: 2px;
  4408. }
  4409.  
  4410. .postprofile strong {
  4411. font-weight: bold;
  4412. }
  4413.  
  4414. span.ranktitle {
  4415. color: #2a2323;
  4416. font-weight: bold;
  4417. font-size: 11px;
  4418. }
  4419.  
  4420. .content img {
  4421. max-width: 100%;
  4422. }
  4423.  
  4424. .clear { /* generic container (i.e. div) for floating buttons */
  4425. overflow: hidden;
  4426. width: 100%;
  4427. }
  4428.  
  4429.  
  4430.  
  4431.  
  4432.  
  4433. .page-sidebar {
  4434. float:right;
  4435. width:20%;
  4436. }
Advertisement
Add Comment
Please, Sign In to add comment