(410 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
+ | <!-- *************************************************** CSS PART ************************************************** --> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
/***** CHANGE DEFAULT WIKI SETINGS *****/ | /***** CHANGE DEFAULT WIKI SETINGS *****/ | ||
+ | |||
#sideMenu, #top_title {display:none;} /*-- hide right menu bar per default --*/ | #sideMenu, #top_title {display:none;} /*-- hide right menu bar per default --*/ | ||
Line 11: | Line 15: | ||
#globalWrapper, #content { /*-- remove white block on the right, set width to 100% --*/ | #globalWrapper, #content { /*-- remove white block on the right, set width to 100% --*/ | ||
width: 100%; | width: 100%; | ||
− | max-width: | + | max-width:1400px; |
height: 100%; | height: 100%; | ||
border: 0px; | border: 0px; | ||
background-color: transparent; | background-color: transparent; | ||
− | margin: | + | margin: 0 0 10px 0; |
padding: 0px; | padding: 0px; | ||
} | } | ||
Line 23: | Line 27: | ||
} | } | ||
+ | |||
+ | |||
+ | /***************** 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 114: | Line 237: | ||
line-height:24px; | line-height:24px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 158: | Line 270: | ||
.sidebar_navigation ul li{ | .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; | ||
Line 173: | Line 284: | ||
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{ | .sidebar_navigation ul li ul li a{ | ||
color:black; | color:black; | ||
+ | padding-left:10px; | ||
+ | width:120%; | ||
} | } | ||
Line 210: | Line 324: | ||
margin:0px 10px; | margin:0px 10px; | ||
padding: auto 10px; | padding: auto 10px; | ||
− | border-bottom: 1px solid #d3d3d3; | + | /* border-bottom: 1px solid #d3d3d3; */ |
color:#000000; | color:#000000; | ||
cursor: pointer; | cursor: pointer; | ||
Line 278: | Line 392: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/* styling for the submenus */ | /* styling for the submenus */ | ||
Line 315: | Line 424: | ||
padding: 5px 0px; | 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 330: | Line 438: | ||
+ | /*****************************************************************************************/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /***************************** FONTS, HEADINGS, DIVS, etc. ********************************/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #bodyContent{ | |
− | + | background-color: #f5f8fa; | |
− | # | + | |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.firstHeading { | .firstHeading { | ||
Line 741: | Line 560: | ||
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 954: | Line 628: | ||
margin: 10px 0 0 0; | margin: 10px 0 0 0; | ||
padding:5px; | 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{ | ||
Line 967: | Line 641: | ||
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 1,020: | 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,332: | Line 792: | ||
/* Normal Text */ | /* Normal Text */ | ||
+ | |||
.text{ | .text{ | ||
float:left; | float:left; | ||
− | |||
width:100%; | width:100%; | ||
margin:10px 0 0 0; | 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,371: | Line 831: | ||
padding:0; | padding:0; | ||
margin-top:16px; | margin-top:16px; | ||
− | color:# | + | color:#000000; |
text-align:left; | text-align:left; | ||
} | } | ||
Line 1,382: | 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,387: | 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,495: | 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,726: | 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,734: | 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,750: | Line 1,377: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*LAYOUT */ | /*LAYOUT */ | ||
Line 1,807: | Line 1,422: | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
+ | |||
+ | ul#accordion.accordion { | ||
+ | margin-left:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <!-- ***************************************************************************************************************** --> | ||
Line 1,814: | Line 1,437: | ||
− | |||
+ | <!-- *************************************************** HTML PART ************************************************** --> | ||
<head> | <head> | ||
+ | <!-- important to fit the page on mobile displays --> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | ||
Line 1,827: | Line 1,451: | ||
<!-- Bootstrap Javascript--> | <!-- Bootstrap Javascript--> | ||
<script type="text/javascript" src="https://2016.igem.org/Template:Goettingen/bootstrap_js?action=raw&ctype=text/javascript"></script> | <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"> | ||
+ | |||
Line 1,875: | Line 1,507: | ||
<ul class="dropdown-menu"> | <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/Team"> Team </a> </li> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Collaborations"> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Collaborations"> Collaborations </a> </li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 1,883: | Line 1,515: | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> | <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"> | <ul class="dropdown-menu"> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Description"> | + | <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> | ||
Line 1,900: | Line 1,530: | ||
<ul class="dropdown-menu"> | <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> | </ul> | ||
</li> | </li> | ||
Line 1,921: | Line 1,549: | ||
<ul class="dropdown-menu"> | <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/Human_Practices"> Human Practices </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver"> | + | <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"> | + | <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> | |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Engagement"> | + | |
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 1,952: | Line 1,567: | ||
− | + | <!--*********** INLINE JAVASCRIPT *********** --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- | + | |
− | + | ||
− | + | ||
Line 2,045: | Line 1,637: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--************************************* --> | ||
Latest revision as of 17:49, 19 October 2016