Help - Search - Members - Calendar
Full Version: Ipb Questions
Zymic Webmaster Forums > General Discussion > Chatter Box
Jacob
After establishing the [NEK Media Inc. Forums], I have a couple of questions aout IPB.

1. For some reason my css isn't spanning what I want it to. I would like it to be 96%. Here is the .css file.
CODE
/*
* ========================================
* global element styles
* ========================================
*/


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

body{
font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
font-size: 12px;
line-height: 135%;
margin: 0px;
padding: 0px; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
background: #fbf9f8;
color: #222;
}

/*
* ========================================
* 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: #222;
font-size: 12px;
line-height: 135%;
}

.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: #222;
text-decoration: underline;
}

a:hover{
background: transparent;
color: #5f6069;
}

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

#ipbwrapper{
margin: 15px 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 -> 960px is a common fixed resolution size */
width: 100%;
}

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

/* @group Pagination */

.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
background: #e9e7e4;
padding: 2px 3px 2px 3px;
}

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


.pagecurrent{
background: #7d838c !important;
color: #fff;
}

.minipagelink,
.minipagelinklast{
background: #f3f2ef;
border: 1px solid #d1cfcf;
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;
}



/* @end */

/* fake button effect for some links */
.fauxbutton{
background: #e9e7e4;
border: 1px solid #6a7382;
font-size: 11px;
font-weight: bold;
padding: 4px;
}

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

.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active{
background: transparent;
font-size: 11px;
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: 3px solid #d7d7d7;
color: #000;
margin: 0px;
padding: 0px;
}

.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(2/click2enlarge.gif) no-repeat top right;
border: 1px solid #808080;
margin: 0 2px 0 0;
padding: 11px 2px 2px 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;
}

/* @group User CP */

#ucpmenu,
#ucpcontent{
background: #f3f3f3;
border: 1px solid #c4c4c4;
padding: 1px;
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;
}



/* @end */

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

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

.postdetails{
font-size: 11px;
line-height:140%;
width: 100%;
}

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

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

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

.post_head {
background: #e9e7e4;
color: #464c55;
}

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

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

.post1.post_left,
.post2.post_left {
background-color: #e9e7e4;
padding-top: 0;
}

.row2shaded,
.post1shaded { background-color: #d1d4d8 }
.row4shaded,
.post2shaded { background-color: #d5d8da }

.row1{
background: #e9e7e4;
border-bottom: 3px solid #dbd8d6;
}

.row2{
background: #f3f2ef;
border-bottom: 3px solid #e8e5e3;
}


.rowhighlight{
background-color: #FFF9BA;
}

.darkrow1,
.darkrow3{
background: #d1cfcf;
color: #404957;
border-top: 1px solid #bab6b6;
}

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

.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,
.lastaction {
color: #434951;
font-size: 11px;
}

.edit{
font-size: 11px;
color: #9c8f84;
}

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

/* @group Calendar */

.calmonths{
background: #eeeeee;
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: #e8e8e8;
color: #4b4b4b;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: right;
}

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

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

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

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

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

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

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

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



/* @end */

/* @group Input elements */

.input-warn,
.input-green,
.input-checkbox,
input,
textarea,
select{
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
margin: 5px;
padding: 2px;
vertical-align: middle;
}

.input-warn,
.input-green,
.input-checkbox,
input,
textarea,
select,
.textarea,
.searchinput,
.button,
.gobutton {
background: #FFF;
border: 1px solid #6a7382;
color: #000;
}

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{
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
padding: 2px;
vertical-align: middle;
}

.button{
background: #e9e7e4;
}

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

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



/* @end */

.formtable{
background: transparent;
}

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

.pformleft,
.pformleftw {
background-color: #e9e7e4;
}

.pformright {
background-color: #f3f2ef;
}

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

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

.formtable td.formtitle,
.formsubtitle{
background: #dcdcdc;
border: 1px solid #9FB9D4;
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle{
border: 0;
color: #474747;
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: #fbfbfa;
border: 4px solid #e9e7e4;
border-bottom: 0;
color: #908986;
font-weight: bold;
font-size: 10px;
margin: 2px auto 0 auto;
padding: 3px;
}

.quotemain{
background: #fbfbfa;
border: 4px solid #e9e7e4;
border-top: 0;
color: #908986;
padding: 4px;
margin: 0 auto 0 auto;
}

.codetop,
.sqltop,
.htmltop{
background: #FDDBCC url(2/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. */
border: 1px solid #c4c4c4;
background: #FFF;
padding: 1px;
margin: 0px;
}

.borderwrapm{
border: 1px solid #959595;
margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse{
background: #e7e6e3 url(style_images/<#IMG_DIR#>/main_tile.gif) repeat-x top left;
color: #475262;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 8px 8px 8px 15px;
}

.maintitle td {
color: #475262;
font-size: 13px;
font-weight: bold;
}


.maintitlecollapse{
}

.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{
color: #475262;
background: transparent;
text-decoration: none;
}

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

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{
background: #545f6f url(style_images/<#IMG_DIR#>/submenu_tile.gif) repeat-x top left;
color: #f3f2ef;
border-bottom: 1px solid #cac6c3;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 5px 5px 2px 5px;
}

.borderwrap table th {
border-right: 1px dotted #b0bbcd !important;
}

.subtitlediv{
text-align: right;
}

table th a:link,
table th a:visited,
table th a:active,
.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
{
color: #f3f2ef !important;
background: transparent;
text-decoration: underline;
}

.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover,
table th a:hover,
{
color: #ece9e2;
text-decoration: underline;
}

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

.borderwrap p{
background: #e9e7e4;
border: 1px solid #CCC;
margin: 2px;
padding: 7px;
text-align: left;
}


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

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

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

.bar,
.barb,
.barc{
background: #e9e7e4;
color: #222;
}

.barc{
border-bottom: 0;
}

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

.newslink{
background: #eeeeee;
margin: 0;
width: 100%;
}

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

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

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

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

.fieldwrap{
background: #e9e7e4;
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: #f5e9dc;
border: 4px solid #e2d9d3;
border-top: 0;
border-top: 0;
margin: 5px;
padding: 0;
}


.errorwrap h4 {
background: #f5e9dc;
border: 4px solid #e2d9d3;
border-bottom: 1px dotted #bf823d;
border-left: 0;
border-right: 0;
color: #ac6c24;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}

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


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

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

#redirectwrap h4{
background: #dddad8;
border-bottom: 1px solid #cac6c3;
color: #464c55;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 5px;
}

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

#redirectwrap p.redirectfoot{
background: #d1cfcf;
color: #404957;
border-top: 1px solid #bab6b6;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}


#gfooter{
background: #79808a;
color: #f3f2ef;
margin: 5px 0 5px 0;
padding: 0;
width: 100%;
}

#gfooter td{
color: #f3f2ef;
font-size: 10px;
padding: 7px;
}

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

#logostrip{
background: #525d6d url(style_images/<#IMG_DIR#>/logo_tile.gif) repeat-x top left;
height: 68px;
margin: 0;
padding: 0;
text-align: left;
}

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

#submenu{
background: #545f6f url(style_images/<#IMG_DIR#>/submenu_tile.gif) repeat-x top left;
color: #f3f2ef;
margin: 0;
height: 30px;
text-align: right;
}

#submenu_left a {
float: left;
}

#submenu_right a {
float: right;
}

#submenu a {
display: block;
padding: 7px;
text-decoration: none;
}

#submenu a {
color: #f3f2ef;
}

#submenu a:hover {
background: #dddad8 url(style_images/<#IMG_DIR#>/sublink_tile.gif) repeat-x top left;
color: #4d5868;
}

#userlinks,
#userlinksguest{
background: #dddad8;
border-bottom: 1px solid #d3cfcc;
margin: 0px 0 5px 0;
padding: 0 5px 0 5px;
clear: both;
}

#userlinksguest{
background: #f1dada;
border-bottom: 1px solid #d1a9a9;
}

#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;
}

#navstrip{
background: transparent;
color: #999;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 5px 0px 8px 0px;
}

#navstrip a:link,
#navstrip a:visited{
color: #222;
text-decoration: none;
}

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

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

.toplinks span{
color: #565656;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 5px;
}

.toplinks a {
color: #686868;
}

.copyright{
background: url(style_images/<#IMG_DIR#>/simple.gif) no-repeat top right;
font-size: 11px;
margin: 0 0 5px 0;
padding: 8px;
}

/* @group Print styles */

#print{
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: #e9e7e4;
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: #D1DCEB;
color: #3A4F6C;
}



/* @end */


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

.tabon
{
border-color: #262d35;
background-color:#303b4a;
color:#FFFFFF;
border-width: 1px 1px 0px 1px;
border-style: solid;
padding:8px;
float:left;
width:auto;
margin-top:1px;
font-size:11px;
}

