2020-04-30 22:36:38 +00:00
|
|
|
nav[role="progress"] {
|
|
|
|
position: -webkit-sticky; /* Safari */
|
|
|
|
position: sticky;
|
|
|
|
bottom: 0;
|
|
|
|
background: #fff;
|
|
|
|
margin-top: 4px;
|
|
|
|
padding-top: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] div.progresscontainer {
|
|
|
|
border:1px solid #dedede;
|
2020-05-01 21:51:33 +00:00
|
|
|
margin-top: 7px;
|
2020-04-30 22:36:38 +00:00
|
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul {
|
|
|
|
font-weight: 400;
|
|
|
|
list-style: none
|
2020-05-01 21:51:33 +00:00
|
|
|
font-size: 11px;
|
2020-04-30 22:36:38 +00:00
|
|
|
margin-top: 12px;
|
|
|
|
margin-bottom: 12px;
|
2020-05-01 21:51:33 +00:00
|
|
|
padding-left: 7px;
|
2020-04-30 22:36:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li {
|
|
|
|
display: inline;
|
2020-05-01 21:51:33 +00:00
|
|
|
padding: 7px;
|
2020-04-30 22:36:38 +00:00
|
|
|
margin: 2px;
|
|
|
|
background: #E0E0FF;
|
|
|
|
text-transform: uppercase;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.progresschapter {
|
|
|
|
background: #E0FFE0;
|
2020-05-01 21:51:33 +00:00
|
|
|
margin-left: 7px;
|
|
|
|
margin-right: 7px;
|
2020-04-30 22:36:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.progresscurrentchapter {
|
|
|
|
background: #B0CFB0;
|
2020-05-01 21:51:33 +00:00
|
|
|
margin-left: 7px;
|
2020-04-30 22:36:38 +00:00
|
|
|
margin-right: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.progresscurrent {
|
|
|
|
background: #B0B0CF;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.progressprev {
|
|
|
|
background: #FFE0E0;
|
2020-05-01 21:51:33 +00:00
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.progressprevoff {
|
|
|
|
background: #DFB0B0;
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
2020-04-30 22:36:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.progressnext {
|
|
|
|
background: #FFE0E0;
|
2020-05-01 21:51:33 +00:00
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.progressnextoff {
|
|
|
|
background: #DFB0B0;
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
2020-04-30 22:36:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li.active a {
|
|
|
|
font-weight: 700
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li a:link {
|
|
|
|
color: #333;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li span.selectedlink {
|
|
|
|
color: #f25;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li span.unlink {
|
|
|
|
color: #f25;
|
|
|
|
text-decoration: none;
|
|
|
|
text-transform: uppercase;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
font-size: 12px;
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li a:visited {
|
|
|
|
color: #333
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li a:active {
|
|
|
|
font-weight: 700
|
|
|
|
}
|
|
|
|
|
|
|
|
nav[role="progress"] ul li a:hover {
|
|
|
|
color: #dd2c0d
|
|
|
|
}
|