Overlays & iconbar optimization

(merged declarations of header- & footer-navigation because they are
the same)

diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index 9f48b8b365428e8ba441438ddabda37ef280c8be..8fcc8686a8744bf7a79332e67a62cbdf81330d38 100644 (file)
--- a/wcfsetup/install/files/acp/style/style.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -492,7 +492,7 @@ nav.mainMenu ul li.activeMenuItem .badge {
 
 
 
-/* -- -- -- Header Navigation -- -- -- */
+/* -- -- -- Header/Footer Navigation -- -- -- */
 
 nav.headerNavigation {
        background-color: #e7f2fd;
@@ -527,7 +527,7 @@ nav.headerNavigation:after {
 }
 
 nav.headerNavigation > div {
-       padding: 3px 7px;
+       padding: 0 7px;
 }
 
 nav.headerNavigation > div:after {
@@ -540,11 +540,26 @@ nav.headerNavigation ul {
        display: block;
 }
 
-nav.headerNavigation ul li {
+nav.headerNavigation ul li,
+footer.pageFooter nav.footerNavigation ul li {
+       cursor: pointer;
+       margin: 0 3px;
        float: right;
 }
 
-#tplLogin header.pageHeader nav.headerNavigation ul li.toBottomLink {
+nav.headerNavigation ul li a,
+footer.pageFooter nav.footerNavigation ul li a {
+       padding: 3px;
+       display: inline-block;
+}
+
+nav.headerNavigation ul li a:hover,
+footer.pageFooter nav.footerNavigation ul li a:hover {
+       background-color: #d8e7f5;
+}
+
+#tplLogin header.pageHeader nav.headerNavigation ul li.toBottomLink,
+#tplLogin footer.pageFooter nav.footerNavigation ul li.toTopLink {
        /* Removes the to-bottom-link on the log-in page */
        position: absolute;
        left: -9000px;
@@ -846,7 +861,7 @@ footer.pageFooter > div {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        background-color: #e7f2fd;
-       padding: 3px 7px;
+       padding: 0 7px;
        clear: both;
 }
 
@@ -877,23 +892,6 @@ footer.pageFooter .copyright a:hover {
 
 
 
-/* -- -- -- Footer Navigation -- -- -- */
-
-footer.pageFooter nav.footerNavigation ul li {
-       display: inline-block;
-       float: right;
-}
-
-#tplLogin footer.pageFooter nav.footerNavigation ul li.toTopLink {
-       /* Removes the to-top-link on the log-in page */
-       position: absolute;
-       left: -9000px;
-       top: -9000px;
-       width: 0;
-}
-
-
-
 /* ############## Badges ############## */
 
 /* Globals */
@@ -2820,15 +2818,17 @@ a.ui-dialog-titlebar-close span {
        padding-top: 7px;
 }
 
+.ui-dialog > .ui-dialog-content {
+       border-radius: 7px;
+}
+
 .ui-dialog-titlebar ~ .ui-dialog-content {
+       border-top-left-radius: 0;
+       border-top-right-radius: 0;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
 }
 
-.ui-dialog > .ui-dialog-content {
-       border-radius: 7px;
-}
-
 
 
 div.ui-widget-overlay {

diff --git a/wcfsetup/install/files/icon/edit.svg b/wcfsetup/install/files/icon/edit.svg
new file mode 100755 (executable)
index 0000000..539c712
--- /dev/null
+++ b/wcfsetup/install/files/icon/edit.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<!--<?xml-stylesheet type="text/css" href="svg.css"?>-->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" xml:space="preserve">\r
+       \r
+       <title>Edit</title>\r
+       <desc>Edit Icon (plus line)</desc>\r
+       \r
+       <!--\r
+               @author         Harald Szekely \r
+               @copyright      2011 WoltLab GmbH \r
+               @license        GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+       --> \r
+       \r
+       <defs>\r
+               <style type="text/css">\r
+                       <![CDATA[\r
+                               .Upper {fill: #369;}\r
+                               .Lower {fill: #fff;}\r
+                       ]]>\r
+               </style>\r
+       </defs>\r
+       \r
+       <g id="IconEdit">\r
+               <g id="Line">\r
+                       <path class="Lower" d="M1,15c1.6845703,0.171875,3,0.296875,4.1586914-0.125\r
+                               c1.1821289-0.4306641,1.3759766-0.3876953,2.1137695-0.5917969C9.2773438,13.7285156,9.9814453,13.9970703,12,13.9970703\r
+                               c2.5625,0,2.4150391-1.7333984,1.0205078-1.7783203c-1.4550781-0.046875-3.0664062,0.6044922-4.5688477,1.0029297\r
+                               C7.4140625,13.4970703,6.8081055,14.5615234,4,14.71875L1,15z"/>\r
+                       <path class="Upper" d="M1,15c1.609375,0,3.484375,0,4.1586914-0.2714844\r
+                               c0.6723633-0.2705078,1.2871094-0.4648438,1.8818359-0.7148438C8.6411133,13.3427734,9.9814453,13,12,13\r
+                               c2.5625,0,2.4150391-0.9550781,1.0205078-1c-1.4550781-0.046875-3.1611328,0.203125-4.5688477,0.8623047\r
+                               C7.190918,13.453125,6.8081055,14.4150391,4,14.5722656L1,15z"/>\r
+               </g>\r
+               <g id="Pencil">\r
+                       <path class="Lower" d="M5.4375,12l4.875-4.859375C9.90625,7.15625,9.5625,7.0625,9.28125,6.78125\r
+                               c-0.3125-0.3125-0.3710938-0.6577148-0.375-1.015625L4,10.6621094c-0.355957,0.3544922-0.2885742,0.9863281,0.0209961,1.2958984\r
+                               C4.3857422,12.3222656,5.1064453,12.3310547,5.4375,12z M2.3242188,13.8818359l1.1870117-0.375\r
+                               c-0.2866211-0.1005859-0.4291992-0.0742188-0.6650391-0.3085938c-0.2226562-0.2070312-0.2099609-0.3017578-0.2490234-0.6318359\r
+                               l-0.4121094,1.1708984C2.1499023,13.8447266,2.2167969,13.9130859,2.3242188,13.8818359z M1.2324219,14.9882812\r
+                               c-0.1679688,0.0488281-0.2719727-0.0585938-0.2177734-0.2246094c0,0,1.3828125-3.7988281,1.4384766-3.8964844\r
+                               c0.0566406-0.1015625,0.1289062-0.1972656,0.2177734-0.2871094l8.2294922-8.2963867\r
+                               c0.5371094-0.5405273,1.5332031-0.2988281,2.3671875,0.6367188c0.7695312,0.8662109,0.9433594,1.7548828,0.4726562,2.2275391\r
+                               L5.4555664,13.5c-0.1738281,0.1738281-0.3720703,0.2753906-0.5830078,0.3183594\r
+                               C4.3989258,13.9863281,1.2324219,14.9882812,1.2324219,14.9882812z"/>\r
+                       <path class="Upper" d="M5.4375,11l4.875-4.859375C9.90625,6.15625,9.5625,6.0625,9.28125,5.78125\r
+                               c-0.3125-0.3125-0.3710938-0.6577148-0.375-1.015625L4,9.6621094c-0.355957,0.3544922-0.2885742,0.9863281,0.0209961,1.2958984\r
+                               C4.3857422,11.3222656,5.1064453,11.3310547,5.4375,11z M2.3242188,12.8818359l1.1870117-0.375\r
+                               c-0.2866211-0.1005859-0.4291992-0.0742188-0.6650391-0.3085938c-0.2226562-0.2070312-0.2099609-0.3017578-0.2490234-0.6318359\r
+                               l-0.4121094,1.1708984C2.1499023,12.8447266,2.2167969,12.9130859,2.3242188,12.8818359z M1.2324219,13.9882812\r
+                               c-0.1679688,0.0488281-0.2719727-0.0585938-0.2177734-0.2246094c0,0,1.3828125-3.7988281,1.4384766-3.8964844\r
+                               C2.5097656,9.765625,2.5820312,9.6699219,2.6708984,9.5800781l8.2294922-8.2963867\r
+                               c0.5371094-0.5405273,1.5332031-0.2988281,2.3671875,0.6367188c0.7695312,0.8662109,0.9433594,1.7548828,0.4726562,2.2275391\r
+                               L5.4555664,12.5c-0.1738281,0.1738281-0.3720703,0.2753906-0.5830078,0.3183594\r
+                               C4.3989258,12.9863281,1.2324219,13.9882812,1.2324219,13.9882812z"/>\r
+               </g>\r
+       </g>\r
+</svg>\r