Welcome to forums of Dark eFfectX !
Enter the digital revolution. Design technology, coding & gaming.

The exchange of Digital Knowledge while Anime, Manga and Technology collide in a Alchemy of Thought and Illusion.

Learn the magic of today from the science of tomorrow. Web site modifications, custom style sheets (CSS) and coding support + more.

Guests, please register or log in to view the entire forum.

[CSS] Cybertron

View previous topic View next topic Go down

[CSS] Cybertron

Post  Bad Wolf on Wed Jun 20, 2007 1:38 pm

CSS: Cybertron
Author: Nemesis Prime
For InvisionFree and can be simply modified for IPBfree
this CSS is compatible with IE and Firefox
Preview: Here
Keep copyright in place, do not alter without permission

<Header>

<center><br>
<table cellpadding="10" cellspacing="0" width="750">
<tr><td bgcolor=""><br></div></center>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<br>
<div align="center">
<div class="tableborder" style="width: 45%">
<div class="row4" style="font-size: 7.5pt; line-height: 12px; border:1px solid #444444; padding:4px 0px 4px 0px; spacing:0px 0px 0px 0px">CSS: <i>Cybertron</i> by <b>Nemesis Prime</b> 2006-07 <a href="http://www.darkfx.com" target="_blank">Dark eFfectX</a></center></font>
</div></div></div><br><br>
<br>
</STYLE><CENTER><font color="#FFFFcc">Transformer "Sprites" created by Nick Kelsch</font></CENTER>
<% STATS %>

< CSS >

html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
img { vertical-align:middle; border:0px }
BODY { font-family: tahoma, verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; margin:0px;padding:0px;background-color: #000000; background-image: url(http://209.85.48.12/3615/98/upload/p2895003.gif); text-align: center}
TABLE, TR, TD { font-family: tahoma, verdana, Arial, sans-serif; font-size: 10px; color:#99CC99; }
#ipbwrapper { text-align:left; width:100%; margin-left:auto;margin-right:auto }
a:link, a:visited, a:active { font-weight: none; text-decoration:none; color: #ffffcc}
a:hover { color: #DAD992; font-weight: none; text-decoration: underline overline}

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
form { display:inline; }
img { vertical-align:middle; border:0px }
img.attach { border:2px outset #EEF2F7;padding:2px }

.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: #B23AEE; }
.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:#B23AEE }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold; color: #9998A6}
.caldate { text-align:right;font-weight:bold;font-size: 11px; color: #9998A6; background-color:#5E5E5E; padding: 4px;margin:0px }

.warngood { color: white }
.warnbad { color: red }

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

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

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid white }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border: 2px solid #000000; background-color: #0A0A0A }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #0A0A0A border:2px solid #000000; line-height:150%; width:auto }
#ucpcontent p { padding: 10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border: 1px solid #202020;background-color: #000000;background-image:url(http://);padding:0px;margin:0px; }
#submenu { border-top: 0px; border: 2px solid #000000; background-color: #212121; background-image: url(http://); font-size:10px;margin:1px 0px 1px 0px; color: #FFFFCC; font-weight: bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFCC; }
#userlinks { font-size:10px; color: #FFFFCC; border:2px solid #000000; background-color: #212121; background-image: url(http://);}

#navstrip { font-weight:bold;padding:4px 0px 4px 0px; }

.activeuserstrip { background-color: #222222; font-size 1px; color:#FFFFFF; background-image: url(http://); padding:4px }
.pformstrip { background-color:#151515; color:#E0EEE0;font-weight:bold;padding: 5px;margin-top:1px }
.pformleft { background-color: #151515; padding: 4px; margin-top:1px;width:25%; border-top:1px solid #535353; border-right:1px solid #535353; }
.pformleftw { background-color: #151515; padding:4px; margin-top:1px;width:40%; border-top:1px solid #535353; border-right:1px solid #535353; }
.pformright { background-color: #151515; padding:4px; margin-top:1px;border-top:1px solid #535353; }

.signature { font-size: 10px; color: #9A9A9A; line-height:150% }
.postdetails { font-size: 10px; color: #6B6B6B; line-height:120% }
.postcolor { font-size: 11px; color: #99CC99; line-height: 160% }

.normalname { font-size: 11px; font-weight: bold; color: #666666}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 11px }
.unreg { font-size: 11px; font-weight: bold; color:#FFFFFF}

.post1 { font-size: 11px; background-color: #121212 }
.post2 { font-size: 11px; background-color: #000000 }
.postlinksbar { background-color: #111111; padding: 5px; margin-top:1px; font-size:10px; background-image: url(http://209.85.48.12/3615/98/upload/p1033341.gif) }

.row1 { border: 2px solid #9998A6; background-color: #000000}
.row2 { border: 2px solid #9998A6; background-color: #101010}
.row3 { border: 2px solid #9998A6; background-color: #1E1F2E}
.row4 { border: 2px solid #9998A6; background-color: #060606}
.row5 { background-color: transparent }

.darkrow1 { border: 1px solid #9998A6; background-color: #43434F}
.darkrow2 { border: 1px solid #9998A6; background-color: #000000}
.darkrow3 { border: 1px solid #9998A6; background-color: #1F1F1F; background-image:url(http://209.85.48.12/3615/98/upload/p2895011.jpg) }

.hlight { background-color: #3A0003}
.dlight { background-color: #242424}

.titlemedium { text-align:center;border: 1px solid #333333;font-weight:bold; color: #E0EEE0; padding:5px; margin:0px; background-image: url(http://209.85.48.12/3615/98/upload/p2895009.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #E0EEE0}
.maintitle { text-align:center;vertical-align:middle;font-weight:bold; color: #FFFFFF; padding:2px 0px 2px 2px; background-image: url(http://209.85.48.12/3615/98/upload/p2895013.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF}
.maintitle a:hover { text-decoration: none }

.plainborder { border: 1px solid #202020; background-color: #373737 }
.tableborder { border: 1px solid #222222; background-color: #171717; padding:0; margin:0 }
.tablefill { border: 1px solid ; background-color: #5E5E5E; padding: 8px}
.tablepad { background-color: #2A2A2A; padding:4px }
.tablebasic { width:100%; padding:px 2px 0px 2px; margin:2px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color: #99CCCC}
.edit { font-size: 10px; color: #FFFFFF }
.searchlite { font-weight:bold; color:#F00; background-color:#0A0A0A }

#QUOTE { white-space:normal; font-family: tahoma, verdana, Arial; font-size: 10px; color:silver; background-color: #222222; border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { white-space:normal; font-family: Courier, Courier New, Verdana, Arial; font-size: 10px; color:silver; background-color: #222222; border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Tahoma, verdana, Arial, Sans-Serif; font-size: 10px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;
background-color: #5E5E5E; color: #FFFFFF; border: 1px solid #000000;

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

.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 }

_________________
avatar
Bad Wolf
Developer
Developer

Female
Age : 39
Number of posts : 1643
Location : The Evil Empire

Reputation : 6
Usage Points : 649
Registration date : 2006-12-24

Cprofile
Title: The Digital Alchemist
Luck:
555/555  (555/555)
Karma:
670/777  (670/777)

View user profile http://www.darkfx.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum