hr.footer {border-top: 0px solid black;} BODY {background-color:white; /*font-family:"Times New Roman", "Libre Serif", serif; font-size:12pt;*/ /*font-family:"Arial", "Libre Sans", sans-serif; font-size:10pt;*/ /*font-family:Verdana, sans-serif; font-size:14pt;*/ color:black; height:100%; margin:0px; padding:0px; background-image:url(media/back.png); background-repeat:repeat-y; background-position:top left; } IMG {border-width:0px} H1 {color:white; font-size:30pt; text-shadow: black 0px 0px 5px;} H2 {font-weight:bold; font-size:larger} H3 {font-weight:bold; font-size:100%} PRE {border:1px solid #001c7b; background-color:#cfe1f6; white-space:pre-line; padding:2px} .spacer {margin-top:3ex} A:link {color:#001c7b; text-decoration:none; font-weight:bold} A:visited {color:#001c7b; text-decoration:none; font-weight:bold} A:hover {color:#001c7b; text-decoration:underline; font-weight:bold} #all-wrapper{margin:0px; padding:0px; } #banner {height:150px; width:100%; background-color:#01306f; background-image:url(media/bannerchunk.png); background-repeat:repeat-x; background-position:bottom left; font-family:"Arial", "Libre Sans", sans-serif; font-size:11pt;} #bannerimg {position:absolute; top:0px; right:0px; border:0px; margin:0px; z-index:3} #logowrap {position:relative; top:-12px; left:85px; width:200px; z-index:4} #logo {position:relative; top:27px; left:-62px; height:125px; width:125px} #titlewrap {position:relative; top:-80px; text-align:left; margin-left:25ex; margin-right:4ex; height:131px; z-index:6} #titlenotif {position:absolute; top:120px; right:50px; z-index:6; } #title {position:relative; z-index:6; top:-0.5em; } #sidebar {background-color:#1f4ca4; width:170px; font-family:"Arial", "Libre Sans", sans-serif; font-size:11pt; } #sidetext {position:absolute; top:150px; width:150px; padding-bottom:4ex; padding-right:10px; padding-left:10px; overflow:visible; background-color:#01306f; background-image:url(media/gradient2.png); background-repeat:repeat-x; background-position:bottom left; } #navblock {display:block} .navhead {font-size:larger; font-weight:bold; font-style:italic; margin-left:1ex; margin-top:1ex; margin-bottom:0px} .nav {font-weight:bold; margin-left:3ex; margin-top:0px; margin-bottom:0px; padding:0px} .nav A:link {color:white} .nav A:visited {color:white} .nav A:hover {color:white} .navhead A:link {color:#cfe1f6} .navhead A:visited {color:#cfe1f6} .navhead A:hover {color:#cfe1f6} .notifhead {font-size:smaller; font-weight:normal; margin-left:1ex; margin-top:1ex; margin-bottom:0px} .notifhead A:link {color:lime} .notifhead A:visited {color:lime} .notifhead A:hover {color:lime} #curpage {border:solid 1px white} #main {width:100%;} #intermediate {background-color:white; margin-left:170px; } #textblock {padding:4ex; margin-right:auto; margin-left:auto; /* max-width:125ex;*/ } .snapwrapper {position:relative; left:50%; height:320px; width:420px;} .snap {height:225px; width:366px; z-index:6; box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.4)} /*.snapshadow {width:400px; height:30px; position:relative; left:-200px;}*/ #introsnap {position:relative; left:-183px; text-align:center} #rssicon {height:1.25em; width:1.25em; float:left; padding-right:5px} #copyright {font-size:x-small} .floatleft {float: left} .floatright {float: right} .clearall {clear: both} .hidden {display: none; overflow:hide} .tmain {padding-right:2ex} /*patches table*/ .patchtable TR TD {vertical-align:top} .patchtable TR TH {text-align:left; font-weight:bold; vertical-align:top} .patchtable {width:100%;} /*.patchtable TR TD:last-child {width:50%;}*/ /*For mobile and other very small screens*/ @media screen and (max-width: 799px) { BODY {background:white} #intermediate {margin-left:10px} #sidetext {top:0px;width:100%;display:flex;flex-wrap:wrap} #sidebar {position:relative;width:100%;} H1 {font-size: calc(100vw / 22);} #titlenotif {left:195px;width:220px} #titlewrap {margin-left: 170px;} #navblock {display:inline;margin-right:10px;} } @media screen and (max-width: 520px) { #navblock {display:block} #sidetext {display:grid} H1 {font-size: calc(100vw / 20);} } @media screen and (max-width: 424px) { .snap {height:112px;width:183px} #introsnap {left:-90px} #logo {height:62px;width:62px;top:50px} #titlewrap {margin-left: 12ex;top:-20px} #titlenotif {left:16px;} }