Login

doylecc · 14.06.2018, 18:52

Du meinst, die geänderte theme.css?
Dann würde sie so aussehen:

Code:
.fa {
   display: inline-block;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: 'FontAwesome';
   font-weight: 300;
   font-style: normal;
}

.redirect {
   background: #405972;
}

.scrolltotop {
   cursor: pointer;
   border: 0 solid #5c6570;
   padding: 2px 5px;
   position: fixed;
   bottom: 7em;
   right: 1%;
   text-decoration: none;
   color: #5c6570;
   display: none;
   transition: all .5s ease;
   font-size: 16px;
   opacity: .75;
z-index: 99999;
}

.scrolltotop .fa {
   font-size: 25px;
}

.scrolltotop:hover {
   cursor: pointer;
   border: 0 solid #009dff;
   color: #009dff;
   transition: all .5s ease;
   opacity: 1;
}

#quick_login {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -155px;
   margin-left: -325px;
   z-index: 2;
   display: block;
}

.userunique a {
   font-weight: 700;
   color: #ccc;
}

.userunique a:hover {
   color: #009dff;
}

#panel .upper {
   color: #ddd;
   padding: 0;
   clear: both;
}

#panel .lower {
   background: #efefef;
   color: #999;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #ddd;
   padding: 5px;
}

#panel .lower a:link,#panel .lower a:visited,#panel .lower a:hover,#panel .lower a:active {
   color: #393f46;
}

img.panelavatar {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   margin: 15px 0px 7px 10px;
}

.tfixed {
table-layout: fixed;
word-wrap: break-word;
}

.thead {
 padding: 10px;
 color: #ffffff;
 background-color: #405972;
}

.thead strong {
 font-weight: 700;
 font-size: 15px;
}

.thead a:link, .thead a:visited {
color: #ffffff;
text-decoration: none;
}

.thead a:hover,
.thead a:active {
color: #009dff;
}

.thead-dark {
   padding: 7px;
   color: #ffffff;
   background-color: #2e4052;
   border-top: 3px solid #009dff;
}

.thead-dark strong {
   font-weight: 700;
   font-size: 15px;
   float: left;
   margin: 5px;
}

.thead-dark a:link, .thead-dark a:visited {
color: #ffffff;
text-decoration: none;
}

.thead-dark a:hover,
.thead-dark a:active {
color: #009dff;
}

.tcat {
   color: #fff;
   border-top: 0px solid #ddd;
   border-bottom: 1px solid #fff;
   padding: 5px 0px 5px 10px;
   font-size: 13px;
   background: #009dff;
}

.tcat a:link, .tcat a:visited, .tcat a:hover, .tcat a:active {
color: #fff;
}

.trow1 {
   background: rgba(217, 240, 255, 0.1);
   padding: 0px 0px 0px 5px;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
}

.trow2 {
   background: rgba(217, 240, 255, 0.5);
   padding: 0px 0px 0px 5px;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
}

.panel .trow1 {
   padding: 5px;
   border-bottom: 0px solid #fff;
   border-right: 0px solid #fff;
}

.panel .trow2 {
   padding: 5px;
   border-bottom: 0px solid #fff;
   border-right: 0px solid #fff;
}

.finfo {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-weight: 600;
}

.trow_shaded {
   background: #405972;
   color: #009dff;
}

.no_bottom_border {
border-bottom: 0;
}

.float_left_top{
   float: left;
}

.trow_deleted,
.post.deleted_post {
background: #E8DEFF !important;
}

.trow_selected, tr.trow_selected td {
   background: rgba(77, 166, 255, 0.2) !important;
   color: #2e4052;
   border-right-color: transparent;
   border-bottom-color: transparent;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
color: #2e4052;
}

.thead_links {
   font-size: 13px;
   position: relative;
   margin-top: 5px;
}

.thead_links > a > i{
background-color:rgba(0,0,0,0.6);
border-radius:3px;
padding:4px 6px;
   margin: -2px 0;
}

.thead_links > a{
margin-left:6px
}

.thead_links > a:link {
 text-decoration: none;
}

tr.inline_row > td {
 vertical-align: middle !important;
}

.thread-status, .thread-status1, .thread-status2 {
 padding: 0;
}

.table > tbody > tr > td {
   padding: 6px 10px !important;
   border-top: 0px;
}

.table-responsive {
 border: 0px;
}

.tborder tbody tr:last-child > td:first-child {
   padding: 7px 10px 20px;
}

.tborder {
   width: 100%;
   margin: auto auto;
   padding: 0px;
   -webkit-box-shadow: 0 8px 6px -6px rgba(91, 130, 164, 0.7);
   -moz-box-shadow: 0 8px 6px -6px rgba(91, 130, 164, 0.7);
   box-shadow: 0 8px 6px -6px rgba(91, 130, 164, 0.7);
}

a.fname {
color : #2e4052;
font-family : 'Open Sans', sans-serif;
font-size : 15px;
font-weight : 700;
padding : 5px 0 0;
float : left;
min-width : 100px;
}
a.fname:hover {
color : #009dff;
text-decoration: none;
}
.tfoot {
   width: 100%;
   background: rgba(222, 230, 237, 0.5);
   color: #009dff;
   border-top: 2px solid #009dff !important;
   padding: 6px;
   text-align: center !important;
   margin-bottom: 2px;
   margin-top: 0;
}
#quickreply_e {
   -webkit-box-shadow: 0 8px 6px -6px rgba(91, 130, 164, 0.7);
   -moz-box-shadow: 0 8px 6px -6px rgba(91, 130, 164, 0.7);
   box-shadow: 0 8px 6px -6px rgba(91, 130, 164, 0.7);
}
.effect {
   font-size: 20px !important;
}
.tfoot a:link {
   text-decoration: none;
   transition: all 0.3s linear;
   font-size: 14px;
}
.tfoot a:hover {
color : #2e4052;
text-decoration : none;
}
td.full {
width : 22.2% !important ;
float : left;
}
a.tsubject {
color : #2e4052;
font-weight : 700;
float : left;
width : 80%;
padding : 0px 0 0 7px;
font-size : 15px;
}
#wrapperindex .smalltext {
font-size : 12px;
text-transform : none;
}
#wrapperindex .author {
   font-size: 12px;
   text-transform: none;
   width: 100%;
   float: left;
}
.trow_stats_threads .smalltext, .trow_stats_users .smalltext, #boardstats_e .smalltext, .trow_stats_newusers .smalltext, .trow_stats_mostusers .smalltext {
font-size : 12px;
}
span.smalltext strong {
font-size : 13px;
}
span.smalltext a:hover {
color : #5c6570;
}
.trow_reputation_positive {
background : #cfc;
}
.trow_reputation_negative {
background : #fcc;
}
.thead_collapsed {
   background: #405972 !important;
}

.thead_collapsed:hover {
 background: #2e4052 !important;
}
.tcat_collapse_collapsed {
   background: #405972 !important;
}

.tcat_menu {
margin-top : 0;
background : #405972;
}
.tcat_menu > .expcolimage {
margin-top : 0;
}
.tfoot .pagination, .tcat .pagination {
padding-top : 0;
}
.count {
text-align : center;
border-left : 1px solid #fff;
border-right : 1px solid #fff;
background : rgba(222, 230, 237, 1);
padding-top : 5px;
padding-bottom : 5px;
}
tr td.trow1:first-child, tr td.trow2:first-child {
   padding: 10px;
   border-right: 1px solid rgba(217, 240, 255, 1);
}
.post_controls {
   background: #2e4052;
   clear: both;
   border-top: 1px solid #4a6682;
   padding: 7px 5px;
   overflow: hidden;
}
.text-muted {
   color: #fff;
}

/* Footer left */
.footer .footer-left {
   width: 38%;
   text-align: center;
}

/* Footer links */
.footer .footer-links a {
   display: inline-block;
   line-height: 1.8;
   text-decoration: none;
   color: #d5d9dd;
   font-weight: 600;
   font-size: 17px;
}

.footer .footer-links a:hover {
   color: #8f99a3;
}

.footer .footer-company-name {
   font-size: 14px;
   font-weight: 400;
   margin: 0;
}

/* Footer Center */
.footer .footer-center {
   width: 27%;
   padding-top: 15px;
}

.footer-center h3 {
   border-bottom: 2px solid #b9bfc6;
   width: 200px;
   padding-bottom: 7px;
}

.footer .footer-center i {
   color: #fff;
   font-size: 14px !important;
   width: 25px;
   height: 25px;
   text-align: center;
   line-height: 20px;
   margin: 0;
   vertical-align: middle;
}

/* Footer Right */
.footer .footer-right {
   width: 30%;
   padding-top: 15px;
}

.footer-right h3 {
   border-bottom: 2px solid #b9bfc6;
   width: 200px;
   padding-bottom: 7px;
}

#copyright {
   height: 50px;
   line-height: 50px;
   color: #FAFAFA;
   background: #2e4052;
   border-top: 2px solid #beccda;
   border-bottom: 2px solid #beccda;
}

#copyright a:link,#copyright a:visited {
   color: #009dff;
   font-weight: 700;
   transition: all .5s ease;
   text-decoration: none;
}

#copyright a:hover,#copyright a:active {
   color: #009dff;
   transition: all .5s ease;
   text-decoration: none;
}

.copy-year {
   margin-left: 15px;
}

.powered-by {
   margin-right: 15px;
}

