htmol/styles/Styles.css

NEXT-GENERATION MOLECULAR DYNAMICS WEB VISUALIZATION

/*
Licensed under the MIT license.
http://www.opensource.org/licenses/mit-license.php

this file is part of HTMoL:
Copyright (C) 2014  Alvarez Rivera Leonardo,Becerra Toledo Francisco Javier, Vega Ramirez Adan
*/

/*Este pasrte del ccs es del menu anterior, esta todo modificado para no ser visto*/


body{
	font-family: Monospace;
	background-color:white;
	margin: 0px;
	overflow: hidden;
	padding:0px;
	display: inline-block;
    vertical-align: top;
    width: 0;
}
div{
	margin: 0;
	padding: 0;
}

#MainMenu{
	position: absolute;
}
textarea{
	width:0%;
	position:relative;
	resize:none;
}

input{
	color: rgb(255,255,255);
	background: transparent;
	border: 0px;
	cursor: pointer;
	text-shadow: 1px 1px 0 black,
				-1px -1px black,
				1px -1px black,
				-1px 1px black,
				0 1px black,
				1px 0 black,
				-1px 0 black,
				0 -1px black;
}

input:hover {
	background-color:rgba(0,100,255,0.5);
}

input:active {
	color: #000000;
	background-color:rgba(0,255,0,0.7);
}

#menu{
	top:45px;
	float:right;
	position:absolute;
	width: 100%;
	height: 0px;
	text-align:right;
	padding: 0;
	margin: 0;

    }

#MainMenu{
	width:0%;
	height:0%;
	background-color:transparent;
	float:right;

}

  #Menus{
	width:0%;
	height:0%;
	background-color:transparent;
	float:right;

    }

		#controles{
			position: absolute;
			bottom:50px;
			width: 100%;
			height: 0;
			text-align: right;
			padding: 2px;
			margin: 0;
		/*border-style: solid;
		border-color: green;
		border-width: 1px;*/
		}
  #zoom {
	position: absolute;
	width: 100%;
	height: 0;
	text-align: right;
	padding: 2px;
	margin: 0;
		/*border-style: solid;
		border-color: green;
		border-width: 5px;*/
    }

		#data{ /*progress bar*/
		display: inline;
	 	bottom:60px;
		left: 0%;
	 	position:absolute;
	 	width: 100%;
	 	height:10px;
	 	margin-left:0%;
	 	color:white;
	 	text-shadow: 1px 1px 0 black,
	                   -1px -1px black,
	                    1px -1px black,
	                   -1px 1px black,
	                    0 1px black,
	                    1px 0 black,
	                   -1px 0 black,
	                    0 -1px black;
		text-align: center;
		/*border-style: solid;
		border-color: red;
		border-width: 1px;*/
	     }

		#info{ /*atoms and frames*/
		display:inline;
	 	top:10px;
		right: 0%;
	 	position:absolute;
	 	width: 70%;
	 	height:10px;
	 	margin-right: 100px;
	 	color:white;
	 	text-shadow: 1px 1px 0 black,
	                   -1px -1px black,
	                    1px -1px black,
	                   -1px 1px black,
	                    0 1px black,
	                    1px 0 black,
	                   -1px 0 black,
	                    0 -1px black;
		text-align: center;
		/*border-style: solid;
		border-color: blue;
		border-width: 1px;*/
	     }

			 @media screen and (min-width: 500px) {
    .Console {
      top: 0px;
    }
}