LINUX.ORG.RU

LOR Dark blue

 


0

1

Стиль другого автора, который я немного доделал.

Скриншоты
1.png
2.png
3.png

/* ==UserStyle==
@name         LOR Dark blue
@namespace    USO Archive
@author       ens0
@description  dark blue style for LOR
@version      20151215.12.36
@license      NONE
@preprocessor uso
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.linux.org.ru") {

    html,
    body,
    .code,
    code {
        background: #0f2330 !important;
        /*color: #b3c5d0 !important;*/
    }

    #sitetitle {
        background: #153041 !important;
    }

    h2 a {
        color: #b3c5d0 !important;
    }

    #hd .menu ul {
        display: flex;
    }
    
    #hd .menu li {
        margin: 0;
    }

    .menu a {
        color: #b3c5d0 !important;
        text-decoration: none;
        display: block;
        padding: 10px;
    }
    
    .menu a:hover {
        background-color: #15618c;
    }

    #loginGreating a {
        color: #b3c5d0 !important;
        text-decoration: none;
    }

    #sitetitle {
        color: #ffffff !important;
    }
    
    #bd {
        padding-left: 0;
        padding-right: 0;
    }
    
    article.news {
        padding: 10px;
        box-shadow: 0 0 1px 1px #70c0ed;
    }
    
    img.photo {
        border-radius: 0;
    }
    
    blockquote {
        background-color: #0f2330;
        border: 1px dotted #234240;
        border-left: 5px solid #15618c;
        color: #b3c5d0;
        font-style: normal;
    }
    
    #realtime a {
        color: #fff;
    }

    .nav-buttons a {
        color: #feedcf !important;
    }

    .messages .msg:target {
        border: 1px solid #dc322f !important;
        margin-top: 5px;
    }

    .menu,
    .infoblock,
    .boxlet,
    .messages .msg,
    .message-table .tag {
        background: #153041 !important;
    }
    
    .messages .by-ts {
        background: #15412E !important;
    }

    .infoblock,
    .boxlet,
    .msg,
    .message-table .tag {
        border-radius: 0 !important;
    }

    .msg {
        border-top: 5px solid #0f2330 !important;
    }

    #bd .forum table th,
    .message-table tr:hover {
        background: #153041 !important;
    }

    .msg {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #bd .btn-default {
        background-color: #173447 !important;
    }

    #bd .btn-selected {
        background-color: #234b64 !important;
        color: #fff !important;
    }

    #bd .btn-primary {
        background-color: #2e6080 !important;
    }

    #bd .forum table tbody td {
        border: 1px solid #234240 !important;
    }

    #bd .forum table th {
        border: 1px solid #234240 !important;
    }

    #bd .forum table tbody td a {
        text-decoration: none !important;
        color: #70c0ed !important;
    }

    .message-table .tag {
        color: #EEEEEC !important;
    }

    /*blockquote {
        border-left-color: #506572 !important;
    }*/

    #bd .sign a {
        color: #1ee056 !important;
        font-weight: bold;
    }
    
    #bd .sign_more a {
        font-weight: normal;
    }

    #whois_userpic {
        background: #153041 none repeat scroll 0% 0% !important;
    }
    
    form#query {
        border: 1px solid #b3c5d0;
        padding: 10px;
    }
    
    form.control-group {
        border: 1px solid #b3c5d0;
        padding: 10px;
        margin-top: 10px;
    }
    
    .msg .reply li::before, .msg .reply li::after {
        display: none;
    }
    
    .msg .reply li a {
        display: inline-block;
        padding-right: 4px;
        padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #70c0ed;
        border-radius: 2px;
        text-decoration: none;
        color: #b3c5d0 !important;
        background: linear-gradient(to bottom, #15618c 0%, #153041 100%);
    }
    
    textarea {
        background-color: #080814;
        border: 1px solid #8E97BD;
        border-radius: 2px;
        color: #b3c5d0;
    }
    
    input, select {
        background-color: #153041;
        color: #b3c5d0;
        border: 1px solid #70c0ed;
        border-radius: 0;
    }
    
    #markup-panel .btn {
        border-radius: 0;
    }
    
    #whois_userpic {
        border-radius: 0;
    }
    
    div.tags-first-letters {
        padding: 5px;
        background: #153041
    }
    
    :root {
        --text-color: #b3c5d0;
        --link-color: #70c0ed;
        --icon-button-active-color: #ffe746;
        --header-color: #70c0ed;
        --tag-color: #ffe746;
        --button-primary-background: #15618c;
    }
}

