Użytkownik:SH3VEK/common.css: Różnice pomiędzy wersjami
Z Nonsensopedii, polskiej encyklopedii humoru
M Znacznik: edytor źródłowy |
M (Trochę na pomarańczowo, jeszcze nieukończone) |
||
Linia 1: | Linia 1: | ||
/* |
/* Akcent domyślny (#c63) */ |
||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { |
|||
table.sortable th.headerSort::after { |
|||
color: #c63; |
|||
content: '\29d7'; |
|||
} |
} |
||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button, |
|||
table.sortable th.headerSortDown::after { |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span { |
|||
content: '\25be'; |
|||
background-color: #c63; |
|||
⚫ | |||
} |
} |
||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { |
|||
table.sortable th.headerSortUp::after { |
|||
border-color: #c63; |
|||
content: '\25b4'; |
|||
box-shadow: inset 0 0 0 1px #c63, inset 0 0 0 2px #fff; |
|||
} |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span { |
|||
background-color: #c63; |
|||
border-color: #c63; |
|||
box-shadow: inset 0 0 0 1px #c63, inset 0 0 0 2px #fff; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, |
|||
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, |
|||
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus, |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span { |
|||
border-color: #c63; |
|||
box-shadow: inset 0 0 0 1px #c63; |
|||
} |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span, |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span { |
|||
border-color: #c63; |
|||
} |
} |
||
/* |
/* Akcent ciemny (#8d4b2a) */ |
||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, |
|||
.mw-collapsible-toggle { |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus, |
|||
transition: transform 0.5s; |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { |
|||
background-color: #8d4b2a; |
|||
border-color: #8d4b2a; |
|||
} |
} |
||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span, |
|||
.mw-collapsible-toggle a img { |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:focus + span, |
|||
width: 0; |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, |
|||
height: 0; |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:hover + span, |
|||
border: 6px solid transparent; |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:focus + span { |
|||
border-left: 12px solid black; |
|||
background-color: #8d4b2a !important; |
|||
⚫ | |||
border-color: #8d4b2a !important; |
|||
box-shadow: inset 0 0 0 1px #8d4b2a !important; |
|||
} |
} |
||
.mw-collapsible-toggle-expanded { |
|||
/* Akcent jasny */ |
|||
transform: rotate(90deg); |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span{ |
|||
background-color: #f57f44; |
|||
border-color: #f57f44; |
|||
} |
} |
Wersja z 19:09, 9 mar 2019
/* Akcent domyślny (#c63) */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
color: #c63;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
background-color: #c63;
border-color: #c63;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
border-color: #c63;
box-shadow: inset 0 0 0 1px #c63, inset 0 0 0 2px #fff;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
background-color: #c63;
border-color: #c63;
box-shadow: inset 0 0 0 1px #c63, inset 0 0 0 2px #fff;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
border-color: #c63;
box-shadow: inset 0 0 0 1px #c63;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span {
border-color: #c63;
}
/* Akcent ciemny (#8d4b2a) */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: #8d4b2a;
border-color: #8d4b2a;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:focus + span {
background-color: #8d4b2a !important;
border-color: #8d4b2a !important;
box-shadow: inset 0 0 0 1px #8d4b2a !important;
}
/* Akcent jasny */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span{
background-color: #f57f44;
border-color: #f57f44;
}