/* Breadcrumb */
.breadcrumb {
   font-family: 'Open Sans',sans-serif;
   font-size: 13px;
   font-weight: 700;
   overflow: hidden;
   margin: 20px auto 20px;
   padding: 0px;
   background: rgba(217, 240, 255, 1);
   color: #FFF;
   border: 1px none;
   height: 44px;
   width: 93.5%;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

.breadicon {
   width: 50px;
   float: right;
}

.breadcrumb .crust {
   display: block;
   float: left;
   position: relative;
}

.breadcrumb .crust:first-child a.crumb {
   padding-left: 10px;
}

.breadcrumb .crust a.crumb {
   text-decoration: none;
   padding: 5px 5px 5px 30px;
   margin-bottom: -1px;
   outline: 0 none;
   display: block;
   color: #FFF;
   text-decoration: none;
   background: #2e4052;
   transition: all .5s ease;
}

.breadcrumb .crust b.lastcrumb {
   background: transparent none;
}

.breadcrumb .crust a.crumb {
   line-height: 35px;
}

.breadcrumb .crust .arrow {
   border: 22px solid transparent;
   border-right: 1px none;
   border-left-color: #fff;
   display: block;
   position: absolute;
   right: -22px;
   top: 0;
   z-index: 1;
   width: 0;
   height: 0;
}

.breadcrumb .crust .arrow span {
   border: 23px solid transparent;
   border-right: 1px none #000;
   border-left-color: #2e4052;
   display: block;
   position: absolute;
   left: -23px;
   top: -23px;
   z-index: 51;
   white-space: nowrap;
   overflow: hidden;
   text-indent: 9999px;
   width: 0;
   height: 0;
   transition: all .5s ease;
}

.breadcrumb .crust:last-child a.crumb {
}

.breadcrumb .crust:hover a.crumb {
   text-decoration: none;
   cursor: pointer;
   background: #253341;
   transition: all .5s ease;
}

.breadcrumb .crust:hover .arrow span {
   border-left-color: #253341;
   transition: all .5s ease;
}

div.author a::before {
   content: "\f1fa";
   font-family: 'FontAwesome';
   font-size: 11px;
   padding: 0 2px 2px 0;
}

.postbit_buttons a.postbit_edit:before {
   content: "\f044";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_qdelete:before {
   content: "\f12d";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_quote:before {
   content: "\f112";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_multiquote:before {
   content: "\f10d";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_report:before {
   content: "\f024";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_warn:before {
   content: "\f071";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_pm:before {
   content: "\f003";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_find:before {
   content: "\f00e";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_email:before {
   content: "\f1fa";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_website:before {
   content: "\f0ac";
   font-family: 'FontAwesome';
}

a.button.new_reply_button:before {
   content: "\f0e5";
   font-family: 'FontAwesome';
}

a.button.new_thread_button:before {
   content: "\f044";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_reputation_add:before {
   content: "\f087";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_purgespammer::before {
   font-family: 'FontAwesome';
   content: "\f0cc";
}

.postbit_buttons a.postbit_reply_pm:before {
content: "\f112";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_reply_all:before {
content: "\f122";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_forward_pm:before {
content: "\f064";
   font-family: 'FontAwesome';
}

.postbit_buttons a.postbit_delete_pm:before {
content: "\f00d";
   font-family: 'FontAwesome';
}

/* Main menu */
.menu {
   width: 360px;
   float: left;
   margin: 0;
   padding: 0;
   text-align: left;
}

.menu ul {
   margin: 0;
   padding: 0;
}

.menu ul li {
   list-style: none;
   display: inline-block;
   text-align: center;
   transition: all linear .5s;
}

li.portal a, li.members a, li.search a, li.today a, li.calendar a, li.help a {
color: #fff !important;
   text-decoration: none;
   padding: 13px 13px;
   line-height: 40px;
}

li.portal a:hover, li.members a:hover, li.search a:hover, li.today a:hover, li.calendar a:hover, li.help a:hover {
   background: #009dff;
color: #fff !important;
}

li.home a {
   background: #009dff;
   color: #fff !important;
   text-decoration: none;
   padding: 13px 13px;
   line-height: 40px;
}

li.home a::before {
   font-family: 'FontAwesome';
   content: "\f27b";
   font-size: 19px;
}

li.portal a:before {
   font-family: 'FontAwesome';
   content: "\f015";
   font-size: 19px;
}

li.members a:before {
   font-family: 'FontAwesome';
   content: "\f0c0";
   font-size: 19px;
}

li.search a:before {
   font-family: 'FontAwesome';
   content: "\f00e";
   font-size: 19px;
}

li.today a:before {
   font-family: 'FontAwesome';
   content: "\f0e6";
   font-size: 19px;
}

li.calendar a:before {
   font-family: 'FontAwesome';
   content: "\f133";
   font-size: 19px;
}

li.help a:before {
   font-family: 'FontAwesome';
   content: "\f29c";
   font-size: 19px;
}

.badge {
   background: #009dff;
border-radius: 0px;
}

.badge:hover {
   background: #5b82a4;
}

.badge a:hover {
   color: #fff;
}

/* Banners Index Page */
.banners {
   margin: 10px 0 0;
   background: transparent;
   width: 100%;
   display: inline-block;
}

.banners-quick {
   width: 100%;
   display: inline-block;
   margin-top: 20px;
   margin-bottom: 10px;
   background: transparent;
   border-top: 2px solid #7b9bb7;
   padding-top: 20px;
}

.banner-left {
   float: left;
   width: 49%;
}

.banner-right {
   float: right;
   width: 49%;
}

/* Welcomebox */
.welcomebox {
   width: 45%;
   margin: 10px 0 0 20px;
   float: left;
   text-align: justify;
   font-family: 'Open Sans',sans-serif;
   font-size: 13px;
   line-height: 19px;
}

.welcometitle h1 {
   font-family: 'Open Sans',sans-serif;
   font-size: 19px;
   font-weight: 400;
   text-align: center;
   margin: 0 0 30px;
   color: #FAFAFA;
}

.welcometitle {
   background: #009dff;
   color: #FAFAFA;
   height: 50px;
   line-height: 50px;
}

.welcomelogin {
   width: 36%;
   padding: 20px 0 0 30px;
   float: left;
   text-align: left;
   line-height: 22px;
   border-left: 2px solid #dee6ed;
   margin-left: 30px;
   height: 254px;
   margin-top: 7px;
}

.input-group-addon {
   background: #009dff;
   color: #fff;
   border: 0px;
   border-radius: 0px;
}

.welcomelogin ul {
   float: left;
   margin: 0;
   padding: 0;
   list-style: none;
}

.welcomelogin li {
   display: block;
}

.log {
   color: #FFF;
   padding: 8px 8px 7px 7px;
   margin: 0 0 10px;
   background: #009dff;
   border-top: 2px solid #009dff;
   border-left: 2px solid #009dff;
   border-bottom: 2px solid #009dff;
   border-right: 2px none;
}

element {
}
.textlog {
   font-family: 'Open Sans',sans-serif;
   font-size: 13px;
   width: 70%;
   color: #405972;
   background: #fff;
   border-top: 2px solid #009dff;
   border-right: 2px solid #009dff;
   border-bottom: 2px solid #009dff;
   border-left: 0px none;
   padding: 5px;
   margin: 0 0 10px;
}

*html #menu ul {
   margin: 0 0 0 -2px;
}

a.add_tyl_button span {
   background-image: none !important;
   background-repeat: no-repeat;
   font-weight: 700;
}

.desc {
   font-size: 11px;
   margin-left: 7px;
   opacity: 1;
   cursor: pointer;
   -webkit-transition: all 250ms ease-in-out;
   -moz-transition: all 250ms ease-in-out;
   -o-transition: all 250ms ease-in-out;
   transition: all 250ms ease-in-out;
}

.desc:hover {
   margin-left: 12px;
   opacity: 1;
}

span.desc {
   color: #fff;
}

iframe {
   padding: 10px !important;
}

.col-sm-8 {
   margin-bottom: 5px;
}

.col-md-3 {
   padding-left: 30px;
}

.text-left {
   text-align: left;
   padding: 5px;
   margin-bottom: 15px;
   font-size: 12px;
   border: 2px solid #dee6ed;
   background: #fff;
}

.reply-header {
   display: inline-block;
   width: 100%;
   padding: 0;
   margin-left: -2px;
}

.reply-header h2 {
   font-size: 16px;
   width: 100%;
   padding: 10px 0;
   margin-bottom: 0;
   background: #405972;
   text-align: center;
   color: #fff;
   margin-top: 0;
}

.re-subject {
   width: 100%;
   margin: 10px auto 0px;
   display: inline-block;
}

.form-control {
   padding: 3px 0px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #5c6570;
   text-align: center;
   background-color: #fff;
   background-image: none;
   -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
   box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   border: 1px solid #009dff;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

.form-bottom {
   background: #fff none repeat scroll 0 0;
   width: 100%;
   display: inline-block;
   box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 2px rgba(0,0,0,0.1);
   border-top: 2px solid rgba(222, 230, 237, 1);
   padding-left: 10px;
}

.form-poll {
}

.form-poll h3 {
   font-size: 16px;
   width: 100%;
   padding: 5px 0;
   margin-bottom: 10px;
   background: #405972;
   text-align: center;
   color: #fff;
   margin-top: 0;
}

.form-poll h4 {
   text-align: center;
   margin: 0 0 20px;
   border-bottom: 1px solid #ddd;
   padding-bottom: 10px;
}

.form-poll-text {
   width: 100%;
   display: inline-block;
   text-align: center;
   padding-bottom: 20px;
}

.select2-drop {
   background: #009dff !important;
   color: #fff !important;
   border: 1px solid #009dff !important;
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit {
   background: #009dff !important;
}

.poll-text label {
   width: 100%;
}

.post-icons {
   padding: 0px;
   margin-bottom: 15px;
   background: #fff none repeat scroll 0 0;
   border: 2px solid #dee6ed;
}

.postico {
   padding: 10px;
   text-align: left;
}

.attach-box {
   display: inline-block;
   width: 100%;
}

.attach-box .panel {
   width: 100%;
   text-align: center;
   margin-bottom: 10px;
}

.attach-box .panel .thead {
   margin-bottom: 0;
}

.attach-attachment-box {
   margin-top: 20px;
   line-height: 2;
   padding-top: 10px;
   border-top: 2px solid #eee;
}

.actions-bottom {
   width: 100%;
   background: #fff none repeat scroll 0 0;
   padding: 10px 0 5px;
   border-top: 2px solid #ddd;
}

.panel {
   box-shadow: none !important;
   border: none !important;
   padding-bottom: 10px;
   width: 100%;
   margin: 0 auto 20px;
   background: #fff;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   display: inline-block;
}

.panel .thead {
   margin-bottom: 10px;
   padding: 5px 5px 5px 15px;
}

.label {
   display: inline;
   padding: .2em .6em .3em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25em;
   background: #009dff;
}

.label:hover, .label:active, .label:focus {
   background-color: #2e4052 !important;
color: #fff;
}

.label-warning {
   background-color: #2e4052 !important;
}

.label-online {
background-color : #5CB85C !important ;
}

.label-offline {
background-color : #777 !important ;
}

.label-success {
   background-color: #5cb85c !important;
}

.label-default {
   background-color: #2e4052 !important;
   padding: .2em .6em .5em;
}

.posticons_label {
white-space : nowrap;
}

.well {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
   background-color: #fff;
   border: 3px solid #5b82a4;
   border-radius: 0px !important;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
}

element {
   margin-right: 10px;
   padding-right: 4px;
}
.media-left, .media > .pull-left {
   padding-right: 10px;
}
.thumbnail {
   display: block;
   padding: 5px;
   margin-bottom: 0px;
   line-height: 1.42857143;
   background-color: transparent;
   border: 0px solid #ddd;
   border-radius: 0px;
   -webkit-transition: border .2s ease-in-out;
   -o-transition: border .2s ease-in-out;
   transition: border .2s ease-in-out;
}

.note {
   padding: 12px;
   margin-bottom: 18px;
   border-radius: 4px;
   border: 0;
}

.note-warning {
   background-color: #fcf8e3;
   border-color: #ffc107;
   color: #ffc107;
}

.note-warning hr {
   border-top-color: #ecb100;
}

.note-warning .alert-link {
   color: #d39e00;
}

.note-warning.note-shadow:after {
   border-left: 7px solid #ffc107;
   border-bottom: 7px solid #ffc107;
   background: #ffc107;
}

.note-warning > strong {
   border-bottom: 1px solid rgba(255, 193, 7, 0.2);
}

.note-warning p a {
   color: #d39e00;
   font-weight: bold;
}

.note-danger {
   background-color: #ed5a5a;
   border-color: #e83030;
   color: #fff;
border-left: 3px solid #405972;
}

.note-danger hr {
   border-top-color: #e83030;
}

.note-danger li a {
   color: #fff;
   font-size: 13px;
}

.note-danger .alert-link {
   color: #405972;
}

.note-danger.note-shadow:after {
   border-left: 7px solid #ea2e49;
   border-bottom: 7px solid #ea2e49;
   background: #ea2e49;
}

.note-danger > strong {
   border-bottom: 1px solid rgba(234, 46, 73, 0.2);
}

.note-danger p a {
   color: #d01530;
   font-weight: bold;
}

.tab-content .panel {
   width: 100%;
}

.tab-content .panel .thead {
   background: #405972;
   color: #fff;
   padding: 7px 10px;
   border-top: 0 solid #009dff;
}

.tab-content .thead {
   background: #2e4052;
   color: #fff;
   padding: 12px 10px;
   border-top: 0 solid #009dff;
}

.padding_6_10 {
   padding: 6px 10px;
}

.subcription-info {
   width: 100%;
   margin-bottom: 20px;
   font-size: 12px;
   text-align: center;
   margin-top: -15px;
}

input[type="file"] {
   display: block;
   width: 250px;
   margin: 15px auto;
   text-align: center;
   padding: 5px 10px;
}

.thread-status,.thread-status1,.thread-status2 {
   padding: 0;
}

.controlGroup {
   float: left;
   margin-right: 5px;
   overflow: hidden;
}

.controlGroup_button {
   float: right;
}

.loader {
   border-left: 1.1em solid #009dff !important;
}

.rating_mobile {
   padding: 14px 0;
}

.rowbit > * {
   box-sizing: border-box;
   display: inline-block;
   float: left !important;
   vertical-align: middle;
}

.rowbit[class*="tcat"] > [class*="modbit"] {
   position: relative;
   margin: 0;
}

.rowbit:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   line-height: 0;
   visibility: hidden;
}

[data-width="15%"] {
   width: 15% !important;
}

[data-width="25%"] {
   width: 25% !important;
}

[data-width="60%"] {
   width: 58% !important;
}

#boardstats_e {
   background: #fff;
}

.threadbit_title {
   margin-left: 36px;
}

.threadbit_icon {
   vertical-align: middle;
}

.threadbit_stats {
   padding-right: 20px;
}

.threadbit_folder {
   display: inline-block;
   float: left;
   text-align: center;
   vertical-align: middle;
   width: 25px;
}

.threadbit_modbit {
   display: inline-block;
   float: right;
   text-align: center;
   vertical-align: middle;
}

.threadbit_modbit + [data-moderation="1"] {
   display: block;
   padding-right: 26px;
   vertical-align: middle;
}

.block {
   display: block;
}

.none {
   display: none;
}

.align_right {
   text-align: right;
}

.align_left {
   text-align: left;
}

.inbox_pm {
   min-width: 300px;
   color: #777;
   padding: 0;
   margin: 15px 0 0 !important;
   border: none;
}

.inbox_pm:before {
   content: "";
   border-style: solid;
   right: 0;
   border-color: transparent transparent rgba(0,0,0,0.15);
   position: absolute;
   top: -21.5px;
   border-width: 10px;
   margin-right: 8.6px;
}

.inbox_pm:after {
   content: "";
   border-style: solid;
   border-width: 8px;
   right: 0;
   margin-right: 10px;
   border-color: transparent transparent #FFF;
   position: absolute;
   margin-top: -32px;
   top: 16px;
}

.inbox_pm li {
   list-style: outside none none;
}

.inbox_pm ul {
   width: 100% !important;
   margin: 0;
   padding: 0 !important;
   overflow: hidden;
   max-height: 250px;
}

.inbox_pm ul li {
   padding: 5px;
}

.inbox_pm li:last-child {
   border-bottom: 0;
}

.inbox_pm li ul li:hover {
   background-color: #F5F5F5;
}

.inbox_pm li a b:after {
   content: "New";
   background-color: #5CB85C;
   color: #FFF;
   font-size: 65%;
   border-radius: .25em;
   text-align: center;
   padding: 1px 2px;
   margin-left: 5px;
   -webkit-border-radius: .25em;
      -moz-border-radius: .25em;
           border-radius: .25em;
}

.time_inbox {
   float: right;
   font-size: 11px;
}

.avatar_inbox {
   float: left;
   width: 40px;
   padding: 2px;
   border: 1px solid #ccc;
   margin-right: 5px;
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
           border-radius: 50%;
}

.profile_inbox {
   font-size: 12px;
}

.inbox_header,.inbox_pm .inbox_header:hover,.inbox_pm .inbox_header:focus {
   padding: 8px !important;
   background-color: #fff;
   font-size: 16px;
   font-weight: 700;
   border-bottom: 2px solid #EDEDED;
}

.inbox_footer,.inbox_pm .inbox_footer:hover,.inbox_pm .inbox_footer:focus {
   padding: 6px 15px !important;
   background-color: #fff;
   text-align: center;
   border-top: 2px solid #EDEDED;
}

.inbox_pm .inbox_footer a {
   color: #777;
   font-weight: 700;
}

.inbox_pm .inbox_footer a:hover,.inbox_pm .inbox_footer a:focus {
   background-color: transparent;
}

.smile_icon {
   margin: 5px;
   display: inline-block;
}

.my_smile {
   text-align: center;
   margin: 10px;
}

label {
   font-weight: 400;
}

.form-horizontal .form-group {
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

.form-horizontal .form-group-sm .control-label {
   padding-top: 0px;
}

.form-horizontal .form-group {
   border-bottom: 1px solid rgba(222, 230, 237, 1);
   margin-bottom: 10px;
   padding: 5px 0px;
}

.control-label {
   font-size: 14px !important;
   margin-bottom: 5px !important;
   font-weight: 700;
}

div[id="post_"],.full_forums {
   width: 100% !important;
}

/* Profile */
.profile-topbar {
   background: #fff;
   min-height: 150px;
   overflow: hidden;
   position: relative;
   -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2);
   box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2);
}

.profile-topbar .col-sm-12 {
   padding-left: 0;
}

.usert {
   width: 100%;
   display: block;
}

.user_star {
   float: right;
   width: 100%;
   display: block;
}

.profile-topbar .topbar-avatar {
   padding: 15px;
   text-align: center;
   background: #405972;
}

.profile-topbar .topbar-avatar img {
   width: 100px;
   height: 100px;
   margin: auto;
   border: 4px solid rgba(0,0,0,0.2);
   border-radius: 50%;
}

.profile-topbar .topbar-text {
   position: relative;
   margin: auto;
   padding: 5px 15px 13px !important;
   font-size: 20px;
}

.profile-topbar .topbar-avatar .text-muted {
   color: #fff;
   margin: 15px 5px 5px;
   font-size: 17px;
   background: rgba(0,0,0,0.3);
   padding: 5px;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

.profile-topbar .topbar-text .group_img {
   padding: 10px 0;
}

.profile-stats {
   text-align: center;
   height: 75px;
}

.profile-stats > span {
   box-sizing: border-box;
   color: #F5F5F5;
   font-size: 19px;
   display: inline-block;
   text-align: center;
   width: 100%;
   height: 100%;
   padding-top: 15px;
}

.profile-stats > span > span {
   font-size: 14px;
   display: block;
   margin: 5px 0;
   background-color: rgba(0,0,0,0.200);
   padding: 4px 5px;
}

.profile_stats_green {
   background-color: #60A917;
}

.profile_stats_blue {
   background-color: #428BCA;
}

.profile_stats_yellow {
   background-color: #F89406;
}

.profile_stats_purple {
   background-color: #BF06F8;
}

.nav-tabs {
   border: 0 none;
   background: #fff;
   padding: 5px 0 0;
   margin: 0px 0px 2px -1px;
}

.nav-tabs > li.active > a {
   color: #dee6ed;
   background: #2e4052;
   border: 1px solid #2e4052;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
   color: #2e4052;
}

.nav-tabs > li.active {
   margin-right: -1px;
}

.nav-tabs > li {
   margin-bottom: 0px;
}

.nav-tabs > li > a {
   font-weight: 700;
   background: #405972;
color: #fff;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

.nav-tabs>li>a:hover {
   color: #2e4052;
}

#contact table.tborder {
   margin-top: -18px;
}

.customfield .form-horizontal div:first-child {
   padding-top: 15px;
}

.customfield .form-horizontal div:last-child {
   padding-bottom: 0;
}

.customfield .form-horizontal {
   padding-bottom: 1px;
}

#overview .button {
   margin-bottom: 15px;
}

a.button.add_buddy_button {
   background: #58a1a1;
}

a.button.add_buddy_button:hover {
   background: #5c6570;
}

a.button.remove_buddy_button {
   background: #EA6B6B;
}

a.button.remove_buddy_button:hover {
   background: #5c6570;
}

a.button.report_user_button {
   background: #ed5a5a;
}

a.button.report_user_button:hover {
   background: #5c6570;
}

[id*="ismod_"] {
   display: none !important;
}

[id="ismod_3"],[id="ismod_4"],[id="ismod_6"] {
   display: block !important;
}

/* News Ticker */
.news-ticker {
   margin: 20px 0px 20px auto;
   height: 45px;
   display: inline-block;
   width: 100%;
}

.news-ticker li{
list-style:none;
}

.news-ticker a {
   text-decoration: none;
   padding-top: 2px;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   font-size: 15px;
   padding-left: 20px;
}

.news-ticker-content {
   height: 45px;
   background: rgba(217, 240, 255, 0.5);
   border: 2px solid rgba(217, 240, 255, 1);
}

ul.slide-ticker {
margin-top: 10px;
}

.icon-ticker {
   background: #435870;
   float: left;
   margin-right: 15px;
   height: 100%;
   vertical-align: top;
   text-align: center;
   line-height: 45px;
   height: 45px;
   border: 0px solid #009dff;
   padding: 0px 20px;
   color: #fff;
   min-width: 45px;
}

.icon-ticker i{
color:#FFF;
line-height:45px;
font-size:18px;
}

/* Social Icons */

.hide-text{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.ease-all{
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

/* Social Icons Header */
.socialmenu {
height: 40px;
line-height: 40px;
width: auto;
display: inline-block;
margin-left: -20px;
padding: 0;
}

.socialmenu ul {
float:left;
margin:0;
padding:0;
margin-left: 0px;
}

.socialmenu ul li {
   float: left;
   display: inline-block;
   margin-right: 0px;
   list-style: none;
}

.socialmenu li a:link, .socialmenu li a:visited, .socialmenu li a {
   color: #5b82a4;
   display: inline-block;
   padding: 0;
}

.socialmenu ul li a i {
   border: 0;
   display: inline-block;
   padding: 0px 0px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   font-size: 1.3em;
}

.socialmenu li a:hover {
color: #FFF;
}

.socialmenu li a:hover .fa-facebook {
   background:#3b5998;
} 
.socialmenu li a:hover .fa-linkedin {
   background:#007bb6;
}
.socialmenu li a:hover .fa-twitter {
   background:#00aced;
}
.socialmenu li a:hover .fa-google-plus {
   background:#dd4b39;
}

.socialmenu li a:hover .fa-dribbble {
   background:#e6659d;
}

.socialmenu li a:hover .fa-youtube {
   background:#e23c48;
}

.footer-icons li a .fa-rss {
   background:#ff6600;
}

.label-warning {
   background-color: #ed5a5a !important;
}

/* Social Icons Footer */
.footer-icons {
height: 40px;
line-height: 40px;
width: auto;
display: inline-block;
margin-left: 0px;
padding: 0;
}

.footer-icons ul {
float:left;
margin:0;
padding:0;
margin-left: 0px;
}

.footer-icons ul li {
   float: left;
   display: inline-block;
   margin-right: 0px;
   list-style: none;
   text-align: center;
}

.footer-icons li a:link, .footer-icons li a:visited, .footer-icons li a {
   color: #fff;
   display: inline-block;
   padding: 0;
}

.footer-icons ul li a i {
   border: 0;
   display: inline-block;
   padding: 0px 0px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   font-size: 1.3em;
}

.footer-icons li a .fa {
   color: #FFF;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

.footer-icons li a .fa:hover {
background: #009dff;
}

.footer-icons li a .fa-facebook {
   background:#3b5998;
} 
.footer-icons li a .fa-linkedin {
   background:#007bb6;
}
.footer-icons li a .fa-twitter {
   background:#00aced;
}
.footer-icons li a .fa-google-plus {
   background:#dd4b39;
}

.footer-icons li a .fa-dribbble {
   background:#e6659d;
}

.footer-icons li a .fa-youtube {
   background:#e23c48;
}

.footer-icons li a .fa-pinterest {
   background:#f34256;
}

.share-button {
width: 40px;
height: 45px;
}
.share-button label {
   font-size: 16px;
   cursor: pointer;
   margin: 0;
   padding: 5px 5px;
   border-radius: 0px;
   background: rgba(0, 128, 255, 0.6);
   color: #dee6ed;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
[class*=entypo-]:before {
font-family:entypo,sans-serif
}
.share-button label:hover {
background: rgba(0, 128, 255, 0.8);
}
.share-button label span {
font-size:.85em;
font-family : 'Open Sans', sans-serif;
font-weight:900;
-webkit-font-smoothing:antialiased;
padding-left:3px
}
.share-button .social {
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0;
   -webkit-transform: scale(0) translateY(-190px);
   -ms-transform: scale(0) translateY(-190px);
   transform: scale(0) translateY(-190px);
   opacity: 0;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   margin-left: -15px;
}
.share-button .social.active {
   opacity: 1;
   -webkit-transform: scale(1) translateY(-90px);
   -ms-transform: scale(1) translateY(-90px);
   transform: scale(1) translateY(-90px);
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   margin-top: 100px;
   margin-left: 0px;
}
.share-button ul {
   position: relative;
   left: 5px;
   right: 0;
   width: 45px;
   height: 132px;
   color: #fff;
   background: #3b5998;
   margin: auto;
   padding: 0;
   list-style: none;
}
.share-button ul li {
   font-size: 20px;
   cursor: pointer;
   width: 45px;
   margin: 0;
   padding: 10px 0 15px;
   text-align: center;
   float: left;
   display: block;
   height: 20px;
   position: relative;
   z-index: 2;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.share-button ul li:hover {
color:rgba(0,0,0,.5)
}
.share-button ul:after {
content:'';
display:block;
width:0;
height:0;
position:absolute;
left:10px;
margin: -10px auto 35px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #6cdfea
}
.share-button li[class*="twitter"] {
   background: #6cdfea;
   padding: 10px 0 15px;
}
.share-button li[class*=gplus] {
background:#e34429;
padding: 10px 0 15px;
}

/* Editor */
.sceditor-maximize {
   background-color: #f5f5f5;
   z-index: 999;
}

.sceditor-container.sceditor-maximize iframe,.sceditor-container.sceditor-maximize textarea {
   height: 100% !important;
}

.sceditor-container {
   width: 100% !important;
   position: relative;
   box-sizing: border-box;
   border: 2px solid rgba(91, 130, 164, 0.3) !important;
}

.sceditor-container iframe,.sceditor-container textarea {
   resize: none;
   box-sizing: border-box;
   width: 100% !important;
   margin: 0;
   min-height: 320px;
   height: auto !important;
}

div.sceditor-resize-cover {
   position: absolute;
   top: 0;
   left: 0;
   background: #000;
   width: 100%;
   height: 100%;
   z-index: 2;
   opacity: .3;
   position: absolute;
   top: 0;
   left: 0;
   background: #000;
   width: 100%;
   height: 100%;
   z-index: 2;
   opacity: .3;
}

.ie6 div.sceditor-resize-cover,.ie7 div.sceditor-resize-cover,.ie8 div.sceditor-resize-cover {
   background: #efefef;
}

.sceditor-container.ie6 {
   overflow: hidden;
}

div.sceditor-toolbar {
   line-height: 1 !important;
   border-bottom: 1px solid rgba(91, 130, 164, 0.3) !important;
}

div.sceditor-grip {
   overflow: hidden;
   width: 10px;
   height: 10px;
   cursor: pointer;
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 3;
}

.sceditor-maximize {
   position: fixed;
   top: 0;
   left: 0;
   height: 100% !important;
   width: 100% !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
}

html.sceditor-maximize,body.sceditor-maximize {
   height: 100%;
   width: 100%;
   padding: 0;
   margin: 0;
   overflow: hidden;
}

.ie6.sceditor-maximize {
   position: absolute;
}

.sceditor-maximize div.sceditor-grip {
   display: none;
}

div.sceditor-group {
   background: transparent !important;
   border-bottom: 0px solid #ccc !important;
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
}

.sceditor-button {
   padding: 5px !important;
   width: 30px !important;
   height: 30px !important;
   font-size: 14px;
   margin: 0 2px 0 0;
   z-index: 1;
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
   background: #009dff !important;
   color: #fff !important;
   border: 1px solid #009dff !important;
}

.sceditor-button:hover, .sceditor-button:focus {
   background: #fff !important;
   color: #009dff !important;
   border: 1px solid #009dff !important;
}

.sceditor-button > * {
   display: none !important;
}

.sceditor-button::before {
   display: block;
   position: relative;
   margin: auto;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   padding: 3px;
   text-align: center;
   font-family: "FontAwesome";
   font-weight: 300;
}

.sceditor-button-maximize:before {
   content: "\f065";
}

.sceditor-button-source:before {
   content: "\f066";
}

.sceditor-button-color:before {
   content: "\f043";
}

.sceditor-button-size:before {
   content: "\f15d";
}

.sceditor-button-removeformat:before {
   content: "\f00d";
}

.sceditor-button-font:before {
   content: "\f031";
}

.sceditor-button-bold:before {
   content: "\f032";
}

.sceditor-button-italic:before {
   content: "\f033";
}

.sceditor-button-underline:before {
   content: "\f0cd";
}

.sceditor-button-strike:before {
   content: "\f0cc";
}

.sceditor-button-left:before {
   content: "\f036";
}

.sceditor-button-center:before {
   content: "\f037";
}

.sceditor-button-right:before {
   content: "\f038";
}

.sceditor-button-justify:before {
   content: "\f039";
}

.sceditor-button-orderedlist:before {
   content: "\f03a";
}

.sceditor-button-bulletlist:before {
   content: "\f0ca";
}

.sceditor-button-horizontalrule:before {
   content: "\f1dd";
}

.sceditor-button-image:before {
   content: "\f03e";
}

.sceditor-button-email:before {
   content: "\f01c";
}

.sceditor-button-link:before {
   content: "\f0c1";
}

.sceditor-button-unlink:before {
   content: "\f127";
}

.sceditor-button-video:before {
   content: "\f030";
}

.sceditor-button-emoticon:before {
   content: "\f118";
}

.sceditor-button-quote:before {
   content: "\f10d";
}

.sceditor-button-code:before {
   content: "\f121";
}

.sceditor-button-php:before {
   content: "\f15c";
}

.sceditor-dropdown > * > .button {
   margin: 0 auto;
   text-align: center;
}

.sceditor-emoticons img {
   display: inline-block;
   margin: 0 2px;
   padding: 0 3px;
   vertical-align: middle;
}

.sceditor-color-column {
   float: left;
   padding: 0 !important;
   margin: 0 !important;
}

.sceditor-color-option {
   display: block;
   margin: 2px;
   height: 10px;
   overflow: hidden;
   width: 10px;
}

.trow_toggle:not(:last-child) {
 border-bottom: 2px solid #ededed;
 padding: 10px;
}

.trow_toggle:last-child {
 padding: 10px;
}

/* Footer Index Stats */

.istatwrap {
min-height: 30px;
line-height: 30px;
text-align: center;
padding: 0;
margin: 0 auto;
}

.istatwrap ul {
margin:0;
padding:0;
display: inline-block;
}

.istatwrap ul.text-left {
   border: 0px solid #dee6ed;
}

.istatwrap > ul > li {
   list-style: none;
   display: inline-block;
   float: left;
   padding: 0px 10px;
   background: #303f50;
   margin-right: 10px;
   padding-left: 0;
   cursor: pointer;
   color: #fff;
}

.istatwrap > ul > li > span {
display: inline-block;
padding: 0px 8px;
background: #009dff;
margin-right: 5px;
min-width: 20px;
}

.istatwrap > ul > li:hover {
background: #009dff;
}

.istatwrap a {
color: #FFF !important;
}

.istatwrap a:hover {
color: #dee6ed !important;
}

.flinks {
   color: #FFF;
}

.statsicon, .bdayicon, .onicon {
position: relative;
width: 34px;
height: 34px;
background: #171717;
border-radius: 100%;
opacity: 0.7;
cursor: pointer;
color: #999;
}
.statsicon:before, .bdayicon:before , .onicon:before {
text-align: center;
line-height: 28px;
font-size: 14px;
top: 3px;
left: 3px;
position: absolute;
z-index: 1;
display: block;
width: 28px;
height: 28px;
border-radius: 100%;
background: #2D2D2D;
}

.statsicon:after, .bdayicon:after, .onicon:after {
content: "";
z-index: 0;
width: 34px;
height: 34px;
position: absolute;
border-radius: 2px;
background: #1A1A1A;
-webkit-animation: ispinner 2s infinite linear;
animation: ispinner 2s infinite linear;
}

.bdayicon:before {
 content: "\f06b";
 font-family: FontAwesome;
}

.statsicon:before {
 content: "\f080";
 font-family: FontAwesome;
}

.onicon:before {
 content: "\f0ac";
 font-family: FontAwesome;
}

.statsicon:hover , .bdayicon:hover , .onicon:hover, tr:hover .statsicon, tr:hover .bdayicon, tr:hover .onicon {
color: #e74c3c
}

ul#inline-popups {
   list-style: outside none none;
   margin-bottom: 0px;
   padding: 5px 0px;
}

.modal-header {
   padding: 15px;
   border-bottom: 0px solid #e5e5e5;
   background: #009dff;
   color: #fff;
   border-top: 3px solid #2e4052;
}

.modal-title {
   margin: 0;
   line-height: 1;
}

.modal-content {
   -webkit-box-shadow: 0 5px 15px rgba(32, 44, 56, 0.5);
   box-shadow: 0 5px 15px rgba(32, 44, 56, 0.5);
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
 background: #405972;
 color: #fff;
}
.btn:hover,
.btn:focus,
.btn.focus {
 background: #405972;
 color: #fff;
}
.btn:active,
.btn.active {
 background: #405972;
 color: #fff;
}
.button-sub-forum .fa {
   color: #009dff;
}

#search {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   
   -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

   -webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
   
   opacity: 0;
}

#search.open {
   -webkit-transform: translate(0px, 0px) scale(1, 1);
   -moz-transform: translate(0px, 0px) scale(1, 1);
   -o-transform: translate(0px, 0px) scale(1, 1);
   -ms-transform: translate(0px, 0px) scale(1, 1);
   transform: translate(0px, 0px) scale(1, 1);
   opacity: 1;
   z-index: 3;
}

#search input[type="search"] {
   position: absolute;
   top: 50%;
   width: 100%;
   color: rgb(255, 255, 255);
   background: rgba(0, 0, 0, 0);
   font-size: 60px;
   font-weight: 300;
   text-align: center;
   border: 0px;
   margin: 0px auto;
   margin-top: -51px;
   padding-left: 30px;
   padding-right: 30px;
   outline: none;
}
#search .btn {
   position: absolute;
   top: 60%;
   left: 40%;
   margin-top: 61px;
   margin-left: -45px;
   width: 30%;
   height: 50px;
   border-radius: 0px;
   font-size: 20px;
}

.socialmenu li a.searchbtn:hover {
color: #fff !important;
background: #009dff;
}
#search .close {
   position: fixed;
   top: 50px;
   right: 15px;
   color: #fff;
   background-color: #428bca;
   border-color: #357ebd;
   opacity: 1;
   padding: 12px 17px;
   font-size: 22px;
}

.bam_announcement.green {
   background: #d6f5d6 !important;
   border: 2px solid #47d147 !important;
}

.bam_announcement.blue {
   background: #ccf2ff !important;
   border: 2px solid #00a3cc !important;
}

.bam_announcement.red {
   background: #ffcccc !important;
   border: 2px solid #cc2900 !important;
}

.bam_announcement.yellow {
   background: #ffebcc !important;
   border: 2px solid #ffad33 !important;
} 

#prostats_table .tcat td, #prostats_table .trow1 td, #prostats_table .trow2 td {
   padding: 5px 0 5px 5px !important;
}

14.06.2018, 18:56

Danke sehr nett von dir jetzt besteht nur das Problem das im footer die überschriften sowie die haupt foren kategorien immer noch groß sind

doylecc · 14.06.2018, 19:27

(14.06.2018, 18:56)maxi75r schrieb: die haupt foren kategorien immer noch groß sind

(14.06.2018, 18:23)doylecc schrieb: Und für die Kategorie-Namen scheint es direkt im Template forumbit_depth1_cat eingetragen zu sein als:

Code:
style="text-transform:uppercase;"
Dieses Style-Element müsstest du dann auch entfernen.

Dafür musst du diesen Teil also im genannten Template forumbit_depth1_cat des Netpen-Themes löschen.

(14.06.2018, 18:56)maxi75r schrieb: jetzt besteht nur das Problem das im footer

Das wäre die geänderte global.css dafür:

Code:
html, body {
height: auto;
}

body {
text-align: left;
padding: 0;
margin: 0;
font-family : 'Open Sans', sans-serif;
font-size: 14px;
   background-image: none;
   background-color: #fff;
}

a {
color : #009dff;
text-decoration : none;
transition : all 0.3s linear;
}

a:hover {
color : #009dff;
text-decoration : none;
}

dt {
font-weight : 700;
}

.font-sm {
font-size: 80% !important;
}

.font-md {
font-size: 93% !important;
}

.font-lg {
font-size: 120% !important;
}

.text-center {
text-align : center;
}

.text-left {
   text-align: left;
}

.text-right {
   text-align: right;
}

.border-top {
border-top: 2px solid #D9F0FF;
}

.panel-no-padding {
padding: 0;
}

.margin-0 {
margin: 0;
}

.margin-top-10 {
margin-top: 10px !important;
}

.margin-bottom-10 {
margin-bottom: 10px !important;
}

.padding-8px {
padding: 8px;
}

.padding-top {
padding: 1.5%;
}

.padding-top-2 {
padding: 2%;
}

.padding_0 {
   padding: 0px !important;
}

.padding_10 {
   padding: 10px;
}

.padding_bottom_10 {
   padding-bottom: 0px !important;
}

.bottom-border {
   padding-top: 0.5%;
border-bottom: 1px solid rgba(217, 240, 255, 1);
}

#main-container {
width: 100%;
position: relative;
   color: #303f50;
   text-align: left;
   line-height: 1.4;
   font-family: 'Open Sans', sans-serif;
   font-size: 13px;
}

.padding_10 {
   padding: 10px;
}

.wrapper {
width : 90%;
min-width : 733px;
margin : 0 auto;
}

.wrapper-head {
   background: #202C38;
   width: 100%;
   margin: 0 auto;
   text-align: center;
   border-top: 2px solid #009dff;
   border-bottom: 2px solid #009dff;
   display: inline-block;
   height: 44px;
}

#wrapperindex {
width: auto !important;
overflow: hidden;
}

#logo {
   width: 100%;
   margin-top: 47px;
   padding: 0;
   background: #fff url(../../../images/netpen/logo-bg.png) no-repeat center top !important;
   background-attachment: fixed !important;
   background-size: 100% !important;
   border-bottom: 2px solid #009dff;
}

.logo-inner {
background: url(../../../images/netpen/overlay-bg.png) repeat center;
   padding: 35px 0;
text-align: center;
}

.logo-inner img {
opacity : 0.800000011920928955078125;
}

.content {
   margin: auto auto;
   float: none;
   max-width: 1200px;
   box-sizing: border-box;
   background-color: #FFF;
}

.col-lg-10, .col-xs-12 {
   padding-right: 10px;
   padding-left: 10px;
}

#header, #header-responsive {
width : 100%;
}

#header-responsive, .navigation-responsive, .menu-responsive, #logo-responsive .fa, .usermenu-responsive {
display: none;
}

.navbar {
   background: #202C38;
   min-height: 45px;
   position: fixed;
   border-radius: 0px !important;
   width: 100%;
   top: 0;
   margin-bottom: 0;
   z-index: 1000;
   overflow: visible;
   border: 0px solid transparent;
}

.navbar-default {
   border-bottom: 2px solid #009dff !important;
}

.navbar-header {
   text-align: center;
}

.of-h {
overflow : hidden !important ;
}

.padding_0_10 {
padding : 0 10px;
}

.my_top {
margin-top : 15px;
}

.newest {
   text-align: center;
   background: #405972;
   color: #fff;
   display: inline-block;
   padding: 5px;
}

.newest a {
   display: inline;
   padding: .2em .6em .3em;
   font-size: 90%;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25em;
   background: #009dff;
}

.smilie {
vertical-align : middle;
width : auto !important ;
}

.smilie_pointer {
cursor : pointer;
}

.bg-alert {
   background-color: #405972 !important;
   color: #FFF;
}

.bg-info {
background-color : #ED5A5A !important ;
color : #E7F5FA;
}

.bg-danger {
background-color : #009dff !important ;
color : #FEF7F6;
}

.of-h {
overflow : hidden !important ;
}

.icon-bg {
position : absolute;
right : 0;
top : 0;
line-height : 100px;
font-size : 100px;
}

.icon-bg-small {
   position: absolute;
   right: 0;
   top: 0;
   line-height: 135px;
   font-size: 50px;
}

.box-shadow-top {
box-shadow : 0 -5px 5px -5px #5b82a4;
}

.box-shadow-bottom {
box-shadow : 0 1px 2px -1px #5b82a4;
}

.footer {
   box-sizing: border-box;
   width: 100%;
   font-family : 'Open Sans', sans-serif;
   color: #8f99a3;
   text-align: left;
   font-size: 14px sans-serif;
   padding: 35px 50px 55px 50px;
   margin-top: 0;
   border-top: 3px solid #009dff;
   background: #23313E;
}

.footer h3 {
color : #b9bfc6;
font-size: 17px;
}

.footer ul {
margin : 0;
padding : 0;
}

.footer ul li {
list-style : none;
display : block;
padding : 0;
margin : 0;
}

.footer ul li a {
text-decoration : none;
color : #d5d9dd;
font : 12px sans-serif;
transition : all 0.5s ease;
font-weight : 600;
}

.footer ul li a:hover {
color : #8f99a3;
}

.footer .footer-left, .footer .footer-center, .footer .footer-right {
display : inline-block;
vertical-align : top;
}

::-webkit-scrollbar {
width : 15px;
}

::-webkit-scrollbar-track {
background : #2C3E4F;
}

::-webkit-scrollbar-thumb {
background : #009dff;
}

#debug {
   text-align: center;
   margin: 0px;
   font-size: 11px;
   padding: 5px 0px 10px;
   color: #8f99a3;
   background: #23313E;
   width: 100%;
}

#debug a {
color : #009dff;
}

#debug a:hover {
color : #405972;
}

.forum_status {
height: 30px;
text-align: center;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

color: #FFF;
width: 30px;
font-size: 20px;
}

.forum_status_mobile {
text-align : center;
color : #FFF;
padding : 3px 4px;
font-size : 9px;
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
}

.forum_status i {
   display: inline-block;
   line-height: 27px;
}

.forum_on, .forum_on_mobile {
background : #009dff;
border : #009dff solid 2px;
}

.forum_off, .forum_off_mobile, .forum_offlock, .forum_offlink {
   background: #fff;
   color: #435870;
   border: #435870 solid 2px;
   cursor: pointer;
}

.forum_offlock_mobile {
background : #C31111;
}

.forum_offlink_mobile {
background : #29B12A;
}

.forum_off i, .forum_offlock i, .forum_offlink i {
   opacity: 1;
}

.forum_offlock i:before {
content : "\f023";
}

.forumsubscriptions.off:before {
font-family : 'FontAwesome';
font-size : 15px;
content : "\f023";
}

.forum_offlink i:before {
content : "\f0c1";
}

div[id^="mark_read_"] {
padding-right : 0;
padding-left : 0;
}

.subforumicon {
height : 10px;
width : 10px;
display : inline-block;
font-size : 14px;
}

.subforum_minion {
color : #009dff;
font-weight : 700;
}

.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
color : #8f98a3;
}

.subforum_miniofflock i:before {
content : "\f023";
}

.subforum_miniofflink i:before {
content : "\f0c1";
}

form .thead {
background : #405972;
border-top : 0 solid #009dff;
text-align : center;
}

.subforum_dropdown {
padding-top : 1.5%;
}

.subforum_dropdown::before {
content: "Â»";
margin-right: 7px;
margin-left: 5px;

color: #405972;
font-size: 17px;
}

.button-sub-forum {
line-height : 1.4;
font-size : 12px;
cursor : pointer;
margin : 0;
box-shadow : none;
color : #405972 !important ;
   -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
           border-radius: 3px 3px 0 0;
}

.dropdown-header {
display : block;
padding : 3px 20px;
font-size : 13px;
line-height : 1.42857143;
color : #fff;
white-space : nowrap;
background : #009dff;
font-weight : 700;
}

ul.dropdown-menu a {
padding : 5px;
font-size : 12px;
}

fieldset {
color : #5b82a4;
position : relative;
border : #5b82a4 solid 2px;
margin-top : 5px;
padding : 15px 8px;
font-size : 10pt;
text-align : center;
}

fieldset.align_right {
text-align : right;
}

input {
   background: #fff;
   color: #333;
   border: solid 2px;
   padding: 6px;
   outline: 0;
   font-size: 13px;
   font-family: Tahoma, Verdana, Arial, Sans-Serif;
   border-color: #009dff;
   margin-left: 2px;
}

.loggin input {
   background: transparent;
   color: #fff;
   border: solid 2px;
   padding: 0px;
   outline: 0;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
   border-color: transparent;
}

.loggin input:hover {
   color: #009dff;
}

textarea {
background : #fff;
color : #333;
border : #8f98a3 solid 2px;
padding : 2px;
line-height : 1.4;
outline : 0;
font-family : Tahoma, Verdana, Arial, Sans-Serif;
font-size : 13px;
height : 175px;
}

select {
   padding: 6px;
color: #303f50;
}

button, input.button {
background : #009dff;
padding : 7px 15px;
cursor : pointer;
outline : 0;
color : #fff;
display : inline-block;
margin : 2px 2px 6px;
border : #393f46 solid 0;
font-size : 13px;
transition : all 0.3s linear;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

button:hover, input.button:hover {
background : #2e4052;
}

a.new_thread_button:link, a.new_reply_button:link, a.closed_button:link, a.new_thread_button:hover, a.new_reply_button:hover, a.closed_button:hover, a.new_thread_button:visited, a.new_reply_button:visited, a.closed_button:visited, a.new_thread_button:active, a.new_reply_button:active, a.closed_button:active {
background-color : #2e4052;
color : #fff;
display : inline-block;
padding : 5px 10px 5px 5px;
margin : 2px 2px 6px 0;
font-size : 14px;
transition : background-color 0.2s, border 0.2s, color 0.2s;
transition-delay : 0;
transition-timing-function : linear;
font-weight : 700;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

a.new_thread_button:hover, a.new_reply_button:hover {
background-color : #009dff;
}

a.new_thread_button span:before {
content : "\f086";
font-family : 'FontAwesome';
}

a.new_thread_button span:before, a.new_reply_button span:before {
background-color : #009dff;
font-size : 18px;
padding : 2px 6px;
margin-right : 5px;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

a.new_thread_button span:before:hover, a.new_reply_button span:before:hover {
background-color : #2e4052;
}

a.new_reply_button span:before {
content : "\f075";
font-family : 'FontAwesome';
}

a.closed_button span::before {
font-family : 'FontAwesome';
content : "\f00d";
background-color : #ed5a5a;
font-size : 18px;
padding : 2px 6px;
margin-right : 5px;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

span.goto {
float : left;
}

form {
margin : 0;
padding : 0;
}

form h3 {
   text-align: center;
   width: 100%;
   font-size: 20px;
   color: #fff;
   background: #009dff;
   margin: 0px 0px 10px;
   padding: 7px 0px;
}

.replyform .trow2 {
width : 20%;
float : left;
}

form input.error {
border : #f30 solid 1px;
color : #f30;
background : #e6e6e6;
padding : 3px;
outline : 0;
font-size : 13px;
font-family : 'Open Sans', sans-serif;
}

form input.valid {
border : #0c0 solid 1px;
background : #e6e6e6;
padding : 3px;
outline : 0;
font-size : 13px;
font-family : 'Open Sans', sans-serif;
}

form label.error {
color : #f30;
margin : 5px;
padding : 0;
display : block;
font-weight : 700;
font-size : 11px;
}

form #message {
width : 500px;
}

.input-sm, .form-group-sm .form-control {
   height: 30px;
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   margin-top: 0px;
   text-align: left;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.row {
   margin-right: 0;
   margin-left: 0;
}

div.author a:hover {
color : #393f46;
}

a.lastpost {
color : #606060;
white-space : nowrap;
text-decoration : none;
font-weight : 700;
}

.lastpost img {
height : 10px;
width : 10px;
margin-top : -2px;
vertical-align : middle;
}

a.lastpost img {
margin-top : -2px;
}

.smalltextdesc {
width : 80%;
float : left;
padding : 3px 0 5px 7px;
}

.editor {
background : #f1f1f1;
border : #ddd solid 1px;
}

.editor_control_bar {
   background: #405972;
   display: inline-block;
   text-align: center;
   margin-top: 3px;
   padding: 7px;
   border: 2px solid #009dff;
   color: #fff;
   line-height: 2;
}

.post .editor_control_bar {
background : #f5f5f5;
}

.popup_menu {
background: #303030 !important;
border: #ddd solid 1px;
}

.popup_menu .popup_item {
background : #303030;
color : #fff;
}

.popup_menu .popup_item:hover {
background : #009dff;
color : #fff;
}

.post .post_head span.edited_post {
font-size: 12px;
color: #333;
}

.post .post_head span.edited_post a {
color: #333;
}

.post_edit {
   margin: 10px 0;
}

.popup_menu1 {
 position: inherit !important;
}

.popup_menu1 .popup_item {
background: #F5F5F6;
color: #333;
   border: 1px solid #eaeaea;
}

.popup_menu1 .popup_item:hover {
background: #009dff;
color: #fff;
}

.popup_menu1 .popup_item_container {
margin: 1px;
text-align: left;
}

.popup_menu1 .popup_item {
display: block;
padding: 4px;
white-space: nowrap;
text-decoration: none;
}

.popup_menu1 a.popup_item:hover {
text-decoration: none;
}

.reputation_positive {
color : #009dff;
}

.reputation_neutral {
   color: #009dff;
}

.reputation_negative {
color : red;
}

.repbox {
font-size : 16px;
font-weight : 700;
padding : 5px 7px;
}

._neutral {
background-color : #FAFAFA;
color : #999;
border : #DDD solid 1px;
}

._minus {
background-color : #FDD2D1;
color : #CB0200;
border : #980201 solid 1px;
}

._plus {
background-color : #E8FCDC;
color : #080;
border : #080 solid 1px;
}

img {
border : none;
}

.mycode_img {
   max-width: 70%;
}

img.attachment {
border : #E9E5D7 solid 1px;
padding : 2px;
}

hr {
background-color : #8f98a3;
color : #8f98a3;
height : 1px;
border : 0;
}

.clear {
clear : both;
}

.float_left {
float : left;
margin-left : 10px;
}

.float_right {
float : right;
margin-right : 10px;
}

.float_right img {
   margin-top: 10px;
}

.hidden {
display : none;
float : none;
width : 1%;
}

.hiddenrow {
display : none;
}

.selectall {
background : #FFFBD9;
border-bottom : 1px solid #F7E86A;
color : #333;
text-align : center;
}

.expcolimage {
   float: right;
   width: 22px;
   vertical-align: top;
   margin: 0px 5px;
}

.expander {
   border-radius: 50%;
}

blockquote {
   font-size: 14px;
   background: #fff;
   padding: 10px;
   border-radius: 3px;
   border: #bdcddb solid 2px;
}

blockquote cite {
display : block;
padding-bottom : 2px;
border-bottom : 1px solid #bdcddb;
margin-bottom : 5px;
font-weight : 700;
}

blockquote cite::before {
font-family : 'FontAwesome';
content : "\f10d";
padding-right : 3px;
font-weight : 400;
}

blockquote cite span {
display : inline-block;
float : right;
margin : 0 4px;
font-size : 12px;
font-weight : 400;
}

blockquote cite span.highlight {
float : none;
font-weight : 700;
padding-bottom : 0;
}

.codeblock {
   padding: 10px;
   margin-bottom: 12px;
   background: #fff;
   border: #bdcddb solid 1px;
   width: 95%;
}

.codeblock .title {
color : #fff;
border-bottom : 1px solid #8f98a3;
font-weight : 700;
margin : 0 0 10px;
padding-left : 20px;
background : #009dff;
}

.codeblock .title::before {
font-family : 'FontAwesome';
content : "\f1c9";
color : #fff;
font-size : 20px;
padding-right : 5px;
font-weight : 400;
}

.codeblock code {
   color: #5b82a4;
   overflow: auto;
   height: auto;
   max-height: 200px;
   display: block;
   font-family: "Lucida Console", Monaco, monospace;
   font-size: 14px;
   padding-left: 10px;
   background-color: rgba(222, 230, 237, 0.5);
}

.smilie {
vertical-align : middle;
}

.smilie_pointer {
cursor : pointer;
}

.separator {
margin : 5px;
padding : 0;
height : 0;
font-size : 1px;
list-style-type : none;
}

.popup_menu .popup_item_container {
margin : 1px;
text-align : left;
}

.popup_menu .popup_item {
display : block;
padding : 4px;
white-space : nowrap;
text-decoration : none;
}

.popup_menu a.popup_item:hover {
text-decoration : none;
}

.subject_new {
   color: #2e4052;
   font-weight: 700;
   float: left;
   width: 80%;
   padding: 0px 0 0 7px;
   font-size: 15px;
}

.highlight {
background : #FFC;
padding-top : 3px;
padding-bottom : 3px;
}

.pm_alert {
   background: #fff;
   border: rgba(77, 166, 255, 1) solid 1px;
   text-align: center;
   padding: 7px 20px;
   font-size: 12px;
   margin: 20px auto 0px;
   box-shadow: 0px 0px 3px 1px rgba(77, 166, 255, 0.7);
   width: 95%;
}

.red_alert {
background : #e6e6e6;
border : #A5161A solid 2px;
color : #CCC;
text-align : center;
padding : 5px 20px;
margin-bottom : 15px;
font-size : 11px;
overflow-wrap : break-word;
}

.red_alert a .red_alert a:hover {
color : #009dff;
}

.high_warning {
color : #C00;
}

.moderate_warning {
color : #F3611B;
}

.low_warning {
color : #AE5700;
}

.online {
color : #15A018;
}

.offline {
color : #C7C7C7;
}

div.error {
padding : 5px 10px;
border-top : 5px solid #ed5a5a;
border-bottom : 5px solid #ed5a5a;
background : #fff;
font-size : 12px;
}

div.error p {
margin : 0;
color : #333;
font-weight : 400;
}

div.error p em {
font-style : normal;
font-weight : 700;
padding-left : 24px;
display : block;
color : #ed5a5a;
}

div.error p em::before {
font-family : 'FontAwesome';
content : "\f071";
color : #ed5a5a;
font-size : 17px;
margin-right : 10px;
}

div.error ul {
margin-left : 24px;
}

.pagination {
   font-size: 11px;
   margin-bottom: 5px;
   float: left;
   width: auto;
   margin-top: 5px;
   padding-bottom: 5px;
}

.pagination .btn-primary {
   margin: 0;
}

.pagination .pages {
font-weight : 100;
}

.pagination .pagination_current, .pagination a {
padding : 3px 6px;
margin-bottom : 3px;
}

.pagination .pagination_current {
font-weight : 100;
}

.pagination a:hover {
text-decoration : none;
}

.pagination .go_page img {
margin-bottom : -4px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
   z-index: 3;
   color: #fff;
   cursor: default;
   background-color: #435870;
   border-color: #435870;
}

.pagination > li > a, .pagination > li > span {
   color: #009dff;
}

.drop_go_page {
background : #f5f5f5;
padding : 4px;
}

.mark-subscribe {
float : right;
}

.thread_legend, .thread_legend dd {
margin : 0;
padding : 0;
}

.thread_legend dd {
padding-bottom : 4px;
margin-right : 15px;
}

.thread_legend img {
margin-right : 4px;
vertical-align : bottom;
}

.legend {
   width: 100%;
   display: inline-block;
   text-align: center;
   margin-bottom: 10px;
}

legend {
text-align : center;
color : #fff;
font-size : 14px;
height : 30px;
line-height : 20px;
padding : 5px;
background-color : #5b82a4;
box-sizing : border-box;
position : absolute;
top : -15px;
left : 50%;
margin-left : -50px;
content : "Signature";
width : 100px;
}

dl.forum_legend {
float : left;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
margin : 0;
padding : 0;
}

.forum_legend dd {
float : left;
margin-top : 7px;
margin-right : 10px;
margin-left : -15px;
font-size : 10px;
}

.forum_legend dt {
margin-right : 10px;
float : left;
}

.success_message {
color : #00b200;
font-weight : 700;
font-size : 10px;
margin-bottom : 10px;
}

.error_message {
color : #C00;
font-weight : 700;
font-size : 10px;
margin-bottom : 10px;
}

#posts_container {
padding : 0;
border : #ddd solid 0;
}

.ignored_post {
border-top : 3px solid #333;
padding : 15px;
}

.ignored_post .show_ignored_post {
margin-top : -15px;
}

.ignored_post .show_ignored_post a.button span {
background-position : 0 -400px;
}

.post {
   background: #fff;
   overflow: hidden;
   margin-bottom: 10px;
   border-left: 1px solid #dee6ed;
   border-right: 1px solid #dee6ed;
}

.post.classic .post_author {
float : left;
width : 20%;
}

.post .post_author {
padding : 15px;
overflow : hidden;
background : #405972;
}

.post .post_author .buddy_status {
vertical-align : middle;
margin-top : -4px;
}

.post .post_author div.author_avatar {
float : left;
margin-right : 3px;
}

.post.classic .post_author div.author_avatar {
float : none;
text-align : center;
margin-bottom : 8px;
}

.post .post_author div.author_avatar img {
   border: rgba(0, 0, 0, 0.2) solid 4px;
   width: 70px;
   height: 70px;
   border-radius: 0;
}

.post .post_author div.author_information {
float : left;
padding : 6px 8px;
color : #fff;
}

.post.classic .post_author div.author_information {
   float: none;
   padding: 0;
   text-align: center;
   width: 100%;
}

.post .post_author div.author_statistics {
float : right;
font-size : 12px;
padding : 3px 10px;
color : #e6e6e6;
line-height : 1.3;
}

.author_information em {
color : #9cf !important ;
}

.post .post_head span.post_date {
color : #999;
}

.post .post_head span.edited_post {
font-size : 10px;
color : #999;
}

.post_body {
background: #fff;
padding: 20px 15px;
line-height: 1.7;
min-height: 125px;

font-size: 14px;
}

.post_content {
padding : 9px 10px 5px;
}

.post_content .signature, .panel-body .signature {
   color: #9cb4c9;
   position: relative;
   border: #9cb4c9 solid 2px;
   margin-top: 20px;
   padding: 25px 8px 15px;
   font-size: 10pt;
   text-align: center;
}

.post_content .signature::before, .panel-body .signature::before {
   color: #9cb4c9;
   background-color: #fff;
   border: 2px solid #9cb4c9;
   text-align: center;
   font-size: 10px;
font-weight: 600;
   height: 30px;
   line-height: 17px;
   padding: 5px;
   box-sizing: border-box;
   position: absolute;
   top: -15px;
   left: 50% !important;
   margin-left: -50px;
   width: 80px;
   content: 'SIGNATURE';
   font-family: 'Open Sans';
}

.author .smalltext {
float : right;
width : 100px;
}

.post .post_meta a {
color : #393f46;
}

.post .post_meta a:hover {
color : #393f46;
}

.postbit_buttons > a:link, .postbit_buttons > a:visited, .postbit_buttons > a:active {
content: "";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-size: inherit;
margin-right: 3px;
background-color: #009dff;
padding: 2px 5px;
border-radius: 3px;
color: #fff;
border: 2px solid transparent;
}

.postbit_buttons > a:hover {
background-color: transparent;
color: #009dff !important;
border: 2px solid #009dff !important;
}

.postbit_buttons > a:hover {
border-color : #818c98;
}

.postbit_buttons a span {
   display: none;
}

.postbit_buttons a.postbit_find span {
background-position : 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
background-position : 0 -20px;
}

.postbit_buttons a.postbit_email span {
background-position : 0 -40px;
}

.postbit_buttons a.postbit_website span {
background-position : 0 -60px;
}

.postbit_buttons a.postbit_pm span {
background-position : 0 -80px;
}

.postbit_buttons a.postbit_quote span {
background-position : 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
background-position : 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
   background-position: 0 -140px;
   display: block;
}

.postbit_buttons a.postbit_qdelete span {
background-position : 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
background-position : 0 -200px;
}

.postbit_buttons a.postbit_report span {
background-position : 0 -220px;
}

.postbit_buttons a.postbit_warn span {
background-position : 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
background-position : 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
background-position : 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
background-position : 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
background-position : 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
background-position : 0 -320px;
}

a.button {
color : #fff;
display : inline-block;
padding : 5px 8px;
margin : 2px 2px 6px;
font-size : 14px;
background : #009dff;
line-height : 1.5;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

a.button:hover {
background : #2e4052;
}

a.button:before {
color : #fff;
padding-bottom : 3px;
}

a.button.small_button {
font-size : 13px;
margin : 0;
padding : 3px 6px;
}

a.button span {
   padding-left: 0px;
   display: inline-block;
   background-repeat: no-repeat;
}

a.button.new_thread_button span {
background-position : 0 -340px;
}

a.button.new_reply_button span {
background-position : 0 -360px;
}

a.button.closed_button span {
background-position : 0 -380px;
}

a.button.rate_user_button span {
background-position : 0 -400px;
}

a.button.add_buddy_button span {
background-position : 0 -440px;
}

a.button.remove_buddy_button span {
background-position : 0 -480px;
}

a.button.add_ignore_button span {
background-position : 0 -460px;
}

a.button.remove_ignore_button span {
background-position : 0 -500px;
}

a.button.report_user_button span {
background-position : 0 -520px;
}

.rate_thread {
display : inline-block;
float : left;
margin : 12px 0 0 !important ;
}

.userbrows {
   float: left;
   width: 45%;
   padding: 15px 0 0 10px;
   margin-bottom: 10px;
}

.new_thread {
float : right;
}

.new_reply {
float : right;
}

.new_reply_bottom {
float : right;
}

.quick_jump {
width : 14px;
height : 14px;
padding-left : 5px;
margin-top : -3px;
border : none;
}

.quick_jump::before {
font-family : FontAwesome;
content : "\f08e";
font-size : 13px;
}

.pollbar {
background : url(../../../images/pollbar.png) top left repeat-x;
border : #ddd solid 1px;
height : 10px;
}

.pollbar .percent {
display : none;
}

.ie6 {
position : absolute;
}

.ie6.top-right {
right : auto;
bottom : auto;
}

.ie6.center {
width : 100%;
}

.jGrowl {
z-index : 9999;
color : #fff;
font-size : 12px;
position : fixed;
}

.jGrowl.top-left {
left : 0;
top : 0;
}

.jGrowl.top-right {
right : 0;
top : 0;
}

.jGrowl.bottom-left {
left : 0;
bottom : 0;
}

.jGrowl.bottom-right {
right : 0;
bottom : 0;
}

.jGrowl.center {
top : 0;
width : 50%;
left : 25%;
}

.center .jGrowl-notification, .center .jGrowl-closer {
margin-left : auto;
margin-right : auto;
}

.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
margin : 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
font-weight : 700;
font-size : 0.85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
z-index : 99;
float : right;
font-weight : 700;
font-size : 1em;
cursor : pointer;
}

.jGrowl .jGrowl-closer {
padding-top : 4px;
padding-bottom : 4px;
cursor : pointer;
font-size : 0.9em;
font-weight : 700;
text-align : center;
}

@media print {
.jGrowl {
display : none;
}


}

.modal {
display : none;
width : 650px;
height : 327px;
box-shadow : 0 0 15px #405972;
background : #FAFAFA;
}

.modal a.close-modal {
position : absolute;
top : 5px;
right : 5px;
display : block;
width : 30px;
height : 30px;
text-indent : -9999px;
background : url(../../../images/close.png) 0 0 no-repeat;
}

.modal-spinner {
display : none;
width : 64px;
height : 64px;
position : fixed;
top : 50%;
left : 50%;
margin-right : -32px;
margin-top : -32px;
background : url(../../../images/spinner_big.gif) center center no-repeat;
   -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
           border-radius: 8px;
}

.jqifade {
position : absolute;
background-color : #393f46;
}

div.jqi {
width : 400px;
max-width : 90%;
font-family : 'Open Sans', sans-serif;
position : absolute;
background-color : #303f50;
font-size : 12px;
text-align : left;
border : #eee solid 1px;
border-radius : 6px;
padding : 7px;
}

div.jqi .jqiclose {
position : absolute;
top : 4px;
right : -2px;
width : 18px;
cursor : default;
color : #bbb;
font-weight : 700;
}

div.jqi .jqistate {
background-color : #fff;
}

div.jqi .jqititle {
padding : 5px 10px;
font-size : 16px;
line-height : 20px;
border-bottom : 1px solid #eee;
}

div.jqi .jqimessage {
padding : 10px;
line-height : 20px;
color : #444;
}

div.jqi .jqibuttons {
text-align : right;
margin : 0 -7px -7px;
border-top : 1px solid #e4e4e4;
background-color : #f4f4f4;
border-radius : 0 0 6px 6px;
}

div.jqi .jqibuttons button {
margin : 0;
padding : 15px 20px;
background-color : transparent;
font-weight : 400;
border : none;
border-left : 1px solid #e4e4e4;
color : #393f46;
font-weight : 700;
font-size : 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
color : #489afe;
}

div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus {
color : #287ade;
outline : none;
}

.jqiwarning .jqi .jqibuttons {
background-color : #b95656;
}

div.jqi .jqiparentstate::after {
background-color : #393f46;
opacity : 0.60000002384185791015625;
content : '';
position : absolute;
top : 0;
left : 0;
bottom : 0;
right : 0;
border-radius : 6px;
}

div.jqi .jqisubstate {
position : absolute;
top : 0;
left : 20%;
width : 60%;
padding : 7px;
border : #eee solid 1px;
border-top : none;
border-radius : 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
padding : 10px 18px;
}

.jqi .jqiarrow {
position : absolute;
height : 0;
width : 0;
line-height : 0;
font-size : 0;
border : transparent solid 10px;
}

.jqi .jqiarrowtl {
left : 10px;
top : -20px;
border-bottom-color : #303f50;
}

.jqi .jqiarrowtc {
left : 50%;
top : -20px;
border-bottom-color : #303f50;
margin-left : -10px;
}

.jqi .jqiarrowtr {
right : 10px;
top : -20px;
border-bottom-color : #303f50;
}

.jqi .jqiarrowbl {
left : 10px;
bottom : -20px;
border-top-color : #303f50;
}

.jqi .jqiarrowbc {
left : 50%;
bottom : -20px;
border-top-color : #303f50;
margin-left : -10px;
}

.jqi .jqiarrowbr {
right : 10px;
bottom : -20px;
border-top-color : #303f50;
}

.jqi .jqiarrowlt {
left : -20px;
top : 10px;
border-right-color : #303f50;
}

.jqi .jqiarrowlm {
left : -20px;
top : 50%;
border-right-color : #303f50;
margin-top : -10px;
}

.jqi .jqiarrowlb {
left : -20px;
bottom : 10px;
border-right-color : #303f50;
}

.jqi .jqiarrowrt {
right : -20px;
top : 10px;
border-left-color : #303f50;
}

.jqi .jqiarrowrm {
right : -20px;
top : 50%;
border-left-color : #303f50;
margin-top : -10px;
}

.jqi .jqiarrowrb {
right : -20px;
bottom : 10px;
border-left-color : #303f50;
}

.logbar {
z-index : 500;
position : relative;
background-color : #333;
padding : 20px;
margin : auto;
width : 100%;
color : #FFF;
float : right;
}

.loginbar {
position : absolute;
width : 100%;
margin-top : 45px;
}

#logincontainer {
padding : 12px;
float : right;
}

#logincontainer a {
color : #FFF;
}

#logincontainer a:hover {
color : #7497B8;
text-decoration : none;
}

.user_avatar {
width : 32px;
margin : 7px 0 12px 12px;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
}

.avatar-defaut {
   position: relative;
   padding: 3px;
   background: #fff;
   border: 2px solid #ddd;
   border-radius: 50%;
   height: 100px;
   width: 100px;
}

#panel-responsive {
background : none 0 0 repeat scroll #23313E;
color : #fff;
height : 50px;
font-size : 14px;
text-align : center;
border-bottom : 3px solid #009dff;
}

