Difference between revisions of "MediaWiki:Common.css"

From EVE University Wiki
Jump to: navigation, search
(merged embedded css in ship article to common.css to reduce page load time)
m
Line 9: Line 9:
  
 
/* CSS placed below this line will be applied only for the UniWiki Ship Database articles */
 
/* CSS placed below this line will be applied only for the UniWiki Ship Database articles */
#shiparticle
+
#ship-article
 
{
 
{
 
 
 
}
 
}
  
#shiparticle h2
+
#ship-article h2
 
{
 
{
 
border: medium none;
 
border: medium none;
Line 25: Line 25:
 
text-align: left;
 
text-align: left;
 
}
 
}
#shiparticle h2 .mw-headline
+
#ship-article h2 .mw-headline
 
{
 
{
 
color: #656565;
 
color: #656565;
Line 32: Line 32:
 
padding: 0 5px;
 
padding: 0 5px;
 
}
 
}
#shiparticle .header
+
#ship-article .header
 
{
 
{
 
height: 50px;
 
height: 50px;
Line 38: Line 38:
 
position: relative;
 
position: relative;
 
}
 
}
#shiparticle .header .mask
+
#ship-article .header .mask
 
{
 
{
 
background-color: transparent;
 
background-color: transparent;
Line 47: Line 47:
 
width: 605px;
 
width: 605px;
 
}
 
}
#shiparticle .header .headerbg
+
#ship-article .header .headerbg
 
{
 
{
 
margin-left: -10px;
 
margin-left: -10px;
Line 53: Line 53:
 
width: 605px;
 
width: 605px;
 
}
 
}
#shiparticle .header .dbtitle
+
#ship-article .header .dbtitle
 
{
 
{
 
color: #C1B193;
 
color: #C1B193;
Line 65: Line 65:
 
top: 0;
 
top: 0;
 
}
 
}
#shiparticle .header .shipname
+
#ship-article .header .shipname
 
{
 
{
 
font-family: trebuchet MS;
 
font-family: trebuchet MS;
Line 76: Line 76:
 
top: 17px;
 
top: 17px;
 
}
 
}
#shiparticle .toc, #shiparticle #toc
+
#ship-article .toc, #ship-article #toc
 
{
 
{
 
border: 1px solid #272727;
 
border: 1px solid #272727;
Line 83: Line 83:
 
width: 200px;
 
width: 200px;
 
}
 
}
#shiparticle .toc ul
+
#ship-article .toc ul
 
{
 
{
 
 
 
}
 
}
#shiparticle .toc li
+
#ship-article .toc li
 
{
 
{
 
line-height: 15px;
 
line-height: 15px;
 
margin-bottom: 0;
 
margin-bottom: 0;
 
}
 
}
#shiparticle .toc a
+
#ship-article .toc a
 
{
 
{
 
color: #B89964;
 
color: #B89964;
Line 98: Line 98:
 
line-height: 15px;
 
line-height: 15px;
 
}
 
}
#shiparticle .breadcrumbs
+
#ship-article .breadcrumbs
 
{
 
{
 
background-color: black;
 
background-color: black;
Line 107: Line 107:
 
padding-left: 3px;
 
padding-left: 3px;
 
}
 
}
#shiparticle .breadcrumbs .separator
+
#ship-article .breadcrumbs .separator
 
{
 
{
 
margin: 0 3px;
 
margin: 0 3px;
 
}
 
}
#shiparticle .breadcrumbs a, #shiparticle .breadcrumbs strong.selflink
+
#ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink
 
{
 
{
 
color: #B89964;
 
color: #B89964;
Line 122: Line 122:
 
padding: 0 3px;
 
padding: 0 3px;
 
}
 
}
#shiparticle .breadcrumbs a:hover, #shiparticle .breadcrumbs a.hover
+
#ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover
 
{
 
{
 
background-color: #2D2413;
 
background-color: #2D2413;
Line 128: Line 128:
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
#shiparticle .breadcrumbs strong.selflink
+
#ship-article .breadcrumbs strong.selflink
 
{
 
{
 
color: #CCCCCC;
 
color: #CCCCCC;
 
font-weight: normal;
 
font-weight: normal;
 
}
 
}
#shiparticle .main
+
#ship-article .main
 
{
 
{
 
 
 
}
 
}
#shiparticle .main .left-col
+
#ship-article .main .left-col
 
{
 
{
 
background-color: #222222;
 
background-color: #222222;
Line 146: Line 146:
 
width: 256px;
 
width: 256px;
 
}
 
}
#shiparticle .main .box-line
+
#ship-article .main .box-line
 
{
 
{
 
padding: 0 10px;
 
padding: 0 10px;
 
}
 
}
#shiparticle .main .box-attributes
+
#ship-article .main .box-attributes
 
{
 
{
 
background-color: black;
 
background-color: black;
Line 158: Line 158:
 
padding: 5px;
 
padding: 5px;
 
}
 
}
#shiparticle .main .box-line p
+
#ship-article .main .box-line p
 
{
 
{
 
text-align: justify;
 
text-align: justify;
 
}
 
}
#shiparticle .main .box-line .att-line
+
#ship-article .main .box-line .att-line
 
{
 
{
 
border-bottom: 1px solid #2C2B2B;
 
border-bottom: 1px solid #2C2B2B;
Line 168: Line 168:
 
}
 
}
  
#shiparticle .main .box-line .midinfo
+
#ship-article .main .box-line .midinfo
 
{
 
{
 
margin: 10px 0;
 
margin: 10px 0;
 
width: 510px;
 
width: 510px;
 
}
 
}
#shiparticle .main .box-line .midinfo tr,
+
#ship-article .main .box-line .midinfo tr,
#shiparticle .main .box-line .midinfo td
+
#ship-article .main .box-line .midinfo td
 
{
 
{
 
margin: 0;
 
margin: 0;
Line 180: Line 180:
 
vertical-align: top;
 
vertical-align: top;
 
}
 
}
#shiparticle .main .box-line .midinfo small
+
#ship-article .main .box-line .midinfo small
 
{
 
{
 
background-color: black;
 
background-color: black;
Line 194: Line 194:
 
width: 60px;
 
width: 60px;
 
}
 
}
#shiparticle .main .box-line .midinfo .title
+
#ship-article .main .box-line .midinfo .title
 
{
 
{
 
color: #656565;
 
color: #656565;
Line 201: Line 201:
 
font-variant: small-caps;
 
font-variant: small-caps;
 
}
 
}
#shiparticle .main .box-line .midinfo .left
+
#ship-article .main .box-line .midinfo .left
 
{
 
{
 
padding: 0 5px 5px 10px;
 
padding: 0 5px 5px 10px;
 
width: 250px;
 
width: 250px;
 
}
 
}
#shiparticle .main .box-line .midinfo .left ul
+
#ship-article .main .box-line .midinfo .left ul
 
{
 
{
 
line-height: 120%;
 
line-height: 120%;
 
margin: 5px 0 0 1.5em;
 
margin: 5px 0 0 1.5em;
 
}
 
}
#shiparticle .main .box-line .midinfo .left li
+
#ship-article .main .box-line .midinfo .left li
 
{
 
{
 
color: #9E8F75;
 
color: #9E8F75;
Line 219: Line 219:
 
position: relative;
 
position: relative;
 
}
 
}
#shiparticle .main .box-line .midinfo .left .skillstime
+
#ship-article .main .box-line .midinfo .left .skillstime
 
{
 
{
 
border: 1px solid #272727;
 
border: 1px solid #272727;
Line 227: Line 227:
 
position: relative;
 
position: relative;
 
}
 
}
#shiparticle .main .box-line .midinfo .left .skillstime .value
+
#ship-article .main .box-line .midinfo .left .skillstime .value
 
{
 
{
 
color: white;
 
color: white;
Line 238: Line 238:
 
width: 60px;
 
width: 60px;
 
}
 
}
#shiparticle .main .box-line .midinfo .left .skillstime .desc
+
#ship-article .main .box-line .midinfo .left .skillstime .desc
 
{
 
{
 
background-color: black;
 
background-color: black;
Line 252: Line 252:
 
width: 200px;
 
width: 200px;
 
}
 
}
#shiparticle .main .box-line .midinfo .left .skillstime:hover .desc,
+
#ship-article .main .box-line .midinfo .left .skillstime:hover .desc,
#shiparticle .main .box-line .midinfo .left .skillstime.hover .desc
+
#ship-article .main .box-line .midinfo .left .skillstime.hover .desc
 
{
 
{
 
display: block;
 
display: block;
 
z-index: 100;
 
z-index: 100;
 
}
 
}
#shiparticle .main .box-line .midinfo .right
+
#ship-article .main .box-line .midinfo .right
 
{
 
{
 
padding: 0 5px;
 
padding: 0 5px;
 
}
 
}
  
#shiparticle .main .box-bonuses
+
#ship-article .main .box-bonuses
 
{
 
{
 
border: 1px solid #272727;
 
border: 1px solid #272727;
Line 271: Line 271:
 
width: 490px;
 
width: 490px;
 
}
 
}
#shiparticle .main .box-bonuses .label
+
#ship-article .main .box-bonuses .label
 
{
 
{
 
background-color: #1A1A1A;
 
background-color: #1A1A1A;
Line 279: Line 279:
 
padding: 0 5px;
 
padding: 0 5px;
 
}
 
}
#shiparticle .main .box-info
+
#ship-article .main .box-info
 
{
 
{
 
margin-top: 5px;
 
margin-top: 5px;
Line 285: Line 285:
 
}
 
}
  
#shiparticle .main .box-info .ecm-info
+
#ship-article .main .box-info .ecm-info
 
{
 
{
 
background-color: transparent;
 
background-color: transparent;
 
width: 100%;
 
width: 100%;
 
}
 
}
#shiparticle .main .box-info .ecm-info tr,#shiparticle .main .box-info .ecm-info td
+
#ship-article .main .box-info .ecm-info tr,#ship-article .main .box-info .ecm-info td
 
{
 
{
 
line-height: 110%;
 
line-height: 110%;
 
vertical-align: middle;
 
vertical-align: middle;
 
}
 
}
#shiparticle .main .box-info .ecm-info .faction-img
+
#ship-article .main .box-info .ecm-info .faction-img
 
{
 
{
 
width: 50px;
 
width: 50px;
 
}
 
}
#shiparticle .main .box-info .ecm-info .faction
+
#ship-article .main .box-info .ecm-info .faction
 
{
 
{
 
color: white;
 
color: white;
Line 311: Line 311:
 
vertical-align: bottom;
 
vertical-align: bottom;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority
+
#ship-article .main .box-info .ecm-info .ecm-priority
 
{
 
{
 
background-color: #222222;
 
background-color: #222222;
Line 319: Line 319:
 
width: 70px;
 
width: 70px;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority:hover .ecm-desc,
+
#ship-article .main .box-info .ecm-info .ecm-priority:hover .ecm-desc,
#shiparticle .main .box-info .ecm-info .ecm-priority.hover .ecm-desc
+
#ship-article .main .box-info .ecm-info .ecm-priority.hover .ecm-desc
 
{
 
{
 
display: block; z-index: 100;
 
display: block; z-index: 100;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc
+
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc
 
{
 
{
 
background-color: black;
 
background-color: black;
Line 337: Line 337:
 
z-index: 100;
 
z-index: 100;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc p
+
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc p
 
{
 
{
 
font-family: arial;
 
font-family: arial;
Line 345: Line 345:
 
text-align: justify;
 
text-align: justify;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue
+
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue
 
{
 
{
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .label
+
#ship-article .main .box-info .ecm-info .ecm-priority .label
 
{
 
{
 
font-family: trebuchet MS;
 
font-family: trebuchet MS;
Line 358: Line 358:
 
text-align: center;
 
text-align: center;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .label2
+
#ship-article .main .box-info .ecm-info .ecm-priority .label2
 
{
 
{
 
background-color: black;
 
background-color: black;
Line 368: Line 368:
 
text-transform: uppercase;
 
text-transform: uppercase;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .value
+
#ship-article .main .box-info .ecm-info .ecm-priority .value
 
{
 
{
 
background-color: black;
 
background-color: black;
Line 379: Line 379:
 
text-align: center;
 
text-align: center;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .snip
+
#ship-article .main .box-info .ecm-info .ecm-priority .snip
 
{
 
{
 
color: #656565;
 
color: #656565;
Line 386: Line 386:
 
text-align: right;
 
text-align: right;
 
}
 
}
#shiparticle .main .box-info .ecm-info .ecm-priority .none { color:gray; }
+
#ship-article .main .box-info .ecm-info .ecm-priority .none { color:gray; }
#shiparticle .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; }
+
#ship-article .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; }
#shiparticle .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; }
+
#ship-article .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; }
#shiparticle .main .box-info .ecm-info .ecm-priority .high { color:yellow; }
+
#ship-article .main .box-info .ecm-info .ecm-priority .high { color:yellow; }
#shiparticle .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; }
+
#ship-article .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; }
  
#shiparticle .main .box-info .ecm-info .hull-type
+
#ship-article .main .box-info .ecm-info .hull-type
 
{
 
{
 
height: 20px;
 
height: 20px;
Line 398: Line 398:
 
text-align: center;
 
text-align: center;
 
}
 
}
#shiparticle .main .box-info .ecm-info .hull-type a
+
#ship-article .main .box-info .ecm-info .hull-type a
 
{
 
{
 
color: orange;
 
color: orange;
Line 405: Line 405:
 
text-transform: uppercase;
 
text-transform: uppercase;
 
}
 
}
#shiparticle .main .box-info .ecm-info .hull-title
+
#ship-article .main .box-info .ecm-info .hull-title
 
{
 
{
 
font-family: trebuchet MS;
 
font-family: trebuchet MS;
Line 412: Line 412:
 
vertical-align: top;
 
vertical-align: top;
 
}
 
}
#shiparticle .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; }
+
#ship-article .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; }
#shiparticle .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; }
+
#ship-article .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; }
#shiparticle .main .box-info .ecm-info .type-ladar { color: #CD5B56; }
+
#ship-article .main .box-info .ecm-info .type-ladar { color: #CD5B56; }
#shiparticle .main .box-info .ecm-info .type-radar { color: #DCC69B; }
+
#ship-article .main .box-info .ecm-info .type-radar { color: #DCC69B; }
  
#shiparticle .main .box-awards
+
#ship-article .main .box-awards
 
{
 
{
 
margin-left: -6px;
 
margin-left: -6px;
Line 424: Line 424:
 
position: relative;
 
position: relative;
 
}
 
}
#shiparticle .main .box-awards .award
+
#ship-article .main .box-awards .award
 
{
 
{
 
background-color: #1A1A1A;
 
background-color: #1A1A1A;
Line 434: Line 434:
 
position: relative;
 
position: relative;
 
}
 
}
#shiparticle .main .box-awards .award .award-img
+
#ship-article .main .box-awards .award .award-img
 
{
 
{
 
display: inline-block;
 
display: inline-block;
 
}
 
}
#shiparticle .main .box-awards .award .award-img a
+
#ship-article .main .box-awards .award .award-img a
 
{
 
{
 
display: block;
 
display: block;
Line 444: Line 444:
 
line-height: 19px;
 
line-height: 19px;
 
}
 
}
#shiparticle .main .box-awards .award .award-img img
+
#ship-article .main .box-awards .award .award-img img
 
{
 
{
 
line-height: 19px;
 
line-height: 19px;
 
margin-top: -2px;
 
margin-top: -2px;
 
}
 
}
#shiparticle .main .box-awards .award .award-label
+
#ship-article .main .box-awards .award .award-label
 
{
 
{
 
color: #B89964;
 
color: #B89964;
Line 463: Line 463:
 
z-index: 20;
 
z-index: 20;
 
}
 
}
#shiparticle .main .box-awards .award .award-bgr
+
#ship-article .main .box-awards .award .award-bgr
 
{
 
{
 
color: #4C4C4C;
 
color: #4C4C4C;
Line 475: Line 475:
 
}
 
}
  
#shiparticle .main .box-discussion
+
#ship-article .main .box-discussion
 
{
 
{
 
background-color: #1A1A1A;
 
background-color: #1A1A1A;
Line 486: Line 486:
 
padding: 5px;
 
padding: 5px;
 
}
 
}
#shiparticle .main .box-discussion .discussion-bgr
+
#ship-article .main .box-discussion .discussion-bgr
 
{
 
{
 
color: #4C4C4C;
 
color: #4C4C4C;
Line 492: Line 492:
 
font-size: 90%;
 
font-size: 90%;
 
}
 
}
#shiparticle .main .box-discussion .linkname
+
#ship-article .main .box-discussion .linkname
 
{
 
{
 
font-size: 11px;
 
font-size: 11px;

Revision as of 09:19, 8 October 2011

/* CSS placed here will be applied to all skins */

.collapseButton {		/* 'show'/'hide' buttons created dynamically by the        */
	float: right;		/* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
	font-weight: normal;	/* are styled here so they can be customised.              */
	text-align: right;
	width: auto;
}

/* CSS placed below this line will be applied only for the UniWiki Ship Database articles */
#ship-article
{
	
}

#ship-article h2
{
	border: medium none;
	color: #555555;
	font-family: trebuchet MS;
	font-size: 14px;
	font-variant: small-caps;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
}
#ship-article h2 .mw-headline
{
	color: #656565;
	display: inline-block;
	font-size: 16px;
	padding: 0 5px;
}
#ship-article .header
{
	height: 50px;
	padding: 0 10px;
	position: relative;
}
#ship-article .header .mask
{
	background-color: transparent;
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	width: 605px;
}
#ship-article .header .headerbg
{
	margin-left: -10px;
	text-align: left;
	width: 605px;
}
#ship-article .header .dbtitle
{
	color: #C1B193;
	font-family: trebuchet MS;
	font-size: 11px;
	font-variant: small-caps;
	font-weight: normal;
	line-height: 15px;
	margin-left: -3px;
	position: absolute;
	top: 0;
}
#ship-article .header .shipname
{
	font-family: trebuchet MS;
	font-size: 30px;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 30px;
	margin-left: -5px;
	position: absolute;
	top: 17px;
}
#ship-article .toc, #ship-article #toc
{
	border: 1px solid #272727;
	float: right;
	margin: 0 0 5px 10px;
	width: 200px;
}
#ship-article .toc ul
{
	
}
#ship-article .toc li
{
	line-height: 15px;
	margin-bottom: 0;
}
#ship-article .toc a
{
	color: #B89964;
	font-size: 11px;
	line-height: 15px;
}
#ship-article .breadcrumbs
{
	background-color: black;
	border-bottom: 1px solid #2D2413;
	border-top: 1px solid #2D2413;
	height: 20px;
	margin: 0 0 15px;
	padding-left: 3px;
}
#ship-article .breadcrumbs .separator
{
	margin: 0 3px;
}
#ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink
{
	color: #B89964;
	display: inline-block;
	font-family: trebuchet MS;
	font-size: 100%;
	font-variant: small-caps;
	height: 20px;
	line-height: 20px;
	padding: 0 3px;
}
#ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover
{
	background-color: #2D2413;
	color: white;
	text-decoration:none;		
}
#ship-article .breadcrumbs strong.selflink
{
	color: #CCCCCC;
	font-weight: normal;
}
#ship-article .main
{
	
}
#ship-article .main .left-col
{
	background-color: #222222;
	border-color: #272727 #151515 #151515 #272727;
	border-style: solid;
	border-width: 2px;
	padding: 5px;
	width: 256px;
}
#ship-article .main .box-line
{
	padding: 0 10px;		
}
#ship-article .main .box-attributes
{
	background-color: black;
	border: 1px solid #272727;
	display: inline-block;
	margin-left: 10px;
	padding: 5px;
}
#ship-article .main .box-line p
{
	text-align: justify;
}	
#ship-article .main .box-line .att-line
{
	border-bottom: 1px solid #2C2B2B;
	padding: 3px 3px 0;
}

#ship-article .main .box-line .midinfo
{
	margin: 10px 0;
	width: 510px;
}
#ship-article .main .box-line .midinfo tr,
#ship-article .main .box-line .midinfo td
{
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#ship-article .main .box-line .midinfo small
{
	background-color: black;
	border: 1px solid #272727;
	color: #CCCCCC;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	padding: 0 2px;
	position: absolute;
	right: 0;
	text-align: right;
	width: 60px;
}
#ship-article .main .box-line .midinfo .title
{
	color: #656565;
	font-family: trebuchet MS;
	font-size: 14px;
	font-variant: small-caps;
}
#ship-article .main .box-line .midinfo .left
{
	padding: 0 5px 5px 10px;
	width: 250px;
}	
#ship-article .main .box-line .midinfo .left ul
{
	line-height: 120%;
	margin: 5px 0 0 1.5em;
}
#ship-article .main .box-line .midinfo .left li
{
	color: #9E8F75;
	font-family: arial;
	font-size: 12px;
	margin-bottom: 5px;
	position: relative;
}
#ship-article .main .box-line .midinfo .left .skillstime
{
	border: 1px solid #272727;
	color: #656565;
	font-family: trebuchet MS;
	padding-left: 20px;
	position: relative;
}
#ship-article .main .box-line .midinfo .left .skillstime .value
{
	color: white;
	font-size: 11px;
	padding: 0 2px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 60px;
}
#ship-article .main .box-line .midinfo .left .skillstime .desc
{
	background-color: black;
	border: 2px dashed #582806;
	color: #CCCCCC;
	display: none;
	font-size: 11px;
	left: 150px;
	line-height: 120%;
	padding: 5px;
	position: absolute;
	text-align: justify;
	width: 200px;		
}
#ship-article .main .box-line .midinfo .left .skillstime:hover .desc,
#ship-article .main .box-line .midinfo .left .skillstime.hover .desc
{
	display: block;
	z-index: 100;
}
#ship-article .main .box-line .midinfo .right
{
	padding: 0 5px;
}

#ship-article .main .box-bonuses
{
	border: 1px solid #272727;
	color: white;
	font-size: 95%;
	margin: 0 10px;
	width: 490px;
}
#ship-article .main .box-bonuses .label
{
	background-color: #1A1A1A;
	color: #656565;
	font-family: trebuchet MS;
	margin: 2px -8px;
	padding: 0 5px;
}
#ship-article .main .box-info
{
	margin-top: 5px;
	padding: 0;
}

#ship-article .main .box-info .ecm-info
{
	background-color: transparent;
	width: 100%;
}
#ship-article .main .box-info .ecm-info tr,#ship-article .main .box-info .ecm-info td
{
	line-height: 110%;
	vertical-align: middle;
}
#ship-article .main .box-info .ecm-info .faction-img
{
	width: 50px;
}
#ship-article .main .box-info .ecm-info .faction
{
	color: white;
	font-family: helvetica;
	font-size: 100%;
	font-variant: small-caps;
	font-weight: bold;
	height: 25px;
	padding-bottom: 2px;
	text-align: center;
	vertical-align: bottom;
}
#ship-article .main .box-info .ecm-info .ecm-priority
{
	background-color: #222222;
	border: 1px solid #323931;
	padding: 2px;
	position: relative;
	width: 70px;
}
#ship-article .main .box-info .ecm-info .ecm-priority:hover .ecm-desc,
#ship-article .main .box-info .ecm-info .ecm-priority.hover .ecm-desc
{
	display: block; z-index: 100;
}
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc
{
	background-color: black;
	border: 2px dashed #582806;
	display: none;
	font-size: 11px;
	left: 75px;
	padding: 5px;
	position: absolute;
	top: -1px;
	width: 300px;
	z-index: 100;
}
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc p
{
	font-family: arial;
	line-height: 120%;
	margin: 0;
	padding: 0;
	text-align: justify;
}
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue
{
	font-weight: bold;
}
#ship-article .main .box-info .ecm-info .ecm-priority .label
{
	font-family: trebuchet MS;
	font-size: 10px;
	font-variant: small-caps;
	line-height: 100%;
	padding: 3px;
	text-align: center;
}
#ship-article .main .box-info .ecm-info .ecm-priority .label2
{
	background-color: black;
	font-family: trebuchet MS;
	font-size: 10px;
	margin-bottom: 2px;
	padding-bottom: 3px;
	text-align: center;
	text-transform: uppercase;
}
#ship-article .main .box-info .ecm-info .ecm-priority .value
{
	background-color: black;
	font-family: trebuchet MS;
	font-size: 16px;
	font-weight: bold;
	line-height: 15px;
	overflow: hidden;
	padding: 3px 0 0;
	text-align: center;
}
#ship-article .main .box-info .ecm-info .ecm-priority .snip
{
	color: #656565;
	font-size: 70%;
	line-height: 100%;
	text-align: right;
}
#ship-article .main .box-info .ecm-info .ecm-priority .none { color:gray; }
#ship-article .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; }
#ship-article .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; }
#ship-article .main .box-info .ecm-info .ecm-priority .high { color:yellow; }
#ship-article .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; }

#ship-article .main .box-info .ecm-info .hull-type
{
	height: 20px;
	padding: 0 5px;
	text-align: center;
}
#ship-article .main .box-info .ecm-info .hull-type a
{
	color: orange;
	font-family: trebuchet MS;
	font-size: 120%;
	text-transform: uppercase;
}
#ship-article .main .box-info .ecm-info .hull-title
{
	font-family: trebuchet MS;
	text-align: center;
	text-transform: uppercase;
	vertical-align: top;
}
#ship-article .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; }
#ship-article .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; }
#ship-article .main .box-info .ecm-info .type-ladar { color: #CD5B56; }
#ship-article .main .box-info .ecm-info .type-radar { color: #DCC69B; }

#ship-article .main .box-awards
{
	margin-left: -6px;
	margin-right: -6px;
	padding: 10px 0 5px;
	position: relative;
}
#ship-article .main .box-awards .award
{
	background-color: #1A1A1A;
	border-color: #393734 black;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 2px;
	padding: 2px 5px;
	position: relative;
}
#ship-article .main .box-awards .award .award-img
{
	display: inline-block;
}
#ship-article .main .box-awards .award .award-img a
{
	display: block;
	height: 19px;
	line-height: 19px;
}
#ship-article .main .box-awards .award .award-img img
{
	line-height: 19px;
	margin-top: -2px;
}
#ship-article .main .box-awards .award .award-label
{
	color: #B89964;
	display: inline-block;
	font-family: arial;
	font-size: 12px;
	font-variant: small-caps;
	height: 19px;
	left: 25px;
	line-height: 19px;
	position: absolute;
	top: 2px;
	z-index: 20;
}
#ship-article .main .box-awards .award .award-bgr
{
	color: #4C4C4C;
	float: right;
	font-family: trebuchet MS;
	font-size: 80%;
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 10;
}

#ship-article .main .box-discussion
{
	background-color: #1A1A1A;
	border-color: #393734 black;
	border-style: solid;
	border-width: 1px;
	margin-left: -6px;
	margin-right: -6px;
	margin-top: 5px;
	padding: 5px;
}
#ship-article .main .box-discussion .discussion-bgr
{
	color: #4C4C4C;
	font-family: trebuchet MS;
	font-size: 90%;
}
#ship-article .main .box-discussion .linkname
{
	font-size: 11px;
	line-height: 120%;
	padding: 0 5px;
}