Drawn to Life Wiki

Changes

MediaWiki:Vector.css (view source)

Revision as of 01:18, 30 March 2021

3,472 bytes removed ,  01:18, 30 March 2021
CSS Minify
Line 1: Line 1: −
/* All CSS here will be loaded for users of the Vector skin */
+
.mw-body .firstHeading{font-family:'ARCO'}#p-logo{top:-11.5em;left:46.5vw;margin-left:-9.5em;position:absolute;transform:scale(0.8)}#p-logo a{width:31em;height:13em;transition:filter 0.3s, height 0.2s}#p-logo a:hover{filter: brightness(1.2)}#p-logo a:active{height:14.5em}body{background:#79c1f7;background-image:url('/w/images/0/0b/WikiBackground.png');background-attachment:fixed;background-size:cover}.mw-body,.parsoid-body{background-color:rgba(255, 255, 255, 0.95)}#mw-head-base{height:16.4em}#mw-head{top:9.7em}.mw-body{padding:4.25em 1.5em 1.5em;border-radius:10px;border:3px solid #709fc3;margin-right:3em;margin-left:13em;box-shadow:#0000003b 0 0 4px}.catlinks{background-color:#fffffff0;border-radius:6px}div.thumbinner{background:#f8f9fa;border:solid #eaecf0;border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-width:1px 1px 0.2em;padding:1.25em 1.75em;box-shadow:0 1px 2px 1px rgba(0,0,0,0.02);padding:0.75em;margin-left:auto;margin-right:auto;overflow:hidden}.mw-body-content p{margin:1.2em 0}#p-personal{right:0;top:0;position:fixed;width:100%;background-color:rgba(7, 30, 73, 0.8);height:23px;box-shadow:#000c 0 0 5px;backdrop-filter: blur(5px)}#p-personal ul{float:right;padding-right:10px;padding-left:0}#mw-page-base{display:none}#pt-login a,#pt-userpage a{color:#80f139}#pt-betafeatures a,#pt-mycontris a,#pt-mytalk a,#pt-mytalk a.new,#pt-mytalk a.new:visited,#pt-preferences a,#pt-watchlist a,.vector-menu-content-list a{color:#73e4fb}#pt-anonuserpage,#pt-logout a{color:#f49f0b}#mw-panel{top:11.35em;background-color:rgba(255, 255, 255, 0.95);border:3px solid #709fc3;box-shadow:#0000003b 0 0 4px;margin-left:1em;border-radius:10px}#mw-panel:after{position:absolute;content:"";height:3.1em;width:1px}.portal .body li a,.portal .body li a:visited,.vector-menu-portal .body li a,.vector-menu-portal .body li a:visited{color:#0e73af;transition:0.3s}.portal .body li a:hover,.portal .body li a:visited:hover,.vector-menu-portal .body li a:hover,.vector-menu-portal .body li a:visited:hover{color:#e49202}#p-Donate .vector-menu-content{font-weight:bold}#p-Navigation-label{border-bottom:0.3rem solid #b24408;border-radius:5px;background:#e49202;color:white;font-weight:bold;text-align:center;line-height:2.35em;margin-top:1em;height:2em;width:87%}#p-namespaces{margin-left:3.4em}.vector-menu-tabs .selected{background-image:none;background:#72b531;margin:5px 2px 0;border-radius:5px;border-bottom:0.3rem solid #3b7e0e;height:2em;transition:0.3s}.vector-menu-tabs .selected:hover{margin:5px 2px 0;background:#94c231;border-bottom:0.3rem solid #6a9c0c}.vector-menu-tabs .selected:active{margin:5px 2px 0;background:#72b531;border-bottom:0.3rem solid #3b7e0e}.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited{color:#fff;font-weight:bold}.vector-menu-tabs li a{padding-top:0.5em}#mw-head .vector-menu-dropdown h3,.vector-menu-tabs,.vector-menu-tabs a{background-image:none}.vector-menu-tabs li{background-image:none;background:#5aa7e2;border-bottom:0.3rem solid #254a8f;margin:5px 2px 0;border-radius:5px;height:2em;transition:background 0.3s, border-bottom 0.3s, margin 0.1s}.vector-menu-tabs li:hover{background:#5cbee8;border-bottom:0.3rem solid #2972a3}.vector-menu-tabs li:active{margin:7px 2px 0;background:#5aa7e2;border-bottom:0.3rem solid #254a8f}.vector-menu-tabs li a:hover{text-decoration:none}.vector-menu-tabs li a:focus{text-decoration:none}.vector-menu-tabs .new a,.vector-menu-tabs .new a:visited{color:white;font-weight:bold}.vector-menu-tabs li a{color:white;font-weight:bold}.vector-menu-dropdown h3{color:white;font-weight:bold}.vector-menu-dropdown h3:focus,.vector-menu-dropdown h3:hover{color:white}.vector-menu-dropdown{line-height:0.125em;background:#e49202;margin:5px 2px 0;border-radius:5px;border-bottom:0.3rem solid #b24408;height:2em;transition:0.3s}.vector-menu-dropdown:hover{background:#f1ad00;border-bottom:0.3rem solid #c36f08}.vector-menu-dropdown:active{background:#f1ad00;border-bottom:0.3rem solid #c36f08}.vector-menu-dropdown h3::after{background-image:url("/w/images/e/e5/Arrow-down-white.png");background-image:linear-gradient(transparent,transparent),url(/w/images/5/53/Arrow-down-white.svg);top:-0.231em}.vector-menu-tabs #ca-unwatch.icon a::before{background-image:linear-gradient(transparent,transparent),url(/w/skins/Vector/resources/skins.vector.styles/images/watch-icon.svg?257a2)}.vector-menu-tabs #ca-watch.icon a::before{background-image:linear-gradient(transparent,transparent),url(/w/images/f/f7/Unwatch-icon-mono.svg)}.vector-menu-tabs .mw-watchlink.icon a::before{top:0.6em;left:0.45em}.mw-body a.new,.mw-body a.new:visited{color:#bd2020;transition:0.3s}.mw-body a:focus,.mw-body a:hover{text-decoration:underline;color:#e49202 !important}.mw-body a,.mw-body a:visited,.mw-parser-output a.external,.mw-parser-output a.external:visited,.mw-parser-output a.extiw,.mw-parser-output a.extiw:visited{color:#0e73af;transition:0.3s}#searchInput{border-radius:5px;d height:2.6em}#p-search{margin-right:4.5em}a.new{color:#bd2020}#pt-notifications-alert{filter: invert(1)}#pt-notifications-notice{filter: invert(1)}.rpush{height:50px}.rfooter{background:rgb(7 30 73 / 80%);position:fixed;bottom:0;width:100%;height:26px;box-shadow:#000c 0 0 5px;backdrop-filter: blur(4px)}#footer-info li{color:white}#footer-places a,#footer-places a:hover,#footer-places a:visited{color:white}#footer{position:fixed;bottom:-22px}#footer-info{position:fixed;left:210px;bottom:-3px}#footer-places{position:fixed;bottom:-7px;right:40px}#footer-poweredbyico{display:none}@media only screen and (max-width: 1020px){#footer-info li{display:none}}@media only screen and (max-width: 702px){.vector-menu-tabs .selected{display:none}}@media only screen and (max-width: 583px){#mw-panel .portal-first{display:none}#mw-panel{border:none;box-shadow:none;background-color:none}.portal,.vector-menu-portal{display:none}.mw-body{margin-right:0;margin-left:0}#left-navigation{margin-left:13em !important}#right-navigation{margin-right:-3.3em}.vector-menu-tabs .selected{display:inherit}#pt-betafeatures{display:none}#footer-places{font-size:0.9em}#p-namespaces{margin-left:-11.6em}#p-logo{left:32.5vw}.vector-menu-dropdown h3::after{display:none}.vector-menu-dropdown{width:51px}}
−
 
  −
  /*********/
  −
/* Fonts */
  −
/*********/
  −
/* Article Heading */
  −
.mw-body .firstHeading {
  −
  font-family: 'ARCO';
  −
}
  −
 
  −
 
  −
 
  −
  /********/
  −
/* Logo */
  −
/********/
  −
/*Shifts logo to center*/
  −
/*Left and right positions*/
  −
#p-logo {
  −
    top: -11.5em;
  −
    left: 46.5vw;
  −
    margin-left: -9.5em;
  −
    position: absolute;
  −
    transform: scale(0.8);
  −
}
  −
/*Image size*/
  −
#p-logo a {
  −
    width: 31em;
  −
    height: 13em;
  −
    transition: filter 0.3s, height 0.2s;
  −
}
  −
#p-logo a:hover {
  −
  filter: brightness(1.2);
  −
}
  −
#p-logo a:active {
  −
  height: 14.5em;
  −
}
  −
 
  −
 
  −
 
  −
  /****************/
  −
/* Page Content */
  −
/****************/
  −
/*Main Background*/
  −
body {
  −
    background: #79c1f7;
  −
    background-image: url('/w/images/0/0b/WikiBackground.png') ;  
  −
    background-attachment: fixed;
  −
    background-size: cover;
  −
 
  −
}
  −
/*Article background*/
  −
.mw-body, .parsoid-body {
  −
    background-color: rgba(255, 255, 255, 0.95);
  −
}
  −
/*Postion of main page content*/
  −
#mw-head-base {
  −
    height: 16.4em;
  −
}
  −
/*Position of top page controls*/
  −
#mw-head {
  −
    top: 9.7em;
  −
}
  −
/*Moves edit buttons, etc, down*/
  −
.mw-body {
  −
    padding: 4.25em 1.5em 1.5em 1.5em;
  −
    border-radius: 10px;
  −
    border: 3px solid #709fc3;
  −
    margin-right: 3em;
  −
    margin-left: 13em;
  −
    box-shadow: #0000003b 0 0px 4px;
  −
}
  −
/*Category Box*/
  −
.catlinks {
  −
    background-color: #fffffff0;
  −
    border-radius: 6px;
  −
}
  −
 
  −
/*Thumbnail*/
  −
div.thumbinner {
  −
background: #f8f9fa;
  −
border: solid #eaecf0;
  −
    border-top-width: medium;
  −
    border-right-width: medium;
  −
    border-bottom-width: medium;
  −
    border-left-width: medium;
  −
border-width: 1px 1px 0.2em;
  −
padding: 1.25em 1.75em;
  −
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
  −
padding: 0.75em;
  −
margin-left: auto;
  −
margin-right: auto;
  −
overflow: hidden;
  −
}
  −
 
  −
/* Adds more space between paragraphs */
  −
.mw-body-content p {
  −
    margin: 1.2em 0;
  −
}
  −
 
  −
  /***************/
  −
/* Top Nav Bar */
  −
/***************/
  −
/*Widens top bar*/
  −
#p-personal {
  −
    right: 0;
  −
    top: 0;
  −
    position: fixed;
  −
    width: 100%;
  −
    background-color: rgba(7, 30, 73, 0.8);
  −
    height: 23px;
  −
    box-shadow: #000c 0px 0px 5px;
  −
    backdrop-filter: blur(5px);
  −
 
  −
}
  −
/*Text in top bar*/
  −
#p-personal ul {
  −
    float: right;
  −
    padding-right: 10px;
  −
    padding-left: 0;
  −
}
  −
/*Removes white bar under top bar*/
  −
#mw-page-base {
  −
    display: none;
  −
}
  −
/*Colors various links white*/
  −
#pt-userpage a, #pt-login a {
  −
    color: #80f139; /*Green*/
  −
}
  −
#pt-mytalk a, #pt-mytalk a.new, #pt-mytalk a.new:visited, #pt-preferences a, #pt-betafeatures a, #pt-mycontris a, #pt-watchlist a, .vector-menu-content-list a {
  −
    color: #73e4fb; /*Cyan*/
  −
}
  −
#pt-logout a, #pt-anonuserpage {
  −
    color: #f49f0b; /*Orange*/
  −
}
  −
  /****************/
  −
/* Side Nav Bar */
  −
/****************/
  −
#mw-panel {
  −
    top: 11.35em;
  −
    background-color: rgba(255, 255, 255, 0.95);
  −
    border: 3px solid #709fc3;
  −
    box-shadow: #0000003b 0 0px 4px;
  −
    margin-left: 1em;
  −
    border-radius: 10px;
  −
}
  −
#mw-panel:after {
  −
    position: absolute;
  −
    content: "";
  −
    height: 3.1em;
  −
    width: 1px;
  −
}
  −
.portal .body li a:visited, .vector-menu-portal .body li a:visited, .portal .body li a, .vector-menu-portal .body li a {
  −
    color: #0e73af;
  −
    transition: 0.3s;
  −
}
  −
.portal .body li a:visited:hover, .vector-menu-portal .body li a:visited:hover, .portal .body li a:hover, .vector-menu-portal .body li a:hover {
  −
    color: #e49202;
  −
}
  −
#p-Donate .vector-menu-content {
  −
    font-weight: bold;
  −
}
  −
 
  −
 
  −
/*Fancy Navigation Button*/
  −
#p-Navigation-label {
  −
    border-bottom: 0.3rem solid #b24408;
  −
    border-radius: 5px;
  −
    background: #e49202;
  −
    color: white;
  −
    font-weight: bold;
  −
    text-align: center;
  −
    line-height: 2.35em;
  −
    margin-top: 1em;
  −
    height: 2em;
  −
    width: 87%;
  −
}
  −
  /*********************************/
  −
/* Styling of buttons and links. */
  −
/*********************************/
  −
/*Shifts page and discussions right*/
  −
#p-namespaces {
  −
    margin-left: 3.4em;
  −
}
  −
 
  −
 
  −
/*Active*/
  −
.vector-menu-tabs .selected {
  −
    background-image: none;
  −
    background: #72b531;
  −
    margin: 5px 2px 0px 2px;
  −
    border-radius: 5px;
  −
    border-bottom: 0.3rem solid #3b7e0e;
  −
    height: 2em;
  −
    transition: 0.3s;
  −
}
  −
.vector-menu-tabs .selected:hover {
  −
    margin: 5px 2px 0px 2px;
  −
    background: #94c231;
  −
    border-bottom: 0.3rem solid #6a9c0c;
  −
}
  −
.vector-menu-tabs .selected:active {
  −
    margin: 5px 2px 0px 2px;
  −
    background: #72b531;
  −
    border-bottom: 0.3rem solid #3b7e0e;
  −
}
  −
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
  −
    color: #fff;
  −
    font-weight: bold;
  −
}
  −
.vector-menu-tabs li a {
  −
    padding-top: 0.5em;
  −
}
  −
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
  −
    background-image: none;
  −
}
  −
 
  −
 
  −
/*Inactive*/
  −
.vector-menu-tabs li {
  −
    background-image: none;
  −
    background: #5aa7e2;
  −
    border-bottom: 0.3rem solid #254a8f;
  −
    margin: 5px 2px 0px 2px;
  −
    border-radius: 5px;
  −
    height: 2em;
  −
    transition: background 0.3s, border-bottom 0.3s, margin 0.1s;
  −
}
  −
.vector-menu-tabs li:hover {
  −
    /*margin: 8px 2px 0px 2px;*/
  −
    background: #5cbee8;
  −
    border-bottom: 0.3rem solid #2972a3;
  −
}
  −
.vector-menu-tabs li:active {
  −
    margin: 7px 2px 0px 2px;
  −
    background: #5aa7e2;
  −
    border-bottom: 0.3rem solid #254a8f;
  −
}
  −
.vector-menu-tabs li a:hover {
  −
    text-decoration: none;
  −
}
  −
.vector-menu-tabs li a:focus {
  −
    text-decoration: none;
  −
}
  −
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
  −
    color: white;
  −
    font-weight: bold;
  −
}
  −
.vector-menu-tabs li a {
  −
    color: white;
  −
    font-weight: bold;
  −
}
  −
 
  −
 
  −
/*More Dropdown*/
  −
/*Text*/
  −
.vector-menu-dropdown h3 {
  −
    color: white;
  −
    font-weight: bold;
  −
}
  −
.vector-menu-dropdown h3:hover, .vector-menu-dropdown h3:focus {
  −
    color: white;
  −
}
  −
/*Actual button*/
  −
.vector-menu-dropdown {
  −
    line-height: 0.125em;
  −
    background: #e49202;
  −
    margin: 5px 2px 0px 2px;
  −
    border-radius: 5px;
  −
    border-bottom: 0.3rem solid #b24408;
  −
    height: 2em;
  −
    transition: 0.3s;
  −
}
  −
.vector-menu-dropdown:hover {
  −
    background: #f1ad00;
  −
    border-bottom: 0.3rem solid #c36f08;
  −
}
  −
.vector-menu-dropdown:active {
  −
    background: #f1ad00;
  −
    border-bottom: 0.3rem solid #c36f08;
  −
}
  −
 
  −
 
  −
/*Button Icons*/
  −
/*ArrowSVG*/
  −
.vector-menu-dropdown h3::after {
  −
    background-image: url(/w/images/e/e5/Arrow-down-white.png);
  −
    background-image: linear-gradient(transparent,transparent),url(/w/images/5/53/Arrow-down-white.svg);
  −
    top: -0.231em;
  −
}
  −
/*StarUnwatchSVG*/
  −
.vector-menu-tabs #ca-unwatch.icon a::before {
  −
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Vector/resources/skins.vector.styles/images/watch-icon.svg?257a2);
  −
}
  −
/*StarWatchSVG*/
  −
.vector-menu-tabs #ca-watch.icon a::before {
  −
 
  −
    background-image: linear-gradient(transparent,transparent),url(/w/images/f/f7/Unwatch-icon-mono.svg);
  −
 
  −
}
  −
/*Moves watch star to button center*/
  −
.vector-menu-tabs .mw-watchlink.icon a::before {
  −
    top: 0.6em;
  −
    left: 0.45em;
  −
}
  −
 
  −
/*RedLinks*/
  −
.mw-body a.new, .mw-body a.new:visited {
  −
    color: #bd2020;
  −
    transition: 0.3s;
  −
}
  −
.mw-body a:hover, .mw-body a:focus {
  −
    text-decoration: underline;
  −
    color: #e49202 !important; /*Won't  replace without*/
  −
}
  −
 
  −
/*Regular*/
  −
.mw-body a:visited, .mw-body a, .mw-parser-output a.extiw, .mw-parser-output a.external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited{
  −
    color: #0e73af;
  −
    transition: 0.3s;
  −
}
  −
  /**************/
  −
/* Searchbar  */
  −
/**************/
  −
#searchInput {
  −
    border-radius: 5px;d
  −
    height: 2.6em;
  −
}
  −
/*Moves search bar left*/
  −
#p-search {
  −
    margin-right: 4.5em;
  −
}
  −
a.new {
  −
    color: #bd2020;
  −
}
  −
 
  −
  /**********/
  −
/* Extra  */
  −
/**********/
  −
#pt-notifications-alert {
  −
    filter: invert(1);
  −
}
  −
#pt-notifications-notice {
  −
    filter: invert(1);
  −
}
  −
 
  −
  /**************/
  −
/* FooterBar  */
  −
/**************/
  −
/*Makes space for div*/
  −
.rpush {  
  −
    height: 50px;
  −
}
  −
/*FooterBanner*/
  −
.rfooter {
  −
    background: rgb(7 30 73 / 80%);
  −
    position: fixed;
  −
    bottom: 0;
  −
    width: 100%;
  −
    height: 26px;
  −
    box-shadow: #000c 0px 0px 5px;
  −
    backdrop-filter: blur(4px);
  −
}
  −
#footer-info li {
  −
    color: white;
  −
}
  −
#footer-places a, #footer-places a:hover, #footer-places a:visited {
  −
    color: white;
  −
}  
  −
#footer {
  −
    position: fixed;
  −
    bottom: -22px;
  −
}
  −
#footer-info {
  −
    position: fixed;
  −
    left: 210px;
  −
    bottom: -3px;
  −
}
  −
#footer-places {
  −
    position: fixed;
  −
    bottom: -7px;
  −
    right: 40px;
  −
}
  −
 
  −
/*Removes MediaWiki Badge. Will re-add elsewhere*/
  −
#footer-poweredbyico {
  −
    display: none;
  −
}
  −
 
  −
 
  −
/* Big Footer that works OKAY at best
  −
* {
  −
  margin: 0;
  −
}
  −
html, body {
  −
  height: 100%;
  −
}
  −
.rpush {
  −
  min-height: 55%;
  −
  margin-bottom: -200px;
  −
}
  −
.rpush:after {
  −
  content: "";
  −
  display: block;
  −
}
  −
.rfooter, .rpush:after {
  −
  height: 251px;
  −
}
  −
.rfooter {
  −
  background: orange;
  −
}
  −
*/
  −
 
  −
 
  −
 
  −
  /***********************/
  −
/* Media Resize Rules  */
  −
/***********************/
  −
/*Removes edit timestamp*/
  −
@media only screen and (max-width: 1020px) {
  −
    #footer-info li {
  −
    display: none;
  −
 
  −
  }
  −
}
  −
/*Removes redundant page button*/
  −
@media only screen and (max-width: 702px) {
  −
    .vector-menu-tabs .selected {
  −
    display: none;
  −
 
  −
  }
  −
}
  −
/*Removes side bar*/
  −
@media only screen and (max-width: 583px) {
  −
    #mw-panel .portal-first {
  −
    display: none;
  −
}
  −
#mw-panel {
  −
    border: none;
  −
    box-shadow: none;
  −
    background-color: none;
  −
  }
  −
.portal, .vector-menu-portal {
  −
    display: none;
  −
  }
  −
.mw-body {
  −
    margin-right: 0;
  −
    margin-left: 0;
  −
  }
  −
#left-navigation {
  −
    margin-left: 13em !important; /*Won't move otherwise*/
  −
  }
  −
#right-navigation {
  −
    margin-right: -3.3em;
  −
  }
  −
.vector-menu-tabs .selected {
  −
    display: inherit;
  −
  }
  −
#pt-betafeatures {
  −
display: none;
  −
  }
  −
#footer-places {
  −
    font-size: 0.9em;
  −
  }
  −
#p-namespaces {
  −
    margin-left: -11.6em;
  −
}
  −
#p-logo {
  −
    left: 32.5vw;
  −
}
  −
.vector-menu-dropdown h3::after {
  −
    display: none;
  −
}
  −
.vector-menu-dropdown {
  −
    width: 51px;
  −
  }
  −
}
 
Retrieved from "https://drawntolife.wiki/en/Special:MobileDiff/9721"