#menu {
   background: #23313E;
   color: #fff;
   text-align: center;
   font-size: 13px;
   line-height: 40px;
}

#menu div {
margin : 0 !important ;
}

#menu li a i {
float : right;
margin-top : 5px;
}

.navbar-header span {
margin-top : 0 !important ;
}

.navbar-toggle {
   position: relative;
   float: right;
   padding: 0px;
   margin-top: 0px;
   margin-right: 5%;
   margin-bottom: 0px;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   font-size: 15px;
}

.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
   background-color: transparent !important;
   color: #009dff !important;
}

.navbar-default .navbar-nav > li > a {
   color: #fff;
}

.welcome-guest {
   float: left;
   margin-right: 5px;
}

.enter {
letter-spacing : 2px;
text-align : center;
font-size : 11px;
font-weight : 300;
position : relative;
top : 0;
margin-right : 5px;
bottom : 0;
left : 0;
color : #FFF;
transition : all 0.5s;
float: right;
}

.enter:hover span, .button:active span {
color: #009dff;
}

.enter span:hover, .enter span:active {
text-decoration : none;
color : #009dff;
border-color : #009dff;
background : #FFF !important;
}

.enter span {
background : #009dff;
border : #009dff solid 2px;
position : relative;
padding : 8px 7px;
transition : padding-right 0.5s;
}

