OneBot Banner (Collegiate).png

Difference between revisions of "MediaWiki:Common.css"

From Collegiate Wiki
Jump to: navigation, search
 
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
 +
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
  
 
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit { display: none; }
 
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit { display: none; }

Latest revision as of 04:56, August 13, 2019

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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit { display: none; }

/* Front Page Navigation */
#mainpagenavigation {
border-collapse:collapse;
text-align:left
}

#mainpagenavigation th {
color:#fff!important;
font-family: 'Roboto Condensed', serif;
background-color: #891536;
font-weight:400;
height: 33px;
text-align:center;
font-size: 20px;
padding: 0;
}

#mainpagenavigation th a, #mainpagenavigation th strong  {
color:#fff!important;
font-family: 'Roboto Condensed', serif;
font-weight:400;
background-color: #891536;
height: 33px;
text-align:center;
font-size: 20px;
padding: 0;
}

#mainpagenavigation td {
font-family: 'Roboto Condensed', sans-serif;
background-color:#FFFFFF;
}

#mainpagenavigation td.banner {
background-image:none;
filter:none;
background-color:#FFFFFF;
}
#mainpagenavigation td.content {vertical-align:top;padding:.5em .5%;background-color: #EBEBEB;}
#mainpagenavigation td.content2 {vertical-align:top;padding:0;background-color: #EBEBEB;}
#mainpagenavigation td.content3 {vertical-align:top;padding:.5em 2%;background-color: #EBEBEB;}
#mainpagenavigation td.separator {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px}
#mainpagenavigation td.separator2 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-bottom:#C6C6C6 solid 1px}
#mainpagenavigation td.separator3 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-top:#C6C6C6 solid 1px}
#mainpagenavigation th.separator {border-right:#891536 solid 1px;border-bottom: #b71745 solid 5px;}
#mainpagenavigation th.separator2 {border-left:#891536 solid 1px;border-bottom: #b71745 solid 5px;}

body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}
/* END Front Page Navigation */


/*FIXING FRONTPAGE TABLES*/
#mainpagecontent th {
color:#000!important;
background-color:transparent;
background-image: url('');
background-size: 0px 0px;
background-repeat:no-repeat;
font-weight:700;
height:auto;
text-align:center;
font-size:13px;
padding:0.2em;
}

#mainpagecontent table.jquery-tablesorter th.headerSort {
padding-right: 21px;
}

#mainpagecontent th a, #mainpagecontent th strong{
color:#000!important;
background-color:transparent;
background-image: url('');
background-size: 0px 0px;
background-repeat:no-repeat;
font-weight:400;
height:auto;
text-align:center;
font-size:16px;
}

#mainpagecontent td {
background-color:transparent;
background-image: none;
font-size:13px;
}
/*END FIXING FRONTPAGE TABLES*/


/*FIXING FRONTPAGE TABLES*/
#newscontent th {
color:#000!important;
background-color:transparent;
background-image: url('');
background-size: 0px 0px;
background-repeat:no-repeat;
font-weight:700;
height:auto;
font-size:15px;
}

#newscontent td {
background-color:transparent;
background-image: none;
font-size:12px;
text-align:left;
}
/*END FIXING FRONTPAGE TABLES*/


/* Front Page Tabs*/
.tabs-FrontPage {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  padding: 0px 0px 4px 0px;
  background-color: #C6C6C6;
}

 .tabs-FrontPage ul {
  list-style:none;
  text-align: center;
  padding:0;
  background-color:transparent;
  margin-left:0;
}

 .tabs-FrontPage ul #current {
  list-style:none;
  text-align: center;
  padding:0px;
  margin:-10px 0px;
  background-color: #891536;
}

 .tabs-FrontPage li {
  display: inline;
  text-align:center;
  padding:0;
  background-color:transparent;
}

.tabs-FrontPage li #current {
  display: inline;
  text-align:center;
  padding:0px;
  background-color: #891536;
}