.taboff
{
border-color: #939fae;
background-color: #b4c1d3;
color: #d0d6de;
border-width: 1px 1px 0px 1px;
border-style: solid;
padding:8px;
float: left;
width: auto;
margin-top:1px;
font-size:11px;
}

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

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

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

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

.mya-content-tbl
{
background: #F0F5FA;
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 */
/* -------------------------------- */

/* @group Popup Menus */

.popupmenu,
.popupmenu-new
{
background: #f4f4f4;
border: 1px solid #989898;
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 #d0d0d0;
color: #000000;
font-weight: normal;
}

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

.popmenubutton-new,
.popmenubutton
{
white-space:nowrap;
background-color: #f0f0f0;
border: 1px solid #adadad;
color: #30343b;
font-weight:bold;
float:right;
text-align:center;
margin:0px;
font-size:11px;
padding: 2px 8px 2px 8px;
}

.post_left .popmenubutton-new,
.post_left .popmenubutton-new-out
{
background-color:#e9e7e4;
border:0;
border-bottom: 1px dotted #cf5f01;
color: #cf5f01;
float:none;
width:auto;
text-align:left;
height:auto;
padding:4px;
font-weight:normal;
background-image: url(2/menu_action_down-padded.gif);
background-repeat: no-repeat;
background-position: right;
text-align: center;
margin-bottom:5px;
}

.post_left .popmenubutton-new-out
{
border:0;
padding: 4px;
background-color:#e9e7e4;
border-bottom: 1px dotted #a39c8e;
}
.post_left .popmenubutton-new .normalname,
.post_left .popmenubutton-new .normalname a:link,
.post_left .popmenubutton-new .normalname a:visited{
color: #cf5f01 !important;
}



.popmenubutton-new,
.popmenubutton-new-out
{
background-color:#e7e6e3;
border: 1px solid #a9b0bb;
float:none;
width:auto;
text-align:left;
height:auto;
padding:4px;
font-weight:normal;
background-color:#f0f0f0;
background-image: url(2/menu_action_down-padded.gif);
background-repeat: no-repeat;
background-position: right;
}

.popmenubutton-new-out
{
padding: 4px;
background-color:#e7e6e3;
border: 1px solid #a9b0bb;
}


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

.maintitle .popmenubutton {
margin: -3px 0px -3px 5px;
}

.popmenubutton a:link,
.popmenubutton a:visited,
.popmenubutton-new a:link,
.popmenubutton-new a:visited,
.popmenubutton-new-out a:link,
.popmenubutton-new-out a:visited,
.popupmenu-item a:link,
.popupmenu-item a:visited,
.popupmenu-item-last a:link,
.popupmenu-item-last a:visited
{
color: #30343b !important;
text-decoration: none;
-moz-outline: none;
}

.popmenubutton a:hover,
.popmenubutton-new a:hover,
.popupmenu-item a:hover,
.popupmenu-item-last a:hover
{
color: #5f7186;
text-decoration: none;
}

.popupmenu-category
{
background-color: #e9e7e4;
color: #4f5a6a;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 5px;
}



/* @end */

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

#loading-layer-inner
{
width:220px;
height:28px;
padding:18px 10px 10px 10px;
text-align:center;
color: #222;
border: 1px solid;
border-color:#cbc6c1;
background-color: #e9e7e4;
}

/* -------------------------------- */
/* 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: transparent url(2/css_pp_header.gif);
border: 1px solid #3A4F6C;
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: #b9aea5;
border: 0px;
color: #FFF;
font-size: 10px;
width: auto;
-moz-border-radius: 5px;
}

.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: #eeeeee;
margin: 0px;
padding: 10px;
}

/* @group Personal Profile */

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

.pp-header
{
font-size: 10px;
font-weight: bold;
margin: 0px 0px 1px 0px;
padding: 5px;
}

.pp-title
{
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 8px;
}

.pp-datebox
{
text-align: center;
background: #FFFFFF;
border: 1px solid #cbc6c1;
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-color: #e9e7e4;
padding: 6px;
}

.pp-contentbox-entry,
.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
background-color: #f2f2f1;
border: 4px solid #cbc6c1;
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: #f2f2f1;
border: 1px solid #f2f2f1;
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: #f2f2f1;
padding: 6px;
border-bottom: 1px dotted #555555;
clear:both;
width: auto;
height: 60px;
}

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

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

.pp-tabclear,
.pp-maintitle
{
background: #58626f;
color: #FFF;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 8px;
}

.pp-tabclear
{
border:0px;
}

.pp-tabon
{
background: #58626f url(style_images/<#IMG_DIR#>/tabon.gif) repeat-x top;
color:#FFFFFF;
padding:8px;
float:left;
width:auto;
margin-top:1px;
font-size:11px;
border-top: 1px solid #4f5a6a;
}