.enter span::after {
content : ' ';
position : absolute;
top : 0;
right : -18px;
opacity : 0;
width : 7px;
height : 7px;
margin-top : -5px;
background : rgba(0, 0, 0, 0);
border : #FFF solid 3px;
border-top : none;
border-right : none;
transform : rotate(-135deg);
}

.enter:hover span, .button:active span {
padding-right : 20px;
color: #009dff;
}

.enter:hover span:after, .button:active span:after {
color: #009dff;
opacity : 1;
border-color : #009dff;
right : 5px;
top : 50%;
}

.usersection {
   margin: 0;
   padding: 0;
   float: right;
   text-align: right;
   min-width: 320px;
   height: 45px;
   line-height: 45px;
   color: #FFF;
}

.usermenu {
   font-size: 13px;
   margin-right: 20px;
   width: 100%;
   height: 45px;
}

.usermenu .fa {
color : #fff;
transition : all 0.5s ease;
}

.usermenu .fa:hover {
color : #009dff;
}

.usermenu a {
color : #beccda;
transition : all 0.5s ease;
text-decoration : none;
}

.usermenu a:hover {
color : #009dff;
transition : all 0.5s ease;
}

.panelavatar {
   margin: 0 0px 5px 10px;
   padding: 0;
}

.btn-default:focus {
background : #fff !important ;
}

