Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Gestern um 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

Chatbox - Hintergrundfarbe

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Chatbox - Hintergrundfarbe Empty Chatbox - Hintergrundfarbe

Beitrag von katzentiger So 1 Aug 2010 - 19:47

Ich habe folgendes Problem:
Mein Chat sieht im moment so aus:
Chatbox - Hintergrundfarbe Vorsch12

Aber ich möchte , dass die zwei makierten Stellen grün sind. Ich habe an den CSS-Code schon viel verändert, aber ich finde nicht den code der für diese beiden Stellen sind.

Kann mir bitte jemand helfen?

(die suchfunktion habe ich schon benutzt und nichts gefunden, was mir geholfen hat)
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von Zuckerpuppe Mo 2 Aug 2010 - 10:10

Hallo Smile

Du möchtest den kompletten Hintergrund der Chatbox in einer Hintergrundfarbe, ist das richtig? Normalerweise sind folgende Einträge ausreichend, um alles gleichmäßig einzufärben:
Code:
#chatbox_footer {
background-color: #feffe3;
}
#chatbox_header  {
background-color:#FEFFE3;
}
#chatbox  {
background-color:#FEFFE3;
}
#chatbox_members  {
background-color:#FEFFE3;
}
#chatbox_members .member-title {
background-color:#feffe3;
}
.chatbox_row_1  {
background-color:#feffe3;
}
.chatbox_row_2  {
background-color:#FEFFE3;
}
Zuckerpuppe
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 10:59

ich habe nach geguckt, ich habe alles so eingefügt, aber es sieht immer noch so aus.
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von Zuckerpuppe Mo 2 Aug 2010 - 11:13

kannst du mir mal deinen kompletten Eintrag geben, der bei dir im persönlichen CSS drin steht? Dann schau ich mir das mal an, ob ein anderer Eintrag den von der Chatbox aufhebt Smile

den Code bitte hier in
Code:
[code][/code]
setzen
Zuckerpuppe
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:16

ich hab jetzt nur den code von der chatbox eingefügt, weil der beitrag sonst zu lang ist:

Code:
/* Chatbox-------------------------------------------------*/
body.chatbox {
 background-image: url('none');
 background-color: #49997c;
 }
.chatbox {
 background-color: #49997c;
 }
#chatbox_header {
 height: 30px;
 background-color: #49997c;
 }
.chatbox .forabg {
 margin: 0;
 border: none;
 padding: 0;
 margin: 0;
 background-color: #49997c;
 }
.chatbox-title, .chatbox-title a.chat-title {
 color: #313035 !important;
 background-color: #49997c !important;
 }
.chatbox-title {
 float: left;
 margin: 0;
 padding: 2px 5px 0 5px;
 width: 15em;
 background-color: #49997c;
 }
.chatbox-options {
 float: right;
 list-style: none;
 font-size: 11px;
 margin: 0.7em 0.5em 0.5em 0.5em;
 background-color: #49997c;
 }
.chatbox-options li {
 display:inline;
 background-color: #49997c;
 }
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
 color: #313035;
 background-color: #49997c;
 }
#chatbox_members {
 position: absolute;
 top: 30px;
 bottom: 30px;
 width: 180px;
 overflow: auto;
 border-right: 1px solid ;
 background-color: #49997c;
 }
#chatbox_members .member-title {
 text-align: center;
 background-image: url('none');
 font-size: 12px;
 background-color: #49997c;
 color : #313035;
 font-family: Arial; padding-left:0.25em; padding-right:0.25em; padding-top:0.5em; padding-bottom:0.5em
 background-color: #49997c;
 }
#chatbox_members ul {
 list-style: none;
 margin: 0 0 0 1em;
 background-color: #49997c;
 }
#chatbox_members ul li {
 margin: 0.5em 0.5em 0.5em 0;
 background-color: #49997c;
 }
#chatbox {
 position: absolute;
 top: 30px;
 left: 181px;
 right: 0;
 bottom: 30px;
 overflow: auto;
 line-height: 10px;
 background-color: #49997c;
 }
.chatbox_row_1 {
 padding: 4px;
 background-color: #49997c;
 }
.chatbox_row_2 {
 padding: 4px;
 background-color: #49997c;
 }
.chatbox_row_3 {
 padding: 4px;
 background-color: #49997c;
 }
.memberlist_row_1 {
 background-color: #49997c;
 }
#chatbox_footer {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 5px;
 background-color: #49997c;
 }
#chatbox_footer label {
 color: #313035;
 background-color: #49997c;
 }
#message, #submit_button{
 border-width: 1px;
 }
.fontbutton {
 padding: 1px;
 cursor: pointer;
 text-align: left;
 }
.fontbutton_normal {
 background: #E1E1E2;
 }
.fontbutton_selected {
 background: #BBC7CE;
 border: 1px solid #22229C;
 }
.fontbutton_clicked {
 background: #959595;
 border: 1px solid #22229C;
 }
.fontbutton_hover {
 background: #E1E1E2;
 border: 1px solid #22229C;
 }
#chatbox_contextmenu {
 border: 2px solid black;
 background-color: #49997c;
 }
#chatbox_contextmenu p {
 margin:0;
 padding: 1px 4px;
 font-family: verdana, arial, sans-serif;
 background: #49997c;
 border-bottom:1px solid #777;
 }
#chatbox_contextmenu p.hover {
 background: #49997c;
 }
#chatbox_contextmenu p.close {
 padding: 1px;
 font-size: 95%;
 color:#313035;
 background: #49997c;
 }
#chatbox_contextmenu p.close img {
 vertical-align: middle;
 padding-left: 20px;
 background-color: #49997c;
 }
#chatbox_contextmenu a {
 color: #313035;
  text-decoration: none;
  font-size: 95%;
 background-color: #49997c;
 }
#chatbox_contextmenu a:hover {
 
 }
.fontbutton {
 background:#E1E1E2 none repeat scroll 0%;
 border:medium none;
 color:#313035;
 float:left;
 margin-right:10px;
 padding:1px;
 background-color: #49997c;
 }
#chatbox .user {
 font-weight: bold;
 }
* html #chatbox-members {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 }
* html #chatbox {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
 }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 }
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von Zuckerpuppe Mo 2 Aug 2010 - 11:21

hm, das hilft uns aber nicht weiter, da der Chatbox-Code ja in Ordnung ist....wenn ich ihn so in mein Testforum einsetze, ist die Farbanzeige ja richtig:
Chatbox - Hintergrundfarbe Chatb10

es muss also ein anderer Teil deines CSS einen Befehl für die Chatbox aufheben...den kann ich aber nur finden, wenn du mir alles gibst Wink
Zuckerpuppe
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:26

ich habe den code geteilt

1. Teil:

Code:
* {
  margin: 0px;
  padding: 0px;
  }
html {
 font-size: 100%;
 height: 100%;
 }
* html {
 scrollbar-face-color: #;
 scrollbar-highlight-color: #;
 scrollbar-shadow-color: #;
 scrollbar-3dlight-color: #;
 scrollbar-arrow-color: #;
 scrollbar-track-color: #;
 scrollbar-darkshadow-color: #;
 }
*+ html {
 scrollbar-face-color: #;
 scrollbar-highlight-color: #;
 scrollbar-shadow-color: #;
 scrollbar-3dlight-color: #;
 scrollbar-arrow-color: #;
 scrollbar-track-color: #;
 scrollbar-darkshadow-color: #;
 }
 
/* Begin CSS for print media */
@media print {
 * {
 background-image: none;
 background-color: #fff;
 color: #000;
 }
body {
 padding: 0;
  margin: 0;
  font-size: 10pt;
 }
body#phpbb div#wrap {
 width: 85%;
  margin: 0;
 }
span.corners-top,span.corners-bottom {
 display: none;
 }
 
/* Header */
#wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
 display: none !important;
 }
#wrap div.headerbar {
 margin: 0;
 border-bottom: 1px solid #ccc;
 }
#wrap div#page-body h2 {
 font-weight: bolder;
 border-bottom: 1px solid #ccc;
 margin-bottom: 1em;
 }
 
/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
 float: none;
 display: none !important;
 }
#wrap dl.postprofile {
 float: none;
 }
#wrap div.postbody .online {
 background-image: none;
 }
#wrap div.postbody {
 width: auto;
 }
#wrap div.postbody h3 {
 font-size: 10pt;
 }
#wrap div.postbody p.author {
 width: 100%;
  border-bottom: 1px dashed #ccc;
 }
#wrap div#page-body div.post {
 padding: 0 0 2em 0;
 border-top: 3px double #ccc;
 }
div.postbody {
 width: 100%;
  float: none;
 }
#wrap div#page-body div.post .content {
 overflow: visible;
 }
 
/* Footer */
div.noprint {
 display: none;
 }
#wrap div#page-footer,#wrap div#page-footer ul.linklist {
 display: none;
 }
}
 
/* End CSS for print media */
#min-width {
  min-width: 750px;
  }
