Difference between revisions of "MediaWiki:Metrolook.css"
m |
|||
Line 340: | Line 340: | ||
margin-bottom: 4px; | margin-bottom: 4px; | ||
margin-top: 0px; | margin-top: 0px; | ||
+ | z-index: 200; | ||
} | } | ||
Revision as of 21:23, 29 July 2021
/* CSS placed here will affect users of the Metrolook skin */ body { font-family: 'Roboto',sans-serif; font-size: 1.10em; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat',sans-serif !important; } h1 { font-size: 1.5em !important; } .mw-body p { max-width:40em !important; } .mw-body { overflow: visible; } div #mw-panel { background: #f9f9f9 url("images/4/49/Background3.jpg") 0px 0px no-repeat; } div.portal { background-color: rgba(255, 255, 255, 0.75); } /* Bottom Navigation template box */ .bottomnav { position: static; position: -webkit-sticky; position: sticky; bottom: 0; border:1px solid #aaa; background-color:#f9f9f9; margin-top:10px; padding:5px; font-size: 95%; box-shadow:0px -4px 10px -3px #444; z-index: 300; } /* TOC menu */ #toc ul li, .toc ul li { position:relative; padding-right:8px; padding-left:8px; float:left; } #toc ul li a, .toc ul li a { text-decoration:none; } #toc ul li ul, .toc ul li ul { display: none; position:absolute; left:-10px; z-index:500; background: #fff; } #toc ul li ul li, .toc ul li ul li { margin-left:0px; font-size:11px; width:200px;: margin: 0; padding: 6px 5px 6px 5px; margin-top: -1px; } #toc ul li ul li a, .toc ul li ul li a { text-decoration:none; } .tocnumber { display:none; } #toc ul li:hover ul, .toc ul li:hover ul { display: block; font-size:11px; padding: 0px; box-shadow: 1px 1px 4px #444; -moz-box-shadow: 1px 1px 4px #444; -webkit-box-shadow: 1px 1px 4px #444; } #toc ul li ul li:hover, .toc ul li ul li:hover { background-color: #c0edc3; } #toc, .toc { background:#f2f2f2; border:1px #ccc solid; padding:5px; margin-bottom:4px; box-shadow: 1px 1px 2px #444; -moz-box-shadow: 1px 1px 2px #444; -webkit-box-shadow: 1px 1px 2px #444; } /* 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; max-height:200px; overflow-y: scroll; } .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; } /* CSS for Twitter widgets */ #twitter-widget-0 { max-width: 400px !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; } @media screen and (min-width: 420px) { table#toc { display:none; } .regmap { width:400px; width:45vw; max-width:400px; height:400px; height:75vh; max-height:400px; float: right; padding: 0 0 10px 10px; background-color:white; } .regmap>.maps-map { height:400px !important; height:75vh !important; max-height:400px; } .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; } } /** * Phone */ @media screen and (min-width: 0px) and (max-width: 420px) { .regmap { width: 90%; height:250px; } .regmap>.maps-map { height:250px !important; } .maps-map { margin-right: 1.5em; } .sidebarmap { width: 95%; height: 50vh; } .sidebarlist { width: 95%; overflow:auto; height: 30vh; border-style:groove; } li { margin: 1em 0 1em 0; } } @media (max-width: 950px) { body { font-size: 1.05em; } .mw-body { padding: 0.5em 0.5em 0.5em 0.5em; } div#footer { display:none; } div#mw-data-after-content { padding-top: 1.5em; } .schedulelink { zoom: 120%; line-height: 2em; } table.rmtable { zoom: 120%; } } .bigmap { width: 95% !important; height: 90vh !important; max-height: 450px; } .bigmap>.maps-map { height:90vh !important; max-height: 450px; } .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; } /* Restrict right aligned images to no more than 40% screen size */ .floatright { max-width: 40%; z-index:200; } .floatright .image img { width:100%; height: auto !important; } .pulldownbox { position:absolute; border: 1px solid #999; background: #fff; min-width:250px; padding: 10px; margin-left: 4px; margin-bottom: 4px; margin-top: 0px; z-index: 200; } .drop-menu { position:absolute; border: 1px solid #999; background: #fff; min-width:250px; padding: 0; z-index: 500; height:200px; overflow-y: auto; margin-left: 4px; margin-bottom: 4px; margin-top: 0px; }