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