MediaWiki:Chick.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

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

body {
font-size: 90%;
font-family: 'Roboto', sans-serif;
-webkit-text-size-adjust: 100%;
} 

.catlinks {
padding: 0.5em;
margin: 1em 0;
}

/* Ad to bottom */
#p-googleadsense-portletlabel .pBody {
clear:both;
text-align:center;
}

/* CSS for stnv tables */
table.stnv {
	margin: 1.25em 0 1.25em 0;
}

/* CSS for drop-menu */
.drop-menu {
width:95%;
border: 1px solid #999;
background: #fff;
padding: 10 0 0 0;
z-index: 1;
margin-left: 4px; 
margin-bottom: 4px; 
margin-top: 0px;
}

/* CSS for Twitter widgets */
#twitter-widget-0 {
    width: 95% !important; 
    height: 350px !important;
    border: 1px solid #A8A8A8 !important;
    border-radius: 6px;
    box-shadow: 0 2px 2px rgba(120,120,120,0.6);
    background: #F4FBFF;
}

/* Get rid of the stupid edit button in tabs */
.ht-editsection {
display:none;
}

/* Switch position of content in columns */
#mobileblock {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

#mobiletop {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}

#mobilebottom {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
}

/* Bottom Navigation template box */
.bottomnav { 
   border:1px solid #aaa;
   background-color:#f2f2f2;
   margin-top:10px;
   padding:5px;
   font-size: 95%;
   position:fixed;
   position: -webkit-sticky;
   position: sticky;
   bottom:0;
   box-shadow:0px -4px 10px -3px #444;
   line-height:2em;
   z-index: 2;
}

a.external.text {
background:none !important;
}

.listlines.line a {
    display: block;
    min-width: 1.5em;
}

#footer {
    font-size:75%;
}

#footer img {
    display: none;
}

dt { line-height:1.5em; }

h1 { font-size: 140%; font-family: 'Montserrat', sans-serif;}
h2 { font-size: 120%; font-family: 'Montserrat', sans-serif; }
h3 { font-size: 100%; font-family: 'Montserrat', sans-serif; }
h4 { font-size: 90%; font-family: 'Montserrat', sans-serif; }
h5 { font-size: 90%; font-family: 'Montserrat', sans-serif; }
h6 { font-size: 90%; font-family: 'Montserrat', sans-serif; }

.toccolours {
    font-size: 90%;
}

.sidebarlist {
overflow:auto;
}

/**
* tablet.
*/ 
@media screen and (min-width: 420px) {
table#toc {
    display:none;
}

div#content {
    margin: 5em 0 .6em 0;
}

.regmap {
width: 300px;
height:300px;
float: right;
padding: 0 0 10px 10px;
background-color:white;
}

.sidebarmap {
height:73vh;
margin:0 0 0 18.75em;
max-height:34.375em;
}

.sidebarlist {
width: 18.50em;
height:71.5vh;
position:absolute;
overflow:auto;
max-height:34.375em;
border-style:groove;
}
}

@media screen and (min-width: 1000px) and (orientation: landscape) {
body {
font-size: 110%;
padding: 0 10px 0 10px;
} 
}

@media screen and (min-width: 700px) and (orientation: portrait) {
body {
font-size: 110%;
padding: 0 10px 0 10px;
} 
}

/**
* Phone
*/ 
@media screen and (min-width: 0px) and (max-width: 420px) {
.regmap {
width: 90%;
height:250px;
}

.sidebarmap {
width: 95%;
height: 50vh;
}

.sidebarlist {
width: 95%;
height: 30vh;
border-style:groove;
}
}

.bigmap {
width: 95% !important;
height: 90vh !important;
max-height: 500px;
}

.sidebyside {
width: auto !important;
float: none !important;
padding-left: 0 !important;
border-left: 0 !important;
}

.multicolumn {
-moz-column-count: 1 !important; 
-webkit-column-count: 1 !important;
column-count: 1 !important;
}

.oversize {
width: auto !important;
height: auto !important;
overflow:visible !important;
}

.mobile-hidden {
display: none !important;
}

/* Drop down menu */

.drop ul li {
	position:relative;
	padding: 0 5px 0 5px;
	border-right: 1px solid black;
	float:left;
        list-style: none;
	}

.drop ul li a {
	text-decoration:none;
	}

.drop ul li ul {
	display: none;
	position:absolute;
	z-index:500;
	border: 1px solid #ccc;
	margin-top:-2px;
	margin-left:-5px;
	background: #fff;
	}
	
.drop ul li ul li {
	margin-left:0px;
	font-size:11px;
	border: 0px;
	margin:0px;
	padding:4px;
	margin-top:0px;
        width: 150px
	}

.drop ul li ul li a {
	text-decoration:none;
	}

.drop ul li:hover ul {
	display: block;
	font-size:11px;
	padding: 2px;
	}

.drop ul li ul li:hover {
	background:#f9f9f9;
	}

.drop table{
        margin-left:12px;
	padding:0;
	spacing:0;
	margin:0;
	border:0;
	}

.pulldownbox {
position:relative;
border: 1px solid #999;
background: #fff;
min-width:250px;
padding: 10px;
margin-left: 4px; 
margin-bottom: 4px; 
margin-top: 0px;
}

#siteSub {
display: block;
text-align: right;
font-size: x-small;
}

/* Restrict right aligned images to no more than 40% screen size */
.floatright {
max-width: 40%;
}

.floatright .image img {
width:100%;
height: auto !important;
}