MediaWiki:Mainpage.css: Difference between revisions
From Blockate Wiki
Content added Content deleted
Megamonsta2 (talk | contribs) No edit summary |
Megamonsta2 (talk | contribs) No edit summary |
||
(27 intermediate revisions by the same user not shown) | |||
Line 21: | Line 21: | ||
/* container classes */ |
/* container classes */ |
||
.container-frame { |
.container-frame { |
||
margin: |
margin: 10px; |
||
padding: |
padding: 2em; |
||
border: 1px solid #000000; |
|||
border-radius: 3px; |
border-radius: 3px; |
||
overflow: hidden; |
|||
background-color: #f9feff; |
|||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); |
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); |
||
⚫ | |||
flex-grow: 3; |
|||
} |
} |
||
.container-frame--discord { |
.container-frame--discord { |
||
background-color: #5865F2; |
background-color: #5865F2; |
||
border-color: #5865F2; |
|||
} |
} |
||
.container-frame--twitter { |
.container-frame--twitter { |
||
background-color: #1DA1F2; |
background-color: #1DA1F2; |
||
border-color: #1DA1F2; |
|||
} |
} |
||
.container-frame--roblox { |
.container-frame--roblox { |
||
background-color: #FF5751; |
background-color: #FF5751; |
||
border-color: #FF5751; |
|||
} |
} |
||
.container-frame--blockate { |
.container-frame--blockate { |
||
background-color: #458E40; |
background-color: #458E40; |
||
border-color: #458E40; |
|||
} |
} |
||
.social-button { |
|||
text-align: center; |
text-align: center; |
||
padding: 0.5em; |
padding: 0.5em; |
||
color: #fff; |
color: #fff; |
||
⚫ | |||
border-radius: 6px; |
border-radius: 6px; |
||
transition: box-shadow 0.2s ease-in-out; |
transition: box-shadow 0.2s ease-in-out; |
||
border: 2.5px solid #fff; |
border: 2.5px solid #fff; |
||
font-size: 14px; |
font-size: 14px; |
||
font: Rubik; |
|||
white-space: nowrap; |
|||
flex-grow: 3; |
|||
} |
} |
||
.social-button:hover { |
|||
.container-frame__content--social .social-button:hover, .container-frame__content--social 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); |
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); |
text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); |
||
} |
} |
||
.social-button-content { |
|||
.content__item-list { |
|||
width: 100%; |
|||
margin-right:0.5em; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
width: 75%; |
|||
float: right; |
|||
} |
} |
||
.social-button-content a { |
|||
.content__item-list a { |
|||
text-decoration: none; |
text-decoration: none; |
||
} |
} |
Latest revision as of 16:20, 1 November 2022
.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;
}
/* container classes */
.container-frame {
margin: 10px;
padding: 2em;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
display: flex;
flex-grow: 3;
}
.container-frame--discord {
background-color: #5865F2;
}
.container-frame--twitter {
background-color: #1DA1F2;
}
.container-frame--roblox {
background-color: #FF5751;
}
.container-frame--blockate {
background-color: #458E40;
}
.social-button {
text-align: center;
padding: 0.5em;
color: #fff;
border-radius: 6px;
transition: box-shadow 0.2s ease-in-out;
border: 2.5px solid #fff;
font-size: 14px;
font: Rubik;
flex-grow: 3;
}
.social-button:hover {
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);
}
.social-button-content {
width: 100%;
}
.social-button-content a {
text-decoration: none;
}