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] Office Style Dark

View previous topic View next topic Go down

[CSS] Office Style Dark

Post  Bad Wolf on Sun May 27, 2007 9:00 pm

CSS: Office Style Dark
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


<div align="center" style="padding:0px; margin:0px;"><table cellspacing="0" class="main"><tr><td class="left"></td><td class="center" bgcolor="000000">
</center>
<table border="0" cellpadding="0" width="100%" height="100%"
cellspacing="0" align="center">
<tr width="100%">
<td width="42" bgcolor="000000"
background="http://209.85.12.234/7319/39/upload/p1482610.gif" rowspan="2"><img border="0" src="http://209.85.12.234/7319/39/upload/p1482610.gif" />
</td>
<td width="800" valign="top">
< BOARD HEADER >
<div class="navmenu">
<a href="http://www.darkfx.com">Home</a>
&nbsp;&nbsp;<a href="http://zX.invisionfree.com/YourBoard/index.php?act=idx">Forum</a>
&nbsp;&nbsp;<a href="http://zX.invisionfree.com/YourBoard/index.php?act=SR&f=18">Lottery</a>
&nbsp;&nbsp;<a href="http://zX.invisionfree.com/YourBoard/index.php?act=Arcade">Arcade</a>
&nbsp;&nbsp;<a href="http://zX.invisionfree.com/YourBoard/index.php?act=Search">Search</a>
&nbsp;&nbsp;<a href="http://zX.invisionfree.com/YourBoard/index.php?act=Members">Members</a>
&nbsp;&nbsp;<a href="http://zX.invisionfree.com/YourBoard/index.php?act=calendar">Calendar</a>
</div>
<br>
< NAVIGATION >
< BOARD >
< STATS>

<br>
<table width="100%" style='border:1px solid #494747' cellspacing="1" cellpadding="4">
<tr>
<div class="copyright"><td class="row4" align='center'>
Office Style Dark 2007 <a href='http://www.darkfx.com/'>Dark eFfectX</a></div></td>
</tr>
</table>

< COPYRIGHT > (Footers/Wrappers)

</td>
<td width="12"
background="http://209.85.12.234/7319/39/upload/p1482610.gif" bg="000000" rowspan="2"><img border="0" src="http://209.85.12.234/7319/39/upload/p1482610.gif" />
</tr>
<tr>
<td width="800">
<center><br>
<table border="0" bordercolor="363636" cellpadding="0"
cellspacing="0" width="800">
<tr><td bgcolor="363636">

