Difference between revisions of "Team:UMaryland"

(Undo revision 80849 by Notof (talk))
Line 1: Line 1:
 +
{{Template_All_Teams}}
 +
{{Team:UMaryland/UMD15_CSSJS}}
 +
 
<html>
 
<html>
 +
 
<head>
 
<head>
  
Line 10: Line 14:
 
}
 
}
  
 +
/* <!--_________________________TEMPORARY MENU_________________________________--> */
 +
 +
#cssmenu {
 +
  padding: 0;
 +
  margin: 0;
 +
  border: 0;
 +
  z-index:5;
 +
  position:absolute;
 +
  max-height: 80%;
 +
  max-width: 15%;
 +
  top:10%;
 +
  left:2%;
 +
  opacity:.9;
 +
}
 +
#cssmenu ul,
 +
li {
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#cssmenu ul {
 +
  position: relative;
 +
  z-index: 597;
 +
  float: left;
 +
}
 +
#cssmenu ul li {
 +
  float: left;
 +
  min-height: 1px;
 +
  line-height: 1em;
 +
  vertical-align: middle;
 +
}
 +
#cssmenu ul li.hover,
 +
#cssmenu ul li:hover {
 +
  position: relative;
 +
  z-index: 599;
 +
  cursor: default;
 +
}
 +
#cssmenu ul ul {
 +
  visibility: hidden;
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 598;
 +
  width: 100%;
 +
}
 +
#cssmenu ul ul li {
 +
  float: none;
 +
}
 +
#cssmenu ul li:hover > ul {
 +
  visibility: visible;
 +
}
 +
#cssmenu ul ul {
 +
  top: 0;
 +
  left: 100%;
 +
}
 +
#cssmenu ul li {
 +
  float: none;
 +
}
 +
/* Custom Stuff */
 +
#cssmenu span,
 +
#cssmenu a {
 +
  display: inline-block;
 +
  font-family: Arial, Helvetica, sans-serif;
 +
  font-size: 12px;
 +
  text-decoration: none;
 +
}
 +
#cssmenu {
 +
  -moz-border-radius: 5px;
 +
  -webkit-border-radius: 5px;
 +
  border-radius: 5px;
 +
  -moz-background-clip: padding;
 +
  -webkit-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
 +
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
 +
  font-weight: 600;
 +
  width: 200px;
 +
}
 +
#cssmenu:after,
 +
#cssmenu ul:after {
 +
  content: '';
 +
  display: block;
 +
  clear: both;
 +
}
 +
#cssmenu > ul > li:first-child {
 +
  -moz-border-radius: 5px 5px 0 0;
 +
  -webkit-border-radius: 5px 5px 0 0;
 +
  border-radius: 5px 5px 0 0;
 +
  -moz-background-clip: padding;
 +
  -webkit-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
}
 +
#cssmenu > ul > li:last-child {
 +
  -moz-border-radius: 0 0 5px 5px;
 +
  -webkit-border-radius: 0 0 5px 5px;
 +
  border-radius: 0 0 5px 5px;
 +
  -moz-background-clip: padding;
 +
  -webkit-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
}
 +
#cssmenu > ul > li ul ul li:first-child {
 +
  -moz-border-radius: 0 5px 0 0;
 +
  -webkit-border-radius: 0 5px 0 0;
 +
  border-radius: 0 5px 0 0;
 +
  -moz-background-clip: padding;
 +
  -webkit-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
}
 +
#cssmenu > ul > li ul ul li:last-child {
 +
  -moz-border-radius: 0 0 5px 0;
 +
  -webkit-border-radius: 0 0 5px 0;
 +
  border-radius: 0 0 5px 0;
 +
  -moz-background-clip: padding;
 +
  -webkit-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
}
 +
#cssmenu ul,
 +
#cssmenu li {
 +
  width: 100%;
 +
}
 +
