Advertisement
Guest User

Theme Source

a guest
Jun 20th, 2012
282
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 70.91 KB | None | 0 0
  1. /* phpBB 3.0 Style Sheet
  2. --------------------------------------------------------------
  3. phpBB style name: we_universal
  4. Based on style: prosilver (this is the default phpBB3 style)
  5. Original author: Tom Beddard (http://www.subBlue.com/)
  6. Modified by: weeb (http://weeb.pl)
  7. Modified again by: Necrod & xXShaddowTXx
  8.  
  9. NOTE: This page was generated by phpBB, the free open-source bulletin board package.
  10. The phpBB Group is not responsible for the content of this page and forum. For more information
  11. about phpBB please visit http://www.phpbb.com
  12. --------------------------------------------------------------
  13. */
  14. * {
  15. margin: 0;
  16. padding: 0;
  17. }
  18.  
  19. html {
  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. background: url("{T_THEME_PATH}/images/background.png") center;
  26. font: 62.5% Verdana, Arial, Helvetica, sans-serif;
  27. color: #000000;
  28. font-size: 10px;
  29. position: center;
  30. width: 1000px;
  31. }
  32.  
  33. h1 {
  34. /* Forum name */
  35. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  36. margin-right: 200px;
  37. color: #000000;
  38. margin-top: 1px;
  39. font-weight: bold;
  40. font-size: 2em;
  41. }
  42.  
  43. h2 {
  44. /* Forum header titles */
  45. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  46. font-weight: bold;
  47. color: #000000;
  48. font-size: 16px;
  49. margin-bottom: 10px;
  50. }
  51.  
  52. h3 {
  53. /* Sub-headers (also used as post headers, but defined later) */
  54. font-family: Arial, Helvetica, sans-serif;
  55. font-weight: bold;
  56. text-transform: uppercase;
  57. margin-bottom: 3px;
  58. padding-bottom: 2px;
  59. font-size: 11px;
  60. color: #000000;
  61. margin-top: 20px;
  62. }
  63.  
  64. h4 {
  65. /* Forum and topic list titles */
  66. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
  67. font-size: 14px;
  68. }
  69.  
  70. p {
  71. line-height: 1.3em;
  72. font-size: 11px;
  73. margin-bottom: 1.5em;
  74. color: #000000;
  75. }
  76.  
  77. img {
  78. border-width: 0;
  79. }
  80.  
  81. hr {
  82. /* Also see tweaks.css */
  83. border: 0 none #000000;
  84. border-top: 1px solid #000000;
  85. height: 1px;
  86. margin: 5px 0;
  87. display: block;
  88. clear: both;
  89. }
  90.  
  91. hr.dashed {
  92. border-top: 1px dashed #000000;
  93. margin: 10px 0;
  94. }
  95.  
  96. hr.divider {
  97. display: none;
  98. }
  99.  
  100. p.right {
  101. text-align: right;
  102. }
  103.  
  104. /* Structure
  105. ---------------------------------------- */
  106. #wrapper, #dashboard {
  107. background: 000000;
  108. width: 1000px;
  109. position: center;
  110. }
  111.  
  112. #wrapper {
  113. margin: auto;
  114. }
  115.  
  116. #simple-wrapper {
  117. padding: 2px;
  118. background: #000000;
  119. }
  120. #header {
  121. background: url("{T_THEME_PATH}/images/dashboard.png") center no-repeat;
  122. height: 200px;
  123. width: 1000px;
  124. position: center;
  125. }
  126.  
  127. #dashboard {
  128. background: url("{T_THEME_PATH}/images/dashboard.png") center no-repeat;
  129. height: 200px;
  130. width: 1000px;
  131. }
  132.  
  133. #container {
  134. border-width: 2;
  135. border-color: #777777;
  136. background: url("{T_THEME_PATH}/images/backgrounddark.png") center;
  137. margin-top: 0px;
  138. padding: 15px 20px;
  139. font-family: Tahoma, Helvetica, Arial, sans-serif;
  140. }
  141.  
  142. #footer {
  143. height: 20px;
  144. position: center;
  145. text-align: center;
  146. clear: both;
  147. color: #616161;
  148. padding-top: 20px;
  149. }
  150.  
  151. /* Dashboard
  152. ---------------------------------------- */
  153. #dashboard ul {
  154. list-style: none;
  155. }
  156.  
  157. #dashboard #navigation-top {
  158. border-radius: 6px;
  159. border-width: 6px;
  160. padding: 6px;;
  161. float: right;
  162. background-color: rgba(82,69,53,0.5);
  163. background: url("{T_THEME_PATH}/images/nav_top.png") center;
  164. }
  165.  
  166. #dashboard #navigation-bottom {
  167. border-radius: 6px;
  168. border-width: 6px;
  169. border-color: #777777;
  170. position: absolute;
  171. top: 159px;
  172. padding: 6px;
  173. background-color: rgba(82,69,53,0.5);
  174. background: url("{T_THEME_PATH}/images/nav_bot.png") center;
  175. }
  176.  
  177. #dashboard li {
  178. display: inline;
  179. font-size: 1.1em;
  180. }
  181.  
  182. #dashboard li a {
  183. background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x;
  184. padding: 7px 10px;
  185. display: inline-block;
  186. color: #ffffff;
  187. }
  188.  
  189. #dashboard li a:hover, #dashboard li a:focus {
  190. background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x 0 100%;
  191. text-decoration: none;
  192. }
  193.  
  194. /* Name and description
  195. ---------------------------------------- */
  196. #site-description {
  197. margin-top: 35px;
  198. margin-left: 50px;
  199. position: absolute;
  200. white-space: nowrap;
  201. }
  202.  
  203. #site-description h1, #site-description p {
  204. text-shadow: 1px 3px 5px #000000;
  205. }
  206.  
  207. #site-description h1 {
  208. font-size: 3.5em;
  209. color: #000000;
  210. }
  211.  
  212. #site-description p {
  213. font-size: 1.2em;
  214. color: #000000;
  215. }
  216.  
  217. /* Footer
  218. ---------------------------------------- */
  219. #copyright p {
  220. margin: 0;
  221. font-size: 10px;
  222. line-height: 14px;
  223. text-align: center;
  224. }
  225.  
  226. #copyright {
  227. padding: 10px 0;
  228. }
  229.  
  230. /* Round cornered boxes and backgrounds
  231. ---------------------------------------- */
  232. .navbar {
  233. background-color: #000000;
  234. padding: 0 10px;
  235. }
  236.  
  237. .forabg {
  238. background: #000000 none repeat-x 0 0;
  239. margin-bottom: 4px;
  240. padding: 0 5px;
  241. clear: both;
  242. }
  243.  
  244. .panel {
  245. padding: 0 10px;
  246. background-color: #000000;
  247. color: #000000;
  248. }
  249.  
  250. .post {
  251. background-repeat: no-repeat;
  252. background-position: 100% 0;
  253. }
  254.  
  255. .post:target h3 a {
  256. color: #000000;
  257. }
  258.  
  259. .bg1 { background-color: #000000;}
  260. .bg2 { background-color: #000000; }
  261. .bg3 { background-color: #000000; }
  262.  
  263. .rowbg {
  264. margin: 5px 5px 2px 5px;
  265. }
  266.  
  267. .ucprowbg {
  268. background-color: #000000;
  269. }
  270.  
  271. .fieldsbg {
  272. /*border: 1px #000000 solid;*/
  273. background-color: #000000;
  274. }
  275.  
  276. span.corners-top {
  277. background-image: none;
  278. background-position: 0 0;
  279. margin: 0 -5px;
  280. }
  281.  
  282. span.corners-top span {
  283. background-image: none;
  284. background-position: 100% 0;
  285. }
  286.  
  287. span.corners-bottom {
  288. background-image: none;
  289. background-position: 0 100%;
  290. clear: both;
  291. }
  292.  
  293. span.corners-bottom span {
  294. background-image: none;
  295. background-position: 100% 100%;
  296. }
  297.  
  298. .headbg span.corners-bottom {
  299. margin-bottom: -1px;
  300. }
  301.  
  302. .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
  303. margin: 0 -10px;
  304. }
  305.  
  306. /* Horizontal lists
  307. ----------------------------------------*/
  308. ul.linklist {
  309. display: block;
  310. margin: 0;
  311. }
  312.  
  313. ul.linklist li {
  314. display: block;
  315. list-style-type: none;
  316. float: left;
  317. width: auto;
  318. margin-right: 5px;
  319. font-size: 11px;
  320. line-height: 2.2em;
  321. }
  322.  
  323. ul.linklist li.rightside, p.rightside {
  324. float: right;
  325. margin-right: 0;
  326. margin-left: 5px;
  327. text-align: right;
  328. }
  329.  
  330. ul.navlinks {
  331. padding-bottom: 1px;
  332. margin-bottom: 1px;
  333. border-bottom: 1px solid #000000;
  334. font-weight: bold;
  335. }
  336.  
  337. ul.leftside {
  338. float: left;
  339. margin-left: 0;
  340. margin-right: 5px;
  341. text-align: left;
  342. }
  343.  
  344. ul.rightside {
  345. float: right;
  346. margin-left: 5px;
  347. margin-right: -5px;
  348. text-align: right;
  349. }
  350.  
  351. /* Table styles
  352. ----------------------------------------*/
  353. table.table1 {
  354. /* See tweaks.css */
  355. }
  356.  
  357. #ucp-main table.table1 {
  358. padding: 2px;
  359. }
  360.  
  361. table.table1 thead th {
  362. font-weight: normal;
  363. text-transform: uppercase;
  364. color: #000000;
  365. line-height: 1.6em;
  366. font-size: 1em;
  367. padding: 0 0 4px 3px;
  368. }
  369.  
  370. table.table1 thead th span {
  371. padding-left: 7px;
  372. }
  373.  
  374. table.table1 tbody tr {
  375. border: 1px solid #000000;
  376. }
  377.  
  378. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  379. background-color: #000000;
  380. color: #000;
  381. }
  382.  
  383. table.table1 td {
  384. color: #000000;
  385. font-size: 1.1em;
  386. }
  387.  
  388. table.table1 tbody td {
  389. padding: 7px 5px;
  390. border-top: 1px solid #000000;
  391. }
  392.  
  393. table.table1 tbody th {
  394. padding: 5px;
  395. text-align: left;
  396. color: #333333;
  397. }
  398.  
  399. /* Specific column styles */
  400. table.table1 .name { text-align: left; }
  401. table.table1 .posts { text-align: center !important; width: 7%; }
  402. table.table1 .joined { text-align: left; width: 19%; }
  403. table.table1 .active { text-align: left; width: 19%; }
  404. table.table1 .mark { text-align: center; width: 7%; }
  405. table.table1 .info { text-align: left; width: 25%; }
  406. table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
  407. table.table1 .autocol { line-height: 2em; white-space: nowrap; }
  408. table.table1 thead .autocol { padding-left: 1em; }
  409.  
  410. table.table1 span.rank-img {
  411. float: right;
  412. width: auto;
  413. }
  414.  
  415. table.info td {
  416. padding: 3px;
  417. }
  418.  
  419. table.info tbody th {
  420. padding: 3px;
  421. text-align: right;
  422. vertical-align: top;
  423. color: #000000;
  424. font-weight: normal;
  425. }
  426.  
  427. /* Misc layout styles
  428. ---------------------------------------- */
  429. /* column[1-2] styles are containers for two column layouts
  430. Also see tweaks.css */
  431. .column1 {
  432. clear: left;
  433. width: 49%;
  434. }
  435.  
  436. .column2 {
  437. float: right;
  438. clear: right;
  439. width: 49%;
  440. }
  441.  
  442. /* General classes for placing floating blocks */
  443. .left-box {
  444. top: 450px;
  445. width: auto;
  446. text-align: left;
  447. color: #000000;
  448. }
  449.  
  450. .right-box {
  451. float: right;
  452. width: auto;
  453. text-align: right;
  454. color: #000000;
  455. }
  456.  
  457. dl.details {
  458. /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
  459. font-size: 1.1em;
  460. }
  461.  
  462. dl.details dt {
  463. float: left;
  464. clear: left;
  465. width: 30%;
  466. text-align: right;
  467. color: #000000;
  468. display: block;
  469. }
  470.  
  471. dl.details dd {
  472. margin-left: 0;
  473. padding-left: 5px;
  474. margin-bottom: 5px;
  475. color: #828282;
  476. float: left;
  477. width: 65%;
  478. }
  479.  
  480. /* Pagination
  481. ---------------------------------------- */
  482. .pagination {
  483. height: 1%; /* IE tweak (holly hack) */
  484. width: auto;
  485. text-align: right;
  486. margin-top: 5px;
  487. float: right;
  488. }
  489.  
  490. .pagination span.page-sep {
  491. display: none;
  492. }
  493.  
  494. li.pagination {
  495. margin-top: 0;
  496. }
  497.  
  498. .pagination strong, .pagination b {
  499. font-weight: normal;
  500. }
  501.  
  502. .pagination span strong {
  503. padding: 0 2px;
  504. margin: 0 2px;
  505. font-weight: normal;
  506. color: #000000;
  507. background-color: #000000;
  508. border: 1px solid #000000;
  509. font-size: 0.9em;
  510. }
  511.  
  512. .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
  513. font-weight: normal;
  514. text-decoration: none;
  515. color: #000000;
  516. margin: 0 2px;
  517. padding: 0 2px;
  518. background-color: #000000;
  519. border: 1px solid #000000;
  520. font-size: 0.9em;
  521. line-height: 1.5em;
  522. }
  523.  
  524. .pagination span a:hover {
  525. border-color: #000000;
  526. background-color: #000000;
  527. color: #000000;
  528. text-decoration: none;
  529. }
  530.  
  531. .pagination img {
  532. vertical-align: middle;
  533. }
  534.  
  535. /* Pagination in viewforum for multipage topics */
  536. .row .pagination {
  537. display: block;
  538. float: right;
  539. width: auto;
  540. margin-top: 0;
  541. padding: 1px 0 1px 15px;
  542. font-size: 0.9em;
  543. background: none 0 50% no-repeat;
  544. }
  545.  
  546. .row .pagination span a, li.pagination span a {
  547. background-color: #000000;
  548. }
  549.  
  550. .row .pagination span a:hover, li.pagination span a:hover {
  551. background-color: #000000;
  552. }
  553.  
  554. /* Miscellaneous styles
  555. ---------------------------------------- */
  556. #forum-permissions {
  557. float: right;
  558. width: auto;
  559. padding-left: 5px;
  560. margin-left: 5px;
  561. margin-top: 10px;
  562. text-align: right;
  563. }
  564.  
  565. .copyright {
  566. padding: 5px;
  567. text-align: center;
  568. color: #000000;
  569. }
  570.  
  571. .small {
  572. font-size: 0.9em !important;
  573. }
  574.  
  575. .titlespace {
  576. margin-bottom: 15px;
  577. }
  578.  
  579. .headerspace {
  580. margin-top: 20px;
  581. }
  582.  
  583. .error {
  584. color: #000000;
  585. font-family: Tahoma, Arial, Helvetica, sans-serif;
  586. font-weight: bold;
  587. font-size: 11px !important;
  588. padding: 5px 7px;
  589. }
  590.  
  591. .reported {
  592. background-color: #000000;
  593. }
  594.  
  595. li.reported:hover {
  596. background-color: #000000;
  597. }
  598.  
  599. div.rules {
  600. background-color: #000000;
  601. padding: 8px 10px;
  602. margin-bottom: 10px;
  603. line-height: 1.3em;
  604. font-size: 11px;
  605. color: #000000;
  606. }
  607.  
  608. .rules-header {
  609. margin-bottom: 4px;
  610. display: block;
  611. }
  612.  
  613. div.rules ul, div.rules ol {
  614. margin-left: 20px;
  615. }
  616.  
  617. p.rules {
  618. background-color: #f3dddd;
  619. border: 1px solid #deb7b7;
  620. background-image: none;
  621. padding: 5px 8px;
  622. margin-top: 8px;
  623. margin-bottom: 6px;
  624. }
  625.  
  626. p.rules img {
  627. vertical-align: middle;
  628. }
  629.  
  630. p.rules a {
  631. vertical-align: middle;
  632. clear: both;
  633. }
  634.  
  635. #top {
  636. position: absolute;
  637. top: -20px;
  638. }
  639.  
  640. .clear {
  641. display: block;
  642. clear: both;
  643. font-size: 1px;
  644. line-height: 1px;
  645. background: transparent;
  646. }
  647. /* Links adjustment to correctly display an order of rtl/ltr mixed content */
  648. a {
  649. direction: ltr;
  650. unicode-bidi: embed;
  651. }
  652.  
  653. a:link { color: #898989; text-decoration: none; }
  654. a:visited { color: #898989; text-decoration: none; }
  655. a:hover, a:focus { color: #d3d3d3; text-decoration: underline; }
  656. a:active { color: #d2d2d2; text-decoration: none; }
  657.  
  658. /* Coloured usernames */
  659. .username-coloured {
  660. font-weight: bold;
  661. display: inline !important;
  662. padding: 0 !important;
  663. }
  664.  
  665. /* Links for forum/topic lists */
  666. a.forumtitle {
  667. font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  668. font-size: 14px;
  669. font-weight: bold;
  670. color: #000000;
  671. text-decoration: none;
  672. }
  673.  
  674. /* a.forumtitle:visited { color: #898989; } */
  675.  
  676. a.forumtitle:hover {
  677. color: #bcbcbc;
  678. text-decoration: underline;
  679. }
  680.  
  681. a.forumtitle:active {
  682. color: #898989;
  683. }
  684.  
  685. a.topictitle {
  686. font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  687. font-size: 14px;
  688. font-weight: bold;
  689. color: #898989;
  690. text-decoration: none;
  691. }
  692.  
  693. /* a.topictitle:visited { color: #d2d2d2; } */
  694.  
  695. a.topictitle:hover {
  696. color: #bcbcbc;
  697. text-decoration: underline;
  698. }
  699.  
  700. a.topictitle:active {
  701. color: #898989;
  702. }
  703.  
  704. /* Post body links */
  705. .postlink {
  706. border-bottom: 1px dotted #666;
  707. text-decoration: none;
  708. color: #666;
  709. }
  710.  
  711. .postlink:visited {
  712. color: #bdbdbd;
  713. }
  714.  
  715. .postlink:hover {
  716. text-decoration: none;
  717. color: #c20031;
  718. }
  719.  
  720. .signature a, .signature a:visited, .signature a:active, .signature a:hover {
  721. border: none;
  722. text-decoration: underline;
  723. background-color: transparent;
  724. }
  725.  
  726. /* Profile links */
  727. .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
  728. font-weight: bold;
  729. color: #898989;
  730. text-decoration: none;
  731. }
  732.  
  733. .postprofile a:hover, .postprofile dt.author a:hover {
  734. text-decoration: underline;
  735. color: #d3d3d3;
  736. }
  737.  
  738.  
  739. /* Profile searchresults */
  740. .search .profile-wrapper a {
  741. color: #898989;
  742. text-decoration: none;
  743. font-weight: normal;
  744. }
  745.  
  746. .search .profile-wrapper a:hover {
  747. color: #d3d3d3;
  748. text-decoration: underline;
  749. }
  750.  
  751. /* Back to top of page */
  752. .back2top {
  753. margin-top: 9px;
  754. margin-right: 10px;
  755. text-align: right;
  756. }
  757.  
  758. a.top {
  759. background: none no-repeat top left;
  760. text-decoration: none;
  761. display: block;
  762. float: right;
  763. overflow: hidden;
  764. letter-spacing: 1000px;
  765. text-indent: 11px;
  766. }
  767.  
  768. a.top2 {
  769. background: none no-repeat 0 50%;
  770. margin-top: 5px;
  771. padding-left: 13px;
  772. display: inline-block;
  773. font-size: 0.9em;
  774. }
  775.  
  776. /* Arrow links */
  777. a.up { background: none no-repeat left center; }
  778. a.down { background: none no-repeat right center; }
  779. a.left { background: none no-repeat 3px 60%; }
  780. a.right { background: none no-repeat 95% 60%; }
  781.  
  782. a.up, a.up:link, a.up:active, a.up:visited {
  783. padding-left: 10px;
  784. text-decoration: none;
  785. border-bottom-width: 0;
  786. }
  787.  
  788. a.up:hover {
  789. background-position: left top;
  790. background-color: transparent;
  791. }
  792.  
  793. a.down, a.down:link, a.down:active, a.down:visited {
  794. padding-right: 10px;
  795. }
  796.  
  797. a.down:hover {
  798. background-position: right bottom;
  799. text-decoration: none;
  800. }
  801.  
  802. a.left, a.left:active, a.left:visited {
  803. padding-left: 12px;
  804. }
  805.  
  806. a.left:hover {
  807. color: #d2d2d2;
  808. background-position: 0 60%;
  809. }
  810.  
  811. a.right, a.right:active, a.right:visited {
  812. padding-right: 12px;
  813. }
  814.  
  815. a.right:hover {
  816. color: #d2d2d2;
  817. background-position: 100% 60%;
  818. }
  819.  
  820. /* invisible skip link, used for accessibility */
  821. .skiplink {
  822. position: absolute;
  823. left: -999px;
  824. width: 990px;
  825. }
  826.  
  827. /* Feed icon in forumlist_body.html */
  828. a.feed-icon-forum {
  829. float: right;
  830. margin: 3px;
  831. }
  832. .forums-wrapper .row a.subforum {
  833. background-image: none;
  834. background-position: 0 50%;
  835. background-repeat: no-repeat;
  836. position: relative;
  837. white-space: nowrap;
  838. padding: 0 0 0 11px;
  839. }
  840.  
  841. .forum-image {
  842. width: 50px;
  843. padding-right: 0 !important;
  844. }
  845.  
  846. /* List in forum description */
  847. dl.icon dt ol,
  848. dl.icon dt ul {
  849. list-style-position: inside;
  850. margin-left: 1em;
  851. }
  852.  
  853. dl.icon dt li {
  854. display: list-item;
  855. list-style-type: inherit;
  856. }
  857.  
  858. /* Container for post/reply buttons and pagination */
  859. .topic-actions {
  860. margin-bottom: 3px;
  861. font-size: 11px;
  862. height: 28px;
  863. min-height: 28px;
  864. }
  865.  
  866. .topic-actions .buttons {
  867. font-size: 0;
  868. }
  869.  
  870. div[class].topic-actions {
  871. height: auto;
  872. }
  873.  
  874. /* Post body styles
  875. ----------------------------------------*/
  876. #message {
  877. margin-bottom: 5px;
  878. }
  879.  
  880. .author-column {
  881. width: 23%;
  882. float: left;
  883. }
  884.  
  885. .message-column {
  886. width: 77%;
  887. float: right;
  888. }
  889.  
  890. .pm-panel-message .author-column { width: 27%; }
  891. .pm-panel-message .message-column { width: 73%; }
  892.  
  893. .post-wrapper {
  894. background: url("{T_THEME_PATH}/images/backgroundbright.png") center;
  895. border-width: 0;
  896. border-color: #777777;
  897. overflow: hidden;
  898. }
  899.  
  900. .post {
  901. overflow: hidden;
  902. }
  903.  
  904. .postbody {
  905. padding: 0;
  906. color: #333;
  907. }
  908.  
  909. .postbody .content {
  910. font-size: 13px;
  911. }
  912.  
  913. .postbody .ignore {
  914. font-size: 1.1em;
  915. }
  916.  
  917. .postbody h3 {
  918. /* Postbody requires a different h3 format - so change it here */
  919. font-size: 1.5em;
  920. padding: 2px 0 0 0;
  921. margin: 0 0 0.3em 0 !important;
  922. text-transform: none;
  923. border: none;
  924. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  925. line-height: 125%;
  926. }
  927.  
  928. .postbody h4 img {
  929. vertical-align: middle;
  930. }
  931.  
  932. .postbody .content-wrapper {
  933. padding: 0px;
  934. background: url("styles/we_universal/theme/styles/we_universal/theme/images/backgroundbright.png") repeat scroll center center transparent;
  935. }
  936.  
  937. .postbody .post-header, .postbody .content-wrapper {
  938. padding-left: 0;
  939. }
  940.  
  941. .post-header {
  942. height: 28px;
  943. padding: 0 10px;
  944. line-height: 28px;
  945. }
  946.  
  947. .post-footer {
  948. height: 27px;
  949. padding-left: 220px;
  950. line-height: 27px;
  951. margin-bottom: 0px;
  952. background: url("{T_THEME_PATH}/images/backgrounddark.png") center;
  953. }
  954.  
  955. .subject {
  956. float: left;
  957. }
  958.  
  959. /* Topic review panel
  960. ----------------------------------------*/
  961. #topicreview {
  962. padding-right: 5px;
  963. overflow: auto;
  964. height: 300px;
  965. }
  966.  
  967. #topicreview .postbody {
  968. width: auto;
  969. float: none;
  970. margin: 0;
  971. height: auto;
  972. }
  973.  
  974. #topicreview .post, #preview {
  975. height: auto;
  976. margin-bottom: 4px;
  977. padding: 0 10px;
  978. }
  979.  
  980. #topicreview h2 {
  981. border-bottom-width: 0;
  982. }
  983.  
  984. #preview .postbody {
  985. width: 720px;
  986. }
  987.  
  988. .post-ignore .postbody {
  989. display: none;
  990. }
  991.  
  992. /* MCP Post details
  993. ----------------------------------------*/
  994. #post_details {
  995. /* This will only work in IE7+, plus the others */
  996. overflow: auto;
  997. max-height: 300px;
  998. }
  999.  
  1000. #expand {
  1001. clear: both;
  1002. }
  1003.  
  1004. /* Content container styles
  1005. ----------------------------------------*/
  1006. .content {
  1007. padding-right: 10px;
  1008. padding-bottom: 5px;
  1009. line-height: 18px;
  1010. overflow: auto;
  1011. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  1012. color: #333333;
  1013. }
  1014.  
  1015. .content h2, .panel h2 {
  1016. border-bottom: 1px solid #ccc;
  1017. font-weight: normal;
  1018. color: #989898;
  1019. font-size: 1.6em;
  1020. margin-top: 0.5em;
  1021. margin-bottom: 0.3em;
  1022. padding-bottom: 0.3em;
  1023. }
  1024.  
  1025. .content h2 {
  1026. margin-top: 0.5em;
  1027. padding-bottom: 0.5em;
  1028. }
  1029.  
  1030. .content pre {
  1031. font-size: 1.1em;
  1032. }
  1033.  
  1034. .panel h3 {
  1035. margin-top: 0.5em;
  1036. margin-bottom: 0.5em;
  1037. }
  1038.  
  1039. .panel p {
  1040. font-size: 1.2em;
  1041. margin-bottom: 1em;
  1042. line-height: 1.4em;
  1043. }
  1044.  
  1045. .content p {
  1046. font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  1047. margin-bottom: 10px;
  1048. line-height: 18px;
  1049. }
  1050.  
  1051. dl.faq {
  1052. font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  1053. font-size: 1.1em;
  1054. margin-top: 1em;
  1055. margin-bottom: 2em;
  1056. line-height: 1.4em;
  1057. }
  1058.  
  1059. dl.faq dt {
  1060. font-weight: bold;
  1061. color: #333333;
  1062. }
  1063.  
  1064. .content dl.faq {
  1065. font-size: 1.2em;
  1066. margin-bottom: 0.5em;
  1067. }
  1068.  
  1069. .content li {
  1070. list-style-type: inherit;
  1071. }
  1072.  
  1073. .content ul, .content ol {
  1074. margin: 18px 0 18px 50px;
  1075. }
  1076.  
  1077. .posthilit {
  1078. background-color: #f3f3f3;
  1079. color: #BCBCBC;
  1080. padding: 0 2px 1px 2px;
  1081. }
  1082.  
  1083. .announce, .unreadpost {
  1084. /* Highlight the announcements & unread posts box */
  1085. border-left-color: #BCBCBC;
  1086. border-right-color: #BCBCBC;
  1087. }
  1088.  
  1089. /* Post author */
  1090. p.author {
  1091. margin-bottom: 6px;
  1092. font-family: Tahoma, Arial, Helvetica, sans-serif;
  1093. font-size: 11px;
  1094. color: #666;
  1095. }
  1096.  
  1097. p.author strong { font-weight: normal; }
  1098.  
  1099. #viewprofile .author {
  1100. text-align: center;
  1101. font-size: 11px;
  1102. }
  1103.  
  1104. /* Post signature */
  1105. .signature {
  1106. margin-top: 70px;
  1107. padding: 15px 0;
  1108. font-size: 11px;
  1109. overflow: hidden;
  1110. }
  1111.  
  1112. #viewprofile .signature {
  1113. border-top: none;
  1114. margin: 0;
  1115. padding-top: 0;
  1116. padding-bottom: 5px;
  1117. }
  1118.  
  1119. dd .signature {
  1120. margin: 0;
  1121. padding: 0;
  1122. clear: none;
  1123. border: none;
  1124. }
  1125.  
  1126. .signature li {
  1127. list-style-type: inherit;
  1128. }
  1129.  
  1130. .signature ul, .signature ol {
  1131. margin-bottom: 1em;
  1132. margin-left: 3em;
  1133. }
  1134.  
  1135. /* Post noticies */
  1136. .notice {
  1137. font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  1138. background: #f3dddd;
  1139. border: 1px solid #deb7b7;
  1140. width: auto;
  1141. margin: 10px 0;
  1142. padding: 5px;
  1143. font-size: 1em;
  1144. clear: left;
  1145. line-height: 130%;
  1146. }
  1147.  
  1148. /* Jump to post link for now */
  1149. .searchresults {
  1150. margin-right: 10px;
  1151. line-height: inherit;
  1152. text-align: right;
  1153. }
  1154.  
  1155. /* BB Code styles
  1156. ----------------------------------------*/
  1157. /* Quote block */
  1158. blockquote {
  1159. background: #ebebeb none 6px 8px no-repeat;
  1160. border: 1px solid #dbdbdb;
  1161. font-size: 0.95em;
  1162. margin: 18px 0 18px 25px;
  1163. overflow: hidden;
  1164. padding: 5px 7px;
  1165. }
  1166.  
  1167. blockquote blockquote {
  1168. /* Nested quotes */
  1169. background-color: #bababa;
  1170. font-size: 1em;
  1171. margin: 0.5em 1px 0 15px;
  1172. }
  1173.  
  1174. blockquote blockquote blockquote {
  1175. /* Nested quotes */
  1176. background-color: #e4e4e4;
  1177. }
  1178.  
  1179. blockquote cite {
  1180. /* Username/source of quoter */
  1181. font-style: normal;
  1182. font-weight: bold;
  1183. margin-left: 20px;
  1184. display: block;
  1185. font-size: 0.9em;
  1186. }
  1187.  
  1188. blockquote cite cite {
  1189. font-size: 1em;
  1190. }
  1191.  
  1192. blockquote.uncited {
  1193. padding-top: 25px;
  1194. }
  1195.  
  1196. blockquote + br {
  1197. display: none;
  1198. }
  1199.  
  1200. /* Code block */
  1201. dl.codebox {
  1202. margin: 18px 0;
  1203. padding: 5px;
  1204. background-color: #FFFFFF;
  1205. border: 1px solid #d8d8d8;
  1206. font-size: 1em;
  1207. }
  1208.  
  1209. dl.codebox dt {
  1210. text-transform: uppercase;
  1211. border-bottom: 1px solid #CCCCCC;
  1212. padding-bottom: 3px;
  1213. font-size: 10px;
  1214. font-weight: bold;
  1215. display: block;
  1216. }
  1217.  
  1218. blockquote dl.codebox {
  1219. margin-left: 0;
  1220. }
  1221.  
  1222. dl.codebox code {
  1223. /* Also see tweaks.css */
  1224. overflow: auto;
  1225. display: block;
  1226. height: auto;
  1227. max-height: 200px;
  1228. white-space: normal;
  1229. padding-top: 5px;
  1230. font: 12px Monaco, "Andale Mono","Courier New", Courier, mono;
  1231. line-height: 15px;
  1232. color: #8b8b8b;
  1233. margin: 3px;
  1234. }
  1235.  
  1236. dl.codebox + br {
  1237. display: none;
  1238. }
  1239.  
  1240. .syntaxbg { color: #FFFFFF; }
  1241. .syntaxcomment { color: #000000; }
  1242. .syntaxdefault { color: #bcbcbc; }
  1243. .syntaxhtml { color: #000000; }
  1244. .syntaxkeyword { color: #585858; }
  1245. .syntaxstring { color: #a7a7a7; }
  1246.  
  1247. /* Attachments
  1248. ----------------------------------------*/
  1249. .attachbox {
  1250. float: left;
  1251. width: auto;
  1252. margin: 18px 5px 10px 0;
  1253. padding: 6px;
  1254. background-color: #FFFFFF;
  1255. border: 1px dashed #d8d8d8;
  1256. clear: left;
  1257. }
  1258.  
  1259. .pm-message .attachbox {
  1260. background-color: #f3f3f3;
  1261. }
  1262.  
  1263. .attachbox dt {
  1264. font-family: Arial, Helvetica, sans-serif;
  1265. text-transform: uppercase;
  1266. }
  1267.  
  1268. .attachbox dd {
  1269. margin-top: 4px;
  1270. padding-top: 4px;
  1271. line-height: 16px;
  1272. clear: left;
  1273. border-top: 1px solid #d8d8d8;
  1274. }
  1275.  
  1276. .attachbox dd dd {
  1277. border: none;
  1278. }
  1279.  
  1280. .attachbox p {
  1281. line-height: 110%;
  1282. color: #000000;
  1283. font-weight: normal;
  1284. clear: left;
  1285. }
  1286.  
  1287. .attachbox p.stats {
  1288. line-height: 110%;
  1289. color: #000000;
  1290. font-weight: normal;
  1291. clear: left;
  1292. }
  1293.  
  1294. .attach-image {
  1295. max-width: 680px;
  1296. margin: 3px 0;
  1297. max-height: 350px;
  1298. overflow: auto;
  1299. }
  1300.  
  1301. .attach-image img {
  1302. border: 1px solid #999999;
  1303. cursor: default;
  1304. }
  1305.  
  1306. /* Inline image thumbnails */
  1307. div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
  1308. display: block;
  1309. margin-bottom: 4px;
  1310. }
  1311.  
  1312. div.inline-attachment p {
  1313. font-size: 100%;
  1314. }
  1315.  
  1316. dl.file {
  1317. font-family: Tahoma, Arial, Helvetica, sans-serif;
  1318. font-size: 11px;
  1319. display: block;
  1320. }
  1321.  
  1322. dl.file dt {
  1323. text-transform: none;
  1324. margin: 0;
  1325. padding: 0;
  1326. font-weight: bold;
  1327. font-family: Tahoma, Arial, Helvetica, sans-serif;
  1328. }
  1329.  
  1330. dl.file dd {
  1331. color: #000000;
  1332. margin: 0;
  1333. padding: 0;
  1334. line-height: 16px;
  1335. }
  1336.  
  1337. dl.thumbnail img {
  1338. padding: 3px;
  1339. border: 1px solid #000000;
  1340. background-color: #FFF;
  1341. }
  1342.  
  1343. dl.thumbnail dd {
  1344. color: #000000;
  1345. font-style: italic;
  1346. font-family: Verdana, Arial, Helvetica, sans-serif;
  1347. }
  1348.  
  1349. .attachbox dl.thumbnail dd {
  1350. font-size: 100%;
  1351. }
  1352.  
  1353. dl.thumbnail dt a:hover {
  1354. background-color: #EEEEEE;
  1355. }
  1356.  
  1357. dl.thumbnail dt a:hover img {
  1358. border: 1px solid #d2d2d2;
  1359. }
  1360.  
  1361. /* Post poll styles
  1362. ----------------------------------------*/
  1363. fieldset.polls {
  1364. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  1365. }
  1366.  
  1367. fieldset.polls dl {
  1368. margin-top: 5px;
  1369. border-top: 1px solid #e2e2e2;
  1370. padding: 5px 0 0 0;
  1371. line-height: 120%;
  1372. color: #000000;
  1373. }
  1374.  
  1375. fieldset.polls dl.voted {
  1376. font-weight: bold;
  1377. color: #000000;
  1378. }
  1379.  
  1380. fieldset.polls dt {
  1381. text-align: left;
  1382. float: left;
  1383. display: block;
  1384. width: 30%;
  1385. border-right: none;
  1386. padding: 0;
  1387. margin: 0;
  1388. font-size: 1.1em;
  1389. }
  1390.  
  1391. fieldset.polls dd {
  1392. float: left;
  1393. width: 10%;
  1394. border-left: none;
  1395. padding: 0 5px;
  1396. margin-left: 0;
  1397. font-size: 1.1em;
  1398. }
  1399.  
  1400. fieldset.polls dd.resultbar {
  1401. width: 50%;
  1402. }
  1403.  
  1404. fieldset.polls dd input {
  1405. margin: 2px 0;
  1406. }
  1407.  
  1408. fieldset.polls dd div {
  1409. text-align: right;
  1410. font-family: Arial, Helvetica, sans-serif;
  1411. color: #FFFFFF;
  1412. font-weight: bold;
  1413. padding: 0 2px;
  1414. overflow: visible;
  1415. min-width: 2%;
  1416. }
  1417.  
  1418. .pollbar1 {
  1419. background-color: #aaaaaa;
  1420. border-bottom: 1px solid #747474;
  1421. border-right: 1px solid #747474;
  1422. }
  1423.  
  1424. .pollbar2 {
  1425. background-color: #bebebe;
  1426. border-bottom: 1px solid #8c8c8c;
  1427. border-right: 1px solid #8c8c8c;
  1428. }
  1429.  
  1430. .pollbar3 {
  1431. background-color: #D1D1D1;
  1432. border-bottom: 1px solid #aaaaaa;
  1433. border-right: 1px solid #aaaaaa;
  1434. }
  1435.  
  1436. .pollbar4 {
  1437. background-color: #e4e4e4;
  1438. border-bottom: 1px solid #bebebe;
  1439. border-right: 1px solid #bebebe;
  1440. }
  1441.  
  1442. .pollbar5 {
  1443. background-color: #f8f8f8;
  1444. border-bottom: 1px solid #D1D1D1;
  1445. border-right: 1px solid #D1D1D1;
  1446. }
  1447.  
  1448. /* Poster profile block
  1449. ----------------------------------------*/
  1450. .postprofile {
  1451. /* Also see tweaks.css */
  1452. text-align: center;
  1453. font-size: 11px;
  1454. color: #666;
  1455. }
  1456.  
  1457. .profile-wrapper {
  1458. padding: 10px;
  1459. }
  1460.  
  1461. .search .profile-wrapper {
  1462. padding-top: 0;
  1463. }
  1464.  
  1465. .postprofile p {
  1466. margin-bottom: 0;
  1467. line-height: 16px;
  1468. font-size: 11px !important;
  1469. }
  1470.  
  1471. .postprofile strong {
  1472. font-weight: normal;
  1473. }
  1474.  
  1475. .profile-details {
  1476. margin-top: 10px;
  1477. list-style: none;
  1478. line-height: 14px;
  1479. text-align: left;
  1480. font-size: 11px;
  1481. }
  1482.  
  1483. .profile-details strong {
  1484. font-weight: normal;
  1485. color: #000;
  1486. }
  1487.  
  1488. .post-footer .profile-details {
  1489. margin-top: 0;
  1490. float: left;
  1491. line-height: inherit;
  1492. }
  1493.  
  1494. .avatar {
  1495. margin-bottom: 10px;
  1496. }
  1497.  
  1498. .online {
  1499. padding-top: 10px;
  1500. }
  1501.  
  1502. #viewprofile .online {
  1503. padding-top: 5px;
  1504. }
  1505.  
  1506. /* Forums tables */
  1507. .forums-wrapper {
  1508. background: url("{T_THEME_PATH}/images/backgroundbright.png") center;
  1509. border-width: 2;
  1510. border-color: #777777;
  1511. -webkit-border-top-left-radius: 8px;
  1512. -webkit-border-top-right-radius: 8px;
  1513. -moz-border-radius-topleft: 8px;
  1514. -moz-border-radius-topright: 8px;
  1515. border-top-left-radius: 8px;
  1516. border-top-right-radius: 8px;
  1517. }
  1518.  
  1519. ul.forums-wrapper {
  1520. width: 100%;
  1521. margin-bottom: 1px;
  1522. list-style: none;
  1523. overflow: hidden
  1524. }
  1525.  
  1526. ul.forums-wrapper li {
  1527. float: left;
  1528. text-align: center;
  1529. }
  1530.  
  1531. .forums {
  1532. border-bottom: 3px solid #cdcdcd;
  1533. border-collapse: collapse;
  1534. width: 100%;
  1535. margin-bottom: 15px;
  1536. text-align: center;
  1537. }
  1538.  
  1539. .forums th, ul.forums-wrapper li {
  1540. padding: 9px 0;
  1541. text-transform: uppercase;
  1542. font-family: Arial, Helvetica, sans-serif;
  1543. font-size: 11px;
  1544. font-weight: bold;
  1545. color: #494949;
  1546. }
  1547.  
  1548. .forums td {
  1549. background: url("{T_THEME_PATH}/images/backgroundbright.png") center;
  1550. border-top: 1px solid #494949;
  1551. padding: 8px;
  1552. }
  1553.  
  1554. .forums p {
  1555. margin: 0;
  1556. line-height: 16px;
  1557. }
  1558.  
  1559. .forums .forum, .forums .topic {
  1560. text-align: left;
  1561. }
  1562.  
  1563. .forums .icon {
  1564. background: 50% 50% no-repeat;
  1565. width: 40px;
  1566. }
  1567.  
  1568. /* Topic alternative icons */
  1569. .forums .icon img {
  1570. margin-top: 16px;
  1571. margin-right: 18px;
  1572. }
  1573.  
  1574. .forums .statistics { width: 130px; }
  1575. .forums .last-post { width: 205px; }
  1576. .forums .posts { width: 8%; }
  1577. .forums .location { width: 18%; }
  1578. .forums .group { width: 30%; }
  1579. .forums .forum-location { width: 27%; }
  1580. .forums .ip { width: 13%; }
  1581. .forums .mark { width: 70px; }
  1582. .forums .input { width: 25px; }
  1583. .forums .profile { width: 16%; }
  1584. .forums .joined, .forums .active {
  1585. width: 18%;
  1586. }
  1587.  
  1588. .forums .profile-icons {
  1589. margin: 0;
  1590. padding: 0;
  1591. }
  1592.  
  1593. .forums .profile-icons li {
  1594. margin: 3px;
  1595. float: none;
  1596. display: inline-block;
  1597. vertical-align: middle;
  1598. }
  1599.  
  1600. .forums .author {
  1601. float: left;
  1602. }
  1603.  
  1604. .forums .pagination {
  1605. margin: 0;
  1606. }
  1607. /* we_universal Button Styles
  1608. ---------------------------------------- */
  1609.  
  1610. /* Rollover buttons
  1611. Based on: http://wellstyled.com/css-nopreload-rollovers.html
  1612. ----------------------------------------*/
  1613. .buttons {
  1614. float: left;
  1615. width: auto;
  1616. height: auto;
  1617. }
  1618.  
  1619. /* Rollover state */
  1620. .buttons div {
  1621. float: left;
  1622. margin: 0 5px 0 0;
  1623. background-position: 0 100%;
  1624. }
  1625.  
  1626. /* Rolloff state */
  1627. .buttons div a {
  1628. display: block;
  1629. width: 100%;
  1630. height: 100%;
  1631. background-position: 0 0;
  1632. position: relative;
  1633. overflow: hidden;
  1634. }
  1635.  
  1636. .last-post-img {
  1637. margin: 3px 8px 0 5px;
  1638. float: left;
  1639. }
  1640.  
  1641. /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
  1642. /*.buttons div span { display: none; }*/
  1643. /*.buttons div a:hover { background-image: none; }*/
  1644. .buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
  1645. .buttons div a:hover span { background-position: 0 100%; }
  1646.  
  1647. /* Big button images */
  1648. .reply-icon span { background: transparent none 0 0 no-repeat; }
  1649. .post-icon span { background: transparent none 0 0 no-repeat; }
  1650. .locked-icon span { background: transparent none 0 0 no-repeat; }
  1651. .pmreply-icon span { background: none 0 0 no-repeat; }
  1652. .newpm-icon span { background: none 0 0 no-repeat; }
  1653. .forwardpm-icon span { background: none 0 0 no-repeat; }
  1654.  
  1655. /* Set big button dimensions */
  1656. .buttons div.reply-icon { width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
  1657. .buttons div.post-icon { width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }
  1658. .buttons div.locked-icon { width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
  1659. .buttons div.pmreply-icon { width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
  1660. .buttons div.newpm-icon { width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
  1661. .buttons div.forwardpm-icon { width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }
  1662.  
  1663. /* Font size, topic, e-mail and print icons
  1664. ---------------------------------------- */
  1665. .topic-icons {
  1666. list-style: none;
  1667. }
  1668.  
  1669. .topic-icons li {
  1670. margin-left: 5px;
  1671. float: left;
  1672. }
  1673.  
  1674. /* Sub-header (navigation bar)
  1675. --------------------------------------------- */
  1676. a.print, a.sendemail, a.subscribe, a.unsubscribe, a.bookmark, a.bump {
  1677. display: block;
  1678. overflow: hidden;
  1679. height: 16px;
  1680. text-indent: -5000px;
  1681. text-align: left;
  1682. background-repeat: no-repeat;
  1683. }
  1684.  
  1685. a.print, a.sendemail, a.subscribe, a.unsubscribe, a.bookmark, a.bump {
  1686. background: none;
  1687. width: 21px;
  1688. }
  1689.  
  1690. /* Poster profile icons
  1691. ----------------------------------------*/
  1692. ul.profile-icons {
  1693. list-style: none;
  1694. }
  1695.  
  1696. /* Rollover state */
  1697. ul.profile-icons li {
  1698. float: left;
  1699. margin: 0 6px 3px 0;
  1700. background-position: 0 100%;
  1701. }
  1702.  
  1703. /* Rolloff state */
  1704. ul.profile-icons li a {
  1705. display: block;
  1706. width: 100%;
  1707. height: 100%;
  1708. background-position: 0 0;
  1709. }
  1710.  
  1711. /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
  1712. ul.profile-icons li span { display:none; }
  1713. ul.profile-icons li a:hover { background: none; }
  1714.  
  1715. /* Positioning of user profile icons */
  1716. .postprofile ul.profile-icons {
  1717. margin-top: 12px;
  1718. display: inline-block;
  1719. list-style: none;
  1720. }
  1721.  
  1722. /* Positioning of moderator icons */
  1723. .postbody ul.profile-icons {
  1724. float: right;
  1725. width: auto;
  1726. padding-top: 4px;
  1727. }
  1728.  
  1729. .postbody ul.profile-icons li {
  1730. margin: 0 3px;
  1731. }
  1732.  
  1733. /* Profile & navigation icons */
  1734. .email-icon, .email-icon a { background: none top left no-repeat; }
  1735. .aim-icon, .aim-icon a { background: none top left no-repeat; }
  1736. .yahoo-icon, .yahoo-icon a { background: none top left no-repeat; }
  1737. .web-icon, .web-icon a { background: none top left no-repeat; }
  1738. .msnm-icon, .msnm-icon a { background: none top left no-repeat; }
  1739. .icq-icon, .icq-icon a { background: none top left no-repeat; }
  1740. .jabber-icon, .jabber-icon a { background: none top left no-repeat; }
  1741. .pm-icon, .pm-icon a { background: none top left no-repeat; }
  1742. .quote-icon, .quote-icon a { background: none top left no-repeat; }
  1743.  
  1744. /* Moderator icons */
  1745. .report-icon, .report-icon a { background: none top left no-repeat; }
  1746. .warn-icon, .warn-icon a { background: none top left no-repeat; }
  1747. .edit-icon, .edit-icon a { background: none top left no-repeat; }
  1748. .delete-icon, .delete-icon a { background: none top left no-repeat; }
  1749. .info-icon, .info-icon a { background: none top left no-repeat; }
  1750.  
  1751. /* Set profile icon dimensions */
  1752. ul.profile-icons li.email-icon { width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
  1753. ul.profile-icons li.aim-icon { width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
  1754. ul.profile-icons li.yahoo-icon { width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
  1755. ul.profile-icons li.web-icon { width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
  1756. ul.profile-icons li.msnm-icon { width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
  1757. ul.profile-icons li.icq-icon { width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
  1758. ul.profile-icons li.jabber-icon { width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
  1759. ul.profile-icons li.pm-icon { width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
  1760. ul.profile-icons li.quote-icon { width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
  1761. ul.profile-icons li.report-icon { width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
  1762. ul.profile-icons li.edit-icon { width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
  1763. ul.profile-icons li.delete-icon { width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
  1764. ul.profile-icons li.info-icon { width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
  1765. ul.profile-icons li.warn-icon { width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }
  1766.  
  1767. /* Fix profile icon default margins */
  1768. ul.profile-icons li.edit-icon { margin: 0 0 0 3px; }
  1769. ul.profile-icons li.quote-icon { margin: 0 0 0 10px; }
  1770. ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; }
  1771. /* we_universal Control Panel Styles
  1772. ---------------------------------------- */
  1773.  
  1774.  
  1775. /* Main CP box
  1776. ----------------------------------------*/
  1777. #cp-menu {
  1778. float:left;
  1779. width: 19%;
  1780. margin-top: 1em;
  1781. margin-bottom: 5px;
  1782. }
  1783.  
  1784. #cp-main {
  1785. float: left;
  1786. width: 81%;
  1787. }
  1788.  
  1789. #cp-main .content {
  1790. padding: 0;
  1791. }
  1792.  
  1793. #cp-main h3, #cp-main hr, #cp-menu hr {
  1794. border-color: #bfbfbf;
  1795. }
  1796.  
  1797. #cp-main .panel p {
  1798. font-size: 1.1em;
  1799. }
  1800.  
  1801. #cp-main .panel ol {
  1802. margin-left: 2em;
  1803. font-size: 1.1em;
  1804. }
  1805.  
  1806. #cp-main .panel li.row {
  1807. border-bottom: 1px solid #cbcbcb;
  1808. border-top: 1px solid #F9F9F9;
  1809. }
  1810.  
  1811. ul.cplist {
  1812. margin-bottom: 5px;
  1813. border-top: 1px solid #cbcbcb;
  1814. }
  1815.  
  1816. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  1817. color: #000000;
  1818. margin-bottom: 2px;
  1819. }
  1820.  
  1821. #cp-main table.table1 {
  1822. margin-bottom: 1em;
  1823. }
  1824.  
  1825. #cp-main table.table1 thead th {
  1826. color: #333333;
  1827. font-weight: bold;
  1828. border-bottom: 1px solid #333333;
  1829. padding: 5px;
  1830. }
  1831.  
  1832. #cp-main table.table1 tbody th {
  1833. font-style: italic;
  1834. background-color: transparent !important;
  1835. border-bottom: none;
  1836. }
  1837.  
  1838. #cp-main .pagination {
  1839. float: right;
  1840. width: auto;
  1841. padding-top: 1px;
  1842. }
  1843.  
  1844. #cp-main .postbody p {
  1845. font-size: 1.1em;
  1846. }
  1847.  
  1848. #cp-main .pm-message {
  1849. border: 1px solid #e2e2e2;
  1850. margin: 10px 0;
  1851. background-color: #FFFFFF;
  1852. width: auto;
  1853. float: none;
  1854. }
  1855.  
  1856. .pm-message h2 {
  1857. padding-bottom: 5px;
  1858. }
  1859.  
  1860. #cp-main .postbody h3, #cp-main .box2 h3 {
  1861. margin-top: 0;
  1862. }
  1863.  
  1864. #cp-main .buttons {
  1865. margin-left: 0;
  1866. }
  1867.  
  1868. #cp-main ul.linklist {
  1869. margin: 0;
  1870. }
  1871.  
  1872. /* MCP Specific tweaks */
  1873. .mcp-main .postbody {
  1874. width: 100%;
  1875. }
  1876.  
  1877. /* CP tabbed menu
  1878. ----------------------------------------*/
  1879. #tabs {
  1880. line-height: normal;
  1881. margin: 20px 0 -1px 7px;
  1882. min-width: 570px;
  1883. }
  1884.  
  1885. #tabs ul {
  1886. margin:0;
  1887. padding: 0;
  1888. list-style: none;
  1889. }
  1890.  
  1891. #tabs li {
  1892. display: inline;
  1893. margin: 0;
  1894. padding: 0;
  1895. font-size: 1em;
  1896. font-weight: bold;
  1897. }
  1898.  
  1899. #tabs a {
  1900. float: left;
  1901. background: none no-repeat 0% -35px;
  1902. margin: 0 1px 0 0;
  1903. padding: 0 0 0 5px;
  1904. text-decoration: none;
  1905. position: relative;
  1906. cursor: pointer;
  1907. }
  1908.  
  1909. #tabs a span {
  1910. float: left;
  1911. display: block;
  1912. background: none no-repeat 100% -35px;
  1913. padding: 6px 10px 6px 5px;
  1914. color: #828282;
  1915. white-space: nowrap;
  1916. }
  1917.  
  1918. #tabs a:hover span {
  1919. color: #bcbcbc;
  1920. }
  1921.  
  1922. #tabs .activetab a {
  1923. background-position: 0 0;
  1924. border-bottom: 1px solid #ebebeb;
  1925. }
  1926.  
  1927. #tabs .activetab a span {
  1928. background-position: 100% 0;
  1929. padding-bottom: 7px;
  1930. color: #333333;
  1931. }
  1932.  
  1933. #tabs a:hover {
  1934. background-position: 0 -70px;
  1935. }
  1936.  
  1937. #tabs a:hover span {
  1938. background-position:100% -70px;
  1939. }
  1940.  
  1941. #tabs .activetab a:hover {
  1942. background-position: 0 0;
  1943. }
  1944.  
  1945. #tabs .activetab a:hover span {
  1946. color: #000000;
  1947. background-position: 100% 0;
  1948. }
  1949.  
  1950. /* Mini tabbed menu used in MCP
  1951. ----------------------------------------*/
  1952. #minitabs {
  1953. line-height: normal;
  1954. margin: -20px 7px 0 0;
  1955. }
  1956.  
  1957. #minitabs ul {
  1958. margin:0;
  1959. padding: 0;
  1960. list-style: none;
  1961. }
  1962.  
  1963. #minitabs li {
  1964. float: right;
  1965. font-size: 1em;
  1966. font-weight: bold;
  1967. background-color: #f2f2f2;
  1968. margin-left: 3px;
  1969. }
  1970.  
  1971. #minitabs a {
  1972. padding: 5px 10px;
  1973. display: block;
  1974. }
  1975.  
  1976. #minitabs a:hover {
  1977. text-decoration: none;
  1978. }
  1979.  
  1980. #minitabs li.activetab {
  1981. background-color: #F9F9F9;
  1982. }
  1983.  
  1984. #minitabs li.activetab a, #minitabs li.activetab a:hover {
  1985. color: #333333;
  1986. }
  1987.  
  1988. /* UCP navigation menu
  1989. ----------------------------------------*/
  1990. /* Container for sub-navigation list */
  1991. #navigation {
  1992. width: 100%;
  1993. padding-top: 36px;
  1994. }
  1995.  
  1996. #navigation ul {
  1997. list-style:none;
  1998. }
  1999.  
  2000. /* Default list state */
  2001. #navigation li {
  2002. margin: 1px 0;
  2003. padding: 0;
  2004. font-weight: bold;
  2005. display: inline;
  2006. }
  2007.  
  2008. /* Link styles for the sub-section links */
  2009. #navigation a {
  2010. margin: 1px 0;
  2011. display: block;
  2012. padding: 5px;
  2013. text-decoration: none;
  2014. font-weight: bold;
  2015. color: #c3c3c3;
  2016. background: #cfcfcf none repeat-y 100% 0;
  2017. }
  2018.  
  2019. #navigation a:hover {
  2020. text-decoration: none;
  2021. background-color: #c3c3c3;
  2022. color: #c3c3c3;
  2023. background-image: none;
  2024. }
  2025.  
  2026. #navigation #active-subsection a {
  2027. display: block;
  2028. color: #c3c3c3;
  2029. background-color: #F9F9F9;
  2030. background-image: none;
  2031. }
  2032.  
  2033. #navigation #active-subsection a:hover {
  2034. color: #d3d3d3;
  2035. }
  2036.  
  2037. /* Preferences pane layout
  2038. ----------------------------------------*/
  2039. #cp-main h2 {
  2040. border-bottom: none;
  2041. padding: 0;
  2042. margin-left: 10px;
  2043. color: #333333;
  2044. }
  2045.  
  2046. #cp-main .panel {
  2047. background-color: #F9F9F9;
  2048. }
  2049.  
  2050. #cp-main .pm {
  2051. background-color: #FFFFFF;
  2052. }
  2053.  
  2054. #cp-main span.corners-top, #cp-menu span.corners-top {
  2055. background-image: none;
  2056. }
  2057.  
  2058. #cp-main span.corners-top span, #cp-menu span.corners-top span {
  2059. background-image: none;
  2060. }
  2061.  
  2062. #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
  2063. background-image: none;
  2064. }
  2065.  
  2066. #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
  2067. background-image: none;
  2068. }
  2069.  
  2070. /* Topicreview */
  2071. #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
  2072. background-image: none;
  2073. }
  2074.  
  2075. #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
  2076. background-image: none;
  2077. }
  2078.  
  2079. #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
  2080. background-image: none;
  2081. }
  2082.  
  2083. #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
  2084. background-image: none;
  2085. }
  2086.  
  2087. /* Friends list */
  2088. .cp-mini {
  2089. background-color: #f9f9f9;
  2090. padding: 0 5px;
  2091. margin: 10px 10px 10px 0;
  2092. }
  2093.  
  2094. .cp-mini span.corners-top, .cp-mini span.corners-bottom {
  2095. margin: 0 -5px;
  2096. }
  2097.  
  2098. dl.mini dt {
  2099. font-weight: bold;
  2100. color: #676767;
  2101. }
  2102.  
  2103. dl.mini dd {
  2104. padding-top: 4px;
  2105. }
  2106.  
  2107. .friend-online {
  2108. font-weight: bold;
  2109. }
  2110.  
  2111. .friend-offline {
  2112. font-style: italic;
  2113. }
  2114.  
  2115. /* PM Styles
  2116. ----------------------------------------*/
  2117. #pm-menu {
  2118. line-height: 2.5em;
  2119. }
  2120.  
  2121. /* PM panel adjustments */
  2122. .pm-panel-header {
  2123. margin: 0;
  2124. }
  2125.  
  2126. .reply-all {
  2127. display: block;
  2128. padding-top: 4px;
  2129. clear: both;
  2130. float: left;
  2131. }
  2132.  
  2133. .pm-panel-message {
  2134. padding-top: 10px;
  2135. }
  2136.  
  2137. .pm-return-to {
  2138. padding-top: 23px;
  2139. }
  2140.  
  2141. #cp-main .pm-message-nav {
  2142. margin: 0;
  2143. padding: 2px 10px 5px 10px;
  2144. border-bottom: 1px dashed #A4B3BF;
  2145. }
  2146.  
  2147. /* PM Message history */
  2148. .current {
  2149. color: #999999;
  2150. }
  2151.  
  2152. /* Defined rules list for PM options */
  2153. ol.def-rules {
  2154. padding-left: 0;
  2155. }
  2156.  
  2157. ol.def-rules li {
  2158. line-height: 180%;
  2159. padding: 1px;
  2160. }
  2161.  
  2162. /* PM marking colours */
  2163. .pm_border {
  2164. height: 50px;
  2165. margin: -8px;
  2166. float: left;
  2167. position: relative;
  2168. }
  2169.  
  2170. .pmlist .pm_message_reported_colour, .pm_message_reported_colour {
  2171. border-left-color: #bcbcbc;
  2172. border-right-color: #bcbcbc;
  2173. }
  2174.  
  2175. .pmlist .pm_marked_colour, .pm_marked_colour {
  2176. border-left: solid 1px #ffffff;
  2177. border-width: 0 2px;
  2178. }
  2179.  
  2180. .pmlist .pm_replied_colour, .pm_replied_colour {
  2181. border-left: solid 1px #c2c2c2;
  2182. border-width: 0 2px;
  2183. }
  2184.  
  2185. .pmlist .pm_friend_colour, .pm_friend_colour {
  2186. border-left: solid 1px #bdbdbd;
  2187. border-width: 0 2px;
  2188. }
  2189.  
  2190. .pmlist .pm_foe_colour, .pm_foe_colour {
  2191. border-left: solid 1px #000000;
  2192. border-width: 0 2px;
  2193. }
  2194.  
  2195. .pm-legend {
  2196. border-left-width: 10px;
  2197. border-left-style: solid;
  2198. border-right-width: 0;
  2199. margin-top: 5px;
  2200. margin-bottom: 3px;
  2201. padding-left: 3px;
  2202. }
  2203.  
  2204. /* Avatar gallery */
  2205. #gallery label {
  2206. position: relative;
  2207. float: left;
  2208. margin: 10px;
  2209. padding: 5px;
  2210. width: auto;
  2211. background: #FFFFFF;
  2212. border: 1px solid #CCC;
  2213. text-align: center;
  2214. }
  2215.  
  2216. #gallery label:hover {
  2217. background-color: #EEE;
  2218. }
  2219. /* General form styles
  2220. ----------------------------------------*/
  2221. fieldset {
  2222. border-width: 0;
  2223. font-family: Tahoma, Arial, Helvetica, sans-serif;
  2224. font-size: 11px;
  2225. }
  2226.  
  2227. input {
  2228. font-weight: normal;
  2229. cursor: pointer;
  2230. vertical-align: middle;
  2231. padding: 2px 4px;
  2232. font-size: 1em;
  2233. font-family: Verdana, Helvetica, Arial, sans-serif;
  2234. }
  2235.  
  2236. input:focus {
  2237. outline: none;
  2238. }
  2239.  
  2240. select {
  2241. font-family: Verdana, Helvetica, Arial, sans-serif;
  2242. font-weight: normal;
  2243. cursor: pointer;
  2244. vertical-align: middle;
  2245. border: 1px solid #000000;
  2246. padding: 1px;
  2247. background-color: #FAFAFA;
  2248. }
  2249.  
  2250. option {
  2251. padding-right: 1em;
  2252. }
  2253.  
  2254. option.disabled-option {
  2255. color: graytext;
  2256. }
  2257.  
  2258. textarea {
  2259. font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  2260. width: 60%;
  2261. padding: 2px;
  2262. font-size: 1em;
  2263. line-height: 1.4em;
  2264. }
  2265.  
  2266. label {
  2267. cursor: default;
  2268. padding-right: 5px;
  2269. color: #000000;
  2270. }
  2271.  
  2272. label input {
  2273. vertical-align: middle;
  2274. }
  2275.  
  2276. label img {
  2277. vertical-align: middle;
  2278. }
  2279.  
  2280. /* Definition list layout for forms
  2281. ---------------------------------------- */
  2282. fieldset dl {
  2283. padding: 4px 0;
  2284. }
  2285.  
  2286. fieldset dt {
  2287. float: left;
  2288. width: 40%;
  2289. text-align: left;
  2290. display: block;
  2291. }
  2292.  
  2293. fieldset dd {
  2294. margin-left: 41%;
  2295. vertical-align: top;
  2296. margin-bottom: 3px;
  2297. }
  2298.  
  2299. /* Specific layout 1 */
  2300. fieldset.fields1 dt {
  2301. width: 15em;
  2302. border-right-width: 0;
  2303. }
  2304.  
  2305. fieldset.fields1 dd {
  2306. margin-left: 15em;
  2307. border-left-width: 0;
  2308. }
  2309.  
  2310. fieldset.fields1 {
  2311. background-color: transparent;
  2312. }
  2313.  
  2314. fieldset.fields1 div {
  2315. margin-bottom: 3px;
  2316. }
  2317.  
  2318. /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
  2319. fieldset.fields1 #recaptcha_widget_div div {
  2320. margin-bottom: 0;
  2321. }
  2322.  
  2323. /* Specific layout 2 */
  2324. fieldset.fields2 {
  2325. margin-top: 5px;
  2326. }
  2327.  
  2328. fieldset.fields2 dt {
  2329. width: 15em;
  2330. border-right-width: 0;
  2331. }
  2332.  
  2333. fieldset.fields2 dd {
  2334. margin-left: 16em;
  2335. border-left-width: 0;
  2336. }
  2337.  
  2338. /* Form elements */
  2339. dt label {
  2340. font-weight: bold;
  2341. text-align: left;
  2342. }
  2343.  
  2344. dd label {
  2345. white-space: nowrap;
  2346. color: #333;
  2347. }
  2348.  
  2349. dd input, dd textarea {
  2350. margin-right: 3px;
  2351. }
  2352.  
  2353. dd select {
  2354. width: auto;
  2355. }
  2356.  
  2357. dd textarea {
  2358. width: 85%;
  2359. }
  2360.  
  2361. /* Hover effects */
  2362. fieldset dl:hover dt label {
  2363. color: #000000;
  2364. }
  2365.  
  2366. fieldset.fields2 dl:hover dt label {
  2367. color: inherit;
  2368. }
  2369.  
  2370. #timezone {
  2371. width: 95%;
  2372. }
  2373.  
  2374. * html #timezone {
  2375. width: 50%;
  2376. }
  2377.  
  2378. /* Quick-login on index page */
  2379. fieldset.quick-login {
  2380. margin-top: 5px;
  2381. }
  2382.  
  2383. fieldset.quick-login input {
  2384. width: auto;
  2385. }
  2386.  
  2387. fieldset.quick-login input.inputbox {
  2388. width: 15%;
  2389. vertical-align: middle;
  2390. margin-right: 5px;
  2391. background-color: #f3f3f3;
  2392. }
  2393.  
  2394. fieldset.quick-login label {
  2395. white-space: nowrap;
  2396. padding-right: 2px;
  2397. }
  2398.  
  2399. /* Display options on viewtopic/viewforum pages */
  2400. fieldset.display-options {
  2401. text-align: center;
  2402. margin: 10px 0;
  2403. color: #000000;
  2404. text-shadow: 0px 0px 1px #6a6a6a;
  2405. }
  2406.  
  2407. fieldset.display-options label {
  2408. white-space: nowrap;
  2409. padding-right: 2px;
  2410. }
  2411.  
  2412. fieldset.display-options a {
  2413. margin-top: 3px;
  2414. }
  2415.  
  2416. /* Display actions for ucp and mcp pages */
  2417. fieldset.display-actions {
  2418. text-align: right;
  2419. line-height: 2em;
  2420. white-space: nowrap;
  2421. padding-right: 1em;
  2422. }
  2423.  
  2424. fieldset.display-actions label {
  2425. white-space: nowrap;
  2426. padding-right: 2px;
  2427. }
  2428.  
  2429. fieldset.sort-options {
  2430. line-height: 2em;
  2431. }
  2432.  
  2433. /* MCP forum selection*/
  2434. fieldset.forum-selection {
  2435. margin: 5px 0 3px 0;
  2436. float: right;
  2437. }
  2438.  
  2439. fieldset.forum-selection2 {
  2440. margin: 13px 0 3px 0;
  2441. float: right;
  2442. }
  2443.  
  2444. /* Jumpbox */
  2445. fieldset.jumpbox {
  2446. text-align: right;
  2447. margin-top: 15px;
  2448. height: 2.5em;
  2449. }
  2450.  
  2451. fieldset.quickmod {
  2452. width: 50%;
  2453. float: right;
  2454. text-align: right;
  2455. height: 2.5em;
  2456. }
  2457.  
  2458. /* Submit button fieldset */
  2459. fieldset.submit-buttons {
  2460. text-align: center;
  2461. vertical-align: middle;
  2462. margin: 10px 0 5px 0;
  2463. }
  2464.  
  2465. fieldset.submit-buttons input {
  2466. vertical-align: middle;
  2467. padding-top: 3px;
  2468. padding-bottom: 3px;
  2469. }
  2470.  
  2471. /* Posting page styles
  2472. ----------------------------------------*/
  2473.  
  2474. /* Buttons used in the editor */
  2475. #format-buttons {
  2476. margin: 15px 0 2px 0;
  2477. }
  2478.  
  2479. #format-buttons input, #format-buttons select {
  2480. vertical-align: middle;
  2481. }
  2482.  
  2483. /* Main message box */
  2484. #message-box {
  2485. width: 80%;
  2486. }
  2487.  
  2488. #message-box textarea {
  2489. font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  2490. width: 100%;
  2491. font-size: 1.2em;
  2492. color: #333333;
  2493. }
  2494.  
  2495. /* Emoticons panel */
  2496. #smiley-box {
  2497. width: 18%;
  2498. float: right;
  2499. }
  2500.  
  2501. #smiley-box img {
  2502. margin: 3px;
  2503. }
  2504.  
  2505. /* Input field styles
  2506. ---------------------------------------- */
  2507. .inputbox {
  2508. background-color: #FFFFFF;
  2509. border: 1px solid #c0c0c0;
  2510. color: #333333;
  2511. padding: 3px;
  2512. cursor: text;
  2513. }
  2514.  
  2515. input.inputbox { width: 85%; }
  2516. input.medium { width: 50%; }
  2517. input.narrow { width: 25%; }
  2518. input.tiny { width: 125px; }
  2519.  
  2520. textarea.inputbox {
  2521. width: 85%;
  2522. }
  2523.  
  2524. .autowidth {
  2525. width: auto !important;
  2526. }
  2527.  
  2528. /* Form button styles
  2529. ---------------------------------------- */
  2530. input.button1, input.button2 {
  2531. font-size: 1em;
  2532. }
  2533.  
  2534. a.button1, input.button1, input.button3, a.button2, input.button2 {
  2535. width: auto !important;
  2536. padding: 2px 5px;
  2537. font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  2538. color: #000;
  2539. background: #FAFAFA none repeat-x top left;
  2540. }
  2541.  
  2542. a.button1, input.button1 {
  2543. font-weight: bold;
  2544. border: 1px solid #666;
  2545. }
  2546.  
  2547. input.button3 {
  2548. padding: 0;
  2549. margin: 0;
  2550. line-height: 5px;
  2551. height: 12px;
  2552. background-image: none;
  2553. font-variant: small-caps;
  2554. }
  2555.  
  2556. /* Alternative button */
  2557. a.button2, input.button2, input.button3 {
  2558. border: 1px solid #666;
  2559. }
  2560.  
  2561. /* <a> button in the style of the form buttons */
  2562. a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
  2563. text-decoration: none;
  2564. color: #000000;
  2565. padding: 3px 10px;
  2566. line-height: 250%;
  2567. vertical-align: text-bottom;
  2568. background-position: 0 1px;
  2569. }
  2570.  
  2571. /* Hover states */
  2572. a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  2573. border: 1px solid #BCBCBC;
  2574. background-position: 0 100%;
  2575. color: #BCBCBC;
  2576. }
  2577.  
  2578. input.disabled {
  2579. font-weight: normal;
  2580. color: #000000;
  2581. }
  2582.  
  2583. /* Topic and forum Search */
  2584. .search-box {
  2585. margin-top: 2px;
  2586. margin-left: 5px;
  2587. float: left;
  2588. }
  2589.  
  2590. input.search {
  2591. background-image: none;
  2592. background-repeat: no-repeat;
  2593. background-position: left 1px;
  2594. padding-left: 18px;
  2595. }
  2596.  
  2597. .full { width: 95%; }
  2598. .medium { width: 50%;}
  2599. .narrow { width: 25%;}
  2600. .tiny { width: 10%;}
  2601.  
  2602. #recaptcha_table { background: #fff; }
  2603. /*
  2604. These style definitions are mainly IE specific
  2605. tweaks required due to its poor CSS support.
  2606. -------------------------------------------------*/
  2607.  
  2608. * html table, * html select, * html input { font-size: 100%; }
  2609. * html hr { margin: 0; }
  2610. * html span.corners-top, * html span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); }
  2611. * html span.corners-top span, * html span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); }
  2612.  
  2613. table.table1 {
  2614. width: 99%; /* IE < 6 browsers */
  2615. /* Tantek hack */
  2616. voice-family: "\"}\"";
  2617. voice-family: inherit;
  2618. width: 100%;
  2619. }
  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. * html .content {
  2659. width: 98%;
  2660. }
  2661.  
  2662. * html .attach-image {
  2663. width: 680px;
  2664. }
  2665.  
  2666. /* navbar fix */
  2667. * html .clearfix, * html .navbar, ul.linklist {
  2668. height: 4%;
  2669. overflow: hidden;
  2670. }
  2671.  
  2672. /* Simple fix so forum and topic lists always have a min-height set, even in IE6
  2673. From http://www.dustindiaz.com/min-height-fast-hack */
  2674. * html #search-box {
  2675. width: 25%;
  2676. }
  2677.  
  2678. * html .pm_border {
  2679. margin-left: -4px;
  2680. }
  2681.  
  2682. /* Correctly clear floating for details on profile view */
  2683. *:first-child+html dl.details dd {
  2684. margin-left: 30%;
  2685. float: none;
  2686. }
  2687.  
  2688. * html dl.details dd {
  2689. margin-left: 30%;
  2690. float: none;
  2691. }
  2692.  
  2693. * html .forumbg table.table1 {
  2694. margin: 0 -2px 0px -1px;
  2695. }
  2696.  
  2697. /* Works like text-indent in normal browsers */
  2698. #quick-search #search {
  2699. line-height: 50px;
  2700. overflow: hidden;
  2701. }
  2702.  
  2703. /* Profile icons on memberlist */
  2704. *:first-child+html .forums .profile-icons li {
  2705. display: inline;
  2706. }
  2707.  
  2708. * html .forums .profile-icons li {
  2709. display: inline;
  2710. }
  2711.  
  2712. /* Header fixes for IE6 */
  2713. * html #header {
  2714. position: static;
  2715. }
  2716.  
  2717. * html #container {
  2718. margin-top: 0;
  2719. }
  2720.  
  2721. * html #dashboard #navigation-bottom {
  2722. position: static;
  2723. margin-top: 163px;
  2724. }
  2725. /*
  2726. --------------------------------------------------------------
  2727. Colours and backgrounds for common.css
  2728. -------------------------------------------------------------- */
  2729. html, body {
  2730. color: #000000;
  2731. }
  2732.  
  2733. h1 {
  2734. color: #000000;
  2735. }
  2736.  
  2737. h2 {
  2738. color: #28313F;
  2739. }
  2740.  
  2741. h3 {
  2742. border-bottom-color: #ccc;
  2743. color: #000000;
  2744. }
  2745.  
  2746. hr {
  2747. border-color: #FFFFFF;
  2748. border-top-color: #CCCCCC;
  2749. }
  2750.  
  2751. hr.dashed {
  2752. border-top-color: #CCCCCC;
  2753. }
  2754.  
  2755. /* Name and description
  2756. ---------------------------------------- */
  2757. #site-description a {
  2758. color: #fff;
  2759. }
  2760.  
  2761. /* Round cornered boxes and backgrounds
  2762. ---------------------------------------- */
  2763. .panel {
  2764. background: url("{T_THEME_PATH}/images/backgroundbright.png") center;
  2765. background-color: #f1f1f1;
  2766. color: #666;
  2767. }
  2768.  
  2769. .post:target h3 a {
  2770. color: #000000;
  2771. }
  2772.  
  2773. .bg1 { background-color: #ececec; }
  2774. .bg2 { background-color: #c7c2bc; }
  2775. .bg3 { background-color: #e1e1e1; }
  2776.  
  2777. .forums .bg1 { background-color: #fafcfe; }
  2778. .forums .bg2 { background-color: #c7c2bc; }
  2779.  
  2780. .forums .bg1 .bg2 { background-color: #c7c2bc; }
  2781. .forums .bg2 .bg2{ background-color: #e9e9e9; }
  2782.  
  2783. .ucprowbg {
  2784. background-color: #DCDEE2;
  2785. }
  2786.  
  2787. .fieldsbg {
  2788. background-color: #E7E8EA;
  2789. }
  2790.  
  2791. span.corners-top, span.corners-bottom {
  2792. background-image: url("{T_THEME_PATH}/images/corners_left.png");
  2793. }
  2794.  
  2795. span.corners-top span, span.corners-bottom span {
  2796. background-image: url("{T_THEME_PATH}/images/corners_right.png");
  2797. }
  2798.  
  2799. /* Horizontal lists
  2800. ----------------------------------------*/
  2801. ul.navlinks {
  2802. border-bottom-color: #FFFFFF;
  2803. }
  2804.  
  2805. /* Table styles
  2806. ----------------------------------------*/
  2807. table.table1 thead th {
  2808. color: #fff;
  2809. }
  2810.  
  2811. table.table1 tbody tr {
  2812. border-color: #BFC1CF;
  2813. }
  2814.  
  2815. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  2816. background-color: #f8f7de;
  2817. color: #000;
  2818. }
  2819.  
  2820. table.table1 td {
  2821. color: #666;
  2822. }
  2823.  
  2824. table.table1 tbody td {
  2825. border-bottom: 1px solid #c1c1c1;
  2826. border-right: 1px solid #c1c1c1;
  2827. }
  2828.  
  2829. table.table1 tbody td:last-child {
  2830. border-right: none;
  2831. }
  2832.  
  2833. table.table1 tbody tr:last-child td {
  2834. border-bottom: none;
  2835. }
  2836.  
  2837. table.table1 tbody th {
  2838. border-bottom-color: #000000;
  2839. color: #333333;
  2840. background-color: #FFFFFF;
  2841. }
  2842.  
  2843. table.info tbody th {
  2844. color: #000000;
  2845. }
  2846.  
  2847. /* Misc layout styles
  2848. ---------------------------------------- */
  2849. dl.details dt {
  2850. color: #333;
  2851. }
  2852.  
  2853. dl.details dd {
  2854. color: #666;
  2855. }
  2856.  
  2857. .sep {
  2858. color: #1198D9;
  2859. }
  2860.  
  2861. /* Pagination
  2862. ---------------------------------------- */
  2863. .pagination span strong {
  2864. color: #9b9b9b;
  2865. background-color: #f5f5f5;
  2866. border-color: #cecece;
  2867. }
  2868.  
  2869. .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
  2870. color: #000000;
  2871. background-color: #eaeaea;
  2872. border-color: #bababa;
  2873. }
  2874.  
  2875. .pagination span a:hover {
  2876. border-color: #bc2a4d;
  2877. background-color: #fff;
  2878. color: #bc2a4d;
  2879. }
  2880.  
  2881. /* Pagination in viewforum for multipage topics */
  2882. .row .pagination {
  2883. background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
  2884. }
  2885.  
  2886. .row .pagination span a, li.pagination span a {
  2887. background-color: #fff;
  2888. }
  2889.  
  2890. .row .pagination span a:hover, li.pagination span a:hover {
  2891. background-color: #fff;
  2892. }
  2893.  
  2894. /* Miscellaneous styles
  2895. ---------------------------------------- */
  2896. .copyright {
  2897. color: #888;
  2898. }
  2899.  
  2900. .error, div.rules {
  2901. background-color: #ECD5D8;
  2902. background-image: none;
  2903. border: 1px solid #deb7b7;
  2904. color: #bc2a4d;
  2905. }
  2906.  
  2907. .reported {
  2908. background-color: #F7ECEF !important;
  2909. }
  2910.  
  2911. .reported .bg2 {
  2912. background-color: #f4e1e6 !important;
  2913. }
  2914.  
  2915. li.reported:hover {
  2916. background-color: #f2dfe1 !important;
  2917. }
  2918.  
  2919. p.rules {
  2920. background-color: #ECD5D8;
  2921. background-image: none;
  2922. }
  2923.  
  2924. /*
  2925. --------------------------------------------------------------
  2926. Colours and backgrounds for links.css
  2927. -------------------------------------------------------------- */
  2928. a:link { color: #000000; }
  2929. a:visited { color: #000000; }
  2930. a:hover, a:focus { color: #c20031; }
  2931.  
  2932. /* Links for forum/topic lists */
  2933. a.forumtitle, a.topictitle {
  2934. color: #52575b;
  2935. }
  2936.  
  2937. a.topictitle:visited {
  2938. color: #777;
  2939. }
  2940.  
  2941. a.forumtitle:hover, a.topictitle:hover {
  2942. color: #BC2A4D;
  2943. }
  2944.  
  2945. /* Post body links */
  2946. .subject {
  2947. visibility: hidden;
  2948. color: #000000;
  2949. }
  2950.  
  2951. .postlink {
  2952. color: #666;
  2953. text-decoration: none;
  2954. }
  2955.  
  2956. .postlink:visited {
  2957. color: #888;
  2958. }
  2959.  
  2960. .postlink:hover {
  2961. color: #c20031;
  2962. }
  2963.  
  2964. .signature a, .signature a:visited, .signature a:active, .signature a:hover {
  2965. background-color: transparent;
  2966. }
  2967.  
  2968. /* Profile links */
  2969. .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
  2970. color: #000000;
  2971. }
  2972.  
  2973. .postprofile a:hover, .postprofile dt.author a:hover {
  2974. color: #D31141;
  2975. }
  2976.  
  2977. /* Profile searchresults */
  2978. .search .postprofile a {
  2979. color: #000000;
  2980. }
  2981.  
  2982. .search .postprofile a:hover {
  2983. color: #D31141;
  2984. }
  2985.  
  2986. /* Back to top of page */
  2987. a.top {
  2988. background-image: url("{IMG_ICON_BACK_TOP_SRC}")
  2989. }
  2990.  
  2991. a.top2 {
  2992. visibility: hidden;
  2993. }
  2994.  
  2995. /* Arrow links */
  2996. a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
  2997. a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
  2998. a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
  2999. a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }
  3000.  
  3001. a.up:hover {
  3002. background-color: transparent;
  3003. }
  3004.  
  3005. a.left:hover, a.right:hover {
  3006. color: #c20031;
  3007. }
  3008.  
  3009. /*
  3010. --------------------------------------------------------------
  3011. Colours and backgrounds for content.css
  3012. -------------------------------------------------------------- */
  3013. ul.topiclist li {
  3014. color: #000;
  3015. }
  3016.  
  3017. ul.topiclist dd {
  3018. border-left-color: #FFFFFF;
  3019. }
  3020.  
  3021. .rtl ul.topiclist dd {
  3022. border-right-color: #fff;
  3023. border-left-color: transparent;
  3024. }
  3025.  
  3026. .forums-wrapper .row a.subforum.read {
  3027. background-image: url("{IMG_SUBFORUM_READ_SRC}");
  3028. }
  3029.  
  3030. .forums-wrapper .row a.subforum.unread {
  3031. background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
  3032. }
  3033.  
  3034. li.row {
  3035. border-top-color: #fff;
  3036. border-bottom-color: #c1c1c1;
  3037. }
  3038.  
  3039. li.row strong {
  3040. color: #000000;
  3041. }
  3042.  
  3043. li.row:hover {
  3044. background-color: #f6f4d3;
  3045. }
  3046.  
  3047. li.row:hover dd {
  3048. border-left-color: #ccc;
  3049. }
  3050.  
  3051. .rtl li.row:hover dd {
  3052. border-right-color: #ccc;
  3053. border-left-color: transparent;
  3054. }
  3055.  
  3056. li.header dt, li.header dd {
  3057. color: #FFFFFF;
  3058. }
  3059.  
  3060. /* Forum list column styles */
  3061. ul.topiclist dd.searchextra {
  3062. color: #333333;
  3063. }
  3064.  
  3065. /* Post body styles
  3066. ----------------------------------------*/
  3067. .postbody {
  3068. color: #333;
  3069. }
  3070.  
  3071. /* Content container styles
  3072. ----------------------------------------*/
  3073. .content {
  3074. color: #000000;
  3075. }
  3076.  
  3077. .content h2, .panel h2 {
  3078. color: #3f3f3f;
  3079. border-bottom-color: #ccc;
  3080. }
  3081.  
  3082. dl.faq dt {
  3083. color: #333333;
  3084. }
  3085.  
  3086. .posthilit {
  3087. background-color: #F3BFCC;
  3088. color: #BC2A4D;
  3089. }
  3090.  
  3091. /* Post signature */
  3092. .signature {
  3093. border-top-color: #ccc;
  3094. }
  3095.  
  3096. /* Post noticies */
  3097. .notice {
  3098. background: #f3dddd;
  3099. border-color: #deb7b7;
  3100. }
  3101.  
  3102. /* BB Code styles
  3103. ----------------------------------------*/
  3104. /* Quote block */
  3105. blockquote {
  3106. background-color: #f9f9f9;
  3107. background-image: url("{T_THEME_PATH}/images/quote.gif");
  3108. border-color: #ddd;
  3109. }
  3110.  
  3111. .rtl blockquote {
  3112. background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
  3113. }
  3114.  
  3115. blockquote blockquote {
  3116. /* Nested quotes */
  3117. background-color:#f1f1f1;
  3118. }
  3119.  
  3120. blockquote blockquote blockquote {
  3121. /* Nested quotes */
  3122. background-color: #e9e9e9;
  3123. }
  3124.  
  3125. /* Code block */
  3126. dl.codebox {
  3127. background-color: #fff;
  3128. border-color: #ddd;
  3129. }
  3130.  
  3131. dl.codebox dt {
  3132. border-bottom-color: #ddd;
  3133. }
  3134.  
  3135. dl.codebox code {
  3136. color: #2E8B57;
  3137. }
  3138.  
  3139. .syntaxbg { color: #FFFFFF; }
  3140. .syntaxcomment { color: #FF8000; }
  3141. .syntaxdefault { color: #0000BB; }
  3142. .syntaxhtml { color: #000000; }
  3143. .syntaxkeyword { color: #007700; }
  3144. .syntaxstring { color: #DD0000; }
  3145.  
  3146. /* Attachments
  3147. ----------------------------------------*/
  3148. .attachbox {
  3149. background-color: #FFFFFF;
  3150. border-color: #C9D2D8;
  3151. }
  3152.  
  3153. .pm-message .attachbox {
  3154. background-color: #F2F3F3;
  3155. }
  3156.  
  3157. .attachbox dd {
  3158. border-top-color: #C9D2D8;
  3159. }
  3160.  
  3161. .attachbox p {
  3162. color: #000000;
  3163. }
  3164.  
  3165. .attachbox p.stats {
  3166. color: #000000;
  3167. }
  3168.  
  3169. .attach-image img {
  3170. border-color: #999999;
  3171. }
  3172.  
  3173. /* Inline image thumbnails */
  3174.  
  3175. dl.file dd {
  3176. color: #000000;
  3177. }
  3178.  
  3179. dl.thumbnail img {
  3180. border-color: #000000;
  3181. background-color: #FFFFFF;
  3182. }
  3183.  
  3184. dl.thumbnail dd {
  3185. color: #000000;
  3186. }
  3187.  
  3188. dl.thumbnail dt a:hover {
  3189. background-color: #EEEEEE;
  3190. }
  3191.  
  3192. dl.thumbnail dt a:hover img {
  3193. border-color: #c20031;
  3194. }
  3195.  
  3196. /* Post poll styles
  3197. ----------------------------------------*/
  3198. fieldset.polls dl {
  3199. border-top-color: #dcdcdc;
  3200. color: #000000;
  3201. }
  3202.  
  3203. fieldset.polls dl.voted {
  3204. color: #000000;
  3205. }
  3206.  
  3207. fieldset.polls dd div {
  3208. color: #FFFFFF;
  3209. }
  3210.  
  3211. .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
  3212. border-right-color: transparent;
  3213. }
  3214.  
  3215. .pollbar1 {
  3216. background-color: #c20031;
  3217. border-bottom-color: #942a43;
  3218. border-right-color: #942a43;
  3219. }
  3220.  
  3221. .rtl .pollbar1 {
  3222. border-left-color: #942a43;
  3223. }
  3224.  
  3225. .pollbar2 {
  3226. background-color: #BE1E4A;
  3227. border-bottom-color: #8C1C38;
  3228. border-right-color: #8C1C38;
  3229. }
  3230.  
  3231. .rtl .pollbar2 {
  3232. border-left-color: #8C1C38;
  3233. }
  3234.  
  3235. .pollbar3 {
  3236. background-color: #D11A4E;
  3237. border-bottom-color: #AA2346;
  3238. border-right-color: #AA2346;
  3239. }
  3240.  
  3241. .rtl .pollbar3 {
  3242. border-left-color: #AA2346;
  3243. }
  3244.  
  3245. .pollbar4 {
  3246. background-color: #E41653;
  3247. border-bottom-color: #BE1E4A;
  3248. border-right-color: #BE1E4A;
  3249. }
  3250.  
  3251. .rtl .pollbar4 {
  3252. border-left-color: #BE1E4A;
  3253. }
  3254.  
  3255. .pollbar5 {
  3256. background-color: #d61c54;
  3257. border-bottom-color: #b8294b;
  3258. border-right-color: #b8294b;
  3259. }
  3260.  
  3261. .rtl .pollbar5 {
  3262. border-left-color: #b8294b;
  3263. }
  3264.  
  3265. /* Poster profile block
  3266. ----------------------------------------*/
  3267. .postprofile {
  3268. color: #000000;
  3269. border-left-color: #FFFFFF;
  3270. }
  3271.  
  3272. .rtl .postprofile {
  3273. border-right-color: #FFFFFF;
  3274. border-left-color: transparent;
  3275. }
  3276.  
  3277. .pm .postprofile {
  3278. border-left-color: #DDDDDD;
  3279. }
  3280.  
  3281. .rtl .pm .postprofile {
  3282. border-right-color: #DDDDDD;
  3283. border-left-color: transparent;
  3284. }
  3285.  
  3286. .profile-details strong {
  3287. color: #333;
  3288. }
  3289.  
  3290. /*
  3291. --------------------------------------------------------------
  3292. Colours and backgrounds for buttons.css
  3293. -------------------------------------------------------------- */
  3294.  
  3295. /* Big button images */
  3296. .reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
  3297. .post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
  3298. .locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
  3299. .pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
  3300. .newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
  3301. .forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
  3302.  
  3303. a.print {
  3304. background-image: url("{T_THEME_PATH}/images/icon_print.gif");
  3305. }
  3306.  
  3307. a.sendemail {
  3308. background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
  3309. }
  3310.  
  3311. a.subscribe {
  3312. background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif");
  3313. }
  3314.  
  3315. a.unsubscribe {
  3316. background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif");
  3317. }
  3318.  
  3319. a.bookmark {
  3320. background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif");
  3321. }
  3322.  
  3323. a.bump {
  3324. background-image: url("{T_THEME_PATH}/images/icon_bump.gif");
  3325. }
  3326.  
  3327. /* Icon images
  3328. ---------------------------------------- */
  3329. .sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
  3330. .icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
  3331. .icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
  3332. .icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
  3333. .icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
  3334. .icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
  3335. .icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
  3336. .icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
  3337. .icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
  3338. .icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
  3339. .icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
  3340. .icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
  3341. .icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
  3342.  
  3343. /* Profile & navigation icons */
  3344. .email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
  3345. .aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
  3346. .yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
  3347. .web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
  3348. .msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
  3349. .icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
  3350. .jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
  3351. .pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
  3352. .quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
  3353.  
  3354. /* Moderator icons */
  3355. .report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
  3356. .edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
  3357. .delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
  3358. .info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
  3359. .warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */
  3360.  
  3361. /*
  3362. --------------------------------------------------------------
  3363. Colours and backgrounds for cp.css
  3364. -------------------------------------------------------------- */
  3365.  
  3366. /* Main CP box
  3367. ----------------------------------------*/
  3368.  
  3369. #cp-main h3, #cp-main hr, #cp-menu hr {
  3370. border-color: #ccc;
  3371. }
  3372.  
  3373. #cp-main .panel li.row {
  3374. border-top-color: #fff;
  3375. border-bottom-color: #ccc;
  3376. }
  3377.  
  3378. ul.cplist {
  3379. border-top-color: #ccc;
  3380. }
  3381.  
  3382. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  3383. color: #000000;
  3384. }
  3385.  
  3386. #cp-main table.table1 thead th {
  3387. color: #333333;
  3388. border-bottom-color: #333333;
  3389. }
  3390.  
  3391. #cp-main .pm-message {
  3392. border-color: #DBDEE2;
  3393. background-color: #FFFFFF;
  3394. }
  3395.  
  3396. /* CP tabbed menu
  3397. ----------------------------------------*/
  3398. #tabs a {
  3399. background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
  3400. }
  3401.  
  3402. #tabs a span {
  3403. background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
  3404. color: #828282;
  3405. }
  3406.  
  3407. #tabs a:hover span {
  3408. color: #c20031;
  3409. }
  3410.  
  3411. #tabs .activetab a {
  3412. border-bottom-color: #ececec;
  3413. }
  3414.  
  3415. #tabs .activetab a span {
  3416. color: #3c3c3c;
  3417. }
  3418.  
  3419. #tabs .activetab a:hover span {
  3420. color: #000;
  3421. }
  3422.  
  3423. /* Mini tabbed menu used in MCP
  3424. ----------------------------------------*/
  3425. #minitabs li {
  3426. background-color: #d9d9d9;
  3427. color: #555;
  3428. }
  3429.  
  3430. #minitabs li.activetab {
  3431. background-color: #cecece;
  3432. color: #c20031;
  3433. }
  3434.  
  3435. #minitabs li:hover {
  3436. background-color: #cecece;
  3437. }
  3438.  
  3439. #minitabs li.activetab a, #minitabs li.activetab a:hover {
  3440. background-color: #F9F9F9;
  3441. color: #d31141;
  3442. }
  3443.  
  3444. /* UCP navigation menu
  3445. ----------------------------------------*/
  3446.  
  3447. /* Link styles for the sub-section links */
  3448. #navigation a, .rtl #navigation a {
  3449. color: #555;
  3450. background-color: #d9d9d9;
  3451. }
  3452.  
  3453. #navigation a:hover {
  3454. background-color: #cecece;
  3455. color: #c20031;
  3456. }
  3457.  
  3458. #navigation #active-subsection a {
  3459. color: #D31141;
  3460. background-color: #F9F9F9;
  3461. background-image: none;
  3462. }
  3463.  
  3464. #navigation #active-subsection a:hover {
  3465. color: #D31141;
  3466. }
  3467.  
  3468. /* Preferences pane layout
  3469. ----------------------------------------*/
  3470. #cp-main h2 {
  3471. color: #333333;
  3472. }
  3473.  
  3474. #cp-main .panel {
  3475. background-color: #F9F9F9;
  3476. }
  3477.  
  3478. #cp-main .pm {
  3479. background-color: #FFFFFF;
  3480. }
  3481.  
  3482. #cp-main span.corners-top, #cp-menu span.corners-top {
  3483. background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
  3484. }
  3485.  
  3486. #cp-main span.corners-top span, #cp-menu span.corners-top span {
  3487. background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
  3488. }
  3489.  
  3490. #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
  3491. background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
  3492. }
  3493.  
  3494. #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
  3495. background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
  3496. }
  3497.  
  3498. /* Topicreview */
  3499. #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
  3500. background-image: url("{T_THEME_PATH}/images/corners_left.gif");
  3501. }
  3502.  
  3503. #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
  3504. background-image: url("{T_THEME_PATH}/images/corners_right.gif");
  3505. }
  3506.  
  3507. #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
  3508. background-image: url("{T_THEME_PATH}/images/corners_left.gif");
  3509. }
  3510.  
  3511. #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
  3512. background-image: url("{T_THEME_PATH}/images/corners_right.gif");
  3513. }
  3514.  
  3515. /* Friends list */
  3516. .cp-mini {
  3517. background-color: #f9f9f9;
  3518. }
  3519.  
  3520. dl.mini dt {
  3521. color: #52575b;
  3522. }
  3523.  
  3524. /* PM Styles
  3525. ----------------------------------------*/
  3526. /* PM Message history */
  3527. .current {
  3528. color: #000000 !important;
  3529. }
  3530.  
  3531. /* PM panel adjustments */
  3532. #cp-main .pm-message-nav {
  3533. border-bottom-color: #ccc;
  3534. }
  3535.  
  3536. /* PM marking colours */
  3537. .pmlist .pm_message_reported_colour, .pm_message_reported_colour {
  3538. border-left-color: #BC2A4D;
  3539. border-right-color: #BC2A4D;
  3540. }
  3541.  
  3542. .pmlist .pm_marked_colour, .pm_marked_colour {
  3543. border-color: #FF6600;
  3544. }
  3545.  
  3546. .pmlist .pm_replied_colour, .pm_replied_colour {
  3547. border-color: #A9B8C2;
  3548. }
  3549.  
  3550. .pmlist .pm_friend_colour, .pm_friend_colour {
  3551. border-color: #5D8FBD;
  3552. }
  3553.  
  3554. .pmlist .pm_foe_colour, .pm_foe_colour {
  3555. border-color: #000000;
  3556. }
  3557.  
  3558. /* Avatar gallery */
  3559. #gallery label {
  3560. background-color: #FFFFFF;
  3561. border-color: #CCC;
  3562. }
  3563.  
  3564. #gallery label:hover {
  3565. background-color: #EEE;
  3566. }
  3567.  
  3568. /*
  3569. --------------------------------------------------------------
  3570. Colours and backgrounds for forms.css
  3571. -------------------------------------------------------------- */
  3572.  
  3573. /* General form styles
  3574. ----------------------------------------*/
  3575. select {
  3576. border-color: #888;
  3577. background-color: #FAFAFA;
  3578. color: #000;
  3579. }
  3580.  
  3581. label {
  3582. color: #000000;
  3583. }
  3584.  
  3585. option.disabled-option {
  3586. color: graytext;
  3587. }
  3588.  
  3589. /* Definition list layout for forms
  3590. ---------------------------------------- */
  3591. dd label {
  3592. color: #333;
  3593. }
  3594.  
  3595. /* Hover effects */
  3596. fieldset dl:hover dt label {
  3597. color: #000000;
  3598. }
  3599.  
  3600. fieldset.fields2 dl:hover dt label {
  3601. color: inherit;
  3602. }
  3603.  
  3604. /* Quick-login on index page */
  3605. fieldset.quick-login input.inputbox {
  3606. background-color: #efefef;
  3607. }
  3608.  
  3609. /* Posting page styles
  3610. ----------------------------------------*/
  3611. #message-box textarea {
  3612. color: #333333;
  3613. }
  3614.  
  3615. /* Input field styles
  3616. ---------------------------------------- */
  3617. .inputbox {
  3618. background-color: #fefefe;
  3619. border-color: #c2c2c2;
  3620. color: #333;
  3621. }
  3622.  
  3623. .inputbox:focus {
  3624. background-color: #fff;
  3625. border-color: #aeaeae;
  3626. }
  3627.  
  3628. /* Form button styles
  3629. ---------------------------------------- */
  3630.  
  3631. a.button1, input.button1, input.button3, a.button2, input.button2 {
  3632. color: #000;
  3633. background-color: #FAFAFA;
  3634. background-image: url("{T_THEME_PATH}/images/bg_button.gif");
  3635. }
  3636.  
  3637. a.button1, input.button1 {
  3638. border-color: #000000;
  3639. }
  3640.  
  3641. input.button3 {
  3642. background-image: none;
  3643. }
  3644.  
  3645. /* Alternative button */
  3646. a.button2, input.button2, input.button3 {
  3647. border-color: #000000;
  3648. }
  3649.  
  3650. /* <a> button in the style of the form buttons */
  3651. a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
  3652. color: #000000;
  3653. }
  3654.  
  3655. /* Hover states */
  3656. a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  3657. border-color: #BC2A4D;
  3658. color: #BC2A4D;
  3659. }
  3660.  
  3661. input.disabled {
  3662. color: #000000;
  3663. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement