Difference between revisions of "Team:CU Boulder/Outreach"
(25 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
<style> | <style> | ||
h1 { | h1 { | ||
− | line-height: | + | line-height: 115%; |
} | } | ||
#page { | #page { | ||
Line 186: | Line 186: | ||
float: none; | float: none; | ||
} | } | ||
+ | .shadow { | ||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | } | ||
+ | .triple { | ||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | float: left; | ||
+ | width: 240px; | ||
+ | height: 160px; | ||
+ | } | ||
+ | .caption { | ||
+ | margin-top: 12px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size: 12px; | ||
+ | font-style: italic; | ||
+ | width: 70%; | ||
+ | text-align: center | ||
+ | } | ||
#map_red{ | #map_red{ | ||
float: right; | float: right; | ||
− | width: | + | width: 280px; |
+ | /*height: 200px;*/ | ||
height: 300px; | height: 300px; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background-image: url(https://static.igem.org/mediawiki/2014/b/bf/CU_Boulder_map_red.jpg); | + | /*background-image: url(https://static.igem.org/mediawiki/2014/b/bf/CU_Boulder_map_red.jpg);*/ |
− | background-size: | + | background-size: 280px auto; |
+ | margin-top: 40px; | ||
+ | margin-left: 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #triple_images { | ||
+ | margin-top: 20px | ||
+ | margin-bottom: 20px; | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | |||
+ | border-top: 2px solid #EEE; | ||
+ | border-bottom: 2px solid #EEE; | ||
+ | |||
+ | width: 100%; | ||
} | } | ||
Line 215: | Line 252: | ||
<!-- Content goes between the article tags --> | <!-- Content goes between the article tags --> | ||
<div id="content_box"> | <div id="content_box"> | ||
+ | |||
+ | <div id="map_red"> | ||
+ | <img class="shadow" src="https://static.igem.org/mediawiki/2014/b/bf/CU_Boulder_map_red.jpg" width="280px"> | ||
+ | <br> | ||
+ | <div class="caption">Colorado map highlighting the location of Jefferson County</div> | ||
+ | </div> | ||
+ | |||
+ | |||
<h1>Call to Action</h1> | <h1>Call to Action</h1> | ||
− | + | ||
<p>In June 2015, a conflict began in Littleton, Colorado between a credit card | <p>In June 2015, a conflict began in Littleton, Colorado between a credit card | ||
manufacturing center and residents of the surrounding areas. Allegations | manufacturing center and residents of the surrounding areas. Allegations | ||
Line 266: | Line 311: | ||
<!---------- images -----------> | <!---------- images -----------> | ||
+ | <div id="triple_images"> | ||
+ | <img class="triple" src="https://static.igem.org/mediawiki/2014/0/05/CU_Boulder_creek.JPG"> | ||
+ | <img class="triple" src="https://2014.igem.org/File:CU_Boulder_school.JPG"> | ||
+ | <img class="triple" src="https://static.igem.org/mediawiki/2014/b/b1/CU_Boulder_playground.JPG"> | ||
+ | <br> | ||
+ | |||
+ | <div class="caption">Colorado map highlighting the location of Jefferson County</div> | ||
+ | </div> | ||
<h1>Questions Unanswered at a Public Forum</h1> | <h1>Questions Unanswered at a Public Forum</h1> |
Latest revision as of 07:39, 14 August 2015
<!DOCTYPE html>