AZJIO

purebasic.fr style2

May 17th, 2021 (edited)
520
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* high-contrast text */
  2. h2, .panel-container h2, .forumbg .header a, .forabg .header a, th a, .tabs .activetab > a, .tabs .activetab > a:hover, .tabs .tab a:hover, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .panel-container .panel li.header dd, .panel-container .panel li.header dt, label:hover, fieldset dl:hover dt label, dl.faq dt, h3, .content h2, .panel h2, fieldset.polls dl.voted, .button .icon, .inputbox, textarea, .message-box textarea, .panel-container table.table1 thead th, li.header dt, li.header dd, a.button1, input.button1, input.button3, a.button2, input.button2, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, .postbody .content, .pagination li a, select, .button .icon, .button-secondary, .global_read_mine:after, .global_read_locked_mine:after, .global_unread_mine:after, .global_unread_locked_mine:after, .announce_read_mine:after, .announce_read_locked_mine:after, .announce_unread_mine:after, .announce_unread_locked_mine:after, .sticky_read_mine:after, .sticky_read_locked_mine:after, .sticky_unread_mine:after, .sticky_unread_locked_mine:after, .topic_read_mine:after, .topic_read_hot_mine:after, .topic_unread_mine:after, .topic_unread_hot_mine:after, .topic_read_locked_mine:after, .topic_unread_locked_mine:after, .dropdown-extended .header, .dropdown-extended .footer, .pagination li.ellipsis span, .icon.icon-black, a:hover .icon.icon-black, .minitabs a:hover, .minitabs .activetab > a, .minitabs .activetab > a:hover {
  3.     color: #aaa !important;
  4. }
  5.  
  6.  
  7. /* subtle text */
  8. html, body, .headerbar p, .copyright, ul.topiclist li, .panel, label, dd label, .signature, .postprofile, .postprofile strong, dl.details dd, dl.details dt, .content, .postbody, fieldset.polls dl, dl.file dd, table.table1 td, .dropdown-extended ul li:hover, .button {
  9.     color: #aaa;
  10. }
  11.  
  12.  
  13.  
  14.  
  15.  
  16. /* Light bg colours */
  17. .headerbar, .navbar, .forabg, .forumbg, li.row, .bg1, .bg2, .bg3, .tabs .activetab > a, .tabs a:hover, ul.cplist, .panel, blockquote blockquote, .panel blockquote, .panel blockquote blockquote blockquote, .panel .codebox, .dropdown .dropdown-contents, .jumpbox-cat-link, .jumpbox-sub-link, .jumpbox-forum-link, .cp-main .message-box textarea, fieldset.quick-login input.inputbox {
  18.     background: #222 !important;
  19. }
  20.  
  21. /* Dark bg colours */
  22. html, body, .wrap, .panel-container .panel, .navigation .active-subsection a, .navigation a:hover, .cp-mini, .codebox, blockquote, blockquote blockquote blockquote, .panel blockquote blockquote, .attachbox, .message-box textarea, .phpbb_alert, select, .minitabs a:hover, .minitabs .activetab > a, .minitabs .activetab > a:hover, .cp-main .pm, .bg3 .topicreview .bg2, .bg3 .topicreview .bg1 {
  23.     background-color: #333 !important;
  24. }
  25.  
  26. /* Middle grey (dark bg) */
  27. .tabs .tab > a {
  28.     background: rgba(255,255,255,0.04);
  29. }
  30.  
  31. /* Middle grey (light bg) */
  32. .navigation a, .minitabs .tab > a {
  33.     background: rgba(0,0,0,0.15);
  34. }
  35.  
  36.  
  37.  
  38.  
  39.  
  40. /* Really light elements (buttons / forms etc) */
  41. .inputbox, .button, a.button1, input.button1, input.button3, a.button2, input.button2, .pagination li a {
  42.     background: rgba(255,255,255,0.1);
  43. }
  44.  
  45. /* button hover */
  46. .button:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover,  .search-results li:hover, .search-results li.active {
  47.     background: rgba(255,255,255,0.2);
  48. }
  49.  
  50.  
  51.  
  52.  
  53.  
  54. /* Super subtle borders */
  55. .forumbg, .forabg, .navbar, .headerbar, .post, .bg3, .panel blockquote, .panel blockquote, .panel .codebox  {
  56.     border: 1px solid rgba(255,255,255,0.04);
  57. }
  58.  
  59. li.row, ul.linklist li, h3, ul.linklist, ul.topiclist dd, .postprofile, .signature, .tabs .activetab > a, .tabs .activetab > a:hover, .panel-container h3, .panel-container .panel li.row, .panel-container hr, .cp-menu hr, table.table1 tbody tr, table.table1 tbody td, hr, .panel h2, .content h2, .codebox, .codebox p, fieldset.polls dl, .attach-image img, .attachbox, .attachbox dd, .inputbox, .phpbb_alert, a.button1, input.button1, input.button3, a.button2, input.button2, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, .dropdown li.separator, select, .dropdown li, .dropdown li li, .jumpbox .dropdown li, .dropdown-extended .header, .dropdown-extended .footer, input.button1:focus, input.button2:focus, input.button3:focus, .caret, .pm .postprofile {
  60.     border-color: rgba(255,255,255,0.04);
  61. }
  62.  
  63.  
  64. /*A less subtle border for overlapping elements (dropdowns) */
  65. .dropdown .dropdown-contents {
  66.     border-color: rgba(255,255,255,0.15);
  67. }
  68.  
  69.  
  70.  
  71.  
  72. /* Super subtle hover effects */
  73. li.row:hover, .dropdown-extended ul li:hover, table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  74.     background: rgba(0,0,0,0.05) !important;
  75. }
  76.  
  77.  
  78. /* Hacky overrides here, because..reasons */
  79. li.row.reported, p.post-notice {
  80.     background-color: rgba(211,17,65,0.2) !important;
  81.     color: #BC2A4D;
  82. }
  83.  
  84. .dropdown .pointer-inner, .jumpbox .dropdown .pointer-inner {
  85.     border-color: #242a36 transparent;
  86. }
  87.  
  88. .online {
  89.     background-image: url("./en/icon_user_online.gif") !important;
  90.     background-position: 100% 0 !important;
  91.     background-repeat: no-repeat !important;
  92. }
  93.  
  94.  
  95. input#keywords::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  96.   color: #aaa;
  97. }
  98. input#keywords::-moz-placeholder { /* Firefox 19+ */
  99.   color: #aaa;
  100. }
  101. input#keywords:-ms-input-placeholder { /* IE 10+ */
  102.   color: #aaa;
  103. }
  104. input#keywords:-moz-placeholder { /* Firefox 18- */
  105.   color: #aaa;
  106. }
  107.  
  108. input#search_keywords::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  109.   color: #aaa;
  110. }
  111. input#search_keywords::-moz-placeholder { /* Firefox 19+ */
  112.   color: #aaa;
  113. }
  114. input#search_keywords:-ms-input-placeholder { /* IE 10+ */
  115.   color: #aaa;
  116. }
  117. input#search_keywords:-moz-placeholder { /* Firefox 18- */
  118.   color: #aaa;
  119. }
  120.  
  121.  
  122.  
  123.  
  124. /* ------- Forum & Topic Icons (Pulsing) ------- */
  125. dl.row-item {
  126.     background-image: none;
  127. }
  128.  
  129. .forums .row-item:before, .topics .row-item:before, .pmlist .row-item:before, .cplist .row-item:before {
  130.     font-family: FontAwesome;
  131.     text-align: center;
  132.     position: absolute;
  133.     left: 5px;
  134.     top: 4px;
  135.     width: 32px;
  136.     height: 32px;
  137.     line-height: 32px;
  138.     border-radius: 50%;
  139.     background: rgba(255,255,255,0.1);
  140.     font-size: 14px;
  141. }
  142.  
  143. /* Spotted topics */
  144. .global_read_mine:after, .global_read_locked_mine:after, .global_unread_mine:after, .global_unread_locked_mine:after, .announce_read_mine:after, .announce_read_locked_mine:after, .announce_unread_mine:after, .announce_unread_locked_mine:after, .sticky_read_mine:after, .sticky_read_locked_mine:after, .sticky_unread_mine:after, .sticky_unread_locked_mine:after, .topic_read_mine:after, .topic_read_hot_mine:after, .topic_unread_mine:after, .topic_unread_hot_mine:after, .topic_read_locked_mine:after, .topic_unread_locked_mine:after {
  145.     position: absolute;
  146.     top: 6px;
  147.     left: 30px;
  148.     font-family: FontAwesome;
  149.     content: "\f005";
  150.     font-size: 7px;
  151.     width: 6px;
  152.     height: 6px;
  153.     border-radius: 6px;
  154. }
  155.  
  156. /* Adjustments for weirdly sized icons */
  157. /* Nudge the speech bubble up a few pixels */
  158. .topic_read:before, .topic_read_mine:before, .topic_read_hot:before, .topic_read_hot_mine:before, .topic_unread:before, .topic_unread_mine:before, .topic_unread_hot:before, .topic_unread_hot_mine:before {
  159.     line-height: 28px !important;
  160. }
  161.  
  162. /* External link left and down */
  163. .forum_link:before {
  164.     line-height: 0 !important;
  165.     width: 30px !important;
  166.     height: 15px !important;
  167.     padding: 16px 0 1px 2px;
  168. }
  169.  
  170.  
  171.  
  172. /* Unread States */
  173. .global_unread:before, .global_unread_mine:before, .global_unread_locked:before, .global_unread_locked_mine:before, .announce_unread:before, .announce_unread_mine:before, .announce_unread_locked:before, .announce_unread_locked_mine:before, .forum_unread:before, .forum_unread_locked:before, .forum_unread_subforum:before, .sticky_unread:before, .sticky_unread_mine:before, .sticky_unread_locked:before, .sticky_unread_locked_mine:before, .pm_unread:before, .topic_unread:before, .topic_unread_mine:before, .topic_unread_hot:before, .topic_unread_hot_mine:before, .topic_unread_locked:before, .topic_unread_locked_mine:before {
  174.     animation: UnreadPulse 1.4s infinite;
  175.     color: #FFF;
  176. }
  177.  
  178. @media (min-width: 701px) {
  179.    
  180.     .post.online {
  181.         background-image: none;
  182.     }
  183.  
  184.     .post .preonline.online {
  185.         width: 58px;
  186.         height: 58px;
  187.         position: absolute;
  188.         left: 0;
  189.         top: 0;
  190.         -ms-transform: rotate(-90deg);
  191.         -moz-transform: rotate(-90deg);
  192.         -webkit-transform: rotate(-90deg);
  193.         transform: rotate(-90deg);
  194.     }  
  195.  
  196.     .no-avatar .preonline.online {
  197.         position: relative;
  198.         margin: -8px;
  199.     }
  200.        
  201.     .post .postprofile {
  202.         float: left;
  203.         border-width: 0 1px 0 0;
  204.     }
  205.    
  206.     .post .postprofile dd, .post .postprofile dt {
  207.         margin-right: 8px;
  208.         margin-left: 0;
  209.     }
  210.  
  211.     .has-profile .postbody {
  212.         float: right;
  213.         margin-right: 6px;
  214.     }
  215.    
  216. }
RAW Paste Data