body {
 font-family: Arial;
 color: #ffffff;
 background-color: #313035;
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/hinter14.gif');
 background-attachment: fixed;
 font-size: 10px;
 height: auto;
 padding: 10px 0px;
 }
* html .conteneur_minwidth_IE {
 
/* Hack IE min-width */
padding-left: 1266px;
 }
* html .conteneur_container_IE {
 
/* Hack IE min-width */
margin-left: -1266px;
 position: relative;
 }
* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE {
 
/* Hack IE min-width */
height: 1px;
 }
#wrap {
 width: 80%;
 margin: 0px auto;
 background-color: #49997c;
 border: 1px solid #49997c;
 padding: 5px;
 min-width: 1134px;
 }
#simple-wrap {
  padding: 6px 10px;
  }
 
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
 width: 100%;
 float: left;
 margin-right: -183px;
 }
#content-container div#content {
 margin-right: 183px;
 }
#content-container div#main {
 margin-bottom: 1em;
 overflow: hidden;
 
/* Fixes 3-column negative margins float clearing bug: [url=http://archivist.incutio.com/viewlist/css-discuss/97678]http://archivist.incutio.com/viewlist/css-discuss/97678[/url] Thanks Georg! */
}
*+ html #content-container div#main {
 margin-left: 183px;
 }
#content-container div#left {
 width: 180px;
 float: left;
 margin-right: 3px;
 overflow: hidden;
 }
#content-container div#right {
 width: 0px;
 float: right;
 overflow: hidden;
 }
* html #content-container #main-content {
 
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
 margin-right: 183px;
 }
* html #content-container div#main {
 
/* FIX for IE6 */
margin-right: -99%;
 width: 100%;
 float: left;
 }
#page-body {
 margin: 4px 0;
 width: 100%;
 }
#page-body p.page-bottom {
 margin: 0;
 }
#page-footer {
 clear: both;
 }
#page-footer h3 {
  margin-top: 20px;
  }
#page-footer .linklist strong {
 font-weight: normal;
 }
 
/* Tags-------------------------------------------------*/
h1.page-title {
 font-family: Arial;
 font-weight: normal;
 color: #D8F088;
 font-size: 2em;
 margin: 0.8em 0 0.2em 0;
 }
h1.gallery-title {
 display: inline;
 font-size: 11px;
 text-align: center;
 font-weight: bold;
 }
h2 {
 
/* Keeping old styles for h2 for legacy */
font-family: Arial;
 font-weight: normal;
 color: #D8F088;
 font-size: 2em;
 margin: 0.8em 0 0.2em 0;
 }
h1.solo {
 margin-bottom: 1em;
 }
h3, .h3 {
 font-family: Arial;
 text-transform: uppercase;
 border-bottom: 1px solid #49997c;
 margin-bottom: 3px;
 padding-bottom: 2px;
 font-size: 1.05em;
 color: #49997c;
 margin-top: 20px;
 }
.h3 {
 font-weight: bold;
 }
.module .h3, .postbody .h3, .introduction .h3 {
 margin-top: 8px;
 }
.table-title, .table-title h2 {
 display: inline;
 font-size: 1em;
 color: #ffffff;
 }
input {
 font-weight: normal;
 cursor: pointer;
 vertical-align: middle;
 padding: 0 3px;
 font-size: 1em;
 font-family: Arial;
 }
select {
 font-family: Arial;
 font-weight: normal;
 cursor: pointer;
 vertical-align: middle;
 border: 1px solid #D8F088;
 padding: 1px;
 background-color: #313035;
 }
option {
  padding-right: 1em;
  }
textarea {
 font-family: Arial;
 width: 60%;
 padding: 2px;
 font-size: 1em;
 line-height: 1.4em;
 }
p {
 line-height: 1.3em;
 font-size: 1.1em;
 margin-bottom: 0.5em;
 }
p.right {
  text-align: right;
  }
p.right img {
  vertical-align: middle;
  }
p.center {
  text-align: center;
  margin: 0px;
  }
p.author {
 margin: 0 15em 0.6em 0;
 padding: 0 0 5px 0;
 font-family: Arial;
 font-size: 1em;
 line-height: 1.2em;
 }
p.nomargin {
 line-height: 1.3em;
 font-size: 1.1em;
 margin-bottom: 0em;
 }
p.path {
 margin-left: 10px;
 clear: left;
 }
fieldset {
 border-width: 0;
 font-family: Arial;
 font-size: 1.1em;
 }
fieldset.jumpbox {
 text-align: right;
 margin-top: 15px;
 height: 2.5em;
 }
fieldset.quickmod {
 width: 50%;
 float: right;
 text-align: right;
 height: 2.5em;
 }
label {
 cursor: default;
 padding-right: 5px;
 color: #ffffff;
 }
label input {
  vertical-align: middle;
  }
label img {
  vertical-align: middle;
  }
hr {
 border-left:0px none #49997c; border-right:0px none #49997c; border-bottom:0px none #49997c; border-top:1px solid #49997c; height: 1px;
 margin: 5px 0;
 display: block;
 clear: both
 }
hr.dashed {
 border-top: 1px dashed #49997c;
 margin: 5px 0;
 }
img {
  border-width: 0;
  }
blockquote {
 padding: 5px;
 background: #313035  url('http://i32.servimg.com/u/f32/14/92/61/42/zitat10.gif') no-repeat 6px 8px;
 border: 1px solid #d2dbce;
 font-size: 0.95em;
 overflow: hidden; margin-left:25px; margin-right:1px; margin-top:1em; margin-bottom:1em;
 color: #000000
 }
blockquote div {
  margin-left: 20px;
  }
blockquote blockquote {
 background-color: #EFEED9;
 font-size: 1em;
 margin: 0.5em 1px 0pt 15px;
 }
blockquote blockquote blockquote {
  background-color: #313035;
  }
blockquote cite {
 font-style: normal;
 font-weight: bold;
 display: block;
 font-size: 0.9em;
 }
blockquote cite cite {
  font-size: 1em;
  }
blockquote.uncited {
  padding-top: 25px;
  }
ul {
  list-style-type: none;
  }
ul.ul-icons {
 float: left;
 margin: 0 10px;
 }
* html table, * html select, * html input {
  font-size: 100%;
  }
* html hr {
  margin: 0;
  }
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:27

2. Teil:

Code:
/* Links-----------------------------------------------------*/
a:link{
  color: #D8F088;
  text-decoration: none;
  }
a:visited{
  color: #D8F088;
  text-decoration: none;
  }
a:active{
  color: #D8F088;
  text-decoration: underline;
  }
a:hover{
  color: #37735d;
  text-decoration: none;
  }
a.forumtitle {
 color: #f0ea89;
 font-family: Arial;
 font-size: 1.2em;
 font-weight: bold;
 text-decoration: none;
 }
a.forumtitle:hover {
 color: #37735d;
 text-decoration: underline;
 }
a.forumtitle:active {
  color: #D8F088;
  }
a.topictitle {
 font-family: Arial;
 font-size: 1.1em;
 font-weight: bold;
 color: #D8F088;
 text-decoration: none;
 }
div.topic-title-container {
 display: inline;
 }
.topic-title {
 display: inline;
 font-size: 12px;
 text-align: left;
 }
.topic-title-post {
 }
a.topictitle:hover {
 color: #37735d;
 text-decoration: underline;
 }
a.topictitle:active {
  color: #D8F088;
  }
 
/* Input------------------------------------------------------*/
.inputbox {
 background-color: #313035;
 border: 1px solid #BCBCBC;
 color: #ffffff;
 padding: 2px;
 cursor: text;
 }
.inputbox:hover {
  border: 1px solid #313035;
  }
.inputbox:focus {
 border: 1px solid #313035;
 color: #ffffff;
 }
input.inputbox{
  width: 85%;
  }
input.medium{
  width: 50%;
  }
input.narrow{
  width: 25%;
  }
input.tiny{
  width: 110px;
  }
textarea.inputbox {
  width: 85%;
  }
 
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
  font-size: 1em;
  }
a.button1, input.button1 {
 font-weight: bold;
 border: 1px solid #666666;
 }
a.button2, input.button2, button.button2 {
 border: 1px solid #BCBCBC;
 }
a.button1, input.button1, a.button2, input.button2, button.button2 {
 width: auto !important;
 padding: 2px 3px;
 font-family: Arial;
 color: #000000;
 background-repeat: repeat-x;
 background-color: #FAFAFA;
 background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
 background-position: top;
 overflow: visible;
 }
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
 
/* Opera does not see this */
padding: 1px 0;
 }
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
 border: 1px solid #37735d;
 color: #37735d;
 background-position: 0 100%;
 }
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
 color: #D8F088;
 text-decoration: none;
 padding: 2px 8px;
 line-height: 250%;
 vertical-align: text-bottom;
 background-position: 0 1px;
 }
* html input.button1, * html input.button2, * html button.button2 {
 padding-bottom: 0;
 margin-bottom: 1px;
 }
