+- Modscenter • Centrum modyfikacji do gier (https://modscenter.pl)
+-- Dział: Hyde Park (https://modscenter.pl/forum_hyde-park_280)
+--- Dział: Ogólne (https://modscenter.pl/forum_og%C3%B3lne_281)
+---- Dział: Komputery i Internet (https://modscenter.pl/forum_komputery-i-internet_286)
+---- Wątek: Pomoc z edycją stylu. (/thread_pomoc-z-edycj%C4%85-stylu_19407)
Pomoc z edycją stylu. - 12Bernard12 - 28-08-2013
Siema!
Mam forum tnt-virtual-spedition.ugu.pl i chciałem edytować sobie tło Reksio Elegant. Nie wiem jak to zrobić. Chciałem sobie zmienić kolor tego co jest przy logu na #ff6501, ale kiedy zmieniam #container (czy jakoś tak, wyczytałem na forum a mybb, że to odpowiada za kolor tła) to zostaję to takie jakie jest. Chciałem też zmienić opcje w Menu, że przy najechaniu myszką na np. Forum napis zmieniał się na kolor podany wyżej (pomarańczowy #ff6501), a podświetlenie to fioletowe na biały, albo na ten sam kolor.
Jeśli mi pomożecie, nie zamykajcie tematu, bo jak będę mieć jeszcze jakiś problem w edycji stylu to napiszę tu, żeby nie robić spamu.
RE: Pomoc z edycją stylu. - 12Bernard12 - 28-08-2013
No zacząłem tworzenie forum wczoraj. Przedtem korzystałem z czo.pl i tam były gotowe fora, nic tylko zacząć dodawać kategorie. Nie wiem czy o to chodziło, ale wklejam to: (edytuj css tryb zaawansowany):
Kod PHP:
<?php
/* Plik arkusza kaskadowego i elo* Create by Adrian, modified by Sru Wypierdalac leszcze*/
/*Global.css*/
body {
background: #EEE8DC url(images/reksio/bg.png) top left repeat-x;
color: #2D281F;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
.logo {
background: url(images/reksio/logo.png) left no-repeat;
width: 450px;
text-align: left;
height: 120px;
display: block
}
.modnotice {
border-width: 2px 0px 2px 0px;
border-color: #294146;
border-style: solid;
}
a:link {
color: #134754;
text-decoration: none;
}
a:visited {
color: #134754;
text-decoration: none;
}
a:hover, a:active {
color: #63553C;
text-decoration: none;
}
#container {
background: #fff;
width: 984px;
color: #000000;
border: 1px solid #e4e4e4;
margin: auto auto;
padding: 0px 20px 0px 20px;
text-align: left;
box-shadow: 0px 0px 7px #786F5D;
-moz-box-shadow: 0px 0px 7px #786F5D;
-webkit-box-shadow: 0px 0px 7px #786F5D;
-webkit-border-bottom-left-radius: 15px;
-khtml-border-radius-bottomleft: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-right-radius: 15px;
-khtml-border-radius-bottomright: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
#panel {
background: #D1C8B8 url(images/reksio/panel_bg.png) top left repeat-x;
width: 340px;
;
color: #fff;
border-left: 1px solid #A19988;
border-right: 1px solid #A19988;
border-bottom: 1px solid #A19988;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-radius-bottomleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-radius-bottomright: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
float: right;
text-align: left;
min-width: 280px;
font-size: 11px;
}
table {
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
.tborder {
width: 100%;
margin: auto auto;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #D6CDBB;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
box-shadow: 3px 3px 6px #CCC;
}
.thead {
background: #2c3541;
background: -moz-linear-gradient(top,#2c3541 0%,#435063 50%,#435063 51%,#2c3541 93%,#cfc9bc 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2c3541), color-stop(50%,#435063), color-stop(51%,#435063), color-stop(93%,#2c3541), color-stop(100%,#cfc9bc));
background: -webkit-linear-gradient(top,#2c3541 0%,#435063 50%,#435063 51%,#2c3541 93%,#cfc9bc 100%);
background: -o-linear-gradient(top,#2c3541 0%,#435063 50%,#435063 51%,#2c3541 93%,#cfc9bc 100%);
background: -ms-linear-gradient(top,#2c3541 0%,#435063 50%,#435063 51%,#2c3541 93%,#cfc9bc 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2c3541',endColorstr='#cfc9bc',GradientType=0 );
background: linear-gradient(top,#2c3541 0%,#435063 50%,#435063 51%,#2c3541 93%,#cfc9bc 100%);
line-height: 20px;
height: 20px;
padding: 3px 10px 3px 25px;
font-size: 13px;
font-weight: bold !important;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
text-transform: uppercase;
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: none;
}
.tcat {
background: url(images/reksio/tcat.png) right repeat-x;
color: #000000;
font-size: 10px;
}
.tcat a:link {
color: #000000;
}
.tcat a:visited {
color: #000000;
}
.tcat a:hover, .tcat a:active {
color: #574D34;
}
.trow_static {
background: #f7f3e9;
}
.trow1 {
background: #f7f3e9;
background: -moz-linear-gradient(top,#f7f3e9 0%,#dddad2 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f3e9), color-stop(100%,#dddad2));
background: -webkit-linear-gradient(top,#f7f3e9 0%,#dddad2 100%);
background: -o-linear-gradient(top,#f7f3e9 0%,#dddad2 100%);
background: -ms-linear-gradient(top,#f7f3e9 0%,#dddad2 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f3e9',endColorstr='#dddad2',GradientType=0 );
background: linear-gradient(top,#f7f3e9 0%,#dddad2 100%);
}
.trow2 {
background: #f3eddd;
background: -moz-linear-gradient(top,#f3eddd 0%,#d8d6c5 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f3eddd), color-stop(100%,#d8d6c5));
background: -webkit-linear-gradient(top,#f3eddd 0%,#d8d6c5 100%);
background: -o-linear-gradient(top,#f3eddd 0%,#d8d6c5 100%);
background: -ms-linear-gradient(top,#f3eddd 0%,#d8d6c5 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3eddd',endColorstr='#d8d6c5',GradientType=0 );
background: linear-gradient(top,#f3eddd 0%,#d8d6c5 100%);
}
.trow_post {
background: #F3EDDD;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: #FFFBD9;
color: #000;
}
.trow_sep {
background: #C4BBA2;
color: #4C4532;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: #d1c8b8;
background: -moz-linear-gradient(top,#d1c8b8 0%,#b7a9a3 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d1c8b8), color-stop(100%,#b7a9a3));
background: -webkit-linear-gradient(top,#d1c8b8 0%,#b7a9a3 100%);
background: -o-linear-gradient(top,#d1c8b8 0%,#b7a9a3 100%);
background: -ms-linear-gradient(top,#d1c8b8 0%,#b7a9a3 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1c8b8',endColorstr='#b7a9a3',GradientType=0 );
background: linear-gradient(top,#d1c8b8 0%,#b7a9a3 100%);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
color: #5C5343;
}
.tfoot a:link {
color: #5C5343;
text-decoration: none;
}
.tfoot a:visited {
color: #5C5343;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #5C5343;
text-decoration: underline;
}
.bottommenu {
background: #F7F3E9;
color: #000000;
padding: 5px;
border: 1px solid #D6CDBB;
box-shadow: 3px 3px 6px #CCC;
}
.navigation {
background: #000 url(images/reksio/nav_bg.png) top left repeat-x;
color: #fff;
padding: 8px;
text-align: left;
font-family: Arial;
}
.navigation a:link {
color: #CEE5EF;
padding: 6px;
text-decoration: none;
}
.navigation a:visited {
color: #CEE5EF;
padding: 6px;
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
background: #232935;
color: #CBF2FF;
padding: 5px;
border: 1px solid #0F1A1E;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none
}
.navigation .active {
background: #171D23;
color: #fff;
padding: 5px;
border: 1px solid #2E3F46;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: small;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #fff;
color: #000;
border: 1px solid #0f5c8e;
padding: 1;
}
textarea {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
font-family: Verdana, Arial, Sans-Serif;
line-height: 1.4;
font-size: 13px;
}
select {
background: #ffffff;
border: 1px solid #0f5c8e;
}
.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;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
#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: #000000;
color: #000000;
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 {
background: #fff;
padding: 4px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-width: 150px;
border: 1px inset #C3BAA4;
margin: 0px;
}
blockquote cite {
border-bottom: 1px solid #D6CDBB;
display: block;
margin: 4px 0;
font-style: normal;
font-weight: bold;
}
blockquote cite span {
float: right;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: #FFFFFF;
padding: 5px;
border: 1px solid #888;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
text-shadow: 2px 2px 10px #888
}
.codeblock .title {
border-bottom: 1px solid #D6CDBB;
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;
}
.codeblock:hover {
background: #FFFFFF url(images/reksio/strzalka.png)no-repeat right;
}
.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 url(images/reksio/pm_alert.png) top left repeat-x;
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 {
color: #134754;
margin-bottom: 3px;
}
.pagination a {
background: #F3EDDD;
color: #134754;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 7px;
}
.pagination .pagination_current {
background: #171D23;
color: #fff;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 7px;
font-weight: bold;
}
.pagination a:hover {
background: #223F49;
color: #fff;
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;
line-height: 40px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
line-height: 40px;
}
.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;
color: #3E3320;
}
.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;
}
.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 {
background-color: #192227;
border: 1px solid #2E3D44;
outline: 1px solid #000;
padding: 5px 15px;
margin-top: 5px;
font-weight: normal;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
/*Reksio.css*/
h2, h3, h5, h6 {
display: inline;
font: inherit;
}
h4 {
margin: 0;
padding: 0;
overflow: hidden;
height: 25px;
line-height: 25px;
font-family: DejaVu Sans;
font-size: 14px;
font-weight: bold;
}
#header {
background: #32464f;
background: -moz-linear-gradient(top,#32464f 0%,#0b0f11 31%,#0b0f11 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#32464f), color-stop(31%,#0b0f11), color-stop(100%,#0b0f11));
background: -webkit-linear-gradient(top,#32464f 0%,#0b0f11 31%,#0b0f11 100%);
background: -o-linear-gradient(top,#32464f 0%,#0b0f11 31%,#0b0f11 100%);
background: -ms-linear-gradient(top,#32464f 0%,#0b0f11 31%,#0b0f11 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#32464f',endColorstr='#0b0f11',GradientType=0 );
background: linear-gradient(top,#32464f 0%,#0b0f11 31%,#0b0f11 100%);
width: 100%;
height: 120px;
}
.inner {
width: 1024px;
margin: auto;
}
.panel_avatar {
background: #877D67 url(images/reksio/panel_avatar.png) no-repeat;
width: 35px;
height: 35px;
}
.panel_links {
color: #4E4738;
padding: 10px;
}
.panel_links a {
color: #2D2B25;
}
.navigation img {
vertical-align: middle;
}
.thead strong {
font-weight: normal;
}
.tcat strong {
font-weight: normal;
}
.menu {
background: #026CB1 url(images/reksio/menu_bg.png) center repeat-x;
color: #fff;
text-transform: uppercase;
border-top: 1px solid #233036;
border-bottom: 3px solid #2E3D44;
height: 40px;
line-height: 40px;
}
.menu ul, .menu ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.menu ul li {
color: #fff;
display: inline;
white-space: nowrap;
}
.menu ul li a {
background: url(images/reksio/sep.png) top right no-repeat;
padding: 10px 25px 10px 10px;
}
.menu ul a:link, ul a:visited {
color: #ff6501;
text-decoration: none;
}
.menu ul a:hover {
background: url(images/reksio/menu_hover.png) right no-repeat;
color: #ffffff;
-webkit-transition: color 0.5s linear;
-moz-transition: color 0.5s linear;
-o-transition: color 0.5s linear;
text-shadow: 6px 6px 25px #ffffff;
}
#panel_index {
background: #E0D7C5 url(images/reksio/box_bg.png) top left repeat-x;
color: #483C26;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #A09784;
position: relative;
z-index: 1;
}
.panelmenu .popup_menu {
background: #D1C8B8 url(images/reksio/panel.png) top repeat-x;
width: 180px;
border: 1px solid #A19988;
}
.panelmenu {
background: #1C272B url(images/reksio/panel_menu_item.png) top left repeat-x;
}
.panelmenu .popup_menu .popup_item {
background: inherit;
color: #3B3222;
display: block;
padding: 3px 3px 3px 15px;
white-space: nowrap;
text-decoration: none;
}
.panelmenu .popup_menu .popup_item:hover {
background: #0B2437;
color: #D8E5EB;
text-decoration: none;
}
.panelmenu .popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
#panel ul {
list-style: none;
display: block;
text-align: left;
margin: 0;
padding: 0;
height: 35px;
line-height: 35px;
}
#panel ul li {
color: #fff;
white-space: nowrap;
float: left;
}
#panel ul li a {
background: url(images/reksio/panel_sep.png) no-repeat right;
color: #fff;
margin: 0;
padding: 10px;
outline: 0;
text-decoration: none;
}
#panel ul li a:hover {
background: url(images/reksio/panel_bg_hover.png) right repeat-x;
text-decoration: none;
}
#panel img {
vertical-align: middle;
}
.unreadreports {
background: #FFC4C1 url(images/reksio/unreadreports.png) top left repeat-x;
border: 1px solid #FF6057;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}
td .p {
float: right;
display: none;
padding: 0;
margin: 0;
}
td:hover .p {
background: #E0D9C6;
color: #827257;
margin: 0;
display: block;
padding: 4px;
line-height: 15px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 15px;
text-align: right;
min-width: 150px;
border: 1px outset #C3BAA4;
font-family: verdana;
font-size: 10px;
font-weight: normal;
}
td:hover .p span {
color: #134754;
font-weight: bold;
}
td p img {
vertical-align: top;
}
.menu_search {
background: #000;
color: #fff;
height: 24px;
line-height: 24px;
vertical-align: middle;
margin-top: 5px;
border: 1px solid #2C4250;
}
.menu_search input {
background: #000;
color: #B2C3CE;
border: none;
padding: 3px;
}
.menu_search .menu_btn {
background: #000 url(images/reksio/search_btn.png) center no-repeat;
width: 25px;
color: #fff;
border: none;
cursor: pointer;
}
.menu_search .menu_btn:hover {
background: #000 url(images/reksio/search_btn_hover.png) center no-repeat;
color: #000;
border: none;
}
.button {
background: #ebebe2;
border-top: 1px solid #BEBEBE;
border-left: 1px solid #BEBEBE;
border-right: 2px solid #878787;
border-bottom: 2px solid #878787;
}
span.title {
color: #3B3222;
display: block;
float: left;
max-width: 50%;
padding: 0 8px 0 0;
line-height: 20px;
margin: 0;
font-size: 12px;
font-weight: bold;
}
#panel p {
margin: 5px 0 5px 0;
}
#panel input {
background: #DFD9CF;
color: #3A301D;
border: 1px solid #ABA396;
padding: 3px;
}
#panel .button {
background: #1A2D36 url(images/reksio/button.png) top left repeat-x;
color: #D8E5EB;
padding: 5px;
cursor: pointer;
font-family: tahoma;
font-size: 11px;
border: 1px solid #1A2D36;
}
#panel .button:hover {
background: #244655 url(images/reksio/button_hover.png) top left repeat-x;
color: #F2F9FC;
border: 1px solid #5C5343;
}
.button {
background: #1A2D36 url(images/reksio/button.png) top left repeat-x;
color: #D8E5EB;
padding: 5px;
cursor: pointer;
font-family: tahoma;
font-size: 11px;
border: 1px solid #1A2D36;
}
.button:hover {
background: #244655 url(images/reksio/button_hover.png) top left repeat-x;
color: #F2F9FC;
border: 1px solid #5C5343;
}
.lighttext {
color: #61553D;
}
.darktext {
color: #15354A;
}
.thead_stats {
background: #958A74 url(images/reksio/thead_stats.png) top left repeat-x;
color: #fff;
text-transform: uppercase;
line-height: 26px;
height: 26px;
padding-left: 25px;
font-family: DejaVu Sans;
font-size: 12px;
}
.thead_stats a:link {
color: #ffffff;
text-decoration: none;
}
.thead_stats a:visited {
color: #ffffff;
text-decoration: none;
}
.thead_stats a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}
.thead_stats strong {
font-weight: normal;
}
.trow3 {
background: #1A3144
}
.post_online {
background: #F3EDDD url(images/reksio/online.png) top left no-repeat;
color: #7C7154;
}
.post_offline {
background: #F3EDDD url(images/reksio/offline.png) top left no-repeat;
color: #7C7154;
}
.post_away {
background: #F3EDDD url(images/reksio/away.png) top left no-repeat;
color: #7C7154;
}
.post_author {
color: #74674F;
font-family: tahoma;
font-size: 18px;
}
.trow1.post_content a:link, .trow1.post_content a:visited {
color: #134754;
border-bottom: 1px dotted #134754;
}
.trow1.post_content a:hover {
color: #8C7C5E;
border-bottom: 1px solid #8C7C5E;
text-decoration: none;
}
.thead_forums {
background: url(images/reksio/thead_forums.png) no-repeat;
color: #fff;
text-transform: uppercase;
line-height: 26px;
height: 26px;
padding-left: 25px;
font-family: DejaVu Sans;
font-size: 12px;
}
.thead_forums a:link, .thead_forums a:visited {
color: #ffffff;
text-decoration: none;
}
.thead_forums a:hover, .thead_forums a:active {
color: #ffffff;
text-decoration: none;
border-bottom: 1px white dotted;
}
.tcat_stats {
background: transparent;
color: #6E634A;
text-transform: uppercase;
line-height: 26px;
height: 26px;
border-top: 1px solid #E2D7BC;
font-family: DejaVu Sans;
font-size: 15px;
}
.tcat_stats img {
vertical-align: top;
}
.stats {
margin-left: 35px;
}
.footermenu {
color: #44331C;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #D5CDC2;
padding: 10px;
font-family: DejaVu Sans;
}
.post_author_info {
clear: both;
overflow: hidden;
}
.post_author_info ul {
list-style: none;
margin: 0;
padding: 0;
}
.post_author_info li {
border-bottom: 1px dashed #A3987B;
padding: 3px;
clear: both;
overflow: hidden;
}
.author_content {
float: left;
text-align: left;
max-width: 96px;
padding: 0 0 0 8px;
display: block;
}
.author_title {
width: 96px;
float: left;
text-align: right;
font-weight: bold;
}
.post_rep {
background: rgb(237,231,219);
color: #fff;
padding: 5px;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-radius-bottomleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
margin: -5px -10px 0 0;
font-size: 10px
}
.ver_sub {
margin: 0;
padding: 0;
list-style: none;
}
.ver_sub li {
width: 33%;
float: left;
}
/*Star ratings*/
.star_rating, .star_rating li a:hover, .star_rating .current_rating {
background: url(images/reksio/star_rating.gif) left -1000px repeat-x;
vertical-align: middle;
}
.star_rating {
position: relative;
width: 80px;
height: 16px;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
background-position: left top;
}
td .star_rating {
margin: auto;
}
.star_rating li {
display: inline;
}
.star_rating li a, .star_rating .current_rating {
position: absolute;
text-indent: -1000px;
height: 16px;
line-height: 16px;
outline: none;
overflow: hidden;
border: none;
top: 0;
left: 0;
}
.star_rating_notrated li a:hover {
background-position: left bottom;
}
.star_rating li a.one_star {
width: 20%;
z-index: 6;
}
.star_rating li a.two_stars {
width: 40%;
z-index: 5;
}
.star_rating li a.three_stars {
width: 60%;
z-index: 4;
}
.star_rating li a.four_stars {
width: 80%;
z-index: 3;
}
.star_rating li a.five_stars {
width: 100%;
z-index: 2;
}
.star_rating .current_rating {
z-index: 1;
background-position: left center;
}
.star_rating_success, .success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.inline_rating {
float: left;
vertical-align: middle;
padding-right: 5px;
}
/*Showthread.css*/
ul.thread_tools, ul.thread_tools li {
list-style: none;
padding: 0;
margin: 0;
}
ul.thread_tools li {
padding-left: 26px;
padding-bottom: 4px;
margin-bottom: 3px;
font-size: 11px;
}
ul.thread_tools li.printable {
background: url(images/printable.gif) no-repeat 0px 0px;
}
ul.thread_tools li.sendthread {
background: url(images/send.gif) no-repeat 0px 0px;
}
ul.thread_tools li.subscription_add {
background: url(images/subscribe.gif) no-repeat 0px 0px;
}
ul.thread_tools li.subscription_remove {
background: url(images/unsubscribe.gif) no-repeat 0px 0px;
}
/*UserCP.css*/
.usercp_nav_item {
display: block;
padding: 1px 0 1px 23px;
}
.usercp_nav_composepm {
background: url(images/usercp/composepm.gif) no-repeat left center;
}
.usercp_nav_pmfolder {
background: url(images/usercp/pmfolder.gif) no-repeat left center;
}
.usercp_nav_sub_pmfolder {
padding-left: 40px;
background: url(images/usercp/sub_pmfolder.gif) no-repeat left center;
}
.usercp_nav_trash_pmfolder {
padding-left: 40px;
background: url(images/usercp/trash_pmfolder.gif) no-repeat left center;
}
.usercp_nav_pmtracking {
background: url(images/usercp/pmtracking.gif) no-repeat left center;
}
.usercp_nav_pmfolders {
background: url(images/usercp/editfolders.gif) no-repeat left center;
}
.usercp_nav_profile {
background: url(images/usercp/profile.gif) no-repeat left center;
}
.usercp_nav_email {
padding-left: 40px;
background: url(images/usercp/email.gif) no-repeat left center;
}
.usercp_nav_password {
padding-left: 40px;
background: url(images/usercp/password.gif) no-repeat left center;
}
.usercp_nav_username {
padding-left: 40px;
background: url(images/usercp/username.gif) no-repeat left center;
}
.usercp_nav_editsig {
padding-left: 40px;
background: url(images/usercp/editsig.gif) no-repeat left center;
}
.usercp_nav_avatar {
padding-left: 40px;
background: url(images/usercp/avatar.gif) no-repeat left center;
}
.usercp_nav_options {
background: url(images/usercp/options.gif) no-repeat left center;
}
.usercp_nav_usergroups {
background: url(images/usercp/usergroups.gif) no-repeat left center;
}
.usercp_nav_editlists {
background: url(images/usercp/editlists.gif) no-repeat left center;
}
.usercp_nav_attachments {
background: url(images/usercp/attachments.gif) no-repeat left center;
}
.usercp_nav_drafts {
background: url(images/usercp/drafts.gif) no-repeat left center;
}
.usercp_nav_subscriptions {
background: url(images/usercp/subscriptions.gif) no-repeat left center;
}
.usercp_nav_fsubscriptions {
background: url(images/usercp/fsubscriptions.gif) no-repeat left center;
}
.usercp_nav_notepad {
background: url(images/usercp/notepad.gif) no-repeat left center;
}
.usercp_nav_viewprofile {
background: url(images/usercp/viewprofile.gif) no-repeat left center;
}
.usercp_nav_home {
background: url(images/usercp/home.gif) no-repeat left center;
}
.usercp_notepad {
width: 99%;
}
.usercp_container {
margin: 5px;
padding: 8px;
border: 1px solid #CCCCCC;
}
/*reszta*/
.modcp_nav_item {
display: block;
padding: 1px 0 1px 23px;
}
.modcp_nav_home {
background: url(images/modcp/home.gif) no-repeat left center;
}
.modcp_nav_announcements {
background: url(images/modcp/announcements.gif) no-repeat left center;
}
.modcp_nav_reports {
background: url(images/modcp/reports.gif) no-repeat left center;
}
.modcp_nav_modqueue {
background: url(images/modcp/modqueue.gif) no-repeat left center;
}
.modcp_nav_modlogs {
background: url(images/modcp/modlogs.gif) no-repeat left center;
}
.modcp_nav_editprofile {
background: url(images/modcp/editprofile.gif) no-repeat left center;
}
.modcp_nav_banning {
background: url(images/modcp/banning.gif) no-repeat left center;
}
.modcp_nav_warninglogs {
background: url(images/modcp/warninglogs.gif) no-repeat left center;
}
.modcp_nav_ipsearch {
background: url(images/modcp/ipsearch.gif) no-repeat left center;
}
.modqueue_message {
overflow: auto;
max-height: 250px;
}
.modqueue_controls {
width: 270px;
float: right;
text-align: center;
border: 1px solid #ccc;
background: #fff;
padding: 6px;
font-weight: bold;
}
.modqueue_controls label {
margin-right: 8px;
}
.label_radio_ignore, .label_radio_delete, .label_radio_approve {
font-weight: bold;
}
.modqueue_meta {
color: #444;
font-size: 95%;
margin-bottom: 8px;
}
.modqueue_mass {
list-style: none;
margin: 0;
width: 150px;
padding: 0;
}
.modqueue_mass li {
margin-bottom: 4px;
padding: 0;
}
.modqueue_mass li a {
display: block;
padding: 4px;
border: 1px solid transparent;
}
.modqueue_mass li a:hover {
background: #efefef;
border: 1px solid #ccc;
text-decoration: none;
}
.sex_rex {
color: white;
font-weight: bold
}
.spanek {
font-size: 8px
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5000;
background: #000000;
}
.overlay[class] {
position: fixed;
}
.drugi {
margin-top: 20px;
margin-bottom: 20px
}
.drugi code {
font-size: 17px;
font-weight: 600
}
.toppost {
padding: 5px;
border-bottom: 1px solid #BDB4A4;
}
.toppost a {
border: 0px !important;
font-size: 13px
}
.tposter {
width: 100%;
margin: auto auto;
border: 1px #D6CDBB solid;
box-shadow: 3px 3px 6px #CCC;
}
.stat {
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
A. Napis się udało zmienić jak chciałem, ale teraz jak zmienić napis Forum na napis Strona główna, albo Home?
Właściwie, zamiast zmieniana koloru tego u góry przy logu, mogę wstawić tam logo zapełniające całe tło, ale jak to robiłem, nie dochodziło do końca po lewej stronie, ale wychodziło za bardzo po prawej.
Screen tego gdzie chce to logo: [Obrazek: cos.jpg]
RE: Pomoc z edycją stylu. - 12Bernard12 - 30-08-2013
Chce zmienić kolory tak:
[Obrazek: bez-tytulu.jpg]
Kolor loga na biały (mam gotowy) a tło loga na pomarańczowy.
Z panelem nie chcę robić nic.