Difference between revisions of "Template:ATOMS-Turkiye"
Line 59: | Line 59: | ||
padding: 0px; | padding: 0px; | ||
text-align:center; | text-align:center; | ||
+ | }#top-section { | ||
+ | //display:none; | ||
+ | } | ||
+ | li { | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #headerWrapper a, | ||
+ | #headerWrapper a:hover, | ||
+ | #headerWrapper a:visited, | ||
+ | #headerWrapper a:active { | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | /*background-color:#D8D8D8;*/ | ||
+ | background-color:oldlace; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | |||
+ | #headerWrapper { | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | height: 105px; | ||
+ | width:100%; | ||
+ | background-color:#003366; | ||
+ | background-color: rgba(0, 51, 102, 0.95); | ||
+ | z-index:30; | ||
+ | } | ||
+ | |||
+ | #sub-navigation-wrapper { | ||
+ | clear:both; | ||
+ | position:relative; | ||
+ | background-color:#990000; | ||
+ | background-color: rgba(153, 0, 0, 0.95); | ||
+ | width:100%; | ||
+ | height: 26px; | ||
+ | padding-top: 5px; | ||
+ | -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | -moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | } | ||
+ | |||
+ | |||
+ | #header { | ||
+ | width:950px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | #global-wrapper { | ||
+ | padding-top: 100px; | ||
+ | width: 960px; | ||
+ | text-align: left; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #wiki-navigation { | ||
+ | font-size: 8pt; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | #logo img { | ||
+ | width: 75px; | ||
+ | float: left; | ||
+ | padding-top: 7px; | ||
+ | } | ||
+ | #navigation { | ||
+ | float: right; | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 0.85em; | ||
+ | } | ||
+ | |||
+ | #sub-navigation { | ||
+ | width:960px; | ||
+ | text-align: right; | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 0.7em; | ||
+ | margin:auto; | ||
+ | } | ||
+ | |||
+ | #sub-navigation ul { | ||
+ | display: inline; | ||
+ | float:right; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li:before{ | ||
+ | content:" "; | ||
+ | padding-right:10px; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li li:before{ | ||
+ | content:" "; | ||
+ | padding-right:5px; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li:first-child:before{ | ||
+ | content:""; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li li:first-child:before{ | ||
+ | content:" "; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li.active-item > a{ | ||
+ | font-weight: bold; | ||
+ | border-top:2px solid; | ||
+ | } | ||
+ | |||
+ | /*#sub-navigation ul ul { | ||
+ | display: none; | ||
+ | }*/ | ||
+ | |||
+ | #sub-navigation li.current ul { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #sub-navigation ul ul { | ||
+ | color:white; | ||
+ | padding-left:0px; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li { | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li li{ | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | padding-left: 5px; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | #navigation ul li { | ||
+ | display: inline; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #body { | ||
+ | clear:both; | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | #content-area { | ||
+ | text-align: justify; | ||
+ | padding-left:120px; | ||
+ | } | ||
+ | |||
+ | p img { | ||
+ | float:left; | ||
+ | padding-right:20px; | ||
+ | } | ||
+ | |||
+ | #scroll-spy li.sub-heading { | ||
+ | margin-left:20px; | ||
+ | } | ||
+ | |||
+ | #scroll-spy li.active { | ||
+ | color:red; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .nav-item { | ||
+ | display: block; | ||
+ | background-size: 32px; | ||
+ | float: left; | ||
+ | /*width:80px;*/ | ||
+ | background-position: center 15px ; | ||
+ | background-repeat: no-repeat; | ||
+ | line-height: 40px; | ||
+ | text-align:center; | ||
+ | padding-top: 40px; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .team { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/5/54/LMU14_team_white.png); | ||
+ | } | ||
+ | |||
+ | .project { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_project_white.png); | ||
+ | } | ||
+ | |||
+ | .results { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_flask_white.png); | ||
+ | } | ||
+ | |||
+ | .safety { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/c/c3/LMU14_application_white.png); | ||
+ | } | ||
+ | |||
+ | .outreach { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/c/c4/LMU14_Outreach_white.png); | ||
+ | } | ||
+ | |||
+ | .labbook { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_labbook_white.png); | ||
+ | } | ||
+ | |||
+ | a:hover{ | ||
+ | background-color:#990000; | ||
+ | background-color: rgba(153, 0, 0, 0.95); | ||
+ | } | ||
+ | |||
+ | a.active{ | ||
+ | background-color:#990000; | ||
+ | background-color: rgba(153, 0, 0, 0.95); | ||
+ | } | ||
+ | |||
+ | #lmu-content a:hover { | ||
+ | text-decoration: none; | ||
+ | background-color: inherit; | ||
+ | |||
+ | border-bottom: 1px dashed navy; | ||
+ | } | ||
+ | |||
+ | .project-tile a:hover { | ||
+ | border:0; | ||
+ | } | ||
+ | |||
+ | #lmu-content a, | ||
+ | #lmu-content a:visited, | ||
+ | #lmu-content a:active, | ||
+ | #lmu-content a:hover { | ||
+ | text-decoration: none; | ||
+ | color: navy; | ||
+ | } | ||
+ | |||
+ | /*a:hover{ | ||
+ | color:white; | ||
+ | }*/ | ||
+ | |||
+ | ul { | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | font-size: 19px; | ||
+ | } | ||
+ | |||
+ | #sub-navigation > ul { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | div.thumb{ | ||
+ | border-color: rgba(255, 255, 255, 0); | ||
+ | } | ||
+ | |||
+ | .accordion{ | ||
+ | width: 100%; | ||
+ | margin: 10px auto 30px auto; | ||
+ | } | ||
+ | |||
+ | .accordion label{ | ||
+ | font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; | ||
+ | padding: 5px 20px; | ||
+ | position: relative; | ||
+ | z-index: 20; | ||
+ | display: block; | ||
+ | cursor: pointer; | ||
+ | color: #003366; | ||
+ | line-height: 33px; | ||
+ | font-size: 19px; | ||
+ | font-weight: 500; | ||
+ | -webkit-transition: 0.5s, -webkit-transform 0.5s; | ||
+ | transition: 0.5s, transform 0.5s; | ||
+ | } | ||
+ | |||
+ | .bg-color-2 .accordion label { | ||
+ | background-color: #D5CDBC; | ||
+ | background-color: #D5CDBC; | ||
+ | } | ||
+ | .accordion label { | ||
+ | background-color: #E8E0D2; | ||
+ | } | ||
+ | |||
+ | .accordion label:hover{ | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | .accordion input:checked + label, | ||
+ | .accordion input:checked + label:hover{ | ||
+ | background: #CFEAFF; | ||
+ | color: #003366; | ||
+ | } | ||
+ | |||
+ | .accordion input:enabled + label:after{ | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | right: 13px; | ||
+ | top: 7px; | ||
+ | background: transparent url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_arrow_down.png) no-repeat center center; | ||
+ | } | ||
+ | |||
+ | .accordion input{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .accordion article{ | ||
+ | background: rgba(255, 255, 255, 0.5); | ||
+ | margin-top: -1px; | ||
+ | overflow: hidden; | ||
+ | height: 0px; | ||
+ | position: relative; | ||
+ | z-index: 10; | ||
+ | transition: | ||
+ | height 0.3s ease-in-out, | ||
+ | box-shadow 0.6s linear; | ||
+ | } | ||
+ | .accordion input:checked ~ article{ | ||
+ | transition: | ||
+ | height 0.5s ease-in-out, | ||
+ | } | ||
+ | |||
+ | .accordion input:checked ~ article.ac-small{ | ||
+ | height: auto; | ||
+ | padding-top: 5px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | padding-bottom: 10px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | .accordion input:checked ~ article.ac-medium{ | ||
+ | height: 180px; | ||
+ | } | ||
+ | .accordion input:checked ~ article.ac-large{ | ||
+ | height: 230px; | ||
+ | } | ||
+ | |||
+ | .accordion input:checked + label:after{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/7/7a/LMU14_arrow_up.png); | ||
+ | } | ||
+ | |||
+ | section > div{ | ||
+ | width: 960px; | ||
+ | text-align: left; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | padding-bottom: 20px; | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | |||
+ | .accordion article p { | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | |||
+ | .accordion article, | ||
+ | section p { | ||
+ | text-align: justify; | ||
+ | font-size: 19px; | ||
+ | line-height:1.5em; | ||
+ | } | ||
+ | |||
+ | #lmu-content > section { | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | #lmu-content > section > section > div > img { | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | /* | ||
+ | #sensing { | ||
+ | background-color:lightgrey; | ||
+ | } | ||
+ | |||
+ | #killing { | ||
+ | background-color:LightCoral; | ||
+ | } | ||
+ | |||
+ | #adhesion { | ||
+ | background-color:LightSeaGreen ; | ||
+ | }*/ | ||
+ | |||
+ | #lmu-content > p, | ||
+ | #lmu-content > h1, | ||
+ | #lmu-content > h2, | ||
+ | #lmu-content > h3, | ||
+ | #lmu-content > ul, | ||
+ | #lmu-content > dl, | ||
+ | #lmu-content > table{ | ||
+ | width:960px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | text-align:justify; | ||
+ | } | ||
+ | |||
+ | #lmu-content { | ||
+ | margin-top: 105px; | ||
+ | } | ||
+ | |||
+ | #lmu-content .full-width { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .teaser-img { | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:cover; | ||
+ | background-position: center center; | ||
+ | height:400px; | ||
+ | height:50vh; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | |||
+ | #project-problem-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/4/4d/LMU14_project_problem.jpg); | ||
+ | } | ||
+ | |||
+ | #project-biobrickbox-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/3/31/LMU14_project_biobrickbox.jpg); | ||
+ | } | ||
+ | |||
+ | #project-modeling-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/d/d9/LMU14_project_modeling.jpg); | ||
+ | } | ||
+ | |||
+ | #project-bacillus-subtilis-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/f/f7/LMU14_project_bsubtilis.jpg); | ||
+ | } | ||
+ | |||
+ | #project-bakillus-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); | ||
+ | } | ||
+ | |||
+ | #results-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/2/2e/LMU14_results.jpg); | ||
+ | /*ugly fixed image behaviour */ | ||
+ | background-position: center 80%; | ||
+ | background-attachment: inherit; | ||
+ | } | ||
+ | |||
+ | #human-practice-igematschool-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/e/e6/LMU14_hp_igemschool.jpg); | ||
+ | background-position: center 70%; | ||
+ | } | ||
+ | |||
+ | #human-practice-meetups-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/d/d3/LMU14_hp_meetups.jpg); | ||
+ | background-position: center 110%; | ||
+ | } | ||
+ | |||
+ | #human-practice-rathenau-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png); | ||
+ | background-position: center 140%; | ||
+ | } | ||
+ | |||
+ | #human-practice-synbio-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/e/e1/LMU14_hp_synbioday.jpg); | ||
+ | } | ||
+ | |||
+ | #human-practice-panel-discussion-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/a6/LMU14_hp_paneldiscussion.jpg); | ||
+ | background-position: center 80%; | ||
+ | } | ||
+ | |||
+ | #application-diagnosis-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/7/79/LMU14_application_diagnosis.jpg); | ||
+ | background-position: center 90%; | ||
+ | } | ||
+ | |||
+ | #application-pretest-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/5/5f/LMU14_application_pretest.jpg); | ||
+ | } | ||
+ | |||
+ | #application-legal-issues-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/b/b3/LMU14_application_property.jpg); | ||
+ | background-position: center 57%; | ||
+ | } | ||
+ | |||
+ | #application-financing-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/3/3e/LMU14_application_financing.jpg); | ||
+ | background-position: center 100%; | ||
+ | } | ||
+ | |||
+ | #application-expertise-teaser { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/ac/LMU14_application_expertise.jpg); | ||
+ | background-position: center 75%; | ||
+ | } | ||
+ | |||
+ | #lmu-content .text-width, | ||
+ | #lmu-content div.center{ | ||
+ | width:960px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | padding-right:0px; | ||
+ | padding-left:0px; | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | float:none; | ||
+ | } | ||
+ | |||
+ | #lmu-content .chart-width{ | ||
+ | width:560px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | padding-right:0px; | ||
+ | padding-left:0px; | ||
+ | } | ||
+ | |||
+ | /*.jumptarget:before { | ||
+ | content:""; | ||
+ | display:block; | ||
+ | height:105px; | ||
+ | margin:-105px 0 0; | ||
+ | }*/ | ||
+ | /* | ||
+ | .jumptarget:before { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | width: 0; | ||
+ | height: 70px; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | .project-tile { | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:cover; | ||
+ | background-position: center center; | ||
+ | opacity: 1; | ||
+ | -webkit-transition: 0.5s, -webkit-transform 0.5s; | ||
+ | transition: 0.5s, transform 0.5s; | ||
+ | -webkit-filter: grayscale(70%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ | ||
+ | -moz-filter: grayscale(70%); | ||
+ | -o-filter: grayscale(70%); | ||
+ | filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ | ||
+ | filter: gray; /* IE6-9 */ | ||
+ | } | ||
+ | |||
+ | .project-tile:hover{ | ||
+ | -webkit-filter: grayscale(0%); | ||
+ | -moz-filter: grayscale(0%); | ||
+ | -o-filter: grayscale(0%); | ||
+ | filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); | ||
+ | } | ||
+ | |||
+ | #project-problem { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/4/4d/LMU14_project_problem.jpg); | ||
+ | height:400px; | ||
+ | } | ||
+ | |||
+ | #project-biobrickbox { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/3/31/LMU14_project_biobrickbox.jpg); | ||
+ | height:400px; | ||
+ | } | ||
+ | |||
+ | #project-modeling { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/d/d9/LMU14_project_modeling.jpg); | ||
+ | height:400px; | ||
+ | } | ||
+ | |||
+ | #project-bacillus-subtilis { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/f/f7/LMU14_project_bsubtilis.jpg); | ||
+ | height:400px; | ||
+ | } | ||
+ | |||
+ | #project-bakillus-lg { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); | ||
+ | height:800px; | ||
+ | } | ||
+ | #project-bakillus-m { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); | ||
+ | height:400px; | ||
+ | } | ||
+ | #project-bakillus-xs { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); | ||
+ | height:400px; | ||
+ | } | ||
+ | |||
+ | #application-pretest { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/5/5f/LMU14_application_pretest.jpg); | ||
+ | } | ||
+ | |||
+ | #application-financing { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/3/3e/LMU14_application_financing.jpg); | ||
+ | } | ||
+ | |||
+ | #application-legal { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/b/b3/LMU14_application_property.jpg); | ||
+ | } | ||
+ | |||
+ | #application-diagnosis { | ||
+ | height:800px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/7/79/LMU14_application_diagnosis.jpg); | ||
+ | } | ||
+ | |||
+ | #application-diagnosis-m, | ||
+ | #application-diagnosis-s { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/7/79/LMU14_application_diagnosis.jpg); | ||
+ | } | ||
+ | |||
+ | #application-expertise { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/ac/LMU14_application_expertise.jpg); | ||
+ | } | ||
+ | |||
+ | #hp-meetups { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/d/d3/LMU14_hp_meetups.jpg); | ||
+ | } | ||
+ | |||
+ | #hp-rathenau-xs, | ||
+ | #hp-rathenau-m { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png); | ||
+ | } | ||
+ | |||
+ | #hp-rathenau-lg { | ||
+ | height:800px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png); | ||
+ | } | ||
+ | |||
+ | #hp-school { | ||
+ | height: 400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/e/e6/LMU14_hp_igemschool.jpg); | ||
+ | } | ||
+ | |||
+ | #hp-synbioday { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/e/e1/LMU14_hp_synbioday.jpg); | ||
+ | } | ||
+ | |||
+ | #hp-discussion { | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/a6/LMU14_hp_paneldiscussion.jpg); | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-weight:bold; | ||
+ | padding-top: 30px; | ||
+ | } | ||
+ | |||
+ | /*#lmu-content p img { | ||
+ | display:block; | ||
+ | float:none; | ||
+ | } | ||
+ | |||
+ | .image { | ||
+ | display:block; | ||
+ | float:none; | ||
+ | }*/ | ||
+ | |||
+ | #groupparts { | ||
+ | width:960px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | |||
+ | .team-left, | ||
+ | .team-right { | ||
+ | height:100%; | ||
+ | position:relative; | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | .team-data { | ||
+ | height:100%; | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:100% auto; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | bottom:0; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | .team-right .team-data { | ||
+ | left:0; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/d/d8/LMU14_team_shadow_left.png); | ||
+ | } | ||
+ | |||
+ | .team-left .team-data { | ||
+ | right:0; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/4/44/LMU14_team_shadow_right.png); | ||
+ | } | ||
+ | |||
+ | .team-img { | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | .team-img img { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #team-img-complete { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/0/06/LMU14_team.jpg); | ||
+ | } | ||
+ | #team-img-complete img{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | #mobile-navigation { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .slicknav_menu { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 991px) { | ||
+ | .slicknav_menu { | ||
+ | display:block; | ||
+ | } | ||
+ | }*/ | ||
+ | |||
+ | .no-float { | ||
+ | float:none; | ||
+ | } | ||
+ | |||
+ | .bakillus-overview-img { | ||
+ | margin-top: 50px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | .bg-color-2 { | ||
+ | background-color: #E8E0D2; | ||
+ | } | ||
+ | .bg-color-3 { | ||
+ | background-color: #D5CDBC; | ||
+ | } | ||
+ | |||
+ | .accordion > div { | ||
+ | padding-bottom: 5px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | |||
+ | .sponsor { | ||
+ | padding-top: 7px; | ||
+ | padding-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | .bacillus { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | .project-tile a span { | ||
+ | background-color: rgba(224,224,224,0.8); padding: 20px; font-size: 2em; border: 3px solid #003366; | ||
+ | } | ||
+ | |||
+ | .project-tile a { | ||
+ | width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; | ||
+ | } | ||
+ | .project-tile div { | ||
+ | width: 100%; height: 100%; display: table; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 991px) { | ||
+ | .team-data { | ||
+ | position:relative; | ||
+ | height: 550px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .invisible-team { | ||
+ | display:none !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer | ||
+ | { | ||
+ | background-color: #555; | ||
+ | text-align: center; | ||
+ | //height: 200px; | ||
+ | } | ||
+ | |||
+ | #footer-content | ||
+ | { | ||
+ | padding: 20px; | ||
+ | color: snow; | ||
+ | } | ||
+ | |||
+ | #footer-content h2, #footer-content h3 { | ||
+ | border:0; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | #footer-logos a img{ | ||
+ | height: 80px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | #footer-logos a{ | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | .timeline-item-left { | ||
+ | display:block; | ||
+ | margin-right:20%; | ||
+ | width:80%; | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
+ | .timeline-item-right { | ||
+ | display:block; | ||
+ | margin-left:20%; | ||
+ | width:80%; | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
+ | .timeline-item-right .icon { | ||
+ | float:right; | ||
+ | width:12%; | ||
+ | height:100%; | ||
+ | padding:10px | ||
+ | } | ||
+ | |||
+ | .timeline-item-right .date { | ||
+ | float:right; | ||
+ | width:12%; | ||
+ | height:100%; | ||
+ | padding:10px | ||
+ | } | ||
+ | |||
+ | .timeline-item-right .text { | ||
+ | float:right; | ||
+ | width:76%; | ||
+ | height:100%; | ||
+ | padding:10px | ||
+ | } | ||
+ | |||
+ | .timeline-item-left .icon { | ||
+ | float:left; | ||
+ | width:12%; | ||
+ | height:100%; | ||
+ | padding:10px | ||
+ | } | ||
+ | |||
+ | .timeline-item-left .date { | ||
+ | float:left; | ||
+ | width:12%; | ||
+ | height:100%; | ||
+ | padding:10px | ||
+ | } | ||
+ | |||
+ | .timeline-item-left .text { | ||
+ | float:left; | ||
+ | width:76%; | ||
+ | height:100%; | ||
+ | padding:10px | ||
+ | } | ||
+ | |||
+ | .project-tile a, | ||
+ | .project-tile a:hover, | ||
+ | .project-tile a:visited, | ||
+ | .project-tile a:active { | ||
+ | border-width: 0 !important; | ||
+ | } | ||
+ | |||
+ | #home-abstract { | ||
+ | padding-bottom: 50px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .judging-medal > div{ | ||
+ | margin-top: -40px; | ||
+ | } | ||
+ | |||
+ | .judging-medal img { | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | |||
+ | #tour-toggle.active { | ||
+ | background-color: #990000; | ||
+ | background-color: rgba(153, 0, 0, 0.95); | ||
+ | } | ||
+ | |||
+ | .tour-button-close { | ||
+ | cursor: pointer; | ||
} | } | ||
</style> | </style> | ||
− | |||
<script> | <script> |
Revision as of 19:11, 15 August 2015