Welcome to Square Enix Wiki! Be sure to check out our To-Do List to see what work we need done!

Difference between revisions of "MediaWiki:Common.css"

From Square Enix Wiki, the Fan-wiki for all things Square Enix
Jump to navigationJump to search
Line 13: Line 13:


body.skin--responsive {
body.skin--responsive {
background: #1c1c1c url("https://seiwanetwork.org/images/bg.png");
background: #FFFFFF url("https://seiwanetwork.org/images/bg.png");
}
}


Line 19: Line 19:
body.skin--responsive {
body.skin--responsive {
background: #1c1c1c url("https://seiwanetwork.org/images/bg-dark.png");
background: #1c1c1c url("https://seiwanetwork.org/images/bg-dark.png");
}
}
/**********************************************
**
** ARTICLES
**
**********************************************/
h1#firstHeading {
display: inline-block;
clear: both;
border-bottom: none;
margin: .5em 0;
font-size: 2rem;
line-height: 1.15;
padding-top: 1rem;
margin-bottom: 1.2rem;
font-weight: 700;
}
h1#firstHeading::after {
margin-top: 0.1em;
content: '';
background: #CC0000;
width: 100%;
height: 0.1em;
display: block;
}
h1, h2, h3, h4, h5, h6{
color:#181818;
}
@media (prefers-color-scheme: dark){
h1, h2, h3, h4, h5, h6{
color:#EDEDED;
}
}
}
}

Revision as of 07:44, 24 December 2021

/* CSS placed here will be applied to all skins */

.center
{ 
 margin-left: auto;   
 margin-right: auto; 
}

.right
{
  float:right;
}

body.skin--responsive {
	background: #FFFFFF url("https://seiwanetwork.org/images/bg.png");
}

@media (prefers-color-scheme: dark){
	body.skin--responsive {
		background: #1c1c1c url("https://seiwanetwork.org/images/bg-dark.png");
	}
}

/**********************************************
**
**		ARTICLES
**
**********************************************/
h1#firstHeading {
	display: inline-block;
	clear: both;
	border-bottom: none;
	margin: .5em 0;
	font-size: 2rem;
	line-height: 1.15;
	padding-top: 1rem;
	margin-bottom: 1.2rem;
	font-weight: 700;
}

h1#firstHeading::after {
	margin-top: 0.1em;
	content: '';
	background: #CC0000;
	width: 100%;
	height: 0.1em;
	display: block;
}

h1, h2, h3, h4, h5, h6{
	color:#181818;
}

@media (prefers-color-scheme: dark){
	h1, h2, h3, h4, h5, h6{
		color:#EDEDED;
	}
}