.btn-primary {
   color: #fff;
   background-color: #303f50;
   border-color: transparent;
   font-size: 14px;
   margin: 5px 0;
}

.menu .dropdown {
position : relative;
display : inline-block;
top : 0;
left : 0;
right : 0;
bottom : 0;
}

.menu ul.dropdown-menu {
   top: 46px;
   border-radius: 0px;
   background: #202C38;
}

.menu ul.dropdown-menu li {
   width: 100%;
   text-align: left;
}

.menu .dropdown-menu > li > a {
   display: block;
   padding: 7px 20px 7px 10px;
   clear: both;
   font-weight: 400;
   color: #fff;
}

.menu .dropdown-menu > li > a:hover {
   background: #405972;
}

.menu .dropdown-toggle {
   background-color: transparent !important;
   color: #fff !important;
   text-decoration: none;
   padding: 15px 7px;
   line-height: 43px;
}

.menu .dropdown-toggle:hover {
   background: #009dff !important;
color: #fff !important;
}

.menu .dropbtn {
color : #fff;
padding : 3px 7px;
font-size : 16px;
border : none;
cursor : pointer;
}

.menu .dropbtn:hover {
background-color : transparent !important ;
color : #8da7fb;
}

.menu .dropdown-content {
background : #1F2C38;
display : none;
position : absolute;
min-width : 160px;
padding : 5px;
left : auto !important ;
right : -45px !important ;
text-align : left;
}

