diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/legacy.css | 149 | ||||
| -rw-r--r-- | css/new.css | 217 |
2 files changed, 366 insertions, 0 deletions
diff --git a/css/legacy.css b/css/legacy.css new file mode 100644 index 0000000..d26407f --- /dev/null +++ b/css/legacy.css @@ -0,0 +1,149 @@ +body { + background-color: black; + color: white; + margin: 0; + padding: 0; +} + +body, p { + line-height: 1.4em; +} + +a { + color: #F7E018; + text-decoration: none; + font-weight: bold; + font-size: 9pt; +} + + +div#header { + padding: 0; + margin: 0; + border: 0; +} + +div#header img { + display: block; + padding: 0; + margin: 0; + border: 0; +} + + +div#links { + background-color: #5F5F5F; + border-top: 1px solid #F7E018; + margin: 0; + padding: 0; +} + +div#links ul { + margin: 0 0 0 2em; + padding: 0; + border: 0; +} + +div#links li { + border-right: 1px solid #000000; + border-bottom: 1px solid #5F5F5F; + margin: 0; + padding: 0.15em 2em; + display: block; + float: left; + text-align: center; +} + +div#links li:first-child { + border-left: 1px solid #000000; +} + +div#links li:hover { + border-bottom: 1px solid #F7E018; +} + + + +div#navigation { + vertical-align: top; + background-color: #2F2F2F; + padding: 0; + margin: 1.4em 0 1.4em 2em; + width: 20%; + max-width: 20em; + min-width: 14em; + float: left; +} + +div#navigation h1 { + font-size: 9pt; + text-align: right; + background-color: #000000; + margin: 0; + padding: 2.5em 0.5em 0.5em 0.5em; +} + +div#navigation h1:first-child { + padding: 0.5em; +} + +div#navigation ul { + padding: 0; + margin: 0; + border: 0; + list-style: none; +} + +div#navigation li { + padding: 0.15em 1em; + margin: 0; + border: 0; + border-bottom: 1px solid #0F0F0F; + border-right: 1px solid #2F2F2F; +} + +div#navigation li:hover { + background-color: #5F5F5F; + border-right: 1px solid #F7E018; +} + + +div#content { + max-width: 50em; + min-width: 12em; + width: 55%; + float: left; + vertical-align: top; + background-color: #2F2F2F; + margin: 1.4em 1em 1.4em 2em; + padding: 2em 3em 3em 3em; +} + + +div#footer { + background-color: #5F5F5F; + border-top: 1px solid #FFFFFF; + width: 100%; + margin-left: auto; + margin-right: auto; + text-align: center; + font-size: 9pt; + clear: both; +} + +div#footer img { + border: 0px; + padding: 0.5em; +} + +div#htmlcss { + margin: 0; + margin-left: 0.5em; + float: left; +} + +div#sponsor { + margin: 0; + margin-right: 0.5em; + float: right; +} diff --git a/css/new.css b/css/new.css new file mode 100644 index 0000000..428d33e --- /dev/null +++ b/css/new.css @@ -0,0 +1,217 @@ +body { + background-color: #1A171B; + color: white; + margin: 0; + padding: 0; + font-family: sans-serif; +} +body, p { + line-height: 1.4em; +} + + +div#header { + padding: 0; + margin: 0; + border: 0; + border-top: 28px solid #F8EB14; + background-color: #F8EB14; + background-image: url("/images/ffgraz-bg.png"); + background-position: left bottom; + height: 145px; +} +div#header img { + display: block; + padding: 0; + margin: 0; + border: 0; +} + + +div#links { + background-color: #1A171B; +/* border-bottom: 1px solid #DCDCDC; */ + margin: 1em 0 0 0; + padding: 0; +} +div#links ul { + margin: 0 0 0 2em; + padding: 0; + border: 0; +} +div#links li { +/* border-right: 1px dotted #000000; */ + border-top: 1px solid #1A171B; + border-bottom: 1px solid #DCDCDC; + margin: 0; + padding: 0.15em 2em; + display: block; + float: left; + text-align: center; +} +div#links li:first-child { +/* border-left: 1px dotted #000000; */ +} +div#links li:hover { + border-top: 1px solid #DCDCDC; +} +div#links a { + color: #F8EB14; + text-decoration: none; + font-weight: bold; + font-size: 9pt; +} + + +div#navigation { + vertical-align: top; + background-color: #322F33; + padding: 0; + margin: 1.4em 0 1.4em 2em; + width: 20%; + max-width: 20em; + min-width: 14em; + float: left; +} +div#navigation h1 { + font-size: 9pt; + text-align: right; + background-color: #1A171B; + margin: 0; + padding: 2.5em 0.5em 0.5em 0.5em; +} +div#navigation h1:first-child { +/* padding: 0.5em; */ +} +div#navigation ul { + padding: 0; + margin: 0; + border: 0; + list-style: none; +} +div#navigation li { + padding: 0.15em 1em; + margin: 0; + border: 0; + border-bottom: 1px solid #1A171B; + border-right: 1px solid #1A171B; +} +div#navigation li:hover { + background-color: #524F53; + border-right: 1px solid #F7E018; +} +div#navigation a { + color: #F8EB14; + text-decoration: none; + font-weight: bold; + font-size: 9pt; +} + + +div#content { + max-width: 50em; + min-width: 12em; + width: 55%; + float: left; + vertical-align: top; +/* background-color: #322F33; */ + margin: 1.4em 1em 1.4em 2em; + padding: 1em 3em 3em 3em; +} +div#content h1 { + margin: 2em 0 1.4em 0; + font-size: 2em; + line-height: 1.1em; +} +div#content h1:first-child { + margin: 0.5em 0 1.4em 0; +} +div#content h1 span.date { + font-size: 0.5em; + font-weight: normal; + line-height: 1em; +} +div#content h2 { + margin-top: 2em; + font-size: 1em; +} +div#content a { + color: #F8EB14; + text-decoration: none; +} +div#content a:hover { + color: #F8EB14; + text-decoration: underline; +} +div#content a:active { + color: #F8EB14; +} +div#content p { + margin: 1.4em 0 1.4em 0; +} +div#content p img { + float:left; + padding-right: 1em; + border: 0; +} + + +div#meetup { + background-color: #322F33; + padding: 0.25em 2em; + font-size: 0.9em; + width: 20em; +} +div#meetup p { + padding: 0; + margin: 0.5em 0 0.5em 0; + border: 0; +} +div#meetup h1:first-child { + font-size: 1.2em; + padding: 0; + margin: 0.5em 0 1em 0; + border: 0; +} +div#meetup ul { + padding: 0 0 0 2em; + margin: 0; + border: 0; +} +div#meetup em { + font-size: 1.2em; + font-weight: bold; + font-style: normal; +} + + +div.infobox { + background-color: #322F33; + padding: 0.25em 2em; +} + + +div#footer { + background-color: #322F33; + border-top: 1px solid #FFFFFF; + width: 100%; + margin-left: auto; + margin-right: auto; + text-align: center; + font-size: 9pt; + clear: both; +} +div#footer img { + border: 0px; + padding: 0.5em; +} +div#htmlcss { + margin: 0; + margin-left: 0.5em; + float: left; +} +div#sponsor { + margin: 0; + margin-right: 0.5em; + float: right; +} |