Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* =================================================================== */
- /* DESSENCE ============================================== RED EDITION */
- /* ERSTELLT UND UMGESETZT VON ================== SGTKANEKI | WBB-ELITE */
- /* =================================================================== */
- .boxesFooterBoxes .layoutBoundary {
- width: 100%;
- min-width: 100%;
- padding-bottom: 20px!important;
- padding-top: 0px;
- padding-left: 20px!important;
- padding-right: 20px!important;
- }
- /* =================================================================== */
- /* ============================== DESIGN ============================= */
- /* =================================================================== */
- :root {
- --Hell1: rgba(255, 255, 255, 1);
- --Hell2: rgba(238, 238, 238, 1);
- --Hell3: rgba(221, 221, 221, 1);
- --Hell4: rgba(204, 204, 204, 1);
- --Hell5: rgba(229, 229, 229, 1);
- --Dunkel1: rgba(17, 17, 17, 1);
- --Dunkel2: rgba(45, 45, 45, 1);
- --Dunkel3: rgba(60, 60, 60, 1);
- --Dunkel4: rgba(34, 34, 34, 1);
- --Dunkel5: rgba(37, 37, 37, 1);
- --Farbe2: rgb(37, 37, 37);
- --Farbe3: rgba(143, 33, 33, 1);
- }
- .pageHeaderLogo .pageHeaderLogoLarge {
- background: rgba(0, 0, 0, 0) !important;
- }
- .pageHeaderLogo {
- text-align: center;
- }
- .pageHeaderLogo > a {
- margin: auto;
- width: 256px;
- height: 256px;
- }
- /* =================================================================== */
- /* ============================ TESTBEREICH ========================== */
- /* =================================================================== */
- /* =================================================================== */
- /* ============================ ALLGEMEINES ========================== */
- /* =================================================================== */
- .boxFlag.box24 > span:first-child {
- display: inline !important;
- left: -10px;
- position: relative;
- top: -2px;
- }
- .redactor-toolbar {
- background-color: var(--Farbe2) !important;
- }
- .redactor-toolbar > li > a:hover, .redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {
- background-color: var(--Farbe1) !important;
- }
- .layoutBoundary {
- padding: 0px 0px;
- width: 90%;
- }
- *:hover {
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- text-decoration: none !important;
- }
- .button, a.button {
- font-size: 13px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .buttonGroup > li:last-child .button, .messageFooterButtons > li:last-child .button, .messageFooterButtonsExtra > li:last-child .button,
- .buttonGroup > li:first-child .button, .messageFooterButtons > li:first-child .button, .messageFooterButtonsExtra > li:first-child .button {
- border-radius: 0px !important;
- }
- body {
- background-image: url('#{$style_image_path}bg.png');
- background-position: center center;
- background-repeat: repeat;
- background-color: #eee;
- }
- .badge, a.badge {
- text-transform: uppercase;
- background-color: var(--Dunkel2);
- }
- .flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type="radio"]:checked + label.green, .flexibleButtonGroup > li > input[type="radio"] + label:hover.green {
- background-color: #2d2d2d;
- }
- html body#tpl_wbb_boardList div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content div.section,
- html body#tpl_wbb_thread.mobileShowPaginationTop div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content div.section {
- border: none !important;
- background: transparent !important;
- padding: 0px !important;
- border-radius: 0px !important;
- }
- .fa-money::before {
- content: "\f155";
- }
- .userMention {
- background-color: #eee;
- border-radius: 0px;
- padding: 1px 5px;
- color: var(--Dunkel2) !important;
- }
- .dialogContainer > .dialogContent .dialogFormSubmit {
- background-color: #eee;
- }
- .dialogOverlay .dialogContainer .dialogContent.dialogForm ul.wbbBoardListReduced.wbbBoardList li.wbbCategory.tabularBox.tabularBoxTitle.wbbDepth1 header h2 {
- position: relative !important;
- }
- .dialogOverlay .dialogContainer .dialogContent.dialogForm ul.wbbBoardListReduced.wbbBoardList li.wbbCategory.tabularBox.tabularBoxTitle.wbbDepth1 header
- h2::after {
- display: none;
- }
- /* =================================================================== */
- /* ============================== HEADER ============================= */
- /* =================================================================== */
- .pageHeaderContainer {
- height: 420px;
- background-image: url('https://imgur.com/mA7ApJX.png')!important;
- background-position-x: center;
- background-position-y: bottom;
- background-repeat: no-repeat;
- background-color: var(--Farbe2);
- box-shadow: inset 0px 0px 5px #000;
- }
- /* =================================================================== */
- /* =============================== LOGO ============================== */
- /* =================================================================== */
- .pageHeaderLogo {
- margin-top: 80px;
- }
- .pageHeaderLogo > a {
- text-align: center;
- }
- .pageHeaderLogo .pageHeaderLogoLarge {
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- background: rgba(0, 0, 0, 0.2);
- }
- .pageHeaderLogo .pageHeaderLogoLarge:hover {
- opacity: 0.6;
- }
- /* =================================================================== */
- /* ============================= USERPANEL =========================== */
- /* =================================================================== */
- .dropdownMenu {
- border-radius: 0px;
- font-size: 12px;
- }
- #userPanelSearchButton {
- display: none;
- }
- .pageHeaderSearch {
- display: block !important;
- right: 0px;
- top: 70px;
- z-index: 100;
- }
- #userPanelSearchButton span {
- font-size: 0px;
- margin-left: 0px;
- }
- .pageHeaderPanel {
- z-index: unset !important;
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchType > .button {
- background: var(--Dunkel2);
- overflow: visible;
- }
- .pageHeaderSearch {
- width: 500px;
- min-width: 500px;
- max-width: 500px;
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, .pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button {
- background: var(--Dunkel2);
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
- background: var(--Farbe3);
- padding: 0px 15px;
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {
- background: var(--Farbe2);
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInput {
- background-color: var(--Dunkel1);
- border-width: 0;
- color: var(--Hell1);
- padding-bottom: 10px;
- padding-top: 10px;
- width: 315px;
- height: 40px !important;
- box-shadow: none !important;
- }
- .userPanel > ul > li:first-child > a {
- background: var(--Farbe3);
- }
- .userPanel > ul > li:first-child > a:hover {
- background: var(--Farbe2);
- }
- .userPanel > ul > li > a {
- background: var(--Dunkel2);
- }
- .userPanel > ul > li > a:hover {
- background: var(--Dunkel3);
- }
- .userPanel > ul > li.dropdownOpen > a, .userPanel > ul > li.open > a, .userPanel > ul > li:hover > a {
- background: var(--Dunkel3);
- }
- .userPanel > ul > li, .userPanel > ul > li > a {
- overflow: visible;
- }
- #userMenu a img.userAvatarImage {
- width: 32px !important;
- height: 32px !important;
- border-radius: 0% !important;
- position: relative;
- left: -5px;
- }
- .userPanel {
- flex: 0 0 auto;
- position: absolute;
- width: 100%;
- margin: 0 auto;
- left: 0px;
- z-index: 100;
- top: 70px;
- height: 40px;
- background: rgba(0, 0, 0, 0.2);
- }
- .pageHeaderPanel > .layoutBoundary {
- flex-direction: row-reverse;
- }
- .userPanel > ul {
- display: flex;
- justify-content: flex-start;
- margin: 0 auto;
- position: absolute;
- width: 500px;
- max-width: 500px;
- background: var(--Dunkel2);
- }
- .userPanel > ul > li > a {
- align-items: center;
- display: flex;
- flex: 0 0 auto;
- height: 40px;
- padding: 0 15px;
- z-index: 100;
- }
- .userPanel > ul > li > a.loginLink {
- background: var(--Dunkel2) !important;
- text-transform: uppercase;
- font-weight: 700;
- }
- #userMenu a {
- width: auto;
- }
- .userPanel > ul > li > a .icon {
- font-size: 20px;
- width: 20px;
- line-height: 30px;
- }
- .userPanel > ul > li:hover > a > span:not(.icon):not(.badge), .userPanel > ul > li.dropdownOpen > a > span:not(.icon):not(.badge), .userPanel > ul > li.open > a >
- span:not(.icon):not(.badge), .userPanel > ul > li:hover > a > span:not(.icon):not(.badge) {
- -webkit-transition: all 0.5s ease-in-out !important;
- -moz-transition: all 0.5s ease-in-out !important;
- -o-transition: all 0.5s ease-in-out !important;
- -ms-transition: all 0.5s ease-in-out !important;
- transition: all 0.5s ease-in-out !important;
- display: flex !important;
- color: #fff !important;
- font-size: 14px !important;
- margin-left: 5px;
- }
- .userPanel > ul > li:first-child > a > span:not(.icon):not(.badge) {
- font-size: 14px !important;
- margin-left: 5px;
- }
- .userPanel > ul > li > a > span:not(.icon):not(.badge) {
- -webkit-transition: all 0.5s ease-in-out !important;
- -moz-transition: all 0.5s ease-in-out !important;
- -o-transition: all 0.5s ease-in-out !important;
- -ms-transition: all 0.5s ease-in-out !important;
- transition: all 0.5s ease-in-out !important;
- display: flex !important;
- font-size: 0px;
- }
- .userPanel > ul > li > a > .badgeUpdate {
- left: 5px;
- padding: 2px 6px;
- top: 1px;
- margin-left: 3px;
- margin-right: 0px;
- margin-top: -2px;
- font-size: 10px;
- text-align: left !important;
- position: relative;
- box-shadow: none;
- background-color: var(--Hell2);
- color: var(--Dunkel1);
- font-weight: 700;
- text-shadow: none;
- }
- .interactiveDropdown {
- top: 110px !important;
- }
- .interactiveDropdownHeader {
- align-items: center;
- background-color: var(--Farbe2);
- color: var(--Hell1);
- display: flex;
- padding: 5px 20px;
- }
- .interactiveDropdownHeader .icon {
- color: var(--Hell1);
- }
- .interactiveDropdownShowAll {
- background-color: var(--Dunkel1);
- color: var(--Hell1);
- padding: 5px 20px;
- }
- .interactiveDropdown {
- position: absolute;
- }
- .userPanel > ul::after {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 40px 48px 0px;
- border-color: transparent transparent var(--Dunkel2) transparent;
- top: -4px;
- position: absolute;
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- margin-left: calc(100% + 3px);
- }
- .userPanel > ul > li:nth-last-child(2) > a::after {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 40px 48px 0px;
- border-color: transparent transparent var(--Dunkel2) transparent;
- top: -4px;
- position: absolute;
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- margin-left: calc(100% - 11px);
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchType > .button::before {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 50px 40px 0px;
- border-color: transparent transparent var(--Dunkel2) transparent;
- margin-left: -57px;
- top: 0px;
- position: absolute;
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- .interactiveDropdownItems > li > div > div > span {
- background: var(--Farbe2);
- }
- .interactiveDropdownItems > li .icon {
- color: #fff;
- }
- .interactiveDropdownItems > li {
- padding: 8px 20px;
- }
- ul.userPanelItems li#jcoinsPanel a span.badge.badgeUpdate {
- display: none;
- }
- .interactiveDropdown li.statement .amount > span {
- background: none !important;
- }
- .interactiveDropdownItems > li a, .interactiveDropdownItems > li a > .icon {
- color: var(--Dunkel2) !important;
- }
- /* =================================================================== */
- /* ============================= MAINMENU ============================ */
- /* =================================================================== */
- .pageHeaderPanel, .pageHeaderSearch {
- position: absolute;
- }
- .pageHeaderPanel {
- background-color: var(--Dunkel5);
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .mainMenu .boxMenu .boxMenuDepth1 {
- z-index: 401;
- margin-left: 5px;
- min-width: 150px;
- background: rgba(0,0,0,0.6);
- border-top: solid 5px var(--Farbe1);
- border-radius: 0px !important;
- }
- .mainMenu .boxMenu {
- justify-content: center;
- }
- .mainMenu > div > nav {
- margin: 0 auto;
- text-align: center;
- }
- .mainMenu .boxMenu > li.active > a, .mainMenu .boxMenu > li.active:hover > a {
- background: var(--Farbe3);
- }
- .mainMenu .boxMenu > li:hover > a {
- background: var(--Farbe2);
- }
- .mainMenu .boxMenu > li > a {
- background: var(--Dunkel2);
- margin-left: 5px;
- margin-right: 5px;
- padding-top: 20px;
- padding-bottom: 20px;
- text-shadow: 0px 1px 1px var(--Dunkel1);
- font-weight: 600;
- text-transform: uppercase;
- width: 150px;
- min-width: 150px;
- max-width: 150px;
- }
- .mainMenu .boxMenu > li > a > span {
- margin: 0 auto;
- }
- .mainMenu .boxMenu > li > a .badge.badgeUpdate, .mainMenu .boxMenu > li > a.badge.badgeUpdate {
- background-color: var(--Hell2);
- color: var(--Dunkel1);
- font-weight: 700;
- text-shadow: none;
- margin-left: -10px !important;
- }
- .mainMenu .boxMenu .boxMenuDepth1 > li.active > a, .mainMenu .boxMenu .boxMenuDepth1 > li > a:hover,
- .mainMenu .boxMenu .boxMenuDepth2 > li.active > a, .mainMenu .boxMenu .boxMenuDepth2 > li > a:hover,
- .mainMenu .boxMenu .boxMenuDepth3 > li.active > a, .mainMenu .boxMenu .boxMenuDepth3 > li > a:hover {
- background: var(--Farbe2);
- }
- .mainMenu .boxMenu .boxMenuDepth1 > li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span,
- .mainMenu .boxMenu .boxMenuDepth2 > li > a, .mainMenu .boxMenu .boxMenuDepth2 > li > span,
- .mainMenu .boxMenu .boxMenuDepth3 > li > a, .mainMenu .boxMenu .boxMenuDepth3 > li > span {
- padding: 7px 0px !important;
- }
- .mainMenu .boxMenu .boxMenuDepth1 > li > a,
- .mainMenu .boxMenu .boxMenuDepth2 > li > a,
- .mainMenu .boxMenu .boxMenuDepth3 > li > a {
- color: rgba(255, 255, 255, 1);
- font-size: 12px;
- text-align: center;
- }
- .mainMenu .boxMenu > .boxMenuHasChildren > a::after {
- content: "\f107";
- display: block;
- font-family: 'FontAwesome';
- font-size: 14px;
- height: 16px;
- line-height: 16px;
- margin-left: -3px;
- width: 16px;
- background: var(--Dunkel4);
- }
- .mainMenu .mainMenuShowPrevious {
- background: linear-gradient(to left, transparent 30%, #fff 0%);
- left: 0;
- }
- .mainMenu .mainMenuShowPrevious > span, .mainMenu .mainMenuShowNext > span {
- color: #2d2d2d;
- }
- .mainMenu .mainMenuShowNext {
- background: linear-gradient(to right, transparent 30%, #fff 0%);
- justify-content: flex-end;
- right: 0;
- }
- /* =================================================================== */
- /* =============================== MAIN ============================== */
- /* =================================================================== */
- .main {
- padding: 40px 0px;
- }
- .main > .layoutBoundary {
- width: 100%;
- padding: 0px 5%;
- }
- .pageNavigation {
- background-color: var(--Dunkel2);
- color: var(--Hell2);
- flex: 0 0 auto;
- padding: 10px 0;
- height: 40px;
- line-height: 20px;
- }
- .pageNavigationIcons > li {
- margin-left: 0px;
- padding: 10px;
- margin-top: -10px;
- }
- .pageNavigationIcons > li:not(:last-child) {
- margin-left: 0px;
- }
- .pageNavigation > div {
- align-items: center;
- display: flex;
- justify-content: flex-end;
- min-height: 20px;
- width: 100%;
- }
- .breadcrumbs > ol > li {
- font-size: 13px;
- padding: 10px;
- background: var(--Dunkel1);
- margin-top: -10px;
- }
- .breadcrumbs > ol > li:not(:last-child) {
- margin-right: 0px;
- }
- .breadcrumbs > ol > li > a, .pageNavigation .icon {
- color: var(--Hell2);
- }
- .breadcrumbs > ol > li:hover > a, .pageNavigation .icon:hover {
- color: #fff;
- }
- .breadcrumbs > ol > li:not(:last-child)::after {
- content: "++";
- color: var(--Farbe2);
- }
- .breadcrumbs > ol > li > a:hover {
- color: #fff;
- text-decoration: none;
- }
- .tabularBoxTitle > header {
- color: var(--Hell2);
- margin-top: 15px;
- border-radius: 0px;
- border-bottom: solid 2px var(--Farbe1);
- padding: 15px 0px;
- background: var(--Dunkel3);
- }
- .tabularBoxTitle > header a, .tabularBoxTitle > header .icon,
- .tabularBoxTitle > header a:hover, .tabularBoxTitle > header .icon:hover {
- color: var(--Hell1);
- }
- .wbbBoardList .wbbCollapsibleCategory h2 + small {
- color: var(--Hell2);
- margin-left: 0px !important;
- margin-top: 10px;
- background: var(--Dunkel2);
- padding: 5px 10px;
- margin-bottom: -15px;
- text-transform: uppercase;
- }
- .wbbBoardList .wbbCollapsibleCategory h2, .tabularBoxTitle > header > h2 {
- align-items: center;
- display: flex;
- background: var(--Dunkel2);
- padding: 10px 30px 10px 10px;
- position: absolute;
- margin-top: -25px;
- height: 40px;
- }
- .wbbBoardList .wbbCollapsibleCategory h2::after, .tabularBoxTitle > header > h2::after {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 50px 40px 0px;
- border-color: transparent transparent var(--Dunkel2) transparent;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- position: absolute;
- top: 0px;
- margin-left: calc(100% - 10px);
- }
- .wbbBoardList .wbbBoardContainer {
- border-bottom: solid 1px rgba(224, 224, 224, 1);
- background: var(--Hell2);
- border-top: 0px;
- border-left: solid 1px rgba(224, 224, 224, 1);
- border-right: solid 1px rgba(224, 224, 224, 1);
- box-shadow: inset 0px 1px 0px var(--Hell1);
- }
- .section > .wbbBoardList > .wbbCategory:last-child > ul > li:last-child {
- border-bottom-width: 1px;
- }
- .wbbBoardList .wbbBoardContainer > .wbbBoard > .icon {
- margin-left: 20px;
- width: 46px;
- padding-top: 5px;
- padding-bottom: 5px;
- background: var(--Farbe2);
- color: var(--Hell1);
- border-radius: 0px;
- }
- .fa-folder-open-o::before, .fa-folder-o::before {
- content: "\f0e5";
- }
- .fa-folder-open::before, .fa-folder::before {
- content: "\f075";
- }
- .wbbBoardList .wbbLastPost > .box32 {
- border: solid 1px #ddd;
- background: #f7f7f7;
- border-radius: 0px;
- padding: 3px 0px 3px 10px;
- box-shadow: inset 0px 1px 0px #fff;
- }
- .content > .section, .content > form, .sectionContainer {
- border: solid 1px #eee;
- background-color: #f7f7f7;
- padding: 20px;
- border-radius: 0px;
- }
- .dialogContainer > header {
- padding: 12px 20px;
- background: var(--Dunkel2);
- border-radius: 0px;
- }
- .section.sectionContainerList > .sectionHeader, .section.sectionContainerList > .sectionTitle {
- margin-bottom: 10px;
- color: var(--Dunkel2);
- border-bottom: solid 2px var(--Dunkel2);
- padding-bottom: 10px;
- }
- .containerList > li:last-child {
- border-bottom: 0px;
- }
- .tabularListRowHead {
- background: var(--Dunkel2);
- border-radius: 0px;
- padding: 8px 20px;
- border-bottom: solid 2px var(--Farbe1);
- }
- .tabularListRowHead button.small {
- background: var(--Dunkel1);
- }
- .section .sectionTitle, .tabularBoxTitle > header a, .tabularBoxTitle > header > h1, .tabularBoxTitle > header > h2, .tabularBoxTitle > header > h3 {
- color: var(--Hell1);
- font-size: 15px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .section:not(.sectionContainerList) > .sectionHeader > .sectionTitle {
- color: #2d2d2d !important;
- font-size: 15px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .tabularListRowHead > .tabularListColumns > li, .tabularListRowHead > .tabularListColumns > li .icon {
- color: #fff;
- }
- .section.sectionContainerList > .sectionHeader {
- padding: 15px 20px;
- background: var(--Dunkel2);
- border-radius: 0px;
- margin-bottom: 0px !important;
- border-bottom: solid 2px var(--Farbe1);
- }
- .containerList > li:first-child {
- border-top: 0px;
- }
- .containerList > li {
- border-bottom: solid 1px rgba(224, 224, 224, 1);
- background: #f7f7f7;
- }
- .containerList.recentActivityList > li .containerHeadline {
- position: relative;
- background: #f7f7f7;
- padding: 2px 15px;
- height: 48px;
- border: solid 1px #ddd;
- }
- html body#tpl_wcf_cms div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content div.boxesContentBottom div.boxContainer div.box div.boxContent section#boxRecentActivity4.section.sectionContainerList.dashboardBoxRecentActivity ul.containerList.recentActivityList li div.box48 div div.containerHeadline {
- position: relative;
- background: #eee;
- padding: 2px 15px;
- height: 48px;
- border: solid 1px #ddd;
- }
- .containerList > li .containerHeadline > .containerContentType {
- color: #999;
- position: absolute;
- top: 5px;
- right: 10px;
- background: #fff;
- padding: 2px 5px;
- border: solid 1px #ddd;
- border-radius: 0px;
- }
- .userAvatarImage {
- border-radius: 0%;
- }
- .containerList > li:hover {
- background-color: #f7f7f7;
- }
- a.loginLink {
- background: var(--Dunkel2) !important;
- }
- .dialogContainer > .dialogContent .section .sectionTitle {
- font-size: 15px;
- color: var(--Dunkel2);
- font-weight: 700;
- }
- .section:not(.sectionContainerList) > .sectionHeader, .section:not(.sectionContainerList) > .sectionTitle {
- border-bottom: solid 2px var(--Dunkel2);
- padding-bottom: 5px;
- font-size: 15px;
- color: var(--Dunkel2);
- font-weight: 700;
- }
- .content > .section .section + .section {
- margin-top: 40px;
- background: #f7f7f7;
- padding: 20px;
- }
- .content > .section .tabMenuContent > .section:first-child, .content > .section .tabMenuContent > form > .section:first-child {
- background: #f7f7f7;
- padding: 20px;
- }
- .containerListButtonGroup.likeTypeSelection, .containerList > li.showMore {
- background: var(--Hell5) !important;
- padding: 5px;
- }
- .containerListButtonGroup.likeTypeSelection:hover, .containerList > li.showMore:hover {
- background: var(--Hell5) !important;
- }
- .tabMenuContent > .containerList > li {
- background: var(--Hell2);
- border: solid 1px var(--Hell3);
- border-top-width: 0px !important;
- }
- .tabMenuContent > .containerList > li:hover {
- background: var(--Hell2);
- border: solid 1px var(--Hell3);
- border-top-width: 0px !important;
- }
- .tabMenuContent > .containerList > li:last-child {
- border-bottom: solid 1px var(--Hell3) !important;
- }
- .commentListAddComment.collapsed {
- padding: 8px 20px;
- position: relative;
- max-width: 400px !important;
- min-width: 1px;
- background-color: var(--Hell3) !important;
- text-transform: uppercase;
- }
- .commentList .commentResponseList > li:first-child, .commentList .commentResponseList > li:last-child {
- border-color: var(--Hell5);
- }
- .commentList .commentResponseList > li:first-child, .commentList .commentResponseList > li:last-child {
- border-color: var(--Hell5);
- background: #f7f7f7;
- }
- .commentOptionContainer > ul > li {
- background: var(--Farbe2);
- color: #fff !important;
- padding: 6px 12px;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 12px;
- }
- .commentOptionContainer > ul > li > a {
- color: var(--Hell1) !important;
- }
- #about {
- padding: 20px;
- background: var(--Hell2);
- border: solid 1px var(--Hell3);
- }
- .userProfilePreviewAvatar .badgeOnline, .userProfileUser .contentHeaderIcon .badgeOnline {
- padding: 0px !important;
- background: #4B8A08;
- width: 128px;
- }
- .containerHeadline > h3 {
- font-weight: 600;
- }
- .wbbBoardList .wbbSubBoards > li {
- align-items: center;
- background: var(--Farbe2);
- padding: 2px 8px;
- font-size: 12px;
- margin-bottom: 2px;
- }
- .wbbBoardList .wbbSubBoards > li:hover {
- background: var(--Farbe3);
- }
- .wbbBoardList .wbbSubBoards > li > div > a {
- color: var(--Hell1) !important;
- font-weight: 700;
- text-transform: uppercase;
- }
- .wbbBoardList .wbbSubBoards > li > span {
- color: var(--Hell1);
- }
- li.wbbBoardContainer > div > div > div > h3 > a {
- text-transform: uppercase;
- font-weight: 700;
- }
- .wbbBoardList .wbbBoard:hover {
- background-color: rgba(242, 242, 242, 1);
- box-shadow: inset 0px 1px 0px var(--Hell1);
- }
- .wbbBoardList > li.wbbBoardContainer:first-child {
- border-top: 1px solid rgba(224, 224, 224, 1) !important;
- }
- .section > .wbbBoardList > .wbbBoardContainer:last-child {
- border-bottom-width: 1px !important;
- }
- div.box16.wbbUsersOnline ul.inlineList.commaSeparated.small li a#wcf1.userLink {
- font-weight: 700;
- text-transform: uppercase;
- margin-top: 5px;
- }
- .wbbBoardList .wbbBoard dl.statsDataList > dd:first-of-type::before {
- content: "\f0e5";
- font-family: Fontawesome;
- margin-right: 8px;
- font-size: 13px;
- color: rgba(125, 130, 135, 1);
- }
- .wbbBoardList .wbbBoard dl.statsDataList:last-of-type > dd::before {
- content: "\f040";
- font-family: Fontawesome;
- margin-right: 8px;
- font-size: 13px;
- color: rgba(125, 130, 135, 1);
- }
- .messageGroupListStatsSimple {
- display: none;
- }
- .wbbBoardList .wbbStats > dl {
- visibility: visible;
- }
- .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton::before {
- content: "\f0fe";
- color: #fff;
- font-family: FontAwesome;
- vertical-align: 1px;
- }
- .tabularBoxTitle > header .fa-chevron-down::before {
- content: "\f146";
- color: #fff;
- font-family: FontAwesome;
- }
- /* =================================================================== */
- /* ============================== BUTTONS ============================ */
- /* =================================================================== */
- .contentHeader .contentHeaderNavigation > ul .button .icon, .contentFooter > .contentFooterNavigation > ul .button .icon {
- margin-left: -7px;
- margin-right: 22px;
- }
- .contentHeader .contentHeaderNavigation > ul .button, .contentFooter .contentFooterNavigation > ul .button {
- box-shadow: inset 36px 0px 0px var(--Farbe3);
- border-radius: 0px;
- font-size: 12px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 700;
- padding: 10px 17px;
- background: var(--Dunkel2);
- }
- .contentHeader .contentHeaderNavigation > ul .button > span:not(.icon), .contentFooter .contentFooterNavigation > ul .button > span:not(.icon) {
- display: inline;
- }
- .contentHeader .contentHeaderNavigation > ul .button.buttonPrimary, .contentFooter .contentFooterNavigation > ul .button.buttonPrimary {
- background: var(--Farbe2);
- box-shadow: inset 36px 0px 0px var(--Farbe3);
- padding: 10px 17px;
- }
- .contentHeader .contentHeaderNavigation > ul .button:hover, .contentFooter .contentFooterNavigation > ul .button:hover {
- background: var(--Dunkel3) !important;
- }
- .contentHeader .contentHeaderNavigation > ul .button.buttonPrimary:hover, .contentFooter .contentFooterNavigation > ul .button.buttonPrimary:hover {
- background: var(--Farbe1) !important;
- }
- button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
- border-radius: 0px;
- font-size: 12px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 700;
- }
- button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small, .button.small, a.button.small {
- padding: 8px 12px;
- text-transform: uppercase;
- font-weight: 400;
- height: 36px;
- }
- .userProfileButtonContainer .button {
- box-shadow: none !important;
- padding: 5px 10px !important;
- }
- .userProfileButtonContainer .button .icon {
- margin: 0px !important;
- }
- .boxesContentTop .boxTitle, .boxesContentBottom .boxTitle {
- border-bottom: 0px;
- font-weight: 700;
- }
- .containerList > li .buttonGroupNavigation > ul {
- background-color: #fff;
- border: solid 1px #ddd;
- border-radius: 0px;
- }
- .containerList > li .buttonGroupNavigation > ul > li > a:hover {
- background: var(--Farbe2);
- }
- .containerList > li .buttonGroupNavigation > ul > li:hover > a > .icon {
- color: #fff;
- }
- .tabularListRow:not(.tabularListRowHead) {
- border-top: solid 1px #ddd;
- background: #eee;
- }
- .messageGroupList .tabularListRowHead .columnMark > label::before {
- color: #fff;
- }
- .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
- border: 0px;
- box-sizing: content-box;
- padding: 4px;
- right: -5px;
- top: -5px;
- border-radius: 0px;
- }
- .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl {
- visibility: visible;
- }
- .commentListAddComment.collapsed::after, .commentListAddComment.collapsed::before {
- color: var(--Farbe3);
- }
- .commentListAddComment.collapsed::before {
- font-size: 22px;
- }
- .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 {
- color: var(--Dunkel2);
- text-transform: uppercase;
- font-weight: 700;
- }
- .tabularListRow.divider + li:not(.divider) {
- border-top-color: var(--Farbe2);
- border-top-width: 2px;
- }
- .tabularListRowHead > .tabularListColumns > li > a {
- color: #fff;
- }
- /* =================================================================== */
- /* ============================== SIDEBAR ============================ */
- /* =================================================================== */
- .boxesSidebarRight {
- background: var(--Dunkel2);
- margin-top: -40px;
- margin-bottom: -40px;
- right: -5%;
- position: relative;
- width: 310px;
- overflow: visible;
- box-shadow: 50px 0px 0px var(--Dunkel2);
- padding: 10px 0px;
- }
- .boxesSidebarRight::before {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 12px 10px 0px;
- border-color: transparent transparent var(--Dunkel2) transparent;
- margin-left: -10px;
- top: 0px;
- position: absolute;
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- .boxesSidebarLeft {
- background: var(--Dunkel2);
- margin-top: -40px;
- margin-bottom: -40px;
- left: -5%;
- position: relative;
- width: 310px;
- overflow: visible;
- box-shadow: -50px 0px 0px var(--Dunkel2);
- padding: 10px 0px;
- }
- .boxesSidebarLeft::before {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 10px 12px 0px;
- border-color: transparent transparent var(--Dunkel2) transparent;
- margin-left: 310px;
- top: -2px;
- position: absolute;
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- .boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
- color: var(--Hell1);
- text-transform: uppercase;
- font-size: 14px;
- font-weight: 700;
- border-bottom: 0px;
- background: var(--Dunkel4);
- padding: 8px 10px;
- }
- .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink:hover, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink:hover {
- color: #fff;
- }
- .boxesSidebarRight .box:not(.boxBorderless) {
- background-color: transparent;
- border-radius: 0px;
- padding-left: 20px;
- padding-right: 10px;
- }
- .boxesSidebarLeft .box:not(.boxBorderless) {
- background-color: transparent;
- border-radius: 0px;
- padding-left: 0px;
- padding-right: 20px;
- }
- .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {
- border-left: solid 5px var(--Farbe1);
- color: var(--Hell1);
- background: transparent;
- }
- .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
- border-left: solid 5px var(--Farbe1);
- color: var(--Hell1);
- background: transparent;
- }
- .sidebar .boxTitle .badge {
- top: 0px;
- padding: 2px 6px;
- font-size: 10px;
- text-align: left !important;
- position: relative;
- box-shadow: none;
- background-color: var(--Hell2);
- color: var(--Dunkel1);
- font-weight: 700;
- text-shadow: none;
- }
- .boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {
- flex: 0 0 auto;
- background: var(--Hell1);
- color: var(--Dunkel2);
- }
- .sidebar .button {
- background: var(--Farbe2);
- }
- .sidebar .button:hover {
- background: var(--Farbe1);
- }
- .boxesSidebarLeft .box.boxInfo, .boxesSidebarRight .box.boxInfo {
- background-color: var(--Farbe3) !important;
- color: #eee;
- box-shadow: 10px 0px 0px var(--Farbe3);
- }
- .boxesSidebarLeft .box.boxInfo a:not(.button), .boxesSidebarRight .box.boxInfo a:not(.button) {
- color: #fff;
- }
- .boxesSidebarLeft .box.boxError .boxTitle, .boxesSidebarRight .box.boxError .boxTitle, .boxesSidebarLeft .box.boxInfo .boxTitle, .boxesSidebarRight .box.boxInfo
- .boxTitle, .boxesSidebarLeft .box.boxSuccess .boxTitle, .boxesSidebarRight .box.boxSuccess .boxTitle, .boxesSidebarLeft .box.boxWarning .boxTitle,
- .boxesSidebarRight .box.boxWarning .boxTitle {
- background: var(--Farbe2);
- }
- .sidebar .sidebarItemList > li:not(:last-child), .sidebar .sidebarBoxList > li:not(:last-child) {
- margin-bottom: 10px;
- border-bottom: solid 1px var(--Dunkel3);
- padding-bottom: 10px;
- }
- .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) {
- background-color: var(--Dunkel2);
- }
- /* =================================================================== */
- /* ============================= MESSAGE ============================= */
- /* =================================================================== */
- .messageSidebar .badgeOnline {
- bottom: 0;
- border-radius: 0px;
- height: 6px;
- left: 6px;
- bottom: 5px;
- font-size: 0px !important;
- width: 50px !important;
- padding: 0px !important;
- }
- .messageSidebar .userAvatar > a {
- display: inline-block;
- border-style: solid;
- border-color: var(--Hell1);
- border-width: 6px 6px 16px 6px;
- outline: solid 5px var(--Dunkel1);
- margin-top: 5px;
- }
- .messageSidebar .badge {
- width: 150px;
- padding: 5px 0px;
- font-weight: 600;
- text-transform: uppercase;
- border-radius: 0px;
- }
- .messageSidebar .userAvatar {
- display: inline-block;
- position: relative;
- margin-bottom: 10px;
- top: 25px;
- }
- .messageAuthorContainer {
- position: relative;
- top: -175px;
- background: var(--Dunkel1);
- padding: 4px 0px;
- width: 150px;
- margin: 0 auto;
- }
- .messageSidebar .username {
- font-size: 15px;
- font-style: normal;
- font-weight: 400;
- letter-spacing: 1px;
- }
- .messageSidebar {
- background-color: var(--Dunkel2);
- color: var(--Hell1);
- position: relative;
- min-height: 350px;
- border: solid 1px #000;
- border-radius: 0px;
- align-self: stretch;
- }
- .messageSidebar a, .message dl.dataList > dt, .message dl.dataList > dd, .message dl.dataList > dl {
- color: var(--Hell1);
- }
- .messageContent {
- background: #f7f7f7;
- padding: 20px;
- border-radius: 0px;
- border: solid 1px #ddd;
- }
- .messageFooterGroup > .likesSummary {
- font-size: 12px;
- background: rgba(217, 237, 247, 1);
- border-left: solid 5px rgba(188, 223, 241, 1);
- padding: 6px 10px 6px 10px;
- width: calc(100% - 320px);
- color: rgba(49, 112, 143, 1);
- }
- .messageSignature {
- border: solid 1px #ddd;
- margin-top: 50px;
- opacity: 0.6;
- padding: 10px;
- transition: opacity 0.12s linear;
- transform: translateZ(0);
- background: #fff;
- }
- .messageSignatureEdit {
- display: table;
- content: "Signatur";
- font-size: 14px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- text-align: center;
- margin: 0 auto;
- position: relative;
- top: -26px;
- background: #2d2d2d;
- padding: 5px 10px 5px 10px;
- color: #fff;
- }
- .messageHeader > .messageQuickOptions {
- flex: 0 0 auto;
- background: #2d2d2d;
- padding: 6px 7px 6px 7px;
- margin-right: -5px;
- box-shadow: inset 0px 1px 0px #666;
- border: solid 1px #000;
- position: relative;
- top: -1px;
- height: 35px;
- border-left-width: 0px;
- right: -2px;
- border-radius: 0px;
- }
- .messageHeaderMetaData > li {
- background: #2d2d2d;
- padding: 8px 15px 8px 15px;
- margin-right: -5px;
- box-shadow: inset 0px 1px 0px #666;
- border: solid 1px #000;
- border-left-width: 1px;
- position: relative;
- top: -1px;
- height: 35px;
- border-right-width: 0px;
- left: -22px;
- border-radius: 0px;
- }
- .messageHeaderMetaData .messagePublicationTime {
- color: #fff;
- }
- .messageHeader {
- flex: 0 0 auto;
- padding: 0px 5px 0px 20px;
- background: #f0f0f0;
- border: solid 1px #ddd;
- box-shadow: inset 0px 1px 0px #fff;
- position: relative;
- height: 35px;
- width: calc(100% + 40px);
- left: -20px;
- top: -21px;
- border-radius: 0px;
- }
- .message .messageClipboardCheckbox::before {
- font-size: 22px;
- left: 2px;
- top: -5px;
- color: #fff;
- }
- .message .messageClipboardCheckbox {
- height: 21px;
- width: 21px;
- }
- .messageQuickOptions > li > a {
- color: #fff;
- }
- .messageSignature a.externalURL::after {
- display: none;
- }
- .messageSignature {
- opacity: 1;
- }
- .messageFooterNote {
- font-size: 12px;
- background: #eee;
- border-left: solid 5px #ddd;
- }
- .message .userAvatarImage {
- border-radius: 0%;
- }
- .message .wcfLikeCounter {
- flex: 0 1 auto;
- background: #ddd;
- padding: 8px 10px 6px 10px;
- box-shadow: inset 0px 1px 0px #f7f7f7;
- border: solid 1px #bbb;
- border-left-width: 0px;
- position: absolute;
- top: -1px;
- height: 35px !important;
- margin-left: -22px;
- }
- .wcfLikeCounter.likeCounterLiked, .wcfLikeCounter.likeCounterLiked .icon {
- color: rgba(49, 112, 143, 1) !important;
- }
- .message .wcfLikeCounter.likeCounterLiked {
- background: rgba(217, 237, 247, 1);
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
- border: solid 1px rgba(188, 223, 241, 1);
- border-left-width: 0px;
- color: rgba(49, 112, 143, 1) !important;
- }
- .message .wcfLikeCounter.likeCounterDisliked {
- background: #be4545;
- box-shadow: inset 0px 1px 0px #e29494;
- border: solid 1px #9b2626;
- border-left-width: 0px;
- }
- .buttonGroup > li:not(:last-child), .messageFooterButtons > li:not(:last-child), .messageFooterButtonsExtra > li:not(:last-child) {
- margin-right: 0px;
- border-right: solid 1px var(--Dunkel1);
- }
- .badge, a.badge {
- border-radius: 0px;
- color: rgba(250, 250, 250, 1);
- display: inline-block;
- line-height: 1.28;
- padding: 2px 6px;
- position: relative;
- vertical-align: middle;
- white-space: nowrap;
- word-wrap: normal;
- font-weight: 400;
- }
- .messageTabMenuNavigation > ul {
- background: var(--Dunkel1) !important;
- border: none;
- }
- .messageTabMenuNavigation > ul > li > a {
- font-weight: 400;
- font-size: 12px;
- padding: 10px 18px 10px;
- }
- .messageTabMenuNavigation > ul > li {
- border-right: 0px !important;
- }
- .messageTabMenuNavigation > ul > li.active > a {
- background: var(--Farbe2) !important;
- color: #fff;
- }
- .messageTabMenuNavigation > ul > li > a {
- color: #fff !important;
- }
- .messageTabMenuNavigation > ul > li:hover > a {
- background-color: #2d2d2d;
- }
- .messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
- background-color: #eee;
- border-color: #ddd !important;
- }
- .messageTabMenuNavigation > ul > li.active > a::after {
- border-bottom: 0px !important;
- }
- .messageReduced .messageHeader, .messageCollapsed .messageHeader {
- padding: 10px 20px;
- background: var(--Dunkel2);
- top: 0px !important;
- box-shadow: none !important;
- border: solid 1px var(--Dunkel1);
- height: auto !important;
- }
- .messageReduced .messageHeader > .messageQuickOptions, .messageCollapsed .messageHeader > .messageQuickOptions {
- display: none;
- }
- .messageReduced .messageHeader, .messageCollapsed .messageHeader, .messageReduced .messageHeader h2, .messageCollapsed .messageHeader h2 {
- color: #fff;
- }
- .messageReduced .messageHeader a, .messageCollapsed .messageHeader a,
- .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {
- color: #eee !important;
- }
- .jsModificationLogEntryHideButton {
- color: #fff !important;
- }
- .message.messageReduced > .messageContent, .message.messageCollapsed > .messageContent {
- background: none;
- border: none;
- box-shadow: none;
- }
- .message.messageReduced > .messageContent > .messageHeader, .message.messageCollapsed > .messageContent > . messageHeader {
- border: none;
- box-shadow: none;
- }
- #messageQuickReply .messageSidebar {
- display: none;
- }
- #messageQuickReply .messageSidebar + .messageContent {
- background-image: none;
- border-left: none;
- padding: 14px;
- flex-basis: calc(100% - 0px);
- max-width: calc(100% - 0px);
- margin-left: 0px;
- }
- /* =================================================================== */
- /* =========================== USERPROFILE =========================== */
- /* =================================================================== */
- .tabMenu {
- background-color: var(--Dunkel2);
- color: #fff;
- border-bottom: 2px solid var(--Farbe2);
- }
- .tabMenu > ul > li.active > a {
- color: #fff;
- background-color: var(--Farbe2);
- }
- .tabMenu > ul > li > a {
- text-transform: uppercase;
- font-size: 12px;
- color: #fff;
- padding: 10px 14px 8px 14px;
- letter-spacing: 1px;
- height: 35px;
- font-weight: 700;
- }
- .tabMenu > ul > li::before, .menu > ul > li::before {
- bottom: -1px;
- }
- .tabMenu > ul, .menu > ul {
- border-bottom: 0px;
- height: 34px;
- }
- .tabMenu > ul > li:not(:last-child), .menu > ul > li:not(:last-child) {
- margin-right: 0px;
- }
- .tabMenu > ul > li > a:hover {
- background: var(--Dunkel3);
- }
- .tabMenu .badge {
- padding: 0px 6px;
- top: -2px;
- }
- .tabMenu > ul > li.active > a:hover {
- background: var(--Farbe2) !important;
- }
- .userProfileUser .userAvatarImage {
- border: solid 5px var(--Dunkel2);
- margin-top: 5px;
- }
- .commentListAddComment.collapsed {
- background-color: rgba(236, 241, 247, 1);
- cursor: pointer;
- overflow: hidden;
- padding: 8px 20px;
- position: relative;
- }
- .userProfilePreviewAvatar .badgeOnline, .userProfileUser .contentHeaderIcon .badgeOnline {
- left: 0;
- pointer-events: none;
- position: absolute;
- text-transform: uppercase;
- font-weight: 700;
- letter-spacing: 1px;
- border-radius: 0px !important;
- text-align: center !important;
- margin: 0 auto;
- width: 128px;
- padding: 5px;
- }
- .userProfileUserWithCoverPhoto .contentHeaderDescription {
- margin-top: 10px !important;
- }
- .userProfileUserWithCoverPhoto .userProfileCoverPhoto {
- border-radius: 0px;
- }
- /* =================================================================== */
- /* ============================== FOOTER ============================= */
- /* =================================================================== */
- .jsButtonStyleChanger::before {
- display: none;
- }
- .boxesFooter a::before {
- content: "■";
- position: relative;
- top: -1px;
- }
- .boxesFooter {
- background-color: var(--Dunkel2);
- color: var(--Hell1);
- padding: 14px 0;
- height: 50px;
- min-height: 50px;
- max-height: 50px;
- }
- .boxesFooter a {
- color: #eee;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 13px;
- }
- .boxesFooter a:hover {
- color: #fff;
- }
- .boxesFooterBoxes {
- background: var(--Hell5);
- border-top: solid 1px #ddd;
- box-shadow: inset 0px 1px 0px #fff;
- }
- .boxesFooterBoxes .boxTitle, .boxesFooterBoxes .boxTitle a {
- font-weight: 700;
- }
- .boxesFooterBoxes .box {
- border: solid 1px #e5e5e5;
- background: #f7f7f7;
- border-radius: 0px;
- flex: 0 0 48%;
- margin: 0 1% 50px;
- max-width: 48%;
- padding: 30px 20px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .boxesFooterBoxes .box.boxFullWidth {
- flex-basis: 98%;
- max-width: 98%;
- border: solid 1px #e5e5e5;
- background: #f7f7f7;
- }
- .boxTitle {
- font-size: 15px;
- text-transform: uppercase;
- border-bottom: solid 2px var(--Dunkel2);
- color: var(--Dunkel2);
- }
- .pageFooterCopyright .layoutBoundary {
- padding: 0px 20px;
- width: 90% !important;
- }
- .copyright:nth-child(4) {
- background: transparent !important;
- margin-top: 0px !important;
- }
- .copyright {
- width: 600px;
- padding: 10px 0px;
- height: 40px;
- background-image: url('#{$style_image_path}copyright_left.png');
- background-position-x: right;
- background-position-y: center;
- margin-top: -20px;
- text-align: center;
- }
- .pageFooterCopyright > .layoutBoundary > div:nth-child(2), .pageFooterCopyright > .layoutBoundary > div:nth-child(3),
- .pageFooterCopyright > .layoutBoundary > div:nth-child(5), .pageFooterCopyright > .layoutBoundary > div:nth-child(6) {
- margin-top: -40px !important;
- background: #333;
- margin: 0 auto;
- }
- .copyright:nth-child(2), .copyright:nth-child(5) {
- width: 600px;
- padding: 10px 0px;
- height: 40px;
- background-image: url('#{$style_image_path}copyright_right.png') !important;
- background-color: transparent !important;
- background-position-x: left;
- background-position-y: center;
- margin-top: -20px !important;
- text-align: center;
- float: right;
- }
- .boxesFooter {
- overflow: visible;
- }
- .boxesFooter::before {
- background-image: url('#{$style_image_path}footer_left.png');
- content: "";
- position: absolute;
- width: 10%;
- height: 130px;
- margin-top: -54px;
- background-position-x: right;
- background-position-y: center;
- left: 0%;
- z-index: 100;
- }
- .boxesFooter::after {
- background-image: url('#{$style_image_path}footer_right.png');
- content: "";
- position: absolute;
- width: 10%;
- height: 130px;
- margin-top: -76px;
- background-position-x: left;
- background-position-y: center;
- left: 90%;
- z-index: 100;
- }
- .pageFooterCopyright {
- background-color: var(--Dunkel4);
- min-height: 80px;
- }
- .pageAction > li.toTop > a {
- padding: 0px;
- width: 100px;
- text-align: center;
- background-color: transparent !important;
- }
- .pageAction .toTop {
- left: 50%;
- bottom: -28px;
- position: fixed;
- margin-left: -30px;
- width: 60px;
- background-color: var(--Farbe2);
- box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.4);
- height: 60px;
- border-radius: 0px;
- }
- .pageAction > li.toTop > a .fa-angle-up::before {
- content: "\f102";
- font-size: 22px;
- }
- .boxesFooterBoxes .layoutBoundary {
- width: 100%;
- min-width: 100%;
- padding-bottom: 10px;
- padding-top: 0px;
- padding-left: 20px;
- padding-right: 20px;
- }
- .boxesFooter .layoutBoundary {
- width: 80%;
- min-width: 80%;
- max-width: 80%;
- margin: 0 auto;
- }
- .boxesFooterBoxes .boxContainer {
- padding: 30px 0px;
- }
- .boxesFooterBoxes .boxContainer {
- margin-left: -20px;
- margin-right: -20px;
- }
- /* =================================================================== */
- /* ========================= ADDITIONAL FOOTER ======================= */
- /* =================================================================== */
- .addfooter a, .addfooter p {
- color: #fff;
- font-size: 13px;
- }
- .addfooter a:hover {
- color: #eee;
- }
- .addfooter {
- display: inline-block;
- padding: 0px 0px 0px 20px;
- width: 100%;
- background: var(--Farbe2);
- height: 237px;
- }
- .addfooter_title {
- text-align: center;
- text-transform: uppercase;
- padding: 5px 0px;
- background: #2D2D2D;
- color: #fff;
- margin: 0px 0px 0px -20px;
- }
- .addfooter_title > h2 {
- font-weight: 700;
- }
- .addfooter_boxcenter, .addfooter_boxright {
- float: left;
- width: 24%;
- margin-left: 0.5%;
- margin-right: 0.5%;
- min-height: 195px;
- height: 195px;
- max-height: 195px;
- overflow: hidden;
- padding-top: 20px;
- }
- .addfooter_boxleft {
- float: left;
- width: 24%;
- margin-right: 0.5%;
- min-height: 195px;
- height: 195px;
- max-height: 195px;
- overflow: hidden;
- padding-top: 20px;
- }
- .addfooter_boxinfo {
- float: left;
- width: 25%;
- margin-left: 0.5%;
- min-height: 205px;
- height: 205px;
- max-height: 205px;
- overflow: hidden;
- background: var(--Farbe1);
- padding: 20px 20px;
- }
- .addfooter_boxleft > h1, .addfooter_boxcenter > h1, .addfooter_boxright > h1 {
- font-weight: 700;
- font-size: 14px;
- text-transform: uppercase;
- padding: 4px 10px;
- background: var(--Farbe1);
- color: #fff;
- margin-bottom: 10px;
- }
- .addfooter_boxinfo > h1 {
- font-weight: 700;
- font-size: 14px;
- text-transform: uppercase;
- padding: 4px 10px;
- background: var(--Farbe2);
- color: #fff;
- margin-bottom: 10px;
- }
- .addfooter_boxright > p {
- min-height: 42px;
- height: 42px;
- max-height: 42px;
- overflow: hidden;
- }
- .addfooter_boxsocial {
- height: 90px;
- display: flex;
- flex-wrap: wrap-reverse;
- justify-content: space-between;
- }
- .addfooter_boxright, .addfooter_boxinfo {
- text-align: justify;
- }
- .addfooter_boxsocial > a {
- display: flex;
- color: #fff;
- height: 44px;
- width: 44px;
- padding-bottom: 3px;
- margin-top: 5px;
- margin-left: 3px;
- margin-right: 3px;
- text-align: center;
- background: var(--Farbe1);
- }
- .addfooter_boxsocial > a:hover {
- background: var(--Farbe3);
- }
- .addfooter_boxsocial > a::before {
- font-family: FontAwesome;
- position: absolute;
- font-size: 30px;
- font-weight: normal;
- z-index: 1;
- text-align: center;
- height: 44px;
- width: 44px;
- }
- .addfooter_facebook::before {
- content: "\f09a" !important;
- }
- .addfooter_twitter::before {
- content: "\f099" !important;
- }
- .addfooter_google::before {
- content: "\f1a0" !important;
- }
- .addfooter_youtube::before {
- content: "\f16a" !important;
- }
- .addfooter_steam::before {
- content: "\f1b6" !important;
- }
- .addfooter_twitch::before {
- content: "\f1e8" !important;
- }
- .addfooter_instagram::before {
- content: "\f16d" !important;
- }
- .addfooter_reddit::before {
- content: "\f1a1" !important;
- }
- .addfooter_boxleft a::before, .addfooter_boxcenter a::before {
- display: inline-block;
- height: 4px;
- width: 4px;
- background: #fff;
- content: "";
- margin-right: 5px;
- top: -3px;
- position: relative;
- }
- /* =================================================================== */
- /* ======================== ADDITIONAL PARTNER ======================= */
- /* =================================================================== */
- .additional_partner {
- width: calc(80% + 100px);
- padding: 2px 50px;
- background: var(--Farbe3);
- display: flex;
- justify-content: space-between;
- margin: 0 auto;
- }
- .additional_partner1 {
- background-image: url('#{$style_image_path}partner1.png');
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- width: 115px;
- height: 36px;
- }
- .additional_partner2 {
- background-image: url('#{$style_image_path}partner2.png');
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- width: 115px;
- height: 36px;
- }
- .additional_partner3 {
- background-image: url('#{$style_image_path}partner3.png');
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- width: 115px;
- height: 36px;
- }
- .additional_partner4 {
- background-image: url('#{$style_image_path}partner4.png');
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- background-color: var(--Dunkel4);
- width: 115px;
- height: 40px;
- margin-top: -2px;
- margin-bottom: -4px;
- }
- .additional_partner5 {
- background-image: url('#{$style_image_path}partner5.png');
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- width: 115px;
- height: 36px;
- }
- .additional_partner6 {
- background-image: url('#{$style_image_path}partner6.png');
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- width: 115px;
- height: 36px;
- }
- .additional_partner7 {
- background-image: url('#{$style_image_path}partner7.png');
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- width: 115px;
- height: 36px;
- }
- .additional_partner4::before {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 40px 40px 0px;
- border-color: transparent transparent var(--Dunkel4) transparent;
- position: absolute;
- -webkit-transform: rotate(270deg);
- -moz-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- transform: rotate(270deg);
- margin-left: -40px;
- }
- .additional_partner4::after {
- content: "";
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 40px 40px 0px;
- border-color: transparent transparent var(--Dunkel4) transparent;
- margin-left: 115px;
- position: absolute;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- .additional_partner1:hover, .additional_partner2:hover, .additional_partner3:hover,
- .additional_partner5:hover, .additional_partner6:hover, .additional_partner7:hover {
- opacity: 0.8;
- }
- /* =================================================================== */
- /* =========================== KLEINIGKEITEN ========================= */
- /* =================================================================== */
- .messageHeaderWrapper > div > .messageHeaderMetaData > li {
- border: 0 !important;
- box-shadow: none !important;
- padding: 0px !important;
- top: 0px;
- left: 0px;
- right: 0px;
- height: auto !important;
- }
- html body#tpl_blog_blogEntryList div.messageContent header.messageHeader ul.messageQuickOptions,
- html body#tpl_blog_entryList div.messageContent header.messageHeader ul.messageQuickOptions {
- display: none;
- }
- .blogEntryReadMoreButton {
- padding: 5px 10px;
- background: var(--Farbe2);
- color: #fff;
- position: absolute;
- margin-top: 20px;
- }
- .blogEntryReadMoreButton:hover {
- color: #eee;
- background: var(--Farbe1);
- }
- .calendarMonthView .calendarWeeks .calendarWeekDays > li.calendarToday {
- background-color: #ddd;
- color: #2d2d2d;
- }
- html body#tpl_calendar_weekly div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li a.button {
- box-shadow: none !important;
- }
- html body#tpl_calendar_weekly div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li:not(:nth-child(2)) a.button span:not(.icon) {
- display: none;
- }
- html body#tpl_calendar_weekly div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li a.button span.icon {
- margin-left: 0px;
- margin-right: 0px;
- }
- html body#tpl_calendar_calendar div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li a.button {
- box-shadow: none !important;
- }
- html body#tpl_calendar_calendar div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li:not(:nth-child(2)) a.button span:not(.icon) {
- display: none;
- }
- html body#tpl_calendar_calendar div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li a.button span.icon {
- margin-left: 0px;
- margin-right: 0px;
- }
- html body#tpl_calendar_daily div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li a.button {
- box-shadow: none !important;
- }
- html body#tpl_calendar_daily div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li:not(:nth-child(2)) a.button span:not(.icon) {
- display: none;
- }
- html body#tpl_calendar_daily div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content header.contentHeader
- nav.contentHeaderNavigation ul li ul.buttonGroup li a.button span.icon {
- margin-left: 0px;
- margin-right: 0px;
- }
- html body#tpl_filebase_file div#pageContainer.pageContainer section#main.main div.layoutBoundary div#content.content
- header.contentHeader.messageGroupContentHeader.filebaseFile nav.contentHeaderNavigation ul li a.button.buttonPrimary {
- box-shadow: none !important;
- }
- /* =================================================================== */
- /* =========================== PLUGIN EDITS ========================== */
- /* =================================================================== */
- #shoutbox .shoutboxEntry {
- color: #222;
- }
- #shoutbox #shoutboxEntryAddForm .shoutboxExtend {
- right: 3px;
- opacity: 1;
- }
- #shoutbox #shoutboxEntryAddForm .shoutboxExtend .shoutboxButton {
- margin: -2px;
- margin-top: 8px;
- height: 45px;
- line-height: 45px;
- background: #2d2d2d;
- color: #fff;
- }
- #shoutbox #shoutboxEntryAddForm .shoutboxExtend .shoutboxButton:hover {
- background: #222;
- }
- #shoutbox .shoutboxEntry small a, #shoutbox .shoutboxEntry time, #shoutbox .shoutboxEntry .shoutboxOptions {
- color: #2d2d2d;
- }
- #shoutbox .shoutboxContent.asc::after, #shoutbox .shoutboxContent.asc::before {
- background: none !important;
- }
- #shoutbox .shoutboxContent.desc::after {
- display: none;
- }
- #shoutbox #shoutboxEntryAddForm .shoutboxExtend .shoutboxButton:not(:first-child) {
- border-left: solid 1px #111;
- padding: 0 18px !important;
- }
- #shoutbox #shoutboxMessage {
- height: 45px;
- }
- #shoutbox {
- background: #f7f7f7;
- }
- #shoutbox > div > ul > li:hover {
- background: #f1f1f1;
- }
- #shoutbox .shoutboxEntry > .userAvatar {
- float: left;
- margin: 0px;
- padding: 5px;
- background: rgba(0, 0, 0, 0.03);
- margin-right: 10px !important;
- }
- #shoutbox .shoutboxEntry {
- color: #222;
- background: #fff;
- margin-bottom: 5px;
- }
- .news .messageContent {
- padding: 0px;
- }
- .news .messageContent > div {
- background: #f7f7f7;
- padding: 10px;
- }
- .news.message .messageClipboardCheckbox::before {
- top: -2px;
- color: #2d2d2d;
- }
- .news .messageContent .containerHeadline {
- background-color: #eee;
- border: 1px solid rgba(224, 224, 224, 1);
- padding: 7px;
- border-radius: 0px;
- height: 62px;
- }
- .newsDateBadge > div {
- border-radius: 0px;
- background-color: #eee;
- height: 62px;
- }
- .newsList div.messageBody .messageText.newsImage {
- display: none;
- }
- .newsList.messageList:not(.messageReducedList) > li {
- border-bottom: 1px solid var(--Farbe1);
- padding: 10px 0;
- background: #fff;
- }
- .newsList.messageList:not(.messageReducedList) > li {
- border-bottom: 0px;
- padding: 30px 0;
- background: transparent;
- }
- .news .messageContent {
- border: 0px;
- }
- .messageList:not(.messageReducedList) {
- border-top: 0px;
- }
- .gamificationMeter .meter {
- height: 20px;
- position: relative;
- background: var(--Dunkel3);
- border-radius: 0px;
- box-sizing: content-box;
- box-shadow: none;
- }
- .gamificationMeter .meter > span {
- display: block;
- height: 100%;
- border-radius: 0px;
- background-color: var(--Farbe2);
- position: relative;
- overflow: hidden;
- }
- #tpl_ticketsystem_ticket li#messageQuickReply.simpleView {
- padding: 0px;
- border-top: solid 10px var(--Dunkel2);
- border-left: 0px !important;
- }
- #tpl_ticketsystem_ticket li#messageQuickReply.simpleView div.message.jsInvalidQuoteTarget div.messageContent {
- padding: 0px !important;
- border: 0px !important;
- margin-top: 10px !important;
- }
- #tpl_ticketsystem_ticket li#messageQuickReply.simpleView div.message.jsInvalidQuoteTarget div.messageContent div.box48 img.userAvatarImage {
- display: none;
- }
- html body#tpl_ticketsystem_ticket ul.ticketAnswerList.containerList.jsClipboardContainer li div.ticketAnswer.message.box48 div.messageBody
- div.commentContent nav.jsMobileNavigation.buttonGroupNavigation ul.buttonList.iconList li a.button {
- background: var(--Farbe2) !important;
- }
- html body#tpl_ticketsystem_ticket ul.ticketAnswerList.containerList.jsClipboardContainer li div.ticketAnswer.message.box48 div.messageBody
- div.commentContent nav.jsMobileNavigation.buttonGroupNavigation ul.buttonList.iconList li a.button span {
- color: #fff;
- }
- #argumentContainer > div#argumentNegativContainer > h3 {
- background: #900;
- color: #fff;
- text-shadow: none !important;
- border-bottom: 0px;
- }
- #argumentContainer > div#argumentPositivContainer > h3 {
- background: #060;
- color: #fff;
- text-shadow: none;
- border-bottom: 0px;
- }
- html body#tpl_easyrating_review div.section.reviewContent ul.messageList.messageReducedList.easyratingReviewList li article#reviewMessage.message.userOnlineGroupMarking4 div.messageContent {
- padding: 0px;
- border: 0px;
- }
- span.reviewRecommendationPercent {
- padding: 8px 18px;
- position: absolute;
- top: 25px;
- border-radius: 0px;
- font-size: 12px;
- }
- .reviewNoteBoxSidebar {
- position: relative;
- background-color: var(--Dunkel3);
- border: 0px;
- border-radius: 0;
- }
- .easyratingReviewRecommendationList > li > article > .messageContent > header {
- height: 50px;
- border-left: 0px;
- border-right: 0px;
- }
- .easyratingEntryList .messageHeaderMetaData .messagePublicationTime, .easyratingReviewRecommendationList .messageHeaderMetaData .messagePublicationTime {
- color: #999 !important;
- }
- .easyratingEntryList .messageHeaderMetaData > li, .easyratingReviewRecommendationList .messageHeaderMetaData > li {
- background: transparent !important;
- }
- .recommendationIconDetail > span.fa-thumbs-o-up {
- font-size: 28px;
- height: 50px;
- margin-top: 5px;
- }
- .recommendationIconDetail > span.fa-thumbs-o-down {
- font-size: 28px;
- height: 50px;
- margin-top: 5px;
- }
- .easyratingReviewMessage .messageContent {
- position: relative !important;
- padding: 0px !important;
- background: #fff !important;
- }
- .easyratingReviewMessage .messageContent .messageBody {
- padding: 20px;
- margin-top: 0px;
- }
- .easyratingReviewList .message .messageContent .messageHeader {
- margin-top: 0px;
- justify-content: flex-start;
- width: 100%;
- left: 0px !important;
- top: 0px !important;
- border-left: 0px !important;
- border-right: 0px !important;
- padding: 0px 20px;
- }
- .reviewNoteBox {
- position: absolute;
- top: 0;
- right: 0;
- min-width: 220px;
- background-color: #eee;
- border-left: solid 1px #ddd;
- border-radius: 0px;
- font-family: Verdana, Geneva, sans-serif;
- height: 150px;
- box-shadow: inset 0px 1px 0px #fff, inset 1px 0px 0px #fff;
- border-right: 0px;
- border-top: 0px;
- border-bottom: 0px;
- width: 220px;
- max-width: 220px;
- z-index: 1;
- }
- ul.easyratingReviewList.easyratingReviewListDoubleColumns > li div.reviewImage img {
- height: 150px;
- width: calc(100% - 220px);
- border-radius: 0;
- border-top: solid 1px #ddd;
- border-left: solid 1px #ddd;
- }
- .easyratingReviewList .message .messageContent .messageHeader img.userAvatarImage {
- box-shadow: none !important;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 > a {
- margin-top: -55px;
- z-index: 1;
- box-shadow: none !important;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 > h2.messageTitle {
- margin-top: -99px;
- font-weight: 700;
- font-size: 20px;
- text-transform: uppercase;
- background: rgba(0, 0, 0, 0.5);
- z-index: 0;
- margin-left: -19px;
- padding-left: 120px;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 > h2.messageTitle a {
- color: #fff;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 ul.messageHeaderMetaData {
- margin-top: -34px;
- padding-left: 120px;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 ul.messageHeaderMetaData > li {
- background: transparent !important;
- box-shadow: none;
- border: 0px;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 ul.messageHeaderMetaData > li:not(:last-child)::after {
- display: none;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 ul.messageHeaderMetaData .messagePublicationTime,
- .easyratingReviewList .message .messageContent .messageHeader .box96 ul.messageHeaderMetaData > li > a {
- color: #2d2d2d;
- text-transform: uppercase;
- }
- .easyratingReviewReadMoreButton {
- background: var(--Farbe2);
- color: #fff;
- padding: 3px 10px;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 12px;
- }
- .content > .section > .messageList.easyratingReviewListDoubleColumns > :last-child {
- border-bottom-width: 0px;
- }
- #review_recommendations {
- position: relative;
- padding: 20px;
- background: #eee;
- }
- .easyratingEntryNavigation .easyratingNextEntryButton, .easyratingTableNavigation .easyratingNextEntryButton, .easyratingReviewNavigation
- .easyratingNextEntryButton, .easyratingEntryNavigation .easyratingNextTableButton, .easyratingTableNavigation .easyratingNextTableButton,
- .easyratingReviewNavigation .easyratingNextTableButton, .easyratingEntryNavigation .easyratingNextReviewButton, .easyratingTableNavigation
- .easyratingNextReviewButton, .easyratingReviewNavigation .easyratingNextReviewButton {
- background: #f7f7f7;
- padding: 10px;
- }
- .easyratingEntryNavigation .easyratingPreviousEntryButton, .easyratingTableNavigation .easyratingPreviousEntryButton, .easyratingReviewNavigation
- .easyratingPreviousEntryButton, .easyratingEntryNavigation .easyratingPreviousTableButton, .easyratingTableNavigation .easyratingPreviousTableButton,
- .easyratingReviewNavigation .easyratingPreviousTableButton, .easyratingEntryNavigation .easyratingPreviousReviewButton, .easyratingTableNavigation
- .easyratingPreviousReviewButton, .easyratingReviewNavigation .easyratingPreviousReviewButton {
- background: #f7f7f7;
- padding: 10px;
- }
- .messageList:not(.messageReducedList).easyratingReviewListDoubleColumns > li {
- border-bottom: 0px;
- }
- .timelineActivityItem {
- margin-bottom: 0px !important;
- margin-top: 0px;
- }
- .jsHasShare > div > h3 {
- background: #eee;
- padding: 2px 15px;
- height: 48px;
- border: solid 1px #ddd;
- }
- .jsHasShare > div > h3 > small:not(:first-child) {
- font-size: 15px;
- }
- .jsHasShare .entryActionDropdown {
- width: 20px;
- text-align: center;
- background: #2d2d2d;
- height: 48px;
- }
- .jsHasShare .entryActionDropdown .icon, .jsHasShare .entryActionDropdown .fa {
- color: #fff;
- }
- .socialShare {
- display: flex;
- background: var(--Hell5) !important;
- padding: 10px;
- }
- .socialShare .shareContainer .actionArea {
- background: var(--Dunkel3);
- height: 36px;
- }
- #socialShare #sharePicture i {
- color: #fff;
- }
- #boxTimelineActivity {
- margin-top: -40px !important;
- }
- .socialShare .shareContainer #shareMessage, .socialShare .shareContainer #shareMessagePlaceholder {
- border: 0;
- background: #fff;
- color: #2d2d2d;
- }
- .socialShare .shareContainer::before, .socialShare .shareContainer::after {
- display: none;
- }
- .socialShare .shareContainer {
- background-color: #fff;
- border: solid 1px #ddd;
- }
- .socialShare .userAvatarImage {
- height: 42px;
- width: 42px;
- border: solid 1px #ddd;
- }
- #timeline {
- padding: 20px;
- background: var(--Hell2);
- border: solid 1px var(--Hell3);
- }
- .tabMenuContent#timeline #socialShare {
- margin-top: 0px;
- margin-bottom: 40px;
- }
- .easyratingReviewList .message .messageContent .messageHeader .box96 > ul.messageStatus {
- margin-top: -34px;
- }
- .jsSuggestion.suggestionListItem {
- background: #fff;
- border-bottom: solid 1px #ddd !important;
- }
- .notifybox {
- width: 350px !important;
- position: fixed !important;
- left: 30px;
- padding: 10px 10px !important;
- z-index: 500;
- opacity: 0.9;
- text-decoration: none !important;
- background: #fff;
- box-shadow: none !important;
- max-width: 350px !important;
- margin-left: 0px !important;
- bottom: 30px !important;
- }
- .notifybox::before {
- display: none;
- }
- .notifybox small {
- padding: 5px;
- background: #eee;
- width: 330px;
- margin-top: 5px;
- display: flex;
- }
- .notifybox .notifyboxAuthor {
- font-weight: 700;
- font-size: 1.2rem;
- display: block;
- text-transform: uppercase;
- }
- .notifybox .notifyboxAuthor .userAvatarImage {
- margin-right: 5px;
- }
- /* =================================================================== */
- /* ========================= ISK-MEDIA STUFF ========================= */
- /* =================================================================== */
- @media all and (min-width: 2000px) {
- .pageFooterCopyright .layoutBoundary {
- padding: 0 20px;
- width: calc(90% - 50px) !important;
- }
- .pageHeaderContainer {
- height: 400px;
- background-image: url('#{$style_image_path}header.jpg');
- background-size: 100% 100%;
- }
- }
- /* =================================================================== */
- /* ====================== MICROSOFT EDGE HOTFIX ====================== */
- /* =================================================================== */
- /* =================================================================== */
- /* ======================== MOBILE ANPASSUNGEN ======================= */
- /* =================================================================== */
- @include screen-md-down {
- .boxesSidebarLeft::before, .boxesSidebarRight::before {
- content: attr(data-show-sidebar) !important;
- display: block !important;
- }
- .boxesSidebarLeft.open::before, .boxesSidebarRight.open::before {
- content: attr(data-hide-sidebar) !important;
- }
- .boxesSidebarLeft.boxesSidebarLeftHasMenu.open::before {
- content: attr(data-hide-navigation) !important;
- }
- .boxesSidebarLeft.boxesSidebarLeftHasMenu::before {
- content: attr(data-show-navigation) !important;
- }
- .boxesSidebarLeft::before {
- top: 0px !important;
- }
- .pageHeaderSearch, .slider-container-wrapper, .additional_partner {
- display: none !important;
- }
- .messageReduced .messageHeader {
- margin: 0px 0px;
- }
- .copyright:nth-child(2), .copyright:nth-child(5), .copyright {
- background: none !important;
- text-align: center !important;
- float: none !important;
- margin: 0 auto;
- width: 100% !important;
- }
- .contentHeader .contentHeaderNavigation > ul .button, .contentFooter .contentFooterNavigation > ul .button {
- box-shadow: none !important;
- }
- .boxesFooter::before, .boxesFooter::after {
- background: none !important;
- }
- .boxesFooterBoxes {
- display: none;
- }
- .message .wcfLikeCounter {
- display: none;
- }
- .contentHeader .contentHeaderNavigation > ul .button .icon, .contentFooter > .contentFooterNavigation > ul .button .icon {
- margin-left: 0px;
- margin-right: 3px;
- }
- .contentHeader > .contentHeaderNavigation > ul > li > .button, .contentFooter > .contentFooterNavigation > ul > li > .button {
- font-size: 14px;
- }
- .news .messageContent .containerHeadline {
- height: auto !important;
- }
- .pageHeaderSearch:not(.open) {
- display: none !important;
- }
- .slider-container {
- width: 100% !important;
- }
- .breadcrumbs > ol > li:last-child > a {
- color: #fff !important;
- }
- .breadcrumbs {
- margin-bottom: 0px;
- margin-top: -5px;
- }
- .main {
- padding: 10px 0px;
- }
- .messageTabMenuNavigation > ul > li > a > .icon, .messageHeader > .messageQuickOptions {
- color: #fff !important;
- }
- .messageSidebar {
- min-height: 50px !important;
- margin-left: 0px !important;
- margin-right: 0px !important;
- }
- .messageSidebar .userAvatar > a {
- border-width: 0px !important;
- }
- .messageContent {
- position: relative;
- }
- .pageHeaderFacade > .layoutBoundary {
- z-index: 401 !important;
- position: absolute !important;
- width: 200px;
- }
- .mainMenu .boxMenu {
- justify-content: flex-start !important;
- }
- .userPanel {
- position: absolute;
- background: none;
- box-shadow: none;
- margin-right: 0px !important;
- margin-top: 0px !important;
- width: auto !important;
- height: auto !important;
- display: block;
- top: 0px !important;
- }
- .mainMenu, .userPanel {
- position: relative !important;
- }
- .mainMenu {
- margin-left: 0px !important;
- margin-top: 0px !important;
- left: 0% !important;
- }
- .mainMenu.pageMenuMobileButtonHasContent::after, .userPanel.pageMenuMobileButtonHasContent::after {
- background-color: var(--Farbe1);
- border: 2px solid var(--Farbe3);
- border-radius: 50%;
- content: "";
- height: 14px;
- position: absolute;
- right: -3px;
- top: -3px;
- width: 14px;
- }
- .pageHeaderPanel {
- height: 53px !important;
- padding-top: 0px !important;
- padding-bottom: 0px !important;
- }
- .pageHeaderPanel > .layoutBoundary {
- flex-direction: row !important;
- height: 53px;
- padding: 10px 0px;
- }
- .pageHeaderContainer {
- height: 200px !important;
- background-position-y: top !important;
- box-shadow: none;
- }
- .messageSidebar .badgeOnline {
- display: none !important;
- }
- .messageFooterGroup > .likesSummary {
- width: 100% !important;
- }
- .message .messageClipboardCheckbox::before {
- color: #2d2d2d !important;
- left: 0px !important;
- top: -4px !important;
- }
- .messageQuickOptions::before {
- left: 0px !important;
- top: 3px !important;
- }
- .containerList.recentActivityList > li .containerHeadline {
- height: auto !important;
- }
- .pageFooterCopyright .layoutBoundary {
- margin-top: -20px;
- }
- .pageHeaderLogo {
- padding: 5px !important;
- background: var(--Dunkel3) !important;
- margin-top: 3px !important;
- }
- .boxesSidebarLeft::before, .boxesSidebarRight::before {
- background-color: #fff;
- }
- .menuOverlayItemList {
- background: var(--Farbe1);
- }
- .menuOverlayItemLink {
- background: var(--Farbe2);
- }
- .menuOverlayItemLinkIcon {
- background: var(--Farbe2);
- }
- .menuOverlayItemLink.active, .menuOverlayItemLinkIcon.active {
- background: var(--Farbe3);
- }
- .menuOverlayLogoWrapper {
- flex: 1 1 auto;
- padding: 5px;
- display: flex;
- background: var(--Farbe2);
- }
- .pageFooterCopyright > .layoutBoundary > div:not(:first-child) {
- margin-top: -20px !important;
- }
- .pageAction .toTop {
- display: none;
- }
- .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
- border: 0px;
- box-sizing: content-box;
- padding: 4px;
- right: 0px;
- top: 0px;
- border-radius: 0px;
- height: 24px !important;
- width: 24px !important;
- }
- .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
- font-size: 18px;
- line-height: 24px;
- }
- .wbbBoardList .wbbBoardContainer, .containerList > li, .tabularListRow:not(.tabularListRowHead) {
- padding-left: 10px;
- padding-right: 10px;
- }
- .wbbBoardList .wbbLastPost > .box32 {
- padding: 3px 10px 3px 10px;
- }
- .messageAuthorContainer {
- text-align: center;
- margin-right: 10px;
- float: right;
- position: absolute;
- top: -2px;
- }
- .messageSidebar .messageAuthor .messageAuthorContainer:last-child {
- align-items: center;
- display: inline;
- height: auto;
- position: absolute;
- text-align: center;
- }
- .messageSidebar .badge {
- width: 150px;
- padding: 5px 0px;
- font-weight: 600;
- text-transform: uppercase;
- border-radius: 0px;
- text-align: center;
- top: 29px;
- }
- .userProfilePreviewAvatar .badgeOnline, .userProfileUser .contentHeaderIcon .badgeOnline {
- color: transparent;
- padding: 0;
- top: 35px;
- width: 0 !important;
- left: 5px !important;
- }
- .userProfileUser .contentHeaderIcon a {
- display: block;
- border: 0px;
- width: auto !important;
- margin-top: 0px;
- }
- .addfooter {
- padding: 0px 20px 20px 20px;
- }
- .addfooter_title {
- margin: 0px -20px 0px -20px;
- }
- .addfooter_boxinfo {
- display: none;
- }
- .addfooter_boxleft {
- width: 47.5%;
- margin-right: 2.5%;
- margin-left: 0px;
- }
- .addfooter_boxcenter {
- width: 47.5%;
- margin-left: 2.5%;
- margin-right: 0px;
- }
- .addfooter_boxright {
- display: none;
- }
- .addfooter_boxright h1, .addfooter_boxright p {
- display: none;
- }
- .tabMenuOverlayRight {
- background: #111;
- padding-right: 10px;
- }
- .tabMenuOverlayLeft {
- background: #111;
- padding-left: 10px;
- }
- .blogEntryReadMoreButton {
- margin-top: 0px !important;
- }
- .boxesSidebarRight {
- right: 0% !important;
- box-shadow: none !important;
- padding: 0px !important;
- width: 100% !important;
- margin-bottom: 50px;
- }
- .boxesSidebarLeft {
- left: 0% !important;
- box-shadow: none !important;
- padding: 0px !important;
- width: 100% !important;
- margin-bottom: 50px;
- margin-top: 0px !important;
- top: 0px !important;
- }
- .boxesSidebarLeft::before, .boxesSidebarRight::before {
- width: 100% !important;
- background-color: var(--Farbe2);
- transform: none !important;
- height: 40px !important;
- margin-left: 0px !important;
- padding: 10px !important;
- position: relative !important;
- text-transform: uppercase;
- border: 0 !important;
- font-weight: 700;
- }
- .content > .section, .content > form, .sectionContainer {
- margin-left: 0px !important;
- margin-right: 0px !important;
- }
- .messageContent {
- margin-left: 0px !important;
- margin-right: 0px !important;
- }
- .boxesSidebarLeft .box.boxInfo, .boxesSidebarRight .box.boxInfo {
- box-shadow: none !important;
- }
- .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
- padding: 20px !important;
- }
- .breadcrumbs > ol > li {
- background: var(--Dunkel2) !important;
- padding: 0px !important;
- margin-left: 10px;
- margin-right: 10px;
- margin-top: 0px !important;
- }
- .messageReduced .messageHeader, .messageCollapsed .messageHeader {
- padding: 10px 10px !important;
- height: auto !important;
- }
- }
- /* =================================================================== */
- /* ============================ SONSTIGES ============================ */
- /* =================================================================== */
- .messageSignature a.externalURL::after {
- display: none;
- }
- .messageSignature {
- opacity: 1;
- }
- /* =================================================================== */
- /* ========================== ÜBERSCHRIFTEN ========================== */
- /* =================================================================== */
- .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2 {
- font-size: 22px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- border-bottom: solid 2px #2d2d2d;
- }
- .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3 {
- font-size: 18px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- border-bottom: solid 2px #2d2d2d;
- }
- .htmlContent h4, .messageBody > .messageText h4, .messageSignature > div h4, .redactor-layer h4 {
- font-size: 14px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- border-bottom: solid 2px #2d2d2d;
- }
- /* =================================================================== */
- /* ============================ CODE BOXEN =========================== */
- /* =================================================================== */
- .inlineCode, kbd {
- background-color: #f7f7f7 !important;
- border: solid 1px #ddd !important;
- border-radius: 0px !important;
- color: #2d2d2d !important;
- padding: 10px !important;
- box-shadow: inset 0px 1px 0px #fff !important;
- }
- .inlineCode, kbd {
- display: inline-block;
- font-family: Consolas, 'Courier New', monospace;
- font-style: normal;
- font-weight: normal;
- margin: 1px 2px;
- overflow: auto;
- padding: 0 4px;
- text-decoration: none;
- vertical-align: middle;
- word-break: break-all;
- word-wrap: break-word;
- }
- .codeBox {
- box-shadow: none;
- border-radius: 0px;
- padding: 0px;
- }
- .codeBox > .toggleButton {
- box-shadow: none;
- padding-bottom: 10px;
- font-size: 10px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- background: #2d2d2d;
- border: solid 1px #000;
- box-shadow: none;
- color: #fff;
- }
- .codeBox.collapsed > .toggleButton {
- background: #2d2d2d;
- margin: 0 auto;
- color: #fff;
- padding: 10px 10px;
- border: solid 1px #000;
- box-shadow: none;
- }
- .codeBox > div {
- background-color: #eee;
- color: #2d2d2d;
- padding: 14px;
- border: solid 1px #ddd;
- box-shadow: inset 0px 1px 0px #fff;
- }
- .codeBox > div > ol::before {
- border-right: 2px solid #2d2d2d;
- opacity: 1.0;
- }
- /* =================================================================== */
- /* ============================ INFO BOXEN =========================== */
- /* =================================================================== */
- .info, .error, .success, .warning {
- padding: 12px 22px;
- margin-left: 55px;
- position: relative;
- min-height: 45px;
- border: solid 1px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
- }
- .info a, .error a, .success a, .warning a {
- font-weight: 600;
- }
- .info::before, .error::before, .success::before, .warning::before {
- font-family: FontAwesome;
- font-size: 28px;
- position: absolute;
- top: -1px;
- left: -55px;
- line-height: 48px;
- width: 48px;
- height: 48px;
- text-align: center;
- color: #707275;
- border: solid 1px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
- }
- .success::before {
- background-color: $wcfStatusSuccessBackground;
- content: "\f00c";
- color: $wcfStatusSuccessText;
- }
- .warning::before {
- background-color: $wcfStatusWarningBackground;
- content: "\f12a";
- color: $wcfStatusWarningText;
- }
- .info::before {
- background-color: $wcfStatusInfoBackground;
- content: "\f129";
- color: $wcfStatusInfoText;
- }
- .error::before {
- background-color: $wcfStatusErrorBackground;
- content: "\f05e";
- color: $wcfStatusErrorText;
- }
- .info.notice.noticeDismissible.active, .success.notice.noticeDismissible.active, .error.notice.noticeDismissible.active, .warning.notice.noticeDismissible.active {
- padding: 12px 22px 12px 22px;
- margin-left: 50px;
- }
- .info.notice.noticeDismissible.active .icon, .success.notice.noticeDismissible.active .icon, .error.notice.noticeDismissible.active .icon, .warning.notice.noticeDismissible.active .icon {
- float: right;
- margin-right: -15px;
- margin-top: -5px;
- }
- #systemNotification {
- margin: 0 auto;
- }
- #systemNotification > p::before {
- display: none;
- }
- .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
- min-height: auto;
- padding: 10px 10px;
- margin: 0px;
- }
- .pageFooterStickyNotice .info::before, .pageFooterStickyNotice .error::before, .pageFooterStickyNotice .success::before, .pageFooterStickyNotice .warning::before {
- display: none;
- }
- .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeMoreInformation, .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeDismiss {
- padding: 4px 10px;
- border-bottom: none;
- }
- /* =================================================================== */
- /* ============================= SPOILER ============================= */
- /* =================================================================== */
- .spoilerBoxHeader {
- border-bottom: solid 2px #2d2d2d;
- padding-bottom: 0px;
- }
- .spoilerBox > .spoilerBoxContent {
- background-color: #fff;
- box-shadow: none;
- margin-top: 0px;
- border: solid 1px #ddd;
- }
- .button.jsSpoilerToggle::before {
- content: "\f0dc";
- font-family: FontAwesome;
- font-size: 14px;
- margin-left: 2px;
- margin-right: 6px;
- text-shadow: none !important;
- font-weight: normal;
- vertical-align: -1px;
- }
- .button.jsSpoilerToggle {
- margin: 0 auto;
- text-align: center;
- width: 200px;
- border-radius: 0px;
- background: #2d2d2d;
- color: #fff;
- font-size: 10px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- }
- .button.jsSpoilerToggle:hover, .button.jsSpoilerToggle.active {
- background: #2d2d2d;
- color: #fff;
- }
- /* =================================================================== */
- /* =============================== TAGS ============================== */
- /* =================================================================== */
- .tagList .tagWeight1, .tagList .tagWeight2, .tagList .tagWeight3, .tagList .tagWeight4, .tagList .tagWeight5, .tagList .tagWeight6, .tagList .tagWeight7 {
- font-size: 14px !important;
- }
- .boxesSidebarLeft .tagList li a, .boxesSidebarRight .tagList li a {
- margin: 1px 0px 1px 0px;
- display: inline-block;
- padding: 0px 8px 1px;
- color: #fff;
- font-weight: 700;
- border-radius: 0px !important;
- background-color: #222;
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 2px #151515;
- border: 0;
- line-height: 1.7;
- }
- .boxesSidebarLeft .tagList li:hover a, .boxesSidebarRight .tagList li:hover a {
- background-color: #353535;
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 2px #2d2d2d;
- border: 0;
- text-shadow: 0px 0px 2px #fff;
- }
- .tagList .tag {
- display: inline-block;
- padding: 0px 8px 0px 25px;
- color: #fff;
- font-weight: 700;
- border-radius: 0px !important;
- background-color: #222;
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 2px #151515;
- border: 0;
- line-height: 1.7;
- margin-left: 0px;
- }
- .tagList .tag:hover {
- background-color: #353535;
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 2px #2d2d2d;
- border: 0;
- text-shadow: 0px 0px 2px #fff;
- }
- .tagList .tag::before {
- content: "\f02c";
- font-family: FontAwesome;
- font-weight: 400;
- padding: 1px 5px;
- margin: -1px 3px -1px -5px;
- border: 0 !important;
- left: 6px;
- }
- #tpl_blog_entry .tagList li a, #tpl_gallery_image .tagList li a, #tpl_calendar_event .tagList li a, #tpl_easyrating_review .tagList li a,
- #tpl_easyrating_entry .tagList li a.tag {
- margin: 1px 0px 1px 0px;
- padding: 0px 7px 1px 24px;
- line-height: 2;
- }
- .boxesSidebarLeft .tagList li a::before, .boxesSidebarRight .tagList li a::before {
- content: "\f02c";
- font-family: FontAwesome;
- font-weight: 400;
- padding: 2px 5px;
- margin: -1px 3px -1px -5px;
- border: 0 !important;
- }
- /* =================================================================== */
- /* ========================== TEILEN BUTTON ========================== */
- /* =================================================================== */
- .messageShareButtons .button > :not(.icon) {
- display: inline-block;
- }
- .messageShareButtons .button {
- padding: 6px 12px 6px 7px;
- text-transform: uppercase;
- font-weight: 600;
- text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
- border-radius: 0 !important;
- }
- .messageShareButtons ul > li > a {
- color: #fff;
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.3);
- border: solid 1px rgba(0, 0, 0, 0.2);
- }
- /* =================================================================== */
- /* ============================= UMFRAGE ============================= */
- /* =================================================================== */
- button.small.jsButtonPollShowResult, button.small.jsButtonPollVote, button.small.jsButtonPollShowVote {
- background: #2d2d2d;
- color: #fff;
- padding: 8px 12px;
- border-radius: 0px;
- font-size: 10px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- }
- button:disabled.small.jsButtonPollVote {
- background: #ccc !important;
- }
- .pollContainer .badge {
- background: #f7f7f7;
- border: solid 1px #ddd;
- color: #2d2d2d;
- padding-right: 4px;
- }
- .pollContainer {
- margin-right: 0px !important;
- max-width: 100% !important;
- width: 100%;
- float: none !important;
- background: #eee;
- border: solid 1px #ddd;
- box-shadow: inset 0px 1px 0px #fff;
- padding: 10px;
- min-width: 1px;
- }
- .pollContainer .pollInnerContainer {
- background-color: rgba(0, 0, 0, 0.03);
- padding: 20px 14px;
- margin-top: 10px;
- }
- .pollContainer .formSubmit:not(:first-child) {
- margin-top: 10px;
- }
- .pollContainer .formSubmit {
- border-top: solid 2px #2d2d2d;
- }
- .pollContainer h2 {
- font-size: 14px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- background: #2d2d2d;
- padding: 7px 10px;
- color: #fff;
- }
- /* =================================================================== */
- /* ============================== ZITATE ============================= */
- /* =================================================================== */
- woltlab-quote {
- background-color: transparent;
- box-shadow: none;
- border-radius: 0px;
- padding: 10px 10px;
- }
- .quoteBox {
- background-color: #eee;
- box-shadow: none;
- border-radius: 0px;
- padding: 10px;
- border: solid 1px #ddd;
- box-shadow: inset 0px 1px 0px #fff;
- }
- .quoteBoxIcon {
- float: left;
- margin: 0px 10px 0px 0px;
- }
- .quoteBoxTitle {
- color: #fff;
- border-bottom: 2px solid #2d2d2d;
- padding-bottom: 3px;
- margin-right: 0px;
- margin-left: 80px;
- margin-bottom: 10px;
- }
- span.quoteBoxTitle {
- border-bottom: none;
- background: #2d2d2d;
- padding: 3px 10px;
- margin-left: 0px;
- font-size: 14px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- }
- .quoteBoxContent {
- margin-left: 80px;
- }
- .quoteBoxIcon > .quoteBoxQuoteSymbol::before {
- content: "\f10d";
- position: relative;
- font-family: FontAwesome;
- font-size: 50px;
- line-height: 50px;
- height: 50px;
- vertical-align: top;
- color: #2d2d2d;
- }
- .message .quoteBox > .toggleButton, .message .quoteBox.collapsed > .toggleButton, .message.messageSidebarOrientationLeft .quoteBox > .toggleButton, .message.messageSidebarOrientationLeft .quoteBox.collapsed > .toggleButton {
- background: #2d2d2d;
- color: #fff;
- padding: 10px 10px;
- border: solid 1px #000;
- box-shadow: none;
- border: 0px;
- width: 150px;
- margin: 0 auto;
- }
- .quoteBox > .toggleButton {
- font-size: 10px;
- font-style: normal;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- margin-right: 6px;
- }
- .messageReduced .messageBody .quoteBox > .toggleButton, .quoteBox.collapsed > .toggleButton {
- border-top: 10px solid $wcfContentBackground;
- background-color: $wcfContentBackground;
- }
- span.quoteBoxTitle > a {
- color: #fff;
- }/* =================================================================== */
- /* ============================== DESIGN ============================= */
- /* =================================================================== */
- body {
- background-color: #202020;
- }
- .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 {
- color:var(--Hell1);
- text-transform:uppercase;
- font-weight:700
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement