We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Yellow Blush; Yellow/White/Grey
Topic Started: Mar 28 2008, 03:47 PM (868 Views)
Liiam
Member Avatar
Member
[ *  *  *  * ]
Name: Yellow Blush
Author: Liam105
Skin Number: 1
Date Created: 6 days ago
Preview: Here
Side Notes: Simple, yet awesome! Please comment!

CSS

Code:
 
/*Global Elements*/
html {
overflow-x: hidden;
overflow-y: auto;
}
form {
display: inline;
}
img {
border: 0px;
vertical-align: middle;
}
img.attach {
border: 2px outset #EEF2F7;
padding: 2px;
margin-left: 5px;
margin-top: 5px;
}
BODY {
color: #808080;
margin: 0px;
font-family: Arial;
text-align: left;
font-size: 12px;
background-color: #FBFBFB;
background-position: top;
background-repeat: repeat-x;
FFFFFF
}
TABLE, TR, TD {
font-family: Arial;
font-size: 12px;
color: #808080; }
a {
text-decoration: none;
}
a:link, a:visited, a:active {
color: #9B9B9B;
}
a:hover {
color: #EDA831;
}
label {
cursor: pointer;
}


/*Board Content Areas*/
.inside1 {
background: #F5F5F5;
border: 1px solid #DEDEDE;
font-family: arial;
font-size: 11px;
width: 98%;
}
.inside2 {
background: #F5F5F5;
padding: 4px;
text-align:left;
width: 98%;
}


/*Navigation Drop Down*/
.dropbutton {
margin-top: -5;
FFFFFF
background-repeat: no-repeat;
height: 65px;
width: 115px;
display: block;
padding-top: 21px;
padding-left: 7px;
margin-bottom: -21px;
}
a.dropbutton {
color: #BBB;
}
a.dropbutton:hover {
color: #EDA831;
}
#nav, #nav ul {
float: left;
padding: 0px;
padding-top: 5px;
padding-bottom: 10px;
margin: 0px;
list-style-type: none;
width: 100%;
font-weight: bold;
font-family: Arial;
}
#nav a.sub {
color: #EDA831;
display: block;
font-size: 12px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
width: 100%;
}
#nav a.sub:hover {
background-color: #FFC96A;
color: #F5F5F5;
}
#nav li {
float: left;
width: 150px;
}
#nav li ul {
position: absolute;
background-color: #F5F5F5;
FFFFFF
background-repeat: repeat-x;
width: 150px;
left: -999em;
border: 1px solid #BBBBBB;
margin: -30px 0px 0px 10px;
}
#nav li ul ul { /*1=ver,4=hor*/
margin: -35px 0 0 140px;
}
#nav li:hover ul, #nav li.sfhover ul {
/*level 1*/
left: -999em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
/*level 2*/
left: -999em;
}
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
/*level 3*/
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}


/*Navigation Path*/
.pathtxt {
color: #BBBBBB;
font-size: 9;
font-weight: bold;
margin-left: 0px;
text-transform: uppercase;
}
#navstrip {
color: #BBBBBB;
font-size: 11;
font-weight: bold;
padding: 6px 0px 6px 0px;
}
#navstrip a {
margin-left: 10px;
margin-right: 10px;
padding: 3px 3px 3px 3px;
}
#navstrip a:hover {
padding: 2px 2px 2px 2px;
background-color: #FAFAFA;
border: 1px solid #EAEAEA;
}


/*Google Adverts*/
.googleroot, .googlechild {
padding: 6px;
line-height: 130%;
}
.googlechild {
margin-left: 30px;
}
.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;
}


/*Users Links*/
#userlinks {
background-color: #F3F3F3;
border: 1px solid #DEDEDE;
margin-top: -4px;
}


/*Maintitle*/
.tableborder {
background-color: #DEDEDE;
border: 0;
margin: 0px;
padding: 0px;
width: 100%;
}
.maintitle {
background-color: #F5F5F5;
FFFFFF
background-repeat: repeat-x;
border: 1px solid #DEDEDE;
border-bottom: 0;
color: #EDA831;
font-size: 14 pt;
font-weight: bold;
margin-top: 10px;
padding: 12px 0px 12px 20px;
vertical-align: middle;
}
td.maintitle {
border: 1px solid #DEDEDE;
}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
color: #EDA831;
}
.maintitle a:hover {
color: #BBB;
}


/*Titlemedium*/
.titlemedium {
font-weight: bold;
font-size: 12 pt;
color: #BBB;
padding: 3px 0px 4px 9px;
margin: 0px;
background-color: #F8F8F8;
FFFFFF
background-repeat: repeat-x;
text-align: left!important;
}
div.titlemedium {
border: 1px solid #DEDEDE;
border-top: 0;
}
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active {
text-decoration: none;
color: #BBB;
}


