Difference between revisions of "Team:CHINA CD UESTC/gallery.css"

Line 6: Line 6:
 
*********************/
 
*********************/
  
.ir {
 
font: 0/0 a;
 
text-shadow: none;
 
color: transparent;
 
}
 
.clearfix:after {
 
content: ".";
 
display: block;
 
clear: both;
 
visibility: hidden;
 
line-height: 0;
 
height: 0;
 
}
 
.clearfix {
 
display: inline-block;
 
}
 
html[xmlns] .clearfix {
 
display: block;
 
}
 
* html .clearfix {
 
height: 1%;
 
}
 
.middleHack {
 
zoom: 1;
 
}
 
.ib {
 
display: -moz-inline-stack !important;
 
display: inline-block !important;
 
vertical-align: top;
 
}
 
.ibIe {
 
display: inline !important;
 
zoom: 1;
 
}
 
.lt-ie8 .ib {
 
display: inline !important;
 
zoom: 1;
 
}
 
.bgCover {
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-o-background-size: cover;
 
background-size: cover;
 
}
 
.clear {
 
clear: both;
 
display: block;
 
}
 
.translate3d {
 
-webkit-transform: translate3d(0, 0, 0);
 
-moz-transform: translate3d(0, 0, 0);
 
-ms-transform: translate3d(0, 0, 0);
 
-o-transform: translate3d(0, 0, 0);
 
transform: translate3d(0, 0, 0);
 
}
 
.translate {
 
-webkit-transform: translate(0, 0);
 
-moz-transform: translate3d(0, 0);
 
-ms-transform: translate3d(0, 0);
 
-o-transform: translate3d(0, 0);
 
transform: translate3d(0, 0);
 
}
 
.noflick {
 
-webkit-backface-visibility: hidden;
 
}
 
a img {
 
border: none;
 
}
 
body {
 
background: #2d2c41;
 
font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 
}
 
 
/* ----------------------------
 
/* ----------------------------
 
             menu
 
             menu
Line 282: Line 210:
 
right: 20px;
 
right: 20px;
 
}
 
}
 +
@media screen and (max-height: 780px) {
 +
html body aside #logo {
 +
margin-top: 0px;
 +
margin-bottom:0px;
 +
}
 +
html body aside nav a {
 +
line-height: 35px;
 +
font-size: 18px;
 +
}
 +
html body aside .separator {
 +
margin: 20px auto;
 +
}
 +
html body aside .contact {
 +
font-size: 18px;
 +
}
 +
}
 +
@media screen and (max-height: 680px) {
 +
html body aside #logo {
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
}
 +
html body aside nav a {
 +
line-height: 31px;
 +
font-size: 18px;
 +
}
 +
html body aside .separator {
 +
margin: 10px auto;
 +
}
 +
}
 +
@media screen and (max-width: 1050px) {
  
 +
html aside #logo {
 +
margin-left: 20px;
 +
margin-right: 20px;
 +
}
 +
 +
}
 +
 +
@media screen and (max-width: 700px) {
 +
 +
html aside #mobileMenuButton {
 +
display: block;
 +
}
 +
html #RightContent {
 +
left: 0;
 +
right: auto;
 +
width: 100%;
 +
    height:100%;
 +
}
 +
}
 
/*float RightContent*/
 
/*float RightContent*/
 
#content {
 
#content {

Revision as of 15:22, 10 September 2015