Перейти к контенту

Рекомендуемые сообщения

* Cascading Style Sheet(CSS 467), for Invision Power Board 2.0.0
 * Author: James A. Mathias, admin@leihu.com, http://www.1lotus.com 
 * Copyright: 2004 Invision Power Services, all rights reserved 
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

/* 
 * ========================================
 * global element styles 
 * ========================================
 */

html{
overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body{ 
background: #191B21 url(style_images/fusion/back.gif);
color: #F1F1F1;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
font-size: 10px;
line-height: 135%;
margin: 0;
padding: 0; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}

table,
tr,
td{ /* required for text in tables, because tables do not inherit from body */
background: transparent;
color: #F1F1F1;
font-size: 10px;
line-height: 135%;
}

table{ /* makes all tables 100% wide */
width: 100%;
}

form{
display: inline;
margin: 0; /* removes mystery form tag gapping */
padding: 0; /* removes mystery form tag gapping */
}

img{
border: 0; /* makes sure linked images do not have a border */

}

/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */

a:link,
a:visited,
a:active{
background: transparent;
color: #B9B9BD;
text-decoration: underline;
}

a:hover{
background: transparent;
color: #FFFFFF;
}

/* 
 * ========================================
 * Main wrapper, this controls the overall width of the board in you browser view window. 
 * ========================================
 */

#ipbwrapper{ 
margin: 20px auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */
width: 98%;
}
/* 
 * ========================================
 * Misc background images
 * ========================================
 */
.mainhead {background: url(style_images/fusion/cat_back.gif);}
.mainfoot{ background: url(style_images/fusion/extended_main_table_bottom.gif);}
.mainnav{ background: url(style_images/fusion/firmament_header_expand_top.gif);}
.mainpagef{ background: url(style_images/fusion/footer_expand.gif);}
/* 
 * ========================================
 * styles for pagination links 
 * ========================================
 */

.posticons{
background: #43464E;
border: 1px solid #131619;
width: 450px;
}

 .maintitle2 { font-weight:bold; color:#FFF; }
.maintitle2 a:link, .maintitle2  a:visited, .maintitle2  a:active { text-decoration: none; color: #FFF }
.maintitle2 a:hover { color: #B9B9BD;text-decoration: underline }

.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
background: #363940;
border: 1px solid #131619;
padding: 1px 3px 1px 3px;
}

.pagelinklast,
.minipagelinklast{
background: #363940;
}
.tablebg{
width: 100%;
background: #34353B;
border-left: 2px solid #131619;
border-right: 2px solid #131619;
}

.round{
background: #191B21;

}


.pagecurrent{
background: #242D34;
}

.minipagelink,
.minipagelinklast{
border: 1px solid #131619;
font-size: 10px;
margin: 0 1px 0 0;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
text-decoration: none;
}

/* fake button effect for some links */
.fauxbutton{
background: #363940;
border: 1px solid #131619;
font-size: 10px;
font-weight: bold;
padding: 4px;
}

.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active{
color: #F1F1F1 !important;
text-decoration: none;
}

.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active{ 
background: transparent;
font-size: 10px; 
color: #F1F1F1;
line-height: 135%;
margin: 2px 0 0 0;
padding: 0;
}

/* ================================================================================
=== */
/* ================================================================================
=== */
/* ================================================================================
=== */

.searchlite {
background-color:yellow;
font-weight:bold;
color: red;
}

.activeusers{
background: #44474F;
border: 1px solid #131619;
color: #F1F1F1;
margin: 0px;
padding: 1px;
}

.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting
{
font-style:italic;
text-decoration: none;
border-bottom:1px dotted black;
}

fieldset.search{ 
line-height: 150%;
padding: 6px; 
}

label{ 
cursor: pointer; 
}

img.attach{ 
background: #808080 url(style_images/fusion/click2enlarge.gif) no-repeat top right;
border: 1px solid #808080;
margin: 0 2px 0 0;
padding: 11px 2px 2px 2px;
}

.thumbwrap,
.thumbwrapp,
.fullimagewrap{
border: 1px solid #131619;
margin: 2px;
}

.thumbwrapp{
border: 2px solid #660707;
}

.fullimagewrap{
background: #363940;
text-align: center;
margin: 5px 0 5px 0;
padding: 5px;
}

.thumbwrap h4,
.thumbwrapp h4{	
background: #3E4148;
border: 0 !important;
border-bottom: 1px solid #FFFFFF !important;
color: #FFFFFF; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.thumbwrap p,
.thumbwrapp p{
background: #363940 !important;
border: 0 !important;
border-top: 1px solid #FFFFFF !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrap p.alt,
.thumbwrapp p.alt{
background: #363940 !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrapp p.pin{
background: #EFDFDF !important;
text-align: center !important;
}

.thumbwrap img.galattach,
.thumbwrapp img.galattach{
background: #E3E3E3 url(style_images/fusion/img_larger.gif) no-repeat bottom right;
border: 1px solid #131619;
margin: 5px;
padding: 2px 2px 10px 2px;
}

li.helprow{ 
margin: 0 0 10px 0;
padding: 0; 
}

ul#help{ 
padding: 0 0 0 15px; 
}

.warngood,
.warnbad{ 
color: #0B9500;
font-weight: bold;
}

.warnbad{ 
color: #DD0000;
}

#padandcenter{ 
margin: 0 auto 0 auto;
padding: 14px 0 14px 0;
text-align: center;
}

#profilename{ 
font-size: 10px; 
font-weight: bold; 
}

#photowrap{ 
padding: 6px; 
}

#phototitle{ 
border-bottom: 1px solid #000; 
font-size: 10px; 
}

#photoimg{ 
margin: 15px 0 0 0;
text-align: center; 
} 

#ucpmenu,
#ucpcontent{ 
background: #363940;
border: 1px solid #131619;
line-height: 150%;
}

#ucpmenu p{ 
margin: 0; 
padding: 2px 5px 6px 9px;
}

#ucpmenu a:link, 
#ucpmenu a:active, 
#ucpmenu a:visited{ 
text-decoration: none; 
}

#ucpcontent{ 
width: auto;
}

