From: Luzifr <szekely@woltlab.com>
Date: Mon, 6 Feb 2012 16:42:47 +0000 (+0100)
Subject: More Style-prefixes
X-Git-Tag: 2.0.0_Beta_1~1360^2~20
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=d2e57eeed7272572afb9d6f282d06991152e5005;p=GitHub%2FWoltLab%2FWCF.git

More Style-prefixes
---

diff --git a/com.woltlab.wcf/template/breadcrumbs.tpl b/com.woltlab.wcf/template/breadcrumbs.tpl
index b5c75f3926..069f381dd9 100644
--- a/com.woltlab.wcf/template/breadcrumbs.tpl
+++ b/com.woltlab.wcf/template/breadcrumbs.tpl
@@ -1,5 +1,5 @@
 {if $__wcf->getBreadcrumbs()|count}
-<nav class="breadcrumbs">
+<nav class="wcf-breadcrumbs">
 	<ul>
 		{foreach from=$__wcf->getBreadcrumbs() item=$breadcrumb}
 			<li title="{$breadcrumb->getLabel()}" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
diff --git a/com.woltlab.wcf/template/footer.tpl b/com.woltlab.wcf/template/footer.tpl
index 533a1258bd..105a373fda 100644
--- a/com.woltlab.wcf/template/footer.tpl
+++ b/com.woltlab.wcf/template/footer.tpl
@@ -7,7 +7,7 @@
 	<!-- /MAIN -->
 	
 	<!-- FOOTER -->
-	<footer id="pageFooter" class="pageFooter">
+	<footer id="pageFooter" class="wcf-pageFooter">
 		<div>
 			{include file='footerMenu'}
 		</div>
diff --git a/com.woltlab.wcf/template/header.tpl b/com.woltlab.wcf/template/header.tpl
index 247000beeb..91c49981db 100644
--- a/com.woltlab.wcf/template/header.tpl
+++ b/com.woltlab.wcf/template/header.tpl
@@ -1,10 +1,10 @@
 <a id="top"></a>
 <!-- HEADER -->
-<header id="pageHeader" class="pageHeader">
+<header id="pageHeader" class="wcf-pageHeader">
 	<div>
 		{hascontent}
 			<!-- top menu -->
-			<nav id="topMenu" class="topMenu">
+			<nav id="topMenu" class="wcf-topMenu">
 				<div>
 					<ul>
 						{content}{event name='topMenu'}{/content}
@@ -15,7 +15,7 @@
 		{/hascontent}
 		
 		<!-- logo -->
-		<div id="logo" class="logo">
+		<div id="logo" class="wcf-logo">
 			<!-- clickable area -->
 			<a href="{link controller='Index'}{/link}">
 				<!-- *** insert header logo here -->
@@ -33,14 +33,14 @@
 		<!-- /main menu -->
 		
 		<!-- header navigation -->
-		<nav class="headerNavigation">
+		<nav class="wcf-headerNavigation">
 			<div>
 				<!-- main menu sub menu -->
 				{include file='mainMenuSubMenu'}
 				<!-- /main menu sub menu -->
 				
 				<ul>
-					<li id="toBottomLink" class="toBottomLink"><a href="{@$__wcf->getAnchor('bottom')}" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{icon size='S'}toBottom{/icon}" alt="" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
+					<li id="toBottomLink" class="wcf-toBottomLink"><a href="{@$__wcf->getAnchor('bottom')}" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{icon size='S'}toBottom{/icon}" alt="" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
 					{event name='headerNavigation'}
 				</ul>
 			</div>
@@ -54,13 +54,13 @@
 <div id="main" class="main{if $sidebarOrientation|isset} {@$sidebarOrientation}{/if}">
 	<div>
 		{if $sidebar|isset}
-			<aside class="sidebar">
+			<aside class="wcf-sidebar">
 				{@$sidebar}
 			</aside>
 		{/if}
 				
 		<!-- CONTENT -->
-		<section id="content" class="content">
+		<section id="content" class="wcf-content">
 			
 			{include file='breadcrumbs' sandbox=false}
 			
