UserCSS: Foren Designs von Usern für User

**Dawson41** · 01-10-2017, 11:12

[PLATZHALTER]

Aufgrund der Zeichenbeschränkung und der Länge des jeweiligen Codes bin ich gezwungen die jeweiligen Designs auf je einen Beitrag aufzuteilen.

Anleitung:

1) Die Firefox/Chrome Erweiterung Stylish installieren
2) In Chrome dann auf den neuen Button oben rechts in der Leiste klicken
3) Oben rechts auf die drei senkrechten Punkte "Designs erstellen"
4) Oben links einen Namen eingeben
5) in dem Feld neben "URLs auf der Domain" ioff.de eingeben
6) den jeweiligen Code einfügen und auf Speichern klicken

In der Firefox-Variante sieht es ein wenig anders aus. Da sollte man nach der Installation erst auf der Seite des IOFFs sein, dann auf das neue Icon klicken
-> Write new Style
-> for ioff.de ...

Der Inhalt sollte dann zwischen

Code:

@-moz-document domain("ioff.de") {

und der letzten geschweiften Klammer } eingefügt werden.

**Dawson41** · 01-10-2017, 11:14

IOFF Meer Version 0.3, das klassische IOFF Design von 2001(?) bis 2008

Code

=>Spoiler öffnen<=

Code:

/* *****     	ohne ingame Leiste		***** */
body { padding-top: 0px !important; }

/* *****     	mit ingame Leiste		***** */
/* body { padding-top: 28px !important; }	*/




/* Allgemein */
html {
	background: #0a5897 !important;
	padding: 0 24px  !important;
}

body, legend
{
	color: #000;
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 13px !important;
	margin: 0px auto !important;
	width: auto !important;
    max-width: 1600px !important;
}
body a, body a .time, body a .shade, body a .understate,
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #003f6e !important;
}

.ad_global_header {
margin-top: 0px !important;
overflow: hidden;
padding: 0px 0px 0px !important;
}


.toolsmenu {
	border: 1px solid #02508c !important;
	margin: 2px 0px 2px !important;
}
.toolsmenu ul {	padding: 3px 0 !important;	}
.toolsmenu a { color: #fff !important; }




/* Farbverlauf */
.pagination span a.popupctrl,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2,
.threadlisthead,
.toolsmenu,
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background-image: url(data:image/gif;base64,R0lGODlhAQAYAIcAAApXlwtamQ5dnBFhnxVmoxprqB5wrB9wrCN1sSd5tSt9uCt+uC6BvC+BvDCDvjGEvjOFwTOGwTSHwjWHwjWIwgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABABgAAAgeAAEEEDCAQAEDCBIsaPAgwgQKEiA4YKAgAYIDBQICADs=) !important;
}


/* Antwort-Feld + Hallo x, Abmelden etc. */
.newcontent_textcontrol, #top_header {
    background: #02508c !important;
    background-image: url(data:image/gif;base64,R0lGODlhAQAqAIcAABE/cRE/chFAchFAcxFBdBFBdRFCdhJCdxJDdxJDeBJEeBJEeRJEehJFehJFexJGfBJGfRJHfhJHfxJIfxJIgBJIgRJJgRJJghJKghNKgxNLhBNLhRNMhhNMhxNNhxNNiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABACoAAAgyAAEEEDBgAAECBQwYOIAggYIFDBo4cPDgAYQIESRMoFDBwgUMGTJo2LCBA4cOHj58CAgAOw==) !important;
}


/* Logo + Forum + Was ist neu + Aktivitäten */
.navbar {
    margin:0 !important;
    height: 134px !important;
	background: #02508c url() repeat-x top left !important;
    background-image: url(data:image/gif;base64,R0lGODlhAQB4AIcAABNNiBNNiRROiRRPihVPihVPixVQixZQjBZRjRdRjRdSjhdSjxhTjxhTkBhUkBlUkRlVkhpVkhpVkxpWkxtWlBtXlBxXlRxYlRxYlh1Zlh1Zlx5amB5bmR9bmR9bmh9cmh9cmyBcmyBdnCFenSFeniJfniJgnyNgnyNgoCNhoCRhoSRioiVioiVjoyZjpCZkpCZkpSZlpSdlpidmpyhmpyhnqClnqSloqSloqipoqippqytqqytqrCxrrSxsri1sri1sry1try1tsC5tsC5usS9vsi9vszBwszBwtDBxtDFxtTFytTJytjJztjJztzNztzN0uDR0uTR1uTR1ujV2ujV2uzV3vDZ3vDZ4vTd4vjd5vjd5vzh5vzh6wDl7wDl7wQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABAHgAAAiKAAEEECBgAIECBg4cQJBAgYIFDBo4ePAAQgQJEyhUqGDhAoYMGjRs2MChg4cPIEKIEDFiBIkSJUycQJFChYoVLFq0cPECRgwZMmbQqFHDxg0cOXTo2MGDR48ePn4ACSJkCBEiRYoYOYIkiRIlS5g0cfIECpQoUqZQqVLFyhUsWLJo2cKlSxcvXwICADs=) !important;
}





/* Pageheader */

.toplinks ul.isuser li a {
color: #eee !important;
font-size: 12px !important;
padding: 3px 5px !important;
}


.navtabs li.selected a.navtab {
background-color: #397bc0 !important;
font-size:14px !important;
}

a.navtab, a.navtab span {	color: #eee !important;	font-size:14px !important;	}


 .navtabs li a.navtab:hover {
background-color: #134d89!important;
color: #FFFFFF!important;
font-weight:bold!important;
}

.takeover__content {
    max-width: 1980px !important;
}


.above_body, .body_wrapper {
	background: #FFF !important;
	padding: 0 18px  !important;
}

.above_body {
	padding: 0 0px  !important;
}


.body_wrapper {
	padding: 8px 18px 0  !important;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body_wrapper {
	padding: 8px 18px 0  !important;
}

#middle_header {
    background-color: #0a5897 !important;
}

.navtabs > li {
	border-left: 3px solid #0a5897 !important;
}

.navtabs ul.floatcontainer {
	background-color: #2E392F;
	border-top: 0px solid #F6F6F6 !important;
	font-size: 13px;
	padding-top: 4px !important;
	height: 26px !important;
}

#vbflink_faq {
	margin-right: 8px !important;
}

.navtabs ul.floatcontainer {
    background-color: #b0d4e5 !important;
    border-top: 0px solid #F6F6F6 !important;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.navtabs ul.floatcontainer a {
	color: #000 !important;
    font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.navtabs, .navtabs li.selected {
    height: 120px !important;
}

#top_header {
    margin:0 !important;
    height: 38px !important;
    padding-top: 3px !important;
}

#top_header .globalsearch {
	float:right !important;
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    height: 30px;
}
.advanced_search {
	float:right !important;
	padding-right:6px !important;
	padding-top:9px !important;
}

.advanced_search a {	color:#FFF !important;	font-size: 12px !important;	}
.advanced_search a:hover {	color:#EEF !important;	}



/* index.php */

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow, .threadbit .sticky, .threadbit .nonsticky, .threadbit .discussionrow {
background-color: #b0d4e5 !important;
background-image: none !important;
overflow: hidden !important;
color: #000 !important;
}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow  {	min-height: 30px !important;	}
.forumbit_post .foruminfo {	width: 56% inportant; 	}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 { width: 13% !important;	}
.forumbit_post .forumrow .forumlastpost {	width: 25% !important;	}

.forumbit_post .foruminfo {  padding-top: 6px !important;	}
.forumbit_post .foruminfo {	min-height: 30px !important;	}
.forumbit_post .foruminfo .forumicon {	left: 8px !important; }

.forumbit_post .foruminfo .forumdata .datacontainer {	width: 89% !important;	}

.forumbit_post .foruminfo .forumdata .viewing {	color: #555 !important;	float: right !important; 	font-size: 11px !important;	margin-top: 1px !important;	}
.forumbit_post .forumdescription {	color: #383838 !important;	margin-bottom: 6px !important;	}
.forumbit_post .forumactionlink, .forumbit_post .forumactionlink{		 margin: 3px 8px 0px 0px !important;	}

.forumbit_post .forumrow .forumlastpost {	font-size: 11px !important; padding: 8px 0 !important;	}
.forumlastpost {	float:left !important; 	}
.forumlastpost p.lastposttitle {	float:right !important;   width:100% !important;  font-size: 11px !important;	}
.forumlastpost p.lastposttitle a {	font-weight:bold !important;   }
.forumlastpost p.lastposttitle a img {	float:right !important;   }
.forumlastpost .lastpostby	{    	float: left !important;		}
.forumlastpost .lastpostdate {		float:right !important;	 color: #333 !important;	}
.forumlastpost .lastposttitle .postimg	{		float: left !important;	margin-right:5px !important;	}


.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
border-bottom: 1px solid #e8f3ff !important;
border-left: 1px solid #02508c !important;
border-right: 1px solid #02508c !important;
}

#forums .forumbit_post:last-child
{
border-bottom: 1px solid #02508c !important;
}

.blockbody {
	border: 1px solid #02508c !important;
	border-top: 0 !important;
}

.forumhead {
background: none !important;
margin-top: 0px !important;
}

#sidebar_container .blocksubhead,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2{
	background-color: #02508c !important;
font: 12px Verdana, "Open Sans", sans-serif !important;
margin-top: 0px !important;
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
font: 12px Verdana, "Open Sans", sans-serif !important;
padding:5px 0px 4px !important;
}
#forums .L1 .forumhead a {
font: 13px Verdana, "Open Sans", sans-serif !important;
font-weight: bold !important;
color: #FFF !important;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 13px !important;
}
a.collapse {
top: 12px !important;
}


.forumbit_post .foruminfo {
	background-color: #e8f3ff !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;
}

.forumbit_post .forumactionlinks {
	width: 3% !important;
	padding-left:8px !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;
	background-color: #b0d4e5 !important;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
padding-right: 8px !important;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
margin-right: 1% !important;
}

.forumbit_post .forumdescription {
color: #666 !important;
font-size:11px !important;
margin-bottom: 12px;
padding-right: 12px;
}


 .wgo_block .blocksubhead {
background-color: #bcdab3 !important;
font-weight:bold !important;
margin-bottom: 12px;
padding-bottom: 9px;
padding-left: 14px;
padding-top: 9px;
}

.blockhead, .thread_info h4 {	background: #3d6348 !important;		}










/* showthread.php */

 .postbit, .postbitlegacy, .eventbit {
border: 1px solid #02508c !important;
border-bottom: 0px  !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background-color: #5a8365 !important;
border: 1px solid #02508c !important;
color: #FFFFFF;
margin: -1px -1px 0px;
padding: 9px 0px;
width: 100%;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
	background-color: #189900;
	border: 1px solid #189900;
	background-color: #02508c !important;
	padding: 6px 0px 5px !important;
}

.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
font-weight:bold !important;
top: -8px !important;
}

.postbitlegacy .title, .eventbit .title {
display: block;
font: 700 13px Verdana, "Open Sans", sans-serif !important;
padding: 1px 12px 9px 0px !important;
}


.postbitlegacy .userinfo {
background:#b0d4e5 !important;
font-size: 11px;
padding: 2px 12px 6px;
width: 183px !important;

}


.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
background: #b0d4e5 !important;
border-top: 0px solid #E4E4E4 !important;
display: block;
font: 700 11px Verdana, "Open Sans", sans-serif;
margin-right: 10px;
padding: 5px 0px 6px !important;
width: 100%;
}


.postbitlegacy .postdetails, .eventbit .eventdetails {
background:#b0d4e5 !important;
float: left;
width: 100%;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background: #e8f3ff !important;
border-left: 1px solid #9db3a2 !important;
margin-left: 207px !important;
padding-bottom: 0.8em !important;
}


.bbcode_container div.bbcode_quote {
background: #b0d4e5 !important;
border-top: 1px solid #02508c !important;
border-left: 1px solid #02508c !important;
border-radius: 5px !important;
}
.bbcode_container {
margin: 5px 2px 12px 20px !important;
}


.postlist, #postlist {
margin-bottom: 0px !important;
margin-top: 0px !important;
}

