MyBB.de Forum
CSS: Textfarbe - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: CSS: Textfarbe (/thread-16748.html)

Seiten: Seiten: 1 2 3

RE: CSS: Textfarbe - bigfraggle - 19.08.2010

So, habs nochmal aus dem 1.6er-Archiv hochgeladen. Keine Änderung in der Darstellung...

RE: CSS: Textfarbe - Michael - 20.08.2010

Das ist merkwürdig. Ich habe es mir nochmal angeschaut, kann aber nicht genau sagen wo das Problem ist. Auffällig ist aber, dass das Verhalten im Standardtheme nicht auftritt. Vielleicht kannst du da mal schauen, ob du beim Vergleich der CSS-Dateien der Themes etwas findest.

RE: CSS: Textfarbe - bigfraggle - 23.08.2010

Hm...

Bei der global.css habe ich nur Farben geändert.
Und das ist meine komplette hinzugefügte style.css:

Code:
/* CSS Xbox Aktuell */

img {
    border: 0;
}

#border_forum {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 25px;
    background: #1C1C1C;
    line-height: 25px;
    text-align: center;
}

#leiste {
    position: relative;
    width: 950px;
    margin: 0 auto;
    background: #1C1C1C;
}

#datum {
    width: 350px;
    text-align: left;
}

#willkommen {
    position: absolute;
    top: 0;
    left: 350px;
    right: 0;
    width: 600px;
    text-align: right;
}

#streifen {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 175px;
    background: #384A1C url(gfx/headerbg.jpg) center no-repeat;
    border-bottom: #181818 solid 1px;
}

#header_forum {
    position: relative;
    margin: 0 auto;
    width: 950px;
    height: 175px;
    background: #384A1C url(gfx/headerbg.jpg) center no-repeat;
}

#logo_forum {
    padding-top: 42px;
    width: 312px;
    text-align: left;
}

#banner1 {
    position: absolute;
    top: 42px;
    right: 1px;
}

#kante {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 1px;
    background: #464646;
}

#banner2 {
    margin-top: 15px;
}

#navbar_forum {
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 950px;
    height: 54px;
    background: url(gfx/navibg.png) center no-repeat;
    text-align: left;
    z-index: 100;
}

#navi_forum {
    margin: 0;
    padding: 12px 0 0 0;
    list-style: none;
}

#navi_forum a {
    display: block;
    width: 103px;
    height: 43px;
    background: url(gfx/navi_off.png) no-repeat;
    text-decoration: none;
    font-size: 13px;
    line-height: 43px;
}

#navi_forum img {
    margin-top: 7px;
    margin-left: 5px;
}

#navi_forum li {
    position: relative;
    float: left;
    width: auto;
    height: 43px;
}

#navi_forum li:hover ul,
#navi_forum li.over ul {
    display: block;
}

#navi_forum li a:hover {
    background: url(gfx/navi_on.png) no-repeat;
}

#navi_forum li>ul {
    top: auto;
    left: auto;
}

#navi_forum li ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 100%;
    left: 1px;
    width: 176px;
    background: #464646;
}

#navi_forum li li {
    display: block;
    position: relative;
    padding: 0px;
    float: none;
    width: 200px;
    height: 26px;
    cursor: default;
}

#navi_forum li li a {
    display: block;
    position: relative;
    padding-left: 10px;
    height: 25px;
    width: 166px;
    background: #202020 none;
    line-height: 25px;
    color: #FFFFFF;
}

#navi_forum li li a:hover {
    padding-left: 10px;
    width: 166px;
    background: #585858 none;
}

.default_forum {
    cursor: default;
}

#suchbox {
    position: relative;
    margin: 0;
    padding: 8px 0 0 730px;
}

#suchformular {
    margin: 0 5px 0 0;
    padding: 0 5px 0 5px;
    float: left;
    width: 172px;
    height: 19px;
    line-height: 20px;
    background-color: #FFFFFF;
    border: 1px solid #A4A4A4;
}

#suchbutton {
    margin: 0;
    padding: 0;
    float: left;
}

#contenttop_forum {
    position: relative;
    margin: 0 auto;
    width: 950px;
    height: 20px;
    background: url(gfx/contenttop.png);
}

#main_forum {
    position: relative;
    margin: 0 auto;
    padding: 12px;
    width: 926px;
    text-align: left;
}

#footer_forum {
    font-size: 10px;
}

#footer_forum a:link {
color: #FFFFFF; text-decoration: underline;
}

#footer_forum a:visited {
color: #FFFFFF; text-decoration: underline;
}

#footer_forum a:hover {
color: #FFFFFF; text-decoration: none;
}

#footer_forum a:active {
color: #FFFFFF; text-decoration: underline;
}

#background {
    position: absolute;
    margin: 0 auto;
    top: 202px;
    width: 100%;
    height: 823px;
    z-index: -100;
}

#background a {
    background: url(werbung/bg.jpg) no-repeat center;
    display: block;
    height: 823px;
}