*+html button.button2 {
 height: 24px;
 padding-right: 3px;
 padding-left: 3px;
 }
*+html button.button2 img {
  vertical-align: middle;
  }
* html button.button2 {
 height: 24px;
 padding-right: 3px;
 padding-left: 3px;
 }
* html button.button2 img {
  vertical-align: middle;
  }
 
/* Fieldset dl---------------------------------------------------------*/
fieldset dl {
 padding: 4px 0;
 }
fieldset dt {
 float: left;
 width: 40%;
 text-align: left;
 display: block;
 }
fieldset dd {
 margin-left: 41%;
 vertical-align: top;
 margin-bottom: 3px;
 }
fieldset dl:hover dt label {
 color: #ffffff;
 }
dt label {
 font-weight: bold;
 text-align: left;
 }
dd label {
 white-space: nowrap;
 color: #ffffff;
 }
dd input, dd textarea {
 margin-right: 3px;
 }
dd select {
 width: auto;
 }
dd textarea {
 width: 85%;
 }
 
/* Fieldset fields 1 et 2---------------------------------------------*/
fieldset.fields1 dt {
 width: 10em;
 border-right-width: 0;
 }
fieldset.fields1 dd {
 margin-left: 10em;
 border-left-width: 0;
 }
fieldset.fields1 {
 background-color: transparent;
 }
fieldset.fields1 div {
 margin-bottom: 3px;
 }
fieldset.fields2 dt {
 width: 15em;
 border-right-width: 0;
 }
fieldset.fields2 dd {
 margin-left: 16em;
 border-left-width: 0;
 }
fieldset.fields2 dl:hover dt label {
 color: inherit;
 }
 
/* Fieldset submit---------------------------------------------*/
fieldset.submit-buttons {
 text-align: center;
 vertical-align: middle;
 margin: 5px 0;
 }
fieldset.submit-buttons input {
 vertical-align: middle;
 padding-top: 3px;
 padding-bottom: 3px;
 }
 
/* Fieldset polls---------------------------------------------*/
fieldset.polls {
 font-family: Arial;
 }
fieldset.polls dl {
 margin-top: 5px;
 border-top: 1px solid #e2e2e2;
 padding: 5px 0 0 0;
 line-height: 120%;
 color: #ffffff;
 }
fieldset.polls dt {
 text-align: left;
 float: left;
 display: block;
 width: 30%;
 border-right: none;
 padding: 0;
 margin: 0;
 font-size: 1.1em;
 }
fieldset.polls dd {
 float: left;
 width: 10%;
 border-left: none;
 padding: 0 5px;
 margin-left: 0;
 font-size: 1.1em;
 }
 
/* Header-------------------------------------------------*/
.headerbar {
 background-color: #313035;
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/hinter10.gif');
 margin-bottom: 4px;
 padding: 0pt 5px;
 background-repeat: repeat-x;
 }
* html .headerbar {
 height: 1%;
 
/* Hack IE layout */
}
*+ html .headerbar {
 min-height: 1px;
 }
#logo-desc {
 margin: 0px;
 padding: 0px;
 text-align: center;
 }
#logo {
 float: none;
 padding: 5px;
 }
a#logo:hover {
 text-decoration: none;
 }
#site-title, #site-title h1 {
 font-family: ;
 color: #ffffff;
 font-size: 20px;
 font-weight: bold;
 padding-top: 15px
 }
#site-title h1 {
 padding-top: 0;
 }
#logo-desc p {
 margin: 0px;
 padding: 0px;
 color: #ffffff;
 }
 
/* Menu-------------------------------------------------*/
.navbar {
 clear: both;
 background-color: #313035;
 padding:0px 10px;
 }
ul.navlinks {
 border-bottom: 1px solid #49997c;
 font-weight: bold;
 text-align: center;
 }
ul.borderless {
 border-bottom: 0px none;
 }
ul.linklist li {
 list-style-type: none;
 width: auto;
 font-size: 1.1em;
 line-height: 2.2em;
 display: inline;
 }
ul.linklist li a img {
 vertical-align: middle;
 }
.search-box {
 margin-top: 3px;
 margin-left: 5px;
 float: left;
 }
#search-box {
 margin-top: 10px;
 margin-right: 5px;
 float: right;
 white-space: nowrap;
 
/* For Opera */
}
* html #search-box {
 margin-right: 35px;
 }
#search-box #keywords {
 width: 95px;
 background-color: #313035;
 }
#search-box input {
 border: 1px solid #BCBCBC;
 }
#search-box input.button1 {
 padding: 1px 5px;
 }
input.search {
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/lupe10.gif');
 background-repeat: no-repeat;
 background-position: left 1px;
 padding-left: 17px;
 }
ul.linklist li.rightside {
 float: right;
 }
ul.linklist li.footer-home {
 float: left;
 }
p.rightside {
 float: right;
 margin-right: 5px;
 }
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:28

3. Teil:

Code:
/* Code block------------------------------------------------*/
dl.codebox {
 padding: 3px;
 background-color: #FFFFFF;
 border: 1px solid #C9D2D8;
 font-size: 1em;
 }
dl.codebox dt {
 text-transform: uppercase;
 border-bottom: 1px solid #CCCCCC;
 margin-bottom: 3px;
 font-size: 0.8em;
 font-weight: bold;
 display: block;
 }
blockquote dl.codebox {
 margin-left: 0;
 }
dl.codebox code {
 overflow: auto;
 display: block;
 height: auto;
 max-height: 200px;
 white-space: normal;
 padding-top: 5px;
 font: 0.9em Arial;
 line-height: 1.3em;
 color: #2E8B57;
 margin: 2px 0;
 }
 
/* Table-------------------------------------------------*/
.forabg {
 margin-bottom: 4px;
 clear: both;
 background-color: #313035;
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/hinter10.gif');
 background-repeat: repeat-x;
 background-position: 0 0;
 border: 2px solid #49997c;
 padding: 0px 5px;
 }
* html .forabg {
 position: relative;
 height: 1%;
 }
*+ html .forabg {
 min-height: 1px;
 }
.forumbg {
 background-color: #313035;
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/hinter10.gif');
 background-repeat: repeat-x;
 background-position: 0 0;
 border: 2px solid #49997c;
 padding: 0px 5px;
 margin-bottom: 4px;
 clear: both;
 }
* html .forumbg {
 height: 1%;
 }
*+ html .forumbg {
 min-height: 1px;
 }
.forumbg table.table1 {
 margin: 0 -2px -1px -1px;
 }
ul.topiclist {
 list-style-type: none;
 margin: 0;
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/hinter10.gif');
 background-repeat: repeat-x;
 color: #ffffff
 }
* html ul.topiclist {
 height: 1%;
 }
*+ html ul.topiclist {
 min-height: 1px;
 }
ul.topiclist li {
 display: block;
 margin: 0;
 }
* html ul.topiclist li {
  position: relative;
  }
ul.topiclist li.row dl {
 padding: 2px 0;
 }
ul.forums li.row dl {
 min-height: 40px;
 }
* html ul.forums li.row dl {
 height: 40px;
 }
ul.topiclist dt, ul.topiclist dd.dterm {
 display: block;
 float: left;
 width: 60%;
 font-size: 1.1em;
 padding-left: 5px;
 padding-right: 5px;
 }
ul.topiclist dfn {
 display: none;
 }
ul.topics li.header dl.icon dt {
 padding-right: 50px;
 }
ul.topics dt, ul.topics dd.dterm {
 padding-left: 45px;
 display: block;
 float: left;
 width: 50%;
 }
ul.topics dd {
 display: block;
 float: left;
 }
ul.forums {
 background-color: #313035;
 background-image: url('none');
 }
li.header dl.icon {
 min-height: 0;
 }
li.header dl.icon dt {
 padding-left: 0;
 }
li.header dt {
 font-weight: bold;
 }
li.header dd {
 margin-left: 1px;
 }
dl.icon {
 min-height: 35px;
 background-position: 10px 50%;
 background-repeat: no-repeat;
 height: auto !important;
 height: 35px;
 }
dl.icon dt, dl.icon dd.dterm {
 background-repeat: no-repeat;
 background-position: 5px 50%;
 
/* Center icons */
}
li.header dt, li.header dd {
 line-height: 1em;
 border-left-width: 0;
 margin: 2px 0 4px 0;
 color: #ffffff;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 1em;
 font-family: Arial,Arial;
 text-transform: uppercase;
 }
li.row {
 border-top: 1px solid #49997c;
 border-bottom: 1px solid #49997c;
 }
li.row:hover {
 background-color: #335241;
 }
ul.topiclist dd {
 border-left: 1px solid #49997c;
 display: block;
 float: left;
 padding: 4px 0;
 }
ul.topiclist li.header dl dd {
 border: none;
 }
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
 display:block;
 padding-left:5px;
 }
ul.pmlist dt {
 padding-left: 45px;
 }
ul.forums dd {
 border-color: #49997c;
 border-left-style: solid;
 border-left-width: 1px;
 }
