Skocz do zawartości

Ciemny styl | Styl pirata


piratjsk
 Udostępnij

Ankieta  

20 użytkowników zagłosowało

  1. 1. Czy używałbyś ciemnego stylu gdyby takowy został wprowadzony?

    • Tak, używałbym wyłącznie ciemnego stylu
    • Tak, ale od czasu do czasu używałbym jasnego
    • Raczej tak, ale częściej używałbym jasnego stylu
    • Nie, używałbym wyłącznie domyślnego, jasnego stylu na forum


Rekomendowane odpowiedzi

Posty wydzielone z tematu Zarejestruj się lub zaloguj, aby zobaczyć ukrytą treść!, zapraszam do głosowania w ankiecie. //Libter


 

16 godzin temu, Derpy Hooves napisał:

Gdyby było więcej ciemnych elementów, to mógłby działać jako styl ciemny dobry do przeglądania nocą

Jak przeczytałem ten post to pomyślałem, że chwilkę się pobawię i wyszło mi coś takiego:

Spoiler

STcR1ED.png

Styl jest niedokończony i modyfikowałem tylko widok tematu, jakby ktoś chciał się z tym więcej pobawić to tutaj jest kod:

Spoiler
#ipsLayout_contentWrapper {
    background-color: #2f2f2f;
}
.ipsBox:not( .ipsBox_transparent):not( .ipsModerated) {
    background-color: #2f2f2f;
}
.ipsAreaBackground_light {
    background-color: #393939;
}
body,
.ipsType_richText,
.ipsType_sectionHead,
.ipsType_pageTitle {
    color: #f5f5f5;
}
.ipsUserPhoto {
    background: #393939;
}
#ipsLayout_header header {
    background-color: #0f0f0f;
}
.ipsNavBar_primary>ul>li.ipsNavBar_active>a,
.ipsNavBar_secondary,
.ipsNavBar_primary:not( .ipsNavBar_noSubBars) > ul:before {
    background: #141414;
}
.ipsNavBar_primary>ul>li.ipsNavBar_active>a {
    color: #e5e5e5;
}
.ipsNavBar_secondary>li>a {
    color: rgba(188, 188, 188, 0.52);
}
.badges {
    opacity: 0.8;
}
.ipsLikeRep {
    background: #212121;
}
.ipsSpoiler_header {
    background: #212121;
    color: #f5f5f5;
}
.ipsSpoiler,
.ipsStyle_spoiler {
    border-color: #212121;
    background: #282828;
}
.ipsSpoiler .ipsSpoiler_header a,
.ipsStyle_spoiler .ipsSpoiler_header a {
    color: #f5f5f5;
}
.ipsHovercard {
    background: #2d2d2d;
    border-color: #212121;
}
.ipsAreaBackground {
    background: #212121;
}
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    background: #212121;
}
.cke_wysiwyg_frame,
.cke_wysiwyg_div {
    background-color: #2f2f2f;
}
.ipsComposeArea_editor {
    background: #141414;
}
.ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
    border-color: transparent #141414 transparent transparent !important;
}
.ipsApp .ipsButton_light {
    background: #232323;
    color: #f5f5f5;
}
.cPollVoteBar {
    background: #141414;
}
.ipsHovercard_stemTop .ipsHovercard_stem {
    border-color: #2d2d2d transparent transparent transparent;
}
.ipsHovercard_stemBottom .ipsHovercard_stem {
    border-color: transparent transparent #2d2d2d transparent;
}
.ipsHovercard_stemTop .ipsHovercard_stem:before {
    border-color: #141414 transparent transparent transparent;
}
.ipsHovercard_stemBottom .ipsHovercard_stem:before {
    border-color: transparent transparent #141414 transparent;
}
.ipsComposeArea_dummy {
    background: #2f2f2f;
    color: #f5f5f5;
}

/* cytaty */
.ipsQuote {
    border-color: #212121;
    background: #282828;
}
.ipsQuote_citation {
    background: #212121;
    color: #f5f5f5;
}
.ipsQuote .ipsQuote_citation a {
    color: inherit;
}

