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

Line 71: Line 71:
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
}
 
}
−
#left_menu a img {
+
a img {
 
border: none;
 
border: none;
 
}
 
}
−
#left_menu body {
+
body {
 
background: #2d2c41;
 
background: #2d2c41;
 
font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 
font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
Line 152: Line 152:
 
height: 100%;
 
height: 100%;
 
}
 
}
−
#left_menu aside {
+
aside {
 
width: 260px;
 
width: 260px;
 
height:100%;
 
height:100%;
Line 175: Line 175:
 
}
 
}
  
−
#left_menu aside #logo {
+
aside #logo {
 
text-indent: -6000px;
 
text-indent: -6000px;
 
margin: 0px 32px 0px 32px;
 
margin: 0px 32px 0px 32px;
 
display: block;
 
display: block;
 
}
 
}
−
#left_menu aside #logo img {
+
aside #logo img {
 
display: block;
 
display: block;
 
text-decoration:none;
 
text-decoration:none;
 
width: 100%;
 
width: 100%;
 
}
 
}
−
#left_menu aside .separator {
+
aside .separator {
 
background: url("https://static.igem.org/mediawiki/2015/d/df/CD_UESTC_Separator.jpg") no-repeat top left transparent;
 
background: url("https://static.igem.org/mediawiki/2015/d/df/CD_UESTC_Separator.jpg") no-repeat top left transparent;
 
display: block;
 
display: block;
Line 196: Line 196:
 
margin: 25px auto;
 
margin: 25px auto;
 
}
 
}
−
#left_menu aside nav {
+
aside nav {
 
font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 
font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 
padding:0 0 0 0 px;
 
padding:0 0 0 0 px;
 
}
 
}
−
#left_menu aside nav a {
+
aside nav a {
 
color: #ddd7d7;
 
color: #ddd7d7;
 
line-height: 40px;
 
line-height: 40px;
Line 210: Line 210:
 
}
 
}
  
 +
* {
 +
margin: 0;
 +
padding: 0;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-osx-font-smoothing: grayscale;
 +
}
  
  
−
#left_menu h1, h2, h3, h4, h5, h6 {
+
h1, h2, h3, h4, h5, h6 {
 
   color: black;
 
   color: black;
 
   background: none;
 
   background: none;
Line 221: Line 227:
 
   border-bottom:none;
 
   border-bottom:none;
 
}
 
}
−
#left_menu a {
+
a {
 
color: #FFFFFF;
 
color: #FFFFFF;
 
text-decoration: none;
 
text-decoration: none;
Line 228: Line 234:
 
text-shadow: rgba(0,0,0,0.01) 0 0 1px;
 
text-shadow: rgba(0,0,0,0.01) 0 0 1px;
 
}
 
}
−
#left_menu img {
+
img {
 
user-select: none;
 
user-select: none;
 
user-drag: none;
 
user-drag: none;
Line 269: Line 275:
 
transform: translate3d(0, 0, 0);
 
transform: translate3d(0, 0, 0);
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
−
background: url(".../.../static/img/layout_hide.jpg") repeat top left transparent;
 
 
}
 
}
  
Line 276: Line 281:
 
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 {
Line 339: Line 295:
 
display: none;
 
display: none;
 
}
 
}
−
#left_menu h1 {
+
h1 {
 
text-decoration:none;
 
text-decoration:none;
 
font-size:100%;}
 
font-size:100%;}
Line 345: Line 301:
 
<!--  finished menu-->
 
<!--  finished menu-->
  
−
<aside id="left_menu">
+
<aside>
 
<div id="mobileMenuButton">
 
<div id="mobileMenuButton">
 
<span></span>
 
<span></span>

Revision as of 15:18, 10 September 2015