.postbit, .postbitlegacy, .eventbit {
margin-bottom: 0px !important;
}


.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
font-size: 13px !important;
max-width: 170px !important;
}

.postbitlegacy .userinfo .username_container {
margin: 0px 0px !important;
}

.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
margin-right: 8px !important;
min-width: 40px !important;
}

.postbitlegacy .posthead .postdate .date {
margin-left: 4px !important;
font-size:11px !important;
}

.newcontent_textcontrol {
background-color: #689875 !important;
box-shadow: 0px 0px 0px 3px #E4E4E4;
color: #FFFFFF;
text-decoration: none;
}

.noinlinemod.below_postlist {
margin-top: -1.2em !important;
}

.postrow .content {
	color: #000  !important;
	line-height:155% !important;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
color: #000    !important;
font: 13px Verdana, "Open Sans", sans-serif    !important;
}





/* Forumdisplay.php */

.threadlisthead {
	background-color: #02508c !important;
	color: #e8f3ff;
	border-left: 1px solid #02508c!important;
	border-right: 1px solid #02508c!important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #FFFFFF;
	font: 12px verdanaa, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	font-weight:bold !important;
}

.threadlisthead > div > span {		padding: 4px 0px !important;	}
.threadlisthead a {		color: #FFF !important;	}
.threadlisthead span.threadinfo {	width: 63% !important;	}
.threadlisthead span.threadstats {	width: 15% !important;	}
.threadlisthead span.threadlastpost {width: 17%!important; }



.threadbit .sticky, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
border-bottom: 1px solid #b2b6d0 !important;
border-left: 1px solid #02508c !important;
border-right: 1px solid #02508c !important;
}

.threadbit .threadtitle {
font-size: 13px !important;
margin-bottom: 3px !important;
}
.threadbit .threadmeta {
font-size: 11px !important;
}

.threadbit .threadstats {
background: #e8f3ff !important;
border-bottom: 1px solid #b2b6d0 !important;
border-left: 1px solid #b2b6d0 !important;
border-right: 1px solid #b2b6d0 !important;
color: #000000 !important;
font-size: 11px !important;
margin-bottom: -100px !important;
padding-bottom: 100px !important;
padding-top: 10px !important;
width: 13% !important;
}


.threadbit .threadstats li{
font-size:11px !important;
color: #000 !important;
}


.threadbit .threadlastpost {
height: 26px !important;
padding-left: 3% !important;
padding-top: 8px !important;
width: 17% !important;
}

.threadbit .threadlastpost .username {
font-size: 13px !important;
}

 .threadbit .threadinfo {
background: #e8f3ff !important;
margin-bottom: -100px !important;
min-width: 350px;
padding-bottom: 100px !important;
width: 63% !important;
 }


.pagination span a, .pagination span a:hover {
color: #1f452f !important;
border: 1px solid #87a2e1 !important;
}
.pagination span a:visited {
	background: #b0d4e5 !important;
	border: 1px solid #87a2e1 !important;
}


.pagination span a, .pagination span.prev_next a, .pagination span.first_last a {
	background: #e8f3ff !important;
	color: #02508c !important;
}
.pagination span a:hover {
	background: #b0d4e5 !important;
}

.pagination span.selected a {	color:#e8f3ff !important; background-color: #02508c !important;	border: 1px solid #02508c !important;	}
.pagination span a.popupctrl {
	color:#eee !important;
	background-color: #b0d4e5 !important;
	border: 1px solid #02508c !important;
}



.newcontent_textcontrol {
	box-shadow: 0px 0px 0px 0px #528a63 !important;
	border: 0px 0px 0px 0px #528a63 !important;
	border-top: 1px solid #a1a7c7 !important;
	border-left: 1px solid #a1a7c7 !important;
	border-right: 1px solid #1f2443!important;
	border-bottom: 1px solid #1f2443!important;
	color: #FFF !important;
	font-weight:bold !important;
 }

.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #3385c1 !important;
}

.newcontent_textcontrol span {
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#pagetitle h1 {
font: 13px Verdana, sans-serif !important;
letter-spacing: 0px !important;
font-weight: bold !important;
}

#pagetitle .description {
font-size: 11px !important;
}



.popupbody li > a, .popupbody li > label  {
background: #0a5897 !important;
}














.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #EEE !important;
color: #000  !important;
font: 14px Consolas, Courier New, Verdana, "Open Sans", sans-serif !important;
}

blockquote.preview.forumcontent {
font: 13px Verdana, "Open Sans", sans-serif !important;
}







.blockhead, .thread_info h4 {
background: #0a5897 !important;
}






 .wgo_block .blocksubhead {
	background-color: #b0d4e5 !important;
font-weight:bold !important;
margin-bottom: 12px;
padding-bottom: 9px;
padding-left: 14px;
padding-top: 9px;
}









.cke_skin_kama .cke_wrapper {
background-color: #b0d4e5 !important;
}

.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #e8f3ff !important;
color: #000 !important;
font: 14.5px "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif;
}
.formcontrols .section {
background: #e8f3ff !important;
}




 .footer_time, .footer_copyright, .footer_morecopyright {
color: #aaa !important;
font-size: 10px !important
}


.popupbody li > a, .popupbody li > label,
#navbar .popupbody > li a {
   background-color: #e8f3ff !important;
}

#sidebar_container .blocksubhead span.blocktitle {
	color: #FFF !important;
}

#searchtypeswitcher li a {
background-color: #0a5897 !important;
color: #FFF !important;
}

.blocksubhead {
background-color: #b0d4e5 !important;
color: #333 !important;
}

.blockfoot, .blocksubfoot {
    background-color: #e8f3ff !important;
}



/* IOFF Seitenmenü */
#ioffmenu {
	border-top: 2px solid #a1a7c7 !important;
	border-left: 2px solid #a1a7c7 !important;
	border-right: 2px solid #1f2443!important;
	border-bottom: 2px solid #1f2443!important;
    background: #2e6daf !important;
    font-size: 13px !important;
	padding: 0.1em 1.5em 0.1em 0.2em !important;
}

#ioffmenu tbody tr:nth-child(2) td,
#ioffmenu tbody tr:nth-child(3) td,
#ioffmenu tbody tr:nth-child(4) td,
#ioffmenu tbody tr:nth-child(5) td,
#ioffmenu tbody tr:nth-child(7) td,
#ioffmenu tbody tr:nth-child(8) td,
#ioffmenu tbody tr:nth-child(9) td,
#ioffmenu tbody tr:nth-child(10) td,
#ioffmenu tbody tr:nth-child(11) td,
#ioffmenu tbody tr:nth-child(12) td,
#ioffmenu tbody tr:nth-child(13) td,
#ioffmenu tbody tr:nth-child(14) td,
#ioffmenu tbody tr:nth-child(16) td,
#ioffmenu tbody tr:nth-child(17) td,
#ioffmenu tbody tr:nth-child(18) td,
#ioffmenu tbody tr:nth-child(20) td,
#ioffmenu tbody tr:nth-child(21) td,
#ioffmenu tbody tr:nth-child(22) td,
#ioffmenu tbody tr:nth-child(24) td,
#ioffmenu tbody tr:nth-child(25) td,
#ioffmenu tbody tr:nth-child(27) td
{
    background-color: #e8f3ff !important;
	padding: 1px 0px !important;
}

#ioffmenu tbody tr:nth-child(1) td:nth-child(1),
#ioffmenu tbody tr:nth-child(6) td,
#ioffmenu tbody tr:nth-child(15) td,
#ioffmenu tbody tr:nth-child(19) td,
#ioffmenu tbody tr:nth-child(23) td,
#ioffmenu tbody tr:nth-child(26) td
{
    background-color: #b0d4e5 !important;
	padding: 4px 4px !important;
	color: #FFF !important;
}

#ioffmenu tbody tr:nth-child(1) td b,
#ioffmenu tbody tr:nth-child(6) td b,
#ioffmenu tbody tr:nth-child(15) td b,
#ioffmenu tbody tr:nth-child(19) td b,
#ioffmenu tbody tr:nth-child(23) td b,
#ioffmenu tbody tr:nth-child(26) td b {	color: #000 !important;	}

**Dawson41** · 01-10-2017, 11:16

IOFF Grün Version 0.3, ebenfalls angelegt an das grüne Design bis 2008

Code

=>Spoiler öffnen<=

Code:

/* *****     	ohne ingame Leiste		***** */
body { padding-top: 0px !important; }

/* *****     	mit ingame Leiste		***** */
/* body { padding-top: 28px !important; }	*/




/* Allgemein */
html {
	background: #3d6348 !important;
	padding: 0 24px  !important;
}

body, legend {
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px auto !important;
	width: auto !important;
    max-width: 1600px !important;
	color: #000 !important;
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}