/*Rows*/
.row1 {
background-color: #F9F9F9;
}
.row3 {
background-color: #EFEFEF;
}
.row2, .row4 {
background-color: #F5F5F5;
}
td.row2:first-child {
text-align: center;
}
div.row2 {
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
}
td.row4:first-child {
text-align: center;
}
div.row4 {
margin-top: -1px;
}


/*Forum Description*/
.desc {
font-size: 11px;
color: #808080;
}


/*Darkrows*/
.darkrow1 {
background-color: #F5F5F5;
color: #EDA831;
}
td.darkrow1 {
background-color: #F5F5F5;
color: #EDA831;
}
td.darkrow1 b {
margin-left: 80px;
}
.darkrow2 {
background-color: #F9F9F9;
FFFFFF
background-repeat: repeat-x;
color: #EDA831;
padding: 1px 0px 6px 0px;
}
div.darkrow2 {
border: 1px solid #DEDEDE;
border-top: 0;
padding: 2px 0px 2px 10px!important;
}
.darkrow3 {
background-color: #F9F9F9;
FFFFFF
background-repeat: repeat-x;
color: #EDA831;
padding: 2px 10px 2px 10px;
}
.darkrow3 a {
padding: 3px 11px 3px 11px;
}
.darkrow3 a:hover {
padding: 2px 10px 2px 10px;
border: 1px solid #DEDEDE;
}
.darkrow3 img {
display: none;
}


/*Quick Log In*/
form div input.forminput {
padding: 2px;
border: 1px solid #DEDEDE;
background-color: #F8F8F8;
font-size: 12px;
font-family: Arial;
color: #808080;
}


/*Pform*/
.pformstrip {
font-weight: bold;
font-size: 12 pt;
color: #BBB;
padding: 3px 0px 4px 9px;
margin: 0px;
background-color: #F8F8F8;
FFFFFF
background-repeat: repeat-x;
}
th.pformstrip {
text-align: center!important;
padding: 3px 3px 4px 3px;
}
input.row1 {
color: #EDA831;
}
.pformleft {
background-color: #F5F5F5;
padding: 6px;
margin: 0;
width: 25%;
border: 1px solid #DEDEDE;
border-top: 0;
}
.pformleftw {
background-color: #F5F5F5;
padding: 6px;
margin: 0;
width: 40%;
border: 0;
}
.pformright {
background-color: #F5F5F5;
padding: 6px;
margin: 0;
border: 1px solid #DEDEDE;
border-top: 0;
border-left: 0;
}



/*Online Users*/
.thin {
margin: 2px;
padding: 5px;
border: 1px solid #DEDEDE;
background-color: #F2F2F2;
font-size: 12px;
font-family: Arial;
color: #808080;
}



/*IF Copyright*/
center div div.row4 {
background-color: #F5F5F5;
border: 1px solid #DEDEDE!important;
}


/*My Copyright*/
.mycopyright {
background-color: #F5F5F5;
FFFFFF
background-repeat: repeat-x;
border: 1px solid #DEDEDE;
border-top: 0;
color: #EDA831;
font-size: 14 pt;
padding: 12px 15px 12px 20px;
vertical-align: middle;
width: 98%;
}
.mycopyright a {
padding: 5px;
}
.mycopyright a:hover {
border: 1px solid #DEDEDE;
padding: 4px;
}


/*Post Links*/
.postlinksbar {
background-color: #F8F8F8F;
FFFFFF
background-repeat: repeat-x;
border: 1px solid #DEDEDE;
border-bottom: 0;
font-weight: bold;
font-size: 12 pt;
margin: 0px;
margin-bottom: -1px;
padding: 3px 0px 4px 15px;
text-align: center;
}
.postlinksbar a {
color: #EDA831;
}



/*Usernames*/
.normalname, .normalname a:link, .normalname a:visited, .normalname a:active, .unreg {
font-size: 12px;
font-weight: bold;
padding-left: 5px;
}
.normalname, .normalname a:link, .normalname a:visited, .normalname a:active {
color: #808080;
padding: 1px 10px 1px 10px;
border: 1px solid #DEDEDE;
background-color: #F2F2F2;
}
.normalname {
background-color: #DEDEDE;
border: 1px solid #DEDEDE;
}
.unreg {
color: #EDA831;
}


/*Pre-post Messages*/
.postdetails {
font-size: 11px;
font-family: Arial;
text-align: left;
display: block;
background-color: #EDEDED;
border: 1px solid #DEDEDE;
margin: 10px;
padding: 4px;
}
.row4 .postdetails {
background: none;
border: none;
padding: 0px;
margin: 0px 5px 0px 5px;
}
.row4 .postdetails a {
text-decoration: none!important;
}


