Użytkownik:SH3VEK/common.css: Różnice pomiędzy wersjami
Z Nonsensopedii, polskiej encyklopedii humoru
M |
M |
||
| (Nie pokazano 2 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
| Linia 1: | Linia 1: | ||
/* Style CSS */ |
|||
@import url('https://rsms.me/inter/inter.css'); |
|||
.thumb.file-bynons { |
|||
html, body { font-family: 'Inter', sans-serif; } |
|||
box-shadow: unset; |
|||
@supports (font-variation-settings: normal) { |
|||
position: relative; |
|||
html, body { font-family: 'Inter var', sans-serif; } |
|||
} |
} |
||
.thumb.file-bynons::before { |
|||
content: 'Praca własna'; |
|||
/* Akcent domyślny (#c63) */ |
|||
font-size: 11px; |
|||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, |
|||
background: rgba(255, 255, 255, 0.75); |
|||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button, |
|||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, |
|||
padding: 2px 6px; |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { |
|||
border-radius: 8px; |
|||
color: #c63; |
|||
font-weight: bold; |
|||
} |
|||
position: absolute; |
|||
.oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { |
|||
top: 4px; |
|||
box-shadow: 0 0 2px #c63; |
|||
left: 4px; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, |
|||
.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, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { |
|||
background-color: #c63; |
|||
border-color: #c63; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus, |
|||
.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-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus, |
|||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, |
|||
.oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle, |
|||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled: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-textInputWidget.oo-ui-widget-enabled:hover input:focus, |
|||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus, |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span, |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { |
|||
border-color: #c63; |
|||
} |
|||
/* Akcent ciemny (#8d4b2a) */ |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { |
|||
color: #8d4b2a; |
|||
border-color: #8d4b2a; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button, |
|||
.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, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { |
|||
background-color: #8d4b2a !important; |
|||
border-color: #8d4b2a !important; |
|||
box-shadow: inset 0 0 0 1px #8d4b2a !important; |
|||
} |
|||
/* Akcent jasny (#f57f44) */ |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .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, |
|||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { |
|||
background-color: #f57f44; |
|||
border-color: #f57f44; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { |
|||
border-color: #f57f44; |
|||
} |
|||
/* Mieszane */ |
|||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, |
|||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { |
|||
background-color: #fff3ea; |
|||
color: #c63; |
|||
} |
|||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, |
|||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { |
|||
background-color: rgba(204,98,41,0.1); |
|||
color: #c63; |
|||
} |
|||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { |
|||
background-color: #fff3ea; |
|||
border-color: #c63; |
|||
} |
|||
/* INNE */ |
|||
@media screen and (min-width: 0) { |
|||
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { |
|||
outline-color: #c63; |
|||
} |
|||
} |
} |
||
Aktualna wersja na dzień 00:20, 23 cze 2019
/* Style CSS */
.thumb.file-bynons {
box-shadow: unset;
position: relative;
}
.thumb.file-bynons::before {
content: 'Praca własna';
font-size: 11px;
background: rgba(255, 255, 255, 0.75);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
padding: 2px 6px;
border-radius: 8px;
font-weight: bold;
position: absolute;
top: 4px;
left: 4px;
}