.pp-taboff,
.pp-tabshaded
{
border-color: #939fae;
background: #717e90 url(style_images/<#IMG_DIR#>/taboff.gif) repeat-x top;
color: #d0d6de;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-right: 1px solid #717e90;
padding:8px;
float: left;
width: auto;
margin-top:1px;
font-size:11px;
}

.pp-tabshaded
{
background-image: url(2/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
{
color: #FFFFFF !important;
text-decoration:none;
}

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

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



/* @end */

/* Small blog fix */

#myblogset-info .fieldwrap {
background: transparent;
border: 0px;
border-top: 0;
margin: 0px;
padding: 0;
text-align: left;
}


/* GALLERY STYLES */

.gallery_block {
background-color: #e6e6e6;
padding: 3px !important;
margin: 0px;
}

.gal_caption {
font-size: 14px;
padding-bottom: 5px;
font-weight: normal;
}

.gal_cat a {
border-bottom: 1px dotted #fff !important;
text-decoration: none;
}

.gal_curr {
background: #e9e7e4;
border-right: 1px solid #dcdcdc;
}

.gal_noncurr {
background: #f3f2ef;
border-right: 1px solid #dcdcdc;
}

.thumbwrap,
.thumbwrapp,
.fullimagewrap
{
margin: 1px;
background-color: #e9e7e4;
border: 1px solid #8e8e8e !important;
}

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

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

.thumbwrap h4,
.thumbwrapp h4{
background: #e7e6e3;
border: 0 !important;
color: #6f7e97;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}

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

.thumbwrap p.alt,
.thumbwrapp p.alt{
background: #f3f2ef !important;
border-bottom: 0px !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(2/img_larger.gif) no-repeat bottom right;
border: 1px solid #424242;
margin: 5px;
padding: 2px 2px 10px 2px;
}

/* This is a little hack to fix the
* scrollbar that appears in the emoticon
* pane of the post screen */
#post_screen_hack table tr td {
padding: 0px !important;
}


.postc1 {
background: #f2f2f1 url(style_images/<#IMG_DIR#>/post1.gif) repeat-x top center;
margin: 0 15px 0 0;
}

.postc2 {
background: url(style_images/<#IMG_DIR#>/post2.gif) repeat-x bottom center;
}

.postc3 {
background: url(style_images/<#IMG_DIR#>/post3.gif) repeat-y top right;
}

.postc4 {
background: url(style_images/<#IMG_DIR#>/post4.gif) repeat-y top left;
}

.postc5 {
background: url(style_images/<#IMG_DIR#>/post5.gif) no-repeat top right;
}

.postc6 {
background: url(style_images/<#IMG_DIR#>/post6.gif) no-repeat top left;
}

.postc7 {
background: url(style_images/<#IMG_DIR#>/post7.gif) no-repeat bottom left;
}

.postc8 {
background: url(style_images/<#IMG_DIR#>/post8.gif) no-repeat bottom right;
padding: 15px;
padding-bottom: 10px;
}
.postc8 a:link,
.postc8 a:visited {
color: #a97f68;
text-decoration: underline;
}
.postc8 a:hover,
.postc8 a:active {
color: #cf5f01;
}

.info {
background: #f2f2f1;
padding: 3px;
border-top: 1px dotted #a39c8e;
border-bottom: 1px dotted #a39c8e;
margin-top: 2px;
}

.lname {
color: #c35301;marginh: 2px;
}


.btn img {margin:0px;}
.btn A IMG{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
.btn a:hover img {opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75);}


2. I am going to integrate the NEK Media Forums into the website (similar to Zymic's) but I am a little unsure on how to do it. Can someone give me a list of resources or offer to be paid to do it? Lol.

3. Also I have an error at the top of my page. (Warning: Invalid argument supplied for foreach() in /home/jacob/public_html/forum/sources/classes/class_display.php on line 862) that I cannot seem to get rid of. Any ideas?

Jacob.
Andrew
If you edit your post and make the [code tag a [codebox tag it will make a code box that is only ~100 px tall and scrolling.

This way it doesn't take up so much room (and makes it easier to read)

As for your problem, I can't answer you as I don't work with fluid layouts. Something I need to start doing.
Jacob
Thanks for that Trippin7464.
I know decided to leave the forum at current width but put the server status there instead. So problem 1 is fixed.
Now I still need some information on IPB integration and how to get riud of that damn error.

Jacob.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.