MediaWiki:Mainpage.css
From Blockate Wiki
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.mainpagebox {
margin-bottom: 20px;
padding:1em;
font-family:rubik;
border-left:5px solid #ff5959;
border-radius: 0px 10px 10px 0px;
color:#000000;
background-color:#e5e4df;
}
.mainpageheader {
color:#000000;
font-size:24px;
}
.mainpagetitle {
color:#000000;
font-family:rubik;
}
/* discord */
.discord-button {
width: 100%;
}
.discord-button a:hover {
text-decoration: none;
}
.discord-button hover > a {
text-shadow: 0 0 6px rgba(255,255,255,0.6);
}
.discord-button a {
transition: text-shadow 0.4s ease;
}
.discord-text {
text-align: center;
padding: 0.5em;
font: Rubik;
display: block;
border-radius: 6px;
background-color:#4A56E5;
transition: all 0.4s ease;
color: white;
}
.discord-text a {
transition: text-shadow 0.4s ease;
}
.discord-text:hover {
background-color:#4F5CEF;
text-shadow: 0 0 6px rgba(255,255,255,0.6);
}
.discord-text:active {
background-color:#5C69F5;
}
/* container classes */
.container-frame {
margin: 0 0.5em 20px;
padding:10px;
border: 1px solid #000000;
border-radius: 3px;
overflow: hidden;
background-color: #f9feff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.container-frame--discord {
background-color: #5865F2;
border-color: #5865F2;
}
.container-frame--twitter {
background-color: #1DA1F2;
border-color: #1DA1F2;
}
.container-frame--roblox {
background-color: #FF5751;
border-color: #FF5751;
}
.container-frame--blockate {
background-color: #458E40;
border-color: #458E40;
}
.social-button {
text-align: center;
padding: 0.5em;
color: #fff;
display: block;
border-radius: 6px;
transition: box-shadow 0.2s ease-in-out;
border: 2.5px solid #fff;
font-size: 14px;
white-space: nowrap;
}
.social-button:hover, a:focus .social-button {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 4px 15px rgba(0, 0, 0, 0.1);
text-shadow: 0 0 6px rgba(255, 255, 255, 0.4);
}
.content__item-list {
display: flex;
margin-right:0.5em;
flex-direction: column;
justify-content: center;
width: 75%;
float: right;
}
.content__item-list a {
text-decoration: none;
}