★★★

Ответ на: комментарий от firkax

В black? Ну black тоже мне не нравится.

Я хотел сделать что-то менее старомодное. Чтобы форум выглядел как из конца нулевых, а не 90-ых. И без скруглений. И чтобы элементы интерфейса были отделены либо цветом либо границами.

damix9 ★★★
() автор топика
Ответ на: комментарий от damix9

Круто. Я уже поставил :). Доступ открыл? Может кто-то пул реквесты будет делать т.е ты не один будешь суппортить всё это

serg002 ★★★
()

надо универсальную пилить под любые сайты - у меня вот такое

*,:before,:after,[class*=bg],[class*=white],#archnavbar
{
	background-color:transparent !important;
	color:#999;
	font-family:Consolas,FontAwesome,fontello !important;
}
:not(:empty):not(span):not(a):not(img):not(button),#mw-page-base
{
	background-image:none !important;
}
[class*=error],[class*=alert],code
{
	color:#990 !important;
}
a,a *
{
	color:#099 !important;
}
a:hover,a:hover *,a:visited:hover,a:visited:hover *
{
	color:#fff !important;
	text-shadow:0 0 5px #055 !important;
}
a:visited,a:visited *
{
	color:#0f0 !important;
}
html,body,form,input,select,td,ul,.bb,.modal,.popup,.post,.qr,.row,[class*=menu]
{
	background:#000 !important;
}
.ads,.mmm,.reactions,#interpage,[class*=banner],[id*=yandex]
{
	display:none !important;
}

копипастить не обязательно это всего лишь концепция

amd_amd ★★★★★
()

Мне сначала понравилось, а потом я увидел зеленый фон у постов и кнопки. Ну как-то вообще не вяжется ни с остальными цветами, ни с общим плоским стилем.

Ghostwolf ★★★★★
()
Ответ на: комментарий от Ghostwolf

+1! Скриншот №1, №3 норм, а второй с непонятной зеленью отпугнул

Jurik_Phys ★★★★★
()
Ответ на: комментарий от Ghostwolf

Так он не плоский. Сообщения выглядят как будто ближе к нам, чем фон.
Jurik_Phys пишет:

а второй с непонятной зеленью отпугнул

Virtuos86 пишет:

Зеленый убери, замени оттенком синего, и будет хорошо. На любителя, но хорошо.

На какой заменить? #153d41? #152A41? Возможно, так стильнее, но как-то недостаточно контрастно. Я хотел, чтобы сообщения ТСов выделялись даже при достаточно быстром скролинге. Ну и этот цвет будет только с установленным плагином LORScriptPack. Без него все комменты будут одного цвета.

damix9 ★★★
() автор топика
Ответ на: комментарий от serg002

Какой доступ? Я туда скорее всего не буду заходить. Если у кого есть вопросы, предложения, патчи, багрепорты, лучше обращаться ко мне на ЛОРе. Вообще там добалвять нечего, там всё работает, я уже где-то год тестирую скрипт.

damix9 ★★★
() автор топика
Ответ на: комментарий от damix9

На какой заменить?… Ну и этот цвет будет только с установленным плагином LORScriptPack. Без него все комменты будут одного цвета.

То есть это не показательный скрин с зеленым цветом сообщений? Ну тогда OK. Не знаю, зачем выделение сообщений ОП при скроллинге, но вообще не сочетаются цвета, которые ты выбрал для этого, хотя да, выделяется, не поспоришь.

Virtuos86 ★★★★★
()
Ответ на: комментарий от Virtuos86

Это скрин, как будет с плагином. Сам движок ЛОРа никак не выделяет сообщения ТСов, для него это обычные сообщения, у них один класс.

Выделяет комментарии от автора темы классом by-ts, а его ник - классом ts-nick
Выделяет нечетные комментарии классом odd, а четные - классом even

Вот это мой плагин делает, чтобы упростить кастомизацию стиля.

Не знаю, зачем выделение сообщений ОП при скроллинге

Ну неудобно же - нагуглил тему, там оказалось много флуда, ищешь, что же там ТС в итоге решил делать. И что? Ctrl+F его ник и искать с конца? И все равно не так удобно. А с паком скриптов можно быстро скролить и комменты другого цвета будут бросаться в глаза.


но вообще не сочетаются цвета, которые ты выбрал для этого, хотя да, выделяется, не поспоришь.

Ну так когда есть контраст, оно и заметнее.

damix9 ★★★
() автор топика
Для того чтобы оставить комментарий войдите или зарегистрируйтесь.