Jaka część kodu CSS odpowiada za kolor zwykłego tekstu wiadomości, którą właśnie czytasz?
Selektor tekstu w CSS
Generalnie zmieniasz w body i #container, ale może być tak że zmienić będzie trzeba też w niektórych innych. Ale te dwa podstawowo.
Tuptuś, mógłbyś to obadać:
Wiem, że sam CSS Ci za dużo nie powie...
Jakby coś, styl to PowerGreen.
Zmieniłem wszystko w containerze i body i się nic nie zmieniło...
A to kawałek postbitu:
<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
{$post['message']}
</div>
Może tu trzeba coś ustawić?
body {
background: #3e3e3e;
color: #ff0000;
line-height: 1.4;
margin: 0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
}
a:link {
color: #e3ffbc;
text-decoration: none;
}
a:visited {
color: #e3ffbc;
text-decoration: none;
}
a:hover, a:active {
color: white;
text-decoration: underline;
}
#container {
background: #474f5a;
width: auto !important;
color: #000000;
line-height: 1.4;
margin: 0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
.menu ul {
background: url(images/powergreen/bgmenu.gif);
color: black;
padding: 6px;
text-align: left;
text-transform: uppercase;
font-size: 10px;
}
.menu ul a:link, .menu ul a:visited {
color: #3e3e3e;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #3e3e3e;
border-bottom-color: #3e3e3e;
border-bottom-style: solid;
border-bottom-width: 2px;
height: 26px
text-decoration: none;
}
.menu li {
margin-left: 12px;
}
#panel {
background: #474f5a url(images/powergreen/menushad.jpg) repeat-x 0px 0px;
color: #c4ff70;
border: 0px dashed #D4D4D4;
border-top: none;
padding: 8px;
font-size: 11px;
}
#panel a, #panel a:link, #panel a:visited {
color: #8be608;
}
#panel a:hover, #panel a:active {
color: #ddffac;
text-decoration: underline;
}
table {
color: rgb(51, 51, 51);
}
.tborder {
background: #000000;
width: 100%;
margin: auto auto;
border: 1px solid #474f5a
}
.thead {
background: white url(images/powergreen/thead_bg.gif) top left repeat-x;
color: white;
font-size: 11px;
}
.thead a:link {
color: white;
text-decoration: none;
}
.thead a:visited {
color: white;
text-decoration: none;
}
.thead a:hover, .thead a:active {
text-decoration: underline;
}
.tcat {
background: #343940 url(images/powergreen/cats.gif) top left repeat-x;
color: white;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}
.tcat a:link {
color: white;
}
.tcat a:visited {
color: white;
}
.tcat a:hover, .tcat a:active {
color: white;
text-decoration: underline;
}
.trow1 {
background: #313740;
color: #96ff00;
}
.trow2 {
background: #3b424c;
color: #deffaa;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: #FFFBD9;
}
.trow_sep {
background: #393939;
padding-left: 20px;
font-size: 10px;
}
.tfoot {
background: #3c4755 url(images/powergreen/tfoot.gif) top repeat-x ;
color: rgb(117, 121, 120);
}
.tfoot a:link {
color: white;
text-decoration: none;
}
.tfoot a:visited {
color: ffffff;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: rgb(128, 128, 128);
}
.bottommenu {
background: #5d6776;
border: 1px solid rgb(128, 128, 128);
padding: 10px;
}
.bottommenu a, .bottommenu a:link, .bottommenu a:hover {
color: #a4bc94;
}
.navigation {
color: #c7ff95;
font-size: 10px;
font-weight: bold;
}
.navigation a:link, .navigation a:visited {
color: #c7ff95;
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
color: #efffe0;
text-decoration: underline;
}
.navigation .active {
color: #efffe0;
font-size: 10px;
font-weight: bold;
}
.smalltext {
color: #999999;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid rgb(117, 121, 120);
padding: 1px;
}
textarea {
background: #272f3a;
color: #e3ffc3;
border: 1px solid #455265;
padding: 2px;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
select {
background: #ffffff;
border: 1px solid rgb(117, 121, 120);
}
.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}
.editor_control_bar {
background: #fff;
border: 1px solid rgb(117, 121, 120);
}
.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: white;
}
.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;
}
/* Additional CSS (Master) */
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 {
color: #96ff00;
background-color: #96ff00;
height: 1px;
border: 0px;
}
#copyright {
color: #b8b8b8;
font: 11px Verdana, Arial, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}
#debug {
float: right;
text-align: right;
margin-top: 0;
}
blockquote {
background: #272f3a;
border: 1px solid #000000;
margin: 0;
padding: 4px;
}
blockquote cite {
color: #c7ff95;
border-bottom: 1px solid #c7ff95;
display: block;
margin: 4px 0;
font-style: normal;
font-weight: bold;
}
blockquote cite span {
float: right;
font-weight: normal;
}
.codeblock {
background: #ffffff;
color: #000000;
border: 1px solid #000000;
padding: 4px;
}
.codeblock .title {
color: #000000;
border-bottom: 1px solid #ccc;
margin: 4px 0;
font-weight: bold;
}
.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: #FFFFCC;
padding: 3px;
}
.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
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 {
color: black;
border: 1px solid rgb(128, 128, 128);
}
.pagination .pagination_current {
background: rgb(128, 128, 128);
color: white;
border: 1px solid rgb(51, 51, 51);
font-weight: bold;
}
.pagination a:hover {
background-color: rgb(229, 229, 229);
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 {
color: white;
padding: 5px;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
#bgforum {
background: url(images/powergreen/bgforum.jpg);
width: 860px;
margin: auto auto;
}
.time {
color: #000000;
float: right;
padding: 6px;
padding-right: 10px;
}
.forumtitle {
font-size: 12px;
}
.author {
margin-left: 15px;
font-size: 9px;
}
.author a, .author a:link, .author a:visited {
color: gray;
}
.author a:hover, .author visited {
color: black;
text-decoration: none;
}
.posturl {
font-size: 11px;
}
fieldset, fieldset.trow1, fieldset.trow2 {
background: #313740;
border: 1px solid rgb(204, 204, 204);
}
.toolbar_dropdown {
color: black;
}
Wiem, że sam CSS Ci za dużo nie powie...
Jakby coś, styl to PowerGreen.
Zmieniłem wszystko w containerze i body i się nic nie zmieniło...
A to kawałek postbitu:
<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
{$post['message']}
</div>
Może tu trzeba coś ustawić?
No nie zmieniłeś bo w jednej klasie jest inaczej i w drugiej ;P
Zmień jeszcze color w table (nieco wyżej niż thead) na taki jak chcesz - i jak nie będzie działać, to wywal color z .trow1 i .trow2. Kolor zmieni się jednak we wszystkich tabelach forum, więc nie wiem czy to Cię zadowoli. Generalnie wyłącznie dla postów to ciężko to zmienić operując na domyślnych klasach. Jak chcesz możesz dołożyć do tego kodu z szablonu własny div i jemu nadać jakiś atrybut. Jak będę miał chwilkę to sprawdzę to.
Zmień jeszcze color w table (nieco wyżej niż thead) na taki jak chcesz - i jak nie będzie działać, to wywal color z .trow1 i .trow2. Kolor zmieni się jednak we wszystkich tabelach forum, więc nie wiem czy to Cię zadowoli. Generalnie wyłącznie dla postów to ciężko to zmienić operując na domyślnych klasach. Jak chcesz możesz dołożyć do tego kodu z szablonu własny div i jemu nadać jakiś atrybut. Jak będę miał chwilkę to sprawdzę to.
Użytkownicy przeglądający ten wątek:
1 gości