diff --git a/HEADERS.php b/HEADERS.php index db3c656..55b3548 100755 --- a/HEADERS.php +++ b/HEADERS.php @@ -7,8 +7,8 @@ - - - + + + diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..e4e2982 Binary files /dev/null and b/favicon.png differ diff --git a/site.css b/site.css new file mode 100644 index 0000000..f3263b0 --- /dev/null +++ b/site.css @@ -0,0 +1,175 @@ +/* +COPYRIGHT (C) 2006-2018 Anton McClure +Anton McClure - https://gozips.uakron.edu/~asm135 + +*/ + +body { + color: #000000; + background-color: #FFFFFF; +/* font-family: "Times, Times New Roman", serif;*/ +margin: 0px 20px 0px 20px; +} + +a.glossary { + border: 1px solid red; + padding: 2px 2px; + display: inline-block; +} + +/* Need hover for accessibility */ +a:link:hover { + color: #9932CC; +} + +/* Larger font for mobile devices */ +@media screen and (max-device-width: 480px) { + body { + font-size: 175%; + } +} + +li { + margin-bottom: 8px; +} + +/* Header columns */ + +.columnt1 { + width: 66%; + float: left; + text-align: center; + border: solid 1px; + border-radius: 4px 4px 4px 4px; +} + +.columnt1 a:link:hover, .columnt1 a:visited:hover { + font-style: italic; + text-shadow: 2px 2px 9px #f44; +} + +.columnt2 { + width: 33%; + float: right; + text-align: center; +} + +.nobr { + white-space: nowrap; +} + +/* urgent action items*/ +.column1 { + width: 31%; + float: left; +} + +/* long term action items */ +.column2 { + width: 31%; + float: left; + border-left: solid 1px; + border-right: solid 1px; + margin: 0px 10px 0px 10px; + padding: 0px 10px 0px 10px; +} + +/* misc */ +.column3 { + width: 31%; + float: left; +} + +/* rest */ +.rest { + width: 100%; + float: left; +} + +:link { color: #1F00FF } +:visited { color: #9900DD } +div.c3 { margin-left: 2em } +.c2 { + text-align: center; + width: 100%; + font-weight: bold; + font-style: italic; +} +h3.c1 { +text-align: center; +font-size: 30px; +text-decoration: underline; +} +.titlelink { color: #000000 } +.fullwide { width: 900px; } + +#comic-container { + position: relative; + width: 100%; + height: 122px; + margin-bottom: 4px; +} +#comic { + position: absolute; + max-width: 406px; + width: 100%; + height: 122px; + overflow: hidden; + background-color: #fff; +} +#comic-expand img { + display: none; +} +@media screen and (max-width: 1300px) { + #comic { right: 0px; } + #comic:hover { + width: 406px; + padding: 0; + transition: width .4s ease-out, box-shadow 1s ease, transform .8s ease; + } + #comic-expand { + position: absolute; + display: block; + right: 0; + width: 32px; + height: 160px; + border-right: 1px solid blue; + } + #comic-expand img { + position: absolute; + display: block; + bottom: 35px; + } +} + +sub { + line-height: 0.25em; + font-size: 70%; + vertical-align: -.05em; +} +sup { + line-height: 0.25em; + font-size: 70%; + vertical-align: 0.7em; +} +.footnote { + font-size: 90%; + padding-left: 0.9em; + text-indent: -0.9em; +} +.footnote sup { + line-height: 0.25em; + font-size: 78%; + vertical-align: 0.4em; +} + +.vol { + margin-left: 5%; + font-family: Arial, Helvetica, sans-serif; +} + +div.comp { + margin: 0 auto; + width: 98%; +} + diff --git a/site.js b/site.js new file mode 100644 index 0000000..e69de29