/* user menu */
.ipsMenu {
    background: #212121;
    border-color: #0f0f0f;
}
.ipsMenu.ipsMenu_bottomCenter:before {
    border-color: transparent transparent #0f0f0f transparent;
}
.ipsMenu.ipsMenu_bottomCenter:after {
    border-color: transparent transparent #212121 transparent;
}
.ipsMenu_item>a, .ipsMenu_item>span { color: inherit; }
.ipsMenu_item:not( .ipsMenu_itemClicked ):not( .ipsMenu_itemDisabled ) a:hover, .ipsMenu_item[data-selected] a, .ipsMenu_item[data-selected] span {
    background: #141414;
}
.ipsMenu_title {
    background: #141414;}
.ipsMenu_sep {
    border-color: #141414;}
.ipsMenu.ipsMenu_bottomRight:before {
    border-color: transparent transparent #0f0f0f transparent;}
.ipsMenu.ipsMenu_bottomRight:after {
    border-color: transparent transparent #212121 transparent;}

.ipsMenu.ipsMenu_topRight:before {
    border-color: #0f0f0f transparent transparent transparent;}
.ipsMenu.ipsMenu_topRight:after {
    border-color: #212121 transparent transparent transparent;}


/* widgets */
.cWidgetNews .info {
    background: #272727;}
.ipsWidget.ipsWidget_horizontal .ipsTabs_panel {
    background: #393939;}
.ipsDataItem {
    border-color: #2f2f2f;}
.ipsAreaBackground {
    background: #292929;}
.ipsWidget .ipsTabs_small .ipsTabs_item:not( .ipsTabs_activeItem ) {
    color: inherit;}
.ipsTabs_activeItem {
    background: rgba(40,40,40,1);
    color: rgba(190,190,190,1);}
.ipsTabs_panel {
    background: #282828;}
.ipsWidget.ipsWidget_vertical .ipsWidget_inner {
    color: inherit;}


.ipsApp .ipsField_autocomplete, .ipsApp textarea, .ipsApp input[type="text"], .ipsApp input[type="password"], .ipsApp input[type="datetime"], .ipsApp input[type="datetime-local"], .ipsApp input[type="date"], .ipsApp input[type="month"], .ipsApp input[type="time"], .ipsApp input[type="week"], .ipsApp input[type="number"], .ipsApp input[type="email"], .ipsApp input[type="url"], .ipsApp input[type="search"], .ipsApp input[type="tel"] {
    background-color: #2f2f2f;
    border-color: #141414;}

.ipsApp textarea:focus, .ipsApp input[type="text"]:focus, .ipsApp input[type="password"]:focus, .ipsApp input[type="datetime"]:focus, .ipsApp input[type="datetime-local"]:focus, .ipsApp input[type="date"]:focus, .ipsApp input[type="month"]:focus, .ipsApp input[type="time"]:focus, .ipsApp input[type="week"]:focus, .ipsApp input[type="number"]:focus, .ipsApp input[type="email"]:focus, .ipsApp input[type="url"]:focus, .ipsApp input[type="search"]:focus, .ipsApp input[type="tel"]:focus, .ipsApp input[type="color"]:focus {
    border-color: rgba(82, 168, 236, 0.35);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075), 0px 1px 5px rgba(82, 168, 236, 0.26) inset;}


/* dialog */
.ipsDialog>div {
    background: #282828;}
.ipsDialog_title {
    color: inherit;}

.ipsAreaBackground_reset {
    background: #2f2f2f;}
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):not( .ipsDataItem_new ):not( .ipsDataItem_success ):not( .ipsDataItem_warning ):not( .ipsDataItem_error ):not( .ipsDataItem_info ):not( .ipsDataItem_status ):nth-child(even) {
    background: #2b2b2b;
}

/* scrollbar */
::-webkit-scrollbar              { background: transparent; width: 10px; }
::-webkit-scrollbar-button       { display: none }
::-webkit-scrollbar-thumb        { background: rgba(50,50,50,1); }

/* profile */
#elProfileTabs_content .ipsTabs_panel {
    background: #2f2f2f;}
.ipsStream .ipsStreamItem_contentType {
    background: #212121;
    border-color: #141414;}

/* blog */
.cCmsCategoryFeaturedEntry .ipsType_richText, .cCmsCategoryFeaturedEntry {
    color: inherit;
}
.cCmsCategoryFeaturedEntry {
    border-color: #212121;}
.ipsTabs_panels.ipsTabs_contained {
    border-color: #212121;}
.cCmsDatabase_blog .ipsTabs_item {
    background: rgb(41, 41, 41);
}
.cCmsDatabase_blog .ipsTabs_item:not( .ipsTabs_activeItem ):hover {
    background: rgb(57, 57, 57);}

.cCmsDatabase_blog .ipsTabs_activeItem {
    background: rgb(57, 57, 57);}
.cCmsDatabase_blog .ipsTabs_activeItem:hover {
    color: inherit;}

hr.ipsHr {
    border-color: rgba(0,0,0,0.1);}

.ipsMenu_headerBar, .ipsMenu_footerBar {
    background: linear-gradient(to bottom,rgb(33, 33, 33) 0%,rgb(20, 20, 20) 100%);}

.ipsDataList_readStatus .ipsDataItem:not( .ipsDataItem_unread ):not( .ipsDataItem_selected ):not( .ipsModerated ) {
    background: #2f2f2f;
}

#elNotifyContent .ipsDataItem {
    border-color: #212121;
}
.ipsMenu_headerBar { border-bottom-color: #212121; }
.ipsMenu_footerBar { border-top-color: #212121; }

.ipsCommentCount {
    background: #141414;
    color: inherit;}
.ipsCommentCount:after {
    border-color: transparent #141414 transparent transparent;}

 

 

Edytowane przez Libter
Wydzielony temat & ankieta
Odnośnik do komentarza
Udostępnij na innych stronach

  • Norbi zablokował(a) ten temat
Nieaktywny
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...