You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
6.0 KiB
191 lines
6.0 KiB
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;}
|
|
}
|