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

 
(81 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<style>
  
 +
.protocolli{
 +
list-style-type:disc!important;
 +
padding: 0px 0px!important;
 +
}
  
−
<style>
+
figcaption {
 +
    display: block;
 +
    text-align: center;
 +
    font-size: .9em;
 +
margin-bottom:25px;
 +
}
  
 +
.footersponsors{margin: 20px;max-width:800px;width:100%;margin-right:auto; margin-left:auto;display: block;
 +
    height:auto;z-index:5;}
 +
.footergrants{
 +
margin: 20px;max-width:450px;width:50%;margin-right:auto; margin-left:auto;display: block;
 +
    height:auto;z-index:5;}
 +
 +
.avatarlink{z-index:5;max-width:100%;}
 +
 +
.descbig{display:block;}
 +
 +
.descmed{display:none;}
 +
 +
.descsmoll{display:none;}
 +
 +
.butn{
 +
color: white;
 +
    background-color: #095C55;
 +
    border-radius: 20px;
 +
    border: none;
 +
    width: 150px;
 +
    display: block;
 +
    margin: 0 auto;
 +
    margin-top: 10px;
 +
    line-height: 25px;}
 +
 +
 +
.row{
 +
line-height: 1.5em;}
 +
 +
.factbox{
 +
  text-align: center;
 +
color: rgba(9, 49, 79, 1);
 +
  padding:25px;
 +
  border-radius: 20px;
 +
background-color:#eee;
 +
 
 +
}
 +
.fact{
 +
  height: 100%;
 +
  line-height: 150%;
 +
  text-align: center;
 +
}
 +
 +
 +
.flex-center {
 +
    align-items: unset !important;}
  
 +
.propadding{
 +
padding-top: 20px;
  
 +
  padding-bottom: 40px;}
  
 
.collapsible {
 
.collapsible {
Line 76: 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 277: Line 338:
 
}
 
}
  
−
.effect5{width: 10%;
+
.effect5{width: 8%;
 
     right: 3%;
 
     right: 3%;
−
     top: 500px;
+
     top: 600px;
 
transform: scaleX(-1);
 
transform: scaleX(-1);
  
Line 290: Line 351:
 
}
 
}
  
 +
 +
.effect5{width: 9%;
 +
    right: 3%;
 +
    top: 670px;
 +
transform: scaleX(-1);
 +
 +
}
  
 
.spaceh{width: 85%;
 
.spaceh{width: 85%;
Line 304: Line 372:
  
 
section.header_con{
 
section.header_con{
−
   background: linear-gradient(to right, rgba(9, 49, 79, .94), rgba(9, 49, 79, 1)), 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 361: Line 429:
 
margin: 5px;
 
margin: 5px;
 
border-radius: 10px;
 
border-radius: 10px;
 +
z-index:7;
 
}
 
}
 
.member-details img {
 
.member-details img {
Line 446: Line 515:
 
.member-details:hover .member-info p {
 
.member-details:hover .member-info p {
 
bottom: 0;
 
bottom: 0;
 +
}
 +
 +
.team-heading{padding-right: 15px;padding-left: 15px;
 +
  width:100%;
 +
    color:#fffff0;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
font-size:150%;}
 +
 +
.team-heading h2 {
 +
text-transform: uppercase;
 +
font-size: 22px;
 +
font-weight: 700;
 +
margin-bottom: 15px;
 +
font-size:120%;
 
}
 
}
  
 
/* Team overview */
 
/* Team overview */
 
.team-overview {
 
.team-overview {
−
padding-right: 15px;
+
 
 
   width:80%;
 
   width:80%;
 
     color:#fffff0;
 
     color:#fffff0;
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
 +
font-size: 1.4em;
 
}
 
}
 
.team-overview h2 {
 
.team-overview h2 {
Line 460: Line 545:
 
font-size: 22px;
 
font-size: 22px;
 
font-weight: 700;
 
font-weight: 700;
−
margin-bottom: 5px;
+
margin-bottom: 15px;
 +
font-size:120%;
 
}
 
}
  
Line 468: Line 554:
 
}
 
}
  
−
.team-overview > a:before {
+
 
−
content: '';
+
−
width: 10px;
+
−
height: 2px;
+
−
position: relative;
+
−
top: -3px;
+
−
margin-right: 5px;
+
−
background-color: #ccc;
+
−
display: inline-block;
+
−
}
+
  
 
#outside {
 
#outside {
Line 522: Line 599:
 
text-align: center;
 
text-align: center;
 
}
 
}
 +
 +
.descbig{display:none}
 +
.descmed{display:block}
 +
.descsmoll{display:none;}
  
 
.topimg{
 
.topimg{
Line 547: Line 628:
 
padding: 15px;
 
padding: 15px;
 
}
 
}
−
+
.team-overview {
 +
padding-right: 0px;
 +
 
 +
font-size: 1.0em;
 +
}
 +
}
 +
 
 +
