Welcome Guest [Log In] [Register]
Add Reply
EXO
Topic Started: Apr 27 2015, 05:56 PM (17 Views)
Wolt
Member Avatar

» Skin created by Wolt
» Skin created in August 2006.
» Please do not remove the copyright.
» Preview

Board Wrappers: Header & Body:
Quote:
 
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="1"  bgcolor="f2f2f2" valign="top" height="100%" width="70%"><tr><td valign="top" height="100%"  background="http://i2.ifrm.com/7569/34/upload/p3141529.gif" style="padding:14px;border:0px;"></td><td height="100%" valign="top">       
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />
<center><div class="copy" style="text-align: center; margin: 3px 0px 3px 0px">Find more skins at <a href="http://z1.invisionfree.com/forums/NumeriqueStyles">Numerique Styles</a></b>.</div></center>


Board Wrappers: Footer:
Quote:
 
<td align="left" valign="top" background="http://i2.ifrm.com/7569/34/upload/p3141598.gif" style="padding:15px;border:0px;"></td></tr></table>


Manage Style Sheets: Edit CSS:
Quote:
 
html
{
overflow-x: hidden;
overflow-y: auto;
}


form
{
display:inline;
}

img
{
vertical-align:middle;
border:0px;
}


/*** This section controls the main look of text, and the background behind most of the board. ***/
BODY
{
font-family: Tahoma;
font-size: 11px;
color: #8d8d8d;
margin:0px 10px 0px 10px;
background-color:#E8E8E8;
}

TABLE, TR, TD
{
font-family: Tahoma;
font-size: 11px;
color: #8d8d8d;
}

/*** End section ***/

/*** This section controls the looks of links on your board. ***/
a:link, a:visited, a:active
{
text-decoration: none;
color: #212121;
}

a:hover
{
color: #851414;
text-decoration:underline;
}

/*** End section ***/

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

label
{
cursor:pointer;
}



/*** This section controls the look of attached images. ***/
img.attach
{
border:2px outset #EEF2F7;
padding:2px;
}

/*** End section ***/

.googleroot
{
padding:6px;
line-height:130%;
}

.googlechild
{
padding:6px;
margin-left:30px;
line-height:130%;
}

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active
{
font-size:11px;
color: #3A4F6C;
}

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active
{
font-size:14px;
font-weight:bold;
color:#00D;
}

.googlepagelinks
{
font-size:1.1em;
letter-spacing:1px;
}

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited
{
font-size:10px;
color:#434951;
}



/*** This section controls the list on the Help page. ***/
li.helprow
{
padding:0px;
margin:0px 0px 10px 0px;
}

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

/*** End section ***/
option.cat
{
font-weight:bold;
}

option.sub
{
font-weight:bold;
color:#555;
}


/*** This section controls the strip where the Calendar date is located. ***/
.caldate
{
text-align:right;
font-weight:bold;
font-size:11px;
color:#777;
background-color:#DFE6EF;
padding:4px;
margin:0px;
}

/*** End section ***/

.warngood
{
color:green;
}

.warnbad
{
color:red;
}


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



/*** This section controls the looks of user's names, on their profile and on the Calendar. ***/
#profilename
{
font-size:28px;
font-weight:bold;
}

#calendarname
{
font-size:22px;
font-weight:bold;
}

/*** End section ***/

#photowrap
{
padding:6px;
}

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

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



/*** This section controls the look of the User CP. ***/
#ucpmenu
{
line-height:150%;
width:22%;
border:1px solid #345487;
background-color: #F5F9FD;
}

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

#ucpcontent
{
background-color: #F5F9FD;
border:1px solid #345487;
line-height:150%;
width:auto;
}

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


/*** End section ***/
#ipsbanner
{
position:absolute;
top:1px;
right:5%;
}


/*** This section controls the look of the boards banner. ***/
#logostrip
{
border:1px solid #cccccc;
background-color: #eaeaea;
background-image:url();
padding:0px;
margin:0px;
}

/*** End section ***/

/*** This section controls the look of the menu just below the banner. ***/
#submenu
{
border:1px solid #cccccc;
background-color: #eaeaea;
font-size:10px;
margin:3px 0px 3px 0px;
}

#submenu img
{
display:none;
}

/*** End section ***/

/*** This section controls the look of the user menu, above the navigation. ***/

#userlinks {}
table#userlinks { border-spacing: 0px; border: 1px solid #cccccc; background: #eeeeee url(http://i2.ifrm.com/7569/34/upload/p3136329.gif) center repeat-x; width: 100% !important; margin: 0px auto; }
table#userlinks tr {width: 100%; }
table#userlinks td { border-top: 1px solid #ffffff !important; padding: 3px 5px 3px 5px; }

