diff --git a/index.html b/index.html index 4f37c58598a2c2cf882bdbd410c3cbd81b8a2f40..14a1b178051b0405fa56b802db7315e60d11d51d 100755 --- a/index.html +++ b/index.html @@ -8,8 +8,9 @@ <noscript> <meta http-equiv="refresh" content="10"> </noscript> - <link rel="stylesheet" href="https://planet.ucc.asn.au/planet.css" type="text/css" media="screen"> - <link rel="stylesheet" href="webcam-overrides.css" type="text/css" media="screen"> + <!--<link rel="stylesheet" href="https://planet.ucc.asn.au/planet.css" type="text/css" media="screen"> + <link rel="stylesheet" href="webcam-overrides.css" type="text/css" media="screen">--> + <link rel="stylesheet" href="webcam.css" type="text/css" media="screen"> <script src="webcams.js"></script> </head> <body onload="windowOnload()"> diff --git a/webcam.css b/webcam.css new file mode 100644 index 0000000000000000000000000000000000000000..7e1f3970a7183cbf63d2c4ece02510fcca4d63af --- /dev/null +++ b/webcam.css @@ -0,0 +1,82 @@ +body { + font-family: sans-serif; + background-color: white; + margin: 0; + padding: 10px; +} + +.header { + border-bottom: 1px solid gray; + height: 120px; + display: flex; + justify-content: space-between; + align-items: flex-end; +} + +#globalnav-wrapper { + font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; +} + +#portal-globalnav { + list-style: none; + margin: 0; + padding: 0; +} + +#portal-globalnav li { + display: inline; +} + +#portal-globalnav li a { + background: #f9f9f9 url(//www.ucc.asn.au/images/grad.gif) bottom repeat-x; + border: 1px solid gray; + border-bottom-style: none; + color: black; + margin-right: 0.5em; + padding: 0 2em; + text-decoration: none; + text-transform: lowercase; +} + +.items { + margin: 0 0.75em; +} + +.items > * { + padding-left: 0.75rem; +} + +h1 { + font-family: sans-serif; + font-size: 150%; + border-bottom: 1px solid gray; + margin-top: 1em; + margin-bottom: 0.5em; +} + +.navMenu a { + padding-right: 5px; +} + +.navMenu a:visited { + color: #00E; +} + +.camSection { + text-align: center; +} + +.camera { + display: inline-block; + font-size: 0; +} + +.camera img { + max-width: 465px; + width: 100%; +} + +.footer { + color: #999999; + text-align: center; +}