Difference between revisions of "Template:DTU-Denmark/mainCSS"

 
(11 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
list-style-type:disc!important;
 
list-style-type:disc!important;
 
padding: 0px 0px!important;
 
padding: 0px 0px!important;
 +
}
 +
 +
figcaption {
 +
    display: block;
 +
    text-align: center;
 +
    font-size: .9em;
 +
margin-bottom:25px;
 
}
 
}
  
Line 14: Line 21:
  
 
.avatarlink{z-index:5;max-width:100%;}
 
.avatarlink{z-index:5;max-width:100%;}
 +
 +
.descbig{display:block;}
 +
 +
.descmed{display:none;}
 +
 +
.descsmoll{display:none;}
  
 
.butn{
 
.butn{
Line 32: Line 45:
 
.factbox{
 
.factbox{
 
   text-align: center;
 
   text-align: center;
color:white;
+
color: rgba(9, 49, 79, 1);
 
   padding:25px;
 
   padding:25px;
 
   border-radius: 20px;
 
   border-radius: 20px;
  background-image: linear-gradient(to bottom right, rgba(12, 49, 89, .94), rgba(9, 49, 79, 1)), url(https://static.igem.org/mediawiki/2019/1/1f/T--DTU-Denmark--vectorim.png);
+
background-color:#eee;
 +
 
 
}
 
}
 
.fact{
 
.fact{
Line 121: Line 135:
 
.popup {
 
.popup {
 
   margin: 70px auto;
 
   margin: 70px auto;
  padding: 20px;
+
    padding: 20px;
  background: #fff;
+
    background: #fff;
  border-radius: 5px;
+
    border-radius: 5px;
  width: 30%;
+
    width: 70%;
  position: relative;
+
    max-height: 400px;
  transition: all 5s ease-in-out;
+
    overflow: auto;
 +
    position: relative;
 +
    transition: all 5s ease-in-out;
 
}
 
}
  
Line 357: Line 373:
 
section.header_con{
 
section.header_con{
 
   background: radial-gradient( #09314F, #09314F, rgba(9, 49, 79, .94)), url(https://static.igem.org/mediawiki/2019/1/1f/T--DTU-Denmark--vectorim.png);
 
   background: radial-gradient( #09314F, #09314F, rgba(9, 49, 79, .94)), url(https://static.igem.org/mediawiki/2019/1/1f/T--DTU-Denmark--vectorim.png);
+
font-size:127%;
 
   padding-bottom: 150px;
 
   padding-bottom: 150px;
 
   padding-top: 50px;
 
   padding-top: 50px;
Line 518: Line 534:
 
/* Team overview */
 
/* Team overview */
 
.team-overview {
 
.team-overview {
padding-right: 15px;
+
 
 
   width:80%;
 
   width:80%;
 
     color:#fffff0;
 
     color:#fffff0;
Line 583: Line 599:
 
text-align: center;
 
text-align: center;
 
}
 
}
 +
 +
.descbig{display:none}
 +
.descmed{display:block}
 +
.descsmoll{display:none;}
  
 
.topimg{
 
.topimg{
Line 613: Line 633:
 
font-size: 1.0em;
 
font-size: 1.0em;
 
}
 
}
 +
}
 +
 +
@media only screen and (max-width : 450px) {
 +
.descbig{display:none}
 +
.descmed{display:none}
 +
.descsmoll{display:block;}
 +
 
}
 
}
  

Latest revision as of 21:57, 13 December 2019