#ucpcontent p{ 
margin: 0;
padding: 10px;
}

.activeuserstrip{ 
background: #363940;
padding: 6px;
}

/* Topic View elements */
.signature{  
background: transparent;
color: #F1F1F1; 
font-size: 10px;
line-height: 150%;
}

.postdetails{ 
font-size: 10px;
line-height:140%;
}

.postcolor{ 
font-size: 10px; 
line-height: 160%;
}

.normalname{ 
color: #003;
font-size: 11px; 
font-weight: bold; 
}

.normalname a:link, 
.normalname a:visited, 
.normalname a:active{ 
font-size: 11px;
}

.post1,
.bg1{ 
background: #363940;
padding: 5px;
}

.post2,
.bg3{ 
background: #363940;
padding: 5px;
}

.row2shaded,
.post1shaded { background-color: #363940;padding: 5px; }
.row4shaded,
.post2shaded { background-color: #43464E;padding: 5px; }

.row1{ 
background: #363940; 
padding: 5px;
}

.row2{ 
background: #43464E; 
padding: 5px;
}

.darkrow1{ 
background: #363940;
color: #F1F1F1; 
padding: 5px;
}

.darkrow3{ 
background: #44474F; 
color: #F1F1F1; 
padding: 5px;
}

/* tableborders gives the white column / row lines effect */
.plainborder,
.tablefill,
.tablepad{ 
background: #363940;
border: 1px solid #131619;
}

.tablefill,
.tablepad{ 
padding: 6px;  
}

.tablepad{ 
border: 0 !important;
}

.wrapmini{ 
float: left;
line-height: .5em;
width: 25%;
}

.pagelinks{
float: left;
line-height: .5em;
width: 35%;
}

.desc{ 
font-size: 10px; 
color: #F1F1F1;
}

.lastaction
{
font-size: 10px; 
color: #F1F1F1;
}

.edit{ 
font-size: 9px;
}

.thin{ 
border: 1px solid #44474F;
border-left: 0;
border-right: 0;
line-height: 150%;
margin: 2px 0 2px 0;
padding: 6px 0 6px 0;
}

/* ================================================================================
=== */
/* ================================================================================
=== */
/* ================================================================================
=== */

/* 
 * ========================================
 * calendar styles 
 * ========================================
 */

.calmonths{ 
background: #363940;
border: 1px solid #131619;
font-size: 10px; 
font-weight: bold; 
margin: 5px 0 5px 0;
padding: 8px;
text-align: center;
}

.weekday{
font-size: 10px;
font-weight: bold;
}

.calmonths a{
text-decoration: none;
}

.calday,
.calweekday{ 
background: #363940;
color: #F1F1F1;
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: right;
}

.calweekday{
border-right: 1px solid #AAA;
color: #F1F1F1;
font-size: 10px;
padding: 6px;
text-align: center;
}

.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
background: #363940;
height: 100px;
margin: 0;
padding: 0;
vertical-align: top;
}

.mcellblank,
.mcelldate,
.mcelltoday{
height: auto;
}

.cellblank,
.mcellblank{
background: #131619;
}

.celltoday,
.mcelltoday{
border: 2px solid #8B0000;
}

/* 
 * ========================================
 * form styles 
 * ========================================
 */

input,
textarea,
select{
background: #44474F;
border: 1px solid #4F535B;
color: #F1F1F1;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
margin: 5px;
padding: 2px;
vertical-align: middle;
}

select{
border: 0;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
}

input.button{
margin: 0;
width: auto;
}

optgroup option{
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
}

.codebuttons{ 
font-family: Verdana, Helvetica, Sans-Serif; 
font-size: 10px; 
vertical-align: middle;
margin:2px;
}

.textarea,
.searchinput,
.button,
.gobutton{
background: #44474F;
border: 1px solid #4F535B;
color: #FFFFFF;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 10px;
padding: 2px;
vertical-align: middle;
}

.button{
background: #363940;
}

.gobutton{
background: transparent;
border: 0;
color: #131619;
margin: 0;
vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox { 
border: 0;
vertical-align: middle;
}

/* 
 * class.formtable 
 *
 * used for tabled forms 
 * technically tables should not be used for form display 
 * but, in the case of IPB a table is easier to work with
 * for the average webmaster, who has little to no CSS knowledge.
 *
 */

.formtable{
background: transparent;
}

.formtable td,
.pformleft,
.pformleftw,
.pformright{
background:#363940;
border: 1px solid #131619;
border-bottom: 0;
border-left: 0;
font-weight: bold;
margin: 1px 0 0 0;
padding: 6px;
width: 25%;
} 

.formtable td.wider,
.pformleftw,
.pformright{
width: 40%;
}

.formtable td.formright,
.pformright{
border-right: 0;
font-weight: normal;
width: auto;
} 

.formtable td.formtitle,
.formsubtitle{
background: transparent url(style_images/fusion/tile_sub.gif);
border: 1px solid #9FB9D4; 
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle{ 
border: 0;
color: #B9B9BD;
font-weight: bold;
padding: 5px;
}

.formtable td.formstrip{
background: #DDE8F2;
border: 1px solid #9FB9D4;
border-left: 0;
border-right: 0;



font-weight: normal;
}

/* 
 * ========================================
 * new style quote and code wrappers MATT's DESIGN 
 * ========================================
 */

.quotetop{
background: #585C66;
border: 1px dotted #000;
border-bottom: 0;
border-left: 4px solid #131619;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
}

.quotemain{
background: #43474F;
border: 1px dotted #000;
border-left: 4px solid #131619;
border-top: 0;
color: #F1F1F1;
padding: 4px;
margin: 0 auto 8px auto;
}

.codetop,
.sqltop,
.htmltop{
background: #585C66;
color: #000;
font-weight: bold;
margin: 0 auto 0 auto;
padding: 3px;
width: 98%;
}

.codemain,
.sqlmain,
.htmlmain{
background: #43474F;
border: 1px dotted #000;
color: #F1F1F1;
font-family: Courier, Courier New, Verdana, Arial;
margin: 0 auto 0 auto;
padding: 2px;
width: 98%;
}

/* 
 * ========================================
 * old school quote and code styles - backwards compatibility 
 * ========================================
 */

#QUOTE,
#CODE{  
background: #43474F; 
border: 1px solid #000; 
color: #F1F1F1; 
font-family: Verdana, Arial; 
font-size: 10px; 
padding: 2px; 
white-space: normal;
}

#CODE{ 
font-family: Courier, Courier New, Verdana, Arial;
}

/* 
 * ========================================
 * All New Styles 
 * ========================================
 */
.cleared{
clear: both;
}

.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
background: #191B21; 
border: 1px solid #131619;
padding: 0; 
margin: 0; 
}

