Użytkownik:SH3VEK/common.css: Różnice pomiędzy wersjami

Z Nonsensopedii, polskiej encyklopedii humoru
M (Więcej pomarańczy)
M
 
(Nie pokazano 6 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 1: Linia 1:
/* Akcent domyślny (#c63) */
/* Style CSS */
.thumb.file-bynons {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
color: #c63;
box-shadow: unset;
position: relative;
}
}
.thumb.file-bynons::before {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
content: 'Praca własna';
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
font-size: 11px;
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
background-color: #c63;
background: rgba(255, 255, 255, 0.75);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
border-color: #c63;
padding: 2px 6px;
}
border-radius: 8px;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
font-weight: bold;
border-color: #c63;
position: absolute;
box-shadow: inset 0 0 0 1px #c63, inset 0 0 0 2px #fff;
top: 4px;
}
left: 4px;
.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-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle,
.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;
}
}

Aktualna wersja na dzień 01: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;
}