Difference between revisions of "Template:US AFRL CarrollHS"

Line 98: Line 98:
 
 
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
#topMenu, #top_title, .patrollink  {display:none;}
+
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
body {background-color:white; }
 
body {background-color:white; }
Line 114: Line 114:
 
right:0%;
 
right:0%;
 
padding:0px;
 
padding:0px;
float:top;  
+
float:right;  
 
border-left: 1px solid #d3d3d3;  
 
border-left: 1px solid #d3d3d3;  
background-color:#FFFFFF;  
+
background-color:#dddddd;  
text-align:center;
+
text-align:left;
font-family:Tahoma, ariel, sans-serif;  
+
font-family:Tahoma, Geneva, sans-serif;  
 
overflow-y: auto;
 
overflow-y: auto;
 
overflow-x: hidden;
 
overflow-x: hidden;
Line 181: Line 181:
 
/* styling for the menu buttons on hover */
 
/* styling for the menu buttons on hover */
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
background-color: #0B236D;  
+
background-color: #3399ff;  
 
text-decoration: none;
 
text-decoration: none;
 
color:#ffffff;  
 
color:#ffffff;  
Line 228: Line 228:
 
font-family:Tahoma, Geneva, sans-serif;  
 
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
<head>
 
<title>Image Slider CSS3</title>
 
<link rel="stylesheet" type="text/css" href="css/style.css">
 
</head>
 
<body>
 
<div id="slider" >
 
<figure>
 
<img src="https://static.igem.org/mediawiki/2017/6/66/Logo2.jpeg">
 
<img src="https://static.igem.org/mediawiki/2017/6/68/Peter%2C_Hayley%2C_and_Dallas.jpeg">
 
<img src="https://static.igem.org/mediawiki/2017/b/b0/Annie%2C_Angela%2C_Tina%2C_and_Andrea.jpeg">
 
<img src="https://static.igem.org/mediawiki/2017/1/14/Jason%2C_Max%2C_and_Jonah.jpeg">
 
<img src="https://static.igem.org/mediawiki/2017/b/bb/Andrea%2C_Tina%2C_Annie%2C_and_Angela.jpeg">
 
</figure>
 
  
</div>
 
</body>
 
  
 
/********************************* HTML STYLING  *********************************/
 
/********************************* HTML STYLING  *********************************/
Line 251: Line 236:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
color: #0B236D;
+
color: #3399ff;
 
}
 
}
  
Line 413: Line 398:
 
/* styling for button on hover */
 
/* styling for button on hover */
 
.igem_2017_content_wrapper .button:hover{
 
.igem_2017_content_wrapper .button:hover{
background-color: #0B236D;
+
background-color: #3399ff;
 
     color: #000000;
 
     color: #000000;
 
}
 
}
  
  
</style>
 
  
  
 
/***************************************************** RESPONSIVE STYLING ****************************************************/
 
/***************************************************** RESPONSIVE STYLING ****************************************************/
<style>
+
 
 
/* IF THE SCREEN IS LESS THAN 1200PX */
 
/* IF THE SCREEN IS LESS THAN 1200PX */
 
@media only screen and (max-width: 1200px) {
 
@media only screen and (max-width: 1200px) {
Line 463: Line 447:
 
 
 
</style>
 
</style>
 +
  
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
Line 754: Line 739:
 
</div>
 
</div>
  
@Image Slider CSS3 {
 
  
0% {
 
Left: 0;
 
}
 
 
20% {
 
Left: 0;
 
}
 
 
 
25% {
 
Left: -100%;
 
}
 
 
45% {
 
Left: -100%;
 
 
}
 
 
50% {
 
Left: -200%;
 
 
}
 
 
70% {
 
Left: -200%;
 
}
 
 
75% {
 
Left: -300%;
 
}
 
 
95% {
 
Left: -400%;
 
}
 
 
100% {
 
Left: -400%'
 
 
}
 
 
#slider {
 
overflow: hidden;
 
}
 
 
#slider figure img {
 
width:20%;
 
float: left;
 
}
 
 
#slider figure {
 
position: relative;
 
width: 500%;
 
margin: 0;
 
left: 0;
 
text-align: left;
 
font-size: 0;
 
animation: 20s slider infinite;
 
 
}
 
  
  
 
</div>
 
</div>
  
 
 
 
}
 
  
  

Revision as of 18:33, 6 June 2017

US_AFRL_CarrollHS