MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

blockquote { font-family: Garrick, Garrick; position: relative; margin: 0.5em; opacity: 0.9; padding: 0.5em 2em 0.5em 3em; } /* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */ blockquote:before { font-family: 'Garrick Bold', Garrick; position: absolute; font-size: 4em; line-height: 1; top: 0; left: 0; content: "\201C"; } /* blockquote:after { font-family: 'Garrick Bold', Garrick; position: absolute; float:right; font-size:4em; line-height: 1; right:0; bottom:-0.5em; content: "\201D"; } */ blockquote footer { padding: 0 2em 0 0; text-align:right; } blockquote cite:before { font-family: 'Garrick Bold', 'Garrick Bold'; opacity: 1; content: "\2014"; }

.externalimage-holder { position: relative; } .externalimage-holder img { width: 100%; height: auto; }

.roundy { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; } .roundytl { border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -icab-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; } .roundytr { border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; } .roundybl { border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; } .roundybr { border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; } .roundybottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-left-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-left-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-left-radius: 20px; -o-border-bottom-right-radius: 20px; } .roundytop { border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-left-radius: 20px; -o-border-top-right-radius: 20px; } .roundyleft { border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-top-left-radius: 20px; -o-border-bottom-left-radius: 20px; } .roundyright { border-bottom-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-bottom-right-radius: 20px; -o-border-top-right-radius: 20px; }

.roundedimage { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; }

table.roundlast tr:last-child td:last-child { border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; -webkit-border-bottom-right-radius: 16px; -khtml-border-bottom-right-radius: 16px; -icab-border-bottom-right-radius: 16px; -o-border-bottom-right-radius: 16px; }

table.roundCorners tr:first-child td:first-child { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; } table.roundCorners tr:first-child td:last-child { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; } table.roundCorners tr:last-child td:first-child { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; } table.roundCorners tr:last-child td:last-child { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

/* Clickable Table Cell Class */ td.clickablecell a { display:block; width:100%; }

/* DQX Timer */ font-size:14px; margin-top:-20px; padding-left:5px; } font-size:14px; margin:0px; margin-bottom:5px; padding-left:5px; }
 * 1) dq_time_str{
 * 1) round_status{

/* Custom Slider */ background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {

.Sld { height: auto; list-style: none; display: inline; float: left; }

.SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; }

position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: transparent; }
 * 1) NavBtns {

.nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmRight li { list-style: none; padding: 10px 10px 10px 100px; } .nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nbActiveLeft { background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }

/* Infobox image area themes */ .dqi { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/AVDhLQe.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqii { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/HaKEd7P.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqiii { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/lAxJOPV.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqiv { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/w9jn9ys.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqv { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/TpNtORS.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqvi { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/rhvdpfk.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqvii { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/VFEQNbI.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqviii { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/gi3EOGL.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqix { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/1ZqKDjn.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqx { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/58BNpwJ.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }

.dqxi { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; background-image: url("https://i.imgur.com/fuuxUuT.png"); background-color: #fff; background-repeat:no-repeat; background-position: center center; background-size: cover; }