CSS:

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #8A8484; margin:0px 10px 0px 10px;background-color:#363636; background-image: url(http://); }
TABLE, TR, TD { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #888888; }
a:link, a:active, a:visited { text-decoration: none; color:#C6E6B2 }
a:hover { text-decoration:underline }

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

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

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:#555 }

.caldate { text-align:right;border-bottom:1px solid #000; color:#8A8485; margin:0px; background-image: url(http://209.85.48.8/1882/184/upload/p11054892.gif);
background-color:2D2C2C;background-repeat:repeat-x; }

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

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

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

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

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

#ucpmenu .maintitle { border:none; }
#ucpcontent .maintitle { border:none; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { background-image: url(http://209.85.48.8/1882/184/upload/p11046539.gif); }


#submenu, #submenu img { display: none; }
#submenu a:link, #submenu a:visited , #submenu a:active, #submenu a:hover { display: none; }

.navmenu{
text-align: center;
border: 1px solid #222222;
padding: 0px;
text-transform:
uppercase;
font-size: 18px;
margin: 10px 0px 0px 0px;
color: #C6E6B2;
font-weight:bold;
text-align:center;
text-position:bottom;
height: 20px;
background-image: url(http://209.85.12.234/7319/39/upload/p1348138.gif)
}

.navmenu a {
font-weight:bold;
font-size:10px;
text-decoration: none;
color: #C6E6B2;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 16px;
padding-right: 16px;
border: 1px solid #222222;
border-left: 1px solid #222222;
border-top: 1px solid #222222;
background-image:url(http://209.85.12.234/7319/39/upload/p1348138.gif); }

.navmenu a:hover { text-decoration:none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 16px;
padding-right: 16px;
border: 1px solid #222222;
background-image: url(http://209.85.12.234/7319/39/upload/p1348138.gif);
background-position:top center ;
color: #C6E6B2;
}

#userlinks { border:1px solid #000; margin:0px;background-color:343434;
background-image:url(http://209.85.48.8/1882/184/upload/p11047259.gif); }

#navstrip { font-weight: bold; padding: 2px 0px 2px 0px; border: 1px solid #000; margin-top: -14px; background-color: 000; }

#profilename { none }

.activeuserstrip { color:#8A8484;margin:0px; background-image: url(http://209.85.48.8/1882/184/upload/p11054892.gif);padding:3px;border:1px solid #000; }
.activeuserstrip a:link, .activeuserstrip a:visited, .activeuserstrip a:active { text-decoration: none; color:#8A8484; }
.activeuserstrip a:hover { text-decoration:underline; }

.pformstrip { font-weight:bold; color:#8A8484; margin:0px; background-image: url(http://209.85.12.231/10664/186/upload/p27241.gif);padding:3px; }
.pformstrip a:link, .pformstrip a:visited, .pformstrip a:active { text-decoration: none; color:#8A8484; }
.pformstrip a:hover { text-decoration:underline }

div.pformstrip { border-top:1px solid #000;border-bottom:1px solid #000; }

table.tableborder .pformstrip { border:1px solid #000;border-bottom:none; }

.pformleft { background-color: #292929; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000; border-right:1px solid #000;border-left:1px solid #000; }
.pformleftw { background-color: #292929; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000; border-right:1px solid #000;border-left:1px solid #000; }
.pformright { background-color: #292929; padding:6px; margin-top:1px;border-top:1px solid #000;border-right:1px solid #000; }

.post1 { background-color: #292929;border-top:1px solid #484747; }
.post2 { background-color: #292929;border-top:1px solid #484747; }

.postlinksbar { color:#8A8484;margin:0px; background-image: url(http://209.85.48.8/1882/184/upload/p11047260.gif);padding:3px;border:1px solid #232323;border-bottom:none; }
.postlinksbar a:link, .postlinksbar a:visited, .postlinksbar a:active { text-decoration: none; color:#8A8484; }
.postlinksbar a:hover { text-decoration:underline; }

.row1 { background-color: #3D3D3D; }
.row2 { background-color: #3D3D3D;border-top:1px solid #343434; }
.row3 { background-color: #3D3D3D; }
.row4 { background-color: #3D3D3D;border-top:1px solid #343434; }
div.row4 { background-color: #3D3D3D; }
.row5 { background-color: #000 }

.darkrow1 { background-color: #2D2D2D; }
.darkrow2 { background-image: url(http://209.85.12.234/7319/39/upload/p1351116.gif);background-color: #2D2C2C;background-repeat:repeat-x; }
.darkrow3 { background-color: #292929;border-top:1px solid #484747; }
div.darkrow2 { border:1px solid #000;border-top:none; }

div.tableborder div.tablepad { background-color: #292929;border:1px solid #000; }
div.tableborder div.tablepad table { background-color: transparent; }

div.tableborder div.tablepad input { background-color: #232323;background-image: url(http://209.85.12.231/10664/186/upload/p27218.gif);background-repeat:repeat-x;border:1px solid #000; }

.hlight { background-color: #444;border-top:1px solid #CBF2BC; }
.dlight { background-color: #444;border-top:1px solid #CBF2BC; }

.titlemedium { font-weight:bold; color:#8A8484;margin:0px; background-image: url(http://209.85.12.234/7319/39/upload/p1348138.gif);padding:3px; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color:#8A8484; }
.titlemedium a:hover { text-decoration:underline }

.maintitle { font-weight:bold; color:#FFFFFF;margin:0px; background-image: url(http://209.85.48.8/1882/184/upload/p11047381.jpg);
padding:3px;text-align:left; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color:#C6E6B2; }
.maintitle a:hover { text-decoration:none }

.plainborder { border:1px solid #444;background-color:#444 }
.tableborder { border:none;background-color:#000; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #000;background-color:#343434; }
.tablepad { background-color:#F5F9FD;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

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

.desc { font-size:9px; color:#8A8484 }
.edit { font-size: 9px }

div.desc { background-color: #343434;border-top:1px solid #000; }

.signature { font-size: 9px; color: #8A8484; }
.postdetails { font-size: 10px }
.postcolor { font-size: 11px; line-height: 160% }

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

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

#QUOTE, #CODE { font-family: Verdana, Arial; font-size: 10px; background: url(http://209.85.12.234/7319/39/upload/p1351116.gif) top repeat-x #3C3C3C; border: 1px solid #000000; padding: 2px; }
.post1 table, .post2 table { margin: 5px 5px 0px 5px; }
.post1 td, .post2 td { background: repeat-x url(http://); border-right: 1px solid #000000; border-left: 1px solid #000000; padding: 2px 0px 1px 20px; }

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

.forminput, .textinput, .checkbox, .codebuttons { font-size: 10px; font-family: tahoma, helvetica, sans-serif; vertical-align: middle; border:1px solid #000; color:#8A8484; background-image: url(http://209.85.48.8/1882/184/upload/p11054892.gif); background-color: #2D2C2C; background-repeat: repeat-x; margin-top: 1px; }

.forminput, { font-size: 10px; font-family: tahoma, helvetica, sans-serif; vertical-align: middle; border:1px solid #000; color:#8A8484; background-image: url(http://); background-color: #2D2C2C; background-repeat: repeat-x; margin-top: 1px; }

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

.radiobutton, { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.input, textarea, select { border: 1px solid #222222; background-image: url(http://209.85.48.8/1882/184/upload/p11047260.gif); top repeat-x #3C3C3C; font-family: tahoma, arial, sans-serif; font-size: 10px; color: #888888; }
option { color: #888888; font-weight: normal; }

.thin { padding: 3px 0px 3px 0px; line-height: 140%; margin: 5px 0px 5px 0px; border-top: 1px solid #222222; border-bottom: 1px solid #222222; }

.border { width:750px;margin-left:auto;margin-right:auto;border:1px solid #000;background-color:#292929;padding:10px; }

#ipbwrapper { width:750px;margin-left:auto;margin-right:auto;border:1px solid #000;background-color:#292929;padding:10px; }
#ipbwrapper .tableborder { border:1px solid #000; }
#ipbwrapper .tablepad { border:none; }
#ipbwrapper .maintitle { border:none;border-bottom:1px solid #000; }

.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

Re: [CSS] Office Style Dark

Post  Fenric on Sat Jun 16, 2007 4:00 pm

I always like that skin.

^7/10
avatar
Fenric
R&D Staff
R&D Staff

Male
Age : 39
Number of posts : 138
Location : In the hearts of man

Reputation : 0
Usage Points : -5
Registration date : 2006-12-26

Cprofile
Title: Evil from the dawn of time
Luck:
222/222  (222/222)
Karma:
259/333  (259/333)

View user profile http://www.freewebs.com/techex

Back to top Go down

Re: [CSS] Office Style Dark

Post  UltimateGatsuga on Fri Aug 01, 2008 4:14 pm

i cant copy the codes when i right click the copy thing wont show

UltimateGatsuga
Spirit Evolution
Spirit Evolution

Number of posts : 1
Reputation : 0
Usage Points : 0
Registration date : 2008-08-01

Cprofile
Title: Not Assigned
Luck:
222/222  (222/222)
Karma:
333/333  (333/333)

View user profile

Back to top Go down

Re: [CSS] Office Style Dark

Post  Bad Wolf on Sat Aug 02, 2008 2:32 pm

right click is disable ... you will need to left click and then Ctrl+c to get the code
sorry for the inconvience

nem

_________________
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

Re: [CSS] Office Style Dark

Post  Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

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