MediaWiki:Group-user.css: Difference between revisions

/* Heading */
.page-Test_Page #firstHeading	{
	display:none;
	}

/* Main picture content */
.MainPicture	{
	display:flex;
	justify-content:center;
	flex-direction:row;
	}
	
/* Image Logo */
.MainPicture a img	{
	-webkit-filter: drop-shadow(15px 15px 15px #222);
	filter: drop-shadow(20px 15px 15px #222);
	}

.MainPicture a img:hover	{
	-webkit-filter: drop-shadow(0px 0px 15px gray);
	}
	
/* Description content */
.MainDSC	{
	display:flex;
	flex-direction:column;
	align-items:center;
	}

/* Pedia content */
.MainPedia	{
	display:flex;
	justify-content:center;
	align-items:center;
	}
  
.PediaTable	{
	display:flex;
	justify-content:center;
	align-items:center;
	}

.Pedia, .G_E_O-Box	{
	padding-left:2em;
	padding-right:2em;
	}

.PediaTable p img 	{
	-webkit-filter: drop-shadow(15px 15px 13px #222);
	filter: drop-shadow(15px 15px 13px #222);
	}

.PediaTable a img:hover	{
	-webkit-filter: drop-shadow(0px 0px 8px gray);
	}
	
/* Main content */
.MainLinks, 
.YouMAL, 
.Usefull, 
.Discord, 
.Social	{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding-left:10%;
	padding-right:10%;
	}

/* Paragraphs */
.MainLinks p, 
.Gears p, 
.Events p, 
.Other p, 
.YouMAL p, 
.Shops p, 
.Usefull p, 
.Discord p, 
.Social p {
	border:2px solid #808080;
	padding:3px 0 3px 5px;
	background-color:#445466; /*  #f0f0f0 */
	padding-right:7px;
	margin-right:4px;
	margin-left:4px;
	white-space:nowrap;
	}

/* Links Picture*/
.MainLinks p a:nth-child(1), 
.Gears p a:nth-child(1), 
.Other p a:nth-child(1), 
.Other p a span:nth-child(1), 
.YouMAL p a:nth-child(1), 
.Shops p a:nth-child(1), 
.Usefull p a:nth-child(1), 
.Usefull p a span:nth-child(1), 
.Discord p a:nth-child(1), 
.Social p a span:nth-child(1)	{
	padding:8px 0 10px 0;
	border-left:5px solid transparent;
	margin-left:-5px
}

/* Links text*/
.MainLinks p a:nth-child(2), 
.Gears p a:nth-child(2), 
.Other p a:nth-child(2), 
.Other p a span:nth-child(2), 
.YouMAL p a:nth-child(1), 
.Shops p a:nth-child(2), 
.Usefull p a:nth-child(2), 
.Usefull p a span:nth-child(2), 
.Discord p a:nth-child(2), 
.Social p a span:nth-child(2)	{
	color:white!important;
	padding:8px 0 10px 0;
	border-right:5px solid transparent;
	margin-right:-7px;
	}

/* Links EVENTS  picture - because different size picture*/
.Events p a:nth-child(1) {
	padding:12px 0 14px 0;
	border-left:5px solid transparent;
	margin-left:-5px
	}

/* Links EVENTS  text - because different size picture */
.Events p a:nth-child(2) {
	color:white!important;
	padding:12px 0 14px 0;
	border-right:5px solid transparent;
	margin-right:-7px
	}

/* Paragraphs HOVER */
.MainLinks p:hover, .Gears p:hover, .Events p:hover, .Other p:hover, .YouMAL p:hover, .Shops p:hover, .Usefull p:hover, .Discord p:hover, .Social p:hover	{
	background-color: #808080;   /*  #C3C3C3 */
	cursor: pointer;
	border:2px solid #4F4F4F;  
	color:white!important;
	}

/* MainLinks: Rules - Other - Paragraphs ACTIVE */
.MainLinks p:active, .Gears p:active, .Events p:active, .Other p:active, .YouMAL p:active, .Shops p:active, .Usefull p:active, .Discord p:active, .Social p:active	{
	background-color: #C7C7C7;
	cursor: pointer;
	border:2px solid #595959;
	color:white!important;
	}
	
/* Grid box: Gears, Events, Other */
.G_E_O-Box	{
	display:grid;
	justify-content:normal;
	grid-template-rows:auto;
	grid-template-columns:auto auto auto auto;
	}

.G_E_O-Box .Gears	{
	flex-direction:column;
	}

/* Gears */
/* Gears #1 */
.G_E_O-Box .Gears1 {
	display:flex;
	align-items:flex-end;
	}

/* Gears #2 */
.G_E_O-Box .Gears2{
	display:flex;
	align-items:flex-start;
	}

/* Aligning gears squares */
.G_E_O-Box .Gears p {
	margin:4px;
	padding-right:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/* Events */
.G_E_O-Box  .Events	{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	}

/* Other */
.G_E_O-Box .Other	{
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	}

/* Shops */
.Shops	{
	display:grid;
	padding-left:10%;
	padding-right:10%;
	align-content:center;
	justify-content:space-around;
	grid-template-columns:auto auto auto auto auto;
	}

/* Shops Paragraph */
.Shops p {
	text-align:center;
	line-height:3em;
	 font-weight:600;
	padding-left:2em;
	padding-right:2em;
	color:#ffffff;
	background-size:cover;
	background-position-y:45%;
	background-blend-mode:overlay;
	}














/* Gear pictures  */
.Gears p {
	height:220px;
	width: 220px;
	}

/* Category headers */
.Title, .Pedia span {
	display:flex;
	justify-content:center;
	align-items:center;
	color:red;
	}

/* Padding on small pictures */
.MainLinks img, .Events img, .Other img{
	padding-right:0.5em;
	padding-right:0.5em;
	}































/* CSS placed here will affect registered users only */
/* Some useless for me stuff in edit box */
#wpSummaryLabel,.editCheckboxes , #editpage-copywarn	{
	display:none;
	}
	
/* Edit box */
#wpTextbox1{
  height:900px
}

/* Edit option below edit box */
.editOptions	{
	background-color: transparent;
	border:none;
	padding-bottom:0;
	margin-bottom:0;
	}

/* Edit buttons */
.editButtons	{
	position:fixed;
	bottom:1em;
	z-index:50;
	}

/* Show changes */
.diff-deletedline, .diff-addedline	{
	color:black
	}

/* Search button in edit box */	
.group-search	{
	position:fixed;
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	transform:scale(.9);
	bottom:0.965em;
	left:51em;
	z-index:50;
	}
	
#wikiEditor-section-main > div.group.group-codeeditor-style > span:nth-child(4){
	position:fixed;
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	bottom:1em;
	right:82em;
	z-index:50;
	}