User:Clay/timeless.css

/* CSS placed here will affect users of the Timeless skin */

/* News Stuff */

.card { margin: 0.5em; padding: 1em; font-family:arial; width:29%; float:left; text-align:left; }

.card-imgholder { position: relative; z-index: 1; width:100%; }

.card-news { position: relative; z-index: 1; width: 100%; display: inline-block; transition: 0.5s ease; }

.card-news:hover { outline: 100px solid rgba(19, 187, 232, 0.95) !important; outline-offset: -100px; overflow: hidden; position: relative; height: 100%; width: 100%; z-index:4; }

.card-header { font-size: 80%; font-weight: bold; padding: 0.25em .5em; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); color:white; font-family:arial; width:30%; height:30%; z-index: 3; bottom:25px; position:relative; }

.sidem { color:#5db45e; }

.sidem-bg { background-color:#5db45e; }

.los { color:#e90542; }

.los-bg { background-color:#e90542; }

.media { color:#f4921a; }

.media-bg { background-color:#f4921a; }

.subtext { color:#8f9393; font-size:80%; }

/* Background picture */

background-image: url(https://static.miraheze.org/sidemwiki/2/26/Background.png) !important; background-position: center center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; border-bottom: solid 4px #0088d4 !important; }
 * 1) mw-content-container {

/* General */ body { background: #fff; }	font-family: 'Arial', sans-serif; font-weight: bold; text-transform: uppercase; color:white; display:none; }
 * 1) p-logo-text a {

/* Username text */ font-family: 'Arial'; font-weight: bold; text-transform: uppercase; color: white; }
 * 1) personal > h2 > span {

/* Navigation */ font-family: 'Arial', sans-serif; font-weight: bold; padding: 8px; background-color:#00aedb; color: white; text-transform:uppercase; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); }
 * 1) mw-site-navigation .mw-portlet h3 {

content: '🟄 '; color: #00aedb; }
 * 1) mw-site-navigation .mw-portlet li::before {

/* Heading Fonts */

font-family: 'Arial', sans-serif; font-weight: bold; }
 * 1) mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {

/* Sidebar Logo Spacing Fix */

margin: 1em auto; }
 * 1) p-logo {

border-bottom: solid 4px #00aedb; }
 * 1) mw-content h1.firstHeading {

/*    border-bottom: dotted 2px #00aedb; }
 * 1) mw-content h2 {

font-size:1.4em; }
 * 1) mw-content h3 {

font-size:1.2em; }
 * 1) mw-content h4 {



/* Changing color of table */

background:#00aedb; color:white; }
 * 1) mw-content th {

.clicktoview th { background:white; color:black; }

/* Fixed positioned top bar */ background: #434545; }
 * 1) mw-header-container {

/* Navbar Colours */

.color-left { background: #00aedb } .color-middle { background: #00aedb } .color-right { background: #00aedb }

.mw-collapsed{ width:85%; }

/* tabber stuff */

.tabbertab { border: none !important; padding: 0 !important; } .tabbernav { background: #f8f8f8; border: 1px solid #eee !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #999 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: black !important; background: #eee !important; }