MediaWiki:Group-user.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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),
.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;
}
/* Shops Link */
.Shops a {
color:white!important;
text-shadow:black 7px 7px 7px;
}
.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;
}
/* 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;
}