diff options
author | Matthias Schiffer <matthias@gamezock.de> | 2008-10-01 16:32:55 +0200 |
---|---|---|
committer | Matthias Schiffer <matthias@gamezock.de> | 2008-10-01 16:32:55 +0200 |
commit | 15ef06a1a07757c8f7590784438b82a873fbdc02 (patch) | |
tree | 40b8a690ff07e047e7c612346ca012585af433db /stylesheets | |
download | compag-website-master.tar compag-website-master.zip |
Diffstat (limited to 'stylesheets')
-rw-r--r-- | stylesheets/basis.css | 8 | ||||
-rw-r--r-- | stylesheets/screen.css | 4 | ||||
-rw-r--r-- | stylesheets/screen/font.css | 6 | ||||
-rw-r--r-- | stylesheets/screen/layout.css | 131 | ||||
-rw-r--r-- | stylesheets/screen/theme.css | 87 |
5 files changed, 236 insertions, 0 deletions
diff --git a/stylesheets/basis.css b/stylesheets/basis.css new file mode 100644 index 0000000..90b9594 --- /dev/null +++ b/stylesheets/basis.css @@ -0,0 +1,8 @@ +/* Basis-Stylesheet to cut out the Browser-Stylesheet */ + +* +{ + margin: 0; + padding: 0; + text-decoration: none; +} diff --git a/stylesheets/screen.css b/stylesheets/screen.css new file mode 100644 index 0000000..397b04a --- /dev/null +++ b/stylesheets/screen.css @@ -0,0 +1,4 @@ +@import url("screen/layout.css"); +@import url("screen/theme.css"); +@import url("screen/font.css"); + diff --git a/stylesheets/screen/font.css b/stylesheets/screen/font.css new file mode 100644 index 0000000..360a87f --- /dev/null +++ b/stylesheets/screen/font.css @@ -0,0 +1,6 @@ +@media screen +{ + div#footer { + text-align: center; + } +} diff --git a/stylesheets/screen/layout.css b/stylesheets/screen/layout.css new file mode 100644 index 0000000..266b440 --- /dev/null +++ b/stylesheets/screen/layout.css @@ -0,0 +1,131 @@ +@media screen +{ + div#wrapper + { + margin: 2em auto 0 auto; + width: 58em; + } + + div#header + { + text-align: center; + } + + div#separator + { + height: 2em; + } + + div#mainmenu + { + padding: 0.5em 0em 0.5em 12.5em; + margin: 1em 0; + } + + + div#mainmenu li + { + display: inline; + margin: 1em 3em; + } + + div#sidebar + { + float: left; + padding: 1em 0.5em 1em 1em; + margin: 1em 0 2em 1.5em; + width: 9em; + } + + div#sidebar h4 + { + padding: 0.3em 0.1em 0.1em 0.1em; + } + + div#sidebar h5 + { + display: none; + } + + div#sidebar ul + { + list-style-type: none; + } + + div#sidebar p + { + margin: 0.75em 0.2em 0.2em 0.2em; + } + + div#sidebar ul li + { + margin: 0.2em; + } + + div#inhalt + { + margin: 2em 1.5em 2em 13.5em; + padding: 1em 2em 2em 2em; + } + + div#inhalt h2 + { + margin-bottom: 0.4em; + } + + div#inhalt h3 + { + margin-top: 0.7em; + margin-bottom: 0.2em; + } + + div#inhalt h4 + { + margin-top: 0.75em; + margin-bottom: 0.25em; + } + + div#inhalt h5 + { + margin-top: 0.75em; + } + + div#inhalt p + { + margin-bottom: 0.2em; + } + + div#inhalt p.absatzunten + { + margin-bottom: 1em; + } + + div#inhalt p.absatzoben + { + margin-top: 1em; + } + + div#inhalt ol + { + margin: 0.5em 2em; + } + + div#inhalt ul + { + margin-left: 1em; + } + + code.table + { + margin-left: 2em; + } + + div#footer + { + clear: both; + padding: 0.5em 0 0.5em 0; + } + + + +} diff --git a/stylesheets/screen/theme.css b/stylesheets/screen/theme.css new file mode 100644 index 0000000..d22c35f --- /dev/null +++ b/stylesheets/screen/theme.css @@ -0,0 +1,87 @@ +@media screen +{ + body + { + background: #666; + } + + div#wrapper + { + background: #cdcdcd; + } + + div#header + { + height: 140px; + background: #cdcdcd; + } + + div#separator + { + background: #666; + } + + div#mainmenu + { + background: #333 url(../../images/verlauf.png) repeat-x center; + color:#fff; + } + + div#sidebar + { + background: #f5f5f5; + border: solid 1px #e1e1e1; + } + + div#inhalt + { + background: #f5f5f5; + border: solid 1px #e1e1e1; + } + + div#footer + { + background: #666; + color: #f5f5f5; + } + + div#mainmenu a:link + { + color: #cdcdcd; + } + + div#mainmenu a:visited + { + color: #cdcdcd; + } + + div#mainmenu a:hover + { + color: #fff; + } + + div#mainmenu a:active + { + color: #fff; + } + + div#sidebar a:link + { + color: #333; + } + + div#sidebar a:visited + { + color: #666; + } + + div#sidebar a:hover + { + color: #800000; + } + + div#sidebar a:active + { + color: #800000; + } +} |