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

Ищу скин

kastrator

Автор: kastrator,
в Дизайн и графика

 Поделиться

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

Iris

Iris

Опубликовано
Опубликовано 

* 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

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

Iris

Опубликовано
Опубликовано
копировать чтоли ?

:D

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

Гость Salavat

Опубликовано
Опубликовано

Iris

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

 

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

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

Iris

Опубликовано
Опубликовано

Salavat

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

 

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

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

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

Гость Salavat

Опубликовано
Опубликовано

Iris

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

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

Iris

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

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

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

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

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

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

Iris

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

Гость Salavat

Опубликовано
Опубликовано

Iris

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

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

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

RaNDoL

Опубликовано
Опубликовано

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

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

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

Iris

Опубликовано
Опубликовано

Salavat

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

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

Iris

Опубликовано
Опубликовано 

<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-->

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

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

Гость Salavat

Опубликовано
Опубликовано

Iris

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

 

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

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

mworld

Опубликовано
Опубликовано

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

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

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

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

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

Iris

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

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

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

kastrator

Опубликовано
  • Автор
Опубликовано

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

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

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

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

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

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

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

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

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

Гость
Ответить в этой теме...

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

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

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

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

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

Зарузка...
×
 Поделиться
Перейти к списку тем
×
×
  • Создать...

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

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

  Согласен