模板:剧情播放器/nav.css

.avg-entrances, .avg-storyline {

 display: flex;
 flex-wrap: wrap;
 gap: 0.5em;

}

.avg-entrances {

 box-shadow: 0 2px 4px lightgray;
 counter-reset: part-counter chapter-counter;
 padding: 0.5em;

}

.avg-nav-header {

 flex: 100%;
 font-size: larger;
 text-shadow: 0.5px 0.5px 1px gray;

}

.avg-chapter-title, .avg-nav-subheader {

 border-bottom: 1px solid lightgray;
 flex: 100%;

}

@counter-style chapter-counter-style {

 pad: 2 '0';
 system: extends decimal;

}

.avg-chapter-title {

 counter-increment: chapter-counter;

}

.avg-chapter-title::before {

 color: gray;
 content: counter(chapter-counter, chapter-counter-style) ' ';
 font-size: smaller;

}

.avg-storyline {

 counter-reset: part-counter;

}

.avg-entrances > .avg-entrance, .avg-storyline > .avg-entrance {

 counter-increment: part-counter;

}

.avg-entrance, .avg-entrance-group > span:first-child {

 cursor: pointer;
 user-select: none;

}

.avg-entrance-group {

 display: flex;
 gap: 0.5em;

}

.avg-entrance-group i, .avg-entrance i {

 font-style: inherit;

}

.avg-entrance-group > span:first-child:hover, .avg-entrance:hover span {

 opacity: 0.67;

}

.avg-entrances > .avg-entrance::before, .avg-storyline > .avg-entrance::before {

 color: gray;
 content: 'PART.' counter(part-counter) ' ';
 font-size: smaller;

}