.tabs-FrontPage a,.tabs-FrontPage strong {
  float:none;
  text-decoration:none;
  font-weight:500;
  color:#000000;
  text-align:center;
  padding:5px 7px 5px 7px;
  background-color:transparent;
  font-size: 110%; 
}

.tabs-FrontPage a:hover {
  color:#555;
}

.tabs-FrontPage a {float:none;}

.tabs-FrontPage #current {
  background-color:transparent;
}
 
.tabs-FrontPage #current a, .tabs-FrontPage #current strong {
  color:#FFFFFF;
  padding-bottom:5px;
  padding-top:5px;
  font-weight:500;
  background-color:transparent;
  background-color: #b71745;
  font-size: 110%; 
}

.tabs2ndRow {
background-color: transparent;
}

body.page-Main_Page #firstHeading {display:none;}
/* END Front Page Tabs */


/* wikitable/prettytable */
table.wikitable,
table.prettytable {
    margin: 13px 13px 13px 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 3px;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}
/* END wikitable/prettytable */


/* INFOBOXES: game or book depended color style */
.infoboxtable {
    border:1px solid #000000;
    float:right; 
    font-size:89%; 
    margin-bottom:0.5em; 
    margin-left:1em;
    padding:0px;
    border-spacing:0px; 
    width:300px;
}

.infoboxtable td {
    vertical-align:top;
    padding-left:4px;
}

.infoboxname {
    border:1px solid #000000;
    font-size:16px; 
    font-weight:bold;
    padding:0.5em; 
    font-family: 'Oxygen',serif;
}

.infoboxdetails, .infoboxdescription {
    border:1px solid #000000;
    padding:0em;
}

.infoboxname, .infoboxdetails, .infoboxdescription {
    border:1px solid #000000;
    background: #891536; /* Old browsers */
    color:#FFFFFF;
}
/* INFOBOXES: game or book depended color style - END */


/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}

.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}
/* END Infobox template style */


/* Ambox styling */
.ambox {
  font-size: 95%;
  width: 80%; 
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #bba;
  border-collapse: collapse;
  background-color: transparent;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox-blue {
  border-left: 10px solid #0000FF;       /* Blue (notice) */
}
.ambox-red {
  border-left: 10px solid #b22222;       /* Red (delete/serious) */
}
.ambox-orange {
  border-left: 10px solid #f28500;       /* Orange (content) */
}
.ambox-yellow {
  border-left: 10px solid #f4c430;       /* Yellow (style) */
}
.ambox-purple {
  border-left: 10px solid #9932cc;       /* Purple (merge) */
}
.ambox-gray {
  border-left: 10px solid #cccccc;          /* Gray (protection) */
}
.ambox-green {
  border-left: 10px solid #228b22;       /* Green */
}
 
.ambox-image {                           /* The left image cell */
  width: 60px; 
  padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
  text-align: center; 
}
.ambox-info {
  padding: 0.25em 0.5em; 
}
/* END Ambox styling */


/* Mbox styling */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #cccccc;       /* Default "notice" gray */
    background: transparent;
}
 
table.ombox-notice {
    border: 1px solid #cccccc;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-style {
    border: 1px solid #4aa02c;    /* Green */
}
table.ombox-style {
    border: 1px solid #0000FF;    /* Blue */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
/* END Mbox styling */


/* Userboxes */
table.userbox { float:left; margin:0.2em; padding:0; border-width:1px; border-style:solid; }
table.userbox td.left, table.userbox td.right { text-align:center; vertical-align:middle; font-size:1.6em; padding:0; }
table.userbox td.main { padding:0 4px; vertical-align:middle; line-height:125%; font-size:0.9em; }

table.userbox { border-color:#aaa; background:#f8f8f8; }
table.userbox td.left, table.userbox td.right { background:#d8d8d8; }

/* modified so that it won't be covered by Absolute Legend's logo */
#f-copyrightico { margin-left: 150px; }

.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}
/* END Userboxes */


/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #b6cfe5;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
/* END Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */


/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #b6cfe5;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #bed8ee;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #c4dff7;     /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.         */

.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}
/* END Default skin for navigation boxes */


/* Site Design */
body {
    background: url() no-repeat 0px -70px #D2D2D2;
}

div.vectorMenu ul {
    border-top-width: 1px;
}

#ca-unwatch.icon a, 
#ca-watch.icon a {
    padding-top:2em;
}