#cssmenu li {
 +
  background: #c0bebf url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEXy7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7erx7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7eoO3g4TAAAAMnRSTlP8+fbz7+vn497Z1M/KxL+5s66oopuVj4mDfHZwamRdV1FMRkA7NTArJiEcGBQQDAkGA02z+X0AAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
 +
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2edea), color-stop(1, #c0bebf));
 +
  background-image: -webkit-linear-gradient(top, #f2edea, #c0bebf);
 +
  background-image: -moz-linear-gradient(top, #f2edea, #c0bebf);
 +
  background-image: -ms-linear-gradient(top, #f2edea, #c0bebf);
 +
  background-image: -o-linear-gradient(top, #f2edea, #c0bebf);
 +
  background-image: linear-gradient(#f2edea, #c0bebf);
 +
}
 +
#cssmenu li:hover,
 +
#cssmenu li.active {
 +
  background: #606a76 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBaVE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
 +
  -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
 +
  -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
 +
  box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
 +
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a5662), color-stop(1, #606a76));
 +
  background-image: -webkit-linear-gradient(top, #4a5662, #606a76);
 +
  background-image: -moz-linear-gradient(top, #4a5662, #606a76);
 +
  background-image: -ms-linear-gradient(top, #4a5662, #606a76);
 +
  background-image: -o-linear-gradient(top, #4a5662, #606a76);
 +
  background-image: linear-gradient(#4a5662, #606a76);
 +
}
 +
#cssmenu li:hover > a,
 +
#cssmenu li.active > a {
 +
  color: #FFF;
 +
}
 +
#cssmenu a {
 +
  color: #666666;
 +
  line-height: 160%;
 +
  padding: 16px 8px 16px 28px;
 +
  width: 164px;
 +
}
 +
#cssmenu ul ul {
 +
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
 +
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
 +
  width: 200px;
 +
}
 +
#cssmenu ul ul li {
 +
  background: #606a76;
 +
  border-bottom: 1px solid #59636F;
 +
  -moz-box-shadow: inset 0 1px 0 #66707c;
 +
  -webkit-box-shadow: inset 0 1px 0 #66707c;
 +
  box-shadow: inset 0 1px 0 #66707c;
 +
}
 +
#cssmenu ul ul li:hover {
 +
  background: #4a5662;
 +
}
 +
#cssmenu ul ul li a {
 +
  color: #FFF;
 +
}
 +
#cssmenu ul ul a,
 +
#cssmenu ul ul a span {
 +
  font-size: 12px;
 +
}
 +
 +
/* <!--_________________________TEMPORARY MENU_________________________________--> */
 +
 +
#bg {
 +
z-index:0;
 +
position: absolute;
 +
margin:0px;
 +
padding:0px;
 +
}
 +
 +
@-webkit-keyframes spin
 +
{ 
 +
0%  {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;} 
 +
100% {-webkit-transform: rotateZ(360deg); -webkit-transform-origin: 50% 50% 0;} 
 +
}
 +
/*  */
 +
 +
 +
/*#gear {   
 +
margin-left:auto;
 +
margin-right:auto;
 +
top:10px;
 +
 +
  -webkit-animation: spin 8s infinite linear;
 +
max-height:98%;
 +
max-width:55%;
 +
opacity: .8;
 +
position: relative;
 +
z-index:1;
 +
}*/
 +
 +
/*#eye {
 +
left:30%;
 +
top:31.5%;
 +
position:absolute;
 +
max-height: 40%;
 +
max-width: 40%;
 +
z-index:3;
 +
opacity:.8;
 +
}*/
 +
 +
/*#title {
 +
left:50%;
 +
top:12%;
 +
position:absolute;
 +
max-height: 30%;
 +
max-width: 48%;
 +
z-index:2;
 +
opacity:.9;
 +
}
 +
 +
#title2 {
 +
left:70%;
 +
top:41%;
 +
position:absolute;
 +
max-height: 28%;
 +
max-width: 28%;
 +
z-index:2;
 +
opacity:.9;
 +
}
 +
 +
#title3 {
 +
left:83%;
 +
top:68%;
 +
position:absolute;
 +
max-height: 15%;
 +
max-width: 15%;
 +
z-index:2;
 +
opacity:.9;
 +
}*/
 +
 +
#logo {
 +
position:absolute;
 +
width:500px;
 +
margin-left:42%;
 +
margin-top:10%;
 +
}
 +
 +
#iowitudo {
 +
left:90%;
 +
top:82%;
 +
position:fixed;
 +
max-height: 15%;
 +
max-width: 8%;
 +
z-index:2;
 +
}
 +
 +
#support {
 +
margin-left:65%;
 +
margin-top:50%;
 +
position:absolute;
 +
//max-height: 20%;
 +
//max-width: 40%;
 +
//z-index:3;
 +
opacity:.9;
 +
border-radius: 25px;
 +
border: 5px solid #000000;
 +
overflow:hidden;
 +
}
 +
 +
/*
 +
 +
#skin {
 +
position:absolute;
 +
z-index:4;
 +
}
 +
 +
#slot1 {
 +
position:absolute;
 +
z-index:3;
 +
}
 +
#slot2 {
 +
position:absolute;
 +
z-index:3;
 +
}
 +
#slot3 {
 +
left:200px;
 +
position:absolute;
 +
z-index:3;
 +
}
 +
#slot4 {
 +
position:absolute;
 +
z-index:3;
 +
}
 +
#slot5 {
 +
position:absolute;
 +
z-index:3;
 +
}
 +
#slot6 {
 +
position:absolute;
 +
z-index:3;
 +
}
 +
#slot7 {
 +
position:absolute;
 +
z-index:3;
 +
}
 +
#slot8 {
 +
position:absolute;
 +
z-index:3;
 +
}
 +
*/
 +
 +
#enter {
 +
left:740px;
 +
top:730px;
 +
position:absolute;
 +
z-index:4;
 +
height:120px;
 +
opacity:.9;
 +
width:420px;
 +
padding:0px;
 +
border: 10px outset black;
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size:50;
 +
overflow:hidden;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
<!--__________________________________-->
 +
 +
<!--_________________________TEMPORARY MENU_________________________________-->
 +
 +
<div id='cssmenu' style="height:100%; width:100%">
 +
<ul>
 +
  <li class='active'><a href='#'><span><b>TEMPORARY MENU<b></span></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/about"><span>About</span></a></li>
 +
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Team"><span>Team</span></a></li>
 +
 
 +
  <li class='has-sub'><a href="#"><span>Project</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Description"><span>Description</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Design"><span>Design</span></a></li>
 +
 +
</ul></span></a>
 +
      </li>
 +
 
 +
   
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Part_Collection"><span>Parts</span></a></li>
 +
 +
 
 +
    <li class='has-sub'><a href="#"><span>Documentation</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Notebook</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/journal"><span>Journal</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Safety"><span>Safety</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/gallery"><span>Gallery</span></a></li>
 +
</ul>
 +
</span></a></li>
 +
 +
  <li class='has-sub'><a href="#"><span>Outreach</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Practices"><span>Human Practices</span></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Collaborations"><span>Collaborations</span></a></li>
 +
</ul>
 +
</span></a></li>
 +
 +
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Modeling"><span>Modeling</span></a></li>
 +
 
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Attributions"><span>Attributions</span></a></li>
 +
 +
  <li class='last'><a href='https://2015.igem.org/Main_Page'><span>iGEM Main</span></a></li>
 +
</ul>
 +
</div>
 +
 +
<!--_________________________TEMPORARY MENU_________________________________-->
 +
 +
<div id='logo'>
 +
<img src="https://static.igem.org/mediawiki/2015/3/3d/Umd-igem2.png" style="height:100%; width:100%">
 +
</div>
 +
 +
<!--<div id='gear'>
 +
<img src="https://static.igem.org/mediawiki/2015/0/06/Gear.png" style="height:100%; width:100%">
 +
</div>
 +
 +