li.row:hover dd {
 border-left-color: #49997c;
 }
.mod-text {
 font-weight: bold;
 }
.hierarchy {
 display: inline;
 text-transform: none;
 border: none;
 font-size: 1em !important;
 }
 
/* Panel----------------------------------------------*/
.panel {
 margin-bottom: 4px;
 padding: 0px 10px;
 background-color: #313035;
 color: #ffffff;
 }
* html .panel {
 height: 1%;
 }
*+ html .panel {
 min-height: 1px;
 }
.content h2, .panel h2 {
 color: #49997c;
 border-bottom: 1px solid #49997c;
 font-weight: normal;
 font-size: 1.6em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 padding-bottom: 0.5em;
 }
.content h2.h3, .panel h2.h3 {
 font-size: 1.05em;
 font-weight: bold;
 }
.content h1, .panel h1 {
 color: #49997c;
 border-bottom: 1px solid #49997c;
 font-weight: normal;
 font-size: 1.6em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 padding-bottom: 0.5em;
 }
.panel h3 {
 margin: 0.5em 0;
 }
.panel-left {
 float: left;
 width: 47%;
 }
.panel-right {
 float: right;
 width: 47%;
 }
.panel p, .panel div.mes-txt {
 font-size: 1.2em;
 margin-bottom: 1em;
 line-height: 1.4em;
 }
 
/* Post----------------------------------------------*/
.post {
 padding: 0 10px;
 margin-bottom: 4px;
 background-repeat: no-repeat;
 background-position: 100% 0;
 }
*+ html .post {
 word-wrap: break-word;
 }
* html .post {
 word-wrap: break-word;
 }
.post ul {
 list-style-type: disc;
 }
.postprofile {
 color: #ffffff;
 margin: 5px 0 0px 0;
 min-height: 80px;
 border-left-style: solid;
 border-left-width: 1px;
 border-color: #49997c;
 width: 22%;
 float: right;
 display: inline;
 position: relative;
 }
* html .postprofile {
 overflow: hidden;
 }
.postprofile dd, .postprofile dt {
 line-height: 1.2em;
 margin-left: 8px;
 }
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
 font-weight: bold;
 color: #D8F088;
 text-decoration: none;
 }
.postprofile a:hover, .postprofile dt.author a:hover {
 text-decoration: underline;
 color: #37735d;
 }
.vote {
 float: right;
 width: 9px;
 margin-left: 4px;
 }
.vote .vote-button {
 text-align: center;
 font-weight: bold;
 margin-left: -1px;
 }
.vote .vote-button a {
 text-decoration: none !important;
 }
.vote .vote-bar {
 width: 3px;
 height: 50px;
 margin: 0 auto;
 border: 1px solid #ffffff;
 font-size: 0;
 }
.vote .vote-no-bar {
 letter-spacing:-2px;
 margin-left:-2px;
 white-space:nowrap;
 }
.vote .vote-bar-plus {
 background-color: #0f0;
 }
.vote .vote-bar-minus {
 background-color: #f00;
 }
 
/* dl dt dd----------------------------------------------*/
dd.lastpost {
 width: 20%;
 font-size: 1.1em;
 }
dd.mark {
 float: right !important;
 width: 9%;
 text-align: center;
 line-height: 200%;
 font-size: 1.2em;
 }
dd.posts, dd.topics, dd.views {
 width: 8%;
 text-align: center;
 line-height: 2.2em;
 font-size: 1.2em;
 border: none;
 }
dd.info {
 width: 30%;
 }
dl.details {
 font-size: 1.1em;
 }
dl.details dt {
 float: left;
 width: 10em;
 text-align: right;
 color: #ffffff;
 display: block;
 }
dl.details dd {
 margin-left: 10em;
 padding-left: 5px;
 margin-bottom: 5px;
 color: #ffffff;
 }
.span-tab {
 font-size: 0.9em;
 }
 
/* Cp-main----------------------------------------------*/
#cp-main {
 float: left;
 width: 98%;
 margin-left: 20px;
 }
* html #cp-main {
 margin-left: 10px;
 }
#cp-main h1 {
 color: #ffffff;
 border-bottom: none;
 padding: 0;
 margin-left: 10px;
 }
#cp-main h3, #cp-main hr {
 border-color: #bfbfbf;
 }
#cp-main .content {
 padding: 0;
 }
ul.cplist {
 margin-bottom: 5px;
 border-top: 1px solid #49997c;
 }
 
/* Panel----------------------------------------------*/
#cp-main .panel {
 background-color: #49997c;
 }
#cp-main .panel.sig {
 background-color: #313035;
 }
#cp-main .panel p {
 font-size: 1.1em;
 }
#cp-main .panel ol {
 margin-left: 2em;
 font-size: 1.1em;
 }
#cp-main .panel li.row {
 border-bottom: 1px solid #49997c;
 border-top: 1px solid #49997c;
 }
 
/* Table----------------------------------------------*/
#cp-main table.table1 {
 margin-bottom: 1em;
 }
#cp-main table.table1 thead th {
 color: #ffffff;
 font-weight: bold;
 border-bottom: 1px solid #333333;
 padding: 5px;
 }
#cp-main table.table1 tbody th {
 font-style: italic;
 background-color: transparent !important;
 border-bottom: none;
 }
 
/* Table----------------------------------------------*/
#ucp-main table.table1 {
 padding: 2px;
 }
table.table1 {
 width: 99%;
 
/* IE < 6 browsers */
width: 100%;
 }
html>body table.table1 {
  width: 100%;
  }
table.table1 thead th {
 font-weight: normal;
 text-transform: uppercase;
 color: #ffffff;
 line-height: 1.3em;
 font-size: 1em;
 padding: 0 0 4px 3px;
 }
table.table1 thead th span {
 padding-left: 7px;
 }
table.table1 tbody tr {
 border: 1px solid #313035;
 }
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
 background-color: #313035;
 color: #ffffff;
 }
table.table1 td {
 color: #ffffff;
 font-size: 1.1em;
 }
table.table1 tbody td {
 padding: 5px;
 border-top: 1px solid #49997c;
 }
table.table1 tbody th {
 padding: 5px;
 border-bottom: 1px solid #000000;
 text-align: left;
 color: #ffffff;
 background-color: #313035;
 }
table.table1 .name{
  text-align: left;
  }
table.table1 .posts{
  text-align: center !important;
  width: 7%;
  }
table.table1 .joined{
  text-align: left;
  width: 15%;
  }
table.table1 .active{
  text-align: left;
  width: 15%;
  }
table.table1 .mark{
  text-align: center;
  width: 7%;
  }
table.table1 .info{
  text-align: left;
  width: 30%;
  }
table.table1 .info div{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  }
table.table1 .autocol{
  line-height: 2em;
  white-space: nowrap;
  }
table.table1 thead .autocol {
  padding-left: 1em;
  }
table.table1 .stats{
  text-align: center;
  width: 12%;
  }
table.table1 .edit{
  width: 5%;
  text-align: right;
  vertical-align: top;
  }
table.table1 .alignv{
  vertical-align: top;
  }
td.avatar-mini img {
 background-color: #fff;
 border: 1px solid #49997c;
 vertical-align: middle;
 width: 38px;
 height: 38px;
 }
 
/* FAQ----------------------------------------------*/
dl.faq {
 font-family: Arial;
 font-size: 1.1em;
 margin-top: 1em;
 margin-bottom: 2em;
 line-height: 1.4em;
 }
dl.faq dt {
 font-weight: bold;
 color: #ffffff;
 }
dl.faq dd p {
 text-align: justify;
 border: 1px dashed #49997c;
 padding: 5px;
 margin: 5px;
 font-size: 1em;
 }
dl.faq ul {
 list-style-type: disc;
 list-style-position: inside;
 }
dl.faq ol {
 list-style-position: inside;
 }
.content dl.faq {
 font-size: 1.2em;
 margin-bottom: 0.5em;
 }
 
/* Tabs----------------------------------------------*/
#tabs {
 line-height: normal;
 margin: 20px 0 -1px 7px;
 
/*min-width: 570px;
 */
}
#tabs ul {
 margin:0;
 padding: 0;
 list-style: none;
 }
#tabs li {
 display: inline;
 margin: 0;
 padding: 0;
 font-size: 1em;
 font-weight: bold;
 }
#tabs a {
 float: left;
 background: #313035 none no-repeat 0% -35px;
 margin: 0 1px 1px 0;
 padding: 0 0 0 5px;
 text-decoration: none;
 position: relative;
 cursor: pointer;
 }
#tabs a span {
 float: left;
 display: block;
 background: none no-repeat 100% -35px;
 padding: 6px 10px 6px 5px;
 color: #ffffff;
 white-space: nowrap;
 }
#tabs a:hover span {
 color: #37735d;
 }
#tabs .activetab a {
 background-position: 0 0;
 margin-bottom: -1px;
 border-bottom: 1px solid #313035;
 background-color: #313035;
 }
#tabs .activetab a span {
 background-position: 100% 0;
 padding-bottom: 7px;
 color: #37735D;
 }
