(447 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | <!-- *************************************************** CSS PART ************************************************** --> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
+ | /***** CHANGE DEFAULT WIKI SETINGS *****/ | ||
− | /* | + | #sideMenu, #top_title {display:none;} /*-- hide right menu bar per default --*/ |
− | + | #globalWrapper, #content { /*-- remove white block on the right, set width to 100% --*/ | |
− | # | + | width: 100%; |
− | + | max-width:1400px; | |
− | + | height: 100%; | |
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0 0 10px 0; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #pageContent { | ||
+ | padding:0 1.5%; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /***************** DON'T HAVE ANY F****** CLUE WHY, BUT THIS RESET IS VERY IMOPORTANT! *****************/ | ||
+ | /*reset padding, margin and list style*/ | ||
+ | body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | /* list-style-image:url('');*/ | ||
+ | /* background-image:url('');*/ | ||
+ | border-bottom:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | a:link { | ||
+ | text-decoration:none; | ||
+ | color: #000000; | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | color: #000000; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | a:hover { | ||
+ | color: #6f6f6f; | ||
+ | text-decoration: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | h1,h2,h3,h4,h5,h6{ | ||
+ | font-weight:normal; | ||
+ | font-size:100%; | ||
+ | } | ||
+ | p{ | ||
+ | line-height:150%; | ||
+ | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
+ | } | ||
+ | body{ | ||
+ | background-color:#F7F7F7; | ||
+ | } | ||
+ | |||
+ | td{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #top-section{ | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | margin-top:10px; | ||
+ | background:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .text ul { | ||
+ | list-style-type: disc !important; | ||
+ | } | ||
+ | |||
+ | /*end of the reset*/ | ||
+ | |||
+ | /***************************************************************/ | ||
+ | |||
+ | |||
+ | /****** PLACE HOLDER DIVS FROM EXAMPLE WIKI TEAMPLATE *******/ | ||
+ | |||
+ | |||
+ | /*LAYOUT */ | ||
+ | .column { | ||
+ | padding: 10px 10px; | ||
+ | float:left; | ||
+ | background-color:white; | ||
+ | } | ||
+ | |||
+ | .full_size { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .full_size img { | ||
+ | padding: 10px 15px; | ||
+ | width:96.5%; | ||
+ | } | ||
+ | |||
+ | .half_size { | ||
+ | width: 50%; | ||
+ | } | ||
+ | .half_size img { | ||
+ | padding: 10px 15px; | ||
+ | width: 93%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .highlight { | ||
+ | width: 90%; | ||
+ | margin: auto; | ||
+ | padding: 15px 5px; | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | .judges-will-not-evaluate { | ||
+ | border: 4px solid #72c9b6; | ||
+ | display: block; | ||
+ | margin: 5px 15px; | ||
+ | width: 95%; | ||
+ | font-weight:bold; | ||
+ | } | ||
− | |||
/************************* SIDE BAR *************************/ | /************************* SIDE BAR *************************/ | ||
+ | |||
+ | html,body,.container { | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
/* Side Bar */ | /* Side Bar */ | ||
Line 24: | Line 154: | ||
.sidebar{ | .sidebar{ | ||
float:right; | float:right; | ||
− | width: | + | width:100%; |
− | margin: | + | margin:auto |
background-color:transparent; | background-color:transparent; | ||
Line 31: | Line 161: | ||
.sidebaraddress{ | .sidebaraddress{ | ||
− | + | width:90%; | |
− | + | min-width:240px; | |
− | margin: | + | max-width:300px; |
+ | margin:auto; | ||
+ | position:relative; | ||
background-color:transparent; | background-color:transparent; | ||
font-weight: normal; | font-weight: normal; | ||
+ | text-align:justify; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.sidebarsponsors{ | .sidebarsponsors{ | ||
− | + | width:90%; | |
− | + | max-width:500px; | |
− | margin: | + | margin: auto auto 10px; |
+ | position: relative; | ||
background-color:transparent; | background-color:transparent; | ||
Line 109: | Line 238: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /* Side Bar Navigation */ | ||
− | + | .sidebar_navigation{ | |
− | + | width:80%; | |
− | + | min-width:220px; | |
− | width: | + | max-width:400px; |
− | + | position: relative; | |
− | + | margin:auto; | |
} | } | ||
− | . | + | .sidebar_navigation h3{ |
font:"Trebuchet MS", Arial, Helvetica, sans-serif; | font:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
font-size:24px; | font-size:24px; | ||
Line 138: | Line 260: | ||
text-align:center; | text-align:center; | ||
} | } | ||
− | . | + | .sidebar_navigation h4 a{ |
display:block; | display:block; | ||
font:Geneva, Arial, Helvetica, sans-serif; | font:Geneva, Arial, Helvetica, sans-serif; | ||
Line 146: | Line 268: | ||
} | } | ||
− | . | + | .sidebar_navigation ul li{ |
display:block; | display:block; | ||
− | padding:5px 25px 5px | + | padding:5px 25px 5px 10px; |
− | + | ||
font-size:16px; | font-size:16px; | ||
line-height:28px; | line-height:28px; | ||
} | } | ||
− | . | + | .sidebar_navigation ul li a{ |
font-weight:normal; | font-weight:normal; | ||
/* color:#034996; */ | /* color:#034996; */ | ||
} | } | ||
− | . | + | .sidebar_navigation ul li ul li{ |
display:block; | display:block; | ||
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
font-size:14px; | font-size:14px; | ||
padding-left:20px; | padding-left:20px; | ||
− | line-height:24px; | + | line-height:24px; |
+ | |||
} | } | ||
− | . | + | .sidebar_navigation ul li ul li a{ |
color:black; | color:black; | ||
+ | padding-left:10px; | ||
+ | width:120%; | ||
} | } | ||
− | . | + | .sidebar_navigation ul li ul li a:hover{ |
color: #000000; | color: #000000; | ||
} | } | ||
− | . | + | .sidebar_navigation ul li ul li ul li{ |
display:block; | display:block; | ||
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
Line 186: | Line 310: | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
.menu_wrapper { | .menu_wrapper { | ||
− | width: | + | width:80%; |
− | + | min-width:220px; | |
− | + | max-width:400px; | |
− | + | margin: auto; | |
− | + | ||
− | + | ||
text-align:left; | text-align:left; | ||
+ | |||
} | } | ||
Line 199: | Line 322: | ||
width:100%; | width:100%; | ||
− | margin: | + | margin:0px 10px; |
− | padding: | + | padding: auto 10px; |
− | border-bottom: 1px solid #d3d3d3 | + | /* border-bottom: 1px solid #d3d3d3; */ |
− | + | ||
color:#000000; | color:#000000; | ||
cursor: pointer; | cursor: pointer; | ||
Line 270: | Line 392: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/* styling for the submenus */ | /* styling for the submenus */ | ||
.submenu { | .submenu { | ||
width:90%; | width:90%; | ||
+ | min-width:200px; | ||
display: none; | display: none; | ||
font-weight:bold; | font-weight:bold; | ||
Line 304: | Line 422: | ||
.submenu li a { | .submenu li a { | ||
width: 100%; | width: 100%; | ||
− | padding: 5px | + | padding: 5px 0px; |
display: inline-block; | display: inline-block; | ||
− | border-bottom: 1px solid #d3d3d3 | + | /* border-bottom: 1px solid #d3d3d3; */ |
− | + | ||
text-decoration:none; | text-decoration:none; | ||
color: #000000; | color: #000000; | ||
Line 320: | Line 437: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*****************************************************************************************/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 349: | Line 446: | ||
− | /***************************** | + | /***************************** FONTS, HEADINGS, DIVS, etc. ********************************/ |
− | + | #bodyContent{ | |
− | + | background-color: #f5f8fa; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.firstHeading { | .firstHeading { | ||
Line 418: | Line 497: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
html, body, .wrapper { /*-- changes default wiki settings --*/ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
Line 488: | Line 560: | ||
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 651: | Line 578: | ||
#globalWrapper{ | #globalWrapper{ | ||
margin:0 auto; | margin:0 auto; | ||
− | |||
} | } | ||
− | + | .pictures { | |
− | + | width:75; | |
− | + | margin: 10px auto 10px auto; | |
− | + | position:relative; | |
− | + | display:block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#contact{ | #contact{ | ||
float:right; | float:right; | ||
Line 759: | Line 601: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*main part*/ | /*main part*/ | ||
/*for the wrapper*/ | /*for the wrapper*/ | ||
#wrapper { | #wrapper { | ||
display: block; | display: block; | ||
− | height: 360px; | + | /*height: 360px;*/ |
− | width: | + | width: 100%; |
margin: auto; | margin: auto; | ||
} | } | ||
Line 788: | Line 615: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
− | height: 360px; | + | /*height: 360px;*/ |
− | width: | + | width: 100%; |
overflow: auto; | overflow: auto; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*For the four main parts*/ | /*For the four main parts*/ | ||
#fourParts{ | #fourParts{ | ||
float:left; | float:left; | ||
− | + | width:100%; | |
− | margin: | + | margin: 10px 0 0 0; |
− | padding: | + | padding:5px; |
− | background-color: | + | background-color: #ffffff; |
border-style:solid; | border-style:solid; | ||
− | border-color:# | + | border-color: #ececec; |
border-width:1px; | border-width:1px; | ||
− | border-radius: | + | border-radius:3px; |
} | } | ||
.four{ | .four{ | ||
margin:15px 15px; | margin:15px 15px; | ||
padding:0px 0px 0px 0px; | padding:0px 0px 0px 0px; | ||
− | height:210px; | + | /*height:210px;*/ |
− | width:310px; | + | /*width:310px;*/ |
float:left; | float:left; | ||
} | } | ||
+ | |||
+ | .four img { | ||
+ | width:90%; | ||
+ | max-width:90px; | ||
+ | display:block; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | |||
+ | |||
#fourParts h1{ | #fourParts h1{ | ||
display:block; | display:block; | ||
Line 853: | Line 659: | ||
border-bottom:solid thin #D3D3D3; | border-bottom:solid thin #D3D3D3; | ||
} | } | ||
− | .pictures{ | + | #fourParts .pictures{ |
margin:0px 0 0px 0px; | margin:0px 0 0px 0px; | ||
− | |||
− | |||
float:left; | float:left; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.paragraph{ | .paragraph{ | ||
margin:15px 0; | margin:15px 0; | ||
− | height:190px; | + | /*height:190px;*/ |
− | width:220px; | + | /*width:220px;*/ |
float:right; | float:right; | ||
font-size:13px; | font-size:13px; | ||
Line 904: | Line 704: | ||
+ | .t-left table { | ||
+ | border: solid 4px white; | ||
+ | border-bottom: solid 1px #DDDDDD; | ||
+ | border-top: solid 2px #DDDDDD; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .t-center table { | |
− | + | border: solid 4px white; | |
− | + | border-bottom: solid 1px #DDDDDD; | |
− | + | border-top: solid 2px #DDDDDD; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | .t-center th { | |
− | + | text-align: center !important; | |
− | + | border-right: solid 1px #DDDDDD; | |
− | + | border-left: solid 1px #DDDDDD; | |
− | + | ||
} | } | ||
− | + | .t-center td { | |
− | + | text-align: left !important; | |
+ | border-right: solid 1px #DDDDDD; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .t-left .table th { | ||
+ | text-align: left !important; | ||
+ | border-right: solid 1px #DDDDDD; | ||
+ | border-left: solid 1px #DDDDDD; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .t-left .table td { | ||
+ | text-align: left !important; | ||
+ | border-right: solid 1px #DDDDDD; | ||
+ | border-left: solid 1px #DDDDDD; | ||
} | } | ||
− | |||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .exp { | ||
+ | padding:0px; | ||
+ | margin:0px; | ||
+ | width:80%; | ||
+ | background-repeat: no-repeat; | ||
+ | display: block; | ||
+ | margin:0 auto 0 auto; | ||
+ | |||
} | } | ||
− | + | .img-noborder { | |
− | . | + | margin-top:-0.5px; |
− | + | margin-left:-4.5px; | |
− | + | padding:0; | |
− | + | opacity: 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .img-noborder1 { |
− | + | margin-top:-0.5px; | |
− | + | padding:0; | |
− | + | opacity: 0; | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | .img-noborder:hover { | ||
+ | opacity: 1; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | + | .img-noborder1:hover { | |
− | + | ||
− | + | opacity: 1; | |
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
Line 1,286: | Line 792: | ||
/* Normal Text */ | /* Normal Text */ | ||
+ | |||
.text{ | .text{ | ||
float:left; | float:left; | ||
− | + | width:100%; | |
− | margin: | + | margin:10px 0 0 0; |
− | padding: | + | padding: 4%; |
− | background-color: | + | background-color: #ffffff; |
border-style:solid; | border-style:solid; | ||
− | border-color:# | + | border-color:#ececec; |
border-width:1px; | border-width:1px; | ||
− | border-radius: | + | border-radius:3px; |
+ | font-size: 16px; | ||
} | } | ||
.text h1{ | .text h1{ | ||
font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
− | font-size: | + | font-size:32px; |
font-weight:bold; | font-weight:bold; | ||
color:#000000; | color:#000000; | ||
− | line-height: | + | line-height:40px; |
− | text-align: | + | text-align:center; |
padding:0px; | padding:0px; | ||
} | } | ||
.text h2{ | .text h2{ | ||
font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
− | font-size: | + | font-size:24px; |
line-height:40px; | line-height:40px; | ||
font-weight:bold; | font-weight:bold; | ||
padding:0; | padding:0; | ||
− | + | color:#000000; | |
− | color:# | + | text-align:center; |
− | text-align: | + | |
} | } | ||
.text h3{ | .text h3{ | ||
Line 1,324: | Line 831: | ||
padding:0; | padding:0; | ||
margin-top:16px; | margin-top:16px; | ||
− | color:# | + | color:#000000; |
text-align:left; | text-align:left; | ||
} | } | ||
Line 1,335: | Line 842: | ||
text-align:justify; | text-align:justify; | ||
font-weight:bold; | font-weight:bold; | ||
+ | margin-bottom: 0 !important; | ||
+ | } | ||
+ | |||
+ | .text h5{ | ||
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:18px; | ||
+ | line-height:24px; | ||
+ | padding:10px 0; | ||
+ | color:black; | ||
+ | text-align:center; | ||
+ | margin-bottom: 0 !important; | ||
+ | } | ||
+ | |||
+ | .text h6{ | ||
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:16px; | ||
+ | font-weight:bold; | ||
+ | line-height:18px; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#000000; | ||
+ | text-align:left; | ||
} | } | ||
Line 1,340: | Line 869: | ||
font-size:16px; | font-size:16px; | ||
text-align:justify; | text-align:justify; | ||
+ | } | ||
+ | .text ul{ | ||
+ | font-size: 16px; | ||
+ | list-style-type: circle !important; | ||
+ | } | ||
− | + | .text ol{ | |
+ | font-size: 16px; | ||
+ | list-style-type: decimal; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | ol.ref { | ||
+ | counter-reset: item; | ||
+ | list-style-type: none; | ||
+ | *list-style-type: decimal; /*Conditional hack for ie7*/ | ||
} | } | ||
− | . | + | |
− | + | ol.ref li:before { | |
− | + | content: '[' counter(item, decimal) '. '; | |
− | + | counter-increment: item; | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | |
− | + | ol.ref { counter-reset: item; } | |
− | + | ol.ref li:before { content: '[' counter(item, decimal) '] '; } | |
− | + | ||
− | + | ||
− | + | img.text { | |
+ | width:100%; | ||
} | } | ||
− | + | ||
− | + | .caption { | |
− | + | margin:auto; | |
− | + | display:block; | |
− | + | width:80%; | |
+ | margin-top:16px; | ||
+ | margin-bottom:16px; | ||
} | } | ||
− | . | + | |
− | + | ||
− | + | .photo { | |
− | + | width:90%; | |
− | + | margin:16px auto 16px auto; | |
− | + | display: block; | |
+ | border-radius:4px; | ||
} | } | ||
− | . | + | .poem { |
− | + | text-align:center !important; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .poem p{ |
− | + | text-align:center !important; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | |
− | + | ||
− | + | .heading{ | |
− | margin: | + | float:left; |
− | padding: | + | width:100%; |
− | background-color: | + | margin:10px 0 0 0; |
+ | padding: 4%; | ||
+ | background-color: #ffffff; | ||
border-style:solid; | border-style:solid; | ||
− | border-color:# | + | border-color:#ececec; |
border-width:1px; | border-width:1px; | ||
− | border-radius: | + | border-radius:3px; |
+ | font-size: 16px; | ||
} | } | ||
− | . | + | .heading h1{ |
font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
− | font-size: | + | font-size:32px; |
font-weight:bold; | font-weight:bold; | ||
− | color:# | + | color:#000000; |
line-height:40px; | line-height:40px; | ||
− | text-align: | + | text-align:center; |
− | padding: | + | padding: 0px; |
+ | margin:0 0 !important; | ||
} | } | ||
− | . | + | .heading h2{ |
font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
− | + | font-size:20px; | |
− | line-height: | + | line-height:32px; |
+ | font-weight:bold; | ||
padding:0; | padding:0; | ||
− | color:# | + | margin-top:16px; |
+ | color:#034996; | ||
text-align:left; | text-align:left; | ||
} | } | ||
− | . | + | .heading h3{ |
font-family:"Charter Black", sans-serif; | font-family:"Charter Black", sans-serif; | ||
font-size:18px; | font-size:18px; | ||
− | padding: | + | font-weight:bold; |
− | color:# | + | line-height:38px; |
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#034996; | ||
text-align:left; | text-align:left; | ||
} | } | ||
− | . | + | .heading h4{ |
font-family:"Charter Black", sans-serif; | font-family:"Charter Black", sans-serif; | ||
font-size:18px; | font-size:18px; | ||
Line 1,448: | Line 979: | ||
} | } | ||
− | . | + | |
− | font-size:16px; | + | |
+ | .member{ | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | margin:0 0 10px 0; | ||
+ | padding:8px 0 8px 0; | ||
+ | background-color: #ffffff; | ||
+ | border-style:solid; | ||
+ | border-color:#ececec; | ||
+ | border-width:1px; | ||
+ | border-radius:3px; | ||
+ | font-size: 14px; | ||
+ | align-items: stretch | ||
+ | } | ||
+ | |||
+ | .member h2{ | ||
+ | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
+ | font-size:20px; | ||
+ | line-height:340px; | ||
+ | font-weight:bold; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#034996; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | .member h3{ | ||
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:18px; | ||
+ | font-weight:bold; | ||
+ | line-height:20px; | ||
+ | padding:0; | ||
+ | margin-top:14px; | ||
+ | color:#000000; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .member h4{ | ||
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:14px; | ||
+ | color:black; | ||
text-align:justify; | text-align:justify; | ||
+ | font-weight:bold; | ||
+ | margin-bottom: 0 !important; | ||
+ | padding:0; | ||
} | } | ||
− | + | ||
− | + | .member h5{ | |
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:14px; | ||
+ | line-height:24px; | ||
+ | padding:10px 0; | ||
+ | color:black; | ||
+ | text-align:center; | ||
+ | margin-bottom: 0 !important; | ||
} | } | ||
− | + | ||
− | + | .member h6{ | |
− | + | font-family:"Charter Black", sans-serif; | |
+ | font-size:14px; | ||
+ | font-weight:bold; | ||
+ | line-height:18px; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#000000; | ||
+ | text-align:left; | ||
} | } | ||
− | + | .member p{ | |
− | + | font-size:14px; | |
− | + | text-align:justify; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | .member ul{ | |
− | + | font-size: 14px; | |
+ | list-style-type: circle !important; | ||
} | } | ||
− | + | ||
− | + | .member img { | |
+ | width:100%; | ||
+ | border-radius:4px; | ||
+ | |||
} | } | ||
− | + | ||
− | + | ||
− | + | .member hr { | |
+ | margin-top:10px; | ||
+ | margin-bottom:10px; | ||
} | } | ||
− | + | ||
− | + | .supervisor { | |
− | + | background-color: #f1f7f9; | |
− | + | ||
} | } | ||
− | + | ||
− | + | .supervisor hr { | |
− | + | background-color:#000000; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .row-eq-height { | ||
+ | display: -webkit-box; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flexbox; | ||
+ | display: flex; | ||
+ | margin-bottom:20px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | |||
+ | |||
+ | .box{ | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | margin:0 0 10px 0; | ||
+ | padding:10px; | ||
+ | background-color: #ffffff; | ||
+ | border-style:solid; | ||
+ | border-color:#ececec; | ||
+ | border-width:1px; | ||
+ | border-radius:3px; | ||
+ | font-size: 14px; | ||
+ | align-items: stretch | ||
} | } | ||
− | + | ||
− | + | .box h2{ | |
− | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
− | + | font-family:"Charter Black", sans-serif; | |
− | + | font-size:24px; | |
− | + | font-weight:bold; | |
− | + | line-height:48px; | |
+ | padding:0; | ||
+ | margin-top:14px; | ||
+ | color:#000000; | ||
+ | text-align:center; | ||
+ | |||
} | } | ||
− | + | ||
− | + | .box h3{ | |
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:18px; | ||
+ | font-weight:bold; | ||
+ | line-height:20px; | ||
+ | padding:0; | ||
+ | margin-top:14px; | ||
+ | color:#000000; | ||
+ | text-align:center; | ||
} | } | ||
− | + | .box h4{ | |
− | . | + | font-family:"Charter Black", sans-serif; |
− | + | font-size:14px; | |
− | + | color:black; | |
+ | text-align:justify; | ||
+ | font-weight:bold; | ||
+ | margin-bottom: 0 !important; | ||
+ | padding:0; | ||
} | } | ||
− | . | + | |
− | + | .box h5{ | |
− | + | font-family:"Charter Black", sans-serif; | |
− | + | font-size:14px; | |
− | + | line-height:24px; | |
− | + | padding:10px 0; | |
+ | color:black; | ||
+ | text-align:center; | ||
+ | margin-bottom: 0 !important; | ||
} | } | ||
+ | |||
+ | .box h6{ | ||
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:14px; | ||
+ | font-weight:bold; | ||
+ | line-height:18px; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#000000; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .box:hover { | ||
+ | border-color:#000000 !important; | ||
+ | border: 2px solid; | ||
+ | padding: 9px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .box p{ | ||
+ | font-size:14px; | ||
+ | text-align:justify; | ||
+ | font-weight: normal !important; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .box ul{ | ||
+ | font-size: 20px; | ||
+ | line-height:48px; | ||
+ | list-style-type: square !important; | ||
+ | font-weight: normal !important; | ||
+ | color: #000000 !important; | ||
+ | } | ||
+ | |||
+ | .box img { | ||
+ | width:100%; | ||
+ | border-radius:4px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .box hr { | ||
+ | margin-top:10px; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | |||
+ | |||
/*For each overview part*/ | /*For each overview part*/ | ||
Line 1,652: | Line 1,326: | ||
#Presentation{ | #Presentation{ | ||
float:left; | float:left; | ||
− | width:690px; | + | /*width:690px;*/ |
} | } | ||
.pres{ | .pres{ | ||
Line 1,679: | Line 1,353: | ||
.table1 th, .table1 td{ | .table1 th, .table1 td{ | ||
font-size:1em; | font-size:1em; | ||
− | border:1px solid # | + | border:1px solid #2EBAFF; |
padding:3px 7px 2px 7px; | padding:3px 7px 2px 7px; | ||
} | } | ||
Line 1,687: | Line 1,361: | ||
padding-top:5px; | padding-top:5px; | ||
padding-bottom:4px; | padding-bottom:4px; | ||
− | background-color:# | + | background-color:#2EBAFF; |
color:#ffffff; | color:#ffffff; | ||
} | } | ||
.table1 tr:nth-child(odd){ | .table1 tr:nth-child(odd){ | ||
− | background-color:# | + | background-color:#DFF5FF; |
} | } | ||
.table2{ | .table2{ | ||
Line 1,703: | Line 1,377: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*LAYOUT */ | /*LAYOUT */ | ||
Line 1,760: | Line 1,422: | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
+ | |||
+ | ul#accordion.accordion { | ||
+ | margin-left:0; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
+ | <!-- ***************************************************************************************************************** --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-- *************************************************** HTML PART ************************************************** --> | ||
− | + | ||
− | + | <head> | |
− | + | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/ | + | <!-- important to fit the page on mobile displays --> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/ | + | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> |
+ | |||
+ | <!-- Bootstrap CSS--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/bootstrap_css?action=raw&ctype=text/css"> | ||
+ | |||
+ | <!-- Bootstrap Javascript--> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:Goettingen/bootstrap_js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <!-- Plyr css--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/plyr_css?action=raw&ctype=text/css"> | ||
+ | |||
+ | <!-- Fontawesome CSS--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/CSS_fontawesome?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div-class="row"> | ||
+ | <div class="col-md12"> | ||
+ | <a href="https://2016.igem.org/Team:Goettingen"> <img style="width:100%;" src="https://static.igem.org/mediawiki/2016/f/fd/T--Goettingen--Header.png" /> </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <nav class="navbar navbar-inverse"> | ||
+ | <div class="container-fluid"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | |||
+ | <li><a href="https://2016.igem.org/Team:Goettingen">Home</a></li> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href=" https://2016.igem.org/Team:Goettingen/Team"> Team </a> </li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Goettingen/Collaborations"> Collaborations </a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href="https://2016.igem.org/Team:Goettingen/Description"> Description </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> Proof of Concept </a></li> |
− | + | ||
<li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </a></li> | ||
− | + | </ul> | |
+ | </li> | ||
+ | |||
+ | |||
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu"> | |
<li> <a href="https://2016.igem.org/Team:Goettingen/Parts">Parts </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Parts">Parts </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> Basic Parts </a></li> |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <li><a href="https://2016.igem.org/Team:Goettingen/Safety">Safety</a></li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <li><a href="https://2016.igem.org/Team:Goettingen/Attributions">Attributions</a></li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href="https://2016.igem.org/Team:Goettingen/Human_Practices"> Human Practices </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver"> HP on the Road </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Gold"> HP on the Web </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Goettingen/Engagement"> Engagement </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | ||
+ | <!--*********** INLINE JAVASCRIPT *********** --> | ||
+ | |||
<script> | <script> | ||
Line 1,925: | Line 1,636: | ||
− | < | + | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--************************************* --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</body> | </body> |
Latest revision as of 17:49, 19 October 2016