Difference between revisions of "Team:ZJU-China/css/label/label.css"

 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{
+
#nav ul, li{
−
margin: 0;
+
margin-left: -20px;
 
padding: 0;
 
padding: 0;
 
font-size: 100%;
 
font-size: 100%;
Line 8: Line 8:
 
}
 
}
 
 
−
ol, ul {
+
#nav ol, ul {
−
list-style: none;
+
        list-style: none;
 
}
 
}
−
 
−
blockquote, q {
 
−
quotes: none;
 
−
}
 
−
 
−
:focus {
 
−
outline: 0;
 
−
}
 
−
 
−
table {
 
−
border-collapse: collapse;
 
−
border-spacing: 0;
 
−
}
 
−
 
−
 
−
 
−
ul li a:link {
 
−
text-decoration: none;
 
−
color:firebrick;
 
−
}
 
−
ul li a:visited {
 
−
text-decoration: none;
 
−
color:firebrick;
 
−
}
 
−
ul li a:hover {
 
−
text-decoration: none;
 
−
color:Crimson;
 
−
}
 
−
ul li a:active {
 
−
text-decoration: none;
 
−
color:firebrick;
 
−
}
 
−
 
  
 
/*弹出菜单*/
 
/*弹出菜单*/
Line 80: Line 47:
 
   position:absolute;
 
   position:absolute;
 
   z-index:2;
 
   z-index:2;
−
   right:-190px;
+
   right:-200px;
 
   padding-left:30px;
 
   padding-left:30px;
  
Line 119: Line 86:
 
display: none;
 
display: none;
 
position: absolute;
 
position: absolute;
−
right: 10px;
+
        left:50%;
−
top: 10px;
+
        margin-left:-200px;
−
background: url(https://static.igem.org/mediawiki/2015/9/9b/ZJU-CHINA_termite.png);
+
        top:50%;
−
width: 43px;
+
        margin-top:-200px;
−
height: 11px;
+
background: url(https://static.igem.org/mediawiki/2015/a/a7/ZJU-CHINA_AjaxLoader.gif);
 +
width: 400px;
 +
height: 400px;
 
text-indent: -9999em;
 
text-indent: -9999em;
 +
        z-index:9999;
 
}
 
}

Latest revision as of 03:39, 8 September 2015

  1. nav ul, li{

margin-left: -20px; padding: 0; font-size: 100%; border: 0; outline: 0; background: transparent; }

  1. nav ol, ul {
       list-style: none;

}

/*弹出菜单*/

  1. popView1{
 /*左侧弹出窗口的长宽、圆角、背景颜色*/
 height: 400px;
 width: 200px;
 border-radius: 10px;
 background-color: #DDDDDD;

opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65); 

 /*布局排版*/
 position:absolute;
 z-index:2;
 left:-180px;
 padding-left:50px;

 /*字体设置*/

line-height:20px; 

font-size: 16px;

color:#000000; font-family:Arial }

/*弹出菜单*/

  1. popView2{
 /*右侧弹出窗口的长宽、圆角、背景颜色*/
 display: none;
 height: 400px;
 width: 200px;
 border-radius: 10px;
 background-color: #DDDDDD;
 opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65);

 /*布局排版*/
 position:absolute;
 z-index:2;
 right:-200px;
 padding-left:30px;

 /*字体设置*/

line-height:20px; 

font-size: 16px;

color:#000000; font-family:Arial }

aside header{ font-family:gennifer; font-size:20px; line-height:25px; color:Black; font-weight:bold; }

asider header{ font-family:gennifer; font-size:20px; line-height:25px; color:Black; font-weight:bold; }

/* 自适应 */


@media screen and (min-width: 960px) {

  1. popView1{ display:block}

} @media screen and (max-width: 960px) {

  1. popView1{ display:none}

}

  1. load {

display: none; position: absolute; 

       left:50%;
       margin-left:-200px;
       top:50%;
       margin-top:-200px;

background: url(ZJU-CHINA_AjaxLoader.gif); width: 400px; height: 400px; text-indent: -9999em; 

       z-index:9999;

}