Difference between revisions of "Template:CCU Taiwan/css"

(Undo revision 495767 by Herboku (talk))
 
(37 intermediate revisions by 2 users not shown)
Line 88: Line 88:
 
.phototeam {
 
.phototeam {
 
     background-image: url("https://static.igem.org/mediawiki/2018/5/50/T--CCU_Taiwan--CCUteamphoto.jpg");
 
     background-image: url("https://static.igem.org/mediawiki/2018/5/50/T--CCU_Taiwan--CCUteamphoto.jpg");
 +
    min-height: 470px;
 +
    background-attachment: fixed;
 +
    background-position: top;
 +
    background-repeat: no-repeat;
 +
    background-size: 110% auto;
 +
    z-index: 70;
 +
}
 +
 +
.photoachievements {
 +
    background-image: url("https://static.igem.org/mediawiki/2018/d/dc/T--CCU_Taiwan--CCUphotoachievements.jpg");
 
     min-height: 470px;  
 
     min-height: 470px;  
 
     background-attachment: fixed;
 
     background-attachment: fixed;
Line 103: Line 113:
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-size: 110% auto;
 
     background-size: 110% auto;
−
     z-index: 70;
+
     z-index: 70;  
 
}
 
}
  
Line 336: Line 346:
 
text-decoration-color:#55c97e;
 
text-decoration-color:#55c97e;
 
}
 
}
 +
 +
  
 
.backgroundProject {
 
.backgroundProject {
Line 416: Line 428:
 
left:4vw;
 
left:4vw;
 
width: 13.5vw;
 
width: 13.5vw;
−
height: 5.5vh;
+
height: 5.8vh;
 
text-align:center;
 
text-align:center;
 
margin-left:0vw;
 
margin-left:0vw;
Line 445: Line 457:
 
}
 
}
  
 +
#judge {
 +
margin-left:30vw;
 +
list-style-image:url("https://2018.igem.org/File:T--CCU_Taiwan--none.png");
 +
}
  
 
.sub {
 
.sub {
Line 461: Line 477:
  
 
#sub_home{
 
#sub_home{
−
height:32.5vh;
+
height:40.5vh;
 
         background:#55c97e;
 
         background:#55c97e;
 
}
 
}
Line 1,225: Line 1,241:
 
.structuregraph .transform {
 
.structuregraph .transform {
 
     position: absolute;
 
     position: absolute;
−
     top: 10%;
+
     top: 5%;
 
     left: 20px;
 
     left: 20px;
 
     padding: 20px;
 
     padding: 20px;
Line 1,233: Line 1,249:
 
.structuregraph .Enzyme {
 
.structuregraph .Enzyme {
 
     position: absolute;
 
     position: absolute;
−
     top: 47%;
+
     top: 40%;  
−
     left: 30px;
+
     left: 75px;
 
     padding: 20px;
 
     padding: 20px;
 
     width: 80%;
 
     width: 80%;
Line 1,242: Line 1,258:
 
     position: absolute;
 
     position: absolute;
 
     top: 62%;
 
     top: 62%;
−
     padding-left: 180px;
+
     padding-left: 165px;
 
     width: 50%;
 
     width: 50%;
  
Line 1,249: Line 1,265:
 
.structuregraph .HP {
 
.structuregraph .HP {
 
     position: absolute;
 
     position: absolute;
−
     top: 84%;
+
     top: 82%;
−
     left: 35px;
+
     left: 75px;
 
     padding: 20px;
 
     padding: 20px;
 
     width: 50%;
 
     width: 50%;
Line 1,766: Line 1,782:
 
   padding: 16px!important;;
 
   padding: 16px!important;;
 
   margin-top: -22px!important;;
 
   margin-top: -22px!important;;
−
   color: #d1c17e;
+
   color: #3BE7AA;
 
   font-weight: bold;
 
   font-weight: bold;
 
   font-size: 60px;
 
   font-size: 60px;
Line 2,290: Line 2,306:
 
}
 
}
  
−
.hero {
+
#ihp2 {
−
    position:relative;
+
  width: 60%;
−
    background-color:#d1c17e;
+
  margin-left: 30vw;
−
    height:50px !important;
+
  display: inline-block;
−
    width:20% !important;
+
−
    margin-left:45vw;
+
−
    border-radius: 40px;
+
 
}
 
}
−
.hero:after {
+
 
−
    z-index: -1;
+
#ihp3 {
−
    position: absolute;
+
  width: 60%;
−
    top: 100%;
+
  margin-left: 30vw;
−
    left: 50%;
+
  display: inline-block;
−
    margin-left: -25px;
+
−
    content:'';
+
−
    width: 0;
+
−
    height: 0;
+
−
    border-top: solid 25px #d1c17e;
+
−
    border-left: solid 25px transparent;
+
−
    border-right: solid 25px transparent;
+
 
}
 
}
  
 +
#ihp4 {
 +
  width: 60%;
 +
  margin-left: 30vw;
 +
  display: inline-block;
 +
}
  
−
.hero a {
+
#goldmedal1 {
−
      font-family: 'CCUfontsBold', Arial, sans-serif!important;
+
  vertical-align: middle;
−
      font-size: 20px!important;
+
text-align:center;
−
      color: #3D3D3D!important;
+
  margin-left: 20vw;
−
      text-decoration-color: #3D3D3D!important;
+
−
      padding-right: 0px!important;
+
−
      margin-left: 0px!important;
+
−
      vertical-align: middle;
+
−
      text-align:center;
+
 
}
 
}
  
 +
iframe {
 +
  margin-left: 10vw;
 +
}
 +
 +
.slideshow-container1 {
 +
  max-width: 1500px;
 +
  position: relative;
 +
  margin: auto;
 +
  border:1px solid ;
 +
 
 +
}
 +
 +
 +
.special {
 +
  font-size: 36px!important;
 +
  color: #2ED583!important;
 +
        font-family: 'CCUfontsBold', Arial, sans-serif!important;
 +
      text-decoration: none!important;
 +
text-align:center;!important;
 +
}
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 02:38, 6 December 2018