User:Monster Domosed/common.css: Difference between revisionsGive feedback
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
@import url('//deadlock.wiki/index.php?title=Wiki_Redesign.css&action=raw&ctype=text/css'); | @import url('//deadlock.wiki/index.php?title=Wiki_Redesign.css&action=raw&ctype=text/css'); | ||
/* Base style */ | |||
.vector-user-menu-legacy #pt-userpage a { | |||
background-repeat: no-repeat; | |||
background-size: 20px 20px; | |||
background-position: left 50%; | |||
padding-left: 2em; | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
background-image: url(./Special:FilePath/Abrams.png); /* Default */ | |||
} | |||
/* Icon options */ | |||
body.usericon-abrams .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Abrams.png); } | |||
body.usericon-apollo .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Apollo.png); } | |||
body.usericon-bebop .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Bebop.png); } | |||
body.usericon-billy .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Billy.png); } | |||
body.usericon-calico .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Calico.png); } | |||
body.usericon-celeste .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Celeste.png); } | |||
body.usericon-doorman .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/The_Doorman.png); } | |||
body.usericon-drifter .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Drifter.png); } | |||
body.usericon-dynamo .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Dynamo.png); } | |||
body.usericon-graves .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Graves.png); } | |||
body.usericon-grey-talon .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Grey_Talon.png); } | |||
body.usericon-haze .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Haze.png); } | |||
body.usericon-holliday .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Holliday.png); } | |||
body.usericon-infernus .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Infernus.png); } | |||
body.usericon-ivy .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Ivy.png); } | |||
body.usericon-kelvin .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Kelvin.png); } | |||
body.usericon-lady-geist .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Lady_Geist.png); } | |||
body.usericon-lash .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Lash.png); } | |||
body.usericon-mcginnis .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/McGinnis.png); } | |||
body.usericon-mina .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Mina.png); } | |||
body.usericon-mirage .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Mirage.png); } | |||
body.usericon-mo-krill .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Mo_&_Krill.png); } | |||
body.usericon-paige .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Paige.png); } | |||
body.usericon-paradox .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Paradox.png); } | |||
body.usericon-pocket .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Pocket.png); } | |||
body.usericon-rem .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Rem.png); } | |||
body.usericon-rem-helper .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Rem_helper.png); } | |||
body.usericon-seven .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Seven.png); } | |||
body.usericon-shiv .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Shiv.png); } | |||
body.usericon-silver .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Silver.png); } | |||
body.usericon-sinclair .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Sinclair.png); } | |||
body.usericon-venator .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Venator.png); } | |||
body.usericon-victor .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Victor.png); } | |||
body.usericon-vindicta .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Vindicta.png); } | |||
body.usericon-viscous .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Viscous.png); } | |||
body.usericon-vyper .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Vyper.png); } | |||
body.usericon-warden .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Warden.png); } | |||
body.usericon-wraith .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Wraith.png); } | |||
body.usericon-yamato .vector-user-menu-legacy #pt-userpage a { background-image: url(./Special:FilePath/Yamato.png); } | |||
/* Selector styling */ | |||
#usericon-selector { | |||
background: var(--th-mw-panel-portlet-back); | |||
border: 1px solid var(--th-mw-head-menu-dropdown-head); | |||
padding: 15px; | |||
margin: 15px 0; | |||
border-radius: 4px; | |||
} | |||
#usericon-selector h3 { | |||
margin-top: 0; | |||
color: var(--color-emphasized); | |||
} | |||
.usericon-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); | |||
gap: 10px; | |||
margin-top: 10px; | |||
} | |||
.usericon-option { | |||
cursor: pointer; | |||
border: 3px solid transparent; | |||
padding: 5px; | |||
text-align: center; | |||
border-radius: 4px; | |||
transition: all 0.2s; | |||
background: var(--th-mw-head-menu-dropdown-head-back); | |||
} | |||
.usericon-option:hover { | |||
border-color: var(--th-mw-head-menu-dropdown-head); | |||
background: var(--background-color-interactive); | |||
} | |||
.usericon-option.selected { | |||
border-color: var(--th-link-color); | |||
background: var(--th-mw-head-menu-tabs-li-select-back-1); | |||
box-shadow: 0 0 8px rgba(124, 218, 161, 0.3); | |||
} | |||
.usericon-option img { | |||
width: 64px; | |||
height: 64px; | |||
display: block; | |||
margin: 0 auto 5px; | |||
border-radius: 2px; | |||
} | |||
.usericon-option span { | |||
display: block; | |||
font-size: 0.9em; | |||
color: var(--text-color); | |||
} | |||
.usericon-option.selected span { | |||
color: var(--color-emphasized); | |||
font-weight: bold; | |||
} | |||
@media screen { | @media screen { | ||