#tabs a:hover {
 background-position: 0 -70px;
 background-color: #313035;
 }
#tabs a:hover span {
 background-position:100% -70px;
 }
#tabs .activetab a:hover {
 background-position: 0 0;
 }
#tabs .activetab a:hover span {
 color: #ffffff;
 background-position: 100% 0;
 }
* html #tabs, * html .post, * html .navbar, * html fieldset dl, * html ul.topiclist dl, * html ul.linklist, * html dl.polls {
 height: 1%;
 }
*+ html #tabs, *+ html .post, *+ html .navbar, *+ html fieldset dl, *+ html ul.topiclist dl, *+ html ul.linklist, *+ html dl.polls {
 min-height: 1px;
 }
#tabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:29

4. Teil:

Code:
/* Smilies-------------------------------------------------*/
#smiley-box {
 float: right;
 margin-top: 25px;
 width: 18%;
 background-color: #313035;
 }
#smiley-box.sig{
 margin-top: 15px;
 }
#smiley-box-wysiwyg {
 float: left;
 margin: 25px 0px 0px 15px;
 width: 20%;
 background-color: #313035;
 }
* html #smiley-box-wysiwyg {
 margin: 25px 3px 0px 0px;
 }
*+html #smiley-box-wysiwyg {
 margin: 25px 3px 0px 0px;
 }
#smiley-box iframe{
 border: none;
 overflow: auto;
 height: 300px;
 width: 100%;
 height: 280px;
 background-color: #313035;
 }
#smiley-box-wysiwyg iframe{
 border: none;
 overflow: auto;
 height: 300px;
 width: 100%;
 height: 280px;
 background-color: #313035;
 }
.smiley-element img {
 margin: 0px 15px 10px 0px;
 }
 
/* Page numbering-------------------------------------------------*/
.pagination {
 width: auto;
 text-align: right;
 margin-top: 5px;
 float: right;
 }
* html .pagination {
 height: 1%;
 }
*+ html .pagination {
 min-height: 1px;
 }
.row .pagination {
 display: block;
 float: right;
 width: auto;
 margin-top: 0;
 font-size: 0.9em;
 background: url('http://2img.net/i/fa/prosilver/icon_pages.gif') no-repeat 0 50%;; padding-left:15px; padding-right:0; padding-top:1px; padding-bottom:1px
 }
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
 font-weight: normal;
 text-decoration: none;
 color: #5C758C;
 background-color: #49997c;
 margin: 0 2px;
 padding: 0 2px;
 border: 1px solid #B4BAC0;
 font-size: 0.9em;
 line-height: 1.5em;
 }
.pagination span a:hover {
 border-color: #368AD2;
 background-color: #D8F088;
 color: #FFF;
 text-decoration: none;
 }
.pagination span a.pag-img {
 border: none;
 background-color: transparent;
 }
.pagination span a.pag-img:hover {
 background-color: transparent;
 }
.pagination span strong {
 padding: 0 2px;
 margin: 0 2px;
 background-color: #627DA3;
 border: 1px solid #627DA3;
 color:#FFFFFF;
 font-size: 0.9em;
 }
.pagination span.page-sep {
 display:none;
 }
#cp-main .pagination {
 float: right;
 width: auto;
 padding-top: 1px;
 }
 
/* Postbody (preview)---------------------------------------------------*/
.postbody {
 padding: 0;
 line-height: 1.48em;
 color: #ffffff;
 width: 76%;
 float: left;
 clear: both;
 }
.postbody .topic-title {
 font-size: 1.5em;
 padding: 2px 0 0 0;
 margin: 0 0 0.3em 0 !important;
 text-transform: none;
 border: none;
 font-family: Arial;
 line-height: 125%;
 color: #ffffff;
 font-weight: bold;
 }
.postbody .content {
 font-size: 1.3em;
 }
.postbody ul.profile-icons {
 float: right;
 width: auto;
 padding: 0;
 margin-right: 45px;
 }
.postbody ul.profile-icons img {
 cursor: pointer;
 }
.postbody ul.profile-icons li {
 margin: 0 3px;
 }
.postbody h3 img {
  vertical-align: bottom;
  }
* html .postbody h3 img {
  vertical-align: middle;
  }
.search .postbody {
  width: 68%;
  }
.search .postbody ol, .search .postbody ul {
 margin-left: 1.8em;
 }
#cp-main .postbody p {
  font-size: 1.1em;
  }
#cp-main .postbody h3 {
  margin-top: 0;
  }
.content {
 color: #ffffff;
 min-height: 3em;
 overflow: hidden;
 line-height: 1.4em;
 font-family: Arial;
 font-size: 1em;
 }
.content blockquote {
  color: #ffffff;
  }
.content p {
 font-family: Arial;
 font-size: 1.2em;
 margin-bottom: 1em;
 line-height: 1.4em;
 }
.content li {
  list-style-type: inherit;
  }
.content ul, .content ol {
 margin-bottom: 1em;
 margin-left: 3em;
 }
 
/* Profile icons-------------------------------------------------*/
ul.profile-icons {
 margin-top: 10px;
 list-style: none;
 }
ul.profile-icons li {
 float: left;
 margin: 0 6px 3px 0;
 background-position: 0 100%;
 }
* html ul.profile-icons li {
 width: 1px;
 }
ul.profile-icons li a {
 display: block;
 width: 100%;
 
/*height: 100%;
 */
background-position: 0 0;
 }
ul.profile-icons li span {
  display:none;
  }
ul.profile-icons li a:hover {
  background: none;
  }
 
/* Advanced profile-------------------------------------------------*/
#profile-advanced-layout {
 float: left;
 margin-right: -300px;
 width: 100%;
 }
#profile-advanced-left {
 margin-right: 300px;
 }
#profile-advanced-left #tabs {
 margin-top: 4px;
 }
#profile-advanced-avatar {
 float: left;
 width: 30%;
 }
#profile-advanced-points, #profile-advanced-reputation {
 float: left;
 }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
 margin-right: 4px;
 }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
 margin-bottom: 4px;
 }
#profile-advanced-details .pagination {
 float: left;
 }
#profile-advanced-details ol {
 list-style: none;
 }
#profile-advanced-details ol li {
 display: block;
 margin-bottom: 4px;
 }
#profile-advanced-details .avatar {
 float: left;
 }
.avatar {
 width: 50px;
 border: 1px solid #49997c;
 background-color: #fff;
 }
.avatar img {
 width: 50px;
 }
.friend-block .avatar {
 margin: 0 auto;
 cursor:pointer;
 }
.friend-block {
 float: left;
 width: 68px;
 margin: 1px;
 text-align: center;
 overflow: hidden;
 }
.friend_list_online_status {
 line-height: 11px;
 font-size: .8em;
 }
.friend_list_online_status img {
 vertical-align: middle;
 }
.friends-foes-list {
 float: left;
 width: 200px;
 height: 2em;
 }
#profile-advanced-details .message-block {
 margin-left: 57px;
 }
#profile-advanced-details .message-header {
 border-top: 1px solid #313035;
 background: #313035;
 padding: 4px;
 margin-bottom: 4px;
 }
#profile-advanced-details .message-date {
 float: right;
 }
#profile-advanced-details .message-body {
 margin-bottom: 4px;
 }
#profile-advanced-details .message-footer {
 text-align: right;
 }
#profile-advanced-details .message-footer li {
 display: inline;
 margin: 0 0.25em;
 
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
 content: '.';
 
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
 margin-right: 0.25em;
 
/* Spacing between generation dot */
text-decoration: underline;
 }
#profile-advanced-details .message-footer li.last:after {
 content: normal;
 }
#profile-advanced-layout #new-message {
 position: relative;
 
/*margin-top: 10px;
 */
margin-top: -2em;
 clear:both;
 }
#profile-advanced-layout #tabs {
 
/*position: absolute;
 */
bottom: 0;
 }
 
/*#profile-advanced-layout #new-message-link {
 position: absolute;
 bottom: 0;
 right: 4px;
 padding-bottom: 10px;
 }
*/
#profile-advanced-layout #tabs #new-message-link {
 float: right;
 bottom: 0;
 right: 4px;
 padding-bottom: 10px;
 position:absolute;
 }
#profile-advanced-layout #tabs #new-message-link a {
 background: none;
 float: none;
 margin: 0 5px 0 0;
 padding: 0;
 }
#profile-advanced-details .top {
 margin-bottom: 16px;
 }
#profile-advanced-details .bottom {
 margin-top: 16px;
 }
#profile-advanced-right {
 float: right;
 width: 300px;
 }
#profile-advanced-add {
 margin-right: 4px;
 padding: 8px 0;
 text-align: right;
 }
#profile-advanced-details .stats-field {
 margin: 4px 0 10px 4px;
 padding: 0 10px 6px;
 }
#profile-advanced-details .stats-field legend {
 font-weight: bold;
 }
#profile-advanced-details .stats-field ul {
 list-style-type:none;
 text-indent: 10px;
 padding: 0;
 }
