|
|
| (50 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;} |
| | |
| | /* Some useless for me stuff in edit box */ |
| | /* Animation */ |
| | /* Remove Event and Timer tab animation */ |
| | @-webkit-keyframes TabAnimation1 { |
| | 100% {opacity: 1;} |
| | 100% {opacity: 1;} |
| | } |
|
| |
|
| /* Heading */ | | @keyframes TabAnimation2 { |
| .page-Test_Page #firstHeading { | | 100% {opacity: 1;} |
| | 100% {opacity: 1;} |
| | } |
| | |
| | /* Edit box */ |
| | #wpSummaryLabel,.editCheckboxes , #editpage-copywarn { |
| display:none; | | display:none; |
| }
| |
|
| |
| /* Main picture content */
| |
| .MainPicture {
| |
| display:flex;
| |
| justify-content:center;
| |
| flex-direction:row;
| |
| } | | } |
| | | |
| /* Image Logo */ | | #wpTextbox1{ |
| .MainPicture a img { | | height:850px |
| -webkit-filter: drop-shadow(15px 15px 15px #222); | | } |
| filter: drop-shadow(20px 15px 15px #222);
| | /* Media wiki datatable - categories */ |
| | .mw-datatable { |
| | color:black; |
| } | | } |
|
| |
|
| .MainPicture a img:hover { | | /* Edit option below edit box */ |
| -webkit-filter: drop-shadow(0px 0px 15px gray); | | .editOptions { |
| } | | background-color: transparent; |
|
| | border:none; |
| /* Description content */
| | padding-bottom:0; |
| .MainDSC {
| | margin-bottom:0; |
| display:flex;
| |
| flex-direction:column; | |
| align-items:center; | |
| } | | } |
|
| |
|
| /* Pedia content */ | | /* Edit buttons */ |
| .MainPedia { | | .editButtons { |
| display:flex; | | position:fixed; |
| justify-content:center; | | bottom:1em; |
| align-items:center;
| | z-index:50; |
| text-align:center;
| |
| }
| |
|
| |
| .PediaTable {
| |
| display:flex;
| |
| justify-content:center;
| |
| align-items:center; | |
| } | | } |
|
| |
|
| .Pedia, .G_E_O-Box { | | /* Show changes */ |
| padding-left:2em; | | .diff-deletedline, .diff-addedline { |
| padding-right:2em;
| | color:black |
| } | | } |
|
| |
|
| .PediaTable p img { | | /* Search button in edit box */ |
| -webkit-filter: drop-shadow(15px 15px 13px #222); | | .group-search { |
| filter: drop-shadow(15px 15px 13px #222); | | position:fixed; |
| | background-color: #f8f9fa; |
| | border: 1px solid #a2a9b1; |
| | transform:scale(.9); |
| | bottom:0.965em; |
| | left:51em; |
| | z-index:50; |
| } | | } |
| | | |
| .PediaTable a img:hover { | | #wikiEditor-section-main > div.group.group-codeeditor-style > span:nth-child(4){ |
| -webkit-filter: drop-shadow(0px 0px 8px gray); | | position:fixed; |
| | background-color: #f8f9fa; |
| | border: 1px solid #a2a9b1; |
| | bottom:1em; |
| | right:82em; |
| | z-index:50; |
| } | | } |
| | | |
| /* Main content */ | | /* Removed Tabs */ |
| .MainLinks,
| | #pt-mytalk, #pt-watchlist, #pt-mycontris { |
| .YouMAL {
| | display:none; |
| display:flex; | |
| flex-wrap:wrap;
| |
| flex-direction:row;
| |
| align-items:center;
| |
| justify-content:center;
| |
| padding-left:10%;
| |
| padding-right:10%;
| |
| } | | } |
|
| |
|
| /* Paragraphs */ | | /* Porfile Image */ |
| .MainLinks p, | | .vector-user-menu-legacy #pt-userpage a { |
| .Events p,
| | background-image: none; |
| .Other p,
| | } |
| .YouMAL p,
| | |
| .Shops p,
| | /* Recent Changes Page */ |
| .Usefull p,
| | .diff-deletedline.diff-side-deleted, .diff-addedline.diff-side-added{ |
| .Discord p,
| | background-color: gray; |
| .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*/ | | /* Editor change - good fucking luck */ |
| .MainLinks p a:nth-child(1),
| | /* Default Editor */ |
| .Other p a:nth-child(1),
| | .wikiEditor-ui-toolbar{ |
| .Other p a span:nth-child(1),
| | background-color: gray; |
| .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), | |
| .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*/
| | span.tab.tab-advanced > a, span.tab.tab-characters > a, span.tab.tab-help > a { |
| .Events p a:nth-child(1) { | | color:black!important; |
| padding:12px 0 14px 0; | |
| border-left:5px solid transparent;
| |
| margin-left:-5px
| |
| } | | } |
|
| |
|
| /* Links EVENTS text - because different size picture */
| | #wikiEditor-section-advanced span.label{ |
| .Events p a:nth-child(2) {
| | color:black!important; |
| color:white!important;
| |
| padding:12px 0 14px 0;
| |
| border-right:5px solid transparent;
| |
| margin-right:-7px
| |
| }
| |
| | |
| /* Paragraphs HOVER */
| |
| .MainLinks 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 {
| | /* CodeMirror */ |
| cursor: pointer;
| | .mw-editfont-monospace{ |
| border:2px solid black;
| | color:white; |
| background-color: #2b314b;
| | background-color: var(--ItemTableLeftColor); |
| }
| |
|
| |
| /* MainLinks: Rules - Other - Paragraphs ACTIVE */ | |
| .MainLinks 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; | |
| } | | } |
|
| |
|
| .YouMAL a:active, .Discord a:active { | | .CodeMirror{ |
| color:white!important; | | color:#DEDEDE; |
| | background-color: var(--ItemTableLeftColor); |
| } | | } |
|
| |
|
| .Shops p:active { | | .CodeMirror-gutters{ |
| cursor: pointer;
| | background-color: var(--ItemTableLeftColor); |
| border:2px solid #4e6271;
| |
| background-color: gray; | |
| } | | } |
|
| |
|
| /* Grid box: Gears, Events, Other */
| | .cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr{ |
| | | background-color: transparent; |
| | | color:#60b5ff; |
| | |
| /* Gears */
| |
| | |
| | |
| | |
| | |
| /* Events */
| |
| .G_E_O-Box .Events { | |
| display:flex; | |
| 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
| | .cm-mw-table-bracket, .cm-mw-table-delimiter{ |
| .MainPedia { | | color:#f6eea0; |
| 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-extlink-text{ |
| .YouMAL.Title { | | color:#ff7d00; |
| 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{ |
| .Shops.Title {
| | color:#a4f532; |
| 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
| |
| } | | } |
|
| |
|
| |
| /* Box */
| |
| .G_E_O-Box{
| |
| display:grid;
| |
| justify-content:space-around;
| |
| grid-template-columns:auto auto auto;
| |
| }
| |
|
| |
|
|
| | .cm-mw-extlink-protocol{ |
| | | 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-template-argument-name{ |
| .editOptions { | | color:#ffb5ee; |
| background-color: transparent; | |
| border:none;
| |
| padding-bottom:0;
| |
| margin-bottom:0;
| |
| } | | } |
|
| |
|
| /* Edit buttons */
| | .cm-mw-link-text{ |
| .editButtons { | | color:#35c7a7; |
| position:fixed;
| |
| bottom:1em;
| |
| z-index:50;
| |
| }
| |
| | |
| /* Show changes */
| |
| .diff-deletedline, .diff-addedline {
| |
| 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;
| |
| } | | } |
/* 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;
}