diff options
| author | Horus3 | 2014-03-10 23:35:53 +0100 |
|---|---|---|
| committer | Horus3 | 2014-03-10 23:35:53 +0100 |
| commit | 967ec8c209eb118685076468ce7fef59e0452881 (patch) | |
| tree | d9fd6e6a9acd927f8d112ad200c8837edff332dc /www/static/style.css | |
| parent | d225afbdc4633b9a836decb717166f19f2c3440f (diff) | |
| download | files.iamfabulous.de-967ec8c209eb118685076468ce7fef59e0452881.tar.gz | |
folder for static content
Diffstat (limited to 'www/static/style.css')
| -rw-r--r-- | www/static/style.css | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/www/static/style.css b/www/static/style.css new file mode 100644 index 0000000..65c97f6 --- /dev/null +++ b/www/static/style.css @@ -0,0 +1,97 @@ +/*************************************************************** + General Page Styling +****************************************************************/ +*{ + margin: 0; + padding: 0; +} +html, body{ + height: 100%; + font-family: Impact, Charcoal, sans-serif; +} + + + +/*************************************************************** + Header +****************************************************************/ +div.header-bar{ + background-color: #3083D6; + height: 80px; + width: 100%; + position: absolute; +} + +a.logo{ + display: block; + height: 70px; + width: 70px; + margin-top: 5px; + margin-left: 5px; + background-image: url(./logo.png); + background-repeat:no-repeat; + background-size:66px 66px; + background-color:#3083D6; + background-position: center; + position: absolute; + z-index: 99; +} + + + +a.logo:hover{ + display: block; + background:#2669AB; + background-image: url(./logo.png); + background-repeat:no-repeat; + background-size:66px 66px; + background-position: center; + border-radius: 10px; + box-shadow: 3px -3px 5px black; +} + + + +/************************************************************ + Page-Wrap for sticky footer +*************************************************************/ +#page-wrap{ + margin-bottom: -25px; + width: 100%; + min-height: 100%; +} + +#page-wrap:after{ + content: ""; + display: block; + height: 25px; +} + +/********************************************************** + Content-Area +**********************************************************/ +#content-area{ + height: 100%; + width: 100%; + position: absolute; + margin-bottom: 0; +} + + +/****************************************************** + FOOTER +*******************************************************/ +footer{ + height: 25px; + width: 100%; + margin-top: -25px; + background-color:#3083D6; + position:relative; +} + +#copyright-text{ + margin-right: 10px; + text-align: right; + font-size: 12px; + color: white; +} |