.menu .dropdown-content a {
   padding: 5px;
   height: 30px;
   line-height: 18px;
   font-size: 13px;
   text-decoration: none;
   color: #FFF;
   transition: all 0.3s ease;
   display: block;
}

.menu .dropdown-content i {
margin-right : 5px;
color : inherit;
vertical-align : middle;
}

.menu .dropdown-content a:hover {
display : block;
cursor : pointer;
background : #405972;
color : #fff !important ;
transition : all 0.3s ease;
}

.menu .dropdown:hover .dropdown-content {
display : block;
}

.userunique .dropdown {
position : relative;
display : inline-block;
top : 0;
left : 0;
right : 0;
bottom : 0;
}

.userunique ul.dropdown-menu {
   top: 42px;
   left: -135px;
   border-radius: 0px;
   background: #202C38;
   min-width: 170px;
padding: 0px;
}

.userunique ul.dropdown-menu li {
   width: 100%;
   text-align: left;
}

.userunique .dropdown-menu > li > a {
   display: block;
   padding: 7px 20px 7px 10px;
   clear: both;
   font-weight: 400;
   color: #fff;
}

.userunique .dropdown-menu > li > a:hover {
   background: #405972;
}

.userunique .dropdown-toggle {
   background-color: transparent !important;
   color: #5b82a4 !important;
   text-decoration: none;
   padding: 15px 7px;
   line-height: 43px;
}

