Advertisement
AZJIO

Стиль для руборда с посещёнными

Aug 9th, 2018
756
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.91 KB | None | 0 0
  1. /* .tit - заголовки таблиц, текст "Компьютерный форум Ru.Board » " и т.д. */
  2. /* .sh1 - там где текст "Новости" на верху */
  3. /* .tb - граница постов */
  4. /* .tpc - кнопки и подсказка кнопкам */
  5. /*          (?s)/\*.*?\*\/      регвыр для удаления комментариев из CSS */
  6.  
  7. /* Перебить всё
  8. * {
  9.     background: #333;
  10.     color: #999;
  11. }
  12.  */
  13.  
  14.  html, body, table {
  15.     background: #111111;
  16.     color: #999;
  17. }
  18.  
  19. /* инвертирование стиля, здесь к логотипу */
  20. img[src$="remake1.gif"] {
  21.     filter: invert(77%);
  22. }
  23.  
  24. img[src$="newthread.gif"] {
  25.     filter: invert(77%);
  26. }
  27. img[src$="replytothread.gif"] {
  28.     filter: invert(77%);
  29. }
  30. img[src$="newpoll.gif"] {
  31.     filter: invert(77%);
  32. }
  33. input[type=checkbox], input[type="radio"]  {
  34.     filter: invert(77%);
  35. }
  36.  
  37. /*
  38. не нашёл этот стиль в html
  39. #t1 {
  40.     text-shadow: -1px -.1px 1px #353535, 1px 1px 1px #6C6C6C;
  41.     color: #cc9977
  42. }
  43.  
  44.  
  45. body[bgcolor="#ffffff"] {
  46.     background: #111111;
  47.     color: #999;
  48. }
  49.  */
  50. /* Голосование, стиль td внутри указанного table. Убирает чередование цвета в списке форумов */
  51. table[bgcolor="#999999"] td {
  52.     /* background: #25292A; */
  53.     color: #999;
  54. }
  55. tbody {
  56.     background: #25292B;
  57.     box-shadow: none;
  58.     border: none;
  59. }
  60.  
  61. b {
  62.     color: #A09078;
  63. }
  64. /* Ссылки с разных классов */
  65. /* Ссылки (889bb0, 7D8FBD, 8888dd)
  66. a:link, a:visited, a:active, .mini a:link, .mini a:visited, .mini a:active, .pusto a:link, .pusto a:visited, .pusto a:active, .dats a:link, .dats a:visited, .dats a:active, .tit a:link, .tit a:visited, .tit a:active, .sh1 a:link, .sh1 a:visited, .sh1 a:active, .sh2 a:link, .sh2 a:visited, .sh2 a:active, .small a:link, .small a:visited, .small a:active, .post a:link, .post a:visited, .post a:active, .poster a:link, .poster a:visited, .poster a:active, .content a:link, .content a:visited, .content a:active, a:link b, a:visited b, a:active b
  67. {text-decoration:none;color:#7D8FBD;}
  68.  */
  69.  
  70. a:link, a:active, .mini a:link, .mini a:active, .pusto a:link, .pusto a:active, .dats a:link, .dats a:active, .tit a:link, .tit a:active, .sh1 a:link, .sh1 a:active, .sh2 a:link, .sh2 a:active, .small a:link, .small a:active, .post a:link, .post a:active, .poster a:link, .poster a:active, .content a:link, .content a:active, a:link b, a:active b
  71. {text-decoration:none;color:#7D8FBD;}
  72.  
  73.  
  74. a:visited, .mini a:visited, .pusto a:visited, .dats a:visited, .tit a:visited, .sh1 a:visited, .sh2 a:visited, .small a:visited, .post a:visited, .poster a:visited, .content a:visited, a:visited b
  75. {text-decoration:none;color:#C188DD;}
  76.  
  77. a:hover, .mini a:hover, .pusto a:hover, .dats a:hover, .tit a:hover, .sh1 a:hover, .sh2 a:hover, .small a:hover, .post a:hover, .poster a:hover, .content a:hover, a:hover b
  78. {text-decoration:underline;color:#e1b234;}
  79.  
  80. /* Ник в посте над аватаром */
  81. a.m:link b, a.m:visited b, a.m:active b {
  82.     color: #FAB1B3;
  83. }
  84. a.m:hover b {
  85.     color: #f99;
  86. }
  87.  
  88. .sh1 a,.sh2 a, .tit a {
  89.     font-weight: bold
  90. }
  91.  
  92. /* текст "Страницы форума", "Сортировать по", "Фильтр по" */
  93. table[bgcolor="#FFFFFF"] td.dats{
  94.     color: #D6B976;
  95. }
  96. /* Фон активной части ссылок таблицы в "Профиль" */
  97. table[bgcolor="#999999"] tr.dats[bgcolor="#EEEEEE"] {
  98.     background: #25292A;
  99. }
  100.  
  101. /* панель сверху тёмно-синеватый */
  102. td.tit, td.sh1 {
  103.     background: #25292A;
  104. }
  105. /* Заголовок таблицы голосования */
  106. td.tit[bgcolor="#FFFFFF"] {
  107.     background: #25292A;
  108.     border: 1px solid #555;
  109. }
  110. /* Фон таблицы голосования, включая .dats */
  111. tr[bgcolor="#dddddd"] td {
  112.     background: #2b3a4d;
  113.     border: 1px solid #555;
  114. }
  115. tr[bgcolor="#FFFFFF"] td.dats {
  116.     border: 1px solid #555;
  117. }
  118. /*
  119. tr[bgcolor="#dddddd"] td.dats {
  120.     background: #25292A;
  121.     border: 1px solid #555;
  122. }
  123. */
  124. /* Голосование, стиль td внутри указанного table */
  125. /*
  126. td.tit {
  127.     border: 1px solid #25292A;
  128. }
  129. .tit td {
  130.     border: 1px solid #25292A;
  131. }
  132.  */
  133. /* там где текст "Новости" на верху */
  134. td.sh1 {
  135.     background: #25292A;
  136.     color: #999;
  137.     font-weight: bold
  138. }
  139. /*
  140. .sh1 a,.sh2 a  {
  141.     color: #8888dd;
  142.     font-family: georgia;
  143.     font-size: 14px;
  144.     background: #25292A;
  145. }
  146.  
  147. .sh1 a:hover, .sh2 a:hover, .tit a:hover { */
  148.     /* color: #f74 */
  149. /* } */
  150.  
  151. table.tb{
  152.     border: 0;
  153. }
  154.  
  155. /* Подсвечивает кнопки в светлых постах */
  156. input[type=submit], a img, td a.tpc:visited, td a.tpc:link, input.button {
  157.     background: rgba(66, 66, 66, 1);
  158.     cursor: pointer;
  159.     border: 0;
  160.     border-radius: 2px;
  161.     outline: none;
  162.     margin: 0 .5px;
  163.     color: #999;
  164. }
  165.  
  166. /* Подсвечивает кнопки в тёмных постах */
  167. td[bgcolor="#EEEEEE"] input[type=submit], td[bgcolor="#EEEEEE"] a img, td[bgcolor="#EEEEEE"] a.tpc:visited, td[bgcolor="#EEEEEE"] a.tpc:link, td[bgcolor="#EEEEEE"] input.button {
  168.     background: #333;
  169.     color: #999;
  170. }
  171. /* Подсвечивает наведение на кнопки в светлых постах */
  172. input[type=submit]:hover, a img:hover, td a.tpc:hover, input.button:hover, #panel :hover {
  173.     background: #505050;
  174.     border: 0;
  175. }
  176. /* Подсвечивает наведение на кнопки в тёмных постах */
  177. td[bgcolor="#EEEEEE"] input[type=submit]:hover, td[bgcolor="#EEEEEE"]  a img:hover, td[bgcolor="#EEEEEE"]  a.tpc:hover, td[bgcolor="#EEEEEE"]  input.button:hover {
  178.     background: #444;
  179.     border: 0;
  180.     color: #999;
  181. }
  182. /* Активное нажатие кнопки в светлых постах */
  183. input[type=submit]:active, a img:active, td a.tpc:active {
  184.     color: #666;
  185.     background: #333;
  186.     border: 0;
  187.     box-shadow: none
  188. }
  189. /* Активное нажатие кнопки в тёмных постах */
  190. td[bgcolor="#EEEEEE"] input[type=submit]:active, td[bgcolor="#EEEEEE"]  a img:active, td[bgcolor="#EEEEEE"]  a.tpc:active, td[bgcolor="#EEEEEE"]  input.button:active {
  191.     background: #222;
  192.     border: 0;
  193.     color: #666;
  194. }
  195. /* Голосование, стиль td внутри указанного table */
  196. table[bordercolor="#EEEEEE"] td {
  197.     background: #333333;
  198.     color: #999;
  199.     border: 1px solid #555;
  200. }
  201. /* Ячейка с картинкой логотипом
  202. table[bgcolor="#FFFFFF"] td {
  203.     background: #25292A;
  204. }
  205. td[valign=top] {
  206.     background: #25292A;
  207. }
  208.  */
  209. /* Таблица список форумов */
  210. tr[bgcolor="#FFFFFF"] td {
  211.     border: 1px solid #555;
  212. }
  213. td[bgcolor="#FFFFFF"] {
  214.     background: #333333;
  215.     color: #999;
  216. }
  217. td[bgcolor="#EEEEEE"] {
  218.     background: #262626;
  219.     color: #999;
  220. }
  221. td.big {
  222.     background: #246;
  223.     color: #999;
  224. }
  225. td[bgcolor="#FFFFFF"] .lgf {
  226.     background-color: #444;
  227.     color: #999;
  228. }
  229. .hlu2 {
  230.     background: #265696
  231. }
  232. td {
  233.     padding: 5px
  234. }
  235. #panel:hover, #qmenu, #nbpanel0 {
  236.     background: rgba(55, 55, 55, 0.9)
  237. }
  238. /* Задаёт цвет для чётных и нечётных элементов таблиц */
  239. tr:nth-child(odd) {
  240.     background-color: #3c3c3c;
  241.     color: #999;
  242. }
  243. tr:nth-child(even) {
  244.     background-color: #363636;
  245.     color: #999;
  246. }
  247. table {
  248.     /* background-color: #25292A; */
  249.     /* background-color: #333; */
  250.     color: #999;
  251. }
  252. *[name]:focus {
  253.     border: 1px solid #313131;
  254. }
  255. input[type=checkbox], input[type=radio] {
  256.     height: 16px;
  257.     width: 16px;
  258.     border: 1px solid #555;
  259.     border-radius: 4px;
  260.     outline: none;
  261.     cursor: pointer
  262. }
  263. form {
  264.     margin-bottom: -1px
  265. }
  266. input[type=number]  {
  267.     height: 24px;
  268.     padding: 0 0 0 5px
  269. }
  270. div.blp {
  271.     padding: 6px;
  272.     margin: -5px -5px 5px -5px;
  273.     color: #999;
  274. }
  275. /* tr[bgcolor="#FFFFFF"] td.dats {
  276. tr[bgcolor="#FFFFFF"] td[bgcolor=#EEEEEE] {
  277.     background-color: #444;
  278. }
  279.  */
  280. /* текст описания в списке форумов под ссылками */
  281. td.poster span.small {
  282.     background-color: transparent;
  283.     /* color: #B29552; */
  284.     color: #999;
  285. }
  286. /* не работает, нижняя граница голосования, работает без td.dats, но не то
  287. form[name=mt] td.dats {
  288.     border-bottom: 1px solid #555;
  289. }
  290.  */
  291. form[name=mt] td > img {
  292.     margin: -5px;
  293. }
  294. td {
  295.     color: #999;
  296. }
  297. /* Пост
  298. .post, .poster, .tpc {
  299.     color: #999;
  300. }
  301.  */
  302. span.post, span.poster, span.tpc {
  303.     color: #999;
  304. }
  305. /* Текст "Ты можешь отредактировать шапку" */
  306. .mtext * {
  307.     color: #f99;
  308. }
  309. /* Фон таблицы */
  310. .lgf td {
  311.     border: solid 0px #666;
  312. }
  313. td.lgf  {
  314.     border: solid 1px #333;
  315. }
  316.  
  317. /* Полоса с 3-мя кнопками "Создать тему" */
  318. td[bgcolor="#DDDDDD"] {
  319.     background: #25292B;
  320.     color: #999;
  321. }
  322.  
  323.  
  324. /* там где текст "Выход", "Модерирует" */
  325. .dats {
  326.     background: #25292A;
  327.     color: #999;
  328. }
  329.  
  330. /* Поле ввода без фокуса, блекло */
  331. select, textarea, input[type=text], input[type=password], input[type=number] {
  332.     background: #3d3d3d;
  333.     border: solid 1px #555;
  334.     padding: 5px;
  335.     margin: 2px 0;
  336.     outline: none;
  337.     color: #999;
  338. }
  339.  
  340. input[type=number] {
  341.     width: 39px;
  342.     padding: 2px 3px 0;
  343.     font: 13px/20px sans-serif;
  344. }
  345. /* Поле ввода с фокусом, контрастно */
  346. textarea:focus, select:focus, input[type=number]:focus, input[type=text]:focus, input[type=password]:focus {
  347.     background: #3c3c3c;
  348.     color: #999;
  349.     border: solid 1px #555;
  350. }
  351. /* Поле ввода при нажатии мыши, кайма контрастно */
  352. textarea:active, select:active, input[type=number]:active, input[type=text]:active, input[type=password]:active {
  353.     border: solid 1px #0073E6;
  354. }
  355.  
  356. /* Поле ввода добавляемого поста */
  357. #post {
  358.     border: solid 1px #555;
  359. }
  360. #post:active {
  361.     border: solid 1px #0073E6;
  362. }
  363. /*
  364. option td {
  365.     background: #25292A;
  366.     color: #999;
  367. }
  368. */
  369.  
  370. /* выбор форума для прыжка, раскрывающийся список внизу */
  371. form[name="forumjump"] {
  372.     /* background: #25292A; */
  373.     border: 0;
  374.     color: #999;
  375. }
  376.  
  377. /* фон раскрывающегося списка */
  378. input[type="hidden"] {
  379.     color: #999;
  380. }
  381. select:active, select:hover {
  382.     background: #246;
  383.     color: #999;
  384. }
  385. option:hover, option:focus, option:active {
  386.     background: #246;
  387.     color: #999;
  388. }
  389.  
  390. select[name="jump"], select[name="filterby"], select[name="sort"], select[name="sortby"], option {
  391.     background: #3c3c3c;
  392.     color: #999;
  393. }
  394. option[style*="dddddd"] {
  395.     background: #3c3c3c;
  396.     color: #999;
  397. }
  398. /*
  399. td::selection, p::selection {
  400.     background: #111;
  401.     color: #999;
  402. }
  403. option[style="background-color: #dddddd"] {
  404.     background: #555;
  405.     color: #aaa;
  406. }
  407.  
  408. чекбоксы "Добавить свою подпись" и т.д. не сработало
  409. #postOptionsTD {
  410.     background: #3c3c3c;
  411.     color: #f00;
  412. }
  413.  */
  414.  
  415. /* Горизонтальная линия в том числе под кнопкой "Редактировать" */
  416. hr{
  417.     color:#3d3d3d;
  418. }
  419.  
  420. /* номера страниц форума, такст внизу */
  421. .small {
  422.     color: #D6B976;
  423.     background: #25292A;
  424. }
  425. table {
  426.     border-collapse: collapse;
  427. }
  428. /* полоска прогресса в голосовании */
  429. form[name=mt] td > img {
  430.     background: none;
  431.     background: #389AD8;
  432.     background-size: 3px 3px, 100% 100%, 100% 100%;
  433.     border: 0;
  434. }
  435.  
  436. /* всплывающее [?] */
  437. .content div {
  438.     background: #393939;
  439.     color: #aaa;
  440. }
  441. .content table, .content td {
  442.     margin: 2px;
  443.     border: solid 1px #555;
  444. }
  445. .obertka {
  446.     box-shadow: 0 0 20px -1px #000;
  447.     padding: 8px;
  448. }
  449. .shadow {
  450.     display: none;
  451. }
  452.  
  453. /* Встроенный код использующий стиль */
  454. .flhead {
  455.     background: #2b3a4d;
  456.     color: #ccc;
  457. }
  458.  
  459. /* Немного коррекции цвета */
  460. font[color=red], font[color="#FF0000"] {
  461.     color: #f99;
  462. }
  463. font[color=darkred], font[color=brown] {
  464.     color: #a55;
  465. }
  466. font[color="#0000FF"] {
  467.     color: #08F;
  468. }
  469. font[color="#FFFFFF"] {
  470.     color: #ccc;
  471. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement