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), 
.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,
.Usefull p a, 
.Usefull p a span, 
.Discord p a, 
.Social p a span	{
	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,.Usefull p:hover, .Discord p:hover, .Social p:hover	{
	background-color: #808080;   /*  #C3C3C3 */
	cursor: pointer;
	border:2px solid #4F4F4F;  
	color:white!important;
	}
	
.Shops p:hover	{
	cursor: pointer;
	border:2px solid black;  
	background-color: #2b314b;
	}
	
/* 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;
	}

.Shops p:active	{
	cursor: pointer;
	border:2px solid #4e6271; 
	background-color: gray;
	}

/* 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:1fr 1fr 1fr 1fr 11fr 1fr;
	}

/* Shops Paragraph */
.Shops p {
	text-align:center;
	line-height:3em;
	font-weight:600;
	padding-left:2em;
	padding-right:2em;
	color:#ffffff;
	background-blend-mode:overlay;
	}
	
/* Shops Link */
.Shops a {
  color:white!important;
}

.Shops p a {
	display:block;
	border-top:3px solid transparent;
	margin-top:-3px;
	border-bottom:3px solid transparent;
	margin-bottom:-3px;
	border-left:28px solid transparent;
	margin-left:-28px;
	border-right:28px solid transparent;
	margin-right:-28px;
	}

/* Shops Images */
.Shops p:nth-child(1) { 
	background-image:url("/images/1/17/War_Point_Shop.png");
	background-size:cover;
	background-position-y:45%;}
.Shops p:nth-child(2) { 
	background-image:url("/images/5/53/Gear_Shop.png");
	background-size:cover;
  background-position-y:44%;}
.Shops p:nth-child(3) { 
	background-image:url("/images/7/75/Parts_Shop.png");
	background-size:cover;
	background-position-y:62%;}
.Shops p:nth-child(4) { 
	background-image:url("/images/5/56/WeaponShop.png");
	background-size:cover;
	background-position-y:63%;}
.Shops p:nth-child(5) { 
	background-image:url("/images/9/9a/Card_Shop.png");
	background-size:cover;
	background-position-y:33%;}
.Shops p:nth-child(6) { 
	background-image:url("/images/d/dc/FFA_Shop.png");
	background-size:cover;
	background-position-y:45%;}
.Shops p:nth-child(7) { 
	background-image:url("/images/b/b6/Boss_Token_Shop.png");
	background-size:cover;
	background-position-y:35%;}
.Shops p:nth-child(8) { 
	background-image:url("/images/5/57/Gold_Coin_Shop.png");
	background-size:cover;
	background-position-y:25%;}
.Shops p:nth-child(9) { 
	background-image:url("/images/0/0b/Killmark_Shop.png");
	background-size:cover;
	background-position-y:34%;}
.Shops p:nth-child(10) { 
	background-image:url("/images/b/b9/Weapon_Contour_Shop.png");
	background-size:cover;
	background-position-y:46%;}
.Shops p:nth-child(11) { 
	background-image:url("/images/5/5c/Armor_Contour_Shop.png");
	background-size:cover;
	background-position-y:55%;}
.Shops p:nth-child(12) { 
	background-image:url("/images/e/e4/Custom_Cosmetics_Shop.png");
	background-size:cover;
	background-position-y:35%;}
.Shops p:nth-child(13) { 
	background-image:url("/images/b/b9/Weapon_Effect_Shop.png");
	background-size:cover;
	background-position-y:35%;}
.Shops p:nth-child(14) { 
	background-image:url("/images/e/e1/Aquarium.png");
	background-size:cover;
	background-position-y:75%;}
.Shops p:nth-child(15) { 
	background-image:url("/images/4/41/Infinity_Field_Vendor.png");
	background-size:cover;
	background-position-y:45%;}
.Shops p:nth-child(16) { 
	background-image:url("/images/4/47/Event_Shop.png");
	background-size:cover;
	background-position-y:45%;}
.Shops p:nth-child(17) { 
	background-image:url("/images/d/d2/Skill_Shop.png");
	background-size:cover;
	background-position-y:55%;}
.Shops p:nth-child(18) { 
	background-image:url("/images/1/11/CRP_Shop.png");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: 7em;
	}











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

/* Category headers, titles */
.Title, .Pedia span, .Shops.Title {
	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;
	}