Difference between revisions of "MediaWiki:Common.css"

Revision as of 20:10, 31 December 2018

/* CSS placed here will be applied to all skins */




body {background-color: #fff;}
#mw-panel {display:none;}
.rootpage-Main_Page #mw-head {background-color: #fff;}
.rootpage-Main_Page #left-navigation {display:none;}
.rootpage-Main_Page #p-personal {display:none;}
.rootpage-Main_Page #p-views {display:none;}
.rootpage-Main_Page #p-cactions {display:none;}
.rootpage-Main_Page #content {display:none;}
.rootpage-Main_Page #right-navigation {width:100%;}

.rootpage-Main_Page #mw-head-base {display:none;}
.rootpage-Main_Page .imokaywithlogo {margin: 200px auto 0px;display: block;float:none;width:auto;padding:0px;}
.rootpage-Main_Page .imokaywithlogo1 {display:none;}
.imokaywithlogo {display:none;}
.vectorMenuCheckbox {display:none;}
div.vectorMenu div.menu {display:block;position:relative;box-shadow: none;top: 0px;border: none;}
div.vectorMenu li a {padding-top: 1.25em;height: 1.9em;padding-left: 0.625em;padding-right: 0.625em;color: #b4b4b4;cursor: pointer;font-size: 0.8em;}
div.vectorMenu li {float:left;line-height: 1.125em;height:100%;}
div.vectorMenu {height:2.5em;}
div.vectorMenu ul {height:100%;}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorTabs li a {color:#b4b4b4;}
a:hover, a:focus {text-decoration: none;color: #3399ff !important;}
.mw-parser-output a.external, .mw-parser-output a.external:visited {color:#b4b4b4;background:none;padding-right:5px;}
h2.supportus {color: #808080;font-size: 20px;font-weight: normal;margin: 0;padding: 15px 16px 10px;border-bottom:1px solid #dfe1e5;}
#supportthesite {margin-left: 11em;max-width: 700px;border: 1px solid #dfe1e5;border-radius: 15px;overflow:hidden;}
.supporttext {padding: 1.25em 1.5em 1.5em 1.5em;border-bottom: 1px solid #dfe1e5;font-size: .875em;line-height: 1.25em;color: #6a6a6a;}
.supporticons {overflow: hidden;padding: .75em 1.5em .75em 1.5em;}
.supporticons .patreon {background: url('https://www.imokaywith.com/patreon-1.png');opacity:1;float:left;}
.supporticons .bitcoin {background: url('https://www.imokaywith.com/bitcoin-1.png');opacity:1;float:left;}
.supporticons .paypal {background: url('https://www.imokaywith.com/paypal-1.png');opacity:1;float:left;}
.supporticons .amazon {background: url('https://www.imokaywith.com/amazon-1.png');opacity:1;float:left;}
.mw-body {border:none;}
#mw-panel {display:none;}
#p-personal {display:none;}
div.vectorTabs {float:left;background:none;}
div.vectorTabs ul {background:none;}
div.vectorTabs ul > li {background:none;}
div.vectorTabs span {background:none;}
#left-navigation {float: left;width: 100%;margin: 0px 0px 0px 11em;max-width: 700px;padding: 1.25em 1.5em 1.5em 1.5em;}
#right-navigation {float: none;margin: 0px;overflow: hidden;width: auto;overflow:visible;}
.imokaywithlogo1 {margin: 30px 0px 0px;display: block;float:left;width: 130px;padding: 0px 30px;}
#mw-page-base {background:#ffffff !important;border-bottom:1px solid #ebebeb}
#mw-head-base {border-bottom:1px solid #ebebeb}
#firstHeading {border:none;}
#firstHeading::before {content:"I'm Okay With "}


/* HOMEPAGE SEARCH */
.rootpage-Main_Page #simpleSearch #searchButton {background-image: none;background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);;-moz-border-radius: 2px;-moz-user-select: none;background-color: #f2f2f2;border: 1px solid #f2f2f2;border-radius: 2px;color: #757575;cursor: pointer;font-family: arial,sans-serif;font-size: 13px;font-weight: bold;margin: 11px 4px;min-width: 54px;padding: 0 16px;text-align: center;position: absolute;top:70px;text-indent:0px;width:130px;height:40px;left:24%;}
.rootpage-Main_Page #simpleSearch #searchButton:hover {background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);background-color: #f8f8f8;background-image: linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);border: 1px solid #c6c6c6;box-shadow: 0 1px 1px rgba(0,0,0,0.1);color: #222;}
.rootpage-Main_Page .randompage {background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: linear-gradient(top,#f5f5f5,#f1f1f1);-moz-border-radius: 2px;-moz-user-select: none;background-color: #f2f2f2;border: 1px solid #f2f2f2;border-radius: 2px;color: #757575;cursor: pointer;font-family: arial,sans-serif;font-size: 13px;font-weight: bold;margin: 11px 4px;min-width: 54px;padding: 0 16px;text-align: center;position: absolute;top:118px;text-indent:0px;width:130px;height:38px;right:22%;line-height: 38px;display:block;}
.rootpage-Main_Page .randompage:hover {background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);background-color: #f8f8f8;background-image: linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);border: 1px solid #c6c6c6;box-shadow: 0 1px 1px rgba(0,0,0,0.1);color: #222;}
.rootpage-Main_Page .fulllink {position:absolute;left:0px;top:0px;height:100%;width:100%;}
.rootpage-Main_Page #simpleSearch #searchButton::after {content:"Search"}
.rootpage-Main_Page #p-search {float: none;margin: 0px auto;max-width: 585px;height: 44px;position:relative;}
.rootpage-Main_Page #simpleSearch {box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);border: none !important;border-radius:2px;}
.rootpage-Main_Page #simpleSearch:hover {border:none !important;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.08);}
.rootpage-Main_Page #p-search h3 {position: relative !important;width: auto;height: auto;font-size: 16px;font-weight: 300;color: #9a9a9a;text-align: center;margin-bottom: 30px;}


/* GENERAL SEARCH */
#simpleSearch #searchInput {font: 16px arial,sans-serif;}
.randompage {display:none;}
#simpleSearch {box-shadow:none;width: 100%;max-width: 558px;height: 44px;padding-left: 16px;padding-right: 8px;padding-top: 5px;margin: 0px;font-size: 13px;line-height: 39px;border:1px solid #dfe1e5 !important;border-radius:50px;}
#simpleSearch:hover {box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);border:1px solid rgba(223,225,229,0) !important;}
#p-search {float: none;margin: 0px auto;max-width: 585px;height: 44px;position:relative;margin: 15px .5em 0px;float: left;width: 100%;}
#p-search form, #p-search input {margin:0;}
#simpleSearch #searchButton {background-image: url(/search.png);width: 55px;padding-right: 30px;}

/* SUPPORT AREA */
#supportarea {position: absolute;top: 30px;right:0px;}
.preload {height:1px;width:1px;opacity:0;margin-left:-9999999px;position:absolute;}
.patreon {height:25px;width:26px;background: url('https://www.imokaywith.com/patreon.png');opacity:.15;position:relative;display: block;float:right;margin:0px 7.5px;}
.bitcoin {height:25px;width:18px;background: url('https://www.imokaywith.com/bitcoin.png');opacity:.15;position:relative;display: block;float:right;margin:0px 7.5px;}
.paypal {height:25px;width:25px;background: url('https://www.imokaywith.com/paypal.png');opacity:.15;position:relative;display: block;float:right;margin:0px 37.5px 0px 7.5px;}
.amazon {height:25px;width:23px;background: url('https://www.imokaywith.com/amazon.png');opacity:.15;position:relative;display: block;float:right;margin:0px 7.5px;}
.patreon:hover {background: url('https://www.imokaywith.com/patreon-1.png');opacity:1;}
.bitcoin:hover {background: url('https://www.imokaywith.com/bitcoin-1.png');opacity:1;}
.paypal:hover {background: url('https://www.imokaywith.com/paypal-1.png');opacity:1;}
.amazon:hover {background: url('https://www.imokaywith.com/amazon-1.png');opacity:1;}
.fullarea {position:absolute;height:100%;width:100%;top:0px;left:0px;right:0px;bottom:0px;}
body::after{position:absolute; width:0; height:0; overflow:hidden; z-index:-1;content:url(https://www.imokaywith.com/amazon-1.png) url(https://www.imokaywith.com/paypal-1.png) url(https://www.imokaywith.com/bitcoin-1.png) url(https://www.imokaywith.com/patreon-1.png) ;}
.helpus {float: right;display: block;padding-left: 30px;color: #222222;font-size:.875em;}
.rootpage-Main_Page .helpus {float: left;}


/* footer stuff */
#footer {position: fixed;bottom: 0px;width: 100%;margin: 0px;background: #f2f2f2;border-top: 1px solid #e4e4e4;padding: 10px 0px;}
#footer a {color:#555;}
#footer-info {display:none;}
#footer-icons {display:none;}
#footer-places-disclaimer {display:none;}
#footer #footer-places li#footer-places-privacy {float:right;padding-right:30px;}
#footer #footer-places li#footer-places-about {float:left;padding-left:30px;}
#footer #footer-places li#footer-places-about a {font-size:0px;}
#footer #footer-places li#footer-places-about a::before {content:"About";font-size: 11px;}