MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Front page fix */ body.page-Armored_Warfare_Wiki h1.firstHeading { display:none; }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Radial Gradient */ .Radial { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNDIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 37%,rgba(0,0,0,0.65) 61%,rgba(0,0,0,0.42) 75%,rgba(0,0,0,0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 37%,rgba(0,0,0,0.65) 61%,rgba(0,0,0,0.42) 75%,rgba(0,0,0,0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 37%,rgba(0,0,0,0.65) 61%,rgba(0,0,0,0.42) 75%,rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 37%,rgba(0,0,0,0.65) 61%,rgba(0,0,0,0.42) 75%,rgba(0,0,0,0) 100%); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 37%, rgba(0,0,0,0.65) 61%, rgba(0,0,0,0.42) 75%, rgba(0,0,0,0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(37%,rgba(0,0,0,0.65)), color-stop(61%,rgba(0,0,0,0.65)), color-stop(75%,rgba(0,0,0,0.42)), color-stop(100%,rgba(0,0,0,0))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ }

/*************************** /* Template example styles * /***************************/ span.templateexmaple { font-family: fixed-width; }

span.templateexample span.templatelink { font-weight: bold; }

span.templateexample span.paramname { }

span.templateexample span.paramvalue { color: #777777; font-style: italic; }

/******************** /* Notice templates * /********************/ .topNotice { border: 2px solid #ff9900; background: #ffffff; color: #333333; margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

.topNotice .heading { color: #222222; font-size: 132%; font-weight: bold; margin: 0 0 8px 0; padding: 0; }

.topNotice.delete { border: 2px solid #ff0000; }

.topNotice.move, .topnotice.merge, .topnotice.split { border: 2px solid #bb8800; }

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough { border: 2px solid #008000; }

/****************** /* Image licenses * /******************/ div.imageLicense { border: 2px solid #ff6600; background: #ffffff; color: #333333; margin: 0 0 10px 0; padding: 3px 6px; }

div.imageLicense.nolicense { border: 2px solid #ff0000; }

/******************** /* Main Page Styles * /********************/

.mp-welcome-heading { font-size: 150%; font-weight: bold; } .mp-left { float: left; width: calc( 70% - 1em ); }

.mp-right { float: right; width: 30%; }

.mp-box { padding: 1em; background: rgba(255,255,255,.07); margin-bottom: 1em; }

.mp-heading { font-size: 150%; text-align: center; font-weight: bold; }

.mp-row { display: flex; margin-bottom: 1em; }

.mp-cell { flex: auto 1 0; margin-right: 1em; }

.mp-cell:last-child { margin-right: 0; }

/****************** /* General styles * /******************/ .contentbox { border: 1px solid #aaaaaa; background: #eeeeee; color: #333333; margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

span.bullet { background: transparent no-repeat center 60%; width: 9px; font-size: 11px; vertical-align: baseline; }

.dablink { padding: 2px 36px 10px 36px; font-style: italic; }

span.ghost { color: #777777; /* For any text that appear fainter for some reason */ }

.columns { padding: 0; margin: 10px 0 0 0; overflow: hidden; }

.columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.columns .centercol { float: left; margin: 0; padding: 0; }

.columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; }