diff options
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; +} |