body a, body a .time, body a .shade, body a .understate, body a:hover,
body a:hover .time, body a:hover .shade, body a:hover .understate {	color: #006633 !important;	}


.ad_global_header {
margin-top: 0px !important;
overflow: hidden;
padding: 0px 0px 0px !important;
}

.toolsmenu {
	border: 1px solid #295b40 !important;
	margin: 2px 0px 2px !important;
}
.toolsmenu ul {	padding: 3px 0 !important;	}
.toolsmenu a { color: #fff !important; }



/* Farbverlauf */

.pagination span a.popupctrl,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2,
.threadlisthead,
.toolsmenu,
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background-image: url(data:image/gif;base64,R0lGODlhAQAcAMQAAFJ4XUVlTmeWdGSScV6Jak5yWFZ9YU1wV2uaeGyaeUlrUmiYdVqDZVF2W2GNbUttVENhS4yt5wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABEALAAAAAABABwAQAUXIOQgQIM4CiMkAvMEh0EMS5IsA2EUSggAOw%3D%3D) !important;
}


/* Antwort-Feld + Hallo x, Abmelden etc. */
.newcontent_textcontrol,
#top_header {
    background-color: #295B40 !important;
    background-image: url(data:image/gif;base64,R0lGODlhAQApAIcAACZIMiZJMidJMydKMydKNChLNChLNShMNSlNNipONipONypPNytPOCtQOCtROSxROSxSOi1TOy1UOy5VPC5WPS9WPS9XPi9YPjBYPzBZPzBZQDFaQDJbQTJcQTJcQjNdQjNdQzNeQzReRDRfRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABACkAAAgxAAEEEDCAQAEDBxAgSKBgAYMGDh5AgBBBgoQJEyhUsHABQwYNGzZw6ODhA4gQIkYEBAA7) !important;
}



/* Logo + Forum + Was ist neu + Aktivitäten */
.navbar {
    margin:0 !important;
    height: 134px !important;
	background: #295B40 url() repeat-x top left !important;
    background-image: url(data:image/gif;base64,R0lGODlhBAB4AIcAADNeRDRfRDRfRTRgRTVgRjVhRjZhRzZiRzdiSDdjSDhjSThkSTlkSTllSjpmSjpmSztnSztnTDxoTDxoTT1pTT1pTj5qTj9rT0BsUEFtUUFuUUJuUkJvUkNvU0NwU0RwU0RxVEVxVEVyVUZyVUZzVkZ0Vkd0V0d1V0h1WEh2WEl2WEl3WUp3WUp4Wkt4Wkt5W0x5W0x6XE16XE17XU58XU99XlB+X1F/YFKAYVOBYVOCYlSCYlSDY1WDY1WEZFaEZFaFZVeFZVeGZliGZliHZlmHZ1mIZ1qIaFqJaFqKaVuKaVuLalyLalyMa12Ma12Na16NbF6ObF+ObV+PbWCQbmGRb2KScGOTcGOTcWSUcWSUcmWVcmWVc2aWc2aWdGeXdGeYdWiYdWiZdWmZdmmadmqad2qbd2ubeGuceGyceWydeWydem2eegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAAEAHgAAAj/AAEIBBCgYAABCAUMWDiAgEMCBSIWMEDRwIGLBxBoRJCgYwIFIBUsGLmAgUkGDVI2cMDSwYOXDyDIhBChZgQJOCVM2DmBgk8KFYJWsEC0KNELSJMixcC0KdMMUDNomKphg9UNHLJy6MC1g4evHj6I/QCiLIgQaEOIWCtihNsRJOKSKEG3hIm7Jk7oPYGiL4oUgFOoGKxiheEVLBKzaMG4hYvHLl5IfgGjMowYmGPI2CxjhucZNEKLDl2jtOnSNlKrTn2jtevWOGLLjp2jdg4duHXs2L2Dh28ePYL38EHcx4/jP4AoBxKkeRAh0IUMmT6EiHUiRbIXMcLdyJHvR5CIikeSpHwSJeiVLFm/hIl7Jk3iN3FC38mT+0+g6IcSpX8UKQBKMcWAU1Bh4IEGVqHgggpa4eCDDl4h4RVYVIhFFhhmocWGWmzh4RZchMhFFyR24cWJXnyh4hdgtAhGGDCGIcaMYoxh4xhk5EhGGTyWYcaPZpwh5BloFIlGGkimocaSaqzh5BpsRMlGQAA7) !important;
}








/* Pageheader */

.toplinks ul.isuser li a {
color: #eee !important;
font-size: 12px !important;
padding: 3px 5px !important;
}

.navtabs li.selected a.navtab {
background-color: #6c9d7a!important;
font-size:14px !important;
}

a.navtab, a.navtab span {	color: #eee !important;	font-size:14px !important;	}

 .navtabs li a.navtab:hover {
background-color: #345f44!important;
color: #FFFFFF!important;
font-weight:bold!important;
}

.takeover__content {	max-width: 1880px !important;	}

.above_body, .body_wrapper {
	background: #FFF !important;
	padding: 0 18px  !important;
}

.above_body {
	padding: 0 0 !important;
}


.body_wrapper {
	padding: 8px 18px 0 !important;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body_wrapper {
	padding: 8px 18px 0  !important;
}

#middle_header {
    background-color: #3d6348 !important;
}

.navtabs > li {
	border-left: 3px solid #3d6348 !important;
}

.navtabs ul.floatcontainer {
	background-color: #2E392F;
	border-top: 0px solid #F6F6F6 !important;
	font-size: 13px;
	padding-top: 4px !important;
	height: 26px !important;
}

#vbflink_faq {
		margin-right: 8px !important;

}

.navtabs ul.floatcontainer {
    background-color: #bcdab3 !important;
    border-top: 0px solid #F6F6F6 !important;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.navtabs ul.floatcontainer a {
	color: #000 !important;
    font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.navtabs, .navtabs li.selected {
    height: 120px !important;
}

#top_header {
    margin:0 !important;
    height: 38px !important;
    padding-top: 3px !important;
}

#top_header .globalsearch {
	float:right !important;
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    height: 30px;
}
.advanced_search {
	float:right !important;
	padding-right:6px !important;
	padding-top:9px !important;
}

.advanced_search a {	color:#FFF !important;	font-size: 12px !important;	}
.advanced_search a:hover {	color:#EEF !important;	}





/* index.php */

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow  {	min-height: 30px !important;	}
.forumbit_post .foruminfo {	width: 56% inportant; 	}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 { width: 13% !important;	}
.forumbit_post .forumrow .forumlastpost {	width: 25% !important;	}

.forumbit_post .foruminfo {  padding-top: 6px !important;	}
.forumbit_post .foruminfo {	min-height: 30px !important;	}
.forumbit_post .foruminfo .forumicon {	left: 8px !important; }

.forumbit_post .foruminfo .forumdata .datacontainer {	width: 89% !important;	}

.forumbit_post .foruminfo .forumdata .viewing {	color: #555 !important;	float: right !important; 	font-size: 11px !important;	margin-top: 1px !important;	}
.forumbit_post .forumdescription {	color: #383838 !important;	margin-bottom: 6px !important;	}
.forumbit_post .forumactionlink, .forumbit_post .forumactionlink{		 margin: 3px 8px 0px 0px !important;	}

.forumbit_post .forumrow .forumlastpost {	font-size: 11px !important; padding: 8px 0 !important;	}
.forumlastpost {	float:left !important; 	}
.forumlastpost p.lastposttitle {	float:right !important;   width:100% !important;  font-size: 11px !important;	}
.forumlastpost p.lastposttitle a {	font-weight:bold !important;   }
.forumlastpost p.lastposttitle a img {	float:right !important;   }
.forumlastpost .lastpostby	{    	float: left !important;		}
.forumlastpost .lastpostdate {		float:right !important;	 color: #333 !important;	}
.forumlastpost .lastposttitle .postimg	{		float: left !important;	margin-right:5px !important;	}


.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
border-bottom: 1px solid #dff5e2 !important;
border-left: 1px solid #295b40 !important;
border-right: 1px solid #295b40 !important;
}

#forums .forumbit_post:last-child
{
border-bottom: 1px solid #295b40 !important;
}
.blockbody {
	border: 1px solid #295b40 !important;
	border-top: 0 !important;
}


.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow, .threadbit .sticky, .threadbit .nonsticky, .threadbit .discussionrow {
background-color: #bcdab3 !important;
background-image: none !important;
overflow: hidden !important;
color: #000 !important;
 }

.forumhead {
background: none !important;
margin-top: 0px !important;
}

#sidebar_container .blocksubhead,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2{
	background-color: #3d6348 !important;
font: 12px Verdana, "Open Sans", sans-serif !important;
margin-top: 0px !important;
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
font: 12px Verdana, "Open Sans", sans-serif !important;
padding:5px 0px 4px !important;
}
#forums .L1 .forumhead a {
font: 13px Verdana, "Open Sans", sans-serif !important;
font-weight: bold !important;
color: #FFF !important;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 13px !important;
}
a.collapse {
top: 12px !important;
}


.forumbit_post .foruminfo {
	background-color: #dff5e2 !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;
}

.forumbit_post .forumactionlinks {
	width: 3% !important;
	padding-left:8px !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;
	background-color: #bcdab3 !important;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
padding-right: 8px !important;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
margin-right: 1% !important;
}

.forumbit_post .forumdescription {
color: #666 !important;
font-size:11px !important;
margin-bottom: 12px;
padding-right: 12px;
}


 .wgo_block .blocksubhead {
background-color: #bcdab3 !important;
font-weight:bold !important;
margin-bottom: 12px;
padding-bottom: 9px;
padding-left: 14px;
padding-top: 9px;
}

.blockhead, .thread_info h4 {	background: #3d6348 !important;		}







/* showthread.php */

 .postbit, .postbitlegacy, .eventbit {
border: 1px solid #295b40 !important;
border-bottom: 0px  !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background-color: #5a8365 !important;
border: 1px solid #295b40 !important;
width: 100%;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
	padding: 6px 0px 5px !important;
}

.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
font-weight:bold !important;
top: -8px !important;
}

.postbitlegacy .title, .eventbit .title {
font: 700 13px Verdana, "Open Sans", sans-serif !important;
padding: 1px 12px 9px 0px !important;
}

.postbitlegacy .userinfo {
background:#bcdab3 !important;
padding: 2px 12px 6px;
width: 183px !important;
}

.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
background: #bcdab3 !important;
border-top: 0px solid #E4E4E4 !important;
font: 700 11px Verdana, "Open Sans", sans-serif;
padding: 5px 0px 6px !important;
}

.postbitlegacy .postdetails, .eventbit .eventdetails {	background:#bcdab3 !important;	}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background: #dff5e2 !important;
border-left: 1px solid #9db3a2 !important;
margin-left: 207px !important;
padding-bottom: 0.8em !important;
}


.bbcode_container div.bbcode_quote {
background: #bcdab3 !important;
border-top: 1px solid #295b40 !important;
border-left: 1px solid #295b40 !important;
border-radius: 5px !important;
}

.bbcode_container {	margin: 5px 2px 12px 20px !important;	}

.postlist, #postlist {
margin-bottom: 0px !important;
margin-top: 0px !important;
}

