Prefixes for classes; New icon; Optimizations
authorLuzifr <szekely@woltlab.com>
Thu, 2 Feb 2012 18:44:14 +0000 (19:44 +0100)
committerLuzifr <szekely@woltlab.com>
Thu, 2 Feb 2012 18:44:20 +0000 (19:44 +0100)
Experimental: All classes will be prefixed from now on. This is the
start of this experiment. Prevents conflicts with
3rd-party-stylesheets. At the moment all classes are being doubled for
compatibility reasons, i'll remove those duplicates when all classes
are changed. Some problems: What will be the prefix for classes, which
are not WCF- or WBB-depended? Styles coming from small packages should
be prefixed somehow.

44 files changed:
wcfsetup/install/files/acp/style/wcf.css
wcfsetup/install/files/acp/templates/acpSessionLog.tpl
wcfsetup/install/files/acp/templates/acpSessionLogList.tpl
wcfsetup/install/files/acp/templates/ajaxException.tpl
wcfsetup/install/files/acp/templates/cacheList.tpl
wcfsetup/install/files/acp/templates/cronjobAdd.tpl
wcfsetup/install/files/acp/templates/cronjobList.tpl
wcfsetup/install/files/acp/templates/cronjobLogList.tpl
wcfsetup/install/files/acp/templates/footer.tpl
wcfsetup/install/files/acp/templates/header.tpl
wcfsetup/install/files/acp/templates/login.tpl
wcfsetup/install/files/acp/templates/masterPassword.tpl
wcfsetup/install/files/acp/templates/masterPasswordInit.tpl
wcfsetup/install/files/acp/templates/option.tpl
wcfsetup/install/files/acp/templates/optionFieldList.tpl
wcfsetup/install/files/acp/templates/optionImport.tpl
wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl
wcfsetup/install/files/acp/templates/packageInstallationStepPrepare.tpl
wcfsetup/install/files/acp/templates/packageList.tpl
wcfsetup/install/files/acp/templates/packageListDetailed.tpl
wcfsetup/install/files/acp/templates/packageStartInstall.tpl
wcfsetup/install/files/acp/templates/packageUninstallationDependencies.tpl
wcfsetup/install/files/acp/templates/packageUninstallationStepPrepare.tpl
wcfsetup/install/files/acp/templates/packageUpdate.tpl
wcfsetup/install/files/acp/templates/packageUpdateAuth.tpl
wcfsetup/install/files/acp/templates/packageUpdateSearch.tpl
wcfsetup/install/files/acp/templates/packageUpdateSearchResult.tpl
wcfsetup/install/files/acp/templates/packageView.tpl
wcfsetup/install/files/acp/templates/permissionDenied.tpl
wcfsetup/install/files/acp/templates/success.tpl
wcfsetup/install/files/acp/templates/updateServerAdd.tpl
wcfsetup/install/files/acp/templates/updateServerList.tpl
wcfsetup/install/files/acp/templates/userAdd.tpl
wcfsetup/install/files/acp/templates/userAssignToGroup.tpl
wcfsetup/install/files/acp/templates/userEmailAddressExport.tpl
wcfsetup/install/files/acp/templates/userException.tpl
wcfsetup/install/files/acp/templates/userGroupAdd.tpl
wcfsetup/install/files/acp/templates/userGroupList.tpl
wcfsetup/install/files/acp/templates/userList.tpl
wcfsetup/install/files/acp/templates/userMail.tpl
wcfsetup/install/files/acp/templates/userSearch.tpl
wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
wcfsetup/install/files/icon/write1.svg [new file with mode: 0644]

index 6e9239c2a057715b4b4741f8a7401fdd231c5bb4..bcba0b8885cf77dc26b7304ce4eeb0fa35cbb2ad 100644 (file)
@@ -107,11 +107,13 @@ hr {
 
 /* Single Classes */
 
-.hot {
+.hot,
+.wcf-hot {
        color: #b00; 
 }
 
-.invisible {
+.invisible,
+.wcf-invisible {
        position: absolute;
        left: -9000px;
        top: -9000px;
@@ -545,7 +547,8 @@ nav.topMenu {
 
 /* -- -- -- Main Menu -- -- -- */
 
-.mainMenu {
+.mainMenu,
+.wcf-mainMenu {
        /* General toggle switch for main menu orientation (options: left|center|right) */
        text-align: left;
        margin: 0 30px;
@@ -553,55 +556,66 @@ nav.topMenu {
        position: relative;
 }
 
-.mainMenu:after {
+.mainMenu:after,
+.wcf-mainMenu:after {
        content: '';
        display: block;
        clear: both;
 }
 
-.mainMenu > ul {
+.mainMenu > ul,
+.wcf-mainMenu > ul {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: rgba(0, 0, 0, .4);
        display: inline-block;
 }
 
-.mainMenu > ul > li {
+.mainMenu > ul > li,
+.wcf-mainMenu > ul > li {
        display: inline-block;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
-       .mainMenu > ul > li {
+       .mainMenu > ul > li,
+       .wcf-mainMenu > ul > li {
                font-size: 120%;
        }
 }
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
-       .mainMenu > ul > li {
+       .mainMenu > ul > li,
+       .wcf-mainMenu > ul > li {
                font-size: 150%;
        }
 }
 
-.mainMenu > ul > li.activeMenuItem {
+.mainMenu > ul > li.activeMenuItem,
+.wcf-mainMenu > ul > li.activeMenuItem {
        margin: -5px 0 0;
 }
 
-.mainMenu > ul > li.activeMenuItem:first-child {
+.mainMenu > ul > li.activeMenuItem:first-child,
+.wcf-mainMenu > ul > li.activeMenuItem:first-child {
        margin: -5px -5px 0 0;
 }
 
-.mainMenu > ul > li.activeMenuItem:last-child {
+.mainMenu > ul > li.activeMenuItem:last-child,
+.wcf-mainMenu > ul > li.activeMenuItem:last-child {
        margin: -5px 0 0 -5px;
 }
 
 .mainMenu > ul > li:only-child,
-.mainMenu > ul > li.activeMenuItem:only-child {
+.mainMenu > ul > li.activeMenuItem:only-child,
+.wcf-mainMenu > ul > li:only-child,
+.wcf-mainMenu > ul > li.activeMenuItem:only-child {
        margin: -5px 0 0;
 }
 
-.mainMenu > ul > li > a {
+.mainMenu > ul > li > a,
+.wcf-mainMenu > ul > li > a {
        font-weight: normal;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
        color: #69c;
@@ -633,7 +647,8 @@ nav.topMenu {
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
-       .mainMenu > ul > li > a {
+       .mainMenu > ul > li > a,
+       .wcf-mainMenu > ul > li > a {
                padding: 10px 20px;
        }
        
@@ -641,22 +656,27 @@ nav.topMenu {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
-       .mainMenu > ul > li > a {
+       .mainMenu > ul > li > a,
+       .wcf-mainMenu > ul > li > a {
                padding: 10px 10px;
        }
        
 }
 
 .mainMenu > ul > li > a,
-.mainMenu > ul > li:hover > a {
+.mainMenu > ul > li:hover > a,
+.wcf-mainMenu > ul > li > a,
+.wcf-mainMenu > ul > li:hover > a {
        text-decoration: none;
 }
 
-.mainMenu > ul > li:not(.activeMenuItem):hover > a {
+.mainMenu > ul > li:not(.activeMenuItem):hover > a,
+.wcf-mainMenu > ul > li:not(.activeMenuItem):hover > a {
        color: rgba(255, 255, 255, 1);
 }
 
-.mainMenu > ul > li.activeMenuItem > a {
+.mainMenu > ul > li.activeMenuItem > a,
+.wcf-mainMenu > ul > li.activeMenuItem > a {
        font-size: 110%;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
@@ -677,7 +697,8 @@ nav.topMenu {
 
 /* Rounded Bottom Corners */
 
-.mainMenu > ul > li.activeMenuItem > a:before {
+.mainMenu > ul > li.activeMenuItem > a:before,
+.wcf-mainMenu > ul > li.activeMenuItem > a:before {
        position: absolute;
     bottom: 0;
     width: 7px;
@@ -689,7 +710,8 @@ nav.topMenu {
     box-shadow: 2px 2px 0 #e7f2fd;
 }
 
-.mainMenu > ul > li.activeMenuItem > a:after {
+.mainMenu > ul > li.activeMenuItem > a:after,
+.wcf-mainMenu > ul > li.activeMenuItem > a:after {
        position: absolute;
     bottom: 0;
     width: 7px;
@@ -703,7 +725,8 @@ nav.topMenu {
 
 /* ToDo: Special */
 
-.mainMenu > ul > li.activeMenuItem .badge {
+.mainMenu > ul > li.activeMenuItem .badge,
+.wcf-mainMenu > ul > li.activeMenuItem .wcf-badge {
        font-size: 65% !important;
        color: rgba(255, 255, 255, 1);
        background-color: #369;
@@ -823,7 +846,8 @@ nav.topMenu {
 
 /* ############## Main ############## */
 
-.main {
+.main,
+.wcf-main {
        background-color: #d8e7f5;
        margin: 0 23px;
        position: relative;
@@ -837,7 +861,8 @@ nav.topMenu {
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
-       .main {
+       .main,
+       .wcf-main {
                min-width: 800px;
        }
        
@@ -845,7 +870,8 @@ nav.topMenu {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
-       .main {
+       .main
+       .wcf-main {
                min-width: auto;
        }
        
@@ -857,7 +883,8 @@ nav.topMenu {
 
 /* ToDo: Change the class name, since now we have the class "content" 2 times! */
 
-section.content {
+section.content,
+section.wcf-content {
        background-color: rgba(255, 255, 255, 1);
        position: relative;
        min-height: 100px;
@@ -877,30 +904,34 @@ section.content {
        transition: margin .1s ease;
 }
 
-section.content:after {
+section.content:after,
+section.wcf-content:after {
        content: '';
        display: block;
        clear: both;
 }
 
-.left section.content {
+.left section.content,
+.left section.wcf-content {
        border-left: 1px solid rgba(187, 204, 221, 1);
        margin-left: 249px;
 }
 
-.right section.content {
+.right section.content,
+.right section.wcf-content {
        border-right: 1px solid rgba(187, 204, 221, 1);
        margin-right: 249px;
 }
 
-/* ToDo: The sidebar should be removed completely, when there is no content, as on the login-page and similar! Then this declaration would work as expected. */
-.main > div section:only-child {
+.main > div section:only-child,
+.wcf-main > div section:only-child {
        margin: 0 !important;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
-       section.content {
+       section.content,
+       section.wcf-content {
                padding: 5px 40px 20px;
        }
        
@@ -908,13 +939,17 @@ section.content:after {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
-       section.content {
+       section.content,
+       section.wcf-content {
                padding: 5px 15px 20px;
        }
        
 }      
 
-section.content .content {
+section.content .content,
+section.wcf-content .wcf-content,
+section.content .wcf-content,
+section.wcf-content .content {
        /* Test: border: 1px solid #ccc;*/
        background-color: rgba(0, 0, 0, .01);
        padding: 13px 23px 23px;
@@ -925,7 +960,9 @@ section.content .content {
 /* -- -- -- Content Header & Footer -- -- -- */
 
 .contentHeader,
-.contentFooter {
+.contentFooter,
+.wcf-contentHeader,
+.wcf-contentFooter {
        margin-top: 15px;
 }
 
@@ -935,7 +972,8 @@ section.content .content {
 
 /* Globals */
 
-.sidebar {
+.sidebar,
+.wcf-sidebar {
        margin-bottom: -10px;
        display: block;
        width: 250px;
@@ -951,11 +989,13 @@ section.content .content {
 
 /* Toggle for sidebar orientation (options: left|right|top|bottom) */
 
-.left .sidebar {
+.left .sidebar,
+.left .wcf-sidebar {
        float: left;
 }
 
-.right .sidebar {
+.right .sidebar
+.right .wcf-sidebar {
        float: right;
 }
 
@@ -970,12 +1010,14 @@ section.content .content {
        height: 0;
 }
 
-.left .sidebar.collapsed + .content {
+.left .sidebar.collapsed + .content,
+.left .wcf-sidebar.collapsed + .wcf-content {
        border: 0;
        margin-left: 0;
 }
 
-.right .sidebar.collapsed + .content {
+.right .sidebar.collapsed + .content,
+.right .wcf-sidebar.collapsed + .wcf-content {
        border: 0;
        margin-right: 0;
 }
@@ -986,7 +1028,8 @@ section.content .content {
 
 /* Globals */
 
-.sidebar .collapsibleSidebarButton {
+.sidebar .collapsibleSidebarButton,
+.wcf-sidebar .collapsibleSidebarButton {
        cursor: pointer;
        background-position: center 1%, center 99%;
        background-size: 10px 10px, 10px 10px;
@@ -1025,7 +1068,8 @@ section.content .content {
        transition: right .1s ease;
 }
 
-.sidebar .collapsibleSidebarButton span {
+.sidebar .collapsibleSidebarButton span,
+.wcf-sidebar .collapsibleSidebarButton span {
     background-position: center center;
        background-size: 10px 10px;
        background-repeat: no-repeat;
@@ -1045,13 +1089,16 @@ section.content .content {
        background-image: url('../../icon/arrowRight1.svg');
 }
 
-.sidebar .collapsibleSidebarButton:hover {
+.sidebar .collapsibleSidebarButton:hover,
+.wcf-sidebar .collapsibleSidebarButton:hover {
        background-color: rgba(252, 252, 252, 1);
        opacity: 1;
 }
 
 .sidebar .collapsibleSidebarButton:focus,
-.sidebar .collapsibleSidebarButton:active {
+.sidebar .collapsibleSidebarButton:active,
+.wcf-sidebar .collapsibleSidebarButton:focus,
+.wcf-sidebar .collapsibleSidebarButton:active {
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
        -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
@@ -1070,7 +1117,8 @@ section.content .content {
        background-image: url('../../icon/arrowRight1.svg');
 }
 
-.left .sidebar .collapsibleSidebarButton:hover {
+.left .sidebar .collapsibleSidebarButton:hover,
+.left .wcf-sidebar .collapsibleSidebarButton:hover {
        border-right: 1px solid rgba(187, 204, 221, .5);
 }
 
@@ -1085,7 +1133,8 @@ section.content .content {
        background-image: url('../../icon/arrowLeft1.svg');
 }
 
-.right .sidebar .collapsibleSidebarButton:hover {
+.right .sidebar .collapsibleSidebarButton:hover,
+.right .wcf-sidebar .collapsibleSidebarButton:hover {
        border-left: 1px solid rgba(187, 204, 221, .5);
 }
 
@@ -1253,16 +1302,19 @@ section.content .content {
 
 /* -- -- -- Copyright -- -- -- */
 
-.pageFooter .copyright {
+.pageFooter .copyright,
+.pageFooter .wcf-copyright {
        padding-top: 20px;
        display: inline-block;
 }
 
-.pageFooter .copyright a {
+.pageFooter .copyright a,
+.pageFooter .wcf-copyright a {
        text-shadow: 0 -1px 0 #000;
 }
 
-.pageFooter .copyright a:hover {
+.pageFooter .copyright a:hover,
+.pageFooter .wcf-copyright a:hover {
        text-decoration: none;
        color: #69c;
 }
@@ -1273,7 +1325,8 @@ section.content .content {
 
 /* Globals */
 
-.badge {
+.badge,
+.wcf-badge {
        font-size: 85%;
        font-weight: bold;
        text-shadow: none;
@@ -1290,29 +1343,34 @@ section.content .content {
 
 /* Badge Types */
 
-.badgeNote {
+.badgeNote,
+.wcf-badgeNote {
        border: 1px solid #ccc;
 }
 
-.badgeInfo {
+.badgeInfo,
+.wcf-badgeInfo {
        color: #68b;
        border: 1px solid #9be;
        background-color: #def;
 }
 
-.badgeSuccess {
+.badgeSuccess,
+.wcf-badgeSuccess {
        color: #090;
        border: 1px solid #0c0;
        background-color: #efe;
 }
 
-.badgeWarning {
+.badgeWarning,
+.wcf-badgeWarning {
        color: #990;
        border: 1px solid #cc0;
        background-color: #ffd;
 }
 
-.badgeError {
+.badgeError,
+.wcf-badgeError {
        color: #c00;
        border: 1px solid #f99;
        background-color: #fee;
@@ -1321,6 +1379,7 @@ section.content .content {
 /* Buttons */
 
 .badgeButton,
+.wcf-badgeButton,
 .clipboardEditor > ul > li {
        cursor: pointer;
        border-radius: 30px;
@@ -1330,8 +1389,10 @@ section.content .content {
        display: inline-block;
 }
 
-li.badgeButton,
-li > .badgeButton {
+.badgeButton,
+.wcf-badgeButton,
+li > .badgeButton,
+li > .wcf-badgeButton {
        margin-top: 7px;
        margin-right: 3px;
        margin-left: 3px;
@@ -1339,7 +1400,9 @@ li > .badgeButton {
 }
 
 .badgeButton,
+.wcf-badgeButton,
 .badgeButton a,
+.wcf-badgeButton a,
 .clipboardEditor > ul > li > span {
        text-decoration: none !important;
 }
@@ -1584,30 +1647,37 @@ table .label {
 
 /* -- -- -- Main Heading -- -- -- */
 
-.mainHeading {
+.mainHeading,
+.wcf-mainHeading {
        margin-top: 25px;
 }
 
-.mainHeading:not(:first-of-type) {
+.mainHeading:not(:first-of-type)
+.wcf-mainHeading:not(:first-of-type) {
        margin-top: 30px;
 }
 
-.wcfDialogContainer .mainHeading {
+.wcfDialogContainer .mainHeading
+.wcfDialogContainer .wcf-mainHeading {
        margin-top: 0;
 }
 
 .mainHeading > img,
-.mainHeading > svg{
+.mainHeading > svg,
+.wcf-mainHeading > img,
+.wcf-mainHeading > svg {
        float: left;
 }
 
-.mainHeading > hgroup {
+.mainHeading > hgroup,
+.wcf-mainHeading > hgroup {
        display: block;
        position: relative;
        min-height: 48px;
 }
 
-.mainHeading > hgroup h1 {
+.mainHeading > hgroup h1
+.wcf-mainHeading > hgroup h1 {
        font-weight: bold;
        border-bottom: 1px solid rgba(153, 153, 153, 1);
        padding: 1px 0 10px;    
@@ -1616,17 +1686,22 @@ table .label {
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
        .mainHeading > img,
-       .mainHeading > svg {
+       .mainHeading > svg,
+       .wcf-mainHeading > img,
+       .wcf-mainHeading > svg {
                width: 48px;
                height: 48px;
        }
        
        .mainHeading > img ~ hgroup,
-       .mainHeading > svg ~ hgroup {
+       .mainHeading > svg ~ hgroup,
+       .wcf-mainHeading > img ~ hgroup,
+       .wcf-mainHeading > svg ~ hgroup {
                padding-left: 60px;
        }
        
-       .mainHeading > hgroup h1 {
+       .mainHeading > hgroup h1,
+       .wcf-mainHeading > hgroup h1 {
                font-size: 175%;
        }
        
@@ -1635,45 +1710,46 @@ table .label {
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
        .mainHeading > img,
-       .mainHeading > svg {
+       .mainHeading > svg,
+       .wcf-mainHeading > img,
+       .wcf-mainHeading > svg {
                width: 64px;
                height: 64px;
        }
        
        .mainHeading > img ~ hgroup,
-       .mainHeading > svg ~ hgroup {
+       .mainHeading > svg ~ hgroup,
+       .wcf-mainHeading > img ~ hgroup,
+       .wcf-mainHeading > svg ~ hgroup {
                padding-left: 65px;
        }
        
-       .mainHeading > hgroup h1 {
+       .mainHeading > hgroup h1,
+       .wcf-mainHeading > hgroup h1 {
                font-size: 200%;
        }
        
 }
 
 .mainHeading > hgroup h1,
-.mainHeading > hgroup h1 a {
+.mainHeading > hgroup h1 a,
+.wcf-mainHeading > hgroup h1,
+.wcf-mainHeading > hgroup h1 a {
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
        color: rgba(102, 102, 102, 1);
 }
 
-.mainHeading > hgroup h2 {
+.mainHeading > hgroup h2,
+.wcf-mainHeading > hgroup h2 {
        font-size: 100%;
        font-weight: normal;
        color: rgba(153, 153, 153, 1);
        padding-top: 5px;
 }
 
-/* ToDo: Get rid of that ".overlay" class! */
-.overlay .mainHeading > hgroup h1,
-.overlay .mainHeading > hgroup h1 a,
-.overlay .mainHeading > hgroup h2 {
-       text-shadow: 0 -1px 0 #000;
-       color: rgba(255, 255, 255, 1);
-}
-
-.mainHeading > hgroup p {
+.mainHeading > hgroup p,
+.wcf-mainHeading > hgroup p {
        padding-top: 3px;
 } 
 
@@ -1681,7 +1757,8 @@ table .label {
 
 /* -- -- -- Sub Heading -- -- -- */
 
-.subHeading h1 {
+.subHeading h1,
+.wcf-subHeading h1 {
        font-size: 150%;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
@@ -1693,7 +1770,8 @@ table .label {
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
-       .subHeading h1 {
+       .subHeading h1,
+       .wcf-subHeading h1 {
                font-size: 150%;
        }
        
@@ -1701,13 +1779,15 @@ table .label {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
-       .subHeading h1 {
+       .subHeading h1,
+       .wcf-subHeading h1 {
                font-size: 175%;
        }
        
 }
 
-.subHeading h2 {
+.subHeading h2,
+.wcf-subHeading h2 {
        font-weight: normal;
        color: #aaa;
 }
@@ -1882,19 +1962,22 @@ dl > dd > fieldset > dl > dd > label {
 
 /* Special -> Sidebar */
 
-.sidebar dl > dt {
+.sidebar dl > dt,
+.wcf-sidebar dl > dt {
        text-align: left;
        float: none;
        width: auto;
 }
 
-.sidebar dl > dd {
+.sidebar dl > dd,
+.wcf-sidebar dl > dd {
        margin-left: 0;
        display: block;
        margin-bottom: 13px;
 }      
 
-.sidebar dl > dd * {
+.sidebar dl > dd *,
+.wcf-sidebar dl > dd * {
        display: block;
 }      
 
@@ -2349,13 +2432,17 @@ input[type='button'],
 /* Special */
 
 .sidebar .largeButtons *,
-.sidebar input {
+.sidebar input,
+.wcf-sidebar .largeButtons *,
+.wcf-sidebar input {
        font-size: 75% !important;
        padding: 3px 7px;
 }
 
 .sidebar .largeButtons *,
-.sidebar input {
+.sidebar input,
+.wcf-sidebar .largeButtons *,
+.wcf-sidebar input {
        font-size: 75% !important;
 }
 
@@ -2363,7 +2450,8 @@ input[type='button'],
 
 /* ############## Border ############## */
 
-.border {
+.border,
+.wcf-border {
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-top: 15px;
@@ -2376,7 +2464,8 @@ input[type='button'],
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1);*/
 }
 
-.tabMenu ~ .border {
+.tabMenu ~ .border,
+.tabMenu ~ .wcf-border {
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1),  0 -8px 10px -10px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1),  0 -8px 10px -10px rgba(0, 0, 0, .1);
        -ms-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1),  0 -8px 10px -10px rgba(0, 0, 0, .1);
@@ -2385,18 +2474,14 @@ input[type='button'],
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1),  0 -8px 10px -10px rgba(0, 0, 0, .1);*/
 }
 
-/* ToDo: Get rid of that ".overlay" class! */
-.border.overlay {
-       margin-top: 0 !important;
-}
-
 
 
 /* ############## Box Title ############## */
 
 /* Globals */
 
-.boxTitle {
+.boxTitle,
+.wcf-boxTitle {
        border-radius: 7px;
        background-color: #369;
        /* Disabled, because the WoltLab header-image is not LGPL 
@@ -2410,7 +2495,8 @@ input[type='button'],
 
 /* Headings */
 
-.boxTitle > hgroup {
+.boxTitle > hgroup,
+.wcf-boxTitle > hgroup {
        text-shadow: 0 -1px 0 #000;
        color: rgba(255, 255, 255, 1);
        padding: 7px;
@@ -2418,35 +2504,42 @@ input[type='button'],
 }
 
 .boxTitle > a,
-.boxTitle > hgroup a {
+.boxTitle > hgroup a,
+.wcf-boxTitle > a,
+.wcf-boxTitle > hgroup a {
        text-decoration: none;
        color: rgba(255, 255, 255, 1);
 }
 
-.boxTitle > hgroup h1 {
+.boxTitle > hgroup h1,
+.wcf-boxTitle > hgroup h1 {
        font-size: 120%;
        display: inline-block;
 }
 
-.boxTitle > hgroup h2 {
+.boxTitle > hgroup h2,
+.wcf-boxTitle > hgroup h2 {
        font-size: 85%;
        color: rgba(255, 255, 255, .9);
        margin-top: 5px;
 }
 
-.boxTitle > hgroup .badge {
+.boxTitle > hgroup .badge,
+.wcf-boxTitle > hgroup .wcf-badge {
        font-size: 75%;
        color: #369;
 }
 
 /* Collapse Icon */
 
-.boxTitle > a {
+.boxTitle > a,
+.wcf-boxTitle > a {
        margin: 7px 0 0 10px;
        float: left;
 }
 
-.boxTitle > a img {
+.boxTitle > a img,
+.wcf-boxTitle > a img {
        height: 16px;
        width: 16px;
 }
@@ -2699,18 +2792,21 @@ input[type='button'],
 
 /* Special */
 
-.boxTitle > .menu {
+.boxTitle > .menu,
+.wcf-boxTitle > .menu {
        color: rgba(255, 255, 255, 1);
        border: none;
        margin: 0 !important;
        padding: 6px 7px !important;
 }
 
-.boxTitle > .menu ul li {
+.boxTitle > .menu ul li,
+.wcf-boxTitle > .menu ul li {
        margin-top: 0;
 }
 
-.boxTitle > .menu ul li a {
+.boxTitle > .menu ul li a,
+.wcf-boxTitle > .menu ul li a {
        font-size: 85%;
        text-decoration: none;
        text-shadow: 0 -1px 0 #000;
@@ -2727,7 +2823,8 @@ input[type='button'],
        transition: color .1s linear;
 }
 
-.boxTitle > .menu ul li a:hover {
+.boxTitle > .menu ul li a:hover,
+.wcf-boxTitle > .menu ul li a:hover {
        color: rgba(255, 255, 255, 1) !important;
        border: 1px solid rgba(0, 0, 0, .3);
        background-color: rgba(0, 0, 0, .2);
@@ -2735,7 +2832,10 @@ input[type='button'],
 
 .boxTitle > .menu ul li a:active,
 .boxTitle > .menu ul li a:focus,
-.boxTitle > .menu ul li.ui-state-active a {
+.boxTitle > .menu ul li.ui-state-active a,
+.wcf-boxTitle > .menu ul li a:active,
+.wcf-boxTitle > .menu ul li a:focus,
+.wcf-boxTitle > .menu ul li.ui-state-active a {
        border: 1px solid rgba(0, 0, 0, .5);
        
        -webkit-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
@@ -2745,7 +2845,8 @@ input[type='button'],
        box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
 }
 
-.boxTitle > .menu ul li a .badge {
+.boxTitle > .menu ul li a .badge,
+.wcf-boxTitle > .menu ul li a .wcf-badge {
        color: #369 !important;
 }
 
@@ -2996,21 +3097,27 @@ tbody tr:hover td {
 
 /* -- -- -- Special -> Table Header -- -- -- */
 
-.menu ~ .border thead th:first-child {
+.menu ~ .border thead th:first-child,
+.menu ~ .wcf-border thead th:first-child {
        border-top-left-radius: 0 !important;
 }
 
-.menu ~ .border thead th:last-child {
+.menu ~ .border thead th:last-child,
+.menu ~ .wcf-border thead th:last-child {
        border-top-right-radius: 0 !important;
 }
 
 .menu ~ .border thead th:first-child,
-.boxTitle > table thead th:first-child {
+.boxTitle > table thead th:first-child,
+.menu ~ .wcf-border thead th:first-child,
+.wcf-boxTitle > table thead th:first-child {
        border-top-left-radius: 0 !important;
 }
 
 .menu ~ .border thead th:last-child,
-.boxTitle > table thead th:last-child {
+.boxTitle > table thead th:last-child,
+.menu ~ .wcf-border thead th:last-child,
+.wcf-boxTitle > table thead th:last-child {
        border-top-right-radius: 0 !important;
 }
 
@@ -3292,7 +3399,11 @@ tr .columnURL {
 .info,
 .error,
 .success,
-.warning {
+.warning,
+.wcf-info,
+.wcf-error,
+.wcf-success,
+.wcf-warning {
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
        line-height: 1.5;
        border-radius: 7px;
@@ -3302,7 +3413,8 @@ tr .columnURL {
 
 /* Types */
 
-.info {
+.info,
+.wcf-info {
        color: #68b;
        border: 1px solid #9be;
        background-color: #def;
@@ -3312,7 +3424,8 @@ tr .columnURL {
        background-repeat: no-repeat;
 }
 
-.success {
+.success,
+.wcf-success {
        color: #090;
        border: 1px solid #0c0;
        background-color: #efe;
@@ -3322,7 +3435,8 @@ tr .columnURL {
        background-repeat: no-repeat;
 }
 
-.warning {
+.warning,
+.wcf-warning {
        color: #990;
        border: 1px solid #cc0;
        background-color: #ffd;
@@ -3332,7 +3446,8 @@ tr .columnURL {
        background-repeat: no-repeat;
 }
 
-.error {
+.error,
+.wcf-error {
        color: #c00;
        border: 1px solid #f99;
        background-color: #fee;
@@ -3344,7 +3459,8 @@ tr .columnURL {
 
 /* Inline Errors */
 
-.innerError {
+.innerError,
+.wcf-innerError {
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
        line-height: 1.5;
        color: #c00;
@@ -3368,7 +3484,8 @@ tr .columnURL {
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 }
 
-.innerError .pointer { 
+.innerError .pointer,
+.wcf-innerError .pointer {     
        border-width: 0 7px 7px;
        border-style: solid;
        border-color: #ccc transparent;
@@ -3379,7 +3496,8 @@ tr .columnURL {
        left: 10%;
 }
 
-.innerError .pointer span {    
+.innerError .pointer span,
+.wcf-innerError .pointer span {        
        border-width: 0 5px 5px;
        border-style: solid;
        border-color: rgba(255, 255, 255, 1) transparent;
@@ -3392,7 +3510,8 @@ tr .columnURL {
 
 /* Special -> Pre Input */
 
-.preInput ~ .innerError .pointer {     
+.preInput ~ .innerError .pointer,
+.preInput ~ .wcf-innerError .pointer { 
        right: 10%;
        left: auto;
 }
@@ -3403,7 +3522,8 @@ tr .columnURL {
 
 /* Globals */
 
-.systemNotification { /* declarations taken from .success */
+.systemNotification,
+.wcf-systemNotification { /* declarations taken from .success */
        background-color: rgba(238, 255, 238, 1);
        border: 1px solid rgba(0, 204, 0, 1);
        border-top-width: 0;
@@ -3425,7 +3545,8 @@ tr .columnURL {
        transition: top .5s linear;
 }
 
-.systemNotification.open {
+.systemNotification.open,
+.wcf-systemNotification.open {
        top: 0;
 }
 
@@ -3435,7 +3556,8 @@ tr .columnURL {
 
 /* Globals */
 
-.wcfDialogContainer {
+.wcfDialogContainer,
+.wcf-dialogContainer {
        border: 23px solid transparent;
        border-radius: 15px;
        background-color: rgba(0, 0, 0, .4);
@@ -3452,7 +3574,8 @@ tr .columnURL {
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
-       .wcfDialogContainer {
+       .wcfDialogContainer,
+       .wcf-dialogContainer {
                min-width: 500px !important;
                max-width: 780px !important;
        }
@@ -3461,7 +3584,8 @@ tr .columnURL {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
-       .wcfDialogContainer {
+       .wcfDialogContainer,
+       .wcf-dialogContainer {
                min-width: 200px !important;
                max-width: 380px !important;
        }
@@ -3470,7 +3594,8 @@ tr .columnURL {
 
 /* Titlebar */
 
-.wcfDialogTitlebar {
+.wcfDialogTitlebar,
+.wcf-dialogTitlebar {
        border-bottom: 1px solid #036;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
@@ -3486,7 +3611,8 @@ tr .columnURL {
        /*cursor: move;*/
 }
 
-.wcfDialogTitle {
+.wcfDialogTitle,
+.wcf-dialogTitle {
        font-size: 170%;
        font-weight: bold;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
@@ -3494,7 +3620,8 @@ tr .columnURL {
        display: block;
 }
 
-.wcfDialogCloseButton {
+.wcfDialogCloseButton,
+.wcf-dialogCloseButton {
        background-image: url('../../icon/delete2.svg');
        background-size: 32px;
        background-position: top left;
@@ -3507,7 +3634,8 @@ tr .columnURL {
        cursor: pointer;
 }
 
-.wcfDialogCloseButton span {
+.wcfDialogCloseButton span,
+.wcf-dialogCloseButton span {
        /* Removes the button-caption */
        position: absolute;
        left: -9000px;
@@ -3517,18 +3645,21 @@ tr .columnURL {
 
 /* Content */
 
-.wcfDialogContent {
+.wcfDialogContent,
+.wcf-dialogContent {
        background-color: #333;
        overflow: auto;
 }
 
-.wcfDialogContainer > .wcfDialogContent {
+.wcfDialogContainer > .wcfDialogContent,
+.wcf-dialogContainer > .wcf-dialogContent {
        border-radius: 7px;
        padding: 0;
        /*width: auto !important;*/
 }
 
-.wcfDialogTitlebar ~ .wcfDialogContent {
+.wcfDialogTitlebar ~ .wcfDialogContent,
+.wcf-dialogTitlebar ~ .wcf-dialogContent {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 7px;
@@ -3536,8 +3667,6 @@ tr .columnURL {
        padding: 10px 20px 20px;
 }
 
-
-
 /* Special */
 
 #ajaxExceptionStacktrace {
@@ -3558,7 +3687,8 @@ tr .columnURL {
 
 /* ############## ToDo: Overlay Spinner ############## */
 
-.wcfDialogOverlay {
+.wcfDialogOverlay,
+.wcf-dialogOverlay {
        background-color: rgba(0, 0, 0, 1);
        opacity: .5;
        position: fixed;
@@ -3569,7 +3699,8 @@ tr .columnURL {
 
 
 /* ToDo: What is that and change that class-name! */
-.overlayLoading {
+.overlayLoading,
+.wcf-overlayLoading {
        background-color: rgba(255, 255, 255, 1);
        background-image: url('../../icon/spinner1.svg');
        background-position: center center;
@@ -3735,7 +3866,8 @@ img[src*='enable'] {
 
 /* Globals */
 
-.clipboardEditor > ul {
+.clipboardEditor > ul,
+.wcf-clipboardEditor > ul {
        font-size: .85em;
        margin: 6px 3px 0;
        display: block;
@@ -3743,7 +3875,8 @@ img[src*='enable'] {
        float: left;
 }
 
-.clipboardEditor > ul > li > span {
+.clipboardEditor > ul > li > span,
+.wcf-clipboardEditor > ul > li > span {
        background-image: url('../../icon/dropdown1.svg');
        background-position: right center;
        background-repeat: no-repeat;
@@ -4393,7 +4526,10 @@ button[disabled='disabled'] {
 
 /* ############## ToDo: Action Proxy Loading ############## */
 
-#actionProxyLoading {
+/* Spinner */
+
+#actionProxyLoading,
+#wcf-spinner {
        text-align: center;
        text-shadow: 0 -1px 0 #000;
        color: #fff;
@@ -4424,7 +4560,8 @@ button[disabled='disabled'] {
        box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
 }
 
-#actionProxyLoading img {
+#actionProxyLoading img,
+#wcf-spinner img {
        margin-bottom: 10px;
        height: 48px;
        width: 48px;
index a964177296a47a908db77fbeca379bbb2aed82f9..7f4a490e4ff8cdcf1cd7ff179ab8f5acb4efbcc5 100644 (file)
@@ -1,20 +1,20 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/session1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.sessionLog.access.list{/lang}</h1>
        </hgroup>
 </header>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller='ACPSessionLog' id=$sessionLogID link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 </div>
 
 {hascontent}
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
-                       <h1>{lang}wcf.acp.sessionLog.access.list{/lang} <span class="badge" title="{lang}wcf.acp.sessionLog.access.list.count{/lang}">{#$items}</span></h1>
+                       <h1>{lang}wcf.acp.sessionLog.access.list{/lang} <span class="wcf-badge" title="{lang}wcf.acp.sessionLog.access.list.count{/lang}">{#$items}</span></h1>
                </hgroup>
                
                <table>
@@ -53,7 +53,7 @@
                
        </div>
 
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                {@$pagesLinks}
        </div>
 {/hascontent}
index 798b266e9216ef0a8dc076dc6309fc2cf558f2a3..3508cc84c6daaa17e1a1ba980ef768dc74c9f3d7 100644 (file)
@@ -1,18 +1,18 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/session1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.sessionLog.list{/lang}</h1>
        </hgroup>
 </header>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller="ACPSessionLogList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 </div>
 
 {hascontent}
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1>{lang}wcf.acp.sessionLog.list{/lang} <span class="badge" title="{lang}wcf.acp.sessionLog.list.count{/lang}">{#$items}</span></h1>
                </hgroup>
@@ -53,7 +53,7 @@
                
        </div>
 
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                {@$pagesLinks}
        </div>
 {/hascontent}
index b63ae1f64fb6a59735b0a8bce8b55606670a3e42..6e5750ba93916bead67e2cdaedcbf0d4f151ff28 100644 (file)
@@ -1,3 +1,3 @@
-<p class="error">{$message}</p>
+<p class="wcf-error">{$message}</p>
 <!--<img src="{@RELATIVE_WCF_DIR}icon/plus1.svg" alt="" /> <span>Stacktrace</span>-->
 <div id="ajaxExceptionStacktrace"><pre>{$stacktrace}</pre></div> 
\ No newline at end of file
index 1bfe653635603e498857fff2fa99416de2b10fb8..009744c9000a22e347d0a65756229113a375ca84 100644 (file)
@@ -12,7 +12,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/cache1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.cache.list{/lang}</h1>
@@ -20,7 +20,7 @@
 </header>
 
 {if $cleared}
-       <p class="success">{lang}wcf.acp.cache.clear.success{/lang}</p> 
+       <p class="wcf-success">{lang}wcf.acp.cache.clear.success{/lang}</p>     
 {/if}
 
 <fieldset>
@@ -48,7 +48,7 @@
        {event name='dataFields'}
 </fieldset>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        {if $cacheData.files}<li><a onclick="return confirm('{lang}wcf.acp.cache.clear.sure{/lang}')" href="{link controller='CacheClear'}{/link}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" /> <span>{lang}wcf.acp.cache.button.clear{/lang}</span></a></li>{/if}
@@ -61,7 +61,7 @@
 {foreach from=$caches key=cache item=files}
        {counter name=cacheIndex assign=cacheIndex print=false start=0}
        {if $files|count}
-               <div class="border boxTitle">
+               <div class="wcf-border wcf-boxTitle">
                        <a class="collapsible" data-is-open="1" data-collapsible-container="cache{@$cacheIndex}"><img src="{@RELATIVE_WCF_DIR}icon/opened2.svg" alt="" title="{lang}wcf.global.button.collapsible{/lang}" class="balloonTooltip" /></a>
                        <hgroup>
                                <h1>{$cache} <span class="badge" title="{lang}wcf.acp.cache.data.files.count{/lang}">{#$files|count}</span></h1>
@@ -97,7 +97,7 @@
        {/if}
 {/foreach}
 
-<div class="contentFooter">
+<div class="wcf-contentFooter">
        <nav class="largeButtons">
                <ul>
                        {if $cacheData.files}<li><a onclick="return confirm('{lang}wcf.acp.cache.clear.sure{/lang}')" href="{link controller='CacheClear'}{/link}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" /> <span>{lang}wcf.acp.cache.button.clear{/lang}</span></a></li>{/if}
index cf203c1725e7850cbfdf6af420cc23aa41e9d579..9d40a6b84c421b55286b2db0c83ab3e24c0ef72b 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/{$action}1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.cronjob.{$action}{/lang}</h1>
@@ -8,17 +8,17 @@
        </hgroup>
 </header>
 
-<p class="info">{lang}wcf.acp.cronjob.intro{/lang}</p>
-
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
+<p class="wcf-info">{lang}wcf.acp.cronjob.intro{/lang}</p>
+
 {if $success|isset}
-       <p class="success">{lang}wcf.global.form.{$action}.success{/lang}</p>   
+       <p class="wcf-success">{lang}wcf.global.form.{$action}.success{/lang}</p>       
 {/if}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        <li><a href="{link controller='CronjobList'}{/link}" title="{lang}wcf.acp.menu.link.cronjob.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/time1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.cronjob.list{/lang}</span></a></li>
@@ -32,7 +32,7 @@
 </div>
 
 <form method="post" action="{if $action == 'add'}{link controller='CronjobAdd'}{/link}{else}{link controller='CronjobEdit'}{/link}{/if}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.cronjob.data{/lang}</legend>
@@ -42,7 +42,7 @@
                                <dd>
                                        <input type="text" id="className" name="className" value="{$className}" required="required" pattern="^\\?([a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*\\)*[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*$" class="long" />
                                        {if $errorField == 'className'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
@@ -71,7 +71,7 @@
                                <dd>
                                        <input type="text" id="startMinute" name="startMinute" value="{$startMinute}" class="short" />
                                        {if $errorField == 'startMinute'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {lang}wcf.acp.cronjob.timing.error.{@$errorType}{/lang}
                                                </small>
                                        {/if}
@@ -84,7 +84,7 @@
                                <dd>
                                        <input type="text" id="startHour" name="startHour" value="{$startHour}" class="short" />
                                        {if $errorField == 'startHour'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {lang}wcf.acp.cronjob.timing.error.{@$errorType}{/lang}
                                                </small>
                                        {/if}
@@ -97,7 +97,7 @@
                                <dd>
                                        <input type="text" id="startDom" name="startDom" value="{$startDom}" class="short" />
                                        {if $errorField == 'startDom'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {lang}wcf.acp.cronjob.timing.error.{@$errorType}{/lang}
                                                </small>
                                        {/if}
                                <dd>
                                        <input type="text" id="startMonth" name="startMonth" value="{$startMonth}" class="short" />
                                        {if $errorField == 'startMonth'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {lang}wcf.acp.cronjob.timing.error.{@$errorType}{/lang}
                                                </small>
                                        {/if}
                                <dd>
                                        <input type="text" id="startDow" name="startDow" value="{$startDow}" class="short" />
                                        {if $errorField == 'startDow'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {lang}wcf.acp.cronjob.timing.error.{@$errorType}{/lang}
                                                </small>
                                        {/if}
index 9e3dc29a78d7b1ff04d78ea30fcabd27a5bbf791..2f2eb245b44b916419c84609d3fc750caa6ea942 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/time1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.cronjob.list{/lang}</h1>
@@ -34,7 +34,7 @@
        </script>
 </header>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller="CronjobList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
        
        {hascontent}
@@ -53,7 +53,7 @@
 </div>
 
 {hascontent}
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1>{lang}wcf.acp.cronjob.list{/lang} <span class="badge" title="{lang}wcf.acp.cronjob.list.count{/lang}">{#$items}</span></h1>
                </hgroup>
                
        </div>
        
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                {@$pagesLinks}
                
                {* todo: add large button event *}
                {/if}
        </div>
 {hascontentelse}
-       <div class="border content">
-               <div class="container-1">
-                       <p class="warning">{lang}wcf.acp.cronjob.noneAvailable{/lang}</p>
+       <div class="wcf-border wcf-content">
+               <div>
+                       <p class="wcf-warning">{lang}wcf.acp.cronjob.noneAvailable{/lang}</p>
                </div>
        </div>
 {/hascontent}
index f823c817707cb6d44e40ac9100e17c4c80775901..09c99fe1271823b01c782119e304b4c11b92291f 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/time1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.cronjob.log{/lang}</h1>
@@ -8,13 +8,13 @@
        </hgroup>
 </header>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller="CronjobLogList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 </div>
 
 {hascontent}
        <form method="post" action="{link controller='CronjobLogDelete'}{/link}">
-               <div class="border boxTitle">
+               <div class="wcf-border wcf-boxTitle">
                        <hgroup>
                                <h1>{lang}wcf.acp.cronjob.log{/lang} <span class="badge" title="{lang}wcf.acp.cronjob.log.count{/lang}">{#$items}</span></h1>
                        </hgroup>
                </div>
        </form>
        
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                {@$pagesLinks}
        </div>
 {hascontentelse}
-       <p class="info">{lang}wcf.acp.cronjob.log.noEntries{/lang}</p>
+       <p class="wcf-info">{lang}wcf.acp.cronjob.log.noEntries{/lang}</p>
 {/hascontent}
 
 {include file='footer'}
index 57b0016d18713e9e2cb89a2c0d210eb9504dec61..fcf710cbe84f61339ca0d9a81889438445886b0c 100644 (file)
@@ -16,7 +16,7 @@
                
                {if PACKAGE_ID && ENABLE_BENCHMARK}{include file='benchmark' sandbox=false}{/if}
                
-               <address class="copyright"><a href="http://www.woltlab.com" title="Go to the WoltLab website">Copyright &copy; 2001-2012 WoltLab&reg; GmbH</a></address>
+               <address class="wcf-copyright"><a href="http://www.woltlab.com" title="Go to the WoltLab website">Copyright &copy; 2001-2012 WoltLab&reg; GmbH</a></address>
        </footer>
        <!-- /FOOTER -->
        <a id="bottom"></a>
index 4d3185d919121ea573c80450badc99dcb87a3e6a..fa44f20c4d2fc3fd2bf9d71710b117421498ef0d 100644 (file)
                        <!-- /logo -->
                        
                        <!-- main menu -->
-                       <nav id="mainMenu" class="mainMenu">
+                       <nav id="mainMenu" class="wcf-mainMenu">
                                {* work-around for unknown core-object during WCFSetup *}
                                {if PACKAGE_ID}
                                        <ul>
        <!-- /HEADER -->
        
        <!-- MAIN -->
-       <div id="main" class="main left"><!-- ToDo: We now use a floated sidebar. Thus we need some trigger for its orientation, which has to reside at least one level above the sidebar. This trigger should be set either to "left" or "right", although "top" or "bottom" would also be nice (not for the ACP but maybe in other applications like the gallery or so). Also for 2 sidebars we can mix the trigger values, support is already here!!! -->
+       <div id="main" class="wcf-main left">
                <div>
                        {hascontent}
                                <!-- SIDEBAR -->
-                               <aside class="sidebar">
+                               <aside class="wcf-sidebar">
                                        <!-- sidebar menu -->
                                        <nav id="sidebarContent" class="sidebarContent">
                                                {content}
                        {/hascontent}
                        
                        <!-- CONTENT -->
-                       <section id="content" class="content">
+                       <section id="content" class="wcf-content">
                                
\ No newline at end of file
index 8933311c521b3970e89a70a57f3f2c8943146269..e256cfbf75584930200a5ac05be8a389cab58669 100644 (file)
@@ -14,7 +14,7 @@
        //]]>
 </script>
 
-<header class="mainHeading setup">
+<header class="wcf-mainHeading setup">
        <img src="{@RELATIVE_WCF_DIR}icon/logIn1.svg" alt="" />
        <hgroup>
                <h1>{@$pageTitle}</h1>
@@ -22,7 +22,7 @@
 </header>
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 <form method="post" action="{link controller='Login'}{/link}">
@@ -33,7 +33,7 @@
                        <dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
                        <dd><input type="text" id="username" name="username" value="{$username}" class="medium" />
                                {if $errorField == 'username'}
-                                       <small class="innerError">
+                                       <small class="wcf-innerError">
                                                {if $errorType == 'empty'}
                                                        {lang}wcf.global.form.error.empty{/lang}
                                                {else}
@@ -48,7 +48,7 @@
                        <dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
                        <dd><input type="password" id="password" name="password" value="" class="medium" />
                                {if $errorField == 'password'}
-                                       <small class="innerError">
+                                       <small class="wcf-innerError">
                                                {if $errorType == 'empty'}
                                                        {lang}wcf.global.form.error.empty{/lang}
                                                {else}
index d7c899168a29409532e089813dbf713217fb6dcb..532451d4b559ac47bda7e2cdc757c1b6fc9bebb6 100644 (file)
@@ -8,7 +8,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/login1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.masterPassword.enter{/lang}</h1>
 </header>
 
 {if $errorField != ''}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 <form method="post" action="{link controller='MasterPassword'}{/link}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.masterPassword.enter{/lang}</legend>
@@ -30,7 +30,7 @@
                                <dd>
                                        <input type="password" id="masterPassword" name="masterPassword" value="{$masterPassword}" class="medium" />
                                        {if $errorField == 'masterPassword'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
index d2c71549d9ba40c38da7eb9057fdfd37b1295d98..a99a30ca64a02d02d264ed98b0a5c305f15b5625 100644 (file)
@@ -12,7 +12,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/login1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.masterPassword.init{/lang}</h1>
 </header>
 
 {if $errorField != ''}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 <form method="post" action="{link controller='MasterPasswordInit'}{/link}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.masterPassword.init{/lang}</legend>
@@ -34,7 +34,7 @@
                                <dd>
                                        <input type="password" id="masterPassword" name="masterPassword" value="{$masterPassword}" class="medium" />
                                        {if $errorField == 'masterPassword'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
@@ -51,7 +51,7 @@
                                <dd>
                                        <input type="password" id="confirmMasterPassword" name="confirmMasterPassword" value="{$confirmMasterPassword}" class="medium" />
                                        {if $errorField == 'confirmMasterPassword'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
index c387f1fd7908f78081e1438b2ae4b31834ab7360..fae744b438c9961fe27d32b5fc2d6e4935ce76ab 100644 (file)
@@ -9,7 +9,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/options1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.option.category.{$category->categoryName}{/lang}</h1>
 </header>
 
 {if $success|isset}
-       <p class="success">{lang}wcf.global.form.edit.success{/lang}</p>
+       <p class="wcf-success">{lang}wcf.global.form.edit.success{/lang}</p>
 {/if}
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 <form method="post" action="{link controller='Option' id=$category->categoryID}{/link}">
@@ -37,7 +37,7 @@
                
                {foreach from=$optionTree item=categoryLevel1}
                        <div id="{@$categoryLevel1[object]->categoryName}" class="border tabMenuContent hidden">
-                               <hgroup class="subHeading">
+                               <hgroup class="wcf-subHeading">
                                        <h1>{lang}wcf.acp.option.category.{@$categoryLevel1[object]->categoryName}{/lang}</h1>
                                        <h2>{lang __optional=true}wcf.acp.option.category.{$categoryLevel1[object]->categoryName}.description{/lang}</h2>
                                </hgroup>
index d16ee009e6f32fc6aaa836078cbadf2eebe39109..e1f0d5083328d2e9c2005e99992ba7dd182597d4 100644 (file)
@@ -9,7 +9,7 @@
                <dt{if $optionData[cssClassName]} class="{$optionData[cssClassName]}"{/if}><label for="{$option->optionName}">{lang}{@$langPrefix}{$option->optionName}{/lang}</label></dt>
                <dd>{@$optionData[html]}
                        {if $error}
-                               <small class="innerError">
+                               <small class="wcf-innerError">
                                        {if $error == 'empty'}
                                                {lang}wcf.global.form.error.empty{/lang}
                                        {else}  
index 3f061183f1843dabbd28633fd68bb66a66306737..2ddcdd1bea8dea12da239826f39ae307e2d21ce7 100644 (file)
@@ -1,18 +1,18 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/upload1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.option.import{/lang}</h1>
        </hgroup>
 </header>
 
-{if $success|isset}
-       <p class="success">{lang}wcf.acp.option.import.success{/lang}</p>       
+{if $errorField != ''}
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
-{if $errorField != ''}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+{if $success|isset}
+       <p class="wcf-success">{lang}wcf.acp.option.import.success{/lang}</p>   
 {/if}
 
 <form method="post" action="{link controller='OptionImport'}{/link}" enctype="multipart/form-data">
@@ -26,7 +26,7 @@
                                <dd>
                                        <input type="file" id="optionImport" name="optionImport" value="" />
                                        {if $errorField == 'optionImport'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
@@ -51,7 +51,7 @@
        </div>
 </form>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/download1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.option.export{/lang}</h1>
@@ -66,7 +66,7 @@
                <dl id="optionExportDiv">
                        <dt><label>{lang}wcf.acp.option.export.download{/lang}</label></dt>
                        <dd>
-                               <p><a href="{link controller='OptionExport'}{/link}" id="optionExport" class="badge badgeButton">{lang}wcf.acp.option.export{/lang}</a></p>
+                               <p><a href="{link controller='OptionExport'}{/link}" id="optionExport" class="wcf-badge wcf-badgeButton">{lang}wcf.acp.option.export{/lang}</a></p>
                                <small>{lang}wcf.acp.option.export.download.description{/lang}</small>
                        </dd>
                </dl>
index a6b7213a2fc127274d562b31e36d288794e9e552..69ca130d4623b81e839d3a9b927f57dd0ce119fc 100644 (file)
@@ -22,7 +22,7 @@
 </script>
 
 <form method="post" action="{link controller='PackageUpdate'}{/link}" id="updateForm">
-       <header class="mainHeading">
+       <header class="wcf-mainHeading">
                <img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" />
                <hgroup>
                        <h1>{lang}wcf.acp.packageUpdate{/lang}</h1>
        </header>
        
        {if !$availableUpdates|count}
-               <p class="info">{lang}wcf.acp.packageUpdate.noneAvailable{/lang}</p>
+               <p class="wcf-info">{lang}wcf.acp.packageUpdate.noneAvailable{/lang}</p>
        {else}
-               {foreach from=$availableUpdates item=availableUpdate}
-                       <article class="message content"{if $availableUpdate.version.updateType == 'security'} style="border-color: #c00"{/if}>
+               {foreach from=$availableUpdates item=availableUpdate}<!-- ToDo: Style! -->
+                       <article class="message wcf-content"{if $availableUpdate.version.updateType == 'security'} style="border-color: #c00"{/if}>
                                <div class="messageInner container-{cycle name='styles' values='1,2'}"><!-- ToDo: Remove cycle -->
                                        <hgroup class="subHeading">
                                                <h1>
index ae4477de5743c52be6336e835a6288083738b5b4..e73da1489353cb30c56ae2c437fef77ad3c4e9a3 100644 (file)
@@ -9,7 +9,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/working1.svg" alt="" />
        <hgroup>
                <h1>{$archive->getPackageInfo('packageName')}</h1>
 </header>
 
 {if $missingPackages > 0}
-       <p class="error">{lang}wcf.acp.package.install.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.acp.package.install.error{/lang}</p>
 {/if}
 
 {if $excludingPackages|count > 0}
-       <div class="error">{lang}wcf.acp.package.install.error.excludingPackages{/lang}
+       <div class="wcf-error">{lang}wcf.acp.package.install.error.excludingPackages{/lang}
                <ul>
                {foreach from=$excludingPackages item=excludingPackage}
                        <li>{lang}wcf.acp.package.install.error.excludingPackages.excludingPackage{/lang}</li>
@@ -32,7 +32,7 @@
 {/if}
 
 {if $excludedPackages|count > 0}
-       <div class="error">{lang}wcf.acp.package.install.error.excludedPackages{/lang}
+       <div class="wcf-error">{lang}wcf.acp.package.install.error.excludedPackages{/lang}
                <ul>
                {foreach from=$excludedPackages item=excludedPackage}
                        <li>{lang}wcf.acp.package.install.error.excludedPackages.excludedPackage{/lang}</li>
@@ -75,9 +75,9 @@
 </fieldset>
 
 {if $updatableInstances|count > 0}
-       <p class="warning">{lang}wcf.acp.package.install.updatableInstances.warning{/lang}</p>
+       <p class="wcf-warning">{lang}wcf.acp.package.install.updatableInstances.warning{/lang}</p>
        
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1>{lang}wcf.acp.package.install.updatableInstances{/lang}</h1>
                        <h2>{lang}wcf.acp.package.install.updatableInstances.description{/lang}</h2>
 {/if}
 
 {if $requiredPackages|count > 0}
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1>{lang}wcf.acp.package.view.requiredPackages{/lang} <span class="badge" title="{lang}wcf.acp.package.view.requiredPackages.description{/lang}">{#$requiredPackages|count}</span></h1>
                </hgroup>
index 9056cd876b1db8e67331068e9054fe07beeaa396..6f8a5604081c820bcd32c16974637fd925955465 100644 (file)
@@ -1,5 +1,5 @@
 <div id="packageInstallationDialogContainer" class="overlay">
-       <header class="mainHeading">
+       <header class="wcf-mainHeading">
                <img src="{@RELATIVE_WCF_DIR}icon/working2.svg" alt="" />
                <hgroup>
                        <h1>{lang}wcf.acp.package.installation.title{/lang}</h1>
index b05f2a1fec45348f4aa5be8da38af292a827dc1b..4272f2d35a26506b5897c49481f0c65efb1064eb 100644 (file)
@@ -22,7 +22,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.package.list{/lang}</h1>
@@ -37,8 +37,8 @@
                </ul>
        </nav>
        
-       <div id="applications" class="border tabMenuContent hidden">
-               <hgroup class="subHeading">
+       <div id="applications" class="wcf-border tabMenuContent hidden">
+               <hgroup class="wcf-subHeading">
                        <h1>Installed Applications</h1>
                </hgroup>
                
        </div>
        
        {hascontent}
-               <div id="plugins" class="border tabMenuContent hidden">
-                       <hgroup class="subHeading">
+               <div id="plugins" class="wcf-border tabMenuContent hidden">
+                       <hgroup class="wcf-subHeading">
                                <h1>Installed Plugins</h1>
                        </hgroup>
                        
-                       <div class="contentHeader">
+                       <div class="wcf-contentHeader">
                                
                        </div>
                        
                                </ol>
                        </section>
                        
-                       <div class="contentFooter">
+                       <div class="wcf-contentFooter">
                                
                        </div>
                </div>
        {/hascontent}
 </div>
 
-<div class="contentFooter">
+<div class="wcf-contentFooter">
        <nav>
                <ul class="largeButtons">
                        <li><a href="{link controller='PackageListDetailed'}{/link}" title="{lang}wcf.acp.menu.link.package.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" /> <span>detailed package list</span></a></li>
index eec2900337fc74402a5265bf9559c028000793d9..d44ed4b879951803278721101c5f8c1cfbd4d005 100644 (file)
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.package.list{/lang}</h1>
        </hgroup>
 </header>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller='PackageListDetailed' link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 
        {hascontent}
@@ -36,7 +36,7 @@
 </div>
 
 {if $objects|count > 0}
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1><a href="#">{lang}wcf.acp.package.list{/lang} <span class="badge" title="{lang}wcf.acp.package.list.count{/lang}">{#$items}</span></a></h1>
                </hgroup>
@@ -97,7 +97,7 @@
        </div>
 {/if}
 
-<div class="contentFooter">
+<div class="wcf-contentFooter">
        {@$pagesLinks}
        
        {hascontent}
index 4c7aab8bd8c806effb643fa76a109706bb59b5cc..263f7cbe162a88924f52d7e7295b8236f58654f5 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        {if $packageID == 0}
                <img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" />
                <hgroup>
 </header>
 
 {if $errorField != ''}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        <li><a href="{link controller='PackageList'}{/link}" title="{lang}wcf.acp.menu.link.package.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.package.list{/lang}</span></a></li>
@@ -29,7 +29,7 @@
 </div>
 
 <form method="post" action="{link controller='PackageStartInstall'}{/link}" enctype="multipart/form-data">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.package.startInstall.source{/lang}</legend>
index c2dda8f6bcfe1471774596c7214a30e35e6f4fd0..a9cacf562492a7ed3ee85fee691445f5993ca507 100644 (file)
@@ -8,7 +8,7 @@
 //     ]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.package.uninstall{/lang}: {$packageObj->getName()}</h1>
 
 {if $dependentPackages|count > 0}
        {if $uninstallAvailable}
-               <p class="warning">{lang}wcf.acp.package.uninstall.dependentPackages.warning{/lang}</p>
+               <p class="wcf-warning">{lang}wcf.acp.package.uninstall.dependentPackages.warning{/lang}</p>
        {else}
-               <p class="error">{lang}wcf.acp.package.uninstall.dependentPackages.error{/lang}</p>
+               <p class="wcf-error">{lang}wcf.acp.package.uninstall.dependentPackages.error{/lang}</p>
        {/if}
 
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1>{lang}wcf.acp.package.view.dependentPackages{/lang}</h1>
                </hgroup>
index 5fb17b8a4ce658782f6b216f2e23a8e508131bc1..ec5bc4abf1e3350ab7d92f37b0503e6b35ad98f3 100644 (file)
@@ -1,5 +1,5 @@
 <div id="packageInstallationDialogContainer" class="overlay">
-       <header class="mainHeading">
+       <header class="wcf-mainHeading">
                <img src="{@RELATIVE_WCF_DIR}icon/working2.svg" alt="" />
                <hgroup>
                        <h1>Paket &raquo;{$queue->packageName}&laquo; wird deinstalliert &hellip;</h1>
index 33a550fb50557c2c410d19740f36e0f0acdba0c2..e8eb1f5b856c00676ebf6da8591321d6b3063832 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.packageUpdate{/lang}</h1>
@@ -9,15 +9,15 @@
 
 {if $errorField == 'updates'}
        {if $errorType === 'empty'}
-               <p class="error">{lang}wcf.acp.packageUpdate.noneSelected{/lang}</p>
+               <p class="wcf-error">{lang}wcf.acp.packageUpdate.noneSelected{/lang}</p>
        {else}
-               <p class="error">{lang}wcf.acp.packageUpdate.error{/lang} {$errorType->getMessage()} ({@$errorType->getCode()})</p>
+               <p class="wcf-error">{lang}wcf.acp.packageUpdate.error{/lang} {$errorType->getMessage()} ({@$errorType->getCode()})</p>
                <!-- {$errorType->getTraceAsString()} -->
        {/if}
 {/if}
 
 {if $errorField == 'excludedPackages'}
-       <div class="error">{lang}wcf.acp.packageUpdate.excludedPackages{/lang}
+       <div class="wcf-error">{lang}wcf.acp.packageUpdate.excludedPackages{/lang}
                <ul>
                {foreach from=$excludedPackages item=excludedPackage}
                        <li>{if $excludedPackage.conflict == 'existingPackageExcludesNewPackage'}{lang}wcf.acp.packageUpdate.excludedPackages.existingPackageExcludesNewPackage{/lang}{else}{lang}wcf.acp.packageUpdate.excludedPackages.newPackageExcludesExistingPackage{/lang}{/if}</li>
@@ -28,7 +28,7 @@
 
 {if $packageInstallationStack|count}
        <form method="post" action="{link controller='PackageUpdate'}{/link}">
-               <div class="border content">
+               <div class="wcf-border wcf-content">
                        
                        <fieldset>
                                <legend>{lang}wcf.acp.packageUpdate.updates{/lang}</legend>
index 7436b0a6ab5a5271287832908adb55af3b27431e..9ef206e8115a60705ec325a30c71d07c4ed51e46 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.packageUpdate.auth{/lang}</h1>
@@ -8,11 +8,11 @@
 </header>
 
 {if $errorField != ''}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 <form method="{$requestMethod}" action="index.php{if $getParameters}?{@$getParameters}{/if}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.packageUpdate.auth.data{/lang}</legend>
@@ -51,7 +51,7 @@
                                <dd>
                                        <input type="password" id="loginPassword" name="loginPassword" value="{$loginPassword}" class="medium" />
                                        {if $errorField == 'loginPassword'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'invalid'}{lang}wcf.acp.packageUpdate.auth.error{/lang}{/if}
                                                </small>
                                        {/if}
index 95d412b2afed82d7d637df8871d79eedfcc51854..c931a1068046b9af34e357994ace047b9f9403da 100644 (file)
@@ -37,7 +37,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/search1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.packageUpdate.search{/lang}</h1>
 </header>
 
 {if $errorField != ''}
-       <p class="error">{lang}wcf.acp.packageUpdate.noneAvailable{/lang}</p>
+       <p class="wcf-error">{lang}wcf.acp.packageUpdate.noneAvailable{/lang}</p>
 {/if}
 
 {if !$updateServers|count}
-       <p class="warning">{lang}wcf.acp.updateServer.view.noneAvailable{/lang}</p>
+       <p class="wcf-warning">{lang}wcf.acp.updateServer.view.noneAvailable{/lang}</p>
 {else}
        <form method="post" action="{link controller='PackageUpdateSearch'}{/link}">
-               <div class="border content">
+               <div class="wcf-border wcf-content">
                        
                        <fieldset>
                                <legend>{lang}wcf.acp.packageUpdate.search.server{/lang}</legend>
index 19b2e97b9c6b5532993273a584e1a58eb02e99fb..d9f97fa08f89e97fe89b6d941ffa368ce0c899b0 100644 (file)
@@ -2,22 +2,22 @@
 
 <script type="text/javascript" src="{@RELATIVE_WCF_DIR}js/MultiPagesLinks.class.js"></script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/search1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.packageUpdate.search{/lang}</h1>
        </hgroup>
 </header>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller="PackageUpdateSearchResult" id=$searchID link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 </div>
 
 <form method="post" action="{link controller='PackageUpdate'}{/link}">
        {foreach from=$packages item=package}
-               <article class="message content">
+               <article class="message wcf-content">
                        <div class="messageInner"><!-- ToDo! -->
-                               <hgroup class="subHeading">
+                               <hgroup class="wcf-subHeading">
                                        <h1>
                                                {if $package.isApplication == 1}
                                                        <img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="balloonTooltip" />
index 1f4693fd3abb51099561e1dba2b694375cbe08c1..66a9033c4b8c26347e41a851631ff0a9a60a6dc8 100644 (file)
@@ -8,7 +8,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" /><!-- ToDo: Add possibility to show a custom app icon if given! -->
        <hgroup>
                <h1>{$package->getName()}</h1>
@@ -24,8 +24,8 @@
                </ul>
        </nav>
 
-       <div id="overview" class="border tabMenuContent hidden">
-               <hgroup class="subHeading">
+       <div id="overview" class="wcf-border tabMenuContent hidden">
+               <hgroup class="wcf-subHeading">
                        <h1>information</h1>
                </hgroup>
 
@@ -95,7 +95,7 @@
                </fieldset>
 
                {if $package->packageDescription}
-                       <hgroup class="subHeading">
+                       <hgroup class="wcf-subHeading">
                                <h1>description</h1>
                        </hgroup>
 
        </div>
 
        {if $requiredPackages|count || $dependentPackages|count}
-               <div id="dependencies" class="border tabMenuContainer tabMenuContent">
+               <div id="dependencies" class="wcf-border tabMenuContainer tabMenuContent">
                        <nav class="menu">
                                <ul>
                                        {if $requiredPackages|count}<li><a href="#dependencies-required">required</a></li>{/if}
                        </nav>
 
                        {hascontent}
-                               <div id="dependencies-required" class="hidden">
-                                       <hgroup class="subHeading">
+                               <div id="dependencies-required" class="wcf-hidden">
+                                       <hgroup class="wcf-subHeading">
                                                <h1>{lang}wcf.acp.package.view.requiredPackages{/lang}</h1>
                                                <h2>{lang}wcf.acp.package.view.requiredPackages.description{/lang}</h2>
                                        </hgroup>
                
-                                       <table>
+                                       <table class="wcf-border wcf-boxTitle">
                                                <thead>
                                                        <tr class="tableHead">
                                                                <th colspan="2" class="columnID">{lang}wcf.acp.package.list.id{/lang}</th>
                                                                                                <img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
                                                                                        {/if}
                                                                                </td>
-                                                                               <td class="columnText" title="{$requiredPackage.packageDescription}"><p><a href="{link controller='PackageView' id=$requiredPackage.packageID}{/link}">{$requiredPackage.packageName}{if $requiredPackage.instanceNo > 1 && $requiredPackage.instanceName == ''} (#{#$requiredPackage.instanceNo}){/if}</a></p></td>
+                                                                               <td class="columnTitle" title="{$requiredPackage.packageDescription}"><p><a href="{link controller='PackageView' id=$requiredPackage.packageID}{/link}">{$requiredPackage.packageName}{if $requiredPackage.instanceNo > 1 && $requiredPackage.instanceName == ''} (#{#$requiredPackage.instanceNo}){/if}</a></p></td>
                                                                                <td class="columnText">{if $requiredPackage.authorURL}<p><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$requiredPackage.authorURL|rawurlencode}" class="externalURL">{$requiredPackage.author}</a>{else}{$requiredPackage.author}</p>{/if}</td>
                                                                                <td class="columnText"><p>{$requiredPackage.packageVersion}</p></td>
                                                                                <td class="columnDate"><p>{@$requiredPackage.packageDate|date}</p></td>
 
                        {hascontent}
                                <div id="dependencies-dependent" class="hidden">
-                                       <hgroup class="subHeading">
+                                       <hgroup class="wcf-subHeading">
                                                <h1>{lang}wcf.acp.package.view.dependentPackages{/lang}</h1>
                                                <h2>{lang}wcf.acp.package.view.dependentPackages.description{/lang}</h2>
                                        </hgroup>
                
-                                       <table>
+                                       <table class="wcf-border wcf-boxTitle">
                                                <thead>
                                                        <tr class="tableHead">
-                                                               <th colspan="2">{lang}wcf.acp.package.list.id{/lang}</th>
-                                                               <th colspan="2">{lang}wcf.acp.package.list.name{/lang}</th>
-                                                               <th>{lang}wcf.acp.package.list.author{/lang}</th>
-                                                               <th>{lang}wcf.acp.package.list.version{/lang}</th>
-                                                               <th>{lang}wcf.acp.package.list.date{/lang}</th>
+                                                               <th colspan="2" class="columnID">{lang}wcf.acp.package.list.id{/lang}</th>
+                                                               <th colspan="2" class="columnTitle">{lang}wcf.acp.package.list.name{/lang}</th>
+                                                               <th class="columnText">{lang}wcf.acp.package.list.author{/lang}</th>
+                                                               <th class="columnText">{lang}wcf.acp.package.list.version{/lang}</th>
+                                                               <th class="columnDigits">{lang}wcf.acp.package.list.date{/lang}</th>
                                                                
                                                                {event name='dependencyHeadColumns'}
                                                        </tr>
                                                                                                <img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
                                                                                        {/if}
                                                                                </td>
-                                                                               <td class="columnText" title="{$dependentPackage.packageDescription}"><p><a href="{link controller='PackageView' id=$dependentPackage.packageID}{/link}">{$dependentPackage.packageName}{if $dependentPackage.instanceNo > 1 && $dependentPackage.instanceName == ''} (#{#$dependentPackage.instanceNo}){/if}</a></p></td>
+                                                                               <td class="columnTitle" title="{$dependentPackage.packageDescription}"><p><a href="{link controller='PackageView' id=$dependentPackage.packageID}{/link}">{$dependentPackage.packageName}{if $dependentPackage.instanceNo > 1 && $dependentPackage.instanceName == ''} (#{#$dependentPackage.instanceNo}){/if}</a></p></td>
                                                                                <td class="columnText">{if $dependentPackage.authorURL}<p><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$dependentPackage.authorURL|rawurlencode}" class="externalURL">{$dependentPackage.author}</a>{else}{$dependentPackage.author}</p>{/if}</td>
                                                                                <td class="columnText"><p>{$dependentPackage.packageVersion}</p></td>
                                                                                <td class="columnDate"><p>{@$dependentPackage.packageDate|date}</p></td>
 {/foreach}
 
 {hascontent}
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                <nav>
                        <ul class="largeButtons">
                                {content}
index d9362e9f541c421e0fc1b1435750300a6b477868..06fdb061da3399eac31b3f83a726bd0dc2ef4f06 100644 (file)
@@ -1,5 +1,5 @@
 {include file='header' templateName='permissionDenied'}
 
-<p class="error">{lang}wcf.global.error.permissionDenied{/lang}</p>
+<p class="wcf-error">{lang}wcf.global.error.permissionDenied{/lang}</p>
 
 {include file='footer'}
index b0beac7ec7662dc2bde9d35181658c56224c80ff..b85eaac6c21aa04fa118cb91453b7f081e6899c9 100644 (file)
@@ -1,5 +1,5 @@
 {include file='header' templateName='success'}
 
-<p class="success">{lang}{@$message}{/lang}</p>        
+<p class="wcf-success">{lang}{@$message}{/lang}</p>    
 
 {include file='footer'}
index 4d474b45d9f72ee8acca82df59a772cf2315b0c3..99c205677d9b5521ecef8a883b2b384524f61bed 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/{@$action}1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.updateServer.{$action}{/lang}</h1>
@@ -8,18 +8,18 @@
 </header>
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
-{if $success|isset}
-       <p class="success">{lang}wcf.global.form.{$action}.success{/lang}</p>   
+{if $packageUpdateServer|isset && $packageUpdateServer->errorMessage}
+       <p class="wcf-warning">{lang}wcf.acp.updateServer.lastErrorMessage{/lang}<br />{$packageUpdateServer->errorMessage}</p> 
 {/if}
 
-{if $packageUpdateServer|isset && $packageUpdateServer->errorMessage}
-       <p class="warning">{lang}wcf.acp.updateServer.lastErrorMessage{/lang}<br />{$packageUpdateServer->errorMessage}</p>     
+{if $success|isset}
+       <p class="wcf-success">{lang}wcf.global.form.{$action}.success{/lang}</p>       
 {/if}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        <li><a href="{link controller='UpdateServerList'}{/link}" title="{lang}wcf.acp.menu.link.package.server.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/server1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.package.server.list{/lang}</span></a></li>
@@ -30,7 +30,7 @@
 </div>
 
 <form method="post" action="{if $action == 'add'}{link controller='UpdateServerAdd'}{/link}{else}{link controller='UpdateServerEdit'}{/link}{/if}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.updateServer.data{/lang}</legend>
index 63421775edb3ba6a392ac68c2415f683184c99ae..cb4b6f05e7cc6d849986f14700a06f8a867d6d05 100644 (file)
@@ -9,7 +9,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/server1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.updateServer.list{/lang}</h1>
 </header>
 
 {if $deletedPackageUpdateServerID}
-       <p class="success">{lang}wcf.acp.updateServer.delete.success{/lang}</p>
+       <p class="wcf-success">{lang}wcf.acp.updateServer.delete.success{/lang}</p>
 {/if}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller="UpdateServerList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
        
        <nav>
@@ -33,7 +33,7 @@
 </div>
 
 {hascontent}
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1>{lang}wcf.acp.updateServer.list{/lang} <span class="badge" title="{lang}wcf.acp.updateServer.list.count{/lang}">{#$items}</span></h1>
                </hgroup>
@@ -79,7 +79,7 @@
                
        </div>
        
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                {@$pagesLinks}
                
                <nav>
@@ -91,7 +91,7 @@
                </nav>
        </div>
 {hascontentelse}
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                <p class="warning">{lang}wcf.acp.updateServer.list.noneAvailable{/lang}</p>
        </div>
 {/hascontent}
index dc47fc4984952316a2496d7eba5f9ad3ae7fa686..5c0a36799a5e464f13d32ae643f9079dad22f5a8 100644 (file)
@@ -8,7 +8,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img {if $userID|isset}id="userEdit{@$userID}" {/if}src="{@RELATIVE_WCF_DIR}icon/{@$action}1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.user.{@$action}{/lang}</h1>
 </header>
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
-{if $success|isset}
-       <p class="success">{lang}wcf.global.form.{@$action}.success{/lang}</p>  
+{if $userID|isset && $__wcf->user->userID == $userID}
+       <p class="wcf-warning">{lang}wcf.acp.user.edit.warning.selfEdit{/lang}</p>      
 {/if}
 
-{if $userID|isset && $__wcf->user->userID == $userID}
-       <p class="warning">{lang}wcf.acp.user.edit.warning.selfEdit{/lang}</p>  
+{if $success|isset}
+       <p class="wcf-success">{lang}wcf.global.form.{@$action}.success{/lang}</p>      
 {/if}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        <li><a href="{link controller='UserList'}{/link}" title="{lang}wcf.acp.menu.link.user.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.user.list{/lang}</span></a></li>
@@ -39,7 +39,7 @@
 </div>
 
 <form method="post" action="{if $action == 'add'}{link controller='UserAdd'}{/link}{else}{link controller='UserEdit'}{/link}{/if}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                <dl{if $errorType.username|isset} class="formError"{/if}>
                        <dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
                        <dd>
index 5497b40d07396f5f5d93ca8fcc5e831a861fcca9..4743c8c6b3902baf376190c0be92323d9f6039ee 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.user.assignToGroup{/lang}</h1>
@@ -8,18 +8,18 @@
 </header>
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 <form method="post" action="{link controller='UserAssignToGroup'}{/link}">
 
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.user.assignToGroup.markedUsers{/lang}</legend>
                        
                        <ul>
-                               {implode from=$users item=$user}<li><a href="{link controller='UserEdit' id=$user->userID}{/link}" class="badge badgeButton">{$user}</a></li>{/implode}
+                               {implode from=$users item=$user}<li><a href="{link controller='UserEdit' id=$user->userID}{/link}" class="wcf-badge wcf-badgeButton">{$user}</a></li>{/implode}
                        </ul>
                </fieldset>     
                
@@ -32,7 +32,7 @@
                                <dd><!-- ToDo: Build proper definition list -->
                                        {htmlCheckboxes options=$groups name=groupIDs selected=$groupIDs}
                                        {if $errorField == 'groupIDs'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
                                                </small>
                                        {/if}
index 4ea553798209db9a5bf7e92242bef2e65ac0a5b0..213032d6ba245ebbad22541deeca39b6c28e3522 100644 (file)
@@ -8,7 +8,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/eMail1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.user.exportEmailAddress{/lang}</h1>
 </header>
 
 <form method="post" action="{link controller='UserEmailAddressExport'}{/link}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                <fieldset>
                        <legend>{lang}wcf.acp.user.exportEmailAddress.markedUsers{/lang}</legend>
                        
                        <ul>
-                               {implode from=$users item=$user}<li><a href="{link controller='UserEdit' id=$user->userID}{/link}" class="badge badgeButton">{$user}</a></li>{/implode}
+                               {implode from=$users item=$user}<li><a href="{link controller='UserEdit' id=$user->userID}{/link}" class="wcf-badge wcf-badgeButton">{$user}</a></li>{/implode}
                        </ul>
                </fieldset>     
                
index 101077b4cd4996536a370a52e7499471ad683b19..81757abc18182009f9f470cd145a5ecdd50cb233 100644 (file)
@@ -1,6 +1,6 @@
 {include file='header' templateName='userException'}
 
-<p id="errorMessage" class="error">
+<p id="errorMessage" class="wcf-error">
        {@$message}
 </p>
 
index 37e76f0a1decd98d87b180d571a0d03186eefc89..5b5b2c9be4b89f8d6a4f9037d93d93ab66d76525 100644 (file)
@@ -12,7 +12,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/{@$action}1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.group.{@$action}{/lang}</h1>
 </header>
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 {if $warningSelfEdit|isset}
-       <p class="warning">{lang}wcf.acp.group.edit.warning.selfIsMember{/lang}</p>     
+       <p class="wcf-warning">{lang}wcf.acp.group.edit.warning.selfIsMember{/lang}</p> 
 {/if}
 
 {if $success|isset}
-       <p class="success">{lang}wcf.global.form.{@$action}.success{/lang}</p>  
+       <p class="wcf-success">{lang}wcf.global.form.{@$action}.success{/lang}</p>      
 {/if}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        <li><a href="{link controller='UserGroupList'}{/link}" title="{lang}wcf.acp.menu.link.group.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.group.list{/lang}</span></a></li>
@@ -42,7 +42,7 @@
 </div>
 
 <form method="post" action="{if $action == 'add'}{link controller='UserGroupAdd'}{/link}{else}{link controller='UserGroupEdit'}{/link}{/if}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.group.data{/lang}</legend>
@@ -52,7 +52,7 @@
                                <dd>
                                        <input type="text" id="groupName" name="groupName" value="{$i18nPlainValues['groupName']}" class="medium" />
                                        {if $errorType.groupName|isset}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType.groupName == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
index e9b0050ee64c54846885fe64e117d1da292025a3..11fa8630df1e2858600c562bdc4023116dbd1b9b 100644 (file)
@@ -8,14 +8,14 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.group.list{/lang}</h1>
        </hgroup>
 </header>
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller="UserGroupList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
        <nav>
                <ul class="largeButtons">
@@ -27,7 +27,7 @@
 </div>
 
 {hascontent}
-       <div class="border boxTitle">
+       <div class="wcf-border wcf-boxTitle">
                <hgroup>
                        <h1>{lang}wcf.acp.group.list{/lang} <span class="badge" title="{lang}wcf.acp.group.list.count{/lang}">{#$items}</span></h1>
                </hgroup>
@@ -74,7 +74,7 @@
                
        </div>
        
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                {@$pagesLinks}
                <nav>
                        <ul class="largeButtons">
index a3c65825db4dcb7021a5b60b166b391f75fe2ee1..1a7b94e474caa1ef0ab378ca4d551a56e109f504 100644 (file)
@@ -9,7 +9,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/{if $searchID}search{else}user{/if}1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.user.{if $searchID}search{else}list{/if}{/lang}</h1>
@@ -19,7 +19,7 @@
 
 {assign var=encodedURL value=$url|rawurlencode}
 {assign var=encodedAction value=$action|rawurlencode}
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        {pages print=true assign=pagesLinks controller="UserList" link="pageNo=%d&searchID=$searchID&action=$encodedAction&sortField=$sortField&sortOrder=$sortOrder"}
        
        <nav>
@@ -34,7 +34,7 @@
        </nav>
 </div>
 
-<div class="border boxTitle">
+<div class="wcf-border wcf-boxTitle">
        <nav class="menu">
                <ul>
                        <li{if $action == ''} class="active"{/if}><a href="{link controller='UserList'}{/link}"><span>{lang}wcf.acp.user.list.all{/lang}</span> <span class="badge" title="{lang}wcf.acp.user.list.count{/lang}">{#$items}</span></a></li>
@@ -94,7 +94,7 @@
                
        </div>
        
-       <div class="contentFooter">
+       <div class="wcf-contentFooter">
                {@$pagesLinks}
                
                <div class="clipboardEditor" data-types="[ 'com.woltlab.wcf.user' ]"></div>
 {hascontentelse}
 </div>
 
-<p class="info">{lang}wcf.acp.user.search.error.noMatches{/lang}</p>
+<p class="wcf-info">{lang}wcf.acp.user.search.error.noMatches{/lang}</p>
 {/hascontent}
 
 {include file='footer'}
index fac11e9e252f1a46a991f96ed753931a48e08d87..68710916570f169fea7ece413fced42e33ec5e5e 100644 (file)
@@ -12,7 +12,7 @@
        </script>
 {/if}
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/email1.svg" alt="" />
        <hgroup>
                <h1>
 </header>
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        <li><a href="{link controller='UserList'}{/link}" title="{lang}wcf.acp.menu.link.user.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.user.list{/lang}</span></a></li>
@@ -43,7 +43,7 @@
 </div>
 
 <form method="post" action="{link controller='UserMail'}{/link}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                {if $action == ''}
                        <fieldset>
@@ -74,7 +74,7 @@
                                                        </dl>
                                                </fieldset>
                                                {if $errorField == 'groupIDs'}
-                                                       <small class="innerError">
+                                                       <small class="wcf-innerError">
                                                                {if $errorType == 'empty'}
                                                                        {lang}wcf.global.form.error.empty{/lang}
                                                                {else}
@@ -95,7 +95,7 @@
                                <dd>
                                        <input type="text" id="subject" name="subject" value="{$subject}" autofocus="autofocus" placeholder="enter subject" class="long" />
                                        {if $errorField == 'subject'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
                                <dd>
                                        <input type="text" id="from" name="from" value="{$from}" class="medium" />
                                        {if $errorField == 'from'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
                                <dd>
                                        <textarea id="text" name="text" rows="15" cols="40" class="long">{$text}</textarea>
                                        {if $errorField == 'text'}
-                                               <small class="innerError">
+                                               <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}
                                                                {lang}wcf.global.form.error.empty{/lang}
                                                        {else}
index e7baf718a4fd7eddad3e75da33b64f10ce153a3d..ec195427d9d78a8736147518985fa5b8603b81b9 100644 (file)
@@ -8,7 +8,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/search1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.user.search{/lang}</h1>
 </header>
 
 {if $errorField == 'search'}
-       <p class="error">{lang}wcf.acp.user.search.error.noMatches{/lang}</p>
+       <p class="wcf-error">{lang}wcf.acp.user.search.error.noMatches{/lang}</p>
 {/if}
 
 {*if $deletedUsers}
-       <p class="success">{lang}wcf.acp.user.delete.success{/lang}</p> 
+       <p class="wcf-success">{lang}wcf.acp.user.delete.success{/lang}</p>     
 {elseif $deletedUsers === 0}
-       <p class="error">{lang}wcf.acp.user.delete.error{/lang}</p>     
+       <p class="wcf-error">{lang}wcf.acp.user.delete.error{/lang}</p> 
 {/if*}
 
-<div class="contentHeader">
+<div class="wcf-contentHeader">
        <nav>
                <ul class="largeButtons">
                        {if $__wcf->session->getPermission('admin.user.canAddUser')}
@@ -39,7 +39,7 @@
 </div>
 
 <form method="post" action="{link controller='UserSearch'}{/link}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
                <fieldset>
                        <legend>{lang}wcf.acp.user.search.conditions.general{/lang}</legend>
@@ -86,7 +86,7 @@
                                                                <dd>{htmlCheckboxes options=$availableGroups name='groupIDs' selected=$groupIDs}</dd>
                                                        </dl>
                                                        
-                                                       <label style="margin-top: 10px"><input type="checkbox" name="invertGroupIDs" value="1" {if $invertGroupIDs == 1}checked="checked" {/if}/> {lang}wcf.acp.user.groups.invertSearch{/lang}</label>
+                                                       <!-- ToDo --><label style="margin-top: 10px"><input type="checkbox" name="invertGroupIDs" value="1" {if $invertGroupIDs == 1}checked="checked" {/if}/> {lang}wcf.acp.user.groups.invertSearch{/lang}</label>
                                                </fieldset>
                                        </dd>
                                </dl>
                        </nav>
                        
                        {if $optionTree|count}
-                               <div id="profile" class="border tabMenuContent hidden">
+                               <div id="profile" class="wcf-border tabMenuContent hidden">
                                        <div>
-                                               <h3 class="subHeading">{lang}wcf.acp.user.search.conditions.profile{/lang}</h3>
+                                               <h3 class="wcf-subHeading">{lang}wcf.acp.user.search.conditions.profile{/lang}</h3>
                                                {include file='optionFieldList' langPrefix='wcf.user.option.' options=$optionTree}
                                        </div>
                                </div>
                
                        {event name='tabMenuContent'}
                
-                       <div id="resultOptions" class="border tabMenuContent hidden">
-                               <hgroup class="subHeading">
+                       <div id="resultOptions" class="wcf-border tabMenuContent hidden">
+                               <hgroup class="wcf-subHeading">
                                        <h1>{lang}wcf.acp.user.search.display{/lang}</h1>
                                </hgroup>
                                
index d6c90d1e002844b8baf223766d9671e5bfc36fb8..d37b6acb38e073910830f9ec13823b7d7fa0e783 100644 (file)
@@ -60,7 +60,7 @@
        //]]>
 </script>
 
-<header class="mainHeading">
+<header class="wcf-mainHeading">
        <img src="{@RELATIVE_WCF_DIR}icon/user1.svg" alt="" />
        <hgroup>
                <h1>{lang}wcf.acp.user.massProcessing{/lang}</h1>
 </header>
 
 {if $errorField}
-       <p class="error">{lang}wcf.global.form.error{/lang}</p>
+       <p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
+<p class="wcf-warning">{lang}wcf.acp.user.massProcessing.warning{/lang}</p>
+
 {if $affectedUsers|isset}
-       <p class="success">{lang}wcf.acp.user.massProcessing.success{/lang}</p> 
+       <p class="wcf-success">{lang}wcf.acp.user.massProcessing.success{/lang}</p>     
 {/if}
 
-<p class="warning">{lang}wcf.acp.user.massProcessing.warning{/lang}</p>
-
 <form method="post" action="{link controller='UsersMassProcessing'}{/link}">
-       <div class="border content">
+       <div class="wcf-border wcf-content">
                
-               <hgroup class="subHeading">
+               <hgroup class="wcf-subHeading">
                        <h1>{lang}wcf.acp.user.massProcessing.conditions{/lang}</h1>
                </hgroup>
                
                                                                <dd>
                                                                        {htmlCheckboxes options=$availableGroups name='groupIDArray' selected=$groupIDArray}
                                                                        
-                                                                       <label style="margin-top: 10px"><input type="checkbox" name="invertGroupIDs" value="1" {if $invertGroupIDs == 1}checked="checked" {/if}/> {lang}wcf.acp.user.groups.invertSearch{/lang}</label>
+                                                                       <!-- ToDo --><label style="margin-top: 10px"><input type="checkbox" name="invertGroupIDs" value="1" {if $invertGroupIDs == 1}checked="checked" {/if}/> {lang}wcf.acp.user.groups.invertSearch{/lang}</label>
                                                                </dd>
                                                        </dl>
                                                </fieldset>
                                </nav>
                                
                                {if $options|count}
-                                       <div id="profile" class="border tabMenuContent hidden">
-                                               <hgroup class="subHeading">
+                                       <div id="profile" class="wcf-border tabMenuContent hidden">
+                                               <hgroup class="wcf-subHeading">
                                                        <h1>{lang}wcf.acp.user.search.conditions.profile{/lang}</h1>
                                                </hgroup>
                                                
                {/hascontent}
        </div>
        
-       <div class="border content">
-               <hgroup class="subHeading">
+       <div class="wcf-border wcf-content">
+               <hgroup class="wcf-subHeading">
                        <h1>{lang}wcf.acp.user.massProcessing.action{/lang}</h1>
                </hgroup>
                        
                                                        {event name='additionalActions'}
                                                        
                                                        {if $errorField == 'action'}
-                                                               <small class="innerError">
+                                                               <small class="wcf-innerError">
                                                                        {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
                                                                </small>
                                                        {/if}
                                        <dd>
                                                <input type="email" id="from" name="from" value="{$from}" class="medium" />
                                                {if $errorField == 'from'}
-                                                       <small class="innerError">
+                                                       <small class="wcf-innerError">
                                                                {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
                                                        </small>
                                                {/if}
                                        <dd>
                                                <input type="text" id="subject" name="subject" value="{$subject}" class="long" />
                                                {if $errorField == 'subject'}
-                                                       <small class="innerError">
+                                                       <small class="wcf-innerError">
                                                                {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
                                                        </small>
                                                {/if}
                                        <dd>
                                                <textarea id="text" name="text" rows="15" cols="40">{$text}</textarea>
                                                {if $errorField == 'text'}
-                                                       <small class="innerError" class="long">
+                                                       <small class="wcf-innerError" class="long">
                                                                {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
                                                        </small>
                                                {/if}
diff --git a/wcfsetup/install/files/icon/write1.svg b/wcfsetup/install/files/icon/write1.svg
new file mode 100644 (file)
index 0000000..0cf01f2
--- /dev/null
@@ -0,0 +1,94 @@
+<?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>Write</title> \r
+       <desc>Write Icon</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
+                               .Upper1 {fill: #666;}\r
+                               .Lower1 {fill: #fff;}\r
+                       ]]>\r
+               </style>\r
+       </defs>\r
+       \r
+       <g id="IconWrite">\r
+               <g class="Lower1">\r
+                       <path id="Writing2" d="M14.4326172,14.4375c-1.5429688,0.0800781-3.1455078,0.140625-4.6689453-0.1474609\r
+                               c-0.6259766-0.1171875-0.855957-0.4130859-0.3310547-0.8525391c0.4716797-0.3945312,1.8691406-1.6542969,0.3134766-0.7900391\r
+                               c-1.2246094,0.6806641-2.2832031,1.3291016-3.7119141,1.5351562c-0.4550781,0.0664062-5.2954102-0.0878906-4.3623047-0.9257812\r
+                               c-0.2685547,0.15625-0.5371094,0.3125-0.8056641,0.46875c1.7470703-0.9560547,3.7832031-0.6425781,5.5136719-1.7773438\r
+                               C9.8984375,9.6425781,2.5888672,9.4492188,1.4331055,9.4375c-0.2905273-0.0029297-0.5834961,0.5029297-0.8662109,0.5\r
+                               c1.3701172,0.0146484,5.171875-0.3457031,5.9912109,1.2060547c0.7099609,1.3447266-3.9101562,1.5791016-4.7241211,2.0234375\r
+                               c-0.3916016,0.2148438-0.828125,0.4111328-1.1616211,0.7099609c-0.5693359,0.5107422,2.9086914,0.8828125,3.0961914,0.8857422\r
+                               c1.2358398,0.0244141,2.6030273-0.1386719,3.6928711-0.7587891c0.3930664-0.2236328,2.6020508-1.5644531,2.1049805-0.8720703\r
+                               c-0.2548828,0.3554688-1.5805664,0.8388672-1.2763672,1.3974609c0.2094727,0.3847656,1.2988281,0.3691406,1.6445312,0.4013672\r
+                               C11.1347656,15.0419922,12.3642578,15,13.5673828,14.9375C13.8671875,14.921875,14.1396484,14.453125,14.4326172,14.4375\r
+                               L14.4326172,14.4375z"/>\r
+                       <path id="Pen2" d="M4.5830078,1.9584961L3.2285156,3.2138672\r
+                               c0.0146484,0.0708008,0.0102539,0.1337891-0.0307617,0.171875c-0.0820312,0.0751953-0.0405273,0.262207,0.0961914,0.4067383\r
+                               l2.940918,3.2197266C6.3745117,7.1577148,6.590332,7.3999023,6.7250977,7.5473633l2.9477539,3.2182617\r
+                               c0.0712891,0.0751953,0.1923828,0.0908203,0.3291016,0.0527344l0.0146484,0.0117188l1.5537109-1.4433594l-0.0136719-0.0146484\r
+                               c0.046875-0.1347656,0.046875-0.2578125-0.0253906-0.3369141L8.590332,5.8188477\r
+                               C8.4550781,5.671875,8.2290039,5.4311523,8.0981445,5.2817383l-2.3144531-2.527832\r
+                               c0.0366211-0.027832,0.0776367-0.0634766,0.1220703-0.1083984c0.0512695-0.046875,0.09375-0.0898438,0.128418-0.125\r
+                               l3.8710938,4.121582c0.0830078,0.0888672,0.2177734,0.0961914,0.3027344,0.0151367\r
+                               c0.0839844-0.0786133,0.0927734-0.2167969,0.0126953-0.3037109L6.0317383,1.8886719\r
+                               c-0.081543-0.0878906-0.2163086-0.0957031-0.3051758-0.015625C5.644043,1.9516602,5.6386719,2.0893555,5.7241211,2.1782227\r
+                               l0.0400391,0.0546875C5.7338867,2.262207,5.6884766,2.3027344,5.6347656,2.3491211\r
+                               C5.5883789,2.3935547,5.550293,2.4326172,5.5180664,2.4663086L5.1503906,2.065918\r
+                               C5.0151367,1.9179688,4.8364258,1.859375,4.7548828,1.9370117C4.7192383,1.9746094,4.6547852,1.9770508,4.5830078,1.9584961z\r
+                                M4.3178711,1.7636719L4.3588867,1.809082C4.3833008,1.8344727,4.4111328,1.8549805,4.440918,1.875L3.1606445,3.0634766\r
+                               c-0.015625-0.0307617-0.0366211-0.059082-0.0620117-0.0854492L3.059082,2.9331055\r
+                               C2.9267578,2.7851562,3.0219727,2.4702148,3.2797852,2.2314453l0.3334961-0.3046875\r
+                               C3.8647461,1.6889648,4.1816406,1.6162109,4.3178711,1.7636719z M14.9287109,14.3154297\r
+                               c0.0917969,0.0957031,0.0947266,0.2392578,0.0078125,0.3193359c-0.0869141,0.0810547-0.2285156,0.0683594-0.3154297-0.0371094\r
+                               l-0.0595703,0.0605469l-0.8017578-0.7421875l0.5546875-0.5224609l0.671875,0.8681641L14.9287109,14.3154297z\r
+                                M14.2324219,13.2851562l-0.5742188,0.5351562l-0.1376953,0.1289062l-3.3671875-2.9960938l1.5273438-1.4179688\r
+                               l2.6894531,3.6220703L14.2324219,13.2851562z"/>\r
+               </g>\r
+               <g class="Upper1">\r
+                       <path id="Writing1" d="M14.4326172,13.75c-1.5429688,0.0800781-3.1455078,0.140625-4.6689453-0.1474609\r
+                               C9.1376953,13.4853516,8.9077148,13.1894531,9.4326172,12.75c0.4716797-0.3945312,1.8691406-1.6542969,0.3134766-0.7900391\r
+                               c-1.2246094,0.6806641-2.2832031,1.3291016-3.7119141,1.5351562c-0.4550781,0.0664062-5.2954102-0.0878906-4.3623047-0.9257812\r
+                               c-0.2685547,0.15625-0.5371094,0.3125-0.8056641,0.46875c1.7470703-0.9560547,3.7832031-0.6425781,5.5136719-1.7773438\r
+                               C9.8984375,8.9545898,2.5888672,8.762207,1.4331055,8.75c-0.2905273-0.0029297-0.5834961,0.5029297-0.8662109,0.5\r
+                               c1.3701172,0.0146484,5.171875-0.3457031,5.9912109,1.2060547c0.7099609,1.3447266-3.9101562,1.5791016-4.7241211,2.0234375\r
+                               c-0.3916016,0.2148438-0.828125,0.4111328-1.1616211,0.7099609c-0.5693359,0.5107422,2.9086914,0.8828125,3.0961914,0.8857422\r
+                               c1.2358398,0.0244141,2.6030273-0.1386719,3.6928711-0.7587891c0.3930664-0.2236328,2.6020508-1.5644531,2.1049805-0.8720703\r
+                               c-0.2548828,0.3554688-1.5805664,0.8388672-1.2763672,1.3974609c0.2094727,0.3847656,1.2988281,0.3691406,1.6445312,0.4013672\r
+                               C11.1347656,14.3544922,12.3642578,14.3125,13.5673828,14.25C13.8671875,14.234375,14.1396484,13.765625,14.4326172,13.75\r
+                               L14.4326172,13.75z"/>\r
+                       <path id="Pen1" d="M4.5830078,1.2709961L3.2285156,2.5263672\r
+                               c0.0146484,0.0708008,0.0102539,0.1337891-0.0307617,0.171875c-0.0820312,0.0751953-0.0405273,0.262207,0.0961914,0.4067383\r
+                               l2.940918,3.2197266C6.3745117,6.4702148,6.590332,6.7124023,6.7250977,6.8598633l2.9477539,3.2182617\r
+                               c0.0712891,0.0751953,0.1923828,0.0908203,0.3291016,0.0527344l0.0146484,0.0117188l1.5537109-1.4428711l-0.0136719-0.0151367\r
+                               c0.046875-0.1347656,0.046875-0.2578125-0.0253906-0.3369141L8.590332,5.1313477\r
+                               C8.4550781,4.984375,8.2290039,4.7436523,8.0981445,4.5942383l-2.3144531-2.527832\r
+                               c0.0366211-0.027832,0.0776367-0.0634766,0.1220703-0.1083984c0.0512695-0.046875,0.09375-0.0898438,0.128418-0.125\r
+                               l3.8710938,4.121582c0.0830078,0.0888672,0.2177734,0.0961914,0.3027344,0.0151367\r
+                               c0.0839844-0.0786133,0.0927734-0.2167969,0.0126953-0.3037109L6.0317383,1.2011719\r
+                               c-0.081543-0.0878906-0.2163086-0.0957031-0.3051758-0.015625C5.644043,1.2641602,5.6386719,1.4018555,5.7241211,1.4907227\r
+                               l0.0400391,0.0546875C5.7338867,1.574707,5.6884766,1.6152344,5.6347656,1.6616211\r
+                               C5.5883789,1.7060547,5.550293,1.7451172,5.5180664,1.7788086L5.1503906,1.378418\r
+                               C5.0151367,1.2304688,4.8364258,1.171875,4.7548828,1.2495117C4.7192383,1.2871094,4.6547852,1.2895508,4.5830078,1.2709961z\r
+                                M4.3178711,1.0761719L4.3588867,1.121582C4.3833008,1.1469727,4.4111328,1.1674805,4.440918,1.1875L3.1606445,2.3759766\r
+                               c-0.015625-0.0307617-0.0366211-0.059082-0.0620117-0.0854492L3.059082,2.2456055\r
+                               C2.9267578,2.0976562,3.0219727,1.7827148,3.2797852,1.5439453l0.3334961-0.3046875\r
+                               C3.8647461,1.0014648,4.1816406,0.9287109,4.3178711,1.0761719z M14.9287109,13.6279297\r
+                               c0.0917969,0.0957031,0.0947266,0.2392578,0.0078125,0.3193359c-0.0869141,0.0810547-0.2285156,0.0683594-0.3154297-0.0371094\r
+                               l-0.0595703,0.0605469l-0.8017578-0.7421875l0.5546875-0.5224609l0.671875,0.8681641L14.9287109,13.6279297z\r
+                                M14.2324219,12.5976562l-0.5742188,0.5351562l-0.1376953,0.1289062l-3.3671875-2.9960938l1.5273438-1.418457l2.6894531,3.6225586\r
+                               L14.2324219,12.5976562z"/>\r
+               </g>\r
+       </g>\r
+</svg>\r