MediaWiki:Group-user.css: Difference between revisions

From :: ChromeRivals Wiki ::
Jump to navigation Jump to search
Ranzu (talk | contribs)
No edit summary
Ranzu (talk | contribs)
No edit summary
 
(56 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect registered users only */


 
.user-show {display: block !important;}
/* Heading */
.page-Test_Page #firstHeading {
/* Some useless for me stuff in edit box */
display:none;
/* Animation */
}
/* Remove Event and Timer tab animation */
 
@-webkit-keyframes TabAnimation1 {
/* Main picture content */
100% {opacity: 1;}
.MainPicture {
100% {opacity: 1;}
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 */
@keyframes TabAnimation2 {
.MainPedia {
  100% {opacity: 1;}
display:flex;
  100% {opacity: 1;}
justify-content:center;
  }
align-items:center;
text-align:center;
}
    
    
.PediaTable {
/* Edit box */
display:flex;
#wpSummaryLabel,.editCheckboxes , #editpage-copywarn {
justify-content:center;
display:none;
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 */
#wpTextbox1{
.MainLinks,
  height:850px
.YouMAL {
}
display:flex;
/* Media wiki datatable - categories */
flex-wrap:wrap;
.mw-datatable {
flex-direction:row;
color:black;
align-items:center;
justify-content:center;
padding-left:10%;
padding-right:10%;
}
}


/* Paragraphs */
/* Edit option below edit box */
.MainLinks p,
.editOptions {
.Gears p,
background-color: transparent;
.Events p,
border:none;
.Other p,
padding-bottom:0;
.YouMAL p,
margin-bottom:0;
.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*/
/* Edit buttons */
.MainLinks p a:nth-child(1),
.editButtons {
.Gears p a:nth-child(1),
position:fixed;
.Other p a:nth-child(1),
bottom:1em;
.Other p a span:nth-child(1),
z-index:50;
.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*/
/* Show changes */
.Events p a:nth-child(1) {
.diff-deletedline, .diff-addedline {
padding:12px 0 14px 0;
color:black
border-left:5px solid transparent;
margin-left:-5px
}
}


/* Links EVENTS  text - because different size picture */
/* Search button in edit box */
.Events p a:nth-child(2) {
.group-search {
color:white!important;
position:fixed;
padding:12px 0 14px 0;
background-color: #f8f9fa;
border-right:5px solid transparent;
border: 1px solid #a2a9b1;
margin-right:-7px
transform:scale(.9);
}
bottom:0.965em;
 
left:51em;
/* Paragraphs HOVER */
z-index:50;
.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 {
#wikiEditor-section-main > div.group.group-codeeditor-style > span:nth-child(4){
cursor: pointer;
position:fixed;
border:2px solid black;
background-color: #f8f9fa;
background-color: #2b314b;
border: 1px solid #a2a9b1;
bottom:1em;
right:82em;
z-index:50;
}
}
/* MainLinks: Rules - Other - Paragraphs ACTIVE */
/* Removed Tabs */
.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 {
#pt-mytalk, #pt-watchlist, #pt-mycontris {
background-color: #C7C7C7;
display:none;
cursor: pointer;
border:2px solid #595959;
color:white!important;
}
}


.YouMAL a:active, .Discord a:active {
/* Porfile Image */
color:white!important;
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
}
/* Recent Changes Page */
.diff-deletedline.diff-side-deleted, .diff-addedline.diff-side-added{
background-color: gray;
}
}


.Shops p:active {
/* Editor change - good fucking luck */
cursor: pointer;
/* Default Editor */
border:2px solid #4e6271;
.wikiEditor-ui-toolbar{
background-color: gray;
background-color: gray;
}
}


/* Grid box: Gears, Events, Other */
span.tab.tab-advanced > a, span.tab.tab-characters > a, span.tab.tab-help > a {
.G_E_O-Box {
color:black!important;
display:grid;
justify-content:normal;
grid-template-rows:auto;
grid-template-columns:auto auto auto auto;
}
}


.G_E_O-Box .Gears {
#wikiEditor-section-advanced span.label{
flex-direction:column;
color:black!important;
}
}
 
/* Gears */
/* CodeMirror */
/* Gears #1 */
.mw-editfont-monospace{
.G_E_O-Box .Gears1 {
color:white;
display:flex;
background-color: var(--ItemTableLeftColor);
align-items:flex-end;
}
}


/* Gears #2 */
.CodeMirror{
.G_E_O-Box .Gears2{
color:#DEDEDE;
display:flex;
background-color: var(--ItemTableLeftColor);
align-items:flex-start;
}
}


/* Aligning gears squares */
.CodeMirror-gutters{
.G_E_O-Box .Gears p {
background-color: var(--ItemTableLeftColor);
margin:4px;
padding-right:5px;
padding-top: 5px;
padding-bottom: 5px;
}
}


/* Events */
.cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr{
.G_E_O-Box  .Events {
background-color: transparent;
display:flex;
color:#60b5ff;
flex-direction:column;
align-items:flex-start;
}
}


/* Other */
.cm-mw-htmltag-name{
.G_E_O-Box .Other {
color:#9cff37;
display:flex;
align-items:flex-start;
flex-direction:column;
}
}


/* Shops */
.cm-mw-htmltag-attribute{
.Shops {
color:#35c7a7;
display:grid;
padding-left:10%;
padding-right:10%;
align-content:center;
justify-content:space-around;
grid-template-columns:1fr 1fr 1fr 1fr 11fr 1fr;
grid-template-columns: repeat(auto-fill, 17em);
}
}


 
.cm-mw-pagename {
/* Shops Paragraph */
color:#958eff;
.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 {
.cm-mw-link-bracket{
display:block;
color:#39c06c;
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 */
.cm-mw-template{
.Shops p:nth-child(1) {
color:#fffd00;
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;
}
}


/* Usefull, Discord, Social */
.cm-mw-table-definition {
.U_D_S-Box{
color: #93ffb7;
display:flex;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
}
.U_D_S-Box .Useful{
padding-left:3em;
padding-right:3em;
text-align:center!important;
}
.U_D_S-Box .Discord {
text-align:center;
}
.U_D_S-Box p img{
width:2em;
padding-right:4px;
}
}


/* Padding on small pictures */
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink, .cm-mw-extlink-protocol {
.MainLinks img, .Events img, .Other img{
color: #9299fa;
padding-right:0.5em;
padding-right:0.5em;
}
}


 
.cm-mw-extlink-bracket{
/* Title, main headers */
color:#ff4949;
.Title, .Pedia span, .Shops.Title {
display:flex;
justify-content:center;
align-items:center;
font-weight: bold;
filter: drop-shadow(0 0 3px gray);
}
/* Borders */
/* Border Pedia Top
.PediaTable {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:20%;
margin-right:20%;
padding-left:1em;
padding-right:1em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}
 
/* Border Pedia Bottom
.MainPedia {
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:25%;
margin-right:25%;
padding-left:5em;
padding-right:5em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
box-shadow: 0 30px 40px rgba(0,0,0,.1);
}
}


/* Border You might also like Top
.cm-mw-table-bracket, .cm-mw-table-delimiter{
.YouMAL.Title {
color:#f6eea0;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:17%;
margin-right:17%;
padding-top:0.5em;
padding-bottom:0.5em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}
}


/* Border Shops Top
.cm-mw-extlink-text{
.Shops.Title  {
color:#ff7d00;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left:16%;
margin-right:16%;
padding-top:0.5em;
padding-bottom:0.5em;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
}
}
*/
.G_E_O-Box .Gears img {
width:220px;
}
/* Gears Overlay */
.G_E_O-Box .Gears img{
border:2px solid white;
margin:1em
}


 
.cm-mw-extlink{
 
color:#a4f532;
 
 
 
 
 
 
 
 
/* 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 */
.cm-mw-extlink-protocol{
.editOptions {
color:#a4f532;
background-color: transparent;
border:none;
padding-bottom:0;
margin-bottom:0;
}
}


/* Edit buttons */
.cm-mw-template-argument-name{
.editButtons {
color:#ffb5ee;
position:fixed;
bottom:1em;
z-index:50;
}
}


/* Show changes */
.cm-mw-link-text{
.diff-deletedline, .diff-addedline {
color:#35c7a7;
color:black
}
}


/* Search button in edit box */
.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic{
.group-search {
color:#ff0000;
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;
}
}

Latest revision as of 13:16, 17 April 2024

/* CSS placed here will affect registered users only */

.user-show {display: block !important;}
 
/* Some useless for me stuff in edit box */
/* Animation */
/* Remove Event and Timer tab animation */
@-webkit-keyframes TabAnimation1	{
	100% {opacity: 1;}
	100% {opacity: 1;}
	}

@keyframes TabAnimation2 {
  100% {opacity: 1;}
  100% {opacity: 1;}
  }
  
/* Edit box */
#wpSummaryLabel,.editCheckboxes , #editpage-copywarn	{
	display:none;
	}
	
#wpTextbox1{
  height:850px
}
/* Media wiki datatable - categories */
.mw-datatable	{
	color:black;
	}

/* 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;
	}
	
/* Removed Tabs */
#pt-mytalk, #pt-watchlist, #pt-mycontris	{
	display:none;
	}

/* Porfile Image */
.vector-user-menu-legacy #pt-userpage a	{
	background-image: none;
	} 
	
/* Recent Changes Page */
.diff-deletedline.diff-side-deleted, .diff-addedline.diff-side-added{
	background-color: gray;
	}

/* Editor change - good fucking luck */
/* Default Editor */
.wikiEditor-ui-toolbar{
	background-color: gray;
	}

span.tab.tab-advanced > a, span.tab.tab-characters > a, span.tab.tab-help > a {
	color:black!important;
	}

#wikiEditor-section-advanced span.label{
	color:black!important;
	}
	
/* CodeMirror */
.mw-editfont-monospace{
	color:white;
	background-color: var(--ItemTableLeftColor);
	}

.CodeMirror{
	color:#DEDEDE;
	background-color: var(--ItemTableLeftColor);
	}

.CodeMirror-gutters{
	background-color: var(--ItemTableLeftColor);
	}

.cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr{
	background-color: transparent;
	color:#60b5ff;
	}

.cm-mw-htmltag-name{
	color:#9cff37;
	}

.cm-mw-htmltag-attribute{
	color:#35c7a7;
	}

.cm-mw-pagename {
	color:#958eff;
	}

.cm-mw-link-bracket{
	color:#39c06c;
	}

.cm-mw-template{
	color:#fffd00;
	}

.cm-mw-table-definition {
	color: #93ffb7;
	}

.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink, .cm-mw-extlink-protocol {
	color: #9299fa;
	}

.cm-mw-extlink-bracket{
	color:#ff4949;
	}

.cm-mw-table-bracket, .cm-mw-table-delimiter{
	color:#f6eea0;
	}

.cm-mw-extlink-text{
	color:#ff7d00;
	}

.cm-mw-extlink{
	color:#a4f532;
	}

.cm-mw-extlink-protocol{
	color:#a4f532;
	}

.cm-mw-template-argument-name{
	color:#ffb5ee;
	}

.cm-mw-link-text{
	color:#35c7a7;
	}

.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic{
	color:#ff0000;
	}