MediaWiki:Common.css
From Indian River Lagoon Project
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
* {box-sizing:border-box;}
.mw-body { font-family: "Tahoma" !important; }
.mw-body h1, .mw-body h2 {font-family: "Tahoma" !important;font-size:1.8em;margin-top:20px;line-height:1.5;border-bottom:2px solid #111}
.mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {font-family:"Tahoma" !important;font-size:1.4em;margin-top:20px;line-height:1}
.mw-category-generated {width:100%;float:left}
img {max-width:100%;height:auto;}
.irlbody {width:100%}
.irlimageleft {margin-right:10px}
.irlimageright {margin-left:10px}
.irlheader {width:100%;margin-bottom:30px}
.irlheaderright {float:right;}
.irlheaderformbutton {float:right;font-size:.8em;font-weight:500;padding:2px 3px;border-radius:10px;background:#ddd;border:1px solid #333}
.irlheaderformlink {padding-bottom:4px;text-align:right;text-decoration:underline;font-size:1em}
.irlheaderimageright {width:auto;float:right;padding-left:3px;}
.irlheadertitle {font-size:1.2em}
.irlheadertext {padding-top:3px;font-size:1.2em}
.irlheadersubtitle {padding-top:3px;font-size:1em;}
.irlcontenttop {width:100%;float:left}
.irlcontentmiddle {width:100%;float:left;margin-top:20px}
.irlcontentbottom {width:100%;float:left;margin-top:20px}
.irlspotlight {width:100%;float:left;padding:4px;background:#f7ebcd;border:4px ridge #ddd; border-radius:10px;}
.irlsubtitle {padding-top:5px;font-size:1em;font-style:italic;}
.irlabout {width:100%;float:left}
.irlhistory {font-size:1em}
.irlweblinks {width:100%;float:left}
.irlreference {width:100%;float:left}
.irlbow {font-size:1em;}
.irlgallery {width:100%;float:left}
.irlvideo {width:100%;float:left}
.irlmap {width:auto;float:left;margin:0px 10px 20px 10px;text-align:center;border:1px solid #8a8a8a}
.irllogoright {width:auto;float:right;padding:5px;}
.irltabletitle {text-align:left;font-size:1.4em;font-weight:600}
.irltabletext {text-align:left}
.irlcollapsetitle {font-size:1.2em;font-weight:500}
.irlcollapsetext {font-size:1em;font-weight:400}
.irlnotice {width:100%;float:left;margin-top:20px;}
.irlfooter {width:100%;float:left;margin-top:40px;border-top:2px solid #111}
.irlfootertitle {font-size:1.2em;font-weight:500}
.irlfootertext {font-size:1em;font-weight:400}
.irlformlink {padding-bottom:5px;text-align:right;text-decoration:underline;font-size:1.2em}
.irlformbutton {float:right;margin-right:5px;font-size:.8em;font-weight:500;padding:2px 3px;border-radius:10px;background-color:#ddd;border:1px solid #333}
.irlformpage {width:100%}
.irlformheader {width:100%;box-sizing:border-box;padding:10px 5px;background-color:#bbb;border-top:2px solid #111;border-bottom:2px solid #111}
.irlformheadertitle {width:100%;font-size:1.5em;font-weight:600}
.irlformheadertext {width:100%;font-size:1.2em}
.irlformrow1 {margin-bottom:20px;padding:10px;background-color:#eee}
.irlformrow2 {margin-bottom:20px;padding:10px;background-color:#ddd}
.irlformrowlabel {font-size:1.2em;font-weight:600}
/* W3toc Hover Button */
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:none;color:none;}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:none ;color:none }
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.irl-dropdown-hover:hover .irl-dropdown-content{display:block;}
.irl-dropdown-content{display:none; min-width:60px;}
/*.irlcontentmid1 {width:100%;float:left} */
/*.irlcontentmid2 {width:100%;float:left} */
/* .irlcontentleft {width:64%;float:left} */
/* .irlcontentright {width:34%;float:right} */
/* .irlform {width:100%;text-align:center} */
/* .irlresponsivediv {overflow:hidden;padding-bottom:56.25%;position:relative;height:0} */
/* .irlresponsive {left:0;top:0;height:100%;width:100%;position:absolute;} */