More actions
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; | |||
} | } | ||