div#mw-head-base {
    height: 7em;
}

div#mw-panel {
    margin-top:0px;
    font-family: 'Oxygen',serif;
}

div#preferences {
    background: transparent;
}

div#content {
    padding-top:3.5em;
    border-top: 5px solid #891536;
    border-left: none;
    border-bottom: none;
}


#left-navigation {
    top: 82px;
    left: -44px;
    background-color: #231F20;
    border-top: 4px solid #891536;
    font-size: 20px;
    font-family: 'Oxygen',serif;
    position: relative;
}

#right-navigation{
    background-color: #231F20;
    border-top: 4px solid #891536;
    font-size: 20px;
    font-family: 'Oxygen',serif;
    position: relative;
    top: 82px;
}

div.vectorTabs li a{
    height:inherit;
}

div#mw-page-base{
    background: transparent;
    height:100px;
}

div.vectorTabs span,
div.vectorTabs,
div.vectorTabs ul li,
div.vectorTabs ul,
div.vectorTabs li.selected,
div.vectorMenu h5 a {
    background:none;
    height:inherit;
}


div.vectorMenu h3 a{
    background:none;
    height:1em;
}

div.vectorTabs li.selected{
    background-color: #891536!important;
    border: 1px solid #891536;
    margin-left: -1px;
}

div.vectorTabs li a{
    color: #A7A8A8;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited{
    color: #ffffff;
}

div.vectorTabs span a{
    margin-top: 0;
    padding-top: 0.5em;
}

div.vectorMenu {
    background-image:url(/w/img_auth.php/7/7b/NavDropdownArrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}

div#mw-head div.vectorMenu h3 {
    background-image: none;
    height: 1.58em;
    width: 25px;
}

div.vectorMenu h3 span {
    display: none;
}

div.vectorMenu div.menu {
    top: 1.58em;
}

div.vectorMenu h4{
    color: #A7A8A8;
    padding-left: 0.5em;
    padding-top: 0.55em!important;
}

div.vectorMenu#p-variants{
    padding-top:0;
}

div.vectorMenu h5{
    height: 1em;
    padding-right: 5px;
}
div#mw-head h5 {
    margin-bottom: .3em;
}

#p-search {
    padding-bottom: 5px;
}

#p-cactions {
    padding-top: 5px;
}

div#simpleSearch{
    font-size: 16px;
    margin-top: -0.1em;
}
/* END Site Design */


/* Poll Front Page */
#mainpagecontent .ajaxpoll {
   width:auto;
   max-width:420px;
   border:none;
   background:none;
}

.ajaxpoll-misc, .ajaxpoll-id-info, .ajaxpoll-info {
   display:none;
}
/* END Poll Front Page */


/* Twitter Widget */
#twitter-widget-0, #twitter-widget-1, #twitter-widget-2 {
   width:400px;
}
/* END Twitter Widget */