.postbit, .postbitlegacy, .eventbit {	margin-bottom: 0px !important;	}

.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
font-size: 13px !important;
max-width: 170px !important;
}

.postbitlegacy .userinfo .username_container {	margin: 0px 0px !important;	}

.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
margin-right: 8px !important;
min-width: 40px !important;
}

.postbitlegacy .posthead .postdate .date {
margin-left: 4px !important;
font-size:11px !important;
}


.newcontent_textcontrol {
background-color: #689875 !important;
box-shadow: 0px 0px 0px 3px #E4E4E4;
color: #FFFFFF;
text-decoration: none;
}

.noinlinemod.below_postlist {	margin-top: -1.2em !important;	}
.postrow .content {		color: #000 !important;		line-height:155% !important;	}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
color: #000 !important;
font: 13px Verdana, "Open Sans", sans-serif !important;
}





/* Forumdisplay.php */

.threadlisthead {
	background-color: #295B40 !important;
	color: #DFF5E2;
	border-left: 1px solid #295b40!important;
	border-right: 1px solid #295b40!important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #FFFFFF;
	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	font-weight:bold !important;
}

.threadlisthead > div > span {	padding: 4px 0px !important;	}
.threadlisthead a {		color: #FFF !important;	}

.threadlisthead span.threadinfo {	width: 63% !important;	}
.threadlisthead span.threadstats {	width: 15% !important;	}
.threadlisthead span.threadlastpost {width: 17%!important; }


.threadbit .sticky, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
border-bottom: 1px solid #b9cfb1 !important;
border-left: 1px solid #295b40 !important;
border-right: 1px solid #295b40 !important;
}

.threadbit .threadtitle {	font-size: 13px !important;	margin-bottom: 3px !important;	}
.threadbit .threadmeta {	font-size: 11px !important;	}

.threadbit .threadstats {
background: #dff5e2 !important;
border-bottom: 1px solid #b9cfb1 !important;
border-left: 1px solid #b9cfb1 !important;
border-right: 1px solid #b9cfb1 !important;
color: #000000 !important;
font-size: 11px !important;
margin-bottom: -100px !important;
padding-bottom: 100px !important;
padding-top: 10px !important;
width: 13% !important;
}

.threadbit .threadstats li {	font-size:11px !important;	color: #000 !important;	}

.threadbit .threadlastpost {
height: 26px !important;
padding-left: 3% !important;
padding-top: 8px !important;
width: 15% !important;
}

.threadbit .threadlastpost .username {	font-size: 13px !important;	}

 .threadbit .threadinfo {
background: #dff5e2 !important;
margin-bottom: -100px !important;
min-width: 450px;
padding-bottom: 100px !important;
}


.pagination span a, .pagination span a:hover {
color: #1f452f !important;
border: 1px solid #6cae8e !important;
}
.pagination span a:visited {
	background: #bcdab3 !important;
	border: 1px solid #6cae8e !important;
}
.pagination span a, .pagination span.prev_next a, .pagination span.first_last a {
	background: #dff5e2 !important;
	color: #295B40 !important;
}
.pagination span.selected a {
	color:#dff5e2 !important;
	background-color: #295B40 !important;
	border: 1px solid #295b40 !important;
}
.pagination span a:hover {	background: #bcdab3 !important;		}

.pagination span a.popupctrl {
	color:#eee !important;
	background-color: #bcdab3 !important;
	border: 1px solid #295b40 !important;
}


.newcontent_textcontrol {
    background-color: #295B40 !important;
	box-shadow: 0px 0px 0px 0px #528a63 !important;
	border: 0px 0px 0px 0px #528a63 !important;
	border-top: 1px solid #a1c7ac!important;
	border-left: 1px solid #a1c7ac!important;
	border-right: 1px solid #1f452f!important;
	border-bottom: 1px solid #1f452f!important;
	color: #FFF !important;
	font-weight:bold !important;
 }

.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #528a63 !important;
}

#pagetitle h1 {
font: 13px Verdana, sans-serif !important;
letter-spacing: 0px !important;
font-weight: bold !important;
}

#pagetitle .description {
font-size: 11px !important;
}











.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #EEE !important;
color: #000 !important;
font: 14px Consolas, Courier New, Verdana, "Open Sans", sans-serif !important;
}

blockquote.preview.forumcontent {
font: 13px Verdana, "Open Sans", sans-serif !important;
}

















.cke_skin_kama .cke_wrapper {
background-color: #bcdab3 !important;
}

.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #dff5e2 !important;
color: #000 !important;
}
.formcontrols .section, .formcontrols .blockrow {
background: #dff5e2 !important;
}



 .footer_time, .footer_copyright, .footer_morecopyright {
color: #aaa !important;
font-size: 10px !important
}


.popupbody li > a, .popupbody li > label,
#navbar .popupbody > li a {
    background-color: #e8f3ff !important;
}


#sidebar_container .blocksubhead span.blocktitle {
	color: #FFF !important;
}

#searchtypeswitcher li a {
background-color: #3d6348 !important;
color: #FFF !important;
}

.blocksubhead {
background-color: #bcdab3!important;
color: #333 !important;
}

.blockfoot, .blocksubfoot {
    background-color: #dff5e2 !important;
}



/* IOFF Seitenmenü */
#ioffmenu {
	border-top: 2px solid #a1c7ac!important;
	border-right: 2px solid #1f452f!important;
	border-bottom: 2px solid #1f452f!important;
    background: #548363 !important;
    font-size: 13px !important;
	padding: 0.1em 1.5em 0.1em 0.2em !important;
}

#ioffmenu tbody tr:nth-child(2) td,
#ioffmenu tbody tr:nth-child(3) td,
#ioffmenu tbody tr:nth-child(4) td,
#ioffmenu tbody tr:nth-child(5) td,
#ioffmenu tbody tr:nth-child(7) td,
#ioffmenu tbody tr:nth-child(8) td,
#ioffmenu tbody tr:nth-child(9) td,
#ioffmenu tbody tr:nth-child(10) td,
#ioffmenu tbody tr:nth-child(11) td,
#ioffmenu tbody tr:nth-child(12) td,
#ioffmenu tbody tr:nth-child(13) td,
#ioffmenu tbody tr:nth-child(14) td,
#ioffmenu tbody tr:nth-child(16) td,
#ioffmenu tbody tr:nth-child(17) td,
#ioffmenu tbody tr:nth-child(18) td,
#ioffmenu tbody tr:nth-child(20) td,
#ioffmenu tbody tr:nth-child(21) td,
#ioffmenu tbody tr:nth-child(22) td,
#ioffmenu tbody tr:nth-child(24) td,
#ioffmenu tbody tr:nth-child(25) td,
#ioffmenu tbody tr:nth-child(27) td
{
    background-color: #dff5e2 !important;
	padding: 1px 0px !important;
}

#ioffmenu tbody tr:nth-child(1) td:nth-child(1),
#ioffmenu tbody tr:nth-child(6) td,
#ioffmenu tbody tr:nth-child(15) td,
#ioffmenu tbody tr:nth-child(19) td,
#ioffmenu tbody tr:nth-child(23) td,
#ioffmenu tbody tr:nth-child(26) td
{
    background-color: #bcdab3 !important;
	padding: 4px 4px !important;
	color: #FFF !important;
}

#ioffmenu tbody tr:nth-child(1) td b,
#ioffmenu tbody tr:nth-child(6) td b,
#ioffmenu tbody tr:nth-child(15) td b,
#ioffmenu tbody tr:nth-child(19) td b,
#ioffmenu tbody tr:nth-child(23) td b,
#ioffmenu tbody tr:nth-child(26) td b {	color: #000 !important;	}

Hannix · 01-10-2017, 13:07

Très Chic. Mercy

Geht bei diesen Feldern noch was? Sind arg dunkel

edit Hatte screenshot kurzfristig ins Nirvana gebeamt

**Dawson41** · 01-10-2017, 15:46

Sollte erledigt sein.

---

Beim Durchstöbern der Festplatte bin ich noch auf die folgenden Farb- und Designentwürfe gestoßen, die bisher nie in der Praxis ihre Umsetzung erlebten.

Hannix · 01-10-2017, 17:28

Zitat von Dawson41

Sollte erledigt sein.

Perfekt

**Dawson41** · 02-10-2017, 09:42

RotGrau Version 0.1

Code

=>Spoiler öffnen<=

Code:

html {
	background: #333333 !important;
	padding: 0 24px  !important;
}

body, legend
{
	color: #000;
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 13px !important;
	margin: 0px auto !important;
	width: auto !important;
    max-width: 1600px !important;
}
body a, body a .time, body a .shade, body a .understate,
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #770000 !important;
}

.newcontent_textcontrol,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2,
.blockhead, .thread_info h4  {
     background-image: url(data:image/gif;base64,R0lGODlhAQAuAIcAAF4MDWIMDmYNDWgODmoODmwODnANDXMMDHYNDXkNDXsODn0QEIASEoIVFYQYGIccHIkfH4sjI44nJ5EsLJQvL5czM5o3N5w5OZ89PaE/P6RDQ6dGRqlJSatNTa5RUbFUVLNZWbVdXbdhYbljY7tlZb1nZ75qbL5sbcBucAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABAC4AAAg1AFGcMFGiBIkRIkKA+OChA4cNGjJguGChAoUJEiJAeOCgAYMFChIgOGCgAIEBAlIKCBAAQEAAOw==) !important;
}



.pagination span a.popupctrl,
.threadlisthead,
.toolsmenu,
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background-image: url(data:image/gif;base64,R0lGODlhAQAfAIcAAJSUlJaWlpqamp6enqSkpKqqqrKysrS0tLa2tri4uLq6uru7u7y8vL6+vsDAwMLCwsTExMbGxsfHx8jIyMrKysvLy8zMzM7OztDQ0NHR0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABAB8AAAgkAAEEEDCAQAEDCx5IqHABQ4aHGC5YoDAhAoQHDhowUJAAwYGAADs=) !important;
}



.takeover__content {
    max-width: 1980px !important;
    margin-left: 10px;
    margin-right: auto;
    z-index: 10;
}


.above_body, .body_wrapper {
	background: #FFF !important;
	padding: 0 18px  !important;
}

.above_body {
	padding: 0 0px  !important;
}


.body_wrapper {
	padding: 8px 18px 0  !important;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body_wrapper {
	padding: 8px 18px 0  !important;
}

#middle_header {
    background-color: #333333 !important;
}

.navtabs > li {
	border-left: 3px solid #7d1010 !important;
}

