Wikireporter:Karol Szapsza/common.css
Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.
- Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
- Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
- Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
- Opera: Naciśnij klawisze Ctrl+F5.
/* Wspólny styl dla trzech guzików pod polem edycji */
.editButtons #wpPreview, .editButtons #wpDiff, .editButtons #wpSave {
font-family: inherit;
font-size: 1em;
display: inline-block;
padding: 0.5em 1em;
padding-top: 0.5em;
padding-right-value: 1em;
padding-bottom: 0.5em;
padding-left-value: 1em;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;
margin: 0px;
margin-top: 0px;
margin-right-value: 0px;
margin-bottom: 0px;
margin-left-value: 0px;
margin-left-ltr-source: physical;
margin-left-rtl-source: physical;
margin-right-ltr-source: physical;
margin-right-rtl-source: physical;
-moz-box-sizing: border-box;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: rgb(85, 85, 85);
border: 1px solid rgb(204, 204, 204);
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: rgb(204, 204, 204);
border-right-color-value: rgb(204, 204, 204);
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: rgb(204, 204, 204);
border-left-color-value: rgb(204, 204, 204);
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-radius: 2px 2px 2px 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
min-width: 4em;
vertical-align: middle;
text-align: center;
font-weight: 700;
cursor: pointer;
transition: background 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s;
transition-property: background, color, box-shadow;
transition-duration: 0.1s, 0.1s, 0.1s;
transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
transition-delay: 0s, 0s, 0s;
}
.editButtons #wpPreview:hover, .editButtons #wpPreview:focus, .editButtons #wpDiff:hover, .editButtons #wpDiff:focus {
box-shadow: 0px 1px rgba(0, 0, 0, 0.1), 0px -3px rgba(0, 0, 0, 0.2) inset;
border-bottom-color: rgb(204, 204, 204);
outline: 0px none;
outline-width: 0px;
outline-style: none;
outline-color: -moz-use-text-color;
}
.editButtons #wpPreview:hover, .editButtons #wpPreview:active, .editButtons #wpPreview:visited, .editButtons #wpDiff:hover, .editButtons #wpDiff:active, .editButtons #wpDiff:visited {
color: rgb(85, 85, 85);
}
.editButtons #wpPreview:active, .editButtons #wpDiff:active {
background: none repeat scroll 0% 0% rgb(204, 204, 204);
background-color: rgb(204, 204, 204);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
box-shadow: none;
}
/* Stylu wspólnego buttonów koniec. */
/* Styl odrębny guzika zielonego */
.editButtons #wpSave {
background: none repeat scroll 0% 0% rgb(0, 175, 137);
background-color: rgb(0, 175, 137);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: rgb(255, 255, 255);
border: 1px solid rgb(0, 175, 137);
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: rgb(0, 175, 137);
border-right-color-value: rgb(0, 175, 137);
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: rgb(0, 175, 137);
border-left-color-value: rgb(0, 175, 137);
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
}
/* Style zielonego przy akcjach */
.editButtons #wpSave:hover, .editButtons #wpSave:focus {
box-shadow: 0px 1px rgba(0, 0, 0, 0.1), 0px -3px rgba(0, 0, 0, 0.2) inset;
border-bottom-color: rgb(0, 140, 110);
outline: 0px none;
outline-width: 0px;
outline-style: none;
outline-color: -moz-use-text-color;
}
.editButtons #wpSave:active {
background: none repeat scroll 0% 0% rgb(0, 140, 110);
background-color: rgb(0, 140, 110);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
box-shadow: none;
}
.editOptions #wpSummary {
border: 1px solid rgb(204, 204, 204);
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: rgb(204, 204, 204);
border-right-color-value: rgb(204, 204, 204);
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: rgb(204, 204, 204);
border-left-color-value: rgb(204, 204, 204);
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
-moz-box-sizing: border-box;
width: 100%;
padding: 0.3em 0.3em 0.3em 0.6em;
padding-top: 0.3em;
padding-right-value: 0.3em;
padding-bottom: 0.3em;
padding-left-value: 0.6em;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;
display: block;
vertical-align: middle;
border-radius: 2px 2px 2px 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
font-family: inherit;
font-size: inherit;
line-height: inherit;
transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
transition-property: border, box-shadow;
transition-duration: 0.2s, 0.2s;
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1), cubic-bezier(0.39, 0.575, 0.565, 1);
transition-delay: 0s, 0s;
}
.editOptions #wpSummary:focus {
box-shadow: 0px 0px 0px 2px rgb(52, 123, 255) inset;
border-color: rgb(52, 123, 255);
border-top-color: rgb(52, 123, 255);
border-right-color-value: rgb(52, 123, 255);
border-bottom-color: rgb(52, 123, 255);
border-left-color-value: rgb(52, 123, 255);
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
outline: 0px none;
outline-width: 0px;
outline-style: none;
outline-color: -moz-use-text-color;
}
.cancelLink #mw-editform-cancel {
color: rgb(102, 102, 102);
text-decoration: none;
-moz-text-blink: none;
-moz-text-decoration-color: -moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
}
.cancelLink #mw-editform-cancel:focus, .editButtons #mw-editform-cancel:active, .cancelLink #mw-editform-cancel:hover {
color: rgb(146, 20, 13);
}