/*Posts*/
.post2 {
background-color: #F5F5F5;
}
.post1 {
background-color: #EFEFEF;
}



/*In-post Messages*/
.postcolor {
margin: 0px;
font-size: 12px;
line-height: 160%;
}
#QUOTE, #CODE {
font-family: Arial;
font-size: 12px;
color: #808080;
background-color: #EBEBEB;
border: 1px solid #DDDDDD;
padding: 5px;
}
.post2 table {
background: #F5F5F5;
border: 1px solid #DDDDDD;
padding: 2px;
margin-top: 2px;
}
.post1 #QUOTE, .post1 #CODE {
background-color: #E6E6E6;
border: 1px solid #D9D9D9;
}
.post1 table {
background: #EFEFEF;
border: 1px solid #D9D9D9;
padding: 2px;
margin-top: 2px;
}


/*Edited Line*/
.edit {
font-size: 11px;
padding: 5px;
border: 1px solid #DEDEDE;
background-color: #F2F2F2;
}
.edit b {
color: #EDA831;
}


/*Signature Area*/
.signature {
font-size: 12px;
font-family: Arial;
color: #808080;
border: 1px solid #DEDEDE;
margin: 2px;
padding: 5px;
}


/*Who's Viewing This Topic*/
.activeuserstrip {
background-color: #EFEFEF;
border: 1px solid #DEDEDE;
padding: 6px;
}


/*Fast Reply*/
div.tablefill {
background-color: #F5F5F5;
border: 1px solid #DEDEDE;
width: auto;
}


/*Calendar*/
#calendarname {
font-size: 22px;
font-weight: bold;
}
.caldate {
padding-right: 15px;
color: #EDA831;
}
form div.tableborder td.row1 {
border: 0!important;
}
form div.tableborder td.row1 .caldate {
FFFFFF!important;
color: #808080;
}
form div.tableborder td.row1 .caldate, .caldate {
background-color: #F8F8F8;
FFFFFF
background-repeat: repeat-x;
background-position: top;
border-bottom: 1px solid #DEDEDE;
font-size: 12 pt;
font-weight: bold;
margin: 0px;
text-align: right;
}



/*Help*/
li.helprow {
padding: 0px;
margin: 0px 0px 10px 0px;
}
ul#help {
padding: 0px 0px 0px 15px;
}
.tablepad {
background-color: #F5F5F5;
border: 1px solid #DEDEDE;
padding: 6px;

}


/*Search*/
fieldset.search {
padding: 6px;
line-height: 150%;
}
div div div.tablepad {
background-color: #F5F5F5!important;
border: 1px solid #DEDEDE!important;
}
.searchlite {
font-weight: bold;
color: #F00;
background-color: #FF0;
}


/*Posting, Log In & Registration Screen*/
table.tablebasic td.pformright {
border: 0px;
}
.tablefill {
background-color: #transparent;
border: 0;
padding: 6px;
width: 95%;
}
.codebuttons {
font-size: 11px;
font-family: Arial;
color: #808080;
background-color: #F8F8F8;
border: 1px solid #DEDEDE;
margin: 2px;
}
.codebuttons:hover {
border: 1px solid #EDA831;
}
.forminput, .textinput {
background-color: #F8F8F8;
FFFFFF
background-repeat: repeat-x;
border: 1px solid #DEDEDE;
font-size: 12px;
font-family: Arial;
color: #808080;
vertical-align: middle;
padding: 3px;
}
select.forminput, select.textinput {
background-color: #EAEAEA;
border: 1px solid #DADADA;
padding: 0px;
}
textarea.textinput, tr td.pformright input.forminput, tr td.pformright input.textinput, td.pformstrip input.forminput {
width: 95%;
margin: 10px;
padding: 5px;
border: 1px solid #DEDEDE;
background-color: #F8F8F8;
background-image: url();
font-size: 12px;
font-family: Arial;
color: #808080;
}
tr td.pformright input.forminput, tr td.pformright input.textinput {
width: 65%;
background-image: url();
}
tr td.pformright input.forminput {
width: auto;
background-image: url();
}
textarea.textinput:hover {
padding: 3px;
background-image: url();
border: 3px double #DEDEDE;
}
tr td.pformright input.forminput:hover, tr td.pformright input.textinput:hover {
background-color: #F2F2F2;
background-image: url();
}
td.pformstrip input.forminput {
width: auto;
margin: 2px;
background-image: url();
}



/*Profiles*/
.plainborder {
background-color: #F5F5F5;
border: 1px solid #EDA831;
}
#profilename {
font-size: 28px;
font-weight: bold;
}
#photowrap {
padding: 6px;
}
#phototitle {
font-size: 24px;
border-bottom: 1px solid black;
}
#photoimg {
text-align: center;
margin-top: 15px;
}


