Wikireporter:Karol Szapsza/common.css

Z Wikinews, wolnego źródła informacji.

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);
}
Źródło: „https://pl.wikinews.org/w/index.php?title=Wikireporter:Karol_Szapsza/common.css&oldid=217439”