kuroko/docs/tabs-override.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
 }