.borderwrapm{
margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse{
background: transparent url(style_images/fusion/tile_cat.gif);
border: 1px solid #131619;

color: #E3E3E3; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 8px;
}

.maintitlecollapse{
border: 1px solid #131619
}

.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
float: right;
width: auto !important;
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited{ 
background: transparent;
color: #E3E3E3;
text-decoration: none; 
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active{ 
background: transparent;
color: #F1F1F1;
}

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{ 
background: transparent url(style_images/fusion/tile_sub.gif);

color: #B9B9BD; 
font-size: 9px;
font-weight: bold; 
letter-spacing: 1px;
margin: 0; 
padding: 5px; 
}

.subtitlediv{
border: 1px solid #44474F;

text-align: right;
}

.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited, 
.subtitlediv a:visited, 
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover{ 
background: transparent;
       color: #B9B9BD;
text-decoration: underline; 
}

.borderwrap h4{
background: #3E4148;
border: 1px solid #44474F;

border-top: 1px solid #4F535B;
color: #FFFFFF; 
font-size: 9px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.borderwrap p{
background: #363940;
border: 1px solid #131619;
margin: 5px;
padding: 10px;
text-align: left;
}

td.formbuttonrow,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
background: #44474F !important; 
border: 1px solid #44474F;
border-top: 1px solid #4F535B;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}
td.formbuttonrow{
border-bottom: 0;
border-left: 0;
border-right: 0;
    border-top: 0;
}

.borderwrap p.formbuttonrow1{
background: #363940 !important;
border: 0;
border-top: 1px solid #CCC;
}

.bar,
.barb,
.barc{
background: #363940;
border: 1px solid #44474F;
}

.barc{
border-bottom: 0;
}

.bar p,
.barb p,
.barc p{
background: transparent;
border: 0;
color: #F1F1F1;
font-size: 10px;
margin: 0;
padding: 5px;
text-align: left;
}

.barb p{
text-align: right;
}

.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs{
float: right;
}

.barb p.over,
.barb p.overs{
float: left;
}

.bar p.overs,
.barb p.overs,
.barc p.overs{
position: relative;
top: 5px;
}

.catend{
background: #363940;
color: #000;
font-size: 1px;
height: 5px;
}

.newslink{
background: #363940;
border: 1px solid #131619;
margin: 0;
width: 100%;
}

.newslink td{
color: #F1F1F1;
font-size: 10px;
padding: 5px 5px 5px 10px;
}

.newslink span{
background: transparent;
color: #F1F1F1;
font-style: italic;
font-weight: normal;
}

.newslink input{
background: #44474F;
border: 1px solid #999;
color: #F1F1F1;
font-size: 10px;
padding: 3px;
vertical-align: middle;
width: auto;
}

.newslink input.button{
background: transparent;
border: 0;
color: #F1F1F1;
vertical-align: middle;
}

.fieldwrap{
background: #363940;
border: 1px solid #131619;
border-top: 0;
margin: 5px;
padding: 0;
text-align: left;
}

.fieldwrap h4{
background: #303338;
border: 1px solid #131619;
border-left: 0;
border-right: 0;
color: #FFFFFF; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap,
#pmnotewrap{
background: #3E4148;
border: 1px solid #131619;
border-top: 0;
margin: 5px;
padding: 0;
}

#pmnotewrap{
line-height: 135%;
margin: 0 0 5px 0;
}

.errorwrap h4,
#pmnotewrap h4{
background: #3A3D42;
border: 1px solid #131619;
border-left: 0;
border-right: 0;
color: #F1F1F1; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap p,
#pmnotewrap p{
background: transparent;
border: 0;
color: #F1F1F1;
margin: 0;
padding: 8px;
}

#pmnotewrap p.pmavatar{
float: left;
}

#pmnotewrap p.pmnotefoot{
background: #3A3D42;
border-top: 1px solid #F1F1F1;
text-align: right;
}

#pmnotewrap a:link, 
#pmnotewrap  a:visited{ 
background: transparent; 
color: #B9B9BD; 
text-decoration: underline;
}

#pmnotewrap a:hover, 
#pmnotewrap a:active{
background: transparent; 
color: #B9B9BD; 
text-decoration: none;
}

.ruleswrap{
background: #3E4148;
border: 1px solid #131619;
color: #F1F1F1; 
margin: 5px 0 5px 0;
padding: 5px;
}

#redirectwrap{
background: #363940;
border: 1px solid #131619;
margin: 200px auto 0 auto;
text-align: left;
width: 500px;
}

#redirectwrap h4{
background: #3E4148;
border-bottom: 1px solid #131619;
color: #F1F1F1;
font-size: 10px;
margin: 0;
padding: 5px;
}

#redirectwrap p{
margin: 0;
padding: 5px;
}

#redirectwrap p.redirectfoot{
background: #363940;
border-top: 1px solid #131619;
text-align: center;
}


#gfooter{
background: #34353B;
margin: 0px 0 0px 0;
padding: 0;
width: 100%;
}

#gfooter td{
color: #E3E3E3;
font-size: 10px;
padding: 4px;
}

#gfooter a:link,
#gfooter a:visited{
color: #E3E3E3;
}

#logostrip{ 
background: #3860BB url(style_images/fusion/tile_back.gif);
border: 1px solid #44474F;
height: 68px;
margin: 0;
padding: 0;
}

#submenu{ 
background: transparent url(style_images/fusion/tile_sub.gif);
border: 1px solid #44474F;
border-top: 0;
color: #B9B9BD; 
margin: 0; 
}

#userlinks,
#userlinksguest{ 
background: #363940;
border: 1px solid #131619;
margin: 0px 0 0px 0;
padding: 0 5px 0 5px;
}

#userlinksguest{ 
background: #363940;
border: 1px solid #131619;
}

#submenu p,
#userlinks p,
#userlinksguest p{
background: transparent !important;
border: 0 !important;
font-size: 10px;
font-weight: bold; 
letter-spacing: 1px;
margin: 0 !important;
padding: 7px 0 7px 0; 
text-align: right;
}

#userlinks p,
#userlinksguest p{
font-weight: normal;
letter-spacing: 0;
}

#submenu p.home,
#userlinks p.home,
#userlinksguest p.home{
float: left;
}

#userlinksguest p.pcen{
text-align: center;
}

#submenu a:link, 
#submenu  a:visited{ 
background: transparent; 
color: #B9B9BD; 
padding: 0 6px 0 6px;
text-decoration: none;
}

#submenu a:hover, 
#submenu a:active{
background: transparent; 
color: #FFFFFF; 
}
#navstrip{ 
background: transparent;
color: #999;
font-size: 10px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 8px 0 8px 0px; 
}

#navstrip a:link, 
#navstrip  a:visited{ 
background: transparent; 
color: #B9B9BD; 
text-decoration: none;
}

#navstrip a:hover, 
#navstrip a:active{
background: transparent; 
color: #FFFFFF; 
}

.toplinks{
background: transparent;
color: #000;
margin: 0;
padding: 0 0 5px 0;
text-align: right;
}

.toplinks span{
background: #363940;
border: 1px solid #131619;
border-bottom: 0;
color: #000;
font-size: 10px;
font-weight: bold;
margin: 0 10px 0 0;
padding: 5px;
}

.copyright{ 
font-size: 10px; 
             color: #E3E3E3;
}

/* 
 * ========================================
 * print page styles 
 * ========================================
 */

#print{
margin: 20px auto 20px auto;
padding: 0;
text-align: left;
width: 85%;
color: #CCC;
}

#print h1,
#print h2,
#print h3,
#print h4,
#print p{
color: #036;
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 8px;
color: #CCC;
}

#print h2,
#print h3,
#print p{
border-bottom: 1px solid #999;
font-size: 10px;
font-weight: normal;
color: #CCC;
}

#print h3{
background: #F5F5F5;
font-size: 10px;
font-weight: bold;
margin: 0 0 10px 0;
color: #CCC;
}

#print h4{
background: #363940;
font-size: 10px;
color: #CCC;
}

#print p{
margin: 0 0 5px 0;
padding: 10px;
color: #CCC;
}

#print p.printcopy{
border: 0;
color: #CCC;
text-align: center;
}

</style>

 

картинки сольете сами тут - http://www.extremepixels.net/ipb/index.php...kin=1&skinid=11

Добавлено в [mergetime]1101782137[/mergetime]

<style type="text/css">
/* 
 * Cascading Style Sheet(CSS 467), for Invision Power Board 2.0.0
 * Author: James A. Mathias, admin@leihu.com, http://www.1lotus.com 
 * Copyright: 2004 Invision Power Services, all rights reserved 
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

/* 
 * ========================================
 * global element styles 
 * ========================================
 */

html{
overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body{ 
background: #232D35 url(style_images/tren_z/back.gif);
color: #CCCCCC;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
font-size: 10px;
line-height: 135%;
margin: 0;
padding: 0; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}

table,
tr,
td{ /* required for text in tables, because tables do not inherit from body */
background: transparent;
color: #CCCCCC;
font-size: 10px;
line-height: 135%;
}

table{ /* makes all tables 100% wide */
width: 100%;
}

form{
display: inline;
margin: 0; /* removes mystery form tag gapping */
padding: 0; /* removes mystery form tag gapping */
}

img{
border: 0; /* makes sure linked images do not have a border */

}

/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */

a:link,
a:visited,
a:active{
background: transparent;
color: #CCCCCC;
text-decoration: underline;
}

a:hover{
background: transparent;
color: #FFFFFF;
}

/* 
 * ========================================
 * Misc background images
 * ========================================
 */
.mainnav{ background: url(style_images/tren_z/surge_hdr_x.gif);}
.mainpagef{ background: url(style_images/tren_z/footer_bg1.gif);}
.mainhead{ background: url(style_images/tren_z/cat_back.gif);}
.mainfoot{ background: url(style_images/tren_z/extended_main_table_bottom.gif);}

/* 
 * ========================================
 * Main wrapper, this controls the overall width of the board in you browser view window. 
 * ========================================
 */

#ipbwrapper{ 
margin: 20px auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */
width: 98%;
}

/* 
 * ========================================
 * styles for pagination links 
 * ========================================
 */

