MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url('https://fonts.googleapis.com/css?family=Baloo 2:800'); @import url('https://fonts.googleapis.com/css?family=Dancing Script:700'); @import url('https://fonts.googleapis.com/css?family=Montserrat:600'); @import url('https://fonts.googleapis.com/css?family=Press Start 2P:400'); @import url('https://fonts.googleapis.com/css?family=Roboto Slab:400'); @import url('https://fonts.googleapis.com/css?family=Roboto Slab:700');

.headeradv { background-color: #349685; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; color: #ffffff; font-weight: bold; font-size: 18px; }

.thumbborder { border:2px solid #349685; }

.WikiaArticle .thumbborder { border: 2px solid #349685; }

/*Poll bar background color with no border */ .pollAnswerVotes div { background:none repeat scroll 0 0 #349685 !important; } .ajax-poll { border: none !important; } .pollAnswerVotes { border: 1px solid #349685 !important; color:white; width: 248px !important; }

/* INFOBOX DESIGNS */

.portable-infobox { background-color: rgba(52, 150, 133 ,0.1); }

/* title */ .portable-infobox .pi-title { background: rgba(52,150,133,0.7); font-size: 25px; font-family: 'Montserrat', sans-serif; color:white; }

/* header */ .portable-infobox .pi-header { background: rgba(52,150,133,0.7); font-size: 18px; font-family: 'Montserrat', sans-serif; color:white; text-align: center; }

/* data cell */

.pi-data { border: none; }

/* ARTICAL DESIGN */

.toc.toc.show { background: rgb(52,150,133); background: rgba(52,150,133,0.2); border-radius: 15px; border: none; } .toc.toc { background: rgb(52,150,133); background: rgba(52,150,133,0.2); border-radius:15px; border:none; }

/* res-img */ .res-img img { max-width: 100%; height: auto; }

/* TABLE DESIGN */

table.tphDefaultTable { border: 1px solid #349685; border-collapse: collapse; font-family: 'Montserrat', sans-serif; text-align: center; padding: 5px; } table.tphDefaultTable th { border: 1px solid #349685; background-color: rgba(52, 150, 133, 0.7); color: #ffffff; padding: 5px; } table.tphDefaultTable td { border: 1px solid #349685; background-color: rgba(52, 150, 133 ,0.1); font-weight: 600; padding: 5px; }

table.tphDefaultTable td.tphDefaultTableLeft { background-color: rgba(52, 150, 133 ,0.2); text-align: left; font-weight: 600; }

table.tphDefaultTable td.tphDefaultTableHeader { background-color:rgba(52,150,133,0.2); color:#056C58; vertical-align:middle; text-align:center; }

table.tphDefaultTable td.tphDefaultTableAlign { background-color:rgba(52,150,133,0.1); vertical-align:middle; text-align:left; }

table.tphDefaultTable p, table.tphDefaultTableLeft p, table.tphDefaultTableHeader p, table.tphDefaultTableAlign p{	margin-bottom: 0; }

table.tphDefaultTable ul, table.tphDefaultTableLeft ul, table.tphDefaultTableHeader ul, table.tphDefaultTableAlign ul{ margin-bottom: 0; margin-top: 0; }

.tphDefaultTable tr:hover {background-color: rgba(52, 150, 133, 0.2); /* Highlight when hovering over a row */ }

/* TABLE END */


 * -webkit-scrollbar {

width: 10px; }


 * -webkit-scrollbar-track {

background: rgb(52,150,133); background: rgba(52,150,133,0.5); }


 * -webkit-scrollbar-thumb {

background: #349685; }


 * -webkit-scrollbar-thumb:hover {

background: #555555; }

/* --- MAIN PAGE NAVIGATION & DROPDOWN --- */

.mainpagenav { transition: transform .2s; /* Animation */ background: rgba(52,150,133,0.6); }

.mainpagenav a { text-decoration: none !important; display: block; }

.mainpagenav:hover { transform: scale(1.05); /* (Note: if the zoom is too large, it will go outside of the viewport) */ background: rgba(52,150,133,0.9); transition: transform .15s ease-in; transition: transform .15s ease-out; }

.mainpagenav_dropdown { position: relative; display: inline-block; }

.mainpagenav_dropdown-content { margin-top: 5px; display: none; position: absolute; z-index: 51; /* 51 to lay over mainpage slider's z-index 50 */ background: rgba(255, 255, 255, 0.9); border-radius: 3px; box-shadow: 4px 4px 2px rgba(33,117,143,0.2); }

.mainpagenav_dropdown-content a { text-decoration: none; display: block; }

.mainpagenav_dropdown:hover .mainpagenav_dropdown-content { display: block; }

/* Hover effects in Special:Images and article galleries */ div.wikia-gallery-item .thumb:hover { transform: scale(1.05,1.05); transition: ease-in-out 0.15s; } div.wikia-gallery-item .thumb { transition: ease-in-out 0.15s; }

/* Text Box for Hospital Pages etc. */ .tphBoxTop { background-color: rgba(52, 150, 133, 0.7); -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; font-family: 'Baloo 2', sans-serif; font-size: 18px; color: #ffffff; text-align: center; }

.tphBox { border-radius: 30px; background-color: rgba(52, 150, 133, 0.1); padding: 0px; font-family: 'Baloo 2'; }

.tphBoxText { padding: 10px 20px 15px 20px; }

.tphHighlight { background-color: rgba(52, 150, 133 ,0.1); border-radius: 30px; padding: 10px 20px 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 14px; }

.tphBox p, .tphHighlight p{	margin-bottom: 0; }

/* VIP Letters */ .StarLetterOuter { padding:0 210px 0 0; font-family: 'Roboto Slab'; }

.StarLetterInner { background-color:#eeebd1; padding:10px; }

.VIPletter { padding:15px; font-family: 'Roboto Slab'; }

.VIPsignature { font-family: 'Dancing Script'; font-size:22px; padding-left:15px; }