MediaWiki:Common.css: Difference between revisions
Content added Content deleted
Gymnasiast (talk | contribs) (Add icons for non-logged in users) |
Gymnasiast (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
:root |
:root |
||
⚫ | |||
--rct-indian-red: #b34f4f; |
--rct-indian-red: #b34f4f; |
||
--rct-indian-red-lighter: #c76767; |
--rct-indian-red-lighter: #c76767; |
||
Line 17: | Line 18: | ||
--rct-gold-darker: #773f00; |
--rct-gold-darker: #773f00; |
||
--rct-dark-gold: #4b2200; |
--rct-dark-gold: #4b2200; |
||
--light-link: #66a5ff; |
|||
} |
} |
||
body.skin-vector |
body.skin-vector, |
||
⚫ | |||
{ |
{ |
||
/*background-color: var(--rct-indian-red);*/ |
/*background-color: var(--rct-indian-red);*/ |
||
background: url( |
background: url("https://static.miraheze.org/rctwiki/0/01/Mowedgrass.png"); |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
body.skin-vector #mw-page-base |
body.skin-vector #mw-page-base, |
||
⚫ | |||
{ |
{ |
||
/*background-color: var(--rct-indian-red); |
/*background-color: var(--rct-indian-red); |
||
Line 32: | Line 40: | ||
} |
} |
||
body.skin-vector .mw-body |
body.skin-vector .mw-body, |
||
⚫ | |||
{ |
{ |
||
background-color: var( |
background-color: var(whitesmoke); |
||
border-top: 1px solid var(--rct-white-lighter); |
border-top: 1px solid var(--rct-white-lighter); |
||
border-left-color: var(--rct-white-lighter); |
border-left-color: var(--rct-white-lighter); |
||
Line 41: | Line 50: | ||
} |
} |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
body.skin-vector #left-navigation, |
body.skin-vector #left-navigation, |
||
body.skin-vector #right-navigation |
body.skin-vector #right-navigation, |
||
body.skin-vector-legacy #left-navigation, |
|||
body.skin-vector-legacy #right-navigation |
|||
{ |
{ |
||
margin-top: calc(2.5em - 2px); |
margin-top: calc(2.5em - 2px); |
||
} |
} |
||
body.skin-vector #left-navigation |
body.skin-vector #left-navigation, |
||
body.skin-vector-legacy #left-navigation |
|||
{ |
{ |
||
padding-left: 3px; |
padding-left: 3px; |
||
} |
} |
||
body.skin-vector #left-navigation .vector-menu-tabs, |
body.skin-vector #left-navigation .vector-menu-tabs, |
||
body.skin-vector #right-navigation .vector-menu-tabs |
body.skin-vector #right-navigation .vector-menu-tabs, |
||
body.skin-vector-legacy #left-navigation .vector-menu-tabs, |
|||
body.skin-vector-legacy #right-navigation .vector-menu-tabs |
|||
{ |
{ |
||
background-image: none; |
background-image: none; |
||
} |
} |
||
body.skin-vector #left-navigation ul.vector-menu-content-list li, |
body.skin-vector #left-navigation ul.vector-menu-content-list li, |
||
body.skin-vector #right-navigation ul.vector-menu-content-list li, |
body.skin-vector #right-navigation ul.vector-menu-content-list li, |
||
body.skin-vector #right-navigation .vector-menu-dropdown h3 |
body.skin-vector #right-navigation .vector-menu-dropdown h3, |
||
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li, |
|||
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li, |
|||
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 |
|||
{ |
{ |
||
border-top-left-radius: 4px; |
border-top-left-radius: 4px; |
||
Line 75: | Line 84: | ||
body.skin-vector #left-navigation ul.vector-menu-content-list li.selected, |
body.skin-vector #left-navigation ul.vector-menu-content-list li.selected, |
||
body.skin-vector #right-navigation ul.vector-menu-content-list li.selected |
body.skin-vector #right-navigation ul.vector-menu-content-list li.selected, |
||
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li.selected, |
|||
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li.selected |
|||
{ |
{ |
||
background-color: var( |
background-color: var(whitesmoke); |
||
border-left: 1px solid var(--rct-white-lighter); |
border-left: 1px solid var(--rct-white-lighter); |
||
border-top: 1px solid var(--rct-white-lighter); |
border-top: 1px solid var(--rct-white-lighter); |
||
border-right: 1px solid var(--rct-white-darker); |
border-right: 1px solid var(--rct-white-darker); |
||
border-bottom: 1px solid var( |
border-bottom: 1px solid var(whitesmoke); |
||
} |
} |
||
body.skin-vector #left-navigation ul.vector-menu-content-list li:not(.selected), |
body.skin-vector #left-navigation ul.vector-menu-content-list li:not(.selected), |
||
body.skin-vector #right-navigation ul.vector-menu-content-list li:not(.selected), |
body.skin-vector #right-navigation ul.vector-menu-content-list li:not(.selected), |
||
body.skin-vector #right-navigation .vector-menu-dropdown h3 |
body.skin-vector #right-navigation .vector-menu-dropdown h3, |
||
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li:not(.selected), |
|||
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li:not(.selected), |
|||
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 |
|||
{ |
{ |
||
background-color: var(--rct-white-inactive-tab-background); |
background-color: var(--rct-white-inactive-tab-background); |
||
Line 98: | Line 112: | ||
body.skin-vector #left-navigation ul.vector-menu-content-list li a, |
body.skin-vector #left-navigation ul.vector-menu-content-list li a, |
||
body.skin-vector #right-navigation ul.vector-menu-content-list li a, |
body.skin-vector #right-navigation ul.vector-menu-content-list li a, |
||
body.skin-vector #right-navigation .vector-menu-dropdown h3 |
body.skin-vector #right-navigation .vector-menu-dropdown h3, |
||
body.skin-vector-legacy #left-navigation ul.vector-menu-content-list li a, |
|||
body.skin-vector-legacy #right-navigation ul.vector-menu-content-list li a, |
|||
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 |
|||
{ |
{ |
||
background-image: none; |
background-image: none; |
||
Line 104: | Line 121: | ||
} |
} |
||
body.skin-vector #right-navigation .vector-menu-dropdown h3::after |
body.skin-vector #right-navigation .vector-menu-dropdown h3::after, |
||
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3::after |
|||
{ |
{ |
||
top: 0.3em; |
top: 0.3em; |
||
} |
} |
||
body.skin-vector #right-navigation .vector-menu-dropdown h3 |
body.skin-vector #right-navigation .vector-menu-dropdown h3, |
||
body.skin-vector-legacy #right-navigation .vector-menu-dropdown h3 |
|||
{ |
{ |
||
height: calc(3.07692308em + 2px); |
height: calc(3.07692308em + 2px); |
||
} |
} |
||
body.skin-vector .mw-watchlink a |
body.skin-vector .mw-watchlink a, |
||
body.skin-vector-legacy .mw-watchlink a |
|||
{ |
{ |
||
height: 3.07692308em !important; |
height: 3.07692308em !important; |
||
Line 121: | Line 141: | ||
} |
} |
||
body.skin-vector #mw-panel nav, |
|||
⚫ | |||
body.skin-vector #mw-panel nav |
body.skin-vector-legacy #mw-panel nav |
||
{ |
{ |
||
background-color: var(--rct-indian-red); |
background-color: var(--rct-indian-red); |
||
Line 133: | Line 153: | ||
} |
} |
||
body.skin-vector #mw-panel nav + nav |
body.skin-vector #mw-panel nav + nav, |
||
body.skin-vector-legacy #mw-panel nav + nav |
|||
{ |
{ |
||
margin-top: 15px; |
margin-top: 15px; |
||
} |
} |
||
body.skin-vector #mw-panel nav h3 |
body.skin-vector #mw-panel nav h3, |
||
body.skin-vector-legacy #mw-panel nav h3 |
|||
{ |
{ |
||
height: 12px; |
height: 12px; |
||
Line 155: | Line 177: | ||
} |
} |
||
body.skin-vector #mw-panel nav a, |
|||
⚫ | |||
body.skin-vector # |
body.skin-vector-legacy #mw-panel nav a |
||
{ |
|||
color: var(--light-link); |
|||
⚫ | |||
body.skin-vector #p-personal li, |
|||
body.skin-vector-legacy #p-personal li |
|||
{ |
{ |
||
background-color: var(--rct-light-grey); |
background-color: var(--rct-light-grey); |
||
Line 173: | Line 201: | ||
} |
} |
||
body.skin-vector #p-personal li a |
body.skin-vector #p-personal li a, |
||
body.skin-vector-legacy #p-personal li a |
|||
{ |
{ |
||
color: white; |
color: white; |
||
Line 184: | Line 213: | ||
body.skin-vector li#pt-betafeatures, |
body.skin-vector li#pt-betafeatures, |
||
body.skin-vector li#pt-userpage, |
body.skin-vector li#pt-userpage, |
||
⚫ | |||
body.skin-vector li#pt-login, |
body.skin-vector li#pt-login, |
||
body.skin-vector li#pt-logout, |
body.skin-vector li#pt-logout, |
||
Line 190: | Line 218: | ||
body.skin-vector li#pt-anontalk, |
body.skin-vector li#pt-anontalk, |
||
body.skin-vector li#pt-mycontris, |
body.skin-vector li#pt-mycontris, |
||
body.skin-vector li#pt-anoncontribs |
body.skin-vector li#pt-anoncontribs, |
||
body.skin-vector-legacy li#pt-notifications-alert, |
|||
body.skin-vector-legacy li#pt-notifications-notice, |
|||
body.skin-vector-legacy li#pt-preferences, |
|||
body.skin-vector-legacy li#pt-watchlist, |
|||
body.skin-vector-legacy li#pt-betafeatures, |
|||
body.skin-vector-legacy li#pt-userpage, |
|||
body.skin-vector-legacy li#pt-login, |
|||
body.skin-vector-legacy li#pt-logout, |
|||
body.skin-vector-legacy li#pt-mytalk, |
|||
body.skin-vector-legacy li#pt-anontalk, |
|||
body.skin-vector-legacy li#pt-mycontris, |
|||
body.skin-vector-legacy li#pt-anoncontribs |
|||
{ |
{ |
||
background-repeat: no-repeat; |
background-repeat: no-repeat; |
||
background-position: center; |
background-position: center; |
||
padding: 0 !important; |
padding: 0 !important; |
||
width: 28px; |
width: 28px; |
||
Line 200: | Line 240: | ||
} |
} |
||
body.skin-vector #pt-notifications-alert |
body.skin-vector #pt-notifications-alert, |
||
body.skin-vector-legacy #pt-notifications-alert |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/7/74/Notifications.png"); |
||
} |
} |
||
body.skin-vector #pt-notifications-notice |
body.skin-vector #pt-notifications-notice, |
||
body.skin-vector-legacy #pt-notifications-notice |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/4/4f/Newspaper.png"); |
||
} |
} |
||
body.skin-vector li#pt-preferences |
body.skin-vector li#pt-preferences, |
||
body.skin-vector-legacy li#pt-preferences |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/7/7d/Gears.png"); |
||
} |
} |
||
body.skin-vector li#pt-watchlist |
body.skin-vector li#pt-watchlist, |
||
body.skin-vector-legacy li#pt-watchlist |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/8/80/Watchlist-icon.png"); |
||
} |
} |
||
body.skin-vector li#pt-betafeatures |
body.skin-vector li#pt-betafeatures, |
||
body.skin-vector-legacy li#pt-betafeatures |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/3/3f/Beta.png"); |
||
} |
} |
||
body.skin-vector li#pt-userpage, |
body.skin-vector li#pt-userpage, |
||
body.skin-vector li#pt- |
body.skin-vector-legacy li#pt-userpage |
||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/3/31/Guest2.png"); |
||
} |
} |
||
body.skin-vector li#pt-login, |
body.skin-vector li#pt-login, |
||
body.skin-vector li#pt-logout |
body.skin-vector li#pt-logout, |
||
body.skin-vector-legacy li#pt-login, |
|||
body.skin-vector-legacy li#pt-logout |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/2/28/Entrance.png"); |
||
background-position-y: 0px; |
background-position-y: 0px; |
||
} |
} |
||
Line 240: | Line 287: | ||
body.skin-vector li#pt-mytalk, |
body.skin-vector li#pt-mytalk, |
||
body.skin-vector li#pt-anontalk, |
body.skin-vector li#pt-anontalk, |
||
body.skin-vector-legacy li#pt-mytalk, |
|||
body.skin-vector-legacy li#pt-anontalk |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/c/c7/Chat.png"); |
||
} |
} |
||
body.skin-vector li#pt-mycontris, |
body.skin-vector li#pt-mycontris, |
||
body.skin-vector li#pt-anoncontribs |
body.skin-vector li#pt-anoncontribs, |
||
body.skin-vector-legacy li#pt-mycontris, |
|||
body.skin-vector-legacy li#pt-anoncontribs |
|||
{ |
{ |
||
background-image: url( |
background-image: url("https://static.miraheze.org/rctwiki/7/77/Shovel.png"); |
||
} |
} |
||
Line 256: | Line 307: | ||
body.skin-vector li#pt-betafeatures a, |
body.skin-vector li#pt-betafeatures a, |
||
body.skin-vector li#pt-userpage a, |
body.skin-vector li#pt-userpage a, |
||
⚫ | |||
body.skin-vector li#pt-login a, |
body.skin-vector li#pt-login a, |
||
body.skin-vector li#pt-logout a, |
body.skin-vector li#pt-logout a, |
||
Line 262: | Line 312: | ||
body.skin-vector li#pt-anontalk a, |
body.skin-vector li#pt-anontalk a, |
||
body.skin-vector li#pt-mycontris a, |
body.skin-vector li#pt-mycontris a, |
||
body.skin-vector li#pt-anoncontribs a |
body.skin-vector li#pt-anoncontribs a, |
||
body.skin-vector-legacy #pt-notifications-alert a, |
|||
body.skin-vector-legacy #pt-notifications-notice a, |
|||
body.skin-vector-legacy li#pt-preferences a, |
|||
body.skin-vector-legacy li#pt-watchlist a, |
|||
body.skin-vector-legacy li#pt-betafeatures a, |
|||
body.skin-vector-legacy li#pt-userpage a, |
|||
body.skin-vector-legacy li#pt-login a, |
|||
body.skin-vector-legacy li#pt-logout a, |
|||
body.skin-vector-legacy li#pt-mytalk a, |
|||
body.skin-vector-legacy li#pt-anontalk a, |
|||
body.skin-vector-legacy li#pt-mycontris a, |
|||
body.skin-vector-legacy li#pt-anoncontribs a |
|||
{ |
{ |
||
background-image: none; |
background-image: none; |
||
Line 275: | Line 337: | ||
body.skin-vector #pt-notifications-alert .mw-echo-notifications-badge::after, |
body.skin-vector #pt-notifications-alert .mw-echo-notifications-badge::after, |
||
body.skin-vector #pt-notifications-notice .mw-echo-notifications-badge::after |
body.skin-vector #pt-notifications-notice .mw-echo-notifications-badge::after, |
||
body.skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge::after, |
|||
body.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge::after |
|||
{ |
{ |
||
top: 55%; |
top: 55%; |
||
} |
} |
||
body.skin-vector .mw-footer li, |
|||
⚫ | |||
body.skin-vector .mw-footer li |
body.skin-vector-legacy .mw-footer li |
||
{ |
{ |
||
color: #999999 |
color: #999999; |
||
} |
} |
||
body.skin-vector .mw-footer li a |
body.skin-vector .mw-footer li a, |
||
body.skin-vector-legacy .mw-footer li a |
|||
{ |
{ |
||
color: |
color: var(--light-link); |
||
} |
} |
||
/*# sourceMappingURL=Common.css.map */ |