diff --git a/header.tpl b/header.tpl index 7e10e40..12d669a 100644 --- a/header.tpl +++ b/header.tpl @@ -9,8 +9,17 @@
-
\ No newline at end of file +
diff --git a/imgs/Mandrake-Tux_redraw.png b/imgs/Mandrake-Tux_redraw.png new file mode 100644 index 0000000..b680ddb Binary files /dev/null and b/imgs/Mandrake-Tux_redraw.png differ diff --git a/imgs/header-background.jpg b/imgs/header-background.jpg new file mode 100644 index 0000000..b855757 Binary files /dev/null and b/imgs/header-background.jpg differ diff --git a/res/column.css b/res/column.css index 7567f28..e0e1cfe 100644 --- a/res/column.css +++ b/res/column.css @@ -7,13 +7,14 @@ Module: style.css /* ===== COLUMN ===== */ #column { - background: #393939; +/* background: #393939;*/ +/* background-color: rgba(57, 57, 57, 1.0);*/ float: left; width: 21% !important; width: 18%; font-size: 85% !important; font-size: 80%; - margin: 0 0 15px 15px; + margin: 0 0 15px 0; padding: 10px; } @@ -28,7 +29,14 @@ Module: style.css #column ul li, #column p { font-size: 14px } #column div { margin: 0 } -#column div, #column ul { background: #393939 } +/*#column div, #column ul { */ +#column div { +/* background: #393939 */ + background-color: rgba(0, 0, 0, 0.2); + border-radius: 15px; + padding: 2px; + +} #column p, #column div { margin: 10px 5px } #column a:link, #column a:visited { color: #A29D7D } diff --git a/res/common.css b/res/common.css index daae8bb..f703aad 100644 --- a/res/common.css +++ b/res/common.css @@ -18,7 +18,14 @@ body { padding: 0; text-align: center; /*background: #315A94;*/ - background: #222; + background-image: url("../imgs/header-background.jpg"); + background-size: cover; + background-position: bottom center; + background-repeat: no-repeat; + background-size:cover; + background-attachment:fixed; + background-color: #222; + } hr { display: none } @@ -128,19 +135,48 @@ h6 { font-size: 0.9em } width: 69%; /* fix for I.E. */ margin: 0 auto 10px auto; padding: 5px; - background-color: #2D2D2D; - overflow: hidden; +/* background-color: #2D2D2D;*/ + background-color: rgba(45, 45, 45, 0.8); + overflow: hidden; + border-radius: 15px; } /* ===== HEAD ===== */ #head { - background: url("../imgs/logo.jpg") no-repeat; - width: 100% !important; - width: 95%; + /*background: url("../imgs/logo.jpg") no-repeat;*/ + width: 680px; !important; + width: 680px; height: 150px; font-family: Tahoma, sans-serif; float: center; } +#head-bubble { + background-color: rgba(0, 0, 0, 0.2); + border-radius: 15px; + width: 100% !important; + height: 128px; + margin: 5px 0 0 15px ; +} + +#title-container { + width: 580px; + float: left; +} +#logo-container { + padding-right: 10px; + padding-top: 3px; + float: right; +} +#logo-img { + /*background: url("../imgs/Mandrake-Tux_redraw.png");*/ + + height: 120px; + +} + +#clear-container { + clear: both; +} #head a { color: white; @@ -171,7 +207,7 @@ h6 { font-size: 0.9em } width: 69% !important; width: 69%; font-size: 100%; - margin: 0 0.5em 0 1.2em; + margin: 1.5em 0.5em 0 1.2em; } #main p {