Difference between revisions of "Template:USTC-Software/css/autoMenu"

 
Line 16: Line 16:
 
a {
 
a {
 
     text-decoration: none;
 
     text-decoration: none;
     font-size: 16px;
+
     font-size: 15px;
 +
font-family: ubuntu serif;
 
}
 
}
  
Line 42: Line 43:
 
}
 
}
 
.autoMenu ul>li.sub{
 
.autoMenu ul>li.sub{
padding-left: 6px;
+
padding-left: 10px;
 
}
 
}
 
.autoMenu ul>li>a{
 
.autoMenu ul>li>a{
 
color: #0a4152;
 
color: #0a4152;
/*margin-left: 10px;*/
+
margin-left: 10px;
 
}
 
}
 
.autoMenu ul>li.active>a{
 
.autoMenu ul>li.active>a{

Latest revision as of 13:48, 15 October 2019

@charset "utf-8"; /*reset*/ body, div, ul, p, h1, h2, h3, h4, ol, dl, dd, dt, form, input, textarea, select, strong, em {

   padding: 0;
   margin: 0;

}

  • {
   box-sizing: border-box;

}

li {

   list-style: none;

}

a {

   text-decoration: none;
   font-size: 15px;

font-family: ubuntu serif; }

a:hover {

   text-decoration: none;

}

a:focus{outline:none;}

/*-------main---------*/ .autoMenu{ /*position: fixed;*/ /*bottom: 10%;*/ /*left: 1%;*/ z-index: 1; text-align: left; } .autoMenu ul{ line-height: 2; overflow-y: auto; background: rgba(255, 255, 255, .0); /*-webkit-box-shadow:0 0 10px #CCC;*/

 /*-moz-box-shadow:0 0 10px #CCC;*/
 /*box-shadow:0 0 10px #CCC;*/

} .autoMenu ul>li.sub{ padding-left: 10px; } .autoMenu ul>li>a{ color: #0a4152; margin-left: 10px; } .autoMenu ul>li.active>a{ color: #ff5370; } .autoMenu ul>li:hover{ background: url('https://static.igem.org/mediawiki/2019/3/34/T--USTC-Software--bookmark.svg') no-repeat; background-size: 400px; background-position: right; /* opacity: 0.5; */

} .autoMenu ul>li:hover>a{ color: #FFDC5E; } .autoMenu ul>li.active{ background: url('https://static.igem.org/mediawiki/2019/3/34/T--USTC-Software--bookmark.svg') no-repeat; background-size: 400px; background-position: right; } .btn-box{ display: none;

   width: 40px;
   height: 40px;
   text-decoration: none;
   position: relative;

} .icon-plus-sign{ display: inline-block; width: 26px; height: 26px; border-radius: 50%; border:4px solid #91ba61; background: #91ba61; position: absolute; top:3px; left:3px; } .icon-plus-sign:before,.icon-plus-sign:after{ content: ; display: inline-block; width: 3px; height: 20px; background: #fff; border-radius: 1px; position: absolute; top:3px; left:11.5px; } .icon-plus-sign:after{ transform:rotate(90deg); } .icon-minus-sign{ display: inline-block; width: 26px; height: 26px; border-radius: 50%; border:4px solid #ff5370; background: #ff5370; position: absolute; top:3px; left:3px; } .icon-minus-sign:before{ content: ; display: inline-block; width: 20px; height: 3px; background: #fff; border-radius: 1px; position: absolute; left:3px; top:11.5px; }