.posticons{
background: #242F37;
border: 1px solid #131619;
width: 450px;
}

 .maintitle2 { font-weight:bold; color:#FFF; }
.maintitle2 a:link, .maintitle2  a:visited, .maintitle2  a:active { text-decoration: none; color: #FFF }
.maintitle2 a:hover { color: #CCCCCC;text-decoration: underline }

.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
background: #27323B;
border: 1px solid #131619;
padding: 1px 3px 1px 3px;
}

.pagelinklast,
.minipagelinklast{
background: #27323B;
}
.tablebg{
width: 100%;
background: #232D35;
border-left: 2px solid #131619;
border-right: 2px solid #131619;
}

.pagecurrent{
background: #242D34;
}

.minipagelink,
.minipagelinklast{
border: 1px solid #131619;
font-size: 10px;
margin: 0 1px 0 0;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
text-decoration: none;
}

/* fake button effect for some links */
.fauxbutton{
background: #27323B;
border: 1px solid #131619;
font-size: 10px;
font-weight: bold;
padding: 4px;
}

.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active{
color: #CCCCCC !important;
text-decoration: none;
}

.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active{ 
background: transparent;
font-size: 10px; 
color: #CCCCCC;
line-height: 135%;
margin: 2px 0 0 0;
padding: 0;
}

/* ================================================================================
=== */
/* ================================================================================
=== */
/* ================================================================================
=== */

.searchlite {
background-color:yellow;
font-weight:bold;
color: red;
}

.activeusers{
background: #1F282F;
border: 1px solid #131619;
color: #000;
margin: 0px;
padding: 1px;
}

.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting
{
font-style:italic;
text-decoration: none;
border-bottom:1px dotted black;
}

fieldset.search{ 
line-height: 150%;
padding: 6px; 
}

label{ 
cursor: pointer; 
}

img.attach{ 
background: #808080 url(style_images/tren_z/click2enlarge.gif) no-repeat top right;
border: 1px solid #808080;
margin: 0 2px 0 0;
padding: 11px 2px 2px 2px;
}

.thumbwrap,
.thumbwrapp,
.fullimagewrap{
border: 1px solid #131619;
margin: 2px;
}

.thumbwrapp{
border: 2px solid #660707;
}

.fullimagewrap{
background: #27323B;
text-align: center;
margin: 5px 0 5px 0;
padding: 5px;
}

.thumbwrap h4,
.thumbwrapp h4{	
background: #242E36;
border: 0 !important;
border-bottom: 1px solid #FFFFFF !important;
color: #FFFFFF; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.thumbwrap p,
.thumbwrapp p{
background: #27323B !important;
border: 0 !important;
border-top: 1px solid #FFFFFF !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrap p.alt,
.thumbwrapp p.alt{
background: #27323B !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrapp p.pin{
background: #EFDFDF !important;
text-align: center !important;
}

.thumbwrap img.galattach,
.thumbwrapp img.galattach{
background: #E3E3E3 url(style_images/tren_z/img_larger.gif) no-repeat bottom right;
border: 1px solid #131619;
margin: 5px;
padding: 2px 2px 10px 2px;
}

li.helprow{ 
margin: 0 0 10px 0;
padding: 0; 
}

ul#help{ 
padding: 0 0 0 15px; 
}

.warngood,
.warnbad{ 
color: #0B9500;
font-weight: bold;
}

.warnbad{ 
color: #DD0000;
}

#padandcenter{ 
margin: 0 auto 0 auto;
padding: 14px 0 14px 0;
text-align: center;
}

#profilename{ 
font-size: 10px; 
font-weight: bold; 
}

#photowrap{ 
padding: 6px; 
}

#phototitle{ 
border-bottom: 1px solid #000; 
font-size: 10px; 
}

#photoimg{ 
margin: 15px 0 0 0;
text-align: center; 
} 

#ucpmenu,
#ucpcontent{ 
background: #27323B;
border: 1px solid #131619;
line-height: 150%;
}

#ucpmenu p{ 
margin: 0; 
padding: 2px 5px 6px 9px;
}

#ucpmenu a:link, 
#ucpmenu a:active, 
#ucpmenu a:visited{ 
text-decoration: none; 
}

#ucpcontent{ 
width: auto;
}

#ucpcontent p{ 
margin: 0;
padding: 10px;
}

.activeuserstrip{ 
background: #1D252B;
padding: 6px;
}

/* Topic View elements */
.signature{  
background: transparent;
color: #CCCCCC; 
font-size: 10px;
line-height: 150%;
}

.postdetails{ 
font-size: 10px;
line-height:140%;
}

.postcolor{ 
font-size: 10px; 
line-height: 160%;
}

.normalname{ 
color: #003;
font-size: 11px; 
font-weight: bold; 
}

.normalname a:link, 
.normalname a:visited, 
.normalname a:active{ 
font-size: 11px;
}

.post1,
.bg1{ 
background: #27323B;
padding: 5px;
}

.post2,
.bg3{ 
background: #27323B;
padding: 5px;
}