#profile-advanced-details .stats-field li {
 margin: 4px 0;
 }
 
/* Message-box-------------------------------------------------*/
#message-box textarea {
 color: #ffffff;
 font-family: Arial;
 width: 80%;
 font-size: 1.2em;
 }
#textarea_content {
 margin-top: 2px;
 }
#textarea_content textarea#text_editor_textarea {
 width: 100% !important;
 height: 250px;
 }
#textarea_content iframe#text_editor_iframe {
 width: 100%;
 height: 100%;
 }
form#quick_reply #textarea_content textarea#text_editor_textarea {
 width: 100% !important;
 height: 150px;
 }
form#quick_reply #textarea_content iframe#text_editor_iframe {
 width: 100%;
 height: 100%;
 }
 
/* Modules-------------------------------------------------*/
.module {
 margin-bottom: 4px;
 padding: 0 10px;
 background-color: #313035;
 color: #ffffff;
 overflow: hidden;
 }
.module span.corners-top, .module span.corners-bottom {
 margin: 0 -10px;
 }
.module h3 {
 margin: 0.5em 0;
 color: #ffffff;
 border-bottom: 1px solid #ffffff;
 text-align:center;
 }
* html .module h3 {
 height: 1%;
 }
*+ html .module h3 {
 min-height: 1px;
 }
.module ul, .module ol {
 list-style-position: inside;
 }
.module dl.details dt {
 
/*width: 10em;
 */
text-align: left;
 margin-left: 5px;
 }
.module dl.details dd {
 margin-left: 0px;
 }
.module table.mod-top-posters {
 table-layout: fixed;
 }
.module .fields1 dd {
 margin-left: 0;
 }
.module .poll-opt-result {
 white-space: nowrap;
 }
.module .poll dl {
 margin-top: 1em;
 }
.module .poll dt {
 width: 40%;
 float: left;
 }
.module .poll dd {
 margin-left: 41%;
 }
*+ html #left .module, *+ html #right .module {
 word-wrap: break-word;
 }
 
/* Avoid break-word in a table;
  IE expands the table since it doesn't wrap a phrase... *
/* html #left .module,* html #right .module {
 word-wrap: break-word;
 }
 
/* Overview-------------------------------------------------*/
.overview {
 border: 2px solid black;
 z-index: 999;
 }
.title-overview {
 margin: 0;
 padding: 5px 10px;
 text-align: center;
 }
.center-overview {
 padding: 5px 20px 0;
 text-align: center;
 }
.left-overview {
 text-align: left;
 padding: 5px 10px 0;
 }
 
/* Calendar-------------------------------------------------*/
#calendar ul, #mini-calendar ul {
 height: 120px;
 list-style-type: none;
 background-color: #313035;
 }
#calendar ul:hover, #mini-calendar ul:hover {
 background-color: #313035;
 }
#calendar ul li, #mini-calendar ul li {
 padding: 3px 0px 0px 10px;
 }
#calendar table.table1 tbody tr:hover, #calendar table.table1 tbody tr.hover, #mini-calendar table.table1 tbody tr:hover, #mini-calendar table.table1 tbody tr.hover {
 background-color: transparent;
 }
#calendar .no-border, #mini-calendar .no-border {
 border: none;
 }
#calendar .center, #mini-calendar .center {
 text-align: center;
 }
#calendar .hover-td:hover, #mini-calendar .hover-td:hover {
 background-color: #313035;
 }
#calendar-result {
 float: left;
 width: 69%;
 margin: 45px 0px 0px 8px;
 }
#mini-calendar {
 width: 270px;
 float: left;
 }
p.right-event {
 text-align: right;
 margin: 0px;
 padding: 0px;
 }
 
/* Signature-------------------------------------------------*/
.signature {
 font-size: 1.1em;
 border-top: 1px solid #CCCCCC;
 line-height: 140%;
 overflow: hidden;
 margin-top: 1.5em;
 color: #ffffff;
 }
 
/* Gallery-------------------------------------------------*/
.gallery {
 float: left;
 margin-left: 1%;
 padding-top: 10px;
 min-height: 125px;
 }
* html .gallery {
 margin-left: 8px;
 height: 125px;
 }
.gallery:hover {
 background-color: #313035;
 }
.info-gallery {
 margin: 0px !important;
 padding: 5px;
 text-align: center;
 }
.effect {
 vertical-align: middle;
 margin-right: 15px;
 }
.helpline {
 width: 450px;
 font-size: 10px;
 border: none;
 background-color: transparent;
 }
.gallery-avatar {
 height: 260px;
 width: 190px;
 text-align: center;
 margin: 0px 0px 20px 30px;
 }
.gallery-avatar img {
 padding-top: 15px;
 }
.gallery-avatar:hover {
 background-color: #313035;
 }
 
/* Buttons-------------------------------------------------*/
.buttons {
 float: left;
 }
.buttons div {
 float: left;
 margin: 0 5px 0 0;
 background-position: 0 100%;
 }
.buttons div a {
 display: block;
 width: 100%;
 height: 100%;
 background-position: 0 0;
 }
.buttons div.post-icon {
 width: auto;
 height: auto;
 }
.buttons div span{
  display: none;
  }
.buttons div a:hover{
  background-image: url('none');
  }
#cp-main .buttons {
 margin-left: 0;
 }
 
/* Topicreview-------------------------------------------------*/
#topicreview {
 padding-right: 5px;
 overflow: auto;
 height: 300px;
 }
#topicreview .postbody {
 width: auto;
 float: none;
 margin: 0;
 height: auto;
 }
#topicreview .post {
 height: auto;
 }
#topicreview h2 {
 border-bottom-width: 0;
 }
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:30

5. Teil:

Code:
/* Stats------------------------------------------------------------------------------------------*/
table.forumline {
 font-size: 1.2em;
 background-color: #313035;
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/hinter10.gif');
 padding: 5px;
 background-repeat: repeat-x;
 background-position: 0 0;
 }
table.forumline td.catHead {
 text-align: left;
 color: #ffffff;
 font-family: Arial,Arial;
 text-transform: uppercase;
 font-size: 0.85em;
 font-weight: bold;
 padding-bottom: 5px;
 }
table.forumline tr:hover td.catHead {
 background-color: transparent;
 }
table.forumline th.thCornerL, table th.thTop, table th.thCornerR {
 background-color: #313035;
 height: 25px;
 }
table.forumline td {
 height: 20px;
 }
table.forumline tr:hover td {
 background-color: #313035;
 }
table span.gen {
 margin-left: 5px;
 }
table.forumline.statistical td, table.forumline.bars td, table.forumline.values td {
 padding: 0 1px;
 }
table.forumline td.stat-bar {
 padding: 0 10px;
 }
 
/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
 font-size: 1px;
 line-height: 1px;
 display: block;
 height: 5px;
 background-repeat: no-repeat;
 }
span.corners-top {
 background-image: url('none');
 background-position: 0 0;
 margin: 0 -5px
 }
span.corners-top span {
 background-image: url('none');
 background-position: 100% 0
 }
span.corners-bottom {
 background-image: url('none');
 background-position: 0 100%;
 margin: 0 -5px;
 clear: both
 }
span.corners-bottom span {
 background-image: url('none');
 ;
 background-position: 100% 100%
 }
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
 margin: 0 -10px;
 }
span.corners-top {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/eckel14.gif');
  }
span.corners-top span {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/ecker15.gif');
  }
span.corners-bottom {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/eckel14.gif');
  }
span.corners-bottom span {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/ecker15.gif');
  }
 
/***************************************************************/
#cp-main span.corners-top {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/eckel211.gif');
  }
#cp-main span.corners-top span {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/ecker211.gif');
  }
#cp-main span.corners-bottom {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/eckel211.gif');
  }
#cp-main span.corners-bottom span {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/ecker211.gif');
  }
 
/***************************************************************/
#cp-main .panel #topicreview span.corners-top {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/eckel14.gif');
  }
#cp-main .panel #topicreview span.corners-top span {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/ecker15.gif');
  }
#cp-main .panel #topicreview span.corners-bottom {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/eckel14.gif');
  }
#cp-main .panel #topicreview span.corners-bottom span {
  background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/ecker15.gif');
  }
 
/* Various-------------------------------------------------*/
.row1{
  background-color: #313035;
  }
.row2{
  background-color: #313035;
  }
.row3{
  background-color: #313035;
  }
.img-whois {
 float: left;
 margin-right: 5px;
 }
.topic-actions {
 margin-bottom: 5px;
 margin-top: 1em;
 font-size: 1.1em;
 height: auto;
 }
*+html .topic-actions {
  margin-top: 1em;
  }
.column1 {
 float: left;
 clear: left;
 width: 46%;
 margin-left: 3%;
 border-right: 1px solid #49997c;
 }
.column2 {
 float: right;
 clear: right;
 width: 46%;
 margin-left: 3%;
 }
* html .column1, * html .column2 {
  width: 45%;
  }
.left-box {
 float: left;
 width: auto;
 text-align: left;
 }
.right-box {
 float: right;
 width: auto;
 text-align: right;
 }
.center {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 }
.clear {
 display: block;
 clear: both;
 font-size: 1px;
 line-height: 1px;
 background: transparent;
 }
* html .clear {
 height: 1%;
 }
*+ html .clear {
 min-height: 1px;
 }
.online {
 background-image: url('http://i32.servimg.com/u/f32/14/92/61/42/online10.gif');
 background-position: right 0;
 background-repeat: no-repeat
 }
 
/*.online2 {
 position: absolute;
 top: -10px;
 right: 0;
 background-image: url("[url=http://i32.servimg.com/u/f32/14/92/61/42/online10.gif]http://i32.servimg.com/u/f32/14/92/61/42/online10.gif[/url]");
 background-repeat: no-repeat;
 background-position: right 0;
 width: 100px;
 height: 100px;
 }
*/
.autowidth {
  width: auto !important;
  }
.italic {
  font-style: italic;
  }
.pathname-box {
 margin-top: 3px;
 margin-left: 15px;
 float: left;
 }
.pathname-box p {
  margin-bottom: 0px;
  }
.select {
 background-color: #FFFFFF;
 border: 1px solid #BCBCBC;
 position: absolute;
 z-index: 999;
 top: 0;
 left: 0;
 overflow: hidden;
 width: 0px;
 }
* html .select {
 margin-top: -9px;
 }
* html #sel_smilies {
 height: 200px;
 overflow: auto;
 }
.select p {
 padding: 4px 6px;
 font-size: 0.9em;
 margin: 0px;
 }
.select button {
 padding: 4px;
 font-size: 0.9em;
 margin: 0px;
 background-color: #FFF;
 border: none;
 text-align: left;
 }
.select button.button2 {
 border: 1px solid #BCBCBC;
 padding: 0px;
 }
*+html .select button.button2 {
 padding-right: 3px;
 padding-left: 3px;
 }
* html .select button.button2 {
 padding-right: 3px;
 padding-left: 3px;
 }
.select button.button2:hover {
 border: 1px solid #37735d;
 color: #37735d;
 background-position: 0 100%;
 }
.select button:hover, .selectHover {
 cursor: pointer;
 background-color: #EEE;
 }
button.bbcode {
 border: 1px solid #e3adad;
 background-image: url('http://2img.net/i/fa/wysiwyg/bg_button.png');
 }
#format-buttons {
  margin: 15px 0 5px 0;
  }
#format-buttons input, #format-buttons select, button.button2 {
  vertical-align: middle;
  }
ul#picture_legend, ul#privmsgs-menu {
 text-align: center;
 padding: 3px 0;
 }
ul#picture_legend li, ul#privmsgs-menu li {
 display: inline;
 margin: 2px 10px;
 }
ul#picture_legend li img, ul#privmsgs-menu li img {
  vertical-align: middle;
  }
input.checkbox {
 width: auto !important;
 background-color: transparent !important;
 }
.postlink {
 color: #368AD2;
 border-bottom-color: #368AD2;
 }
.postlink:visited {
 color: #5D8FBD;
 border-bottom-color: #666666;
 }
.postlink:active {
  color: #368AD2;
  }
.postlink:hover {
 background-color: #D0E4F6;
 color: #D0E4F6;
 }
ul.topiclist li.row dt a.subforum, ul.topiclist li.row dd.dterm a.subforum {
 background-image: url('none');
 background-position: 0 50%;
 background-repeat: no-repeat;
 position: relative;
 white-space: nowrap;
 padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
 }
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
  color: #000000;
  }
html>body dd label input {
  vertical-align: text-bottom;
  }
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
 color: #000000;
 margin-bottom: 2px;
 }
.mcp-main .postbody {
  width: 100%;
  }
.pmlist li.row1 {
 border-left:3px solid transparent; border-right:3px solid transparent; border-top:0px solid transparent; border-bottom:0px solid transparent;
 }
.pmlist li.row2 {
 border-left:3px solid transparent; border-right:3px solid transparent; border-top:0px solid transparent; border-bottom:0px solid transparent;
 }
dd.lastpost span.color-groups {
 float: left;
 padding-left: 0;
 }
* html dd.lastpost span.color-groups {
  cursor: pointer;
  }
*+html dd.lastpost span.color-groups {
  cursor: pointer;
  }
.warning {
 color: #f33;
 }
.obligatory {
 color: #f33;
 }
.captcha div.captcha-img {
 float: left;
 margin: 0 1em 0 0;
 }
.captcha .inputbox{
 margin-top: 0.5em;
 }
#main-content a.cgu-buttons {
 padding: 3px 5px;
 }
 
/* RPG tables */
.rpg-table {
 border: 1px solid #ccc;
 border-collapse: collapse;
 }
.rpg-table td {
 border: 1px solid #ccc;
 padding: 0.25em;
 }
 
/* Footer---------------------------------------------------*/
.copyright {
 padding: 5px;
 text-align: center;
 color: #ffffff;
 }
 
/* TGF Clearfix */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
*+ html .clearfix {
 min-height: 1px;
 }
* html .clearfix {
 position: relative;
  height: 1%;
  clear: both;
 }
* html div#logo-desc #logo {
 filter: progidDXImageTransform.Microsoft.AlphaImageLoadersrchttpi62.servimg.comuf6214926142logo13.jpg;
 height: 45px;
 width: 274px;
 cursor: hand
 }
 
/* Login Popup---------------------------------------------------*/
#login_popup {
 position: absolute;
 z-index: 999;
 display: none;
 background-color: #313035;
 border: 1px solid #49997c;
 padding: 6px;
 }
#login_popup .h3 {
 margin:0 0 6px;
 padding:0 0 6px;
 }
#login_popup_buttons {
 position:absolute;
 bottom:6px;
 right:6px;
 }
#login_popup_buttons input {
 margin-left:6px;
 }
ul.profile_field_list {
 padding:0;
 }
html ul.profile_field_list li {
 list-style-type: none;
 }
ul.profile_field_list > li {
 list-style-type: none;
 }
.inputURL {
 font-size:10px;
 font-family:"Courier New", "Times New roman";
 letter-spacing:-1px;
 }
.middleline {
 line-height:2em;
 }
.invisible{
 display:none;
 visibility:hidden;
 }
.visible{
 display:block;
 visibility:visible;
 }
 
/* ajax profil----------------------------------------------*/
.ajax-profil_hover{
 background:transparent}
.ajax-profil_parent{
 position:relative;
 zoom:1}
.ajax-profil_edit{
 cursor:pointer;
 position:absolute;
 top:0;
 left:-4px}
.ajax-profil_edit img{
 margin-left:4px}
.ajax-profil_valid{
 cursor:pointer;
 margin-left:4px;
 vertical-align:middle}
.column1 dl.details dd, .column2 dl.details dd{
 padding-left:16px;
 }
#profile-tab-field-profil dl{
 padding:8px 10 8px 0;
 width:98%;
 margin:10px 0 0;
 }
#profile-tab-field-profil dl dt{
 float:left;
 display:block;
 width:10em;
 }
#profile-tab-field-profil dl dd{
 margin-left:10em;
 padding-left:12px;
 }
#profile-tab-field-profil div.separator{
 clear:both;
 font-size:1px;
 line-height:1px;
 border-bottom:1px solid #dcdcdc;
 padding-top:10px;
 }
#profile-tab-field-profil .ajax-profil_edit{
 left:-4px;
 }
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:30

letzter Teil:

Code:
/* jqModal----------------------------------------------*/
.jqmWindow {
 display: none;
 position: fixed;
 left: 50%;
 width: 450px;
 margin-left: -225px;
 top: 50%;
 margin-top: -125px;
 background-color: #313035;
 border: 1px solid #49997c;
 }
.jqmOverlay {
 background-color: #000;
 }
#search_form h1 {
 margin: 0.1em 0 0.3em;
 }
#jqmHide {
 margin: 0.4em 0;
 }
.jqDrag {
 cursor: move;
 }
 
/* First Post----------------------------------------------*/
#first-post-br {
 border-left:0px none; border-right:0px none; border-bottom:0px none; width: 80%;
 border-top: 1px solid #49997c;
 margin: 20px auto
 }
 
/* Blog----------------------------------------------*/
.blog .icon {
 background-position: 10px 20px !important;
 }
.blog .dterm {
 width: 94% !important;
 background-position: 5px 20px !important;
 }
.blog_cal-border {
 display: inline;
 float: left;
 border: 1px solid #49997c;
 background: #313035;
 padding: 1px;
 font-size: 1.2em;
 margin-right: 1em;
 }
.blog_cal-content {
 width: 2.9em;
 background: #49997c;
 padding: 1px;
 line-height: 1.4em;
 text-align: center;
 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
 color: #ffffff;
 }
.blog_cal-content span {
 display: block;
 }