/*User Control Panel*/
#ucpmenu, #ucpcontent {
background-color: #FBFBFB;
border: 1px solid #DEDEDE;
line-height: 150%;
width: 22%;
}
#ucpmenu .maintitle, #ucpcontent .maintitle {
border: 0;
margin-top: 0;
}
#ucpmenu .pformstrip, #ucpcontent .pformstrip {
border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
color: #EDA831;
}
#ucpmenu p, #ucpcontent p {
margin: 0px;
padding: 2px 5px 6px 9px;
}
#ucpcontent {
width: auto;
}
#ucpcontent p {
padding: 10px;
}
#ucpcontent textarea.forminput, #ucpcontent input.forminput {
padding: 5px;
border: 1px solid #DEDEDE;
background-color: #F8F8F8;
font-size: 12px;
font-family: Arial;
color: #808080;
}
#ucpcontent textarea.forminput {
width: 95%;
margin: 10px;
}
#ucpcontent .tableborder {
background-color: #DEDEDE;
}


/*Personal Messages System*/
.hlight {
background-color: #F8F8F8;
}
.dlight {
background-color: #F5F5F5;
}
#ucpcontent div.titlemedium {
border-top: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
margin-bottom: -5;
}


/*Other*/
option.cat {
font-weight: bold;
}
option.sub {
font-weight: bold;
color: #555;
}
.warngood {
color: green;
}
.warnbad {
color: red;
}
#padandcenter {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 14px 0px 14px 0px;
}
.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;
}
.tablebasic {
border: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.wrapmini {
float: left;
line-height: 1.5em;
width: 25%;
}
.pagelinks {
float: left;
line-height: 1.2em;
width: 35%;
}
.radiobutton {
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
}
.checkbox {
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
}
#submenu {
display: none;
}
.fmnonew, .fmnew, .sfmnonew, .sfmnew, .ppfmnonew, .ppfmnew, .rofm, .rfm {
display: block;
height: 35px;
width: 35px;
}
.fmnonew {
FFFFFF
}
.fmnew {
FFFFFF
}
.sfmnonew {
FFFFFF
}
.sfmnew {
FFFFFF
}
.ppfmnonew {
FFFFFF
}
.ppfmnew, .rofm {
FFFFFF
}
.rfm {
FFFFFF
}


/*Javascript*/
</style><script language='javascript'>

if (location.search.indexOf('act=Post&CODE') != -1) {
document.write("<style>td.pformstrip { border: 1px solid #DEDEDE; border-top: 0; } div.pformstrip { border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; } </style>")
}

if (location.search.indexOf('showtopic') != -1) {
document.write("<style>div.tablepad { border: 1px solid #DEDEDE; } </style>")
}

if (location.search.indexOf('act=Search') != -1) {
document.write("<style>form table { background-color: #F5F5F5; text-align: center; } form table font { color: #808080!important; } form table img { display: none; } input { padding: 5px; border: 1px solid #DEDEDE; background-color: #F8F8F8; font-size: 12px; font-family: Arial; color: #808080; width: auto; } div.pformstrip { border: 1px solid #DEDEDE; border-top: 0; } </style>")
}

</script>
Offline Profile Quote Post Goto Top
 
.Vendetta
Member Avatar
Member
[ *  *  *  * ]
You've got 2 copyrights on your TB. ;)
Good work, there are some things that could use fixing, and maybe try out some images next time. Other than that, good work. ^_^
Offline Profile Quote Post Goto Top
 
Liiam
Member Avatar
Member
[ *  *  *  * ]
graysparx
Mar 28 2008, 08:37 PM
You've got 2 copyrights on your TB. ;)
Good work, there are some things that could use fixing, and maybe try out some images next time. Other than that, good work. ^_^

I do? o_O I should fix that.... :huh:
Offline Profile Quote Post Goto Top
 
Nivexonix
Member Avatar
Love
[ *  *  *  *  *  *  * ]
The border looks messed up for me. I'm using FireFox 2.0.0.13. Also, it's simple but effective. Fairly nice work.
Offline Profile Quote Post Goto Top
 
Journet
Member Avatar
This is a place you'll never know...
[ *  *  *  *  *  *  * ]
The border is messed but it would have been a wonderful imageless skin. :)
Offline Profile Quote Post Goto Top
 
Mr. Pie
Member Avatar
Member
[ *  * ]
The border looks fine for me.... o_0

I love the theme of it, especially the post details.

Just needs some gradients :)
Offline Profile Quote Post Goto Top
 
Liiam
Member Avatar
Member
[ *  *  *  * ]
Could someone decribe the problems with the border? (Screenshots would be helpful) ;)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply