Difference between revisions of "MediaWiki:Common.css"

From WildRP
Jump to navigation Jump to search
Line 62: Line 62:
 
}
 
}
  
.messagebox, .errorbox, .warningbox, .successbox { color: #FFFFFF;
+
.messagebox, .errorbox, .warningbox, .successbox { color: #FFFFFF; border: 1px solid #E4B85D;
 
}
 
}
  

Revision as of 20:54, 5 March 2021

body { background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; 
}

#p-logo {  
background-image: url("https://wildrp.com/dist/img/cover.jpg"); 
   background-repeat: no-repeat; background-color: #050B0B; } 
#right-navigation { background-color: #050B0B; font-color: #FFFFFF; }
#p-search { color: #FFFFFF; }
#p-search h3 { color: #FFFFFF; }
#left-navigation { display:none!important; } 

div.vectorTabs, div.vectorTabs span, div#mw-head div.vectorMenu h3 { background-color: #000000 ); }

#p-cactions a:link { color: #E4B85D; }
#p-cactions a:visited { color: #E4B85D; }
#p-cactions a:hover { color: #CCCCCC; }
#p-cactions a:active { color: #CCCCCC; }

#right-navigation { color: #050B0B; }
#right-navigation a:link { color: #E4B85D; }
#right-navigation a:visited { color: #E4B85D; }
#right-navigation a:hover { color: #CCCCCC; }
#right-navigation a:active { color: #CCCCCC; }

#mw-sitecsspreview { color: #FFFFFF; }
.editOptions { color: #FFFFFF; }

#simpleSearch #searchInput::placeholder {
    color: #000000;
}


fieldset {
    border: 1px solid #E4B85D; }

.mw-datatable td {
    background-color: #050B0B;
}
.mw-datatable tr {
    background-color: #050B0B;
}
.mw-datatable th {
    background-color: #050B0B;
}
.mw-datatable tr:hover td {
    background-color: #0d1c1c;
}

.wikitable {
    background-color: #050B0B;
    color: #FFFFFF; }
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #050B0B;
    text-align: center;
    color: #E4B85D; 
}

#filetoc {
    text-align: center;
    border: 1px solid #a2a9b1;
    background-color: #050B0B;
}

.messagebox, .errorbox, .warningbox, .successbox { color: #FFFFFF; border: 1px solid #E4B85D;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #050B0B; }

.mw-notification {background-color: #050B0B; }
.mw-notification {color: #FFFFFF; }

#p-search{float:left;margin-right:0.5em;margin-left:0.5em}#p-search h3{display:block;position:absolute !important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}#p-search form{margin:0.5em 0 0}#simpleSearch{position:relative;min-width:5em;width:13.2em;width:20vw;max-width:20em;height:100%}#simpleSearch input{margin:0}#searchInput{background-color:#050B0B;background-color:rgba(255,255,255,0.5);color:#050B0B;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #a2a9b1;border-radius:2px;padding:0.4em 1.84615385em 0.4em 0.4em;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent;font-size:0.8125em;direction:ltr;-webkit-transition:border-color: #FFFFFF,box-shadow 250ms;-moz-transition:border-color white,box-shadow 250ms;transition:border-color white,box-shadow 250ms;-webkit-appearance:none;-moz-appearance:textfield}#simpleSearch:hover #searchInput{border-color:#FFFFFF}#searchInput:focus,#simpleSearch:hover #searchInput:focus{outline:0;border-color: white;-webkit-box-shadow:inset 0 0 0 1px #FFFFFF,inset 0 0 0 2px #050B0B;box-shadow:inset 0 0 0 1px #FFFFFF,inset 0 0 0 2px #050B0B}#searchInput::-webkit-input-placeholder{color:#72777d;opacity:1}#searchInput:-ms-input-placeholder{color:#72777d;opacity:1}#searchInput::-moz-placeholder{color:#72777d;opacity:1}#searchInput:-moz-placeholder{color:#72777d;opacity:1}#searchInput::placeholder{color:#72777d;opacity:1}#searchInput::-webkit-search-decoration,#searchInput::-webkit-search-cancel-button,#searchInput::-webkit-search-results-button,#searchInput::-webkit-search-results-decoration{display:none}#searchButton,#mw-searchButton{background-color:transparent;position:absolute;top:1px;bottom:1px;right:1px;min-width:24px;width:1.84615385em;border:0;padding:0;cursor:pointer;font-size:0.8125em;direction:ltr;text-indent:-99999px;white-space:nowrap;overflow:hidden;z-index:1}#searchButton{background-image:url(none);background-image:linear-gradient(transparent,transparent),url(none);background-position:center center;background-repeat:no-repeat}.vector-menu-tabs{background-position:left bottom;float:left;height:2.5em;padding-left:1px}.vector-menu-tabs h3{display:none}.vector-menu-tabs ul{float:left;height:100%;list-style:none none;margin:0;padding:0}.vector-menu-tabs li{background-image:url(none);background-image:linear-gradient(to top,#050B0B 0,#050B0B 1px,#050B0B 100%);background-position:left bottom;background-repeat:repeat-x;float:left;display:block;height:100%;margin:0;padding:0;line-height:1.125em;white-space:nowrap}.vector-menu-tabs li a{background-position:right bottom;color:#FFFFFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;float:left;height:3.07692308em;position:relative;padding-top:1.25em;padding-left:8px;padding-right:8px;font-size:0.8125em;cursor:pointer}.vector-menu-tabs .new a,.vector-menu-tabs .new a:visited{color:#E4B85D}.vector-menu-tabs .selected{background-image:url(/skins/Vector/resources/skins.vector.styles/images/tab-current-fade.png?22887);background:#050B0B}.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited{color:#E4B85D;text-decoration:none}.vector-menu-tabs .icon a{background-position:right bottom;background-repeat:no-repeat}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.vector-menu-tabs .mw-watchlink.icon a{width:2.15384615em;height:0;padding:3.07692308em 0 0 0;overflow:hidden}.vector-menu-tabs .mw-watchlink.icon a:before{background-repeat:no-repeat;background-position:50% 50%;content:'';display:block;position:absolute;top:1.07692308em;left:0.38461538em;width:1.23076923em;height:1.23076923em}.vector-menu-tabs #ca-unwatch.icon a:before{background-image:linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/unwatch-icon.svg?436dd)}.vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:before{background-image:linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/unwatch-temp-icon.svg?60ddc)}.vector-menu-tabs #ca-watch.icon a:before{background-image:linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/watch-icon.svg?257a2)}.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before{background-image:linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/unwatch-icon-hl.svg?c58d6)}.vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:hover:before,.vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:focus:before{background-image:linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/unwatch-temp-icon-hl.svg?ba7a8)}.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before{background-image:linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/watch-icon-hl.svg?2440e)}.vector-menu-tabs #ca-unwatch.icon .loading:before,.vector-menu-tabs #ca-watch.icon .loading:before{-webkit-animation:rotate 700ms infinite linear;-moz-animation:rotate 700ms infinite linear;animation:rotate 700ms infinite linear;outline:0;cursor:default;pointer-events:none;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.vector-menu-dropdown{direction:ltr;float:left;cursor:pointer;position:relative;line-height:1.125em}.vector-menu-dropdown h3{color:#54595d;position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:1.25em;padding-left:8px;padding-right:1.84615385em;font-size:0.8125em;font-weight:normal}.vector-menu-dropdown h3:after{content:'';background-image:url(/skins/Vector/resources/skins.vector.styles/images/arrow-down.png?42edd);background-image:linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/arrow-down.svg?e7827);background-position:100% 50%;background-repeat:no-repeat;position:absolute;top:0.76923077em;right:8px;bottom:0;width:1.23076923em;opacity:0.84}.vector-menu-dropdown h3:hover,.vector-menu-dropdown h3:focus{color:#202122}.vector-menu-dropdown h3:hover:after,.vector-menu-dropdown h3:focus:after{opacity:1}.vector-menu-dropdown .vector-menu-content-list{background-color:#050B0B;list-style:none none;min-width:100%;position:absolute;top:2.5em;left:-1px;margin:0;border:1px solid #a2a9b1;border-top-width:0;padding:0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);text-align:left;opacity:0;visibility:hidden;-webkit-transition:opacity 100ms;-moz-transition:opacity 100ms;transition:opacity 100ms;z-index:2}.vector-menu-dropdown:hover .vector-menu-content-list{opacity:1;visibility:visible}.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content .vector-menu-content-list{opacity:1;visibility:visible}.vector-menu-dropdown li{padding:0;margin:0;text-align:left;line-height:1em}.vector-menu-dropdown li a{color:#FFFFFF;display:block;padding:0.625em;white-space:nowrap;cursor:pointer;font-size:0.8125em}.vector-menu-dropdown .selected a,.vector-menu-dropdown .selected a:visited{color:#E4B85D;text-decoration:none}#mw-head .vector-menu-dropdown h3{background-position:right bottom;float:left;height:3.07692308em;margin:0 -1px 0 0;padding-right:1.84615385em}.vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown h3{background-image:url(none);background-image:linear-gradient(to bottom,rgba(205,205,205,0) 0,#CCCCCC 100%);background-repeat:no-repeat;background-size:1px 100%}.vector-menu-checkbox{cursor:pointer;position:absolute;top:0;left:0;z-index:1;opacity:0;width:100%;height:100%;margin:0;padding:0;display:none}:not(:checked) > .vector-menu-checkbox{display:block}.vector-menu-checkbox:checked + h3:after{transform:scaleY(-1)}.vector-menu-checkbox:focus + h3{outline:dotted 1px;outline:auto -webkit-focus-ring-color}.portal,.vector-menu-portal{margin:0 0.6em 0 0.7em;padding:0.25em 0;direction:ltr}.portal h3,.vector-menu-portal h3{display:block;background-image:url(/skins/Vector/resources/skins.vector.styles/images/portal-separator.png?4ab04);background-image:linear-gradient(to right,rgba(200,204,209,0) 0,#c8ccd1 33%,#c8ccd1 66%,rgba(200,204,209,0) 100%);background-position:center bottom;background-repeat:no-repeat;background-size:100% 1px;color:#54595d;margin:0.5em 0 0 0.66666667em;border:0;padding:0.25em 0;font-size:0.75em;font-weight:normal;cursor:default}.portal .body,.vector-menu-portal .body{margin-left:0.5em;padding-top:0}.portal .body ul,.vector-menu-portal .body ul{list-style:none none;margin:0;padding-top:0.3em}.portal .body li,.vector-menu-portal .body li{margin:0;padding:0.25em 0;font-size:0.75em;line-height:1.125em;word-wrap:break-word}.portal .body li a,.vector-menu-portal .body li a{color:#FFFFFF}.portal .body li a:visited,.vector-menu-portal .body li a:visited{color:#E4B85D}#mw-panel{font-size:inherit}#mw-panel .portal-first{background-image:none}



.mw-body { border: 1px solid #CCCCCC; background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; }
.mw-head { background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; }

.mw-search-profile-tabs {
    background-color: #050B0B;
    margin-top: 1em;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}

.warningbox {
    background-color: #050B0B;
    border-color: #ff0000;
}

.editOptions {
    background-color: #050B0B;
}

#mw-panel { background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; }
#mw-page-base { background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; }

#p-cactions ul li.selected a { background: black; }

.toc {
    background-color: #050B0B;
    border-radius: 10px 10px 10px 10px;
    font-color: #E4B85D;
}

.toccolours { color: #FFFFFF; }

.toc a:link { color: #E4B85D; }
.toc a:visited { color: #E4B85D; }
.toc a:hover { color: #CCCCCC; }
.toc a:active { color: #CCCCCC; }

.toctogglelabel {
    cursor: pointer;
    color: #CCCCCC;
}
.ul {font-color: #E4B85D; }
.ul a:link { color: #E4B85D; }
.ul a:visited { color: #E4B85D; }
.ul a:hover { color: #CCCCCC; }
.ul a:active { color: #CCCCCC; }

#content { background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; }

#content { color: #FFFFFF; }
#content p { color: #FFFFFF; }
#content h1 { color: #E4B85D; }
#content h2 { color: #E4B85D; }
#content h3 { color: #E4B85D; }
#content h4 { color: #E4B85D; }
#content h5 { color: #E4B85D; }
#content a:link { color: #E4B85D; }
#content a:visited { color: #E4B85D; }
#content a:hover { color: #CCCCCC; }
#content a:active { color: #CCCCCC; }
#mw-head-base { background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; margin-left:-20px}
#mw-body-content { color: #FFFFFF; }
#mw-body-content a:link { color: #E4B85D; }
#mw-body-content a:visited { color: #E4B85D; }
#mw-body-content a:hover { color: #CCCCCC; }
#mw-body-content a:active { color: #CCCCCC; }
#p-navigation a:link { color: #E4B85D; }
#p-navigation a:visited { color: #E4B85D; }
#p-navigation a:hover { color: #CCCCCC; }
#p-navigation a:active { color: #CCCCCC; }
#p-tb-label { color: #FFFFFF; }
#p-tb .body { color: #E4B85D; }
#p-tb a:link { color: #E4B85D; }
#p-tb a:visited { color: #E4B85D; }
#p-tb a:hover { color: #CCCCCC; }
#p-tb a:active { color: #CCCCCC; }
#catlinks { background-color: #050B0B; }
#catlinks a:link { color: #E4B85D; }
#catlinks a:visited { color: #E4B85D; }
#catlinks a:hover { color: #CCCCCC; }
#catlinks a:active { color: #CCCCCC; }
#p-personal a:link { color: #E4B85D; }
#p-personal a:visited { color: #E4B85D; }
#p-personal a.new { color: #E4B85D; }
#p-personal a:hover { color: #CCCCCC; }
#p-personal a:active { color: #CCCCCC; }
#footer ul li a:link { color: #E4B85D; }
#footer ul li a:visited { color: #E4B85D; }
#footer ul li a:hover { color: #CCCCCC; }
#footer ul li a:active { color: #CCCCCC; }
#footer ul li { color: #FFFFFF; }

h1 {
  color: #FFFFFF;
}
h5 {
  color: #E4B85D;
}
p {
  color: #FFFFFF;
}
html {
  background-image: url("https://wildrp.com/dist/img/cover.jpg"); background-repeat: no-repeat; background-color: #050B0B; 
  margin: 0;
  padding: 0 0 20px;
}
a {
  color: #E4B85D;

  &:visited {
    color: #E4B85D;
  &:hover {
    color: #FFFFFF;
  }
}