.blog_cal-day {
 padding-left: 0.2em;
 font-size: 1.6em;
 letter-spacing: 0.2em;
 }
.blog_cal-month {
 line-height: 0.7em;
 font-size: 2em;
 font-weight: bold;
 }
.blog_cal-year {
 line-height: 1.2em;
 font-size: 0.8em;
 }
.blog_title {
 padding-top: 1em;
 font-size: 1.3em;
 }
.blog_title h2 {
 display: inline;
 }
.blog_title .topictitle {
 font-size: 1.2em;
 }
.blog_message {
 margin-top: 0.5em;
 font-size: 1.1em;
 }
.blog .codebox dt {
 width: 92%;
 }
* html .blog .codebox dt, *+html .blog .codebox dt {
 width: 100%;
 }
.blog_comments {
 text-align: right;
 }
.blog_comments img {
 vertical-align: middle;
 }
#blog_comments {
 width: 90%;
 margin: 0 auto;
 }
#blog_comments .postbody {
 width: 96%;
 }
.blog_comment-avatar {
 float: left;
 }
.blog_comment-avatar img {
 background-color: #fff;
 border: 1px solid #49997c;
 vertical-align: middle;
 width: 38px;
 margin: 5px 5px 0 0;
 }
#blog_comments .h3 {
 overflow: hidden;
 margin-top: 0;
 margin-left: 45px;
 padding: 0;
 min-height: 22px;
 }
.blog_comment-title {
 float: left;
 min-height: 12px;
 margin-top: 7px;
 }
#blog_comments .profile-icons {
 margin: 0;
 list-style-position: inherit;
 }
 
/* Social bookmarking----------------------------------------------*/
#bookmarks {
 float: right;
 }
#bookmarks a img {
 width: 20px;
 height: 20px;
 background: url('http://2img.net/i/fa/social_bookmarking/social_bookmarking.png') no-repeat;
 vertical-align: middle
 }
#bookmarks a img.twitter {
 width: 16px;
 height: 16px;
 margin: 2px;
 background: url('http://2img.net/i/fa/social_bookmarking/twitter.png') no-repeat;
 }
#bookmarks img.delicious {
 background-position:  -10px;
 }
#bookmarks img.digg {
 background-position: -10px -50px;
 }
#bookmarks img.excite {
 background-position: -9px -90px;
 }
#bookmarks img.facebook {
 background-position: -9px -128px;
 }
#bookmarks img.furl {
 background-position: -10px -166px;
 }
#bookmarks img.google {
 background-position: -10px -206px;
 }
#bookmarks img.live {
 background-position: -9px -246px;
 }
#bookmarks img.netscape {
 background-position: -9px -284px;
 }
#bookmarks img.newsvine {
 background-position: -9px -322px;
 }
#bookmarks img.reddit {
 background-position: -10px -360px;
 }
#bookmarks img.slashdot {
 background-position: -10px -400px;
 }
#bookmarks img.smarking {
 background-position: -9px -440px;
 }
#bookmarks img.stumbleupon {
 background-position: -10px -478px;
 }
#bookmarks img.technorati {
 background-position: -10px -518px;
 }
#bookmarks img.yahoo {
 background-position: -10px -558px;
 }
 
/* wysiwyg */
.mceContentBody{
 background: #313035;
 color: #ffffff;
 }
 
/* resize image */
.resize_process .resizebox {
 display: none;
 }
.resize_process img.resize_img {
 display: none;
 }
.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
 display: inline-block;
 zoom: 1;
 *display: inline;
 }
.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
 display: none;
 }
.resizebox {
 background-color: #313035;
 max-width: 100%;
 line-height: 1.1em;
 cursor: default;
 font-size: 10px;
 font-weight: normal;
 font-style: normal;
 margin: 0;
 text-align: left;
 display: inline-block;
 }
.resizebox div {
 font-weight: normal;
 font-style: normal;
 margin: 0;
 }
.resizebox .resize_border {
 border: 1px solid #313035;
 display: block;
 }
.resizebox .resize_content {
 padding: 5px 10px;
 display: inline-block;
 zoom: 1;
 *display: inline;
 }
.resizebox .resize_filler {
 border: none;
 padding: 0;
 width: 40px;
 display: inline-block;
 zoom: 1;
 *display: inline;
 }
.attachbox {
 background-color:#335241;
 border:1px dashed #313035;
 clear:left;
 float:left;
 margin:5px 5px 5px 0;
 padding:6px;
 width:auto;
 color:#ffffff;
 }
.attachbox dt {
 font-family:Arial,Helvetica,sans-serif;
 text-transform:uppercase;
 }
.attachbox .attachments {
 clear:left;
 font-size:0.9em;
 margin-left:10px;
 padding:0;
 display: inline-block;
 }
.attachbox dl.file {
 border-top: 1px solid #313035;
 display:block;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 margin-bottom:10px;
 }
dl.file dt {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-weight:bold;
 padding:0;
 text-transform:none;
 display:inline-block;
 vertical-align:middle;
 text-align:center;
 }
dl.file dd {
 display: inline-block;
 vertical-align:top;
 margin:0 0 0 10px;
 }
dl.file dd span {
 display: block;
 }
.info {
 font-size:10px;
 font-style:italic;
 }
 
/* Spoiler */
.codebox {
 display:block;
 }
.spoiler_content {
 display:none;
 }
.spoiler_content.hidden {
 display:block;
 }
 
/* Styles Facebook */
.user_login_form {
 margin-bottom:5px;
 }
.fb_or {
 background-color:#313035;
 border:2px solid #49997c;
 font-weight:bold;
 padding:5px;
 color:#ffffff;
 height : 16px;
 line-height : 16px;
 width  : 26px;
 margin : 0 30px 0 30px;
 }
#cont_pwd {
 width:150px;
 height:21px;
 margin: 0 0 0 20px;
 }
.pwd_img {
 padding : 4px 0 3px 0;
 width : 150px;
 height : 14px;
 line-height : 14px;
 font-size : 11px;
 font-weight : bold;
 text-align : center;
 color : #000000;
 display : none;
 }
#pwd_good {
 background:url('http://2img.net/i/fa/p_strength/pwd_good.png');
 }
#pwd_middle {
 background:url('http://2img.net/i/fa/p_strength/pwd_middle.png');
 }
#pwd_bad {
 background:url('http://2img.net/i/fa/p_strength/pwd_bad.png');
 }
#fb_explain {
 padding: 5px 0 0 5px;
 float: left;
 }
.left {
 float: left;
 }
.fld_connexion {
 width: 300px;
 }
.fb_login{
 height: 30px;
 margin: 50px 0 0 0;
 }
.fb_login .fb_or{
 margin: 0 70px 0 60px;
 }
#cont_fb_invit iframe {
 width: 760px !important;
 }
ul.topiclist.bg_none {
 background: none;
 }
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von Zuckerpuppe Mo 2 Aug 2010 - 11:51

sag mal..die ganzen Eintragungen, die in deinem persönlichen CSS stehen, wo hast du die her? Es scheint mir, als hättest du das komplette CSS des Forums dort eingetragen?
Das ist nicht nötig, denn dort sollten nur die Einträge drin sein, die du selber nachträglich eingefügt hast.
Wenn du später nochmal etwas ändern möchtest, dann geht das nicht mehr über den normalen Adminbereich, sondern nur noch über die CSS-Änderungen und das ist schon ne Menge Arbeit...

nun zu deinem Problem...
setze mal bitte in dein CSS zu chatbox header und chatbox footer folgendes: background-image: none;
also so, wie es hier, farblich markiert, eingetragen ist
#chatbox_header {
height: 30px;
background-color: #49997c;
background-image: none;
}

#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
background-color: #49997c;
background-image: none;
}
Zuckerpuppe
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 11:56

danke, die sieht jetzt so aus wie sie soll Chatbox - Hintergrundfarbe Icon_smile , dass ich nur die css-codes einfügn sollte, die ich geändert hab hab ich auch schon gemerkt, leider weiß ich nicht mehr welche ich geändert habe, sonst würde ich alles unnötige löschen. Wenn ich etwas mehr zeit habe werde ich das mal machen
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von Zuckerpuppe Mo 2 Aug 2010 - 12:16

ich denke mal, dass alles, was vor /* Chatbox-------* steht, zum regulären CSS gehört...

du kannst es ja mal testweise rausnehmen (natürlich vorher kopieren und irgendwo festhalten) und wenn sich nichts verändert, dann hab ich richtig gelegen Smile
Zuckerpuppe
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von katzentiger Mo 2 Aug 2010 - 12:22

ich glaube ich hab jetzt alles unnötige gelöscht, danke für die hilfe Chatbox - Hintergrundfarbe Icon_biggrin
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - Hintergrundfarbe Empty Re: Chatbox - Hintergrundfarbe

Beitrag von Zuckerpuppe Mo 2 Aug 2010 - 12:42

Prima, freut mich, dass das jetzt erledigt ist und alles klappt Very Happy

dann mach ich hier mal zu...
-closed-
Zuckerpuppe
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten