From 2d57a03482a16d25e23de9bca79ab21eb5fd354f Mon Sep 17 00:00:00 2001 From: Luzifr Date: Thu, 21 Jul 2011 20:25:42 +0200 Subject: [PATCH] More refinements to the ACP-GUI --- wcfsetup/install/files/acp/images/acpLogo.png | Bin 3526 -> 0 bytes .../install/files/acp/images/wcfLogoWhite.svg | 266 ++++++++++++++++++ wcfsetup/install/files/acp/style/testing.css | 41 ++- .../install/files/acp/templates/header.tpl | 2 +- 4 files changed, 302 insertions(+), 7 deletions(-) delete mode 100644 wcfsetup/install/files/acp/images/acpLogo.png create mode 100644 wcfsetup/install/files/acp/images/wcfLogoWhite.svg diff --git a/wcfsetup/install/files/acp/images/acpLogo.png b/wcfsetup/install/files/acp/images/acpLogo.png deleted file mode 100644 index e8de213b1b3a25a41ec73fae6ddcd0b0420584b1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3526 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 + + + WoltLab Community Framework + WoltLab Community Framework Logo + + + + + + + + + diff --git a/wcfsetup/install/files/acp/style/testing.css b/wcfsetup/install/files/acp/style/testing.css index 8abdb1cb54..ca5b911b55 100644 --- a/wcfsetup/install/files/acp/style/testing.css +++ b/wcfsetup/install/files/acp/style/testing.css @@ -25,6 +25,12 @@ img { a { color: #369; text-decoration: none; + + -webkit-transition: all .1s linear; + -moz-transition: all .1s linear; + -ms-transition: all .1s linear; + -o-transition: all .1s linear; + transition: all .1s linear; } a:hover { @@ -44,6 +50,22 @@ header { margin: 0 23px 0; } +header div#logo { + /* This is experimental. Looks like only + Safari/Chrome support SVG-images as background- + images properly! */ + + background-image: url("../images/wcfLogoWhite.svg"); + background-position: 0 35px; + background-repeat: no-repeat; + + -webkit-background-size: 300px auto; + -moz-background-size: 300px auto; + -ms-background-size: 300px auto; + -o-background-size: 300px auto; + background-size: 300px auto; +} + header div#logo h1 { color: #d8e7f5; text-shadow: 0 -1px 0 #000; @@ -63,8 +85,7 @@ header div#logo img { header div#logo a { display: block; - height: 100px; - margin-bottom: 21px; + height: 115px; text-align: right; } @@ -88,6 +109,7 @@ menu.mainMenu li { font-weight: normal; color: #ccc; text-shadow: 0 -1px 0 #000; + border-radius: 5px 5px 0 0; cursor: pointer; display: inline-block; margin: 5px -5px 0; @@ -95,6 +117,12 @@ menu.mainMenu li { float: left; position: relative; z-index: 1; + + -webkit-transition: all .1s linear; + -moz-transition: all .1s linear; + -ms-transition: all .1s linear; + -o-transition: all .1s linear; + transition: all .1s linear; } menu.mainMenu li:after { @@ -183,19 +211,20 @@ div#content { /* -- -- -- -- -- Sidebar -- -- -- -- -- */ aside.sidebar { - width: 275px; display: table-cell; background-color: #d8e7f5; + margin: 0 !important; + padding: 0 !important; } /* -- -- -- -- -- Sidebar Menu -- -- -- -- -- */ nav.sidebarMenu { white-space: nowrap; + padding-bottom: 20px; } nav.sidebarMenu div.menuContainer { - background-color: #d8e7f5; position: relative; color: #69c; text-shadow: 0 1px 0 #fff; @@ -230,7 +259,7 @@ nav.sidebarMenu div.menuContainer h1.activeMenuItem { nav.sidebarMenu div.menuContainer ul li { font-size: 110%; - padding: 7px 15px 7px 35px; + padding: 5px 15px 7px 35px; } nav.sidebarMenu div.menuContainer ul li.activeMenuItem { @@ -238,7 +267,7 @@ nav.sidebarMenu div.menuContainer ul li.activeMenuItem { } nav.sidebarMenu div.menuContainer ul li.activeMenuItem a { - color: #036; + color: #369; font-weight: bold; } diff --git a/wcfsetup/install/files/acp/templates/header.tpl b/wcfsetup/install/files/acp/templates/header.tpl index 31218c6569..3b0dfbbf56 100644 --- a/wcfsetup/install/files/acp/templates/header.tpl +++ b/wcfsetup/install/files/acp/templates/header.tpl @@ -75,7 +75,7 @@ -- 2.20.1