/* Reset brower defaults */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-weight: normal;
vertical-align: baseline;
box-sizing: border-box;
font-family: 'Faustina', serif;
}
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {
scroll-behavior: smooth;
max-width: 1000%;
}
/* Sets properties left and right margin to % of screen width */
body {
margin: 0% !important;
overflow: auto;
letter-spacing: 1px;
word-spacing: inherit;
background: #fffafa none;
font-family: 'Faustina', serif;
max-width: 1000%;
}
span {
padding: 0;
margin: 0;
}
div {
padding: 0;
margin: 0;
}
.ND {
text-indent: 9px;
font-style: normal;
font-size: .5em;
font-weight: lighter;
line-height: 95%;
letter-spacing: .5px;
word-spacing: .5px;
display: none !important;
visibility: hidden !important;
text-align: center;
}
/* This section sets color of URL'S and whether they are underlined or not, need to be in this order */
a:link {
color: #C80000;
/* text-decoration: underline; */
font-size: inherit;
text-decoration-thickness: .125em;
text-underline-offset: 1.5px;
}
a:visited {
color: #0000EE;
text-decoration: none;
font-size: inherit;
}
a:hover {
color: green;
text-decoration: underline;
font-size: inherit;
}
a:focus {
color: green;
text-decoration: underline;
font-size: inherit;
}
a:active {
color: black;
text-decoration: none;
font-size: inherit;
}
/* Container sets a width of content content to 90% of the margins set in body
sets border to none */
#container {
width: 85%;
max-width: 1200px;
padding:.6em;
border: 0px none transparent;
margin-left: auto;
margin-right: auto;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
/* FLEX */
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
justify-content: space-evenly;
}
.column {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row:after {
content: "";
display: table;
clear: both;
}
/*
.column
{
float: left;
border: 0px none transparent;
border-collapse: separate;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
/*
.navcolumn {float:left; width: 5%; align-items: flex-start; align-content: flex-start; padding: 1px 1px 1px 1px;}
.lcolumn {float:left; width: 40%; align-items: flex-start; align-content: flex-start; padding: 1px 1px 1px 1px;}
.rcolumn {float: left; width: 40%; align-items: flex-start; align-content: flex-start; padding: 1px 1px 1px 1px;}
.centercolum {float:left; padding: 0px 0px 0px 0px;}
*/
/* Clear floats after the columns */
/* end FLEX */
*/
#topnav {
background-color: blue;
width: 100%;
max-width: 1000%;
position: fixed;
top: 0px;
padding: 2px;
margin: 0px 0px 50px 0px;
border: solid 2px;
align-content: center;
align-items: center;
text-align: center;
flex-wrap: nowrap;
}
.button {
background-color: red;
border-radius:.6em;
border: none;
color: black;
padding: 2px 2px;
text-align: center;
display: inline-block;
font-size: 1em;
margin: 1px 1px;
cursor: pointer;
}
/* begin drop down buttons nav */
.dropbtn {
background-color: red;
border-radius: .6em;
text-align: center;
display: inline-block;
color: white;
padding: .6em;
font-size: 1em;
font-weight: 500;
border: none;
box-shadow:inset 0 -0.10em 0 -0.10em rgba(0,0,0,0.17);
position: relative;
margin: 0.1em 0 0.1em 0;
box-sizing: border-box;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow:inset 0px .6em 1em 0px rgba(0,0,0,0.2);
padding: 1px;
z-index: 1;
font-size: .8em;
}
.dropdown-content a {
padding: .2em 1em;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: red;}
/* end top nav */
/* mobile media screen */
@media screen and (max-height: 450px) {
margin: auto !important;
#container {
width: 100%;
padding: 0px;
border: 0px none transparent;
margin-left: auto;
margin-right: auto;
}
a:dropbtn {
display: block;
margin:0.4em auto;
}
#header{
align-content: center;
text-align: center;
font-size: 4vw;
color: #0000FF;
font-style: normal;
font-weight: 900;
margin-top:200px!important;
margin-bottom: 1em;
line-height: 100%
}
.dropbtn {
background-color: red;
border-radius: .6em;
text-align: center;
display: inline-block;
color: white;
padding: 4px;
font-size: 1em;
font-weight: 500;
border: none;
box-shadow:inset 0 -0.10em 0 -0.10em rgba(0,0,0,0.17);
position: relative;
margin: 0.1em 0 0.1em 0;
}
}
/* end mobile */
#header {
color: Blue;
font-size: 3vh;
align-content: center;
text-align: center;
font-style: normal;
font-weight: 900;
margin-top: 1.5mm;
margin-bottom: 1.5mm;
line-height: 100%;
}
/* Footer sets a width of content to 50% of the margins set in body sets border to none, centers text, font size 10px controls spacing */
#footer {
width: 50%;
margin: auto;
padding: 10px;
border: 0px none transparent;
font-style: normal;
font-size: .8em;
font-weight: 100;
letter-spacing: 1px;
word-spacing: .1px;
text-align: center;
color: black;
}
/* Pseudo links set links only in footer to black except for active which is green, links inherit other link attributes set above */
#footer a:link {color: black; font-size:.6em; font-weight: 100;}
#footer a:visited {color: black; font-size:.6em; font-weight: 100;}
#footer a:hover {color: green; font-size:.6em; font-weight: 100;}
#footer a:focus {color: black; font-size:.6em; font-weight: 100;}
#footer a:active {color: black; font-size:.6em; font-weight: 100;}
/*indexcss.htx */
/*i
#main {
clear: both;
margin-left: auto;
margin-right: auto;
width: 952px;
height: 2280px;
text-align: center !important;
}
#wrapper {float:left;}
*/
/* gilla css */
.HeaderTitle {
background-color: transparent;
color: Blue;
font-weight: 900;
font-size: 1.5em;
margin: 0;
text-align: left;
clear: both;
display: block;
}
/* padding: 0.8ex 1ex;*/
.dataText {
color: black;
background-color: transparent;
font-size: 1em;
line-height: 1.25em;
font-weight: 400;
text-align: left;
align-content: flex-start;
align-items: flex-start;
float: left;
}
.dataTextM {
color: black;
background-color: transparent;
font-size: 1em;
line-height: 1.25em;
font-weight: 400;
text-align: left;
align-content: flex-start;
align-items: flex-start;
}
/* margin: 1ex 0.25ex 1.5em 0.75ex;
padding: 0.8ex 1ex; */
.dataTextc {
color: black;
background-color: transparent;
font-size: 1em;
line-height: 1.25em;
font-weight: 400;
align-content: center;
align-items: center;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.datastrong {
color: black;
background-color: transparent;
font-size: 1em;
font-weight: bold;
line-height: 1.25em;
text-align: left;
align-content: flex-start;
}
.datastrongW {
color: white;
background-color: transparent;
font-size: 1em;
font-weight: bold;
line-height: 1.25em;
text-align: left;
align-content: flex-start;
}
.DailyReport {
background-color: transparent;
color: Blue;
font-size: 1.4em;
font-weight: 600;
margin: 0;
text-align: left;
clear: both;
display: block;
}
.ReportTitle {
background-color: transparent;
color: Blue;
font-weight: 500;
font-size: 1.3em;
margin: 0;
text-align: left;
clear: both;
display: block;
}
.maxtempc {color:#FF0000;}
.mintempc {color: #3333FF;}
.maxhumc {color: #0000FF;}
.minhumc {color: #0000DD;}
.fivedayday {
color: blue;
text-transform: capitalize;
font-weight: 600;
background-color: transparent;
font-size: 1.3em;
text-align: left;
line-height: 1.25em;
margin-bottom: -1mm;
}
.fivedayforecast {
text-transform: none;
color: black;
background-color: transparent;
font-size: 1em;
line-height: 1.25em;
font-weight: 400;
text-align: left;
display: block;
}
/* margin: 1ex 0.25ex 1.5em 0.75ex;
padding: 0.8ex 1ex;
}
/*
.NOAA {
color: red;
font-weight: bolder;
font-size: 1em;
line-height: 1.25em;
}
.NOAAEvent {
color: red;
font-weight: bolder;
font-size: 1em;
line-height: 1.25em;
}
time {font-weight: bolder;}
/* Clock box #ID
#clockbox {
color: red;
font-family: register regular;
font-size: 1.6em;
font-weight: 600;
margin-left: auto; margin-right: auto;
padding: 5px;
width: 12em;
height: 25px;
background-color: #0c0aaa;}
*/
/* sets border of images to none and 0 margins */
img {
border: none;
margin: 0px;
loading: lazy;
}
/* sets font size and weight of paragraphics , indents by 30 pixels */
p {
text-indent: 2em;
font-size: 1.2em;
font-weight: 400;
}
/* sets font size and weight of paragraphics indents by 0 pixels
*/
p.noindent {
text-indent: 0px;
font-size: 1.2em;
font-weight: 400;
}
/* sets font size and weight of list element */
dt {
font-style: normal;
font-size: 1.3em;
font-weight: 500;
}
/* sets font size and weight of list element */
dd {
font-style: normal;
font-size: 1.2em;
font-weight: 400;
}
/* sets bottom margin of ol lists */
ol {
margin-bottom: -1px;
}
/* sets font size and weight of list element */
li {
font-style: normal;
font-size: 1em;
font-weight: 400;
}
/* sets font size, style and weight of */
strong {
font-style: normal;
font-weight: 600;
}
/* sets font style and weight of */
em {
font-style: oblique;
font-weight: 500;
}
i {
font-style: italic;
}
b {
font-weight: bold;
}
sup {
font-size: smaller;
}
sub {
font-size: smaller;
}
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: inherit;
}
/* sets font style, size and weight of code
*/
hr {
width: 95%vw;
max-width: 95%;
overflow: hidden;
height: 0px;
border: 0px;
border-top: 2px solid red;
align-self: center;
}
/* sets font size and weight of element */
caption {
font-style: normal;
font-size: .8em;
font-weight: 100;
line-height: 110%;
letter-spacing: 1px;
word-spacing: .1px;
}
/* sets borders color and style of element */
table {
empty-cells: hide !important;
border-collapse: collapse;
border: none;
border-width: medium thin medium thin !important;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.tablem {
border: solid Blue;
border-width: medium thin !important;
width: auto;
table-layout: auto;
align-self: center;
align-content: center;
text-align:center;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
th.tablem {
border: solid Blue;
border-width: medium thin !important;
text-align:center;
font-size: 1.3em;
color: Blue;
font-weight: 600;
}
td.tablem {
color: black !important;
border: solid Blue;
border-width: medium thin !important;
text-align: left;
padding: 4Px;
margin: 0%;
font-size: 1em;
}
tr.tablem {
border: solid Blue;
border-width: medium thin !important;
text-align: left;
padding: 4Px;
margin: 0%;
}
table.centert {
margin-left:auto;
margin-right:auto;
margin-top: 4px;
margin-bottom: 4px;
text-align:center;
padding: 8px;
width: auto;
padding-left: 0;
}
/*
border: thin double blue;
}
tr {
border: thin solid blue;
}
/* sets font size and weight of element | */
/*
th {
border: solid Blue;
border-width: medium thin !important;
font-size: 1.2em;
color: Blue;
font-weight: 600;
text-align: center;
}
/* sets font size and weight of element | */
/*
td {
border: inherit;
font-size: 1.2em;
font-weight: 400;
vertical-align: middle;
align-content: center;
align-items: center;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
*/
.combobox {background-color: blue; color: white; font-size: 10pt; font-weight: bold;}
/* underlines inHg with black dots */
acronym {
border-bottom: 1px dotted black;
}
abbr {
border-bottom: 1px dotted black;
padding: 0;
}
/* sets classes */
.center {
align-content: center !important;
align-items: center !important;
text-align: center !important;
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
align-content: left !important;
align-items: left !important;
text-align: left !important;
}
.right {
float: right;
align-content: right !important;
align-items: right !important;
text-align: right !important;
}
.solar {
Color: #ffff33;
font-size: 1.9em;
font-weight: bolder;
font-family: inherit;
}
.high {
Color: #FF0033;
font-size: inherit;
font-family: inherit;
}
.low {
Color: #009CFF;
font-size: inherit;
font-family: inherit;
}
/* sets font color, style and weight of headlines */
.XXL {
font-size: 1.4em;
font-weight: 400;
}
.XL {
font-size: 1.3em;
font-weight: 400;
}
.L {
font-size: 1.2em;
font-weight: 400;
}
.M {
font-size: 1em;
font-weight: 400;
}
.S {
font-style: normal;
font-size: 1em;
font-weight: 200;
}
.XS {
font-size: .8em;
font-weight: 200;
}
.XXS {
font-size: .6em;
font-weight: 200;
}
.XXLhigh {
Color: #FF0033;
font-size: 1.4em;
font-weight: bold;
}
.XLhigh {
color: #FF0033;
font-size: 1.3em;
font-weight: bold;
}
.Lhigh {
Color: #FF0033;
font-size: 1.2em;
font-weight: bold;
}
.Mhigh {
Color: #FF0033;
font-size: 1em;
font-weight: bold;
}
.Shigh {
Color: #FF0033;
font-size: 1em;
font-weight: bold;
}
.XShigh {
Color: #FF0033;
font-size: .8em;
font-weight: bold;
}
.XXShigh {
Color: #FF0033;
font-size: .6em;
font-weight: bold;
}
.XXLlow {
Color: #009CFF;
font-size: 1.4em;
font-weight: bold;
}
.XLlow {
color: #009CFF;
font-size: 1.3em;
font-weight: bold;
}
.Llow {
Color: #009CFF;
font-size: 1.2em;
font-weight: bold;
}
.Mlow {
Color: #009CFF;
font-size: 1em;
font-weight: bold;
}
.Slow {
Color: #009CFF;
font-size: 1em;
font-weight: bold;
}
.XSlow {
Color: #009CFF;
font-size: .8em;
font-weight: bold;
}
.XXSlow {
Color: #009CFF;
font-size: .6em;
font-weight: bold;
}
.XXLwhite {
Color: #fffafa;
font-size: 1.4em;
font-weight: 400;
}
.XLwhite {
color: #fffafa;
font-size: 1.3em;
font-weight: 400;
}
.Lwhite {
Color: #fffafa;
font-size: 1.2em;
font-weight: 400;
}
.Mwhite {
Color: #fffafa;
font-size: 1em;
font-weight: 400;
}
.Swhite {
Color: #fffafa;
font-size: 1em;
font-weight: 400;
}
.XSwhite {
Color: #fffafa;
font-size: .8em;
font-weight: 400;
}
.XXSwhite {
Color: #fffafa;
font-size: .6em;
font-weight: 400;
}
.XXLblue {
Color: Blue;
font-size: 1.4em;
font-weight: 400;
}
.XLblue {
color: Blue;
font-size: 1.3em;
font-weight: 400;
}
.Lblue {
Color: Blue;
font-size: 1.2em;
font-weight: 400;
}
.Mblue {
Color: Blue;
font-size: 1em;
font-weight: 400;
}
.Sblue {
Color: Blue;
font-size: 1em;
font-weight: 200;
}
.XSblue {
Color: Blue;
font-size: .8em;
font-weight: 200;
}
.XXSblue {
Color: Blue;
font-size: .6em;
font-weight: 200;
}
.AZ {
Color: #CCCC00;
font-size: 1.2em;
font-weight: 800;
}
.SP {
Color: Green;
font-size: 1.2em;
font-weight: 600;
}