Difference between revisions of "Template:NCKU Tainan/team css"

Line 263: Line 263:
 
     box-shadow: 0px 0px 0px;
 
     box-shadow: 0px 0px 0px;
 
}
 
}
−
@media only screen and (max-width: 1700px) {
+
@media only screen and (max-width: 1700px) and (min-width: 1544px){
 
     /* 3 */
 
     /* 3 */
 
     .col-1.col-s-1.person.flip.none.principlenone{
 
     .col-1.col-s-1.person.flip.none.principlenone{
Line 300: Line 300:
 
     .header h1 {font-size: 60px;}  
 
     .header h1 {font-size: 60px;}  
 
}
 
}
−
@media only screen and (max-width: 1544px) {
+
@media only screen and (max-width: 1544px) and (min-width: 1350px){
 +
    .col-1.col-s-1.person.flip.none.principlenone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.advisornone{
 +
        display: none;
 +
    } 
 +
    .col-1.col-s-1.person.flip.none3.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none4.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.wetnone{
 +
        display: none;
 +
    }
 +
    .col-1.col-s-1.person.flip.none2.wetnone{
 +
        width: 12%;
 +
    }
 
     .col-1.col-s-1.person.flip.none5.wetnone{
 
     .col-1.col-s-1.person.flip.none5.wetnone{
 
         display: none;
 
         display: none;
 
     }
 
     }
 +
    .col-1.col-s-1.person.flip.none.drynone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none2.drynone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none3.drynone{
 +
        display: none;
 +
    }
 +
    .col-3.col-s-6.person.flip.none.hpnone{
 +
        width: 29%;
 +
    }
 +
    .header h1 {font-size: 60px;}
 
}
 
}
−
@media only screen and (max-width: 1350px) {
+
@media only screen and (max-width: 1350px) and (min-width: 1330px){
 +
    .col-1.col-s-1.person.flip.none.principlenone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.advisornone{
 +
        display: none;
 +
    } 
 +
    .col-1.col-s-1.person.flip.none3.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none4.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.wetnone{
 +
        display: none;
 +
    }
 +
    .col-1.col-s-1.person.flip.none2.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none5.wetnone{
 +
        display: none;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.drynone{
 +
        width: 12%;
 +
    }
 
     .col-1.col-s-1.person.flip.none2.wetnone{
 
     .col-1.col-s-1.person.flip.none2.wetnone{
 
         display: none;
 
         display: none;
Line 313: Line 368:
 
         width: 12%;
 
         width: 12%;
 
     }
 
     }
 +
    .col-3.col-s-6.person.flip.none.hpnone{
 +
        width: 29%;
 +
    }
 +
    .header h1 {font-size: 60px;} 
 
}
 
}
 
@media only screen and (max-width: 1330px) {
 
@media only screen and (max-width: 1330px) {
 +
    .col-1.col-s-1.person.flip.none.principlenone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.advisornone{
 +
        display: none;
 +
    } 
 +
    .col-1.col-s-1.person.flip.none3.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none4.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.wetnone{
 +
        display: none;
 +
    }
 +
    .col-1.col-s-1.person.flip.none2.wetnone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none5.wetnone{
 +
        display: none;
 +
    }
 +
    .col-1.col-s-1.person.flip.none.drynone{
 +
        width: 12%;
 +
    }
 +
    .col-1.col-s-1.person.flip.none2.wetnone{
 +
        display: none;
 +
    }
 
     .col-1.col-s-1.person.flip.none3.drynone{
 
     .col-1.col-s-1.person.flip.none3.drynone{
 
         display: none;
 
         display: none;
 
     }
 
     }
 +
    .col-3.col-s-6.person.flip.none.hpnone{
 +
        width: 29%;
 +
    }
 +
    .header h1 {font-size: 60px;} 
 
}
 
}
 
@media only screen and (min-width: 1700px) {
 
@media only screen and (min-width: 1700px) {

Revision as of 06:33, 4 July 2018