RE: Forum Kategorien kleinschreiben - doylecc - 14.06.2018
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;
}
RE: Forum Kategorien kleinschreiben - maxi75r - 14.06.2018
Danke sehr nett von dir jetzt besteht nur das Problem das im footer die überschriften sowie die haupt foren kategorien immer noch groß sind
RE: Forum Kategorien kleinschreiben - doylecc - 14.06.2018
(14.06.2018, 17:56)maxi75r schrieb: die haupt foren kategorien immer noch groß sind
(14.06.2018, 17: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, 17: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;
}
RE: Forum Kategorien kleinschreiben - maxi75r - 14.06.2018
Danke hat beides funkioniert vielen dank für die große hilfe
|