.navtabs ul.floatcontainer {
	background-color: #2E392F;
	border-top: 0px solid #F6F6F6 !important;
	font-size: 13px;
	padding-top: 4px !important;
	height: 26px !important;
}

#vbflink_faq {
		margin-right: 8px !important;

}

.navtabs ul.floatcontainer {
    background-color: #d2d2d2 !important;
    border-top: 0px solid #F6F6F6 !important;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.navtabs ul.floatcontainer a {
	color: #000 !important;
    font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.navtabs, .navtabs li.selected {
    height: 120px !important;
}
.navbar {
    margin:0 !important;
    height: 134px !important;
	background: #878787 url() repeat-x top left !important;
    background-image: url(data:image/gif;base64,R0lGODlhAQCMAIcAAF0PEF4PEF8PEFAQEVEQEVIQEVMQEVQQEVUQEVYQEVcQEFgQEFkQEFoQEFsQEFwQEF0QEGQPD2UPD2YPD2cPD2gPD2kPD2oPD2wPD28PD2APEGEPEGIPEGMPEHIODnQODnYODnkNDXgODnoNDXwNDX0NDX4NDX8ODoAPD4EQEIESEoMVFYQXF4UZGYcbG4gdHYkfH4shIYwjI40kJI4nJ5ApKZEqKpIsLJMuLpQvL5UxMZczM5g0NJk2Npo4OJs5OZw6Op48PKA+PqE/P6JAQKNCQqRDQ6VERKdGRqhHR6lISKpKSqtLS61NTa5OTq9QULBRUbFSUrJUVLNWVrRYWLZbW7deXrhgYLpjY7tmZr1oaL5qasBsbMFtbcJubsRwcMZycsd0dMh2d8h4ecl7e8p9fst/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABAIwAAAiYAM2UITNGTBgwYL546cJli5YsWK5YqUJlipQoUJ44acJkiZIkSI4YKUJkiJAgQH746MFjh44cOG7YqEFjhowYMF64aMFihYoUKE6cMFGiBAkSI0KIAPHBQwYMF6JasFChAgUKE7JKkBAhQoevHDhs2KBBg4CzAQIAgPDggYO3DRowYLBggYK7CRIgQHCgrwEDBQoQIDBgQEAAOw==) !important;
}

#top_header {
    margin:0 !important;
    height: 38px !important;
    padding-top: 3px !important;
    background: #333  !important;
}

#top_header .globalsearch {
	float:right !important;
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    height: 30px;
}
.advanced_search {
	float:right !important;
	padding-right:6px !important;
	padding-top:9px !important;
}

.advanced_search a {	color:#FFF !important;	font-size: 12px !important;	}
.advanced_search a:hover {	color:#EEF !important;	}









td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}



.ad_global_header {
margin-top: 0px !important;
overflow: hidden;
padding: 0px 0px 0px !important;
}














 .postbit, .postbitlegacy, .eventbit {
border: 1px solid #878787 !important;
border-bottom: 0px  !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background-color: #5a8365 !important;
border: 1px solid #878787 !important;
color:#000 !important;
}
.postbitlegacy .posthead .time {
color: #000 !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
	background-color: #878787 !important;
	padding: 6px 0px 5px !important;
}

.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
font-weight:bold !important;
top: -8px !important;
}

.postbitlegacy .title, .eventbit .title {
display: block;
font: 700 13px Verdana, "Open Sans", sans-serif !important;
padding: 1px 12px 9px 0px !important;
}


.postbitlegacy .userinfo {
background:#d2d2d2 !important;
font-size: 11px;
padding: 2px 12px 6px;
width: 183px !important;

}


.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
background: #d2d2d2 !important;
border-top: 0px solid #E4E4E4 !important;
display: block;
font: 700 11px Verdana, "Open Sans", sans-serif;
margin-right: 10px;
padding: 5px 0px 6px !important;
width: 100%;
}


.postbitlegacy .postdetails, .eventbit .eventdetails {
background:#d2d2d2 !important;
float: left;
width: 100%;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background: #e5e5e5 !important;
border-left: 1px solid #b8b8b8 !important;
margin-left: 207px !important;
padding-bottom: 0.8em !important;
}


.bbcode_container div.bbcode_quote {
background: #d2d2d2 !important;
border-top: 1px solid #878787 !important;
border-left: 1px solid #878787 !important;
border-radius: 5px !important;
}
.bbcode_container {
margin: 5px 2px 12px 20px !important;
}


.postlist, #postlist {
margin-bottom: 0px !important;
margin-top: 0px !important;
}

.postbit, .postbitlegacy, .eventbit {
margin-bottom: 0px !important;
}


.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
font-size: 13px !important;
max-width: 170px !important;
}

.postbitlegacy .userinfo .username_container {
margin: 0px 0px !important;
}

.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
margin-right: 8px !important;
min-width: 40px !important;
}

.postbitlegacy .posthead .postdate .date {
margin-left: 4px !important;
font-size:11px !important;
}








.newcontent_textcontrol {
background-color: #689875 !important;
box-shadow: 0px 0px 0px 3px #E4E4E4;
color: #FFFFFF;
text-decoration: none;
}



.noinlinemod.below_postlist {
margin-top: -1.2em !important;
}


.postrow .content {
	color: #000  !important;
line-height:155% !important;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
color: #000    !important;
font: 13px Verdana, "Open Sans", sans-serif    !important;
}







.threadbit .sticky, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
border-bottom: 1px solid #fff !important;
border-left: 1px solid #878787 !important;
border-right: 1px solid #878787 !important;
}


.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow, .threadbit .sticky, .threadbit .nonsticky, .threadbit .discussionrow {
background-color: #d2d2d2 !important;
background-image: none !important;
overflow: hidden !important;
color: #000 !important;
 }

.threadbit .threadtitle {
font-size: 13px !important;
margin-bottom: 3px !important;
}
.threadbit .threadmeta {
font-size: 11px !important;
}

.threadbit .threadstats {
background: #e5e5e5 !important;
border-bottom: 1px solid #fff !important;
border-left: 1px solid #fff !important;
border-right: 1px solid #fff !important;
color: #000000 !important;
font-size: 11px !important;
margin-bottom: -100px !important;
padding-bottom: 100px !important;
padding-top: 10px !important;
width: 13% !important;
 }


.threadbit .threadstats li{
font-size:11px !important;
color: #000 !important;
}


.threadbit .threadlastpost {
height: 26px !important;
padding-left: 3% !important;
padding-top: 8px !important;
width: 17% !important;
}

.threadbit .threadlastpost .username {
font-size: 13px !important;
}

 .threadbit .threadinfo {
background: #e5e5e5 !important;
margin-bottom: -100px !important;
min-width: 350px;
padding-bottom: 100px !important;
width: 63% !important;
 }


.pagination span a, .pagination span a:hover {
color: #1f452f !important;
border: 1px solid #b4b4b4 !important;
}
.pagination span a:visited {
	background: #d2d2d2 !important;
	border: 1px solid #b4b4b4 !important;
}


.pagination span a, .pagination span.prev_next a, .pagination span.first_last a {
	background: #e5e5e5 !important;
	color: #770000 !important;
}
.pagination span a:hover {
	background: #d2d2d2 !important;
}

.pagination span.selected a {	color:#e5e5e5 !important; background-color: #878787 !important;	border: 1px solid #878787 !important;	}
.pagination span a.popupctrl {
	color:#222 !important;
	background-color: #d2d2d2 !important;
	border: 1px solid #878787 !important;
}



.newcontent_textcontrol {
    background-color: #878787  !important;
	box-shadow: 0px 0px 0px 0px #528a63 !important;
	border: 0px 0px 0px 0px #528a63 !important;
	border-top: 1px solid #c3a5a6 !important;
	border-left: 1px solid #c3a5a6 !important;
	border-right: 1px solid #590b0c!important;
	border-bottom: 1px solid #590b0c!important;
	color: #FFF !important;
	font-weight:bold !important;
 }

.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #800f0f !important;
}

.newcontent_textcontrol span {
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#pagetitle h1 {
font: 13px Verdana, sans-serif !important;
letter-spacing: 0px !important;
font-weight: bold !important;
}

#pagetitle .description {
font-size: 11px !important;
}

.toolsmenu {
	border: 1px solid #878787 !important;
	margin: 2px 0px 2px !important;
}
.toolsmenu ul {	padding: 3px 0 !important;	}


.toolsmenu a { color: #000 !important; }

.popupbody li > a, .popupbody li > label  {
background: #7d1010 !important;
}


.threadlisthead {
	background-color: #878787 !important;
	color: #e5e5e5;
	border-left: 1px solid #878787!important;
	border-right: 1px solid #878787!important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #FFFFFF;
	font: 12px verdanaa, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	font-weight:bold !important;
}

.threadlisthead > div > span {
	padding: 4px 0px !important;
}



.threadlisthead span.threadinfo {	width: 63% !important;	}
.threadlisthead span.threadstats {	width: 15% !important;	}
.threadlisthead span.threadlastpost {width: 17%!important; }













.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #EEE !important;
color: #000  !important;
font: 14px Consolas, Courier New, Verdana, "Open Sans", sans-serif !important;
}

blockquote.preview.forumcontent {
font: 13px Verdana, "Open Sans", sans-serif !important;
}



.toplinks ul.isuser li a {
color: #eee !important;
font-size: 12px !important;
padding: 3px 5px !important;
}


.navtabs li.selected a.navtab {
background-color: #a34242 !important;
font-size:14px !important;
}

a.navtab, a.navtab span {	color: #eee !important;	font-size:14px !important;	}


 .navtabs li a.navtab:hover {
background-color: #760e0e!important;
color: #FFFFFF!important;
font-weight:bold!important;
}



.blockhead, .thread_info h4 {
background-color: #7d1010 !important;
}





.forumhead {
background: none !important;
margin-top: 0px !important;
}
#sidebar_container .blocksubhead,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2{
	background-color: #878787 !important;
font: 12px Verdana, "Open Sans", sans-serif !important;
margin-top: 0px !important;
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
font: 12px Verdana, "Open Sans", sans-serif !important;
padding:5px 0px 4px !important;
}
#forums .L1 .forumhead a {
font: 13px Verdana, "Open Sans", sans-serif !important;
font-weight: bold !important;
color: #FFF !important;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 13px !important;
}
a.collapse {
top: 12px !important;
}


.forumbit_post .foruminfo {
min-height: 48px;
min-width: 30%;
width: 55% !important;
	background-color: #e5e5e5 !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;

}
.forumbit_post .forumactionlinks {
	width: 3% !important;
	padding-left:8px !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;
	background-color: #d2d2d2 !important;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
padding-right: 8px !important;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
margin-right: 1% !important;
}

