Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
sice

Вопрос по скину Aero

Recommended Posts

Не могу понять, где в css хранится главная таблица скина Aero (http://www.ipbcustomize.com/downloads.html&req=display&code=ss&full=1&id=67)

 

в #ipbwrapper, свойство width стоит auto. пробывал менять, ничего не выходит. получается поменять ширину сообщений, других блоков, а сам скин растянуть не получилось. Кто сталкивался, помогите пожалуйста.

 

Вот код css:

 

/*  
* Cascading Style Sheet(CSS 467), for Invision Power Board 2.2.0
* Author: James A. Mathias, admin@leihu.com, [url="http://www.1lotus.com"]http://www.1lotus.com[/url] 
* Copyright: 2005 Invision Power Services, all rights reserved 
*
* Skin by manHa from www.ipbcustomize.com
*
* 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: #728F50 url(style_images/<#IMG_DIR#>/background.jpg) fixed;
color: #000;
font-family: "Segoe UI", Segoe, Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
font-size: 11px;t
line-height: 135%;
margin: 0px;
padding: 0px; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}

/* 
* ========================================
* Set up IPB table
* ========================================
*/

.ipbtable { width:100% }

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

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
padding: 5px;
}

td.nopad{ /* allows some tables to have no padding on the td */
padding: 0;
}

/* Safari... */
th
{
text-align: left;
}


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 */
vertical-align: middle;
}

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

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

a:hover{
background: transparent;
color: #000;
text-decoration: underline;
}

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

#footer{ 
	 background: transparent url(style_images/<#IMG_DIR#>/footerbackground.jpg) no-repeat bottom center;
	 width: 100%;
	 padding: 0;
	 margin: 0;
}

#ipbwrapper{ 
	 background: #FFF;
margin: 0px; 
	 	text-align: left;
width: auto;
	 padding: 4px;
	 border: 1px solid #7F7F7F;
}

#ipbwrapper2{ 
	 background: transparent;
	 border: 1px solid #DEDEDC;
}

#navigation{ 
	 background: #FFF;
margin: 0px; 
width: auto;
	 padding: 0px;
	 border-top: 1px solid #7F7F7F;
	 border-left: 1px solid #7F7F7F;
	 border-right: 1px solid #7F7F7F;
	 border-bottom: 0;
}

/* 
* ========================================
* Corners 
* ========================================
*/

#corner{
background: transparent;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 25px;
margin-bottom: 0px;
margin-right: 10px;
text-align: center;
width: 850px;
}

.corner-right{
background: transparent url(style_images/<#IMG_DIR#>/corner_r.png) repeat-y right;
padding-right: 20px;
	 margin: 0px;
}


.corner-left{
background: transparent url(style_images/<#IMG_DIR#>/corner_l.png) repeat-y top left;
padding-left: 20px;
	 margin: 0px;

}

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


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

.pagelinklast,
.minipagelinklast{
background: #EEEEEE;
}


.pagecurrent{
background: #DDECF1;
}

.minipagelink,
.minipagelinklast{
border: 1px solid #DDDDDD;
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: #DFDFDF;
border: 1px solid #000;
font-size: 11px;
font-weight: bold;
padding: 4px;
}

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

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

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

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

.activeusers{
background: #FFF;
border: 1px solid #EBEBEB;
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/<#IMG_DIR#>/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 #000;
margin: 2px;
}

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

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

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

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

.thumbwrap p.alt,
.thumbwrapp p.alt{
background: #EEEEEE !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: #FFF url(style_images/<#IMG_DIR#>/img_larger.gif) no-repeat bottom right;
border: 1px solid #000;
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: 28px; 
font-weight: bold; 
}

#photowrap{ 
padding: 6px; 
}

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

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

#ucpmenu,
#ucpcontent{ 
background: #F5F9FD;
border: 1px solid #59676D;
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: #EEEEEE;
padding: 6px;
}

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

