Hayley jesse (Talk | contribs) (Undo revision 20778 by Hayley jesse (talk)) |
Hayley jesse (Talk | contribs) (Undo revision 20734 by Hayley jesse (talk)) |
||
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 *********************************/ |
Revision as of 18:27, 6 June 2017
/***************************************************** RESPONSIVE STYLING ****************************************************/ /* IF THE SCREEN IS LESS THAN 1200PX */ @media only screen and (max-width: 1200px) { #content {width:100%; } .igem_2017_menu_wrapper {width:15%; right:0;} .highlight {padding:10px 0px;} .igem_2017_menu_wrapper #display_menu_control { display:none; } #menu_content { display:block;} .menu_button.direct_to_page {padding-left: 17px;} } /* IF THE SCREEN IS LESS THAN 800PX */ @media only screen and (max-width: 800px) { .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} .igem_2017_content_wrapper {width:100%; margin-left:0px;} .column.half_size {width:100%; } .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} .highlight {padding:15px 5px;} .igem_2017_menu_wrapper #display_menu_control { display:block; } #menu_content { display:none;} .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; } .menu_bottom_padding {display:none;} .menu_button.direct_to_page { padding-left: 36px; } } /* special class that the system uses to make sure the team wants a page to be evaluated */ .judges-will-not-evaluate { width: 96.6%; margin: 5px 15px; display: block; border: 4px solid #3399ff; font-weight: bold; }
}