Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
sice

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

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

Не могу понять, где в 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;
}

Поделиться сообщением


Ссылка на сообщение

Ширина может задаваться в структуре таблицы прямо в 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 – ширина. Но если там картинка в эту же ширину, придется ее переделывать.

Поделиться сообщением


Ссылка на сообщение

омг...

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...