More actions
m Coding and testing. |
m Coding and testing. |
||
| Line 2: | Line 2: | ||
.ship-info | .ship-info | ||
{ | |||
float: left; | |||
background-color: #1D1C23; | |||
border-bottom: 1px solid #525751; | |||
border-left: 1px solid black; | |||
border-right: 1px solid black; | |||
border-top: 1px solid #525751; | |||
float: left; | |||
margin-bottom: 10px; | |||
width: 800px; | |||
} | |||
.ship-info table { background-color: transparent; } | .ship-info table { background-color: transparent; } | ||
.ship-info table, .ship-info table tr, .ship-info table td { margin:0; padding:0; border-spacing:0; } | .ship-info table, | ||
.ship-info table tr, | |||
.ship-info table td | |||
{ | |||
margin: 0; | |||
padding: 0; | |||
border-spacing: 0; | |||
} | |||
.ship-info .title | .ship-info .title | ||
{ | |||
border-bottom: 1px solid #525751; | |||
color: #CCCCCC; | |||
font-family: trebuchet MS; | |||
font-size: 12px; | |||
font-weight: bold; | |||
height: 22px; | |||
line-height: 20px; | |||
padding: 0 10px; | |||
text-align: left; | |||
text-transform: uppercase; | |||
} | |||
#content .ship-info .titlename a | #content .ship-info .titlename a | ||
{ | |||
background: none repeat scroll 0 0 transparent; | |||
color: orange; | |||
float: left; | |||
font-size: 180%; | |||
height: 30px; | |||
line-height: 30px; | |||
padding-left: 5px; | |||
} | |||
#content .ship-info .titlename a:hover, | #content .ship-info .titlename a:hover, | ||
#content .ship-info .titlename a.hover | #content .ship-info .titlename a.hover | ||
{ | |||
color: orange; | |||
text-decoration: none; | |||
} | |||
.ship-info .ship-border-box | .ship-info .ship-border-box | ||
{ | |||
background-color: #110809; | |||
border: 1px solid #878984; | |||
} | |||
.ship-info .ship-border-box p | .ship-info .ship-border-box p | ||
{ | |||
color: #FFFFFF; | |||
font-size: 90%; | |||
margin: 0; | |||
padding: 5px; | |||
text-align: left; | |||
} | |||
.ship-info .label | .ship-info .label | ||
{ | |||
border-bottom: 1px solid #4C4646; | |||
border-top: 1px solid #4C4646; | |||
font-family: Trebuchet MS; | |||
height: 14px; | |||
line-height: 14px; | |||
padding: 2px; | |||
} | |||
.ship-info .label .inner | .ship-info .label .inner | ||
{ | |||
background-color:#0e1618; | |||
font-size: 10px; | |||
padding: 0 3px; | |||
} | |||
.box-resist { | .box-resist | ||
{ | |||
height: 15px; | |||
line-height: 15px; | |||
width: 50px; | |||
} | |||
.bgr-em { background-color:#121923; } | .bgr-em { background-color: #121923; } | ||
.bgr-thr { background-color:#290b0b; } | .bgr-thr { background-color: #290b0b; } | ||
.bgr-kin { background-color:#292021; } | .bgr-kin { background-color: #292021; } | ||
.bgr-exp { background-color:#2b190b; } | .bgr-exp { background-color: #2b190b; } | ||
.val-em { background-color:#1c5d85; } | .val-em { background-color: #1c5d85; } | ||
.val-thr { background-color:#8d1717; } | .val-thr { background-color: #8d1717; } | ||
.val-kin { background-color:#757575; } | .val-kin { background-color: #757575; } | ||
.val-exp { background-color:#875f1a; } | .val-exp { background-color: #875f1a; } | ||
.box-resist .resist-value .value-text | .box-resist .resist-value .value-text | ||
{ | |||
font-family: trebuchet MS; | |||
font-size: 11px; | |||
font-weight: bold; | |||
text-align: center; | |||
width: 50px; | |||
} | |||
.ship-info .attributes | .ship-info .attributes | ||
{ | |||
border: medium none; | |||
padding: 3px; | |||
} | |||
.attributes .att-line | .attributes .att-line | ||
{ | |||
background-color: #110809; | |||
font-family: trebuchet MS; | |||
font-size: 11px; | |||
height: 20px; | |||
line-height: 20px; | |||
margin-bottom: 2px; | |||
} | |||
.attributes .att-line .att-item | .attributes .att-line .att-item | ||
{ | |||
border-right: 2px solid #191E18; | |||
display: inline-block; | |||
padding: 0 5px; | |||
} | |||
.attributes .att-line .att-item .att-img | .attributes .att-line .att-item .att-img | ||
{ | |||
display: inline-block; | |||
margin-right: 2px; | |||
} | |||
.attributes .res-boxes .att-item .att-img | .attributes .res-boxes .att-item .att-img | ||
{ | |||
margin-right: 0; | |||
} | |||
.attributes .att-line .att-item .att-label | .attributes .att-line .att-item .att-label | ||
{ | |||
color: #9E9E9E; | |||
display: inline-block; | |||
} | |||
.attributes .att-line .att-item .att-value | .attributes .att-line .att-item .att-value | ||
{ | |||
color: #FFFFFF; | |||
display: inline-block; | |||
margin-right: 2px; | |||
text-align: right; | |||
width: 10px; | |||
} | |||
.attributes th | .attributes th | ||
{ | |||
float: right; | |||
font-size: 10px; | |||
height: 15px; | |||
line-height: 15px; | |||
} | |||
.attributes .collapseButton | .attributes .collapseButton | ||
{ | |||
color: transparent; | |||
float: left; | |||
margin-left: -6px; | |||
} | |||
.attributes .collapseButton a | .attributes .collapseButton a | ||
{ | |||
border-color: #444A42 #000000; | |||
border-style: solid; | |||
border-width: 1px; | |||
color: transparent; | |||
margin-top: -1px; | |||
position: absolute; | |||
width: 100px; | |||
} | |||
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover | .attributes .collapseButton a:hover, | ||
.attributes .collapseButton a.hover | |||
{ | |||
border-top: 1px solid #FFFFFF; | |||
border-bottom: 1px solid #FFFFFF; | |||
border-right: 1px solid #444A42; | |||
border-left: 1px solid #444A42; | |||
} | |||
.ship-info p.ship-desc | .ship-info p.ship-desc | ||
{ | |||
font-family: arial; | |||
font-size: 11px; | |||
line-height: 120%; | |||
padding: 5px 5px 0; | |||
text-align: justify; | |||
} | |||
.ship-info .box-footer | .ship-info .box-footer | ||
{ | |||
border-top: 1px solid #333333; | |||
font-family: trebuchet MS; | |||
font-size: 95%; | |||
margin: 15px 5px 0; | |||
text-align: right; | |||
} | |||
#content .ship-info .box-footer a | #content .ship-info .box-footer a | ||
{ | |||
background-image: none; | |||
color: #CCCCCC; | |||
padding: 5px; | |||
} | |||
#content .ship-info .box-footer a:hover, | #content .ship-info .box-footer a:hover, | ||
#content .ship-info .box-footer a.hover | #content .ship-info .box-footer a.hover | ||
{ | |||
color: orange; | |||
text-decoration: none; | |||
} | |||
.ship-info .ship-variants | .ship-info .ship-variants | ||
{ | |||
border-top: 1px solid #323931; | |||
font-family: trebuchet MS; | |||
font-size: 11px; | |||
height: 20px; | |||
line-height: 20px; | |||
margin: 0 5px 5px; | |||
} | |||
.ship-info .forum-link | .ship-info .forum-link | ||
{ | |||
background-color: #110809; | |||
border: 1px solid #323931; | |||
display: block; | |||
float: left; | |||
margin-top: 5px; | |||
padding: 5px; | |||
width: 248px; | |||
} | |||
.ship-info .forum-link .linkentry | .ship-info .forum-link .linkentry | ||
{ | |||
display: inline-block; | |||
line-height: 15px; | |||
} | |||
.ship-info .forum-link .linkentry .linkimg | .ship-info .forum-link .linkentry .linkimg | ||
{ | |||
display: inline-block; | |||
height: 15px; | |||
width: 20px; | |||
} | |||
.ship-info .forum-link .linkentry .linkname | .ship-info .forum-link .linkentry .linkname | ||
{ | |||
display: inline; | |||
} | |||
.ship-info .forum-link .linkentry a | .ship-info .forum-link .linkentry a | ||
{ | |||
display: inline; | |||
font-size: 11px; | |||
} | |||
#content .ship-info .forum-link .linkentry a.external | #content .ship-info .forum-link .linkentry a.external | ||
{ | |||
background: none repeat scroll 0 0 transparent; | |||
color: #9E9E9E; | |||
padding: 0; | |||
} | |||
#content .ship-info .forum-link .linkentry a.external.hover, #content .ship-info .forum-link .linkentry a.external:hover | #content .ship-info .forum-link .linkentry a.external.hover, | ||
#content .ship-info .forum-link .linkentry a.external:hover | |||
{ | |||
background-color: #393939; | |||
text-decoration: none; | |||
color: orange; | |||
} | |||
.techcorner | .techcorner | ||
{ | |||
width: 64px; | |||
height: 64px; | |||
position: absolute; | |||
top: 0px; | |||
left: 0px; | |||
margin-left: 1px; | |||
margin-top: 1px; | |||
} | |||
}} | }} | ||