Difference between revisions of "Team:CU Boulder/Entrepreneurship"
(41 intermediate revisions by the same user not shown) | |||
Line 15: | Line 15: | ||
#page h1 { | #page h1 { | ||
line-height: 115%; | line-height: 115%; | ||
− | font-size: | + | font-size: 24px; |
} | } | ||
Line 84: | Line 84: | ||
} | } | ||
#title_box { | #title_box { | ||
− | padding-top: | + | padding-top: 10px; |
− | border: 3px solid red; | + | /*border: 3px solid red;*/ |
− | width: | + | border-bottom: 2px solid #787878; |
− | min-width: | + | width: 100%; |
+ | min-width: 800px; | ||
max-width: 1000px; | max-width: 1000px; | ||
margin-left: auto; | margin-left: auto; | ||
Line 93: | Line 94: | ||
} | } | ||
#title_box h1 { | #title_box h1 { | ||
− | line-height: | + | line-height: 120%; |
margin-top: 0px; | margin-top: 0px; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | font-size: | + | font-size: 34px; |
− | padding-left | + | padding-left: 30px; |
padding-top: 0px; | padding-top: 0px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
Line 106: | Line 107: | ||
} | } | ||
p { | p { | ||
− | border: 1px solid | + | border: 1px solid transparent; |
} | } | ||
− | /*--------------------Black Box---------------------*/ | + | /*--------------------Black Box start---------------------*/ |
.black_box { | .black_box { | ||
background-color: black; | background-color: black; | ||
Line 145: | Line 146: | ||
list-style-type: none; | list-style-type: none; | ||
padding-left: 40px; | padding-left: 40px; | ||
− | font-size: | + | font-size: 16px; |
+ | } | ||
+ | <!---map---> | ||
+ | <!---https://static.igem.org/mediawiki/2015/f/fc/CU_Boulder_Case_Study_map.JPG--> | ||
+ | #big_map_container { | ||
+ | height: 400px; | ||
+ | width: 600px; | ||
+ | /*border: 3px solid blue;*/ | ||
+ | } | ||
+ | #big_map { | ||
+ | height: 500px; | ||
+ | width: 500px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/f/fc/CU_Boulder_Case_Study_map.JPG); | ||
+ | /*background-color: white;*/ | ||
+ | background-size: 500px 500px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | /*border: 2px solid red;*/ | ||
+ | } | ||
+ | .map_box { | ||
+ | /*background-color: red;*/ | ||
+ | padding-left: 30px; | ||
+ | padding-right: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | width: 80%; | ||
+ | height: 500px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-bottom: 0px; | ||
+ | margin-top: 25px; | ||
} | } | ||
<!-----------------------Black Box end------------------> | <!-----------------------Black Box end------------------> | ||
Line 183: | Line 214: | ||
list-style-position: inside; | list-style-position: inside; | ||
list-style-type: none; | list-style-type: none; | ||
+ | margin-left: 0; | ||
+ | /*border: 1px solid red;*/ | ||
} | } | ||
.aside_left li { | .aside_left li { | ||
Line 188: | Line 221: | ||
margin-bottom: 18px; | margin-bottom: 18px; | ||
list-style-type: none; | list-style-type: none; | ||
+ | /*border: 1px solid blue;*/ | ||
} | } | ||
#questions_para { | #questions_para { | ||
Line 197: | Line 231: | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
float: none; | float: none; | ||
− | height: | + | height: 560px; |
/*border: 3px solid red;*/ | /*border: 3px solid red;*/ | ||
} | } | ||
Line 205: | Line 239: | ||
box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
} | } | ||
+ | |||
+ | |||
<!--------------------------- 3 Images -------------------------------> | <!--------------------------- 3 Images -------------------------------> | ||
Line 215: | Line 251: | ||
padding-bottom: 15px; | padding-bottom: 15px; | ||
− | border-top: 2px solid # | + | border-top: 2px solid #686868; |
− | border-bottom: 2px solid # | + | border-bottom: 2px solid #686868; |
width: 800px; | width: 800px; | ||
Line 252: | Line 288: | ||
#container_for_images_container { | #container_for_images_container { | ||
/*border: 3px solid blue;*/ | /*border: 3px solid blue;*/ | ||
− | border-top: 2px solid # | + | border-top: 2px solid #787878; |
− | border-bottom: 2px solid # | + | border-bottom: 2px solid #787878; |
width: 100%; | width: 100%; | ||
min-width: 780px; | min-width: 780px; | ||
max-width: 1000px; /* Vertical margins, and auto to center */ | max-width: 1000px; /* Vertical margins, and auto to center */ | ||
margin: auto; | margin: auto; | ||
− | height: | + | height: 280px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 275: | Line 311: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | font-size: | + | font-size: 12px; |
font-style: italic; | font-style: italic; | ||
− | width: | + | width: 80%; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 298: | Line 334: | ||
float: right; | float: right; | ||
width: 280px; | width: 280px; | ||
− | height: | + | height: 270px; |
− | margin-top: | + | margin-top: 80px; |
margin-left: 30px; | margin-left: 30px; | ||
/*border: 3px solid red;*/ | /*border: 3px solid red;*/ | ||
Line 317: | Line 353: | ||
min-width: 850px; | min-width: 850px; | ||
max-width: 1000px; | max-width: 1000px; | ||
− | border: 2px solid red; | + | /*border: 2px solid red;*/ |
height: 450px; | height: 450px; | ||
} | } | ||
Line 371: | Line 407: | ||
<div id="page"> | <div id="page"> | ||
<p></p> | <p></p> | ||
+ | <!-- Content goes between the article tags --> | ||
+ | <div id="content_box"> | ||
<div id="title_box"> | <div id="title_box"> | ||
<h2>Case Study:</h2> | <h2>Case Study:</h2> | ||
Line 376: | Line 414: | ||
<h1>in Jefferson County, Colorado</h1> | <h1>in Jefferson County, Colorado</h1> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 401: | Line 434: | ||
to provide a resolution that would satisfy both parties.</p> | to provide a resolution that would satisfy both parties.</p> | ||
− | + | <br> | |
<h1>The Company...</h1> | <h1>The Company...</h1> | ||
<p>CPI Card Group is an international company with headquarters located southwest of Littleton, Colorado. They | <p>CPI Card Group is an international company with headquarters located southwest of Littleton, Colorado. They | ||
Line 455: | Line 488: | ||
<div class="triple" id="image_playground"></div> | <div class="triple" id="image_playground"></div> | ||
</div> | </div> | ||
− | <div class="caption_2"> | + | <div class="caption_2">From left to right: Massey Draw creek passing through Ken Caryl Ranch, Shaffer Elementary School less than a half-mile away from CPI, a playgroud located across the street from CPI Card Group Headquarters</div> |
</div> | </div> | ||
Line 512: | Line 545: | ||
</div> | </div> | ||
<br><br> | <br><br> | ||
− | |||
<!------------black box --------------> | <!------------black box --------------> | ||
Line 543: | Line 575: | ||
both CPI and local residents.</p> | both CPI and local residents.</p> | ||
<!--------------Insert Image ---------------> | <!--------------Insert Image ---------------> | ||
+ | <div class="map_box"> | ||
+ | <div id="big_map"></div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
Latest revision as of 17:57, 13 September 2015
<!DOCTYPE html>