API tools faq
paste
Advertisement
AZJIO

PureBasic forum CSS + Stylish

AZJIO
Feb 13th, 2019
958
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.25 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. html, body, table {
  4.     background: #262626!important;
  5.     color: #999!important;
  6. }
  7.  
  8. tbody {
  9.     /* background: #25292B; */
  10.     box-shadow: none!important;
  11.     border: none!important;
  12. }
  13.  
  14. b {
  15.     color: #A09078!important;
  16. }
  17. /* Ссылки с разных классов */
  18. /* Ссылки (889bb0, 7D8FBD, 8888dd) */
  19. /* a:link, a:visited, a:active */
  20. /* {text-decoration:none;color:#7D8FBD;} */
  21.  
  22. a:link, a:visited, a:active, .row1 a:link, .row1 a:visited, .row1, .topicdetails a:link, .topicdetails a:visited, .topicdetails a:active, .genmed a:link, .genmed a:visited, .genmed a:active, a.topictitle:link, a.topictitle:visited, a.topictitle:active, a.titles:link, a.titles:visited, a.titles:active, .topicauthor a:link, .topicauthor a:visited, .topicauthor a:active, .gensmall a:link, .gensmall a:visited, .gensmall a:active, .searchbar a:link, .searchbar a:visited, .searchbar a:active, .moderators a:link, .moderators a:visited, .moderators a:active, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active, .nav a:link, .nav a:visited, .nav a:active, .copyright a:link, .copyright a:visited, .copyright a:active, a:link b, a:visited b, a:active b
  23. {text-decoration:none;color:#7D8FBD !important;}
  24.  
  25.  
  26. a:hover, .row1 a:hover, .topicdetails a:hover, .genmed a:hover, a.topictitle:hover, a.titles:hover, .topicauthor a:hover, .gensmall a:hover, .searchbar a:hover, .moderators a:hover, .breadcrumbs a:hover, .nav a:hover, a:hover b, .copyright a:hover, a:hover b
  27. {text-decoration:underline;color:#e1b234 !important;text-shadow: 0 0 5px rgba(255,255,200,0.9) !important}
  28.  
  29. a[style*="#AA0000"]
  30. /* a[href$="group&g=380"] */
  31. {color:#f99!important;}
  32.  
  33. a.username-coloured {
  34.     color: #f99!important;
  35. }
  36.  
  37. /* текст "Страницы форума", "Сортировать по", "Фильтр по", Member */
  38. table[bgcolor="#FFFFFF"] {
  39.     color: #ABA180!important;
  40. }
  41.  
  42. tr[bgcolor="#FFFFFF"] {
  43.     border: 1px solid #555!important;
  44. }
  45.  
  46. /* Подсвечивает кнопки*/
  47. input.btnlite, input.btnbbcode, input.btnfile, input.btnmain, input.button2, input.post {
  48.     background: rgba(66, 66, 66, 1)!important;
  49.     color: #ABA180!important;
  50.     /* border: 0; */
  51.     border: 1px solid #555!important;
  52.     cursor: pointer!important;
  53.     border-radius: 2px!important;
  54.     outline: none!important;
  55.     margin: 0 .5px!important;
  56. }
  57. /* Подсвечивает наведение на кнопки в светлых постах */
  58. input.btnlite:hover, input.btnbbcode:hover, input.btnfile:hover, input.btnmain:hover, input.button2:hover, input.post:hover {
  59.     background: #505050;
  60.     color: #DBC784;
  61.     border: 1px solid #666;
  62. }
  63.  
  64. input[type=checkbox], input[type=radio] {
  65.     -webkit-filter: invert(77%)!important;
  66.     height: 16px!important;
  67.     width: 16px!important;
  68.     border: 1px solid #555!important;
  69.     border-radius: 4px!important;
  70.     outline: none!important;
  71.     cursor: pointer
  72. }
  73.  
  74. /* Таблица список форумов */
  75. tr[bgcolor="#FFFFFF"] td {
  76.     border: 1px solid #555!important;
  77. }
  78. td[bgcolor="#FFFFFF"] {
  79.     background: #333333!important;
  80.     color: #999!important;
  81. }
  82. td[bgcolor="#EEEEEE"] {
  83.     background: #262626!important;
  84.     color: #999!important;
  85. }
  86.  
  87. td {
  88.     padding: 5px
  89. }
  90.  
  91. table {
  92.     /* background-color: #25292A; */
  93.     /* background-color: #333; */
  94.     color: #999!important;
  95. }
  96. *[name]:focus {
  97.     border: 1px solid #313131!important;
  98. }
  99. form {
  100.     margin-bottom: -1px
  101. }
  102.  
  103. td {
  104.     color: #999!important;
  105. }
  106.  
  107. /* Поле ввода без фокуса, блекло */
  108. textarea, input[type=text], input[type=password], input[type=number] {
  109.     background: #3d3d3d!important;
  110.     border: solid 1px #555!important;
  111.     margin: 2px 0!important;
  112.     outline: none!important;
  113.     color: #999!important;
  114. }
  115. /* Поле ввода при нажатии мыши, кайма контрастно */
  116. textarea:active, textarea[name="message"]:active {
  117.     border: solid 1px #0073E6;
  118. }
  119.  
  120. input[type=number] {
  121.     width: 39px!important;
  122.     padding: 2px 3px 0!important;
  123.     font: 13px/20px sans-serif!important;
  124. }
  125. /* Поле ввода с фокусом, контрастно */
  126. textarea:focus, input[type=number]:focus, input[type=text]:focus, input[type=password]:focus {
  127.     background: #3c3c3c!important;
  128.     color: #999!important;
  129.     border: solid 1px #555!important;
  130. }
  131. /* Поле ввода при нажатии мыши, кайма контрастно */
  132. textarea:active, input[type=number]:active, input[type=text]:active, input[type=password]:active {
  133.     border: solid 1px #0073E6!important;
  134. }
  135. /* Область текста в профиль-настройка */
  136. textarea[name="newsignature"]:focus, textarea[name="newinterests"]:focus, textarea[name="post"]:focus {
  137.     background: #3c3c3c!important;
  138.     color: #999!important;
  139.     border: solid 1px #555!important;
  140. }
  141. textarea[name="newsignature"]:active, textarea[name="newinterests"]:active, textarea[name="post"]:active {
  142.     border: solid 1px #0073E6!important;
  143. }
  144.  
  145. select:active, select:hover {
  146.     background: #246!important;
  147.     color: #999!important;
  148. }
  149. option:hover, option:focus, option:active {
  150.     background: #246!important;
  151.     color: #999!important;
  152. }
  153.  
  154. select.gensmall, select[name="f"], select[name="sk"], select[name="sd"], select[name="ch"], select[name="st"], select[name="attachments"], select[name="first_char"], select[name="limit_count"], select[name="action"], select[name="check_option"], select[name="full_move_to"], select[name="export_option"], select[name="mark_option"], select[name="selected_month"], select[name="sel_month"], select[name="sel_day"], select[name="selected_year"], select[name="sort_by"], select[multiple="multiple"], option {
  155.     background: #3c3c3c!important;
  156.     color: #999!important;
  157.     outline: none!important;
  158.     border: 1px solid #555!important;
  159. }
  160.  
  161. /* Горизонтальная линия в том числе под кнопкой "Редактировать" */
  162. hr{
  163.     color:#3d3d3d!important;
  164. }
  165.  
  166. table {
  167.     border-collapse: collapse!important;
  168. }
  169.  
  170. /* Немного коррекции цвета (3 режима)
  171. 1. реальная подмена с коррекцией
  172. 2. инвертированное, чтобы инвертировалось дважды в правильное
  173. 3. инвертированное со сдвигом, чтобы инвертировалось со сдвигом в правильное
  174. */
  175.  
  176. span.error {
  177.     color: #f99!important;
  178. }
  179. /* красные #a55 */
  180. span[style="color: #FF0000"] {
  181.     color: #f99!important;
  182. }
  183. /* синие */
  184. span[style="color: #0000BF"] {
  185.     color: #08F!important;
  186. }
  187.  
  188. /* бирюзовый */
  189. /* span[style="color: #007777"] { */
  190.     /* color: #4EBF92!important; */
  191. /* } */
  192.  
  193. /* Оставшиеся цвета инвертируем, но кроме тех что с заданным цветом и если в связке с жирным "b" */
  194. /* b>font:not(:matches([color="#007777"], [color="#FFFFFF"], [color="#0000FF"], [color="darkred"], [color="brown"], [color="red"], [color="#FF0000"]))[ color], */
  195. /* font:not(:matches([color="#007777"], [color="#FFFFFF"], [color="#0000FF"], [color="darkred"], [color="brown"], [color="red"], [color="#FF0000"]))[ color], */
  196. /* font:not(:matches([color="#007777"], [color="#FFFFFF"], [color="#0000FF"], [color="darkred"], [color="brown"], [color="red"], [color="#FF0000"]))[ color] b { */
  197.     /* -webkit-filter: hue-rotate(180deg)invert(100%)!important; */
  198.     /* filter: hue-rotate(180deg)invert(100%)!important; */
  199. /* } */
  200.  
  201.  
  202.  
  203.  
  204. /* http://purebasic.info/phpBB3ex/styles/subsilver2/imageset/ru/button_topic_new.gif */
  205.  
  206. /* a[name^="p"] { */
  207.     /* color: #999; */
  208. /* } */
  209.  
  210. b.postauthor {
  211.     color: #FAB1B3!important;
  212. }
  213.  
  214. img[src*="/imageset/"] {
  215.     -webkit-filter: hue-rotate(180deg)invert(100%)!important;
  216.     filter: hue-rotate(180deg)invert(100%)!important;
  217. }
  218.  
  219. img[src*="/images/"] {
  220.     -webkit-filter: hue-rotate(180deg)invert(87%)!important;
  221.     filter: hue-rotate(180deg)invert(87%)!important;
  222. }
  223.  
  224. /* спойлер */
  225. img[src^="data:image/gif;base64,R0lGOD"] {
  226.     -webkit-filter: hue-rotate(180deg)invert(87%)!important;
  227.     filter: hue-rotate(180deg)invert(87%)!important;
  228. }
  229.  
  230. /* div[style*="/images/rating/"] { */
  231. /* div[style*="height: 15px"] { */
  232. div[style*="width: 150px"] {
  233.     -webkit-filter: hue-rotate(180deg)invert(87%)!important;
  234.     filter: hue-rotate(180deg)invert(87%)!important;
  235. }
  236.  
  237. /* div[style*="/images/rating/"] { */
  238. /* div[style*="height: 15px"] { */
  239. span[style*="width: 150px"] {
  240.     -webkit-filter: hue-rotate(180deg)invert(87%)!important;
  241.     filter: hue-rotate(180deg)invert(87%)!important;
  242. }
  243.  
  244. tr[valign="middle"] td.row1, tr[valign="middle"] td.row2 {
  245.     border: 1px solid #555!important;
  246. }
  247.  
  248. tr.row1, tr.row2, td.row1, td.row2 {
  249.     border: 1px solid #555!important;
  250. }
  251.  
  252. tr.row1, tr.row1 table, tr.row1 table td.gensmall {
  253.     background-color: #262626!important;
  254.     color: #999!important;
  255. }
  256.  
  257. h1 {
  258.     color: #999!important;
  259. }
  260.  
  261. tr.row2, tr.row2 table, tr.row2 table td.gensmall {
  262.     background-color: #333333!important;
  263.     color: #999!important;
  264. }
  265.  
  266. tr.row1 td.profile, tr.row1 td[valign="middle"], tr.row1 td.profile tbody, tr.row1 .postdetails {
  267.     background-color: #262627!important;
  268.     color: #999!important;
  269. }
  270.  
  271. tr.row2 td.profile, tr.row2 td[valign="middle"], tr.row2 td.profile tbody, tr.row2 .postdetails {
  272.     background-color: #333334!important;
  273.     color: #999!important;
  274. }
  275.  
  276. /* продпросмотр, строка "Добавлено .... */
  277. td.row1 span.postdetails {
  278.     /* background-color: #333!important; */
  279.     color: #999!important;
  280. }
  281.  
  282. tr.row1 td.profile, tr.row2 td.profile, tr.row1 td[valign="middle"], tr.row2 td[valign="middle"] {
  283.     border: 1px solid #555!important;
  284. }
  285.  
  286. td.gensmall strong {
  287.     color: #DEC378!important;
  288. }
  289.  
  290. span.page-sep {
  291.     color: #999!important;
  292. }
  293.  
  294. form[method="post"] table {
  295.     background-color: #333!important;
  296.     color: #999!important;
  297. }
  298.  
  299. ul.nav {
  300.     color: #999!important;
  301. }
  302.  
  303. /* .profile { */
  304.     /* color: #999; */
  305.     /* background: #222; */
  306. /* } */
  307.  
  308. div[style*="#E9E9E6"] {
  309.     background-color: #333!important;
  310.     color: #999!important;
  311.     /* border: 1px solid #555!important; */
  312. }
  313. div[style*="background: rgb(245, 245, 245)"] {
  314.     background-color: #333!important;
  315.     color: #999!important;
  316. }
  317.  
  318. .quotetitle {
  319.     background-color: #2B3A4E!important;
  320.     color: #aaa!important;
  321.     /* border: 1px solid #555!important; */
  322.     border-top: 1px solid #555!important;
  323.     /* border-bottom: 1px solid #555!important; */
  324.     border-left: 1px solid #555!important;
  325.     border-right: 1px solid #555!important;
  326. }
  327.  
  328. .quotecontent {
  329.     background-color: #494949!important;
  330.     color: #aaa!important;
  331.     /* border: 1px solid #666!important; */
  332.     /* border-top: 1px solid #666!important; */
  333.     border-bottom: 1px solid #666!important;
  334.     border-left: 1px solid #666!important;
  335.     border-right: 1px solid #666!important;
  336. }
  337.  
  338. table.tablebg td.row3 {
  339.     background-color: #2B3A4E!important;
  340.     color: #999!important;
  341.     border-top: 1px solid #555!important;
  342.     /* border-bottom: 1px solid #555!important; */
  343.     border-left: 1px solid #555!important;
  344.     border-right: 1px solid #555!important;
  345. }
  346.  
  347. table.tablebg td.row2 {
  348.     background-color: #404040!important;
  349.     color: #999!important;
  350. }
  351.  
  352. /* список форумов */
  353. table.tablebg td.row1 {
  354.     background-color: #333!important;
  355.     color: #999!important;
  356. }
  357. /* синий разделитель групп тем */
  358. table.tablebg th {
  359.     background-color: #25517D!important;
  360.     /* #2B3A4D #246 */
  361.     background-image: url('./3-.gif');
  362.     color: #bbb!important;
  363.     /* color: #D69251!important; */
  364.     /* color: #FFA34F!important; */
  365.     /* -webkit-filter: hue-rotate(180deg)invert(100%); */
  366.     /* filter: hue-rotate(180deg)invert(100%); */
  367. }
  368.  
  369. /* table.tablebg tablebg>th { */
  370.     /* -webkit-filter: hue-rotate(180deg)invert(87%)!important; */
  371.     /* filter: hue-rotate(180deg)invert(87%)!important; */
  372. /* } */
  373.  
  374. /* разделитель меж постами */
  375. td.spacer {
  376.     background-color: #111!important;
  377. }
  378.  
  379. td.spacer tr{
  380.     border: none!important;
  381. }
  382.  
  383. td.row2 table {
  384.     background-color: #404040!important;
  385. }
  386.  
  387. /* td.spacer img { */
  388.     /* width="0" */
  389. /* } */
  390.  
  391. #wrapheader {
  392.     background-color: #333!important;
  393.     background-image: url('./3-.gif')!important;
  394. }
  395.  
  396. #wrapcentre {
  397.     background-color: #333!important;
  398. }
  399. /* Подвал */
  400. #wrapfooter {
  401.     background-color: #262626!important;
  402.     background-image: url('./3-.gif')!important;
  403. }
  404.  
  405. span.copyright {
  406.     color: #777!important;
  407. }
  408.  
  409. #datebar {
  410.     background-color: #333!important;
  411.     color: #999!important;
  412. }
  413.  
  414. /* Новая тема ответить */
  415. #pagecontent table td[valign="middle"] {
  416.     background-color: #333;
  417.     color: #999;
  418. }
  419.  
  420. p.breadcrumbs, p.moderators {
  421.     color: #999!important;
  422. }
  423.  
  424. td.nav {
  425.     background-color: #3A3F44!important;
  426. }
  427.  
  428. td.nav[valign="middle"] {
  429.     background-color: #333!important;
  430. }
  431.  
  432. span.nav {
  433.     /* background-color: #333!important; */
  434.     color: #999!important;
  435. }
  436.  
  437. /* td.cat table td.nav[nowrap="nowrap"] { */
  438.     /* background-color: #333!important; */
  439.     /* -webkit-filter: hue-rotate(180deg)invert(87%); */
  440.     /* filter: hue-rotate(180deg)invert(87%); */
  441. /* } */
  442.  
  443. td.genmed {
  444.     background-color: #333!important;
  445. }
  446.  
  447. td.gensmall {
  448.     background-color: #333!important;
  449. }
  450.  
  451. td.row1 table tr {
  452.     background-color: #333!important;
  453. }
  454.  
  455. /* table.tablebg td.cat { */
  456.     /* background-color: #3A3F44!important; */
  457.     /* background-image: url('./3-.gif'); */
  458. /* } */
  459.  
  460. td.cat {
  461.     background-image: url('./3-.gif');
  462.     background-color: #3A3F44!important;
  463. }
  464.  
  465. table.tablebg td.catdiv {
  466.     -webkit-filter: hue-rotate(180deg)invert(87%)!important;
  467.     filter: hue-rotate(180deg)invert(87%)!important;
  468. }
  469.  
  470. p.searchbar {
  471.     background-color: #333!important;
  472. }
  473.  
  474. span.gen {
  475.     color: #f99!important;
  476. }
  477.  
  478. #logodesc table {
  479.     background-color: #333!important;
  480. }
  481.  
  482. div#logodesc {
  483.     padding: 0
  484. }
  485.  
  486. div.codecontent {
  487.     background-color: #3f3f3f!important;
  488.     /* border: 1px solid #666!important; */
  489.     border-top: 1px solid #666!important;
  490.     border-bottom: 1px solid #666!important;
  491.     border-left: 1px solid #666!important;
  492.     border-right: 1px solid #666!important;
  493.     color: #8CAD71!important;
  494. }
  495.  
  496. /* Добавил отступ, так выделять код легче без номеров строк */
  497. /* td:not(:matches([style*="width:1px"])) pre { */
  498. td>pre {
  499.     padding-left: 10px!important;
  500. }
  501.  
  502. /* Номера строк. Если убрать фон (td[style*="width:1px"] pre) то задать фон таблицы (tr.li1 td) */
  503. /*
  504. tr.li1 td {
  505.     background-color: #3f3f3f!important;
  506. }
  507. */
  508.  
  509. td[style*="width:1px"] pre {
  510.     background-color: #222!important;
  511.     color: #aaa!important;
  512.     padding-left: 0px!important;
  513. }
  514.  
  515. /* table.purebasic { */
  516.     /* color: #aaa!important; */
  517. /* } */
  518.  
  519. .codetitle {
  520.     background-color: #2B3A4E!important;
  521.     color: #aaa!important;
  522.     /* border: 1px solid #555!important; */
  523.     border-top: 1px solid #555!important;
  524.     /* border-bottom: 1px solid #555!important; */
  525.     border-left: 1px solid #555!important;
  526.     border-right: 1px solid #555!important;
  527. }
  528.  
  529. pre {
  530.     background-color: #3f3f3f!important;
  531.     color: #C0AD72!important;
  532.     font-family: Consolas, "Courier New"!important;
  533. }
  534.  
  535. /* ключевые слова Global */
  536. span[style^="color: #006666;"] {
  537.     color: #009FFF!important;
  538.     /* color: #088!important; */
  539. }
  540. /* Имя процедуры */
  541. span[style^="color: #006868;"] {
  542.     color: #AAA6DB!important;
  543.     /* color: #099!important; */
  544. }
  545. /* число */
  546. span[style^="color: #0061C1"] {
  547.     /* color: #08F!important; */
  548.     color: #EBCB9C!important;
  549. }
  550. /* указатель и адрес */
  551. span[style^="color: #400080"] {
  552.     color: #F3CF70!important;
  553.     /* color: #C738B9!important; */
  554. }
  555. /* #...$ */
  556. span[style^="color: #924B72"] {
  557.     color: #D998DE!important;
  558.     /* color: #C5A!important; */
  559. }
  560.  
  561. span[style^="color: #800080"] {
  562.     color: #f0f!important;
  563. }
  564. /* операторы */
  565. span[style^="color: #2020B0"] {
  566.     color: #FF8080!important;
  567.     /* color: #77F!important; */
  568. }
  569. /* Скобки */
  570. span[style^="color: #4040B0"] {
  571.     color: #FF8080!important;
  572.     /* color: #99F!important; */
  573. }
  574. /* - */
  575. span[style^="color: #AA0000"] {
  576.     /* color: #71AE71!important; */
  577.     color: #F99!important;
  578. }
  579. /* Комментарий */
  580. span[style^="color: #00AAAA"] {
  581.     color: #71AE71!important;
  582.     /* color: #F99!important; */
  583. }
  584. /* АСМ */
  585. span[style^="color: #904070"] {
  586.     color: #B8769A!important;
  587. }
  588. /* Строка */
  589. span[style^="color: #800080"] {
  590.     color: #999!important;
  591. }
  592. /* Объект ? */
  593. span[style^="color: #0000FF"] {
  594.     color: #00C2BB!important;
  595. }
  596. /* Объект ? */
  597. span[style^="color: #FF0080"] {
  598.     color: #FF2ED2!important;
  599. }
  600. /* элемент структуры ? */
  601. span[style^="color: #FF8040"] {
  602.     color: #FF9E0D!important;
  603. }
  604.  
  605.  
  606.  
  607. /* Выделенный текст для FF */
  608. ::-moz-selection {
  609.     /* background-color: #555; */
  610.     /* color: #FFF; */
  611.     background-color: #999;
  612.     color: #000;
  613. }
  614. /* Выделенный текст для Google */
  615. ::selection {
  616.     background-color: #fff;
  617.     color: #000;
  618. }
  619.  
  620.  
  621.  
  622. table.legend {
  623.     background-color: #333!important;
  624.     color: #999!important;
  625. }
  626.  
  627. li.row2 {
  628.     background-color: #555!important;
  629.     color: #bbb!important;
  630. }
  631.  
  632. /* спойлер */
  633. div[style*="C3CBD1"] {
  634.     border: 1px solid #555!important;
  635. }
  636.  
  637. /* спойлер раскрытая часть */
  638. div[style*="rgb(245, 245, 245)"] {
  639.     border-top: 1px solid #555!important;
  640. }
  641.  
  642. /* домен purebasic.fr */
  643. #wrapmain {
  644.     background-color: #333!important;
  645.     color: #999!important;
  646.     border: none!important;
  647. }
  648.  
  649. .tablebg {
  650.     border: none!important;
  651. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!