API tools faq
paste
Jorup16

Colours - Arcade

Jorup16
Sep 5th, 2013
24
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 20.70 KB | None | 0 0
raw download clone embed print report
  1. /*     
  2. --------------------------------------------------------------
  3. Colours and backgrounds for common.css
  4. -------------------------------------------------------------- */
  5.  
  6. html, body {
  7.     color: #353535;
  8.     background: url("{T_THEME_PATH}/images/bg.jpg") repeat left top #f9f9f9;
  9. }
  10.  
  11. body.simple {
  12.     background-color: #FFFFFF;
  13. }
  14.  
  15. h1 {
  16.     color: #FFFFFF;
  17. }
  18.  
  19. h2 {
  20.     color: #313131;
  21. }
  22.  
  23. h3 {
  24.     border-bottom-color: #CCCCCC;
  25.     color: #313131;
  26. }
  27.  
  28. hr {
  29.     border-color: #FFFFFF;
  30.     border-top-color: #CCCCCC;
  31. }
  32.  
  33. hr.dashed {
  34.     border-top-color: #CCCCCC;
  35. }
  36.  
  37. /* Search box
  38. --------------------------------------------- */
  39.  
  40. #search-box {
  41.     color: #FFFFFF;
  42. }
  43.  
  44. #search-box #keywords {
  45.     background-color: #FFF;
  46. }
  47.  
  48. #search-box input {
  49.     border-color: #525E67;
  50. }
  51.  
  52. /* Round cornered boxes and backgrounds
  53. ---------------------------------------- */
  54. .headerbar {
  55.     background: url("{T_THEME_PATH}/images/banner.jpg") no-repeat left top #ffffff;
  56.     color: #FFFFFF;
  57. }
  58.  
  59. .navbar {
  60.     background-color: #DCDEE2;
  61. }
  62.  
  63. .forabg, .forumbg {
  64.     background-color: #141414;
  65.     background-image: url("{T_THEME_PATH}/images/forumbg.gif");
  66. }
  67.  
  68. .panel {
  69.     background-color: #ECF1F3;
  70.     color: #28313F;
  71. }
  72.  
  73. .post:target .content {
  74.     color: #000000;
  75. }
  76.  
  77. .post:target h3 a {
  78.     color: #000000;
  79. }
  80.  
  81. .bg1    { background-color: #f5f5f5; }
  82. .bg2    { background-color: #eeeeee;  }
  83. .bg3    { background-color: #e2e2e2; }
  84.  
  85. .ucprowbg {
  86.     background-color: #DCDEE2;
  87. }
  88.  
  89. .fieldsbg {
  90.     background-color: #E7E8EA;
  91. }
  92.  
  93. span.corners-top {
  94.     background-image: url("{T_THEME_PATH}/images/corners_left.png");
  95. }
  96.  
  97. span.corners-top span {
  98.     background-image: url("{T_THEME_PATH}/images/corners_right.png");
  99. }
  100.  
  101. span.corners-bottom {
  102.     background-image: url("{T_THEME_PATH}/images/corners_left.png");
  103. }
  104.  
  105. span.corners-bottom span {
  106.     background-image: url("{T_THEME_PATH}/images/corners_right.png");
  107. }
  108.  
  109. div.headerbar span.corners-top {
  110.     background-image: url("{T_THEME_PATH}/images/corners_left2.png");
  111. }
  112.  
  113. div.headerbar span.corners-top span {
  114.     background-image: url("{T_THEME_PATH}/images/corners_right2.png");
  115. }
  116.  
  117. /* Horizontal lists
  118. ----------------------------------------*/
  119.  
  120. ul.navlinks {
  121.     border-bottom-color: #FFFFFF;
  122. }
  123.  
  124. /* Table styles
  125. ----------------------------------------*/
  126. table.table1 thead th {
  127.     color: #FFFFFF;
  128. }
  129.  
  130. table.table1 tbody tr {
  131.     border-color: #BFC1CF;
  132. }
  133.  
  134. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  135.     background-color: #CFE1F6;
  136.     color: #000;
  137. }
  138.  
  139. table.table1 td {
  140.     color: #536482;
  141. }
  142.  
  143. table.table1 tbody td {
  144.     border-top-color: #FAFAFA;
  145. }
  146.  
  147. table.table1 tbody th {
  148.     border-bottom-color: #000000;
  149.     color: #333333;
  150.     background-color: #FFFFFF;
  151. }
  152.  
  153. table.info tbody th {
  154.     color: #000000;
  155. }
  156.  
  157. /* Misc layout styles
  158. ---------------------------------------- */
  159. dl.details dt {
  160.     color: #000000;
  161. }
  162.  
  163. dl.details dd {
  164.     color: #536482;
  165. }
  166.  
  167. .sep {
  168.     color: #1198D9;
  169. }
  170.  
  171. /* Pagination
  172. ---------------------------------------- */
  173.  
  174. .pagination span strong {
  175.     color: #FFFFFF;
  176.     background-color: #4692BF;
  177.     border-color: #4692BF;
  178. }
  179.  
  180. .pagination span a, .pagination span a:link, .pagination span a:visited {
  181.     color: #5C758C;
  182.     background-color: #ECEDEE;
  183.     border-color: #B4BAC0;
  184. }
  185.  
  186. .pagination span a:hover {
  187.     border-color: #368AD2;
  188.     background-color: #368AD2;
  189.     color: #FFF;
  190. }
  191.  
  192. .pagination span a:active {
  193.     color: #5C758C;
  194.     background-color: #ECEDEE;
  195.     border-color: #B4BAC0;
  196. }
  197.  
  198. /* Pagination in viewforum for multipage topics */
  199. .row .pagination {
  200.     background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
  201. }
  202.  
  203. .row .pagination span a, li.pagination span a {
  204.     background-color: #FFFFFF;
  205. }
  206.  
  207. .row .pagination span a:hover, li.pagination span a:hover {
  208.     background-color: #368AD2;
  209. }
  210.  
  211. /* Miscellaneous styles
  212. ---------------------------------------- */
  213.  
  214. .copyright {
  215.     color: #000000;
  216. }
  217.  
  218. .copyright a {
  219.     color: #000000 !important;
  220. }
  221.  
  222. .copyright span {
  223.     color: #fd6b31;
  224. }
  225.  
  226. .error {
  227.     color: #BC2A4D;
  228. }
  229.  
  230. .reported {
  231.     background-color: #F7ECEF !important;
  232. }
  233.  
  234. li.reported:hover {
  235.     background-color: #ECD5D8 !important;
  236. }
  237. .sticky, .announce {
  238.     /* you can add a background for stickies and announcements*/
  239. }
  240.  
  241. div.rules {
  242.     background-color: #ECD5D8;
  243.     color: #BC2A4D;
  244. }
  245.  
  246. p.rules {
  247.     background-color: #ECD5D8;
  248.     background-image: none;
  249. }
  250.  
  251. /*     
  252. --------------------------------------------------------------
  253. Colours and backgrounds for links.css
  254. -------------------------------------------------------------- */
  255.  
  256. a:link  { color: #353535; }
  257. a:visited   { color: #353535; }
  258. a:hover { color: #494949; }
  259. a:active    { color: #353535; }
  260.  
  261. /* Links on gradient backgrounds */
  262. #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
  263.     color: #FFFFFF;
  264. }
  265.  
  266. #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
  267.     color: #FFFFFF;
  268. }
  269.  
  270. #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  271.     color: #A8D8FF;
  272. }
  273.  
  274. #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
  275.     color: #C8E6FF;
  276. }
  277.  
  278. /* Links for forum/topic lists */
  279. a.forumtitle, a.topictitle {
  280.     color: #313131;
  281. }
  282.  
  283. /* a.forumtitle:visited { color: #105289; } */
  284.  
  285. a.forumtitle:hover, a.topictitle:hover {
  286.     color: #313131;
  287. }
  288.  
  289. a.forumtitle:active, a.topictitle:active {
  290.     color: #313131;
  291. }
  292.  
  293. /* Post body links */
  294. .postlink {
  295.     color: #368AD2;
  296.     border-bottom-color: #368AD2;
  297. }
  298.  
  299. .postlink:visited {
  300.     color: #5D8FBD;
  301.     border-bottom-color: #5D8FBD;
  302. }
  303.  
  304. .postlink:active {
  305.     color: #368AD2;
  306. }
  307.  
  308. .postlink:hover {
  309.     background-color: #D0E4F6;
  310.     color: #0D4473;
  311. }
  312.  
  313. .signature a, .signature a:visited, .signature a:hover, .signature a:active {
  314.     background-color: transparent;
  315. }
  316.  
  317. /* Profile links */
  318. .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
  319.     color: #105289;
  320. }
  321.  
  322. .postprofile a:hover, .postprofile dt.author a:hover {
  323.     color: #D31141;
  324. }
  325.  
  326. .postprofile a:active {
  327.     color: #105289;
  328. }
  329.  
  330. /* Profile searchresults */
  331. .search .postprofile a {
  332.     color: #105289;
  333. }
  334.  
  335. .search .postprofile a:hover {
  336.     color: #D31141;
  337. }
  338.  
  339. /* Back to top of page */
  340. a.top {
  341.     background-image: url("{IMG_ICON_BACK_TOP_SRC}");
  342. }
  343.  
  344. a.top2 {
  345.     background-image: url("{IMG_ICON_BACK_TOP_SRC}");
  346. }
  347.  
  348. /* Arrow links  */
  349. a.up        { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
  350. a.down      { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
  351. a.left      { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
  352. a.right     { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }
  353.  
  354. a.up:hover {
  355.     background-color: transparent;
  356. }
  357.  
  358. a.left:hover {
  359.     color: #368AD2;
  360. }
  361.  
  362. a.right:hover {
  363.     color: #368AD2;
  364. }
  365.  
  366.  
  367. /*     
  368. --------------------------------------------------------------
  369. Colours and backgrounds for content.css
  370. -------------------------------------------------------------- */
  371.  
  372. /*
  373. ul.forums {
  374.     background-color: #E8ECEE;
  375.     background-image: url("{T_THEME_PATH}/images/gradient.gif");
  376. }
  377. */
  378.  
  379. ul.topiclist li {
  380.     color: #313131;
  381. }
  382.  
  383. ul.topiclist dd {
  384.     border-left-color: #FFFFFF;
  385. }
  386.  
  387. .rtl ul.topiclist dd {
  388.     border-right-color: #fff;
  389.     border-left-color: transparent;
  390. }
  391.  
  392. ul.topiclist li.row dt a.subforum.read {
  393.     background-image: url("{IMG_SUBFORUM_READ_SRC}");
  394. }
  395.  
  396. ul.topiclist li.row dt a.subforum.unread {
  397.     background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
  398. }
  399.  
  400. li.row {
  401.     border-bottom-color: #ffffff;
  402.     background-image: url("{T_THEME_PATH}/images/grunge.png");
  403.     background-repeat: repeat;
  404.     background-position: left top;
  405. }
  406.  
  407. li.row strong {
  408.     color: #000000;
  409. }
  410.  
  411. /*
  412. li.row:hover {
  413.     background-color: #F6F4D0;
  414. }
  415. */
  416.  
  417. li.row:hover dd {
  418.     border-left-color: #CCCCCC;
  419. }
  420.  
  421. .rtl li.row:hover dd {
  422.     border-right-color: #CCCCCC;
  423.     border-left-color: transparent;
  424. }
  425.  
  426. li.header dt, li.header dd {
  427.     color: #FFFFFF;
  428.     text-shadow: 0 -2px 0 #000000;
  429. }
  430.  
  431. .panel li.header dt, .panel li.header dd {
  432.     text-shadow: none; 
  433. }
  434.  
  435. /* Forum list column styles */
  436. ul.topiclist dd.searchextra {
  437.     color: #333333;
  438. }
  439.  
  440. /* Post body styles
  441. ----------------------------------------*/
  442. .postbody {
  443.     color: #333333;
  444. }
  445.  
  446. /* Content container styles
  447. ----------------------------------------*/
  448. .content {
  449.     color: #333333;
  450. }
  451.  
  452. .content h2, .panel h2 {
  453.     color: #115098;
  454.     border-bottom-color:  #CCCCCC;
  455. }
  456.  
  457. dl.faq dt {
  458.     color: #333333;
  459. }
  460.  
  461. .posthilit {
  462.     background-color: #F3BFCC;
  463.     color: #BC2A4D;
  464. }
  465.  
  466. /* Post signature */
  467. .signature {
  468.     border-top-color: #CCCCCC;
  469. }
  470.  
  471. /* Post noticies */
  472. .notice {
  473.     border-top-color:  #CCCCCC;
  474. }
  475.  
  476. /* BB Code styles
  477. ----------------------------------------*/
  478. /* Quote block */
  479. blockquote {
  480.     background-color: #EBEADD;
  481.     background-image: url("{T_THEME_PATH}/images/quote.gif");
  482.     border-color:#DBDBCE;
  483. }
  484.  
  485. .rtl blockquote {
  486.     background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
  487. }
  488.  
  489. blockquote blockquote {
  490.     /* Nested quotes */
  491.     background-color:#EFEED9;
  492. }
  493.  
  494. blockquote blockquote blockquote {
  495.     /* Nested quotes */
  496.     background-color: #EBEADD;
  497. }
  498.  
  499. /* Code block */
  500. dl.codebox {
  501.     background-color: #FFFFFF;
  502.     border-color: #C9D2D8;
  503. }
  504.  
  505. dl.codebox dt {
  506.     border-bottom-color:  #CCCCCC;
  507. }
  508.  
  509. dl.codebox code {
  510.     color: #2E8B57;
  511. }
  512.  
  513. .syntaxbg       { color: #FFFFFF; }
  514. .syntaxcomment  { color: #FF8000; }
  515. .syntaxdefault  { color: #0000BB; }
  516. .syntaxhtml     { color: #000000; }
  517. .syntaxkeyword  { color: #007700; }
  518. .syntaxstring   { color: #DD0000; }
  519.  
  520. /* Attachments
  521. ----------------------------------------*/
  522. .attachbox {
  523.     background-color: #FFFFFF;
  524.     border-color:  #C9D2D8;
  525. }
  526.  
  527. .pm-message .attachbox {
  528.     background-color: #F2F3F3;
  529. }
  530.  
  531. .attachbox dd {
  532.     border-top-color: #C9D2D8;
  533. }
  534.  
  535. .attachbox p {
  536.     color: #666666;
  537. }
  538.  
  539. .attachbox p.stats {
  540.     color: #666666;
  541. }
  542.  
  543. .attach-image img {
  544.     border-color: #999999;
  545. }
  546.  
  547. /* Inline image thumbnails */
  548.  
  549. dl.file dd {
  550.     color: #666666;
  551. }
  552.  
  553. dl.thumbnail img {
  554.     border-color: #666666;
  555.     background-color: #FFFFFF;
  556. }
  557.  
  558. dl.thumbnail dd {
  559.     color: #666666;
  560. }
  561.  
  562. dl.thumbnail dt a:hover {
  563.     background-color: #EEEEEE;
  564. }
  565.  
  566. dl.thumbnail dt a:hover img {
  567.     border-color: #368AD2;
  568. }
  569.  
  570. /* Post poll styles
  571. ----------------------------------------*/
  572.  
  573. fieldset.polls dl {
  574.     border-top-color: #DCDEE2;
  575.     color: #666666;
  576. }
  577.  
  578. fieldset.polls dl.voted {
  579.     color: #000000;
  580. }
  581.  
  582. fieldset.polls dd div {
  583.     color: #FFFFFF;
  584. }
  585.  
  586. .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
  587.     border-right-color: transparent;
  588. }
  589.  
  590. .pollbar1 {
  591.     background-color: #AA2346;
  592.     border-bottom-color: #74162C;
  593.     border-right-color: #74162C;
  594. }
  595.  
  596. .rtl .pollbar1 {
  597.     border-left-color: #74162C;
  598. }
  599.  
  600. .pollbar2 {
  601.     background-color: #BE1E4A;
  602.     border-bottom-color: #8C1C38;
  603.     border-right-color: #8C1C38;
  604. }
  605.  
  606. .rtl .pollbar2 {
  607.     border-left-color: #8C1C38;
  608. }
  609.  
  610. .pollbar3 {
  611.     background-color: #D11A4E;
  612.     border-bottom-color: #AA2346;
  613.     border-right-color: #AA2346;
  614. }
  615.  
  616. .rtl .pollbar3 {
  617.     border-left-color: #AA2346;
  618. }
  619.  
  620. .pollbar4 {
  621.     background-color: #E41653;
  622.     border-bottom-color: #BE1E4A;
  623.     border-right-color: #BE1E4A;
  624. }
  625.  
  626. .rtl .pollbar4 {
  627.     border-left-color: #BE1E4A;
  628. }
  629.  
  630. .pollbar5 {
  631.     background-color: #F81157;
  632.     border-bottom-color: #D11A4E;
  633.     border-right-color: #D11A4E;
  634. }
  635.  
  636. .rtl .pollbar5 {
  637.     border-left-color: #D11A4E;
  638. }
  639.  
  640. /* Poster profile block
  641. ----------------------------------------*/
  642. .postprofile {
  643.     color: #666666;
  644.     border-left-color: #FFFFFF;
  645. }
  646.  
  647. .rtl .postprofile {
  648.     border-right-color: #FFFFFF;
  649.     border-left-color: transparent;
  650. }
  651.  
  652. .pm .postprofile {
  653.     border-left-color: #DDDDDD;
  654. }
  655.  
  656. .rtl .pm .postprofile {
  657.     border-right-color: #DDDDDD;
  658.     border-left-color: transparent;
  659. }
  660.  
  661. .postprofile strong {
  662.     color: #000000;
  663. }
  664.  
  665. .online {
  666.     background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
  667. }
  668.  
  669.     .profilesleft .online {
  670.        background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
  671.        margin-top: -5px;
  672.     }
  673.  
  674.     .profilesleft .online dt {
  675.        margin-top: 10px;
  676.     }
  677.  
  678. /*     
  679. --------------------------------------------------------------
  680. Colours and backgrounds for buttons.css
  681. -------------------------------------------------------------- */
  682.  
  683. /* Big button images */
  684. .reply-icon span    { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
  685. .post-icon span     { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
  686. .locked-icon span   { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
  687. .pmreply-icon span  { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
  688. .newpm-icon span    { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
  689. .forwardpm-icon span    { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
  690.  
  691. a.print {
  692.     background-image: url("{T_THEME_PATH}/images/icon_print.gif");
  693. }
  694.  
  695. a.sendemail {
  696.     background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
  697. }
  698.  
  699. a.fontsize {
  700.     background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
  701. }
  702.  
  703. /* Icon images
  704. ---------------------------------------- */
  705. .sitehome                       { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
  706.  
  707.  
  708. .icon-pages                     { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
  709.  
  710.  
  711. /* Profile & navigation icons */
  712. .email-icon, .email-icon a      { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
  713. .aim-icon, .aim-icon a          { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
  714. .yahoo-icon, .yahoo-icon a      { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
  715. .web-icon, .web-icon a          { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
  716. .msnm-icon, .msnm-icon a            { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
  717. .icq-icon, .icq-icon a          { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
  718. .jabber-icon, .jabber-icon a        { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
  719. .pm-icon, .pm-icon a                { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
  720. .quote-icon, .quote-icon a      { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
  721.  
  722. /* Moderator icons */
  723. .report-icon, .report-icon a        { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
  724. .edit-icon, .edit-icon a            { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
  725. .delete-icon, .delete-icon a        { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
  726. .info-icon, .info-icon a            { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
  727. .warn-icon, .warn-icon a            { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */
  728.  
  729. /*     
  730. --------------------------------------------------------------
  731. Colours and backgrounds for cp.css
  732. -------------------------------------------------------------- */
  733.  
  734. /* Main CP box
  735. ----------------------------------------*/
  736.  
  737. #cp-main h3, #cp-main hr, #cp-menu hr {
  738.     border-color: #bebebe;
  739. }
  740.  
  741. #cp-main .panel li.row {
  742.     border-bottom-color: #cbcbcb;
  743.     border-top-color: #F9F9F9;
  744. }
  745.  
  746. ul.cplist {
  747.     border-top-color: #cbcbcb;
  748. }
  749.  
  750. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  751.     color: #000000;
  752. }
  753.  
  754. #cp-main table.table1 thead th {
  755.     color: #333333;
  756.     border-bottom-color: #333333;
  757. }
  758.  
  759. #cp-main .pm-message {
  760.     border-color: #e5e5e5;
  761.     background-color: #FFFFFF;
  762. }
  763.  
  764. /* CP tabbed menu
  765. ----------------------------------------*/
  766. #tabs a {
  767.     background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
  768. }
  769.  
  770. #tabs a span {
  771.     background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
  772.     color: #777777;
  773. }
  774.  
  775. #tabs a:hover span {
  776.     color: #BC2A4D;
  777. }
  778.  
  779. #tabs .activetab a {
  780.     border-bottom-color: #e2e2e2;
  781. }
  782.  
  783. #tabs .activetab a span {
  784.     color: #333333;
  785. }
  786.  
  787. #tabs .activetab a:hover span {
  788.     color: #000000;
  789. }
  790.  
  791. /* Mini tabbed menu used in MCP
  792. ----------------------------------------*/
  793. #minitabs li {
  794.     background-color: #eeeeee;
  795. }
  796.  
  797. #minitabs li.activetab {
  798.     background-color: #F9F9F9;
  799. }
  800.  
  801. #minitabs li.activetab a, #minitabs li.activetab a:hover {
  802.     color: #333333;
  803. }
  804.  
  805. /* UCP navigation menu
  806. ----------------------------------------*/
  807.  
  808. /* Link styles for the sub-section links */
  809. #navigation a {
  810.     color: #333;
  811.     background-color: #cbcbcb;
  812.     background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
  813. }
  814.  
  815. .rtl #navigation a {
  816.     background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.gif");
  817.     background-position: 0 100%;
  818. }
  819.  
  820. #navigation a:hover {
  821.     background-image: none;
  822.     background-color: #c4c4c4;
  823.     color: #BC2A4D;
  824. }
  825.  
  826. #navigation #active-subsection a {
  827.     color: #D31141;
  828.     background-color: #F9F9F9;
  829.     background-image: none;
  830. }
  831.  
  832. #navigation #active-subsection a:hover {
  833.     color: #D31141;
  834. }
  835.  
  836. /* Preferences pane layout
  837. ----------------------------------------*/
  838. #cp-main h2 {
  839.     color: #333333;
  840. }
  841.  
  842. #cp-main .panel {
  843.     background-color: #F9F9F9;
  844. }
  845.  
  846. #cp-main .pm {
  847.     background-color: #FFFFFF;
  848. }
  849.  
  850. #cp-main span.corners-top, #cp-menu span.corners-top {
  851.     background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
  852. }
  853.  
  854. #cp-main span.corners-top span, #cp-menu span.corners-top span {
  855.     background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
  856. }
  857.  
  858. #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
  859.     background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
  860. }
  861.  
  862. #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
  863.     background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
  864. }
  865.  
  866. /* Topicreview */
  867. #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
  868.     background-image: url("{T_THEME_PATH}/images/corners_left.gif");
  869. }
  870.  
  871. #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
  872.     background-image: url("{T_THEME_PATH}/images/corners_right.gif");
  873. }
  874.  
  875. #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
  876.     background-image: url("{T_THEME_PATH}/images/corners_left.gif");
  877. }
  878.  
  879. #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
  880.     background-image: url("{T_THEME_PATH}/images/corners_right.gif");
  881. }
  882.  
  883. /* Friends list */
  884. .cp-mini {
  885.     background-color: #f6f6f6;
  886. }
  887.  
  888. dl.mini dt {
  889.     color: #5f5f5f;
  890. }
  891.  
  892. /* PM Styles
  893. ----------------------------------------*/
  894. /* PM Message history */
  895. .current {
  896.     color: #000000 !important;
  897. }
  898.  
  899. /* PM marking colours */
  900. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  901.     border-left-color: #BC2A4D;
  902.     border-right-color: #BC2A4D;
  903. }
  904.  
  905. .pmlist li.pm_marked_colour, .pm_marked_colour {
  906.     border-color: #FF6600;
  907. }
  908.  
  909. .pmlist li.pm_replied_colour, .pm_replied_colour {
  910.     border-color: #c1c1c1;
  911. }
  912.  
  913. .pmlist li.pm_friend_colour, .pm_friend_colour {
  914.     border-color: #9a9a9a;
  915. }
  916.  
  917. .pmlist li.pm_foe_colour, .pm_foe_colour {
  918.     border-color: #000000;
  919. }
  920.  
  921. /* Avatar gallery */
  922. #gallery label {
  923.     background-color: #FFFFFF;
  924.     border-color: #CCC;
  925. }
  926.  
  927. #gallery label:hover {
  928.     background-color: #EEE;
  929. }
  930.  
  931.  
  932. /*     
  933. --------------------------------------------------------------
  934. Colours and backgrounds for forms.css
  935. -------------------------------------------------------------- */
  936.  
  937. /* General form styles
  938. ----------------------------------------*/
  939. select {
  940.     border-color: #666666;
  941.     background-color: #FAFAFA;
  942.     color: #000;
  943. }
  944.  
  945. label {
  946.     color: #425067;
  947. }
  948.  
  949. option.disabled-option {
  950.     color: graytext;
  951. }
  952.  
  953. /* Definition list layout for forms
  954. ---------------------------------------- */
  955. dd label {
  956.     color: #333;
  957. }
  958.  
  959. /* Hover effects */
  960. fieldset dl:hover dt label {
  961.     color: #000000;
  962. }
  963.  
  964. fieldset.fields2 dl:hover dt label {
  965.     color: inherit;
  966. }
  967.  
  968. /* Quick-login on index page */
  969. fieldset.quick-login input.inputbox {
  970.     background-color: #F2F3F3;
  971. }
  972.  
  973. /* Posting page styles
  974. ----------------------------------------*/
  975.  
  976. #message-box textarea {
  977.     color: #333333;
  978. }
  979.  
  980. /* Input field styles
  981. ---------------------------------------- */
  982. .inputbox {
  983.     background-color: #FFFFFF;
  984.     border-color: #B4BAC0;
  985.     color: #333333;
  986. }
  987.  
  988. .inputbox:hover {
  989.     border-color: #11A3EA;
  990. }
  991.  
  992. .inputbox:focus {
  993.     border-color: #11A3EA;
  994.     color: #0F4987;
  995. }
  996.  
  997. /* Form button styles
  998. ---------------------------------------- */
  999.  
  1000. a.button1, input.button1, input.button3, a.button2, input.button2 {
  1001.     color: #000;
  1002.     background-color: #FAFAFA;
  1003.     background-image: url("{T_THEME_PATH}/images/bg_button.gif");
  1004. }
  1005.  
  1006. a.button1, input.button1 {
  1007.     border-color: #666666;
  1008. }
  1009.  
  1010. input.button3 {
  1011.     background-image: none;
  1012. }
  1013.  
  1014. /* Alternative button */
  1015. a.button2, input.button2, input.button3 {
  1016.     border-color: #666666;
  1017. }
  1018.  
  1019. /* <a> button in the style of the form buttons */
  1020. a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
  1021.     color: #000000;
  1022. }
  1023.  
  1024. /* Hover states */
  1025. a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  1026.     border-color: #BC2A4D;
  1027.     color: #BC2A4D;
  1028. }
  1029.  
  1030. input.search {
  1031.     background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
  1032. }
  1033.  
  1034. input.disabled {
  1035.     color: #666666;
  1036. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!