.forumbit_post .forumrow .forumlastpost {
font-size: 13px;
width: 28% !important;
}
.forumbit_post .forumdescription {
clear: both;
color: #666 !Important;
font-size:11px !important;
display: block;
margin-bottom: 12px;
padding-right: 12px;
}


 .wgo_block .blocksubhead {
	background-color: #d2d2d2 !important;
font-weight:bold !important;
margin-bottom: 12px;
padding-bottom: 9px;
padding-left: 14px;
padding-top: 9px;
}









.cke_skin_kama .cke_wrapper {
background-color: #d2d2d2 !important;
}

.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #e5e5e5 !important;
color: #000 !important;
font: 14.5px "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif;
}
.formcontrols .section {
background: #e5e5e5 !important;
}




 .footer_time, .footer_copyright, .footer_morecopyright {
color: #aaa !important;
font-size: 10px !important
}



.popupbody li > a, .popupbody li > label,
#navbar .popupbody > li a {
   background-color: #e5e5e5 !important;
}

#sidebar_container .blocksubhead span.blocktitle {
	color: #FFF !important;
}

#searchtypeswitcher li a {
background-color: #7d1010 !important;
color: #FFF !important;
}

.blocksubhead {
background-color: #d2d2d2 !important;
color: #333 !important;
}

.blockfoot, .blocksubfoot {
    background-color: #e5e5e5 !important;
}

**Dawson41** · 02-10-2017, 10:09

IOFF Grau Version 0.1

Code

=>Spoiler öffnen<=

Code:

html {
	background: #555 !important;
	padding: 0 24px  !important;
}

body, legend
{
	color: #000;
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 13px !important;
	margin: 0px auto !important;
	width: auto !important;
    max-width: 1600px !important;
}
body a, body a .time, body a .shade, body a .understate,
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #444 !important;
}

.newcontent_textcontrol,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2,
.blockhead, .thread_info h4  {
     background-image: url(data:image/gif;base64,R0lGODlhAQAuAIcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAAAAP8ALAAAAAABAC4AAAg1AA0RGhQo0J8+e/DUieNmDRozY8B84aLFypQoTpYkOUJESJAfPXjsyIHDBg0aMlLKgAHjRUAAOw==) !important;
}



.pagination span a.popupctrl,
.threadlisthead,
.toolsmenu,
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background-image: url(data:image/gif;base64,R0lGODlhAQAfAIcAAJSUlJaWlpqamp6enqSkpKqqqrKysrS0tLa2tri4uLq6uru7u7y8vL6+vsDAwMLCwsTExMbGxsfHx8jIyMrKysvLy8zMzM7OztDQ0NHR0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABAB8AAAgkAAEEEDCAQAEDCx5IqHABQ4aHGC5YoDAhAoQHDhowUJAAwYGAADs=) !important;
}



.takeover__content {
    max-width: 1980px !important;
    margin-left: 10px;
    margin-right: auto;
    z-index: 10;
}


.above_body, .body_wrapper {
	background: #FFF !important;
	padding: 0 18px  !important;
}

.above_body {
	padding: 0 0px  !important;
}


.body_wrapper {
	padding: 8px 18px 0  !important;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body_wrapper {
	padding: 8px 18px 0  !important;
}

#middle_header {
    background-color: #555 !important;
}

.navtabs > li {
	border-left: 3px solid #444 !important;
}

.navtabs ul.floatcontainer {
	background-color: #2E392F;
	border-top: 0px solid #F6F6F6 !important;
	font-size: 13px;
	padding-top: 4px !important;
	height: 26px !important;
}

#vbflink_faq {
		margin-right: 8px !important;

}

.navtabs ul.floatcontainer {
    background-color: #d2d2d2 !important;
    border-top: 0px solid #F6F6F6 !important;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.navtabs ul.floatcontainer a {
	color: #000 !important;
    font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.navtabs, .navtabs li.selected {
    height: 120px !important;
}
.navbar {
    margin:0 !important;
    height: 134px !important;
	background: #878787 url() repeat-x top left !important;
    background-image: url(data:image/gif;base64,R0lGODlhAQCMAIcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAAAAP8ALAAAAAABAIwAAAiGACtNivTIEaNFixIdMlRoUCBAfvbowVNnjhw4b9y0YaMmDZozZsiMERMGzBcvXLZoyXLFSpUpUqJAeeKECRMlSY4YKUJkSJAgQH4I9UHURw8ePHboyHHDRo2nNKLSmEGVqoyrWGXE2BoDhlevL8K+cEGWbIuzLVioVbui7QoVcOOqSEE3RUAAOw==) !important;
}

#top_header {
    margin:0 !important;
    height: 38px !important;
    padding-top: 3px !important;
    background: #333  !important;
}

#top_header .globalsearch {
	float:right !important;
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    height: 30px;
}
.advanced_search {
	float:right !important;
	padding-right:6px !important;
	padding-top:9px !important;
}

.advanced_search a {	color:#FFF !important;	font-size: 12px !important;	}
.advanced_search a:hover {	color:#EEF !important;	}









td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}



.ad_global_header {
margin-top: 0px !important;
overflow: hidden;
padding: 0px 0px 0px !important;
}














 .postbit, .postbitlegacy, .eventbit {
border: 1px solid #878787 !important;
border-bottom: 0px  !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background-color: #5a8365 !important;
border: 1px solid #878787 !important;
color:#000 !important;
}
.postbitlegacy .posthead .time {
color: #000 !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
	background-color: #878787 !important;
	padding: 6px 0px 5px !important;
}

.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
font-weight:bold !important;
top: -8px !important;
}

.postbitlegacy .title, .eventbit .title {
display: block;
font: 700 13px Verdana, "Open Sans", sans-serif !important;
padding: 1px 12px 9px 0px !important;
}


.postbitlegacy .userinfo {
background:#d2d2d2 !important;
font-size: 11px;
padding: 2px 12px 6px;
width: 183px !important;

}


.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
background: #d2d2d2 !important;
border-top: 0px solid #E4E4E4 !important;
display: block;
font: 700 11px Verdana, "Open Sans", sans-serif;
margin-right: 10px;
padding: 5px 0px 6px !important;
width: 100%;
}


.postbitlegacy .postdetails, .eventbit .eventdetails {
background:#d2d2d2 !important;
float: left;
width: 100%;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background: #e5e5e5 !important;
border-left: 1px solid #b8b8b8 !important;
margin-left: 207px !important;
padding-bottom: 0.8em !important;
}


.bbcode_container div.bbcode_quote {
background: #d2d2d2 !important;
border-top: 1px solid #878787 !important;
border-left: 1px solid #878787 !important;
border-radius: 5px !important;
}
.bbcode_container {
margin: 5px 2px 12px 20px !important;
}


.postlist, #postlist {
margin-bottom: 0px !important;
margin-top: 0px !important;
}

.postbit, .postbitlegacy, .eventbit {
margin-bottom: 0px !important;
}


.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
font-size: 13px !important;
max-width: 170px !important;
}

.postbitlegacy .userinfo .username_container {
margin: 0px 0px !important;
}

.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
margin-right: 8px !important;
min-width: 40px !important;
}

.postbitlegacy .posthead .postdate .date {
margin-left: 4px !important;
font-size:11px !important;
}








.newcontent_textcontrol {
background-color: #689875 !important;
box-shadow: 0px 0px 0px 3px #E4E4E4;
color: #FFFFFF;
text-decoration: none;
}



.noinlinemod.below_postlist {
margin-top: -1.2em !important;
}


.postrow .content {
	color: #000  !important;
line-height:155% !important;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
color: #000    !important;
font: 13px Verdana, "Open Sans", sans-serif    !important;
}







.threadbit .sticky, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
border-bottom: 1px solid #fff !important;
border-left: 1px solid #878787 !important;
border-right: 1px solid #878787 !important;
}


.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow, .threadbit .sticky, .threadbit .nonsticky, .threadbit .discussionrow {
background-color: #d2d2d2 !important;
background-image: none !important;
overflow: hidden !important;
color: #000 !important;
 }

.threadbit .threadtitle {
font-size: 13px !important;
margin-bottom: 3px !important;
}
.threadbit .threadmeta {
font-size: 11px !important;
}

.threadbit .threadstats {
background: #e5e5e5 !important;
border-bottom: 1px solid #fff !important;
border-left: 1px solid #fff !important;
border-right: 1px solid #fff !important;
color: #000000 !important;
font-size: 11px !important;
margin-bottom: -100px !important;
padding-bottom: 100px !important;
padding-top: 10px !important;
width: 13% !important;
 }


.threadbit .threadstats li{
font-size:11px !important;
color: #000 !important;
}


.threadbit .threadlastpost {
height: 26px !important;
padding-left: 3% !important;
padding-top: 8px !important;
width: 17% !important;
}

.threadbit .threadlastpost .username {
font-size: 13px !important;
}

 .threadbit .threadinfo {
background: #e5e5e5 !important;
margin-bottom: -100px !important;
min-width: 350px;
padding-bottom: 100px !important;
width: 63% !important;
 }


.pagination span a, .pagination span a:hover {
color: #1f452f !important;
border: 1px solid #b4b4b4 !important;
}
.pagination span a:visited {
	background: #d2d2d2 !important;
	border: 1px solid #b4b4b4 !important;
}


.pagination span a, .pagination span.prev_next a, .pagination span.first_last a {
	background: #e5e5e5 !important;
	color: #555 !important;
}
.pagination span a:hover {
	background: #d2d2d2 !important;
}

.pagination span.selected a {	color:#e5e5e5 !important; background-color: #878787 !important;	border: 1px solid #878787 !important;	}
.pagination span a.popupctrl {
	color:#222 !important;
	background-color: #d2d2d2 !important;
	border: 1px solid #878787 !important;
}



.newcontent_textcontrol {
    background-color: #878787  !important;
	box-shadow: 0px 0px 0px 0px #528a63 !important;
	border: 0px 0px 0px 0px #528a63 !important;
	border-top: 1px solid #bebebe !important;
	border-left: 1px solid #bebebe !important;
	border-right: 1px solid #141414!important;
	border-bottom: 1px solid #141414!important;
	color: #FFF !important;
	font-weight:bold !important;
 }

.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #3d3d3d !important;
}

.newcontent_textcontrol span {
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#pagetitle h1 {
font: 13px Verdana, sans-serif !important;
letter-spacing: 0px !important;
font-weight: bold !important;
}

#pagetitle .description {
font-size: 11px !important;
}

.toolsmenu {
	border: 1px solid #878787 !important;
	margin: 2px 0px 2px !important;
}
.toolsmenu ul {	padding: 3px 0 !important;	}


