global.css: (styl blacker, ale takie coś wystepuję też na innych stylach)
body {
background : #121212 url(images/blacker/bg/bg.GIF);
color : #ffffff;
font-family : Verdana, Arial, Sans-Serif;
font-size : 13px;
text-align : center;
line-height : 1.4;
}
a:link {
color : #f3f3f3;
text-decoration : none;
}
a:visited {
color : #f3f3f3;
text-decoration : none;
}
a:hover {
color : #f3f3f3;
text-decoration : none;
}
a:active {
color : #f9f9f9;
text-decoration : none;
}
#container {
width : 1000px;
background : #161616;
border : 0 solid #121212;
color : #f3f3f3;
margin : auto auto;
padding : 20px;
text-align : left;
}
#content {
width : auto !important ;
}
#header {
background : #1e1e1e url(images/blacker/bg/header_bg.png) repeat-x left top;
height : 180px;
margin-top : -18px;
margin-right : -19px;
margin-left : -19px;
}
.logo {
padding-top : 50px;
padding-left : 80px;
float : left;
}
.menu ul {
color : #6b6b6b;
font-size : 18px;
font-weight : bold;
font-family : verdana, arial;
text-align : right;
padding-top : 75px;
padding-right : 5px;
}
.menu ul a:link {
color : #6b6b6b;
font-family : verdana, arial;
font-size : 18px;
text-decoration : none;
}
.menu ul a:visited {
color : #6b6b6b;
text-decoration : none;
}
.menu ul a:hover, .menu ul a:active {
color : #6b6b6b;
text-decoration : none;
}
#panel {
background : #f3f3f3;
color : #000000;
font-size : 11px;
border : 1px solid #d4d4d4;
padding : 8px;
margin-left : -19px;
margin-right : -19px;
}
#panel .remember_me input {
vertical-align : middle;
margin-top : -1px;
}
#panel a:link {
color : #6b6b6b;
text-decoration : none;
}
#panel a:visited {
color : #6b6b6b;
text-decoration : none;
}
#panel a:hover, a:active {
color : #026cb1;
text-decoration : none;
}
.p_guest {
float : right;
margin-top : -20px;
margin-right : 8px;
}
table {
color : #f3f3f3;
font-family : Verdana, Arial, Sans-Serif;
font-size : 13px;
}
.tborder {
background : #2b2b2b;
width : 100%;
margin : auto auto;
}
.thead {
background : #f3f3f3 url(images/blacker/bg/thead_bg.png) repeat-x left top;
color : #6b6b6b;
padding : 4px;
}
.thead a:link {
color : #6b6b6b;
text-decoration : none;
}
.thead a:visited {
color : #6b6b6b;
text-decoration : none;
}
.thead a:hover {
color : #6b6b6b;
text-decoration : none;
}
.thead a:active {
color : #6b6b6b;
text-decoration : none;
}
.tcat {
background : #191919;
color : #f9f9f9;
font-size : 12px;
}
.tcat a:link {
color : #f9f9f9;
}
.tcat a:visited {
color : #f9f9f9;
}
.tcat a:hover, .tcat a:active {
color : #f9f9f9;
}
.trow1 {
background : #232323 url(images/blacker/bg/trow1.png) repeat-x left top;
color : #f8f8f8;
border : 1px solid #1d1d1d;
}
.trow2 {
background : #232323 url(images/blacker/bg/trow2.png) repeat-x left top;
color : #f8f8f8;
border : 1px solid #1d1d1d;
}
.trow_shaded {
background : #ffdde0;
}
.trow_selected td {
background : #191919;
}
.trow_sep {
background : #e5e5e5;
color : #000;
font-size : 12px;
font-weight : bold;
}
.tfoot {
background : #f4f4f4;
color : #6b6b6b;
}
.tfoot a:link {
color : #6b6b6b;
text-decoration : none;
}
.tfoot a:visited {
color : #6b6b6b;
text-decoration : none;
}
.tfoot a:hover, .tfoot a:active {
color : #026cb1;
text-decoration : underline;
}
.bottommenu {
background : #f3f3f3;
color : #000000;
padding : 10px;
margin-bottom : -18px;
margin-right : -19px;
margin-left : -19px;
}
.bottommenu a:link {
color : #6b6b6b;
text-decoration : none;
}
.bottommenu a:visited {
color : #6b6b6b;
text-decoration : none;
}
.bottommenu a:hover, .bottommenu a:active {
color : #026cb1;
text-decoration : none;
}
.navigation {
color : #f3f3f3;
border : 1px solid #505050;
padding : 4px;
font-size : 13px;
font-weight : bold;
}
.navigation a:link {
color : #f3f3f3;
text-decoration : none;
}
.navigation a:visited {
color : #f3f3f3;
text-decoration : none;
}
.navigation a:hover {
color : #f3f3f3;
}
.navigation .active {
color : #f9f9f9;
font-size : 13px;
font-weight : bold;
}
.smalltext {
font-size : 11px;
color: #cecece;
}
.largetext {
font-size : 16px;
font-weight : bold;
}
input.textbox {
background : #191919;
color : #f9f9f9;
border : 1px solid #505050;
padding : 1px;
}
textarea {
background : #191919;
color : #f3f3f3;
border : 1px solid #505050;
padding : 2px;
font-family : Sans-Serif, Verdana, Arial;
line-height : 1.4;
font-size : 13px;
}
select {
background : #191919;
border : 1px solid #505050;
color : #f3f3f3;
}
.button {
background : #121212;
color : #f3f3f3;
border : 1px solid #505050;
}
.editor {
background : #121212;
border : 1px solid #505050;
color : #f3f3f3;
}
.editor_control_bar {
background : #121212;
color : #f3f3f3;
border : 1px solid #505050;
}
.autocomplete {
background : #161616;
border : 1px solid #000;
color : #f3f3f3;
}
.autocomplete_selected {
background : #376588;
color : #f3f3f3;
}
.popup_menu {
background : #161616;
border : 1px solid #000;
}
.popup_menu .popup_item {
background : #161616;
color : #f3f3f3;
}
.popup_menu .popup_item:hover {
background : #161616;
color : #ffffff;
}
.trow_reputation_positive {
background : #02c615;
}
.trow_reputation_negative {
background : #c60202;
}
.reputation_positive {
color : green;
}
.reputation_neutral {
color : #444;
}
.reputation_negative {
color : red;
}
.invalid_field {
border : 1px solid #f30;
color : #f3f3f3;
}
.valid_field {
border : 1px solid #0c0;
}
.validation_error {
background : url(images/blacker/invalid.gif) no-repeat left center;
color : #f3f3f3;
margin : 5px 0;
padding : 5px;
font-weight : bold;
font-size : 11px;
padding-left : 22px;
}
.validation_success {
background : url(images/blacker/valid.gif) no-repeat left center;
color : #00b200;
margin : 5px 0;
padding : 5px;
font-weight : bold;
font-size : 11px;
padding-left : 22px;
}
.validation_loading {
background : url(images/blacker/spinner.gif) no-repeat left center;
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%;
}
.hiddenrow {
display : none;
}
.selectall {
background-color : #191919;
font-weight : bold;
text-align : center;
}
.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 : #000000;
color : #000000;
height : 1px;
border : 0;
}
#copyright {
text-align : center;
font : 11px Verdana, Arial, Sans-Serif;
margin : 0;
padding : 0 0 0 0;
}
#debug {
text-align : center;
margin-top : 10px;
}
blockquote {
border : 1px solid #f3f3f3;
margin : 0;
background : #191919;
padding : 4px;
}
blockquote cite {
font-weight : bold;
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 {
background : #1e1e1e;
border : 1px solid #f3f3f3;
padding : 4px;
}
.codeblock .title {
color : #c7c7c7;
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 : 0;
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 : #900000;
padding-top : 3px;
padding-bottom : 3px;
}
.pm_alert {
background : #191919;
border : 1px solid #ff0000;
text-align : center;
padding : 5px 20px;
margin-bottom : 15px;
font-size : 11px;
}
.red_alert {
background : #900000;
border : 1px solid #000000;
color : #ffffff;
text-align : center;
padding : 5px 20px;
margin-bottom : 15px;
font-size : 11px;
}
.high_warning {
color : #cc0000;
}
.moderate_warning {
color : #f3611b;
}
.low_warning {
color : #ae5700;
}
div.error {
padding : 5px 10px;
border-top : 2px solid #da0000;
border-bottom : 2px solid #da0000;
background : #191919;
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/blacker/error.gif) no-repeat 0%;
}
div.error.ul {
margin-left : 24px;
}
.online {
color : #15a018;
}
.offline {
color : #c7c7c7;
}
.pagination {
padding : 4px;
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 : #121212;
color : #f3f3f3;
border : 1px solid #505050;
}
.pagination .pagination_current {
background : #191919;
border : 1px solid #505050;
font-weight : bold;
color : #f9f9f9;
}
.pagination a:hover {
background : #191919;
color : #f3f3f3;
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/blacker/jump.gif) no-repeat 0%;
width : 13px;
height : 13px;
padding-left : 13px;
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 : #f5f5f5;
border : 1px solid #fff;
outline : #ccc 1px solid;
padding : 5px;
margin-top : 5px;
font-weight : normal;
}
.pagination_breadcrumb_link {
vertical-align : middle;
cursor : pointer;
}
.panel_textbox {
background : url(images/blacker/bg/panel_textbox_login.png) no-repeat left center;
color : #f3f3f3;
height : 20px;
width : 100px;
padding-left : 40px;
padding-top : 2px;
padding-bottom : 2px;
border : 1px solid #505050;
-webkit--radius: 4px;
-khtml-border-radiust: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.panel_textbox2 {
background : url(images/blacker/bg/panel_textbox_haslo.png) no-repeat left center;
color : #f3f3f3;
height : 20px;
width : 100px;
padding-left : 40px;
padding-top : 2px;
padding-bottom : 2px;
border : 1px solid #505050;
-webkit--radius: 4px;
-khtml-border-radiust: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.button_log {
background : #121212;
color : #f3f3f3;
border : 1px solid #505050;
padding-bottom : 4px;
-webkit--radius: 4px;
-khtml-border-radiust: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.sub_forum {
margin: 0;
padding: 0;
list-style: none;
}
.sub_forum li {
width: 33%;
float: left;
}
.postbit_author_user_details {
background : #f3f3f3;
color : #6d6d6d;
border : 1px solid #f3f3f3;
}
.postbit_author_user_details a:link {
color : #6d6d6d;
text-decoration : none;
}
.postbit_author_user_details a:visited {
color : #6d6d6d;
text-decoration : none;
}
.postbit_author_user_details a:hover, a:active {
color : #6d6d6d;
text-decoration : none;
}
.postbit_author_user_padding {
padding-bottom : 2px;
}