\ No newline at end of file
diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index 3266d2c921..cf310e7a16 100644
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -2118,7 +2118,7 @@ label {
 
 /* Structure */
 
-.formSubmit {
+.wcf-formSubmit {
 	text-align: center;
 	margin-top: 15px;
 }
@@ -2357,15 +2357,12 @@ input[type=search] {
 /* (Colors are being taken from the 
 "Global Button Color & Effect Library") */
 
-.preInput,
 .wcf-preInput {
 	display: table;
 	position: relative;
 	width: 100%;
 }
 
-.preInput > input,
-.preInput > textarea,
 .wcf-preInput > input,
 .wcf-preInput > textarea { /* ToDo: The textarea solution is not so nice */
 	border-radius: 0 3px 3px 0;
@@ -2376,8 +2373,6 @@ input[type=search] {
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
 	
-	.preInput > input,
-	.preInput > textarea,
 	.wcf-preInput > input,
 	.wcf-preInput > textarea {
 		min-width: 300px;
@@ -2387,8 +2382,6 @@ input[type=search] {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
 	
-	.preInput > input,
-	.preInput > textarea,
 	.wcf-preInput > input,
 	.wcf-preInput > textarea {
 		min-width: 100px;
@@ -2402,7 +2395,6 @@ input[type=search] {
 
 /* Dropdown Caption */
 
-.preInput .dropdownCaption,
 .wcf-preInput .wcf-dropdownCaption {
 	letter-spacing: -1px;
 	cursor: pointer;
@@ -2413,14 +2405,12 @@ input[type=search] {
 	vertical-align: middle;
 }
 
-.preInput .dropdownCaption span,
 .wcf-preInput .wcf-dropdownCaption span {
 	margin-right: -1px;
 	padding-left: 5px;
 	white-space: nowrap;
 }
 
-.preInput .dropdownCaption span.active,
 .wcf-preInput .wcf-dropdownCaption span.active {
 	background-image: url('../../icon/dropdown1.svg');
 	background-position: right center;
@@ -2432,7 +2422,6 @@ input[type=search] {
 
 /* -- -- -- Special -> System Notification -- -- --  */
 
-.preInput .dropdown > li.missingValue,
 .wcf-preInput .wcf-dropdown > li.missingValue { /* ToDo */
 	/* color: #990; */
 	background-image: url('../../icon/systemWarning.svg');
@@ -2451,20 +2440,17 @@ input[type=search] {
 
 /* Globals */
 
-.smallButtons,
 .wcf-smallButtons {
 	list-style-type: none;
 	margin-right: -1px;
 	margin-bottom: -1px;
 }
 
-.smallButtons > li,
 .wcf-smallButtons > li {
 	margin-left: -5px;
 	display: inline-block;
 }
 
-.smallButtons > li > a,
 .wcf-smallButtons > li > a {
 	white-space: nowrap;
 	padding: 3px 7px;
@@ -2472,17 +2458,14 @@ input[type=search] {
 	min-height: 16px;
 }
 
-.smallButtons > li.separator > a,
 .wcf-smallButtons > li.separator > a {
 	border-right: 1px dotted #bcd;
 }
 
-.smallButtons > li:first-child > a,
 .wcf-smallButtons > li:first-child > a {
 	border-top-left-radius: 13px;
 }
 
-.smallButtons > li:last-child > a,
 .wcf-smallButtons > li:last-child > a {
 	border-bottom-right-radius: 7px;
 }
@@ -2496,17 +2479,14 @@ input[type=search] {
 
 /* Globals */
 
-.largeButtons,
 .wcf-largeButtons {
 	text-align: right;
 }
 
-.largeButtons > li,
 .wcf-largeButtons > li {
 	display: inline;
 }
 
-.largeButtons > li > a img,
 .wcf-largeButtons > li > a img {
 	margin: -5px 1px -5px -5px;
 	vertical-align: middle;
@@ -2514,7 +2494,6 @@ input[type=search] {
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
 	
-	.largeButtons > li > a img,
 	.wcf-largeButtons > li > a img {
 		height: 24px;
 		width: 24px;
@@ -2524,18 +2503,15 @@ input[type=search] {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
 	
-	.largeButtons > li,
 	.wcf-largeButtons > li {
 		font-size: 125%;
 	}
 	
-	.largeButtons > li > a,
 	.wcf-largeButtons > li > a {
 		padding: 10px 15px !important;
 		white-space: nowrap;
 	}
 	
-	.largeButtons > li > a img,
 	.wcf-largeButtons > li > a img {
 		height: 32px;
 		width: 32px;
@@ -2549,7 +2525,6 @@ button,
 input[type='reset'],
 input[type='submit'],
 input[type='button'],
-.largeButtons > li > a,
 .wcf-largeButtons > li > a {
 	font-size: 100%;
 	font-weight: bold;
@@ -2561,16 +2536,12 @@ input[type='button'],
 
 /* Special */
 
-.sidebar .largeButtons *,
-.sidebar input,
 .wcf-sidebar .wcf-largeButtons *,
 .wcf-sidebar input {
 	font-size: 75% !important;
 	padding: 3px 7px;
 }
 
-.sidebar .largeButtons *,
-.sidebar input,
 .wcf-sidebar .wcf-largeButtons *,
 .wcf-sidebar input {
 	font-size: 75% !important;
@@ -2580,7 +2551,6 @@ input[type='button'],
 
 /* ############## Border ############## */
 
-.border,
 .wcf-border {
 	border: 1px solid #ccc;
 	border-radius: 5px;
@@ -2594,8 +2564,7 @@ input[type='button'],
 	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1);*/
 }
 
-.tabMenu ~ .border,
-.tabMenu ~ .wcf-border {
+.wcf-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);
@@ -2610,7 +2579,6 @@ input[type='button'],
 
 /* Globals */
 
-.boxTitle,
 .wcf-boxTitle {
 	border-radius: 7px;
 	background-color: #369;
@@ -2625,7 +2593,6 @@ input[type='button'],
 
 /* Headings */
 
-.boxTitle > hgroup,
 .wcf-boxTitle > hgroup {
 	text-shadow: 0 -1px 0 #000;
 	color: rgba(255, 255, 255, 1);
@@ -2633,28 +2600,23 @@ input[type='button'],
 	display: inline-block;
 }
 
-.boxTitle > a,
-.boxTitle > hgroup a,
 .wcf-boxTitle > a,
 .wcf-boxTitle > hgroup a {
 	text-decoration: none;
 	color: rgba(255, 255, 255, 1);
 }
 
-.boxTitle > hgroup h1,
 .wcf-boxTitle > hgroup h1 {
 	font-size: 120%;
 	display: inline-block;
 }
 
-.boxTitle > hgroup h2,
 .wcf-boxTitle > hgroup h2 {
 	font-size: 85%;
 	color: rgba(255, 255, 255, .9);
 	margin-top: 5px;
 }
 
-.boxTitle > hgroup .badge,
 .wcf-boxTitle > hgroup .wcf-badge {
 	font-size: 75%;
 	color: #369;
@@ -2662,13 +2624,11 @@ input[type='button'],
 
 /* Collapse Icon */
 
-.boxTitle > a,
 .wcf-boxTitle > a {
 	margin: 7px 0 0 10px;
 	float: left;
 }
 
-.boxTitle > a img,
 .wcf-boxTitle > a img {
 	height: 16px;
 	width: 16px;
@@ -2680,7 +2640,6 @@ input[type='button'],
 
 /* Globals */
 
-.tabMenu,
 .wcf-tabMenu {
 	/* Toggle for tab menu orientation (options: left|center|right) */
 	text-align: center;
@@ -2694,7 +2653,6 @@ input[type='button'],
 
 /* Globals */
 
-.tabMenu ul,
 .wcf-tabMenu ul {
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
 	white-space: nowrap;
@@ -2709,20 +2667,17 @@ input[type='button'],
 	position: relative;
 }
 
-.tabMenu li,
 .wcf-tabMenu li {
 	white-space: nowrap;
 	list-style: none;
 	display: inline-block;
 }
 
-.tabMenu li.ui-state-active,
 .wcf-tabMenu li.ui-state-active {
 	margin-right: -7px;
 	margin-left: -7px;
 }
 
-.tabMenu li a,
 .wcf-tabMenu li a {
 	text-decoration: none;
 	color: rgba(153, 153, 153, 1);
@@ -2735,7 +2690,6 @@ input[type='button'],
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
 	
-	.tabMenu li a,
 	.wcf-tabMenu li a {
 		font-size: 110%;
 		padding: 1px 10px 3px;
@@ -2745,7 +2699,6 @@ input[type='button'],
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
 	
-	.tabMenu li a,
 	.wcf-tabMenu li a {
 		font-size: 150%;
 		padding: 5px 10px;
@@ -2754,12 +2707,10 @@ input[type='button'],
 	
 }
 
-.tabMenu li:not(.ui-state-active) a:hover,
 .wcf-tabMenu li:not(.ui-state-active) a:hover {
 	color: rgba(102, 102, 102, 1);
 }
 
-.tabMenu li.ui-state-active a,
 .wcf-tabMenu li.ui-state-active a {
 	font-weight: bold;
 	color: #333 !important;
@@ -2776,7 +2727,6 @@ input[type='button'],
 
 /* Rounded Bottom Corners */
 
-.tabMenu li.ui-state-active a:before,
 .wcf-tabMenu li.ui-state-active a:before {
 	position: absolute;
     bottom: -1px;
@@ -2790,7 +2740,6 @@ input[type='button'],
     box-shadow: 2px 2px 0 #fff;
 }
 
-.tabMenu li.ui-state-active a:after,
 .wcf-tabMenu li.ui-state-active a:after {
 	position: absolute;
     bottom: -1px;
@@ -2806,7 +2755,6 @@ input[type='button'],
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
 	
-	.tabMenu li.ui-state-active a,
 	.wcf-tabMenu li.ui-state-active a {
 		font-size: 130%;
 	}
@@ -2815,16 +2763,12 @@ input[type='button'],
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
 	
-	.tabMenu li.ui-state-active a,
 	.wcf-tabMenu li.ui-state-active a {
 		font-size: 150%;
 	}
 	
 }
 
-.tabMenu li.ui-state-active a,
-.tabMenu li.ui-state-disabled a,
-.tabMenu li.ui-state-processing a,
 .wcf-tabMenu li.ui-state-active a,
 .wcf-tabMenu li.ui-state-disabled a,
 .wcf-tabMenu li.ui-state-processing a {
@@ -2835,7 +2779,6 @@ input[type='button'],
 
 /* -- -- -- Tab Menu Content -- -- --  */
 
-.tabMenuContent,
 .wcf-tabMenuContent {
 	border: 1px solid #ccc;
 	background-color: rgba(255, 255, 255, 1);
@@ -2868,7 +2811,6 @@ input[type='button'],
 
 /* Standard */
 
-.menu,
 .wcf-menu {
 	color: rgba(102, 102, 102, 1);
 	border-bottom: 1px solid #ccc;
@@ -2876,7 +2818,6 @@ input[type='button'],
 	padding: 0 7px 10px;
 }
 
-.tabMenuContent > .menu,
 .wcf-tabMenuContent > .wcf-menu {
 	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
 	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
@@ -2885,20 +2826,17 @@ input[type='button'],
 	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
 }
 
-.menu ul,
 .wcf-menu ul {
 	/* General toggle switch for menu orientation (options: left|center|right) */
 	text-align: center;
 }
 
-.menu ul li,
 .wcf-menu ul li {
 	white-space: nowrap;
 	margin-top: 10px;
 	display: inline-block;
 }
 
-.menu ul li a,
 .wcf-menu ul li a {
 	font-size: 85%;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
@@ -2916,7 +2854,6 @@ input[type='button'],
 	transition: color .1s linear;
 }
 
-.menu ul li:not(.ui-state-active) a:hover,
 .wcf-menu ul li:not(.ui-state-active) a:hover {
 	color: #333;
 	border-width: 1px;
@@ -2925,8 +2862,6 @@ input[type='button'],
 	background-color: rgba(255, 249, 244, 1);
 }
 
-.menu ul li:not(.ui-state-active) a:active,
-.menu ul li:not(.ui-state-active) a:focus,
 .wcf-menu ul li:not(.ui-state-active) a:active,
 .wcf-menu ul li:not(.ui-state-active) a:focus {
 	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
@@ -2936,7 +2871,6 @@ input[type='button'],
 	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
 }
 
-.menu ul li.ui-state-active a,
 .wcf-menu ul li.ui-state-active a {
 	font-weight: bold;
 	text-shadow: 0 1px 0 #000;
@@ -2948,21 +2882,18 @@ input[type='button'],
 
 /* Special */
 
-.boxTitle > .menu,
-.wcf-boxTitle > .menu {
+.wcf-boxTitle > .wcf-menu {
 	color: rgba(255, 255, 255, 1);
 	border: none;
 	margin: 0 !important;
 	padding: 6px 7px !important;
 }
 
-.boxTitle > .menu ul li,
-.wcf-boxTitle > .menu ul li {
+.wcf-boxTitle > .wcf-menu ul li {
 	margin-top: 0;
 }
 
-.boxTitle > .menu ul li a,
-.wcf-boxTitle > .menu ul li a {
+.wcf-boxTitle > .wcf-menu ul li a {
 	font-size: 85%;
 	text-decoration: none;
 	text-shadow: 0 -1px 0 #000;
@@ -2979,19 +2910,15 @@ input[type='button'],
 	transition: color .1s linear;
 }
 
-.boxTitle > .menu ul li a:hover,
-.wcf-boxTitle > .menu ul li a:hover {
+.wcf-boxTitle > .wcf-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,
-.wcf-boxTitle > .menu ul li a:active,
-.wcf-boxTitle > .menu ul li a:focus,
-.wcf-boxTitle > .menu ul li.ui-state-active a {
+.wcf-boxTitle > .wcf-menu ul li a:active,
+.wcf-boxTitle > .wcf-menu ul li a:focus,
+.wcf-boxTitle > .wcf-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);
@@ -3001,8 +2928,7 @@ input[type='button'],
 	box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
 }
 
-.boxTitle > .menu ul li a .badge,
-.wcf-boxTitle > .menu ul li a .wcf-badge {
+.wcf-boxTitle > .wcf-menu ul li a .wcf-badge {
 	color: #369 !important;
 }
 
@@ -3012,7 +2938,6 @@ input[type='button'],
 
 /* Globals */
 
-.breadcrumbs,
 .wcf-breadcrumbs {
 	text-align: left;
 	border: 1px solid #ccc;
@@ -3024,7 +2949,6 @@ input[type='button'],
 	overflow: hidden;
 }
 
-.breadcrumbs > ul > li,
 .wcf-breadcrumbs > ul > li {
 	font-size: 85%;
 	list-style: none;
@@ -3039,14 +2963,12 @@ input[type='button'],
 	transition: max-width .2s linear;
 }
 
-.breadcrumbs > ul > li:hover,
 .wcf-breadcrumbs > ul > li:hover {
 	max-width: 100%;
 }
 
 /* Arrow */
 
-.breadcrumbs > ul > li > span,
 .wcf-breadcrumbs > ul > li > span {
 	border-width: 15px;
 	border-style: solid none solid solid;
@@ -3060,7 +2982,6 @@ input[type='button'],
 	z-index: 20;
 }
 
-.breadcrumbs > ul > li > .pointer > span,
 .wcf-breadcrumbs > ul > li > .pointer > span {
 	text-indent: -9000px;
 	border-width: 15px;
@@ -3077,7 +2998,6 @@ input[type='button'],
 
 /* Caption */
 
-.breadcrumbs > ul > li a,
 .wcf-breadcrumbs > ul > li a {
 	text-decoration: none;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
@@ -3089,7 +3009,6 @@ input[type='button'],
 	white-space: nowrap;
 }
 
-.breadcrumbs > ul > li:first-child a,
 .wcf-breadcrumbs > ul > li:first-child a {
 	border-radius: 5px 0 0 5px;
 	background-image: url('../../icon/home1.svg');
@@ -3099,7 +3018,6 @@ input[type='button'],
 	padding-left: 30px;
 }
 
-.breadcrumbs > ul > li:hover a,
 .wcf-breadcrumbs > ul > li:hover a {
 	color: rgba(102, 102, 102, 1);
 	background-color: #f9f9f9;
@@ -3107,7 +3025,6 @@ input[type='button'],
 	z-index: 10;
 }
 
-.breadcrumbs > ul > li:hover > .pointer > span,
 .wcf-breadcrumbs > ul > li:hover > .pointer > span {
 	border-color: transparent transparent transparent #f9f9f9;
 }
@@ -3262,26 +3179,20 @@ tbody tr:hover td {
 
 /* -- -- -- Special -> Table Header -- -- -- */
 
-.menu ~ .border thead th:first-child,
-.menu ~ .wcf-border thead th:first-child {
+.wcf-menu ~ .wcf-border thead th:first-child {
 	border-top-left-radius: 0 !important;
 }
 
-.menu ~ .border thead th:last-child,
-.menu ~ .wcf-border thead th:last-child {
+.wcf-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,
-.menu ~ .wcf-border thead th:first-child,
+.wcf-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,
-.menu ~ .wcf-border thead th:last-child,
+.wcf-menu ~ .wcf-border thead th:last-child,
 .wcf-boxTitle > table thead th:last-child {
 	border-top-right-radius: 0 !important;
 }
@@ -3372,7 +3283,6 @@ tr .columnURL {
 
 /* Globals */
 
-:not(.statusDisplay) > .pageNavigation,
 :not(.wcf-statusDisplay) > .wcf-pageNavigation {
 	margin: 5px -3px;
 	float: left;
@@ -3381,7 +3291,6 @@ tr .columnURL {
 
 /* -- -- -- Buttons (Level 1 & 2) -- -- -- */
 
-.pageNavigation ul li,
 .wcf-pageNavigation ul li {
 	font-weight: bold;
 	text-align: center;
@@ -3391,37 +3300,30 @@ tr .columnURL {
 	min-width: 19px;
 }
 
-.contentHeader .pageNavigation ul li,
-.contentFooter .pageNavigation ul li,
 .wcf-contentHeader .wcf-pageNavigation ul li,
 .wcf-contentFooter .wcf-pageNavigation ul li {
 	margin: 2px;
 }
 
-.pageNavigation ul li:not(.active):not(.disabled),
 .wcf-pageNavigation ul li:not(.active):not(.disabled) {
 	cursor: pointer;
 }
 
-.pageNavigation ul li.disabled,
 .wcf-pageNavigation ul li.disabled {
 	cursor: not-allowed;
 	border: 1px solid rgba(0, 0, 0, .1) !important;
 	background-image: none !important;
 }
 
-.pageNavigation ul li img,
 .wcf-pageNavigation ul li img {
 	height: 16px;
 	width: 16px;
 }
 
-.pageNavigation ul li.skip,
 .wcf-pageNavigation ul li.skip {	
 	padding: 2px 0 1px;
 }
 
-.pageNavigation ul li a,
 .wcf-pageNavigation ul li a {
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
 	text-decoration: none;
@@ -3429,25 +3331,19 @@ tr .columnURL {
 	display: inline-block;
 }
 
-.pageNavigation ul li:not(.disabled):hover a,
 .wcf-pageNavigation ul li:not(.disabled):hover a {
 	color: rgba(102, 102, 102, 1);
 }
 
-.pageNavigation ul li:not(.skip) a,
 .wcf-pageNavigation ul li:not(.skip) a {
 	padding: 3px 1px;
 }
 
-.pageNavigation ul li:active a,
-.pageNavigation ul li:focus a,
 .wcf-pageNavigation ul li:active a,
 .wcf-pageNavigation ul li:focus a {
 	color: #333;
 }
 
-.pageNavigation ul li.active,
-.pageNavigation ul li.active:hover,
 .wcf-pageNavigation ul li.active,
 .wcf-pageNavigation ul li.active:hover {
 	text-shadow: 0 1px 0 #000 !important;
@@ -3468,26 +3364,22 @@ tr .columnURL {
 
 /* Buttons */
 
-.pageNavigation ul li.children,
 .wcf-pageNavigation ul li.children {
 	position: relative;
 }
 
-.pageNavigation ul li.children > a,
 .wcf-pageNavigation ul li.children > a {
 	margin-right: -10px;
 	position: relative;
 	z-index: 10;
 }
 
-.pageNavigation ul li.children input,
 .wcf-pageNavigation ul li.children input {
 	margin-left: 1px;
 	width: 30px;
 	height: 9px;
 }
 
-.pageNavigation ul li.children img,
 .wcf-pageNavigation ul li.children img {
 	position: relative;
 	width: 7px;
@@ -3498,7 +3390,6 @@ tr .columnURL {
 
 /* Dropdown */
 
-.pageNavigation ul li.children .dropdown,
 .wcf-pageNavigation ul li.children .wcf-dropdown {
 	text-align: left;
 	border-color: transparent;
@@ -3521,7 +3412,6 @@ tr .columnURL {
 	transition: opacity .2s linear;
 }
 
-.pageNavigation ul li.children:hover .dropdown,
 .wcf-pageNavigation ul li.children:hover .wcf-dropdown {
 	border-color: rgba(255, 255, 255, .7);
 	height: auto;
@@ -3529,13 +3419,11 @@ tr .columnURL {
 	opacity: 1;
 }
 
-.pageNavigation ul li.children .dropdown ul,
 .wcf-pageNavigation ul li.children .wcf-dropdown ul {
 	padding: 0 5px 5px 2px;
 	display: block;
 }
 
-.pageNavigation ul li.children .dropdown ul li,
 .wcf-pageNavigation ul li.children .wcf-dropdown ul li {
 	margin-top: 5px;
 	margin-left: 3px;
@@ -3543,7 +3431,6 @@ tr .columnURL {
 
 /* Pointer */
 
-.pageNavigation ul li.children .pointer,
 .wcf-pageNavigation ul li.children .pointer {	
 	border-width: 0 7px 7px;
 	border-style: solid;
@@ -3555,7 +3442,6 @@ tr .columnURL {
 	left: 11px;
 }
 
-.pageNavigation ul li.children .pointer span,
 .wcf-pageNavigation ul li.children .pointer span {	
 	border-width: 0 5px 5px;
 	border-style: solid;
@@ -3569,17 +3455,14 @@ tr .columnURL {
 
 /* Special -> Status Display */
 
-.statusDisplay .pageNavigation,
 .wcf-statusDisplay .wcf-pageNavigation {
 	font-size: 80%;
 }
 
-.statusDisplay .pageNavigation ul li,
 .wcf-statusDisplay .wcf-pageNavigation ul li {
 	min-width: 13px;
 }
 
-.statusDisplay .pageNavigation ul li:not(.skip) a,
 .wcf-statusDisplay .wcf-pageNavigation ul li:not(.skip) a {
 	padding: 1px;
 }
@@ -3590,10 +3473,6 @@ tr .columnURL {
 
 /* Globals */
 
-.info,
-.error,
-.success,
-.warning,
 .wcf-info,
 .wcf-error,
 .wcf-success,
@@ -3607,7 +3486,6 @@ tr .columnURL {
 
 /* Types */
 
-.info,
 .wcf-info {
 	color: #68b;
 	border: 1px solid #9be;
@@ -3618,7 +3496,6 @@ tr .columnURL {
 	background-repeat: no-repeat;
 }
 
-.success,
 .wcf-success {
 	color: #090;
 	border: 1px solid #0c0;
@@ -3629,7 +3506,6 @@ tr .columnURL {
 	background-repeat: no-repeat;
 }
 
-.warning,
 .wcf-warning {
 	color: #990;
 	border: 1px solid #cc0;
@@ -3640,7 +3516,6 @@ tr .columnURL {
 	background-repeat: no-repeat;
 }
 
-.error,
 .wcf-error {
 	color: #c00;
 	border: 1px solid #f99;
@@ -3653,7 +3528,6 @@ tr .columnURL {
 
 /* Inline Errors */
 
-.innerError,
 .wcf-innerError {
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
 	line-height: 1.5;
@@ -3678,7 +3552,6 @@ tr .columnURL {
 	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 }
 
-.innerError .pointer,
 .wcf-innerError .pointer {	
 	border-width: 0 7px 7px;
 	border-style: solid;
@@ -3690,7 +3563,6 @@ tr .columnURL {
 	left: 10%;
 }
 
-.innerError .pointer span,
 .wcf-innerError .pointer span {	
 	border-width: 0 5px 5px;
 	border-style: solid;
@@ -3704,8 +3576,7 @@ tr .columnURL {
 
 /* Special -> Pre Input */
 
-.preInput ~ .innerError .pointer,
-.preInput ~ .wcf-innerError .pointer {	
+.wcf-preInput ~ .wcf-innerError .pointer {	
 	right: 10%;
 	left: auto;
 }
@@ -3750,7 +3621,6 @@ tr .columnURL {
 
 /* Globals */
 
-.wcfDialogContainer,
 .wcf-dialogContainer {
 	border: 23px solid transparent;
 	border-radius: 15px;
@@ -3768,7 +3638,6 @@ tr .columnURL {
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
 	
-	.wcfDialogContainer,
 	.wcf-dialogContainer {
 		min-width: 500px !important;
 		max-width: 780px !important;
@@ -3778,7 +3647,6 @@ tr .columnURL {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
 	
-	.wcfDialogContainer,
 	.wcf-dialogContainer {
 		min-width: 200px !important;
 		max-width: 380px !important;
@@ -3788,7 +3656,6 @@ tr .columnURL {
 
 /* Titlebar */
 
-.wcfDialogTitlebar,
 .wcf-dialogTitlebar {
 	border-bottom: 1px solid #036;
 	border-top-left-radius: 7px;
@@ -3805,7 +3672,6 @@ tr .columnURL {
 	/*cursor: move;*/
 }
 
-.wcfDialogTitle,
 .wcf-dialogTitle {
 	font-size: 170%;
 	font-weight: bold;
@@ -3814,7 +3680,6 @@ tr .columnURL {
 	display: block;
 }
 
-.wcfDialogCloseButton,
 .wcf-dialogCloseButton {
 	background-image: url('../../icon/delete2.svg');
 	background-size: 32px;
@@ -3828,7 +3693,6 @@ tr .columnURL {
 	cursor: pointer;
 }
 
-.wcfDialogCloseButton span,
 .wcf-dialogCloseButton span {
 	/* Removes the button-caption */
 	position: absolute;
@@ -3839,20 +3703,17 @@ tr .columnURL {
 
 /* Content */
 
-.wcfDialogContent,
 .wcf-dialogContent {
 	background-color: #333;
 	overflow: auto;
 }
 
-.wcfDialogContainer > .wcfDialogContent,
 .wcf-dialogContainer > .wcf-dialogContent {
 	border-radius: 7px;
 	padding: 0;
 	/*width: auto !important;*/
 }
 
-.wcfDialogTitlebar ~ .wcfDialogContent,
 .wcf-dialogTitlebar ~ .wcf-dialogContent {
 	border-top-left-radius: 0;
 	border-top-right-radius: 0;
@@ -3908,7 +3769,6 @@ tr .columnURL {
 
 /* Globals */
 
-#balloonTooltip,
 #wcf-balloonTooltip {
 	font-size: .85em;
 	color: rgba(255, 255, 255, 1);
@@ -3926,8 +3786,6 @@ tr .columnURL {
 	box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
 }
 
-a.balloonTooltip,
-a .balloonTooltip,
 a.wcf-balloonTooltip,
 a .wcf-balloonTooltip,
 img[src*='delete'],
@@ -3943,7 +3801,6 @@ img[src*='enable'] {
 
 /* Pointer */
 
-#balloonTooltip .pointer,
 #wcf-balloonTooltip .pointer {	
 	border-width: 0 7px 7px;
 	border-style: solid;
@@ -3955,7 +3812,6 @@ img[src*='enable'] {
 	left: 50%;
 }
 
-#balloonTooltip .pointer span,
 #wcf-balloonTooltip .pointer span {	
 	border-width: 0 5px 5px;
 	border-style: solid;
@@ -3980,50 +3836,42 @@ img[src*='enable'] {
 
 /* Globals */
 
-.likesWidget,
 .wcf-likesWidget {
 	margin: 3px 15px 0 30px;
 }
 
 /* Buttons */
 
-.likesWidget > ul,
 .wcf-likesWidget > ul {
 	float: right;
 	margin-right: 7px;
 	margin-left: 10px;
 }
 
-.likesWidget > ul > li,
 .wcf-likesWidget > ul > li {
 	text-align: right;
 	margin-top: 3px;
 	display: inline-block;
 }
 
-.likesWidget > ul > li > a,
 .wcf-likesWidget > ul > li > a {
 	padding: 2px 4px 3px;
 }
 
-.likesWidget > ul > li:first-child,
 .wcf-likesWidget > ul > li:first-child {
 	margin-right: -5px;
 }
 
-.likesWidget > ul > li:first-child a,
 .wcf-likesWidget > ul > li:first-child a {
 	border-radius: 7px 0 0 7px;
 }
 
-.likesWidget > ul > li:nth-child(2) a,
 .wcf-likesWidget > ul > li:nth-child(2) a {
 	border-radius: 0 7px 7px 0;
 }
 
 /* Cummulative Likes Display */
 
-.likesWidget > .likesDisplay a,
 .wcf-likesWidget > .wcf-likesDisplay a {
 	border-width: 1px;
 	border-style: solid;
@@ -4037,7 +3885,6 @@ img[src*='enable'] {
 	height: 13px;
 }
 
-.likesWidget > .likesDisplay a,
 .wcf-likesWidget > .wcf-likesDisplay a {
 	font-size: 75%;
 	color: #666;
@@ -4046,7 +3893,6 @@ img[src*='enable'] {
 
 /* -- -- -- -- Like Widget Pointer -- -- -- -- -- */
 
-.likesWidget > .likesDisplay .pointer,
 .wcf-likesWidget > .wcf-likesDisplay .pointer {	
 	border-width: 5px 0 5px 5px;
 	border-style: solid;
@@ -4058,7 +3904,6 @@ img[src*='enable'] {
 	right: -6px;
 }
 
-.likesWidget > .likesDisplay .pointer > span,
 .wcf-likesWidget > .wcf-likesDisplay .pointer > span {	
 	border-width: 5px 0 5px 5px;
 	border-style: solid;
@@ -4076,7 +3921,6 @@ img[src*='enable'] {
 
 /* Globals */
 
-.clipboardEditor > ul,
 .wcf-clipboardEditor > ul {
 	font-size: .85em;
 	margin: 6px 3px 0;
@@ -4085,7 +3929,6 @@ img[src*='enable'] {
 	float: left;
 }
 
-.clipboardEditor > ul > li > span,
 .wcf-clipboardEditor > ul > li > span {
 	background-image: url('../../icon/dropdown1.svg');
 	background-position: right center;
diff --git a/wcfsetup/install/files/acp/templates/cronjobLogList.tpl b/wcfsetup/install/files/acp/templates/cronjobLogList.tpl
index 09c99fe127..50bb2ffb16 100644
--- a/wcfsetup/install/files/acp/templates/cronjobLogList.tpl
+++ b/wcfsetup/install/files/acp/templates/cronjobLogList.tpl
@@ -58,7 +58,7 @@
 			
 		</div>
 		
-		<div class="formSubmit">
+		<div class="wcf-formSubmit">
 			{@SID_INPUT_TAG}
 			<input type="submit" onclick="return confirm('{lang}wcf.acp.cronjob.log.clear.confirm{/lang}')" value="{lang}wcf.acp.cronjob.log.clear{/lang}" accesskey="c" />
 		</div>
diff --git a/wcfsetup/install/files/acp/templates/option.tpl b/wcfsetup/install/files/acp/templates/option.tpl
index fae744b438..9aed92b66b 100644
--- a/wcfsetup/install/files/acp/templates/option.tpl
+++ b/wcfsetup/install/files/acp/templates/option.tpl
@@ -63,7 +63,7 @@
 		{/foreach}
 	</div>
 	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />
 		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
 		{@SID_INPUT_TAG}
diff --git a/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl b/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
index 69ca130d46..1606338f88 100644
--- a/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
+++ b/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
@@ -38,7 +38,7 @@
 		{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">
+					<hgroup class="wcf-subHeading">
 						<h1>
 							<label>
 								<input type="checkbox" name="updates[{@$availableUpdate.packageID}]" onclick="enableFormElements(document.getElementById('version-{@$availableUpdate.packageID}Div'), this.checked)" value="{$availableUpdate.version.packageVersion}" />
@@ -67,7 +67,7 @@
 						{if $availableUpdate.author}
 							<dl>
 								<dt><label>{lang}wcf.acp.package.list.author{/lang}</label></dt>
-								<dd>{if $availableUpdate.authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$availableUpdate.authorURL|rawurlencode}" class="externalURL">{$availableUpdate.author}</a>{else}{$availableUpdate.author}{/if}</dd>
+								<dd>{if $availableUpdate.authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$availableUpdate.authorURL|rawurlencode}" class="wcf-externalURL">{$availableUpdate.author}</a>{else}{$availableUpdate.author}{/if}</dd>
 							</dl>
 						{/if}
 						
@@ -83,7 +83,7 @@
 			</article>			
 		{/foreach}
 		
-		<div class="formSubmit">
+		<div class="wcf-formSubmit">
 			<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />
 			<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
 			{@SID_INPUT_TAG}
diff --git a/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl b/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl
index e73da14893..9bf2a26d5e 100644
--- a/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl
+++ b/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl
@@ -62,13 +62,13 @@
 	{if $archive->getPackageInfo('packageURL') != ''}
 		<dl>
 			<dt>{lang}wcf.acp.package.view.url{/lang}</dt>
-			<dd><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$archive->getPackageInfo('packageURL')|rawurlencode}" class="externalURL">{$archive->getPackageInfo('packageURL')}</a></dd>
+			<dd><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$archive->getPackageInfo('packageURL')|rawurlencode}" class="wcf-externalURL">{$archive->getPackageInfo('packageURL')}</a></dd>
 		</dl>
 	{/if}
 	
 	<dl>
 		<dt>{lang}wcf.acp.package.view.author{/lang}</dt>
-		<dd>{if $archive->getPackageInfo('authorURL')}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$archive->getPackageInfo('authorURL')|rawurlencode}" class="externalURL">{$archive->getPackageInfo('author')}</a>{else}{$archive->getPackageInfo('author')}{/if}</dd>
+		<dd>{if $archive->getPackageInfo('authorURL')}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$archive->getPackageInfo('authorURL')|rawurlencode}" class="wcf-externalURL">{$archive->getPackageInfo('author')}</a>{else}{$archive->getPackageInfo('author')}{/if}</dd>
 	</dl>
 	
 	{event name='propertyFields'}
@@ -106,7 +106,7 @@
 {if $requiredPackages|count > 0}
 	<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>
+			<h1>{lang}wcf.acp.package.view.requiredPackages{/lang} <span class="wcf-badge" title="{lang}wcf.acp.package.view.requiredPackages.description{/lang}">{#$requiredPackages|count}</span></h1>
 		</hgroup>
 		
 		<table>
@@ -129,7 +129,7 @@
 	</div>
 {/if}
 
-<div class="formSubmit">
+<div class="wcf-formSubmit">
 	<input type="button" onclick="document.location.href=fixURL('{link controller='Package'}action={@$action}&queueID={@$queueID}&step=cancel{/link}')" value="{lang}wcf.global.button.back{/lang}" accesskey="c" />
 	{if $missingPackages == 0 && $excludingPackages|count == 0 && $excludedPackages|count == 0}
 		<input type="button" id="submitButton" value="{lang}wcf.global.button.next{/lang}" class="default" accesskey="s" />
diff --git a/wcfsetup/install/files/acp/templates/packageListDetailed.tpl b/wcfsetup/install/files/acp/templates/packageListDetailed.tpl
index e99639c51a..c3f03c987b 100644
--- a/wcfsetup/install/files/acp/templates/packageListDetailed.tpl
+++ b/wcfsetup/install/files/acp/templates/packageListDetailed.tpl
@@ -59,12 +59,12 @@
 					<tr class="packageRow">
 						<td class="columnIcon">
 							{if $__wcf->session->getPermission('admin.system.package.canUpdatePackage')}
-								<a href="{link controller='PackageStartInstall' id=$package->packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="balloonTooltip" /></a>
+								<a href="{link controller='PackageStartInstall' id=$package->packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="wcf-balloonTooltip" /></a>
 							{else}
 								<img src="{@RELATIVE_WCF_DIR}icon/update1D.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" />
 							{/if}
 							{if $__wcf->session->getPermission('admin.system.package.canUninstallPackage') && $package->package != 'com.woltlab.wcf' && $package->packageID != PACKAGE_ID}
-								<img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" data-object-id="{@$package->packageID}" class="uninstallButton balloonTooltip" />
+								<img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" data-object-id="{@$package->packageID}" class="uninstallButton wcf-balloonTooltip" />
 							{else}
 								<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" />
 							{/if}
@@ -74,17 +74,17 @@
 						<td class="columnID"><p>{@$package->packageID}</p></td>
 						<td class="columnIcon">
 							{if $package->isApplication}
-								<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="balloonTooltip" />
+								<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="wcf-balloonTooltip" />
 							{elseif $package->isPlugin()}
-								<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
+								<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="wcf-balloonTooltip" />
 							{else}
-								<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
+								<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="wcf-balloonTooltip" />
 							{/if}
 						</td>
 						<td id="packageName{@$package->packageID}" class="columnTitle" title="{$package->packageDescription}">
 							<a href="{link controller='PackageView' id=$package->packageID}{/link}"><span>{$package->getName()}{if $package->instanceNo > 1 && $package->instanceName == ''} (#{#$package->instanceNo}){/if}</span></a>
 						</td>
-						<td class="columnText"><p>{if $package->authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package->authorURL|rawurlencode}" class="externalURL">{$package->author}</a>{else}{$package->author}{/if}</p></td>
+						<td class="columnText"><p>{if $package->authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package->authorURL|rawurlencode}" class="wcf-externalURL">{$package->author}</a>{else}{$package->author}{/if}</p></td>
 						<td class="columnText"><p>{$package->packageVersion}</p></td>
 						<td class="columnDate"><p>{@$package->updateDate|time}</p></td>
 						
diff --git a/wcfsetup/install/files/acp/templates/packageUninstallationDependencies.tpl b/wcfsetup/install/files/acp/templates/packageUninstallationDependencies.tpl
index a9cacf5624..c35849b12a 100644
--- a/wcfsetup/install/files/acp/templates/packageUninstallationDependencies.tpl
+++ b/wcfsetup/install/files/acp/templates/packageUninstallationDependencies.tpl
@@ -46,7 +46,7 @@
 	{if $packageObj->packageURL != ''}
 		<dl>
 			<dt>{lang}wcf.acp.package.view.url{/lang}</dt>
-			<dd><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$packageObj->packageURL|rawurlencode}" class="externalURL">{$packageObj->packageURL}</a></dd>
+			<dd><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$packageObj->packageURL|rawurlencode}" class="wcf-externalURL">{$packageObj->packageURL}</a></dd>
 		</dl>
 	{/if}
 	{if $packageObj->parentPackageID}
@@ -57,7 +57,7 @@
 	{/if}
 	<dl>
 		<dt>{lang}wcf.acp.package.view.author{/lang}</dt>
-		<dd>{if $packageObj->authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$packageObj->authorURL|rawurlencode}" class="externalURL">{$packageObj->author}</a>{else}{$packageObj->author}{/if}</dd>
+		<dd>{if $packageObj->authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$packageObj->authorURL|rawurlencode}" class="wcf-externalURL">{$packageObj->author}</a>{else}{$packageObj->author}{/if}</dd>
 	</dl>
 	
 	{event name='propertyFields'}
@@ -93,12 +93,12 @@
 				<tr>
 					<td class="columnIcon">
 						{if $__wcf->session->getPermission('admin.system.package.canUpdatePackage')}
-							<a href="{link controller='PackageStartInstall' id=$package.packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="balloonTooltip" /></a>
+							<a href="{link controller='PackageStartInstall' id=$package.packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="wcf-balloonTooltip" /></a>
 						{else}
 							<img src="{@RELATIVE_WCF_DIR}icon/updateD1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" />
 						{/if}
 						{if $__wcf->session->getPermission('admin.system.package.canUninstallPackage') && $package.package != 'com.woltlab.wcf' && $package.packageID != PACKAGE_ID}
-							<a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="{link controller='Package' id=$package.packageID}action=startUninstall{/link}"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="balloonTooltip" /></a>
+							<a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="{link controller='Package' id=$package.packageID}action=startUninstall{/link}"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="wcf-balloonTooltip" /></a>
 						{else}
 							<img src="{@RELATIVE_WCF_DIR}icon/deleteD1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" />
 						{/if}
@@ -108,15 +108,15 @@
 					<td class="columnID"><p>{@$package.packageID}</p></td>
 					<td class="columnIcon">
 						{if $package.isApplication}
-							<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="balloonTooltip" />
+							<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="wcf-balloonTooltip" />
 						{elseif $package.parentPackageID}
-							<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
+							<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="wcf-balloonTooltip" />
 						{else}
-							<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
+							<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="wcf-balloonTooltip" />
 						{/if}
 					</td>
 					<td class="columnTitle" title="{$package.packageDescription}"><p><a href="{link controller='PackageView' id=$package.packageID}{/link}">{$package.packageName}{if $package.instanceNo > 1 && $package.instanceName == ''} (#{#$package.instanceNo}){/if}</a></p></td>
-					<td class="columnText"><p>{if $package.authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package.authorURL|rawurlencode}" class="externalURL">{$package.author}</a>{else}{$package.author}{/if}</p></td>
+					<td class="columnText"><p>{if $package.authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package.authorURL|rawurlencode}" class="wcf-externalURL">{$package.author}</a>{else}{$package.author}{/if}</p></td>
 					<td class="columnText"><p>{$package.packageVersion}</p></td>
 					<td class="columnDate"><p>{@$package.packageDate|date}</p></td>
 					
@@ -129,7 +129,7 @@
 	</div>
 {/if}
 
-<div class="formSubmit">
+<div class="wcf-formSubmit">
 	{@SID_INPUT_TAG}
  	<input type="hidden" name="action" value="startUninstall" />
  	<input type="hidden" name="packageID" value="{@$packageObj->packageID}" />
diff --git a/wcfsetup/install/files/acp/templates/packageUpdate.tpl b/wcfsetup/install/files/acp/templates/packageUpdate.tpl
index e8eb1f5b85..1200a9996c 100644
--- a/wcfsetup/install/files/acp/templates/packageUpdate.tpl
+++ b/wcfsetup/install/files/acp/templates/packageUpdate.tpl
@@ -48,7 +48,7 @@
 			
 		</div>
 		
-		<div class="formSubmit">
+		<div class="wcf-formSubmit">
 			{*<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />*}
 			{if !$errorField}<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />{/if}
 			{@SID_INPUT_TAG}
diff --git a/wcfsetup/install/files/acp/templates/packageUpdateSearch.tpl b/wcfsetup/install/files/acp/templates/packageUpdateSearch.tpl
index c931a10680..46c8f2597a 100644
--- a/wcfsetup/install/files/acp/templates/packageUpdateSearch.tpl
+++ b/wcfsetup/install/files/acp/templates/packageUpdateSearch.tpl
@@ -117,7 +117,7 @@
 			
 		</div>
 		
-		<div class="formSubmit">
+		<div class="wcf-formSubmit">
 			<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />
 			<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
 			{@SID_INPUT_TAG}
diff --git a/wcfsetup/install/files/acp/templates/packageUpdateSearchResult.tpl b/wcfsetup/install/files/acp/templates/packageUpdateSearchResult.tpl
index d9f97fa08f..96291f8fda 100644
--- a/wcfsetup/install/files/acp/templates/packageUpdateSearchResult.tpl
+++ b/wcfsetup/install/files/acp/templates/packageUpdateSearchResult.tpl
@@ -20,11 +20,11 @@
 				<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" />
+							<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="wcf-balloonTooltip" />
 						{elseif $package.plugin != ''}
-							<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
+							<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="wcf-balloonTooltip" />
 						{else}
-							<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
+							<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="wcf-balloonTooltip" />
 						{/if}
 						{$package.packageName}
 					</h1>
@@ -63,7 +63,7 @@
 						<dl>
 							<dt><label>{lang}wcf.acp.package.list.author{/lang}</label></dt>
 							<dd>
-								<span>{if $package.authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package.authorURL|rawurlencode}" class="externalURL">{$package.author}</a>{else}{$package.author}{/if}</span>
+								<span>{if $package.authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package.authorURL|rawurlencode}" class="wcf-externalURL">{$package.author}</a>{else}{$package.author}{/if}</span>
 							</dd>
 						</dl>
 					{/if}
@@ -102,7 +102,7 @@
 		</article>			
 	{/foreach}
 	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />
 		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
 		{@SID_INPUT_TAG}
@@ -110,7 +110,7 @@
  	</div>
 </form>
 
-<div class="contentFooter">
+<div class="wcf-contentFooter">
 	{@$pagesLinks}
 </div>
 
diff --git a/wcfsetup/install/files/acp/templates/packageView.tpl b/wcfsetup/install/files/acp/templates/packageView.tpl
index a3d80e0e06..3d0ff52204 100644
--- a/wcfsetup/install/files/acp/templates/packageView.tpl
+++ b/wcfsetup/install/files/acp/templates/packageView.tpl
@@ -138,12 +138,12 @@
 									<tr>
 										<td class="columnIcon">
 											{if $__wcf->session->getPermission('admin.system.package.canUpdatePackage')}
-												<a href="{link controller='PackageStartInstall' id=$requiredPackage.packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="balloonTooltip" /></a>
+												<a href="{link controller='PackageStartInstall' id=$requiredPackage.packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="wcf-balloonTooltip" /></a>
 											{else}
 												<img src="{@RELATIVE_WCF_DIR}icon/update1D.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" />
 											{/if}
 											{if $__wcf->session->getPermission('admin.system.package.canUninstallPackage') && $requiredPackage.package != 'com.woltlab.wcf' && $requiredPackage.packageID != PACKAGE_ID}
-												<a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="{link controller='Package'}action=startUninstall&packageID={@$requiredPackage.packageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="balloonTooltip" /></a>
+												<a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="{link controller='Package'}action=startUninstall&packageID={@$requiredPackage.packageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="wcf-balloonTooltip" /></a>
 											{else}
 												<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" />
 											{/if}
@@ -151,15 +151,15 @@
 										<td class="columnID"><p>{@$requiredPackage.packageID}</p></td>
 										<td class="columnIcon">
 											{if $requiredPackage.isApplication}
-												<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="balloonTooltip" />
+												<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="wcf-balloonTooltip" />
 											{elseif $requiredPackage.parentPackageID}
-												<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
+												<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="wcf-balloonTooltip" />
 											{else}
-												<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
+												<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="wcf-balloonTooltip" />
 											{/if}
 										</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">{if $requiredPackage.authorURL}<p><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$requiredPackage.authorURL|rawurlencode}" class="wcf-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>
 										
@@ -198,12 +198,12 @@
 									<tr>
 										<td class="columnIcon">
 											{if $__wcf->session->getPermission('admin.system.package.canUpdatePackage')}
-												<a href="{link controller='PackageStartInstall' id=$dependentPackage.packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="balloonTooltip" /></a>
+												<a href="{link controller='PackageStartInstall' id=$dependentPackage.packageID}action=update{/link}"><img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="wcf-balloonTooltip" /></a>
 											{else}
 												<img src="{@RELATIVE_WCF_DIR}icon/update1D.svg" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" />
 											{/if}
 											{if $__wcf->session->getPermission('admin.system.package.canUninstallPackage') && $dependentPackage.package != 'com.woltlab.wcf' && $dependentPackage.packageID != PACKAGE_ID}
-												<a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="{link controller='Package'}action=startUninstall&packageID={@$dependentPackage.packageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="balloonTooltip" /></a>
+												<a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="{link controller='Package'}action=startUninstall&packageID={@$dependentPackage.packageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="wcf-balloonTooltip" /></a>
 											{else}
 												<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" />
 											{/if}
@@ -211,15 +211,15 @@
 										<td class="columnID"><p>{@$dependentPackage.packageID}</p></td>
 										<td class="columnIcon">
 											{if $dependentPackage.isApplication}
-												<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="balloonTooltip" />
+												<img src="{@RELATIVE_WCF_DIR}icon/packageApplication1.svg" alt="" title="{lang}wcf.acp.package.list.isApplication{/lang}" class="wcf-balloonTooltip" />
 											{elseif $dependentPackage.parentPackageID}
-												<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
+												<img src="{@RELATIVE_WCF_DIR}icon/packagePlugin1.svg" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="wcf-balloonTooltip" />
 											{else}
-												<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
+												<img src="{@RELATIVE_WCF_DIR}icon/package1.svg" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="wcf-balloonTooltip" />
 											{/if}
 										</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">{if $dependentPackage.authorURL}<p><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$dependentPackage.authorURL|rawurlencode}" class="wcf-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>
 										
diff --git a/wcfsetup/install/files/acp/templates/userEmailAddressExport.tpl b/wcfsetup/install/files/acp/templates/userEmailAddressExport.tpl
index 213032d6ba..641310a21e 100644
--- a/wcfsetup/install/files/acp/templates/userEmailAddressExport.tpl
+++ b/wcfsetup/install/files/acp/templates/userEmailAddressExport.tpl
@@ -63,7 +63,7 @@
 		
 	</div>
 	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />
 		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
 		{@SID_INPUT_TAG}
diff --git a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
index c1fb2cecec..e8eefcc5de 100644
--- a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
@@ -70,7 +70,7 @@
 		{event name='fieldsets'}
 		
 		<div class="wcf-tabMenuContainer" data-active="{$activeMenuItem}" data-store="activeTabMenuItem">
-			<nav class="tabMenu">
+			<nav class="wcf-tabMenu">
 				<ul>
 					{foreach from=$optionTree item=categoryLevel1}
 						<li><a href="#{@$categoryLevel1[object]->categoryName}">{lang}wcf.acp.group.option.category.{@$categoryLevel1[object]->categoryName}{/lang}</a></li>
diff --git a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
index 3981a7e249..915205bb24 100644
--- a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
+++ b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
@@ -299,7 +299,7 @@
 					<dd{if $errorField == 'assignToGroupIDArray'} class="wcf-formError"{/if}>
 						{htmlCheckboxes options=$availableGroups name=assignToGroupIDArray selected=$assignToGroupIDArray}
 						{if $errorField == 'assignToGroupIDArray'}
-							<small class="innerError">
+							<small class="wcf-innerError">
 								{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							</small>
 						{/if}
diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index 1dc8f031f9..17afa91645 100644
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -26,7 +26,7 @@
 		<item name="wcf.acp.cronjob.className"><![CDATA[Klassenname]]></item>
 		<item name="wcf.acp.cronjob.data"><![CDATA[Allgemeine Daten]]></item>
 		<item name="wcf.acp.cronjob.timing"><![CDATA[Zeitsteuerung]]></item>
-		<item name="wcf.acp.cronjob.intro"><![CDATA[Das Anlegen von Cronjobs (zeitgesteuerten Aufgaben) erfordert eine genaue Kenntnis der Crontab-Syntax auf unixähnlichen Systemen. Weiterführende Informationen dazu erhalten Sie auf dieser Website: <a href="{@$__wcf->getPath('wcf')}acp/dereferrer.php?url={"http://www.unixgeeks.org/security/newbie/unix/cron-1.html"|rawurlencode}" class="externalURL">Newbie: Intro to cron</a>]]></item>
+		<item name="wcf.acp.cronjob.intro"><![CDATA[Das Anlegen von Cronjobs (zeitgesteuerten Aufgaben) erfordert eine genaue Kenntnis der Crontab-Syntax auf unixähnlichen Systemen. Weiterführende Informationen dazu erhalten Sie auf dieser Website: <a href="{@$__wcf->getPath('wcf')}acp/dereferrer.php?url={"http://www.unixgeeks.org/security/newbie/unix/cron-1.html"|rawurlencode}" class="wcf-externalURL">Newbie: Intro to cron</a>]]></item>
 		<item name="wcf.acp.cronjob.execute"><![CDATA[Cronjob jetzt ausführen]]></item>
 		<item name="wcf.acp.cronjob.className.error.doesNotExist"><![CDATA[Eine Klasse mit dem angegeben Namen existiert nicht.]]></item>
 		<item name="wcf.acp.cronjob.timing.error.notValid"><![CDATA[Das Zeitformat ist ungültig.]]></item>
@@ -222,7 +222,7 @@
 		<item name="wcf.acp.option.category.general.cache"><![CDATA[Cache]]></item>
 		<item name="wcf.acp.option.category.general.cache.general"><![CDATA[Allgemein]]></item>
 		<item name="wcf.acp.option.category.general.cache.memcache"><![CDATA[Memcache]]></item>
-		<item name="wcf.acp.option.category.general.cache.memcache.description"><![CDATA[Memcache speichert häufig benötige Daten im Arbeitsspeicher zwischen. Dies kann die Last auf die Datenbank und das Dateisystem drastisch reduzieren. Lesen Sie mehr über dieses Thema auf der folgenden Seite: <a href="http://memcached.org/" class="externalURL">memcached.org</a>.]]></item>
+		<item name="wcf.acp.option.category.general.cache.memcache.description"><![CDATA[Memcache speichert häufig benötige Daten im Arbeitsspeicher zwischen. Dies kann die Last auf die Datenbank und das Dateisystem drastisch reduzieren. Lesen Sie mehr über dieses Thema auf der folgenden Seite: <a href="http://memcached.org/" class="wcf-externalURL">memcached.org</a>.]]></item>
 		<item name="wcf.acp.option.cache_source_memcache_host"><![CDATA[Memcache-Server]]></item>
 		<item name="wcf.acp.option.cache_source_memcache_host.description"><![CDATA[Mehrere Server können zeilenweise angegeben werden.]]></item>
 		<item name="wcf.acp.option.cache_source_memcache_use_pconnect"><![CDATA[Persistente Verbindungen aktivieren]]></item>
diff --git a/wcfsetup/install/lang/en.xml b/wcfsetup/install/lang/en.xml
index a742d0fa84..4f9b402a8f 100644
--- a/wcfsetup/install/lang/en.xml
+++ b/wcfsetup/install/lang/en.xml
@@ -26,7 +26,7 @@
 		<item name="wcf.acp.cronjob.className"><![CDATA[Class name]]></item>
 		<item name="wcf.acp.cronjob.data"><![CDATA[General information]]></item>
 		<item name="wcf.acp.cronjob.timing"><![CDATA[Schedule]]></item>
-		<item name="wcf.acp.cronjob.intro"><![CDATA[Configuring cron jobs (automatized scheduled tasks) requires distinct knowledge of the crontab syntax on Unix based systems. More information about this topic can be obtained on the following Webpage: <a href="{@$__wcf->getPath('wcf')}acp/dereferrer.php?url={"http://www.unixgeeks.org/security/newbie/unix/cron-1.html"|rawurlencode}" class="externalURL">Newbie: Intro to cron</a>.]]></item>
+		<item name="wcf.acp.cronjob.intro"><![CDATA[Configuring cron jobs (automatized scheduled tasks) requires distinct knowledge of the crontab syntax on Unix based systems. More information about this topic can be obtained on the following Webpage: <a href="{@$__wcf->getPath('wcf')}acp/dereferrer.php?url={"http://www.unixgeeks.org/security/newbie/unix/cron-1.html"|rawurlencode}" class="wcf-externalURL">Newbie: Intro to cron</a>.]]></item>
 		<item name="wcf.acp.cronjob.execute"><![CDATA[Execute cron job now]]></item>
 		<item name="wcf.acp.cronjob.className.error.doesNotExist"><![CDATA[There is no class with the given name.]]></item>
 		<item name="wcf.acp.cronjob.timing.error.notValid"><![CDATA[The timings you have set are invalid.]]></item>
@@ -222,7 +222,7 @@
 		<item name="wcf.acp.option.category.general.cache"><![CDATA[Cache]]></item>
 		<item name="wcf.acp.option.category.general.cache.general"><![CDATA[General]]></item>
 		<item name="wcf.acp.option.category.general.cache.memcache"><![CDATA[Memcache]]></item>
-		<item name="wcf.acp.option.category.general.cache.memcache.description"><![CDATA[Memcache stores data in the memory that is often accessed. This may reduce the database load dramatically. Read more about the memcache on the following site: <a href="http://memcached.org/" class="externalURL">memcached.org</a>.]]></item>
+		<item name="wcf.acp.option.category.general.cache.memcache.description"><![CDATA[Memcache stores data in the memory that is often accessed. This may reduce the database load dramatically. Read more about the memcache on the following site: <a href="http://memcached.org/" class="wcf-externalURL">memcached.org</a>.]]></item>
 		<item name="wcf.acp.option.cache_source_memcache_host"><![CDATA[Memcache server]]></item>
 		<item name="wcf.acp.option.cache_source_memcache_host.description"><![CDATA[You can enter one server each row.]]></item>
 		<item name="wcf.acp.option.cache_source_memcache_use_pconnect"><![CDATA[Use persistent connections]]></item>
diff --git a/wcfsetup/setup/template/header.tpl b/wcfsetup/setup/template/header.tpl
index 55fcdf2c71..27bae17893 100644
--- a/wcfsetup/setup/template/header.tpl
+++ b/wcfsetup/setup/template/header.tpl
@@ -10,11 +10,11 @@
 	{if !$lastStep|isset}
 		<style type="text/css">
 			/*<![CDATA[*/
-			p.error {
+			p.wcf-error {
 				background-image: url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showIcon=systemError.svg') !important;
 			}
 		
-			.innerError {
+			.wcf-innerError {
 				background-image: url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showIcon=systemError.svg') !important;
 			}
 			/*]]>*/
@@ -25,12 +25,12 @@
 <body id="tplWCFInstaller">
 	<a id="top"></a>
 	<!-- HEADER -->
-	<header id="pageHeader" class="pageHeader">
+	<header id="pageHeader" class="wcf-pageHeader">
 		<div>
 			<!-- no top menu -->
 			
 			<!-- logo -->
-			<div id="logo" class="logo">
+			<div id="logo" class="wcf-logo">
 				<div><!-- ToDo: This is just a little trick to compensate the missing link here, find a better solution -->
 					<h1>{lang}wcf.global.pageTitle{/lang}</h1>
 					<img src="{if $lastStep|isset}{@RELATIVE_WCF_DIR}acp/images/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&amp;showImage={/if}wcfLogo2.svg" width="300" height="58" alt="" />
@@ -43,10 +43,10 @@
 			<!-- no main menu -->
 			
 			<!-- header navigation -->
-			<nav class="headerNavigation">
+			<nav class="wcf-headerNavigation">
 				<div>
 					<ul>
-						<li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{if $lastStep|isset}{@RELATIVE_WCF_DIR}icon/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&amp;showIcon={/if}toBottom.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
+						<li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}" class="wcf-balloonTooltip"><img src="{if $lastStep|isset}{@RELATIVE_WCF_DIR}icon/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&amp;showIcon={/if}toBottom.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
 					</ul>
 				</div>
 			</nav>
@@ -56,13 +56,13 @@
 	<!-- /HEADER -->
 	
 	<!-- MAIN -->
-	<div id="main" class="main">
+	<div id="main" class="wcf-main">
 		<div>
 			
 			<!-- CONTENT -->
-			<section id="content" class="content">
+			<section id="content" class="wcf-content">
 				
-				<header class="mainHeading setup">
+				<header class="wcf-mainHeading setup">
 					<img src="{if $lastStep|isset}{@RELATIVE_WCF_DIR}icon/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&amp;showIcon={/if}working1.svg" alt="" />
 					<hgroup>
 						<h1>{lang}wcf.global.title{/lang}</h1>
diff --git a/wcfsetup/setup/template/stepConfigureDB.tpl b/wcfsetup/setup/template/stepConfigureDB.tpl
index fc889dbc13..b3259ae858 100644
--- a/wcfsetup/setup/template/stepConfigureDB.tpl
+++ b/wcfsetup/setup/template/stepConfigureDB.tpl
@@ -1,16 +1,16 @@
 {include file='header'}
 
-<hgroup class="subHeading">
+<hgroup class="wcf-subHeading">
 	<h1>{lang}wcf.global.configureDB{/lang}</h1>
 	<h2>{lang}wcf.global.configureDB.description{/lang}</h2>
 </hgroup>
 
 {if $exception|isset}
-	<p class="error">{lang}wcf.global.configureDB.error{/lang}</p>
+	<p class="wcf-error">{lang}wcf.global.configureDB.error{/lang}</p>
 {/if}
 
 {if $conflictedTables|isset}
-	<p class="error">{lang}wcf.global.configureDB.conflictedTables{/lang}</p>
+	<p class="wcf-error">{lang}wcf.global.configureDB.conflictedTables{/lang}</p>
 {/if}
 
 <form method="post" action="install.php">
@@ -68,7 +68,7 @@
 		
 	</fieldset>
 	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="submit" value="{lang}wcf.global.button.next{/lang}" accesskey="s" />
 		<input type="hidden" name="send" value="1" />
 		<input type="hidden" name="step" value="{@$nextStep}" />
diff --git a/wcfsetup/setup/template/stepInstallPackages.tpl b/wcfsetup/setup/template/stepInstallPackages.tpl
index aa5e88e132..6b0c5e02a7 100644
--- a/wcfsetup/setup/template/stepInstallPackages.tpl
+++ b/wcfsetup/setup/template/stepInstallPackages.tpl
@@ -1,13 +1,13 @@
 {assign var=lastStep value=true}
 {include file='header'}
 
-<hgroup class="subHeading">
+<hgroup class="wcf-subHeading">
 	<h1>{lang}wcf.global.next{/lang}</h1>
 	<h2>{lang}wcf.global.next.description{/lang}</h2>
 </hgroup>
 
 <form method="get" action="{@RELATIVE_WCF_DIR}acp/index.php">
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		{@SID_INPUT_TAG}
 	</div>
 </form>
diff --git a/wcfsetup/setup/template/stepNext.tpl b/wcfsetup/setup/template/stepNext.tpl
index 56ba0fc4c9..5f4279dcb4 100644
--- a/wcfsetup/setup/template/stepNext.tpl
+++ b/wcfsetup/setup/template/stepNext.tpl
@@ -1,12 +1,12 @@
 {include file='header'}
 
-<hgroup class="subHeading">
+<hgroup class="wcf-subHeading">
 	<h1>{lang}wcf.global.next{/lang}</h1>
 	<h2>{lang}wcf.global.next.description{/lang}</h2>
 </hgroup>
 
 <form method="post" action="install.php?step={@$nextStep}">
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="hidden" name="tmpFilePrefix" value="{@$tmpFilePrefix}" />
 		<input type="hidden" name="languageCode" value="{@$languageCode}" />
 		<input type="hidden" name="wcfDir" value="{$wcfDir}" />
diff --git a/wcfsetup/setup/template/stepSearchWcfDir.tpl b/wcfsetup/setup/template/stepSearchWcfDir.tpl
index 86aba77dd8..1458349be8 100644
--- a/wcfsetup/setup/template/stepSearchWcfDir.tpl
+++ b/wcfsetup/setup/template/stepSearchWcfDir.tpl
@@ -80,7 +80,7 @@
 	//]]>
 </script>
 
-<hgroup class="subHeading">
+<hgroup class="wcf-subHeading">
 	<h1>{lang}wcf.global.wcfDir{/lang}</h1>
 	<h2>{lang}wcf.global.wcfDir.description{/lang}</h2>
 </hgroup>
@@ -90,7 +90,7 @@
 {/if}
 
 {if $exception|isset}
-	<p class="error">{lang}wcf.global.wcfDir.error{/lang}</p>
+	<p class="wcf-error">{lang}wcf.global.wcfDir.error{/lang}</p>
 {/if}
 
 <form method="post" action="install.php">
@@ -114,7 +114,7 @@
 		
 	</fieldset>
 	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="submit" value="{lang}wcf.global.button.next{/lang}" accesskey="s" />
 		<input type="hidden" name="step" value="{@$nextStep}" />
 		<input type="hidden" name="tmpFilePrefix" value="{@$tmpFilePrefix}" />
diff --git a/wcfsetup/setup/template/stepSelectLanguages.tpl b/wcfsetup/setup/template/stepSelectLanguages.tpl
index 07e1ce4fac..51949a38d3 100644
--- a/wcfsetup/setup/template/stepSelectLanguages.tpl
+++ b/wcfsetup/setup/template/stepSelectLanguages.tpl
@@ -1,12 +1,12 @@
 {include file='header'}
 
-<hgroup class="subHeading">
+<hgroup class="wcf-subHeading">
 	<h1>{lang}wcf.global.languages{/lang}</h1>
 	<h2>{lang}wcf.global.languages.description{/lang}</h2>
 </hgroup>
 
 {if $errorField}
-	<p class="error">{if $errorType == 'empty'}{lang}wcf.global.languages.error.empty{/lang}{/if}</p>
+	<p class="wcf-error">{if $errorType == 'empty'}{lang}wcf.global.languages.error.empty{/lang}{/if}</p>
 {/if}
 
 <form method="post" action="install.php">
@@ -21,7 +21,7 @@
 		</dl>
 	</fieldset>
 	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="submit" value="{lang}wcf.global.button.next{/lang}" accesskey="s" />
 		<input type="hidden" name="send" value="1" />
 		<input type="hidden" name="step" value="{@$nextStep}" />
diff --git a/wcfsetup/setup/template/stepSelectSetupLanguage.tpl b/wcfsetup/setup/template/stepSelectSetupLanguage.tpl
index b1464b68f4..4147f029f4 100644
--- a/wcfsetup/setup/template/stepSelectSetupLanguage.tpl
+++ b/wcfsetup/setup/template/stepSelectSetupLanguage.tpl
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<hgroup class="subHeading">
+<hgroup class="wcf-subHeading">
 	<h1>{lang}wcf.global.welcome{/lang}</h1>
 	<h2>{lang}wcf.global.welcome.description{/lang}</h2>
 </hgroup>
@@ -17,7 +17,7 @@
 		<label for="languageCode">{lang}wcf.global.welcome.language.description{/lang}</label>
 	</fieldset>
 	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="submit" accesskey="s" value="{lang}wcf.global.button.next{/lang}" />
 		<input type="hidden" name="step" value="{@$nextStep}" />
 		<input type="hidden" name="tmpFilePrefix" value="{@$tmpFilePrefix}" />
diff --git a/wcfsetup/setup/template/stepShowSystemRequirements.tpl b/wcfsetup/setup/template/stepShowSystemRequirements.tpl
index b447217c83..295dbd9578 100644
--- a/wcfsetup/setup/template/stepShowSystemRequirements.tpl
+++ b/wcfsetup/setup/template/stepShowSystemRequirements.tpl
@@ -1,6 +1,6 @@
 {include file='header'}
 
-<hgroup class="subHeading">
+<hgroup class="wcf-subHeading">
 	<h1>{lang}wcf.global.systemRequirements{/lang}</h1>
 	<h2>{lang}wcf.global.systemRequirements.description{/lang}</h2>
 </hgroup>
@@ -13,7 +13,7 @@
 			<dl>
 				<dt>{lang}wcf.global.systemRequirements.element.required{/lang} 5.3.0</dt>
 				<dd>
-					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="badge {if !$system.phpVersion.result}badgeWarning{else}badgeSuccess{/if}">{$system.phpVersion.value}</span>
+					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="wcf-badge {if !$system.phpVersion.result}wcf-badgeWarning{else}wcf-badgeSuccess{/if}">{$system.phpVersion.value}</span>
 					{if !$system.phpVersion.result}<small>{lang}wcf.global.systemRequirements.php.description{/lang}</small>{/if}
 				</dd>
 			</dl>
@@ -24,7 +24,7 @@
 			<dl>
 				<dt>{lang}wcf.global.systemRequirements.element.required{/lang} {lang}wcf.global.systemRequirements.active{/lang}</dt>
 				<dd>
-					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="badge {if !$system.sql.result}badgeWarning{else}badgeSuccess{/if}">
+					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="wcf-badge {if !$system.sql.result}wcf-badgeWarning{else}wcf-badgeSuccess{/if}">
 					{if !$system.sql.result}{lang}wcf.global.systemRequirements.sql.notFound{/lang}{else}
 						{implode from=$system.sql.value item=$sqlType glue=', '}{lang}wcf.global.configureDB.class.{@$sqlType}{/lang}{/implode}
 					{/if}</span>
@@ -54,7 +54,7 @@
 			<dl>
 				<dt>{lang}wcf.global.systemRequirements.element.recommended{/lang} > 0</dt>
 				<dd>
-					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="badge {if !$system.uploadMaxFilesize.result}badgeWarning{else}badgeSuccess{/if}">{$system.uploadMaxFilesize.value}</span>
+					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="wcf-badge {if !$system.uploadMaxFilesize.result}wcf-badgeWarning{else}wcf-badgeSuccess{/if}">{$system.uploadMaxFilesize.value}</span>
 					{if !$system.uploadMaxFilesize.result}<small>{lang}wcf.global.systemRequirements.uploadMaxFilesize.description{/lang}</small>{/if}
 				</dd>
 			</dl>
@@ -65,7 +65,7 @@
 			<dl>
 				<dt>{lang}wcf.global.systemRequirements.element.recommended{/lang} 2.0.0</dt>
 				<dd>
-					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="badge {if !$system.gdLib.result}badgeWarning{else}badgeSuccess{/if}">{$system.gdLib.value}</span>
+					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="wcf-badge {if !$system.gdLib.result}wcf-badgeWarning{else}wcf-badgeSuccess{/if}">{$system.gdLib.value}</span>
 					{if !$system.gdLib.result}<small>{lang}wcf.global.systemRequirements.gdLib.description{/lang}</small>{/if}
 				</dd>
 			</dl>
@@ -74,7 +74,7 @@
 </fieldset>
 
 <form method="post" action="install.php">	
-	<div class="formSubmit">
+	<div class="wcf-formSubmit">
 		<input type="submit" value="{lang}wcf.global.button.next{/lang}"{if !$system.phpVersion.result || !$system.sql.result || !$system.mbString.result} disabled="disabled"{/if} accesskey="s"/>
 		<input type="hidden" name="step" value="{@$nextStep}" />
 		<input type="hidden" name="tmpFilePrefix" value="{@$tmpFilePrefix}" />