Forum Themes

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de") {

	html {
		background: none !important;
	}
	  
	body {
		background: url('http://s7.directupload.net/images/130718/h8gu8w2y.png') repeat !important;
		padding: 30px 0 0 0 !important;
	}
	  
	* {
		font-family: 'Trebuchet MS' !important;
	}
	
	* a:link,
	* a:visited {
		color: #394A6B !important;
	}
	  
	/*
		Box: Willkommen
	*/
	  
	#content > div:first-child {
		background: rgba(0, 0, 0, 0.6);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		color: #eee;
		position: fixed !important;
			top: 0;
			left: 0;
		margin: 0 !important;
		padding: 4px 12px !important;
		width: -moz-calc(100% - 24px) !important;
	}
	  
	#content > div:first-child a:link,
	#content > div:first-child a:visited {
		color: #eee !important;
	}
	
	/*
		Breadcrumbs
	*/
	
	td.breadcrumbs {
		background: rgba(0, 0, 0, 0.4) !important;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		color: #444 !important;
		font-size: 12px !important;
		position: fixed !important;
			top: 30px;
			left: 0;
		margin: 0 !important;
		padding: 4px 12px !important;
		width: -moz-calc(100% - 24px) !important;
	}
	
	td.breadcrumbs a,
	td.breadcrumbs a:link,
	td.breadcrumbs a:visited {
		color: #eee !important;
		display: inline-block;
	}
	
	td.breadcrumbs a:focus,
	td.breadcrumbs a:hover,
	td.breadcrumbs a:active {
		color: #ddd !important;
		text-decoration: none !important;
	}
	
	td.breadcrumbs a:not(:first-child) {
		margin: 0 5px;
	}
	
	td.breadcrumbs a:first-child {
		margin: 0 5px 0 0;
	}
	
	/*
		Navigation
	*/
	
	td.navigation {
		background: none !important;
		position: fixed;
		top: 2px;
		right: 12px;
		z-index: 100;
	}
	
	.popup_menu {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		margin: 4px 0 0;
	}
	
	.popup_menu_content {
		background: rgba(0, 0, 0, 0.5) !important;
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
		padding: 2px 5px !important;
	}
	
	.popup_menu_highlight {
		background: rgba(0, 0, 0, 0.6) !important;
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
		padding: 2px 5px !important;
	}
	
	.popup_menu_content a:link,
	.popup_menu_content a:visited {
		color: #eee !important;
	}
	
	.popup_menu_highlight a:link,
	.popup_menu_highlight a:visited,
	.popup_menu_highlight a:hover,
	.popup_menu_highlight a:active {
		color: #eee !important;
	}
	
	div#myspace_popup,
	div#active_popup,
	div#search_popup {
		position: fixed !important;
	}
	
	/*
		Foren-Gesamtübersicht
	*/
	
	div.navigation {
		background: transparent !important;
		border: none !important;
		text-indent: -99999em !important;
	}
	
	/*
		Footer
	*/
	
	td.footer {
		background: none !important;
		border-top: 2px solid rgba(0, 0, 0, 0.5);
		padding: 5px 0 0 0 !important;
	}
	
	td.footer a:link,
	td.footer a:visited {
		color: #555 !important;
		font-size: 1.1em !important;
		text-shadow: 0 1px 0 white;
	}
	
	td.footer a:hover,
	td.footer a:active {
		color: #444 !important;
	}
	
	/*
		Allgemeine Tabellen (insb. Kategorieansicht)
	*/
	
	table.t_inner {
		background: none !important;
		border-spacing: 0 !important;
	}
	
	table.t_outer {
		background: none !important;
	}
	
	.tdheader {
		background: none !important;
		border-bottom: 2px solid rgba(0, 0, 0, 0.5);
		color: #555 !important;
		padding: 0 0 2px 0 !important;
		text-align: left !important;
	}
	
	.tdheader a {
		color: #555 !important;
		text-align: left !important;
	}
	
	.tdheader a:focus {
		text-decoration: none !important;
	}
	
	td.alt-1,
	td.alt-2 {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	td.alt-1 {
		background: rgba(238, 238, 238, 0.7) !important;
	}
	
	td.alt-2 {
		background: rgba(225, 225, 225, 0.7) !important;
	}
	
	/*
		Threadliste
	*/
	
	tr[id|="postrow"] td {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		padding: 3px !important;
	}
	
	tr[id|="postrow"] td:first-child {
		border-left: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	tr[id|="postrow"] td:last-child {
		border-right: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	tr[id|="postrow"] td:not(.alt-newintopic, .inline_selector) {
		background: rgba(238, 238, 238, 0.7) !important;
	}
	
	tr[id|="postrow"] td[class|="alt"]:not(.inline_selector) {
		background: rgba(225, 225, 225, 0.7) !important;
	}
	
	tr[id|="postrow"] td.inline_selector {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	.new-newintopic,
	.new-topicicon,
	.new-topicsubject,
	.new-topicreplies,
	.new-topicviews,
	.new-topictime {
		background: rgba(255, 226, 160, 0.5) !important;
	}
	
	
	.new-alt-newintopic,
	.new-alt-topicicon,
	.new-alt-topicsubject,
	.new-alt-topicreplies,
	.new-alt-topicviews,
	.new-alt-topictime {
		background: rgba(255, 210, 140, 0.5) !important;
	}
	
	span.newtotal {
		color: #e0a320 !important;
	}
	
	/*
		Tabellen: Links, Zeitstempel und Icons (vorw. Threadübersicht)
	*/
	
	tr[id|="postrow"] td {
		font-size: 13px !important;
	}
	
	tr[id|="postrow"] td a:link,
	tr[id|="postrow"] td a:visited {
		color: #394a6b !important;
	}
	
	tr[id|="postrow"] td span.date {
		color: #777 !important;
		font-style: italic;
	}
	
	tr[id|="postrow"] td img {
		opacity: 0.6 !important;
	}
	
	/*
		Tabellen Links und Zeitstempel (vorw. Kategorieübersicht)
	*/
	
	tr:not([id|="postrow"]) td[class|="alt"] a:link,
	tr:not([id|="postrow"]) td[class|="alt"] a:visited {
		color: #394a6b !important;
	}
	
	tr:not([id|="postrow"]) td[class|="alt"] span.date {
		color: #777 !important;
		font-style: italic;
	}
	
	tr:not([id|="postrow"]) td[class|="alt"] span.date:after {
		content: ' Uhr';
	}
	
	div.subforum_moderators {
		color: black !important;
		font-weight: bold !important;
		margin: 4px 0 0 0 !important;
	}
	
	img[src="/images/icons/default/book.gif"] {
		opacity: 0.4;
	}
	
	/*
		Kategorie-Name
	*/
	
	th.category {
		background: none !important;
		border: none !important;
	}
	
	th.category > a {
		color: #333 !important;
		font-size: 26px !important;
		text-shadow: 0 1px 0 white;
	}
	
	th.category > div {
		color: #555 !important;
		font-size: 16px !important;
		font-style: italic;
		display: block;
		margin: 0 0 12px 0 !important;
		padding: 0 !important;
		text-shadow: 0 1px 0 white;
	}
	
	th.category > img {
		display: none;
	}
	
	/*
		Navigation Links
	*/
	
	td.navigation a:link,
	td.navigation a:visited {
		color: #eee !important;
	}
	
	td.navigation a:focus,
	td.navigation a:hover,
	td.navigation a:active {
		color: #ddd !important;
		text-decoration: none !important;
	}
	
	/*
		Kontroll-Container (Optionen und Seitenzahlen)
	*/
	
	table.controlcontainer > tbody > tr > td {
		padding: 0 !important;    
	}
	
	.t_standard,
	.controlcontainer .t_standard,
	.controlcontainer .t_standard td,
	.controlcontainerbottom .t_standard,
	.controlcontainerbottom .t_standard td {
		border: none !important;
		margin: 5px 0 !important;
	}
	
	table.controlcontainer td.tdheader {
		padding: 0 !important;
	}
	
	table.controlcontainer td.tdheader[onclick] {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6) !important;
		background-repeat: repeat-x  !important;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3  !important;
		border-radius: 4px 4px 4px 4px  !important;
		border-style: solid !important;
		border-width: 1px  !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 12px !important;
		line-height: 16px !important;
		margin: 0 10px 0 0 !important;
		padding: 2px 12px  !important;
		text-align: center !important;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
		vertical-align: middle !important;
	}
	
	table.controlcontainer td.tdheader a:link,
	table.controlcontainer td.tdheader a:visited {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		line-height: 16px;
		margin: 0 10px 0 0;
		padding: 2px 12px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	table.controlcontainer td.tdheader a:hover,
	table.controlcontainer td.tdheader a:active,
	table.controlcontainer td.tdheader[onclick]:hover {
		background-image: linear-gradient(to bottom, #fff, #ccc) !important;
	}
	
	table.controlcontainer td.tdheader a img {
		display: none;
	}
	
	table.pagination {
		border-spacing: 1px !important;
	}
	
	table.pagination td.tdheader,
	table.pagination td {
		border: none !important;
		padding: 2px !important;
		line-height: .6em !important;
	}
	
	table.pagination tbody tr td[class|="alt"] {
		background: rgba(0, 0, 0, 0.1) !important;
		border-radius: 0 !important;
		padding: 8px !important;
	}
	
	table.pagination tbody tr td.tdheader {
		background: none !important;
		padding: 0 5px !important;
		text-transform: uppercase;
		font-size: 11px !important;
	}
	
	table.pagination tbody tr td[class|="alt"]:not(:last-child) {
		border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	table.pagination tbody tr td[class|="alt"] a:link,
	table.pagination tbody tr td[class|="alt"] a:visited {
		color: #555 !important;
	}
	
	/*
		Kontroll-Container (vorheriges Thema, Index, nächstes Thema)
	*/
	
	#prev-next-links table.controlcontainerbottom tbody tr td {
		padding: 0 3px 0 0 !important;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td {
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:link,
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:visited {
		background: rgba(0, 0, 0, 0.1) !important;
		display: inline-block;
		padding: 2px 10px;
		text-transform: capitalize;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:hover,
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:active {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a img {
		display: none;
	}
	
	#prev-next-links {
		border: none !important;
	}
	
	/*
		Boardjump
	*/
	
	div.small form table tbody tr td {
		background: rgba(0, 0, 0, 0.2) !important;
		border-radius: 5px;
		padding: 4px 12px !important;
	}
	
	
	div.small form table tbody tr td select {
		border: 1px solid rgba(0, 0, 0, 0.5);
		color: #555 !important;
		padding: 2px;
	}
	
	div.small form table tbody tr td input.form-button {
		color: #333 !important;
		cursor: pointer !important;
		border: 1px solid rgba(0, 0, 0, 0.5) !important;
		padding: 2px 5px !important;
	}
	
	div.small form table tbody tr td label[for="board"] {
		color: #555 !important;
		text-transform: uppercase;
	}
	
	/*
		Formulare
	*/
	
	form input[type="text"],
	form textarea,
	form select {
		border: 1px solid rgba(0, 0, 0, 0.5);
		padding: 4px !important;
	}
	
	form input.form-button {
		background-image: linear-gradient(to bottom, #fff, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333 !important;
		cursor: pointer !important;
		display: inline-block;
		font-size: 12px;
		line-height: 16px;
		margin: 0 10px 0 0;
		padding: 5px 20px !important;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	form input.form-button:hover {
		background-image: linear-gradient(to bottom, #fff, #ccc);
	}
	
	table.markup_panel {
		background: rgba(230, 230, 230, 0.6) !important;
		border: 5px solid rgba(0, 0, 0, 0) !important;
	}
	
	.markup_panel_normal_button,
	.markup_panel_hover_button {
		border-radius: 3px;
		border: 1px solid rgba(0, 0, 0, 0.3) !important;
	}
	
	label[for|="Icon"] img {
		opacity: 0.7;
		margin: 0 4px;
	}
	
	/*
		Threadansicht
	*/
	
	#actualthreadcontent,
	#preview_area {
		border: none !important;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		margin: 14px 0 !important;
	}
	
	#preview_area table {
		border: none !important;
	}
	
	#actualthreadcontent td a:link,
	#actualthreadcontent td a:visited,
	#preview_area td a:link,
	#preview_area td a:visited {
		color: #394a6b !important;
	}
	
	#actualthreadcontent td a:hover,
	#actualthreadcontent td a:active,
	#preview_area td a:hover,
	#preview_area td a:active {
		color: #000 !important;
	}
	
	.newsubjecttable,
	.subjecttable {
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
		border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	.subjecttable {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	.newsubjecttable {
		background: rgba(255, 210, 140, 0.5) !important;
	}
	
	.newsubjecttable img[alt="New!"] {
		display: none;
	}
	
	.author-content {
		background: rgba(0, 0, 0, 0.1) !important;
		border: none !important;
	}
	
	.author-content span.small {
		color: #444 !important;
	}
	
	.post-content {
		background: rgba(255, 255, 255, 0.5) !important;
		border: none !important;
	}
	
	.post_top_link,
	.post-options {
		display: none;
	}
	
	span.post-buttons {
		background: none !important;
		border: none !important;
		margin: 2px 0 !imortant;
		padding: 0 !important;
	}
	
	#actualthreadcontent td span.post-buttons a:link,
	#actualthreadcontent td  a:visited {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.2);
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		padding: 2px 10px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	#actualthreadcontent td span.post-buttons a:hover,
	#actualthreadcontent td span.post-buttons a:active {
		background-image: linear-gradient(to bottom, #fff, #ccc);
		color: black !important;
	}
	
	span.post-buttons img {
		display: none;
	}
	
	/*
		Einstellungen
	*/
	
	td.category,
	.mypreftable,
	table.mypreftable th,
	table.mypreftable td {
		border: none !important;
	}
	
	table.mypreftable th {
		background: rgba(225, 225, 225, 0.7) !important;
		color: #555 !important;
	}
	
	td.category {
		background: rgba(225, 225, 225, 0.7) !important;
		border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	table.mypreftable td,
	table.mypreftable th {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	/*
		Mod-Liste unter den Subforen
	*/
	
	span.subforum_moderators {
		color: #555 !important;
		display: block;
		margin: 0 0 5px 0 !important;
	}
	
	/*
		Admin- und Modfarben
	*/
	
	.modname { color: #080 !important; }
	.adminname { color: #a00 !important; }
	  
	/*
		Kleinere Standardfixes
	*/  
	 
	img[src="/images/general/default/newposts.gif"],
	img[src="/images/general/default/nonewposts.gif"] {
		margin: 3px 5px;
	}
	
	#preview_area img { vertical-align: bottom; }
	
	/*
		Entfernung des Layout-Rahmens
	*/
	
	#yui-main { background: none !important; }
	#kbody { width: 90% !important; }
	table[width="95%"] { width: 100% !important; }
	#khd { display: none !important; }
	#bd1, #bd2, #bd3 { background: none !important; }
	#ft { display: none; }
	a:hover, a:active { text-decoration: none !important; }
	:focus { outline: none !important; text-decoration: none !important; }
	
	/*
		Optionale Änderungen
		- Zeilenabstand in Beiträgen vergrößern um das Lesen zu erleichtern
	*/
	
	.post_inner { line-height: 1.5; }
	
	/*
		Optionale Änderungen
		- Stimmungsfrage im Header anzeigen oder nicht
	*/
	
	span[title="Stimmung ändern"] { display: none; }
	
	/*
		Optionale Änderungen
		- Flamme für viel gelesene Themen ausblenden
	*/
	
	span img[alt="Hot!"] {
		display: none;
	}
	
}