Difference between revisions of "Team:Newcastle/libs/HP/Simulator-css"

(Fix title top.)
m (Fix title top.)
Line 207: Line 207:
 
         display: block;
 
         display: block;
 
position: fixed;
 
position: fixed;
top: 20px;
+
top: 10px;
 
left: 0;
 
left: 0;
 
z-index: 999;
 
z-index: 999;

Revision as of 10:47, 15 October 2016

body { background-color: #EFA48B; } .componentbox{ background-color: #EFE6C5; width: 17.5%; height: 70%; position: absolute; right: 2.5%; top: 20%; list-style: none; border: 8px solid #EFE6C5; border-radius: 30px; border-radius: 30px; }

  1. batterydrop{

height: 26%; width: 30%; position: relative; top: 5%; left: 34%; background-position: 55% 30%; background-size: 75% 115%; background-repeat: no-repeat; }

  1. components

{ list-style: none; }

  1. bulbdrop{

height: 26%; width: 30%; position: relative; top: 45%; left: 34%; background-position: 47.5% 30%; background-size: 45% 80%; background-repeat: no-repeat; }

  1. wiredrop{

height: 25%; width: 25%; position: relative; top: 38%; left: 36%; background-position: 47.5% 30%; background-size: 45% 80%; background-repeat: no-repeat; }

  1. turbinedrop{

height: 26%; width: 30%; position: relative; top: 5%; left: 34%; background-position: 55% 30%; background-size: 75% 115%; background-repeat: no-repeat; }

  1. applicationsdrop{

height: 25%; width: 29%; position: relative; top: 40%; left: 11%; background-position: 47.5% 30%; background-size: 45% 80%; background-repeat: no-repeat; }

  1. babbleddrop{

height: 25%; width: 29%; position: relative; top: 39%; left: 7%; background-position: 47.5% 30%; background-size: 45% 80%; background-repeat: no-repeat; }

.components{ list-style-type: none; width:100%; height:100%;

} .component{ position:relative; margin-left: 10%; } .circuit{ position:absolute; top: 3%; right:0%; left:0%; } .interactiveLinks{ background-color: #EFE6C5; width: 17.5%; height: 70%; position: absolute; left: 2.5%; top: 20%; border: 8px solid #EFE6C5; border-radius: 30px; border-radius: 30px; }

.toolbox{ background-color: #EFE6C5; width: 6%; height: 10%; position: absolute; left: 47%; top: 50%; }

.gamebox{ background-color: #EFE6C5; width: 55%; height: 70%; position: absolute; left: 22.5%; top: 20%; border: 8px solid #EFE6C5; border-radius: 30px; border-radius: 30px; }

  1. onebutton{

background-color: #EFA48B; padding: 8px 8px; text-decoration: none; font-size: 18px; color: EFE6C5; font-family: 'Kaushan Script', cursive; left: 90%; top:11%; position:absolute; outline: none; z-index: 10; }

  1. button1, #button2, #button3, #button4, #button5{

background-color: #EFE6C5; text-decoration: none; font-size: 18px; padding: 2%; color: #EFA48B; font-family: 'Kaushan Script', cursive; left: 85%; bottom:5%; position:absolute; outline: none; z-index: 10;

}

  1. email, #baseTable, #unopened{

display:none; position: relative; top: 90; left: 85px; }

.interactivedemo { color: #000; padding: 8px 16px; text-decoration: none; font-size: 20px; color: #EFA48B; font-family: 'Kaushan Script', cursive; list-style-type: none; }


/* Controls appearance of javascript feature used to show HTTP request structure*/

  1. levelOneAppear, div p#levelOneAppear{

display: none; position: relative; font-size: 26px; color: #EFA48B; font-family: 'Kaushan Script', cursive; text-align: center; line-height: 130px; background-color: #EFE6C5; border: 8px solid #EFE6C5; border-radius: 30px; border-radius: 30px; margin-left: 42; margin-right: 42; line-height: 40px; min-height: 15%; padding: 0px 50px 0px 50px; }


.hiddenText, .hiddenText p { text-align: center; color: #EFA48B;

       display: block;

position: fixed; top: 10px; left: 0; z-index: 999; width: 100%; }

  1. voltspinner::-webkit-inner-spin-button {

size: 30px; color: #EFA48B; font-family: 'Kaushan Script', cursive; background-color: #EFE6C5; outline:none; }

  1. vtag{

font-size: 30px; color: #EFA48B; font-family: 'Kaushan Script', cursive; }

  1. voltspinner

{ font-size: 30px; color: #EFA48B; font-family: 'Kaushan Script', cursive; background-color: #EFE6C5; text-align: center; outline:none; margin-left: 10px; margin-right: 10px;

}

  1. page-cover {

display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 998; top: 0; left: 0; }

  1. level1popup, #level2popup, #level3popup, #level4popup, #level5popup{

background-color: #EFA48B; width: 100px; height: 100px; position: absolute; right: 27.5%; top: 12.5%; z-index: 9999; width: 45%; height: 75%; border: 8px solid #EFA48B; border-radius: 30px; border-radius: 30px; }

  1. popuptext {

width: 80%; height: 80%; position:absolute; right: 10%; top: 10%; font-size: 26px; color: #EFE6C5; font-family: 'Kaushan Script', cursive; }