.avatar{ 
	 background: transparent url(style_images/<#IMG_DIR#>/avatarbackground.png) no-repeat center;
	 height: 127px;
}

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

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

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

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

.post1,
.bg1{ 
background: #FFF;
}

.post2,
.bg3{ 
background: #FFF;
}

.row2shaded,
.post1shaded { background-color: #DEDBE4 }
.row4shaded,
.post2shaded { background-color: #E3DFE7 }

.row1{ 
background: #F8F8F8; 
	 border: 1px solid #FFF;
}

.row2{ 
background: #F8F8F8; 
	 border: 1px solid #FFF;
}

.rowhighlight{
background-color: #FFF9BA;
}

.darkrow1{ 
background: #EEEEEE;
color: #000; 
}

.darkrow3{ 
background: #DDECF1 url(style_images/<#IMG_DIR#>/darkrow.gif) repeat-x;
color: #000; 
}

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

.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: 11px; 
color: #434951;
}

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

.edit{ 
font-size: 9px;
}

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

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

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

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

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

.calmonths a{
text-decoration: none;
}

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

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

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

.celltodayshaded,
.celldateshaded
{
background: #E3DFE7;
}

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

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

.celltoday,
.celltodayshaded,
.mcelltoday{
border: 2px solid #157B80;
}

.calranged
{
border: 2px outset #DDDDDD;
background: #DDDDDD;
padding:4px;
}

.calitem
{
border-bottom: 1px dotted #DDDDDD;
padding:4px;
}

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

.input-warn,
.input-green,
.input-checkbox,
input,
textarea,
select{
background: #FFF;
border: 1px solid #707070;
color: #000;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
margin: 5px;
padding: 2px;
vertical-align: middle;
}

select
{
margin: 0px;
}

.input-checkbox
{
border: none;
}

.input-warn,
.input-warn-content
{
border: 1px solid #C00;
}

.input-ok,
.input-ok-content
{
border: 1px solid #0C0;
}

.input-warn-content
{
padding: 4px;
margin: 4px;
background-color: #FCC;
}

.input-ok-content
{
padding: 4px;
margin: 4px;
background-color: #CFC;
}


.input-text
{
color: #900;
}

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

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

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

.textarea,
.searchinput,
.button,
.gobutton{
background: #FFF;
border: 1px solid #707070;
color: #000;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
padding: 2px;
vertical-align: middle;
}

.button{
background: #FFF url(style_images/<#IMG_DIR#>/bgbutton.gif) repeat-x;
}

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

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

/* 
* 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:#F5F9FD;
border: 1px solid #DDDDDD;
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: 0px;
font-weight: normal;
width: auto;
} 

.formtable td.formtitle,
.formsubtitle{
background: #DDECF1 url(style_images/<#IMG_DIR#>/darkrow.gif) repeat-x;
border: 1px solid #9FB9D4; 
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle{ 
border: 0;
color: #000;
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: #E4EAF2 url(style_images/<#IMG_DIR#>/css_img_quote.gif) no-repeat right;
border: 1px dotted #000;
border-bottom: 0;
border-left: 4px solid #8394B2;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 2px auto 0 auto;
padding: 3px;
}

.quotemain{
background: #FAFCFE;
border: 1px dotted #000;
border-left: 4px solid #8394B2;
border-top: 0;
color: #465584;
padding: 4px;
margin: 0 auto 0 auto;
}

.codetop,
.sqltop,
.htmltop{
background: #FDDBCC url(style_images/<#IMG_DIR#>/css_img_code.gif) no-repeat right;
color: #000;
font-weight: bold;
margin: 0 auto 0 auto;
padding: 3px;
}

.codemain,
.sqlmain,
.htmlmain{
background: #FAFCFE;
border: 1px dotted #000;
color: #465584;
font-family: Courier, "Courier New", Verdana, Arial;
margin: 0 auto 0 auto;
padding: 2px;
}

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

#QUOTE,
#CODE{  
background: #FAFCFE; 
border: 1px solid #000; 
color: #465584; 
font-family: Verdana, Arial; 
font-size: 11px; 
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: #F1F1F1;
border: 1px solid #59676D;
padding: 0px; 
margin: 0px; 
}

.borderwrapm{
margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse{
background: url(style_images/<#IMG_DIR#>/tile_cat.gif);
border: 1px solid #b5d0d8;
	 border-bottom: 1px solid #052d41;
color: #FFF; 
font-size: 12px;
font-weight: normal; 
margin: 0px;
padding: 7px;
}

.maintitle td {
color: #FFF; 
font-size: 12px;
font-weight: normal;
}


.maintitlecollapse{
border: 1px solid #b5d0d8;
}

.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: #FFF;
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/<#IMG_DIR#>/tile_sub.gif);
border-bottom: 1px solid #d5d5d5;
color: #000; 
font-size: 11px;
font-weight: normal; 
letter-spacing: 0px;
margin: 0; 
padding: 4px; 
}

.subtitlediv{
border: 1px solid #FFF;
border-bottom: 1px solid #C3C3C3;
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: #000;
text-decoration: none; 
}

.borderwrap h4{
background: #DDE6F2;
border: 1px solid #FFF;
border-bottom: 1px solid #C3C3C3;
border-top: 1px solid #C3C3C3;
color: #C3C3C3; 
font-size: 12px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

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


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

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

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

.bar,
.barb,
.barc{
background: #EEEEEE;
border: 1px solid #FFF;
}

.barc{
border-bottom: 0;
}

.bar p,
.barb p,
.barc p{
background: transparent;
border: 0;
color: #000;
font-size: 11px;
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: #418997;
color: #000;
font-size: 1px;
height: 5px;
}

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

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

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

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

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

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

.fieldwrap h4{
background: #EEE;
border: 1px solid #CCC;
border-left: 0;
border-right: 0;
color: #444; 
font-size: 12px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap {
background: #F2DDDD;
border: 1px solid #992A2A;
border-top: 0;
margin: 5px;
padding: 0;
}


.errorwrap h4 {
background: #E3C0C0;
border: 1px solid #992A2A;
border-left: 0;
border-right: 0;
color: #992A2A; 
font-size: 12px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap p {
background: transparent;
border: 0;
color: #992A2A;
margin: 0;
padding: 8px;
}


.ruleswrap{
background: #F2DDDD;
border: 1px solid #992A2A;
color: #992A2A; 
margin: 5px 0 5px 0;
padding: 5px;
}

#redirectwrap{
background: transparent url(style_images/<#IMG_DIR#>/redirect.png) no-repeat center;
border: 0px solid #DDDDDD;
margin: 200px auto 0 auto;
text-align: left;
width: 560px;
	 height: 233px;
}

#redirectwrap h4{
background: transparent;
border-bottom: 0px solid #DDDDDD;
color: #000;
font-size: 22px;
margin: 0;
padding: 25px;
}

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

#redirectwrap p.redirectfoot{
background: transparent;
border-top: 0px solid #DDDDDD;
text-align: center;
padding: 25px;
}


#gfooter{
background: transparent;
margin: 5px;
padding: 5px;
width: 100%;
}

#gfooter td{
color: #FFF;
font-size: 11px;
padding: 4px;
}

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

#logostrip{ 
background: #3860BB url(style_images/<#IMG_DIR#>/tile_back.gif);
border: 1px solid #FFF;
height: 68px;


margin: 0;
padding: 0;
}

#logographic{
background: transparent url(style_images/<#IMG_DIR#>/logo4.gif) no-repeat left;
height: 68px;
margin: 0;
padding: 0;
}

#submenu{ 
background: transparent url(style_images/<#IMG_DIR#>/submenu.jpg);
border-bottom: 1px solid #7F7F7F;
border-top: 0;
color: #FFF; 
margin: 0;
height: 30px;
text-align: left;
}

.ipb-top-left-link,
.ipb-top-right-link
{
background: transparent;
float: left;
font-size: 12px;
font-weight: normal; 
letter-spacing: 0;
margin: 0px;
padding: 7px 0 7px 0;
width: auto;
border-left:  0px solid #dce3ee;
}

.ipb-top-left-link
{
float: right;
border-left: 0px;
border-right: 0px solid #dce3ee;
}

.ipb-top-left-link a:link, 
.ipb-top-left-link a:visited,
.ipb-top-right-link a:link, 
.ipb-top-right-link a:visited
{ 
background: transparent; 
color: #FFF;
padding: 7px 6px 7px 6px;
	 border: 1px solid transparent;
text-decoration: none;
}

.ipb-top-left-link a:hover, 
.ipb-top-left-link a:active,
.ipb-top-right-link a:hover, 
.ipb-top-right-link a:active
{
background: transparent url(style_images/<#IMG_DIR#>/submenu_over.png) repeat-x top; 
padding: 4px 6px 4px 6px;
	 border: 1px solid #137F8C;
color: #FFF; 
}

#userlinks a:link, 
#userlinks a:visited,
#userlinksguest a:link, 
#userlinksguest a:visited
{ 
background: transparent; 
color: #FFF;
text-decoration: none;
}

#userlinks a:hover, 
#userlinks a:active,
#userlinksguest a:hover, 
#userlinksguest a:active
{
background: transparent;
color: #FFF; 
}

#userlinks,
#userlinksguest{ 
background: #FFF url(style_images/<#IMG_DIR#>/userlinks.jpg) repeat-x;
border: 0px solid #DDDDDD;
margin: 0;
padding: 0 5px 0 5px;
	 height: 100px;
	 color: #FFF;
}

#userlinksguest{ 
background: #FFF url(style_images/<#IMG_DIR#>/userlinks.jpg) repeat-x;
border: 0px solid #986265;
}

#userlinks p,
#userlinksguest p{
background: transparent !important;
border: 0 !important;
font-size: 11px;
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;
}

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

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

#headershits{ 
background: transparent url(style_images/<#IMG_DIR#>/header_membershits.png) no-repeat center;
color: #999;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0px; 
	 height: 59px;
	 text-align: left;
}

.header-button{
background: transparent;
	 margin: 0;
	 padding: 0;
	 border: 0;

}

.header-search{
background: transparent;
border: 0px solid #707070;
color: #000;
font-family: "Segoe UI", Verdana;
font-size: 12px;
	 font-style: italic;
	 font-weight: normal;
padding: 2px;
vertical-align: middle;

}

#navstrip{ 
background: transparent;
color: #000;
font-size: 12px;
font-weight: bold;
margin: 0;
	 text-align: left;
padding: 12px; 
}

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

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

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

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

.copyright{ 
background: transparent;
font-size: 10px; 
	 color: #FFF;
	 text-align: right;
margin: 0;
padding: 2px;
}

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

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

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

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

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

#print h4{
background: #F9F9F9;
font-size: 11px;
}

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

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

.dny-edit-title
{
border:0px;
padding:3px;
margin:0px;
background: #DDECF1; 
color: #000; 
}


/* ======================================== */
/* TABS
/* ======================================== */

.tabon
{
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
background-color:#FFF;
padding:8px;
padding-bottom:9px;
font-size:10px;
float:left;
width:auto;
margin-top:3px;
}

.taboff
{
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
background-color: #FFF;
color: #333;
padding: 8px;
font-size:10px;
float: left;
width: auto;
margin-top:3px;
}

.tabon a:link, 
.tabon a:visited, 
.tabon a:active
{
text-decoration:none;
color: #000;
}

.taboff a:link, 
.taboff a:visited, 
.taboff a:active
{
text-decoration:none;
color: #333;
}

.mya-back
{
background: #F5F5F5;
margin:1px;
padding: 1px;
}

.mya-content
{
background: #FFF;
padding:8px;
margin: 1px;
border: 1px solid #777;
}

.mya-content-tbl
{
  background: #F5F5F5;
  border: 1px solid #777;
  text-align:left;
  font-size:10px;
  white-space:nowrap;
  margin:1px;
}

.mya-fieldwrap
{
background: transparent;
margin-top: 2px;
margin-bottom: 2px;
padding: 4px;
border: 1px solid #C5C7CD;
-moz-border-radius: 5px;
width: auto;
display: block;
}

/* -------------------------------- */
/* Create PM box defaults		   */
/* -------------------------------- */

.iframeshim
{
position:absolute;
display:none;
background: #FFF;
border:0px;
width:auto;
height:auto;
}



/* -------------------------------- */
/* Experimental					 */
/* -------------------------------- */

.popupmenu,
.popupmenu-new
{
  background: #F5F5F5;
  border: 1px solid #000;
  text-align:left;
  font-size:11px;
  white-space:nowrap;
  /*padding:3px 5px 3px 3px;*/
  /*width:300px;*/
}

.popupmenu-item
{
padding: 5px;
/*margin-top:4px;*/
white-space: nowrap;
border-bottom: 1px solid #DDDDDD;
color:  #000000;
font-weight: normal;
}

.popupmenu-item-last
{
padding: 5px;
/*margin-top:4px;*/
white-space: nowrap;
color:  #000000;
font-weight: normal;
}

.popmenubutton-new,
.popmenubutton
{
width:120px;
white-space:nowrap;
background: transparent url(style_images/<#IMG_DIR#>/trans_white.png);
border:1px solid #1A7695;
color: #000;
font-weight:bold;
float:right;
height:13px;
text-align:center;
margin:0px;
font-size:11px;
padding:3px;
}

.popmenubutton-new
{
float:none;
width:auto;
text-align:left;
height:auto;
padding:3px;
font-weight:normal;
background-color:#F2F2F2;
background-image: url(style_images/<#IMG_DIR#>/menu_action_down-padded.gif);
background-repeat: no-repeat;
background-position: right;
}

.popmenubutton-new-out
{
padding:4px;
}


.popupmenu-new
{
background-color: #EEEEEE;
}


.popmenubutton a:link, 
.popmenubutton a:visited,
.popmenubutton-new a:link, 
.popmenubutton-new a:visited,
.popupmenu-item a:link, 
.popupmenu-item a:visited,
.popupmenu-item-last a:link, 
.popupmenu-item-last a:visited
{ 
color: #000; 
text-decoration: none;
}

.popmenubutton a:hover,
.popmenubutton-new a:hover,
.popupmenu-item a:hover, 
.popupmenu-item-last a:hover
{ 
color: #000; 
text-decoration: underline;
}

.popupmenu-category
{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
border-top: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
color: #000; 
font-size: 11px;
font-weight: bold; 
letter-spacing: 0px;
margin: 0; 
padding: 5px; 
}

/* -------------------------------- */
/* Loading box
/* -------------------------------- */

#loading-layer-inner
{
width:220px;
height:28px;
padding:18px 10px 10px 10px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #FCF8C7;
}

/* -------------------------------- */
/* Message in a bo(x|ttle)
/* -------------------------------- */

#ipd-msg-wrapper
{
display: none;
width: 220px;
}

#ipd-msg-inner
{
width:100%;
height:45px;
padding: 6px 4px 4px 4px;
margin: 0px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#ccc #666 #666 #ccc;
background-color: #FCF8C7;
filter:alpha(opacity=75);
opacity:.75
}

#ipd-msg-title
{
width: 100%;
height:20px;
margin: 0px;
padding: 6px 4px 4px 4px;
background: #529DAB url(style_images/<#IMG_DIR#>/css_pp_header.gif) repeat-x;
border: 1px solid #000;
border-bottom: 0px;
color: #FFF;
}

.linked-image
{
margin: 0px;
padding: 0px;
border: 0px;
}

.resized-linked-image
{
margin: 1px 0px 0px 0px;
padding: 0px;
background-color: #000;
border: 0px;
color: #FFF;
font-size: 10px;
width: auto;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}

.resized-linked-image-zoom
{
width: 200px;
height: 30px;
filter:alpha(opacity=85);
opacity:.85;
background-color: #FFF;
padding-top: 6px;
padding-left: 5px;
top: 0px;
left: 0px;
position: absolute;
display: none;
}

/* -------------------------------- */
/* Edit post reason
/* -------------------------------- */

.post-edit-reason
{
background: #E7EAEF;
margin-top: 9px;
margin-bottom: 0px;
padding: 4px;
color: #333;
font-size: 10px;
border: 1px solid #C5C7CD;
-moz-border-radius: 5px;
width: auto;
display: block;
}

/* -------------------------------- */
/* Personal Profile
/* -------------------------------- */

.pp-name
{ 
background: #F5F5F5;
border: 1px solid #DDDDDD;
margin: 0px;
padding: 10px;
}

.pp-name h3
{
margin:0px;
padding:0px 0px 5px 0px;
font-size:24px;
}

.pp-header
{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
color: #000; 
font-size: 10px;
font-weight: bold; 
margin: 0px 0px 1px 0px; 
padding: 5px; 
}

.pp-title
{
background: #529DAB url(style_images/<#IMG_DIR#>/css_pp_header.gif) repeat-x;
border-bottom: 0px solid #C3C3C3;
color: #FFF; 
font-size: 12px;
font-weight: bold; 
margin: 0px;
padding: 8px;
}

.pp-datebox
{
text-align: center;
background: #FFFFFF;
border: 1px solid #555555;
padding: 4px;
margin: 0px;
font-size:18px;
font-weight:bold;
line-height: 100%;
letter-spacing: -1px;
float:right;
width: auto;
}

.pp-datebox em
{
color: #AAA;
font-weight: normal;
font-style: normal;
}

.pp-contentbox-back
{
background: #FFF url(style_images/<#IMG_DIR#>/folder_profile_portal/pp-css-contentblock.gif) repeat-x top;
padding: 6px;
}

.pp-contentbox-entry,
.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
background-color: #F2F2F2;
border: 1px solid #888888;
line-height: 140%;
padding: 8px;
margin-bottom: 6px;
height: 200px;
overflow: auto;
overflow-x: auto;
}

.pp-contentbox-entry-noheight-sel
{
background-color:#FCECCD;
}

.pp-contentbox-entry-noheight-mod
{
background-color:#FDF1DA;
}

.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
height: auto;
margin-bottom: 1px;
}

.pp-image-thumb-wrap,
.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
width: 52px;
height: 52px;
text-align: center;
background: #FFFFFF;
border: 1px solid #555555;
padding: 4px;
margin-top: auto;
margin-bottom: auto;
}

.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
width: 27px;
height: 27px;
margin-top: auto;
margin-bottom: auto;
}

