summaryrefslogtreecommitdiffstats
path: root/stylesheets
diff options
context:
space:
mode:
authorMatthias Schiffer <matthias@gamezock.de>2008-10-01 16:32:55 +0200
committerMatthias Schiffer <matthias@gamezock.de>2008-10-01 16:32:55 +0200
commit15ef06a1a07757c8f7590784438b82a873fbdc02 (patch)
tree40b8a690ff07e047e7c612346ca012585af433db /stylesheets
downloadcompag-website-master.tar
compag-website-master.zip
Initialer Import.HEADmaster
Diffstat (limited to 'stylesheets')
-rw-r--r--stylesheets/basis.css8
-rw-r--r--stylesheets/screen.css4
-rw-r--r--stylesheets/screen/font.css6
-rw-r--r--stylesheets/screen/layout.css131
-rw-r--r--stylesheets/screen/theme.css87
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;
+ }
+}