/*** End section ***/

/*** This section controls the look of the navigation strip. ***/

#navstrip img {
display: none;
}

#navstrip
{
font-weight: bold;
text-size: 14px;
padding:3px 0px 3px 3px;
}

/*** End section ***/

/*** This section controls the strip at the bottom of topics, with 'Next Oldest | Next Newest'***/

.activeuserstrip
{
padding: 2px;
border: 1px solid #cccccc;
background-color: #eaeaea;
}

/*** End section ***/

/*** This section controls the look of the Add Reply / New Topic pages, though the .pformstrip also controls various strips around the board. ***/

.pformstrip
{
color: #FFFFFF;
font-weight:bold;
padding:4px;
border: 1px solid #000000;
background: #515050 url('http://i2.ifrm.com/7569/34/upload/p3134895.gif') repeat-x;
}

.pformleft
{
background-color: #F5F9FD;
padding:6px;
margin-top:1px;
width:25%;
border-top:1px solid #C2CFDF;
border-right:1px solid #C2CFDF;
}

.pformleftw
{
background-color: #F5F9FD;
padding:6px;
margin-top:1px;
width:40%;
border-top:1px solid #C2CFDF;
border-right:1px solid #C2CFDF;
}

.pformright
{
background-color: #F5F9FD;
padding:6px;
margin-top:1px;
border-top:1px solid #C2CFDF;
}

/*** End section ***/

/*** This section controls the look of posts. ***/

.post1
{
background-color: #EEEEEE;
border: 1px solid #ffffff;
}

.post2
{
background-color: #EEEEEE;
border: 1px solid #ffffff;
}

/*** End section ***/

/*** This section controls the look of the strip at the top of topics, with the topic options. ***/
.postlinksbar
{
padding: 2px;
background-color: #eaeaea;
border: 1px solid #cccccc;
border-bottom: none;
}

/*** End section ***/

/*** This section controls the main color of categories, member viewing, and the Board Statistics. ***/

.row1
{
background-color: #F5F9FD;
}

.row2
{
background-color: #ebebeb;
border: 1px solid #ffffff;
}

.row3
{
background-color: #EEF2F7;
}

.row4
{
background-color: #EEEEEE;
border: 1px solid #ffffff;
}

/*** End section ***/

/*** This section controls the look of various strips on the board. The .darkrow1 controls the rows between posts, and unused Calendar dates. The .darkrow2 controls the rows at the bottom of forums, and the .darkrow3 controls the strips below posts. ***/

