User:ClementiniseTV/common.css
Jump to navigation
Jump to search
In other languages: Deutsch • Español • Français • Русский
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */
/* This governs the sections on the Community portal */
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px;
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
flex-grow: 1;
}
/* Main Page Edit */
#mainContent .mainBlockInner {
border-radius: 0px;
margin: 5px;
}
/* Infobox template style - Copied from gamepedia help wiki */
.infobox {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #a2a9b1;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
padding: 0.2em;
width: 200px;
}
.infobox td.infoboxlabel {
background-color: #edeeee;
border: 2px solid inherit;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
}
.infoboxname {
background-image: url('https://cdn.discordapp.com/attachments/705404412931080202/798502567469383680/Sans_titre-1.png');
font-size: 110%;
font-weight: bold;
padding: 0.5em;
border-bottom: 4px solid #f9cb23;
}
.infoboxdescription {
background-color: #f9cb23;
}
/* Main Page Grid */
.linkGridItem {
position: relative;
display: table;
box-sizing: border-box;
color: #ffffff;
text-align: center;
overflow: hidden;
width: 33.333%;
height: 130px;
padding: 0px;
}
/* Header style - Inspired by the Alta Launcher Header */
div#mw-head {
background: #1e1e1e;
border-top: solid 2px #1e1e1e;
border-bottom: solid 6px #808080;
top: 128px;
height: 1.8em;
left: 0;
margin-left: 172px;
width: auto;
}
div.vectorTabs {
height: 1.8em;
border-left: solid 0px #050404;
margin-top: 0;
}
div.vectorTabs ul li.selected {
background-color: #1e1e1e;
border-bottom: 6px solid #e8a623;
}
div.vectorTabs ul li, div#mw-head div.vectorMenu h3 {
border-right: solid 0px #050404;
}
.vectorTabs {
float: left;
height: 2.5em;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAAQ0lEQVR4AWVOhQEAIAzC/X+xAXbXeoDFGA3A9yk1n4juBROcUegfarWjP3ojZvEzxs6j+nygmo+zzsk79nY+tOxdEhlf3UHVgUFrVwAAAABJRU5ErkJggg==);
background-image: url(/skins-ucp/Vector/images/tab-break.png?09d4b)!ie;
background-position: bottom left;
background-repeat: no-repeat;
padding-left: 0px;
}
/* Main Content */
#mainContent .heading {
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}