/* CSS for Dynamic Tabs */
div.tabs-static, div.tabs-dynamic {
	overflow: hidden;
}
ul.tabs {
	border-bottom: 2px solid #891536;
	display: block;
	margin: 0px;
	padding: 0px;
	z-index: 333;
}
ul.tabs li {
	background-color: #EFF6FF;
	border: 1px solid #a3b1bf;
        border-bottom-color: #891536;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	cursor: pointer;
	display: inline-block;
	font-size: 90%;
	margin: 0px;
	margin-bottom: -2px;
	margin-top: 3px;
	padding: 2px 5px 2px 5px;
}
ul.tabs li.active {
	background-color: #ffffff;
	border: 2px solid #891536;
	border-bottom: 2px solid #ffffff;
	padding-top: 1px;
}
/* 170 + 75 * (number of tabs) */
@media (max-width: 320px) {
	ul.tabs2 {
		border-bottom: 0;
	}
	ul.tabs2 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs2 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs2 li a, ul.tabs2 li strong {
		display: block;
	}
}
@media (max-width: 395px) {
	ul.tabs3 {
		border-bottom: 0;
	}
	ul.tabs3 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs3 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs3 li a, ul.tabs3 li strong {
		display: block;
	}
}
@media (max-width: 470px) {
	ul.tabs4 {
		border-bottom: 0;
	}
	ul.tabs4 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs4 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs4 li a, ul.tabs4 li strong {
		display: block;
	}
}
@media (max-width: 545px) {
	ul.tabs5 {
		border-bottom: 0;
	}
	ul.tabs5 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs5 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs5 li a, ul.tabs5 li strong {
		display: block;
	}
}
@media (max-width: 620px) {
	ul.tabs6 {
		border-bottom: 0;
	}
	ul.tabs6 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs6 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs6 li a, ul.tabs6 li strong {
		display: block;
	}
}
@media (max-width: 695px) {
	ul.tabs7 {
		border-bottom: 0;
	}
	ul.tabs7 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs7 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs7 li a, ul.tabs7 li strong {
		display: block;
	}
}
@media (max-width: 770px) {
	ul.tabs8 {
		border-bottom: 0;
	}
	ul.tabs8 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs8 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs8 li a, ul.tabs8 li strong {
		display: block;
	}
}
@media (max-width: 845px) {
	ul.tabs9 {
		border-bottom: 0;
	}
	ul.tabs9 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs9 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs9 li a, ul.tabs9 li strong {
		display: block;
	}
}
@media (max-width: 920px) {
	ul.tabs10 {
		border-bottom: 0;
	}
	ul.tabs10 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs10 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs10 li a, ul.tabs10 li strong {
		display: block;
	}
}
@media (max-width: 995px) {
	ul.tabs11 {
		border-bottom: 0;
	}
	ul.tabs11 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs11 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs11 li a, ul.tabs11 li strong {
		display: block;
	}
}
@media (max-width: 1070px) {
	ul.tabs12 {
		border-bottom: 0;
	}
	ul.tabs12 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs12 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs12 li a, ul.tabs12 li strong {
		display: block;
	}
}
@media (max-width: 1145px) {
	ul.tabs13 {
		border-bottom: 0;
	}
	ul.tabs13 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs13 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs13 li a, ul.tabs13 li strong {
		display: block;
	}
}
@media (max-width: 1220px) {
	ul.tabs14 {
		border-bottom: 0;
	}
	ul.tabs14 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs14 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs14 li a, ul.tabs14 li strong {
		display: block;
	}
}
@media (max-width: 1295px) {
	ul.tabs15 {
		border-bottom: 0;
	}
	ul.tabs15 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs15 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs15 li a, ul.tabs15 li strong {
		display: block;
	}
}
@media (max-width: 1370px) {
	ul.tabs16 {
		border-bottom: 0;
	}
	ul.tabs16 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs16 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs16 li a, ul.tabs16 li strong {
		display: block;
	}
}
@media (max-width: 1445px) {
	ul.tabs17 {
		border-bottom: 0;
	}
	ul.tabs17 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs17 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs17 li a, ul.tabs17 li strong {
		display: block;
	}
}
@media (max-width: 1520px) {
	ul.tabs18 {
		border-bottom: 0;
	}
	ul.tabs18 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs18 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs18 li a, ul.tabs18 li strong {
		display: block;
	}
}
@media (max-width: 1595px) {
	ul.tabs19 {
		border-bottom: 0;
	}
	ul.tabs19 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs19 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs19 li a, ul.tabs19 li strong {
		display: block;
	}
}
@media (max-width: 1670px) {
	ul.tabs20 {
		border-bottom: 0;
	}
	ul.tabs20 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}
	ul.tabs20 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}
	ul.tabs20 li a, ul.tabs20 li strong {
		display: block;
	}
}
div.tabs-content {
	background-color: #ffffff;
	border-left: 2px solid #891536;
	padding: 5px;
}
div.tabs-content > div:not(.active) {
	display: none;
}
div.tabs-content > div {
	overflow-x: auto;
	overflow-y: hidden;
}
/* END CSS for Dynamic Tabs */


