Difference between revisions of "MediaWiki:Common.css"
From EVE University Wiki
(Added Collapsible tables) |
(merged embedded css in ship article to common.css to reduce page load time) |
||
Line 6: | Line 6: | ||
text-align: right; | text-align: right; | ||
width: auto; | width: auto; | ||
+ | } | ||
+ | |||
+ | /* CSS placed below this line will be applied only for the UniWiki Ship Database articles */ | ||
+ | #shiparticle | ||
+ | { | ||
+ | |||
+ | } | ||
+ | |||
+ | #shiparticle 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; | ||
+ | } | ||
+ | #shiparticle h2 .mw-headline | ||
+ | { | ||
+ | color: #656565; | ||
+ | display: inline-block; | ||
+ | font-size: 16px; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | #shiparticle .header | ||
+ | { | ||
+ | height: 50px; | ||
+ | padding: 0 10px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #shiparticle .header .mask | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | height: 50px; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 605px; | ||
+ | } | ||
+ | #shiparticle .header .headerbg | ||
+ | { | ||
+ | margin-left: -10px; | ||
+ | text-align: left; | ||
+ | width: 605px; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .toc, #shiparticle #toc | ||
+ | { | ||
+ | border: 1px solid #272727; | ||
+ | float: right; | ||
+ | margin: 0 0 5px 10px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | #shiparticle .toc ul | ||
+ | { | ||
+ | |||
+ | } | ||
+ | #shiparticle .toc li | ||
+ | { | ||
+ | line-height: 15px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #shiparticle .toc a | ||
+ | { | ||
+ | color: #B89964; | ||
+ | font-size: 11px; | ||
+ | line-height: 15px; | ||
+ | } | ||
+ | #shiparticle .breadcrumbs | ||
+ | { | ||
+ | background-color: black; | ||
+ | border-bottom: 1px solid #2D2413; | ||
+ | border-top: 1px solid #2D2413; | ||
+ | height: 20px; | ||
+ | margin: 0 0 15px; | ||
+ | padding-left: 3px; | ||
+ | } | ||
+ | #shiparticle .breadcrumbs .separator | ||
+ | { | ||
+ | margin: 0 3px; | ||
+ | } | ||
+ | #shiparticle .breadcrumbs a, #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .breadcrumbs a:hover, #shiparticle .breadcrumbs a.hover | ||
+ | { | ||
+ | background-color: #2D2413; | ||
+ | color: white; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #shiparticle .breadcrumbs strong.selflink | ||
+ | { | ||
+ | color: #CCCCCC; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #shiparticle .main | ||
+ | { | ||
+ | |||
+ | } | ||
+ | #shiparticle .main .left-col | ||
+ | { | ||
+ | background-color: #222222; | ||
+ | border-color: #272727 #151515 #151515 #272727; | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | padding: 5px; | ||
+ | width: 256px; | ||
+ | } | ||
+ | #shiparticle .main .box-line | ||
+ | { | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | #shiparticle .main .box-attributes | ||
+ | { | ||
+ | background-color: black; | ||
+ | border: 1px solid #272727; | ||
+ | display: inline-block; | ||
+ | margin-left: 10px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | #shiparticle .main .box-line p | ||
+ | { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #shiparticle .main .box-line .att-line | ||
+ | { | ||
+ | border-bottom: 1px solid #2C2B2B; | ||
+ | padding: 3px 3px 0; | ||
+ | } | ||
+ | |||
+ | #shiparticle .main .box-line .midinfo | ||
+ | { | ||
+ | margin: 10px 0; | ||
+ | width: 510px; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo tr, | ||
+ | #shiparticle .main .box-line .midinfo td | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo .title | ||
+ | { | ||
+ | color: #656565; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 14px; | ||
+ | font-variant: small-caps; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo .left | ||
+ | { | ||
+ | padding: 0 5px 5px 10px; | ||
+ | width: 250px; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo .left ul | ||
+ | { | ||
+ | line-height: 120%; | ||
+ | margin: 5px 0 0 1.5em; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo .left li | ||
+ | { | ||
+ | color: #9E8F75; | ||
+ | font-family: arial; | ||
+ | font-size: 12px; | ||
+ | margin-bottom: 5px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo .left .skillstime | ||
+ | { | ||
+ | border: 1px solid #272727; | ||
+ | color: #656565; | ||
+ | font-family: trebuchet MS; | ||
+ | padding-left: 20px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo .left .skillstime:hover .desc, | ||
+ | #shiparticle .main .box-line .midinfo .left .skillstime.hover .desc | ||
+ | { | ||
+ | display: block; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | #shiparticle .main .box-line .midinfo .right | ||
+ | { | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | |||
+ | #shiparticle .main .box-bonuses | ||
+ | { | ||
+ | border: 1px solid #272727; | ||
+ | color: white; | ||
+ | font-size: 95%; | ||
+ | margin: 0 10px; | ||
+ | width: 490px; | ||
+ | } | ||
+ | #shiparticle .main .box-bonuses .label | ||
+ | { | ||
+ | background-color: #1A1A1A; | ||
+ | color: #656565; | ||
+ | font-family: trebuchet MS; | ||
+ | margin: 2px -8px; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | #shiparticle .main .box-info | ||
+ | { | ||
+ | margin-top: 5px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #shiparticle .main .box-info .ecm-info | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info tr,#shiparticle .main .box-info .ecm-info td | ||
+ | { | ||
+ | line-height: 110%; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .faction-img | ||
+ | { | ||
+ | width: 50px; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority | ||
+ | { | ||
+ | background-color: #222222; | ||
+ | border: 1px solid #323931; | ||
+ | padding: 2px; | ||
+ | position: relative; | ||
+ | width: 70px; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority:hover .ecm-desc, | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority.hover .ecm-desc | ||
+ | { | ||
+ | display: block; z-index: 100; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc p | ||
+ | { | ||
+ | font-family: arial; | ||
+ | line-height: 120%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue | ||
+ | { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .snip | ||
+ | { | ||
+ | color: #656565; | ||
+ | font-size: 70%; | ||
+ | line-height: 100%; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .none { color:gray; } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .high { color:yellow; } | ||
+ | #shiparticle .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; } | ||
+ | |||
+ | #shiparticle .main .box-info .ecm-info .hull-type | ||
+ | { | ||
+ | height: 20px; | ||
+ | padding: 0 5px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .hull-type a | ||
+ | { | ||
+ | color: orange; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 120%; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .hull-title | ||
+ | { | ||
+ | font-family: trebuchet MS; | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #shiparticle .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; } | ||
+ | #shiparticle .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; } | ||
+ | #shiparticle .main .box-info .ecm-info .type-ladar { color: #CD5B56; } | ||
+ | #shiparticle .main .box-info .ecm-info .type-radar { color: #DCC69B; } | ||
+ | |||
+ | #shiparticle .main .box-awards | ||
+ | { | ||
+ | margin-left: -6px; | ||
+ | margin-right: -6px; | ||
+ | padding: 10px 0 5px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .main .box-awards .award .award-img | ||
+ | { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #shiparticle .main .box-awards .award .award-img a | ||
+ | { | ||
+ | display: block; | ||
+ | height: 19px; | ||
+ | line-height: 19px; | ||
+ | } | ||
+ | #shiparticle .main .box-awards .award .award-img img | ||
+ | { | ||
+ | line-height: 19px; | ||
+ | margin-top: -2px; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .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; | ||
+ | } | ||
+ | |||
+ | #shiparticle .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; | ||
+ | } | ||
+ | #shiparticle .main .box-discussion .discussion-bgr | ||
+ | { | ||
+ | color: #4C4C4C; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | #shiparticle .main .box-discussion .linkname | ||
+ | { | ||
+ | font-size: 11px; | ||
+ | line-height: 120%; | ||
+ | padding: 0 5px; | ||
} | } |
Revision as of 09:13, 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 */ #shiparticle { } #shiparticle 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; } #shiparticle h2 .mw-headline { color: #656565; display: inline-block; font-size: 16px; padding: 0 5px; } #shiparticle .header { height: 50px; padding: 0 10px; position: relative; } #shiparticle .header .mask { background-color: transparent; height: 50px; left: 0; position: absolute; top: 0; width: 605px; } #shiparticle .header .headerbg { margin-left: -10px; text-align: left; width: 605px; } #shiparticle .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; } #shiparticle .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; } #shiparticle .toc, #shiparticle #toc { border: 1px solid #272727; float: right; margin: 0 0 5px 10px; width: 200px; } #shiparticle .toc ul { } #shiparticle .toc li { line-height: 15px; margin-bottom: 0; } #shiparticle .toc a { color: #B89964; font-size: 11px; line-height: 15px; } #shiparticle .breadcrumbs { background-color: black; border-bottom: 1px solid #2D2413; border-top: 1px solid #2D2413; height: 20px; margin: 0 0 15px; padding-left: 3px; } #shiparticle .breadcrumbs .separator { margin: 0 3px; } #shiparticle .breadcrumbs a, #shiparticle .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; } #shiparticle .breadcrumbs a:hover, #shiparticle .breadcrumbs a.hover { background-color: #2D2413; color: white; text-decoration:none; } #shiparticle .breadcrumbs strong.selflink { color: #CCCCCC; font-weight: normal; } #shiparticle .main { } #shiparticle .main .left-col { background-color: #222222; border-color: #272727 #151515 #151515 #272727; border-style: solid; border-width: 2px; padding: 5px; width: 256px; } #shiparticle .main .box-line { padding: 0 10px; } #shiparticle .main .box-attributes { background-color: black; border: 1px solid #272727; display: inline-block; margin-left: 10px; padding: 5px; } #shiparticle .main .box-line p { text-align: justify; } #shiparticle .main .box-line .att-line { border-bottom: 1px solid #2C2B2B; padding: 3px 3px 0; } #shiparticle .main .box-line .midinfo { margin: 10px 0; width: 510px; } #shiparticle .main .box-line .midinfo tr, #shiparticle .main .box-line .midinfo td { margin: 0; padding: 0; vertical-align: top; } #shiparticle .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; } #shiparticle .main .box-line .midinfo .title { color: #656565; font-family: trebuchet MS; font-size: 14px; font-variant: small-caps; } #shiparticle .main .box-line .midinfo .left { padding: 0 5px 5px 10px; width: 250px; } #shiparticle .main .box-line .midinfo .left ul { line-height: 120%; margin: 5px 0 0 1.5em; } #shiparticle .main .box-line .midinfo .left li { color: #9E8F75; font-family: arial; font-size: 12px; margin-bottom: 5px; position: relative; } #shiparticle .main .box-line .midinfo .left .skillstime { border: 1px solid #272727; color: #656565; font-family: trebuchet MS; padding-left: 20px; position: relative; } #shiparticle .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; } #shiparticle .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; } #shiparticle .main .box-line .midinfo .left .skillstime:hover .desc, #shiparticle .main .box-line .midinfo .left .skillstime.hover .desc { display: block; z-index: 100; } #shiparticle .main .box-line .midinfo .right { padding: 0 5px; } #shiparticle .main .box-bonuses { border: 1px solid #272727; color: white; font-size: 95%; margin: 0 10px; width: 490px; } #shiparticle .main .box-bonuses .label { background-color: #1A1A1A; color: #656565; font-family: trebuchet MS; margin: 2px -8px; padding: 0 5px; } #shiparticle .main .box-info { margin-top: 5px; padding: 0; } #shiparticle .main .box-info .ecm-info { background-color: transparent; width: 100%; } #shiparticle .main .box-info .ecm-info tr,#shiparticle .main .box-info .ecm-info td { line-height: 110%; vertical-align: middle; } #shiparticle .main .box-info .ecm-info .faction-img { width: 50px; } #shiparticle .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; } #shiparticle .main .box-info .ecm-info .ecm-priority { background-color: #222222; border: 1px solid #323931; padding: 2px; position: relative; width: 70px; } #shiparticle .main .box-info .ecm-info .ecm-priority:hover .ecm-desc, #shiparticle .main .box-info .ecm-info .ecm-priority.hover .ecm-desc { display: block; z-index: 100; } #shiparticle .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; } #shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc p { font-family: arial; line-height: 120%; margin: 0; padding: 0; text-align: justify; } #shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue { font-weight: bold; } #shiparticle .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; } #shiparticle .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; } #shiparticle .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; } #shiparticle .main .box-info .ecm-info .ecm-priority .snip { color: #656565; font-size: 70%; line-height: 100%; text-align: right; } #shiparticle .main .box-info .ecm-info .ecm-priority .none { color:gray; } #shiparticle .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; } #shiparticle .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; } #shiparticle .main .box-info .ecm-info .ecm-priority .high { color:yellow; } #shiparticle .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; } #shiparticle .main .box-info .ecm-info .hull-type { height: 20px; padding: 0 5px; text-align: center; } #shiparticle .main .box-info .ecm-info .hull-type a { color: orange; font-family: trebuchet MS; font-size: 120%; text-transform: uppercase; } #shiparticle .main .box-info .ecm-info .hull-title { font-family: trebuchet MS; text-align: center; text-transform: uppercase; vertical-align: top; } #shiparticle .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; } #shiparticle .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; } #shiparticle .main .box-info .ecm-info .type-ladar { color: #CD5B56; } #shiparticle .main .box-info .ecm-info .type-radar { color: #DCC69B; } #shiparticle .main .box-awards { margin-left: -6px; margin-right: -6px; padding: 10px 0 5px; position: relative; } #shiparticle .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; } #shiparticle .main .box-awards .award .award-img { display: inline-block; } #shiparticle .main .box-awards .award .award-img a { display: block; height: 19px; line-height: 19px; } #shiparticle .main .box-awards .award .award-img img { line-height: 19px; margin-top: -2px; } #shiparticle .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; } #shiparticle .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; } #shiparticle .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; } #shiparticle .main .box-discussion .discussion-bgr { color: #4C4C4C; font-family: trebuchet MS; font-size: 90%; } #shiparticle .main .box-discussion .linkname { font-size: 11px; line-height: 120%; padding: 0 5px; }