User:ITechieGamer/common.css

width: 100% !important; }
 * 1) global-wrapper.with-siderail #content #bodyContent {

/* Hide */

width: 0 !important; }
 * 1) siderail {

.ad-placement { /* You think I can't hide ya, ad? */ width: 0 !important; height: 0 !important; border: none !important; }

/* The REAL (lol) */

div#netbar { height: 30px; border: none; }

div#netbar > ul > li { height: 30px; } div#netbar ul { font-weight: bold; } div#netbar ul ul > li a, li.user a { padding: 0 20px 0 8px !important; font-size: 11px; text-transform: uppercase; } div#netbar ul > li > ul { top: 30px; border: none; border-radius: 0 !important; box-shadow: none; } div#netbar ul > li > ul a { cursor: context-menu; }

div#netbar ul.netbar-left > li { border: none; } div#netbar ul.netbar-left > li::after { width: 0; background: none; } div#netbar ul.netbar-left > li.settings:hover > i::after { color: #fff !important; } div#netbar ul.netbar-left > li.settings > ul { width: 200%; left: 0; } div#netbar ul.netbar-left > li.settings > ul > li { border: none; margin: 0; }

div#netbar ul.netbar-right > li { border: none; } div#netbar ul.netbar-right > li::after { width: 0; background: none; } div#netbar ul.netbar-right > li:not(:last-child) { padding: 0 4px; } div#netbar ul.netbar-right > li:not(:last-child) > a { cursor: context-menu; }

div#netbar ul.netbar-right > li.user > a::after { top: 8px; right: 16px; } div#netbar ul.netbar-right > li.user:hover > a::after { color: #fff; } div#netbar ul.netbar-right > li.user > ul { width: 100%; } div#netbar ul.netbar-right > li.user > ul > li { border: none; margin: 0; }

/* Ripple */ .ripple-effect{ position: absolute; border-radius: 50%; width: 50px; height: 50px; background: white; animation: ripple-animation 300ms; }

@keyframes ripple-animation { from { transform: scale(1); opacity: 0.4; } to { transform: scale(100); opacity: 0; } }

/* OOjs to other buttons */ .mw-history-compareselectedversions-button { cursor: pointer; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; font-family: inherit; font-size: inherit; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f8f9fa; color: #222; border: 1px solid #a2a9b1; -webkit-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; -moz-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; min-height: 2.5em; border-radius: 2px; padding: 0.625em 0.9375em 0.546875em; }

.mw-history-compareselectedversions-button::-moz-focus-inner { border-color: transparent; padding: 0; }

.mw-history-compareselectedversions-button:hover { background-color: #fff; color: #444; border-color: #a2a9b1 }

.mw-history-compareselectedversions-button:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c; outline: 0; }

.mw-history-compareselectedversions-button:active, .mw-history-compareselectedversions-button:active:focus { background-color: #c8ccd1; color: #000; border-color: #72777d; box-shadow: none }