Template:USTC-Software/css/autoMenu

@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; }