/* Front Page Dropdown */
.dropdown-toggle {
height: 30px;
padding: 5px 30px;
background-color: #b71745;
color: #fff;
font-size: 16px;
font-family: 'Roboto Condensed',serif;
}


.dropdown-right::after {
  content: "▶";
  text-align: right;
  color: rgb(105, 112, 96);
}

.dropdown-toggle-right:hover,
.dropdown-toggle-right:focus {
  text-decoration: none;
  color: #103248;
  background-color: transparent;
}

.dropdown-toggle-right {
  display: inline-block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.25;
  color: rgb(105, 112, 96);
  width: calc(100% - 60px);
  white-space: nowrap;
}


.dropdown-menu-right {
  left: calc(100% + 5px)!important;
  top: -5px!important;
}

.dropdown {
  position: relative;
  list-style: none;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px!important;
  margin: 0 0.2em 0 0!important;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #838b78;
  border-radius: 0;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #ced2ca;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.25;
  color: #697060;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #103248;
  background-color: transparent;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #b71745;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.25;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
/* END Front Page Dropdown */


/* Brackets */
.bracket {
 font-size: 11px;
 background: transparent;
 display: table;
}

.bracket-column {
 float: left;
 position: relative;
}

.bracket-header {
 border-radius: 2px;
 border: 1px solid #aaa;
 padding: 2px 0 2px 0;
 position: relative;
 left: 0;
 right: 0;
 line-height:18px;
 margin-bottom: 20px;
 text-align: center;
 background: #ebebeb;
}


.bracket-header-oldschool {
 border: 1px solid #aaa;
 padding: 2px 0 2px 0;
 position: relative;
 left: 0;
 right: 0;
 line-height:18px;
 margin-bottom: 20px;
 text-align: center;
 background: #f2f2f2;
}

.bracket-cell-r1 {
 height: 36px;
}
.bracket-cell-r2 {
 height: 72px;
}
.bracket-cell-r3 {
 height: 144px;
}
.bracket-cell-r4 {
 height: 288px;
}
.bracket-cell-r5 {
 height: 576px;
}
.bracket-cell-r6 {
 height: 1152px;
}
.bracket-cell-r7 {
 height: 2304px;
}
.bracket-cell-r1, .bracket-cell-r2, .bracket-cell-r3, .bracket-cell-r4, .bracket-cell-r5, .bracket-cell-r6, .bracket-cell-r7 {
 position: relative;
}

.bracket-team-top, .bracket-team-bottom {
border-radius:0 0 2px 2px;
border:solid #aaa 1px;
position:absolute;
padding: 1px;
min-height:20px;
line-height:18px;
background: white;
left:0;
right:0;
}

.bracket-team-top-oldschool, .bracket-team-bottom-oldschool {
border:solid #aaa 1px;
position:absolute;
padding: 1px;
min-height:20px;
line-height:18px;
background: white;
left:0;
right:0;
}

.bracket-team-top {
 bottom:0;
 border-radius:2px 2px 0 0;
}

.bracket-team-top-oldschool {
 bottom:0;
}

.bracket-score {
 text-align:center;
 background:#ebebeb;
 border-left:1px solid #aaa;
 position:absolute;
 line-height:22px;
 right:0;
 top:0;
 bottom:0;
}

.bracket-score-oldschool {
 text-align:center;
 background:#f2f2f2;
 border-left:2px solid #aaa;
 position:absolute;
 line-height:22px;
 right:0;
 top:0;
 bottom:0;
}

.bracket-team-bottom .bracket-score {
 border-bottom-right-radius: 2px;
}

.bracket-team-top .bracket-score {
 border-top-right-radius: 2px;
}

div.ib-sr { border-bottom:1px solid #aaa; }
div.ib-sr:last-child { border-bottom:0px hidden; }


div.ib-sr div { 
    display:inline-block;
    padding:1px 0px;
    border-left:1px solid #aaa;
    text-align:center;
}

div.ib-sr div#title{
    display:inline-block;
    padding:1px 0px 1px 1px;
    border:none;
    width:83px;
    text-align:left;
}

div.ib-sr div#lvl1 { width:66%; }
div.ib-sr div#lvl2 { width:33%; }
div.ib-sr div#lvl3 { width:22%; }
div.ib-sr div#lvl4 { width:16.3%; }
/* END Brackets*/


/* Bracket Match Summary */
.bracket-game-details div.match-row {
    letter-spacing: -3px;
    min-height: 21px;
    padding-top:1px;
    position: relative;
}

.bracket-game-details .left div.draft {
    left: 2px;
}

.bracket-game-details .right div.draft {
    right: 2px;
}

.bracket-game-details div.draft {
    position: absolute;
    width: 90px;
}

.bracket-game-details .left .check {
    left: 157px;
    position: absolute;
}

.bracket-game-details .right .check {
    right: 158px;
    position: absolute;
}

.bracket-game-details .left .gold {
    left: 120px;
    width: 35px;
    position: absolute;
    letter-spacing: normal;
    text-align:center;
}

.bracket-game-details .right .gold {
    right: 120px;
    position: absolute;
    width: 35px;
    letter-spacing: normal;
    text-align:center;
}

.bracket-game-details .left .kills {
    left: 90px;
    width: 30px;
    position: absolute;
    letter-spacing: normal;
    text-align:center;
}

.bracket-game-details .right .kills {
    right: 90px;
    width: 30px;
    position: absolute;
    letter-spacing: normal;
    text-align:center;
}

.bracket-game-details div.game-length {
    font-size: 10px;
    letter-spacing: 0;
    text-align: center;
    top: 3px;
}

.bracket-game-details div.draft a img {
    border:2px solid;
    margin:-2px;
    display:inline block;
}

.bracket-game-details div.draft.red a img {
    border-color:#FE2E2E; 
}

.bracket-game-details div.draft.blue a img {
    border-color:#5882FA; 
}
.bracket-game-details div.date {
    border-bottom: 1px dotted #aaa; 
    line-height:1.8em; 
    font-size:85%; 
    text-align:center;
}

div.bracket-game-details {
    width:390px;
    text-align:center;
    border:1px solid #aaa;
    display: none;
    background: rgba(242, 242, 242, 0.9);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 4px 6px #BBBBBB;
    z-index: 100;
    position:absolute;
}

div.header {
    display:table-row;
    font-weight:bold;
    padding: 2px 5px;
}

.bracket-game-details .header div {
    display:table-cell;
    line-height:26px; 
    width:195px; 
    padding-bottom:0px; 
    border-bottom: 1px solid #aaa;
}

.bracket-game-details .header div.left {
    text-align:right;
    padding-right:2px; 
}

.bracket-game-details .header div.right {
    text-align:left; 
    padding-left:2px; 
}

.bracket-game-details div.icons {
    margin-top:2px; 
    border-top: 1px solid #aaa; 
    padding:2px;
}

.bracket-game .icon,
.match-row-icon {
    height: 12px;
    width: 12px;
    background: url(https://collegiate.esportspedia.com/w/img_auth.php/c/c5/Bracketinfoicon.png) no-repeat transparent; 
    z-index: 50;
    position: absolute;
}
.bracket-game .icon {
    right: 16px;
}
.match-row-icon {
    left: -8.5px;
    top: 4px;
}
.match-row div.bracket-game-details {
	font-size: 85%;
	font-weight: normal;
}

.bracket-line-left-top-r1{height:37px;}
.bracket-line-left-top-r2{height:73px;}
.bracket-line-left-top-r3{height:145px;}
.bracket-line-left-top-r4{height:289px;}
.bracket-line-left-top-r5{height:577px;}

.bracket-line-left-mid-r1{height:16px;}
.bracket-line-left-mid-r2{height:52px;}
.bracket-line-left-mid-r3{height:124px;}
.bracket-line-left-mid-r4{height:268px;}
.bracket-line-left-mid-r5{height:556px;}

.bracket-line-left-bot-r1{height:33px;}
.bracket-line-left-bot-r2{height:69px;}
.bracket-line-left-bot-r3{height:141px;}
.bracket-line-left-bot-r4{height:285px;}
.bracket-line-left-bot-r5{height:573px;}

.bracket-line-right-top-r1{height:55px;}
.bracket-line-right-top-r2{height:127px;}
.bracket-line-right-top-r3{height:271px;}
.bracket-line-right-top-r4{height:559px;}
.bracket-line-right-top-r5{height:1135px;}

.bracket-line-right-bot-r1{height:51px;}
.bracket-line-right-bot-r2{height:123px;}
.bracket-line-right-bot-r3{height:267px;}
.bracket-line-right-bot-r4{height:555px;}
.bracket-line-right-bot-r5{height:1131px;}


.bracket-line-left-top-r1,.bracket-line-left-top-r2,.bracket-line-left-top-r3,.bracket-line-left-top-r4,.bracket-line-left-top-r5,
.bracket-line-left-mid-r1,.bracket-line-left-mid-r2,.bracket-line-left-mid-r3,.bracket-line-left-mid-r4,.bracket-line-left-mid-r5,
.bracket-line-left-bot-r1,.bracket-line-left-bot-r2,.bracket-line-left-bot-r3,.bracket-line-left-bot-r4,.bracket-line-left-bot-r5,
.bracket-line-right-top-r1,.bracket-line-right-top-r2,.bracket-line-right-top-r3,.bracket-line-right-top-r4,.bracket-line-right-top-r5,
.bracket-line-right-bot-r1,.bracket-line-right-bot-r2,.bracket-line-right-bot-r3,.bracket-line-right-bot-r4,.bracket-line-right-bot-r5{width:9px;}
/* END Bracket Match Summary */


/* Flatlist TOC */
.flatlistTOC .toc{
    float: none;
    margin:0 auto;
}

.flatlistTOC .toc #toctitle {
    display: none;
}

.flatlistTOC .tocnumber {
    display: none;
}


.flatlistTOC li {
    display: inline;
    font-weight:bold;
}

.flatlistTOC li:before {content: " • ";}

.flatlistTOC li.toclevel-1.tocsection-1:before {content: none;}
/* END Flatlist TOC */


/* Style for horizontal lists (separator following item) */
ol.hlist, ul.hlist,
.hlist ol, .hlist ul {
    margin: 0 !important;
}
.hlist li {
    padding: 0em 0.6em 0em 0.6em;
    display: inline;
    background: url("http://upload.wikimedia.org/wikipedia/commons/d/da/Middot.png") no-repeat right;
}
.hlist li:first-child {
    padding-left: 0em;
}
.hlist li:last-child {
    padding-right: 0em;
    background: none;
}
/* END Style for horizontal lists (separator following item) */