.row2shaded,
.post1shaded { background-color: #252F37;padding: 5px; }
.row4shaded,
.post2shaded { background-color: #242F37;padding: 5px; }

.row1{ 
background: #27323B; 
padding: 5px;
}

.row2{ 
background: #242F37; 
padding: 5px;
}

.darkrow1{ 
background: #1D252B;
color: #CCCCCC; 
padding: 5px;
}

.darkrow3{ 
background: #1F282F; 
color: #CCCCCC; 
padding: 5px;
}

/* tableborders gives the white column / row lines effect */
.plainborder,
.tablefill,
.tablepad{ 
background: #27323B;
border: 1px solid #131619;
}

.tablefill,
.tablepad{ 
padding: 6px;  
}

.tablepad{ 
border: 0 !important;
}

.wrapmini{ 
float: left;
line-height: 1.5em;
width: 25%;
}

.pagelinks{
float: left;
line-height: 1.2em;
width: 35%;
}

.desc{ 
font-size: 10px; 
color: #CCCCCC;
}

.lastaction
{
font-size: 10px; 
color: #CCCCCC;
}

.edit{ 
font-size: 9px;
}

.thin{ 
border: 1px solid #1F282F;
border-left: 0;
border-right: 0;
line-height: 150%;
margin: 2px 0 2px 0;
padding: 6px 0 6px 0;
}

/* ================================================================================
=== */
/* ================================================================================
=== */
/* ================================================================================
=== */

/* 
 * ========================================
 * calendar styles 
 * ========================================
 */

.calmonths{ 
background: #27323B;
border: 1px solid #131619;
font-size: 10px; 
font-weight: bold; 
margin: 5px 0 5px 0;
padding: 8px;
text-align: center;
}

.weekday{
font-size: 10px;
font-weight: bold;
}

.calmonths a{
text-decoration: none;
}

.calday,
.calweekday{ 
background: #27323B;
color: #CCCCCC;
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: right;
}

.calweekday{
border-right: 1px solid #AAA;
color: #CCCCCC;
font-size: 10px;
padding: 6px;
text-align: center;
}

.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
background: #27323B;
height: 100px;
margin: 0;
padding: 0;
vertical-align: top;
}

.mcellblank,
.mcelldate,
.mcelltoday{
height: auto;
}

.cellblank,
.mcellblank{
background: #131619;
}

.celltoday,
.mcelltoday{
border: 2px solid #8B0000;
}

/* 
 * ========================================
 * form styles 
 * ========================================
 */

input,
textarea,
select{
background: #1F282F;
border: 1px solid #3F505F;
color: #CCCCCC;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
margin: 5px;
padding: 2px;
vertical-align: middle;
}

select{
border: 0;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
}

input.button{
margin: 0;
width: auto;
}

optgroup option{
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
}

.codebuttons{ 
font-family: Verdana, Helvetica, Sans-Serif; 
font-size: 10px; 
vertical-align: middle;
margin:2px;
}

.textarea,
.searchinput,
.button,
.gobutton{
background: #1F282F;
border: 1px solid #475B6B;
color: #FFFFFF;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 10px;
padding: 2px;
vertical-align: middle;
}

.button{
background: #27323B;
}

.gobutton{
background: transparent;
border: 0;
color: #131619;
margin: 0;
vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox { 
border: 0;
vertical-align: middle;
}

/* 
 * class.formtable 
 *
 * used for tabled forms 
 * technically tables should not be used for form display 
 * but, in the case of IPB a table is easier to work with
 * for the average webmaster, who has little to no CSS knowledge.
 *
 */

.formtable{
background: transparent;
}

.formtable td,
.pformleft,
.pformleftw,
.pformright{
background:#27323B;
border: 1px solid #131619;
border-bottom: 0;
border-left: 0;
font-weight: bold;
margin: 1px 0 0 0;
padding: 6px;
width: 25%;
} 

.formtable td.wider,
.pformleftw,
.pformright{
width: 40%;
}

.formtable td.formright,
.pformright{
border-right: 0;
font-weight: normal;
width: auto;
} 

.formtable td.formtitle,
.formsubtitle{
background: transparent url(style_images/tren_z/tile_sub.gif);
border: 1px solid #9FB9D4; 
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle{ 
border: 0;
color: #CCCCCC;
font-weight: bold;
padding: 5px;
}

.formtable td.formstrip{
background: #DDE8F2;
border: 1px solid #9FB9D4;
border-left: 0;
border-right: 0;



font-weight: normal;
}

/* 
 * ========================================
 * new style quote and code wrappers MATT's DESIGN 
 * ========================================
 */

.quotetop{
background: #465664 url(style_images/tren_z/css_img_quote.gif) no-repeat right;
border: 1px dotted #000;
border-bottom: 0;
border-left: 4px solid #1D252B;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
}

.quotemain{
background: #36434E;
border: 1px dotted #000;
border-left: 4px solid #1D252B;
border-top: 0;
color: #CCCCCC;
padding: 4px;
margin: 0 auto 8px auto;
}

.codetop,
.sqltop,
.htmltop{
background: #465664 url(style_images/tren_z/css_img_code.gif) no-repeat right;
color: #000;
font-weight: bold;
margin: 0 auto 0 auto;
padding: 3px;
width: 98%;
}

.codemain,
.sqlmain,
.htmlmain{
background: #36434E;
border: 1px dotted #000;
color: #CCCCCC;
font-family: Courier, Courier New, Verdana, Arial;
margin: 0 auto 0 auto;
padding: 2px;
width: 98%;
}

/* 
 * ========================================
 * old school quote and code styles - backwards compatibility 
 * ========================================
 */

#QUOTE,
#CODE{  
background: #36434E; 
border: 1px solid #000; 
color: #CCCCCC; 
font-family: Verdana, Arial; 
font-size: 10px; 
padding: 2px; 
white-space: normal;
}

#CODE{ 
font-family: Courier, Courier New, Verdana, Arial;
}

/* 
 * ========================================
 * All New Styles 
 * ========================================
 */
.cleared{
clear: both;
}

.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
background: #131619; 
border: 1px solid #131619;
padding: 0; 
margin: 0; 
}

.borderwrapm{
margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse{
background: transparent url(style_images/tren_z/tile_cat.gif);
border: 1px solid #131619;

color: #E3E3E3; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 8px;
}

.maintitlecollapse{
border: 1px solid #131619
}

.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
float: right;
width: auto !important;
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited{ 
background: transparent;
color: #E3E3E3;
text-decoration: none; 
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active{ 
background: transparent;
color: #F1F1F1;
}

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{ 
background: transparent url(style_images/tren_z/tile_sub.gif);

color: #CCCCCC; 
font-size: 9px;
font-weight: bold; 
letter-spacing: 1px;
margin: 0; 
padding: 5px; 
}

.subtitlediv{
border: 1px solid #1F282F;

text-align: right;
}

.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited, 
.subtitlediv a:visited, 
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover{ 
background: transparent;
       color: #CCCCCC;
text-decoration: underline; 
}

.borderwrap h4{
background: #242E36;
border: 1px solid #1F282F;

border-top: 1px solid #3F505F;
color: #FFFFFF; 
font-size: 9px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.borderwrap p{
background: #212A31;
border: 1px solid #131619;
margin: 5px;
padding: 10px;
text-align: left;
}

td.formbuttonrow,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
background: #1F282F !important; 
border: 1px solid #1F282F;
border-top: 1px solid #3F505F;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}

td.formbuttonrow{
border-bottom: 0;
border-left: 0;
border-right: 0;
}

.borderwrap p.formbuttonrow1{
background: #212A31 !important;
border: 0;
border-top: 1px solid #CCC;
}

.bar,
.barb,
.barc{
background: #27323B;
border: 1px solid #1F282F;
}

.barc{
border-bottom: 0;
}

.bar p,
.barb p,
.barc p{
background: transparent;
border: 0;
color: #CCCCCC;
font-size: 10px;
margin: 0;
padding: 5px;
text-align: left;
}

.barb p{
text-align: right;
}

.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs{
float: right;
}

.barb p.over,
.barb p.overs{
float: left;
}

.bar p.overs,
.barb p.overs,
.barc p.overs{
position: relative;
top: 5px;
}

.catend{
background: #1D252B;
color: #000;
font-size: 1px;
height: 5px;
}

.newslink{
background: #27323B;
border: 1px solid #131619;
margin: 0;
width: 100%;
}

.newslink td{
color: #CCCCCC;
font-size: 10px;
padding: 5px 5px 5px 10px;
}

.newslink span{
background: transparent;
color: #CCCCCC;
font-style: italic;
font-weight: normal;
}

.newslink input{
background: #1F282F;
border: 1px solid #999;
color: #CCCCCC;
font-size: 10px;
padding: 3px;
vertical-align: middle;
width: auto;
}

.newslink input.button{
background: transparent;
border: 0;
color: #CCCCCC;
vertical-align: middle;
}

.fieldwrap{
background: #212A31;
border: 1px solid #131619;
border-top: 0;
margin: 5px;
padding: 0;
text-align: left;
}

.fieldwrap h4{
background: #1B2227;
border: 1px solid #131619;
border-left: 0;
border-right: 0;
color: #FFFFFF; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap,
#pmnotewrap{
background: #3D4E5B;
border: 1px solid #131619;
border-top: 0;
margin: 5px;
padding: 0;
}

#pmnotewrap{
line-height: 135%;
margin: 0 0 5px 0;
}

.errorwrap h4,
#pmnotewrap h4{
background: #2F3D47;
border: 1px solid #131619;
border-left: 0;
border-right: 0;
color: #CCCCCC; 
font-size: 10px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap p,
#pmnotewrap p{
background: transparent;
border: 0;
color: #CCCCCC;
margin: 0;
padding: 8px;
}

#pmnotewrap p.pmavatar{
float: left;
}

