Structorica Wiki/styles.css: Difference between revisions
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit |
||
| (11 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
font-size: 1em; | font-size: 1em; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0. | padding: 0.6em 0em; | ||
transition-property: background-color, color, border-color, box-shadow, opacity, padding, margin; | transition-property: background-color, color, border-color, box-shadow, opacity, padding, margin; | ||
transition-duration: .1s; | transition-duration: .1s; | ||
} | } | ||
.mp-button:hover{ | .mp-button:hover{ | ||
border: | border-color: #888; | ||
background-color: #fafafa; | background-color: #fafafa; | ||
} | } | ||
body.stw-theme-dark .mp-button { | body.stw-theme-dark .mp-button { | ||
border: | border-color: #5B5C5C; | ||
background-color: #48494A; | background-color: #48494A; | ||
} | } | ||
body.stw-theme-dark .mp-button:hover{ | body.stw-theme-dark .mp-button:hover{ | ||
border: | border-color: #6C6D6D; | ||
background-color: #5B5C5C; | background-color: #5B5C5C; | ||
} | } | ||
| Line 36: | Line 36: | ||
/* | /* MainPageButton PROGRESSIVE */ | ||
.mp-button-progressive { | .mp-button-progressive { | ||
border-color: #5B5C5C; | |||
background-color: #618404; | background-color: #618404; | ||
} | } | ||
body.stw-theme-dark .mp-button-progressive { | body.stw-theme-dark .mp-button-progressive { | ||
border: | border-color: #738f04; | ||
background-color: #678002; | background-color: #678002; | ||
} | } | ||
.mp-button-progressive:hover { | .mp-button-progressive:hover { | ||
border-color: #7f9e05; | |||
background-color: #7B9904; | background-color: #7B9904; | ||
} | } | ||
body.stw-theme-dark .mp-button-progressive:hover { | body.stw-theme-dark .mp-button-progressive:hover { | ||
border: | border-color: #738f04; | ||
background-color: # | background-color: #738f04; | ||
} | } | ||
| Line 61: | Line 61: | ||
body.mediawiki .mp-button > * { | body.mediawiki .mp-button > * { | ||
width: calc(100%); | width: calc(100% + 6px); | ||
height: calc(100% + 6px); | |||
margin: -3px; | |||
position: relative; | position: relative; | ||
display: flex; | display: flex; | ||
| Line 100: | Line 103: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: center; | justify-content: center; | ||
gap: | gap: 5px; | ||
} | } | ||
.mp-language-wrapper .mp-button { | .mp-language-wrapper .mp-button { | ||
flex: 1 1 90px; | flex: 1 1 90px; | ||
max-width: | max-width: 210px; | ||
} | } | ||
.mp-language-wrapper .mp-button:last-child { | .mp-language-wrapper .mp-button:last-child { | ||
min-width: 170px; | |||
} | } | ||