User:Deathnut/projects:finished/Css Color.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

div.fm { width:300px; position:fixed; z-index:98; top:10px; left:10px; }

input.sl { border:0px; background: transparent; color:#fcc; text-decoration:none; font-weight: bold; font-size: medium; }

/*Stats bar works by fading the opacity of the cell color as your stats go down*/
td.ic { width:15px; background-color:#555 } /*Background for the icon cell*/
table.bt { width:100%; background-color:#555 } /*Background for the bars*/

div.idc0 { width:15px; height:15px; background-color:#c00 } /*Health icon color*/
div.idc1 { width:15px; height:15px; background-color:#0c0 } /*AP icon color*/
div.idc20 { width:15px; height:15px; background-color:#00c } /*XP icon color level 1*/
div.idc21 { width:15px; height:15px; background-color:#c0c } /*XP icon color level 2*/
div.idc22 { width:15px; height:15px; background-color:#0cc } /*XP icon color level 3*/
div.idc23 { width:15px; height:15px; background-color:#ccc } /*XP icon color level 4*/

div.ipd { height:0px; position:relative; top:-15px; left:0px; } /*Icon placement, this should only be changed if the icon size is changed*/

div.bcb { border-bottom: solid 1px black; border-right: solid 1px black; border-top: solid 1px black; } /*Border for each cell of the bars*/
div.bcc0 { width:100%; height:7px; background-color:#c00; } /*Health bar color*/
div.bcc1 { width:100%; height:7px; background-color:#0c0; } /*AP bar color*/
div.bcc20 { width:100%; height:7px; background-color:#00c; } /*XP bar color level 1*/
div.bcc21 { width:100%; height:7px; background-color:#c0c; } /*XP bar color level 2*/
div.bcc22 { width:100%; height:7px; background-color:#0cc; } /*XP bar color level 3*/
div.bcc23 { width:100%; height:7px; background-color:#ccc; } /*XP bar color level 4*/

span.sn0 { font-size:x-small; color:#fff; text-decoration:none; background:#555; border:1px solid #000; position:relative; bottom:5px; left:9px; padding:0px 3px; } /*Stats number label, health >= 10*/
span.sn1 { font-size:x-small; color:#fff; text-decoration:none; background:#555; border:1px solid #000; position:relative; bottom:5px; left:9px; padding:0px 3px; } /*Stats number label, heatlh < 10*/

input.m2 { color:#FFFFFF; background:#223322; opacity:0.7; width:98px; padding:0px 0px; margin:0px; font-size:x-small; border-width:0px }

table.nt { border:8px raised #999; background:#666; border-spacing:0px; text-align:center; color:#000; padding:0px; margin:0px; }

table.nt tr td { text-align:center; vertical-align:top; color:#000; margin:0px; padding:0px; border:0px; spacing:1px; width: 100px; height: 100px }

ul.menu, ul.menu ul { padding: 0px; margin: 0px; color: #efe; white-space: nowrap; }
ul.menu li { list-style-type: none; margin: 0px; position: relative; padding: 0px; margin: 0px; }
ul.menu > li { opacity: 0.85; }
ul.menu li > ul { background: #6a6a6a; display: none; position: absolute; bottom: 0px; left: 125px; }/*item menu bg default #898*/
ul.menu li > ul > li > ul { position: absolute; bottom: 0px; left: 60px; }
ul.menu li:hover, ul.menu li.CSStoHighlight { background: #484848; color: #bcb; }/*item menu hover defaults #232 #bcb*/
ul.menu ul.CSStoShow { display: block; }
ul.menu li:hover > ul { display: block; }
ul.menu input.m { background: transparent; border: 0px; padding: 0px; white-space: nowrap; height:22px; width:100%; text-align: left; }
ul.menu input.m:hover { color: #bcb; }/*hover item bar menus text default #898*/

a:hover {background: #6a6a6a}/*hover on names default #232*/

table.c td { background-repeat: no-repeat; border: 0; vertical-align: top; }
table.c td.sb { border:2px #444 solid; }

div.gt table { width:100%; }
div.gt table td > span  { font-size:x-small; text-decoration:none; border:1px solid #000; position:relative; bottom:2px; left:-3px; padding:0px 3px; z-index:90; }

span.hpFull { background:#555; color:#fff; } /*Spans for 50 & 60 HP*/
span.hp5 { background:#5dd844; color:#000;} /*Color range for player health labels*/
span.hp4 { background:#91e24e; color:#000;}
span.hp3 { background:#f1f35f; color:#000;}
span.hp2 { background:#dfbe00; color:#000;}
span.hp1 { background:#aa6000; color:#000;}
span.hp0 { background:#b20000; color:#000;}

ul.menu2 { position: absolute; left: 0px; top: 0px; z-index: 99; width: 100px; margin: 0px; display: none; }
ul.menu2, ul.menu2 ul { opacity: 0.85; padding: 0px; background: #6a6a6a; color: #efefef; white-space: nowrap; }/*names menu defaults #898 #efe*/
ul.menu2 li { list-style-type: none; position: relative; }
ul.menu2 li > ul { opacity: 1; position: absolute; top: 0px; left: 100px; display: none; }
ul.menu2 li:hover, ul.menu2 li.CSStoHighlight { background: #232323; color: #bcb; }/* name menu hover defaults #232 #bcb*/
ul.menu2 ul.CSStoShow { display: block; }
ul.menu2 li:hover > ul { display: block; }
ul.menu2 input.m { background: transparent; border: 0px; padding: 0px; width: 100%; text-align:left; height: 22px; }
ul.menu2 input.m:hover { color: #898; }

ul.menuInv, ul.menuInv ul { padding: 0px; margin: 0px; }
ul.menuInv li { list-style-type: none; margin: 0px; position: relative; padding: 0px; margin: 0px; }
ul.menuInv > li { opacity: 0.85; }
ul.menuInv li > ul { display: none; position: absolute; bottom: 33px; left: -10px; }
ul.menuInv ul.CSStoShow { display: block; }
ul.menuInv li:hover > ul { display: block; }

table.inventory { background-color: #000000; border-spacing: 1px; width:100%; }/*inventory out border default #232*/
ul.menuInv li > ul > li > table { width:331px; }
table.inventory td { background-color: #383838; width:10%; height:30px; position:relative; }/*inner border default #565*/
table.inventory td > span { position:absolute; bottom:7px; right:5px; }
table.inventory td > form { position:relative; }
ul.menuInv table td > form > input { width:30px; }
ul.menuInv table td > form > input.ib, ul.menuInv table td > form > input.is { width:71px }
ul.menuInv li > ul > li > table td > form > input { width:100%; }
table.inventory td > form > span { font-size: x-small; color: #fff; text-decoration: none; background: #555; border: 1px solid #000; position: absolute; right:-4px; bottom:-8px; padding: 0px 3px; z-index:100; }
table.inventory td > form > input { background-color: #6a6a6a; border:0px; background-repeat: no-repeat; width:100%; height:100%; }/*inventory BG default #898*/
table.inventory td > form > input:hover { background-color: #8c8c8c; }/*inventory hover default #232*/
table.inventory td.item:hover { background-color: #898; }
table.inventory td.ititle { background-color: #232; padding-left: 5px; height: 32px; }
table.inventory td.itotal { background-color: #383838; padding-right: 5px; }/*background for inventory default #232*/

span.zombieTarget { color: #f99}
span.barricadeTarget { color: #f99}
span.generatorTarget { color: #f99}
span.zombieTarget:hover { background: #232 }
span.barricadeTarget:hover { background: #232 }
span.generatorTarget:hover { background: #232 }

/* Pistol */ input.ib { background-image: url('chrome://udinvgraphenhance/content/inventory/pistol.png'); }
/* Shotgun */ input.is { background-image: url('chrome://udinvgraphenhance/content/inventory/shotgun.png'); }
/* Flare */ input.ic { background-image: url('chrome://udinvgraphenhance/content/inventory/flaregun.png'); }
/* Syringe */ input.iz { background-image: url('chrome://udinvgraphenhance/content/inventory/syringe.png'); }
/* DNA Extractor */ input.iw { background-image: url('chrome://udinvgraphenhance/content/inventory/dnaextractor.png'); }
/* FAK */ input.ih { background-image: url('chrome://udinvgraphenhance/content/inventory/medikit.png'); }
/* Clip */ input.ik { background-image: url('chrome://udinvgraphenhance/content/inventory/pclip.png'); }
/* Shells */ input.ir { background-image: url('chrome://udinvgraphenhance/content/inventory/sshell.png'); }
/* Fire axe */ input.io { background-image: url('chrome://udinvgraphenhance/content/inventory/fireaxe.gif'); }
/* Crowbar */ input.id { background-image: url('chrome://udinvgraphenhance/content/inventory/crowbar.gif'); }
/* Baseball Bat */ input.ie { background-image: url('chrome://udinvgraphenhance/content/inventory/bat.gif'); }
/* Length of Pipe */ input.ip { background-image: url('chrome://udinvgraphenhance/content/inventory/pipe.gif'); }
/* Kitchen Knife */ input.ig { background-image: url('chrome://udinvgraphenhance/content/inventory/knife.gif'); }
/* Flak Jacket */ input.if { background-image: url('chrome://udinvgraphenhance/content/inventory/flak.gif'); }
/* GPS */ input.ia { background-image: url('chrome://udinvgraphenhance/content/inventory/gps.gif'); }
/* Cell phone */ input.ij { background-image: url('chrome://udinvgraphenhance/content/inventory/phone.gif'); }
/* Generator */ input.iA { background-image: url('chrome://udinvgraphenhance/content/inventory/generator.gif'); }
/* Fuel Can */ input.ii { background-image: url('chrome://udinvgraphenhance/content/inventory/fuelcan.gif'); }
/* Wire Cutters */ input.iq { background-image: url('chrome://udinvgraphenhance/content/inventory/wirecutter.gif'); }
/* Spraycan */ input.ix { background-image: url('chrome://udinvgraphenhance/content/inventory/spraycan.gif'); }
/* Beer */ input.it { background-image: url('chrome://udinvgraphenhance/content/inventory/beer.gif'); }
/* Wine Bottle */ input.iu { background-image: url('chrome://udinvgraphenhance/content/inventory/wine.gif'); }
/* Book */ input.il { background-image: url('chrome://udinvgraphenhance/content/inventory/book.gif'); }
/* Poetry Book */ input.iy { background-image: url('chrome://udinvgraphenhance/content/inventory/poetry.gif'); }
/* Newspaper */ input.in { background-image: url('chrome://udinvgraphenhance/content/inventory/newspaper.gif'); }
/* Crucifix */ input.im { background-image: url('chrome://udinvgraphenhance/content/inventory/crucifix.gif'); }


/*
h1 			=
h2			=

gp			= Inventory
gt			= InfoTable
y			=

form.a		= 
.slim		= Profile Table
input.m2	= map buttons
input.m		= buttons
table.c		=


*/

body		{background-color: #484848}

h1			{background: transparent; padding:2px; vertical-align:top; border: none; margin:0px; text-align:right}
h2			{background: transparent; padding:2px; vertical-align:top; border: none; margin:0px;} 

.gp			{background:#484848; padding:4px; vertical-align:top;border: #200 solid; border-width:2px;}
.gt			{background:#383838; background-position:bottom right; background-repeat: no-repeat;padding:2px; border:#000000 solid; border-width:2px;}
.y			{color: #000000; font-size: smaller; background: #7b8390; padding: 2px; border: 1px #000000 outset}
.apw		{background: none;}

form.a		{padding:0px; margin:0px; background: transparent; color:#b8b8b8;line-height:30px; vertical-align:middle; border:1px #000000 solid; height:10px; white-space: nowrap }

.slim		{vertical-align:top; background:#383838; padding:4px; border:#000000 solid; border-width:1px } 

/*Map forms*/
input.m2	{color:#bbbbbb; background:#222222; opacity: 0.7; width:98px; padding:0px 0px; margin:0px; font-size:x-small; border-width:0px}
/*Forms, normally*/
input.m		{color:#000000; background:#7b8390; padding:2px 0px; margin:0px; font-size:smaller; border-width:1px}
/*Map table*/
table.c		{width:300px; height:300px}