#pmnotewrap p.pmnotefoot{
background: #2F3D47;
border-top: 1px solid #CCCCCC;
text-align: right;
}

#pmnotewrap a:link, 
#pmnotewrap  a:visited{ 
background: transparent; 
color: #CCCCCC; 
text-decoration: underline;
}

#pmnotewrap a:hover, 
#pmnotewrap a:active{
background: transparent; 
color: #CCCCCC; 
text-decoration: none;
}

.ruleswrap{
background: #3D4E5B;
border: 1px solid #131619;
color: #CCCCCC; 
margin: 5px 0 5px 0;
padding: 5px;
}

#redirectwrap{
background: #27323B;
border: 1px solid #131619;
margin: 200px auto 0 auto;
text-align: left;
width: 500px;
}

#redirectwrap h4{
background: #242E36;
border-bottom: 1px solid #131619;
color: #CCCCCC;
font-size: 10px;
margin: 0;
padding: 5px;
}

#redirectwrap p{
margin: 0;
padding: 5px;
}

#redirectwrap p.redirectfoot{
background: #27323B;
border-top: 1px solid #131619;
text-align: center;
}


#gfooter{
background: #1D252B;
margin: 0px 0 0px 0;
padding: 0;
width: 100%;
}

#gfooter td{
color: #E3E3E3;
font-size: 10px;
padding: 4px;
}

#gfooter a:link,
#gfooter a:visited{
color: #E3E3E3;
}

#logostrip{ 
background: #3860BB url(style_images/tren_z/tile_back.gif);
border: 1px solid #1F282F;
height: 68px;
margin: 0;
padding: 0;
}

#submenu{ 
background: transparent url(style_images/tren_z/tile_sub.gif);
border: 1px solid #1F282F;
border-top: 0;
color: #CCCCCC; 
margin: 0; 
}

#userlinks,
#userlinksguest{ 
background: #27323B;
border: 1px solid #131619;
margin: 0px 0 0px 0;
padding: 0 5px 0 5px;
}

#userlinksguest{ 
background: #27323B;
border: 1px solid #131619;
}

#submenu p,
#userlinks p,
#userlinksguest p{
background: transparent !important;
border: 0 !important;
font-size: 10px;
font-weight: bold; 
letter-spacing: 1px;
margin: 0 !important;
padding: 7px 0 7px 0; 
text-align: right;
}

#userlinks p,
#userlinksguest p{
font-weight: normal;
letter-spacing: 0;
}

#submenu p.home,
#userlinks p.home,
#userlinksguest p.home{
float: left;
}

#userlinksguest p.pcen{
text-align: center;
}

#submenu a:link, 
#submenu  a:visited{ 
background: transparent; 
color: #CCCCCC; 
padding: 0 6px 0 6px;
text-decoration: none;
}

#submenu a:hover, 
#submenu a:active{
background: transparent; 
color: #FFFFFF; 
}
#navstrip{ 
background: transparent;
color: #999;
font-size: 10px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 8px 0 8px 0px; 
}

#navstrip a:link, 
#navstrip  a:visited{ 
background: transparent; 
color: #CCCCCC; 
text-decoration: none;
}

#navstrip a:hover, 
#navstrip a:active{
background: transparent; 
color: #FFFFFF; 
}

.toplinks{
background: transparent;
color: #000;
margin: 0;
padding: 0 0 5px 0;
text-align: right;
}

.toplinks span{
background: #27323B;
border: 1px solid #131619;
border-bottom: 0;
color: #000;
font-size: 10px;
font-weight: bold;
margin: 0 10px 0 0;
padding: 5px;
}

.copyright{ 
font-size: 10px; 
             color: #E3E3E3;
}

/* 
 * ========================================
 * print page styles 
 * ========================================
 */

#print{
margin: 20px auto 20px auto;
padding: 0;
text-align: left;
width: 85%;
color: #CCC;
}

#print h1,
#print h2,
#print h3,
#print h4,
#print p{
color: #036;
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 8px;
color: #CCC;
}

#print h2,
#print h3,
#print p{
border-bottom: 1px solid #999;
font-size: 10px;
font-weight: normal;
color: #CCC;
}

#print h3{
background: #F5F5F5;
font-size: 10px;
font-weight: bold;
margin: 0 0 10px 0;
color: #CCC;
}

#print h4{
background: #212A31;
font-size: 10px;
color: #CCC;
}

#print p{
margin: 0 0 5px 0;
padding: 10px;
color: #CCC;
}

#print p.printcopy{
border: 0;
color: #CCC;
text-align: center;
}

</style>

 

картинки тут - http://www.extremepixels.net/ipb/index.php...kin=1&skinid=25

