View source for Team:Newcastle/libs/HP/Simulator-css

body
{
	background-color: #EFA48B; 
}

.circuit img
{
    max-width: 100%;
    width: auto;
}

.circuit
{
    position: relative;
}

.componentbox{
	background-color: #EFE6C5;
        float: left;
	list-style: none;
	border: 8px solid #EFE6C5;
	border-radius: 30px;
        min-width: 17%;
}

#batterydrop {
    min-width: 29.5%;
    min-height: 26%;
    position: absolute;
    z-index: 99999;
    background-position: 55% 30%;
    background-size: 75% 115%;
    background-repeat: no-repeat;
    background-color: aqua;
    top: 2%;
    left: 34.5%;
}

#components
{
	list-style: none;
}

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

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

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

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

#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{
}

.InteractiveLinks{
    border: 8px solid #EFE6C5;
    border-radius: 30px;
    display: inline-block;
    min-width: 17.5%;
    background-color: #EFE6C5;
    float: left;
    margin-left: 5%;
    margin-right: 10px;
}

.toolbox{
	background-color: #EFE6C5;
position: absolute;
margin: auto;
left: 41%;
top: 55%;
}

.gamebox{
	background-color: #EFE6C5;
	border: 8px solid #EFE6C5;
	border-radius: 30px;
        float: left;
        max-width: 55%;
        max-width: 50%;
        margin-right: 10px;
}

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

#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;

}

#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: none;
}


/* Controls appearance of javascript feature used to show HTTP request structure*/
#levelOneAppear, div p#levelOneAppear{
	display: none;
	position: relative;
	font-size: 26px;
	color: #EFA48B; 
	font-family: 'Kaushan Script', cursive;
	text-align: center;
	line-height: 130px;
	margin-left: 42;
	margin-right: 42;
	line-height: 40px;
	min-height: 15%;  
	padding: 0px 50px 0px 50px;
        max-width: 50%;
}


.hiddenText, .hiddenText p {
    text-align: center;
    color: #EFA48B;
    display: block;
    z-index: 999;
    width: 90%;
    margin: auto auto 25px auto;
    background-color: #EFE6C5;
    border: 8px solid #EFE6C5;
    border-radius: 30px;
}

#voltspinner::-webkit-inner-spin-button {
	size: 30px;
	color: #EFA48B; 
	font-family: 'Kaushan Script', cursive;
	background-color: #EFE6C5;
	outline:none;
}

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

#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;

}

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

#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;
}

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