<div id='eye'>
 +
<img src="https://static.igem.org/mediawiki/2015/c/c3/Eye.png" style="height:100%; width:100%">
 +
</div>
 +
 +
<div id='title'>
 +
<img src="https://static.igem.org/mediawiki/2015/9/93/Maryland.png" style="height:100%; width:100%">
 +
</div>
 +
 +
<div id='title2'>
 +
<img src="https://static.igem.org/mediawiki/2015/a/aa/Gem.png" style="height:100%; width:100%">
 +
</div>
 +
 +
<div id='title3'>
 +
<img src="https://static.igem.org/mediawiki/2015/3/3f/2015.png" style="height:100%; width:100%">
 +
</div>
 +
-->
 +
 +
<div id='iowitudo'>
 +
<img src="https://static.igem.org/mediawiki/2015/7/7f/Testudo.jpg" style="height:100%; width:100%">
 +
</div>
 +
 +
 +
<div id='support'>
 +
<a href="http://advancement.umd.edu/giving/fund.php?name=igem-genetic-engineering-biology-gift-fund">
 +
<img src="https://static.igem.org/mediawiki/2015/a/ab/Support.png" style="height:100%; width:100%"></a>
 +
</div>
 +
 +
 +
<!-- Button shit -->
 +
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1 col-xs-offset-3">
 +
          <span class="glyphicon glyphicon-cloud"> <br> About </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1 ">
 +
          <span class="glyphicon glyphicon-cloud"> <br> Team </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1">
 +
          <span class="glyphicon glyphicon-cloud"> <br> Project </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1">
 +
          <span class="glyphicon glyphicon-cloud"> <br> Parts </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1">
 +
          <span class="glyphicon glyphicon-cloud"> <br> <p> Documentation </p> </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1 ">
 +
          <span class="glyphicon glyphicon-cloud"> <br> Outreach </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1 ">
 +
          <span class="glyphicon glyphicon-cloud"> <br> Modeling </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1 ">
 +
          <span class="glyphicon glyphicon-cloud"> <br> Attributions </span>
 +
</button>
 +
 +
<button type="button" class="btn btn-primary btn-lg col-xs-1 ">
 +
      <img src =  "https://static.igem.org/mediawiki/2014/9/94/Igemlogo_officiallogo.png"; style = "height: 85%; width:85%"> </>
 +
</button>
 +
 +
 +
</body>
 
/* <!--_________________________TEMPORARY MENU_________________________________--> */
 
/* <!--_________________________TEMPORARY MENU_________________________________--> */
  

Revision as of 20:14, 4 August 2015

/* */ #cssmenu { padding: 0; margin: 0; border: 0; z-index:5; position:absolute; max-height: 80%; max-width: 15%; top:10%; left:2%; opacity:.9; } #cssmenu ul, li { list-style: none; margin: 0; padding: 0; } #cssmenu ul { position: relative; z-index: 597; float: left; } #cssmenu ul li { float: left; min-height: 1px; line-height: 1em; vertical-align: middle; } #cssmenu ul li.hover, #cssmenu ul li:hover { position: relative; z-index: 599; cursor: default; } #cssmenu ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } #cssmenu ul ul li { float: none; } #cssmenu ul li:hover > ul { visibility: visible; } #cssmenu ul ul { top: 0; left: 100%; } #cssmenu ul li { float: none; } /* Custom Stuff */ #cssmenu span, #cssmenu a { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } #cssmenu { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); font-weight: 600; width: 200px; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu > ul > li:first-child { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #cssmenu > ul > li:last-child { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #cssmenu > ul > li ul ul li:first-child { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #cssmenu > ul > li ul ul li:last-child { -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #cssmenu ul, #cssmenu li { width: 100%; } #cssmenu li { background: #c0bebf url (data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEXy7ery7ery7ery7ery7ery7ery7ery7ery7e ry7ery7erx7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7er y7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7eoO3g4TAAAAMnRSTlP8+fbz7+vn497Z1M/KxL +5s66oopuVj4mDfHZwamRdV1FMRkA7NTArJiEcGBQQDAkGA02z +X0AAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFL nlTZcYAAAAASUVORK5CYII=) repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2edea), color-stop(1, #c0bebf)); background-image: -webkit-linear-gradient(top, #f2edea, #c0bebf); background-image: -moz-linear-gradient(top, #f2edea, #c0bebf); background-image: -ms-linear-gradient(top, #f2edea, #c0bebf); background-image: -o-linear-gradient(top, #f2edea, #c0bebf); background-image: linear-gradient(#f2edea, #c0bebf); } #cssmenu li:hover, #cssmenu li.active { background: #606a76 url (data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVm JKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJ KVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBa VE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2 NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x; -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a5662), color-stop(1, #606a76)); background-image: -webkit-linear-gradient(top, #4a5662, #606a76); background-image: -moz-linear-gradient(top, #4a5662, #606a76); background-image: -ms-linear-gradient(top, #4a5662, #606a76); background-image: -o-linear-gradient(top, #4a5662, #606a76); background-image: linear-gradient(#4a5662, #606a76); } #cssmenu li:hover > a, #cssmenu li.active > a { color: #FFF; } #cssmenu a { color: #666666; line-height: 160%; padding: 16px 8px 16px 28px; width: 164px; } #cssmenu ul ul { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); width: 200px; } #cssmenu ul ul li { background: #606a76; border-bottom: 1px solid #59636F; -moz-box-shadow: inset 0 1px 0 #66707c; -webkit-box-shadow: inset 0 1px 0 #66707c; box-shadow: inset 0 1px 0 #66707c; } #cssmenu ul ul li:hover { background: #4a5662; } #cssmenu ul ul li a { color: #FFF; } #cssmenu ul ul a, #cssmenu ul ul a span { font-size: 12px; } /* */ #bg { z-index:0; position: absolute; margin:0px; padding:0px; } @-webkit-keyframes spin { 0% {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;} 100% {-webkit-transform: rotateZ(360deg); -webkit-transform-origin: 50% 50% 0;} } /* */ /*#gear { margin-left:auto; margin-right:auto; top:10px; -webkit-animation: spin 8s infinite linear; max-height:98%; max-width:55%; opacity: .8; position: relative; z-index:1; }*/ /*#eye { left:30%; top:31.5%; position:absolute; max-height: 40%; max-width: 40%; z-index:3; opacity:.8; }*/ /*#title { left:50%; top:12%; position:absolute; max-height: 30%; max-width: 48%; z-index:2; opacity:.9; } #title2 { left:70%; top:41%; position:absolute; max-height: 28%; max-width: 28%; z-index:2; opacity:.9; } #title3 { left:83%; top:68%; position:absolute; max-height: 15%; max-width: 15%; z-index:2; opacity:.9; }*/ #logo { position:absolute; width:500px; margin-left:42%; margin-top:10%; } #iowitudo { left:90%; top:82%; position:fixed; max-height: 15%; max-width: 8%; z-index:2; } #support { margin-left:65%; margin-top:50%; position:absolute; //max-height: 20%; //max-width: 40%; //z-index:3; opacity:.9; border-radius: 25px; border: 5px solid #000000; overflow:hidden; } /* #skin { position:absolute; z-index:4; } #slot1 { position:absolute; z-index:3; } #slot2 { position:absolute; z-index:3; } #slot3 { left:200px; position:absolute; z-index:3; } #slot4 { position:absolute; z-index:3; } #slot5 { position:absolute; z-index:3; } #slot6 { position:absolute; z-index:3; } #slot7 { position:absolute; z-index:3; } #slot8 { position:absolute; z-index:3; } */ #enter { left:740px; top:730px; position:absolute; z-index:4; height:120px; opacity:.9; width:420px; padding:0px; border: 10px outset black; font-family: "Arial Black", Gadget, sans-serif; font-size:50; overflow:hidden; }