.darkrow1 {
background-color: #eaeaea;
color:#959595;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

div.darkrow1 {
background-color: #EEEEEE;
color:#b0b0b0;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf
}

.darkrow2 {
border-top: 1px solid #FFFFFF;
padding: 1px;
background-color: #eaeaea;
background-image:url(http://i1.ifrm.com/9744/39/upload/p2474568.gif) }

div.darkrow2 {
background-color: #eaeaea;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
background-repeat: repeat-x; background-image:url(http://i2.ifrm.com/7437/128/upload/p27437.gif) }

.darkrow3 {
background-color: #f2f2f2;
color:#b0b0b0;
}

/*** End section ***/

/*** This section controls the look of the Private message lists. ***/

.hlight
{
background-color: #DFE6EF;
}

.dlight
{
background-color: #EEF2F7;
}

/*** End section ***/

/*** This section controls the sub-headers below category names. ***/

.titlemedium
{
color: #FFFFFF;
font-weight:bold;
padding:3px;
border: 1px solid #000000;
background: #97b867 url('http://i2.ifrm.com/7569/34/upload/p3134895.gif');
}

.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active
{
text-decoration: underline;
color: #3A4F6C;
}

/*** End section ***/

/*** This section controls the category titles, and headers on most pages. ***/

.maintitle {
border: 1px solid #111111;
vertical-align:middle;
font-weight:bold;
color:#FFF;
letter-spacing:1px;
padding:8px 0px 8px 5px;
background-image: url(http://i2.ifrm.com/7569/34/upload/p3140017.gif)
}

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

.maintitle a:hover
{
text-decoration: underline;
}

/*** End section ***/
.plainborder
{
border:1px solid #cccccc;
background-color:#cccccc;
}


/*** This section controls the border around the categories, and the borders inside them. ***/

.tableborder
{
border:1px solid #cccccc;
background-color:#cccccc;
padding:0px;
margin:0px;
width:100%;
}

div.tableborder
{
border:0px solid #345487;
background-color:#cccccc;
padding:0px;
margin:0px;
width:100%;
}

.tablefill 
{
border:1px solid #D3D5D8;
background-color:#F3F3F3;
padding:6px; 
}

.tablepad   
{
background-color:#F3F3F3;
padding:6px;
border:1px solid #D3D5D8;
}

.tablebasic 
{
width:100%;
padding:0px 0px 0px 0px;
margin:0px;
border:0px
}

div.tableborder div.tablepad
{
background-color: #F0F0F0 !important;
}

div.tableborder div.tablepad  table
{
background-color: #F0F0F0 !important;
}


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

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

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

.edit
{
font-size: 9px;
}


/*** This section controls the look of text in posts, and on the members information. ***/

.signature
{
font-size: 10px;
color: #339;
}

.postdetails
{
font-size: 10px;
}

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

/*** End section ***/

/*** This section controls the look of user's names on various parts of the board. ***/

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

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

.unreg
{
font-size: 11px;
font-weight: bold;
color: #900;
}

/*** End section ***/

.searchlite
{
font-weight:bold;
color:#F00;
background-color:#FF0;
}


/*** This section controls the looks of Quotes and Code blocks. ***/

#QUOTE, #CODE
{
font-family: Verdana, Arial;
font-size: 11px;
background-color: #eaeaea;
border: 1px solid #cccccc;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

/*** End section ***/

.copyright
{
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 9px;
line-height: 12px;
}


/*** This sections controls the look of text feild, buttons, and so on. ***/

.codebuttons
{
font-size: 10px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
}

.forminput, .textinput, .radiobutton, .checkbox
{
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
}

/*** End section ***/

/*** This section controls the section where active members appear (in the Board Statistics). ***/

.thin
{
padding:6px 0px 6px 0px;
line-height:140%;
margin:2px 0px 2px 0px;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
}

/*** End section ***/

.purple
{
color:purple;
font-weight:bold;
}

.red
{
color:red;
font-weight:bold;
}

.green
{
color:green;
font-weight:bold;
}

.blue
{
color:blue;
font-weight:bold;
}

.orange
{
color:#F90;
font-weight:bold;
}


/*** This section controls the side borders. ***/

.borderleft
{
background-image: url(http://whatever.jpg);
background-repeat: repeat-y;
width: 0px;
background-position: right;
}

.borderright
{
background-image: url(http://whatever.jpg);
background-repeat: repeat-y;
width: 0px;
background-position: left;
;
}

/*** End section ***/

/*** This section controls the current Calendar date. ***/

form div.tableborder td.row1
{
background-color: #FFFFFF;
border: 1px solid #000000!important;
}

td#ucpcontent form div.tableborder td.row1
{
background-color: #F5F9FD;
border: none!important;
}

/*** End section ***/

/*** This section controls the Google search box. ***/

div.tableborder div.tablepad
{
background-color: white!important;
}

div.tableborder div.tablepad table
{
background-color: white!important;
}

div.tableborder div.tablepad input
{
background-color: white!important;
}

/*** End section ***/

/*** This section controls the Google Ads. ***/

.adspace
{
padding: 10px;
background: #FFFFFF url(http://examplegoogleimage.jpg) no-repeat;
margin: 5px 0px 5px 0px;
}

/*** End section ***/

/*** This section controls the various poll styles. ***/

form div.pformstrip
{
background: url(http://examplepollimage.jpg);
}

form div.tablepad table td.row1
{
background: url(http://examplepollimage.jpg)!important;
}

form div.tablepad table td.row1 strong
{
color: #FFFFFF!important;
}

form div.tablepad b
{
color: #FFFFFF;
}

form div.tablepad
{
background: #000000 url(http://examplepollbackground.jpg);
}

/*** End section ***/

.copy
{
padding:4px 0px 4px 0px;
border: 1px solid #cccccc;
background: #eaeaea;
}

div.row4 {
background-position: bottom;
border: 1px dashed #cccccc!important; background: #ebebeb!important;
padding: 2px!important;
}

.info
{
border:1px solid #BCD0ED;
background-color: #DFE6EF;
font-size:10px;
margin:3px 0px 3px 0px;
color:#3A4F6C;
font-weight:bold;
}

.info a:link, .info a:visited, .info a:active
{
font-weight:bold;
font-size:10px;
text-decoration: none;
color: #3A4F6C;
}

#footer-left {
float: left
}

#footer {
width: 750px;
background: url(http://i2.ifrm.com/7569/34/upload/p3138747.gif);
border: 1px solid #dfdfdf;
height: 30px;
}

#footer-right {
float: right
}

.maintitle img {
display: none;
}
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Public Releases · Next Topic »
Add Reply