.toolsmenu a { color: #000 !important; }

.popupbody li > a, .popupbody li > label  {
background: #444 !important;
}


.threadlisthead {
	background-color: #878787 !important;
	color: #e5e5e5;
	border-left: 1px solid #878787!important;
	border-right: 1px solid #878787!important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #FFFFFF;
	font: 12px verdanaa, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	font-weight:bold !important;
}

.threadlisthead > div > span {
	padding: 4px 0px !important;
}



.threadlisthead span.threadinfo {	width: 63% !important;	}
.threadlisthead span.threadstats {	width: 15% !important;	}
.threadlisthead span.threadlastpost {width: 17%!important; }













.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #EEE !important;
color: #000  !important;
font: 14px Consolas, Courier New, Verdana, "Open Sans", sans-serif !important;
}

blockquote.preview.forumcontent {
font: 13px Verdana, "Open Sans", sans-serif !important;
}



.toplinks ul.isuser li a {
color: #eee !important;
font-size: 12px !important;
padding: 3px 5px !important;
}


.navtabs li.selected a.navtab {
background-color: #7b7b7b !important;
font-size:14px !important;
}

a.navtab, a.navtab span {	color: #eee !important;	font-size:14px !important;	}


 .navtabs li a.navtab:hover {
background-color: #313131!important;
color: #FFFFFF!important;
font-weight:bold!important;
}



.blockhead, .thread_info h4 {
background-color: #444 !important;
}





.forumhead {
background: none !important;
margin-top: 0px !important;
}
#sidebar_container .blocksubhead,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2{
	background-color: #878787 !important;
font: 12px Verdana, "Open Sans", sans-serif !important;
margin-top: 0px !important;
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
font: 12px Verdana, "Open Sans", sans-serif !important;
padding:5px 0px 4px !important;
}
#forums .L1 .forumhead a {
font: 13px Verdana, "Open Sans", sans-serif !important;
font-weight: bold !important;
color: #FFF !important;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 13px !important;
}
a.collapse {
top: 12px !important;
}


.forumbit_post .foruminfo {
min-height: 48px;
min-width: 30%;
width: 55% !important;
	background-color: #e5e5e5 !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;

}
.forumbit_post .forumactionlinks {
	width: 3% !important;
	padding-left:8px !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;
	background-color: #d2d2d2 !important;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
padding-right: 8px !important;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
margin-right: 1% !important;
}

.forumbit_post .forumrow .forumlastpost {
font-size: 13px;
width: 28% !important;
}
.forumbit_post .forumdescription {
clear: both;
color: #666 !Important;
font-size:11px !important;
display: block;
margin-bottom: 12px;
padding-right: 12px;
}


 .wgo_block .blocksubhead {
	background-color: #d2d2d2 !important;
font-weight:bold !important;
margin-bottom: 12px;
padding-bottom: 9px;
padding-left: 14px;
padding-top: 9px;
}









.cke_skin_kama .cke_wrapper {
background-color: #d2d2d2 !important;
}

.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #e5e5e5 !important;
color: #000 !important;
font: 14.5px "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif;
}
.formcontrols .section {
background: #e5e5e5 !important;
}




 .footer_time, .footer_copyright, .footer_morecopyright {
color: #aaa !important;
font-size: 10px !important
}



.popupbody li > a, .popupbody li > label,
#navbar .popupbody > li a {
   background-color: #e5e5e5 !important;
}

#sidebar_container .blocksubhead span.blocktitle {
	color: #FFF !important;
}

#searchtypeswitcher li a {
background-color: #444 !important;
color: #FFF !important;
}

.blocksubhead {
background-color: #d2d2d2 !important;
color: #333 !important;
}

.blockfoot, .blocksubfoot {
    background-color: #e5e5e5 !important;
}

**Dawson41** · 09-10-2017, 14:22

Zitat von goldstern

Dawson, das neue Ausklappmenü passt jetzt leider nicht zum grünen Hintergrund

Selbst schuld. Was hast du das angeschaltet?
Man boarded nur dann richtig, wenn es ausgeschaltet ist!

Aber Spaß beiseite, das dürfte das übelste Stück Programmcode sein, der mir seit über einem Jahrzehnt vor die Augen gekommen ist.

Die Gesamtlänge des Segments sind 5.191 Zeichen, und ich benötigte 1.794 Zeichen und einiges an Tricks und Gehirnschmalz um das Menü halbwegs vernünftig aussehen zu lassen.

Ich habe außerdem mich mal an die Optimierung der Startseite gemacht damit einerseits das ganze deutlich kompakter wird, und andererseits die Übersichtlichkeit vielleicht sogar erhöht wird.

Gegenüberstellung Original/Fälschung

Übersichtsanzeige

Damit passt nun bei einer Auflösungshöhe von 1200 Pixeln die gesamte Forumsübersicht auf 1 Bildschirmseite und nicht wie bisher auf 1,5.

Diese beiden Änderungen sind aber erst für die ersten beiden Designs fertiggestellt.

**scotty** · 09-10-2017, 14:26

Zitat von Dawson41

Aber Spaß beiseite, das dürfte das übelste Stück Programmcode sein, der mir seit über einem Jahrzehnt vor die Augen gekommen ist.

danke. was wieder beweist, dass ich kein guter Programmierer bin...

Die Gesamtlänge des Segments sind 5.191 Zeichen, und ich benötigte 1.794 Zeichen und einiges an Tricks und Gehirnschmalz um das Menü halbwegs vernünftig aussehen zu lassen.

daran wäre ich sehr interessiert. Merci!

**Dawson41** · 09-10-2017, 14:46

Zitat von scotty

danke. was wieder beweist, dass ich kein guter Programmierer bin...

Sorry, war ein wenig im Affekt geschrieben, da ich selbst zu außergewöhnlichen Mitteln greifen musste um mein Ziel zu erreichen.

Um mich da noch mal klarer auszudrücken, die 1.800 Zeichen waren nur der CSS-Code um das ganze zu verändern.

Und wie man hier nachfolgend sieht ist das auch nicht besonders ordentlich, da ich jede der 27 Tabellenzeilen einzeln verändere. Ist nicht schön, funktioniert aber und war die einzige Lösung, die mit auf die schnelle einfiel.

=>Spoiler öffnen<=

Bzgl. des HTML-Code selbst - da müsste ich noch mal getrennt dran arbeiten, um da was vernünftiges auf die Beine zu stellen.

**scotty** · 09-10-2017, 14:50

Zitat von Dawson41

Sorry, war ein wenig im Affekt geschrieben, da ich selbst zu außergewöhnlichen Mitteln greifen musste um mein Ziel zu erreichen.

Alles gut!

ich kann diese kritik vertragen, da ich meine fähigkeiten in dem bereich kenne. Daher: bitte so weitermachen!

Danke schon mal!

**cos** · 18-10-2017, 09:28

Zitat von Dawson41

IOFF Grau Version 0.1

Code

=>Spoiler öffnen<=

Code:

html {
	background: #555 !important;
	padding: 0 24px  !important;
}

body, legend
{
	color: #000;
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 13px !important;
	margin: 0px auto !important;
	width: auto !important;
    max-width: 1600px !important;
}
body a, body a .time, body a .shade, body a .understate,
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #444 !important;
}

.newcontent_textcontrol,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2,
.blockhead, .thread_info h4  {
     background-image: url(data:image/gif;base64,R0lGODlhAQAuAIcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAAAAP8ALAAAAAABAC4AAAg1AA0RGhQo0J8+e/DUieNmDRozY8B84aLFypQoTpYkOUJESJAfPXjsyIHDBg0aMlLKgAHjRUAAOw==) !important;
}



.pagination span a.popupctrl,
.threadlisthead,
.toolsmenu,
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background-image: url(data:image/gif;base64,R0lGODlhAQAfAIcAAJSUlJaWlpqamp6enqSkpKqqqrKysrS0tLa2tri4uLq6uru7u7y8vL6+vsDAwMLCwsTExMbGxsfHx8jIyMrKysvLy8zMzM7OztDQ0NHR0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABAB8AAAgkAAEEEDCAQAEDCx5IqHABQ4aHGC5YoDAhAoQHDhowUJAAwYGAADs=) !important;
}



.takeover__content {
    max-width: 1980px !important;
    margin-left: 10px;
    margin-right: auto;
    z-index: 10;
}


.above_body, .body_wrapper {
	background: #FFF !important;
	padding: 0 18px  !important;
}

.above_body {
	padding: 0 0px  !important;
}


.body_wrapper {
	padding: 8px 18px 0  !important;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body_wrapper {
	padding: 8px 18px 0  !important;
}

#middle_header {
    background-color: #555 !important;
}

.navtabs > li {
	border-left: 3px solid #444 !important;
}

.navtabs ul.floatcontainer {
	background-color: #2E392F;
	border-top: 0px solid #F6F6F6 !important;
	font-size: 13px;
	padding-top: 4px !important;
	height: 26px !important;
}

#vbflink_faq {
		margin-right: 8px !important;

}

.navtabs ul.floatcontainer {
    background-color: #d2d2d2 !important;
    border-top: 0px solid #F6F6F6 !important;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.navtabs ul.floatcontainer a {
	color: #000 !important;
    font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.navtabs, .navtabs li.selected {
    height: 120px !important;
}
.navbar {
    margin:0 !important;
    height: 134px !important;
	background: #878787 url() repeat-x top left !important;
    background-image: url(data:image/gif;base64,R0lGODlhAQCMAIcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAAAAP8ALAAAAAABAIwAAAiGACtNivTIEaNFixIdMlRoUCBAfvbowVNnjhw4b9y0YaMmDZozZsiMERMGzBcvXLZoyXLFSpUpUqJAeeKECRMlSY4YKUJkSJAgQH4I9UHURw8ePHboyHHDRo2nNKLSmEGVqoyrWGXE2BoDhlevL8K+cEGWbIuzLVioVbui7QoVcOOqSEE3RUAAOw==) !important;
}

#top_header {
    margin:0 !important;
    height: 38px !important;
    padding-top: 3px !important;
    background: #333  !important;
}

#top_header .globalsearch {
	float:right !important;
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    height: 30px;
}
.advanced_search {
	float:right !important;
	padding-right:6px !important;
	padding-top:9px !important;
}

.advanced_search a {	color:#FFF !important;	font-size: 12px !important;	}
.advanced_search a:hover {	color:#EEF !important;	}









td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}



.ad_global_header {
margin-top: 0px !important;
overflow: hidden;
padding: 0px 0px 0px !important;
}














 .postbit, .postbitlegacy, .eventbit {
border: 1px solid #878787 !important;
border-bottom: 0px  !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background-color: #5a8365 !important;
border: 1px solid #878787 !important;
color:#000 !important;
}
.postbitlegacy .posthead .time {
color: #000 !important;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
	background-color: #878787 !important;
	padding: 6px 0px 5px !important;
}

.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
font-weight:bold !important;
top: -8px !important;
}

