Spaces:
Running
Running
#btnMakeProbe { | |
margin-bottom: 2px; | |
} | |
#btnAddProc { | |
width: 70px; | |
margin-bottom: 1px; | |
} | |
#btnAddMem { | |
width: 70px; | |
} | |
#btnEntertainSwarm { | |
margin-top: 4px; | |
margin-bottom: 4px; | |
} | |
#btnSynchSwarm { | |
margin-top: 4px; | |
margin-bottom: 4px; | |
} | |
#qCompDisplay { | |
margin-left: 3px; | |
} | |
#swarmSliderDiv { | |
position: relative; | |
display: inline-block; | |
margin-bottom: 10px; | |
} | |
#sliderLabelWork { | |
position: relative; | |
display: inline-block; | |
} | |
#swarmSlider { | |
position: absolute; | |
display: inline-block; | |
width: 180px; | |
top: 0px; | |
margin-left: 2px; | |
margin-right: 4px; | |
} | |
#sliderLabelThink { | |
position: relative; | |
display: inline-block; | |
left: 190px; | |
} | |
.slider { | |
width: 100%; | |
} | |
h2 { | |
line-height: 70%; | |
} | |
.toolTip { | |
position: relative; | |
display: inline-block; | |
} | |
.toolTip .toolTipText { | |
visibility: hidden; | |
width: 160px; | |
background-color: #c8c8c8; | |
color: #000; | |
text-align: center; | |
padding: 5px 0; | |
border-radius: 3px; | |
position: absolute; | |
z-index: 1; | |
bottom: 75%; | |
left: 50%; | |
margin-left: -19px; | |
opacity: 0; | |
transition: opacity 1s; | |
} | |
.toolTip:hover .toolTipText { | |
visibility: visible; | |
opacity: 1; | |
} | |
.toolTip2 { | |
margin-left: 2px; | |
position: relative; | |
display: inline-block; | |
height: 20px; | |
margin-top: 5px; | |
} | |
.toolTip2 .toolTipText2 { | |
visibility: hidden; | |
width: 200px; | |
background-color: #c8c8c8; | |
color: #000; | |
text-align: center; | |
padding: 5px 0; | |
border-radius: 3px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
position: absolute; | |
z-index: 1; | |
bottom: 125%; | |
left: 50%; | |
margin-left: -15px; | |
opacity: 0; | |
transition: opacity 1s; | |
} | |
.toolTip2:hover .toolTipText2 { | |
visibility: visible; | |
opacity: 1; | |
} | |
.toolTip3 { | |
position: relative; | |
display: inline-block; | |
margin-bottom: 5px; | |
} | |
.toolTip3 .toolTipText3 { | |
visibility: hidden; | |
width: 180px; | |
background-color: #c8c8c8; | |
color: #000; | |
text-align: center; | |
padding: 5px 0; | |
border-radius: 3px; | |
position: absolute; | |
z-index: 1; | |
bottom: 27px; | |
left: 80px; | |
margin-left: 0px; | |
opacity: 0; | |
transition: opacity 1s; | |
} | |
.toolTip3:hover .toolTipText3 { | |
visibility: visible; | |
opacity: 1; | |
} | |
#cover { | |
position:fixed; | |
background-color: white; | |
top:0; | |
left:0; | |
height:100%; | |
width:100%; | |
z-index: 10; | |
} | |
#tournamentStuff { | |
/* height: 58px; */ | |
} | |
#tournamentLabel { | |
margin-bottom: 5px; | |
} | |
#wireBuyerDiv { | |
margin-bottom: 3px; | |
} | |
#processorDisplay { | |
display: inline-block; | |
vertical-align: baseline; | |
height: 22px; | |
} | |
#memoryDisplay { | |
display: inline-block; | |
vertical-align: baseline; | |
height: 22px; | |
} | |
#harvesterMultiButtons { | |
margin-bottom: 2; | |
} | |
#wireDroneMultiButtons { | |
margin-bottom: 2; | |
} | |
#farmMultiButtons { | |
margin-bottom: 2; | |
} | |
#batteryMultiButtons { | |
margin-bottom: 2; | |
} | |
#autoTourneyStatusDiv { | |
float: left; | |
width: 30px; | |
} | |
#tourneyButton { | |
float: left; | |
width: 120px; | |
} | |
#autoTourneyControl { | |
float: left; | |
width: 78px; | |
} | |
#victoryDiv { | |
margin-top: 10px; | |
width: 289px; | |
text-align: center; | |
} | |
#increaseProbeTrustDiv { | |
float: left; | |
width: 130px; | |
margin-left: 5; | |
border: 0; | |
} | |
#increaseMaxTrustDiv { | |
float: left; | |
width: 150px; | |
margin: 0; | |
border: 0; | |
} | |
#combatButtonDiv { | |
margin-top: 0; | |
} | |
#battleCanvasDiv { | |
position: relative; | |
} | |
#battleInterfaceDiv { | |
position: absolute; | |
left: 15px; | |
top: 8px; | |
} | |
canvas { | |
display: block; | |
margin-top: 0; | |
margin-bottom: 10; | |
width: 310px; | |
height: 150px; | |
margin-left: auto; | |
margin-right: auto; | |
background-color: #808080; | |
} | |
#hypnoDroneEventDiv { | |
float: left; | |
background: black; | |
width: 100%; | |
} | |
#prestigeDiv { | |
background-color: lightgrey; | |
} | |
#consoleDiv { | |
float: left; | |
background: black; | |
width: 100%; | |
} | |
#topDIv { | |
float: left; | |
width: 100%; | |
} | |
#leftColumn { | |
float: left ; | |
width: 35%; | |
} | |
#middleColumn { | |
float: left; | |
width: 27%; | |
margin-left: 0.5%; | |
} | |
#rightColumn { | |
float: left; | |
width: 36%; | |
margin-left: 0.5%; | |
} | |
#investmentDiv1 { | |
float: left; | |
width: 64px; | |
line-height: 20%; | |
} | |
#investmentDiv2 { | |
float: left; | |
width: 65%; | |
text-align: top; | |
margin-top: 0; | |
margin-left: 5px; | |
} | |
#stratDiv1 { | |
float: left; | |
width: 95px; | |
line-height: 20%; | |
} | |
#stratDiv2 { | |
float: left; | |
width: 60%; | |
text-align: top; | |
margin-top: 0; | |
margin-left: 5px; | |
} | |
#vertPad { | |
float: left; | |
width: 35%; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
} | |
#vertStrat { | |
float: right; | |
text-align: center; | |
width: 65%; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
} | |
#horizStrat { | |
float: left; | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
width: 25%; | |
height: 56px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
} | |
#investmentEngineUpgrade { | |
margin: 5px; | |
margin-bottom: 10px; | |
} | |
#tournamentManagement { | |
margin: 5px; | |
margin-bottom: 10px; | |
} | |
#feedButtonDiv { | |
margin-top: 5; | |
} | |
.engine { | |
margin: 5; | |
border: 1px solid grey; | |
padding: 5; | |
} | |
.engine2 { | |
margin: 5; | |
border: 1px solid grey; | |
padding: 5; | |
} | |
.swarmEngine { | |
margin-bottom: 5; | |
border: 1px solid grey; | |
padding: 5; | |
} | |
.qEngine { | |
margin-bottom: 10; | |
border: 1px solid grey; | |
padding: 5; | |
height: 5em; | |
} | |
.qChip { | |
width: 22px; | |
height: 22px; | |
margin-left: 2; | |
margin-right: 2; | |
margin-top: 2; | |
margin-bottom: 7; | |
background-color: black; | |
float: left; | |
} | |
.engineText { | |
margin-bottom: 0; | |
margin-top: 0; | |
font-size: 80%; | |
line-height: 150%; | |
} | |
.engineText1 { | |
margin-left: 5; | |
margin-bottom: 0; | |
margin-top: 0; | |
} | |
.engineText2 { | |
margin-bottom: 0; | |
margin-top: 0; | |
line-height: 150%; | |
} | |
.engineText3 { | |
margin-left: 5; | |
margin-top: 10; | |
line-height: 150%; | |
} | |
.engineText4 { | |
margin-left: 5; | |
margin-top: 10; | |
margin-bottom: 0; | |
} | |
.engineText5 { | |
margin-left: 0; | |
margin-top: 0; | |
margin-bottom: 3; | |
} | |
.engineText6 { | |
margin-left: 0; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: bottom; | |
} | |
.engineText7 { | |
margin-left: 0; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: bottom; | |
} | |
.engineText8 { | |
margin-left: 0; | |
margin-top: 3px; | |
margin-bottom: 0; | |
} | |
.engineText9 { | |
display: inline-block; | |
margin-top: 1px; | |
} | |
.engineText10 { | |
display: inline-block; | |
line-height: 18px; | |
vertical-align: bottom; | |
} | |
hr { | |
display: block; | |
margin-top: .05em; | |
margin-bottom: 0.2em; | |
margin-left: auto; | |
margin-right: auto; | |
border-style: inset; | |
border-width: 1px; | |
} | |
hr.short { | |
width: 225px; | |
margin-left: 0; | |
} | |
table.table1 { | |
table-layout: fixed; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
margin-bottom: 0; | |
margin-top: 0; | |
width: 100%; | |
border: none; | |
} | |
table.table1 tr:nth-child(even) { | |
background-color: #dddddd; | |
} | |
table.table2 { | |
border-collapse: collapse; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
margin-bottom: 0; | |
margin-top: 0; | |
margin-right: 0px; | |
margin-left: 0px; | |
width: 70%; | |
} | |
table.table3 { | |
border-collapse: collapse; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
margin-bottom: 0; | |
margin-top: 0; | |
margin-right: 0px; | |
margin-left: 0px; | |
width: 100%; | |
} | |
table.table2 td:nth-child(1) { | |
width: 45px; | |
text-align: right; | |
padding-right: 4px; | |
border-left: none; | |
border-top: none; | |
border-bottom:none; | |
font-weight: bold; | |
} | |
table.table2 td:nth-child(n>1) { | |
table-layout: fixed; | |
} | |
table.table2 td{ | |
border: 1px solid black; | |
text-align: center; | |
} | |
p.clean { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
margin-bottom: 0; | |
margin-top: 1px; | |
} | |
p.clean2 { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
margin-bottom: 0; | |
margin-top: 0px; | |
} | |
p.clean3 { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 11; | |
margin-bottom: 5px; | |
margin-top: 2px; | |
} | |
p.console { | |
font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; | |
font-size: 12; | |
color: white; | |
margin-top: 0; | |
} | |
p.consoleOld { | |
font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; | |
font-size: 12; | |
color: grey; | |
margin-bottom: 0; | |
} | |
p.hypnoDrone { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 150; | |
color: white; | |
line-height: 115px; | |
margin-bottom: 0px; | |
margin-top: 0px; | |
} | |
.pulsate { | |
-webkit-animation: pulsate .5s ease-out; | |
-webkit-animation-iteration-count: infinite; | |
opacity: 0.0; | |
} | |
@-webkit-keyframes pulsate { | |
0% { | |
opacity: 0.0; | |
} | |
50% { | |
opacity: 1.0; | |
} | |
100% { | |
opacity: 0.0; | |
} | |
} | |
.projectButton { | |
display: block; | |
height: 4em; | |
width: 100%; | |
background: #c8c8c8; | |
border: 1px solid rgba(0, 0, 0, 1); | |
outline: none; | |
margin-bottom: 6px; | |
} | |
.projectButton:hover { | |
display: block; | |
height: 4em; | |
width: 100%; | |
background: #c8c8c8; | |
border: 1px solid rgba(0, 0, 0, 0.25); | |
} | |
.projectButton:active { | |
display: block; | |
height: 60px; | |
width: 100%; | |
background: #d1d1d1; | |
border: 1px solid rgba(0, 0, 0, 1); | |
} | |
.projectButton:disabled { | |
border: none; | |
} | |
.button { | |
border: 1px solid #1a1a1a; | |
background: #666666; | |
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); | |
background: -webkit-linear-gradient(top, #ffffff, #888888); | |
background: -moz-linear-gradient(top, #ffffff, #888888); | |
background: -ms-linear-gradient(top, #ffffff, #888888); | |
background: -o-linear-gradient(top, #ffffff, #888888); | |
background-image: -ms-linear-gradient(top, #ffffff 0%, #888888 100%); | |
padding: 12.5px 25px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; | |
-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; | |
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; | |
text-shadow: #cccccc 0 1px 0; | |
color: #000000; | |
font-size: 16px; | |
font-family: helvetica, serif; | |
text-decoration: none; | |
vertical-align: middle; | |
outline: none; | |
} | |
.button:hover { | |
border: 1px solid #898989; | |
text-shadow: #d4d4d4 0 1px 0; | |
background: #666666; | |
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#666666)); | |
background: -webkit-linear-gradient(top, #ffffff, #666666); | |
background: -moz-linear-gradient(top, #ffffff, #666666); | |
background: -ms-linear-gradient(top, #ffffff, #666666); | |
background: -o-linear-gradient(top, #ffffff, #666666); | |
background-image: -ms-linear-gradient(top, #ffffff 0%, #666666 100%); | |
color: #000000; | |
} | |
.button:active { | |
text-shadow: #bfbfbf 0 1px 0; | |
border: 1px solid #2e2e2e; | |
background: #d9d9d9; | |
background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#616161)); | |
background: -webkit-linear-gradient(top, #595959, #d9d9d9); | |
background: -moz-linear-gradient(top, #595959, #d9d9d9); | |
background: -ms-linear-gradient(top, #595959, #d9d9d9); | |
background: -o-linear-gradient(top, #595959, #d9d9d9); | |
background-image: -ms-linear-gradient(top, #595959 0%, #d9d9d9 100%); | |
color: #000000; | |
} | |
.button:disabled{ | |
opacity: 0.6; | |
border: 1px solid #ffffff; | |
} | |
.button2 { | |
border: 1px solid #1a1a1a; | |
background: #666666; | |
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); | |
background: -webkit-linear-gradient(top, #ffffff, #888888); | |
background: -moz-linear-gradient(top, #ffffff, #888888); | |
background: -ms-linear-gradient(top, #ffffff, #888888); | |
background: -o-linear-gradient(top, #ffffff, #888888); | |
background-image: -ms-linear-gradient(top, #ffffff 0%, #888888 100%); | |
padding: 2px 4px; | |
-webkit-border-radius: 2px; | |
-moz-border-radius: 2px; | |
border-radius: 2px; | |
-webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; | |
-moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; | |
box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; | |
text-shadow: #cccccc 0 1px 0; | |
color: #000000; | |
font-size: 11px; | |
font-family: helvetica, serif; | |
text-decoration: none; | |
vertical-align: middle; | |
outline: none; | |
} | |
.button2:hover { | |
border: 1px solid #898989; | |
text-shadow: #d4d4d4 0 1px 0; | |
background: #616161; | |
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#888888)); | |
background: -webkit-linear-gradient(top, #f7f7f7, #888888); | |
background: -moz-linear-gradient(top, #f7f7f7, #888888); | |
background: -ms-linear-gradient(top, #f7f7f7, #888888); | |
background: -o-linear-gradient(top, #f7f7f7, #888888); | |
background-image: -ms-linear-gradient(top, #f7f7f7 0%, #888888 100%); | |
color: #000000; | |
} | |
.button2:active { | |
text-shadow: #bfbfbf 0 1px 0; | |
border: 1px solid #2e2e2e; | |
background: #d9d9d9; | |
background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#616161)); | |
background: -webkit-linear-gradient(top, #595959, #d9d9d9); | |
background: -moz-linear-gradient(top, #595959, #d9d9d9); | |
background: -ms-linear-gradient(top, #595959, #d9d9d9); | |
background: -o-linear-gradient(top, #595959, #d9d9d9); | |
background-image: -ms-linear-gradient(top, #595959 0%, #d9d9d9 100%); | |
color: #444444; | |
} | |
.button2:disabled { | |
opacity: 0.6; | |
border: 1px solid #ffffff; | |
} | |