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
» Profil in beiträgen nur im blog deaktivieren.
von derforumde Heute um 16:54

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20

» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54

Chatbox - Hintergrundfarbe

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Chatbox - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - Chatbox - Hintergrundfarbe Icon_biggrin
katzentiger
katzentiger
Geselle
Geselle

Weiblich Beiträge : 111
Anmeldedatum : 21.06.10
phpBB3

Nach oben Nach unten

Chatbox - 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