Guest User

Untitled

a guest
Nov 16th, 2016
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.28 KB | None | 0 0
  1. /*
  2. --------------------------------------------------------------
  3. Colours and backgrounds for common.css
  4. -------------------------------------------------------------- */
  5.  
  6. html, body {
  7. color: #536482;
  8. background-color: #F5F7FA;
  9. }
  10.  
  11. h1 {
  12. color: #FFFFFF;
  13. }
  14.  
  15. h2 {
  16. color: #28313F;
  17. }
  18.  
  19. h3 {
  20. border-bottom-color: #CCCCCC;
  21. color: #115098;
  22. }
  23.  
  24. hr {
  25. border-color: #FFFFFF;
  26. border-top-color: #CCCCCC;
  27. }
  28.  
  29. /* Search box
  30. --------------------------------------------- */
  31.  
  32. .search-box .inputbox,
  33. .search-box .inputbox:hover,
  34. .search-box .inputbox:focus,
  35. .search-box .button:hover {
  36. border-color: #C7C3BF;
  37. }
  38.  
  39. .search-header {
  40. box-shadow: 0 0 10px #0075B0;
  41. }
  42.  
  43. /* Round cornered boxes and backgrounds
  44. ---------------------------------------- */
  45. #wrap {
  46. background-color: #FFF;
  47. border-color: #E6E9ED;
  48. }
  49.  
  50. .headerbar {
  51. background-color: #12A3EB;
  52. background-image: url("./images/bg_header.gif");
  53. color: #FFFFFF;
  54. }
  55.  
  56. .navbar {
  57. background-color: #cadceb;
  58. }
  59.  
  60. .forabg {
  61. background-color: #0076b1;
  62. background-image: url("./images/bg_list.gif");
  63. }
  64.  
  65. .forumbg {
  66. background-color: #12A3EB;
  67. background-image: url("./images/bg_header.gif");
  68. }
  69.  
  70. .panel {
  71. background-color: #ECF1F3;
  72. color: #28313F;
  73. }
  74.  
  75. .post:target .content {
  76. color: #000000;
  77. }
  78.  
  79. .post:target h3 a {
  80. color: #000000;
  81. }
  82.  
  83. .bg1 {
  84. background-color: #ECF3F7;
  85. }
  86.  
  87. table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
  88. background-color: #ECF3F7;
  89. }
  90.  
  91. .bg2 {
  92. background-color: #e1ebf2;
  93. }
  94.  
  95. table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
  96. background-color: #e1ebf2;
  97. }
  98.  
  99. .bg3 {
  100. background-color: #cadceb;
  101. }
  102.  
  103. .ucprowbg {
  104. background-color: #DCDEE2;
  105. }
  106.  
  107. .fieldsbg {
  108. background-color: #E7E8EA;
  109. }
  110.  
  111. /* Horizontal lists
  112. ----------------------------------------*/
  113.  
  114. ul.navlinks {
  115. border-top-color: #FFFFFF;
  116. }
  117.  
  118. /* Table styles
  119. ----------------------------------------*/
  120. table.table1 thead th {
  121. color: #FFFFFF;
  122. }
  123.  
  124. table.table1 tbody tr {
  125. border-color: #BFC1CF;
  126. }
  127.  
  128. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  129. background-color: #CFE1F6;
  130. color: #000;
  131. }
  132.  
  133. table.table1 td {
  134. color: #536482;
  135. }
  136.  
  137. table.table1 tbody td {
  138. border-top-color: #FAFAFA;
  139. }
  140.  
  141. table.table1 tbody th {
  142. border-bottom-color: #000000;
  143. color: #333333;
  144. background-color: #FFFFFF;
  145. }
  146.  
  147. table.info tbody th {
  148. color: #000000;
  149. }
  150.  
  151. /* Misc layout styles
  152. ---------------------------------------- */
  153. dl.details dt {
  154. color: #000000;
  155. }
  156.  
  157. dl.details dd {
  158. color: #536482;
  159. }
  160.  
  161. .sep {
  162. color: #1198D9;
  163. }
  164.  
  165. /* Pagination
  166. ---------------------------------------- */
  167.  
  168. .pagination li a {
  169. background-color: #ECEDEE;
  170. border-color: #B4BAC0;
  171. color: #5C758C;
  172. }
  173.  
  174. .pagination li.ellipsis span {
  175. background-color: transparent;
  176. color: #000000;
  177. }
  178.  
  179. .pagination li.active span {
  180. background-color: #4692BF;
  181. border-color: #4692BF;
  182. color: #FFFFFF;
  183. }
  184.  
  185. .pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
  186. background-color: #368AD2;
  187. border-color: #368AD2;
  188. color: #FFFFFF;
  189. }
  190.  
  191. .pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
  192. background-image: url("./images/icons_pagination.png");
  193. }
  194.  
  195. /* Pagination in viewforum for multipage topics */
  196. .row .pagination {
  197. background-image: url("./images/icon_pages.gif");
  198. }
  199.  
  200. /* Miscellaneous styles
  201. ---------------------------------------- */
  202.  
  203. .copyright {
  204. color: #555555;
  205. }
  206.  
  207. .error {
  208. color: #BC2A4D;
  209. }
  210.  
  211. .reported {
  212. background-color: #F7ECEF;
  213. }
  214.  
  215. li.reported:hover {
  216. background-color: #ECD5D8 !important;
  217. }
  218. .sticky, .announce {
  219. /* you can add a background for stickies and announcements*/
  220. }
  221.  
  222. div.rules {
  223. background-color: #ECD5D8;
  224. color: #BC2A4D;
  225. }
  226.  
  227. p.post-notice {
  228. background-color: #ECD5D8;
  229. background-image: none;
  230. }
  231.  
  232. p.post-notice.deleted:before {
  233. background-image: url("./images/icon_topic_deleted.png");
  234. }
  235.  
  236. p.post-notice.unapproved:before {
  237. background-image: url("./images/icon_topic_unapproved.gif");
  238. }
  239.  
  240. p.post-notice.reported:before, p.post-notice.error:before {
  241. background-image: url("./images/icon_topic_reported.gif");
  242. }
  243.  
  244. /*
  245. --------------------------------------------------------------
  246. Colours and backgrounds for links.css
  247. -------------------------------------------------------------- */
  248.  
  249. a { color: #105289; }
  250. a:hover { color: #D31141; }
  251.  
  252. /* Links on gradient backgrounds */
  253. .forumbg .header a, .forabg .header a, th a {
  254. color: #FFFFFF;
  255. }
  256.  
  257. .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  258. color: #A8D8FF;
  259. }
  260.  
  261. /* Notification mark read link */
  262. .dropdown-extended a.mark_read {
  263. background-color: #FFFFFF;
  264. }
  265.  
  266. /* Post body links */
  267. .postlink {
  268. border-bottom-color: #368AD2;
  269. color: #368AD2;
  270. }
  271.  
  272. .postlink:visited {
  273. border-bottom-color: #5D8FBD;
  274. color: #5D8FBD;
  275. }
  276.  
  277. .postlink:hover {
  278. background-color: #D0E4F6;
  279. color: #0D4473;
  280. }
  281.  
  282. .signature a, .signature a:hover {
  283. background-color: transparent;
  284. }
  285.  
  286. /* Back to top of page */
  287. a.top {
  288. background-image: url("./images/icon_back_top.gif");
  289. }
  290.  
  291. a.top2 {
  292. background-image: url("./images/icon_back_top.gif");
  293. }
  294.  
  295. /* Arrow links */
  296. a.arrow-up { background-image: url("./images/arrow_up.gif"); }
  297. a.arrow-down { background-image: url("./images/arrow_down.gif"); }
  298. a.arrow-left { background-image: url("./images/arrow_left.gif"); }
  299. a.arrow-right { background-image: url("./images/arrow_right.gif"); }
  300.  
  301. a.arrow-up:hover {
  302. background-color: transparent;
  303. }
  304.  
  305. a.arrow-left:hover {
  306. color: #368AD2;
  307. }
  308.  
  309. a.arrow-right:hover {
  310. color: #368AD2;
  311. }
  312.  
  313. /*
  314. --------------------------------------------------------------
  315. Colours and backgrounds for content.css
  316. -------------------------------------------------------------- */
  317.  
  318. ul.forums {
  319. background-color: #eef5f9;
  320. background-image: url("./images/gradient.gif");
  321. }
  322.  
  323. ul.topiclist li {
  324. color: #4C5D77;
  325. }
  326.  
  327. ul.topiclist dd {
  328. border-left-color: #FFFFFF;
  329. }
  330.  
  331. .rtl ul.topiclist dd {
  332. border-right-color: #fff;
  333. border-left-color: transparent;
  334. }
  335.  
  336. ul.topiclist li.row dt a.subforum.read {
  337. background-image: url("./images/subforum_read.gif");
  338. }
  339.  
  340. ul.topiclist li.row dt a.subforum.unread {
  341. background-image: url("./images/subforum_unread.gif");
  342. }
  343.  
  344. li.row {
  345. border-top-color: #FFFFFF;
  346. border-bottom-color: #00608F;
  347. }
  348.  
  349. li.row strong {
  350. color: #000000;
  351. }
  352.  
  353. li.row:hover {
  354. background-color: #F6F4D0;
  355. }
  356.  
  357. li.row:hover dd {
  358. border-left-color: #CCCCCC;
  359. }
  360.  
  361. .rtl li.row:hover dd {
  362. border-right-color: #CCCCCC;
  363. border-left-color: transparent;
  364. }
  365.  
  366. li.header dt, li.header dd {
  367. color: #FFFFFF;
  368. }
  369.  
  370. /* Post body styles
  371. ----------------------------------------*/
  372. .postbody {
  373. color: #333333;
  374. }
  375.  
  376. /* Content container styles
  377. ----------------------------------------*/
  378. .content {
  379. color: #333333;
  380. }
  381.  
  382. .content h2, .panel h2 {
  383. color: #115098;
  384. border-bottom-color: #CCCCCC;
  385. }
  386.  
  387. dl.faq dt {
  388. color: #333333;
  389. }
  390.  
  391. .posthilit {
  392. background-color: #F3BFCC;
  393. color: #BC2A4D;
  394. }
  395.  
  396. .announce, .unreadpost {
  397. /* Highlight the announcements & unread posts box */
  398. }
  399.  
  400. /* Post signature */
  401. .signature {
  402. border-top-color: #CCCCCC;
  403. }
  404.  
  405. /* Post noticies */
  406. .notice {
  407. border-top-color: #CCCCCC;
  408. }
  409.  
  410. /* BB Code styles
  411. ----------------------------------------*/
  412. /* Quote block */
  413. blockquote {
  414. background-color: #EBEADD;
  415. background-image: url("./images/quote.gif");
  416. border-color:#DBDBCE;
  417. }
  418.  
  419. .rtl blockquote {
  420. background-image: url("./images/quote_rtl.gif");
  421. }
  422.  
  423. blockquote blockquote {
  424. /* Nested quotes */
  425. background-color:#EFEED9;
  426. }
  427.  
  428. blockquote blockquote blockquote {
  429. /* Nested quotes */
  430. background-color: #EBEADD;
  431. }
  432.  
  433. /* Code block */
  434. .codebox {
  435. background-color: #FFFFFF;
  436. border-color: #C9D2D8;
  437. }
  438.  
  439. .codebox p {
  440. border-bottom-color: #CCCCCC;
  441. }
  442.  
  443. .codebox code {
  444. color: #2E8B57;
  445. }
  446.  
  447. .syntaxbg { color: #FFFFFF; }
  448. .syntaxcomment { color: #FF8000; }
  449. .syntaxdefault { color: #0000BB; }
  450. .syntaxhtml { color: #000000; }
  451. .syntaxkeyword { color: #007700; }
  452. .syntaxstring { color: #DD0000; }
  453.  
  454. /* Attachments
  455. ----------------------------------------*/
  456. .attachbox {
  457. background-color: #FFFFFF;
  458. border-color: #C9D2D8;
  459. }
  460.  
  461. .pm-message .attachbox {
  462. background-color: #F2F3F3;
  463. }
  464.  
  465. .attachbox dd {
  466. border-top-color: #C9D2D8;
  467. }
  468.  
  469. .attachbox p {
  470. color: #666666;
  471. }
  472.  
  473. .attachbox p.stats {
  474. color: #666666;
  475. }
  476.  
  477. .attach-image img {
  478. border-color: #999999;
  479. }
  480.  
  481. /* Inline image thumbnails */
  482.  
  483. dl.file dd {
  484. color: #666666;
  485. }
  486.  
  487. dl.thumbnail img {
  488. border-color: #666666;
  489. background-color: #FFFFFF;
  490. }
  491.  
  492. dl.thumbnail dd {
  493. color: #666666;
  494. }
  495.  
  496. dl.thumbnail dt a:hover {
  497. background-color: #EEEEEE;
  498. }
  499.  
  500. dl.thumbnail dt a:hover img {
  501. border-color: #368AD2;
  502. }
  503.  
  504. /* Post poll styles
  505. ----------------------------------------*/
  506.  
  507. fieldset.polls dl {
  508. border-top-color: #DCDEE2;
  509. color: #666666;
  510. }
  511.  
  512. fieldset.polls dl.voted {
  513. color: #000000;
  514. }
  515.  
  516. fieldset.polls dd div {
  517. color: #FFFFFF;
  518. }
  519.  
  520. .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
  521. border-right-color: transparent;
  522. }
  523.  
  524. .pollbar1 {
  525. background-color: #AA2346;
  526. border-bottom-color: #74162C;
  527. border-right-color: #74162C;
  528. }
  529.  
  530. .rtl .pollbar1 {
  531. border-left-color: #74162C;
  532. }
  533.  
  534. .pollbar2 {
  535. background-color: #BE1E4A;
  536. border-bottom-color: #8C1C38;
  537. border-right-color: #8C1C38;
  538. }
  539.  
  540. .rtl .pollbar2 {
  541. border-left-color: #8C1C38;
  542. }
  543.  
  544. .pollbar3 {
  545. background-color: #D11A4E;
  546. border-bottom-color: #AA2346;
  547. border-right-color: #AA2346;
  548. }
  549.  
  550. .rtl .pollbar3 {
  551. border-left-color: #AA2346;
  552. }
  553.  
  554. .pollbar4 {
  555. background-color: #E41653;
  556. border-bottom-color: #BE1E4A;
  557. border-right-color: #BE1E4A;
  558. }
  559.  
  560. .rtl .pollbar4 {
  561. border-left-color: #BE1E4A;
  562. }
  563.  
  564. .pollbar5 {
  565. background-color: #F81157;
  566. border-bottom-color: #D11A4E;
  567. border-right-color: #D11A4E;
  568. }
  569.  
  570. .rtl .pollbar5 {
  571. border-left-color: #D11A4E;
  572. }
  573.  
  574. /* Poster profile block
  575. ----------------------------------------*/
  576. .postprofile {
  577. color: #666666;
  578. border-color: #FFFFFF;
  579. }
  580.  
  581. .pm .postprofile {
  582. border-color: #DDDDDD;
  583. }
  584.  
  585. .postprofile strong {
  586. color: #000000;
  587. }
  588.  
  589. .online {
  590. background-image: url("./en/icon_user_online.gif");
  591. }
  592.  
  593. dd.profile-warnings {
  594. color: #BC2A4D;
  595. }
  596.  
  597. /*
  598. --------------------------------------------------------------
  599. Colours and backgrounds for buttons.css
  600. -------------------------------------------------------------- */
  601. .button {
  602. border-color: #C7C3BF;
  603. background-color: #FFFFFF;
  604. background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
  605. background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
  606. background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
  607. background-image: linear-gradient(to bottom, #FFFFFF, #E9E9E9);
  608. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9')";
  609. box-shadow: 0 0 0 1px #FFFFFF inset;
  610. -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
  611. color: #D31141;
  612. }
  613.  
  614. .dropdown-select {
  615. color: #536482;
  616. }
  617.  
  618. .button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
  619. border-color: #0a8ed0;
  620. background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF);
  621. background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF);
  622. background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF);
  623. background-image: linear-gradient(to bottom, #E9E9E9, #FFFFFF);
  624. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#FFFFFF')";
  625. text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
  626. }
  627.  
  628. .dropdown-select:after { border-color: #DADADA; }
  629. .dropdown-select:hover { border-color: #C7C3BF; }
  630.  
  631. .dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {
  632. border-color: #A6B2BA;
  633. color: #105289;
  634. }
  635.  
  636. .contact-icons a { border-color: #DCDCDC; }
  637. .contact-icons a:hover { background-color: #F2F6F9; }
  638.  
  639. /* Icon images
  640. ---------------------------------------- */
  641. .icon-acp { background-image: url("./images/icon_acp.gif"); }
  642. .icon-bookmark { background-image: url("./images/icon_bookmark.gif"); }
  643. .icon-bump { background-image: url("./images/icon_bump.gif"); }
  644. .icon-contact { background-image: url("./images/icon_pm.gif"); }
  645. .icon-delete-cookies { background-image: url("./images/icon_delete_cookies.gif"); }
  646. .icon-download { background-image: url("./images/icon_download.gif"); }
  647. .icon-faq { background-image: url("./images/icon_faq.gif"); }
  648. .icon-home { background-image: url("./images/icon_home.gif"); }
  649. .icon-logout { background-image: url("./images/icon_logout.gif"); }
  650. .icon-mark { background-image: url("./images/icon_mark.gif"); }
  651. .icon-mcp { background-image: url("./images/icon_mcp.gif"); }
  652. .icon-members { background-image: url("./images/icon_members.gif"); }
  653. .icon-notification { background-image: url("./images/icon_notification.gif"); }
  654. .icon-pages { background-image: url("./images/icon_pages.gif"); }
  655. .icon-pm { background-image: url("./images/icon_pm.gif"); }
  656. .icon-print { background-image: url("./images/icon_print.gif"); }
  657. .icon-profile { background-image: url("./images/icon_profile.gif"); }
  658. .icon-register { background-image: url("./images/icon_register.gif"); }
  659. .icon-search, .responsive-search a { background-image: url("./images/icon_search.gif"); }
  660. .icon-search-active { background-image: url("./images/subforum_read.gif"); }
  661. .icon-search-new { background-image: url("./images/subforum_unread.gif"); }
  662. .icon-search-self { background-image: url("./images/icon_topic_latest.gif"); }
  663. .icon-search-unanswered { background-image: url("./images/icon_post_target.gif"); }
  664. .icon-search-unread { background-image: url("./images/subforum_unread.gif"); }
  665. .icon-sendemail { background-image: url("./images/icon_sendemail.gif"); }
  666. .icon-subscribe { background-image: url("./images/icon_subscribe.gif"); }
  667. .icon-team { background-image: url("./images/icon_team.gif"); }
  668. .icon-ucp { background-image: url("./images/icon_ucp.gif"); }
  669. .icon-unsubscribe { background-image: url("./images/icon_unsubscribe.gif"); }
  670.  
  671. /* Profile & navigation icons */
  672. .contact-icon { background-image: url("./images/icons_contact.png"); }
  673. .icon-button:before, .dropdown-select:after { background-image: url("./images/icons_button.png"); }
  674.  
  675. /* Forum icons & Topic icons */
  676. .global_read { background-image: url("./images/announce_read.gif"); }
  677. .global_read_mine { background-image: url("./images/announce_read_mine.gif"); }
  678. .global_read_locked { background-image: url("./images/announce_read_locked.gif"); }
  679. .global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
  680. .global_unread { background-image: url("./images/announce_unread.gif"); }
  681. .global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
  682. .global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
  683. .global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
  684.  
  685. .announce_read { background-image: url("./images/announce_read.gif"); }
  686. .announce_read_mine { background-image: url("./images/announce_read_mine.gif"); }
  687. .announce_read_locked { background-image: url("./images/announce_read_locked.gif"); }
  688. .announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
  689. .announce_unread { background-image: url("./images/announce_unread.gif"); }
  690. .announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
  691. .announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
  692. .announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
  693.  
  694. .forum_link { background-image: url("./images/forum_link.gif"); }
  695. .forum_read { background-image: url("./images/forum_read.gif"); }
  696. .forum_read_locked { background-image: url("./images/forum_read_locked.gif"); }
  697. .forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); }
  698. .forum_unread { background-image: url("./images/forum_unread.gif"); }
  699. .forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); }
  700. .forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); }
  701.  
  702. .sticky_read { background-image: url("./images/sticky_read.gif"); }
  703. .sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); }
  704. .sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); }
  705. .sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); }
  706. .sticky_unread { background-image: url("./images/sticky_unread.gif"); }
  707. .sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); }
  708. .sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); }
  709. .sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); }
  710.  
  711. .topic_moved { background-image: url("./images/topic_moved.gif"); }
  712. .topic_read { background-image: url("./images/topic_read.gif"); }
  713. .topic_read_mine { background-image: url("./images/topic_read_mine.gif"); }
  714. .topic_read_hot { background-image: url("./images/topic_read_hot.gif"); }
  715. .topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); }
  716. .topic_read_locked { background-image: url("./images/topic_read_locked.gif"); }
  717. .topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); }
  718. .topic_unread { background-image: url("./images/topic_unread.gif"); }
  719. .topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); }
  720. .topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); }
  721. .topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); }
  722. .topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); }
  723. .topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }
  724.  
  725. .pm_read { background-image: url("./images/topic_read.gif"); }
  726. .pm_unread { background-image: url("./images/topic_unread.gif"); }
  727.  
  728. /*
  729. --------------------------------------------------------------
  730. Colours and backgrounds for cp.css
  731. -------------------------------------------------------------- */
  732.  
  733. /* Main CP box
  734. ----------------------------------------*/
  735.  
  736. .panel-container h3, .panel-container hr, #cp-menu hr {
  737. border-color: #A4B3BF;
  738. }
  739.  
  740. .panel-container .panel li.row {
  741. border-bottom-color: #B5C1CB;
  742. border-top-color: #F9F9F9;
  743. }
  744.  
  745. ul.cplist {
  746. border-top-color: #B5C1CB;
  747. }
  748.  
  749. .panel-container .panel li.header dd, .panel-container .panel li.header dt {
  750. color: #000000;
  751. }
  752.  
  753. .panel-container table.table1 thead th {
  754. color: #333333;
  755. border-bottom-color: #333333;
  756. }
  757.  
  758. #cp-main .pm-message {
  759. border-color: #DBDEE2;
  760. background-color: #FFFFFF;
  761. }
  762.  
  763. /* CP tabbed menu
  764. ----------------------------------------*/
  765. #tabs .tab > a {
  766. background: #BACCD9;
  767. color: #536482;
  768. }
  769.  
  770. #tabs .tab > a:hover {
  771. background: #DDEDFB;
  772. color: #D31141;
  773. }
  774.  
  775. #tabs .activetab > a,
  776. #tabs .activetab > a:hover {
  777. background: #CADCEB;
  778. background: -moz-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  779. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2F2FF), color-stop(100%, #CADCEB));
  780. background: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  781. background: -o-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  782. background: -ms-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
  783. background: linear-gradient(to bottom, #E2F2FF 0%, #CADCEB 100%);
  784. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB', GradientType=0 );
  785. border-color: #CADCEB;
  786. box-shadow: 0 1px 1px #F2F9FF inset;
  787. color: #333333;
  788. }
  789.  
  790. #tabs .activetab > a:hover {
  791. color: #000000;
  792. }
  793.  
  794. /* Mini tabbed menu used in MCP
  795. ----------------------------------------*/
  796. #minitabs .tab > a {
  797. background-color: #E1EBF2;
  798. }
  799.  
  800. #minitabs .activetab > a,
  801. #minitabs .activetab > a:hover {
  802. background-color: #F9F9F9;
  803. color: #333333;
  804. }
  805.  
  806. /* Responsive tabs
  807. ----------------------------------------*/
  808. .responsive-tab .responsive-tab-link:before {
  809. border-color: #536482;
  810. }
  811.  
  812. .responsive-tab .responsive-tab-link:hover:before {
  813. border-color: #D31141;
  814. }
  815.  
  816. /* UCP navigation menu
  817. ----------------------------------------*/
  818.  
  819. /* Link styles for the sub-section links */
  820. #navigation a {
  821. color: #333;
  822. background: #B4C4D1;
  823. background: -moz-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  824. background: -webkit-gradient(left top, right top, color-stop(50%, #B4C4D1), color-stop(100%, #CADCEB));
  825. background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  826. background: -o-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  827. background: -ms-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
  828. background: linear-gradient(to right, #B4C4D1 50%, #CADCEB 100%);
  829. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB', GradientType=1 );
  830. }
  831.  
  832. .rtl #navigation a {
  833. background: #B4C4D1;
  834. background: -moz-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  835. background: -webkit-gradient(left top, right top, color-stop(0%, #CADCEB), color-stop(50%, #B4C4D1));
  836. background: -webkit-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  837. background: -o-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  838. background: -ms-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
  839. background: linear-gradient(to right, #CADCEB 0%, #B4C4D1 50%);
  840. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1', GradientType=1 );
  841. }
  842.  
  843. #navigation a:hover {
  844. background: #AABAC6;
  845. color: #BC2A4D;
  846. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  847. }
  848.  
  849. #navigation #active-subsection a {
  850. background: #F9F9F9;
  851. color: #D31141;
  852. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  853. }
  854.  
  855. #navigation #active-subsection a:hover {
  856. color: #D31141;
  857. }
  858.  
  859. @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
  860. {
  861. #navigation a, .rtl #navigation a {
  862. background: #B2C2CF;
  863. }
  864. }
  865.  
  866. /* Preferences pane layout
  867. ----------------------------------------*/
  868. .panel-container h2 {
  869. color: #333333;
  870. }
  871.  
  872. .panel-container .panel {
  873. background-color: #F9F9F9;
  874. }
  875.  
  876. #cp-main .pm {
  877. background-color: #FFFFFF;
  878. }
  879.  
  880. /* Friends list */
  881. .cp-mini {
  882. background-color: #eef5f9;
  883. }
  884.  
  885. dl.mini dt {
  886. color: #425067;
  887. }
  888.  
  889. /* PM Styles
  890. ----------------------------------------*/
  891. /* PM Message history */
  892. .current {
  893. color: #000000 !important;
  894. }
  895.  
  896. /* PM marking colours */
  897. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  898. border-left-color: #BC2A4D;
  899. border-right-color: #BC2A4D;
  900. }
  901.  
  902. .pmlist li.pm_marked_colour, .pm_marked_colour {
  903. border-color: #FF6600;
  904. }
  905.  
  906. .pmlist li.pm_replied_colour, .pm_replied_colour {
  907. border-color: #A9B8C2;
  908. }
  909.  
  910. .pmlist li.pm_friend_colour, .pm_friend_colour {
  911. border-color: #5D8FBD;
  912. }
  913.  
  914. .pmlist li.pm_foe_colour, .pm_foe_colour {
  915. border-color: #000000;
  916. }
  917.  
  918. /* Avatar gallery */
  919. #gallery label {
  920. background: #FFFFFF;
  921. border-color: #CCC;
  922. }
  923.  
  924. #gallery label:hover {
  925. background-color: #EEE;
  926. }
  927.  
  928. /*
  929. --------------------------------------------------------------
  930. Colours and backgrounds for forms.css
  931. -------------------------------------------------------------- */
  932.  
  933. /* General form styles
  934. ----------------------------------------*/
  935. select {
  936. border-color: #666666;
  937. background-color: #FAFAFA;
  938. color: #000;
  939. }
  940.  
  941. label {
  942. color: #425067;
  943. }
  944.  
  945. option.disabled-option {
  946. color: graytext;
  947. }
  948.  
  949. /* Definition list layout for forms
  950. ---------------------------------------- */
  951. dd label {
  952. color: #333;
  953. }
  954.  
  955. fieldset.fields1 {
  956. background-color: transparent;
  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. #message-box textarea.drag-n-drop {
  981. outline-color: rgba(102, 102, 102, 0.5);
  982. }
  983.  
  984. #message-box textarea.drag-n-drop-highlight {
  985. outline-color: rgba(17, 163, 234, 0.5);
  986. }
  987.  
  988. /* Input field styles
  989. ---------------------------------------- */
  990. .inputbox {
  991. background-color: #FFFFFF;
  992. border-color: #B4BAC0;
  993. color: #333333;
  994. }
  995.  
  996. .inputbox:-moz-placeholder {
  997. color: #333333;
  998. }
  999.  
  1000. .inputbox::-webkit-input-placeholder {
  1001. color: #333333;
  1002. }
  1003.  
  1004. .inputbox:hover {
  1005. border-color: #11A3EA;
  1006. }
  1007.  
  1008. .inputbox:focus {
  1009. border-color: #11A3EA;
  1010. color: #0F4987;
  1011. }
  1012.  
  1013. .inputbox:focus:-moz-placeholder {
  1014. color: transparent;
  1015. }
  1016.  
  1017. .inputbox:focus::-webkit-input-placeholder {
  1018. color: transparent;
  1019. }
  1020.  
  1021.  
  1022. /* Form button styles
  1023. ---------------------------------------- */
  1024.  
  1025. a.button1, input.button1, input.button3, a.button2, input.button2 {
  1026. color: #000;
  1027. background-color: #FAFAFA;
  1028. background-image: url("./images/bg_button.gif");
  1029. }
  1030.  
  1031. a.button1, input.button1 {
  1032. border-color: #666666;
  1033. }
  1034.  
  1035. input.button3 {
  1036. background-image: none;
  1037. }
  1038.  
  1039. /* Alternative button */
  1040. a.button2, input.button2, input.button3 {
  1041. border-color: #666666;
  1042. }
  1043.  
  1044. /* <a> button in the style of the form buttons */
  1045. a.button1, a.button2 {
  1046. color: #000000;
  1047. }
  1048.  
  1049. /* Hover states */
  1050. a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  1051. border-color: #BC2A4D;
  1052. color: #BC2A4D;
  1053. }
  1054.  
  1055. /* Focus states */
  1056. input.button1:focus, input.button2:focus, input.button3:focus {
  1057. border-color: #11A3EA;
  1058. color: #0F4987;
  1059. }
  1060.  
  1061. input.search {
  1062. background-image: url("./images/icon_textbox_search.gif");
  1063. }
  1064.  
  1065. input.disabled {
  1066. color: #666666;
  1067. }
  1068.  
  1069. /* jQuery popups
  1070. ---------------------------------------- */
  1071. .phpbb_alert {
  1072. background-color: #FFFFFF;
  1073. border-color: #999999;
  1074. }
  1075. .phpbb_alert .alert_close {
  1076. background-image: url("./images/alert_close.png");
  1077. }
  1078. #darken {
  1079. background-color: #000000;
  1080. }
  1081.  
  1082. #loading_indicator {
  1083. background-color: #000000;
  1084. background-image: url("./images/loading.gif");
  1085. }
  1086.  
  1087. .dropdown-extended ul li {
  1088. border-top-color: #B9B9B9;
  1089. }
  1090.  
  1091. .dropdown-extended ul li:hover {
  1092. background-color: #CFE1F6;
  1093. color: #000000;
  1094. }
  1095.  
  1096. .dropdown-extended .header, .dropdown-extended .footer {
  1097. border-color: #B9B9B9;
  1098. color: #000000;
  1099. }
  1100.  
  1101. .dropdown-extended .footer {
  1102. border-top-style: solid;
  1103. border-top-width: 1px;
  1104. }
  1105.  
  1106. .dropdown-extended .header {
  1107. background: #F1F8FF;
  1108. background: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  1109. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F8FF), color-stop(100%, #CADCEB));
  1110. background: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  1111. background: -o-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  1112. background: -ms-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
  1113. background: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%);
  1114. }
  1115.  
  1116. .dropdown .pointer {
  1117. border-color: #B9B9B9 transparent;
  1118. }
  1119.  
  1120. .dropdown .pointer-inner {
  1121. border-color: #FFF transparent;
  1122. }
  1123.  
  1124. .dropdown-extended .pointer-inner {
  1125. border-color: #F1F8FF transparent;
  1126. }
  1127.  
  1128. ul.linklist li.responsive-menu a.responsive-menu-link:before {
  1129. border-color: #105289;
  1130. }
  1131.  
  1132. ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
  1133. border-color: #D31141;
  1134. }
  1135.  
  1136. .dropdown .dropdown-contents {
  1137. background: #fff;
  1138. border-color: #b9b9b9;
  1139. box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
  1140. }
  1141.  
  1142. .dropdown-up .dropdown-contents {
  1143. box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
  1144. }
  1145.  
  1146. .dropdown li, .dropdown li li {
  1147. border-color: #DCDCDC;
  1148. }
  1149.  
  1150. .dropdown li.separator {
  1151. border-color: #DCDCDC;
  1152. }
  1153.  
  1154. /* Notifications
  1155. ---------------------------------------- */
  1156.  
  1157. .notification_list p.notification-time {
  1158. color: #4C5D77;
  1159. }
  1160.  
  1161. li.notification-reported strong, li.notification-disapproved strong {
  1162. color: #D31141;
  1163. }
Advertisement
Add Comment
Please, Sign In to add comment