.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap-floatright
{
float:right;
}

.pp-tiny-text
{
color: gray;
font-size: 10px;
}

.pp-mini-content-entry,
.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
background-color: #F5F9FD;
padding: 6px;
border-bottom: 1px dotted #555555;
clear:both;
width: auto;
height: 60px;
}

.pp-mini-entry-noheight-shaded
{
background-color: #E3DFE7;
}

.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
height: auto;
}

.pp-tabclear,
.pp-maintitle
{
background: #529DAB url(style_images/<#IMG_DIR#>/css_pp_header.gif) repeat-x;
border: 1px solid #FFF;
border-bottom: 0px solid #C3C3C3;
color: #FFF; 
font-size: 12px;
font-weight: bold; 
margin: 0px;
padding: 8px;
}

.pp-tabclear
{
border:0px;
border-right: 1px solid #000;
border-left: 1px solid #000;
}

.pp-tabon
{
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
background-color:#6696D6;
color:#FFFFFF;
padding:8px;
float:left;
width:auto;
background-image: url(style_images/<#IMG_DIR#>/tile_cat.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin-top:3px;
font-size:10px;
}

.pp-taboff,
.pp-tabshaded
{
border-top: 0px solid #759BC7;
border-left: 0px solid #759BC7;
border-right: 0px solid #759BC7;
background-color: #FFF;
color: #000;
padding:8px;
float: left;
width: auto;
margin-top:3px;
font-size:10px;
}

.pp-tabshaded
{
background-image: url(style_images/<#IMG_DIR#>/css_pp_tab_shaded.gif);
background-repeat: repeat-x;
background-position: left bottom;
color: #516795;
border-top: 1px solid #7f9BBC;
border-left: 1px solid #7f9BBC;
border-right: 1px solid #7f9BBC;
}

.pp-tabon a:link, 
.pp-tabon a:visited, 
.pp-tabon a:active
{
text-decoration:none;
color: #FFFFFF;
}

.pp-taboff a:link, 
.pp-taboff a:visited, 
.pp-taboff a:active,
.pp-tabshaded a:link, 
.pp-tabshaded a:visited, 
.pp-tabshaded a:active
{
text-decoration:none;
color: #000;
}

.pp-tabwrap
{
height: 34px;
margin:0px;
padding:0px;
}

Share this post


Link to post
Share on other sites

Ширина может задаваться в структуре таблицы прямо в html.

Смотрите общий шаблон.

А в css тоже есть

#corner{
background: transparent;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 25px;
margin-bottom: 0px;
margin-right: 10px;
text-align: center;
width: 850px;
}

850px – ширина. Но если там картинка в эту же ширину, придется ее переделывать.

Share this post


Link to post
Share on other sites

омг...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...