.userunique .dropdown-toggle .caret {
   margin-left: 0px;
   border-top: 7px solid;
   border-right: 6px solid transparent;
   border-left: 6px solid transparent;
}

.userunique .dropdown-toggle:hover {
color: #fff !important;
}

.userunique .dropbtn {
color : #fff;
padding : 3px 7px;
font-size : 16px;
border : none;
cursor : pointer;
}

.userunique .dropbtn:hover {
background-color : transparent !important ;
color : #8da7fb;
}

.userunique .dropdown-content {
background : #1F2C38;
display : none;
position : absolute;
min-width : 160px;
padding : 5px;
left : auto !important ;
right : -45px !important ;
text-align : left;
}

.userunique .dropdown-content a {
   padding: 5px;
   height: 30px;
   line-height: 18px;
   font-size: 13px;
   text-decoration: none;
   color: #FFF;
   transition: all 0.3s ease;
   display: block;
}

.userunique .dropdown-content i {
margin-right : 5px;
color : inherit;
vertical-align : middle;
}

.userunique .dropdown-content a:hover {
display : block;
cursor : pointer;
background : #405972;
color : #fff !important ;
transition : all 0.3s ease;
}

.userunique .dropdown:hover .dropdown-content {
display : block;
}

a#pm_notification {
   color: #fff;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
}

#pm_notification {
   background: transparent;
   display: inline-block;
   height: 43px;
   padding: 4px 5px 4px 5px;
   font-weight: bold;
}

#pm_notification::after {
   content: " |";
}

.thumbnail a > img, .thumbnail > img {
   width: 70px;
   height: 70px;
}

.bam_announcement.green {
   background: #d6f5d6 !important;
   border: 2px solid #47d147 !important;
}

14.06.2018, 19:38

Danke hat beides funkioniert vielen dank für die große hilfe

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken