/* Single Classes */
-.hot {
+.hot,
+.wcf-hot {
color: #b00;
}
-.invisible {
+.invisible,
+.wcf-invisible {
position: absolute;
left: -9000px;
top: -9000px;
/* -- -- -- Main Menu -- -- -- */
-.mainMenu {
+.mainMenu,
+.wcf-mainMenu {
/* General toggle switch for main menu orientation (options: left|center|right) */
text-align: left;
margin: 0 30px;
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;
@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;
}
@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);
/* 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;
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;
/* 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;
/* ############## Main ############## */
-.main {
+.main,
+.wcf-main {
background-color: #d8e7f5;
margin: 0 23px;
position: relative;
@media screen and (min-width: 480px), screen and (min-device-width: 480px) {
- .main {
+ .main,
+ .wcf-main {
min-width: 800px;
}
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
- .main {
+ .main
+ .wcf-main {
min-width: auto;
}
/* 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;
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;
}
@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;
/* -- -- -- Content Header & Footer -- -- -- */
.contentHeader,
-.contentFooter {
+.contentFooter,
+.wcf-contentHeader,
+.wcf-contentFooter {
margin-top: 15px;
}
/* Globals */
-.sidebar {
+.sidebar,
+.wcf-sidebar {
margin-bottom: -10px;
display: block;
width: 250px;
/* 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;
}
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;
}
/* Globals */
-.sidebar .collapsibleSidebarButton {
+.sidebar .collapsibleSidebarButton,
+.wcf-sidebar .collapsibleSidebarButton {
cursor: pointer;
background-position: center 1%, center 99%;
background-size: 10px 10px, 10px 10px;
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;
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);
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);
}
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);
}
/* -- -- -- 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;
}
/* Globals */
-.badge {
+.badge,
+.wcf-badge {
font-size: 85%;
font-weight: bold;
text-shadow: none;
/* 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;
/* Buttons */
.badgeButton,
+.wcf-badgeButton,
.clipboardEditor > ul > li {
cursor: pointer;
border-radius: 30px;
display: inline-block;
}
-li.badgeButton,
-li > .badgeButton {
+.badgeButton,
+.wcf-badgeButton,
+li > .badgeButton,
+li > .wcf-badgeButton {
margin-top: 7px;
margin-right: 3px;
margin-left: 3px;
}
.badgeButton,
+.wcf-badgeButton,
.badgeButton a,
+.wcf-badgeButton a,
.clipboardEditor > ul > li > span {
text-decoration: none !important;
}
/* -- -- -- 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;
@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%;
}
@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;
}
/* -- -- -- 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);
@media screen and (min-width: 480px), screen and (min-device-width: 480px) {
- .subHeading h1 {
+ .subHeading h1,
+ .wcf-subHeading h1 {
font-size: 150%;
}
@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;
}
/* 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;
}
/* 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;
}
/* ############## Border ############## */
-.border {
+.border,
+.wcf-border {
border: 1px solid #ccc;
border-radius: 5px;
margin-top: 15px;
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);
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
/* Headings */
-.boxTitle > hgroup {
+.boxTitle > hgroup,
+.wcf-boxTitle > hgroup {
text-shadow: 0 -1px 0 #000;
color: rgba(255, 255, 255, 1);
padding: 7px;
}
.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;
}
/* 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;
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);
.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);
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;
}
/* -- -- -- 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;
}
.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;
/* Types */
-.info {
+.info,
+.wcf-info {
color: #68b;
border: 1px solid #9be;
background-color: #def;
background-repeat: no-repeat;
}
-.success {
+.success,
+.wcf-success {
color: #090;
border: 1px solid #0c0;
background-color: #efe;
background-repeat: no-repeat;
}
-.warning {
+.warning,
+.wcf-warning {
color: #990;
border: 1px solid #cc0;
background-color: #ffd;
background-repeat: no-repeat;
}
-.error {
+.error,
+.wcf-error {
color: #c00;
border: 1px solid #f99;
background-color: #fee;
/* Inline Errors */
-.innerError {
+.innerError,
+.wcf-innerError {
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
line-height: 1.5;
color: #c00;
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;
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;
/* Special -> Pre Input */
-.preInput ~ .innerError .pointer {
+.preInput ~ .innerError .pointer,
+.preInput ~ .wcf-innerError .pointer {
right: 10%;
left: auto;
}
/* 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;
transition: top .5s linear;
}
-.systemNotification.open {
+.systemNotification.open,
+.wcf-systemNotification.open {
top: 0;
}
/* Globals */
-.wcfDialogContainer {
+.wcfDialogContainer,
+.wcf-dialogContainer {
border: 23px solid transparent;
border-radius: 15px;
background-color: rgba(0, 0, 0, .4);
@media screen and (min-width: 480px), screen and (min-device-width: 480px) {
- .wcfDialogContainer {
+ .wcfDialogContainer,
+ .wcf-dialogContainer {
min-width: 500px !important;
max-width: 780px !important;
}
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
- .wcfDialogContainer {
+ .wcfDialogContainer,
+ .wcf-dialogContainer {
min-width: 200px !important;
max-width: 380px !important;
}
/* Titlebar */
-.wcfDialogTitlebar {
+.wcfDialogTitlebar,
+.wcf-dialogTitlebar {
border-bottom: 1px solid #036;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
/*cursor: move;*/
}
-.wcfDialogTitle {
+.wcfDialogTitle,
+.wcf-dialogTitle {
font-size: 170%;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
display: block;
}
-.wcfDialogCloseButton {
+.wcfDialogCloseButton,
+.wcf-dialogCloseButton {
background-image: url('../../icon/delete2.svg');
background-size: 32px;
background-position: top left;
cursor: pointer;
}
-.wcfDialogCloseButton span {
+.wcfDialogCloseButton span,
+.wcf-dialogCloseButton span {
/* Removes the button-caption */
position: absolute;
left: -9000px;
/* 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;
padding: 10px 20px 20px;
}
-
-
/* Special */
#ajaxExceptionStacktrace {
/* ############## ToDo: Overlay Spinner ############## */
-.wcfDialogOverlay {
+.wcfDialogOverlay,
+.wcf-dialogOverlay {
background-color: rgba(0, 0, 0, 1);
opacity: .5;
position: fixed;
/* 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;
/* Globals */
-.clipboardEditor > ul {
+.clipboardEditor > ul,
+.wcf-clipboardEditor > ul {
font-size: .85em;
margin: 6px 3px 0;
display: block;
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;
/* ############## ToDo: Action Proxy Loading ############## */
-#actionProxyLoading {
+/* Spinner */
+
+#actionProxyLoading,
+#wcf-spinner {
text-align: center;
text-shadow: 0 -1px 0 #000;
color: #fff;
box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
}
-#actionProxyLoading img {
+#actionProxyLoading img,
+#wcf-spinner img {
margin-bottom: 10px;
height: 48px;
width: 48px;
{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>
</div>
- <div class="contentFooter">
+ <div class="wcf-contentFooter">
{@$pagesLinks}
</div>
{/hascontent}
{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>
</div>
- <div class="contentFooter">
+ <div class="wcf-contentFooter">
{@$pagesLinks}
</div>
{/hascontent}
-<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
//]]>
</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>
</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>
{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}
{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>
{/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}
{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>
</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>
</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>
<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}
<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}
<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}
<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}
{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>
</script>
</header>
-<div class="contentHeader">
+<div class="wcf-contentHeader">
{pages print=true assign=pagesLinks controller="CronjobList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
{hascontent}
</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}
{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>
</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'}
{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 © 2001-2012 WoltLab® GmbH</a></address>
+ <address class="wcf-copyright"><a href="http://www.woltlab.com" title="Go to the WoltLab website">Copyright © 2001-2012 WoltLab® GmbH</a></address>
</footer>
<!-- /FOOTER -->
<a id="bottom"></a>
<!-- /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
//]]>
</script>
-<header class="mainHeading setup">
+<header class="wcf-mainHeading setup">
<img src="{@RELATIVE_WCF_DIR}icon/logIn1.svg" alt="" />
<hgroup>
<h1>{@$pageTitle}</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='Login'}{/link}">
<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}
<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}
//]]>
</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>
<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}
//]]>
</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>
<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}
<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}
//]]>
</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}">
{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>
<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}
{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">
<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}
</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>
<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>
</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>
//]]>
</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>
{/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>
</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>
<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>
//]]>
</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>
</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>
//]]>
</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}
</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>
</div>
{/if}
-<div class="contentFooter">
+<div class="wcf-contentFooter">
{@$pagesLinks}
{hascontent}
{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>
</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>
// ]]>
</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>
<div id="packageInstallationDialogContainer" class="overlay">
- <header class="mainHeading">
+ <header class="wcf-mainHeading">
<img src="{@RELATIVE_WCF_DIR}icon/working2.svg" alt="" />
<hgroup>
<h1>Paket »{$queue->packageName}« wird deinstalliert …</h1>
{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>
{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>
{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>
{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>
</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>
<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}
//]]>
</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>
<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" />
//]]>
</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>
</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>
</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}
{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'}
{include file='header' templateName='success'}
-<p class="success">{lang}{@$message}{/lang}</p>
+<p class="wcf-success">{lang}{@$message}{/lang}</p>
{include file='footer'}
{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>
</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>
</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>
//]]>
</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>
</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>
</div>
- <div class="contentFooter">
+ <div class="wcf-contentFooter">
{@$pagesLinks}
<nav>
</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}
//]]>
</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>
</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>
{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>
</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>
<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}
//]]>
</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>
{include file='header' templateName='userException'}
-<p id="errorMessage" class="error">
+<p id="errorMessage" class="wcf-error">
{@$message}
</p>
//]]>
</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>
</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>
<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}
//]]>
</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">
</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>
</div>
- <div class="contentFooter">
+ <div class="wcf-contentFooter">
{@$pagesLinks}
<nav>
<ul class="largeButtons">
//]]>
</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>
{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>
</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>
</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'}
</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>
</div>
<form method="post" action="{link controller='UserMail'}{/link}">
- <div class="border content">
+ <div class="wcf-border wcf-content">
{if $action == ''}
<fieldset>
</dl>
</fieldset>
{if $errorField == 'groupIDs'}
- <small class="innerError">
+ <small class="wcf-innerError">
{if $errorType == 'empty'}
{lang}wcf.global.form.error.empty{/lang}
{else}
<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}
//]]>
</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')}
</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>
<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>
//]]>
</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}
--- /dev/null
+<?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