WCF.User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}');
//]]>
</script>
+
+{*
+{if $specialStyles|isset}
+ <!-- special styles -->
+ {@$specialStyles}
+{/if}
+*}
+
+<!-- Stylesheets -->
+<style type="text/css">
+ @import url("{@RELATIVE_WCF_DIR}acp/style/style.css") screen;
+ {*
+
+ @import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css") screen;
+
+ @import url("{@RELATIVE_WCF_DIR}acp/style/print.css") print;
+ *}
+</style>
+++ /dev/null
-/**
- * Setup Window Styles (RTL)
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-body {
- color: #333;
- font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
- font-size: .82em;
- background-color: #fff;
- margin: 0;
- padding: 0;
-}
-
-.inner {
- padding: 0 20px 10px 20px;
-}
-
-fieldset {
- font-size: .82em;
- border: 1px solid #8da4b7;
- margin-bottom: 10px;
- padding: 0;
- border-radius: 5px;
-}
-
-legend {
- color: #164369;
- font-size: 1em;
- margin: 0 10px;
- padding: 0 4px;
-}
-
-fieldset p, fieldset div {
- margin: 8px 0 0 0;
- padding: 0;
-}
-
-/* -- -- -- -- -- Forms -- -- -- -- -- */
-
-form {
- margin: 0;
- padding: 0;
-}
-
-label {
- margin-bottom: 2px;
- display: block;
-}
-
-textarea, .inputText {
- width: 99%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
- border-width: 1px;
- border-style: solid;
- border-color: #666 #999 #ccc #999;
- background-color: #fafafa;
- background-image: url("../../images/setupInputBackground.png");
- background-position: right top;
- background-repeat: repeat-x;
- padding: 2px;
- min-height: 13px;
- border-radius: 3px;
-}
-
-textarea:focus, select:focus, .inputText:focus {
- border: 1px solid #fa2;
- background-color: #fff9f4;
- background-image: url("../../images/setupInputBackground.png");
- background-repeat: repeat-x;
- outline: 0;
-}
-
-textarea, select, .inputText {
- border: 1px solid #8da4b7;
- background-color: #fafafa;
-}
-
-textarea:focus, select:focus, .inputText:focus {
- border: 1px solid #fa2;
- background-color: #fff9f4;
-}
-
-input[type="file"] {
- width: 100%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
- padding: 2px;
-}
-
-.select label {
- margin-bottom: 5px;
- padding-right: 25px;
-}
-
-.select input {
- float: right;
-}
-
-.nextButton {
- text-align: left;
-}
-
-.disabled {
- color: #b2b2b2;
-}
-
-/* -- -- -- -- -- System Messages -- -- -- -- -- */
-
-/* Success, Warning, Error */
-
-.success, .warning, .error {
- border-width: 1px;
- border-style: solid;
- background-position: 10px center;
- background-repeat: no-repeat;
- padding: 7px 45px 7px 10px;
- border-radius: 5px;
-}
-
-.success {
- color: #090;
- border-color: #090;
- background-color: #efe;
- background-image: url("../../../icon/successM.png");
-}
-
-.success a, .success a:hover {
- color: #333;
-}
-
-.warning {
- color: #660;
- border-color: #660;
- background-color: #ffd;
- background-image: url("../../../icon/warningM.png");
-}
-
-.warning a, .warning a:hover {
- color: #333;
-}
-
-.error {
- color: #c00;
- border-color: #c00;
- background-color: #fee;
- background-image: url("../../../icon/errorM.png");
-}
-
-.error a, .error a:hover {
- color: #333;
-}
-
-.errorField {
- color: #c00;
-}
-
-.errorField img {
- vertical-align: middle;
-}
-
-/* -- -- -- -- -- System Exception -- -- -- -- -- */
-
-#systemException {
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 1em;
- border: 1px outset lightgrey;
- background-color: lightgrey;
- padding: 3px;
-}
-
-#systemException div {
- border: 1px inset lightgrey;
- padding: 4px;
-}
-
-#systemException h1 {
- color: #fff;
- font-size: 1.2em;
- background-color: #154268;
- margin: 0 0 3px 0;
- padding: 4px;
-}
-
-#systemException h2 {
- font-size: 1.1em;
- margin-bottom: 0;
-}
-
-#systemException pre, #systemException p {
- font-size: 1em;
- margin: 0;
-}
-
-#packageUrl {
- text-decoration: underline;
- border: none;
- background: transparent;
- padding: 0;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Setup Window Styles (LTR)
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-body {
- color: #333;
- font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
- font-size: .82em;
- background-color: #fff;
- margin: 0;
- padding: 0;
-}
-
-.inner {
- padding: 0 20px 10px 20px;
-}
-
-fieldset {
- font-size: .82em;
- border: 1px solid #8da4b7;
- margin-bottom: 10px;
- padding: 0;
- border-radius: 5px;
-}
-
-legend {
- color: #164369;
- font-size: 1em;
- margin: 0 10px;
- padding: 0 4px;
-}
-
-fieldset p, fieldset div {
- margin: 8px 0 0 0;
- padding: 0;
-}
-
-/* -- -- -- -- -- Forms -- -- -- -- -- */
-
-form {
- margin: 0;
- padding: 0;
-}
-
-label {
- margin-bottom: 2px;
- display: block;
-}
-
-textarea, .inputText {
- width: 99%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
- border-width: 1px;
- border-style: solid;
- border-color: #666 #999 #ccc #999;
- background-color: #fafafa;
- background-image: url("../../images/setupInputBackground.png");
- background-position: left top;
- background-repeat: repeat-x;
- padding: 2px;
- min-height: 13px;
- border-radius: 3px;
-}
-
-textarea:focus, select:focus, .inputText:focus {
- border: 1px solid #fa2;
- background-color: #fff9f4;
- background-image: url("../../images/setupInputBackground.png");
- background-repeat: repeat-x;
- outline: 0;
-}
-
-textarea, select, .inputText {
- border: 1px solid #8da4b7;
- background-color: #fafafa;
-}
-
-textarea:focus, select:focus, .inputText:focus {
- border: 1px solid #fa2;
- background-color: #fff9f4;
-}
-
-input[type="file"] {
- width: 100%;
-}
-
-textarea, select, input[type="text"], input[type="password"] {
- padding: 2px;
-}
-
-.select label {
- margin-bottom: 5px;
- padding-left: 25px;
-}
-
-.select input {
- float: left;
-}
-
-.nextButton {
- text-align: right;
-}
-
-.disabled {
- color: #b2b2b2;
-}
-
-/* -- -- -- -- -- System Messages -- -- -- -- -- */
-
-/* Success, Warning, Error */
-
-.success, .warning, .error {
- border-width: 1px;
- border-style: solid;
- background-position: 10px center;
- background-repeat: no-repeat;
- padding: 7px 10px 7px 45px;
- border-radius: 5px;
-}
-
-.success {
- color: #090;
- border-color: #090;
- background-color: #efe;
- background-image: url("../../../icon/successM.png");
-}
-
-.success a, .success a:hover {
- color: #333;
-}
-
-.warning {
- color: #660;
- border-color: #660;
- background-color: #ffd;
- background-image: url("../../../icon/warningM.png");
-}
-
-.warning a, .warning a:hover {
- color: #333;
-}
-
-.error {
- color: #c00;
- border-color: #c00;
- background-color: #fee;
- background-image: url("../../../icon/errorM.png");
-}
-
-.error a, .error a:hover {
- color: #333;
-}
-
-.errorField {
- color: #c00;
-}
-
-.errorField img {
- vertical-align: middle;
-}
-
-/* -- -- -- -- -- System Exception -- -- -- -- -- */
-
-#systemException {
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 1em;
- border: 1px outset lightgrey;
- background-color: lightgrey;
- padding: 3px;
-}
-
-#systemException div {
- border: 1px inset lightgrey;
- padding: 4px;
-}
-
-#systemException h1 {
- color: #fff;
- font-size: 1.2em;
- background-color: #154268;
- margin: 0 0 3px 0;
- padding: 4px;
-}
-
-#systemException h2 {
- font-size: 1.1em;
- margin-bottom: 0;
-}
-
-#systemException pre, #systemException p {
- font-size: 1em;
- margin: 0;
-}
-
-#packageUrl {
- text-decoration: underline;
- border: none;
- background: transparent;
- padding: 0;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
--- /dev/null
+/**
+ * ACP Testing Styles
+ *
+ * @author Harald Szekely
+ * @copyright 2011 WoltLab GmbH
+ */
+
+/* -- -- -- -- -- Reset -- -- -- -- -- */
+
+/**
+ * Parts taken from
+ * http://meyerweb.com/eric/tools/css/reset/
+ * v2.0 | 20110126
+ * License: none (public domain)
+ * modifyed to meet the needs of WoltLab
+ */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+blockquote, q {
+ quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+
+
+/* -- -- -- -- -- Globals -- -- -- -- -- */
+
+* {
+ text-overflow: ellipsis;
+}
+
+body {
+ font-family: 'Trebuchet MS', Arial, sans-serif;
+ font-size: 80%;
+ color: #666;
+ line-height: 1;
+ background-color: #29374a;
+}
+
+img {
+ vertical-align: middle !important;
+}
+
+a {
+ color: #369;
+ text-decoration: none;
+
+ -webkit-transition: color .1s linear;
+ -moz-transition: color .1s linear;
+ -ms-transition: color .1s linear;
+ -o-transition: color .1s linear;
+ transition: color .1s linear;
+}
+
+a:hover {
+ text-decoration: underline;
+ color: #036;
+}
+
+a.externalURL {
+ background-image: url('../../icon/externalURL.svg');
+ background-position: right center;
+ background-repeat: no-repeat;
+ padding-right: 17px;
+}
+
+hr {
+ display: none;
+}
+
+.invisible {
+ position: absolute;
+ left: -9000px;
+ top: -9000px;
+}
+
+.separated {
+ margin-top: 13px;
+}
+
+
+
+/* -- -- -- -- -- Page Header -- -- -- -- -- */
+
+header.pageHeader {
+ /* Disabled, because the WoltLab header-image is not LGPL
+ Activate it if you want to test your own header image */
+ /* background-image: url('../images/header.png'); */
+ background-position: left top;
+ background-repeat: repeat-x;
+ min-width: 800px;
+ width: 100%;
+}
+
+/* Top Menu */
+
+header.pageHeader nav.topMenu {
+ border-bottom: 1px solid rgba(0, 0, 0, .1);
+ background-color: rgba(0, 0, 0, .4);
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ min-height: 20px;
+ min-width: 800px;
+ z-index: 500;
+
+ -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
+ -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
+ -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
+ -o-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
+ box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
+}
+
+header.pageHeader nav.topMenu > div {
+ padding: 0 23px 0;
+
+}
+
+header.pageHeader nav.topMenu ul li,
+header.pageHeader nav.topMenu ul li a {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
+ color: #69c;
+ display: block;
+}
+
+header.pageHeader nav.topMenu li ul li:hover a {
+ color: #fff;
+}
+
+
+
+
+
+
+
+/* ToDo */
+
+
+/* Todo: Top Menu Dropdowns */
+
+nav.topMenu .dropdownCaption {
+ cursor: pointer;
+}
+
+nav.topMenu ul {
+ position: relative;
+ display: inline-block;
+}
+
+nav.topMenu ul li ul.dropdown {
+ color: #fff;
+ border: 1px solid rgba(255, 255, 255, .5);
+ border-radius: 0 5px 5px 5px;
+ background-color: rgba(0, 0, 0, .7);
+ margin-top: 25px;
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 500;
+
+ -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -o-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+}
+
+nav.topMenu ul span.dropdownCaption {
+ display: block !important;
+ padding: 6px;
+}
+
+nav.topMenu ul:hover span.dropdownCaption {
+ color: #fff;
+ background-color: rgba(0, 0, 0, .7);
+ display: block !important;
+}
+
+nav.topMenu ul:hover span.dropdownCaption ~ ul.dropdown {
+ display: block !important;
+}
+
+nav.topMenu ul li ul.dropdown > li {
+ text-shadow: none;
+ color: #ccc;
+ cursor: pointer;
+ padding: 5px 7px;
+
+ -webkit-transition: all .1s linear;
+ -moz-transition: all .1s linear;
+ -ms-transition: all .1s linear;
+ -o-transition: all .1s linear;
+ transition: all .1s linear;
+}
+
+nav.topMenu ul li ul.dropdown > li a {
+ text-decoration: none;
+}
+
+nav.topMenu ul li ul.dropdown > li a:hover {
+ color: #fff;
+}
+
+.preInput .inputDropdown > li:first-child {
+ border-top-right-radius: 3px;
+}
+
+nav.topMenu ul li ul.dropdown > li:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+nav.topMenu ul li ul.dropdown > li:hover {
+ color: #fff;
+ background-color: rgba(0, 0, 0, .5);
+}
+
+nav.topMenu ul li ul.dropdown > li:first-child {
+ border-top-width: 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* Todo */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Logo */
+
+header.pageHeader div#logo {
+ margin: 0 23px 0;
+ position: relative;
+ z-index: 1;
+}
+
+header.pageHeader div#logo h1 {
+ font-size: 150%;
+ text-shadow: 0 -1px 0 #000;
+ color: #d8e7f5;
+ position: relative;
+ top: 70px;
+}
+
+header.pageHeader div#logo a:hover {
+ text-decoration: none !important;
+ color: #d8e7f5;
+}
+
+header.pageHeader div#logo img {
+ position: absolute;
+ bottom: 10px;
+ left: 0;
+}
+
+header.pageHeader div#logo > a,
+header.pageHeader div#logo > div {
+ text-align: right;
+ display: block;
+ height: 110px;
+}
+
+/* Main Menu */
+
+nav.mainMenu {
+ /* This is the general toggle switch for main menu orientation (options: left|center|right) */
+ text-align: left;
+ margin: 0 30px;
+ display: block;
+ position: relative;
+ bottom: -7px; /* closes the gap between tabs and menu bar */
+}
+
+nav.mainMenu:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+nav.mainMenu ul {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ background-color: rgba(0, 0, 0, .4);
+ display: inline-block;
+}
+
+nav.mainMenu ul li {
+ font-size: 123%;
+ font-weight: normal;
+ text-shadow: 0 -1px 0 #000;
+ color: #69c;
+ cursor: pointer;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ margin: 5px 0 0;
+ padding: 10px 20px;
+ display: inline-block;
+ position: relative;
+ top: -7px;
+ z-index: 1;
+
+ -webkit-transition-property: border, background-color, background-image, color;
+ -webkit-transition-duration: .3s;
+ -webkit-transition-timing-function: ease;
+
+ -moz-transition-property: border, background-color, background-image, color;
+ -moz-transition-duration: .3s;
+ -moz-transition-timing-function: ease;
+
+ -ms-transition-property: border, background-color, background-image, color;
+ -ms-transition-duration: .3s;
+ -ms-transition-timing-function: ease;
+
+ -o-transition-property: border, background-color, background-image, color;
+ -o-transition-duration: .3s;
+ -o-transition-timing-function: ease;
+
+ transition-property: border, background-color, background-image, color;
+ transition-duration: .3s;
+ transition-timing-function: ease;
+}
+
+nav.mainMenu ul li:hover {
+ color: #fff;
+}
+
+nav.mainMenu ul li.activeMenuItem {
+ text-shadow: 0 1px 0 #fff;
+ font-size: 150%;
+ font-weight: bold;
+ color: #369;
+
+ background-color: #e7f2fd;
+ background-image: -webkit-linear-gradient(#fff, #e7f2fd);
+ background-image: -moz-linear-gradient(#fff, #e7f2fd);
+ background-image: -ms-linear-gradient(#fff, #e7f2fd);
+ background-image: -o-linear-gradient(#fff, #e7f2fd);
+ background-image: linear-gradient(#fff, #e7f2fd);
+
+ z-index: 10;
+}
+
+nav.mainMenu ul li.activeMenuItem:first-child {
+ margin: 5px -5px -5px 0;
+}
+
+nav.mainMenu ul li.activeMenuItem:last-child {
+ margin: 5px 0 -5px -5px;
+}
+
+nav.mainMenu ul li:only-child,
+nav.mainMenu ul li.activeMenuItem:only-child {
+ cursor: default !important;
+ margin: 5px 0 -5px;
+}
+
+/* Header Navigation */
+
+nav.headerNavigation {
+ background-color: #e7f2fd;
+ border-bottom: 1px solid #bcd;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ margin: 0 23px;
+ display: block;
+ position: relative;
+ min-width: 800px;
+}
+
+nav.headerNavigation:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+nav.headerNavigation > div {
+ padding: 3px 7px;
+}
+
+nav.headerNavigation > div:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+nav.headerNavigation ul {
+ display: block;
+}
+
+nav.headerNavigation ul li {
+ float: right;
+}
+
+#tplLogin header.pageHeader nav.headerNavigation ul li.toBottomLink {
+ /* removes the to-bottom-link on the log-in page */
+ position: absolute;
+ left: -9000px;
+ top: -9000px;
+ width: 0;
+}
+
+
+
+/* -- -- -- -- -- Main -- -- -- -- -- */
+
+div.main {
+ margin: 0 23px;
+ min-width: 800px;
+}
+
+
+
+/* -- -- -- -- -- Content -- -- -- -- -- */
+
+section.content {
+ background-color: #fff;
+ display: table-cell;
+ padding: 25px 40px;
+ position: relative;
+ width: 100%;
+ z-index: 100;
+ vertical-align: top;
+}
+
+div.main > div section:only-child {
+ display: block !important;
+ width: auto;
+}
+
+section.content .content {
+ border: 1px solid #ccc;
+ background-color: rgba(0, 0, 0, .01);
+ padding: 13px 23px 23px;
+}
+
+
+
+/* -- -- -- -- -- Content Header & Footer -- -- -- -- -- */
+
+.contentHeader,
+.contentFooter {
+ margin-top: 15px;
+}
+
+
+
+/* -- -- -- -- -- Sidebar -- -- -- -- -- */
+
+aside.sidebar {
+ border-right: 1px solid #bcd;
+ background-color: #d8e7f5;
+ margin: 0 !important;
+ padding: 0 !important;
+ display: table-cell;
+ position: relative;
+ vertical-align: top;
+
+ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
+ -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
+ -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
+ -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
+}
+
+/* Sidebar Menu */
+
+nav.sidebarMenu {
+ white-space: nowrap;
+ padding-bottom: 20px;
+}
+
+nav.sidebarMenu > div {
+ text-shadow: 0 1px 0 #fff;
+ color: #69c;
+ position: relative;
+}
+
+nav.sidebarMenu > div a:hover {
+ text-decoration: none !important;
+ color: #369;
+}
+
+nav.sidebarMenu > div h1 {
+ cursor: pointer;
+ font-size: 130%;
+ font-weight: bold;
+ color: #369;
+ background-image: url('../../icon/closed.svg');
+ background-position: 15px center;
+ background-size: 16px;
+ background-repeat: no-repeat;
+ margin-top: 5px;
+ padding: 7px 25px 7px 35px;
+ position: relative;
+}
+
+nav.sidebarMenu > div h1.activeMenuItem {
+ background-image: url('../../icon/opened.svg');
+}
+
+nav.sidebarMenu > div ul li {
+ font-size: 110%;
+}
+
+nav.sidebarMenu > div ul li a {
+ text-shadow: 0 1px 0 #fff;
+ color: #69c;
+ padding: 5px 25px 7px 35px;
+ display: block;
+}
+
+nav.sidebarMenu > div ul li.activeMenuItem {
+ background-color: #fff;
+ margin-right: -1px;
+ overflow: hidden;
+
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+}
+
+nav.sidebarMenu > div ul li.activeMenuItem a {
+ font-weight: bold;
+ color: #369;
+}
+
+
+
+/* -- -- -- -- -- Page Footer -- -- -- -- -- */
+
+footer.pageFooter {
+ text-align: center;
+ padding: 0 23px;
+ clear: both;
+ position: relative;
+ min-width: 800px;
+}
+
+footer.pageFooter:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+footer.pageFooter > div {
+ border-top: 1px solid #bcd;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ background-color: #e7f2fd;
+ padding: 3px 7px;
+ clear: both;
+}
+
+footer.pageFooter > div:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+footer.pageFooter .copyright {
+ padding-top: 20px;
+ display: inline-block;
+ min-height: 40px;
+}
+
+footer.pageFooter .copyright a {
+ text-shadow: 0 -1px 0 #000;
+}
+
+footer.pageFooter .copyright a:hover {
+ text-decoration: none;
+ color: #69c;
+}
+
+/* Footer Navigation */
+
+footer.pageFooter nav.footerNavigation ul li {
+ display: inline-block;
+ float: right;
+}
+
+#tplLogin footer.pageFooter nav.footerNavigation ul li.toTopLink {
+ /* removes the to-top-link on the log-in page */
+ position: absolute;
+ left: -9000px;
+ top: -9000px;
+ width: 0;
+}
+
+
+
+/* -- -- -- -- -- Headings -- -- -- -- -- */
+
+/* Main Heading */
+
+.mainHeading {
+ position: relative;
+}
+
+.mainHeading img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 48px;
+ height: 48px;
+}
+
+.mainHeading > hgroup {
+ padding-left: 60px;
+ min-height: 56px;
+}
+
+.mainHeading > hgroup h1 {
+ font-size: 175%;
+ font-weight: bold;
+ text-shadow: 0 1px 0 #fff;
+ color: #666;
+ border-bottom: 1px solid #999;
+ padding-bottom: 10px;
+}
+
+.mainHeading > hgroup h2 {
+ font-size: 100%;
+ font-weight: normal;
+ color: #999;
+ padding-top: 5px;
+}
+
+.mainHeading > hgroup p {
+ padding-top: 3px;
+}
+
+/* Sub Heading */
+
+.subHeading h1 {
+ font-size: 150%;
+ text-shadow: 0 1px 0 #fff;
+ color: #999;
+ border-bottom: 1px solid #ccc;
+ margin: 10px 0;
+ padding: 10px 0;
+}
+
+
+
+/* -- -- -- -- -- Fieldsets -- -- -- -- -- */
+
+fieldset {
+ border: 1px solid #ccc;
+ border-radius: 7px;
+ background-color: rgba(0, 0, 0, .015);
+ margin: 15px 0 0;
+ padding: 15px;
+}
+
+fieldset:last-child, fieldset:only-child {
+ margin-bottom: 7px !important;
+}
+
+/* experimental
+fieldset.topLink {
+ background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
+ background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
+ background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
+ background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
+ background-image: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
+}
+*/
+
+fieldset legend {
+ color: #999;
+ padding: 0 7px 0;
+}
+
+fieldset legend ~ p {
+ margin-bottom: 14px;
+}
+
+fieldset p.description {
+ font-size: 90%;
+ color: #999;
+}
+
+
+
+/* -- -- -- -- -- Tabbed Content -- -- -- -- -- */
+
+/* Simple */
+
+dl {
+ margin-bottom: 7px;
+ clear: both;
+ position: relative;
+}
+
+dl > dt {
+ text-align: right;
+ color: #69c;
+ margin-top: 5px; /* not so nice */
+ float: left;
+ width: 230px;
+}
+
+dl > dt > label {
+ margin-top: 5px;
+ display: block;
+}
+
+dl.disabled > dt {
+ color: #777;
+}
+
+dl > dd {
+ margin-left: 250px;
+ padding-top: 5px;
+}
+
+dl > dd > small {
+ font-size: 85%;
+ color: #999;
+ margin: 3px 0 7px;
+ display: block;
+}
+
+/* Nested */
+
+dl > dd > fieldset {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+dl > dd > fieldset > legend {
+ display: none;
+}
+
+dl > dd > fieldset > dl > dt {
+ margin-right: 20px;
+ width: 150px;
+}
+
+dl > dd > fieldset > dl > dd {
+ margin-left: 0;
+}
+
+dl > dd > fieldset > dl > dd > label {
+ display: block;
+}
+
+/* Reversed */
+
+dt.reversed {
+ text-align: left;
+ margin-top: 2px;
+ position: absolute;
+ left: 270px;
+ width: auto;
+}
+
+dt.reversed ~ dd > input[type='checkbox'] {
+ margin-left: 0;
+}
+
+/* Special (experimental)
+
+fieldset dl > dd {
+ margin-left: 235px;
+ padding-top: 5px;
+}
+
+fieldset dt.reversed {
+ left: 255px;
+}
+*/
+
+
+
+/* -- -- -- -- -- Forms -- -- -- -- -- */
+
+/* Globals */
+
+label {
+ color: #69c;
+}
+
+/* Structure */
+
+.formSubmit {
+ text-align: center;
+ margin-top: 15px;
+}
+
+input[type='checkbox'] ~ small,
+input[type='radio'] ~ small {
+ margin-top: 0;
+ margin-left: 21px;
+}
+
+/* Form Elements */
+
+input[type='reset'],
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='radio'],
+select {
+ cursor: pointer;
+}
+
+input[type='text'],
+input[type='search'],
+input[type='email'],
+input[type='password'] {
+ padding: 5px 3px;
+}
+
+/* inputs normal */
+input[type='text'],
+input[type='search'],
+input[type='email'],
+input[type='password'],
+textarea {
+ border-width: 1px;
+ border-style: solid;
+ border-color: #999 #ccc #eee;
+ border-radius: 3px;
+ background-color: #fff;
+
+ -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
+ -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
+ -ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
+ -o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
+
+ -webkit-transition: all .2s linear;
+ -moz-transition: all .2s linear;
+ -ms-transition: all .2s linear;
+ -o-transition: all .2s linear;
+ transition: all .2s linear;
+}
+
+/* inputs hover */
+input[type='text']:hover,
+input[type='search']:hover,
+input[type='email']:hover,
+input[type='password']:hover,
+textarea:hover {
+ border: 1px solid #fa2;
+ background-color: #fff9f4;
+}
+
+/* inputs active */
+input[type='text']:active,
+input[type='search']:active,
+input[type='email']:active,
+input[type='password']:active,
+textarea:active,
+input[type='text']:focus,
+input[type='search']:focus,
+input[type='email']:focus,
+input[type='password']:focus,
+textarea:focus {
+ border: 1px solid #fa2;
+ background-color: #fff9f4;
+ outline: none;
+
+ -webkit-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
+ -moz-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
+ -ms-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
+ -o-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
+ box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
+}
+
+/* inputs read only */
+input[type='text'][readonly='readonly'],
+input[type='search'][readonly='readonly'],
+input[type='email'][readonly='readonly'],
+input[type='password'][readonly='readonly'],
+textarea[readonly='readonly'] {
+ border-style: solid;
+ border-color: #ccc #ddd #eee;
+ background-color: transparent;
+
+ -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
+ -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
+ -ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
+ -o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
+ box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
+}
+
+/* inputs read only */
+input[type='text'][disabled='disabled'],
+input[type='search'][disabled='disabled'],
+input[type='email'][disabled='disabled'],
+input[type='password'][disabled='disabled'],
+textarea[disabled='disabled'] {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, .5);
+ background-color: rgba(255, 255, 255, .5);
+}
+
+/* Widths */
+
+textarea {
+ width: 99%;
+ min-width: 300px;
+}
+
+.tiny {
+ width: 100px;
+}
+
+.short {
+ width: 10%;
+ min-width: 100px;
+}
+
+.medium {
+ width: 50%;
+ min-width: 200px;
+}
+
+.long {
+ width: 99%;
+ min-width: 300px;
+}
+
+.auto {
+ width: auto;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Input Buttons & Dropdowns */
+
+/* Input Button Area */
+
+/* ToDo: Change the class-name! */
+
+.preInput {
+ position: relative;
+ white-space: nowrap;
+}
+
+.preInput:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+.preInput > input { /* ToDo: All this needed? */
+ border-radius: 0 3px 3px 0;
+ margin: 0;
+ position: relative;
+ right: 0;
+ left: 0;
+ display: inline-block;
+}
+
+/* Input Button */
+
+.preInput .dropdownCaption {
+ margin-right: -1px;
+ float: left;
+}
+
+.preInput .dropdownCaption span { /* ToDo: Icon will be toggled by a class in the future! */
+ background-image: url('../../icon/dropdown1.svg');
+ background-position: right center;
+ background-repeat: no-repeat;
+ margin-right: -5px;
+ padding-right: 10px;
+ white-space: nowrap;
+}
+
+/* ToDo: Coloring classes copied from Buttons! */
+
+/* normal */
+.preInput .dropdownCaption {
+ cursor: pointer;
+
+ border-radius: 3px 0 0 3px;
+ padding: 5px 10px;
+ display: inline-block;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Input Dropdown */
+
+.preInput .dropdown {
+ color: #fff;
+ border: 1px solid rgba(255, 255, 255, .7);
+ border-radius: 5px;
+ background-color: rgba(0, 0, 0, .7);
+ margin-top: 25px;
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 500;
+
+ -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -o-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+}
+
+/* Show/hide will be done by Javascript now!
+.preInput:hover .dropdownCaption ~ .dropdown {
+ display: block !important;
+}
+*/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Dropdown Entries */
+
+.preInput .dropdown > li {
+ text-shadow: none;
+ color: #ccc;
+ cursor: pointer;
+ padding: 5px 7px;
+
+ -webkit-transition: all .1s linear;
+ -moz-transition: all .1s linear;
+ -ms-transition: all .1s linear;
+ -o-transition: all .1s linear;
+ transition: all .1s linear;
+}
+
+.preInput .dropdown > li:first-child {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.preInput .dropdown > li:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.preInput .dropdown > li:hover {
+ color: #fff;
+ background-color: rgba(0, 0, 0, .5);
+}
+
+.preInput .dropdown > li:first-child {
+ border-top-width: 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* -- -- -- -- -- Large Buttons -- -- -- -- -- */
+
+/* Colors are being taken from the global color styles */
+
+.largeButtons {
+ text-align: right;
+}
+
+.largeButtons ul li {
+ display: inline;
+}
+
+.largeButtons ul li a img {
+ margin: -5px 1px -5px -5px;
+ height: 24px;
+ width: 24px;
+ vertical-align: middle;
+}
+
+/* buttons normal */
+input[type='reset'],
+input[type='submit'],
+input[type='button'],
+.largeButtons ul li a {
+ font-size: 100%;
+ font-weight: bold;
+
+ border-radius: 30px;
+
+ margin: 3px 2px;
+ padding: 5px 13px;
+ display: inline-block;
+}
+
+
+
+/* -- -- -- -- -- Border -- -- -- -- -- */
+
+.border {
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ margin-top: 15px;
+}
+
+.border.overlay {
+ margin-top: 0 !important;
+}
+
+/* -- -- -- -- -- Box Title -- -- -- -- -- */
+
+.boxTitle {
+ border-radius: 7px;
+ background-color: #369;
+ /* Disabled, because the WoltLab header-image is not LGPL
+ Activate it if you want to test your own header image */
+ /* background-image: url('../images/header.png'); */
+ background-position: left top;
+ background-repeat: repeat-x;
+
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+ box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+}
+
+.boxTitle > hgroup {
+ text-shadow: 0 -1px 0 #000;
+ color: #fff;
+ padding: 7px;
+ display: inline-block;
+}
+
+.boxTitle > hgroup a, .boxTitle > a {
+ text-decoration: none;
+ color: #fff;
+}
+
+.boxTitle > hgroup h1 {
+ display: inline-block;
+}
+
+.boxTitle > hgroup h2 {
+ font-size: 85%;
+ color: rgba(255, 255, 255, .9);
+ margin-top: 5px;
+}
+
+.boxTitle img.handle {
+ cursor: pointer;
+ margin-top: -1px;
+ float: right !important;
+ height: 16px;
+ width: 16px;
+}
+
+
+
+/* -- -- -- -- -- Tab Menu -- -- -- -- -- */
+
+/* Parts taken from jQuery UI @ themes/base/jquery.ui.tabs.css */
+
+/* Tab Menu */
+
+.tabMenu {
+ text-shadow: 0 1px 0 #fff;
+ /* This is the general toggle switch for tab menu orientation (options: left|center|right) */
+ text-align: center;
+ white-space: nowrap;
+ background-color: none;
+ margin-top: 15px;
+ padding: 0 5px;
+ display: block;
+ position: relative;
+}
+
+.tabMenu:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+.tabMenu li {
+ white-space: nowrap;
+ list-style: none;
+ display: inline-block;
+}
+
+.tabMenu li a {
+ font-size: 110%;
+ text-decoration: none;
+ color: #999;
+ cursor: pointer;
+ padding: 10px 15px 7px;
+ border-width: 1px 1px 0 1px;
+ border-style: solid;
+ border-color: #ddd;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ background-color: rgba(0, 0, 0, .05);
+ display: inline-block;
+ position: relative;
+ bottom: -1px;
+ z-index: 10;
+ max-width: 200px;
+ overflow: hidden;
+}
+
+.tabMenu li:not(.ui-state-active) a:hover {
+ color: #666;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #fa2 #fa2 #ccc;
+ background-color: #fff9f4;
+}
+
+.tabMenu li:not(.ui-state-active) a:active,
+.tabMenu li:not(.ui-state-active) a:focus {
+ border-width: 1px;
+ border-style: solid;
+ border-color: #fa2 #fa2 #ccc;
+
+ -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);
+ -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+}
+
+.tabMenu li.ui-state-active a {
+ font-size: 130%;
+ font-weight: bold;
+ color: #333 !important;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #ccc;
+ border-bottom-color: #fff;
+ background-color: rgba(255, 255, 255, 1);
+ bottom: 0;
+ z-index: 30;
+}
+
+.tabMenu li.ui-state-active a,
+.tabMenu li.ui-state-disabled a,
+.tabMenu li.ui-state-processing a {
+ cursor: default;
+}
+
+/* Tab Menu Content */
+
+.tabMenuContent {
+ border: 1px solid #ccc;
+ background-color: rgba(255, 255, 255, 1);
+ margin-top: -1px;
+ padding: 15px 23px;
+ display: block;
+ position: relative;
+ z-index: 20; /* Prevents border overlay during transition */
+}
+
+/* ToDo: 2x hidden? */
+
+.ui-tabs .ui-tabs-hide {
+ display: none !important;
+}
+
+.ui-helper-hidden {
+ display: none;
+}
+
+.ui-helper-hidden-accessible {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px);
+ clip: rect(1px,1px,1px,1px);
+}
+
+
+
+/* -- -- -- -- -- Menu -- -- -- -- -- */
+
+.menu {
+ color: #666;
+ border-bottom: 1px solid #ccc;
+ margin: -15px -23px 0;
+ padding: 0 7px 10px;
+}
+
+.tabMenuContent > .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));
+ background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
+ background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
+}
+
+.menu ul {
+ /* This is the general toggle switch for menu orientation (options: left|center|right) */
+ text-align: center;
+}
+
+.menu ul li {
+ white-space: nowrap;
+ margin-top: 10px;
+ display: inline-block;
+}
+
+.menu ul li a {
+ font-size: 85%;
+ text-shadow: 0 1px 0 #fff;
+ text-decoration: none;
+ color: #999;
+ border: 1px solid rgba(0, 0, 0, .2);
+ border-radius: 13px;
+ background-color: rgba(255, 255, 255, .5);
+ padding: 2px 10px;
+
+ -webkit-transition: color .1s linear;
+ -moz-transition: color .1s linear;
+ -ms-transition: color .1s linear;
+ -o-transition: color .1s linear;
+ transition: color .1s linear;
+}
+
+.menu ul li:not(.ui-state-active) a:hover {
+ color: #333;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #fa2;
+ 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 {
+ -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);
+ -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+}
+
+.menu ul li.ui-state-active a {
+ font-weight: bold;
+ text-shadow: 0 1px 0 #000;
+ color: #fff;
+ cursor: default;
+ border: 1px solid rgba(0, 0, 0, .2);
+ background-color: rgba(0, 0, 0, .5);
+}
+
+/* Special */
+
+.boxTitle > .menu {
+ color: #fff;
+ border: none;
+ margin: 0 !important;
+ padding: 6px 7px !important;
+}
+
+.boxTitle > .menu ul li {
+ margin-top: 0;
+}
+
+.boxTitle > .menu ul li a {
+ font-size: 85%;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 #000;
+ color: #eee !important;
+ border: 1px solid rgba(0, 0, 0, .3);
+ border-radius: 13px;
+ background-color: rgba(0, 0, 0, .1);
+ padding: 2px 10px;
+
+ -webkit-transition: color .1s linear;
+ -moz-transition: color .1s linear;
+ -ms-transition: color .1s linear;
+ -o-transition: color .1s linear;
+ transition: color .1s linear;
+}
+
+.boxTitle > .menu ul li a:hover {
+ color: #fff !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 {
+ border: 1px solid rgba(0, 0, 0, .5);
+
+ -webkit-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
+ -moz-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
+ -ms-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
+ -o-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
+ box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
+}
+
+
+
+/* -- -- -- -- -- ToDo: Tables -- -- -- -- -- */
+
+/* Table */
+
+table {
+ border-spacing: 0;
+ width: 100% !important;
+}
+
+/* Table Header */
+
+thead th {
+ font-size: 87%;
+ white-space: nowrap;
+}
+
+thead th:first-child {
+ /* rounded corners for the first table header cell to the left */
+ border-top-left-radius: 5px;
+}
+
+thead th:last-child {
+ /* rounded corners for the last table header cell to the left */
+ border-top-right-radius: 5px;
+}
+
+thead th {
+ text-shadow: 0 -1px 0 #000;
+ color: #69c;
+ border-right: 1px solid rgba(0, 0, 0, .2);
+
+ background-color: rgba(0, 0, 0, .3);
+ background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
+ background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
+ background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
+ background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
+
+ padding: 7px;
+}
+
+thead th a {
+ text-shadow: 0 -1px 0 #000;
+ text-decoration: none !important;
+ color: #69c;
+ margin: -7px;
+ padding: 7px;
+ display: block;
+}
+
+thead th:last-child a {
+ border-right-width: 0;
+}
+
+thead th:hover a {
+ color: #fff;
+ background-color: rgba(0, 0, 0, .2);
+}
+
+thead th.active a {
+ font-weight: bold;
+ color: #fff;
+ background-color: rgba(0, 0, 0, .1);
+
+ -webkit-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
+ -moz-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
+ -ms-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
+ -o-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
+ box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
+}
+
+thead th.active:hover a {
+ background-color: rgba(0, 0, 0, .3);
+}
+
+thead th a img {
+ /* sort-icon orientation does not work */
+ text-align: right;
+ /* negative margins to prevent table-cells from expanding when the sort-icon shows up */
+ margin-top: -5px !important;
+ margin-bottom: -5px !important;
+}
+
+/* Table Body */
+
+tbody tr {
+ border-bottom: 1px solid rgba(255, 255, 255, .3);
+}
+
+tbody tr:last-child {
+ /* no border for the last table row */
+ border-bottom-width: 0;
+}
+
+tbody tr:last-child td:first-child {
+ /* rounded corners for the last table cell to the left */
+ border-bottom-left-radius: 5px;
+}
+
+tbody tr:last-child td:last-child {
+ /* rounded corners for the last table cell to the right */
+ border-bottom-right-radius: 5px;
+}
+
+tbody td {
+ background-color: #fcfdfe;
+ border-right: 1px solid rgba(255, 255, 255, .3);
+ padding: 5px;
+ /* this is experimental - only works in combination with "table-layout: fixed;" */
+ word-wrap: break-word;
+}
+
+tbody td:last-child {
+ border-right-width: 0;
+}
+
+tbody tr:nth-child(2n+1) td {
+ /* auto-colorer for every 2nd row */
+ background-color: #f2f6fa;
+}
+
+tbody tr:hover td {
+ background-color: #d8e7f5;
+}
+
+/* ToDo: Table Specials */
+
+/*
+.menu ~ .border {
+ border-top-left-radius: 0 !important;
+ border-top-right-radius: 0 !important;
+}
+*/
+
+.menu ~ .border thead th:first-child {
+ border-top-left-radius: 0 !important;
+}
+
+.menu ~ .border thead th:last-child {
+ border-top-right-radius: 0 !important;
+}
+
+.menu ~ .border thead th:first-child,
+.boxTitle > table thead th:first-child {
+ border-top-left-radius: 0 !important;
+}
+
+.menu ~ .border thead th:last-child,
+.boxTitle > table thead th:last-child {
+ border-top-right-radius: 0 !important;
+}
+
+/* Table Column Formats */
+
+tr .columnMark,
+tr .columnStatus {
+ text-align: center;
+ width: 1% !important;
+ white-space: nowrap;
+}
+
+tr .columnStatus .badge {
+ margin-right: 1px !important;
+ margin-left: 1px !important;
+}
+
+tr .columnDigits,
+tr .columnID {
+ text-align: right;
+ width: 1% !important;
+ white-space: nowrap;
+}
+
+tr .columnIcon {
+ text-align: left;
+ width: 1% !important;
+ white-space: nowrap;
+}
+
+tr .columnIcon img:not(.balloonTooltip):hover {
+ cursor: not-allowed;
+}
+
+tr .columnIcon img {
+ height: 16px;
+ width: 16px;
+}
+
+.bigList tr .columnIcon img {
+ height: 24px;
+ width: 24px;
+}
+
+tr .columnTitle {
+ font-weight: bold;
+ text-align: left;
+}
+
+tr .columnText {
+ font-weight: normal;
+ text-align: left;
+ max-width: 20%;
+}
+
+tr .columnDate,
+tr .columnRegistrationDate {
+ font-size: 85%;
+ text-align: right;
+ width: 1% !important;
+}
+
+tr .columnURL {
+ font-size: 85%;
+ text-align: left;
+}
+
+/* Table Checkboxes */
+
+table input[type='checkbox'] {
+ margin-top: -5px !important;
+ margin-bottom: -5px !important;
+}
+
+
+
+/* -- -- -- -- -- ToDo: Page Navigation -- -- -- -- -- */
+
+/* Page-Navigation Popups are still missing */
+
+.pageNavigation ul li:not(.children) {
+ border-radius: 3px;
+
+ display: inline-block;
+ position: relative;
+}
+
+.pageNavigation ul li.disabled {
+ cursor: not-allowed;
+ border: 1px solid rgba(0, 0, 0, .1) !important;
+ background-image: none !important;
+}
+
+.pageNavigation ul li:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+.pageNavigation ul li img {
+ height: 16px;
+ width: 16px;
+}
+
+.pageNavigation ul li.skip {
+ padding: 2px 2px 1px 3px;
+ top: -1px;
+}
+
+.pageNavigation ul li a {
+ text-shadow: 0 1px 0 #fff;
+ text-decoration: none;
+ color: #999;
+ display: inline-block;
+}
+
+.pageNavigation ul li:not(.disabled):hover a {
+ color: #666;
+}
+
+.pageNavigation ul li:not(.skip) a {
+ padding: 3px 5px;
+}
+
+.pageNavigation ul li:active a,
+.pageNavigation ul li:focus a {
+ color: #333;
+}
+
+.pageNavigation ul li.active,
+.pageNavigation ul li.active:hover {
+ text-shadow: 0 1px 0 #000 !important;
+ color: #fff !important;
+ border: 1px solid rgba(0, 0, 0, .3) !important;
+
+ background-color: rgba(0, 0, 0, .5) !important;
+ background-image: -webkit-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
+ background-image: -moz-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
+ background-image: -o-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
+ background-image: -ms-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
+ background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
+
+ padding: 3px 5px;
+}
+
+/* ToDo: Children */
+
+.pageNavigation ul li.children,
+.pageNavigation ul li.children:hover,
+.pageNavigation ul li.children:active,
+.pageNavigation ul li.children:focus {
+ display: inline-block;
+}
+
+.pageNavigation ul li.children img {
+ height: 9px;
+ width: 7px;
+}
+
+
+
+/* -- -- -- -- -- System Notifications -- -- -- -- -- */
+
+p.info,
+p.error,
+p.success,
+p.warning {
+ text-shadow: 0 1px 0 #fff;
+ line-height: 1.5;
+ border-radius: 7px;
+ margin-top: 15px;
+ padding: 7px 15px 7px 50px;
+
+ -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
+ -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
+ -ms-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
+ -o-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
+ box-shadow: 0 0 7px rgba(0, 0, 0, .1);
+
+ -webkit-transition: all .1s linear;
+ -moz-transition: all .1s linear;
+ -ms-transition: all .1s linear;
+ -o-transition: all .1s linear;
+ transition: all .1s linear;
+}
+
+p.info {
+ color: #68b;
+ border: 1px solid #9be;
+ background-color: #def;
+ background-image: url('../../icon/systemInfo.svg');
+ background-size: 24px;
+ background-position: 13px center;
+ background-repeat: no-repeat;
+}
+
+p.success {
+ color: #090;
+ border: 1px solid #0c0;
+ background-color: #efe;
+ background-image: url('../../icon/systemSuccess.svg');
+ background-size: 24px;
+ background-position: 13px center;
+ background-repeat: no-repeat;
+}
+
+p.warning {
+ color: #990;
+ border: 1px solid #cc0;
+ background-color: #ffd;
+ background-image: url('../../icon/systemWarning.svg');
+ background-size: 24px;
+ background-position: 13px center;
+ background-repeat: no-repeat;
+}
+
+p.error {
+ color: #c00;
+ border: 1px solid #f99;
+ background-color: #fee;
+ background-image: url('../../icon/systemError.svg');
+ background-size: 24px;
+ background-position: 13px center;
+ background-repeat: no-repeat;
+}
+
+
+
+
+
+
+
+/* ToDo: Installation */
+
+div#packageInstallationDialogContainer {
+ padding: 20px;
+ height: 100%;
+ max-width: 600px;
+}
+
+div#ajaxExceptionStacktrace {
+ white-space: nowrap;
+ overflow: scroll;
+ overflow-y: hidden;
+}
+
+div#packageInstallationInnerContentContainer {
+ margin-top: 20px;
+ padding-top: 15px;
+}
+
+div#packageInstallationInnerContent p.error {
+ border: 1px solid #ed1c24;
+ border-radius: 5px;
+ background-color: #fdd;
+ margin-bottom: 15px;
+ padding: 7px;
+}
+
+div#ajaxExceptionStacktrace {
+ font-family: monospace;
+ font-size: 90%;
+ line-height: 1.2;
+ border: 1px solid #ccc;
+ padding: 3px;
+}
+
+
+
+
+
+/* ToDo */
+
+#actionProxyLoading {
+ border: 1px solid #f80;
+ border-top-width: 0;
+ border-radius: 0 0 5px 5px;
+ background-color: #faebd7;
+ padding: 7px 21px 7px;
+ position: fixed;
+ top: 0;
+ right: 20px;
+ z-index: 1000;
+}
+
+#actionProxyLoading img {
+ height: 24px;
+ width: 24px;
+}
+
+div.wcfDimensions {
+ display: inline-block;
+}
+
+div.overlayLoading {
+ background-color: #fff;
+ background-image: url('../../icon/spinner.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+div.ui-dialog {
+ border: 10px solid rgba(0, 0, 0, .2);
+ border-radius: 15px;
+ display: inline-block !important;
+ width: auto !important;
+ min-width: 80px;
+}
+
+div.ui-dialog-titlebar {
+ border-bottom: 5px solid rgba(0, 0, 0, .6);
+ background-color: #ccc;
+ padding: 7px;
+ position: relative;
+}
+
+span.ui-dialog-title {
+ text-shadow: 5px 0 0 #000;
+ color: #fff;
+}
+
+a.ui-dialog-titlebar-close {
+ background-image: url('../../icon/deleteM.png');
+ background-position: top left;
+ background-repeat: no-repeat;
+ position: absolute !important;
+ top: -16px;
+ right: -16px;
+ width: 24px;
+ height: 24px;
+}
+
+a.ui-dialog-titlebar-close span {
+ display: none;
+ visibility: hidden;
+}
+
+div.ui-widget-overlay {
+ background-color: #000;
+ opacity: .6;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+
+
+
+/* ToDo: Is all that really necessary? We wanted to support good browsers only */
+
+.ui-helper-clearfix {
+ display: inline-block;
+}
+
+/* Required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix {
+ height: 1%;
+}
+
+.ui-helper-clearfix {
+ display: block;
+}
+
+/* end clearfix */
+.ui-helper-zfix {
+ opacity: 0;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+.ui-dialog {
+ background-color: rgba(255, 255, 255, .9);
+}
+
+
+/* -- -- -- -- -- Badges -- -- -- -- -- */
+
+/* Globals */
+
+.badge {
+ font-size: 85%;
+ text-shadow: none;
+ color: #666;
+ border-radius: 13px;
+ background-color: #fff;
+ margin-right: -3px;
+ margin-left: 3px;
+ padding: 1px 5px 2px;
+ display: inline-block;
+ position: relative;
+ top: -1px;
+}
+
+/* Types */
+
+.badgeNote {
+ border: 1px solid #ccc;
+}
+
+.badgeInfo {
+ color: #68b;
+ border: 1px solid #9be;
+ background-color: #def;
+}
+
+.badgeSuccess {
+ color: #090;
+ border: 1px solid #0c0;
+ background-color: #efe;
+}
+
+.badgeWarning {
+ color: #990;
+ border: 1px solid #cc0;
+ background-color: #ffd;
+}
+
+.badgeError {
+ color: #c00;
+ border: 1px solid #f99;
+ background-color: #fee;
+}
+
+/* Buttons */
+
+.badgeButton,
+.clipboardEditor > ul > li {
+ cursor: pointer;
+
+ border-radius: 30px;
+
+ margin-right: 0;
+ margin-left: 0;
+ padding: 3px 10px 5px;
+ display: inline-block;
+}
+
+li.badgeButton,
+li > .badgeButton {
+ margin-top: 7px;
+ margin-right: 3px;
+ margin-left: 3px;
+ float: left;
+}
+
+.badgeButton,
+.badgeButton a,
+.clipboardEditor > ul > li > span {
+ text-decoration: none !important;
+}
+
+
+
+/* -- -- -- -- -- GUI Widgets -- -- -- -- -- */
+
+/* Balloon Tooltips */
+
+#balloonTooltip {
+ font-size: .85em;
+ color: #fff;
+ border: 1px solid rgba(255, 255, 255, .7);
+ border-radius: 5px;
+ background-color: rgba(0, 0, 0, .7);
+ padding: 5px 10px 7px;
+ max-width: 300px;
+ z-index: 900;
+
+ box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
+}
+
+.balloonTooltip {
+ /* Not reliable, sometimes not wanted! */
+ cursor: pointer;
+}
+
+/* Collapsible */
+
+.collapsible {
+ margin: 5px 0 0 10px;
+ float: left;
+}
+
+.collapsible img {
+ height: 16px;
+ width: 16px;
+}
+
+
+
+/* -- -- -- -- -- ToDo: Clipboard Editor -- -- -- -- -- */
+
+.clipboardEditor {
+
+}
+
+.clipboardEditor > ul {
+ font-size: .85em;
+ margin: 6px 3px 0;
+ display: block;
+ position: relative;
+ float: left;
+}
+
+.clipboardEditor > ul > li > span {
+ background-image: url('../../icon/dropdown1.svg');
+ background-position: right center;
+ background-repeat: no-repeat;
+ padding-right: 12px;
+ display: inline-block;
+}
+
+/* Dropdown */
+
+.clipboardEditor ul > li > ol {
+ border: 1px solid rgba(255, 255, 255, .7);
+ border-radius: 5px;
+ background-color: rgba(0, 0, 0, .7);
+ margin-top: 23px;
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ -o-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+ box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
+}
+
+.clipboardEditor ul > li > ol > li {
+ text-shadow: none;
+ color: #ccc;
+ cursor: pointer;
+ padding: 5px 7px;
+
+ -webkit-transition: all .2s linear;
+ -moz-transition: all .2s linear;
+ -ms-transition: all .2s linear;
+ -o-transition: all .2s linear;
+ transition: all .2s linear;
+}
+
+.clipboardEditor ul > li > ol > li:first-child {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.clipboardEditor ul > li > ol > li:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.clipboardEditor ul > li > ol > li:hover {
+ color: #fff;
+ background-color: rgba(0, 0, 0, .5);
+}
+
+.clipboardEditor ul > li > ol > li:first-child {
+ border-top-width: 0;
+}
+
+
+
+/* -- -- -- -- -- Global Button Color & Effect Library -- -- -- -- -- */
+
+/* Put individual settings to their respective declarations */
+
+/* normal state */
+input[type='reset'],
+input[type='submit'],
+input[type='button'],
+.largeButtons ul li a,
+.badgeButton,
+.pageNavigation ul li:not(.children),
+.clipboardEditor > ul > li,
+.preInput .dropdownCaption {
+ text-decoration: none;
+ text-shadow: 0 1px 0 #fff;
+ color: #999;
+
+ border-width: 1px;
+ border-style: solid;
+ border-color: #ccc #bbb #aaa;
+
+ background-color: #fefefe;
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
+ background-image: -ms-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
+ background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
+
+ -webkit-transition: all .1s linear;
+ -moz-transition: all .1s linear;
+ -ms-transition: all .1s linear;
+ -o-transition: all .1s linear;
+ transition: all .1s linear;
+}
+
+/* hover state */
+input[type='reset']:hover,
+input[type='submit']:hover,
+input[type='button']:hover,
+input[type='button'].default:hover,
+.largeButtons ul li a:hover,
+.badgeButton:hover,
+.pageNavigation ul li:not(.disabled):hover,
+.clipboardEditor > ul > li:hover,
+.preInput:hover .dropdownCaption {
+ color: #666;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #ffc053 #fa2 #fc9e07;
+
+ background-color: #fff9f4;
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: -ms-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+}
+
+/* active state */
+input[type='reset']:focus,
+input[type='submit']:focus,
+input[type='button']:focus,
+input[type='button'].default:focus,
+.largeButtons ul li a:focus,
+.badgeButton:focus,
+.pageNavigation ul li:not(.disabled):active,
+.clipboardEditor > ul > li:focus,
+.preInput .dropdownCaption:focus,
+input[type='reset']:active,
+input[type='submit']:active,
+input[type='button']:active,
+input[type='button'].default:active,
+.largeButtons ul li a:active,
+.badgeButton:active,
+.pageNavigation ul li:not(.disabled):focus,
+.clipboardEditor > ul > li:active,
+.preInput .dropdownCaption:active {
+ color: #333;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #fc9e07 #fa2 #ffc053;
+
+ background-color: #fff9f4;
+ background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+ background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
+
+ -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);
+ -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+}
+
+/* default glow */
+@-webkit-keyframes glowLargeButtons {
+ 0% {
+ -webkit-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
+ }
+ 100% {
+ -webkit-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
+ }
+}
+@-moz-keyframes glowLargeButtons {
+ 0% {
+ -moz-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
+ }
+ 100% {
+ -moz-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
+ }
+}
+@-ms-keyframes glowLargeButtons {
+ 0% {
+ -ms-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
+ }
+ 100% {
+ -ms-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
+ }
+}
+@-o-keyframes glowLargeButtons {
+ 0% {
+ -o-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
+ }
+ 100% {
+ -o-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
+ }
+}
+@keyframes glowLargeButtons {
+ 0% {
+ box-shadow: 0 0 13px rgba(102, 153, 204, .3);
+ }
+ 100% {
+ box-shadow: 0 0 13px rgba(102, 153, 204, .1);
+ }
+}
+
+/* default normal state */
+input[type='submit'],
+input[type='button'].default,
+.largeButtons ul li.default a {
+ color: #69c;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #7aade0 #69c #5285b8;
+
+ background-color: #e7f2fd;
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
+ background-image: -ms-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
+ background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
+
+ -webkit-box-shadow: 0 0 10px #369;
+ -moz-box-shadow: 0 0 10px #369;
+ -ms-box-shadow: 0 0 10px #369;
+ -o-box-shadow: 0 0 10px #369;
+ box-shadow: 0 0 10px #369;
+
+ -webkit-animation-name: glowLargeButtons;
+ -webkit-animation-duration: 1s;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ -webkit-animation-timing-function: ease-in-out;
+
+ -moz-animation-name: glowLargeButtons;
+ -moz-animation-duration: 1s;
+ -moz-animation-iteration-count: infinite;
+ -moz-animation-direction: alternate;
+ -moz-animation-timing-function: ease-in-out;
+
+ -ms-animation-name: glowLargeButtons;
+ -ms-animation-duration: 1s;
+ -ms-animation-iteration-count: infinite;
+ -ms-animation-direction: alternate;
+ -ms-animation-timing-function: ease-in-out;
+
+ -o-animation-name: glowLargeButtons;
+ -o-animation-duration: 1s;
+ -o-animation-iteration-count: infinite;
+ -o-animation-direction: alternate;
+ -o-animation-timing-function: ease-in-out;
+
+ animation-name: glowLargeButtons;
+ animation-duration: 1s;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+ animation-timing-function: ease-in-out;
+}
+
+/* default hover glow */
+@-webkit-keyframes glowLargeButtonsHover {
+ 0% {
+ -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
+ }
+ 100% {
+ -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
+ }
+}
+@-moz-keyframes glowLargeButtonsHover {
+ 0% {
+ -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
+ }
+ 100% {
+ -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
+ }
+}
+@-ms-keyframes glowLargeButtonsHover {
+ 0% {
+ -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
+ }
+ 100% {
+ -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
+ }
+}
+@-o-keyframes glowLargeButtonsHover {
+ 0% {
+ -o-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
+ }
+ 100% {
+ -o-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
+ }
+}
+@keyframes glowLargeButtonsHover {
+ 0% {
+ box-shadow: 0 0 13px rgba(255, 153, 51, .3);
+ }
+ 100% {
+ box-shadow: 0 0 13px rgba(255, 153, 51, .1);
+ }
+}
+
+/* default hover state */
+input[type='submit']:hover,
+input[type='button'].default:hover,
+.largeButtons ul li.default a:hover {
+ -webkit-box-shadow: 0 0 10px #fa2;
+ -moz-box-shadow: 0 0 10px #fa2;
+ -ms-box-shadow: 0 0 10px #fa2;
+ -o-box-shadow: 0 0 10px #fa2;
+ box-shadow: 0 0 10px #fa2;
+
+ -webkit-animation-name: glowLargeButtonsHover;
+ -webkit-animation-duration: 1s;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ -webkit-animation-timing-function: ease-in-out;
+
+ -moz-animation-name: glowLargeButtonsHover;
+ -moz-animation-duration: 1s;
+ -moz-animation-iteration-count: infinite;
+ -moz-animation-direction: alternate;
+ -moz-animation-timing-function: ease-in-out;
+
+ -ms-animation-name: glowLargeButtonsHover;
+ -ms-animation-duration: 1s;
+ -ms-animation-iteration-count: infinite;
+ -ms-animation-direction: alternate;
+ -ms-animation-timing-function: ease-in-out;
+
+ -o-animation-name: glowLargeButtonsHover;
+ -o-animation-duration: 1s;
+ -o-animation-iteration-count: infinite;
+ -o-animation-direction: alternate;
+ -o-animation-timing-function: ease-in-out;
+
+ animation-name: glowLargeButtonsHover;
+ animation-duration: 1s;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+ animation-timing-function: ease-in-out;
+}
+
+/* default active glow */
+@-webkit-keyframes glowDefaultLargeButtonsActive {
+ 0% {
+ -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+ 100% {
+ -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+}
+@-moz-keyframes glowDefaultLargeButtonsActive {
+ 0% {
+ -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+ 100% {
+ -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+}
+@-ms-keyframes glowDefaultLargeButtonsActive {
+ 0% {
+ -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+ 100% {
+ -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+}
+@-o-keyframes glowDefaultLargeButtonsActive {
+ 0% {
+ -o-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+ 100% {
+ -o-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+}
+@keyframes glowDefaultLargeButtonsActive {
+ 0% {
+ box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+ 100% {
+ box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
+ }
+}
+
+/* default active state */
+input[type='submit']:focus,
+input[type='button'].default:focus,
+.largeButtons ul li.default a:focus,
+input[type='submit']:active,
+input[type='button'].default:active,
+.largeButtons ul li.default a: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);
+ -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+
+ -webkit-animation-name: glowDefaultLargeButtonsActive;
+ -webkit-animation-duration: 1s;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ -webkit-animation-timing-function: ease-in-out;
+
+ -moz-animation-name: glowDefaultLargeButtonsActive;
+ -moz-animation-duration: 1s;
+ -moz-animation-iteration-count: infinite;
+ -moz-animation-direction: alternate;
+ -moz-animation-timing-function: ease-in-out;
+
+ -ms-animation-name: glowDefaultLargeButtonsActive;
+ -ms-animation-duration: 1s;
+ -ms-animation-iteration-count: infinite;
+ -ms-animation-direction: alternate;
+ -ms-animation-timing-function: ease-in-out;
+
+ -o-animation-name: glowDefaultLargeButtonsActive;
+ -o-animation-duration: 1s;
+ -o-animation-iteration-count: infinite;
+ -o-animation-direction: alternate;
+ -o-animation-timing-function: ease-in-out;
+
+ animation-name: glowDefaultLargeButtonsActive;
+ animation-duration: 1s;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+ animation-timing-function: ease-in-out;
+}
+
+/* disabled state */
+input[disabled='disabled'],
+input[type='button'][disabled='disabled'],
+.largeButtons ul li.disabled a {
+ color: #999;
+ cursor: default;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #ccc #bbb #aaa;
+}
+
+
+
+
+
+
+
+
+
+/* -- -- -- -- -- CSS Experiments (active) -- -- -- -- -- */
+
+
+
+
+
+
+
+
+
+
+
+/* ToDo: Proxy Loading */
+
+.actionProxyLoading {
+
+}
+
+
+
+
+
+
+
+
+/* ToDo: User Panel
+
+this is taken from "userPanel.tpl" (inline-css)
+will change soon!
+
+*/
+
+
+/* This style is old and conflicts with the new one!
+ul#userMenu {
+ margin: 0;
+ padding: 0;
+}
+
+ul#userMenu > li {
+ border-radius: 3px;
+ background-color: rgba(224, 224, 224, 1);
+ margin: 0 3px 0 3px;
+ padding: 7px;
+ display: inline-block;
+ box-shadow: 0 0 5px rgba(151, 151, 151, 1);
+}
+*/
+
+div.userNotificationContainer {
+ border: 1px solid rgba(192, 192, 192, 1);
+ background-color: rgba(224, 224, 224, .9);
+ position: absolute;
+ width: 250px;
+}
+
+div.scrollableContainer {
+ position: relative;
+ width: 250px;
+ overflow: hidden;
+}
+
+div.scrollableContainer div.scrollableItems {
+ position: relative;
+ width: 20000em;
+}
+
+div.scrollableContainer div.scrollableItems > div {
+ border-right: 1px solid rgba(192, 192, 192, 1);
+ float: left;
+ width: 250px;
+}
+
+div.scrollableContainer {
+ font-size: 90%;
+}
+
+div.scrollableContainer > div:first-child ul {
+ margin: 0;
+ padding: 0;
+}
+
+div.scrollableContainer > div:first-child li {
+ border-top: 1px solid rgba(192, 192, 192, 1);
+ padding: 7px;
+}
+
+div.scrollableContainer > div:first-child li:first-child {
+ border-top-width: 0;
+}
+
+div.scrollableContainer > div:first-child p {
+ padding: 7px;
+}
+
+.userNotificationDetails {
+ padding: 7px;
+ width: 236px;
+}
+
+.userNotificationDetails hgroup {
+ margin-bottom: 7px;
+ display: table;
+ width: 100%;
+}
+
+.userNotificationDetails .row {
+ display: table-row;
+}
+
+.userNotificationDetails .row div {
+ text-align: center;
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.userNotificationDetails .row div:first-child {
+ width: 64px;
+}
+
+.userNotificationDetails .row div:last-child {
+ padding-left: 7px;
+}
+
+.userNotificationDetails .avatar img {
+ height: 64px;
+ width: 64px;
+}
+
+.userNotificationDetails h1 {
+ font-size: 110%;
+}
+
+.userNotificationDetails section {
+ border-top: 1px solid rgba(192, 192, 192, 1);
+ padding-top: 7px;
+}
+
+.userNotificationDetails nav {
+ text-align: center;
+ border-top: 1px solid rgba(192, 192, 192, 1);
+ margin-top: 7px;
+ padding-top: 7px;
+}
+
+.userNotificationDetails ul {
+ list-style-type: none;
+ display: inline-block;
+}
+
+.userNotificationDetails li {
+ cursor: pointer;
+ border: 1px solid rgba(192, 192, 192, 1) !important;
+ background-image: -webkit-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: -moz-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: -ms-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: -o-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ padding: 3px;
+ display: inline-block;
+}
+
+.userNotificationDetails li:hover {
+ background-image: -webkit-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+ background-image: -moz-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+ background-image: -ms-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+ background-image: -o-linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+ background-image: linear-gradient(top, rgb(192, 192, 192, 1), rgb(224, 224, 224,));
+}
+
+#userNotificationDetailsLoading {
+ background-color: rgba(255, 255, 255, .6);
+ background-image: url('{@RELATIVE_WCF_DIR}icon/ajax-loader.gif');
+ background-position: center center;
+ background-repeat: no-repeat;
+ position: absolute;
+}
+
+
+
+
+
+
+/* ToDo: Profile Button
+
+this is taken from "user.tpl" (inline-css)
+will change soon!
+
+*/
+
+
+
+
+
+div#profileButtonContainer {
+ margin: 7px;
+}
+
+div#profileButtonContainer button {
+ cursor: pointer;
+
+ border: 1px solid rgba(192, 192, 192, 1);
+ border-radius: 3px;
+
+ background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+ background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+ background-image: -ms-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+ background-image: -o-linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+ background-image: linear-gradient(top, rgba(192, 192, 192, 1), rgba(224, 224, 224, 1));
+
+ margin-right: 3px;
+ padding: 3px;
+ height: 60px;
+}
+
+div#profileButtonContainer button:hover {
+ background-image: -webkit-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: -moz-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: -ms-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: -o-linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+ background-image: linear-gradient(top, rgba(224, 224, 224, 1), rgba(192, 192, 192, 1));
+}
+
+
+
+
+/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * ACP Testing Styles
- *
- * @author Harald Szekely
- * @copyright 2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Reset -- -- -- -- -- */
-
-/**
- * Parts taken from
- * http://meyerweb.com/eric/tools/css/reset/
- * v2.0 | 20110126
- * License: none (public domain)
- * modifyed to meet the needs of WoltLab
- */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
-}
-
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
- display: block;
-}
-
-ol, ul {
- list-style: none;
-}
-
-blockquote, q {
- quotes: none;
-}
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
- content: '';
- content: none;
-}
-
-
-
-/* -- -- -- -- -- Globals -- -- -- -- -- */
-
-* {
- text-overflow: ellipsis;
-}
-
-body {
- font-family: 'Trebuchet MS', Arial, sans-serif;
- font-size: 80%;
- color: #666;
- line-height: 1;
- background-color: #29374a;
-}
-
-img {
- vertical-align: middle !important;
-}
-
-a {
- color: #369;
- text-decoration: none;
-
- -webkit-transition: color .1s linear;
- -moz-transition: color .1s linear;
- -ms-transition: color .1s linear;
- -o-transition: color .1s linear;
- transition: color .1s linear;
-}
-
-a:hover {
- text-decoration: underline;
- color: #036;
-}
-
-a.externalURL {
- background-image: url('../../icon/externalURL.svg');
- background-position: right center;
- background-repeat: no-repeat;
- padding-right: 17px;
-}
-
-hr {
- display: none;
-}
-
-.invisible {
- position: absolute;
- left: -9000px;
- top: -9000px;
-}
-
-.separated {
- margin-top: 13px;
-}
-
-
-
-/* -- -- -- -- -- Page Header -- -- -- -- -- */
-
-header.pageHeader {
- /* Disabled, because the WoltLab header-image is not LGPL
- Activate it if you want to test your own header image */
- /* background-image: url('../images/header.png'); */
- background-position: left top;
- background-repeat: repeat-x;
- min-width: 800px;
- width: 100%;
-}
-
-/* Top Menu */
-
-header.pageHeader nav.topMenu {
- border-bottom: 1px solid rgba(0, 0, 0, .1);
- background-color: rgba(0, 0, 0, .4);
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- min-height: 20px;
- min-width: 800px;
- z-index: 500;
-
- -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
- -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
- -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
- -o-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
- box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
-}
-
-header.pageHeader nav.topMenu > div {
- padding: 0 23px 0;
-
-}
-
-header.pageHeader nav.topMenu ul li,
-header.pageHeader nav.topMenu ul li a {
- text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
- color: #69c;
- display: block;
-}
-
-header.pageHeader nav.topMenu li ul li:hover a {
- color: #fff;
-}
-
-
-
-
-
-
-
-/* ToDo */
-
-
-/* Todo: Top Menu Dropdowns */
-
-nav.topMenu .dropdownCaption {
- cursor: pointer;
-}
-
-nav.topMenu ul {
- position: relative;
- display: inline-block;
-}
-
-nav.topMenu ul li ul.dropdown {
- color: #fff;
- border: 1px solid rgba(255, 255, 255, .5);
- border-radius: 0 5px 5px 5px;
- background-color: rgba(0, 0, 0, .7);
- margin-top: 25px;
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 500;
-
- -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -o-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
-}
-
-nav.topMenu ul span.dropdownCaption {
- display: block !important;
- padding: 6px;
-}
-
-nav.topMenu ul:hover span.dropdownCaption {
- color: #fff;
- background-color: rgba(0, 0, 0, .7);
- display: block !important;
-}
-
-nav.topMenu ul:hover span.dropdownCaption ~ ul.dropdown {
- display: block !important;
-}
-
-nav.topMenu ul li ul.dropdown > li {
- text-shadow: none;
- color: #ccc;
- cursor: pointer;
- padding: 5px 7px;
-
- -webkit-transition: all .1s linear;
- -moz-transition: all .1s linear;
- -ms-transition: all .1s linear;
- -o-transition: all .1s linear;
- transition: all .1s linear;
-}
-
-nav.topMenu ul li ul.dropdown > li a {
- text-decoration: none;
-}
-
-nav.topMenu ul li ul.dropdown > li a:hover {
- color: #fff;
-}
-
-.preInput .inputDropdown > li:first-child {
- border-top-right-radius: 3px;
-}
-
-nav.topMenu ul li ul.dropdown > li:last-child {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
-
-nav.topMenu ul li ul.dropdown > li:hover {
- color: #fff;
- background-color: rgba(0, 0, 0, .5);
-}
-
-nav.topMenu ul li ul.dropdown > li:first-child {
- border-top-width: 0;
-}
-
-
-
-
-
-
-
-
-
-
-
-/* Todo */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* Logo */
-
-header.pageHeader div#logo {
- margin: 0 23px 0;
- position: relative;
- z-index: 1;
-}
-
-header.pageHeader div#logo h1 {
- font-size: 150%;
- text-shadow: 0 -1px 0 #000;
- color: #d8e7f5;
- position: relative;
- top: 70px;
-}
-
-header.pageHeader div#logo a:hover {
- text-decoration: none !important;
- color: #d8e7f5;
-}
-
-header.pageHeader div#logo img {
- position: absolute;
- bottom: 10px;
- left: 0;
-}
-
-header.pageHeader div#logo > a,
-header.pageHeader div#logo > div {
- text-align: right;
- display: block;
- height: 110px;
-}
-
-/* Main Menu */
-
-nav.mainMenu {
- /* This is the general toggle switch for main menu orientation (options: left|center|right) */
- text-align: left;
- margin: 0 30px;
- display: block;
- position: relative;
- bottom: -7px; /* closes the gap between tabs and menu bar */
-}
-
-nav.mainMenu:after {
- content: '';
- display: block;
- clear: both;
-}
-
-nav.mainMenu ul {
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- background-color: rgba(0, 0, 0, .4);
- display: inline-block;
-}
-
-nav.mainMenu ul li {
- font-size: 123%;
- font-weight: normal;
- text-shadow: 0 -1px 0 #000;
- color: #69c;
- cursor: pointer;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- margin: 5px 0 0;
- padding: 10px 20px;
- display: inline-block;
- position: relative;
- top: -7px;
- z-index: 1;
-
- -webkit-transition-property: border, background-color, background-image, color;
- -webkit-transition-duration: .3s;
- -webkit-transition-timing-function: ease;
-
- -moz-transition-property: border, background-color, background-image, color;
- -moz-transition-duration: .3s;
- -moz-transition-timing-function: ease;
-
- -ms-transition-property: border, background-color, background-image, color;
- -ms-transition-duration: .3s;
- -ms-transition-timing-function: ease;
-
- -o-transition-property: border, background-color, background-image, color;
- -o-transition-duration: .3s;
- -o-transition-timing-function: ease;
-
- transition-property: border, background-color, background-image, color;
- transition-duration: .3s;
- transition-timing-function: ease;
-}
-
-nav.mainMenu ul li:hover {
- color: #fff;
-}
-
-nav.mainMenu ul li.activeMenuItem {
- text-shadow: 0 1px 0 #fff;
- font-size: 150%;
- font-weight: bold;
- color: #369;
-
- background-color: #e7f2fd;
- background-image: -webkit-linear-gradient(#fff, #e7f2fd);
- background-image: -moz-linear-gradient(#fff, #e7f2fd);
- background-image: -ms-linear-gradient(#fff, #e7f2fd);
- background-image: -o-linear-gradient(#fff, #e7f2fd);
- background-image: linear-gradient(#fff, #e7f2fd);
-
- z-index: 10;
-}
-
-nav.mainMenu ul li.activeMenuItem:first-child {
- margin: 5px -5px -5px 0;
-}
-
-nav.mainMenu ul li.activeMenuItem:last-child {
- margin: 5px 0 -5px -5px;
-}
-
-nav.mainMenu ul li:only-child,
-nav.mainMenu ul li.activeMenuItem:only-child {
- cursor: default !important;
- margin: 5px 0 -5px;
-}
-
-/* Header Navigation */
-
-nav.headerNavigation {
- background-color: #e7f2fd;
- border-bottom: 1px solid #bcd;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- margin: 0 23px;
- display: block;
- position: relative;
- min-width: 800px;
-}
-
-nav.headerNavigation:after {
- content: '';
- display: block;
- clear: both;
-}
-
-nav.headerNavigation > div {
- padding: 3px 7px;
-}
-
-nav.headerNavigation > div:after {
- content: '';
- display: block;
- clear: both;
-}
-
-nav.headerNavigation ul {
- display: block;
-}
-
-nav.headerNavigation ul li {
- float: right;
-}
-
-#tplLogin header.pageHeader nav.headerNavigation ul li.toBottomLink {
- /* removes the to-bottom-link on the log-in page */
- position: absolute;
- left: -9000px;
- top: -9000px;
- width: 0;
-}
-
-
-
-/* -- -- -- -- -- Main -- -- -- -- -- */
-
-div.main {
- margin: 0 23px;
- min-width: 800px;
-}
-
-
-
-/* -- -- -- -- -- Content -- -- -- -- -- */
-
-section.content {
- background-color: #fff;
- display: table-cell;
- padding: 25px 40px;
- position: relative;
- width: 100%;
- z-index: 100;
- vertical-align: top;
-}
-
-div.main > div section:only-child {
- display: block !important;
- width: auto;
-}
-
-section.content .content {
- border: 1px solid #ccc;
- background-color: rgba(0, 0, 0, .01);
- padding: 13px 23px 23px;
-}
-
-
-
-/* -- -- -- -- -- Content Header & Footer -- -- -- -- -- */
-
-.contentHeader,
-.contentFooter {
- margin-top: 15px;
-}
-
-
-
-/* -- -- -- -- -- Sidebar -- -- -- -- -- */
-
-aside.sidebar {
- border-right: 1px solid #bcd;
- background-color: #d8e7f5;
- margin: 0 !important;
- padding: 0 !important;
- display: table-cell;
- position: relative;
- vertical-align: top;
-
- -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
- -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
- -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
- -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
- box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-}
-
-/* Sidebar Menu */
-
-nav.sidebarMenu {
- white-space: nowrap;
- padding-bottom: 20px;
-}
-
-nav.sidebarMenu > div {
- text-shadow: 0 1px 0 #fff;
- color: #69c;
- position: relative;
-}
-
-nav.sidebarMenu > div a:hover {
- text-decoration: none !important;
- color: #369;
-}
-
-nav.sidebarMenu > div h1 {
- cursor: pointer;
- font-size: 130%;
- font-weight: bold;
- color: #369;
- background-image: url('../../icon/closed.svg');
- background-position: 15px center;
- background-size: 16px;
- background-repeat: no-repeat;
- margin-top: 5px;
- padding: 7px 25px 7px 35px;
- position: relative;
-}
-
-nav.sidebarMenu > div h1.activeMenuItem {
- background-image: url('../../icon/opened.svg');
-}
-
-nav.sidebarMenu > div ul li {
- font-size: 110%;
-}
-
-nav.sidebarMenu > div ul li a {
- text-shadow: 0 1px 0 #fff;
- color: #69c;
- padding: 5px 25px 7px 35px;
- display: block;
-}
-
-nav.sidebarMenu > div ul li.activeMenuItem {
- background-color: #fff;
- margin-right: -1px;
- overflow: hidden;
-
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- box-shadow: 0 0 5px rgba(0, 0, 0, .1);
-}
-
-nav.sidebarMenu > div ul li.activeMenuItem a {
- font-weight: bold;
- color: #369;
-}
-
-
-
-/* -- -- -- -- -- Page Footer -- -- -- -- -- */
-
-footer.pageFooter {
- text-align: center;
- padding: 0 23px;
- clear: both;
- position: relative;
- min-width: 800px;
-}
-
-footer.pageFooter:after {
- content: '';
- display: block;
- clear: both;
-}
-
-footer.pageFooter > div {
- border-top: 1px solid #bcd;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- background-color: #e7f2fd;
- padding: 3px 7px;
- clear: both;
-}
-
-footer.pageFooter > div:after {
- content: '';
- display: block;
- clear: both;
-}
-
-footer.pageFooter .copyright {
- padding-top: 20px;
- display: inline-block;
- min-height: 40px;
-}
-
-footer.pageFooter .copyright a {
- text-shadow: 0 -1px 0 #000;
-}
-
-footer.pageFooter .copyright a:hover {
- text-decoration: none;
- color: #69c;
-}
-
-/* Footer Navigation */
-
-footer.pageFooter nav.footerNavigation ul li {
- display: inline-block;
- float: right;
-}
-
-#tplLogin footer.pageFooter nav.footerNavigation ul li.toTopLink {
- /* removes the to-top-link on the log-in page */
- position: absolute;
- left: -9000px;
- top: -9000px;
- width: 0;
-}
-
-
-
-/* -- -- -- -- -- Headings -- -- -- -- -- */
-
-/* Main Heading */
-
-.mainHeading {
- position: relative;
-}
-
-.mainHeading img {
- position: absolute;
- top: 0;
- left: 0;
- width: 48px;
- height: 48px;
-}
-
-.mainHeading > hgroup {
- padding-left: 60px;
- min-height: 56px;
-}
-
-.mainHeading > hgroup h1 {
- font-size: 175%;
- font-weight: bold;
- text-shadow: 0 1px 0 #fff;
- color: #666;
- border-bottom: 1px solid #999;
- padding-bottom: 10px;
-}
-
-.mainHeading > hgroup h2 {
- font-size: 100%;
- font-weight: normal;
- color: #999;
- padding-top: 5px;
-}
-
-.mainHeading > hgroup p {
- padding-top: 3px;
-}
-
-/* Sub Heading */
-
-.subHeading h1 {
- font-size: 150%;
- text-shadow: 0 1px 0 #fff;
- color: #999;
- border-bottom: 1px solid #ccc;
- margin: 10px 0;
- padding: 10px 0;
-}
-
-
-
-/* -- -- -- -- -- Fieldsets -- -- -- -- -- */
-
-fieldset {
- border: 1px solid #ccc;
- border-radius: 7px;
- background-color: rgba(0, 0, 0, .015);
- margin: 15px 0 0;
- padding: 15px;
-}
-
-fieldset:last-child, fieldset:only-child {
- margin-bottom: 7px !important;
-}
-
-/* experimental
-fieldset.topLink {
- background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
- background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
- background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
- background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
- background-image: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50px);
-}
-*/
-
-fieldset legend {
- color: #999;
- padding: 0 7px 0;
-}
-
-fieldset legend ~ p {
- margin-bottom: 14px;
-}
-
-fieldset p.description {
- font-size: 90%;
- color: #999;
-}
-
-
-
-/* -- -- -- -- -- Tabbed Content -- -- -- -- -- */
-
-/* Simple */
-
-dl {
- margin-bottom: 7px;
- clear: both;
- position: relative;
-}
-
-dl > dt {
- text-align: right;
- color: #69c;
- margin-top: 5px; /* not so nice */
- float: left;
- width: 230px;
-}
-
-dl > dt > label {
- margin-top: 5px;
- display: block;
-}
-
-dl.disabled > dt {
- color: #777;
-}
-
-dl > dd {
- margin-left: 250px;
- padding-top: 5px;
-}
-
-dl > dd > small {
- font-size: 85%;
- color: #999;
- margin: 3px 0 7px;
- display: block;
-}
-
-/* Nested */
-
-dl > dd > fieldset {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-dl > dd > fieldset > legend {
- display: none;
-}
-
-dl > dd > fieldset > dl > dt {
- margin-right: 20px;
- width: 150px;
-}
-
-dl > dd > fieldset > dl > dd {
- margin-left: 0;
-}
-
-dl > dd > fieldset > dl > dd > label {
- display: block;
-}
-
-/* Reversed */
-
-dt.reversed {
- text-align: left;
- margin-top: 2px;
- position: absolute;
- left: 270px;
- width: auto;
-}
-
-dt.reversed ~ dd > input[type='checkbox'] {
- margin-left: 0;
-}
-
-/* Special (experimental)
-
-fieldset dl > dd {
- margin-left: 235px;
- padding-top: 5px;
-}
-
-fieldset dt.reversed {
- left: 255px;
-}
-*/
-
-
-
-/* -- -- -- -- -- Forms -- -- -- -- -- */
-
-/* Globals */
-
-label {
- color: #69c;
-}
-
-/* Structure */
-
-.formSubmit {
- text-align: center;
- margin-top: 15px;
-}
-
-input[type='checkbox'] ~ small,
-input[type='radio'] ~ small {
- margin-top: 0;
- margin-left: 21px;
-}
-
-/* Form Elements */
-
-input[type='reset'],
-input[type='submit'],
-input[type='button'],
-input[type='checkbox'],
-input[type='radio'],
-select {
- cursor: pointer;
-}
-
-input[type='text'],
-input[type='search'],
-input[type='email'],
-input[type='password'] {
- padding: 5px 3px;
-}
-
-/* inputs normal */
-input[type='text'],
-input[type='search'],
-input[type='email'],
-input[type='password'],
-textarea {
- border-width: 1px;
- border-style: solid;
- border-color: #999 #ccc #eee;
- border-radius: 3px;
- background-color: #fff;
-
- -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
- -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
- -ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
- -o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
- box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
-
- -webkit-transition: all .2s linear;
- -moz-transition: all .2s linear;
- -ms-transition: all .2s linear;
- -o-transition: all .2s linear;
- transition: all .2s linear;
-}
-
-/* inputs hover */
-input[type='text']:hover,
-input[type='search']:hover,
-input[type='email']:hover,
-input[type='password']:hover,
-textarea:hover {
- border: 1px solid #fa2;
- background-color: #fff9f4;
-}
-
-/* inputs active */
-input[type='text']:active,
-input[type='search']:active,
-input[type='email']:active,
-input[type='password']:active,
-textarea:active,
-input[type='text']:focus,
-input[type='search']:focus,
-input[type='email']:focus,
-input[type='password']:focus,
-textarea:focus {
- border: 1px solid #fa2;
- background-color: #fff9f4;
- outline: none;
-
- -webkit-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
- -moz-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
- -ms-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
- -o-box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
- box-shadow: 0 0 5px rgba(255, 170, 34, .5), inset 0 1px 5px rgba(0, 0, 0, .2);
-}
-
-/* inputs read only */
-input[type='text'][readonly='readonly'],
-input[type='search'][readonly='readonly'],
-input[type='email'][readonly='readonly'],
-input[type='password'][readonly='readonly'],
-textarea[readonly='readonly'] {
- border-style: solid;
- border-color: #ccc #ddd #eee;
- background-color: transparent;
-
- -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
- -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
- -ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
- -o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
- box-shadow: inset 0 1px 5px rgba(0, 0, 0, .05);
-}
-
-/* inputs read only */
-input[type='text'][disabled='disabled'],
-input[type='search'][disabled='disabled'],
-input[type='email'][disabled='disabled'],
-input[type='password'][disabled='disabled'],
-textarea[disabled='disabled'] {
- border-style: solid;
- border-color: rgba(0, 0, 0, .5);
- background-color: rgba(255, 255, 255, .5);
-}
-
-/* Widths */
-
-textarea {
- width: 99%;
- min-width: 300px;
-}
-
-.tiny {
- width: 100px;
-}
-
-.short {
- width: 10%;
- min-width: 100px;
-}
-
-.medium {
- width: 50%;
- min-width: 200px;
-}
-
-.long {
- width: 99%;
- min-width: 300px;
-}
-
-.auto {
- width: auto;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* Input Buttons & Dropdowns */
-
-/* Input Button Area */
-
-/* ToDo: Change the class-name! */
-
-.preInput {
- position: relative;
- white-space: nowrap;
-}
-
-.preInput:after {
- content: '';
- display: block;
- clear: both;
-}
-
-.preInput > input { /* ToDo: All this needed? */
- border-radius: 0 3px 3px 0;
- margin: 0;
- position: relative;
- right: 0;
- left: 0;
- display: inline-block;
-}
-
-/* Input Button */
-
-.preInput .dropdownCaption {
- margin-right: -1px;
- float: left;
-}
-
-.preInput .dropdownCaption span { /* ToDo: Icon will be toggled by a class in the future! */
- background-image: url('../../icon/dropdown1.svg');
- background-position: right center;
- background-repeat: no-repeat;
- margin-right: -5px;
- padding-right: 10px;
- white-space: nowrap;
-}
-
-/* ToDo: Coloring classes copied from Buttons! */
-
-/* normal */
-.preInput .dropdownCaption {
- cursor: pointer;
-
- border-radius: 3px 0 0 3px;
- padding: 5px 10px;
- display: inline-block;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* Input Dropdown */
-
-.preInput .dropdown {
- color: #fff;
- border: 1px solid rgba(255, 255, 255, .7);
- border-radius: 5px;
- background-color: rgba(0, 0, 0, .7);
- margin-top: 25px;
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 500;
-
- -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -o-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
-}
-
-.preInput:hover .dropdownCaption ~ .dropdown {
- display: block !important;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* Dropdown Entries */
-
-.preInput .dropdown > li {
- text-shadow: none;
- color: #ccc;
- cursor: pointer;
- padding: 5px 7px;
-
- -webkit-transition: all .1s linear;
- -moz-transition: all .1s linear;
- -ms-transition: all .1s linear;
- -o-transition: all .1s linear;
- transition: all .1s linear;
-}
-
-.preInput .dropdown > li:first-child {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
-}
-
-.preInput .dropdown > li:last-child {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
-
-.preInput .dropdown > li:hover {
- color: #fff;
- background-color: rgba(0, 0, 0, .5);
-}
-
-.preInput .dropdown > li:first-child {
- border-top-width: 0;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* -- -- -- -- -- Large Buttons -- -- -- -- -- */
-
-/* Colors are being taken from the global color styles */
-
-.largeButtons {
- text-align: right;
-}
-
-.largeButtons ul li {
- display: inline;
-}
-
-.largeButtons ul li a img {
- margin: -5px 1px -5px -5px;
- height: 24px;
- width: 24px;
- vertical-align: middle;
-}
-
-/* buttons normal */
-input[type='reset'],
-input[type='submit'],
-input[type='button'],
-.largeButtons ul li a {
- font-size: 100%;
- font-weight: bold;
-
- border-radius: 30px;
-
- margin: 3px 2px;
- padding: 5px 13px;
- display: inline-block;
-}
-
-
-
-/* -- -- -- -- -- Border -- -- -- -- -- */
-
-.border {
- border: 1px solid #ccc;
- border-radius: 5px;
- margin-top: 15px;
-}
-
-.border.overlay {
- margin-top: 0 !important;
-}
-
-/* -- -- -- -- -- Box Title -- -- -- -- -- */
-
-.boxTitle {
- border-radius: 7px;
- background-color: #369;
- /* Disabled, because the WoltLab header-image is not LGPL
- Activate it if you want to test your own header image */
- /* background-image: url('../images/header.png'); */
- background-position: left top;
- background-repeat: repeat-x;
-
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
- box-shadow: 0 0 5px rgba(0, 0, 0, .1);
-}
-
-.boxTitle > hgroup {
- text-shadow: 0 -1px 0 #000;
- color: #fff;
- padding: 7px;
- display: inline-block;
-}
-
-.boxTitle > hgroup a, .boxTitle > a {
- text-decoration: none;
- color: #fff;
-}
-
-.boxTitle > hgroup h1 {
- display: inline-block;
-}
-
-.boxTitle > hgroup h2 {
- font-size: 85%;
- color: rgba(255, 255, 255, .9);
- margin-top: 5px;
-}
-
-.boxTitle img.handle {
- cursor: pointer;
- margin-top: -1px;
- float: right !important;
- height: 16px;
- width: 16px;
-}
-
-
-
-/* -- -- -- -- -- Tab Menu -- -- -- -- -- */
-
-/* Parts taken from jQuery UI @ themes/base/jquery.ui.tabs.css */
-
-/* Tab Menu */
-
-.tabMenu {
- text-shadow: 0 1px 0 #fff;
- /* This is the general toggle switch for tab menu orientation (options: left|center|right) */
- text-align: center;
- white-space: nowrap;
- background-color: none;
- margin-top: 15px;
- padding: 0 5px;
- display: block;
- position: relative;
-}
-
-.tabMenu:after {
- content: '';
- display: block;
- clear: both;
-}
-
-.tabMenu li {
- white-space: nowrap;
- list-style: none;
- display: inline-block;
-}
-
-.tabMenu li a {
- font-size: 110%;
- text-decoration: none;
- color: #999;
- cursor: pointer;
- padding: 10px 15px 7px;
- border-width: 1px 1px 0 1px;
- border-style: solid;
- border-color: #ddd;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- background-color: rgba(0, 0, 0, .05);
- display: inline-block;
- position: relative;
- bottom: -1px;
- z-index: 10;
- max-width: 200px;
- overflow: hidden;
-}
-
-.tabMenu li:not(.ui-state-active) a:hover {
- color: #666;
- border-width: 1px;
- border-style: solid;
- border-color: #fa2 #fa2 #ccc;
- background-color: #fff9f4;
-}
-
-.tabMenu li:not(.ui-state-active) a:active,
-.tabMenu li:not(.ui-state-active) a:focus {
- border-width: 1px;
- border-style: solid;
- border-color: #fa2 #fa2 #ccc;
-
- -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);
- -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
-}
-
-.tabMenu li.ui-state-active a {
- font-size: 130%;
- font-weight: bold;
- color: #333 !important;
- border-width: 1px;
- border-style: solid;
- border-color: #ccc;
- border-bottom-color: #fff;
- background-color: rgba(255, 255, 255, 1);
- bottom: 0;
- z-index: 30;
-}
-
-.tabMenu li.ui-state-active a,
-.tabMenu li.ui-state-disabled a,
-.tabMenu li.ui-state-processing a {
- cursor: default;
-}
-
-/* Tab Menu Content */
-
-.tabMenuContent {
- border: 1px solid #ccc;
- background-color: rgba(255, 255, 255, 1);
- margin-top: -1px;
- padding: 15px 23px;
- display: block;
- position: relative;
- z-index: 20; /* Prevents border overlay during transition */
-}
-
-/* ToDo: 2x hidden? */
-
-.ui-tabs .ui-tabs-hide {
- display: none !important;
-}
-
-.ui-helper-hidden {
- display: none;
-}
-
-.ui-helper-hidden-accessible {
- position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- clip: rect(1px,1px,1px,1px);
-}
-
-
-
-/* -- -- -- -- -- Menu -- -- -- -- -- */
-
-.menu {
- color: #666;
- border-bottom: 1px solid #ccc;
- margin: -15px -23px 0;
- padding: 0 7px 10px;
-}
-
-.tabMenuContent > .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));
- background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
- background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
-}
-
-.menu ul {
- /* This is the general toggle switch for menu orientation (options: left|center|right) */
- text-align: center;
-}
-
-.menu ul li {
- white-space: nowrap;
- margin-top: 10px;
- display: inline-block;
-}
-
-.menu ul li a {
- font-size: 85%;
- text-shadow: 0 1px 0 #fff;
- text-decoration: none;
- color: #999;
- border: 1px solid rgba(0, 0, 0, .2);
- border-radius: 13px;
- background-color: rgba(255, 255, 255, .5);
- padding: 2px 10px;
-
- -webkit-transition: color .1s linear;
- -moz-transition: color .1s linear;
- -ms-transition: color .1s linear;
- -o-transition: color .1s linear;
- transition: color .1s linear;
-}
-
-.menu ul li:not(.ui-state-active) a:hover {
- color: #333;
- border-width: 1px;
- border-style: solid;
- border-color: #fa2;
- 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 {
- -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);
- -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
-}
-
-.menu ul li.ui-state-active a {
- font-weight: bold;
- text-shadow: 0 1px 0 #000;
- color: #fff;
- cursor: default;
- border: 1px solid rgba(0, 0, 0, .2);
- background-color: rgba(0, 0, 0, .5);
-}
-
-/* Special */
-
-.boxTitle > .menu {
- color: #fff;
- border: none;
- margin: 0 !important;
- padding: 6px 7px !important;
-}
-
-.boxTitle > .menu ul li {
- margin-top: 0;
-}
-
-.boxTitle > .menu ul li a {
- font-size: 85%;
- text-decoration: none;
- text-shadow: 0 -1px 0 #000;
- color: #eee !important;
- border: 1px solid rgba(0, 0, 0, .3);
- border-radius: 13px;
- background-color: rgba(0, 0, 0, .1);
- padding: 2px 10px;
-
- -webkit-transition: color .1s linear;
- -moz-transition: color .1s linear;
- -ms-transition: color .1s linear;
- -o-transition: color .1s linear;
- transition: color .1s linear;
-}
-
-.boxTitle > .menu ul li a:hover {
- color: #fff !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 {
- border: 1px solid rgba(0, 0, 0, .5);
-
- -webkit-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
- -moz-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
- -ms-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
- -o-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
- box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
-}
-
-
-
-/* -- -- -- -- -- ToDo: Tables -- -- -- -- -- */
-
-/* Table */
-
-table {
- border-spacing: 0;
- width: 100% !important;
-}
-
-/* Table Header */
-
-thead th {
- font-size: 87%;
- white-space: nowrap;
-}
-
-thead th:first-child {
- /* rounded corners for the first table header cell to the left */
- border-top-left-radius: 5px;
-}
-
-thead th:last-child {
- /* rounded corners for the last table header cell to the left */
- border-top-right-radius: 5px;
-}
-
-thead th {
- text-shadow: 0 -1px 0 #000;
- color: #69c;
- border-right: 1px solid rgba(0, 0, 0, .2);
-
- background-color: rgba(0, 0, 0, .3);
- background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
- background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
- background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
- background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
-
- padding: 7px;
-}
-
-thead th a {
- text-shadow: 0 -1px 0 #000;
- text-decoration: none !important;
- color: #69c;
- margin: -7px;
- padding: 7px;
- display: block;
-}
-
-thead th:last-child a {
- border-right-width: 0;
-}
-
-thead th:hover a {
- color: #fff;
- background-color: rgba(0, 0, 0, .2);
-}
-
-thead th.active a {
- font-weight: bold;
- color: #fff;
- background-color: rgba(0, 0, 0, .1);
-
- -webkit-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
- -moz-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
- -ms-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
- -o-box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
- box-shadow: inset 0 5px 15px rgba(0, 0, 0, .4);
-}
-
-thead th.active:hover a {
- background-color: rgba(0, 0, 0, .3);
-}
-
-thead th a img {
- /* sort-icon orientation does not work */
- text-align: right;
- /* negative margins to prevent table-cells from expanding when the sort-icon shows up */
- margin-top: -5px !important;
- margin-bottom: -5px !important;
-}
-
-/* Table Body */
-
-tbody tr {
- border-bottom: 1px solid rgba(255, 255, 255, .3);
-}
-
-tbody tr:last-child {
- /* no border for the last table row */
- border-bottom-width: 0;
-}
-
-tbody tr:last-child td:first-child {
- /* rounded corners for the last table cell to the left */
- border-bottom-left-radius: 5px;
-}
-
-tbody tr:last-child td:last-child {
- /* rounded corners for the last table cell to the right */
- border-bottom-right-radius: 5px;
-}
-
-tbody td {
- background-color: #fcfdfe;
- border-right: 1px solid rgba(255, 255, 255, .3);
- padding: 5px;
- /* this is experimental - only works in combination with "table-layout: fixed;" */
- word-wrap: break-word;
-}
-
-tbody td:last-child {
- border-right-width: 0;
-}
-
-tbody tr:nth-child(2n+1) td {
- /* auto-colorer for every 2nd row */
- background-color: #f2f6fa;
-}
-
-tbody tr:hover td {
- background-color: #d8e7f5;
-}
-
-/* ToDo: Table Specials */
-
-/*
-.menu ~ .border {
- border-top-left-radius: 0 !important;
- border-top-right-radius: 0 !important;
-}
-*/
-
-.menu ~ .border thead th:first-child {
- border-top-left-radius: 0 !important;
-}
-
-.menu ~ .border thead th:last-child {
- border-top-right-radius: 0 !important;
-}
-
-.menu ~ .border thead th:first-child,
-.boxTitle > table thead th:first-child {
- border-top-left-radius: 0 !important;
-}
-
-.menu ~ .border thead th:last-child,
-.boxTitle > table thead th:last-child {
- border-top-right-radius: 0 !important;
-}
-
-/* Table Column Formats */
-
-tr .columnMark,
-tr .columnStatus {
- text-align: center;
- width: 1% !important;
- white-space: nowrap;
-}
-
-tr .columnStatus .badge {
- margin-right: 1px !important;
- margin-left: 1px !important;
-}
-
-tr .columnDigits,
-tr .columnID {
- text-align: right;
- width: 1% !important;
- white-space: nowrap;
-}
-
-tr .columnIcon {
- text-align: left;
- width: 1% !important;
- white-space: nowrap;
-}
-
-tr .columnIcon img:not(.balloonTooltip):hover {
- cursor: not-allowed;
-}
-
-tr .columnIcon img {
- height: 16px;
- width: 16px;
-}
-
-.bigList tr .columnIcon img {
- height: 24px;
- width: 24px;
-}
-
-tr .columnTitle {
- font-weight: bold;
- text-align: left;
-}
-
-tr .columnText {
- font-weight: normal;
- text-align: left;
- max-width: 20%;
-}
-
-tr .columnDate,
-tr .columnRegistrationDate {
- font-size: 85%;
- text-align: right;
- width: 1% !important;
-}
-
-tr .columnURL {
- font-size: 85%;
- text-align: left;
-}
-
-/* Table Checkboxes */
-
-table input[type='checkbox'] {
- margin-top: -5px !important;
- margin-bottom: -5px !important;
-}
-
-
-
-/* -- -- -- -- -- ToDo: Page Navigation -- -- -- -- -- */
-
-/* Page-Navigation Popups are still missing */
-
-.pageNavigation ul li:not(.children) {
- border-radius: 3px;
-
- display: inline-block;
- position: relative;
-}
-
-.pageNavigation ul li.disabled {
- cursor: not-allowed;
- border: 1px solid rgba(0, 0, 0, .1) !important;
- background-image: none !important;
-}
-
-.pageNavigation ul li:after {
- content: '';
- display: block;
- clear: both;
-}
-
-.pageNavigation ul li img {
- height: 16px;
- width: 16px;
-}
-
-.pageNavigation ul li.skip {
- padding: 2px 2px 1px 3px;
- top: -1px;
-}
-
-.pageNavigation ul li a {
- text-shadow: 0 1px 0 #fff;
- text-decoration: none;
- color: #999;
- display: inline-block;
-}
-
-.pageNavigation ul li:not(.disabled):hover a {
- color: #666;
-}
-
-.pageNavigation ul li:not(.skip) a {
- padding: 3px 5px;
-}
-
-.pageNavigation ul li:active a,
-.pageNavigation ul li:focus a {
- color: #333;
-}
-
-.pageNavigation ul li.active,
-.pageNavigation ul li.active:hover {
- text-shadow: 0 1px 0 #000 !important;
- color: #fff !important;
- border: 1px solid rgba(0, 0, 0, .3) !important;
-
- background-color: rgba(0, 0, 0, .5) !important;
- background-image: -webkit-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
- background-image: -moz-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
- background-image: -o-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
- background-image: -ms-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
- background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 3px) !important;
-
- padding: 3px 5px;
-}
-
-/* ToDo: Children */
-
-.pageNavigation ul li.children,
-.pageNavigation ul li.children:hover,
-.pageNavigation ul li.children:active,
-.pageNavigation ul li.children:focus {
- display: inline-block;
-}
-
-.pageNavigation ul li.children img {
- height: 9px;
- width: 7px;
-}
-
-
-
-/* -- -- -- -- -- System Notifications -- -- -- -- -- */
-
-p.info,
-p.error,
-p.success,
-p.warning {
- text-shadow: 0 1px 0 #fff;
- line-height: 1.5;
- border-radius: 7px;
- margin-top: 15px;
- padding: 7px 15px 7px 50px;
-
- -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
- -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
- -ms-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
- -o-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
- box-shadow: 0 0 7px rgba(0, 0, 0, .1);
-
- -webkit-transition: all .1s linear;
- -moz-transition: all .1s linear;
- -ms-transition: all .1s linear;
- -o-transition: all .1s linear;
- transition: all .1s linear;
-}
-
-p.info {
- color: #68b;
- border: 1px solid #9be;
- background-color: #def;
- background-image: url('../../icon/systemInfo.svg');
- background-size: 24px;
- background-position: 13px center;
- background-repeat: no-repeat;
-}
-
-p.success {
- color: #090;
- border: 1px solid #0c0;
- background-color: #efe;
- background-image: url('../../icon/systemSuccess.svg');
- background-size: 24px;
- background-position: 13px center;
- background-repeat: no-repeat;
-}
-
-p.warning {
- color: #990;
- border: 1px solid #cc0;
- background-color: #ffd;
- background-image: url('../../icon/systemWarning.svg');
- background-size: 24px;
- background-position: 13px center;
- background-repeat: no-repeat;
-}
-
-p.error {
- color: #c00;
- border: 1px solid #f99;
- background-color: #fee;
- background-image: url('../../icon/systemError.svg');
- background-size: 24px;
- background-position: 13px center;
- background-repeat: no-repeat;
-}
-
-
-
-
-
-
-
-/* ToDo: Installation */
-
-div#packageInstallationDialogContainer {
- padding: 20px;
- height: 100%;
- max-width: 600px;
-}
-
-div#ajaxExceptionStacktrace {
- white-space: nowrap;
- overflow: scroll;
- overflow-y: hidden;
-}
-
-div#packageInstallationInnerContentContainer {
- margin-top: 20px;
- padding-top: 15px;
-}
-
-div#packageInstallationInnerContent p.error {
- border: 1px solid #ed1c24;
- border-radius: 5px;
- background-color: #fdd;
- margin-bottom: 15px;
- padding: 7px;
-}
-
-div#ajaxExceptionStacktrace {
- font-family: monospace;
- font-size: 90%;
- line-height: 1.2;
- border: 1px solid #ccc;
- padding: 3px;
-}
-
-
-
-
-
-/* ToDo */
-
-#actionProxyLoading {
- border: 1px solid #f80;
- border-top-width: 0;
- border-radius: 0 0 5px 5px;
- background-color: #faebd7;
- padding: 7px 21px 7px;
- position: fixed;
- top: 0;
- right: 20px;
- z-index: 1000;
-}
-
-#actionProxyLoading img {
- height: 24px;
- width: 24px;
-}
-
-div.wcfDimensions {
- display: inline-block;
-}
-
-div.overlayLoading {
- background-color: #fff;
- background-image: url('../../icon/spinner.svg');
- background-position: center center;
- background-repeat: no-repeat;
-}
-
-div.ui-dialog {
- border: 10px solid rgba(0, 0, 0, .2);
- border-radius: 15px;
- display: inline-block !important;
- width: auto !important;
- min-width: 80px;
-}
-
-div.ui-dialog-titlebar {
- border-bottom: 5px solid rgba(0, 0, 0, .6);
- background-color: #ccc;
- padding: 7px;
- position: relative;
-}
-
-span.ui-dialog-title {
- text-shadow: 5px 0 0 #000;
- color: #fff;
-}
-
-a.ui-dialog-titlebar-close {
- background-image: url('../../icon/deleteM.png');
- background-position: top left;
- background-repeat: no-repeat;
- position: absolute !important;
- top: -16px;
- right: -16px;
- width: 24px;
- height: 24px;
-}
-
-a.ui-dialog-titlebar-close span {
- display: none;
- visibility: hidden;
-}
-
-div.ui-widget-overlay {
- background-color: #000;
- opacity: .6;
- position: fixed;
- top: 0;
- left: 0;
-}
-
-
-
-/* ToDo: Is all that really necessary? We wanted to support good browsers only */
-
-.ui-helper-clearfix {
- display: inline-block;
-}
-
-/* Required comment for clearfix to work in Opera \*/
-* html .ui-helper-clearfix {
- height: 1%;
-}
-
-.ui-helper-clearfix {
- display: block;
-}
-
-/* end clearfix */
-.ui-helper-zfix {
- opacity: 0;
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
-}
-
-.ui-dialog {
- background-color: rgba(255, 255, 255, .9);
-}
-
-
-/* -- -- -- -- -- Badges -- -- -- -- -- */
-
-/* Globals */
-
-.badge {
- font-size: 85%;
- text-shadow: none;
- color: #666;
- border-radius: 13px;
- background-color: #fff;
- margin-right: -3px;
- margin-left: 3px;
- padding: 1px 5px 2px;
- display: inline-block;
- position: relative;
- top: -1px;
-}
-
-/* Types */
-
-.badgeNote {
- border: 1px solid #ccc;
-}
-
-.badgeInfo {
- color: #68b;
- border: 1px solid #9be;
- background-color: #def;
-}
-
-.badgeSuccess {
- color: #090;
- border: 1px solid #0c0;
- background-color: #efe;
-}
-
-.badgeWarning {
- color: #990;
- border: 1px solid #cc0;
- background-color: #ffd;
-}
-
-.badgeError {
- color: #c00;
- border: 1px solid #f99;
- background-color: #fee;
-}
-
-/* Buttons */
-
-.badgeButton,
-.clipboardEditor > ul > li {
- cursor: pointer;
-
- border-radius: 30px;
-
- margin-right: 0;
- margin-left: 0;
- padding: 3px 10px 5px;
- display: inline-block;
-}
-
-li.badgeButton,
-li > .badgeButton {
- margin-top: 7px;
- margin-right: 3px;
- margin-left: 3px;
- float: left;
-}
-
-.badgeButton,
-.badgeButton a,
-.clipboardEditor > ul > li > span {
- text-decoration: none !important;
-}
-
-
-
-/* -- -- -- -- -- GUI Widgets -- -- -- -- -- */
-
-/* Balloon Tooltips */
-
-#balloonTooltip {
- font-size: .85em;
- color: #fff;
- border: 1px solid rgba(255, 255, 255, .7);
- border-radius: 5px;
- background-color: rgba(0, 0, 0, .7);
- padding: 5px 10px 7px;
- max-width: 300px;
- z-index: 900;
-
- box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
-}
-
-.balloonTooltip {
- /* Not reliable, sometimes not wanted! */
- cursor: pointer;
-}
-
-/* Collapsible */
-
-.collapsible {
- margin: 5px 0 0 10px;
- float: left;
-}
-
-.collapsible img {
- height: 16px;
- width: 16px;
-}
-
-
-
-/* -- -- -- -- -- CSS Experiments (active) -- -- -- -- -- */
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* -- -- -- -- -- ToDo: Clipboard Editor -- -- -- -- -- */
-
-.clipboardEditor {
-
-}
-
-.clipboardEditor > ul {
- font-size: .85em;
- margin: 6px 3px 0;
- display: block;
- position: relative;
- float: left;
-}
-
-.clipboardEditor > ul > li > span {
- background-image: url('../../icon/dropdown1.svg');
- background-position: right center;
- background-repeat: no-repeat;
- padding-right: 12px;
- display: inline-block;
-}
-
-/* Dropdown */
-
-.clipboardEditor ul > li > ol {
- border: 1px solid rgba(255, 255, 255, .7);
- border-radius: 5px;
- background-color: rgba(0, 0, 0, .7);
- margin-top: 23px;
- position: absolute;
- top: 0;
- left: 0;
-
- -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- -o-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
-}
-
-.clipboardEditor ul > li > ol > li {
- text-shadow: none;
- color: #ccc;
- cursor: pointer;
- padding: 5px 7px;
-
- -webkit-transition: all .2s linear;
- -moz-transition: all .2s linear;
- -ms-transition: all .2s linear;
- -o-transition: all .2s linear;
- transition: all .2s linear;
-}
-
-.clipboardEditor ul > li > ol > li:first-child {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
-}
-
-.clipboardEditor ul > li > ol > li:last-child {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
-
-.clipboardEditor ul > li > ol > li:hover {
- color: #fff;
- background-color: rgba(0, 0, 0, .5);
-}
-
-.clipboardEditor ul > li > ol > li:first-child {
- border-top-width: 0;
-}
-
-
-
-
-
-/* ToDo: Proxy Loading */
-
-.actionProxyLoading {
-
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* -- -- -- -- -- Global Button Color & Effect Library -- -- -- -- -- */
-
-/* Put individual settings to their respective declarations */
-
-/* normal state */
-input[type='reset'],
-input[type='submit'],
-input[type='button'],
-.largeButtons ul li a,
-.badgeButton,
-.pageNavigation ul li:not(.children),
-.clipboardEditor > ul > li,
-.preInput .dropdownCaption {
- text-decoration: none;
- text-shadow: 0 1px 0 #fff;
- color: #999;
-
- border-width: 1px;
- border-style: solid;
- border-color: #ccc #bbb #aaa;
-
- background-color: #fefefe;
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
- background-image: -ms-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
- background-image: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
- background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(245, 245, 245, 1) 2px, rgba(235, 235, 235, 1));
-
- -webkit-transition: all .1s linear;
- -moz-transition: all .1s linear;
- -ms-transition: all .1s linear;
- -o-transition: all .1s linear;
- transition: all .1s linear;
-}
-
-/* hover state */
-input[type='reset']:hover,
-input[type='submit']:hover,
-input[type='button']:hover,
-input[type='button'].default:hover,
-.largeButtons ul li a:hover,
-.badgeButton:hover,
-.pageNavigation ul li:not(.disabled):hover,
-.clipboardEditor > ul > li:hover,
-.preInput:hover .dropdownCaption {
- color: #666;
- border-width: 1px;
- border-style: solid;
- border-color: #ffc053 #fa2 #fc9e07;
-
- background-color: #fff9f4;
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: -ms-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
-}
-
-/* active state */
-input[type='reset']:focus,
-input[type='submit']:focus,
-input[type='button']:focus,
-input[type='button'].default:focus,
-.largeButtons ul li a:focus,
-.badgeButton:focus,
-.pageNavigation ul li:not(.disabled):active,
-.clipboardEditor > ul > li:focus,
-.preInput .dropdownCaption:focus,
-input[type='reset']:active,
-input[type='submit']:active,
-input[type='button']:active,
-input[type='button'].default:active,
-.largeButtons ul li a:active,
-.badgeButton:active,
-.pageNavigation ul li:not(.disabled):focus,
-.clipboardEditor > ul > li:active,
-.preInput .dropdownCaption:active {
- color: #333;
- border-width: 1px;
- border-style: solid;
- border-color: #fc9e07 #fa2 #ffc053;
-
- background-color: #fff9f4;
- background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
- background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 237, 217, 1) 2px, rgba(255, 229, 200, 1));
-
- -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);
- -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
-}
-
-/* default glow */
-@-webkit-keyframes glowLargeButtons {
- 0% {
- -webkit-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
- }
- 100% {
- -webkit-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
- }
-}
-@-moz-keyframes glowLargeButtons {
- 0% {
- -moz-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
- }
- 100% {
- -moz-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
- }
-}
-@-ms-keyframes glowLargeButtons {
- 0% {
- -ms-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
- }
- 100% {
- -ms-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
- }
-}
-@-o-keyframes glowLargeButtons {
- 0% {
- -o-box-shadow: 0 0 13px rgba(102, 153, 204, .3);
- }
- 100% {
- -o-box-shadow: 0 0 13px rgba(102, 153, 204, .1);
- }
-}
-@keyframes glowLargeButtons {
- 0% {
- box-shadow: 0 0 13px rgba(102, 153, 204, .3);
- }
- 100% {
- box-shadow: 0 0 13px rgba(102, 153, 204, .1);
- }
-}
-
-/* default normal state */
-input[type='submit'],
-input[type='button'].default,
-.largeButtons ul li.default a {
- color: #69c;
- border-width: 1px;
- border-style: solid;
- border-color: #7aade0 #69c #5285b8;
-
- background-color: #e7f2fd;
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
- background-image: -ms-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
- background-image: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
- background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(233, 244, 255, 1) 2px, rgba(216, 231, 245, 1));
-
- -webkit-box-shadow: 0 0 10px #369;
- -moz-box-shadow: 0 0 10px #369;
- -ms-box-shadow: 0 0 10px #369;
- -o-box-shadow: 0 0 10px #369;
- box-shadow: 0 0 10px #369;
-
- -webkit-animation-name: glowLargeButtons;
- -webkit-animation-duration: 1s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- -webkit-animation-timing-function: ease-in-out;
-
- -moz-animation-name: glowLargeButtons;
- -moz-animation-duration: 1s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-direction: alternate;
- -moz-animation-timing-function: ease-in-out;
-
- -ms-animation-name: glowLargeButtons;
- -ms-animation-duration: 1s;
- -ms-animation-iteration-count: infinite;
- -ms-animation-direction: alternate;
- -ms-animation-timing-function: ease-in-out;
-
- -o-animation-name: glowLargeButtons;
- -o-animation-duration: 1s;
- -o-animation-iteration-count: infinite;
- -o-animation-direction: alternate;
- -o-animation-timing-function: ease-in-out;
-
- animation-name: glowLargeButtons;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- animation-direction: alternate;
- animation-timing-function: ease-in-out;
-}
-
-/* default hover glow */
-@-webkit-keyframes glowLargeButtonsHover {
- 0% {
- -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
- }
- 100% {
- -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
- }
-}
-@-moz-keyframes glowLargeButtonsHover {
- 0% {
- -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
- }
- 100% {
- -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
- }
-}
-@-ms-keyframes glowLargeButtonsHover {
- 0% {
- -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
- }
- 100% {
- -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
- }
-}
-@-o-keyframes glowLargeButtonsHover {
- 0% {
- -o-box-shadow: 0 0 13px rgba(255, 153, 51, .3);
- }
- 100% {
- -o-box-shadow: 0 0 13px rgba(255, 153, 51, .1);
- }
-}
-@keyframes glowLargeButtonsHover {
- 0% {
- box-shadow: 0 0 13px rgba(255, 153, 51, .3);
- }
- 100% {
- box-shadow: 0 0 13px rgba(255, 153, 51, .1);
- }
-}
-
-/* default hover state */
-input[type='submit']:hover,
-input[type='button'].default:hover,
-.largeButtons ul li.default a:hover {
- -webkit-box-shadow: 0 0 10px #fa2;
- -moz-box-shadow: 0 0 10px #fa2;
- -ms-box-shadow: 0 0 10px #fa2;
- -o-box-shadow: 0 0 10px #fa2;
- box-shadow: 0 0 10px #fa2;
-
- -webkit-animation-name: glowLargeButtonsHover;
- -webkit-animation-duration: 1s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- -webkit-animation-timing-function: ease-in-out;
-
- -moz-animation-name: glowLargeButtonsHover;
- -moz-animation-duration: 1s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-direction: alternate;
- -moz-animation-timing-function: ease-in-out;
-
- -ms-animation-name: glowLargeButtonsHover;
- -ms-animation-duration: 1s;
- -ms-animation-iteration-count: infinite;
- -ms-animation-direction: alternate;
- -ms-animation-timing-function: ease-in-out;
-
- -o-animation-name: glowLargeButtonsHover;
- -o-animation-duration: 1s;
- -o-animation-iteration-count: infinite;
- -o-animation-direction: alternate;
- -o-animation-timing-function: ease-in-out;
-
- animation-name: glowLargeButtonsHover;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- animation-direction: alternate;
- animation-timing-function: ease-in-out;
-}
-
-/* default active glow */
-@-webkit-keyframes glowDefaultLargeButtonsActive {
- 0% {
- -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
- 100% {
- -webkit-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
-}
-@-moz-keyframes glowDefaultLargeButtonsActive {
- 0% {
- -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
- 100% {
- -moz-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
-}
-@-ms-keyframes glowDefaultLargeButtonsActive {
- 0% {
- -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
- 100% {
- -ms-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
-}
-@-o-keyframes glowDefaultLargeButtonsActive {
- 0% {
- -o-box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
- 100% {
- -o-box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
-}
-@keyframes glowDefaultLargeButtonsActive {
- 0% {
- box-shadow: 0 0 13px rgba(255, 153, 51, .3), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
- 100% {
- box-shadow: 0 0 13px rgba(255, 153, 51, .1), inset 0 1px 3px rgba(0, 0, 0, .1);
- }
-}
-
-/* default active state */
-input[type='submit']:focus,
-input[type='button'].default:focus,
-.largeButtons ul li.default a:focus,
-input[type='submit']:active,
-input[type='button'].default:active,
-.largeButtons ul li.default a: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);
- -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
-
- -webkit-animation-name: glowDefaultLargeButtonsActive;
- -webkit-animation-duration: 1s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- -webkit-animation-timing-function: ease-in-out;
-
- -moz-animation-name: glowDefaultLargeButtonsActive;
- -moz-animation-duration: 1s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-direction: alternate;
- -moz-animation-timing-function: ease-in-out;
-
- -ms-animation-name: glowDefaultLargeButtonsActive;
- -ms-animation-duration: 1s;
- -ms-animation-iteration-count: infinite;
- -ms-animation-direction: alternate;
- -ms-animation-timing-function: ease-in-out;
-
- -o-animation-name: glowDefaultLargeButtonsActive;
- -o-animation-duration: 1s;
- -o-animation-iteration-count: infinite;
- -o-animation-direction: alternate;
- -o-animation-timing-function: ease-in-out;
-
- animation-name: glowDefaultLargeButtonsActive;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- animation-direction: alternate;
- animation-timing-function: ease-in-out;
-}
-
-/* disabled state */
-input[disabled='disabled'],
-input[type='button'][disabled='disabled'],
-.largeButtons ul li.disabled a {
- color: #999;
- cursor: default;
- border-width: 1px;
- border-style: solid;
- border-color: #ccc #bbb #aaa;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
//]]>
</script>
+ <!-- Stylesheets -->
+ <style type="text/css">
+ @import url("{@RELATIVE_WCF_DIR}acp/style/style.css") screen;
+ {*
+
+ @import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css") screen;
+
+ @import url("{@RELATIVE_WCF_DIR}acp/style/print.css") print;
+ *}
+ </style>
+
{*
{if $specialStyles|isset}
<!-- special styles -->
{/if}
*}
- <!-- Testing stylesheets -->
- <link rel="stylesheet" type="text/css" href="{@RELATIVE_WCF_DIR}acp/style/testing.css" />
- <!-- /Testing stylesheets -->
-
- {*
- <style type="text/css">
- @import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css");
- </style>
-
- <!--[if IE 8]>
- <style type="text/css">
- @import url("{@RELATIVE_WCF_DIR}style/extra/ie8-fix{if $__wcf->getLanguage()->getPageDirection() == 'rtl'}-rtl{/if}.css");
- </style>
- <![endif]-->
- *}
-
<script type="text/javascript">
//<![CDATA[
$(function() {
<!-- top menu -->
<nav id="topMenu" class="topMenu">
<div>
- <ul id="userMenu">
+ <ul id="userMenu" class="userMenu"><!-- ToDo: We need an ID and/or class for each list here, this ID may change! -->
<li>
<span class="dropdownCaption">{lang}wcf.acp.user.userNote{/lang}</span>
<ul class="dropdown">
<!-- CONTENT -->
<section id="content" class="content">
-
+
\ No newline at end of file
//]]>
</script>
+ <!-- Stylesheets -->
+ <style type="text/css">
+ @import url("{@RELATIVE_WCF_DIR}acp/style/style.css") screen;
+ {*
+
+ @import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css") screen;
+
+ @import url("{@RELATIVE_WCF_DIR}acp/style/print.css") print;
+ *}
+ </style>
+
{*
{if $specialStyles|isset}
<!-- special styles -->
{/if}
*}
- <!-- Testing stylesheets -->
- <link rel="stylesheet" type="text/css" href="{@RELATIVE_WCF_DIR}acp/style/testing.css" />
- <!-- /Testing stylesheets -->
-
- {*
- <style type="text/css">
- @import url("{@RELATIVE_WCF_DIR}acp/style/style-{@$__wcf->getLanguage()->getPageDirection()}.css");
- </style>
-
- <!--[if IE 8]>
- <style type="text/css">
- @import url("{@RELATIVE_WCF_DIR}style/extra/ie8-fix{if $__wcf->getLanguage()->getPageDirection() == 'rtl'}-rtl{/if}.css");
- </style>
- <![endif]-->
- *}
-
<script type="text/javascript">
//<![CDATA[
$(function() {
WCF.Language.addObject({
+ 'wcf.global.button.next': '{lang}wcf.global.button.next{/lang}',
'wcf.global.loading': '{lang}wcf.global.loading{/lang}',
- 'wcf.global.date.relative.minutes': '{capture assign=relativeMinutes}{lang}wcf.global.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
- 'wcf.global.date.relative.hours': '{capture assign=relativeHours}{lang}wcf.global.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
- 'wcf.global.date.relative.pastDays': '{capture assign=relativePastDays}{lang}wcf.global.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
- 'wcf.global.date.dateTimeFormat': '{lang}wcf.global.date.dateTimeFormat{/lang}',
- '__days': [ '{lang}wcf.global.date.day.sunday{/lang}', '{lang}wcf.global.date.day.monday{/lang}', '{lang}wcf.global.date.day.tuesday{/lang}', '{lang}wcf.global.date.day.wednesday{/lang}', '{lang}wcf.global.date.day.thursday{/lang}', '{lang}wcf.global.date.day.friday{/lang}', '{lang}wcf.global.date.day.saturday{/lang}' ],
+ 'wcf.date.relative.minutes': '{capture assign=relativeMinutes}{lang}wcf.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
+ 'wcf.date.relative.hours': '{capture assign=relativeHours}{lang}wcf.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
+ 'wcf.date.relative.pastDays': '{capture assign=relativePastDays}{lang}wcf.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
+ 'wcf.date.dateTimeFormat': '{lang}wcf.date.dateTimeFormat{/lang}',
+ '__days': [ '{lang}wcf.date.day.sunday{/lang}', '{lang}wcf.date.day.monday{/lang}', '{lang}wcf.date.day.tuesday{/lang}', '{lang}wcf.date.day.wednesday{/lang}', '{lang}wcf.date.day.thursday{/lang}', '{lang}wcf.date.day.friday{/lang}', '{lang}wcf.date.day.saturday{/lang}' ],
'wcf.global.thousandsSeparator': '{capture assign=thousandsSeparator}{lang}wcf.global.thousandsSeparator{/lang}{/capture}{@$thousandsSeparator|encodeJS}',
'wcf.global.decimalPoint': '{capture assign=decimalPoint}{lang}wcf.global.decimalPoint{/lang}{/capture}{$decimalPoint|encodeJS}',
'wcf.global.page.next': '{capture assign=pageNext}{lang}wcf.global.page.next{/lang}{/capture}{@$pageNext|encodeJS}',
+++ /dev/null
-/**
- * Button Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Large Buttons -- -- -- -- -- */
-
-.largeButtons:after {
- content: "";
- display: block;
- clear: both;
- height: 0;
-}
-
-.largeButtons ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.largeButtons li {
- border: 1px;
- margin: 0 0 0 5px;
- float: right;
-}
-
-.largeButtons a {
- text-decoration: none;
- white-space: nowrap;
- border-width: 1px;
- border-style: solid;
- padding: 1px 4px;
- display: block;
-}
-
-.largeButtons span {
- font-weight: normal;
-}
-
-/* -- -- -- -- -- Small Buttons -- -- -- -- -- */
-
-.smallButtons:after {
- content: "";
- display: block;
- clear: both;
- height: 0;
-}
-
-.smallButtons ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.smallButtons li {
- border: 1px;
- margin: 10px 0 0 4px;
- float: right;
-}
-
-.smallButtons .pageMenu li {
- border: 0;
- margin: 0;
- padding: 0;
- float: none;
-}
-
-.smallButtons a {
- text-decoration: none;
- line-height: 1.3;
- border-width: 1px;
- border-style: solid;
- padding: 0 2px;
- display: block;
- white-space: nowrap;
-}
-
-.smallButtons .pageMenu a {
- border: 0;
-}
-
-.smallButtons span {
- font-weight: normal;
- padding-left: 1px;
-}
-
-.smallButtons img {
- margin-top: -1px;
-}
-
-.smallButtons > ul > li > a {
- min-height: 18px !important;
-}
-
-/* -- -- -- -- -- Option Buttons -- -- -- -- -- */
-
-.optionButtons ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.optionButtons li {
- margin-top: .3em;
- margin-right: 2px;
- float: left;
-}
-
-.optionButtons .pageMenu li {
- border: 0;
- margin: 0;
- padding: 0;
- float: none;
-}
-
-.optionButtons a {
- text-decoration: none;
- line-height: 1.3;
- padding: 0 4px 0 4px;
- display: block;
-}
-
-.optionButtons .pageMenu a {
- border: 0;
- margin: 0;
- padding: 0;
- float: none;
-}
-
- .optionButtons > ul > li > a {
- min-height: 18px !important;
-}
-
-/* -- -- -- -- -- Button Bar -- -- -- -- -- */
-
-.buttonBar {
- border-width: 1px 0 0 0;
- margin-top: 5px;
- display: block;
- clear: both;
-}
-
-.buttonBar p {
- margin-top: 7px;
-}
-
-.buttonBar .extraButton {
- margin-left: 10px;
-}
-
-.buttonBar .buttonBarCaption {
- float: left;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Color Picker Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Color Picker -- -- -- -- -- */
-
-input.colorPicker {
- font-family: "Courier New", Courier, monospace;
- margin-right: 3px;
- width: auto !important;
-}
-
-input[class~='colorPicker'] + script + img.colorPicker {
- margin-top: -5px;
-}
-
-img.colorPicker:hover {
- cursor: pointer;
-}
-
-/* -- -- -- -- -- Color Picker Full -- -- -- -- -- */
-
-#colorPickerFull {
- border-width: 0 0 1px 1px;
- border-style: solid:
- border-color: #000;
- background-color: #000;
- position: absolute;
- height: 192px;
- width: 304px;
- z-index: 100;
-}
-
-#colorPickerFull ul {
- list-style: none;
- margin: 0;
- padding: 0;
- display: block;
- float: left;
- position: relative;
-}
-
-#colorPickerFull ul:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-#colorPickerFull li {
- border-width: 1px 1px 0 0;
- border-style: solid:
- border-color: #000;
- display: block;
- float: left;
- height: 15px;
- width: 15px;
-}
-
-#colorPickerFull a {
- border: 1px solid transparent;
- display: block;
- height: 13px;
- width: 13px;
-}
-
-#colorPickerFull a:hover {
- border: 1px solid #fff !important;
-}
-
-#colorPickerFull .colorColumn {
- width: 96px;
-}
-
-#colorPickerFull .greyColumn {
- width: 16px;
-}
-
-/* -- -- -- -- -- Color Picker Simple -- -- -- -- -- */
-
-#colorPickerSimple {
- background-color: #000;
- float: left;
- width: 113px !important;
- position: absolute;
- z-index: 100;
-}
-
-#colorPickerSimple ul {
- list-style: none;
- margin: 0;
- padding: 1px 0 0 1px;
- width: auto;
-}
-
-#colorPickerSimple ul li {
- font-size: 0 !important;
- margin: 0 1px 1px 0 !important;
- padding: 0 !important;
- float: left !important;
- display: block !important;
- height: 15px !important;
- width: 15px !important;
-}
-
-#colorPickerSimple ul li a, #colorPickerSimple ul li a:hover {
- background-image: none;
- background-repeat: no-repeat !important;
- background-position: 0 !important;
- margin: 0 !important;
- padding: 0 !important;
- display: block !important;
- height: 15px !important;
- width: 15px !important;
-}
-
-#colorPickerSimple ul li a:hover {
- border: 1px solid #fff !important;
- background-repeat: no-repeat !important;
- background-position: -1px -1px !important;
- width: 13px !important;
- height: 13px !important;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Container Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Border -- -- -- -- -- */
-
-.border {
- border-width: 1px;
- margin-bottom: 7px;
- padding: 1px 0 0 1px;
-}
-
-/* Special */
-
-.borderMarginRemove {
- margin-top: -8px;
-}
-
-/* -- -- -- -- -- Container Globals -- -- -- -- -- */
-
-.container-1, .container-2, .container-3, .containerHead {
- margin: 0 1px 1px 0;
-}
-
-.containerHead {
- padding: 2px 5px;
-}
-
-.content > div {
- padding: 7px 25px;
-}
-
-.contentStyler p {
- margin: 5px 0;
-}
-
-/* -- -- -- -- -- Info Box -- -- -- -- -- */
-
-.infoBox .container-1, .infoBox .container-2 {
- padding: 4px;
- clear: both;
-}
-
-.infoBox h3 {
- margin: 0 !important;
- font-weight: bold;
-}
-
-/* -- -- -- -- -- Containers with Icons -- -- -- -- -- */
-
-/* Small (16px Icon) */
-
-.containerIconSmall {
- text-align: center;
- float: left;
- width: 30px;
-}
-
-.containerContentSmall {
- margin-left: 30px;
-}
-
-/* Standard (24px Icon) */
-
-.containerIcon {
- text-align: center;
- float: left;
- width: 30px;
-}
-
-.containerContent {
- margin-left: 35px;
-}
-
-/* Large (48px Icon) */
-
-.containerIconLarge {
- text-align: center;
- float: left;
- width: 50px;
-}
-
-.containerContentLarge {
- margin-left: 60px;
-}
-
-/* -- -- -- -- -- Main Headline -- -- -- -- -- */
-
-.mainHeadline {
- margin: 3px 0 7px 0;
- padding: 0;
- clear: both;
- display: block;
- min-height: 50px;
- width: 100%;
-}
-
-.mainHeadline img {
- float: left;
-}
-
-.mainHeadline .headlineContainer img {
- float: none;
-}
-
-.mainHeadline .headlineContainer {
- margin: 7px 0 7px 60px;
- min-height: 48px;
-}
-
-.mainHeadline .headlineContainer h2 {
- margin: 0;
- padding: 0;
- overflow: hidden;
-}
-
-.mainHeadline .headlineContainer h2 a {
- text-decoration: none;
-}
-
-.mainHeadline .headlineContainer p {
- margin: 0;
- padding: 0;
-}
-
-/* -- -- -- -- -- Sub Headline -- -- -- -- -- */
-
-.subHeadline {
- font-size: 1.5em;
- font-weight: normal;
- border-left-width: 0 !important;
- border-right-width: 0 !important;
- border-top-width: 0 !important;
- margin-top: 7px;
- margin-bottom: 10px !important;
- padding-bottom: 7px;
-}
-
-.subHeadline a {
- text-decoration: none;
-}
-
-.subHeadline span {
- font-size: 75%;
-}
-
-.subHeadline .inputText {
- width: 95%;
-}
-
-/* -- -- -- -- -- Fieldset -- -- -- -- -- */
-
-fieldset {
- border-width: 1px;
- margin: 10px 0;
- padding: 5px 13px 10px 13px;
- display: block;
-}
-
-fieldset:after {
- content: "";
- display: block;
- clear: both;
- height: 0;
-}
-
-fieldset legend {
- margin: 0 0 0 -5px;
- padding: 0 5px;
-}
-
-fieldset fieldset {
- margin-bottom: 5px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 6 -- -- -- -- -- ### */
-
-/*
-
-File: ie6-fix.css
-Copyright 2006-2011 by WoltLab GmbH.
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack".
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-html, body {
- height: 100%;
-}
-
-#main {
- height: 0;
-}
-
-.hidden {
- width: 0;
-}
-
-.container-1, .container-2, .container-3 {
- zoom: 1;
-}
-
-.containerHead, .pageMenu ul li a, .tabMenu ul, .border {
- height: 0 !important;
-}
-
-.contentHeader, .contentFooter {
- height: 0;
-}
-
-.avatarDisplay fieldset {
- display: inline;
-}
-
-.avatarSelect li label {
- width: 154px;
- height: 154px;
-}
-
-.avatarSelect img {
- wcf: expression(
- this.onclick = new Function("$(this).previous().checked = 'checked';")
- );
-}
-
-.similarThreads li {
- height: 0;
-}
-
-.longSelect select {
- width: 500px;
-}
-
-.tableList .columnTopic div.topic, .mainHeadline .headlineContainer h2 {
- width: 100%;
-}
-
-.tabMenuContent div.container-1 {
- padding: 15px 25px 5px;
-}
-
-.content .container-1, .content .container-2, .content .container-3 {
- padding: 7px 25px;
-}
-
-.mainHeadline {
- height: 55px;
-}
-
-.smallButtons img {
- margin-top: 1px;
-}
-
-.sidebar hr {
- display: none;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.itemList li {
- height: 0; /* triggers hasLayout */
- list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* ### -- -- -- -- -- User Menu -- -- -- -- -- ### */
-
-#userMenu ul li a { /* this line is needed for the following declaration to work! */
- text-decoration: underline;
-}
-
-#userMenu ul li a:hover { /* this line only works together with the previous declaration! */
- text-decoration: none;
-}
-
-/* ### -- -- -- -- -- Login Popup -- -- -- -- -- ### */
-
-.loginPopup {
- width: 0;
-}
-
-.loginPopup input {
- font-size: 1em;
- width: auto;
-}
-
-/* ### -- -- -- -- -- System Messages/States -- -- -- -- -- ### */
-
-.info, .warning, .error, .success {
- height: 0;
-}
-
-.deleted img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.infoBox {
- clear: both !important;
-}
-
-.infoBox ul {
- margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- display: inline;
- width: auto;
-}
-
-#userMenu li {
- float: none;
-}
-
-#userPanel .userPanelInner {
- padding-top: 10px;
- padding-bottom: 3px;
-}
-
-.mainMenu {
- height: 0;
-}
-
-.mainMenu li, .mainMenu a {
- display: inline;
-}
-
-.mainMenu img {
- margin: 3px 0;
-}
-
-.mainMenu span, .pageMenu span {
- padding: 0 2px 0 0;
- display: inline !important;
-}
-
-/* ### -- -- -- -- -- Page -- -- -- -- -- ### */
-
-#page {
- height: 100%;
-}
-
-/* ### -- -- -- -- -- Search -- -- -- -- -- ### */
-
-#search {
- white-space: nowrap;
- width: 0;
-}
-
-/* ### -- -- -- -- -- Tab Menu & Sub Tab Menu -- -- -- -- -- ### */
-
-.tabMenu li {
- width: 0 !important;
-}
-
-.subTabMenu {
- height: 0;
-}
-
-.subTabMenu div {
- height: 5px;
-}
-
-/* ### -- -- -- -- -- Popup Menu -- -- -- -- -- ### */
-
-.popupMenu {
- white-space: normal !important;
- width: 200px !important;
-}
-
-.popupMenu li, .popupMenu a {
- width: 200px !important;
-}
-
-.pageMenu li, .pageMenu a {
- height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Page Navigation -- -- -- -- -- ### */
-
-.pageNavigation a {
- width: 0;
- height: 0;
-}
-
-.pageNavigation li.children a img {
- display: none;
-}
-
-.pageNavigation input {
- padding: 2px 0;
- width: 1.5em;
- min-height: 1.4em;
-}
-
-.tableList .statusDisplayIcons {
- display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
- display: inline;
-}
-
-/* ### -- -- -- -- -- Fieldset -- -- -- -- -- ### */
-
-fieldset {
- margin-top: 25px;
- padding-top: 15px;
- position: relative;
-}
-
-fieldset legend {
- padding: 3px;
- position: absolute;
- top: -13px;
- right: 8px;
-}
-
-/* ### -- -- -- -- -- imageViewer.css -- -- -- -- -- ### */
-
-.imageViewerBackground, .imageViewerCurrentImage, .imageViewerMenu, .imageViewerCaption, .overlay {
- position: absolute !important;
-}
-
-/* ### -- -- -- -- -- Members List (Whitelist / Blacklist) -- -- -- -- -- ### */
-
-.memberList li a {
- height: auto !important;
-}
-
-.memberList li .memberName {
- width: 174px;
- height: 1px;
-}
-
-.memberList li .memberListStatusIcon {
- position: absolute;
- right: 5px;
- top: 20%;
-}
-
-.memberList li a img {
- position: absolute;
- left: 4px;
- top: 20%;
-}
-
-/* ### -- -- -- -- -- PM Layout -- -- -- -- -- ### */
-
-.pmIndex {
- margin-bottom: 7px;
-}
-
-.pmFolders {
- height: 0;
-}
-
-.pmUsageBar div {
- border-bottom: 7px solid #0a0;
- background-color: #0c0;
- height: 1px !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageFooter, .messageFooterLeft, .messageFooterRight, .containerContent, .smallButtons {
- height: 0;
-}
-
-.messageBody {
- float: right;
-}
-
-.message .messageTop .messageSidebar {
- height: 100px;
-}
-
-.message .messageFramedTop .messageSidebar {
- height: 90px;
-}
-
-.message .guestPost .messageSidebar {
- height: 40px !important;
-}
-
-.message .messageTop .messageAuthor, .message .messageFramedTop .messageAuthor {
- border-width: 0;
- margin-right: 47px;
- height: 0;
-}
-
-.message .messageLeft .messageAuthor, .message .messageLeft .messageAuthor, .message .messageFramedLeft .messageAuthor, .message .messageFramedLeft .messageAuthor {
- margin-bottom: -1px;
-}
-
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
- height: 0;
-}
-
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar, .message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
- right: 0 !important;
- top: 0 !important;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
- width: 154px;
- height: 154px;
-}
-
-.message .messageLeft .userAvatarFramed a, .message .messageRight .userAvatarFramed a, .message .messageFramedLeft .userAvatarFramed a, .message .messageFramedRight .userAvatarFramed a {
- width: 152px;
- height: 152px;
-}
-
-.message .messageTop .userAvatarFramed a, .message .messageFramedTop .userAvatarFramed a {
- position: relative !important;
- width: 78px;
- height: 78px;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
- margin: 7px 14px;
-}
-
-.message .messageLeft .userMessenger, .message .messageRight .userMessenger, .message .messageFramedLeft .userMessenger, .message .messageFramedRight .userMessenger {
- position: static !important;
-}
-
-/* fixes thread-page flickering */
-.message .messageContent, .message .messageContentInner {
- position: relative;
-}
-
-.message .messageHeader .containerIcon {
- height: 30px;
-}
-
-/* ### -- -- -- -- -- Poll -- -- -- -- -- ### */
-
-.poll .containerContent {
- height: 0;
-}
-
-.pollOptionBar {
- font-size: 6px; /* fixes wrong bar-heights */
- margin: 0;
-}
-
-.pollShowResults, .pollShowForm {
- height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Code Box -- -- -- -- -- ### */
-
-.codeBox img {
- margin-top: 5px;
-}
-
-.codeBox table {
- font-size: 1em;
-}
-
-.codeBox div {
- width: 100%;
- overflow-y: hidden;
-}
-
-.codeBox pre {
- padding-bottom: 2em;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceButtonDisabled a img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
- height: 0 !important;
-}
-
-div.mceColors ul {
- height: 0 !important;
-}
-
-div.mceColors ul li {
- font-size: 0 !important;
- margin: 0 !important;
-}
-
-div.mceColors ul li a, div.mceColors ul li a:hover {
- margin: 0 0 1px 1px !important;
- width: 15px !important;
- height: 15px !important;
-}
-
-.editor .container-1, .editor .container-2, .editor .container-3 {
- padding: 0 !important;
-}
-
-.editor .popupMenu {
- bottom: 24px !important;
- height: 0 !important;
- right: 0 !important;
- width: auto !important;
-}
-
-.mceToolbar ul {
- margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.floatContainer, .formElement, .formGroup, .formGroupField {
- height: 0;
-}
-
-.formGroup fieldset {
- margin: 0;
- padding: 8px;
- position: static;
-}
-
-form textarea {
- border-width: 1px;
- width: 98%;
-}
-
-textarea, .inputText {
- width: 98%;
-}
-
-/* ### -- -- -- -- -- table.css -- -- -- -- -- ### */
-
-table {
- border-collapse: collapse;
-}
-
-.tableList {
- font-size: 1em;
-}
-
-tr.tableHead a img {
- margin-top: 0;
-}
-
-.tableHead .emptyHead input {
- margin-top: -1px;
-}
-
-.tableHead a, .tableHead .emptyHead {
- height: 21px !important;
-}
-
-/* ### -- -- -- -- -- burningboard.css -- -- -- -- -- ### */
-
-#boardlist .container-1, #boardlist .container-2 {
- display: inline;
- float: right;
-}
-
-#boardlist li ul .boardlistTitle .containerIcon {
- display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul .boardlistTitle .containerIcon {
- display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul li ul .boardlistTitle .containerIcon {
- display: inline; /* prevents double margin */
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.eventList a {
- height: 1.8em;
-}
-
-.otherMonth {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-#repeatByDaySettings .toggleButton ul, #repeatByMonthSettings .toggleButton ul, #repeatByMonthDaySettings .toggleButton ul, #repeatByWeekSettings .toggleButton ul {
- width: 493px;
-}
-
-.accessRights ul li {
- height: 0;
-}
-
-.userProfileBox .border .timeLabel a {
- width: 0;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */
-
-#userCard {
- position: relative !important;
- height: 0;
-}
-
-#userCard .userCardList {
- position: static !important;
-}
-
-#userCardAvatar .userAvatar {
- display: inline;
-}
-
-#userCardAvatar .userAvatar a img {
- clear: both;
-}
-
-#userCardCredits .userPersonals {
- height: 59px;
- overflow: visible !important;
-}
-
-#userCard .smallButtons {
- display: block;
-}
-
-#userCard .smallButtons ul {
- width: 70%;
-}
-
-#userCard .smallButtons ul li {
- width: 0;
-}
-
-#userCard .smallButtons ul li a {
- float: right !important;
-}
-
-.dynContainer {
- height: 0;
-}
-
-.dynContainer .last {
- width: auto !important;
-}
-
-#userCard .friendsNone {
- margin-bottom: -30px !important;
-}
-
-.pageMenu .twoRows a:hover {
- padding-top: 2px !important;
- padding-bottom: 4px !important;
- height: 0 !important;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.column {
- margin-bottom: -9999px;
- padding-bottom: 9999px;
- display: inline-block;
-}
-
-.column {
- display: inline;
- float: right;
-}
-
-.columnInner {
- height: 0;
-}
-
-.columnContainer {
- height: 0;
-}
-
-.layout-2 .second {
- width: auto !important;
-}
-
-.columnInner #editor {
- width: 97.5%;
-}
-
-.sidebar, .sidebar * {
- display: inline-block;
-}
-
-.sidebar .subTabMenu li a {
- display: inline !important;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
- wcf: expression(
- this.onclick = new Function("window.location.href= $(this).up('a').href;")
- );
-}
-
-.galleryPhoto img {
- width: auto;
-}
-
-.galleryIndex .floatedElement {
- border: 0;
- padding: 8px 8px 14px;
- overflow: hidden !important;
-}
-
-.galleryIndex .marked {
- border-width: 1px;
- padding: 7px 7px 13px;
-}
-
-.galleryIndex .thumbnailButtons {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
- visibility: visible !important;
- width: 103%;
- bottom: 65px;
-}
-
-.galleryIndex .thumbnailButtons input {
- margin: 0 2px !important;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
- display: inline !important;
-}
-
-.thumbnailView .last {
- width: auto !important;
-}
-
-.gallery .layout-2 .first {
- width: 65% !important;
-}
-
-.gallery .layout-2 .second {
- width: 35% !important;
-}
-
-.sidebar .smallButtons li {
- width: 0;
-}
-
-.balloon {
- width: 0 !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
- margin-right: 20px;
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-.footerMenu, .footerOptions {
- height: 0;
-}
-
-.footerOptions {
- white-space: nowrap;
-}
-
-.footerOptions li {
- display: inline-block;
-}
-
-.footerMenu li, .footerMenu a, .footerOptions li, .footerOptions a {
- display: inline;
-}
-
-.footerMenu img, .footerOptions img {
- margin: 3px 0;
-}
-
-.footerMenu span, .footerOptions span {
- padding: 0 2px 0 0;
- display: inline !important;
-}
-
-.footerOptions li.extraButton a {
- padding: 1px 2px !important;
- display: block;
-}
-
-.footerOptions li.extraButton a img {
- margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+++ /dev/null
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 6 -- -- -- -- -- ### */
-
-/*
-
-File: ie6-fix.css
-Copyright 2006-2011 by WoltLab GmbH.
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack".
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-html, body {
- height: 100%;
-}
-
-#main {
- height: 0;
-}
-
-.hidden {
- width: 0;
-}
-
-.container-1, .container-2, .container-3 {
- zoom: 1;
-}
-
-.containerHead, .pageMenu ul li a, .tabMenu ul, .border {
- height: 0 !important;
-}
-
-.contentHeader, .contentFooter {
- height: 0;
-}
-
-.avatarDisplay fieldset {
- display: inline;
-}
-
-.avatarSelect li label {
- width: 154px;
- height: 154px;
-}
-
-.avatarSelect img {
- wcf: expression(
- this.onclick = new Function("$(this).previous().checked = 'checked';")
- );
-}
-
-.similarThreads li {
- height: 0;
-}
-
-.longSelect select {
- width: 500px;
-}
-
-.tableList .columnTopic div.topic, .mainHeadline .headlineContainer h2 {
- width: 100%;
-}
-
-.tabMenuContent div.container-1 {
- padding: 15px 25px 5px;
-}
-
-.content .container-1, .content .container-2, .content .container-3 {
- padding: 7px 25px;
-}
-
-.mainHeadline {
- height: 55px;
-}
-
-.smallButtons img {
- margin-top: 1px;
-}
-
-.sidebar hr {
- display: none;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.itemList li {
- height: 0; /* triggers hasLayout */
- list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* ### -- -- -- -- -- User Menu -- -- -- -- -- ### */
-
-#userMenu ul li a { /* this line is needed for the following declaration to work! */
- text-decoration: underline;
-}
-
-#userMenu ul li a:hover { /* this line only works together with the previous declaration! */
- text-decoration: none;
-}
-
-/* ### -- -- -- -- -- Login Popup -- -- -- -- -- ### */
-
-.loginPopup {
- width: 0;
-}
-
-.loginPopup input {
- font-size: 1em;
- width: auto;
-}
-
-/* ### -- -- -- -- -- System Messages/States -- -- -- -- -- ### */
-
-.info, .warning, .error, .success {
- height: 0;
-}
-
-.deleted img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.infoBox {
- clear: both !important;
-}
-
-.infoBox ul {
- margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- display: inline;
- width: auto;
-}
-
-#userMenu li {
- float: none;
-}
-
-#userPanel .userPanelInner {
- padding-top: 10px;
- padding-bottom: 3px;
-}
-
-.mainMenu {
- height: 0;
-}
-
-.mainMenu li, .mainMenu a {
- display: inline;
-}
-
-.mainMenu img {
- margin: 3px 0;
-}
-
-.mainMenu span, .pageMenu span {
- padding: 0 0 0 2px;
- display: inline !important;
-}
-
-/* ### -- -- -- -- -- Page -- -- -- -- -- ### */
-
-#page {
- height: 100%;
-}
-
-/* ### -- -- -- -- -- Search -- -- -- -- -- ### */
-
-#search {
- white-space: nowrap;
- width: 0;
-}
-
-/* ### -- -- -- -- -- Tab Menu & Sub Tab Menu -- -- -- -- -- ### */
-
-.tabMenu li {
- width: 0 !important;
-}
-
-.subTabMenu {
- height: 0;
-}
-
-.subTabMenu div {
- height: 5px;
-}
-
-/* ### -- -- -- -- -- Popup Menu -- -- -- -- -- ### */
-
-.popupMenu {
- white-space: normal !important;
- width: 200px !important;
-}
-
-.popupMenu li, .popupMenu a {
- width: 200px !important;
-}
-
-.pageMenu li, .pageMenu a {
- height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Page Navigation -- -- -- -- -- ### */
-
-.pageNavigation a {
- width: 0;
- height: 0;
-}
-
-.pageNavigation li.children a img {
- display: none;
-}
-
-.pageNavigation input {
- padding: 2px 0;
- width: 1.5em;
- min-height: 1.4em;
-}
-
-.tableList .statusDisplayIcons {
- display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
- display: inline;
-}
-
-/* ### -- -- -- -- -- Fieldset -- -- -- -- -- ### */
-
-fieldset {
- margin-top: 25px;
- padding-top: 15px;
- position: relative;
-}
-
-fieldset legend {
- padding: 3px;
- position: absolute;
- top: -13px;
- left: 8px;
-}
-
-/* ### -- -- -- -- -- imageViewer.css -- -- -- -- -- ### */
-
-.imageViewerBackground, .imageViewerCurrentImage, .imageViewerMenu, .imageViewerCaption, .overlay {
- position: absolute !important;
-}
-
-/* ### -- -- -- -- -- Members List (Whitelist / Blacklist) -- -- -- -- -- ### */
-
-.memberList li a {
- height: auto !important;
-}
-
-.memberList li .memberName {
- width: 174px;
- height: 1px;
-}
-
-.memberList li .memberListStatusIcon {
- position: absolute;
- left: 5px;
- top: 20%;
-}
-
-.memberList li a img {
- position: absolute;
- right: 4px;
- top: 20%;
-}
-
-/* ### -- -- -- -- -- PM Layout -- -- -- -- -- ### */
-
-.pmIndex {
- margin-bottom: 7px;
-}
-
-.pmFolders {
- height: 0;
-}
-
-.pmUsageBar div {
- border-bottom: 7px solid #0a0;
- background-color: #0c0;
- height: 1px !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageFooter, .messageFooterLeft, .messageFooterRight, .containerContent, .smallButtons {
- height: 0;
-}
-
-.messageBody {
- float: left;
-}
-
-.message .messageTop .messageSidebar {
- height: 100px;
-}
-
-.message .messageFramedTop .messageSidebar {
- height: 90px;
-}
-
-.message .guestPost .messageSidebar {
- height: 40px !important;
-}
-
-.message .messageTop .messageAuthor, .message .messageFramedTop .messageAuthor {
- border-width: 0;
- margin-left: 47px;
- height: 0;
-}
-
-.message .messageLeft .messageAuthor, .message .messageLeft .messageAuthor, .message .messageFramedLeft .messageAuthor, .message .messageFramedLeft .messageAuthor {
- margin-bottom: -1px;
-}
-
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
- height: 0;
-}
-
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar, .message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
- left: 0 !important;
- top: 0 !important;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
- width: 154px;
- height: 154px;
-}
-
-.message .messageLeft .userAvatarFramed a, .message .messageRight .userAvatarFramed a, .message .messageFramedLeft .userAvatarFramed a, .message .messageFramedRight .userAvatarFramed a {
- width: 152px;
- height: 152px;
-}
-
-.message .messageTop .userAvatarFramed a, .message .messageFramedTop .userAvatarFramed a {
- position: relative !important;
- width: 78px;
- height: 78px;
-}
-
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
- margin: 7px 14px;
-}
-
-.message .messageLeft .userMessenger, .message .messageRight .userMessenger, .message .messageFramedLeft .userMessenger, .message .messageFramedRight .userMessenger {
- position: static !important;
-}
-
-/* fixes thread-page flickering */
-.message .messageContent, .message .messageContentInner {
- position: relative;
-}
-
-.message .messageHeader .containerIcon {
- height: 30px;
-}
-
-/* ### -- -- -- -- -- Poll -- -- -- -- -- ### */
-
-.poll .containerContent {
- height: 0;
-}
-
-.pollOptionBar {
- font-size: 6px; /* fixes wrong bar-heights */
- margin: 0;
-}
-
-.pollShowResults, .pollShowForm {
- height: 0 !important;
-}
-
-/* ### -- -- -- -- -- Code Box -- -- -- -- -- ### */
-
-.codeBox img {
- margin-top: 5px;
-}
-
-.codeBox table {
- font-size: 1em;
-}
-
-.codeBox div {
- width: 100%;
- overflow-y: hidden;
-}
-
-.codeBox pre {
- padding-bottom: 2em;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceButtonDisabled a img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
- height: 0 !important;
-}
-
-div.mceColors ul {
- height: 0 !important;
-}
-
-div.mceColors ul li {
- font-size: 0 !important;
- margin: 0 !important;
-}
-
-div.mceColors ul li a, div.mceColors ul li a:hover {
- margin: 0 1px 1px 0 !important;
- width: 15px !important;
- height: 15px !important;
-}
-
-.editor .container-1, .editor .container-2, .editor .container-3 {
- padding: 0 !important;
-}
-
-.editor .popupMenu {
- bottom: 24px !important;
- height: 0 !important;
- left: 0 !important;
- width: auto !important;
-}
-
-.mceToolbar ul {
- margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.floatContainer, .formElement, .formGroup, .formGroupField {
- height: 0;
-}
-
-.formGroup fieldset {
- margin: 0;
- padding: 8px;
- position: static;
-}
-
-form textarea {
- border-width: 1px;
- width: 98%;
-}
-
-textarea, .inputText {
- width: 98%;
-}
-
-/* ### -- -- -- -- -- table.css -- -- -- -- -- ### */
-
-table {
- border-collapse: collapse;
-}
-
-.tableList {
- font-size: 1em;
-}
-
-tr.tableHead a img {
- margin-top: 0;
-}
-
-.tableHead .emptyHead input {
- margin-top: -1px;
-}
-
-.tableHead a, .tableHead .emptyHead {
- height: 21px !important;
-}
-
-/* ### -- -- -- -- -- burningboard.css -- -- -- -- -- ### */
-
-#boardlist .container-1, #boardlist .container-2 {
- display: inline;
- float: left;
-}
-
-#boardlist li ul .boardlistTitle .containerIcon {
- display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul .boardlistTitle .containerIcon {
- display: inline; /* prevents double margin */
-}
-
-#boardlist li ul li ul li ul .boardlistTitle .containerIcon {
- display: inline; /* prevents double margin */
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.eventList a {
- height: 1.8em;
-}
-
-.otherMonth {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-#repeatByDaySettings .toggleButton ul, #repeatByMonthSettings .toggleButton ul, #repeatByMonthDaySettings .toggleButton ul, #repeatByWeekSettings .toggleButton ul {
- width: 493px;
-}
-
-.accessRights ul li {
- height: 0;
-}
-
-.userProfileBox .border .timeLabel a {
- width: 0;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */
-
-#userCard {
- position: relative !important;
- height: 0;
-}
-
-#userCard .userCardList {
- position: static !important;
-}
-
-#userCardAvatar .userAvatar {
- display: inline;
-}
-
-#userCardAvatar .userAvatar a img {
- clear: both;
-}
-
-#userCardCredits .userPersonals {
- height: 59px;
- overflow: visible !important;
-}
-
-#userCard .smallButtons {
- display: block;
-}
-
-#userCard .smallButtons ul {
- width: 70%;
-}
-
-#userCard .smallButtons ul li {
- width: 0;
-}
-
-#userCard .smallButtons ul li a {
- float: left !important;
-}
-
-.dynContainer {
- height: 0;
-}
-
-.dynContainer .last {
- width: auto !important;
-}
-
-#userCard .friendsNone {
- margin-bottom: -30px !important;
-}
-
-.pageMenu .twoRows a:hover {
- padding-top: 2px !important;
- padding-bottom: 4px !important;
- height: 0 !important;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.column {
- margin-bottom: -9999px;
- padding-bottom: 9999px;
- display: inline-block;
-}
-
-.column {
- display: inline;
- float: left;
-}
-
-.columnInner {
- height: 0;
-}
-
-.columnContainer {
- height: 0;
-}
-
-.layout-2 .second {
- width: auto !important;
-}
-
-.columnInner #editor {
- width: 97.5%;
-}
-
-.sidebar, .sidebar * {
- display: inline-block;
-}
-
-.sidebar .subTabMenu li a {
- display: inline !important;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
- wcf: expression(
- this.onclick = new Function("window.location.href= $(this).up('a').href;")
- );
-}
-
-.galleryPhoto img {
- width: auto;
-}
-
-.galleryIndex .floatedElement {
- border: 0;
- padding: 8px 8px 14px;
- overflow: hidden !important;
-}
-
-.galleryIndex .marked {
- border-width: 1px;
- padding: 7px 7px 13px;
-}
-
-.galleryIndex .thumbnailButtons {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
- visibility: visible !important;
- width: 103%;
- bottom: 65px;
-}
-
-.galleryIndex .thumbnailButtons input {
- margin: 0 2px !important;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
- display: inline !important;
-}
-
-.thumbnailView .last {
- width: auto !important;
-}
-
-.gallery .layout-2 .first {
- width: 65% !important;
-}
-
-.gallery .layout-2 .second {
- width: 35% !important;
-}
-
-.sidebar .smallButtons li {
- width: 0;
-}
-
-.balloon {
- width: 0 !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
- margin-left: 20px;
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-.footerMenu, .footerOptions {
- height: 0;
-}
-
-.footerOptions {
- white-space: nowrap;
-}
-
-.footerOptions li {
- display: inline-block;
-}
-
-.footerMenu li, .footerMenu a, .footerOptions li, .footerOptions a {
- display: inline;
-}
-
-.footerMenu img, .footerOptions img {
- margin: 3px 0;
-}
-
-.footerMenu span, .footerOptions span {
- padding: 0 0 0 2px;
- display: inline !important;
-}
-
-.footerOptions li.extraButton a {
- padding: 1px 2px !important;
- display: block;
-}
-
-.footerOptions li.extraButton a img {
- margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+++ /dev/null
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 7 -- -- -- -- -- ### */
-
-/*
-
-File: ie7-fix.css
-Copyright 2006-2011 by WoltLab GmbH.
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack".
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-#main {
- min-height: 0;
-}
-
-fieldset {
- margin-top: 25px;
-}
-
-fieldset legend {
- margin-top: -18px;
-}
-
-.container-1, .container-2, .container-3 {
- min-height: 0;
-}
-
-.pageNavigation input {
- margin-top: 2px !important;
- margin-bottom: -2px !important;
- padding: 0 !important;
- width: 2em !important;
- height: 10px !important;
-}
-
-.subTabMenu {
- zoom: 1;
-}
-
-.subTabMenu .containerHead {
- min-height: auto;
-}
-
-.subTabMenu .containerHead > ul {
- min-height: 0;
-}
-
-/* ### -- -- -- -- -- tables.css -- -- -- -- -- ### */
-
-table {
- border-collapse: collapse;
-}
-
-.tableList .statusDisplayIcons {
- display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
- display: inline;
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.formElement {
- min-height: 0;
-}
-
-.formGroup fieldset {
- margin: 0;
-}
-
-form .formPrefix div {
- margin-right: 5px;
- min-height: 0;
-}
-
-form input[type="file"] {
- padding: 3px;
-}
-
-textarea, .inputText {
- width: 98%;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceToolbar {
- min-height: 0;
-}
-
-.mceButtonDisabled a img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
- min-height: 0 !important;
- padding-bottom: 1px;
-}
-
-div.mceColors ul {
- min-height: 0 !important;
-}
-
-#editor .border {
- margin-top: -1px;
- padding-bottom: 1px;
-}
-
-.editor .popupMenu {
- min-height: 0 !important;
- right: 0 !important;
- bottom: 24px !important;
-}
-
-/* ### -- -- -- -- -- header.css -- -- -- -- -- ### **/
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- display: inline;
-}
-
-#userMenu li {
- float: none;
-}
-
-#userPanel .userPanelInner {
- padding-top: 10px;
- padding-bottom: 3px;
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-#footer, #footerContainer {
- position: relative;
-}
-
-.footerOptions {
- white-space: nowrap;
-}
-
-.footerMenu li, .footerOptions li {
- position: relative;
-}
-
-.footerOptions li.stylePicker {
- position: relative;
- top: -7px !important;
-}
-
-.footerOptions li.stylePicker div {
- top: 25px;
- right: 5px;
-}
-
-.footerOptions li.date {
- margin-bottom: 0 !important;
-}
-
-.footerOptions li.extraButton {
- position: relative;
- top: -5px !important;
-}
-
-.footerOptions li.extraButton a {
- display: block;
-}
-
-.footerOptions li.extraButton a img {
- margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-.mainMenu a {
- min-height: auto;
-}
-
-.mainMenu > div > ul > li, .mainMenu a, .footerMenu li, .footerMenu a, .footerOptionsInner > ul > li, .footerOptions a {
- display: inline;
-}
-
-.mainMenu img, .footerMenu img, .footerOptions img {
- margin: 3px 0;
-}
-
-.mainMenu span, .footerMenu span, .footerOptions span, .pageMenu span {
- padding: 0 2px 0 0;
- display: inline !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageBody, .messageFooter, .userMessenger {
- min-height: 0 !important;
-}
-
-.messageLeft .messageSidebar, .messageRight .messageSidebar, .messageFramedLeft .messageSidebar, .messageFramedRight .messageSidebar {
- min-width: 0 !important;
-}
-
-.message .messageTop.guestPost .messageAuthor, .message .messageFramedTop.guestPost .messageAuthor {
- padding-bottom: 7px;
-}
-
-.messageNumber, .messageMarkCheckBox {
- float: right;
-}
-
-.message .messageHeader {
- position: relative;
-}
-
-.messageHeader .popupMenu {
- top: 29px;
- right: 0;
-}
-
-.message h3 .inputText, .message h4 .inputText {
- margin-right: -180px;
-}
-
-.messageTop .userMessenger, .messageFramedTop .userMessenger {
- float: right;
-}
-
-.messageFooter input {
- margin: 0 -10px 0 0;
- padding: 0;
-}
-
-.codeBox div {
- overflow-y: hidden;
-}
-
-.codeBox pre {
- padding-bottom: 2em;
-}
-
-.infoBox {
- clear: both !important;
-}
-
-.infoBox ul {
- margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- layout.css -- -- -- -- -- ### */
-
-.columnContainer {
- overflow: hidden;
-}
-
-.column {
- float: right;
- margin-bottom: -9999px;
- padding-bottom: 9999px;
-}
-
-.columnContainerJS {
- overflow: visible;
-}
-
-.columnJS {
- float: right;
- margin: 0 0 1px !important;
- padding: 0 !important;
-}
-
-.columnInner #editor {
- width: 99%;
-}
-
-.layout-2 .container-3, .layout-3 .container-3 {
- min-height: auto;
-}
-
-/* we need a better fix here! when the editor is embedded in a floating environment, it will not be displayed. the iframe width needs to be calculated manually (instead of "width: 100%;")! */
-#tplUserMemoEdit .second {
- float: none;
-}
-
-.sidebar, .sidebar *, .layout-3 .second {
- min-height: 0;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.floatContainer {
- min-height: 0;
-}
-
-.itemList li {
- min-height: 0; /* triggers hasLayout */
- list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* ### -- -- -- -- -- pageMenu.css -- -- -- -- -- ### */
-
-div.pageMenu .twoRows li a {
- min-height: 28px !important;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */
-
-.avatarSelect img {
- wcf: expression(
- this.onclick = new Function("$(this).previous().checked = 'checked';")
- );
-}
-
-#userCard {
- min-height: 0;
-}
-
-#userCardInner {
- padding: 1px !important;
- min-height: 0;
-}
-
-#userCard .userAvatar img {
- margin-bottom: 15px;
-}
-
-#userCardCredits .smallButtons img {
- margin: 0;
-}
-
-.friendsConnection, .friendsNetwork, .friendsNone, .guestAdvice {
- min-height: 0;
- padding: 7px 0 !important;
- zoom: 1;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
- wcf: expression(
- this.onclick = new Function("window.location.href= $(this).up('a').href;")
- );
-}
-
-.galleryIndex .thumbnailButtons {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
- bottom: 60px;
-}
-
-.galleryIndex .thumbnailButtons input {
- margin: 0 2px;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
- display: inline !important;
-}
-
-.gallery .dataList .buttons * {
- float: none !important;
-}
-
-.gallery .tagCloud {
- overflow: hidden;
-}
-
-.thumbnailView .last {
- width: auto !important;
-}
-
-.gallery .layout-2 .first {
- width: 65% !important;
-}
-
-.gallery .layout-2 .second {
- width: 35% !important;
-}
-
-/* ### -- -- -- -- -- buttons.css -- -- -- -- -- ### */
-
-.smallButtons {
- min-height: 0 !important;
-}
-
-.smallButtons img {
- margin-top: 1px;
-}
-
-/* ### -- -- -- -- -- privateMessages.css -- -- -- -- -- ### */
-
-.pmFolders {
- margin-bottom: 7px;
- min-height: 0;
-}
-
-.pmFolders .pageMenu a,.pmFolders .pageMenu a:hover {
- padding-top: 10px !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
- margin-right: 20px;
-}
-
-/* ### -- -- -- -- -- burningBoard.css -- -- -- -- -- ### */
-
-#boardlist span {
- display: inline-block;
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.otherMonth {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.monthView table, .weekView table {
- border-collapse: separate;
-}
-
-#participantsYes, #participantsNo, #participantsMaybe {
- zoom: 1;
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+++ /dev/null
-
-/* ### -- -- -- -- -- Bugfix-Styles for Microsoft Internet Explorer 7 -- -- -- -- -- ### */
-
-/*
-
-File: ie7-fix.css
-Copyright 2006-2011 by WoltLab GmbH.
-
-For full XHTML- & CSS-Compatibility be sure to include this File only within the so called "Internet Explorer Comment Hack".
-
-*/
-
-/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */
-
-#main {
- min-height: 0;
-}
-
-fieldset {
- margin-top: 25px;
-}
-
-fieldset legend {
- margin-top: -18px;
-}
-
-.container-1, .container-2, .container-3 {
- min-height: 0;
-}
-
-.pageNavigation input {
- margin-top: 2px !important;
- margin-bottom: -2px !important;
- padding: 0 !important;
- width: 2em !important;
- height: 10px !important;
-}
-
-.subTabMenu {
- zoom: 1;
-}
-
-.subTabMenu .containerHead {
- min-height: auto;
-}
-
-.subTabMenu .containerHead > ul {
- min-height: 0;
-}
-
-/* ### -- -- -- -- -- tables.css -- -- -- -- -- ### */
-
-table {
- border-collapse: collapse;
-}
-
-.tableList .statusDisplayIcons {
- display: inline;
-}
-
-.tableList .statusDisplay .pageNavigation {
- display: inline;
-}
-
-/* ### -- -- -- -- -- forms.css -- -- -- -- -- ### */
-
-.formElement {
- min-height: 0;
-}
-
-.formGroup fieldset {
- margin: 0;
-}
-
-form .formPrefix div {
- margin-left: 5px;
- min-height: 0;
-}
-
-form input[type="file"] {
- padding: 3px;
-}
-
-textarea, .inputText {
- width: 98%;
-}
-
-/* ### -- -- -- -- -- wysiwyg.css -- -- -- -- -- ### */
-
-.mceToolbar {
- min-height: 0;
-}
-
-.mceButtonDisabled a img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-div.mceColors {
- min-height: 0 !important;
- padding-bottom: 1px;
-}
-
-div.mceColors ul {
- min-height: 0 !important;
-}
-
-#editor .border {
- margin-top: -1px;
- padding-bottom: 1px;
-}
-
-.editor .popupMenu {
- min-height: 0 !important;
- left: 0 !important;
- bottom: 24px !important;
-}
-
-/* ### -- -- -- -- -- header.css -- -- -- -- -- ### **/
-
-#userNote, #userMenu, #userMenu li, #userMenu ul {
- display: inline;
-}
-
-#userMenu li {
- float: none;
-}
-
-#userPanel .userPanelInner {
- padding-top: 10px;
- padding-bottom: 3px;
-}
-
-/* ### -- -- -- -- -- footer.css -- -- -- -- -- ### */
-
-#footer, #footerContainer {
- position: relative;
-}
-
-.footerOptions {
- white-space: nowrap;
-}
-
-.footerMenu li, .footerOptions li {
- position: relative;
-}
-
-.footerOptions li.stylePicker {
- position: relative;
- top: -7px !important;
-}
-
-.footerOptions li.stylePicker div {
- top: 25px;
- left: 5px;
-}
-
-.footerOptions li.date {
- margin-bottom: 0 !important;
-}
-
-.footerOptions li.extraButton {
- position: relative;
- top: -5px !important;
-}
-
-.footerOptions li.extraButton a {
- display: block;
-}
-
-.footerOptions li.extraButton a img {
- margin: 0 !important;
-}
-
-/* ### -- -- -- -- -- Main Menu -- -- -- -- -- ### */
-
-.mainMenu a {
- min-height: auto;
-}
-
-.mainMenu > div > ul > li, .mainMenu a, .footerMenu li, .footerMenu a, .footerOptionsInner > ul > li, .footerOptions a {
- display: inline;
-}
-
-.mainMenu img, .footerMenu img, .footerOptions img {
- margin: 3px 0;
-}
-
-.mainMenu span, .footerMenu span, .footerOptions span, .pageMenu span {
- padding: 0 0 0 2px;
- display: inline !important;
-}
-
-/* ### -- -- -- -- -- messages.css -- -- -- -- -- ### */
-
-.message, .messageInner, .messageHeader, .messageBody, .messageFooter, .userMessenger {
- min-height: 0 !important;
-}
-
-.messageLeft .messageSidebar, .messageRight .messageSidebar, .messageFramedLeft .messageSidebar, .messageFramedRight .messageSidebar {
- min-width: 0 !important;
-}
-
-.message .messageTop.guestPost .messageAuthor, .message .messageFramedTop.guestPost .messageAuthor {
- padding-bottom: 7px;
-}
-
-.messageNumber, .messageMarkCheckBox {
- float: left;
-}
-
-.message .messageHeader {
- position: relative;
-}
-
-.messageHeader .popupMenu {
- top: 29px;
- left: 0;
-}
-
-.message h3 .inputText, .message h4 .inputText {
- margin-left: -180px;
-}
-
-.messageTop .userMessenger, .messageFramedTop .userMessenger {
- float: left;
-}
-
-.messageFooter input {
- margin: 0 0 0 -10px;
- padding: 0;
-}
-
-.codeBox div {
- overflow-y: hidden;
-}
-
-.codeBox pre {
- padding-bottom: 2em;
-}
-
-.infoBox {
- clear: both !important;
-}
-
-.infoBox ul {
- margin: 7px 0;
-}
-
-/* ### -- -- -- -- -- layout.css -- -- -- -- -- ### */
-
-.columnContainer {
- overflow: hidden;
-}
-
-.column {
- float: left;
- margin-bottom: -9999px;
- padding-bottom: 9999px;
-}
-
-.columnContainerJS {
- overflow: visible;
-}
-
-.columnJS {
- float: left;
- margin: 0 0 1px !important;
- padding: 0 !important;
-}
-
-.columnInner #editor {
- width: 99%;
-}
-
-.layout-2 .container-3, .layout-3 .container-3 {
- min-height: auto;
-}
-
-/* we need a better fix here! when the editor is embedded in a floating environment, it will not be displayed. the iframe width needs to be calculated manually (instead of "width: 100%;")! */
-#tplUserMemoEdit .second {
- float: none;
-}
-
-.sidebar, .sidebar *, .layout-3 .second {
- min-height: 0;
-}
-
-/* ### -- -- -- -- -- global.css -- -- -- -- -- ### */
-
-.floatContainer {
- min-height: 0;
-}
-
-.itemList li {
- min-height: 0; /* triggers hasLayout */
- list-style-type: none; /* list bullets look wrong with lists that trigger hasLayout */
-}
-
-form .disabled, .tabMenu .disabled {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* ### -- -- -- -- -- pageMenu.css -- -- -- -- -- ### */
-
-div.pageMenu .twoRows li a {
- min-height: 28px !important;
-}
-
-/* ### -- -- -- -- -- profile.css -- -- -- -- -- ### */
-
-.avatarSelect img {
- wcf: expression(
- this.onclick = new Function("$(this).previous().checked = 'checked';")
- );
-}
-
-#userCard {
- min-height: 0;
-}
-
-#userCardInner {
- padding: 1px !important;
- min-height: 0;
-}
-
-#userCard .userAvatar img {
- margin-bottom: 15px;
-}
-
-#userCardCredits .smallButtons img {
- margin: 0;
-}
-
-.friendsConnection, .friendsNetwork, .friendsNone, .guestAdvice {
- min-height: 0;
- padding: 7px 0 !important;
- zoom: 1;
-}
-
-/* ### -- -- -- -- -- gallery.css -- -- -- -- -- ### */
-
-a .thumbnail img {
- wcf: expression(
- this.onclick = new Function("window.location.href= $(this).up('a').href;")
- );
-}
-
-.galleryIndex .thumbnailButtons {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
- bottom: 60px;
-}
-
-.galleryIndex .thumbnailButtons input {
- margin: 0 2px;
-}
-
-.galleryIndex .thumbnailButtons .container-4 {
- display: inline !important;
-}
-
-.gallery .dataList .buttons * {
- float: none !important;
-}
-
-.gallery .tagCloud {
- overflow: hidden;
-}
-
-.thumbnailView .last {
- width: auto !important;
-}
-
-.gallery .layout-2 .first {
- width: 65% !important;
-}
-
-.gallery .layout-2 .second {
- width: 35% !important;
-}
-
-/* ### -- -- -- -- -- buttons.css -- -- -- -- -- ### */
-
-.smallButtons {
- min-height: 0 !important;
-}
-
-.smallButtons img {
- margin-top: 1px;
-}
-
-/* ### -- -- -- -- -- privateMessages.css -- -- -- -- -- ### */
-
-.pmFolders {
- margin-bottom: 7px;
- min-height: 0;
-}
-
-.pmFolders .pageMenu a,.pmFolders .pageMenu a:hover {
- padding-top: 10px !important;
-}
-
-/* ### -- -- -- -- -- rules.css -- -- -- -- -- -- ### */
-
-.rules ol {
- margin-left: 20px;
-}
-
-/* ### -- -- -- -- -- burningBoard.css -- -- -- -- -- ### */
-
-#boardlist span {
- display: inline-block;
-}
-
-/* ### -- -- -- -- -- calendar.css -- -- -- -- -- ### */
-
-.otherMonth {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-.monthView table, .weekView table {
- border-collapse: separate;
-}
-
-#participantsYes, #participantsNo, #participantsMaybe {
- zoom: 1;
-}
-
-/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
+++ /dev/null
-/**
- * Bugfix-Styles for Microsoft Internet Explorer 8 (RTL)
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-fieldset {
- margin-top: 25px;
-}
-
-fieldset legend {
- margin-top: -18px;
-}
-
-.formGroupField > fieldset > legend {
- margin: 0;
- padding: 0;
- display: block !important;
- width: 0;
- height: 0;
- visibility: hidden;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.layout-1, .layout-2, .layout-3, .layout-4 {
- box-sizing: border-box;
-}
-
-/* -- -- -- -- -- global.css -- -- -- -- -- */
-
-form .disabled, .tabMenu .disabled {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* -- -- -- -- -- calendar.css -- -- -- -- -- */
-
-.otherMonth {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* -- -- -- -- -- gallery.css -- -- -- -- -- */
-
-.galleryIndex .thumbnailButtons {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-}
-
-.galleryIndex .thumbnailButtons input {
- margin: 1px 2px;
-}
-
-/* -- -- -- -- -- wysiwyg.css -- -- -- -- -- */
-
-.mceButtonDisabled a img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Bugfix-Styles for Microsoft Internet Explorer 8 (LTR)
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-fieldset {
- margin-top: 25px;
-}
-
-fieldset legend {
- margin-top: -18px;
-}
-
-.formGroupField > fieldset > legend {
- margin: 0;
- padding: 0;
- display: block !important;
- width: 0;
- height: 0;
- visibility: hidden;
-}
-
-/* -- -- -- -- -- layout.css -- -- -- -- -- */
-
-.layout-1, .layout-2, .layout-3, .layout-4 {
- box-sizing: border-box;
-}
-
-/* -- -- -- -- -- global.css -- -- -- -- -- */
-
-form .disabled, .tabMenu .disabled {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* -- -- -- -- -- calendar.css -- -- -- -- -- */
-
-.otherMonth {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-}
-
-/* -- -- -- -- -- gallery.css -- -- -- -- -- */
-
-.galleryIndex .thumbnailButtons {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-}
-
-.galleryIndex .thumbnailButtons input {
- margin: 1px 2px;
-}
-
-/* -- -- -- -- -- wysiwyg.css -- -- -- -- -- */
-
-.mceButtonDisabled a img {
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Print Styles (RTL)
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- General -- -- -- -- -- */
-
-a {
- color: black;
-}
-
-.copyright {
- font-size: .7em;
- text-align: center;
- padding-top: 20px;
- clear: both;
- display: block;
-}
-
-#page {
- width: auto !important;
-}
-
-/* -- -- -- -- -- Hidden Elements -- -- -- -- -- */
-
-.hidden, #header, #userPanel, .tabMenu, .subTabMenu, .signature, .pmView, th img, .messageNumber, .editNote, .pmFolders, .infoBox, .largeButtons, .smallButtons, .optionButtons, .pageNavigation, .pageOptions, .quickJump, .userExtras, .scrollUp, .userMessenger, .mainHeadline img, .userAvatar, .userAvatarFramed, .columnUsername img, .userProfileBox, .containerIcon, .userPosts, .userName img, .boardlistLastPost, .boardlistCounter,.boardlistStats, .boardlistUsersOnline, .moderators, .smallPages, .columnIcon img, .columnMarkTopics, .columnMark, .columnReplies, .columnAvatar, .columnViews, .columnLastPost, .breadCrumbs img, legend img, .columnHomepage a img, .columnEmail a img, .columnPosts, .columnRegistrationDate, .userRank, .userTitle, .messageCount, .footerMenu, .footerOptions, .mainMenu, .quickReply, .userSymbols, .userCredits, .statusDisplay, .info, #userCard, #tplUserGalleryPhoto form, .thumbnailButtons, .quoteHeader img, #tplCalendarEvent form, #tplCalendarEvent #participation img, .monthJump {
- display: none;
-}
-
-/* -- -- -- -- -- Tables -- -- -- -- -- */
-
-table {
- border-collapse: collapse;
- width: 100%;
-}
-
-td, th {
- border: 1px solid black;
-}
-
-th, th a {
- color: #fff;
- text-align: right;
- white-space: nowrap;
- background-color: #000;
-}
-
-td {
- vertical-align: top;
-}
-
-.mainHeadline .headlineContainer h1 {
- font-size: 1.5em;
-}
-
-.columnIcon {
- width: 0;
-}
-
-td p, th p {
- margin: 0;
- padding: 0;
-}
-
-.columnRating {
- text-align: center;
- width: 0;
-}
-
-.columnTopic {
- width: 80%;
-}
-
-.columnTitle p {
- overflow: hidden;
-}
-
-.columnDate {
- white-space: nowrap;
-}
-
-td.columnHomepage a:after {
- content: ""attr(href)"";
-}
-
-td.columnEmail a[href^="mailto:"]:after {
- content: ""attr(href)"";
-}
-
-/* -- -- -- -- -- Breadcrumb Style Navigation -- -- -- -- -- */
-
-.breadCrumbs {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-
-.breadCrumbs li {
- font-style: italic;
- margin-left: 5px;
- display: inline;
-}
-
-/* -- -- -- -- -- Message Layout -- -- -- -- -- */
-
-.message {
- border: 1px solid black;
- margin: 7px 3px;
- padding: 13px;
-}
-
-.message hr {
- display: none;
-}
-
-.messageHeader {
- font-style: italic;
- margin: -1em 0 0 0;
- padding: 0;
- text-align: left;
-}
-
-.messageHeader p {
- margin: 0;
-}
-
-.messageContent h3 {
- font-size: 1em;
- margin: 0;
- padding: 7px;
- clear: both;
-}
-
-.messageBody {
- border-top: 1px solid black;
- padding-top: 7px;
- clear: both;
-}
-
-.messageInner {
- margin: -10px 0;
- padding: 0;
-}
-
-.messageText {
- margin: 7px 0;
-}
-
-.messageAuthor, .messageAuthor .userName {
- margin: 0;
- padding: 0;
-}
-
-.messageAuthor .userName {
- font-style: italic;
- font-weight: bold;
- display: inline;
-}
-
-.messageAuthor .userCredits .userTitle {
- font-size: .8em;
- margin: 0 0 -10px 0;
- padding: 0;
-}
-
-blockquote {
- margin: 5px;
-}
-
-.quoteBox {
- border: 1px solid black;
- margin-bottom: 5px;
- padding: 10px;
-}
-
-.quoteBox h3 {
- font-style: italic;
- margin: 0;
- padding: 0;
-}
-
-.codeBox h3 {
- font-style: italic;
- margin: 0;
- padding: 0;
-}
-
-.poll .containerContent h3 {
- font-style: italic;
- margin: 0;
- padding: 0;
-}
-
-.attachmentPreview fieldset {
- margin-top: 13px;
-}
-
-.attachmentPreview ul {
- margin: 0;
- list-style: none;
- padding: 0;
-}
-
-.attachmentPreview li {
- margin-left: 10px;
- float: right;
-}
-
-.attachmentPreview li img {
- margin: 0 !important;
-}
-
-.attachmentFile img {
- display: none;
-}
-
-
-/* -- -- -- -- -- calendar.css -- -- -- -- -- */
-
-#tplCalendarEvent #participation .messageHeader {
- text-align: right;
-}
-
-/* -- -- -- -- -- Form Element -- -- -- -- -- */
-
-.formElement {
- margin: 5px 0 3px 0;
- min-height: 0;
-}
-
-.formElement:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* -- -- -- -- -- Form Field -- -- -- -- -- */
-
-.formField {
- padding: 0;
- min-height: 1em;
- border-bottom: 1px solid black;
-}
-
-.formElement .formField {
- margin-right: 216px;
- }
-
-/* -- -- -- -- -- Form Field Label -- -- -- -- -- */
-
-.formFieldLabel {
- text-align: left;
- float: right;
- width: 200px;
- margin: 0;
-}
-
-fieldset {
- margin: 20px 1px 0 1px !important;
-}
-
-.formSubmit {
- display: none;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Footer Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2008-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Footer -- -- -- -- -- */
-
-#footer {
- border-width: 1px 0 0 0;
- border-style: solid;
- padding: 10px 0;
-}
-
-#footerContainer {
- border-top-width: 0;
-}
-
-/* -- -- -- -- -- Footer Menu -- -- -- -- -- */
-
-.footerMenu {
- margin-bottom: 10px;
- float: left;
-}
-
-.footerMenu ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.footerMenu li {
- white-space: nowrap;
- border-width: 0 0 0 1px;
- border-style: solid;
- margin-top: 5px;
- padding: 0 10px;
- display: inline-block;
-}
-
-.footerMenu li.first, .footerMenu li.firstActive {
- border-width: 0;
- padding-left: 0;
-}
-
-.footerMenu a {
- text-decoration: none;
- display: block;
-}
-
-.footerMenu span {
- padding: 3px 0 2px 0;
-}
-
-.footerMenu a span {
- text-decoration: underline;
-}
-
-.footerMenu a:hover span {
- text-decoration: none;
-}
-
-.footerMenu div.popupMenu {
- font-size: 1em;
-}
-
-/* -- -- -- -- -- Footer Options -- -- -- -- -- */
-
-.footerOptions {
- margin-bottom: 10px;
- float: right;
-}
-
-.footerOptions ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.footerOptionsInner > ul > li {
- display: inline-block;
-}
-
-.footerOptions li {
- border-width: 0 1px 0 0;
- border-style: solid;
- margin-top: 5px;
- padding: 0 10px 0 7px;
-}
-
-.footerOptions li.last {
- border-width: 0;
-}
-
-.footerOptions a, .footerOptions em {
- font-style: normal;
- text-decoration: none;
- display: block;
-}
-
-.footerOptionsInner > ul > li > a {
- min-height: 16px;
-}
-
-.footerOptions span {
- padding: 3px 0 2px 0;
-}
-
-.footerOptions a span {
- text-decoration: underline;
-}
-
-.footerOptions a:hover span {
- text-decoration: none;
-}
-
-.footerOptions div.popupMenu {
- font-size: 1em;
-}
-
-/* -- -- -- -- -- Extra Button -- -- -- -- -- */
-
-.footerOptions li.extraButton {
- border-width: 1px;
- margin-top: 0 !important;
- padding: 0;
-}
-
-.footerOptions li.extraButton a {
- margin: 0;
- padding: 1px 2px 0 2px;
-}
-
-/* -- -- -- -- -- Copyright -- -- -- -- -- */
-
-.copyright {
- text-align: center;
- white-space: nowrap;
- padding: 10px 0 7px 0;
- clear: both;
-}
-
-.copyright a {
- text-decoration: none;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Form Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-form {
- margin: 0;
- padding: 0;
-}
-
-textarea, input, select {
- font-size: .95em;
-}
-
-input[type="submit"], input[type="reset"], input[type="button"], input[type="file"] {
- font-size: 1em;
-}
-
-.formSubmit { /* holds submit-buttons "preview, draft, submit" */
- text-align: center;
- margin-top: 10px;
- margin-bottom: 15px;
-}
-
-textarea, .inputText {
- border-width: 1px;
- width: 99.5%;
-}
-
-select {
- border-width: 1px;
- padding: 2px;
-}
-
-input[type="text"], input[type="password"] {
- padding: 3px 0 3px 2px;
-}
-
-input[type="file"] {
- padding: 2px 3px;
-}
-
-select[multiple="multiple"] {
- padding: 0 !important;
-}
-
-textarea {
- padding-left: 3px;
-}
-
-input[type="radio"] {
- margin-left: 0;
-}
-
-select[multiple="multiple"] {
- width: 100%;
-}
-
-input[type="image"] {
- margin: 0 3px -3px 0;
-}
-
-.searchInput > input[type="image"] {
- margin: 0;
-}
-
-.fourDigitInput {
- width: 40px !important;
-}
-
-.textareaSmall {
- height: 1.9em;
- line-height: 2;
-}
-
-/* -- -- -- -- -- Form Element -- -- -- -- -- */
-
-.formElement {
- margin: 5px 0 3px 0;
- min-height: 0;
-}
-
-.formElement:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* -- -- -- -- -- Form Field -- -- -- -- -- */
-
-.formField {
- padding: 0;
-}
-
-.formElement .formField {
- margin-left: 216px;
-}
-
-fieldset .formElement .formField {
- margin-left: 202px;
-}
-
-.formField input, .formField select, .formField textarea {
- margin: 2px 0;
-}
-
-.formField label {
- font-size: 1em !important;
- display: block;
-}
-
-.containerContent .formField {
- margin-top: -5px;
-}
-
-/* -- -- -- -- -- Form Field Label -- -- -- -- -- */
-
-.formFieldLabel {
- text-align: right;
- float: left;
- width: 200px;
-}
-
-fieldset .formFieldLabel {
- width: 187px;
-}
-
-/* -- -- -- -- -- Form Field Description -- -- -- -- -- */
-
-.formFieldDesc {
- padding: 0 0 2px 0;
-}
-
-.formElement .formFieldDesc {
- margin-left: 216px;
-}
-
-fieldset .formElement .formFieldDesc {
- margin-left: 202px;
-}
-
-.formCheckBox .formFieldDesc {
- padding: 0 0 2px 18px;
-}
-
-.formFieldDesc code {
- font-size: 1.3em;
-}
-
-.formFieldDesc > p {
- clear: both;
-}
-
-/* -- -- -- -- -- Form Group -- -- -- -- -- */
-
-/* A form group contains serveral sub form elements within a fieldset */
-
-.formGroup {
- min-height: 0;
- margin: 5px 0 3px 0;
-}
-
-.formGroup .formGroupLabel {
- text-align: right;
- float: left;
- width: 200px;
-}
-
-fieldset .formGroup .formGroupLabel {
- width: 187px;
-}
-
-.formGroup .formGroupField {
- margin-left: 216px;
-}
-
-fieldset .formGroup .formGroupField {
- margin-left: 203px;
-}
-
-.formGroup .formGroupField legend {
- display: none;
-}
-
-/* ToDo: Find a better solution for that! Impossible to build long inputs as long as this is active! */
-.formGroup .formGroupField .formElement input {
- width: auto !important;
-}
-
-/* -- -- -- -- -- Form Prefix -- -- -- -- -- */
-
-.formPrefix select {
- float: left;
- width: 150px;
-}
-
-.formPrefix div {
- margin-left: 155px;
-}
-
-.formPrefix {
- min-height: 0;
-}
-
-/* -- -- -- -- -- Form Options -- -- -- -- -- */
-
-.formOptions {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.formOptions li {
- margin-top: 3px;
- padding-right: 2%;
- width: 23%;
- float: left;
-}
-
-.formOptions li span {
- float: none;
- padding-left: 12px;
-}
-
-/* -- -- -- -- -- Form Options Long -- -- -- -- -- */
-
-.formOptionsLong {
- list-style: none;
- margin: 0 0 7px 0;
- padding: 0;
-}
-
-.formOptionsLong li {
- margin: 3px 0 0 0;
- padding: 0;
-}
-
-.formOptionsLong span, .formOptionsLong label {
- display: inline;
-}
-
-/* -- -- -- -- -- Form Error -- -- -- -- -- */
-
-.formError, .formError a {
- color: #c00;
-}
-
-.formError .inputText, .formError textarea, .formError select {
- border-color: #c00;
- background-color: #fee;
-}
-
-.formError .mceToolbar select {
- /* prevents error with dropdown borders within the editor toolbar */
- border-color: transparent !important;
-}
-
-/* -- -- -- -- Long Select -- -- -- -- */
-
-.longSelect select {
- width: 100%;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Global Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Miscellaneous -- -- -- -- -- */
-
-* {
- /* remove the following comment marks for RTL-text support -
- note: this line leads to incorrect forum display in
- Internet Explorer browsers! */
- /*unicode-bidi: embed;*/
- text-overflow: ellipsis;
-}
-
-body, html {
- margin: 0 !important;
- padding: 0 !important;
-}
-
-#main {
- padding: 10px 0 20px 0;
-}
-
-#main:after {
- clear: both;
- display: block;
- height: 0;
- content: "";
-}
-
-p {
- margin: 0;
- padding: 0;
-}
-
-pre {
- font-family: "Courier New", Courier, monospace !important;
-}
-
-img {
- vertical-align: middle;
- border: 0;
-}
-
-hr {
- display: none;
-}
-
-.hidden {
- /* Moves elements out of the viewport in an accessible way
- and preserves no space for them. Use this class rather than
- "display: none"! */
- height: 0;
- overflow: hidden;
- position: absolute;
- left: -9000px;
- max-width: 8000px;
-}
-
-.new {
- font-weight: bold;
-}
-
-.buddy {
- font-size: 1.2em;
-}
-
-.dragable * {
- cursor: move;
-}
-
-.loading {
- background-color: #fff;
- background-image: url("../images/spinner.gif");
- background-position: 50% 50%;
- background-repeat: no-repeat;
- min-height: 80px;
- opacity: .5;
-}
-
-.rating {
- float: right;
-}
-
-/* -- -- -- -- -- Headings -- -- -- -- -- */
-
-h1 {
- margin: 0;
- padding: 0 0 15px 0;
-}
-
-h1 a {
- text-decoration: none;
-}
-
-h2, h2 a {
- text-decoration: none;
-}
-
-h2, h3, h4, h5, h6 {
- font-size: 1em;
- font-weight: normal;
- text-align: left;
- margin: 0;
- padding: 0;
-}
-
-#main > h2 {
- padding-bottom: 7px;
-}
-
-.pointer {
- cursor: pointer;
-}
-
-/* -- -- -- -- -- Links -- -- -- -- -- */
-
-a {
- cursor: pointer;
-}
-
-a:hover {
- text-decoration: none;
-}
-
-/* -- -- -- -- -- External Links -- -- -- -- -- */
-
-.externalURL {
- background-image: url("../icon/externalURL.png");
- background-position: right center;
- background-repeat: no-repeat;
- padding-right: 15px;
-}
-
-.externalURL:hover {
- background-image: url("../icon/externalURLHover.png");
- background-position: right center;
- background-repeat: no-repeat;
-}
-
-/* -- -- -- -- -- Quick Jump -- -- -- -- -- */
-
-.quickJump {
- white-space: nowrap;
- width: auto;
-}
-
-.quickJump select {
- width: auto;
- max-width: 50%;
-}
-
-/* -- -- -- -- -- Page Options -- -- -- -- -- */
-
-.pageOptions {
- float: right;
-}
-
-.pageOptions form, .pageOptions div {
- display: inline;
-}
-
-.pageOptions a, .pageOptions form {
- text-decoration: none;
- margin-left: 10px;
-}
-
-.pageOptions a span {
- text-decoration: underline;
-}
-
-.pageOptions a:hover span {
- text-decoration: none;
-}
-
-/* -- -- -- -- -- Breadcrumbs -- -- -- -- -- */
-
-.breadCrumbs {
- font-size: .95em;
- list-style: none;
- margin: 5px 0;
- padding: 0;
-}
-
-.breadCrumbs li {
- font-style: italic;
- margin-right: 1px;
- display: inline;
-}
-
-.breadCrumbs li a, .messageFooter .breadCrumbs li a {
- text-decoration: none;
-}
-
-.breadCrumbs li a span, .messageFooter .breadCrumbs li a {
- text-decoration: underline;
-}
-
-.breadCrumbs li a:hover span, .messageFooter .breadCrumbs li a:hover {
- text-decoration: none;
-}
-
-.containerHead .breadCrumbs {
- margin: 0;
-}
-
-/* -- -- -- -- -- Content Header & Content Footer -- -- -- -- -- */
-
-.contentHeader, .contentFooter {
- padding-bottom: 7px;
- width: 100%;
-}
-
-.contentFooter:after, .contentHeader:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* -- -- -- -- -- Floated Elements -- -- -- -- -- */
-
-.floatContainer:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-.floatedElement {
- margin: 0 7px 0 0;
- padding: 0;
- display: block;
- float: left;
- position: relative;
-}
-
-.floatedElement:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-.floatedElement label {
- font-size: .85em;
- white-space: nowrap;
- display: block;
- position: absolute;
- top: -2px;
-}
-
-.floatedElement input, .floatedElement select, .floatedElement p {
- margin: 1.5em 0 0 0; /* First value was "1.25em" before - this is a test! */
- width: auto;
-}
-
-.floatedElement a img {
- margin-top: 12px;
- display: block;
-}
-
-.floatedElementLabel {
- min-width: 50px;
- text-align: right;
-}
-
-.followsFloatedElement {
- clear: both;
-}
-
-.floatedElementContainer {
- padding: 3px 0;
-}
-
-.floatedElementButtons {
- float: right;
-}
-
-.floatedElementButtons input, .floatedElementButtons img {
- margin: 1.25em 0 0 5px;
-}
-
-.floatTwoColumns {
- float: left;
- width: 49%;
-}
-
-/* -- -- -- -- -- ItemList -- -- -- -- -- */
-
-.itemList, .itemList ol, .itemList ul {
- margin: 0 0 0 20px;
- padding: 2px 0;
-}
-
-.itemList, .itemList ul {
- padding-left: 23px;
-}
-
-.itemList {
- margin: 5px 0;
-}
-
-.itemList .itemListTitle {
- border-width: 0 0 1px 0 !important;
- margin: 0;
- padding: 5px;
- min-height: 21px;
-}
-
-.itemList h3.itemListTitle, .itemList h4.itemListTitle, .itemList h5.itemListTitle {
- font-weight: bold;
-}
-
-.itemList > li:last-child > .itemListTitle {
- border: 0;
-}
-
-.itemList .buttons {
- padding: 7px 0 4px 4px;
- float: right;
-}
-
-.itemList .buttons a {
- margin-left: 3px !important;
- padding: 0 !important;
-}
-
-.itemList .buttons input {
- margin: 0 0 -4px 5px !important;
- padding: 0 !important;
-}
-
-.itemList .buttons a.extraButton {
- margin: 0 0 -4px 10px !important;
- padding: 0 !important;
-}
-
-.itemList .inputText {
- width: auto;
-}
-
-.first .itemList {
- list-style-type: none;
- padding-left: 0;
-}
-
-#invitationContainer .itemList {
- margin: 5px 0 0 0;
-}
-
-#invitationContainer .itemList li {
- list-style-type: square;
- list-style-image: url("../icon/userS.png");
-}
-
-/* -- -- -- -- -- Social Bookmarks -- -- -- -- -- */
-
-.socialBookmarks {
- margin: 7px 0 0 0;
- padding-bottom: 0;
- padding-left: 0;
- float: left;
-}
-
-.socialBookmarks:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-.socialBookmarks li {
- float: left;
- margin-bottom: 5px;
- margin-right: 5px;
- list-style: none;
-}
-
-/* -- -- -- -- -- Simple Bar -- -- -- -- -- */
-
-.simpleBar ul {
- text-align: center;
- list-style-type: none;
- margin: 7px 0 13px 0;
- padding: .5em 0;
-}
-
-.simpleBar li {
- display: inline;
-}
-
-.simpleBar li a {
- text-decoration: none;
- padding: .3em 7px;
-}
-
-.simpleBar li.selected a {
- text-decoration: none;
- padding: .3em 7px;
-}
-
-.simpleBar li a img {
- margin: -5px 0;
-}
-
-/* -- -- -- -- -- Slider -- -- -- -- -- */
-
-.slider {
- margin: 3px 0 10px 0;
- padding: 1px 2px 0 2px !important;
- position: relative;
- width: 250px;
-}
-
-.slider .handle {
- height: 9px;
- width: 9px;
- cursor: move;
-}
-
-/* -- -- -- -- -- Overlays -- -- -- -- -- */
-
-/* Note: This declaration will replace ".imageviewerBackground" in an upcoming version! */
-
-.overlayBackground {
- color: #fff;
- background-color: #000;
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- z-index: 100;
-}
-
-.overlay {
- position: fixed;
- left: 0;
- top: 0;
- z-index: 120;
-}
-
-.overlay .buttonBar {
- padding-bottom: 7px;
-}
-
-.overlay .subHeadline .buttons {
- float: right;
-}
-
-.overlay .subHeadline .buttons img {
- display: inline;
-}
-
-/* -- -- -- -- -- System Messages (Success, Warning, Error, Info) -- -- -- -- -- */
-
-/* Note:
- Change the colors of system messages with care!
- Consider that people are used to specific colors
- for special events (e.g. Red stands for warning).
- Random colors may not work as intended!
-*/
-
-.success, .warning, .error, .info {
- background-position: 10px center;
- background-repeat: no-repeat;
- margin-bottom: 20px;
- padding: 7px 10px 7px 45px;
-}
-
-.success {
- color: #090;
- background-color: #efe;
- background-image: url("../icon/successM.png");
- border-color: #090;
-}
-
-.success a, .success a:hover {
- color: #333;
-}
-
-.warning {
- color: #660;
- background-color: #ffd;
- background-image: url("../icon/warningM.png");
- border-color: #660;
-}
-
-.warning a, .warning a:hover {
- color: #333;
-}
-
-.error {
- color: #c00;
- background-color: #fee;
- background-image: url("../icon/errorM.png");
- border-color: #c00;
-}
-
-.error a, .error a:hover {
- color: #333;
-}
-
-.info {
- color: #06f;
- background-color: #def;
- background-image: url("../icon/infoM.png");
- border-color: #06f;
-}
-
-.info a, .info a:hover {
- color: #333;
-}
-
-.info .close {
- float: right;
-}
-
-/* -- -- -- -- -- Inner Errors -- -- -- -- -- */
-
-.innerError {
- background-image: url("../icon/errorS.png");
- background-position: 1px center;
- background-repeat: no-repeat;
- margin-bottom: 5px;
- padding: 5px 5px 5px 25px;
-}
-
-/* -- -- -- -- Disabled -- -- -- -- */
-
-.tableList tr.disabled,
-.tableList tr.disabled:hover,
-.disabled div.messageInner {
- background-color: #efe;
-}
-
-.disabled td, .disabled div.messageInner {
- background-image: none;
-}
-
-.tabMenuContent .disabled .messageInner *,
-.disabled .messageSidebar *,
-.tableList tr.disabled td,
-.tableList tr.disabled td a,
-.tableList tr.disabled td a:hover,
-.tableList tr.disabled td .light,
-.tableList tr.disabled td .light a,
-.tableList tr.disabled:hover .columnTopic .topic a,
-.tableList tr.disabled:hover .columnTitle a,
-.tableList tr.disabled:hover .columnUsername a {
- color: #090;
-}
-
-.disabled div.messageInner {
- border-color: #090 !important;
- border-style: dashed !important;
-}
-
-form .disabled, .tabMenu .disabled {
- opacity: .5;
-}
-
-/* -- -- -- -- Deleted -- -- -- -- */
-
-.tableList tr.deleted,
-.tableList tr.deleted:hover,
-.deleted div.messageInner {
- background-color: #fee;
-}
-
-.deleted td, .deleted div.messageInner {
- background-image: none;
-}
-
-.tabMenuContent .deleted .messageInner *,
-.deleted .messageSidebar *,
-.tableList tr.deleted td,
-.tableList tr.deleted td a,
-.tableList tr.deleted td a:hover,
-.tableList tr.deleted td .light,
-.tableList tr.deleted td .light a,
-.tableList tr.deleted:hover .columnTopic .topic a,
-.tableList tr.deleted:hover .columnTitle a,
-.tableList tr.deleted:hover .columnUsername a {
- color: #c00;
-}
-
-.deleted {
- border-color: #c00 !important;
- border-style: dashed !important;
-}
-
-.deleted img {
- opacity: .5 !important;
-}
-
-/* -- -- -- -- -- Marked -- -- -- -- -- */
-
-.tableList tr.marked,
-.tableList tr.marked:hover,
-.marked div.messageInner,
-li.floatedElement.marked {
- background-color: #ffd;
-}
-
-.marked td,
-.marked div.messageInner,
-li.floatedElement.marked {
- background-image: none;
-}
-
-.tabMenuContent .marked .messageInner *,
-.marked .messageSidebar *,
-li.floatedElement.marked *,
-.tableList tr.marked td,
-.tableList tr.marked td a,
-.tableList tr.marked td a:hover,
-.tableList tr.marked td .light,
-.tableList tr.marked td .light a,
-.tableList tr.marked:hover .columnTopic .topic a,
-.tableList tr.marked:hover .columnTitle a,
-.tableList tr.marked:hover .columnUsername a {
- color: #333;
-}
-
-.marked {
- border-style: dashed !important;
-}
-
-.tableList .marked, .tableList .deleted, .tableList .activeContainer {
- border: none !important;
-}
-
-/* -- -- -- -- -- Highlight -- -- -- -- -- */
-
-.highlight {
- color: #00f;
- background-color: #ff0;
- padding: 0 2px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Header Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- User Note -- -- -- -- -- */
-
-#userNote {
- white-space: nowrap;
- padding: 10px 5px 3px 0;
- display: table-cell;
- vertical-align: top;
-}
-
-/* -- -- -- -- -- Login Popup -- -- -- -- -- */
-
-.loginPopup {
- white-space: nowrap;
- position: absolute;
- z-index: 100;
-}
-
-.loginPopup .container-1 {
- padding: 7px 4px 3px 7px;
-}
-
-.loginPopup input[type="text"], .loginPopup input[type="password"] {
- font-size: 1em;
- width: auto !important;
-}
-
-.loginPopup input[type="checkbox"] {
- margin-top: 5px !important;
- margin-left: 0;
-}
-
-/* -- -- -- -- -- User Menu -- -- -- -- -- */
-
-#userMenu {
- padding: 10px 5px 3px 5px;
- display: table-cell;
- width: 100%;
- vertical-align: top;
-}
-
-#userMenu ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-#userMenu li {
- margin: 0 7px 0 0;
- float: left;
-}
-
-#userMenu a {
- text-decoration: none;
-}
-
-#userMenu span {
- text-decoration: underline;
- white-space: nowrap;
-}
-
-#userMenu a:hover span {
- text-decoration: none;
-}
-
-#userMenu .pageMenu {
- font-size: 1em;
-}
-
-/* -- -- -- -- -- Language Picker -- -- -- -- -- */
-
-#changeLanguageMenu img {
- margin-left: 0;
-}
-
-#changeLanguageMenu span {
- margin: 0 0 0 22px !important;
-}
-
-/* -- -- -- -- -- Header Container -- -- -- -- -- */
-
-#header {
- border-width: 1px 1px 0 1px;
- border-style: solid;
- padding: 0;
- clear: both;
- position: relative;
- min-height: 0;
-}
-
-#header:after {
- content: "";
- display: block;
- clear: both;
- height: 0;
-}
-
-#headerContainer {
- border-bottom-width: 0;
-}
-
-#mainContainer {
- border-top-width: 0;
- border-bottom-width: 0;
-}
-
-/* -- -- -- -- -- Search -- -- -- -- -- */
-
-#search {
- /* Toggle view: set to "0" for standard view */
- /* Toggle view: set to "1px" for framed view */
- border-width: 0;
- border-style: solid;
- /* Toggle view: set to "transparent" for standard view */
- /* Toggle view: set to any colour value for framed view */
- background-color: transparent;
- position: absolute;
- /* Move search: set to any positive value */
- top: 13px;
- right: 13px;
- z-index: 100;
-}
-
-#search .searchContainer {
- /* Toggle view: set to "0" for standard view */
- /* Toggle view: set to "1px" for framed view */
- border-width: 0;
- margin: 0;
- padding: 10px;
-}
-
-#search ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-#search noscript p {
- margin: 3px 0 0 0;
- padding: 0;
-}
-
-#search input.searchSubmit {
- margin: -1px 0 0 0;
- padding-left: 1px;
- vertical-align: middle;
-}
-
-#searchInput {
- background-image: url("../icon/searchHeadS.png");
- background-repeat: no-repeat;
- background-position: 2px center;
- padding-left: 23px;
- width: 13em;
-}
-
-.searchOptions {
- background-image: url("../icon/searchHeadOptionsS.png") !important;
-}
-
-.searchInputMenu {
- font-size: 1.2em;
- position: relative;
-}
-
-/* -- -- -- -- -- Page-Logo & -Title -- -- -- -- -- */
-
-#logo {
- border-width: 1px 1px 0 1px;
- border-style: solid;
- margin: 0 0 -1px 0;
- padding: 0;
- position: relative;
- overflow: hidden;
- z-index: 10;
-}
-
-#logo h1 a, #logo a img {
- border: 0;
- margin: 0;
- padding: 0;
-}
-
-#logo a.pageLogo, #logo h1.pageTitle {
- margin: 0;
- padding: 0;
- display: block;
- position: absolute;
- width: 100%;
- height: 100%;
-}
-
-#logo h1.pageTitle a {
- display: block;
- position: relative;
- height: 100%;
- z-index: 20;
-}
-
-/* -- -- -- -- -- Main Menu -- -- -- -- -- */
-
-.mainMenu {
- border-width: 0 1px 1px 1px;
- border-style: solid;
-}
-
-.mainMenu .mainMenuInner {
- margin: 0;
- border-width: 0 1px 1px 1px;
- border-style: solid;
-}
-
-.mainMenu ul {
- list-style: none;
- margin: 0 0 -1px 0;
- padding: 0;
-}
-
-.mainMenu > div > ul > li {
- display: inline-block;
-}
-
-.mainMenu a {
- text-decoration: none;
- border-width: 1px;
- border-style: solid;
- margin: 0 -1px 0 0;
- padding: 3px 5px 2px 5px;
- display: block;
- min-height: 23px;
- white-space: nowrap !important;
-}
-
-.mainMenu li.first a, .mainMenu li.firstActive a {
- margin-left: -1px;
-}
-
-.mainMenu span {
- padding: 0 2px 0 0;
-}
-
-.mainMenu div.popupMenu {
- font-size: 1em;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * ImageViewer Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- ImageViewer -- -- -- -- -- */
-
-.imageViewerBackground, .overlayBackground { /* compatibility mode */
- color: #fff;
- background-color: #000;
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- z-index: 100;
-}
-
-.imageViewerCaption {
- color: #fff;
- font-size: 1em;
- font-weight: bold;
- text-align: center;
- position: fixed;
- top: 5px;
- right: 0;
- left: 0;
- z-index: 110;
-}
-
-.imageViewerCurrentImage {
- background-color: #fff;
- border: 10px solid #fff;
- position: fixed;
- width: 400px;
- height: 300px;
- z-index: 110;
-}
-
-.imageViewerNavigation {
- border-width: 5px;
-}
-
-.imageViewerLoading {
- background-image: url("../images/spinner.gif");
- background-position: 50% 50%;
- background-repeat: no-repeat;
-}
-
-.imageViewerMenu {
- background-image: url("../images/imageViewer/menu.png");
- padding: 13px 10px;
- position: fixed;
- bottom: 10px;
- height: 24px;
- width: 224px;
- z-index: 120;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Inline Calendar Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Inline Calendar -- -- -- -- -- */
-
-.inlineCalendar {
- position: absolute;
- display: none;
- z-index: 100;
- width: 170px;
-}
-
-.inlineCalendarHeader, .inlineCalendarFooter {
- color: #fff;
- width: 100%;
- border-collapse: collapse;
- border-spacing: 0;
- table-layout: fixed;
- border-width: 1px;
-}
-
-.inlineCalendarHeader td, .inlineCalendarFooter td {
- text-align: center;
- font-weight: bold;
- padding: 0;
-}
-
-.inlineCalendarHeader td a, .inlineCalendarFooter td a {
- text-decoration: none;
- border-width: 1px;
- border-style: solid;
- padding: 1px;
- display: block;
-}
-
-.inlineCalendarHeader td span, .inlineCalendarFooter td span {
- border-width: 1px 0;
- border-style: solid;
- padding: 1px;
- display: block;
-}
-
-.inlineCalendarHeader td a:hover, .inlineCalendarFooter td a:hover {
- text-decoration: none;
-}
-
-.changeElement {
- width: 1.5em;
-}
-
-.inlineCalendarTable {
- border-width: 0 1px !important;
- border-collapse: collapse;
- border-spacing: 0;
- border-top: 0;
- border-bottom: 0;
- table-layout: fixed;
- width: 100%;
-}
-
-.inlineCalendarTable td {
- padding: 0;
- margin: 0;
-}
-
-.inlineCalendarTable a {
- text-align: center;
- text-decoration: none;
- border-width: 1px;
- border-style: solid;
- margin: 1px;
- padding: 1px;
- display: block;
-}
-
-.weekDays {
- text-align: center;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Layout Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2009-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Layout -- -- -- -- -- */
-
-.layout-1, .layout-2, .layout-3, .layout-4 {
- border-collapse: collapse;
- display: table;
- table-layout: fixed;
- width: 100%;
-}
-
-.columnContainer {
- display: table-row;
- border-style: solid;
- border-width: 0 1px 1px 0;
-}
-
-.column {
- display: table-cell;
- margin: 0;
- padding: 0;
-}
-
-/* -- -- -- -- -- Layout 1 -- -- -- -- -- */
-
-/* 1 column */
-
-.layout-1 .columnInner {
- padding: 15px 25px;
-}
-
-/* -- -- -- -- -- Layout 2 -- -- -- -- -- */
-
-/* 1 columns flexible - 65% | 35% */
-
-.layout-2 .first {
- width: 65%;
-}
-
-.layout-2 .second {
- width: 35%;
-}
-
-.layout-2 .columnInner {
- padding: 15px 25px;
-}
-
-/* -- -- -- -- -- Layout 3 -- -- -- -- -- */
-
-/* 2 columns fixed - 310px | auto */
-
-.layout-3 .first {
- width: 310px;
-}
-
-.layout-3 .columnInner {
- padding: 15px 25px;
-}
-
-/* -- -- -- -- -- Layout 4 -- -- -- -- -- */
-
-/* 2 columns fixed - 20% | 60% | 20% */
-
-.layout-4 .first, .layout-4 .third {
- width: 20%;
-}
-
-.layout-4 .second {
- width: 60%;
-}
-
-.layout-4 .first .columnInner, .layout-4 .third .columnInner {
- padding: 0;
-}
-
-.layout-4 .second .columnInner {
- padding: 0 10px;
-}
-
-/* -- -- -- -- -- Data List -- -- -- -- -- */
-
-.dataList {
- font-size: 100%;
- line-height: 1.3;
- list-style-type: none;
- margin: 0;
- padding: 0;
-}
-
-.dataList li {
- padding: 5px;
- margin: 0 1px 1px 0;
-}
-
-.dataList li:after {
- content: "";
- display: block;
- clear: both;
- height: 0;
-}
-
-.dataList .buttons {
- padding: 7px 4px 4px 10px;
- float: right;
-}
-
-.dataList .buttons * {
- margin-right: 3px;
-}
-
-/* -- -- -- -- -- Content Box -- -- -- -- -- */
-
-.contentBox {
- padding-bottom: 10px;
- min-width: 215px;
-}
-
-.contentBox .pageOptions {
- margin-top: 7px;
- margin-bottom: 7px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Message Layout Styles
- *
- * @author Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Message -- -- -- -- -- */
-
-.message {
- margin-bottom: 7px;
- padding: 0;
- clear: both;
-}
-
-.message h3, .message h4 {
- font-size: 1.1em;
- font-weight: bold;
- margin: 0;
- padding-top: 7px;
- overflow: hidden;
- text-decoration: none;
- min-height: 0 !important;
-}
-
-.message h3 a, .message h3 a:hover, .message h4 a, .message h4 a:hover {
- text-decoration: none;
-}
-
-.message:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* -- -- -- -- -- Message Inner -- -- -- -- -- */
-
-.messageInner {
- border-width: 1px;
- border-style: solid;
- margin: 0 !important;
- padding: 0;
- display: block;
-}
-
-.messageInner:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* Minimized Post Views */
-
-.messageMinimized .messageInner {
- padding: 5px 15px !important;
- clear: both;
-}
-
-.messageMinimized .messageInner p {
- padding: 0 35px;
- display: block;
-}
-
-.messageMinimized .messageInner img {
- float: left;
-}
-
-.messageMinimized .messageInner h3 {
- padding: 0 11px;
- display: block;
-}
-
-.messageMinimized.quickReply .messageInner h3 {
- min-height: 25px !important;
-}
-
-/* -- -- -- -- -- Message Sidebar -- -- -- -- -- */
-
-/* Both Views: Left & Right */
-.message .messageLeft .messageSidebar, .message .messageFramedLeft .messageSidebar, .message .messageRight .messageSidebar, .message .messageFramedRight .messageSidebar {
- line-height: 1.3;
- margin: 0 0 -2.3em 0;
- padding: 0;
- width: 180px;
- overflow: hidden;
-}
-
-/* Both Views: Top */
-.message .messageTop .messageSidebar, .message .messageFramedTop .messageSidebar {
- line-height: 1.3;
- text-align: left;
- margin: 0 !important;
- padding: 10px 0 0 0;
- float: none;
- clear: both;
- width: 100%;
- position: relative;
- overflow: hidden;
-}
-
-/* All Views: Guest Posts */
-.message .guestPost .messageSidebar {
- min-height: 20px !important;
-}
-
-/* Both Views: Left */
-.message .messageLeft .messageSidebar, .message .messageFramedLeft .messageSidebar {
- float: left;
-}
-
-/* Both Views: Right */
-.message .messageRight .messageSidebar, .message .messageFramedRight .messageSidebar {
- float: right;
-}
-
-.message .messageSidebar:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* -- Message Sidebar: Message Author -- */
-
-/* Both Views: Top */
-.message .messageTop .messageAuthor, .message .messageFramedTop .messageAuthor {
- border-width: 0 !important;
- margin: 0 0 7px 95px;
- padding: 0 15px 1px 15px;
- float: left;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .messageAuthor, .message .messageRight .messageAuthor, .message .messageFramedLeft .messageAuthor, .message .messageFramedRight .messageAuthor {
- border-width: 0;
- margin: 0;
- padding: 10px 15px 7px 15px;
- display: block;
-}
-
-/* Framed View: Left & Right - Dividers */
-.message .dividers .messageAuthor {
- border-width: 0 0 1px 0;
- border-style: solid;
- margin-bottom: -1px;
-}
-
-/* All Views: Guest Posts */
-.message .guestPost .messageAuthor {
- margin-left: 0 !important;
-}
-
-/* -- Message Sidebar: User Name -- */
-
-.message .messageSidebar .userName {
- margin: 0;
- padding: 0;
-}
-
-.message .messageSidebar .userName a {
- text-decoration: none;
-}
-
-.message .messageSidebar .userName a span {
- font-weight: bold;
-}
-
-/* -- Message Sidebar: User Avatar -- */
-
-/* All Views: Standard Avatar */
-.message .userAvatar {
- margin: 0;
- padding: 7px 15px;
- display: block;
-}
-
-.message .dividers .userAvatar {
- border-width: 1px 0 0 0 !important;
- border-style: solid;
-}
-
-.message .userAvatar a {
- margin: 0;
- padding: 0;
-}
-
-/* Both Views: Left & Right - Framed Avatar */
-.message .messageLeft .userAvatarFramed, .message .messageRight .userAvatarFramed, .message .messageFramedLeft .userAvatarFramed, .message .messageFramedRight .userAvatarFramed {
- text-align: left;
- border-width: 1px;
- border-style: solid;
- margin: 7px 13px;
- padding: 0;
- width: 152px;
- height: 152px;
- position: relative;
-}
-
-.message .messageLeft .userAvatarFramed a, .message .messageRight .userAvatarFramed a, .message .messageFramedLeft .userAvatarFramed a, .message .messageFramedRight .userAvatarFramed a {
- border-width: 1px;
- border-style: solid;
- margin: 0;
- padding: 0;
- width: 150px;
- height: 150px;
- position: absolute;
-}
-
-/* All Views: Framed Avatar */
-.message .userAvatarFramed a img {
- position: absolute;
- top: 50%;
- left: 50%;
-}
-
-/* Both Views: Top */
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar {
- margin: 10px 15px;
- padding: 0;
- width: 76px;
- height: 76px;
- position: relative;
-}
-
-/* Top View: Avatar */
-.message .messageTop .userAvatar, .message .messageFramedTop .userAvatar {
- position: absolute;
- top: 2px;
- left: 2px;
-}
-
-/* Top View: Framed Avatar */
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
- position: absolute;
- top: 0;
- left: 0;
-}
-
-/* Both Views: Top - Framed Avatar */
-.message .messageTop .userAvatarFramed, .message .messageFramedTop .userAvatarFramed {
- border-width: 1px;
- border-style: solid;
- margin: 10px 15px;
- padding: 0;
- width: 78px;
- height: 78px;
- display: block;
-}
-
-.message .messageTop .userAvatarFramed a, .message .messageFramedTop .userAvatarFramed a {
- border-width: 1px;
- border-style: solid;
- margin: 0;
- padding: 0;
- display: block;
- width: 76px;
- height: 76px;
-}
-
-/* -- Message Sidebar: User Symbols -- */
-
-/* ToDo: The whole declaration block is not yet ready! */
-
-/* Both Views: Top */
-.message .messageTop .userSymbols, .message .messageFramedTop .userSymbols {
- border-width: 0 !important;
- margin: 0 0 7px 0;
- padding: 0 15px;
- float: right;
-}
-
-/* Both Views: Left & Right - Dividers */
-.message .dividers .userSymbols {
- border-width: 1px 0 0 0;
- border-style: solid;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .userSymbols, .message .messageRight .userSymbols, .message .messageFramedLeft .userSymbols, .message .messageFramedRight .userSymbols {
- margin: 0;
- padding: 7px 15px;
-}
-
-/* Both Views & Dividers: Left & Right */
-.message .messageLeft.dividers .userSymbols, .message .messageRight.dividers .userSymbols, .message .messageFramedLeft.dividers .userSymbols, .message .messageFramedRight.dividers .userSymbols {
- border-width: 1px 0 0 0;
- border-style: solid;
-}
-
-/* All Views */
-.message .userSymbols ul {
- list-style: none;
- margin: 0;
- padding: 2px 0;
-}
-
-/* Top View Filter */
-.message .messageTop .userSymbols ul, .message .messageFramedTop .userSymbols ul {
- padding: 0;
-}
-
-/* All Views */
-.message .userSymbols ul li {
- display: inline;
-}
-
-/* -- Message Sidebar: User Credits -- */
-
-/* Both Views: Top */
-.message .messageTop .userCredits, .message .messageFramedTop .userCredits {
- border-width: 0 !important;
- margin: 0 0 7px 0;
- padding: 0;
- float: right;
- clear: right;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .userCredits, .message .messageRight .userCredits, .message .messageFramedLeft .userCredits, .message .messageFramedRight .userCredits {
- margin: 0;
- padding: 7px 15px;
-}
-
-/* Both Views: Left & Right - Dividers */
-.message .dividers .userCredits {
- border-width: 1px 0 0 0;
- border-style: solid;
-}
-
-/* All Views */
-.message .userCredits .userPosts a {
- padding: 0 0 3px 0;
- display: block;
-}
-
-/* Both Views: Top */
-.message .messageTop .userCredits p, .message .messageFramedTop .userCredits p {
- margin: 0;
- padding: 0 15px;
-}
-
-/* -- Message Sidebar: User Messenger -- */
-
-/* Both Views: Top */
-.message .messageTop .userMessenger, .message .messageFramedTop .userMessenger {
- text-align: left;
- border-width: 0 !important;
- margin: 0 0 7px 95px;
- padding: 0 15px;
- clear: left;
-}
-
-/* All Views: Guest Posts */
-.message .messageTop.guestPost .userMessenger, .message .messageFramedTop.guestPost .userMessenger {
- border-width: 0 !important;
- margin: 0;
- padding: 10px 15px;
- position: absolute;
- top: 0;
- right: 0;
-}
-
-/* Both Views: Left & Right - Dividers */
-.message .dividers .userMessenger {
- border-width: 1px 0 0 0;
- border-style: solid;
-}
-
-/* Both Views: Left & Right */
-.message .messageLeft .userMessenger, .message .messageRight .userMessenger, .message .messageFramedLeft .userMessenger, .message .messageFramedRight .userMessenger {
- margin: 0;
- padding: 7px 15px 0 15px;
-}
-
-/* Both Views & Dividers: Left & Right */
-.message .messageLeft.dividers .userMessenger, .message .messageRight.dividers .userMessenger, .message .messageFramedLeft.dividers .userMessenger, .message .messageFramedRight.dividers .userMessenger {
- border-width: 1px 0 0 0;
- border-style: solid;
-}
-
-/* All Views */
-.message .userMessenger ul {
- list-style: none;
- margin: 0;
- padding: 2px 0;
-}
-
-/* Top View Filter */
-.message .messageTop .userMessenger ul, .message .messageFramedTop .userMessenger ul {
- padding: 0;
-}
-
-/* All Views */
-.message .userMessenger ul li {
- display: inline;
-}
-
-/* -- -- -- -- -- Message Content -- -- -- -- -- */
-
-/* All Views */
-.message .messageContent {
- border-style: solid;
- padding: 0;
-}
-
-/* Standard View: Left */
-.message .messageLeft .messageContent {
- border-width: 0 0 0 1px;
- margin: 0 0 0 180px;
-}
-
-/* Framed View: Left */
-.message .messageFramedLeft .messageContent {
- border-width: 1px;
- margin: 10px 15px 10px 180px;
-}
-
-/* Standard View: Right */
-.message .messageRight .messageContent {
- border-width: 0 1px 0 0;
- margin: 0 180px 0 0;
-}
-
-/* Framed View: Right */
-.message .messageFramedRight .messageContent {
- border-width: 1px;
- margin: 10px 180px 10px 15px;
-}
-
-/* Standard View: Top */
-.message .messageTop .messageContent {
- border-width: 1px 0 0 0;
- margin: 0;
-}
-
-/* Framed View: Top */
-.message .messageFramedTop .messageContent {
- border-width: 1px;
- margin: 0 15px 10px 15px;
-}
-
-/* All Views */
-.message .messageContent:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* -- -- -- -- -- Message Content Inner -- -- -- -- -- */
-
-.message .messageContentInner {
- border-width: 0;
- border-style: solid;
- margin: 0;
- padding: 10px 15px;
-}
-
-/* Standard View: Left & Right */
-.message .messageLeft .messageContentInner, .message .messageRight .messageContentInner {
- border-width: 0;
-}
-
-/* Framed View: Top, Left & Right */
-.message .messageFramedLeft .messageContentInner, .message .messageFramedRight .messageContentInner, .message .messageFramedTop .messageContentInner {
- border-width: 1px;
-}
-
-/* All Views */
-.message .messageContentInner:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* -- -- -- -- -- Message Header -- -- -- -- -- */
-
-.message .messageHeader {
- border-style: solid;
- border-top-width: 0;
- border-left-width: 0;
- border-right-width: 0;
- margin: 0;
- padding: 0;
- min-height: 30px;
-}
-
-.message .messageHeader .containerIcon {
- text-align: left;
- margin: 0;
- padding: 0 0 3px 0;
- width: 25px;
-}
-
-.message .messageHeader .containerContent {
- padding-bottom: 7px;
-}
-
-.message .messageHeader .containerContent p {
- padding: 3px 0 0 0;
-}
-
-.message .messageHeader .messageMarkCheckBox {
- margin: 0;
- padding: 0;
-}
-
-.message .messageHeader .messageCount {
- float: right;
-}
-
-.message .messageHeader .messageNumber {
- text-decoration: none;
- margin: 0 0 0 4px;
- padding: 0 4px;
-}
-
-/* -- -- -- -- -- Message Body -- -- -- -- -- */
-
-.message .messageBody {
- margin: 0;
- padding: 7px 0 0 0;
- display: block;
- width: 100%;
- position: relative;
- overflow: hidden;
-}
-
-.message input {
- margin-right: 6px;
-}
-
-/* -- -- -- -- -- Poll -- -- -- -- -- */
-
-.message .poll {
- margin: 0 15px 7px 0;
- float: left;
- width: 47%;
-}
-
-.poll .container-1, .poll .container-2, .poll .container-3 {
- padding: 4px;
-}
-
-.poll .containerContent label {
- display: block;
- overflow: hidden;
-}
-
-.poll h4 {
- font-style: italic;
- font-weight: bold;
- padding-top: 0;
-}
-
-.poll .pollResults {
- font-size: .95em;
- text-align: right;
-}
-
-.pollOptionBar {
- margin-right: 4px;
- float: left;
- height: 6px;
-}
-
-.pollBarColor1 { /* Blue */
- background-color: #93befe;
- border-bottom: 6px solid #468ffc;
-}
-
-.pollBarColor2 { /* Light Blue */
- background-color: #6be8ff;
- border-bottom: 6px solid #02c4e7;
-}
-
-.pollBarColor3 { /* Light Green */
- background-color: #b8fb82;
- border-bottom: 6px solid #30ff00;
-}
-
-.pollBarColor4 { /* Yellow */
- background-color: #f6ff00;
- border-bottom: 6px solid #ede502;
-}
-
-.pollBarColor5 { /* Orange */
- background-color: #ffc676;
- border-bottom: 6px solid #ff9600;
-}
-
-.pollBarColor6 { /* Red */
- background-color: #fe9595;
- border-bottom: 7px solid #fe4747;
-}
-
-.pollBarColor7 { /* Pink */
- background-color: #f9f;
- border-bottom: 6px solid #f6f;
-}
-
-.pollBarColor8 { /* Violet */
- background-color: #c7a2e7;
- border-bottom: 7px solid #a56dd5;
-}
-
-.pollBarColor9 { /* Brown */
- background-color: #e1bb84;
- border-bottom: 6px solid #ca8a2f;
-}
-
-.pollBarColor10 { /* Charcoal */
- background-color: #c3bbbb;
- border-bottom: 6px solid #967e7e;
-}
-
-/* -- -- -- -- -- Signature -- -- -- -- -- */
-
-.message .signature {
- border-left-width: 0;
- border-right-width: 0;
- border-bottom-width: 0;
- margin: 7px 0 0 0;
- padding: 7px 0 0 0;
- overflow: hidden;
- position: relative;
-}
-
-/* -- -- -- -- -- Edit Note -- -- -- -- -- */
-
-.message .editNote, .message .deleteNote {
- border-left-width: 0;
- border-right-width: 0;
- border-bottom-width: 0;
- margin: 7px 0 0 0;
- padding: 7px 0 0 0;
- position: relative;
-}
-
-/* -- -- -- -- -- Message Footer -- -- -- -- -- */
-
-/* All Views */
-.message .messageFooter, .message .messageFooterLeft, .message .messageFooterRight {
- text-align: left;
- border-left: 0;
- border-right: 0;
- border-bottom: 0;
- margin: 7px 0 0 0;
- padding: 0;
- clear: both;
- display: block;
- position: relative;
-}
-
-.message .messageFooter:after, .message .messageFooterLeft:after, .message .messageFooterRight:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-
-/* Standard View */
-.message .messageFooter .breadCrumbs {
- margin-top: 10px;
-}
-
-/* Standard View - Small Buttons */
-.message .messageFooter .smallButtons li {
- float: right;
-}
-
-.message .messageFooter .smallButtons .extraButton {
- margin-left: 10px;
- margin-right: 0;
-}
-
-/* Left & Right */
-
-/* Left */
-.message .messageFooterLeft {
- text-align: right;
-}
-
-.message .messageFooterLeft .smallButtons li {
- float: left;
-}
-
-.message .messageFooterLeft .smallButtons .extraButton {
- margin-left: 0;
- margin-right: 10px;
-}
-
-/* Right */
-.message .messageFooterRight {
- text-align: left;
-}
-
-.message .messageFooterRight .smallButtons li {
- float: right;
-}
-
-.message .messageFooterRight .smallButtons .extraButton {
- margin-left: 10px;
- margin-right: 0;
-}
-
-/* -- -- -- -- -- Attachment Preview -- -- -- -- -- */
-
-/* Holds attachments with thumbnail-previews */
-
-.attachmentPreview {
- margin-bottom: 0;
-}
-
-.attachmentPreview ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.attachmentPreview ul li {
- border-style: solid;
- border-width: 1px;
- margin-bottom: 7px;
- text-align: center;
-}
-
-.attachmentPreview ul li a {
- border-style: solid;
- border-width: 1px;
- display: block;
-}
-
-.attachmentPreview ul li img {
- display: inline;
- position: relative;
- top: 50%;
-}
-
-.attachmentPreview ul li a span {
- background-image: url("../icon/zoomInS.png");
- background-repeat: no-repeat;
- background-position: right top;
- margin: 5px 3px 0 0;
- position: absolute;
- top: 0;
- right: 0;
- width: 95%;
- height: 95%;
- visibility: hidden;
-}
-
-.attachmentPreview ul li a:hover span {
- visibility: visible;
-}
-
-/* -- -- -- -- -- Attachment File -- -- -- -- -- */
-
-/* holds attachment file-type-icons and descriptions (no previews) */
-
-.attachmentFile:after {
- clear: none;
-}
-
-.attachmentFile input, .attachmentFile button {
- float: right;
-}
-
-.attachmentFile ul {
- list-style: none;
- margin: 0 !important;
- padding: 0 !important;
-}
-
-.attachmentFile ul li {
- border-width: 1px 0 0 0;
- border-style: solid;
- margin: 0;
- padding: 5px 0;
- min-height: 22px;
-}
-
-.attachmentFile ul li:first-child {
- border: none;
-}
-
-.attachmentFile ul li div {
- padding: 3px 0 0 30px;
-}
-
-.attachmentFile ul li a img {
- float: left;
-}
-
-/* -- -- -- -- -- Attachment Inputs -- -- -- -- -- */
-
-.attachmentsInput {
- padding: 1px 0 3px 0;
-}
-
-.attachmentsInput input {
- margin-top: 2px;
- width: 100%;
-}
-
-.attachmentsInputSubmit {
- float: right;
-}
-
-/* -- -- -- -- -- Quote Box -- -- -- -- -- */
-
-.quoteBox {
- border-width: 1px;
- border-style: solid;
- margin: 0 0 7px 0;
- display: block;
- clear: both;
- position: relative;
-}
-
-.quoteBox .quoteHeader {
- margin: 1px 1px 0 1px;
- padding: 7px 15px 7px 15px;
-}
-
-.quoteBox .quoteBody {
- margin: 0 1px 1px 1px;
- padding: 0 15px 5px 15px;
-}
-
-.quoteBox .quoteHeader h3 {
- font-style: italic;
- font-weight: bold;
- margin: 0;
- padding: 0;
-}
-
-.quoteBox .quoteHeader h3 img {
- margin-top: -2px;
- padding-right: 3px;
- vertical-align: middle;
-}
-
-/* -- -- -- -- -- Code Box -- -- -- -- -- */
-
-.codeBox {
- border-width: 1px;
- border-style: solid;
- margin: 0;
- padding: 1px;
- clear: both;
- position: relative;
- /* avoid inheritance */
- font-style: normal;
- text-align: left;
- font-weight: normal;
-}
-
-.codeBox h3 {
- font-style: italic;
- font-weight: bold;
- margin: 0;
- padding: 5px;
-}
-
-.codeBox table {
- border-spacing: 0;
- width: 100%;
-}
-
-.codeBox pre {
- margin: 0;
- padding: 0 5px;
- font-family: monospace;
-}
-
-.codeBox .codeLines, .codeBox .codeLineNumbers {
- vertical-align: top;
-}
-
-.codeBox .codeLineNumbers img {
- padding: 5px;
-}
-
-.codeBox .codeLineNumbers {
- text-align: right;
-}
-
-.codeBox .codeLines {
- width: 100%;
-}
-
-.codeBox div {
- overflow: auto;
-}
-
-/* -- -- -- -- -- Smileys -- -- -- -- -- */
-
-.smileys {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-
-.smileys li {
- margin-right: 5px;
- display: inline;
-}
-
-/* -- -- -- -- -- Extra -- -- -- -- -- */
-
-/* Post- & PM-Preview need this to get rid of the standard container-x settings */
-.messagePreview .message {
- margin: -1px 0 0 -1px;
- padding: 0;
- border: 0;
-}
-
-/* Breadcrumbs inside Message Footer */
-.message .breadCrumbs {
- float: left;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Page Menu Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Page Menu -- -- -- -- -- */
-
-div.pageMenu {
- margin: 0;
- margin-right: 0 !important;
- text-align: left;
-}
-
-div.pageMenu ul {
- display: block !important;
- float: none !important;
- font-weight: normal !important;
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-div.pageMenu li {
- border: 0;
- display: block !important;
- float: none !important;
- margin: 0 !important;
- padding: 0 !important;
-}
-
-div.pageMenu a, div.pageMenu a:hover {
- display: block !important;
- background-color: transparent;
- background-image: none;
- border-width: 0;
- float: none !important;
- height: auto !important;
- margin: 0 !important;
- padding: 5px 7px 5px 35px !important;
- text-align: left !important;
- text-decoration: none !important;
-}
-
-div.popupMenu a, div.popupMenu a:hover {
- padding: 5px 7px !important;
-}
-
-.mainMenu div.popupMenu a, .mainMenu div.popupMenu a:hover {
- padding: 5px 7px 5px 35px !important;
-}
-
-div.pageMenu img {
- margin-left: -30px;
- margin-top: -2px;
- position: absolute;
-}
-
-div.pageMenu span {
- display: block;
- margin: 0 !important;
- padding: 3px 13px 2px 0 !important;
- text-decoration: none !important;
-}
-
-div.pageMenu li.container-1, div.pageMenu li.container-2 {
- margin: 0 1px 1px 0 !important;
-}
-
-/* -- -- -- -- -- Page Menu (2 rows) -- -- -- -- -- */
-/* Note:
- - to be used with label and span
- - label contains the key
- - span the value
- - e.g. <div class="pageMenu"><ul class="twoRows"><li><a href="url2icq"><img .../> <label>ICQ</label> <span>123456789</span></a></li></ul></div>
-*/
-
-div.pageMenu .twoRows li {
- line-height: 1.3;
-}
-
-div.pageMenu .twoRows a {
- margin: 0 !important;
- padding-bottom: 4px !important;
- padding-top: 2px !important;
- min-height: 24px;
-}
-
-div.pageMenu .twoRows img {
- margin-left: -27px;
- margin-top: 3px;
-}
-
-div.pageMenu .twoRows label {
- cursor: pointer;
- display: block;
- margin: 0 !important;
- padding: 0 0 0 5px !important;
-}
-
-div.pageMenu .twoRows a span {
- display: block;
- margin: 0 !important;
- padding: 0 0 0 5px !important;
- text-decoration: underline !important;
-}
-
-div.pageMenu .twoRows a:hover span {
- text-decoration: none !important;
-}
-
-/* -- -- -- -- -- Pop Up Menu -- -- -- -- -- */
-
-.popupMenu {
- border-width: 1px;
- margin: 0 0 10px 0;
- opacity: .9 !important;
- padding: 1px;
- position: absolute;
- white-space: nowrap;
- z-index: 30;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Page Navigation Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Page Navigation -- -- -- -- -- */
-
-.pageNavigation {
- margin-top: .5em;
- margin-right: 20px;
- margin-bottom: 5px;
- float: left;
- clear: left;
-}
-
-.pageNavigation ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.pageNavigation li {
- border-width: 1px;
- border-style: solid;
- margin-right: 3px;
- float: left;
- position: relative;
-}
-
-.pageNavigation li.active, .pageNavigation li:active {
- border-width: 1px;
- border-style: solid;
-}
-
-.pageNavigation a, .pageNavigation li span {
- text-align: center;
- text-decoration: none;
- border-width: 1px;
- border-style: solid;
- padding: 0 4px;
- display: block;
-}
-
-.pageNavigation li div {
- text-align: center;
- margin-left: -1px;
- padding: 0 0 .4em 0;
- position: absolute;
- bottom: 1.6em;
- width: 12em; /* opera fix */
- z-index: 200;
- display: none;
- opacity: .9;
-}
-
-.pageNavigation li:hover div {
- display: block;
-}
-
-.pageNavigation li ul {
- border: 1px;
- padding: 0 0 2px 2px;
- float: left;
- clear: left;
-}
-
-.pageNavigation li ul li {
- text-align: right !important;
- margin-top: 2px;
-}
-
-.pageNavigation .skip, .pageNavigation .skip:hover, .pageNavigation .skip:active {
- border: none;
-}
-
-.pageNavigation .skip a, .pageNavigation .skip a:hover, .pageNavigation .skip a:active, .pageNavigation .skip span {
- background-color: transparent;
- background-image: none !important;
- border: none;
- margin: 0;
- padding: 0;
-}
-
-.pageNavigation .skip {
- padding: 1px 1px !important;
- width: 16px;
-}
-
-.pageNavigation .skip img {
- vertical-align: middle;
-}
-
-.pageNavigation input {
- text-align: center;
- background-color: transparent;
- border: none;
- margin: 0;
- padding: 2px 0;
- width: 2.5em;
- min-height: 1.84em;
- display: none;
-}
-
-.pageNavigation .children {
- padding: 0;
-}
-
-/* Drop Down Menus (also see pageMenu.css) */
-.pageNavigation a, .pageNavigation li ul, .pageNavigation li {
- border-width: 1px;
-}
-
-/* Drop Down Menus (also see pageMenu.css) */
-.pageNavigation a, .pageNavigation li.children span {
- border-color: #fff;
- border-style: solid;
-}
-
-.statusDisplay .pageNavigation {
- margin: 0;
- padding: 0 0 2px 0;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Tabbed Menu Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Tabs -- -- -- -- -- */
-
-.tabMenu {
- margin-top: 5px;
- clear: both;
- width: 100%;
-}
-
-.tabMenu:after {
- content: "";
- clear: both;
- display: block;
- height: 0;
-}
-
-.tabMenu ul {
- margin: 0;
- padding: 0 0 0 10px;
-}
-
-.tabMenu li {
- list-style: none;
- border-width: 1px 1px 0 1px;
- margin-right: 3px;
- float: left;
-}
-
-.tabMenu li a {
- text-decoration: none;
- white-space: nowrap;
- border-width: 1px;
- border-style: solid;
- padding: 2px 5px 0 5px;
- display: block;
- position: relative;
- z-index: 10;
-}
-
-.tabMenu li.activeTabMenu a {
- border-bottom: none;
- padding-bottom: 3px;
- position: relative;
- z-index: 20;
-}
-
-.tabMenu li a, .tabMenu li.activeTabMenu a {
- min-height: 24px;
-}
-
-/* -- -- -- -- -- Sub Tab Menu -- -- -- -- -- */
-
-/* Elements inside the bar below the tabs */
-
-.subTabMenu {
- border: 1px;
- margin-bottom: -1px;
- margin-top: -2px;
- padding: 1px;
- position: relative;
- z-index: 0;
-}
-
-.subTabMenu:after {
- content: "";
- clear: both;
- display: block;
- height: 0;
-}
-
-.subTabMenu .containerHead {
- margin: 0;
- padding: 2px;
- min-height: 5px;
-}
-
-.subTabMenu .containerHead h2, .subTabMenu .containerHead h3 {
- padding: 2px 5px;
-}
-
-.subTabMenu .containerHead:after {
- content: "";
- clear: both;
- display: block;
- height: 0;
-}
-
-.subTabMenu ul {
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.subTabMenu li {
- float: left;
-}
-
-.subTabMenu li a {
- text-decoration: none;
- white-space: nowrap;
- margin: 1px 2px;
- padding: 2px 7px;
- display: block;
-}
-
-.subTabMenu li.activeSubTabMenu a, .subTabMenu li a:hover {
- border-width: 1px;
- padding: 1px 6px;
-}
-
-.subTabMenu .containerHead div {
- font-size: 5px;
- height: 5px;
-}
-
-/* -- -- -- -- -- Sub Container Menu -- -- -- -- -- */
-
-/* ToDo: Find a more flexible solution */
-
-.contentBox .border .subTabMenu {
- border: none;
- margin: 0 0 1px 0;
- padding: 0;
-}
-
-.contentBox .border .subTabMenu .containerHead {
- border: none;
- margin: 0 1px 0 0;
-}
-
-/* -- -- -- -- -- Tab Menu Content -- -- -- -- -- */
-
-/* Content below the Sub Tab Menu */
-
-.tabMenuContent {
- clear: both;
-}
-
-.tabMenuContent > div {
- padding: 15px 25px;
-}
-
-.tabMenuContent .subHeadline {
- margin-bottom: 2px;
-}
-
-.tabMenuContent h3.containerContent {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.tabMenuContent fieldset.noJavaScript {
- background: transparent;
- border: 0;
- margin: 0;
- padding-top: 13px;
-}
-
-.tabMenuContent legend.noJavaScript {
- display: none;
-}
-
-.tabMenuContentContainer {
- clear: both;
-}
-
-.tabMenuContent .message {
- margin-bottom: 7px;
-}
-
-.tabMenuContent .messageInner .smallButtons:after {
- clear: none;
-}
-
-.tabMenuContent .message .messageHeading {
- margin-top: 0 !important;
-}
-
-/* -- -- -- -- -- Specials -- -- -- -- -- */
-
-.tabNavigation { /* still necessary? */
- float: right;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
+++ /dev/null
-/**
- * Table Styles
- *
- * @author Arian Glander, Harald Szekely
- * @copyright 2006-2011 WoltLab GmbH
- */
-
-/* -- -- -- -- -- Table List -- -- -- -- -- */
-
-.tableList {
- border-spacing: 0;
- margin: 0;
- padding: 0;
- width: 100%;
-}
-
-.tableList tbody tr:hover .columnTopic .topic p a, .tableList tbody tr:hover .columnUsername p a, .tableList tbody tr:hover .columnTitle p a {
- text-decoration: none;
-}
-
-.tableList th {
- border-width: 0 1px 1px 0;
- border-style: solid;
- font-weight: normal;
-}
-
-.tableList td {
- border-width: 0 1px 1px 0;
- border-style: solid;
- padding: 4px;
-}
-
-.tableList td a {
- text-align: left;
-}
-
-/* -- -- -- -- -- Table Head -- -- -- -- -- */
-
-.tableHead a, .tableHead .emptyHead {
- border-style: solid;
- border-width: 0 0 1px 0;
- display: block;
- line-height: 1.8;
- margin: -1px;
- min-height: 22px;
- padding: 0 5px;
- text-align: center;
- text-decoration: none;
-}
-
-/* do we really need this declaration?
-.tableHead .emptyHead {
- white-space: normal;
-}
-*/
-
-.tableHead .emptyHead input {
- margin-top: 0;
-}
-
-.tableHead {
- white-space: nowrap;
-}
-
-.tableHead a img {
- margin-top: -3px;
- padding: 0;
-}
-
-.tableHead .active a {
- border-width: 0 0 1px 0;
-}
-
-/* -- -- -- -- -- Column Globals -- -- -- -- -- */
-
-.tableList td.columnText {
- text-align: left;
-}
-
-.tableList td.columnNumbers, .tableList td.columnDate {
- text-align: right;
- white-space: nowrap;
-}
-
-.tableList td.columnID {
- width: 1%;
- text-align: right;
-}
-
-.tableList td.columnMark {
- width: 1%;
-}
-
-/* -- -- -- -- -- Table Row -- -- -- -- -- */
-
-.tableList .statusDisplay {
- float: right;
- padding: 1px 0;
-}
-
-.tableList .statusDisplayIcons {
- display: inline-block;
- margin-left: 5px;
-}
-
-/* -- -- -- -- -- Column Icon -- -- -- -- -- */
-
-.tableList td.columnIcon {
- width: 1%;
- white-space: nowrap;
-}
-
-.tableList td.actionIcons img {
- display: inline !important;
-}
-
-/* -- -- -- -- -- Special -- -- -- -- -- */
-
-.tableList .deleteNote {
- border-width: 0 !important;
- margin-top: 3px;
- padding-top: 3px;
-}
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
projects / GitHub / WoltLab / WCF.git / commitdiff