@media only screen and (max-width : 450px) {
 +
.descbig{display:none}
 +
.descmed{display:none}
 +
.descsmoll{display:block;}
 +
 
 
}
 
}
  
Line 554: Line 646:
 
width: 47%;
 
width: 47%;
 
}
 
}
 +
 
}
 
}
  
Line 582: Line 675:
 
.image1 {
 
.image1 {
 
   position: absolute;
 
   position: absolute;
−
   top: 8%;
+
   top: 70%;
 
   left: 5%;
 
   left: 5%;
  
Line 588: Line 681:
 
.image2 {
 
.image2 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7%;
+
   top: 105%;
 
   left: 28%;
 
   left: 28%;
  
Line 594: Line 687:
 
.image3 {
 
.image3 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 25%;
−
   left: 85%;
+
   right:0px;
  
 
}
 
}
 
.image4 {
 
.image4 {
 
   position: absolute;
 
   position: absolute;
−
   top: 6%;
+
   top: 75%;
 
   left: 12%;
 
   left: 12%;
  
Line 607: Line 700:
 
.image5 {
 
.image5 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7.3%;
+
   top: 115%;
 
   left: 71%;
 
   left: 71%;
  
Line 614: Line 707:
 
.image6 {
 
.image6 {
 
   position: absolute;
 
   position: absolute;
−
   top: 9.2%;
+
   top: 85%;
−
   left: 81%;
+
   right: 5px;
  
 
}
 
}
Line 622: Line 715:
 
   position: absolute;
 
   position: absolute;
 
   top: 8%;
 
   top: 8%;
−
   left: 88%;
+
   right: 97px;
  
 
}
 
}
Line 628: Line 721:
 
.image8 {
 
.image8 {
 
   position: absolute;
 
   position: absolute;
−
   top: 8%;
+
   top: 106%;
 
   left: 13%;
 
   left: 13%;
  
Line 635: Line 728:
 
.image9 {
 
.image9 {
 
   position: absolute;
 
   position: absolute;
−
   top: 2.3%;
+
   top: 120%;
−
   left: 90%;
+
   right: 5px;
  
 
}
 
}
Line 642: Line 735:
 
.image10 {
 
.image10 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 6%;
−
   left: 21%;
+
   left: 23%;
  
 
}
 
}
Line 652: Line 745:
 
.image11 {
 
.image11 {
 
   position: absolute;
 
   position: absolute;
−
   top: 13.3%;
+
   bottom: -80px;
 
   left: 10%;
 
   left: 10%;
 +
  
 
}
 
}
Line 659: Line 753:
 
.image12 {
 
.image12 {
 
   position: absolute;
 
   position: absolute;
−
   top: 13.6%;
+
   top: 50%;
 
   left: 84%;
 
   left: 84%;
  
Line 666: Line 760:
 
.image13 {
 
.image13 {
 
   position: absolute;
 
   position: absolute;
−
   top: 12.5%;
+
   top: 90%;
 
   left: 75%;
 
   left: 75%;
  
Line 675: Line 769:
  
 
.scaleit{
 
.scaleit{
−
   width: 17%;
+
   max-height: 25vh;
 
   height: auto;
 
   height: auto;
 
}
 
}
  
 
.scaleit1{
 
.scaleit1{
−
   width: 7%;
+
   max-height: 27vh;
 
   height: auto;
 
   height: auto;
 
}
 
}
  
−
.scaleit2{
 
−
  width: 12%;
 
−
  height: auto;
 
−
}
 
  
−
.scaleit3{
 
−
  width: 5%;
 
−
  height: auto;
 
−
}
 
−
 
−
.scaleit4{
 
−
  width: 10%;
 
−
  height: auto;
 
−
}
 
−
 
−
.scaleit5{
 
−
  width: 6%;
 
−
  height: auto;
 
−
}
 
−
 
−
.scaleit6{
 
−
  width: 15%;
 
−
  height: auto;
 
−
}
 
  
  
Line 789: Line 860:
 
}
 
}
  
−
 
+
.teambig{
 +
display:block;
 +
}
  
  
Line 799: Line 872:
 
  .image1 {
 
  .image1 {
 
   position: absolute;
 
   position: absolute;
−
   top: 8%;
+
   top: 76%;
 
   left: 5%;
 
   left: 5%;
  
Line 805: Line 878:
 
.image2 {
 
.image2 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7%;
+
   top: 105%;
 
   left: 28%;
 
   left: 28%;
  
Line 811: Line 884:
 
.image3 {
 
.image3 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 25%;
−
   left: 85%;
+
   right:0px;
 +
 
  
 
}
 
}
 
.image4 {
 
.image4 {
 
   position: absolute;
 
   position: absolute;
−
   top: 6%;
+
   top: 75%;
 
   left: 12%;
 
   left: 12%;
  
Line 824: Line 898:
 
.image5 {
 
.image5 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7.3%;
+
   top: 115%;
 
   left: 71%;
 
   left: 71%;
  
Line 831: Line 905:
 
.image6 {
 
.image6 {
 
   position: absolute;
 
   position: absolute;
−
   top: 9.2%;
+
   top: 85%;
−
   left: 81%;
+
   right: 5px;
  
 
}
 
}
Line 839: Line 913:
 
   position: absolute;
 
   position: absolute;
 
   top: 8%;
 
   top: 8%;
−
   left: 88%;
+
   right: 97px;
  
 
}
 
}
Line 845: Line 919:
 
.image8 {
 
.image8 {
 
   position: absolute;
 
   position: absolute;
−
   top: 8%;
+
   top: 106%;
 
   left: 13%;
 
   left: 13%;
  
Line 852: Line 926:
 
.image9 {
 
.image9 {
 
   position: absolute;
 
   position: absolute;
−
   top: 2.3%;
+
   top: 120%;
−
   left: 90%;
+
   right: 5px;
  
 
}
 
}
−
 
 
.image10 {
 
.image10 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 6%;
−
   left: 21%;
+
   left: 23%;
 
margin-left:5%;
 
margin-left:5%;
  
Line 870: Line 943:
 
.image11 {
 
.image11 {
 
   position: absolute;
 
   position: absolute;
−
   top: 13.3%;
+
   bottom: 50px;
 
   left: 10%;
 
   left: 10%;
  
Line 877: Line 950:
 
.image12 {
 
.image12 {
 
   position: absolute;
 
   position: absolute;
−
   top: 13.6%;
+
   top: 50%;
 
   left: 84%;
 
   left: 84%;
  
Line 884: Line 957:
 
.image13 {
 
.image13 {
 
   position: absolute;
 
   position: absolute;
−
   top: 12.5%;
+
   top: 90%;
 
   left: 75%;
 
   left: 75%;
  
Line 908: Line 981:
 
@media only screen and (min-width: 1289px) {
 
@media only screen and (min-width: 1289px) {
 
     .scaleit{
 
     .scaleit{
−
    width: 218px;
+
  max-height: 25vh;
 +
  height: auto;
 +
}
 +
 
 +
.scaleit1{
 +
  max-height: 27vh;
 
     height: auto;
 
     height: auto;
 
   }
 
   }
 
    
 
    
−
  .scaleit1{
 
−
    width: 90px;
 
−
    height: auto;
 
−
  }
 
−
  .scaleit2{
 
−
    width: 155px;
 
−
    height: auto;
 
−
  }
 
−
  .scaleit5{
 
−
    width: 77px;
 
−
    height: auto;
 
−
  }
 
−
  .scaleit4{
 
−
    width: 129px;
 
−
    height: auto;
 
−
  }
 
−
  .scaleit6{
 
−
    width: 194px;
 
−
    height: auto;
 
−
  }
 
−
 
 
.image1 {
 
.image1 {
 
   position: absolute;
 
   position: absolute;
−
   top: 8%;
+
   top: 76%;
 
   left: 5%;
 
   left: 5%;
  
Line 941: Line 998:
 
.image2 {
 
.image2 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7%;
+
   top: 105%;
 
   left: 28%;
 
   left: 28%;
  
Line 947: Line 1,004:
 
.image3 {
 
.image3 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 25%;
−
  left: 85%;
+
  right:0px;
 +
 
  
 
}
 
}
 
.image4 {
 
.image4 {
 
   position: absolute;
 
   position: absolute;
−
   top: 6%;
+
   top: 75%;
 
   left: 12%;
 
   left: 12%;
  
Line 960: Line 1,018:
 
.image5 {
 
.image5 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7.3%;
+
   top: 115%;
 
   left: 71%;
 
   left: 71%;
  
Line 967: Line 1,025:
 
.image6 {
 
.image6 {
 
   position: absolute;
 
   position: absolute;
−
   top: 9.2%;
+
   top: 85%;
−
   left: 81%;
+
   right: 5px;
  
 
}
 
}
Line 975: Line 1,033:
 
   position: absolute;
 
   position: absolute;
 
   top: 8%;
 
   top: 8%;
−
   left: 88%;
+
   right: 97px;
  
 
}
 
}
Line 981: Line 1,039:
 
.image8 {
 
.image8 {
 
   position: absolute;
 
   position: absolute;
−
   top: 8%;
+
   top: 106%;
 
   left: 13%;
 
   left: 13%;
  
Line 988: Line 1,046:
 
.image9 {
 
.image9 {
 
   position: absolute;
 
   position: absolute;
−
   top: 2.3%;
+
   top: 120%;
−
   left: 90%;
+
   right: 5px;
  
 
}
 
}
Line 995: Line 1,053:
 
.image10 {
 
.image10 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 6%;
−
   left: 21%;
+
   left: 23%;
 
margin-left:12%;
 
margin-left:12%;
 
}
 
}
Line 1,005: Line 1,063:
 
.image11 {
 
.image11 {
 
   position: absolute;
 
   position: absolute;
−
   top: 13.3%;
+
   bottom: -80px;
 
   left: 10%;
 
   left: 10%;
  
Line 1,012: Line 1,070:
 
.image12 {
 
.image12 {
 
   position: absolute;
 
   position: absolute;
−
   top: 13.6%;
+
   top: 50%;
 
   left: 84%;
 
   left: 84%;
  
Line 1,019: Line 1,077:
 
.image13 {
 
.image13 {
 
   position: absolute;
 
   position: absolute;
−
   top: 12.5%;
+
   top: 90%;
 
   left: 75%;
 
   left: 75%;
  
Line 1,031: Line 1,089:
 
.image10 {
 
.image10 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 6%;
−
   left: 21%;
+
   left: 23%;
 
margin-left:5%;
 
margin-left:5%;
  
Line 1,043: Line 1,101:
  
 
@media only screen and (max-width: 1200px) {
 
@media only screen and (max-width: 1200px) {
−
+
  .scaleit{max-height:18vh}
 +
 
 +
.scaleit1{max-height:19vh}
  
 
.image1 {
 
.image1 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7%;
+
   top: 95%;
 
   left: 5%;
 
   left: 5%;
  
Line 1,053: Line 1,113:
 
.image2 {
 
.image2 {
 
   position: absolute;
 
   position: absolute;
−
   top: 6%;
+
   top: 105%;
 
   left: 28%;
 
   left: 28%;
  
Line 1,059: Line 1,119:
 
.image3 {
 
.image3 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 25%;
−
  left: 85%;
+
  right:0px;
  
 
}
 
}
 
.image4 {
 
.image4 {
 
   position: absolute;
 
   position: absolute;
−
   top: 5.6%;
+
   top: 94%;
 
   left: 12%;
 
   left: 12%;
  
Line 1,072: Line 1,132:
 
.image5 {
 
.image5 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7.3%;
+
   top: 115%;
 
   left: 71%;
 
   left: 71%;
  
Line 1,079: Line 1,139:
 
.image6 {
 
.image6 {
 
   position: absolute;
 
   position: absolute;
−
   top: 9.2%;
+
   top: 85%;
−
   left: 81%;
+
   right: 5px;
  
 
}
 
}
Line 1,087: Line 1,147:
 
   position: absolute;
 
   position: absolute;
 
   top: 8%;
 
   top: 8%;
−
   left: 88%;
+
   right: 97px;
  
 
}
 
}
Line 1,093: Line 1,153:
 
.image8 {
 
.image8 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7%;
+
   top: 106%;
 
   left: 13%;
 
   left: 13%;
  
Line 1,100: Line 1,160:
 
.image9 {
 
.image9 {
 
   position: absolute;
 
   position: absolute;
−
   top: 2.3%;
+
   top: 120%;
−
   left: 90%;
+
   right: 5px;
  
 
}
 
}
Line 1,107: Line 1,167:
 
.image10 {
 
.image10 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 6%;
−
   left: 21%;
+
   left: 23%;
 
margin-left:0%;
 
margin-left:0%;
 
}
 
}
Line 1,117: Line 1,177:
 
.image11 {
 
.image11 {
 
   position: absolute;
 
   position: absolute;
−
   top: 11.8%;
+
   bottom: -160px;
 
   left: 10%;
 
   left: 10%;
  
Line 1,124: Line 1,184:
 
.image12 {
 
.image12 {
 
   position: absolute;
 
   position: absolute;
−
   top: 12.9%;
+
   top: 50%;
 
   left: 84%;
 
   left: 84%;
  
Line 1,131: Line 1,191:
 
.image13 {
 
.image13 {
 
   position: absolute;
 
   position: absolute;
−
   top: 11.9%;
+
   top: 90%;
 
   left: 75%;
 
   left: 75%;
  
Line 1,165: Line 1,225:
 
@media only screen and (max-width: 991px) {
 
@media only screen and (max-width: 991px) {
 
    
 
    
−
   
+
  .scaleit{max-height:18vh}
 +
 
 +
.scaleit1{max-height:19vh}
 +
 
 
.image1 {
 
.image1 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7%;
+
   top: 76%;
 
   left: 5%;
 
   left: 5%;
  
Line 1,174: Line 1,237:
 
.image2 {
 
.image2 {
 
   position: absolute;
 
   position: absolute;
−
   top: 1%;
+
   top: 105%;
−
   left: 68%;
+
   left: 91%;
  
 
}
 
}
 
.image3 {
 
.image3 {
 
   position: absolute;
 
   position: absolute;
−
   top: 0.6%;
+
   top: 25%;
−
  left: 85%;
+
  right:0px;
 +
 
  
 
}
 
}
 
.image4 {
 
.image4 {
 
   position: absolute;
 
   position: absolute;
−
   top: 5.6%;
+
   top: 60%;
−
   left: 12%;
+
   left: 10%;
  
 
}
 
}
Line 1,193: Line 1,257:
 
.image5 {
 
.image5 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7.3%;
+
   top: 115%;
 
   left: 71%;
 
   left: 71%;
  
Line 1,200: Line 1,264:
 
.image6 {
 
.image6 {
 
   position: absolute;
 
   position: absolute;
−
   top: 9.2%;
+
   top: 85%;
−
   left: 81%;
+
   right: 5px;
  
 
}
 
}
Line 1,208: Line 1,272:
 
   position: absolute;
 
   position: absolute;
 
   top: 8%;
 
   top: 8%;
−
  left: 88%;
+
right: 97px;
  
 
}
 
}
Line 1,214: Line 1,278:
 
.image8 {
 
.image8 {
 
   position: absolute;
 
   position: absolute;
−
   top: 7%;
+
   top: 106%;
 
   left: 13%;
 
   left: 13%;
  
Line 1,221: Line 1,285:
 
.image9 {
 
.image9 {
 
   position: absolute;
 
   position: absolute;
−
   top: 2%;
+
   top: 120%;
−
   left: 90%;
+
   right: 5px;
  
 
}
 
}
Line 1,228: Line 1,292:
 
.image10 {
 
.image10 {
 
   position: absolute;
 
   position: absolute;
−
   top: 10%;
+
   top: 110%;
−
   left: 6%;
+
   left: 0%;
 
margin-left:0%;
 
margin-left:0%;
 
}
 
}
Line 1,238: Line 1,302:
 
.image11 {
 
.image11 {
 
   position: absolute;
 
   position: absolute;
−
   top: 16%;
+
   bottom: -90px;
−
   left: 10%;
+
   left: 5px;
  
 
}
 
}
Line 1,245: Line 1,309:
 
.image12 {
 
.image12 {
 
   position: absolute;
 
   position: absolute;
−
   top: 16%;
+
   top: 50%;
 
   left: 84%;
 
   left: 84%;
  
Line 1,252: Line 1,316:
 
.image13 {
 
.image13 {
 
   position: absolute;
 
   position: absolute;
−
   top: 15%;
+
   top: 30%;
 
   left: 75%;
 
   left: 75%;
  
Line 1,282: Line 1,346:
 
.image8 {
 
.image8 {
 
     position: absolute;
 
     position: absolute;
−
     top: 11%;
+
     top: 106%;
 
     left: 13%;
 
     left: 13%;
 
}
 
}
Line 1,289: Line 1,353:
  
 
@media only screen and (max-width: 727px) {
 
@media only screen and (max-width: 727px) {
 +
 +
 +
 
.image1 {
 
.image1 {
 
     position: absolute;
 
     position: absolute;
−
     top: 6.3%;
+
     top: 76%;
 
     left: 5%;
 
     left: 5%;
 
}
 
}
Line 1,297: Line 1,364:
 
.image8 {
 
.image8 {
 
     position: absolute;
 
     position: absolute;
−
     top: 9%;
+
     top: 106%;
 
     left: 18%;
 
     left: 18%;
 
}
 
}
Line 1,305: Line 1,372:
 
@media only screen and (max-width: 700px) {
 
@media only screen and (max-width: 700px) {
 
.image11 {
 
.image11 {
 +
 
   position: absolute;
 
   position: absolute;
−
   top: 14.5%;
+
   bottom: -80px;
−
   left: 10%;
+
   left: 1%;
  
 
}
 
}
Line 1,313: Line 1,381:
 
.image12 {
 
.image12 {
 
   position: absolute;
 
   position: absolute;
−
   top: 14%;
+
   top: 50%;
 
   left: 84%;
 
   left: 84%;
  
Line 1,320: Line 1,388:
 
.image13 {
 
.image13 {
 
   position: absolute;
 
   position: absolute;
−
   top: 13%;
+
   top: 30%;
 
   left: 75%;
 
   left: 75%;
  
Line 1,431: Line 1,499:
  
 
</style>
 
</style>
−
 
 
</html>
 
</html>

Latest revision as of 21:57, 13 December 2019