|
|
| Line 20: |
Line 20: |
| text-align: center; | | text-align: center; |
| float: left; | | float: left; |
| }
| |
|
| |
| .shipFitting+*:not(.shipFitting) {
| |
| clear: both;
| |
| }
| |
|
| |
| .shipFitting.showEFT {
| |
| width: 684px;
| |
| }
| |
|
| |
| .shipFitting.showSkills {
| |
| width: 684px;
| |
| }
| |
|
| |
| .shipFitting.showNotes {
| |
| width: 734px;
| |
| }
| |
|
| |
| .shipFitting.showEFT.showSkills {
| |
| width: 932px;
| |
| }
| |
|
| |
| .shipFitting.showEFT.showNotes {
| |
| width: 982px;
| |
| }
| |
|
| |
| .shipFitting.showSkills.showNotes {
| |
| width: 982px;
| |
| }
| |
|
| |
| .shipFitting.showEFT.showSkills.showNotes {
| |
| width: 1230px;
| |
| }
| |
|
| |
| .shipFitting .fittingHeader {
| |
| height: 22px;
| |
|
| |
| margin-bottom: 8px;
| |
|
| |
| border-bottom: solid 2px #404040;
| |
|
| |
| line-height: 23px;
| |
| font-size: 14px;
| |
| }
| |
|
| |
| .shipFitting .fittingHeader img {
| |
| margin-top: -2px;
| |
| }
| |
|
| |
| .shipFitting .fittingHeader span {
| |
| margin-left: 21px;
| |
| }
| |
|
| |
| .shipFitting .fittingHeader h5 {
| |
| color: #CCCCCC;
| |
| margin: 0px;
| |
| font-size: 14px;
| |
| border: none;
| |
| font-weight: normal;
| |
| padding: 0px;
| |
| height: 0px;
| |
| width: 0px;
| |
| } | | } |
|
| |
|
| .shipFitting .shipInfo { | | .shipFitting .shipInfo { |
| width: 45px;
| |
| height: 16px;
| |
| line-height: 17px;
| |
| font-size: 8px;
| |
| border-left: solid 1px #404040; | | border-left: solid 1px #404040; |
| border-right: solid 1px #404040; | | border-right: solid 1px #404040; |
| margin-top: 3px; | | margin-top: 3px; |
| float: right;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .shipFitting .shipInfo:hover {
| |
| background-color: #2A2A2A;
| |
| }
| |
|
| |
| .shipFitting .main {
| |
| float: left;
| |
| }
| |
|
| |
| .shipFitting .mainSlots {
| |
| height: 48px;
| |
| margin-bottom: 6px;
| |
| }
| |
|
| |
| .shipFitting .mainSlots.lowSlots {
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| .shipFitting .mainSlots .slotLabel {
| |
| width: 18px;
| |
| height: 46px;
| |
| border: solid 1px #404040;
| |
| margin-right: 4px;
| |
| float: left;
| |
| }
| |
|
| |
| .shipFitting .module {
| |
| width: 46px;
| |
| height: 46px;
| |
| border: solid 1px #404040;
| |
| background-color: #232323;
| |
|
| |
| margin-right: 4px;
| |
|
| |
| float: left;
| |
| cursor: pointer;
| |
| }
| |
|
| |
|
| |
| .shipFitting .module.right {
| |
| margin-right: 0px;
| |
| }
| |
|
| |
| .shipFitting .module img {
| |
| width: 46px;
| |
| height: 46px;
| |
| }
| |
|
| |
| .shipFitting .sub {
| |
| float: left;
| |
| }
| |
|
| |
| .shipFitting .subSlots {
| |
| height: 32px;
| |
| margin-bottom: 6px;
| |
| }
| |
|
| |
| .shipFitting .subSlots .slotLabel {
| |
| width: 12px;
| |
| height: 30px;
| |
| border: solid 1px #404040;
| |
| margin-right: 4px;
| |
| float: left;
| |
| }
| |
|
| |
| .shipFitting .subMod {
| |
| width: 30px;
| |
| height: 30px;
| |
|
| |
| border: solid 1px #404040;
| |
| background-color: #232323;
| |
| margin-right: 4px;
| |
|
| |
| float: left;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .shipFitting .subMod img {
| |
| width: 30px;
| |
| height: 30px;
| |
| }
| |
|
| |
| .shipFitting .subsystems {
| |
| display: none;
| |
| }
| |
|
| |
| .shipFitting.ss .subsystems {
| |
| display: block;
| |
| }
| |
|
| |
| .shipFitting .subSlots.rigs {
| |
| margin-bottom: 0px;
| |
| }
| |
|
| |
| .shipFitting .info {
| |
| float: right;
| |
| }
| |
|
| |
| .shipFitting .note {
| |
| width: 198px;
| |
| height: 19px;
| |
|
| |
| border: solid 1px #404040;
| |
|
| |
| margin-bottom: 4px;
| |
| line-height: 19px;
| |
| font-size: 10px;
| |
| }
| |
|
| |
| .shipFitting .title {
| |
| height: 18px;
| |
| width: 117px;
| |
| border-right: solid 1px #404040;
| |
| background-color: #232323;
| |
| float: left;
| |
| }
| |
|
| |
| .shipFitting .value {
| |
| height: 18px;
| |
| width: 80px;
| |
| float: left;
| |
| }
| |
|
| |
| .shipFitting .difficultyLevel {
| |
| height: 10px;
| |
| width: 46px;
| |
|
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| margin-top: 3px;
| |
| border: solid 1px #606060;
| |
|
| |
| padding-top: 1px;
| |
| padding-left: 1px;
| |
| }
| |
|
| |
| .shipFitting .difficultyBlock {
| |
| height: 8px;
| |
| width: 8px;
| |
|
| |
| margin-right: 1px;
| |
| background-color: #505050;
| |
| float: left;
| |
| }
| |
|
| |
| .shipFitting .difficultyBlock.right {
| |
| background-color: #606060;
| |
| }
| |
|
| |
| .shipFitting .buttons {
| |
| margin-top: 20px;
| |
| }
| |
|
| |
| .shipFitting.ss .buttons {
| |
| margin-top: 58px;
| |
| }
| |
|
| |
| .shipFitting .button {
| |
| width: 45px;
| |
| height: 18px;
| |
|
| |
| float: left; | | float: left; |
| margin-right: 4px;
| |
|
| |
| border: solid 1px #404040;
| |
|
| |
| line-height: 19px;
| |
| font-size: 10px;
| |
| cursor: pointer; | | cursor: pointer; |
| } | | } |
|
| |
|
| .shipFitting .button.empty {
| |
| color: #555555;
| |
| border-color: #353535;
| |
| }
| |
|
| |
| .shipFitting .button:not(.empty):hover {
| |
| background-color: #303030;
| |
| }
| |
|
| |
| .shipFitting .button.active {
| |
| background-color: #2C2C2C;
| |
| }
| |
|
| |
| .shipFitting .button.notes {
| |
| margin-right: 0px;
| |
| }
| |
|
| |
| .shipFitting .moreInfo {
| |
| min-height: 270px;
| |
| float: left;
| |
| border: solid 1px #404040;
| |
| display: none;
| |
| }
| |
|
| |
| .shipFitting.ss .moreInfo {
| |
| min-height: 308px;
| |
| }
| |
|
| |
| .shipFitting .moreInfo ul {
| |
| text-align: left;
| |
| }
| |
|
| |
| .shipFitting .moreInfo.eftData {
| |
| width: 238px;
| |
| margin-right: 8px;
| |
| }
| |
|
| |
| .shipFitting .moreInfo.skills {
| |
| width: 238px;
| |
| margin-left: 8px
| |
| }
| |
|
| |
| .shipFitting .moreInfo.notes {
| |
| width: 288px;
| |
| margin-left: 8px
| |
| }
| |
|
| |
| .shipFitting .moreInfo.show {
| |
| display: block;
| |
| }
| |
|
| |
| .shipFitting .subHeader {
| |
| height: 19px;
| |
| border-bottom: solid 1px #404040;
| |
|
| |
| margin-left: 4px;
| |
| margin-bottom: 8px;
| |
| margin-right: 4px;
| |
|
| |
| line-height: 19px;
| |
| font-size: 12px;
| |
| }
| |
|
| |
| .shipFitting .bx {
| |
| min-height: 100px;
| |
| margin-left: 4px;
| |
| margin-right: 4px;
| |
| margin-bottom: 4px;
| |
|
| |
| line-height: 10px;
| |
| font-size: 9px;
| |
| }
| |
|
| |
| .shipFitting .open {
| |
| cursor: default;
| |
| }
| |
|
| |
| .shipFitting .inactive {
| |
| border-color: #303030;
| |
| cursor: default;
| |
| }
| |
|
| |
| .shipFitting .uniLogo {
| |
| float: left;
| |
| }
| |
|
| |
|
| }} | | }} |
| <div class="shipFitting {{#if: {{{subsystem1name|}}} | ss }}" {{#if: {{{fitID| }}} | id="{{{fitID}}}" | }}> | | <div class="shipFitting {{#if: {{{subsystem1name|}}} | ss }}" {{#if: {{{fitID| }}} | id="{{{fitID}}}" | }}> |
| <div class="fittingHeader"> | | <div class="fittingHeader"> |
| {{#switch: {{{showTOC|Y}}} | N = | <h5>{{{fitName}}}</h5> }}
| | <div class="shipInfo" data-typeid="{{{shipTypeID}}}" title="View ship (in game)">View</div> |
| <div class="button eve" data-shipdna="{{{shipDNA}}}" title="View fit (in game)">View fit in game</div>
| |
| <div class="shipInfo" data-typeid="{{{shipTypeID}}}" title="View ship (in game)">View Ship in game</div> | |
| </div> | | </div> |
| </div> | | </div> |
