MediaWiki:Mainpage.css: Difference between revisions

From Blockate Wiki
Content added Content deleted
No edit summary
No edit summary
Line 18: Line 18:
font-family:rubik;
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 classes */
Line 63: Line 26:
border-radius: 3px;
border-radius: 3px;
overflow: hidden;
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);
}
}
Line 96: Line 58:
}
}


.social-button:hover, a:focus .social-button {
.social-button:hover {
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);

Revision as of 16:45, 26 October 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: 0 0.5em 20px;
	padding:10px;
	border: 1px solid #000000;
	border-radius: 3px;
	overflow: hidden;
	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 {
	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;
}