kuroko/docs/tabs-override.css
2021-02-20 22:32:11 +09:00

353 lines
7.7 KiB
CSS

.sm {
position:relative;
}
.sm,
.sm ul,
.sm li {
display:block;
list-style:none;
line-height:normal;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
margin:0;
padding:0
}
.sm ul {
display:none
}
.sm li,
.sm a {
position:relative
}
.sm a {
display:block
}
.sm a.disabled {
cursor:not-allowed
}
.sm:after {
content:"\00a0";
display:block;
height:0;
font:0px/0 serif;
clear:both;
visibility:hidden;
overflow:hidden
}
.sm,
.sm *,
.sm *:before,
.sm *:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.sm-dox {
}
.sm-dox a,
.sm-dox a:focus,
.sm-dox a:hover,
.sm-dox a:active {
text-decoration:none;
color: rgba(255,255,255,.55);
outline:none
}
.sm-dox a:hover {
color:#fff;
}
.sm-dox a.current {
color:#D23600
}
.sm-dox a.disabled {
color:#bbb
}
.sm-dox a span.sub-arrow {
position:absolute;
top:50%;
margin-top:-14px;
left:auto;
right:3px;
width:28px;
height:28px;
overflow:hidden;
font:bold 12px/28px monospace !important;
text-align:center;
background:rgba(255,255,255,0.5);
border-radius:5px
}
.sm-dox a.highlighted span.sub-arrow:before {
display:block;
content:'-'
}
.sm-dox>li:first-child>a,
.sm-dox>li:first-child>:not(ul) a {
border-radius:5px 5px 0 0
}
.sm-dox>li:last-child>a,
.sm-dox>li:last-child>*:not(ul) a,
.sm-dox>li:last-child>ul,
.sm-dox>li:last-child>ul>li:last-child>a,
.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-dox>li:last-child>ul>li:last-child>ul,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
border-radius:0 0 5px 5px
}
.sm-dox>li:last-child>a.highlighted,
.sm-dox>li:last-child>*:not(ul) a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted {
border-radius:0
}
.sm-dox ul {
background:rgba(162,162,162,0.1)
}
.sm-dox ul a,
.sm-dox ul a:focus,
.sm-dox ul a:hover,
.sm-dox ul a:active {
font-size:12px;
border-left:8px solid transparent;
line-height:36px;
text-shadow:none;
background-color:white;
}
.sm-dox ul a:hover {
color:#fff;
}
.sm-dox ul ul a,
.sm-dox ul ul a:hover,
.sm-dox ul ul a:focus,
.sm-dox ul ul a:active {
border-left:16px solid transparent
}
.sm-dox ul ul ul a,
.sm-dox ul ul ul a:hover,
.sm-dox ul ul ul a:focus,
.sm-dox ul ul ul a:active {
border-left:24px solid transparent
}
.sm-dox ul ul ul ul a,
.sm-dox ul ul ul ul a:hover,
.sm-dox ul ul ul ul a:focus,
.sm-dox ul ul ul ul a:active {
border-left:32px solid transparent
}
.sm-dox ul ul ul ul ul a,
.sm-dox ul ul ul ul ul a:hover,
.sm-dox ul ul ul ul ul a:focus,
.sm-dox ul ul ul ul ul a:active {
border-left:40px solid transparent
}
.sm-dox ul {
position:absolute;
width:12em
}
.sm-dox li {
float:left
}
.sm-dox.sm-rtl li {
float:right
}
.sm-dox ul li,
.sm-dox.sm-rtl ul li,
.sm-dox.sm-vertical li {
float:none
}
.sm-dox a {
white-space:nowrap
}
.sm-dox ul a,
.sm-dox.sm-vertical a {
white-space:normal
}
.sm-dox .sm-nowrap>li>a,
.sm-dox .sm-nowrap>li>:not(ul) a {
white-space:nowrap
}
.sm-dox {
padding:0 10px;
line-height:36px
}
.sm-dox a span.sub-arrow {
top:50%;
margin-top:-2px;
right:12px;
width:0;
height:0;
border-width:4px;
border-style:solid dashed dashed dashed;
border-color:rgba(255,255,255,0.5) transparent transparent transparent;
background:transparent;
border-radius:0
}
.sm-dox a,
.sm-dox a:focus,
.sm-dox a:active,
.sm-dox a:hover,
.sm-dox a.highlighted {
padding:0px 12px;
border-radius:0 !important
}
.sm-dox a:hover {
color:#fff;
}
.sm-dox a:hover span.sub-arrow {
border-color:#fff transparent transparent transparent
}
.sm-dox a.has-submenu {
padding-right:24px
}
.sm-dox li {
border-top:0
}
.sm-dox>li>ul {
top: 36px !important;
}
.sm-dox>li>ul:before,
.sm-dox>li>ul:after {
content:'';
position:absolute;
top:-18px;
left:30px;
width:0;
height:0;
overflow:hidden;
border-width:9px;
border-style:dashed dashed solid dashed;
border-color:transparent transparent #bbb transparent
}
.sm-dox>li>ul:after {
top:-16px;
left:31px;
border-width:8px;
border-color:transparent transparent #fff transparent
}
.sm-dox ul {
border:1px solid #bbb;
padding:5px 0;
background:#fff;
border-radius:5px !important;
}
.sm-dox ul a span.sub-arrow {
right:8px;
top:50%;
margin-top:-5px;
border-width:5px;
border-color:transparent transparent transparent #555;
border-style:dashed dashed dashed solid
}
.sm-dox ul a,
.sm-dox ul a:hover,
.sm-dox ul a:focus,
.sm-dox ul a:active,
.sm-dox ul a.highlighted {
color:#555;
border:0 !important;
}
.sm-dox ul a:hover {
color: #1e2125;
background-color: #f8f9fa;
}
.sm-dox ul a:hover span.sub-arrow {
border-color:transparent transparent transparent #1e2125
}
.sm-dox span.scroll-up,
.sm-dox span.scroll-down {
position:absolute;
display:none;
visibility:hidden;
overflow:hidden;
background:#fff;
height:36px
}
.sm-dox span.scroll-up:hover,
.sm-dox span.scroll-down:hover {
background:#eee
}
.sm-dox span.scroll-up:hover span.scroll-up-arrow,
.sm-dox span.scroll-up:hover span.scroll-down-arrow {
border-color:transparent transparent #D23600 transparent
}
.sm-dox span.scroll-down:hover span.scroll-down-arrow {
border-color:#D23600 transparent transparent transparent
}
.sm-dox span.scroll-up-arrow,
.sm-dox span.scroll-down-arrow {
position:absolute;
top:0;
left:50%;
margin-left:-6px;
width:0;
height:0;
overflow:hidden;
border-width:6px;
border-style:dashed dashed solid dashed;
border-color:transparent transparent #555 transparent
}
.sm-dox span.scroll-down-arrow {
top:8px;
border-style:solid dashed dashed dashed;
border-color:#555 transparent transparent transparent
}
.sm-dox.sm-vertical {
padding:10px 0;
border-radius:5px
}
.sm-dox.sm-vertical a {
padding:10px 20px
}
.sm-dox.sm-vertical a:hover,
.sm-dox.sm-vertical a:focus,
.sm-dox.sm-vertical a:active,
.sm-dox.sm-vertical a.highlighted {
background:#fff
}
.sm-dox.sm-vertical a.disabled {
}
.sm-dox.sm-vertical a span.sub-arrow {
right:8px;
top:50%;
margin-top:-5px;
border-width:5px;
border-style:dashed dashed dashed solid;
border-color:transparent transparent transparent #555
}
.sm-dox.sm-vertical>li>ul:before,
.sm-dox.sm-vertical>li>ul:after {
display:none
}
.sm-dox.sm-vertical ul a {
padding:10px 20px
}
.sm-dox.sm-vertical ul a:hover,
.sm-dox.sm-vertical ul a:focus,
.sm-dox.sm-vertical ul a:active,
.sm-dox.sm-vertical ul a.highlighted {
background:#eee
}
.sm-dox.sm-vertical ul a.disabled {
background:#fff
}