From: Luzifr Date: Thu, 21 Jul 2011 18:25:42 +0000 (+0200) Subject: More refinements to the ACP-GUI X-Git-Tag: 2.0.0_Beta_1~1981^2 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=2d57a03482a16d25e23de9bca79ab21eb5fd354f;p=GitHub%2FWoltLab%2FWCF.git More refinements to the ACP-GUI --- diff --git a/wcfsetup/install/files/acp/images/acpLogo.png b/wcfsetup/install/files/acp/images/acpLogo.png deleted file mode 100644 index e8de213b1b..0000000000 Binary files a/wcfsetup/install/files/acp/images/acpLogo.png and /dev/null differ diff --git a/wcfsetup/install/files/acp/images/wcfLogoWhite.svg b/wcfsetup/install/files/acp/images/wcfLogoWhite.svg new file mode 100644 index 0000000000..df335fd9b5 --- /dev/null +++ b/wcfsetup/install/files/acp/images/wcfLogoWhite.svg @@ -0,0 +1,266 @@ + + + + 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 @@