MediaWiki:Common.css: Difference between revisions
From Official Barotrauma Wiki
No edit summary |
No edit summary |
||
Line 48: | Line 48: | ||
content:""; | content:""; | ||
background:url(https://discordapp.com/api/guilds/103209684680323072/embed.png) no-repeat; | background:url(https://discordapp.com/api/guilds/103209684680323072/embed.png) no-repeat; | ||
} | |||
/* [[Template:Connection panels]] */ | |||
.cp-tooltip { | |||
pointer-events: none; | |||
position:absolute; | |||
top:0; | |||
right:50%; | |||
transition-timing-function: ease-out; | |||
background-color: rgba(255,80,0,0); | |||
color: rgba(255,255,255,0); | |||
border: 1px solid rgba(255,255,255,0); | |||
/*transition: background-color 0.4s, color 0.4s, transform 0.4s, border 0.4s;*/ | |||
transform: translate(50%,0) translateZ(0) scale(1.0, 1.0); | |||
text-align: center; | |||
overflow: hidden; | |||
z-index: 5; | |||
min-width: 160px; | |||
max-width: 200px; | |||
} | |||
.cp-hover:hover + .cp-tooltip { | |||
background-color: #000000; | |||
color: #ffffff; | |||
padding: 2px; | |||
border: 1px solid #ffffff; | |||
transform: translate(50%,-100%) translateZ(0) scale(1.0, 1.0); | |||
} | |||
.cp-hover { | |||
transform: translate(0,0) translateZ(0) scale(1.0, 1.0); | |||
z-index:10; | |||
background-color: transparent; | |||
} | } | ||
Revision as of 12:28, 23 November 2020
/* CSS placed here will be applied to all skins */ body.page-Main_Page h1 { display: none; } .mp-section { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 1em; border: 1px solid #080808; background: rgb(9,9,8); background: -moz-radial-gradient(circle, rgba(9,9,8,1) 0%, rgba(9,9,8,1) 50%, rgba(9,9,8,1) 100%); background: -webkit-radial-gradient(circle, rgba(9,9,8,1) 0%, rgba(9,9,8,1) 50%, rgba(9,9,8,1) 100%); background: radial-gradient(circle, rgba(9,9,8,1) 0%, rgba(9,9,8,1) 50%, rgba(9,9,8,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090908",endColorstr="#090908",GradientType=1); } .mainleft { float: left; width: 25%; } .mainright { float: right; width: 25%; } .maincenter { margin: auto; width: 48%; } /* Discord invite button */ div#mw-panel li a[href="https://discord.gg/undertow"] { display:inline-block; position:relative; height:20px; width:119px; margin-top:5px; right:10px; } div#mw-panel li a[href="https://discord.gg/undertow"]::before { position: absolute; width:100%; height:100%; top:0; left:0; content:""; background:url(https://discordapp.com/api/guilds/103209684680323072/embed.png) no-repeat; } /* [[Template:Connection panels]] */ .cp-tooltip { pointer-events: none; position:absolute; top:0; right:50%; transition-timing-function: ease-out; background-color: rgba(255,80,0,0); color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0); /*transition: background-color 0.4s, color 0.4s, transform 0.4s, border 0.4s;*/ transform: translate(50%,0) translateZ(0) scale(1.0, 1.0); text-align: center; overflow: hidden; z-index: 5; min-width: 160px; max-width: 200px; } .cp-hover:hover + .cp-tooltip { background-color: #000000; color: #ffffff; padding: 2px; border: 1px solid #ffffff; transform: translate(50%,-100%) translateZ(0) scale(1.0, 1.0); } .cp-hover { transform: translate(0,0) translateZ(0) scale(1.0, 1.0); z-index:10; background-color: transparent; } /* html a, html .mw-body a.external, html .mw-body a.extiw, html .uls-language-list a { color: #00ffff; } html a:visited, html .mw-body a.external:visited, html .mw-body a.extiw:visited { color: #00eeff; } html body .wikiEditor-ui-toolbar .tabs span.tab a { color: #00eeff; } html body .oo-ui-buttonElement-button, html body .mw-ui-button, html body .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, html body .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { color: #ffffff; background-color: #00ffff; border-color: #00ffff; } html #left-navigation div.darkvectorbaroTabs li.selected, html #right-navigation div.darkvectorbaroTabs li.selected { background-color: #0c0d0b; background-image: -moz-linear-gradient(top, #00ffff 0, #0c0d0b 10%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00ffff), color-stop(10%, #0c0d0b)); background-image: -webkit-linear-gradient(top, #00ffff 0, #0c0d0b 10%); background-image: linear-gradient(#00ffff 0, #0c0d0b 10%) } html #left-navigation div.darkvectorbaroTabs li.selected a, html #right-navigation div.darkvectorbaroTabs li.selected a, html #left-navigation div.darkvectorbaroTabs li.selected a:visited, html #right-navigation div.darkvectorbaroTabs li.selected a:visited { color: #00eeff } html #left-navigation div.darkvectorbaroTabs li a, html #right-navigation div.darkvectorbaroTabs li a { color: #00ffff } html div#mw-panel div.portal div.body ul li a:visited{color:#00eeff} html div#mw-panel div.portal div.body ul li a{color:#00ffff} html #mw-head div.darkvectorbaroMenu h3 span { color: #00ffff } */