diff options
Diffstat (limited to 'res/css')
-rwxr-xr-x | res/css/dark.css | 11 | ||||
-rwxr-xr-x | res/css/global.css | 39 | ||||
-rwxr-xr-x | res/css/light.css | 286 |
3 files changed, 43 insertions, 293 deletions
diff --git a/res/css/dark.css b/res/css/dark.css index 5c66ade..1eeaf43 100755 --- a/res/css/dark.css +++ b/res/css/dark.css @@ -31,8 +31,6 @@ h3 { color: #fff; } - - div.preview pre, div.project pre { background-color: #222; color: #ccc; @@ -55,7 +53,14 @@ a { color: #fff } +/*table td { + border: 1px solid black +}*/ + +/*table.skami { + border-color: #eeeeee +}*/ table.skami .semiused { color: #ccc; background-color: #444; @@ -69,4 +74,4 @@ table.skami .unused { table { border-color: #fff -}
\ No newline at end of file +} diff --git a/res/css/global.css b/res/css/global.css index 52d8d9e..693452b 100755 --- a/res/css/global.css +++ b/res/css/global.css @@ -6,9 +6,36 @@ ul { list-style-type: square; } +table.banner { + margin-left: auto; + margin-right: auto; + border: 2px solid #E04A38; + background-color: #E6897E; + width: 95%; + /* Passes both WCAG AA and WCAG AAA contrast tests */ + color: #0F0F0F; +} + +td.banner { + padding: 5px; +} + +a.bannerlink { + color: #0F0F0F; +} + +a.bannerlink:hover { + text-decoration: underline; +} + div.page { - margin-left: 0.5em; - margin-right: 0.5em + min-width: 700px; + max-width: 1024px; + /*margin-left: 0.5em; + margin-right: 0.5em;*/ + padding-left: 0.5em; + padding-right: 0.5em; + margin: auto } h1.inline { @@ -49,7 +76,7 @@ h1, h2, h3 { img { border: none; - max-width: 100% + max-width: 100%; } img.right { @@ -57,6 +84,10 @@ img.right { margin-left: 0.5em } +table.form, td.form { + border: none; +} + div.preview { display: inline-block; width: 30em; @@ -277,4 +308,4 @@ table.computers { td.computer { width: 50%; border: 0px; -}
\ No newline at end of file +} diff --git a/res/css/light.css b/res/css/light.css deleted file mode 100755 index 96b5b4d..0000000 --- a/res/css/light.css +++ /dev/null @@ -1,286 +0,0 @@ -@import url('global.css'); - -body { - font-family: sans-serif; - color: #000; - background-color: #fff; - margin: 0px; -} - -div.page { - margin-left: 0.5em; - margin-right: 0.5em -} - -h1.inline { - font-family: sans-serif; - font-weight: normal; - margin-top: 0em; - clear: none; - font-size: 100%; - display: inline -} - -h1.inline:before { - content: "" -} - -h1:before { - content: "> " -} - -h1, h2, h3 { - font-family: Monospace; - font-weight: normal; - margin-top: 1em; - clear: left -} - -h1 { - color: #333; - font-size: 150% -} - -h2:before { - content: ">> " -} - -h2 { - color: #333; - font-size: 130% -} - -h3:before { - content: ">>> " -} - -h3 { - color: #333; - font-size: 115% -} - -img { - border: none; - max-width: 100% -} - -img.right { - float: right; - margin-left: 0.5em -} - -div.preview { - display: inline-block; - width: 30em; - max-width: 100%; - text-align: center; - vertical-align: top; - margin-bottom: 2em -} - -div.project { - display: inline-block; - width: 40em; - max-width: 100%; - text-align: center; - vertical-align: top; - margin-bottom: 2em -} - -div.preview .heading .name, div.project .heading .name { - font-size: 120% -} - -div.preview img, div.project img { - width: auto; - max-width: 90%; - max-height: 15em -} - -div.preview pre, div.project pre { - display: inline-block; - text-align: left; - background-color: #333; - color: #fff; - padding: 0.2em; - max-width: 90% -} - -div.preview pre.small, div.project pre.small { - font-size: 75%; - overflow: hidden -} - -a { - color: #009; - text-decoration: none -} - -pre { - max-width: 95%; - overflow: auto -} - -.header { - font-size: 100%; - font-weight: normal; - color: #333; - padding-bottom: 0em; - border-bottom: 1px solid #cccccc; - text-align: center -} - -.header a { - text-decoration: none -} - -nav { - margin-bottom: 0.3em -} - -div.ddate { - text-align: center -} - -.header .pagetree { - font-size: 80%; - color: #333; - display: block; - text-align: center; - width: 100%; - padding-top: 0.1em; - padding-bottom: 0.1em; - border-top: 1px solid #cccccc -} - -.header .pagetree .title { - color: #333 -} - -div.note { - font-style: italic -} - -table { - border-collapse: collapse -} - -table td { - border: 1px solid black -} - -table.noborder td { - border: none -} - -table.skami { - border-color: #eeeeee -} - -table.skami .semiused { - color: #111; - background-color: #eee -} - -table.skami .unused { - color: #222; - background-color: #ddd -} - -table.skami a { - text-decoration: none -} - -table.weather th { - font-weight: normal -} - -table.weather td { - font-weight: bold; - text-align: right -} - -.project .name { - font-weight: bold -} - -.project .attributes { - font-style: italic -} - -.project .attribbracket { - margin-left: 0.5em -} - -.toplinks { - line-height: 140%; - width: 100%; - padding-top: 0.5em; - padding-bottom: 0.5em; - border-bottom: 1px solid #cccccc -} - -.toplinks span { - display: block; - text-align: right; - float: left; - width: 8em; - margin-right: 0.5em -} - -.toplinks span:after { - content: " >" -} - -.toplinks a { - margin-right: 0.5em; - text-decoration: none -} - -.deprecated { - line-height: 140%; - width: 100%; - color: #aa0000; - text-align: center; - padding-bottom: 0.5em; - border-bottom: 2px dashed #aa0000 -} - -div.inlinepage { - margin-top: 2em; - border: 0; - padding: 0 -} - -div.pheader { - font-size: 120% -} - -div.pheader span.date { - margin-right: 1em; - font-weight: normal -} - -div.pheader a { - font-weight: bold; - text-decoration: none -} - -div.rss { - position: absolute; - top: 1em; - right: 1em -} - -div.archived { - margin-top: 0.5em -} - -div.archived span.date { - font-style: italic; - margin-right: 0.2em -} - -video { - max-width: 100% -}
\ No newline at end of file |