.postbitlegacy .title, .eventbit .title {
display: block;
font: 700 13px Verdana, "Open Sans", sans-serif !important;
padding: 1px 12px 9px 0px !important;
}


.postbitlegacy .userinfo {
background:#d2d2d2 !important;
font-size: 11px;
padding: 2px 12px 6px;
width: 183px !important;

}


.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
background: #d2d2d2 !important;
border-top: 0px solid #E4E4E4 !important;
display: block;
font: 700 11px Verdana, "Open Sans", sans-serif;
margin-right: 10px;
padding: 5px 0px 6px !important;
width: 100%;
}


.postbitlegacy .postdetails, .eventbit .eventdetails {
background:#d2d2d2 !important;
float: left;
width: 100%;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background: #e5e5e5 !important;
border-left: 1px solid #b8b8b8 !important;
margin-left: 207px !important;
padding-bottom: 0.8em !important;
}


.bbcode_container div.bbcode_quote {
background: #d2d2d2 !important;
border-top: 1px solid #878787 !important;
border-left: 1px solid #878787 !important;
border-radius: 5px !important;
}
.bbcode_container {
margin: 5px 2px 12px 20px !important;
}


.postlist, #postlist {
margin-bottom: 0px !important;
margin-top: 0px !important;
}

.postbit, .postbitlegacy, .eventbit {
margin-bottom: 0px !important;
}


.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
font-size: 13px !important;
max-width: 170px !important;
}

.postbitlegacy .userinfo .username_container {
margin: 0px 0px !important;
}

.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
margin-right: 8px !important;
min-width: 40px !important;
}

.postbitlegacy .posthead .postdate .date {
margin-left: 4px !important;
font-size:11px !important;
}








.newcontent_textcontrol {
background-color: #689875 !important;
box-shadow: 0px 0px 0px 3px #E4E4E4;
color: #FFFFFF;
text-decoration: none;
}



.noinlinemod.below_postlist {
margin-top: -1.2em !important;
}


.postrow .content {
	color: #000  !important;
line-height:155% !important;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
color: #000    !important;
font: 13px Verdana, "Open Sans", sans-serif    !important;
}







.threadbit .sticky, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
border-bottom: 1px solid #fff !important;
border-left: 1px solid #878787 !important;
border-right: 1px solid #878787 !important;
}


.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow, .threadbit .sticky, .threadbit .nonsticky, .threadbit .discussionrow {
background-color: #d2d2d2 !important;
background-image: none !important;
overflow: hidden !important;
color: #000 !important;
 }

.threadbit .threadtitle {
font-size: 13px !important;
margin-bottom: 3px !important;
}
.threadbit .threadmeta {
font-size: 11px !important;
}

.threadbit .threadstats {
background: #e5e5e5 !important;
border-bottom: 1px solid #fff !important;
border-left: 1px solid #fff !important;
border-right: 1px solid #fff !important;
color: #000000 !important;
font-size: 11px !important;
margin-bottom: -100px !important;
padding-bottom: 100px !important;
padding-top: 10px !important;
width: 13% !important;
 }


.threadbit .threadstats li{
font-size:11px !important;
color: #000 !important;
}


.threadbit .threadlastpost {
height: 26px !important;
padding-left: 3% !important;
padding-top: 8px !important;
width: 17% !important;
}

.threadbit .threadlastpost .username {
font-size: 13px !important;
}

 .threadbit .threadinfo {
background: #e5e5e5 !important;
margin-bottom: -100px !important;
min-width: 350px;
padding-bottom: 100px !important;
width: 63% !important;
 }


.pagination span a, .pagination span a:hover {
color: #1f452f !important;
border: 1px solid #b4b4b4 !important;
}
.pagination span a:visited {
	background: #d2d2d2 !important;
	border: 1px solid #b4b4b4 !important;
}


.pagination span a, .pagination span.prev_next a, .pagination span.first_last a {
	background: #e5e5e5 !important;
	color: #555 !important;
}
.pagination span a:hover {
	background: #d2d2d2 !important;
}

.pagination span.selected a {	color:#e5e5e5 !important; background-color: #878787 !important;	border: 1px solid #878787 !important;	}
.pagination span a.popupctrl {
	color:#222 !important;
	background-color: #d2d2d2 !important;
	border: 1px solid #878787 !important;
}



.newcontent_textcontrol {
    background-color: #878787  !important;
	box-shadow: 0px 0px 0px 0px #528a63 !important;
	border: 0px 0px 0px 0px #528a63 !important;
	border-top: 1px solid #bebebe !important;
	border-left: 1px solid #bebebe !important;
	border-right: 1px solid #141414!important;
	border-bottom: 1px solid #141414!important;
	color: #FFF !important;
	font-weight:bold !important;
 }

.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #3d3d3d !important;
}

.newcontent_textcontrol span {
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#pagetitle h1 {
font: 13px Verdana, sans-serif !important;
letter-spacing: 0px !important;
font-weight: bold !important;
}

#pagetitle .description {
font-size: 11px !important;
}

.toolsmenu {
	border: 1px solid #878787 !important;
	margin: 2px 0px 2px !important;
}
.toolsmenu ul {	padding: 3px 0 !important;	}


.toolsmenu a { color: #000 !important; }

.popupbody li > a, .popupbody li > label  {
background: #444 !important;
}


.threadlisthead {
	background-color: #878787 !important;
	color: #e5e5e5;
	border-left: 1px solid #878787!important;
	border-right: 1px solid #878787!important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #FFFFFF;
	font: 12px verdanaa, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	font-weight:bold !important;
}

.threadlisthead > div > span {
	padding: 4px 0px !important;
}



.threadlisthead span.threadinfo {	width: 63% !important;	}
.threadlisthead span.threadstats {	width: 15% !important;	}
.threadlisthead span.threadlastpost {width: 17%!important; }













.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #EEE !important;
color: #000  !important;
font: 14px Consolas, Courier New, Verdana, "Open Sans", sans-serif !important;
}

blockquote.preview.forumcontent {
font: 13px Verdana, "Open Sans", sans-serif !important;
}



.toplinks ul.isuser li a {
color: #eee !important;
font-size: 12px !important;
padding: 3px 5px !important;
}


.navtabs li.selected a.navtab {
background-color: #7b7b7b !important;
font-size:14px !important;
}

a.navtab, a.navtab span {	color: #eee !important;	font-size:14px !important;	}


 .navtabs li a.navtab:hover {
background-color: #313131!important;
color: #FFFFFF!important;
font-weight:bold!important;
}



.blockhead, .thread_info h4 {
background-color: #444 !important;
}





.forumhead {
background: none !important;
margin-top: 0px !important;
}
#sidebar_container .blocksubhead,
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2{
	background-color: #878787 !important;
font: 12px Verdana, "Open Sans", sans-serif !important;
margin-top: 0px !important;
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
font: 12px Verdana, "Open Sans", sans-serif !important;
padding:5px 0px 4px !important;
}
#forums .L1 .forumhead a {
font: 13px Verdana, "Open Sans", sans-serif !important;
font-weight: bold !important;
color: #FFF !important;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 13px !important;
}
a.collapse {
top: 12px !important;
}


.forumbit_post .foruminfo {
min-height: 48px;
min-width: 30%;
width: 55% !important;
	background-color: #e5e5e5 !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;

}
.forumbit_post .forumactionlinks {
	width: 3% !important;
	padding-left:8px !important;
	margin-bottom: -100px !important;
	padding-bottom: 100px !important;
	background-color: #d2d2d2 !important;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
padding-right: 8px !important;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
margin-right: 1% !important;
}

.forumbit_post .forumrow .forumlastpost {
font-size: 13px;
width: 28% !important;
}
.forumbit_post .forumdescription {
clear: both;
color: #666 !Important;
font-size:11px !important;
display: block;
margin-bottom: 12px;
padding-right: 12px;
}


 .wgo_block .blocksubhead {
	background-color: #d2d2d2 !important;
font-weight:bold !important;
margin-bottom: 12px;
padding-bottom: 9px;
padding-left: 14px;
padding-top: 9px;
}









.cke_skin_kama .cke_wrapper {
background-color: #d2d2d2 !important;
}

.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
background: #e5e5e5 !important;
color: #000 !important;
font: 14.5px "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif;
}
.formcontrols .section {
background: #e5e5e5 !important;
}




 .footer_time, .footer_copyright, .footer_morecopyright {
color: #aaa !important;
font-size: 10px !important
}



.popupbody li > a, .popupbody li > label,
#navbar .popupbody > li a {
   background-color: #e5e5e5 !important;
}

#sidebar_container .blocksubhead span.blocktitle {
	color: #FFF !important;
}

#searchtypeswitcher li a {
background-color: #444 !important;
color: #FFF !important;
}

.blocksubhead {
background-color: #d2d2d2 !important;
color: #333 !important;
}

.blockfoot, .blocksubfoot {
    background-color: #e5e5e5 !important;
}

...chrom(ium) nutzer hier.

..ich krieg nach dem eintrag des codes auf
Style hinzufügen
'issues' angezeigt:

warning 413 : 2 Expected end of value but found '0px'.
warning 461 : 2 Duplicate property 'color' found.

...kann daher den style nicht speichern / nutzen...

Das ist mir alles zu weiß hier...

p.s. ... eine weile später:

ich habe die Zeile 413 einfach gelöscht (leerzeile)
und Zeile 461 ebenfalls gelöscht
jetzt sehe ich ...grau...

**cos** · 18-10-2017, 09:55

Zitat von Dawson41

...

Ich habe außerdem mich mal an die Optimierung der Startseite gemacht damit einerseits das ganze deutlich kompakter wird, und andererseits die Übersichtlichkeit vielleicht sogar erhöht wird.

Gegenüberstellung Original/Fälschung

...

...'die Fälschung' sieht ja wesentlich knackiger und strahlender aus.

Bei mir (und immer noch auch allen anderen??)
ist ~quasi~ überall eine ...Art 'halbe Leerzeile' dazwischen,
es wirkt unübersichtlich und laff-schwabbelig.

**Thaliel** · 11-11-2017, 00:46

Stylish wurde aktualisiert

grösstenteils passt zwar weiter alles, aber in der übersicht der neuen beiträge wird der header jetzt in der farbe des hauseignenen styles angezeigt
https://screenshots.firefox.com/y45n...QU/www.ioff.de

Thema: UserCSS: Foren Designs von Usern für User

Themen-Optionen

UserCSS: Foren Designs von Usern für User

Berechtigungen