Team:LMU-Munich/iGEM.css
From 2014.igem.org
(16 intermediate revisions not shown) | |||
Line 248: | Line 248: | ||
p{ | p{ | ||
- | font-size: | + | font-size: 19px; |
} | } | ||
Line 362: | Line 362: | ||
section p { | section p { | ||
text-align: justify; | text-align: justify; | ||
- | font-size: | + | font-size: 19px; |
line-height:1.5em; | line-height:1.5em; | ||
} | } | ||
Line 419: | Line 419: | ||
#project-problem-teaser { | #project-problem-teaser { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/4/4d/LMU14_project_problem.jpg); |
} | } | ||
#project-biobrickbox-teaser { | #project-biobrickbox-teaser { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/3/31/LMU14_project_biobrickbox.jpg); |
} | } | ||
#project-modeling-teaser { | #project-modeling-teaser { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/d/d9/LMU14_project_modeling.jpg); |
} | } | ||
#project-bacillus-subtilis-teaser { | #project-bacillus-subtilis-teaser { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/f/f7/LMU14_project_bsubtilis.jpg); |
} | } | ||
#project-bakillus-teaser { | #project-bakillus-teaser { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); |
} | } | ||
#results-teaser { | #results-teaser { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/2/2e/LMU14_results.jpg); |
/*ugly fixed image behaviour */ | /*ugly fixed image behaviour */ | ||
background-position: center 80%; | background-position: center 80%; | ||
background-attachment: inherit; | 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%; | ||
} | } | ||
Line 504: | Line 552: | ||
#project-problem { | #project-problem { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/4/4d/LMU14_project_problem.jpg); |
height:400px; | height:400px; | ||
} | } | ||
#project-biobrickbox { | #project-biobrickbox { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/3/31/LMU14_project_biobrickbox.jpg); |
height:400px; | height:400px; | ||
} | } | ||
#project-modeling { | #project-modeling { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/d/d9/LMU14_project_modeling.jpg); |
height:400px; | height:400px; | ||
} | } | ||
#project-bacillus-subtilis { | #project-bacillus-subtilis { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/f/f7/LMU14_project_bsubtilis.jpg); |
height:400px; | height:400px; | ||
} | } | ||
#project-bakillus-lg { | #project-bakillus-lg { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); |
height:800px; | height:800px; | ||
} | } | ||
#project-bakillus-m { | #project-bakillus-m { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); |
height:400px; | height:400px; | ||
} | } | ||
#project-bakillus-xs { | #project-bakillus-xs { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg); |
height:400px; | height:400px; | ||
} | } | ||
Line 575: | Line 623: | ||
#hp-rathenau-m { | #hp-rathenau-m { | ||
height:400px; | height:400px; | ||
- | + | background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png); | |
} | } | ||
#hp-rathenau-lg { | #hp-rathenau-lg { | ||
height:800px; | height:800px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png); | ||
} | } | ||
Line 637: | Line 686: | ||
.team-right .team-data { | .team-right .team-data { | ||
left:0; | left:0; | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/d/d8/LMU14_team_shadow_left.png); |
} | } | ||
.team-left .team-data { | .team-left .team-data { | ||
right:0; | right:0; | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/4/44/LMU14_team_shadow_right.png); |
} | } | ||
Line 654: | Line 703: | ||
#team-img-complete { | #team-img-complete { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2014/0/06/LMU14_team.jpg); |
} | } | ||
#team-img-complete img{ | #team-img-complete img{ | ||
Line 810: | Line 859: | ||
height:100%; | height:100%; | ||
padding:10px | 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; | ||
} | } |
Latest revision as of 14:06, 10 December 2014
- 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: 100px; 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();
}
.project {
background-image: url();
}
.results {
background-image: url();
}
.safety {
background-image: url();
}
.outreach {
background-image: url();
}
.labbook {
background-image: url();
}
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() 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();
}
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();
}
- project-biobrickbox-teaser {
background-image:url();
}
- project-modeling-teaser {
background-image:url();
}
- project-bacillus-subtilis-teaser {
background-image:url();
}
- project-bakillus-teaser {
background-image:url();
}
- results-teaser {
background-image:url(); /*ugly fixed image behaviour */ background-position: center 80%; background-attachment: inherit;
}
- human-practice-igematschool-teaser {
background-image:url(); background-position: center 70%;
}
- human-practice-meetups-teaser {
background-image:url(); background-position: center 110%;
}
- human-practice-rathenau-teaser {
background-image:url(); background-position: center 140%;
}
- human-practice-synbio-teaser {
background-image:url();
}
- human-practice-panel-discussion-teaser {
background-image:url(); background-position: center 80%;
}
- application-diagnosis-teaser {
background-image:url();
background-position: center 90%; }
- application-pretest-teaser {
background-image:url();
}
- application-legal-issues-teaser {
background-image:url();
background-position: center 57%; }
- application-financing-teaser {
background-image:url(); background-position: center 100%;
}
- application-expertise-teaser {
background-image:url(); 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(); height:400px;
}
- project-biobrickbox {
background-image:url(); height:400px;
}
- project-modeling {
background-image:url(); height:400px;
}
- project-bacillus-subtilis {
background-image:url(); height:400px;
}
- project-bakillus-lg {
background-image:url(); height:800px;
}
- project-bakillus-m {
background-image:url(); height:400px;
}
- project-bakillus-xs {
background-image:url(); height:400px;
}
- application-pretest {
height:400px; background-image:url();
}
- application-financing {
height:400px; background-image:url();
}
- application-legal {
height:400px; background-image:url();
}
- application-diagnosis {
height:800px; background-image:url();
}
- application-diagnosis-m,
- application-diagnosis-s {
height:400px; background-image:url();
}
- application-expertise {
height:400px; background-image:url();
}
- hp-meetups {
height:400px; background-image:url();
}
- hp-rathenau-xs,
- hp-rathenau-m {
height:400px; background-image:url();
}
- hp-rathenau-lg {
height:800px; background-image:url();
}
- hp-school {
height: 400px; background-image:url();
}
- hp-synbioday {
height:400px; background-image:url();
}
- hp-discussion {
height:400px; background-image:url();
}
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();
}
.team-left .team-data {
right:0; background-image:url();
}
.team-img {
padding:0px;
}
.team-img img {
width:100%;
}
- team-img-complete {
background-image:url();
}
- 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;
}