Ссылка на комментарий
Поделиться на других сайтах

копировать чтоли ?

:D

Ссылка на комментарий
Поделиться на других сайтах

Iris

а вот разве скин файлы не отличаются ? и ещё как я могу всё это дело в XML архив запихнуть ?!

 

а можно ли ешщё где нить кучу таких скинов слить ? :D

Ссылка на комментарий
Поделиться на других сайтах

Salavat

в двушке скинфайлы кешируются - нужно посто создать новый скин, используя дефолтные настройки, за искдючением указанного сной стиля и скопированных картинок. Потом его экспортировать в архив и прикрепит архив тут. ;)

 

а можно ли ешщё где нить кучу таких скинов слить ?

дык вперед - солнце еще высоко. :D

Ссылка на комментарий
Поделиться на других сайтах

Iris

а имаджес также ?

Добавлено в [mergetime]1102108257[/mergetime]

Iris

нет у меня не получается там всё таки с дефолтными настройками чуток различия есть ... к примеру лого !

Добавлено в [mergetime]1102108494[/mergetime]

лого и вот над категориями там нету картинок и где лого там три изображения где отредактровать ?

Добавлено в [mergetime]1102109054[/mergetime]

Вот что получилось у меня разница существенная

Ссылка на комментарий
Поделиться на других сайтах

Тренерутесь еще или купите скин. :D
Ссылка на комментарий
Поделиться на других сайтах

Iris

у меня получилось но одно что не получилось это кнопки поиск , и т.д. ! ВОт как мне их туда вставить помогите пожалуйста !

потом поделюсь со всеми скином :D

Ссылка на комментарий
Поделиться на других сайтах

Ищу скин на 1.3 Final, дело в том что в CSS я полный ламак...

Желательно скин должен быть бардово-черный... плиз подскажите где его найди... или хоть какое-нибудь руководство по созданию скина...

Ссылка на комментарий
Поделиться на других сайтах

Salavat

их руками вписать нужно через АЦ как в вшем дефолтном стиле сделано

Ссылка на комментарий
Поделиться на других сайтах

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="tablebg">
  <tr>

    <td valign="top"> 
      <!--ipb.javascript.start-->

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script type="text/javascript">
<!--
 var ipb_var_st       = "";
 var ipb_lang_tpl_q1  = "Please enter a page number to jump to between 1 and";
 var ipb_var_s        = "b94da868eeb0b17839af6155896277ea";
 var ipb_var_phpext   = "php";
 var ipb_var_base_url = "http://www.extremepixels.net/ipb/index.php?amp;";
 var ipb_input_f      = "";
 var ipb_input_t      = "";
 var ipb_input_p      = "";
 var ipb_var_cookieid = "";
 var ipb_var_cookie_domain = "";
 var ipb_var_cookie_path   = "/";
 //-->
</script>
<script type="text/javascript" src='jscripts/ipb_global.js'></script>
<!--ipb.javascript.end-->
<!-- begin fusion header-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="344" height="134" rowspan="2"><img src="style_images/fusion/fusion_header_ls_blank.gif" width="344" height="134" alt="" /></td>
<td width="100%" height="134" rowspan="2" class="mainnav"><img src="style_images/fusion/fusion_header_expand.gif" width="100%" height="134" alt="" /></td>
<td width="407" height="96" colspan="7"><img src="style_images/fusion/fusion_header_rs.gif" height="96" alt="" /></td>
</tr>
<tr>
<td width="68" height="38"><img src="style_images/fusion/fusion_header_links.gif" width="68" height="38" border="0" alt="" /></td>
<td width="45" height="38"><a href="http://www.extremepixels.net/ipb/index.php?amp;"><img src="style_images/fusion/fusion_header_home.gif" width="45" height="38" border="0" alt="" /></a></td>
<td width="61" height="38"><a href="http://www.extremepixels.net/ipb/index.php?amp;act=UserCP&CODE=00"><img src="style_images/fusion/fusion_header_cp.gif" width="61" height="38" border="0" alt="" /></a></td>
<td width="62" height="38"><a href="http://www.extremepixels.net/ipb/index.php?amp;act=Members"><img src="style_images/fusion/fusion_header_members.gif" width="62" height="38" border="0" alt="" /></a></td>
<td width="68" height="38"><a href="http://www.extremepixels.net/ipb/index.php?amp;act=calendar"><img src="style_images/fusion/fusion_header_calendar.gif" width="68" height="38" border="0" alt="" /></a></td>
<td width="56" height="38"><a href="http://www.extremepixels.net/ipb/index.php?amp;act=Search&f="><img src="style_images/fusion/fusion_header_search.gif" width="56" height="38" border="0" alt="" /></a></td>
<td width="47" height="38"><a href="http://www.extremepixels.net/ipb/index.php?amp;act=Help"><img src="style_images/fusion/fusion_header_faq.gif" width="47" height="38" border="0" alt="" /></a></td>
</tr>
</table>
<!-- end fusion header-->

найдите куда вставить и пути, естественно относительные

Ссылка на комментарий
Поделиться на других сайтах

Iris

спасибо большое вот у меня последний вопрос это ручками надо делать или это слить можно ?

 

оопсс.. а копирайты куда то пропали .... :D

Ссылка на комментарий
Поделиться на других сайтах

может кто поможет мне с дизайном?

тут проект делаю и охото диз в стили андеграунд и т.д

пробывал вставить эти стили и не фига не получилось :-(

форум темный а вот картинки таблиц не прописались

Ссылка на комментарий
Поделиться на других сайтах

а для остальных скинов выложи тоже плиз код

сами. Или к Покемону обращайтесь.

Ссылка на комментарий
Поделиться на других сайтах

А тогда смысл их за бабки выставлять?)))

вообще млин не мешало бы все ссылки на забугорные ресурсы скинов выложить)))

те которые находяться на главной, совсем неахти.

Или может есть какие-либо веб-студии по дизайну инвижина???

Ибресурс тоже вроде делает ;) скины?)))

Вся инфа какая-то расплывчатая, мало конкретики-судя по описанию-все обсуждается по договоренности между заказчиком и ибресурсом)) :D

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.