Line 16: | Line 16: | ||
a { | a { | ||
text-decoration: none; | text-decoration: none; | ||
− | font-size: | + | font-size: 15px; |
+ | font-family: ubuntu serif; | ||
} | } | ||
Line 42: | Line 43: | ||
} | } | ||
.autoMenu ul>li.sub{ | .autoMenu ul>li.sub{ | ||
− | padding-left: | + | padding-left: 10px; |
} | } | ||
.autoMenu ul>li>a{ | .autoMenu ul>li>a{ | ||
color: #0a4152; | color: #0a4152; | ||
− | + | 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; }