API tools faq
paste
Guest User

ru-board N4 stylus

a guest
Jul 25th, 2025
7
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 42.78 KB | None | 0 0
raw download clone embed print report
  1. /* ==UserStyle==
  2. @name           Ru-Board
  3. @namespace      github.com/openstyles/stylus
  4. @version        0.2.2
  5. @description    Ru-Board
  6. @author         yozhic
  7. @preprocessor   stylus
  8.  
  9. @var color _bg_0    "Dark Background"       #323a49
  10. @var color _bg_1    "Main Background"       #57606f
  11. @var color _bg_2    "Light Background"      #6a7587
  12. @var color _bg_3    "Meta Background"       #668191
  13. @var color _link            "Links"         #b4c5cf
  14. @var color _txt             "Main Text"     #dfe4ea
  15. @var color _snow            "Snow"          #ffffff
  16. @var color _lazur           "Lazur"         #2488ff
  17. @var color _lavender        "Lavender"      #b4befe
  18. @var color _red_on_light    "Red on Light"  #ce001a
  19. @var color _red_on_dark     "Red on Dark"   #ff526f
  20. ==/UserStyle== */
  21.  
  22.  
  23. @-moz-document url-prefix("https://forum.ru-board.com") {
  24.  
  25.     /*****************************/
  26.     /*            ОБЩИЕ          */
  27.     /*****************************/
  28.  
  29. /* >>> Start of Section 1 >>> */
  30.  
  31.     /*=== Заставка ===*/
  32.     #bg2 {
  33.         font-family: Play !important;
  34.         span[style$="Roman"] {
  35.             font-family: AspirinAdvance !important;
  36.         }
  37.     }
  38.    
  39.     /*=== Шапка ===*/
  40.  
  41.     /* надпись RU-BOARD++ */
  42.     #t1 {
  43.         font-family: AspirinAdvance !important;
  44.     }
  45.    
  46.     /* блок ссылок Новости... */
  47.     .sh1, .sh2 {
  48.         font-family: Play !important;
  49.         font-size: 12pt !important;
  50.        
  51.         a {
  52.             font-family: Play !important;
  53.             font-size: 12pt !important;
  54.         }
  55.     }
  56.    
  57.     /*=== Страница ===*/
  58.  
  59.     /* треугольники перемотки */
  60.     #up, #down {
  61.         color: #414853 !important;
  62.         text-shadow: none !important;
  63.         &:hover {
  64.             color: _lazur !important;
  65.             text-shadow: none !important;
  66.         }
  67.     }
  68.    
  69.     /* самый нижний блок с подписью */
  70.     center + br + table td {
  71.         background: _bg_1;
  72.         color: _link !important;
  73.         a {
  74.             color: _snow !important;
  75.         }
  76.     }
  77.    
  78.     /* реклама внизу */
  79.     center {
  80.         display: none;
  81.     }
  82.    
  83.     /*=== Боковые панели RB++ ===*/
  84.     #panel :hover {
  85.         background: _lazur !important;
  86.         border: 1px solid _lazur !important;
  87.     }
  88.    
  89.     #panel:hover {
  90.         background: rgba(90,96,110,0.5) !important;
  91.        
  92.         a.tpc {
  93.             border: 1px solid rgb(76, 89, 109);
  94.             background: rgb(76, 89, 109);
  95.         }
  96.     }
  97.    
  98.     /* кнопки основной панели RB++ */
  99.     #panel a.tpc {
  100.         font-family: Play !important;
  101.         font-size: 12px !important;
  102.         border: 1px solid rgb(208,214,223);
  103.         background: rgb(90,96,110);
  104.         color: rgb(208,214,223);
  105.     }
  106.    
  107.     #mujs {
  108.         font-family: Play !important;
  109.         font-size: 12px !important;
  110.         border: 1px solid rgb(208,214,223);
  111.         background: rgb(90,96,110);
  112.         color: rgb(208,214,223);
  113.         &:hover {
  114.             background: _lazur !important;
  115.             border: 1px solid _lazur !important;
  116.         }
  117.     }
  118.    
  119.     #pgour {
  120.         height: 75px !important;
  121.    
  122.         a {
  123.             font-family: Play !important;
  124.             font-size: 12px !important;
  125.             border: 1px solid rgb(208,214,223) !important;
  126.             background: rgb(90,96,110);
  127.             color: rgb(208,214,223);
  128.    
  129.             &.tpc:hover {
  130.                 background: _lazur !important;
  131.                 border: 1px solid _lazur !important;
  132.             }
  133.         }
  134.    
  135.         &:hover a {
  136.             border: 1px solid rgb(90,96,110) !important;
  137.         }
  138.     }
  139.  
  140. /* <<< End of Section 1 <<< */
  141. }
  142.  
  143.  
  144. @-moz-document url("https://forum.ru-board.com/"), url-prefix("https://forum.ru-board.com/board.cgi") {
  145.  
  146.     /*****************************/
  147.     /*           РАЗДЕЛЫ         */
  148.     /*****************************/
  149.  
  150. /* >>> Start of Section 2 >>> */
  151.  
  152.     /*=== Шапка ===*/
  153.     script + table[cellpadding="0"] {
  154.        
  155.         td {
  156.             background-color: _bg_1 !important;
  157.            
  158.             &[align="left"] {
  159.                 display: none;
  160.             }
  161.         }
  162.     }
  163.    
  164.     /* логотип */
  165.     #t1 {
  166.         font-size: 90px;
  167.         text-align: left;
  168.         text-shadow: none !important;
  169.         color: _txt !important;
  170.         margin-bottom: -60px;
  171.     }
  172.    
  173.     /* справа блок со ссылками Новости... */
  174.     table[cellpadding="0"][cellspacing="0"] + br + table[cellpadding="0"][cellspacing="0"] {
  175.        
  176.         margin-top: -40px;
  177.        
  178.         + table[cellpadding="0"][cellspacing="0"] {
  179.             margin-top: 5px;
  180.         }
  181.        
  182.         td,
  183.         + table[cellpadding="0"][cellspacing="0"] td {
  184.             background-color: _bg_1 !important;
  185.             color: _txt !important;
  186.            
  187.             a {
  188.                 color: _link !important;
  189.                
  190.                 &:hover {
  191.                     color: _snow !important;
  192.                     text-decoration: underline;
  193.                 }
  194.            
  195.                 font[color="red"] {
  196.                     color: _red_on_dark;
  197.                
  198.                     &:hover {
  199.                         color: _snow !important;
  200.                         text-decoration: underline;
  201.                     }
  202.                 }
  203.             }
  204.         }
  205.     }
  206.  
  207.     /* блок приветствий */
  208.     br + table[cellpadding="0"] + table[cellpadding="0"] + table[cellpadding="0"] {
  209.        
  210.         td {
  211.             background: _bg_3 !important;
  212.             color: _txt;
  213.            
  214.             a {
  215.                 color: _link !important;
  216.                
  217.                 &:hover {
  218.                     color: _snow !important;
  219.                     text-decoration: underline;
  220.                 }
  221.             }
  222.            
  223.             font[color="red"] {
  224.                 color: _red_on_dark;
  225.             }
  226.  
  227.             /* картинка заметки или новости */
  228.             img[src$="last_article.gif"] {
  229.                 display: none;
  230.             }
  231.         }
  232.        
  233.         + table[cellpadding="0"] td {
  234.             background: _link;
  235.         }
  236.     }
  237.    
  238.     /* заголовки разделов */
  239.     td[bgcolor="#6699CC"] {
  240.         background: _bg_3;
  241.         font-family: Play;
  242.        
  243.         font {
  244.             color: _snow !important;
  245.         }
  246.        
  247.         b {
  248.             color: _txt;
  249.         }
  250.        
  251.         a {
  252.             font-family: Play;
  253.             font-size: larger;
  254.            
  255.             &:hover {
  256.                 text-decoration: underline;
  257.                 font {
  258.                     color: _snow !important;
  259.                 }
  260.             }
  261.         }
  262.     }
  263.    
  264.     /* иконки разделов */
  265.     td[bgcolor="#FFFFFF"] img {
  266.         filter: sepia(100%) hue-rotate(170deg) saturate(120%) contrast(110%);
  267.         mix-blend-mode: multiply;
  268.        
  269.         &:hover {
  270.             filter: saturate(200%);
  271.         }
  272.     }
  273.    
  274.     /* посетители */
  275.     .onl[colspan="6"] {
  276.         background: _bg_3;
  277.         color: _txt;
  278.     }
  279.    
  280.     tr:not([bgcolor]) + tr:not([bgcolor]) {
  281.        
  282.         background: _bg_2;
  283.        
  284.         td {
  285.             background: _bg_2;
  286.             color: _txt !important;
  287.            
  288.             a {
  289.                 color: _link;
  290.                
  291.                 &:hover {
  292.                     color: _snow !important;
  293.                 }
  294.             }
  295.         }
  296.        
  297.         /* человечки */
  298.         td[align=center] img:hover {
  299.             filter: saturate(0%);
  300.         }
  301.     }
  302.    
  303.     /* Переход по форумам */
  304.     table[bgcolor="#FFFFFF"]:not([cellspacing][cellpadding]) {
  305.        
  306.         border-collapse: collapse;
  307.         background: _bg_1 !important;
  308.        
  309.         td {
  310.             background: _bg_1 !important;
  311.            
  312.             select[name="jump"] {
  313.                 background-color: _bg_1 !important;
  314.                 border-color: _link !important;
  315.                 color: _link !important;
  316.                 margin-right: -6px;
  317.                
  318.                 &:focus {
  319.                     border-color: _lazur !important;
  320.                     color: _lazur !important;
  321.                 }
  322.                
  323.                 &:hover {
  324.                     background-color: _lazur !important;
  325.                     border-color: _lazur !important;
  326.                     color: _snow !important;
  327.                 }
  328.             }
  329.         }
  330.     }
  331.  
  332. /* <<< End of Section 2 <<< */
  333. }
  334.  
  335.  
  336. @-moz-document url-prefix("https://forum.ru-board.com/forum.cgi") {
  337.  
  338.     /*****************************/
  339.     /*           ФОРУМЫ          */
  340.     /*****************************/
  341.  
  342. /* >>> Start of Section 3 >>> */
  343.  
  344.     /*=== Шапка ===*/
  345.  
  346.     /* титул */
  347.     #pt1 {
  348.  
  349.         background-color: _bg_1;
  350.         color: _txt !important;
  351.     }
  352.    
  353.     /* блок ссылок на разделы Новости... */
  354.     .sh2 {
  355.  
  356.         background-color: _bg_1;
  357.         color: _txt !important;
  358.  
  359.         a {
  360.             color: _link !important;
  361.            
  362.             &:hover {
  363.                 color: _snow !important;
  364.                 text-decoration: underline;
  365.             }
  366.        
  367.             font[color="red"] {
  368.                 color: _red_on_dark;
  369.            
  370.                 &:hover {
  371.                     color: _snow !important;
  372.                     text-decoration: underline;
  373.                 }
  374.             }
  375.         }
  376.     }
  377.    
  378.     /* строка ссылок Выход/Профиль/Личный ящик... */
  379.     table[cellpadding="0"] td.dats {
  380.  
  381.         background-color: _bg_1;
  382.         color: _txt !important;
  383.         font-family: Play !important;
  384.         font-size: 9pt;
  385.  
  386.         a {
  387.             color: _link !important;
  388.             font-family: Play !important;
  389.             font-size: 9pt;
  390.            
  391.             &:hover {
  392.                 color: _snow !important;
  393.                 text-decoration: underline;
  394.             }
  395.         }
  396.     }
  397.  
  398.     #t1 {
  399.         text-align: left !important;
  400.         text-shadow: none !important;
  401.         color: _txt !important;
  402.         font-size: 70px;
  403.     }
  404.    
  405.     /* заголовки раздела (верхний и нижний) */
  406.     .tit[align="left"] {
  407.        
  408.         background-color: _bg_1 !important;
  409.         color: _txt !important;
  410.         font-family: Play !important;
  411.         font-size: 10pt;
  412.            
  413.         a {
  414.             color: _link;
  415.             font-family: Play !important;
  416.             font-size: 12.5pt !important;
  417.                
  418.             &:hover {
  419.                 color: _lazur !important;
  420.             }
  421.         }
  422.     }
  423.  
  424.     /* заголовок раздела верхний */
  425.     script + table[cellpadding="3"][cellspacing="1"] {
  426.         background-color: _bg_1 !important;
  427.         margin-top: -30px;
  428.         margin-bottom: 20px;
  429.     }
  430.    
  431.     /* входящие письма */
  432.     td[style="width: 1px; padding: 0px 1px; text-align: right;"] {
  433.         background: _bg_1;
  434.         padding-right: 400px !important;
  435.         .pts {
  436.             font-family: AspirinAdvance !important;
  437.             color: _red_on_dark !important;
  438.             font-size: 16pt;
  439.         }
  440.     }
  441.  
  442.     /*=== 2 кнопки ===*/
  443.  
  444.     /* кнопка Новая тема */
  445.     img[src$="newthread.gif"] {
  446.         opacity: 0%;
  447.     }
  448.    
  449.     a[href^="post.cgi?action=new"]{
  450.         border: 1px solid _bg_3;
  451.         color: _bg_3;
  452.         font-size: 17px;
  453.         position: relative;
  454.         bottom: 5px;
  455.    
  456.        
  457.         &:hover {
  458.             border-color: _lazur;
  459.             background: _lazur;
  460.             color: _snow;
  461.         }
  462.    
  463.         &::before {
  464.             content: "Новая тема" !important;
  465.             font-family: Play;
  466.             font-weight: bold;
  467.             font-size: 12px;
  468.             position: absolute;
  469.             left: 21px;
  470.             top: 4px;
  471.         }
  472.     }
  473.    
  474.     /* кнопка Создать опрос */
  475.     img[src$="newpoll.gif"] {
  476.         opacity: 0%;
  477.     }
  478.    
  479.     a[href^="post.cgi?action=poll"]{
  480.         border: 1px solid _bg_3;
  481.         color: _bg_3;
  482.         font-size: 17px;
  483.         position: relative;
  484.         bottom: 5px;
  485.        
  486.         &:hover {
  487.             border-color: _lazur;
  488.             background: _lazur;
  489.             color: _snow;
  490.         }
  491.    
  492.         &::before {
  493.             content: "Создать опрос" !important;
  494.             font-family: Play;
  495.             font-weight: bold;
  496.             font-size: 12px;
  497.             position: absolute;
  498.             left: 12px;
  499.             top: 4px;
  500.         }
  501.     }
  502.  
  503.     /*=== Серединка ===*/
  504.  
  505.     /* выпадающие списки */
  506.     select {
  507.         background-color: inherit;
  508.         border-color: _lazur !important;
  509.         color: _lazur;
  510.         height: 22px;
  511.         padding-top: 2px;
  512.        
  513.        
  514.         &:focus {
  515.             /* почему-то не красится рамка, в нижнем listbox красится, а здесь нет */
  516.             /* пробовал также :active — не помогло */
  517.             border-color: _lazur !important;
  518.             color: _lazur !important;
  519.         }
  520.        
  521.         &:hover {
  522.             background-color: _lazur;
  523.             border-color: _lazur !important;
  524.             color: _snow !important;
  525.         }
  526.     }
  527.    
  528.     /* поле ввода Фильтр */
  529.     input[type="text"] {
  530.         background-color: _txt !important;
  531.         border: 1px solid _bg_3 !important;
  532.         height: 22px;
  533.         margin-right: 3px;
  534.         position: relative;
  535.         top:   1px;
  536.         width: 40%;
  537.        
  538.         &:focus {
  539.             background-color: white !important;
  540.             border-color: _lazur !important;
  541.         }
  542.     }
  543.  
  544.     /* заголовки колонок таблицы */
  545.     .tit[align="center"] {
  546.         font-family: Play;
  547.     }
  548.    
  549.     /* кнопка Все последние посты */
  550.     #oapp {
  551.         background: inherit;
  552.         color: _lazur;
  553.         border: 1px solid _lazur;
  554.         padding: 3px 8px;
  555.        
  556.         &:hover {
  557.             background: _lazur !important;
  558.             color: _snow !important;
  559.             border: 1px solid _lazur;
  560.         }
  561.     }
  562.    
  563.     /* кол-во тем на странице */
  564.     .tgreen {
  565.         color: _bg_1;
  566.     }
  567.    
  568.     /* значки состояния тем */
  569.     img[src$="topicnew.gif"] {
  570.         filter: hue-rotate(60deg) saturate(150%);
  571.     }
  572.     img[src$="topichot.gif"] {
  573.         filter: hue-rotate(345deg) saturate(300%);
  574.     }
  575.     img[src$="pinned.gif"] {
  576.         filter: saturate(400%);
  577.     }
  578.    
  579.     /* кнопки Последний Пост */
  580.     #pps {
  581.         a {font-family: Play !important;}
  582.         .pp, .ppp, .ppv, .pd, .ps {
  583.             background: inherit;
  584.         }
  585.         .pp, .ppp, .ps {
  586.             border: 1px solid _lazur;
  587.             color: _lazur !important;
  588.             &:hover {
  589.                 background: _lazur !important;
  590.                 color: _snow !important;
  591.                 font-weight: normal !important;
  592.             }
  593.         }
  594.         .pd {
  595.             border: 1px solid _red_on_light;
  596.             color: _red_on_light !important;
  597.             &:hover {
  598.                 background: _red_on_light !important;
  599.                 color: _snow !important;
  600.             }
  601.         }
  602.         .ppv {
  603.             border: 1px solid _bg_1;
  604.             color: _bg_1 !important;
  605.         }
  606.         .ps {
  607.             font-size: 12px !important;
  608.             padding-left: 5px;
  609.             padding-right: 5px;
  610.             padding-top: 2px;
  611.         }
  612.        
  613.     }
  614.    
  615.     /* кнопки rss */
  616.     .rss {
  617.         text-shadow: none !important;
  618.         box-shadow: none !important;
  619.         color: #ff5900 !important;
  620.         background: inherit;
  621.         border: 1px solid #ff5900 !important;
  622.        
  623.         &:hover {
  624.             color: _snow !important;
  625.             background: #ff5900 !important;
  626.         }
  627.     }
  628.    
  629.     /* названия-ссылки топиков */
  630.     td.poster span.pusto a {
  631.         font-family: Play !important;
  632.         font-size: larger !important;
  633.     }
  634.    
  635.     /* колонка Обновления на стр. закладок */
  636.     td[bgcolor="#EEEEEE"] {
  637.         background: inherit;
  638.     }
  639.    
  640.     /*=== Подвал ===*/
  641.  
  642.     /* заголовок раздела нижний */
  643.     br + table[cellpadding="3"][cellspacing="1"] {
  644.         background: _bg_1 !important;
  645.     }
  646.    
  647.     /* кнопки */
  648.     input[type="submit"] {
  649.         background-color: inherit;
  650.         border: 1px solid _lazur !important;
  651.         color: _lazur;
  652.        
  653.         &:hover {
  654.             background-color: _lazur !important;
  655.             border: 1px solid _lazur !important;
  656.             color: _snow !important;
  657.         }
  658.     }
  659.    
  660.     /* строка Страницы форума */
  661.     table[cellpadding="3"][cellspacing="1"] + br + table[bgcolor="#FFFFFF"]:not([cellpadding]) {
  662.  
  663.         background-color: _bg_1 !important;
  664.         margin-top: -30px;
  665.        
  666.         td {
  667.             background-color: _bg_1;
  668.             color: _txt;
  669.            
  670.             .small b {
  671.                 color: _txt;
  672.             }
  673.            
  674.             a {
  675.                 color: _link;
  676.                 &:hover {
  677.                     color: _lazur !important;
  678.                 }
  679.             }
  680.            
  681.             /* listbox Переход по форумам */
  682.             select[name="jump"] {
  683.                 background-color: _bg_1 !important;
  684.                 border-color: _link !important;
  685.                 color: _link !important;
  686.                 margin-right: -6px;
  687.                
  688.                 &:focus {
  689.                     border-color: _lazur !important;
  690.                     color: _lazur !important;
  691.                 }
  692.                
  693.                 &:hover {
  694.                     background-color: _lazur !important;
  695.                     border-color: _lazur !important;
  696.                     color: _snow !important;
  697.                 }
  698.             }
  699.         }
  700.  
  701.     }
  702.  
  703. /* <<< End of Section 3 <<< */
  704. }
  705.  
  706.  
  707. @-moz-document url-prefix("https://forum.ru-board.com/topic.cgi") {
  708.  
  709.     /*****************************/
  710.     /*           ТОПИКИ          */
  711.     /*****************************/
  712.  
  713. /* >>> Start of Section 4 >>> */
  714.  
  715.     /*=== Шапка ===*/
  716.     link[title="Ru-Board"] + table[cellpadding="0"] {
  717.        
  718.         td {
  719.             background-color: _bg_1 !important;
  720.            
  721.             &[align="left"] {
  722.                 display: none;
  723.             }
  724.         }
  725.     }
  726.    
  727.     /* логотип */
  728.     #t1 {
  729.         font-size: 70px;
  730.         text-align: left;
  731.         text-shadow: none !important;
  732.         color: _txt !important;
  733.         margin-bottom: -60px;
  734.     }
  735.    
  736.     /* справа блок ссылок на разделы Новости... */
  737.     table[cellpadding="0"][cellspacing="0"] + br + table[cellpadding="0"][cellspacing="0"] {
  738.        
  739.         margin-top: -10px;
  740.        
  741.         + table[cellpadding="0"][cellspacing="0"] {
  742.             margin-top: 5px;
  743.         }
  744.        
  745.         td,
  746.         + table[cellpadding="0"][cellspacing="0"] td {
  747.             background-color: _bg_1 !important;
  748.             color: _txt !important;
  749.            
  750.             a {
  751.                 color: _link !important;
  752.                
  753.                 &:hover {
  754.                     color: _snow !important;
  755.                     text-decoration: underline;
  756.                 }
  757.            
  758.                 font[color="red"] {
  759.                     color: _red_on_dark;
  760.                
  761.                     &:hover {
  762.                         color: _snow !important;
  763.                         text-decoration: underline;
  764.                     }
  765.                 }
  766.             }
  767.         }
  768.     }
  769.    
  770.     /* заголовок темы */
  771.     script + table[cellpadding="3"][cellspacing="1"] {
  772.        
  773.         background-color: _bg_1 !important;
  774.         margin-top: -30px;
  775.        
  776.         td {
  777.             background-color: _bg_1 !important;
  778.             color: _txt !important;
  779.             font-family: Play !important;
  780.             font-size: larger !important;
  781.            
  782.             a {
  783.                 color: _link;
  784.                 font-family: Play !important;
  785.                 font-size: larger !important;
  786.                
  787.                 &:hover {
  788.                     color: _lazur !important;
  789.                 }
  790.             }
  791.         }
  792.     }
  793.    
  794.     /* входящие письма */
  795.     td[style="width: 1px; padding: 0px 1px; text-align: right;"] {
  796.         background: _bg_1;
  797.         .pts {
  798.             font-family: AspirinAdvance !important;
  799.             color: _red_on_dark !important;
  800.             font-size: 16pt;
  801.         }
  802.     }
  803.  
  804.     /* модераторы */
  805.     table[cellpadding="3"][cellspacing="1"] + br + table[cellpadding="0"][cellspacing="0"] {
  806.        
  807.         tr[align="left"] {
  808.            
  809.             br {
  810.                 display: none;
  811.             }
  812.            
  813.             td {
  814.                 background-color: _bg_3;
  815.                 color: _txt !important;
  816.                
  817.                 a {
  818.                     color: _txt !important;
  819.                    
  820.                     &:hover {
  821.                         color: _snow !important;
  822.                     }
  823.                 }
  824.             }
  825.         }
  826.     }
  827.    
  828.     /*=== 3 кнопки ===*/
  829.     table[cellpadding="0"] + br {
  830.  
  831.         display:none;
  832.  
  833.         + table[cellpadding="3"] {
  834.            
  835.             + br {
  836.                 display: none;
  837.             }
  838.        
  839.             margin-top: 0px;
  840.             background: _bg_1 !important;
  841.             border-collapse: collapse;
  842.            
  843.             td {
  844.                 background: _bg_1;
  845.                 padding: 4px 0px 7px;
  846.             }
  847.        
  848.             /* кнопка Новая тема */
  849.             img[src$="newthread.gif"] {
  850.                 opacity: 0%;
  851.             }
  852.        
  853.             a[href^="post.cgi?action=new"]{
  854.                 border: 1px solid _link;
  855.                 color: _link;
  856.                 font-size: 19px;
  857.                 position: relative;
  858.    
  859.                
  860.                 &:hover {
  861.                     border-color: _lazur;
  862.                     background: _lazur;
  863.                     color: _snow;
  864.                 }
  865.        
  866.                 &::before {
  867.                     content: "Новая тема" !important;
  868.                     font-family: Play;
  869.                     font-weight: bold;
  870.                     font-size: 12px;
  871.                     position: absolute;
  872.                     left: 21px;
  873.                     top: 5px;
  874.                 }
  875.             }
  876.        
  877.             /* кнопка Создать опрос */
  878.             img[src$="newpoll.gif"] {
  879.                 opacity: 0%;
  880.             }
  881.        
  882.             a[href^="post.cgi?action=poll"]{
  883.                 border: 1px solid _link;
  884.                 color: _link;
  885.                 font-size: 19px;
  886.                 position: relative;
  887.                
  888.                 &:hover {
  889.                     border-color: _lazur;
  890.                     background: _lazur;
  891.                     color: _snow;
  892.                 }
  893.        
  894.                 &::before {
  895.                     content: "Создать опрос" !important;
  896.                     font-family: Play;
  897.                     font-weight: bold;
  898.                     font-size: 12px;
  899.                     position: absolute;
  900.                     left: 13px;
  901.                     top: 5px;
  902.                 }
  903.             }
  904.        
  905.             /* кнопка Ответить */
  906.             img[src$="replytothread.gif"] {
  907.                 opacity: 0%;
  908.             }
  909.        
  910.             a[href^="post.cgi?action=reply"]{
  911.                 border: 1px solid _link;
  912.                 color: _link;
  913.                 font-size: 19px;
  914.                 position: relative;
  915.                
  916.                 &:hover {
  917.                     border-color: _lazur;
  918.                     background: _lazur;
  919.                     color: _snow;
  920.                 }
  921.        
  922.                 &::before {
  923.                     content: "Ответить" !important;
  924.                     font-family: Play;
  925.                     font-weight: bold;
  926.                     font-size: 12px;
  927.                     position: absolute;
  928.                     left: 26px;
  929.                     top: 5px;
  930.                 }
  931.             }
  932.         }
  933.     }
  934.    
  935.     /*=== Всплывающие окна ===*/
  936.  
  937.     /* поиск */
  938.     div#serm {
  939.         background: _bg_0 !important;
  940.         font-family: Play;
  941.         font-size: 10pt;
  942.         line-height: 17px;
  943.         color: _link;
  944.        
  945.         #drag {
  946.             filter: invert(100%);
  947.             &:hover {
  948.                 border: 1px solid _bg_0 !important;
  949.             }
  950.         }
  951.         hr {
  952.             border: 1px solid _bg_3 !important;
  953.         }
  954.         input#sfp + span + hr,
  955.         a#sser + hr {
  956.             opacity: 0%;
  957.         }
  958.         a#sser {
  959.             background: none;
  960.             color: _link;
  961.             border: 1px solid _link;
  962.             padding: 3px 8px;
  963.             font-size: 8pt;
  964.            
  965.             &:hover {
  966.                 background: _lazur !important;
  967.                 border: 1px solid _lazur !important;
  968.                 color: _snow;
  969.             }
  970.         }
  971.         a#serc {
  972.             background: none;
  973.             color: _link;
  974.             &:hover {
  975.                 background: _red_on_light !important;
  976.                 color: _bg_0 !important;
  977.             }
  978.         }
  979.         input#iser {
  980.             background: none;
  981.             color: _snow;
  982.         }
  983.         div#sers {
  984.             background: _bg_0;
  985.             border: none !important;
  986.             box-shadow: none;
  987.            
  988.             p {
  989.                 border-bottom-color: _bg_2;
  990.                
  991.                 span {
  992.                     border-bottom-color: _bg_2;
  993.                     color: _red_on_dark;
  994.                 }
  995.             }
  996.         }
  997.     }
  998.    
  999.     /* инфо при загрузке страницы */
  1000.     div#cop {
  1001.         background: _bg_0 !important;
  1002.         font-family: Play;
  1003.         font-size: 14px;
  1004.         line-height: 17px;
  1005.         color: _link;
  1006.        
  1007.         #drag {
  1008.             filter: invert(100%);
  1009.             &:hover {
  1010.                 border: 1px solid _bg_0 !important;
  1011.             }
  1012.         }
  1013.        
  1014.         &:hover {
  1015.             border: 1px solid _link !important;
  1016.         }
  1017.        
  1018.         hr {
  1019.             border: 1px solid _bg_3 !important;
  1020.         }
  1021.        
  1022.         a.tpc {
  1023.             background: none;
  1024.             color: _link;
  1025.             border: 1px solid _link;
  1026.             padding: 1px 6px;
  1027.             margin-top: 4px;
  1028.             margin-bottom: 4px;
  1029.             margin-left: 8px;
  1030.             margin-right: 8px;
  1031.            
  1032.             &:hover {
  1033.                 background: _lazur !important;
  1034.                 border: 1px solid _lazur !important;
  1035.                 color: _snow;
  1036.             }
  1037.         }
  1038.        
  1039.         span[style="color: #fa0"] {
  1040.             color: _lavender !important;
  1041.         }
  1042.         span[style="color: #f90"] {
  1043.             color: _snow !important;
  1044.         }
  1045.     }
  1046.    
  1047.     /* Введите url */
  1048.     #my_prompt {
  1049.        
  1050.         background: _bg_2 !important;
  1051.         border: 1px solid _bg_1 !important;
  1052.        
  1053.         pre {
  1054.             font-family: Play;
  1055.             color: _snow;
  1056.         }
  1057.        
  1058.         input[type=button] {
  1059.             margin-top: 8px;
  1060.             padding: 4px 25px;
  1061.             background: none;
  1062.             border: 1px solid _txt;
  1063.             color: _txt;
  1064.             font-weight: normal;
  1065.            
  1066.             &:hover {
  1067.                 border: 1px solid _lazur !important;
  1068.                 background: _lazur !important;
  1069.                 color: _snow !important;
  1070.             }
  1071.         }
  1072.     }
  1073.    
  1074.     /* Редактор поста */
  1075.     #rep0 {
  1076.         box-shadow: rgb(0, 0, 0) 0px 5px 30px, _lazur 0px 0px 0px 3px;
  1077.         /* перетаскиватель */
  1078.         #drag {
  1079.             filter: invert(100%);
  1080.         }
  1081.         #rep {
  1082.             background: _bg_1 !important;
  1083.             /* левая колонка */
  1084.             td.dats2 {
  1085.                 background: _bg_3 !important;
  1086.                 font-family: Play;
  1087.                 color: _txt;
  1088.                
  1089.                 /* кнопка Отправить */
  1090.                 a#bbs.tpc {
  1091.                     left: 3% !important;
  1092.                     background: none;
  1093.                     box-shadow: none;
  1094.                     border: 1px solid _txt;
  1095.                     color: _txt;
  1096.                     padding: 4px 15px;
  1097.                     font-family: Play;
  1098.                     font-size: 12px;
  1099.  
  1100.                     &:hover {
  1101.                         background: _lazur !important;
  1102.                         border: 1px solid _lazur !important;
  1103.                         color: _snow;
  1104.                     }
  1105.                 }
  1106.             }
  1107.             /* предпросмотр */
  1108.             td.tpc2 {
  1109.                 padding: 0px !important;
  1110.                 background: _txt !important;
  1111.            
  1112.                 #tpost {
  1113.                     padding: 5px 10px;
  1114.                     background: _txt !important;
  1115.  
  1116.                     .lgf td {
  1117.                         background: #ced6e0 !important;
  1118.                         font-family: Menlo;
  1119.                     }
  1120.                 }
  1121.             }
  1122.             /* редактор */
  1123.             td.bottomline {
  1124.                 background: _bg_3 !important;
  1125.                
  1126.                 div#hr td {
  1127.                     background: _bg_3 !important;
  1128.                    
  1129.                     #dsms {
  1130.                         color: _link;
  1131.                         background: none;
  1132.                         border: 1px solid _link;
  1133.                        
  1134.                         &:hover {
  1135.                             color: _red_on_dark !important;
  1136.                             background: none !important;
  1137.                             border: 1px solid _red_on_dark !important;
  1138.                         }
  1139.                     }
  1140.                    
  1141.                     input.tag, input.tag2, input.tpc {
  1142.                         color: _link;
  1143.                         background: none;
  1144.                         border: 1px solid _link;
  1145.                         font-weight: normal;
  1146.  
  1147.                         &:hover {
  1148.                             background: _lazur !important;
  1149.                             border: 1px solid _lazur !important;
  1150.                             color: _snow;
  1151.                         }
  1152.                     }
  1153.                     input#htp {
  1154.                         color: _link;
  1155.                         background: _bg_2;
  1156.                         border: 1px solid _link;
  1157.                         font-weight: normal;
  1158.                     }
  1159.                 }
  1160.             }
  1161.         }
  1162.     }
  1163.  
  1164.     /*=== Серединка ===*/
  1165.    
  1166.     /* номера страниц */
  1167.     .small, .small a {
  1168.         font-family: Play !important;
  1169.         font-size: 10px !important;
  1170.     }
  1171.    
  1172.     /* посты → поле ников → кнопки */
  1173.     .dats {
  1174.         font-family: Play !important;
  1175.         font-size: 11px !important;
  1176.        
  1177.         a {
  1178.             font-family: Play !important;
  1179.             font-size: 9pt !important;
  1180.            
  1181.             &.m {
  1182.                 font-family: Play !important;
  1183.                 font-size: 13px !important;
  1184.             }
  1185.         }
  1186.     }
  1187.    
  1188.     /* посты → поле сообщения → верхние кнопки */
  1189.     div.blp, div.blp a {
  1190.         font-family: Play !important;
  1191.         font-size: 11px !important;
  1192.     }
  1193.    
  1194.     /* посты → поле сообщения → нижние кнопки */
  1195.     span.tpc, span.tpc a {
  1196.         font-family: Play !important;
  1197.         font-size: 11px !important;
  1198.     }
  1199.    
  1200.     /* посты → поле ников → нумерация постов */
  1201.     /* кажется, устаревший класс, не нашёл его на странице */
  1202.     .lp2 {
  1203.         background: none;
  1204.         border-color: black !important;
  1205.         color: black;
  1206.         font-weight: normal;
  1207.         padding-left: 5px;
  1208.         padding-right: 5px;
  1209.     }
  1210.    
  1211.     /* посты → поле ников → блок дата-время */
  1212.     .hlu2 {
  1213.         font-family: Play !important;
  1214.         font-size: 12px !important;
  1215.         background: none;
  1216.         text-shadow: none !important;
  1217.         color:_lazur;
  1218.         border-color: _lazur !important;
  1219.         font-weight: normal;
  1220.         padding-top: 3px;
  1221.         padding-bottom: 3px;
  1222.    
  1223.         &:hover {
  1224.             background: _bg_2;
  1225.             border-color: _snow !important;
  1226.             color: _snow;
  1227.             text-shadow: black 0px 0px 1px, black 0px 0px 1px !important;
  1228.             font-weight: bold;
  1229.         }
  1230.     }
  1231.    
  1232.     /* посты → поле ников → блок «не в сети» */
  1233.     .hlu {
  1234.         background: none !important;
  1235.         border-color: _red_on_light !important;
  1236.         font-family: Play !important;
  1237.         font-size: 12px !important;
  1238.         font-weight: normal;
  1239.         color: _red_on_light;
  1240.         text-shadow: none !important;
  1241.         padding-bottom: 4px;
  1242.         opacity: 1;
  1243.     }
  1244.    
  1245.     /* посты → блок кода */
  1246.     table:not([class="tlgf"]) >tbody>tr> td.lgf {
  1247.         font-family: Menlo;
  1248.     }
  1249.    
  1250.     /* посетители темы */
  1251.     .tolf,
  1252.     #olf > a > span.link {
  1253.         font-family: Play !important;
  1254.     }
  1255.    
  1256.     /* иконка с человечками */
  1257.     .tolf[title="Посетители темы"] {
  1258.         display: none !important;
  1259.     }
  1260.    
  1261.     /* кнопки навигации */
  1262.     #first, #prev, #next, #lastp {
  1263.         border: 1px solid _lazur;
  1264.         color: _lazur;
  1265.         background: none;
  1266.         font-family: Play;
  1267.         font-weight: normal;
  1268.         font-size: 12px;
  1269.    
  1270.         &:hover {
  1271.             border: 1px solid _lazur;
  1272.             color: _snow;
  1273.             background: _lazur !important;
  1274.             font-family: Play;
  1275.             font-weight: bold;
  1276.             font-size: 12px;
  1277.         }
  1278.     }
  1279.    
  1280.     /*=== Подвал ===*/
  1281.  
  1282.     /* заголовок темы */
  1283.     p > table[cellpadding="3"][cellspacing="1"] {
  1284.        
  1285.         background-color: _bg_1 !important;
  1286.         margin-top: -3px;
  1287.         margin-bottom: 12px;
  1288.        
  1289.         td {
  1290.             padding-left: 0px;
  1291.             background-color: _bg_1;
  1292.             color: _txt;
  1293.             font-family: Play !important;
  1294.             font-size: larger !important;
  1295.            
  1296.             a {
  1297.                 color: _link;
  1298.                 font-family: Play !important;
  1299.                 font-size: larger !important;
  1300.                
  1301.                 &:hover {
  1302.                     color: _lazur !important;
  1303.                 }
  1304.             }
  1305.         }
  1306.     }
  1307.    
  1308.     /* блок Ответа */
  1309.     #fpost {
  1310.        
  1311.         > tr > td[colspan="2"] {
  1312.             padding: 0px;
  1313.             border: none !important;
  1314.         }
  1315.        
  1316.         /* область редактора */
  1317.         table {
  1318.             /* имя, пароль */
  1319.             input[name=membername],
  1320.             input[name=password] {
  1321.                 background: none;
  1322.                 color: _bg_3;
  1323.                 border: 1px solid _bg_3 !important;
  1324.  
  1325.                 &:focus {
  1326.                     color: _red_on_light !important;
  1327.                     border: 1px solid _red_on_light !important;
  1328.                 }
  1329.             }
  1330.             /* редактор */
  1331.             textarea {
  1332.                 background: _txt;
  1333.                 border: 1px solid _link !important;
  1334.                
  1335.                 &:focus {
  1336.                     border: 1px solid _lazur !important;
  1337.                 }
  1338.             }
  1339.             /* кнопка Отправить */
  1340.             td[colspan="2"][align=center] {
  1341.  
  1342.                 background: _bg_3;
  1343.                 padding-top: 9px;
  1344.                 padding-bottom: 7px;
  1345.  
  1346.                 input.button[type="submit"] {
  1347.                     background: none;
  1348.                     color: _txt;
  1349.                     border: 1px solid _txt;
  1350.                     padding: 4px 20px;
  1351.                     font-family: Play;
  1352.                     font-size: 12px;
  1353.  
  1354.                     &:hover {
  1355.                         background: _lazur !important;
  1356.                         border: 1px solid _lazur !important;
  1357.                         color: _snow;
  1358.                     }
  1359.                 }
  1360.             }
  1361.         }
  1362.         /* Переход по форумам */
  1363.         td[align="right"][valign] {
  1364.  
  1365.             background: _bg_1;
  1366.  
  1367.             /* listbox */
  1368.             select[name="jump"] {
  1369.                 margin: 25px 0px 0px;
  1370.                 background-color: _bg_1 !important;
  1371.                 border-color: _link !important;
  1372.                 color: _link !important;
  1373.  
  1374.                 &:focus {
  1375.                     border-color: _lazur !important;
  1376.                     color: _lazur !important;
  1377.                 }
  1378.  
  1379.                 &:hover {
  1380.                     background-color: _lazur !important;
  1381.                     border-color: _lazur !important;
  1382.                     color: _snow !important;
  1383.                 }
  1384.             }
  1385.         }
  1386.     }
  1387. /* <<< End of Section 4 <<< */
  1388. }
  1389.  
  1390.  
  1391. @-moz-document url-prefix("https://forum.ru-board.com//messanger.cgi"), url-prefix("https://forum.ru-board.com/messanger.cgi") {
  1392.  
  1393.     /*****************************/
  1394.     /*            ПОЧТА          */
  1395.     /*****************************/
  1396.    
  1397. /* >>> Start of Section 5 >>> */
  1398.  
  1399.     /*=== шапка ===*/
  1400.     table+table {
  1401.         background-color: _bg_1 !important;
  1402.         border-collapse: collapse;
  1403.         margin-bottom: 20px;
  1404.        
  1405.         /* заголовок */
  1406.         td[class="big"] {
  1407.             background-color: _bg_1 !important;
  1408.             color: _txt !important;
  1409.             font-size: 20px;
  1410.             font-family: Play !important;
  1411.             padding: 10px;
  1412.  
  1413.             a {
  1414.                 font-size: 19px !important;
  1415.                 color: _link;
  1416.  
  1417.                 &:hover {
  1418.                     color: _lazur;
  1419.                 }
  1420.             }
  1421.         }
  1422.        
  1423.         /* панель кнопок */
  1424.         #pt1 {
  1425.             background-color: _bg_1 !important;
  1426.  
  1427.             img {
  1428.                 background-color: _bg_1 !important;
  1429.  
  1430.                 &:hover {
  1431.                     background-color: _lazur !important;
  1432.                 }
  1433.             }
  1434.         }
  1435.        
  1436.         /* надпись ru-board */
  1437.         #t1 {
  1438.             display: none !important;
  1439.         }
  1440.  
  1441.         /* отчёт об отправке */
  1442.         td[bgcolor="#FFFFFF"][align="center"].dats {
  1443.             background: _bg_2;
  1444.             color: _txt;
  1445.             font-size: 9pt;
  1446.         }
  1447.        
  1448.         /* ? */
  1449.         tr:nth-child(even) {
  1450.             background-color: _bg_2;
  1451.         }
  1452.        
  1453.         /* ? */
  1454.         td[width="30%"] {
  1455.             color: white;
  1456.             vertical-align: text-top;
  1457.             padding-top: 10px;
  1458.             padding-left: 10px;
  1459.         }
  1460.         /* предпросмотр ответа */
  1461.         #ptpost {
  1462.             background-color: _txt;
  1463.             font-size: 9pt;
  1464.         }
  1465.     }
  1466.    
  1467.     /* кнопки: */
  1468.     /* Удалить выбранные сообщения */
  1469.     /* Добавить */
  1470.     td[bgcolor="#EEEEEE"] input.button[type=submit],
  1471.     td[align=center] input.button[type=submit] {
  1472.         background: none !important;
  1473.         color: _lazur;
  1474.         border: 1px solid _lazur;
  1475.         padding: 5px 15px;
  1476.         font-family: Play;
  1477.         font-size: 9pt;
  1478.        
  1479.         &:hover {
  1480.             background: _lazur !important;
  1481.             color: _snow !important;
  1482.             border: 1px solid _lazur !important;
  1483.         }
  1484.     }
  1485.     /* Добавить новую запись */
  1486.     input[name=adduser] {
  1487.         background: _txt;
  1488.         border: 1px solid _lazur !important;
  1489.        
  1490.         /* почему то не работает рамка */
  1491.         &:focus {
  1492.             background: _txt !important;
  1493.             border: 1px solid _lazur !important;
  1494.         }
  1495.     }
  1496.        
  1497.     /*=== редактор ответа ===*/
  1498.     form[action="messanger.cgi"] {
  1499.  
  1500.         /* кому */
  1501.         input[name="touser"] {
  1502.             background: _txt;
  1503.             color: _lazur;
  1504.             border: 1px solid _lazur !important;
  1505.            
  1506.             &:focus {
  1507.                 border-color: _lazur !important;
  1508.                 background: _txt !important;
  1509.                 color: black !important;
  1510.             }
  1511.         }
  1512.  
  1513.         /* адресная книга */
  1514.         select[name="aboock"] {
  1515.             background-color: _link !important;
  1516.             border-color: _lazur !important;
  1517.             color: _lazur !important;
  1518.                
  1519.             &:focus {
  1520.                 border-color: _lazur !important;
  1521.                 color: _lazur !important;
  1522.             }
  1523.                
  1524.             &:hover {
  1525.                 background-color: _lazur !important;
  1526.                 border-color: _lazur !important;
  1527.                 color: _snow !important;
  1528.             }
  1529.         }
  1530.        
  1531.         /* тема */
  1532.         input[name="msgtitle"] {
  1533.             width: 283px;
  1534.             background: _txt;
  1535.             color: _lazur;
  1536.             border: 1px solid _lazur !important;
  1537.            
  1538.             &:focus {
  1539.                 border-color: _lazur !important;
  1540.                 background: _txt !important;
  1541.                 color: black !important;
  1542.             }
  1543.         }
  1544.  
  1545.         /* кнопки Отправить и Очистить */
  1546.         td[bgcolor="#EEEEEE"][valign="middle"][colspan="2"][align="center"] {
  1547.             background: _bg_2 !important;
  1548.             padding-top: 15px !important;
  1549.             padding-bottom: 15px !important;
  1550.  
  1551.             input.button {
  1552.                 background: none;
  1553.                 color: _txt;
  1554.                 font-family: Play;
  1555.                 font-size: 9.5pt;
  1556.                 border: 1px solid _txt;
  1557.                 padding: 5px 20px;
  1558.  
  1559.                 &:hover {
  1560.                     background: _lazur !important;
  1561.                     border: 1px solid _lazur !important;
  1562.                     color: _snow !important;
  1563.                 }
  1564.             }
  1565.         }
  1566.     }
  1567. /* <<< End of Section 5 <<< */
  1568. }
  1569.  
Tags: ru-board
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!