Ich meine, es ist klar, dass es irgendwie an meiner Seite liegen muss. Aber im Grunde könnte ich mir nur vorstellen, dass sich CSS-Angaben da irgendwie beharken. Aber im Grunde kann ich da kein Problem sehen... Undecided

RE: CSS: Textfarbe - bigfraggle - 15.09.2010

Weiß niemand Rat? :undecided:

RE: CSS: Textfarbe - Michael - 16.09.2010

Funktioniert es denn, wenn du deine Datei rausnimmst?

RE: CSS: Textfarbe - bigfraggle - 21.09.2010

Ok, an meiner style.css liegt es nicht. Stattdessen muss es an meiner global.css liegen (an der ich aber im Grunde außer Farben und einem Hintergrundbild nichts geändert nicht wissentlich geändert habe). Wenn ich die global.css jedenfalls lösche, passt die Darstellung des Videomenüs.

Nur wo ist denn hier der Verursacher? Huh

Code:
body {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background: url(gowgfx/background.jpg) no-repeat top center #000000;
    text-align: center;
}

a:link {
    color: #FFFFFF;
    text-decoration: underline;
}

a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

a:hover, a:active {
    color: #FFFFFF;
    text-decoration: none;
}

#container {
    background: #2E2E2E;
    color: #FFFFFF;
    text-align: left;
}

#content {
    
    width: auto !important;
}

.menu ul {
    color: #FFFFFF;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #FFFFFF;
    text-decoration: none;
}

.menu ul a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #DCC874;
    text-decoration: none;
}

#panel {
    background: #1C1C1C;
    color: #FFFFFF;
    font-size: 11px;
    padding: 8px;
}

table {
    color: #FFFFFF;
}

.tborder {
    background: #464646;
    width: 100%;
    margin: auto auto;
    border: 1px solid #8C8C8C;
}

.thead {
    background: #EBE8CF url(gowimages/thead_bg.gif) top left repeat-x;
    color: #FFFFFF;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #1C1C1C;
    color: #FFFFFF;
}

.tcat a:link {
    color: #FFFFFF;
}

.tcat a:visited {
    color: #FFFFFF;
}

.tcat a:hover, .tcat a:active {
    color: #FFFFFF;
}

.trow1 {
    background: #262626;
}

.trow2 {
    background: #262626;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #A68A58;
}

.trow_sep {
    background: #1C1C1C;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #EBE8CF url(gowimages/thead_bg.gif) top left repeat-x;
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #1C1C1C;
    color: #FFFFFF;
    padding: 10px;
}

.navigation {
    color: #FFFFFF;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: underline;
}

.navigation a:visited {
    text-decoration: underline;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #FFFFFF;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 12px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    padding: 2px;
}

select {
    background: #ffffff;
    border: 1px solid #000000;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #FFFFFF;
    color: #FFFFFF;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #FFFFFF;
    margin: 0;
    background: #464646;
    color: #FFFFFF;
    padding: 10px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    margin: 0;
    background: #464646;
    border: 1px solid #FFFFFF;
    padding: 10px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FF0000;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #A99750;
    border: 1px solid #72600E;
    text-align: center;
    padding: 5px 20px;
    font-size: 12px;
    margin-bottom: 15px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
    margin-bottom: 15px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border: 1px solid #885702;
    background: #A68A58;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #1C1C1C;
    border: 1px solid #FFFFFF;
    text-decoration: none;
}

.pagination .pagination_current {
    background: #2E2E2E;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    
    font-weight: bold;
}

.pagination a:hover {
    background: #2E2E2E;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px;
    vertical-align: middle;
    border: none;
}

legend {
    color: #FFFFFF;
}

.messageEditor .toolbar_dropdown {
    color: #000;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    color: #000000;
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

.messageEditor .editor_dropdown_menu {
    color: #000;
}


RE: CSS: Textfarbe - Michael - 21.09.2010

Füge bitte am Ende der global.css folgendes ein:
Code:
.messageEditor .editor_dropdown_menu span {
    width: 0;
}
Ändert sich dadurch etwas?

RE: CSS: Textfarbe - bigfraggle - 22.09.2010

Nein, ändert leider garnichts...

RE: CSS: Textfarbe - King Louis - 22.09.2010

Ich hatte mal son ähnliches Problem, habe es dadurch gelöst, dass ich meine eigenen CSS Definitionen mit own_ (als beispiel) davor gesetzt hab. Hat auch geklappt. War zwar nichts doppelt definiert, aber es hat geklappt^^
Such mal in den benötigten Style definitionen nach padding bzw. margin und spiel da mal ein bisschen mit rum. Ich hab grade leider nicht die Zeit selber zu gucken, aber für mich sieht es son bisschen nach einem margin/padding Fehler aus.

RE: CSS: Textfarbe - Michael - 22.09.2010

Kannst du den Code bitte mal am Ende der jscripts/editor_themes/default/stylesheet.css einfügen?