MediaWiki:Common.css

From Im Okay With
Revision as of 16:55, 29 December 2018 by Imokaywith (talk | contribs)
Jump to: navigation, search

Note: After saving, 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)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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: 155px auto 30px;display: block;float:none;width:auto;padding:0px;}




.mw-body {border:none;}
#mw-panel {display:none;}
#p-personal {display:none;}
div.vectorTabs {float:right;}
#left-navigation {float:right;width: 135px;margin: 0px;}
#right-navigation {float: none;margin: 0px;overflow: hidden;width: auto;}
.imokaywithlogo {margin: 30px 0px 0px;display: block;float:left;width: 130px;padding: 0px 30px;}
div.vectorMenu {float:right;}



/* HOMEPAGE SEARCH */
.rootpage-Main_Page #simpleSearch #searchInput {font: 16px arial,sans-serif;}
.rootpage-Main_Page #p-search {float: none;margin: 0px auto;max-width: 585px;height: 44px;position:relative;}
.rootpage-Main_Page #simpleSearch #searchButton {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:60px;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);-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:60px;text-indent:0px;width:130px;height:38px;right:22%;line-height: 38px;}
.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 form, .rootpage-Main_Page #p-search input {margin:0;}
.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;width: 100%;max-width: 558px;height: 44px;padding-left: 16px;padding-right: 8px;padding-top: 5px;margin: 0px;font-size: 13px;line-height: 39px;}




/* 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;}