/* phpBB3 Style Sheet
--------------------------------------------------------------
Style name: Attriuum
Based on style: prosilver (the default phpBB 3.0.x style)
Original author: Tom Beddard ( http://www.subblue.com/ )
Modified by: Francois ( http://www.dreamcarisma.de/ )
--------------------------------------------------------------
*/
/* latin */
@font-face {font-family:'Baloo Bhaina 2';font-style:normal;font-weight:400;src:local('Baloo Bhaina 2 Regular'), local('BalooBhaina2-Regular'), url(https://www.dreamcarisma.de/fonts/baloobhaina2/400/qWczB6yyq4P9Adr3RtoX1q6ySiz8kjQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* latin */
@font-face {font-family:'Yanone Kaffeesatz';font-style:normal;font-weight:300;src:url(https://www.dreamcarisma.de/fonts/yanonekaffeesatz/300/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftoqNWZd2GK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* latin */
@font-face {font-family:'Yanone Kaffeesatz';font-style:normal;font-weight:400;src:url(https://www.dreamcarisma.de/fonts/yanonekaffeesatz/400/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZd2GK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* latin */
@font-face {font-family:'Yanone Kaffeesatz';font-style:normal;font-weight:500;src:url(https://www.dreamcarisma.de/fonts/yanonekaffeesatz/500/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftoxNWZd2GK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* latin */
@font-face {font-family:'Yanone Kaffeesatz';font-style:normal;font-weight:600;src:url(https://www.dreamcarisma.de/fonts/yanonekaffeesatz/600/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftoKNKZd2GK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* latin */
@font-face {font-family:'Oswald';font-style:normal;font-weight:200;src:url(https://www.dreamcarisma.de/fonts/oswald/200/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvsUZiZQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* latin */
@font-face {font-family:'Oswald';font-style:normal;font-weight:300;src:url(https://www.dreamcarisma.de/fonts/oswald/300/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUZiZQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* latin */
@font-face {font-family:'Oswald';font-style:normal;font-weight:400;src:url(https://www.dreamcarisma.de/fonts/oswald/400/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {
font-family: 'Architects Daughter';
font-style: normal;
font-weight: 400;
src: url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('ArchitectsDaughter-Regular'),
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.svg#ArchitectsDaughter') format('svg'); /* Legacy iOS */
}
/* General Markup Styles
---------------------------------------- */
@font-face {
font-family: 'Architects Daughter';
font-style: normal;
font-weight: 400;
src: url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('ArchitectsDaughter-Regular'),
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://www.dreamcarisma.de/fonts/architects-daughter/architects-daughter-v11-latin-regular.svg#ArchitectsDaughter') format('svg'); /* Legacy iOS */
}
h1 {
/* Page titles */
font-family: "Yanone Kaffeesatz", sans-serif;
letter-spacing: 0.1rem;
line-height: 1;
font-size: 2.725rem;
font-weight: 300;
color: var(--h1);
margin: 15px 0 0 0;}
h2 {
/* Forum header titles */
font-weight: normal;
color: var(--h1);
font-size: 1.8rem;
margin: 0 0 0.5rem 0;}
h2.solo {margin-bottom: 1em;}
h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-weight: 500;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 0.9rem;
color: var(--h2);}
h4 {
/* Forum and topic list titles */
font-size: 1.3em;
text-shadow: 1px 1px 0 #FFFFFF;}
h5 {
/* Portal-news titles */
font-size: 1.25rem;
font-weight: 400;}
img {border-width: 0;}
img.useravatar {
border: 1px solid rgba(0,0,0,.3);
border-radius: 6px;}
hr {
/* Also see tweaks.css */
border: 0 none #FFFFFF;
border-top: 1px solid #CCCCCC;
height: 1px;
margin: 5px 0;
display: block;
clear: both;}
hr.dashed {
border-top: 1px dashed #CCCCCC;
margin: 10px 0;}
hr.divider {display: none;}
p.right {text-align: right;}
.right {text-align: right;}
strong {font-weight: 600;}
/* Main blocks
---------------------------------------- */
#simple-wrap {padding: 6px 10px;}
#page-body {
margin: 4px 0;
clear: both;}
#page-footer {clear: both;}
#page-footer h3 {margin-top: 20px;}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
#search-box #keywords {
width: 95px;
background-color: #FFF;}
#search-box input {
border: 1px solid #0075B0;}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {padding: 1px 5px;}
#search-box li {
text-align: right;
margin-top: 4px;}
#search-box img {
vertical-align: middle;
margin-right: 3px;}
/* Site description and logo */
#site-description {
float: left;
width: 70%;}
#site-description h1 {margin-right: 0;}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.forabg {
background: #5f5f5f url("./styles/Attriuum/theme/images/bg_list.png") repeat-x 0 0;
margin-bottom: 1px;
padding: 4px 5px;
clear: both;
border-radius: 5px;}
.forumbg {
background: #393939 url("./styles/Attriuum/theme/images/bg_header.gif") repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;}
.anchor {visibility: hidden !important;
position: absolute !important;
height: 50px !important;
margin-top: -96px !important;}
.post {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
padding: 5px 10px 10px 10px;
margin-bottom: 4px;
border-radius: 5px;}
.post-stats {
padding: 5px;
margin-bottom: 4px;
border-radius: 5px;}
.c-preview {opacity: 0;}
.post:target .c-preview {opacity: 1; transition: all .9s ease-in-out;}
.post:target h3 a {color: #000000;}
.bg1 {background-color: var(--bg05);}
.bg2 {background-color: var(--bg04);}
.bg3 {background-color: var(--bg06);}
.rowbg {margin: 5px 5px 2px 5px;}
.ucprowbg {background-color: #DCDEE2;}
.fieldsbg {
/*border: 1px #DBDEE2 solid;*/
background-color: #E7E8EA;}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
display: block;
}
span.corners-bottom {
clear: both;
}
/* Post */
.edit-message {
margin: 5px 0 0 0;
padding: 0 3px;
background-color: #e3e3e3;
border: 1px solid #ccc;
border-left: 2px solid #aaa;
border-radius: 5px 0 0 5px;
}
.postmove-notice {
margin: 5px 0;
padding: 3px;
background-color: #e3e3e3;
border: 1px solid #ccc;
border-radius: 5px;
}
.postaffili-notice {
margin: 8px 0;
padding: 1px;
border-top: 1px solid #cc9090;
border-bottom: 1px solid #cc9090;
color: #e3bebe;
text-shadow: 0 0 1px;
}
/* Thanks in postings
----------------------------------------*/
.thanks_post {
display: flex;
align-items: center;
align-self: flex-start;
margin-top: auto;
width: 100%;
background-image: linear-gradient(to right, rgb(192, 246, 255), rgba(192, 246, 255, 0));
border-radius: 24px 0 0 24px;
}
.thanks_post>.thanks_thumb {
display: flex;
align-items: center;
justify-content: center;
max-height: 24px;
max-width: 24px;
border: 1px solid #fff;
border-radius: 50%;
}
.thanks_thumb>span.thanks-icon {
padding-top: 2px;
padding-left: 2px;
}
.thanks_post>a:hover{
text-decoration: none;
background-color: #fff;
color: #008000;
}
.thanks_users {
margin-left: 10px;
line-height: 1.2rem;
}
.thanks_counter {
display: block;
white-space: nowrap;
padding-left: 2px;
font-weight: 500;
font-size: 1rem;
letter-spacing: -0.1rem;
}
.removethanks-icon {
top: 3px;
position: relative;
}
/*.p_thanks_counter {
background: #81F7BE;
border: 1px solid rgba(97,11,11,0.5);
}
.p_thanks_counter0 {
background: #CEF6F5;
border: 1px solid rgba(11,11,97,0.5);
}*/
.p_thanks_counter>span, .p_thanks_counter0>span {
font-size: 0.7em;
font-weight: 300;
font-style: normal;
}
.p_thanks_box {
width: 70px;
height: 21px;
background: #fff;
border: 1px solid rgba(0,0,0,0.2);
float: left;
text-align: center;
font: bold 11px arial, sans-serif;
margin-left: 5px;
padding-top: 4px;
text-shadow: 1px 1px 0px #ffffff;}
.p_thanks_users {
border: 1px solid rgba(0,0,0,0.2);
border-radius: 0 6px 6px 6px;}
/* Horizontal lists
----------------------------------------*/
ul.linklist {
display: block;
margin: 0;}
ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
margin-right: 5px;
font-size: 1.1em;
line-height: 2.2em;}
ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;}
ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;}
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;}
ul.rightside {
float: right;
margin-left: 5px;
margin-right: -5px;
text-align: right;}
/* Table styles
----------------------------------------*/
table.table1 {
/* See tweaks.css */
}
#ucp-main table.table1 {padding: 2px;}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;}
table.table1 thead th span {padding-left: 7px;}
table.table1 tbody tr {border: 1px solid #BFC1CF;}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;}
table.table1 td {
color: #536482;
font-size: 1.1em;}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #FAFAFA;}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #333333;
background-color: #FFFFFF;}
/* Specific column styles */
table.table1 .name {text-align: left;}
table.table1 .posts {text-align: left !important; width: 11%;}
table.table1 .joined {text-align: left; width: 20%;}
table.table1 .active {text-align: left; width: 5%;}
table.table1 .mark {text-align: center; width: 7%;}
table.table1 .info {text-align: left; width: 27%;}
table.table1 .info div {width: 100%; white-space: normal; overflow: hidden;}
table.table1 .autocol {line-height: 2em; white-space: nowrap;}
table.table1 thead .autocol {padding-left: 1em;}
table.table1 span.rank-img {float: right; width: auto;}
table.info td {padding: 3px;}
table.info tbody th {padding: 3px; text-align: right; vertical-align: top; color: #000000; font-weight: normal;}
.forumbg table.table1 {margin: 0;}
.forumbg-table > .inner {margin: 0 -1px;}
.forumbg-table > .inner > span.corners-top {margin: 0 -4px -1px -4px;}
.forumbg-table > .inner > span.corners-bottom {margin: -1px -4px 0 -4px;}
/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.column1 {
float: left;
clear: left;
width: 49%;}
.column2 {
float: right;
clear: right;
width: 49%;}
/* General classes for placing floating blocks */
.left-box {
float: left;
width: auto;
text-align: left;
line-height: 25px;}
.right-box {
float: right;
width: auto;
/*text-align: right;
display: inline-flex;
align-items: baseline;*/
white-space: pre;}
dl.details {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 0.875rem;
display: grid;
grid-template-columns: 25% calc(100% - 25%);
width: 100%;}
dl.details dt {
text-align: right;
color: var(--color04);
/*float: left;
clear: left;
width: 30%;
display: block;*/}
dl.details dd {
padding-left: 5px;
margin-bottom: 5px;
/*color: #536482;
margin-left: 0;
float: left;
width: 65%;*/}
dl.detailsprof {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 1.1em;}
dl.detailsprof dt {
float: left;
clear: left;
width: 35%;
text-align: right;
color: var(--color04);
display: block;}
dl.detailsprof dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
color: #828282;
float: left;
width: 63%;}
.sep {color: #1198D9;}
#profile-left {
width: 32%;
padding: 0;
float: left;}
#profile-right {
width: 66%;
padding: 0;
float: right;}
.proftabs {padding-top: 1px;}
/* Pagination
---------------------------------------- */
.pagination {
/*width: auto;*/
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
margin-left: auto;
text-align: right;
line-height: 0;
white-space: pre;
font-size: 1rem;
}
.pagination span.page-sep {display: none;}
li.pagination {margin-top: 0;}
.pagination span strong, .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
display: inline-flex;
align-items: center;
white-space: pre;
height: 25px;
margin: 0 2px;
padding: 0px 7px;
font-size: 1rem;
/*font-size: 0.9rem;
line-height: 1em;*/
color: #747474;
text-decoration: none;
background-color: #eeeeee;
border-radius: 5px;
}
.pagination span a>i {
padding-top: 2px;
}
.pagination span strong {
background-color: #a5a5a5;
color: #fff;
}
.pagination span a:hover {
background-color: #d2d2d2;
color: #000000;
text-decoration: none;}
.pagination img {vertical-align: middle;}
/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
float: right;
width: auto;
margin: 0 2px;
padding: 0 0 0 5px;
font-size: 0.9em;}
.row .pagination a {height: 20px !important;}
.row .pagination span a, li.pagination span a {background-color: var(--bg03);}
.row .pagination span a:hover, li.pagination span a:hover {background-color: var(--bg04);}
/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
float: right;
width: auto;
padding-left: 5px;
margin-left: 5px;
margin-top: 10px;
text-align: right;}
.friendpost {
/*background-color: #D6F8DE;*/
background-image: linear-gradient(270deg, #99ffbb 0px, transparent 20px);}
.copyright {
padding: 5px;
text-align: center;
color: #555555;}
.small {font-size: 0.9em !important;}
.titlespace {margin-bottom: 15px;}
.headerspace {margin-top: 20px;}
.error {
color: #BC2A4D;
font-weight: bold;
font-size: 1em;}
.reported {background-color: #FFE1E1;}
li.reported:hover {background-color: #ECD5D8 !important;}
div.rules {
background-color: #ecd5d8;
color: #bc2a4d;
padding: 5px 10px;
margin: 10px;
font-size: 1.1em;
border-radius: 5px;}
div.rules ul, div.rules ol {margin-left: 20px;}
p.rules {
background-color: #ecd5d8;
background-image: none;
padding: 5px;
border-radius: 5px;}
p.rules img {
vertical-align: middle;
padding-top: 5px;}
p.rules a {
vertical-align: middle;
clear: both;}
#top {
position: absolute;
top: -20px;}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 0;
background: transparent;}
.smalltext, small {font-size: 11px;}
.middletext {font-size: 12px;}
.normaltext {font-size: 16px;}
.largetext {font-size: 20px;}
.wrapper {
width: 1120px;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: space-between;}
.wrapper-content {
width: 1100px;
}
#tbar {
height: 80px;
background: url('./styles/Attriuum/theme/images/top-bg.png') 0 0 repeat-x;}
#header {
background: url('./styles/Attriuum/theme/images/top-bg_header.jpg') 100% 0 repeat-x;
position: relative;
overflow: hidden;
height: 80px;}
#abc {
float: right;
position: relative;
right: -35px;
top: 19px;
color: #ccc;}
.ads {
float: right;
position: relative;
right: 10px;
top: 10px;}
#logo a {
position: absolute;
left: 0;
top: 0;
display: block;
width: 400px;
height: 80px;
background: url('./styles/Attriuum/theme/images/logo.png') no-repeat;}
#searchbar {
/* position: absolute; */
top: 9px;
left: 364px;
position: relative;
height: 36px;
width: 210px;
background: url('./styles/Attriuum/theme/images/searchbox.png') no-repeat;
overflow: hidden;}
#searchbar .inputbox {
background: transparent;
color: #ddd;
padding: 3px 3px;
border: none;
margin: 4px 0 0 35px;
width: 150px;
height: 14px;
font-size: 12px;
font-family: tahoma, sans-serif;}
#ssearch {
top: 10px;
left: 10px;
position: relative;
overflow: hidden;}
#ssearch input[type="text"] {
background: url('./styles/Attriuum/theme/images/search-white.png') no-repeat 10px 6px #333;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #d9d9d9;
width: 130px;
padding: 6px 15px 6px 35px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
transition: all 0.7s ease 0s;}
#ssearch input[type="text"]:focus {
background: url('./styles/Attriuum/theme/images/search-dark.png') no-repeat 10px 6px #d0d0d0;
color: #2d2d2d;
width: 200px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);}
/* BEGINN goolge search box */
div.gsc-control-cse {
padding: 0;
margin: 0;}
#ggsearch {
top: 8px;
height: 30px;
width: 320px;
padding-right: 25px;
margin: 0;
position: relative;
overflow: hidden;
float: right;
text-align: left;}
#ggsearch input[type="text"] {
font: 16px Arial,Helvetica,Sans-serif;
color: #090909;
padding: 0;
margin: 0;
border-radius: 5px;}
.gsc-input td.gsc-input {
padding-right: 0;
}
input.gsc-input {
border-color: #BCCDF0;
font-size: 16px;
border-radius: 5px;}
.gsc-input-box {
font: bold 14px Arial,Helvetica,Sans-serif;
color: #090909;
width: 230px;
padding: 0;
margin: 0;
border-radius: 5px;
background-image: none;}
/* END goolge search box */
#fixed {
width: 100%;
position: fixed;
z-index: 999;}
.f-nav {z-index: 9999; position: sticky; top: 0; width: 100%;}
.f-nav>div>ul>li.navhome {display:block !important;}
#vbar {
background: #262626; /* Old browsers */
background: linear-gradient(to bottom,#262626 1%,#0d0d0d 100%);
border-top: 1px solid #404040;
border-bottom: 1px solid #0d0d0d;
box-shadow: 0 3px 10px 0 #262626;
height: 45px;}
#vnav {
float: left;
height: 45px;
padding-left: 23px;
margin: 1px 0 0 0;
z-index: 999;}
#vnav li {
float: left;
position: relative;
height: 44px;
list-style-type: none;
list-style: none;
display: block;
z-index: 1001;
border-left: 1px solid #313131;
border-right: 1px solid #131313;}
#vnav li a {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
color: #ccc;
height: 44px;
text-decoration: none;
text-shadow: 1px 1px 1px #000000;
margin: 0;
padding: 0 9px;
font-size: 22px;
font-weight: 500;
font-family: "Baloo Bhaina 2", sans-serif;
line-height: 1;}
#vnav li a:hover {
background-color: #1a1a1a;
color: #f3f3f3;
text-shadow: 1px 1px 1px #000000;}
#vnav li a span {
color: #666;
font-size: 11px;
font-weight: 400;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;}
#vnav li ul {
position: absolute;
clear: both;
top: 44px;
left: -999em;
height: auto;
z-index: 1000;
white-space: nowrap;
margin-left: 5px;
border-top: 1px solid #131313;
box-shadow: 0 1px 20px 0 #262626;}
#vnav li:hover ul {left: auto;}
#vnav li li {
width: 100%;
height: auto;
padding: 0 5px;
margin: 0 0 0 -5px;
background-color: #1d1d1d;
border-bottom: 1px solid #313131;}
#vnav li li:last-child {
border-bottom: none;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;}
#vnav li li:hover {background-color: #1a1a1a;}
#vnav li:hover li a {
background: none;
display: block;
height: 35px;
line-height: 40px;
padding: 0 0 0 25px;
float: none;
font-size: 16px;
color: #999;
text-decoration: none;
font-family: "Baloo Bhaina 2", sans-serif;
font-weight: 300;}
#vnav li li a:hover {
color: #ffffff;
text-decoration: none;}
li .navhistory { background: url('./styles/Attriuum/theme/images/nav_icon_history.png') no-repeat 5px center; }
li .navdaten { background: url('./styles/Attriuum/theme/images/nav_icon_daten.png') no-repeat 5px center; }
li .navfakten { background: url('./styles/Attriuum/theme/images/nav_icon_fakten.png') no-repeat 5px center; }
li .navcarfaq { background: url('./styles/Attriuum/theme/images/nav_icon_carfaq.png') no-repeat 5px center; }
li .navvaluation { background: url('./styles/Attriuum/theme/images/nav_icon_valuation.png') no-repeat 5px center; }
li .navstyling { background: url('./styles/Attriuum/theme/images/nav_icon_styling.png') no-repeat 5px center; }
li .navworkshop { background: url('./styles/Attriuum/theme/images/nav_icon_workshop.png') no-repeat 5px center; }
li .navxtreme { background: url('./styles/Attriuum/theme/images/nav_icon_xtreme.png') no-repeat 5px center; }
li .navhof { background: url('./styles/Attriuum/theme/images/nav_icon_hof.png') no-repeat 5px center; }
li .navsight { background: url('./styles/Attriuum/theme/images/nav_icon_map2.png') no-repeat 5px center; }
li .navforum { background: url('./styles/Attriuum/theme/images/nav_icon_forum.png') no-repeat 5px center; }
li .navsearch { background: url('./styles/Attriuum/theme/images/nav_icon_search.png') no-repeat 5px center; }
li .navrules { background: url('./styles/Attriuum/theme/images/nav_icon_rules.png') no-repeat 5px center; }
li .navfaq{ background: url('./styles/Attriuum/theme/images/nav_icon_faq.png') no-repeat 5px center; }
li .navmembers { background: url('./styles/Attriuum/theme/images/nav_icon_members.png') no-repeat 5px center; }
li .navmap { background: url('./styles/Attriuum/theme/images/nav_icon_map.png') no-repeat 5px center; }
li .navclubs { background: url('./styles/Attriuum/theme/images/nav_icon_clubs.png') no-repeat 5px center; }
li .navaktion { background: url('./styles/Attriuum/theme/images/nav_icon_aktion.png') no-repeat 5px center; }
li .navgallery { background: url('./styles/Attriuum/theme/images/nav_icon_gallery.png') no-repeat 5px center; }
li .navvideo { background: url('./styles/Attriuum/theme/images/nav_icon_video.png') no-repeat 5px center; }
li .navdownloads { background: url('./styles/Attriuum/theme/images/nav_icon_downloads.png') no-repeat 5px center; }
li .navuploadvz { background: url('./styles/Attriuum/theme/images/nav_icon_uploadvz.png') no-repeat 5px center; }
li .navshop { background: url('./styles/Attriuum/theme/images/nav_icon_shop.png') no-repeat 5px center; }
li .navdonate { background: url('./styles/Attriuum/theme/images/nav_icon_donate.png') no-repeat 5px center; }
li .navuserloginbutton {text-align:center;padding: 5px 0 5px 0;}
li.navuser .fa-user:before {padding-left: 3px;}
li.navuser .fa-user, li.navuser .fa-key {
padding: 3px 10px 0 0;
vertical-align: middle;
font-size: 18px;
color: #fff;}
.inputboxmenu {
height: 22px;
width: 120px;
padding: 3px 10px;
margin: 0 0 0 10px;
font-size: 14px;
color: #555;
background-color: #b2a7a7;
background-image: none;
border: 1px solid #000;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.autologinmenu {
font-size: 12px;
color: #fff;}
.autologinmenucheckbox {
margin: 0 0 0 10px;
vertical-align: bottom;}
.navautologin {text-align: center;margin:5px 0;height:22px;}
.navloginbutton {text-align: center;margin:5px 0;}
.action {
background: #7c0000; /* Old browsers */
background: linear-gradient(to bottom, #7c0000 1%,#420000 100%); /* W3C */
}
.memberarea {
background: #004280; /* Old browsers */
background: linear-gradient(to bottom, #004280 1%,#00284d 100%); /* W3C */
}
.memberarea:hover {
background: #001a33; /* Old browsers */
background: linear-gradient(to bottom, #001a33 1%,#00284d 100%); /* W3C */
}
#body-bg {
background-color: var(--bg01);
top: 0;
padding: 0;
margin: 0;
height: 100%;
min-height: 100%;
height: auto !important;
display: grid;
justify-items: center;}
#umain {
background: url('./styles/Attriuum/theme/images/userbar-main-bg.png') 0 0 repeat-x;
height: 130px;}
#umain2 {
height: 130px;
/*width: 952px;*/
margin-left: 24px;}
#loginbox {
padding: 0px 10px 5px;
margin-left: 20px;
margin-top: 5px;
color: #999;
float: right;
font-size: 11px;
line-height: 140%;
width: 400px;}
#loginbox a:link, #loginbox a:visited {
color: #ccc;
font-weight: bold;}
#loginbox a:hover {text-decoration: underline;}
#loginbox form {
padding: 0;
margin: 0;}
#loginbox h4 {
color: #ddd;
font-size: 13px;
font-weight: normal;
padding: 0;
margin: 0;}
#loginbox ul {
padding: 4px 0 0;
margin: 0;
list-style: none;}
#loginbox ul li strong {color:#bbb;}
#ds-usernme {
background: url('./styles/Attriuum/theme/images/usernmebox.png') 0 0 no-repeat;
width: 144px;
height: 25px;
float: left;
margin-top: 4px;
margin-right: 10px;}
#ds-passwrd {
background: url('./styles/Attriuum/theme/images/passwrdbox.png') 0 0 no-repeat;
width: 144px;
height: 25px;
float: left;
margin-top: 4px;
margin-right: 10px;}
#ds-usernme input#usrnme, #ds-passwrd input#psswrd {
background: none;
color: #efefef;
padding: 3px 3px 0;
border: none;
margin: 4px 10px 0 30px;
width: 100px;
height: 14px;
font-size: 11px;}
#loginbutton {
background: url('./styles/Attriuum/theme/images/loginbutton.png') no-repeat;
width: 52px;
height: 25px;
border: none;
padding: 0;
margin: 4px 0 0;
cursor: pointer;}
#news {
height: 80px;
padding: 15px 10px 5px;
overflow: hidden;
margin-right: 20px;
width: 420px;
float: left;
color: #888;
font-size: 13px;}
#news h3 {
color: #ccc;
padding: 0;
margin: 0;
font-size: 14px;}
#news h3 span, #news a {color: #4C96D1;}
#news p {
padding: 6px 0 0;
margin: 0;}
#mainbody {
z-index: 1;
position: relative;
/*width: 955px;*/
background-color: var(--bg02);
padding: 4px 8px;
margin: -7px 15px 0 14px;
border-radius: 8px;
box-shadow: 0 5px 10px 3px #000;}
#footer {
z-index: 1;
position: relative;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
background-color: #2c2c2c;
color: #aaa;
/*width: 952px;*/
height: 95px;
margin: 0 24px;
border-radius: 0 0 8px 8px;
box-shadow: 0 4px 10px -4px #000, inset 0px 11px 10px -10px #000;}
#footer>div {
display: inline;
visibility: visible;
padding: 15px 10px;
text-align: left;
font-size: 12px;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
border-left: 1px solid rgb(19 19 19);}
#footer>div:first-of-type {border-left: none;}
#footer a:link, #footer a:visited {color: #666; font-weight: bold;}
.clr {clear: both;}
.fb-like {
/* Facebook Like Button in viewtopic */
vertical-align: top;}
/* Start Mod Breizh Ajax Checks */
#ajaxfrom {display: none;}
.checks_details {
display: block;
margin-top: 8px;}
.checks_print {margin: 1em 0 0 17em;}
/* END Mod Breizh Ajax Checks */
.workshop tr td {
font-size: 0.875rem;}
#cookie-bar {background:linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); height:auto; line-height:24px; color:#000000; text-align:center; padding:10px 10px; font-size:12px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:4px; text-decoration:none; padding:3px 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
.statisticinfos {display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px;width:100%;margin:20px 0;}
.statisticblock {display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;font-size:1rem;text-align:center;width:140px;height:100px;font-weight:600;color:#9668689e;text-shadow:1px 1px 3px #0000003d;background:linear-gradient(45deg, rgba(100,0,0,0.2) 0%, rgba(0,0,120,0.2) 100%);border-radius:5px;box-shadow:0 2px 8px 1px #80808052;}
.statisticblock i {font-size:2.4rem;color:#e6e6e6;padding:5px 0;text-shadow:1px 1px 5px #0000005c;}
.statisticblock span {display:block;font-size:1.3rem;line-height:0.9em;font-weight:200;color:#ffffff75;text-shadow:1px 1px 5px #0000006b;}
.statisticblock2 {display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;font-size:1rem;text-align:center;width:140px;height:100px;font-weight:600;color:#9668689e;text-shadow:1px 1px 3px #0000003d;background:linear-gradient(45deg, rgb(133 135 6 / 28%) 0%, rgb(173 7 7 / 28%) 100%);border-radius:5px;box-shadow:0 2px 8px 1px #80808052;}
.statisticblock2 i {font-size:2.4rem;color:#9dffce;padding:5px 0;text-shadow:1px 1px 5px #0000005c;}
.statisticblock2 span {display:block;font-size:0.855rem;line-height:0.9em;font-weight:200;color:#ffffffc7;text-shadow:1px 1px 5px #0000006b;}
.pagejump {
font-weight: normal;
text-decoration: none;
color: #747474 !important;
padding: 2px 6px;
margin: 0 2px;
font-size: 0.9em;
line-height: 1.5em;
border-radius: 4px;
background-color: #eeeeee;
}
.pagejump:hover {
color: #000 !important;
background-color: #cbcbcb;
}
/* Sprechblase-Box */
.arrow_box {
position: relative;
background: var(--bg04);
border: 1px solid #BEBEBE;
border-radius: 4px;
padding: 0 5px;
top: -1px;
}
.arrow_box:after, .arrow_box:before {
right: 100%;
top: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-right-color: var(--bg04);
border-width: 3px;
margin-top: -3px;
}
.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-right-color: #BEBEBE;
border-width: 4px;
margin-top: -4px;
}
dd.views i, dd.topics_forums i, td.posts i {
width: 30px;
/*height: 20px;*/
font-size: 1.4em;
text-align: right;
/*margin-left: 10px;*/
margin-right: 7px;
}
dt i {
/*font-size: 1.3em !important;
width: 20px;
text-align: center;
margin-left: 10px;
margin-right: 1px;*/
}
i.portal {
width: 14px;
text-align: center;
margin-left: 15px;
margin-right: 2px;
margin-top: 10px;
}
.rss {
color: var(--color00);
font-size: 1.8em;
}
.red {color:#ff8080;}
.memberchar {background-color:#fff;border:1px #ccc solid;padding:0 5px;border-radius:3px;}
.fb-page i {
color: #6A80CA;
font-size: 1.1em;
padding-right: 3px;
}
.twitter-page i {
color: #C87DAE;
font-size: 1.1em;
}
.topic_title {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
position: sticky;
top: 47px;
width: 100%;
padding: 0 5px;
margin-left: -5px;
background-color: inherit;
z-index: 2;
}
.topic_title>p {
margin: 0;
font-size: 0.95em !important;
white-space: nowrap;
}
.topic_info {
color: #8C8C8C;
font-size: 1.1em;
margin-bottom: 20px;
line-height: 1.3rem;
}
.topic_info i {
margin-left: 10px;
}
.cloudbox {margin:15px 0;text-align:center;}
.cloudbox p {margin-bottom:7px;text-align:center;font-weight:bold;}
ul.tagcloud {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
line-height: 2.5rem;
}
ul.tagcloud a {
--size: 4;
--color: #148DC5;
color: var(--color);
font-size: calc(var(--size) * 0.25rem + 0.5rem);
display: block;
padding: 0.125rem 0.25rem;
position: relative;
text-decoration: none;
}
ul.tagcloud a[data-weight="1"] { --size: 1; }
ul.tagcloud a[data-weight="2"] { --size: 2; }
ul.tagcloud a[data-weight="3"] { --size: 3; }
ul.tagcloud a[data-weight="4"] { --size: 4; }
ul.tagcloud a[data-weight="5"] { --size: 5; }
ul.tagcloud a[data-weight="6"] { --size: 6; }
/* für die Angabe der Anzahl hinter dem Tag
ul[data-show-value] a::after {
content: " (" attr(data-weight) ")";
font-size: 1rem;
}
*/
ul.tagcloud li:nth-child(1n+1) a { --color: #2b4; }
ul.tagcloud li:nth-child(2n+1) a { --color: #181; }
ul.tagcloud li:nth-child(3n+1) a { --color: #33a; }
ul.tagcloud li:nth-child(4n+1) a { --color: #c38; }
ul.tagcloud li:nth-child(5n+1) a { --color: #843; }
ul.tagcloud li:nth-child(6n+1) a { --color: #fa0; }
ul.tagcloud a { opacity: calc((15 - (9 - var(--size))) / 15); }
ul.tagcloud a::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 100%;
background: var(--color);
transform: translate(-50%, 0);
opacity: 0.15;
transition: width 0.25s;
}
ul.tagcloud a:focus::before,
ul.tagcloud a:hover::before {
width: 100%;
border-radius: 10px;
border: 1px solid #000000;
box-shadow: 0 1px 3px #000000;
}
.cm-header h1 {
text-shadow: none;
font-size: 2em;
color: #cccccc;
}
.cm-header h1::before {
content: url('https://www.dreamcarisma.de/iconify/cookie.svg');
text-shadow: none;
margin-right: 10px;
}
@media (prefers-reduced-motion) {
ul.cloud * {
transition: none !important;
}
}
.button-search {
display: inline-block;
height: 26px;
width: 25px;
font-size: 13px;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #8f8f8f;
border: 1px solid #ccc;
border-left: transparent;
border-radius: 0 5px 5px 0;
}
.button-search:hover {
color: #363636;
border-color: #11A3EA;
border-left: 1px solid #11A3EA;
margin-left: -1px;
width: 26px;
}
#topbtn {
display: inline-block;
position: sticky;
width: 35px;
height: 35px;
bottom: 50vh;
margin-right: -20px;
opacity: 0;
visibility: hidden;
text-align: center;
border-radius: 0 5px 5px 0;
border: 1px solid #323232;
/*background-image: linear-gradient(#383838ed, #1a1a1aed);*/
background-color: #c3c3c3;
box-shadow: 0 2px 7px 0px #000000;
transition: all .3s ease-in-out;
cursor: pointer;
float: right;
}
#topbtn::after {
font-family: "FontAwesome";
content: "\f106";
font-weight: normal;
font-style: normal;
font-size: 2.6em;
line-height: 35px;
color: #242424;
text-shadow: 1px 1px #aaa;
}
#topbtn.show {
opacity: 0.65;
visibility: visible;
}
#topbtn:hover {
text-decoration: none;
}
@media (max-width: 1023px) {
#body-bg {
padding-bottom: 100px;
}
}
@media (max-width: 1140px) {
#topbtn {
/*margin-right: unset;*/
/*margin-right: -20px;*/
right: 5px;
display: inline-block;
position: sticky;
width: 35px;
height: 35px;
bottom: 50vh;
visibility: hidden;
text-align: center;
border-radius: 5px;
border: 1px solid #323232;
background-image: linear-gradient(#383838, #1a1a1a);
box-shadow: 0 2px 7px 0px #000000;
transition: all .3s ease-in-out;
cursor: pointer;
z-index: 998;
float: right;
}
#topbtn::after {
color: #fff;
text-shadow: 1px 1px #aaa;
}
#topbtn:hover {
opacity: 1;
}
}
#create-post {
display: inline-block;
position: sticky;
width: 60px;
height: 60px;
bottom: 48.5vh;
margin-left: -70px;
opacity: 0;
visibility: hidden;
text-align: center;
border-radius: 50%;
border: 1px solid #323232;
background-image: linear-gradient(#7fffff, #77d1fb);
box-shadow: 0 2px 7px 0px #000000;
transition: all .3s ease-in-out;
cursor: pointer;
z-index: 998;
}
#create-post:hover {
opacity: 1 !important;
}
#create-post i {
font-size: 30px;
line-height: 60px;
color: #00a500;
}
#create-post.show {
opacity: 0.85;
visibility: visible;
}
#create-post:hover {
text-decoration: none;
}
@media (max-width: 1023px) {
#body-bg {
padding-bottom: 100px;
}
}
@media (max-width: 1190px) {
#create-post {
left: 5px;
}
}
/* Link Styles
---------------------------------------- */
a:link { color: #898989; text-decoration: none; }
a:visited { color: #898989; text-decoration: none; }
a:hover { color: #d3d3d3; text-decoration: underline; text-underline-position:under;}
a:active { color: #d2d2d2; text-decoration: none; }
/* Coloured usernames */
.username-coloured {
font-weight: 600;
display: inline !important;
padding: 0 !important;
}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
text-decoration: none;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
text-decoration: none;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #ffffff;
text-decoration: underline;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #ffffff;
text-decoration: none;
}
/* Links for forum/topic lists */
a.forumtitle {
font-size: 1.3em;
font-weight: 600;
color: #898989;
text-decoration: none;
}
/* a.forumtitle:visited { color: #898989; } */
a.forumtitle:hover {
color: #bcbcbc;
text-decoration: underline;
}
a.forumtitle:active {
color: #898989;
}
a.topictitle {
font-size: 1.2em;
font-weight: 500;
color: #898989;
text-decoration: none;
}
/* a.topictitle:visited { color: #d2d2d2; } */
a.topictitle:hover {
color: #bcbcbc;
text-decoration: underline;
}
a.topictitle:active {
color: #898989;
}
/* Post body links */
.postlink {
text-decoration: none;
color: #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 0;
}
/* .postlink:visited { color: #bdbdbd; } */
.postlink:active {
color: #d2d2d2;
}
.postlink:hover {
background-color: #f6f6f6;
text-decoration: none;
color: #404040;
}
/* Post body eBay links */
.postlink_ebay {
background: url('./styles/Attriuum/imageset/link_ebay.png') no-repeat;
padding-left: 48px;
text-decoration: none;
color: #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 0;
}
/* .postlink_ebay:visited { color: #bdbdbd; } */
.postlink_ebay:active {
color: #d2d2d2;
}
.postlink_ebay:hover {
text-decoration: none;
color: #404040;
}
.signature a, .signature a:visited, .signature a:hover, .signature a:active {
border: none;
text-decoration: underline;
background-color: transparent;
}
/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
color: #898989;
text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
text-decoration: underline;
color: #d3d3d3;
}
/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
.postprofile a:active {
font-weight: bold;
color: #898989;
text-decoration: none;
}
/* Profile searchresults */
.search .postprofile a {
color: #898989;
text-decoration: none;
font-weight: normal;
}
.search .postprofile a:hover {
color: #d3d3d3;
text-decoration: underline;
}
/* Back to top of page */
.back2top {
clear: both;
height: 11px;
text-align: right;
}
a.top {
background: none no-repeat top left;
text-decoration: none;
width: 11px;
height: 11px;
display: block;
float: right;
overflow: hidden;
letter-spacing: 1000px;
text-indent: 11px;
}
a.top2 {
background: none no-repeat 0 50%;
text-decoration: none;
padding-left: 15px;
}
/* Arrow links */
a.up { background: none no-repeat left center; }
a.down { background: none no-repeat right center; }
a.left { background: none no-repeat 3px 60%; }
a.right { background: none no-repeat 95% 60%; }
a.up, a.up:link, a.up:active, a.up:visited {
padding-left: 10px;
text-decoration: none;
border-bottom-width: 0;
}
a.up:hover {
background-position: left top;
background-color: transparent;
}
a.down, a.down:link, a.down:active, a.down:visited {
padding-right: 10px;
}
a.down:hover {
background-position: right bottom;
text-decoration: none;
}
a.left, a.left:active, a.left:visited {
padding-left: 12px;
}
a.left:hover {
color: #d2d2d2;
text-decoration: none;
background-position: 0 60%;
}
a.right, a.right:active, a.right:visited {
padding-right: 12px;
}
a.right:hover {
color: #d2d2d2;
text-decoration: none;
background-position: 100% 60%;
}
/* invisible skip link, used for accessibility */
.skiplink {
position: absolute;
left: -999px;
width: 990px;
}
/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
float: right;
margin: 3px;
}
/* Content Styles
---------------------------------------- */
ul.topiclist, ul.topiclist_forums {
display: block;
list-style-type: none;
margin: 10px 0;}
ul.forums {background: #eef5f9 url("./styles/Attriuum/theme/images/gradient.gif") repeat-x 0 0;}
ul.topiclist li, ul.topiclist_forums li {
display: block;
list-style-type: none;
margin: 0;}
ul.topiclist dl, ul.topiclist_forums dl {position: relative;}
ul.topiclist li.row dl, ul.topiclist_forums li.row dl {padding: 2px 0;}
ul.topiclist dt {
display: block;
float: left;
width: 63%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;}
ul.topiclist_forums dt {
display: block;
float: left;
width: 57%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;}
ul.topiclist dd, ul.topiclist_forums dd {
display: block;
float: left;
border-left: 1px solid var(--color00);
padding: 4px 0;}
ul.topiclist dfn, ul.topiclist_forums dfn {
/* Labels for post/view counts */
position: absolute;
left: -999px;
width: 990px;}
dfn {display: none;}
ul.topiclist li.row dt a.subforum, ul.topiclist_forums li.row dt a.subforum {
position: relative;
white-space: nowrap;
padding: 0 0 0 5px;
font-size: 1.2em;}
.topiclist i {
/*font-size: 1.2em;*/
}
.forum-image {
float: left;
padding-top: 5px;
margin-right: 5px;}
li.row {
}
li.row strong {
font-weight: 600;
color: #000000;}
li.row:hover dd {border-left-color: var(--color03);}
li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;}
li.header dt {font-weight: bold;}
li.header dd {margin-left: 1px;}
li.header dl.icon {min-height: 0;}
li.header dl.icon dt {
/* Tweak for headers alignment when folder icon used */
padding-left: 0;
padding-right: 50px;}
/* Forum list column styles */
dl.icon {
min-height: 35px;
background-position: 0px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}
dl.icon dt {
padding-left: 45px; /* Space for folder icon */
background-repeat: no-repeat;
background-position: 23px 19%; /* Position of topic icon */
}
dd.posts, dd.topics, dd.views {
width: 12%;
text-align: left;
line-height: 1.1em;
font-size: 1.1em;}
dd.posts_forums, dd.topics_forums, dd.views_forums {
width: 12%;
text-align: left;
line-height: 1.1em;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;}
dd.evaluation {
width: 12%;
text-align: center;
line-height: 1.6em;
margin-top: 0;
padding-top: 0;}
/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
list-style-position: inside;
margin-left: 1em;}
dl.icon dt li {
display: list-item;
list-style-type: inherit;}
dd.simlastpost {
width: 19%;
font-size: 1.1em;
line-height: 1.6em;}
dd.lastpost {
width: 19%;
font-size: 1.1em;
line-height: 1.6em;}
dd.lastpost_forums {
width: 25%;
font-size: 1.1em;
line-height: 1.6em;}
.lastposttitle {
font-size: 1.1em;
font-weight: 600;}
dd.lastpost_portal {
width: 27%;
font-size: 1.1em;
line-height: 1.4em;}
dd.redirect {
font-size: 1.1em;
line-height: 2.5em;}
dd.moderation {font-size: 1.1em;}
dd.lastpost span, dd.lastpost_forums span, dd.lastpost_portal span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display: block;
padding-left: 5px;}
dd.time {
width: auto;
line-height: 200%;
font-size: 1.1em;}
dd.extra {
width: 12%;
line-height: 200%;
text-align: center;
font-size: 1.1em;}
dd.mark {
float: right !important;
width: 6%;
text-align: center;
line-height: 200%;
font-size: 1.2em;
}
dd.info {width: 23%;}
dd.option {
width: 15%;
line-height: 200%;
text-align: center;
font-size: 1.1em;}
dd.searchby {
width: 47%;
font-size: 1.1em;
line-height: 1em;}
ul.topiclist dd.searchextra {
margin-left: 5px;
padding: 0.2em 0;
font-size: 1.1em;
color: var(--color02);
border-left: none;
clear: both;
width: 98%;
overflow: hidden;}
/* Container for post/reply buttons and pagination */
/* Post body styles
----------------------------------------*/
.postbody {
width: min-content;
display: flex;
flex: auto;
flex-direction: column;
padding-right: 5px;
line-height: 1.48em;
color: var(--color01);
border-right: 1px solid var(--color00);
background-color: inherit;
}
.postbody_pm {
padding: 0;
line-height: 1.48em;
color: var(--color01);
width: 100%;
float: left;
clear: both;
}
.postbody .ignore {font-size: 1.1em;}
.postbody h3.first {
/* The first post on the page uses this */
font-size: 1.4em;}
.postbody_pm h3.first {
/* The first post on the page uses this */
font-size: 1.4em;}
.postbody h3 {
/* Postbody requires a different h3 format - so change it here */
font-size: 1.4em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
line-height: 125%;}
.postbody_pm h3 {
/* Postbody requires a different h3 format - so change it here */
font-size: 1.4em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
line-height: 125%;}
.postbody h3 img {
/* Also see tweaks.css */
vertical-align: bottom;}
.postbody .content {
font-size: 0.9rem;
margin-bottom: 20px;}
.postbody_pm .content {
font-size: 1.2em;
min-height: 140px;}
.search .postbody {
width: 68%}
.pm_info {
float: right;
margin: 10px;
line-height: 200%;
width: 65%;}
dt i.postuser {
width: unset !important;
font-size: unset !important;
text-align: unset !important;
margin-left: unset !important;
margin-right: unset !important;
}
dt i.offline {
color: rgb(88 170 255);
}
dt i.online {
color: rgb(0, 225, 0);
}
span.userage {
font-size: 0.8em !important;
color: #ccc !important;
}
span.userage:hover {
font-size: 0.8em;
color: #ccc;
text-decoration: none !important;
}
i.userdetail {
width: 15px;
color: #b1b1b1;
}
/* Topic review panel
----------------------------------------*/
#review {margin-top: 2em;}
#topicreview {
padding-right: 5px;
overflow: auto;
height: 300px;}
#topicreview .postbody {
width: 100%;
float: none;
margin: 0;
height: auto;}
#topicreview .post {height: auto;}
#topicreview h2 {border-bottom-width: 0;}
.post-ignore .postbody {display: none;}
/* MCP Post details
----------------------------------------*/
#post_details {
/* This will only work in IE7+, plus the others */
overflow: auto;
max-height: 300px;}
#expand {clear: both;}
/* Content container styles
----------------------------------------*/
.content {
overflow: hidden;
line-height: 1.5em;
color: var(--color01);
}
.content h2, .panel h2, .panelbox h2 {
font-weight: normal;
color: var(--h2);
text-transform: uppercase;
font-size: 1.1rem;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid #CCCCCC;}
.panel h3 {margin: 0.5em 0;}
.panel p, .content p {
font-size: 0.875rem;
margin-bottom: 1em;
line-height: 1.3em;
grid-column: 1 / -1;}
dl.faq {
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;}
dl.faq dt {
font-weight: bold;
color: var(--color02);
scroll-margin: 60px 0 0 0;}
.content dl.faq {
font-size: 1.2em;
margin-bottom: 0.5em;}
.content li {
list-style-type: inherit;
line-height: 22px;}
.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;}
.posthilit {
background-color: #fcffa8;
color: #555e09;
padding: 0 2px 2px 2px;
border-radius: 5px;}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
border-left-color: #BCBCBC;
border-right-color: #BCBCBC;}
.signature>div>img {
max-width: 700px;
}
dd .signature {
margin: 0;
padding: 0;
clear: none;
border: none;}
.signature li {list-style-type: inherit;}
.signature ul, .signature ol {
margin-bottom: 1em;
margin-left: 3em;}
.signature a, .signature a:visited, .signature a:hover, .signature a:active {background-color: transparent;}
/* Post noticies */
.notice {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: auto;
margin-top: 1.5em;
padding-top: 0.2em;
font-size: 1em;
border-top: 1px dashed #CCCCCC;
clear: left;
line-height: 130%;}
/* Jump to post link for now */
ul.searchresults {
list-style: none;
text-align: right;
clear: both;}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #939b8526;
border: 1px solid #9eb7793b;
border-left: 2px solid #93af68c2;
font-size: 0.9em;
margin: 5px 10px;
overflow: hidden;
padding: 5px;
border-radius: 5px;
box-shadow: 2px 2px 10px -2px #93939380;}
blockquote blockquote {
/* Nested quotes */
background-color: #f5ffe612;
font-size: 0.95em;
margin: 0.5em 1px 0 15px;}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #f1ffdb12;}
blockquote cite {
/* Username/source of quoter */
display: flex;
align-items: flex-end;
margin-left: 30px;
font-style: normal;
font-weight: bold;
font-size: 0.9em;
white-space: pre;
border-bottom: 1px solid #e5efd5;}
blockquote cite cite {font-size: 1em;}
blockquote.uncited {padding-top: 5px;}
cite:before, .uncited:before {
font-family: "Font Awesome 5 Free";
content: "\f10d";
font-size: 2em;
font-weight: 600;
margin-right: 5px;
margin-left: -30px;
color:#93af68c2;}
.uncited:before{
margin-left: 0 !important;
font-size: 1.8em;}
/* Code block */
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
border-left: 3px solid #c9d2d8;
font-size: 1em;}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;}
blockquote dl.codebox {margin-left: 0;}
dl.codebox code {
/* Also see tweaks.css */
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Monaco, "Andale Mono", "Courier New", Courier, mono;
line-height: 1.3em;
color: #2E8B57;
margin: 2px 0;}
.syntaxbg {color: #FFFFFF;}
.syntaxcomment {color: #FF8000;}
.syntaxdefault {color: #0000BB;}
.syntaxhtml {color: #000000;}
.syntaxkeyword {color: #007700;}
.syntaxstring {color: #DD0000;}
code.cline {
background-color:#FFF;
color:#696969;
border:1px solid #a9a9a9;
padding: 0 2px;
}
/* Hide Box */
.spoiler-details {
background-color: var(--bg02);
border: 1px solid #cfcfcf;
border-radius: 5px;
padding: 0.2em;
margin: 0.5em;
font-size: 1em;
}
.spoiler-details summary {
cursor: pointer;
font-weight: bold;
font-size: 1.2em;
list-style: none;
padding: 0.25em;
color: var(--a);
}
.spoiler-details summary::before {
font-family: "Font Awesome 6 Free";
/*font-weight: 400;*/
content: "\2b";
/*content: "\f0fe";*/
margin-right: 5px;
color: #999999;
}
.spoiler-details[open] summary {
border-bottom: 1px solid #bbb;
}
.spoiler-details[open] summary::before {
font-family: "Font Awesome 6 Free";
/*font-weight: 600;*/
content: "\f068";
/*content: "\f146";*/
margin-right: 5px;
}
.spoiler-details>summary>a {
float: right;
}
/* Attachments
----------------------------------------*/
.attachments {
position: relative;
display: grid;
margin: 5px 0;
padding: 5px;
border-radius: 5px;
border: 1px dashed #C9D2D8;
background-color: var(--bg02);
}
.attachments>span {
width: 100%;
margin-bottom: 5px;
border-bottom: 1px solid #C9D2D8;
text-transform: uppercase;
}
.attachbox {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: baseline;
width: auto;
}
.attachbox .thumbnail, .inline-attachment .thumbnail {
margin: 5px;
}
.pm-message .attachbox {background-color: #F2F3F3;}
.attachbox dt {
font-family: Arial, Helvetica, sans-serif;
}
.attachbox dd {
border-bottom: 1px solid #C9D2D8;}
.attachbox dd dd {border: none;}
.attachbox p {
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;}
.attachbox p.stats {
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;}
.attach-image {
margin: 3px 0;
width: 100%;
max-height: 350px;
overflow: auto;}
.attach-image img {
border: 1px solid #999999;
/* cursor: move; */
cursor: default;}
/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
display: block;
margin-bottom: 4px;
margin-right: 10px;
font-size: 0.625rem;
line-height: 1;
background-color: #fff;
border-radius: 5px;
}
div.inline-attachment p {font-size: 100%;}
dl.file {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
margin-right: 10px;}
dl.file dt {
display: flex;
align-items: flex-end;
text-transform: none;
margin: 0;
padding: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;}
dl.file dd {
color: #666666;
margin: 0;
padding: 0;}
dl.thumbnail img {
padding: 3px;
border: 1px solid #fff;
background-color: #fff;
border-radius: 5px;}
dl.thumbnail dd {
color: #666666;
font-style: italic;
padding: 0 3px;
line-height: 0.9rem;}
.attachbox dl.thumbnail dd {font-size: 100%;}
dl.thumbnail dt a:hover {background-color: #EEEEEE;}
dl.thumbnail dt a:hover img {border: 1px solid #368AD2;}
.attach_info {
display: none;
width: 100%;
padding: 1px 0;
margin-top: -22px;
background: linear-gradient(to bottom, #00000059, #000);
border: 0;
color: #FFF;
font-size: 0.7rem;
line-height: 1rem;
text-align: center;
text-decoration: none;
border-radius: 0 0 5px 5px;
}
dl.thumbnail a {
display: inline-grid;
align-items: end;
}
dl.thumbnail a:hover .attach_info {
display: unset;
}
.thumbnail {
z-index: 0;
position: relative;
width: min-content;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls {font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #DCDEE2;
padding: 5px 0 0 0;
line-height: 120%;
color: #666666;}
fieldset.polls dl.voted {
font-weight: bold;
color: #000000;}
fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;}
fieldset.polls dd {
float: left;
width: 5%;
border-left: none;
padding: 0 5px;
margin-left: 0;}
fieldset.polls dd.resultbar {width: 60%;}
fieldset.polls dd input {margin: 2px 0;}
fieldset.polls dd div {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 0 2px;
overflow: visible;
min-width: 2%;}
.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {border-radius: 0 5px 5px 0;}
.pollbar1 {
background-color: #AA2346;
border-bottom: 1px solid #74162C;
border-right: 1px solid #74162C;}
.pollbar2 {
background-color: #BE1E4A;
border-bottom: 1px solid #8C1C38;
border-right: 1px solid #8C1C38;}
.pollbar3 {
background-color: #D11A4E;
border-bottom: 1px solid #AA2346;
border-right: 1px solid #AA2346;}
.pollbar4 {
background-color: #E41653;
border-bottom: 1px solid #BE1E4A;
border-right: 1px solid #BE1E4A;}
.pollbar5 {
background-color: #F81157;
border-bottom: 1px solid #D11A4E;
border-right: 1px solid #D11A4E;}
/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin-top: 5px;
min-height: 150px;
color: #666666;
width: 210px;
float: right;
display: inline;
position: sticky;
align-self: flex-start;
top: 111px;}
.pm .postprofile {border-left: 1px solid #DDDDDD;}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;}
.postprofile strong {
font-weight: normal;
color: #000000;}
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {color: #105289;}
.postprofile a:hover, .postprofile dt.author a:hover {color: #D31141;}
.postprofile a:active {color: #105289;}
.avatar {
border: none;
margin-bottom: 3px;}
.online {
background-image: url("./styles/Attriuum/imageset/de/icon_user_online.gif");
background-position: 100% 0;
background-repeat: no-repeat;}
.usercontact {
margin: 2px;
font-size: 18px
}
.fa-facebook.usercontact {
color: #450bd3;
}
.fa-instagram.usercontact {
color: #cb16a4;
}
.fa-twitter.usercontact {
color: #55acee;
}
.fa-youtube.usercontact {
color: #eb2a2a;
}
/* Poster profile used by search*/
.search .postprofile {width: 30%;}
/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {width: 60% !important;}
dl.pmlist dt textarea {width: 95%;}
dl.pmlist dd {
margin-left: 61% !important;
margin-bottom: 2px;}
.ccMessageContainer {font-size:0.8em;color:#aaa;background-color:#fff;width:480px;border-radius:5px;padding:5px;margin:5px;}
.ccMessageContainer a {font-size:1.2em;color:#06f;}
p.videolink {font-size:0.9em;color:#ccc;}
iframe {width: 480px; height:280px}
.gsccMessageContainer {font-size:0.8em;color:#aaa;background-color:#fff;width:315px;padding:3px;margin:0;}
.gsccMessageContainer p {font-size:0.6rem;line-height:0.75rem;}
.gsccMessageContainer a {color:#06f;}
/* Topic-Tags */
.topicattr {
padding: 0 4px;
border-radius: 4px;
font-size: 1em;
font-weight: 100;
background-color: rgb(255, 255, 255);
color: rgb(137, 137, 137);
}
h1 .topicattr {
position: relative;
top: -3px;
font-size: 1.1rem;
text-shadow: none;
background-color: rgb(255, 255, 255);
border: 1px solid #cccccc;
border-radius: 6px;
}
h3 .topicattr {
position: relative;
font-size: 0.8rem;
text-shadow: none;
background-color: rgb(255, 255, 255);
border: 1px solid #cccccc;
border-radius: 6px;
}
._facelift {background-color: rgb(255, 219, 219) !important; border: 1px solid rgb(255, 80, 80) !important;}
._prefacelift {background-color: rgb(255, 233, 233) !important; border: 1px solid rgb(255, 120, 120) !important;}
._colt {background-color: rgb(170, 255, 191) !important;}
._lancer {background-color: rgb(255, 170, 170) !important;}
._galant {background-color: rgb(170, 217, 255) !important;}
._outlander {background-color: rgb(249, 255, 195) !important;}
._pajero {background-color: rgb(228, 255, 131) !important;}
._space {background-color: rgb(193, 202, 194) !important;}
._3000gt {background-color: rgb(255, 194, 153) !important;}
._eclipse {background-color: rgb(153, 255, 246) !important; border: 1px solid rgb(230, 230, 230) !important;}
.topicattr[data-attr="1.3 mpi"] {background-color: rgb(248, 184, 203) !important;color: rgb(148, 26, 26);}
.topicattr[data-attr="1.6 mpi"] {background-color: rgb(255, 133, 170) !important;color: rgb(73, 9, 9);}
.topicattr[data-attr="1.8 mpi"] {background-color: rgb(235, 67, 117) !important;color: rgb(255, 255, 255);}
.topicattr[data-attr="1.8 gdi"] {background-color: rgb(219, 9, 72) !important;color: rgb(255, 235, 235);}
.topicattr[data-attr="1.9 td"] {background-color: rgb(95, 185, 122) !important;color: rgb(255, 255, 255);}
.topicattr[data-attr="1.9 di-d"]{background-color: rgb(15, 141, 53) !important;color: rgb(225, 255, 243);}
._gutachten {background-color: #ecd5a9 !important;}
._recht {background-color: #fff9ee !important;}
.topicattr[data-attr="hu/au"] {background-color: #f8e4bf !important;}
.topicsolved {
color: rgb(16, 173, 29);
margin-left: 5px;
margin-bottom: -7px;
}
h1>a>.topicsolved {
margin-bottom: 0;
}
/* Lexicon */
dl.lexicon {
line-height: 1.2em;
}
.lexicon dt {
font-weight:bold;
width:100%;
font-size:1.2em;
color:#28313F;
}
.lexicon dd {
padding:0.5em;
}
acronym {
cursor: help;
font-style: italic;
color:#003200;
/*border-bottom: 1px dashed #006206;*/
}
#lexiconEntry{
position: absolute;
display: unset;
width: 17rem;
margin-top: 1.4rem;
margin-left: -1rem;
padding: 5px;
height: auto;
font-size: 0.6rem;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 10px -2px #b5b5b5;
/* overflow: overlay; */
z-index: 1;
}
#lexiconEntry h3{
font-size: 0.8rem;
background: transparent;
display: inline;
}
a#lexiconClose{
color: #440000;
padding: 0 5px 1px 5px;
float: right;
border: 1px solid transparent;
border-radius: 3px;
}
a#lexiconClose:hover, a#lexiconClose:active{
color: #000000;
border: 1px solid #440000;
background-color: #ffd7d7;
}
.gsc-search-button-v2 {
padding: 6px 20px !important;
}
.gsc-input:active, .gsc-input:hover, .gsc-input:focus {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.post-stats i {font-size:1.2rem;vertical-align:bottom;}
/* Button Styles
---------------------------------------- */
/* Rollover buttons
Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
/* Rollover state */
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
/* Rolloff state */
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
position: relative;
overflow: hidden;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span { background-position: 0 100%; }
/* Big button images */
.reply-icon span { background: transparent none 0 0 no-repeat; }
.post-icon span { background: transparent none 0 0 no-repeat; }
.locked-icon span { background: transparent none 0 0 no-repeat; }
.pmreply-icon span { background: none 0 0 no-repeat; }
.newpm-icon span { background: none 0 0 no-repeat; }
.forwardpm-icon span { background: none 0 0 no-repeat; }
/* Set big button dimensions */
.buttons div.reply-icon { width: 96px; height: 25px; }
.buttons div.post-icon { width: 96px; height: 25px; }
.buttons div.locked-icon { width: 96px; height: 25px; }
.buttons div.pmreply-icon { width: 96px; height: 25px; }
.buttons div.newpm-icon { width: 96px; height: 25px; }
.buttons div.forwardpm-icon { width: 96px; height: 25px; }
/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
display: block;
overflow: hidden;
height: 26px;
width: 30px;
text-align: center;
line-height: 1.0em;
border: 1px #dddddd solid;
background-color: #ffffff;
padding: 0;
margin: 0;}
a.sendemail {font-size: 1.7em;}
a.print {font-size: 1.5em;}
a.print i, a.sendemail i {padding-top: 5px;color: #4D58B4;}
a.print:hover, a.sendemail:hover {background-color: #ededed;}
a.fontsize {
background-image: none;
background-position: 0 -1px;
width: 29px;
}
a.fontsize:hover {
background-position: 0 -20px;
text-decoration: none;
}
/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search, .ico-visits, .ico-bookmark, .ico-followers {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
padding-top: 10px;
list-style: none;
}
/* Rollover state */
ul.profile-icons li {
float: left;
/*margin: 0 6px 3px 0;
background-position: 0 100%;*/
}
/* Rolloff state */
ul.profile-icons li a {
display: block;
/*width: 100%;
height: 100%;
background-position: 0 0;*/
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }
/* Positioning of moderator icons */
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
opacity: 0.2;
transition: opacity 0.2s ease-in;
}
.post:hover ul.profile-icons {
opacity: 1;
}
.postbody ul.profile-icons li {
margin: 0 2px;
}
.postbody_pm ul.profile-icons {
float: right;
width: auto;
padding: 0;
}
.postbody_pm ul.profile-icons li {
margin: 0 3px;
}
/* Profile & navigation icons */
.email-icon, .email-icon a { background: none top left no-repeat; }
.aim-icon, .aim-icon a { background: none top left no-repeat; }
.yahoo-icon, .yahoo-icon a { background: none top left no-repeat; }
.web-icon, .web-icon a { background: none top left no-repeat; }
.msnm-icon, .msnm-icon a { background: none top left no-repeat; }
.icq-icon, .icq-icon a { background: none top left no-repeat; }
.jabber-icon, .jabber-icon a { background: none top left no-repeat; }
.pm-icon, .pm-icon a { background: none top left no-repeat; }
.quote-icon, .quote-icon a { background: none top left no-repeat; }
/* Moderator icons */
.report-icon, .report-icon a { background: none top left no-repeat; }
.warn-icon, .warn-icon a { background: none top left no-repeat; }
.edit-icon, .edit-icon a { background: none top left no-repeat; }
.delete-icon, .delete-icon a { background: none top left no-repeat; }
.info-icon, .info-icon a { background: none top left no-repeat; }
.solve-icon, .solve-icon a { background: none top left no-repeat; }
.unsolve-icon, .unsolve-icon a { background: none top left no-repeat; }
/* Set profile icon dimensions */
ul.profile-icons li.email-icon { width: 20px; height: 20px; }
ul.profile-icons li.aim-icon { width: 20px; height: 20px; }
ul.profile-icons li.yahoo-icon { width: 20px; height: 20px; }
ul.profile-icons li.web-icon { width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon { width: 20px; height: 20px; }
ul.profile-icons li.icq-icon { width: 20px; height: 20px; }
ul.profile-icons li.jabber-icon { width: 20px; height: 20px; }
ul.profile-icons li.pm-icon { width: 20px; height: 20px; }
ul.profile-icons li.quote-icon { width: 53px; height: 17px; }
ul.profile-icons li.report-icon { width: 20px; height: 20px; }
ul.profile-icons li.edit-icon { width: 53px; height: 17px; }
ul.profile-icons li.delete-icon { width: 20px; height: 20px; }
ul.profile-icons li.info-icon { width: 20px; height: 20px; }
ul.profile-icons li.warn-icon { width: 20px; height: 20px; }
ul.profile-icons li.solve-icon { width: 20px; height: 20px; }
ul.profile-icons li.unsolve-icon{ width: 20px; height: 20px; }
ul.profile-icons li.thanks-icon { width: 16px; height: 16px; }
ul.profile-icons li.removethanks-icon { width: 16px; height: 16px; }
/* Fix profile icon default margins */
ul.profile-icons li.edit-icon { margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon { margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; }
/* Control Panel Styles
---------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #A4B3BF;
}
#cp-menu {
float:left;
width: 19%;
margin-top: 1em;
margin-bottom: 5px;
}
#cp-main {
float: left;
width: 81%;
}
#cp-main .content {
padding: 0;
}
#cp-main .panel p {
font-size: 1.1em;
}
#cp-main .panel ol {
margin-left: 2em;
font-size: 1.1em;
}
#cp-main .panel li.row {
border-bottom: 1px solid #B5C1CB;
border-top: 1px solid #F9F9F9;
}
ul.cplist {
margin-bottom: 5px;
border-top: 1px solid #B5C1CB;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
margin-bottom: 2px;
}
#cp-main table.table1 {
margin-bottom: 1em;
}
#cp-main table.table1 thead th {
color: #333333;
font-weight: bold;
border-bottom: 1px solid #333333;
padding: 5px;
}
#cp-main table.table1 tbody th {
font-style: italic;
background-color: transparent !important;
border-bottom: none;
}
#cp-main .pagination {
float: right;
width: auto;
padding-top: 1px;
}
#cp-main .postbody p {
font-size: 1.1em;
}
#cp-main .pm-message {
border: 1px solid #DBDEE2;
margin: 10px 0;
background-color: #FFFFFF;
width: auto;
float: none;
}
.pm-message h2 {
padding-bottom: 5px;
}
#cp-main .postbody h3, #cp-main .box2 h3 {
margin-top: 0;
}
#cp-main .buttons {
margin-left: 0;
}
#cp-main ul.linklist {
margin: 0;
}
/* MCP Specific tweaks */
.mcp-main .postbody {
width: 100%;
}
.tabs-container h2 {
float: left;
margin-bottom: 0;
}
.tabs-container #minitabs {
float: right;
margin-top: 19px;
}
.tabs-container:after {
display: block;
clear: both;
content: '';
}
/* CP tabbed menu
----------------------------------------*/
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;
min-width: 570px;
}
#tabs ul {
margin:0;
padding: 0;
list-style: none;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#tabs a {
float: left;
/*background: none no-repeat 0% -35px;*/
/*margin: 3px 4px -1px 4px;*/
text-decoration: none;
position: relative;
cursor: pointer;
}
#tabs a span {
float: left;
display: block;
/*background: none no-repeat 100% -35px;*/
padding: 6px 10px;
color: #828282;
white-space: nowrap;
}
#tabs a:hover span {
color: #bcbcbc;
}
#tabs .activetab a {
/*background-position: 0 0;*/
border-bottom: 1px solid #ebebeb;
}
#tabs .activetab a span {
/*background-position: 100% 0;*/
padding-bottom: 7px;
color: #333333;
}
#tabs a:hover {
/*background-position: 0 -70px;*/
}
#tabs a:hover span {
/*background-position:100% -70px;*/
}
#tabs .activetab a:hover {
/*background-position: 0 0;*/
}
#tabs .activetab a:hover span {
color: #000000;
/*background-position: 100% 0;*/
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
line-height: normal;
margin: -20px 7px 0 0;
}
#minitabs ul {
margin:0;
padding: 0;
list-style: none;
}
#minitabs li {
display: block;
float: right;
padding: 0 10px 4px 10px;
font-size: 1em;
font-weight: bold;
background-color: #E1EBF2;
margin-left: 2px;
}
#minitabs a {
}
#minitabs a:hover {
text-decoration: none;
}
#minitabs li.activetab {
background-color: #F9F9F9;
}
#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
width: 100%;
padding-top: 36px;
}
#navigation ul {
list-style:none;
}
/* Default list state */
#navigation li {
margin: 1px 0;
padding: 0;
font-weight: bold;
display: inline;
}
/* Link styles for the sub-section links */
#navigation a {
display: block;
padding: 5px;
margin: 1px 0;
text-decoration: none;
font-weight: bold;
color: #333;
background: #cfcfcf none repeat-y 100% 0;
}
#navigation a:hover {
text-decoration: none;
background-color: #c6c6c6;
color: #bcbcbc;
background-image: none;
}
#navigation #active-subsection a {
display: block;
color: #d3d3d3;
background-color: #F9F9F9;
background-image: none;
}
#navigation #active-subsection a:hover {
color: #d3d3d3;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
border-bottom: none;
padding: 0;
margin-left: 10px;
color: #333333;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #FFFFFF;
}
#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: none;
}
#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: none;
}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: none;
}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: none;
}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: none;
}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: none;
}
/* Friends list */
.cp-mini {
background-color: #f9f9f9;
padding: 0 5px;
margin: 10px 15px 10px 5px;
}
.cp-mini span.corners-top, .cp-mini span.corners-bottom {
margin: 0 -5px;
}
dl.mini dt {
font-weight: bold;
color: #676767;
}
dl.mini dd {
padding-top: 4px;
}
.friend-online {
font-weight: bold;
}
.friend-offline {
font-style: italic;
}
/* PM Styles
----------------------------------------*/
#pm-menu {
line-height: 2.5em;
}
/* PM panel adjustments */
.reply-all a.left {
background-position: 3px 60%;
}
.reply-all a.left:hover {
background-position: 0 60%;
}
.reply-all {
font-size: 11px;
padding-top: 5px;
}
/* PM Message history */
.current {
color: #999999;
}
/* Defined rules list for PM options */
ol.def-rules {
padding-left: 0;
}
ol.def-rules li {
line-height: 180%;
padding: 1px;
}
/* PM marking colours */
.pmlist li.bg1 {
padding: 0 3px;
}
.pmlist li.bg2 {
padding: 0 3px;
}
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #bcbcbc;
border-right-color: #bcbcbc;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
padding: 0;
border: solid 3px #ffffff;
border-width: 0 3px;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
padding: 0;
border: solid 3px #c2c2c2;
border-width: 0 3px;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
padding: 0;
border: solid 3px #bdbdbd;
border-width: 0 3px;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
padding: 0;
border: solid 3px #000000;
border-width: 0 3px;
}
.pm-legend {
border-left-width: 10px;
border-left-style: solid;
border-right-width: 0;
margin-bottom: 3px;
padding-left: 3px;
}
/* Avatar gallery */
#gallery label {
position: relative;
float: left;
margin: 10px;
padding: 5px;
width: auto;
background: #FFFFFF;
border: 1px solid #CCC;
text-align: center;
}
#gallery label:hover {
background-color: #EEE;
}
/* Form Styles
---------------------------------------- */
/* General form styles
----------------------------------------*/
fieldset {
border-width: 0;
font-size: 0.8rem;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-radius: 5px;
}
input:focus {
outline: 0 none;
box-shadow: 0 1px 3px #afd7ff;
}
select {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 1em;
cursor: pointer;
vertical-align: middle;
border: 0;
border-bottom: 1px solid #b7bdc3;
padding: 1px;
background-color: var(--bg02);
border-radius: 5px;
}
select:hover {
border-bottom: 1px solid #11A3EA;
}
select:focus {
outline: 0 none;
box-shadow: 0 1px 3px #afd7ff;
}
option {
padding-right: 1em;
}
option.disabled-option {
color: gray;
}
textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 60%;
padding: 2px;
font-size: 0.9em;
line-height: 1.4em;
border-radius: 5px;
}
textarea:focus {
outline: 0 none;
box-shadow: 0 1px 3px #afd7ff;
}
label {
cursor: default;
padding-right: 5px;
color: #676767;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
padding: 4px 0;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
vertical-align: top;
margin-bottom: 3px;
}
/* Specific layout 1 */
fieldset.fields1 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields1 dd {
margin-left: 15em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
/* Set it back to 0 for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div {
margin-bottom: 0;
}
/* Specific layout 2 */
fieldset.fields2 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields2 dd {
margin-left: 16em;
border-left-width: 0;
}
/* Form elements */
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
color: #333;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
#timezone {
width: 95%;
}
* html #timezone {
width: 50%;
}
/* Quick-login on index page */
fieldset.quick-login {
margin-top: 5px;
}
fieldset.quick-login input {
width: auto;
}
fieldset.quick-login input.inputbox {
width: 15%;
vertical-align: middle;
margin-right: 5px;
background-color: #f3f3f3;
}
fieldset.quick-login label {
white-space: nowrap;
padding-right: 2px;
}
/* Display options on viewtopic/viewforum pages */
fieldset.display-options {
text-align: center;
margin: 3px 0 5px 0;
}
fieldset.display-options label {
white-space: nowrap;
padding-right: 2px;
}
fieldset.display-options a {
margin-top: 3px;
}
/* Display actions for ucp and mcp pages */
fieldset.display-actions {
text-align: right;
line-height: 2em;
white-space: nowrap;
padding-right: 1em;
}
fieldset.display-actions label {
white-space: nowrap;
padding-right: 2px;
}
fieldset.sort-options {
line-height: 2em;
}
/* MCP forum selection*/
fieldset.forum-selection {
margin: 5px 0 3px 0;
float: right;
}
fieldset.forum-selection2 {
margin: 13px 0 3px 0;
float: right;
}
/* Jumpbox */
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
height: 2.5em;
}
fieldset.quickmod {
/*width: 50%;
float: right;*/
text-align: right;
height: 2.5em;
}
/* Submit button fieldset */
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
}
fieldset.submit-buttons input {
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
}
/* Posting page styles
----------------------------------------*/
/* Buttons used in the editor */
#format-buttons {margin: 15px 0 2px 0;}
#format-buttons input, #format-buttons select {vertical-align: middle;}
/* Main message box */
#message-box {width: 80%;}
#message-box textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 450px;
height: 270px;
min-width: 100%;
max-width: 100%;
font-size: 1.1em;
color: #333333;
}
/* Emoticons panel */
#smiley-box {
width: 18%;
float: right;
}
#smiley-box img {margin: 3px;}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border: 0;
border-bottom: 1px solid #B4BAC0;
color: #333333;
padding: 4px;
cursor: text;
}
.inputbox:hover {border-bottom: 1px solid #11A3EA;}
dd .inputbox:focus {
color: #4b4b4b;
outline-style: none;
box-shadow: 0 1px 3px #afd7ff;
}
div.logincenter .inputbox:focus {box-shadow: none;}
input.inputbox {width: 85%;}
input.medium {width: 50%;}
input.narrow {width: 25%;}
input.tiny {width: 140px;}
textarea.inputbox {width: 95%;}
.autowidth {width: auto !important;}
/* Form button styles
---------------------------------------- */
a.button1, a.button2, input.button1, input.button2, input.button3 {
width: auto;
padding: 1px 5px;
font: normal 14px Verdana, Helvetica, Arial, sans-serif;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
outline: none;
background: #cccccc url("./styles/Attriuum/theme/images/btn.bg.png") repeat-x 0 0;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 3px;
}
a.button1, a.button1:link, a.button1:visited, a.button1:active, input.button1 {
color: #141414;
}
a.button2, a.button2:link, a.button2:visited, a.button2:active, input.button2, input.button3 {
color: #444444;
}
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
padding: 3px 4px;
}
a.button1, input.button1 {
font-weight: bold;
}
input.button3 {
padding: 0;
margin: 0;
line-height: 5px;
height: 12px;
background-image: none;
font-variant: small-caps;
}
/* Hover states */
a.button1:hover, a.button2:hover, input.button1:hover, input.button2:hover, input.button3:hover {
border: 1px solid rgba(0,0,0,0.2);
background-color: #00c0ff;
}
a.button1:focus, a.button2:focus, input.button1:focus, input.button2:focus, input.button3:focus {
border: 1px solid rgba(0,0,0,0.5);
box-shadow: 0 1px 3px #afd7ff;
}
input.disabled {
font-weight: normal;
color: #666666;
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
outline-style: none;
}
/* Topic and forum Search */
/*
.search-box input {
}
*/
input.search {
border-radius: 5px 0 0 5px;
margin-right: 0;
font-size: 0.8rem;
border: 1px solid #b4bac0;
}
input.search:hover {
border: 1px solid #11A3EA;
}
input.search:focus {
box-shadow: 0 1px 3px #afd7ff;
}
div.searchbar .inputbox:focus {
box-shadow: none;
}
.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}
/* Style Sheet Tweaks
These style definitions are mainly IE specific
tweaks required due to its poor CSS support.
-------------------------------------------------*/
* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("./styles/Attriuum/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/Attriuum/theme/images/corners_right.gif"); }
table.table1 {
width: 99%; /* IE < 6 browsers */
/* Tantek hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 100%;
}
html>body table.table1 { width: 100%; } /* Reset 100% for opera */
* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }
/* Form styles */
html>body dd label input { vertical-align: text-bottom; } /* Align checkboxes/radio buttons nicely */
* html input.button1, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }
/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
From http://www.positioniseverything.net/easyclearing.html
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/
.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
/*height: 1%;*/
overflow: hidden;
}
/* viewtopic fix */
* html .post {
height: 25%;
overflow: hidden;
}
/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
height: 4%;
overflow: hidden;
}
/* Simple fix so forum and topic lists always have a min-height set, even in IE6
From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
min-height: 35px;
height: auto !important;
height: 35px;
}
* html li.row dl.icon dt {
height: 35px;
overflow: visible;
}
* html #search-box {
width: 25%;
}
/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
margin-left: 30%;
float: none;
}
* html dl.details dd {
margin-left: 30%;
float: none;
}
/* Headerbar height fix for IE7 and below */
* html #site-description p {
margin-bottom: 1.0em;
}
*:first-child+html #site-description p {
margin-bottom: 1.0em;
}
/* Colours and backgrounds for links.css
-----------------------------------------*/
a:link {color: #105289;}
a:visited {color: #105289;}
a:hover {color: #D31141;}
a:active {color: #368AD2;}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {color: #FFFFFF;}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {color: #FFFFFF;}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {color: #A8D8FF;}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {color: #C8E6FF;}
/* Links for forum/topic lists */
a.forumtitle {color: #105289;}
/* a.forumtitle:visited { color: #105289; } */
a.forumtitle:hover {color: #BC2A4D;}
a.forumtitle:active {color: #105289;}
a.topictitle {color: #105289;}
/* a.topictitle:visited { color: #368AD2; } */
a.topictitle:hover {color: #BC2A4D;}
a.topictitle:active {color: #105289;}
/* Post body links */
.postlink, .postlink_ebay {
color: #368AD2;
border-bottom-color: #368AD2;}
.postlink:visited, .postlink_ebay:visited {
color: #5D8FBD;
border-bottom-color: #5D8FBD;}
.postlink:active, .postlink_ebay:active {
color: #368AD2;}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;}
.postlink_ebay:hover {border-bottom-color: #D0E4F6;}
/* Profile searchresults */
.search .postprofile a {color: #105289;}
.search .postprofile a:hover {color: #D31141;}
/* Back to top of page */
a.top {background-image: url("./styles/Attriuum/imageset/icon_back_top.gif");}
a.top2 {background-image: url("./styles/Attriuum/imageset/icon_back_top.gif");}
/* Arrow links */
a.up {background-image: url("./styles/Attriuum/theme/images/arrow_up.gif");}
a.down {background-image: url("./styles/Attriuum/theme/images/arrow_down.gif");}
a.left {background-image: url("./styles/Attriuum/theme/images/arrow_left.gif");}
a.right {background-image: url("./styles/Attriuum/theme/images/arrow_right.gif");}
a.up:hover {background-color: transparent;}
a.left:hover {color: #368AD2;}
a.right:hover {color: #368AD2;}
/* Colours and backgrounds for content.css
------------------------------------------- */
.rtl ul.topiclist dd {
border-right-color: #fff;
border-left-color: transparent;}
ul.topiclist li.row dt a.subforum.read {background-image: url("./styles/Attriuum/imageset/subforum_read.gif");}
ul.topiclist li.row dt a.subforum.unread {background-image: url("./styles/Attriuum/imageset/subforum_unread.gif");}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;}
/* BB Code styles
------------------*/
/* Quote block */
/* blockquote {background-image: url("./styles/Attriuum/theme/images/quote.gif");} */
.rtl blockquote {background-image: url("./styles/Attriuum/theme/images/quote_rtl.gif");}
/* Colours and backgrounds for buttons.css
------------------------------------------- */
/* Big button images */
.reply-icon span {background-image: url("./styles/Attriuum/imageset/de/button_topic_reply.gif");}
.post-icon span {background-image: url("./styles/Attriuum/imageset/de/button_topic_new.gif");}
.locked-icon span {background-image: url("./styles/Attriuum/imageset/de/button_topic_locked.gif");}
.pmreply-icon span {background-image: url("./styles/Attriuum/imageset/de/button_pm_reply.gif");}
.newpm-icon span {background-image: url("./styles/Attriuum/imageset/de/button_pm_new.gif");}
.forwardpm-icon span {background-image: url("./styles/Attriuum/imageset/de/button_pm_forward.gif");}
a.print {color: #000;}
a.sendemail {color: #000;}
a.fontsize {background-image: url("./styles/Attriuum/theme/images/icon_fontsize.gif");}
/* Icon images
---------------------------------------- */
.sitehome {background-image: url("./styles/Attriuum/theme/images/icon_home.gif");}
.icon-faq {background-image: url("./styles/Attriuum/theme/images/icon_faq.gif");}
.icon-members {background-image: url("./styles/Attriuum/theme/images/icon_members.gif");}
/*.icon-home {background-image: url("./styles/Attriuum/theme/images/icon_home.gif");}*/
.icon-ucp {background-image: url("./styles/Attriuum/theme/images/icon_ucp.gif");}
.icon-register {background-image: url("./styles/Attriuum/theme/images/icon_register.gif");}
.icon-logout {background-image: url("./styles/Attriuum/theme/images/icon_logout.gif");}
.icon-bookmark {background-image: url("./styles/Attriuum/theme/images/icon_bookmark.gif");}
.icon-bump {background-image: url("./styles/Attriuum/theme/images/icon_bump.gif");}
.icon-subscribe {background-image: url("./styles/Attriuum/theme/images/icon_subscribe.gif");}
.icon-unsubscribe {background-image: url("./styles/Attriuum/theme/images/icon_unsubscribe.gif");}
.icon-pages {background-image: url("./styles/Attriuum/theme/images/icon_pages.gif");}
.icon-search {background-image: url("./styles/Attriuum/theme/images/icon_search.gif");}
.ico-visits {background-image: url("./styles/Attriuum/theme/images/visits.png");}
.ico-bookmark {background-image: url("./styles/Attriuum/theme/images/bookmark.png");}
.ico-followers {background-image: url("./styles/Attriuum/theme/images/followers.png");}
.ico-followers a, .ico-bookmark a {text-decoration: none;}
/* Profile & navigation icons */
.email-icon, .email-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_email.gif"); }
.aim-icon, .aim-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_aim.gif"); }
.yahoo-icon, .yahoo-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_yahoo.gif"); }
.web-icon, .web-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_www.gif"); }
.msnm-icon, .msnm-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_msnm.gif"); }
.icq-icon, .icq-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_icq.gif"); }
.jabber-icon, .jabber-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_jabber.gif"); }
.pm-icon, .pm-icon a {background-image: url("./styles/Attriuum/imageset/icon_contact_pm.gif"); }
.quote-icon, .quote-icon a {background-image: url("./styles/Attriuum/imageset/de/icon_post_quote.gif"); }
/* Moderator icons */
.report-icon, .report-icon a {background-image: url("./styles/Attriuum/imageset/icon_post_report.gif"); }
.edit-icon, .edit-icon a {background-image: url("./styles/Attriuum/imageset/de/icon_post_edit.gif"); }
.delete-icon, .delete-icon a {background-image: url("./styles/Attriuum/imageset/icon_post_delete.gif"); }
.info-icon, .info-icon a {background-image: url("./styles/Attriuum/imageset/icon_post_info.gif"); }
.warn-icon, .warn-icon a {background-image: url("./styles/Attriuum/imageset/icon_user_warn.gif"); } /* Need updated warn icon */
.solve-icon, .solve-icon a {background-image: url("./styles/Attriuum/imageset/icon_topic_solved_set.png"); }
.unsolve-icon, .unsolve-icon a {background-image: url("./styles/Attriuum/imageset/icon_topic_solved_unset.png"); }
.thanks-icon::before, .thanks-icon a {font-family: 'Font Awesome 6 Free'; font-weight: 900; content: "\f164"; display: inline-block; transform: scaleX(-1); margin-right: 3px; color:rgb(0, 110, 255); font-size: 1.5em;}
.removethanks-icon::before, .removethanks-icon a {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f165"; display: inline-block; transform: scaleX(-1); margin-right: 3px; color:rgb(210, 15, 15); font-size: 1.5em;}
li.thanks-icon::marker, li.removethanks-icon::marker {list-style:none !important;margin: 0;padding: 0;}
/* CP tabbed menu
------------------*/
#tabs a, #tabs2 a {
border-radius: 5px 5px 0 0;
border: 1px solid var(--bg02);
background-image: var(--grad03);
margin: 3px 0px -1px 0px;
}
#tabs a span, #tabs2 a span {
color: #536482;
}
#tabs a:hover span, #tabs2 a:hover span {color: #BC2A4D;}
#tabs .activetab a, #tabs2 .activetab a {border-bottom-color: #F5F3F5;
box-shadow: 0 2px 5px var(--shadow1);
margin: 3px 5px -1px 5px;}
#tabs .activetab a span, #tabs2 .activetab a span {color: #333333;}
#tabs .activetab a:hover span, #tabs2 .activetab a:hover span {color: #000000;}
.tabs, .tabs2, .tabs3, .tabs4 {
float: left;
margin: 5px 0;
width: 100%;}
ul.tabNav, ul.tabNav2, ul.tabNav3, ul.tabNav4 {
border-bottom: 1px solid #CCCCCC;
list-style: none;
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
white-space: nowrap;}
ul.tabNav li, ul.tabNav2 li, ul.tabNav3 li, ul.tabNav4 li {
display: inline;
float: left;
height: 22px;
width: auto;
white-space: nowrap;
/*text-shadow: 1px 1px 1px #FFFFFF;*/}
ul.tabNav li img, ul.tabNav2 li img, ul.tabNav3 li img, ul.tabNav4 li img {
width: 16px;
height: 16px;
float: left;
padding: 0;
margin: 0 3px 0 0;
border: 0;}
ul.tabNav li a:active,
ul.tabNav li a:focus,
ul.tabNav li a:link,
ul.tabNav li a:visited,
ul.tabNav2 li a:active,
ul.tabNav2 li a:focus,
ul.tabNav2 li a:link,
ul.tabNav2 li a:visited,
ul.tabNav3 li a:active,
ul.tabNav3 li a:focus,
ul.tabNav3 li a:link,
ul.tabNav3 li a:visited,
ul.tabNav4 li a:active,
ul.tabNav4 li a:focus,
ul.tabNav4 li a:link,
ul.tabNav4 li a:visited {
color: #CCCCCC;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
line-height: 22px;
outline: none;
padding: 0 5px;
text-align: center;
text-transform: uppercase;}
ul.tabNav li a.selected,
ul.tabNav li a:hover,
ul.tabNav2 li a.selected,
ul.tabNav2 li a:hover,
ul.tabNav3 li a.selected,
ul.tabNav3 li a:hover,
ul.tabNav4 li a.selected,
ul.tabNav4 li a:hover {
color: #115098;
text-decoration: none;}
ul.tabNav li a.first,
ul.tabNav2 li a.first,
ul.tabNav3 li a.first,
ul.tabNav4 li a.first {
border-left: none;
border-right: 1px solid #ffffff;
padding-left: 22px;}
div.tabs > div, div.tabs2 > div, div.tabs3 > div, div.tabs4 > div {
float: left;
margin: 0;}
div.tabs > div h3, div.tabs2 > div h3, div.tabs3 > div h3, div.tabs4 > div h3 {margin-top: 10px;}
.tabBG {
display: block;
overflow: hidden;
padding: 0;
width: 100%;}
.tabBG p {
margin: 0;
padding-bottom: 5px;}
.insidetabBG ul {}
.insidetabBG ul li, #tab_button {padding-top: 5px;}
.insidetabBG {
padding: 5px;
width: auto;}
/*#first, #second, #third, #fourth {}*/
/* UCP navigation menu
----------------------------------------*/
#navigation a {
color: #333;
background-color: #F9F9F9;
background-image: linear-gradient(to right, #f9f9f9 20%, #dddddd 50%);}
.rtl #navigation a {
background-image: linear-gradient(to left, #f9f9f9 20%, #dddddd 50%);}
#navigation a:hover {
color: #BC2A4D;
background-color: #F9F9F9;
background-image: linear-gradient(to left, #f9f9f9 20%, #dddddd 50%);}
#navigation #active-subsection a {
color: #D31141;
background-color: #F9F9F9;
background-image: none;}
#navigation #active-subsection a:hover {color: #D31141;}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {color: #333333;}
#cp-main .panel {background-color: #F9F9F9;}
#cp-main .pm {background-color: #FFFFFF;}
#cp-main span.corners-top, #cp-menu span.corners-top {background-image: url("./styles/Attriuum/theme/images/corners_left2.gif");}
#cp-main span.corners-top span, #cp-menu span.corners-top span {background-image: url("./styles/Attriuum/theme/images/corners_right2.gif");}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom { background-image: url("./styles/Attriuum/theme/images/corners_left2.gif");}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {background-image: url("./styles/Attriuum/theme/images/corners_right2.gif");}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {background-image: url("./styles/Attriuum/theme/images/corners_left.gif");}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {background-image: url("./styles/Attriuum/theme/images/corners_right.gif");}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {background-image: url("./styles/Attriuum/theme/images/corners_left.gif");}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {background-image: url("./styles/Attriuum/theme/images/corners_right.gif");}
/* Friends list */
.cp-mini {background-color: #eef5f9;}
dl.mini dt {color: #425067;}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {color: #000000 !important;}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;}
.pmlist li.pm_marked_colour, .pm_marked_colour {border-color: #FF6600;}
.pmlist li.pm_replied_colour, .pm_replied_colour {border-color: #A9B8C2;}
.pmlist li.pm_friend_colour, .pm_friend_colour {border-color: #5D8FBD;}
.pmlist li.pm_foe_colour, .pm_foe_colour {border-color: #000000;}
/* Avatar gallery */
#gallery label {
background-color: #FFFFFF;
border-color: #CCC;}
#gallery label:hover {background-color: #EEE;}
/* General form styles
----------------------- */
label {color: #425067;}
option.disabled-option {color: gray;}
/* Definition list layout for forms
---------------------------------------- */
dd label {color: #333;}
/* Hover effects */
fieldset dl:hover dt label {color: #000000;}
fieldset.fields2 dl:hover dt label {color: inherit;}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {background-color: #F2F3F3;}
/* Posting page styles
----------------------------------------*/
#message-box textarea {color: #333333;}
input.disabled {color: #666666;}
/*
.button_post {
display: inline-block;
white-space: nowrap;
border: 1px solid #ddd;
background-color: #fff;
background: linear-gradient(to bottom, #fff, #eee);
padding: 0 0.5em;
margin: 0;
font: bold 1em/2em Arial, Helvetica;
text-decoration: none;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
border-radius: .4em;}
.button_post:hover {
text-decoration: none;
color: #000;
border: 1px solid #bbb;
background-color: #eee;
background: linear-gradient(to bottom, #eee, #ccc);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.5);}
.button_post:focus {
outline: 0;
background: #fafafa;}
.button_post:before {
background: #ccc;
background: rgba(0,0,255,.1);
float: left;
text-align: center;
font-size: 2em;
padding: 0 0.2em;
margin: 0 0.5em 0 -0.3em;
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
border-radius: .15em 0 0 .15em;}
.create:before {
font-family: "Font Awesome 5 Free";
content: "\f303";
font-style: normal;
font-weight: 900;
text-decoration: none;
font-size: 1.5em;}
.closed:before {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: none;
font-size: 1.5em;}
*/
.button_zebra {
display: inline-block;
/*width: 200px;*/
border: 1px solid #ddd;
padding: 0.5em;
margin: 0.5em;
font: bold 1.3em Arial;
text-decoration: none;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
background-color: #efefef;
border-radius: .3em;}
.button_zebra:hover {
text-decoration: none;
border: 1px solid #ccc;
background-color: #eee;
background: linear-gradient(to bottom, #eee, #ddd);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);}
.button_zebra:focus {
outline: 0;
background: #fafafa;}
.agreed:hover {background: linear-gradient(to bottom, #d6f5d6, #33cc33);}
.not_agreed:hover {background: linear-gradient(to bottom, #ffe6e6, #ff9999);}
.dropdown dt {width:200px; border:0; height:18px; padding:0 0 5px 0; font-weight:500; cursor:pointer; background:none; font-size:14px; color:#003366; text-align:left;}
/*
.dropdown dt {width:214px; border: 0 solid #b7d1e3; height: 17px; padding: 3px; font-weight: bold; cursor: pointer; background-color: none; font-family: "Segoe UI", Tahoma, Geneva, sans-serif; font-size: 12px; color: #003366; text-align: left;}
.dropdown dt:hover {background-color: #e8f5fe;}
*/
.dropdown dt img {vertical-align: middle;}
.dropdown dt a, .dropdown dt span {background: none; border-bottom: none !important; display: inline; text-decoration: none;}
.dropdown dt a:hover, .dropdown dt span:hover {background: none; text-decoration: underline;}
.dropdown dd {position:absolute; overflow:hidden; width:202px; display:none; z-index:200; opacity:0;}
.dropdown ul {width:200px; border:1px solid #b7d1e3; background:#fff; list-style:none; text-align:left; border-radius:6px;}
/*
.dropdown ul {width:220px; border:1px solid #b7d1e3; border-top: none; border-bottom: none; list-style:none; text-align: left; }
*/
.dropdown li {display:block; border:1px solid #b7d1e3; border-top: none; border-left: none; border-right: none; height: 22px;}
.dropdown li:last-child {border:none;}
.dropdown a, .dropdown a:active, .dropdown a:visited, .dropdown span {display: block; text-decoration: none; padding: 0;}
.dropdown a:hover, .dropdown span:hover {background:#e8f5fe; color:#000; border-radius:6px;}
dl.dropdown ul li a {font-size: 10px; font-weight: bold; color: #003366;}
dl.dropdown ul li a img {vertical-align: middle; margin: 3px;}
.dropdown dt:hover a {background: none;}
dl.dropdown {margin-left: -8px;}
/**
* @package styles
* @version $Id: memberlist_avatar.css 45 2007-09-10 04:49:51Z Highway of Life $
* @copyright (c) 2007 David Lewis (Highway of Life) - http://startrekguide.com
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------- */
.thumbnail {
z-index: 0;
position: relative;
}
a.thumbnail:hover {
background-color: transparent;
z-index: 500;
}
a.thumbnail div {
width: 52px;
height: 52px;
float: left;
margin: 1px;
padding: 1px;
text-align: center;
}
/*
.thumbnail span {
position: absolute;
background: #e0e5e9 url("./styles/Attriuum/theme/images/cellpic1.gif") repeat-x;
padding: 4px;
border: 1px solid #a9b8c2;
left: 0;
display: none;
color: #FFF;
text-decoration: none;
}
.thumbnail span img {
border-width: 0;
padding: 2px;
}
a.thumbnail:hover span {
position:absolute;
display:block;
top: 20px;
left: 7px;
}
*/
.deleted_topic, .deleted_post {
background-color:#ecd5d8 !important;
border-radius: 5px;
}
.deleted_topic .content, .deleted_post .content {
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:1.1em !important;
}
.confirm_deletion dd input[type=checkbox] {
margin-right:0;
}
/*
Name: Sliding Login Panel with jQuery 1.4.4
*/
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {display: block;}
/* Panel Tab/button */
.tab {
/*background: url("./styles/Attriuum/theme/images/tab_b.png") repeat-x 0 0; */
height: 28px;
width: 952px;
position: relative;
top: 0;
z-index: 998;
margin: 0;
padding: 0;
float: right;
}
.tab ul.login {
display: block;
position: relative;
height: 20px;
width: 952px;
float: right;
clear: right;
right: 1px;
font-weight: 400;
line-height: 32px;
/* left: 10%; */
margin: 0 auto;
padding: 0;
color: white;
font-size: 0.7rem;
text-align: center;
text-decoration: none;
}
.tab ul.login li.left {
background: url("./styles/Attriuum/theme/images/tab_l.png") no-repeat left 0;
height: 28px;
width: 16px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li.right {
background: url("./styles/Attriuum/theme/images/tab_r.png") no-repeat left 0;
height: 28px;
width: 17px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li {
background: url("./styles/Attriuum/theme/images/tab_m.png") repeat-x 0 0;
height: 28px;
margin: 0;
padding: 0 6px;
display: block;
float: left;
text-align: left;
line-height: 26px !important;
}
.tab ul.login li a {
color: #15ADFF;
text-decoration: none;
}
.tab ul.login li a:hover {
color: white;
text-decoration: none;
}
.tab .sep {
color:#414141;
}
.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
cursor: pointer;
display: block;
width: 20px;
position: relative;
top: 3px;
}
.tab a.open {background: url("./styles/Attriuum/theme/images/bt_open.png") no-repeat left 0;}
.tab a.close {background: url("./styles/Attriuum/theme/images/bt_close.png") no-repeat left 0;}
.tab a:hover.open {background: url("./styles/Attriuum/theme/images/bt_open.png") no-repeat left -19px;}
.tab a:hover.close {background: url("./styles/Attriuum/theme/images/bt_close.png") no-repeat left -19px;}
.tab a.slide_icon_pm, .tab a.slide_icon_com, .tab a.slide_icon_buddy, .tab a.slide_icon_notifi {
height: 18px;
line-height: 16px !important;
padding-left: 19px !important;
cursor: pointer;
display: block;
position: relative;
top: 5px;
}
.tab a.slide_icon_pm {background: url("./styles/Attriuum/theme/images/slide_icon_pm.png") no-repeat left 0;}
.tab a.slide_icon_com {background: url("./styles/Attriuum/theme/images/slide_icon_com.png") no-repeat left 0;}
.tab a.slide_icon_buddy {background: url("./styles/Attriuum/theme/images/slide_icon_buddy.png") no-repeat left 0;}
.tab a.slide_icon_notifi {background: url("./styles/Attriuum/theme/images/slide_icon_notifi.png") no-repeat left 0;}
.icon-ucp, .icon-profile, .icon-bookmarks, .icon-subscribed, .icon-logout, .icon-search_self, .icon-search_new, .icon-search_unread, .icon-search_unans, .icon-search_active, .icon-search_friends, .slide_icon_acp, .slide_icon_mcp {
height: 16px;
line-height: 16px !important;
padding-left: 19px !important;
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
display: inline-block;
margin: 2px 0;
}
.icon-ucp { background: url("./styles/Attriuum/theme/images/icon_ucp.png") no-repeat left 0; }
.icon-profile { background: url("./styles/Attriuum/theme/images/icon_profile.png") no-repeat left 0; }
.icon-bookmarks { background: url("./styles/Attriuum/theme/images/icon_bookmarks.png") no-repeat left 0; }
.icon-subscribed { background: url("./styles/Attriuum/theme/images/icon_subscribed.png") no-repeat left 0; }
.icon-logout { background: url("./styles/Attriuum/theme/images/icon_logout.png") no-repeat left 0; }
.icon-search_self { background: url("./styles/Attriuum/theme/images/icon_search_self.png") no-repeat left 0; }
.icon-search_new { background: url("./styles/Attriuum/theme/images/icon_search_new.png") no-repeat left 0; }
.icon-search_unread { background: url("./styles/Attriuum/theme/images/icon_search_unread.png") no-repeat left 0; }
.icon-search_unans { background: url("./styles/Attriuum/theme/images/icon_search_unans.png") no-repeat left 0; }
.icon-search_active { background: url("./styles/Attriuum/theme/images/icon_search_active.png") no-repeat left 0; }
.icon-search_friends { background: url("./styles/Attriuum/theme/images/icon_search_self.png") no-repeat left 0; }
.slide_icon_acp { background: url("./styles/Attriuum/theme/images/slide_icon_acp.png") no-repeat left 0;}
.slide_icon_mcp { background: url("./styles/Attriuum/theme/images/slide_icon_mcp.png") no-repeat left 0;}
/* sliding panel */
#toppanel {
/* position: absolute; Panel will overlap content */
/*position: relative;*/ /*Panel will "push" the content down */
/* top: 126px; */
width: 952px;
z-index: 998;
/* margin: 0 24px; */
}
#panel {
margin: 0 auto;
height: 123px;
color: #999999;
background: url("./styles/Attriuum/theme/images/slice_bg.png") repeat 0 0;
/* background: #272727; */
overflow: hidden;
position: relative;
z-index: 998;
display: none;
}
#panel h6 {
font-size: 1.3em;
padding: 2px 0;
margin: 0;
color: #f3f3f3;
border-bottom: #aaaaaa 1px solid;
text-shadow: 1px 1px 0 #000000;
}
#panel p {
margin: 0;
padding: 3px 0;
font-size: 9px;
}
#panel a {
text-decoration: none;
color: #15ADFF;
}
#panel a:hover {
color: #ffffff;
}
#panel .contentpn {
width: 952px;
height: 122px;
margin: 0 auto;
padding-top: 0;
text-align: left;
color: #aaaaaa;
}
#panel .contentpn .left {
width: 280px;
float: left;
padding: 0 10px;
}
#panel .contentpn .center {
width: 377px;
float: left;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
#panel .contentpn .right {
width: 230px;
}
#panel .contentpn .logincenter {
width: 380px;
float: left;
padding: 0 10px;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
#panel .contentpn .loginright {
width: 227px;
}
#panel .contentpn form {
margin: 0 0 10px 0;
}
#panel .contentpn label {
float: left;
padding-top: 4px;
clear: both;
display: block;
color: #aaaaaa;
}
#panel .contentpn input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 1px;
margin-top: 2px;
width: 150px;
color: white;
height: 15px;
}
#panel .contentpn input:focus.field {
background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panel .contentpn input.bt_login,
#panel .contentpn input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}
#panel .contentpn input.bt_login {
width: 74px;
background: transparent url("./styles/Attriuum/theme/images/bt_login.png") no-repeat 0 0;
}
#panel .contentpn input.bt_register {
width: 94px;
color: white;
background: transparent url("./styles/Attriuum/theme/images/bt_register.png") no-repeat 0 0;
}
#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 2px;
margin: 2px 0 0 10px;
font-size: 1.0em;
text-decoration: none;
}
/* inner corners */
span.portal-corners-top-inner {
margin: 0 -5px;
}
span.portal-corners-bottom-inner {
margin: 0 -5px;
clear: both;
}
span.portal-corners-top-inner, span.portal-corners-bottom-inner{
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
/* main menu, user menu and the links */
.portal-navigation{
width: auto;
}
.portal-navigation ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.portal-navigation ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.portal-navigation ul li a{
background-image: url("./styles/Attriuum/theme/images/portal/arrowbullet.gif");
background-repeat: no-repeat;
background-position: center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
font-weight: bold;
font-size: 90%;
}
.portal-navigation div.menutitle{
padding: 1px 0;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px;
}
/* display calendar sheet */
.calendar_sheet {
position: relative;
float: left;
width: 64px;
height: 54px;
margin: 0 4px 0 -5px;
background-image: url("./styles/Attriuum/theme/images/calendar.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt -7px;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
.date .day {
font-size: 21px;
font-weight: bold;
top: 24px;
left: 0;
width: 64px;
text-align: center;
text-shadow: 1px 1px 0 #ffffff;
}
.date .month {
color: #ffffff;
font-size: 0.8em;
font-weight: bold;
top: -2px;
width: 64px;
text-align: center;
text-transform: uppercase;
}
.calendar_sheet .date span {
position: absolute;
}
.cl_imgthumb_portal {
width: 75px;
height: 50px;
border: 1px solid;
border-radius: 5px;
}
.calendar-info {
list-style-type: none;
}
.portal-events li.row
{
border-top: 0px;
list-style-type: none;
}
/*
* top spacing between portal body table and headerbar spacing is usually 10px
*/
#portal-body {
padding-top: 10px;
}
/*
* This is needed in order to have the same spacing between blocks
* as we have between the top blocks and the headerbar
*/
#portal-body .forabg {
margin-bottom: 0px;
}
/**
* margin spacing as in default prosilver for the forumlist
*/
#portal-forumlist .forabg {
margin-bottom: 4px;
}
/* RTL language fixes */
.rtl .portal-navigation ul li a{
background-image: url("./styles/Attriuum/theme/images/portal/arrowbullet_rtl.gif");
background-position: center right; /*custom bullet list image*/
padding-right: 19px; /*link text is indented 19px*/
}
ul.tabNav li a, ul.tabNav2 li a, ul.tabNav3 li a, ul.tabNav4 li a {
}
.tabNav4 i, .tabNav3 i, .tabNav2 i, .tabNav i {
float: left;
font-size: 1.5em;
}
.tabNav4 i.statistic {
color: #578CC8;
}
.tabNav3 i.birth {
color: #B5CB49;
}
.tabNav2 i.randomuser {
color: #40B8AA;
}
.tabNav i.userkey {
padding: 0 !important;
color: #0e9224;
}
.tabNav i.medal {
color: #6D6E90;
}
.tabNav i.team {
color: #C86C6C;
}
.tabNav i.friendlist {
color: #413F6D;
}
ul.tabNav1 li span, .tabNavnona {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
line-height: 22px;
outline: none;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
padding-left: 22px;
}
.tabs1 {
float: left;
margin: 5px 0;
width: 100%;
}
ul.tabNav1 li {
display: inline;
float: left;
height: 22px;
width: auto;
white-space: nowrap;
text-shadow: 1px 1px 1px #ffffff;
}
.sec {border-right: 1px solid #ffffff;}
.loginhelp {padding-right:5px;font-size:1.2em;}
.portalwrap {
display: flex;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
}
.portalcenter {
display: block;
width: 66%;
}
.portalright {
display: block;
width: 33%;
font-size: 1.1em;
font-weight: 100;
margin-top: 10px;
}
.portalinfo {
display: flex !important;
flex-direction: row;
align-items: flex-start;
gap: 15px;
font-size: 1rem;
font-weight: 100;
letter-spacing: 0.0075em;
padding: 0 !important;
}
.portalprofile {
text-align: center;
font-size: 0.8rem;
font-weight: 500;
}
.portalwelcome{
white-space: nowrap;
}
.portalfriends {
font-size: 0.8rem;
}
.portalnewheader{
margin: 0 10px;
padding: 5px;
color: #fff;
font-size: 1.4em;
font-weight: 500;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
border-radius: 5px 5px 0 0;
background: var(--grad02), url(https://www.dreamcarisma.de/community/styles/Attriuum/theme/images/bg_list.png) repeat-x 0 0;
box-shadow: 0 2px 5px 2px var(--shadow1);
margin-bottom: -1px;
}
.portalpost {
width: unset !important;
margin-bottom: 10px;
padding: 2px 10px;
border-radius: 5px;
box-shadow: 0 2px 3px var(--shadow1);
background-color: var(--bg07) !important;
}
.portalpost>div {
margin-bottom: 15px;
}
.portalposthead {
height: 54px;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: space-between;
}
.portalposthead>h5 {
padding-top: 5px;
}
.p-box {
background-color: rgb(210 240 240 / 50%) !important;
}
.p-shadow {
margin-bottom: 10px;
border: 1px solid var(--bg02);
box-shadow: 0 2px 5px var(--shadow1);
}
div#statistic>span {
display: block;
}
i.unread {
color: #eb1e1e !important;
}
.news_row>dl.icon {
background-position: 0px 0px;
}
.news_row i {
margin: 5px 2px 5px 10px;
}
.news_topicpost {
width: 92%;
padding: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div.portalright i.mdi {
font-size: 1rem;
}
/**
*
* file: styles/prosilver/theme/qte.css
* author: abdev
* begin: 02/28/2008
* version: 0.0.4 - 12/01/2010
* licence: http://opensource.org/licenses/gpl-license.php GNU Public License
*
*/
/* selector */
fieldset.attribute {
text-align: right;
margin-top: 15px;
height: 2.5em;
}
/* attributes */
.qte_solved { color: #006600; }
.qte_cancelled { color: #cc0000; }
.qte_solved, .qte_cancelled { font-weight:bold; }
/*
* @package styles
* @version $Id: tooltip.css,v 1.1 2010/05/09 13:00:00 hackepeter13 Exp $
* @copyright (c) 2010 Francois Villain (hackepeter13) - http://dreamcarisma.de
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*/
/* tooltip styling. by default the element to be styled is .tooltip */
.tooltips {
display: none;
background: transparent url("./styles/Attriuum/theme/images/tooltip/white_big.png");
font-size: 10px;
height: 155px;
width: 327px;
padding: 20px;
color: #000;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{
float:left;
width:17px;
height:15px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden;
}
div.rating-cancel,div.rating-cancel a{
background:url("./styles/Attriuum/imageset/delete.gif") no-repeat 0 -16px;
}
div.star-rating,div.star-rating a{
background:url("./styles/Attriuum/imageset/star.gif") no-repeat 0 0;
}
div.rating-cancel a,div.star-rating a{
display:block;
width:16px;
height:100%;
background-position:0 0;
border:0;
}
div.star-rating-on a{
background-position:0 -16px!important;
}
div.star-rating-hover a{
background-position:0 -32px;
}
/* Read Only CSS */
div.star-rating-readonly a{
cursor:default !important;
}
/* Partial Star CSS */
div.star-rating{
background:transparent!important;overflow:hidden!important;
}
/* END jQuery.Rating Plugin CSS */
.gallery-icon, .gallery-icon a { background: none top left no-repeat; }
ul.profile-icons li.gallery-icon { width: 20px; height: 20px; }
.gallery-icon, .gallery-icon a { background-image: url("./styles/Attriuum/imageset/icon_contact_gallery.gif"); }
.buttons div.upload-icon { width: 96px; height: 25px; }
.upload-icon span { background-image: url("./styles/Attriuum/imageset/de/button_upload_image.gif"); }
.icon-gallery {
background-position: 0 50%;
background-repeat: no-repeat;
padding: 1px 0 0 17px;
background-image: url("./styles/Attriuum/theme/images/icon_gallery.gif");
}
.rtl .icon-gallery {
background-position: 100% 50%;
padding: 1px 17px 0 0;
}
fieldset.gallery dd.simulate-dt label {
margin-left: 0;
float: left;
font-weight: bold;
text-align: left;
color: #425067;
}
.rtl fieldset.gallery dd.simulate-dt label {
text-align: right;
}
fieldset.gallery dl:hover dd.simulate-dt label {
color: #000000;
}
fieldset.gallery dt.simulate-dt {
width: 22em;
}
fieldset.gallery dd.simulate-dt {
margin-left: 0;
float: left;
}
fieldset.gallery dd.simulate-dd {
margin-left: 35em;
}
fieldset.gallery #format-buttons {
margin-top: 0;
}
fieldset.gallery input.readonly, fieldset.gallery textarea.readonly {
background: #DCDCDC;
}
dd.g_lastimage {
padding-left: 5px;
width: 30%;
}
dd.g_moderation {
width: 35%;
}
dd.g_rating, dd.g_comments {
width: 12%;
text-align: center;
font-size: 1.1em;
}
dd.g_status {
width: 15%;
text-align: center;
font-size: 1.1em;
}
span.reported-images-number {
color: red;
}
.g_unapproved {
background-position: 100% 0;
background-repeat: no-repeat;
background-image: url("./styles/Attriuum/imageset/icon_gallery_unapproved.gif");
}
.g_locked {
background-position: 100% 0;
background-repeat: no-repeat;
background-image: url("./styles/Attriuum/imageset/icon_gallery_locked.gif");
}
.g_reported {
background-position: 100% 0;
background-repeat: no-repeat;
background-image: url("./styles/Attriuum/imageset/icon_gallery_reported.gif");
}
#featured {
width: 410px;
padding-right: 270px; /* Gesamtbreite 680px (width + padding-right) */
position: relative;
border: 0 solid #ccc;
height: 190px;
}
#featured ul.ui-tabs-nav {
position: absolute;
top: 0;
left: 410px;
list-style: none;
padding: 0;
margin: 0;
width: 270px;
}
#featured ul.ui-tabs-nav li {
padding: 0 0 2px 0;
padding-left: 13px;
font-size: 12px;
color: #666;
}
#featured ul.ui-tabs-nav li img {
float: left;
margin: 2px 5px;
background: #fff;
padding: 1px;
border: 1px solid #eee;
}
#featured ul.ui-tabs-nav li span {
font-size: 11px;
font-family: Verdana;
line-height: 20px;
}
#featured li.ui-tabs-nav-item a {
display: block;
height: 46px;
color: #333;
background: #f2f2f2;
line-height: 20px;
}
#featured li.ui-tabs-nav-item1 a {
display: block;
height: 46px;
color: #333;
background: #f2f2f2;
line-height: 20px;
border-top-right-radius: 8px;
}
#featured li.ui-tabs-nav-item2 a {
display: block;
height: 46px;
color: #333;
background: #f2f2f2;
line-height: 20px;
border-bottom-right-radius: 8px;
}
#featured li.ui-tabs-nav-item a:hover, #featured li.ui-tabs-nav-item1 a:hover, #featured li.ui-tabs-nav-item2 a:hover {
background: #f2f2f2;
text-decoration: none;
}
#featured li.ui-tabs-selected {
background:url('./styles/Attriuum/theme/images/portalslide_selected-item.png') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {
background:#ccc;
}
#featured .ui-tabs-panel {
width: 410px;
height: 190px;
position: relative;
}
#featured .ui-tabs-panel img {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
#featured .ui-tabs-panel .info {
position: absolute;
top: 120px;
left: 0;
height: 70px;
background-image: url("./styles/Attriuum/theme/images/portalslide_transparent-bg.png");
border-bottom-left-radius: 8px;
}
#featured .info p {
margin: 0 5px;
font-family: Verdana;
font-size: 11px;
line-height: 15px;
color: #f0f0f0;
}
#featured .info a {
text-decoration: none;
color: #fff;
}
#featured .info a:hover {
text-decoration: underline;
}
#featured .ui-tabs-hide {
display: none;
}
/* proSilver Content Styles for MOD Thanks
---------------------------------------- */
dl.thanks {
min-height: 35px;
background-position: 10px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}
dl.thanks dt {
padding-left: 45px; /* Space for folder icon */
background-repeat: no-repeat;
background-position: 5px 95%; /* Position of topic icon */
width: 45%;
}
dd.lastpostthanks {
width: auto;
font-size: 1.1em;
}
dd.lastpostthanks span {
display: block;
padding-left: 5px;
}
/* List in forum description */
dl.thanks dt ol,
dl.thanks dt ul {
list-style-position: inside;
margin-left: 1em;
}
dl.thanks dt li {
display: list-item;
list-style-type: inherit;
}
li.header dl.thanks {
min-height: 0;
}
li.header dl.thanks dt {
/* Tweak for headers alignment when folder icon used */
padding-left: 0;
padding-right: 50px;
}
/* Forum list column styles */
dl.thanks {
min-height: 35px;
background-position: 10px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}
dl.thanks dt {
padding-left: 45px; /* Space for folder icon */
background-repeat: no-repeat;
background-position: 5px 95%; /* Position of topic icon */
}
/* Start UCP My Sessions
---------------------------------------- */
.rtl .icon-session_fsize, .rtl .icon-session_msize, .rtl .icon-session_refresh, .rtl .icon-session_norefresh, .rtl .icon-session_link, .rtl .icon-session_warn, .rtl.icon-session_alert {
background-position: 100% 50%;
padding: 1px 17px 0 0;
}
.icon-session_fsize, .icon-session_msize, .icon-session_refresh, .icon-session_norefresh, .icon-session_link, .icon-session_warn, .icon-session_alert {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
height: 16px;
cursor: pointer;
}
.ums_action_link {
text-align:left;
height: 16px;
display: block;
}
.ums_info {
color: #047d00;
font-weight: bold;
font-size: 1em;
}
.ums_sushi_wrap {
word-wrap: break-word;
}
.ums_th_text {
text-align: center !important;
width: 6%;
}
.ums_act {
max-width: 80px;
}
.icon-session_fsize { background-image: url("./styles/Attriuum/theme/images/session_fullsize.gif"); }
.icon-session_link { background-image: url("./styles/Attriuum/theme/images/session_link.gif"); }
.icon-session_msize { background-image: url("./styles/Attriuum/theme/images/session_minsize.gif"); }
.icon-session_refresh { background-image: url("./styles/Attriuum/theme/images/session_refresh.gif"); }
.icon-session_norefresh { background-image: url("./styles/Attriuum/theme/images/session_norefresh.gif"); }
.icon-session_warn { background-image: url("./styles/Attriuum/theme/images/session_warn.gif"); }
.icon-session_alert { background-image: url("./styles/Attriuum/theme/images/session_alert.gif"); }
table.table1 .mysess_numb { text-align: center !important; width: 5%; }
table.table1 .mysess_id { text-align: center; width: 7%; }
table.table1 .mysess_ip { text-align: center; width: 5%; }
table.table1 .active { text-align: left; width: 15%; }
table.table1 .mysess_stand { text-align: center; width: 5%; }
table.table1 .mysess_select { text-align: center; width: 7%; }
/* END UCP My Sessions
---------------------------------------- */
.dcdatenbox {
margin-bottom: 4px;
padding: 2px 10px;
background-color: #F7F7F7;
color: #28313F;
width: 451px;
float: left;
border-radius: .6em;
}
.dcfirst {
margin-right: 5px;
float: left;
}
.dcindexbox {
margin-bottom: 4px;
padding: 2px 10px;
background-color: #F7F7F7;
color: #28313F;
float: left;
border-radius: .6em;
}
.dcspace {
margin-right: 5px;
float: left;
}
.dcvideobox {
margin-bottom: 4px;
padding: 2px 10px;
background-color: #F7F7F7;
color: #28313F;
width: 500px;
float: left;
border-radius: .6em;
}
.dcvideoindex {
margin-bottom: 4px;
padding: 2px 10px;
background-color: #F7F7F7;
color: #28313F;
width: 400px;
float: left;
border-radius: .6em;
}
.dcvideolist {
float: left;
width: 130px;
}
.ellipsis {
display: block;
width: 125px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dcvideolist img {
width: 120px;
height: 80px;
}
.dcvideo {
display: grid;
justify-content: space-between;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
column-gap: 18px;
}
.dcvideo p {
display: block;
border: 1px solid #8b8b8b38;
border-radius: 5px;
padding: 5px;
font-size: 0.8rem;
}
.dcvideo a {
height: 161px;
display: inline-grid;
align-content: space-between;
font-size: 1rem;
font-weight: 500;
}
.dcvideo img {
width: 180px;
height: 115px;
}
.dcdatentable {
width: 100%;
border: 0;
text-align: center;
border-collapse: collapse;
}
.dcdatentable td {
padding: 5px;
border-bottom: 1px solid #cccccc;
}
td.dcdatentablerow {
padding: 5px 5px 5px 0;
text-align: left;
background-color: #ffffff;
font-size: 12px;
}
.dc table {
border-collapse: collapse;
width: 100%;
font-size: 12px;
}
.dc td, th {
padding: .5em;
}
.dc th:first-child {
padding-left: .5em;
width: 65%;
}
.dc th:last-child, td:last-child {
padding-right: .5em;
}
.dc thead th {
border-bottom: 1px solid lightblue;
text-align: left;
}
.dc tbody th {
font-weight: normal;
text-align: left;
}
.dc td {
border-top: 1px solid lightblue;
text-align: left;
}
.dc td:nth-child(2) {
text-align: left;
}
.dc td:nth-child(3) {
text-align: left;
}
.dc td.paid {
color: green;
font-weight: normal;
}
.cv_table {
width: 100%;
}
/* Polaroid-Effekt */
ul.polaroid{
margin:2em auto;
text-align:center;
}
ul.polaroid li {
position:relative;
display:inline-block;
background:white;
background:linear-gradient(110deg, white, oldlace);
box-shadow:1px 1px 5px rgb(128 128 128 / 50%);
max-width:210px;
vertical-align:top;
list-style:none;
transition:all ease 0.6s;
margin:0 10px 40px 10px;
height:255px;
}
.polaroid li:nth-child(2n+1) {transform: rotate(-2deg);}
.polaroid li:nth-child(3n+2) {transform: rotate(5deg);}
.polaroid li:nth-child(5n+3) {transform: rotate(2deg);}
.polaroid li:nth-child(7n+5) {transform: rotate(-5deg);}
.polaroid li:nth-child(11n+7) {transform: rotate(4deg);}
ul.polaroid li:hover {
z-index:10;
box-shadow:4px 4px 15px rgb(128 128 128 / 50%);
transform:scale(1.1) rotate(0deg);
transition:all ease 0.6s;
}
ul.polaroid>li>a {
text-decoration:none;
font-family:'Architects Daughter';
font-size: 1.6em;
color:#555ddd;
}
ul.polaroid img {
display:inline-block;
max-width:90%;
height:auto;
margin:5% 5% 0 5%;
filter:grayscale(60%);
}
ul.polaroid img:hover {
filter:grayscale(0%);
}
ul.polaroid span{
display:inline-block;
width:90%;
/*min-height:52px;*/
margin: 0 5% 5% 5%;
text-align:center;
height:40px;
}
ul.polaroid span.info {
margin:0;
padding:0;
font-size:0.8em;
font-weight: bold;
}
ul.polaroid div.info {
margin:0;
padding:0;
font-size:0.8em;
font-weight: bold;
}
.panel table, .panelbox table {
font-size: 0.725rem;
border-collapse: collapse;
}
thead {
border-bottom: 1px solid #ccc;
}
td {
padding: 0 0.5em;
}
th {
font-size: 0.975em;
background-color: #f3f3f3;
vertical-align: top;
}
th.secthead {
font-size: 0.8em;
text-align: left;
background-color: #f3f3f3;
}
.treffen-info {
font-size: 0.8rem;
text-transform: none;
}
.treffen-make {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 0.8rem;
border-bottom: 1px solid #ccc;
}
.treffen-make:last-child {
border-bottom: none;
}
.treffen-make i.fa-calendar-days, .treffen-make i.fa-location-dot {
margin-left: 50px;
}
.treffen-make h5 {
font-size: 1rem;
font-weight: 500;
color: var(--h1);
}
.treffen-make>img {
width: 310px;
}
.treffen-make>span {
width: 38%;
}
.treffen-make>span.right-box {
width: 255px;
padding-top: 5px;
}
.treffen-make i {
padding-right: 8px;
width: 9px;
}
.dcx-users {
display: grid;
grid-template-columns: 30px 1fr 1fr 1fr auto;
}
.dcx-pics {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 22px;
}
/**
* file: styles/Attriuum/theme/2022.css
* author: DreamCarisma
* begin: 01/01/2022
* version: 0.0.1 - 03.08.2022
**/
/*
** GENERAL
*/
:root {
--bg01: #242424; /* Haupt-Hintergrund (body) */
--bg02: #ffffff; /* Content-Hintergrund (wrap) */
--bg03: #f7f7f7; /* Navbar Breadcrumbs */
--bg04: #f3f3f3; /* bg2 */
--bg05: #ededed; /* bg1 */
--bg06: #EEEEEE; /* bg3 */
--bg07: #fff4f4; /* bg portal news*/
--grad01: linear-gradient(to bottom, #f3f3f3, #ededed); /* navbar */
--grad01h: linear-gradient(to bottom, #ededed, #e9e9e9); /* navbar hover */
--grad02: linear-gradient(to top, #ffffff 0%, #ff818180 80%); /* forum / portal header */
--grad03: linear-gradient(to bottom, #ececec, #f7f7f7); /* tabs */
--bgsticky: linear-gradient(to bottom, #f6fdff, #e8f2f5); /* forum sticky */
--bgannounce: linear-gradient(to bottom, #f6fff6, #ebf5e8); /* forum announce */
--color00: #fff;
--color01: #505050; /* Haupt-Schriftfarbe*/
--color02: #2b2b2b;
--color03: #cccccc;
--color04: #000;
--color05: ;
--h1: #28313F;
--h2: #115098;
--h3: #115098;
--a: #6077bb; /* allgemeine links */
--a-h: #8095e5; /* allgemeine links - hover */
--a-f: #7490fd; /* allgemeine links - focus */
--a-title: #8b1515; /* forumtitel / topictitel / lastposttitel */
--a-title-h: #af7878; /* forumtitel / topictitel / lastposttitel - hover */
--shadow1: rgba(204 204 204 / 75%); /* Box-Schatten */
--shadow2: ; /* */
--quote1: ;
--quote2: ;
--quote3: ;
--bgnavbar: linear-gradient(to right, rgb(255 255 0 / 5%), rgb(255 0 0 / 5%), rgb(0 0 255 / 5%));
--colorborder1: linear-gradient(to right, rgb(255 255 0 / 70%), rgb(255 0 0 / 70%), rgb(0 0 255 / 70%));
--colorborder2: linear-gradient(to right, rgb(255 255 0 / 40%), rgb(255 0 0 / 40%), rgb(0 0 255 / 40%));
--bgforum: linear-gradient(175deg, rgb(0 0 0 / 15%) 0%, rgb(0 0 255 / 0%) 30%);
--bold-xs: 300;
--bold-s: 500;
--bold-m: 700;
--bold-l: 900;
}
[data-theme="dark"] {
color-scheme: dark;
--bg01: #242424;
--bg02: #202020;
--bg03: #161616;
--bg04: #181818;
--bg05: #141414;
--bg06: #121212;
--bg07: #1e1818;
--grad01: linear-gradient(to bottom, #181818, #141414);
--grad01h: linear-gradient(to bottom, #141414, #0f0f0f); /* navbar hover */
--grad02: linear-gradient(to top, #000000 0%, #ff818180 80%);
--grad03: linear-gradient(to bottom, #222222, #161616);
--bgsticky: linear-gradient(to bottom, #242d30, #1b2022);
--bgannounce: linear-gradient(to bottom, #111a11, #0c100b);
--color00: #000;
--color01: #bbbbbb;
--color02: #333333;
--color03: #242424;
--color04: #fff;
--color05: ;
--h1: #c2cfe2;
--h2: #649ee1;
--h3: #649ee1;
--a: #a6b6e6;
--a-h: #c1ccf7;
--a-f: #8099fd;
--a-title: #dd6666;
--a-title-h: #f79999;
--shadow1: rgba(0, 0, 0, 0.75);
--shadow2: ;
--quote1: ;
--quote2: ;
--quote3: ;
}
/*
** GENERAL
*/
* {
margin: 0;
padding: 0;
/* Works on Firefox */
/* scrollbar-width: thin; */
scrollbar-color: #c7c7c7 transparent;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 10px;
height: 10px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: #c7c7c7;
border-radius: 4px;
border: 0;
}
html {
background: var(--bg01);
}
body {
margin: 0 auto;
overflow-y: scroll;
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
/* Fonts: -apple-system // Safari for OS X and iOS (San Francisco)
BlinkMacSystemFont // Chrome < 56 for OS X (San Francisco)
"Segoe UI" // Windows
Roboto // Android
"Helvetica Neue" // Basic web fallback */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-webkit-font-smoothing: antialiased;
color: var(--color01);
font-size: 0.725rem; /*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
}
p {
padding: 0 5px;
margin-bottom: 1.4rem;
/*line-height: 1.2rem;*/
font-size: 0.875rem;
letter-spacing: 0.0125rem;
}
a, a:link, a:visited {
color: var(--a);
text-decoration: none !important;
}
a:hover {
color: var(--a-h);
text-decoration: none !important;
}
a:focus {
color: var(--a-f);
text-decoration: none !important;
}
.multibox {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
column-gap: 10px;
width: 100%;
}
.panel {
display: flow-root;
padding: 2px 10px;
background-color: var(--bg03);
border-radius: 5px;
}
.panelbox {
flex: 1;
display: block;
padding: 2px 10px;
background-color: var(--bg03);
border-radius: 5px;
}
figure {
display: inline-block;
}
figcaption {
font-size: 0.7rem;
font-style: italic;
letter-spacing: 0.05rem;
line-height: 0.7rem;
}
/* Dark/Light Switch */
.theme-switch-wrapper {
display: flex;
align-items: center;
margin-top: 8px;
}
.theme-switch-wrapper em {
margin: 0 10px;
font-size: 1em;
}
.theme-switch-wrapper i {
margin: 0 5px;
font-size: 1.1em;
}
.theme-switch {
display: inline-block;
height: 18px;
position: relative;
width: 26px;
}
.theme-switch input {display:none;}
.slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 12px;
left: 2px;
position: absolute;
transition: .4s;
width: 12px;
}
input:checked + .slider {background-color: #66bb6a;}
input:checked + .slider:before {transform: translateX(12px);}
.slider.round {border-radius: 18px;border: 1px solid #909090;}
.slider.round:before {border-radius: 50%;}
/*
** HEADER & FOOTER
*/
.navbartop {
padding: 0 5px;
margin: -4px -8px 0 -8px;
border-radius: 5px 5px 0 0;
background-color: var(--bg03);
box-shadow: 0px -6px 10px -6px rgb(0 0 0 / 50%) inset;
}
.navbarbottom {
padding: 0 5px;
margin: 0 -8px -4px -8px;
border-radius: 0 0 5px 5px;
background-color: var(--bg03);
box-shadow: 0px 6px 10px -6px rgb(0 0 0 / 50%) inset;
}
/* ANTIVIRUS-BOX */
#virusfree {display:grid;grid-template-columns: 50% 50%;padding:5px 0;margin:10px 0;border-radius:5px;border:1px var(--color00) solid;background: linear-gradient(175deg, rgb(213 213 255 / 50%), rgb(203 255 203 / 50%));box-shadow: 0 2px 5px var(--shadow1);color:rgb(20 0 90 / 50%);}
#virusfree>div {justify-self: stretch;}
#virusfree>span {grid-column: 1 / 3;grid-row: 2;padding: 0 10px;color:rgb(255 90 90);text-shadow:1px 1px 1px #fff;}
#virusfree i {font-size:1rem;width:40px;text-align:center;color:rgb(20 0 90 / 50%);padding:3px 0;vertical-align:middle;}
#virusfree>div>em {font-size:0.8rem;}
/*
** CONTENT
*/
.button_post {
display: flex;
align-items: center;
white-space: nowrap;
padding: 0 5px;
margin: 0;
height: 24px;
border-radius: 5px;
border: 1px solid rgb(0 255 255 / 100%);
background-color: rgb(0 255 255 / 50%);
font-weight: 600;
font-size: 0.9rem;
line-height: 23px;
text-decoration: none;
white-space: pre;
/*color: #333;*/
float: left;
/*text-shadow: 0 1px 0 rgba(255,255,255,.8);*/
}
.portalpost .button_post {
display: flex;
align-items: center;
white-space: nowrap;
padding: 0 5px;
margin: 0;
height: 23px;
border-radius: 5px;
border: 1px solid transparent;
background-color: unset;
font-weight: 600;
text-decoration: none;
white-space: pre;
float: left;
}
.button_post:hover {
text-decoration: none;
border: 1px solid #ccc;
background-color: rgb(0 255 255 / 30%);
box-shadow: 0 2px 6px -3px rgb(0 0 0 / 30%);
}
.button_post:focus {
outline: 0;
background: rgb(0 255 255 / 100%);
}
.button_post>i {
font-size: 1.3em;
}
.portalpost .button_post>i {
font-size: 1.1em;
}
.button_post>.fa-lock {
padding-right: 3px;
color: rgb(204, 0, 0);
}
.button_post>.fa-pencil {
padding-right: 3px;
color: rgb(0, 165, 0);
}
.button_post>.fa-comments {
padding-right: 3px;
color: rgb(40, 130, 255);
}
.portalpost a.button_post{
margin: 0 5px;
}
button {
border: 1px solid #80808085;
background-color: #e7e7e7;
border-radius: 3px;
}
button:hover {
border: 1px solid #80808085;
background-color: #dddddd;
}
button.button {
height: 22px;
padding: 0 4px;
cursor: pointer;
}
button.button>i.fa-trash-can {
color: red;
}
/* topic-actions */
.topic-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin: 10px 0;
font-size: 1.1em;
}
.pagination a {
display: inline-flex;
align-items: center;
height: 25px;
padding: 0px 5px;
font-size: 1rem;
}
.search-box {
/*width: 180px;*/
margin-left: 5px;
}
/*
** FORUM INDEX & Kategorie
*/
.foraheader {
margin: 0 10px;
padding: 5px;
color: #fff;
font-size: 1.4em;
font-weight: 500;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
border-radius: 5px 5px 0 0;
background: var(--grad02), url(https://www.dreamcarisma.de/community/styles/Attriuum/theme/images/bg_list.png) repeat-x 0 0;
box-shadow: 0 2px 5px 2px var(--shadow1);
margin-bottom: -1px;
margin-top: 10px;
}
.foraheader>a {
color: #fff !important;
}
.navbar {
display: flow-root;
padding: 1px 4px;
margin-bottom: 1px !important;
border-radius: 5px;
background: var(--grad01);
}
.navbar:hover {
background: var(--grad01h);
}
.navbar:hover a.forumtitle, .navbar:hover a.topictitle {
padding-left: 3px;
}
a.forumtitle, a.topictitle, a.lastposttitle {
color: var(--a-title);
text-decoration: none !important;
transition: 0.2s all;
}
a.forumtitle {
font-size: 1.125rem !important;
font-weight: 500 !important;
letter-spacing: 1px;
}
a.topictitle {
font-size: 0.925rem !important;
font-weight: 400 !important;
}
a.lastposttitle {
font-size: 0.875rem !important;
font-weight: 500 !important;
}
a.forumtitle:hover, a.topictitle:hover, a.lastposttitle:hover {
color: var(--a-title-h) !important;
text-decoration: none !important;
}
a.topictitle.unread {
font-weight: 600 !important;
}
.sticky {background: var(--bgsticky) !important;}
.announce {background: var(--bgannounce) !important;}
.global-announce {background: linear-gradient(to bottom, #f6fdff, #e8f2f5) !important;}
.stickyicon {color:#80bfff; margin-left:0;width:16px;}
.announceicon {color:#67d152; margin-left:0;width:16px;}
.unapproved {border-color: #af2402a8;}
.mdi-shield-alert {color: #af2402;}
.row dt span.mdi-poll {color: #3b79e9;}
.row dt .fa-lock {color:#f14747;}
.row dt .fa-user, .row dt .fa-user-pen, .row dt .fa-clock, .row dt .fa-folder-open {font-size:1em !important;margin-right:2px;margin-left:5px;}
.row dt .fa-user:first-of-type, .row dt .fa-user-pen:first-of-type {margin-left:0;}
.lastpost_forums .topicinfo, .lastpost_portal .topicinfo {width:14px;margin-right:2px;text-align:center;}
.similartopics .topicinfo {width:14px;margin-left:10px;margin-right:2px;text-align:center;}
.similartopics .topicinfo:first-of-type {width:14px;margin-left:0;margin-right:2px;text-align:center;}
dd.topics_forums, dd.views {
display: flex !important;
flex-wrap: nowrap;
flex-direction: column;
justify-content: space-around;
align-content: stretch;
}
dd.topics_forums {
height: 60px;
}
dd.views {
height: 40px;
}
.lastpost .mdi-file-move-outline {
font-size: 0.9rem;
margin-left: -2px;
}
a.last_post {
font-size: 0.85rem;
color: var(--a-title);
}
a.last_forumpost {
color: var(--a-title);
}
a.last_post:hover, a.last_forumpost:hover {
color: var(--a-title-h);
}
/*
** Forum Posting
*/
.postheader {
z-index: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
margin-bottom: 10px;
position: sticky;
top: 106px;
border-bottom: 1px solid var(--color00);
box-shadow: 0 5px 3px -4px var(--shadow1);
background-color: inherit;
}
.postheader>div {
margin: 0;
}
.postheader>div>h3 {
font-size: 1em !important;
padding: 0 !important;
margin: 0 !important;
margin-left: 10px !important;
text-transform: none !important;
border: none !important;
line-height: unset !important;
text-shadow: unset !important;
font-weight: unset !important;
float: right;
}
.similartopics {
display: flex;
justify-content: space-between;
align-items: center;
height: 25px;
}
.attachname {
margin-right: auto;
}
#topicreview>div>div>.postheader {
top: 0px !important;
}
/* post buttons/icons */
ul.profile-icons > ul > li {
display: inline-block !important;
padding: 0;
font-size: 100%;
line-height: normal;
vertical-align: middle;
}
.postbutton {
float: none;
display: flex;
padding: 2px;
margin: 0;
font-size: 20px;
color: #8080ad !important;
border-radius: 5px;
transition: 0.2s all;
/* border: 1px solid rgb(255, 255, 255);
background-color:rgb(240, 240, 240); */
}
.postbutton:hover {
/*box-shadow: 0 3px 5px -3px #11A3EAb3;*/
color: #0b0b80 !important;
box-shadow: 0 2px 6px -3px rgb(0 0 0 / 30%);
background-color:rgb(253, 253, 253) !important;
}
.delete:hover, .report:hover, .warn:hover {background-color:rgb(255, 205, 205) !important;}
.solved:hover {background-color:rgb(200, 255, 210) !important;}
.info:hover {background-color:rgb(255, 255, 220) !important;}
.author>i.fa-solid.fa-file-lines {
color: #2a7c08;
}
/* BBCodes */
a.citedate {
margin-left: auto;
}
.flashinfo {
border: 1px #ddd solid;
border-left-width: 3px;
border-right-width: 0px;
border-bottom-width: 0px;
background-color: #f3f3f3;
border-radius: 5px;
}
.flashinfo>i {
font-size: 2rem;
color: #ddd;
float: left;
padding: 5px;
}
.flashinfo .text {
color: #999;
margin-left: 20px;
padding: 3px;
font-size: 0.725rem;
}
.flashinfo .title {
color: #999;
font-size: 1em;
font-weight: bold;
}
/* post author */
div.author {
font-family: Arial, sans-serif;
font-weight: bold;
padding: 5px 0;
}
div.author>i.fa-clock {
margin-left: 10px;
}
/* add post */
.add-post {
border-bottom: 1px solid #ffffff;
box-shadow: 0 5px 5px -5px #d9d9d9;
text-align: center;
margin-bottom: 10px;
}
.add-post>span {
position: relative;
display: inline-block;
padding: 0 5px;
bottom: -11px;
color: #aaa;
font-size: 0.8em;
font-style: italic;
background-color: #fff;
box-shadow: 0 5px 5px -3px #d9d9d9;
border-radius: 10px;
}
/* post img float-left */
.content>.img-left {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: baseline;
}
.inline-attachment {
display: inline-flex;
}
/* post signature */
.signature {
width: 100%;
padding: 5px 0;
margin-top: 20px;
font-size: 1em;
overflow: hidden;
border-top: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, rgb(0, 217, 255), rgba(0, 217, 255, 0));
/*box-shadow: 0 3px 2px -2px #ccc inset;*/
}
.signature>i.fa-signature {
display: block;
position: absolute;
margin-top: -19px;
font-size: 1.5em;
color: rgb(0, 217, 255);
/*text-shadow: 0 1px 2px #ccc;*/
}
/* post editor */
i.bbcodebutton {
display: inline-flex;
justify-content: center;
align-items: center;
padding-top: 1px;
margin: 1px;
width: 21px;
height: 20px;
cursor: pointer;
border: 1px solid transparent;
font-size: 1rem;
transition: 0.2s all;
}
i.bbcodebutton:hover {
border: 1px solid #ccc;
background-color: #babaff52;
border-radius: 5px;
}
#smiley-box>div {
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
clear:both;
margin:0 auto;
overflow:auto;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
width: 100%;
height: 360px;
}
#smiley-box>a {
display: block;
padding: 5px;
border: 1px solid #ffffff;
background-color: #efefef;
text-align: center;
font-weight: 600;
border-radius: 0 0 5px 5px;
}
.fields2.attach dl {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.fields2.attach dd {
margin-left: 0 !important;
margin-bottom: 0 !important;
vertical-align: unset !important;
}
/* Memberlist */
.memberbox, .gridbox {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: stretch;
gap: 9px;
width: 100%;
}
.memberfeld {
min-width: 230px;
max-width: 250px;
width: 100%;
/*background-color: #f3f3f3;*/
border-radius: 6px;
background-size: contain;
background-position: top;
background-repeat: no-repeat;
}
.blur {
background-image: linear-gradient(to bottom, rgba(243, 243, 243, 0.26) 0, var(--bg04) 150px);
backdrop-filter: blur(20px);
text-align: center;
height: 100%;
border-radius: 6px;
}
.memberfeld>.blur>div {
padding: 3px 0;
}
.member_name {
font-size: 1rem;
text-shadow: 0px 0px 3px white;
}
.member_avatar img {
height: 100px;
width: 100px;
border-radius: 50%;
object-fit: cover;
}
.member_rank {
height: 35px;
}
.member_infos {
text-align: left;
line-height: 1.2rem;
}
.member_posts>i {
margin-right: 3px;
margin-left: 10px;
font-size: 0.8rem;
}
.member_online {
top: 0;
right: 0;
position: absolute;
height: 20px;
width: 20px;
border-radius: 0 5px 0 100%;
background-color: rgb(10 210 10);
box-shadow: -1px 1px 3px 0px white;
}
/* Profil */
.friendlist {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
}
.nickpage-btn {
font-size: 1rem !important;
}
/* CARISMA PAGE */
span.dc-home {
position: absolute;
display: inline-block;
top: 13px;
left: 17px;
text-shadow: none !important;
font-weight: 600 !important;
}
/* CARISMA HISTORY */
.car_history {
display: flex;
}
.car_history>figure {
min-width: 200px;
}
.car_history>figure>figcaption {
margin-bottom: 10px;
}
/* CARISMA HALL OF FAME */
.car_hof {
display: flex;
}
.car_hof>figure {
min-width: 200px;
}
/* CARISMA WORKSHOPS */
/* Workshop Übersicht */
.diycards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
gap: 9px;
list-style-type: none;
}
.diycards>li {
width: 310px;
height: 290px;
border-radius: 5px;
}
.diycard {
position: relative;
display: block;
height: 290px;
width: 310px;
border-radius: 5px;
overflow: hidden;
text-decoration: none;
}
.diycard_image {
width: 100%;
height: auto;
filter: opacity(.7);
-webkit-filter: opacity(.7);
}
.diycard_overlay {
position: absolute;
display: grid;
align-content: space-between;
height: 245px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
color: #fff;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0) 100%);
transform: translateY(70%);
transition: .2s ease-in-out;
}
.diycard:hover .diycard_overlay {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0) 100%);
transform: translateY(0);
}
.diycard:hover .diycard_image {
filter: blur(3px) opacity(1);
-webkit-filter: blur(3px) opacity(1);
}
.diycard_title {
top: 0;
display: block;
position: absolute;
width: inherit;
height: 43px;
padding-left: 5px;
background: var(--grad01);
font-weight: normal;
color: #115098;
text-transform: none;
font-size: 1.1rem;
}
.diycard_user {
top: 30px;
right: 5px;
display: block;
position: absolute;
font-weight: normal;
color: #a9a9a9;
text-transform: none;
font-size: 0.7rem;
text-align: right;
}
.diycard_tags {
display: block;
padding: 0 5px;
background-color: #000;
}
/* Workshop-Seite */
div.diy_work {
display: flex;
align-items: flex-start;
width: 100%;
margin: 5px 0;
border-bottom: 1px solid #e1e1e1;
}
div.diy_work:last-child {
border-bottom: 0px;
}
div.diy_work_text {
width: 100%;
margin: 5px 0;
border-bottom: 1px solid #e1e1e1;
}
.diy_work>div {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
column-gap: 10px;
min-width: 350px;
max-width: 350px;
font-weight: 600;
}
.diy_work>div>figure {
text-align: center;
margin-bottom: 5px;
}
/* CARISMA BEWERTUNG */
i.fa-star-half-stroke {
color: rgb(236 183 33);
}
.tiphelp:hover .tiptool {
color: black;
visibility: visible;
opacity: 1;
transition: opacity 1s
}
.tiptool {
position: absolute;
margin-left: 50px;
width: 550px;
padding: 10px;
background-color: #ebebeb;
border-radius: 10px;
border: 1px solid #fff;
box-shadow: 0 3px 10px var(--shadow1);
visibility: hidden;
opacity: 0;
transition: opacity 1s;
}
.tiptool:hover {
visibility: visible
}
.tiphelp {
display: inline-flex;
align-items: center;
cursor: help
}
.carisma-xtreme {
display: flex;
position: relative;
width: 100%;
columns: 2;
justify-content: space-between;
align-items: flex-start;
}
.cx-story {
min-width: 700px;
max-width: 700px;
padding-right: 20px;
display: block;
position: relative;
}
.cx-story>div {
display: flex;
justify-content: space-between;
}
.cx-story>div>span {
display: inline-flex;
flex-wrap: wrap;
flex-direction: row;
align-content: space-around;
}
.cx-details {
width: 320px;
display: grid;
justify-content: end;
}
.pict {
display: grid;
grid-template-columns: 33% 34% 33%;
justify-items: center;
align-items: center;
}
.gallery-manage {
padding: 2px 6px;
margin: 3px;
line-height: 2rem;
border: 1px solid #00000017;
border-radius: 14px;
background: #00ffff5e;
}
.deleted_topic, .deleted_post {
background-color: #7761613b !important;
border-radius: 5px;
}
.deleted_topic a.topictitle, .deleted_post a.topictitle {
color: #786060 !important;
}
#mainbody>p:first-of-type {margin-top: 1.4rem;}