Structorica Wiki/styles.css: Difference between revisions
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit |
||
| (18 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-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; | ||
} | } | ||
.mp-button | .mp-button span { | ||
color: #202122; | color: #202122; | ||
} | } | ||
body.stw-theme-dark .mp-button | body.stw-theme-dark .mp-button span { | ||
color: #fff; | color: #fff; | ||
} | } | ||
/* MainPageButton PROGRESSIVE */ | |||
.mp-button-progressive { | |||
border-color: #5B5C5C; | |||
background-color: #618404; | |||
} | |||
body.stw-theme-dark .mp-button-progressive { | |||
border-color: #738f04; | |||
background-color: #678002; | |||
} | |||
.mp-button-progressive:hover { | |||
border-color: #7f9e05; | |||
background-color: #7B9904; | |||
} | |||
body.stw-theme-dark .mp-button-progressive:hover { | |||
border-color: #738f04; | |||
background-color: #738f04; | |||
} | |||
.mp-button-progressive span { | |||
color: #fff; | |||
} | |||
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; | ||
text-align: center; | text-align: center; | ||
align-items: center; | align-items: center; | ||
| Line 48: | Line 76: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
/* | /* | ||
| Line 73: | 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; | |||
} | } | ||