coriolis/kite/doc/tabs.css

559 lines
12 KiB
CSS

.sm
{
position:relative;
z-index:9999
}
.sm,.sm ul,.sm li
{
display:block;
list-style:none;
margin:0;
padding:2pt 7pt;
line-height:normal;
direction:ltr;
text-align:left;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.sm-rtl,.sm-rtl ul,.sm-rtl li
{
direction:rtl;
text-align:right
}
.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:0/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
}
#doc-content
{
overflow:auto;
display:block;
padding:0;
margin:0;
-webkit-overflow-scrolling:touch
}
/*
.sm-dox
{
background-image:url("tab_b.png")
}
*/
/*
.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active
{
padding:0 12px;
padding-right:43px;
font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;
font-size:13px;
font-weight:bold;
line-height:36px;
text-decoration:none;
text-shadow:0 1px 1px rgba(255,255,255,0.9);
color:#283a5d;
outline:0
}
*/
/*
.sm-dox a:hover
{
background-image:url("tab_a.png");
background-repeat:repeat-x;
color:white;
text-shadow:0 1px 1px black
}
*/
.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;
text-shadow:none;
background:rgba(255,255,255,0.5);
-moz-border-radius:5px;
-webkit-border-radius:5px;
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
{
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px;
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
{
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0;
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
{
-moz-border-radius:0;
-webkit-border-radius:0;
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;
background-image:none
}
*/
/*
.sm-dox ul a:hover
{
background-image:url("tab_a.png");
background-repeat:repeat-x;
color:white;
text-shadow:0 1px 1px black
}
*/
.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;
background-image:url("tab_b.png");
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:#283a5d transparent transparent transparent;
background:transparent;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0
}
/*
.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted
{
padding:0 12px;
background-image:url("tab_s.png");
background-repeat:no-repeat;
background-position:right;
-moz-border-radius:0!important;
-webkit-border-radius:0;
border-radius:0!important
}
.sm-dox a:hover
{
background-image:url("tab_a.png");
background-repeat:repeat-x;
color:white;
text-shadow:0 1px 1px black
}
*/
.sm-dox a:hover span.sub-arrow
{
border-color:white transparent transparent transparent
}
.sm-dox a.has-submenu
{
padding-right:24px
}
.sm-dox li
{
border-top:0
}
.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;
/*
-moz-border-radius:5px!important;
-webkit-border-radius:5px;
border-radius:5px!important;
*/
-moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
box-shadow:0 5px 9px rgba(0,0,0,0.2)
}
.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;
background-image:none;
border:0!important;
color:#555;
background-image:none
}
/*
.sm-dox ul a:hover
{
background-image:url("tab_a.png");
background-repeat:repeat-x;
color:white;
text-shadow:0 1px 1px black
}
*/
.sm-dox ul a:hover span.sub-arrow
{
border-color:transparent transparent transparent white
}
.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-rtl a.has-submenu
{
padding-right:12px;
padding-left:24px
}
.sm-dox.sm-rtl a span.sub-arrow
{
right:auto;
left:12px
}
.sm-dox.sm-rtl.sm-vertical a.has-submenu
{
padding:10px 20px
}
.sm-dox.sm-rtl.sm-vertical a span.sub-arrow
{
right:auto;
left:8px;
border-style:dashed solid dashed dashed;
border-color:transparent #555 transparent transparent
}
.sm-dox.sm-rtl>li>ul:before
{
left:auto;
right:30px
}
.sm-dox.sm-rtl>li>ul:after
{
left:auto;
right:31px
}
.sm-dox.sm-rtl ul a.has-submenu
{
padding:10px 20px!important
}
.sm-dox.sm-rtl ul a span.sub-arrow
{
right:auto;
left:8px;
border-style:dashed solid dashed dashed;
border-color:transparent #555 transparent transparent
}
.sm-dox.sm-vertical
{
padding:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
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
{
background-image:url("tab_b.png")
}
.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
}
/* SoC Customisation. */
div#main-nav {
margin: 0pt;
border: 0pt;
padding: 0pt;
}
div ul#main-menu {
margin: 0pt;
border: 0pt;
padding: 0pt;
}
/*
.sm ul {
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
}
*/
.sm li {
list-style: none;
}
ul#main-menu {
display: table;
width: 100%;
}
ul#main-menu > li {
display: table-cell;
text-align: center;
/*width: 20%;*/
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: none;
border-right: 1px solid black;
padding: 2pt;
font-size: 90%;
}
ul#main-menu > li:first-child {
border-left: 1px solid black;
}
ul#main-menu > li > a {
border-bottom: none;
}
ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover {
background-color: black;
color: white;
}
/*
.sm li {
margin: 0pt;
list-style: none;
font-size: 90%;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: none;
border-right: 1px solid black;
display: table-cell;
text-align: center;
padding: 2pt;
width: 5%;
}
.sm li:first-child {
border-left: 1px solid black;
}
.sm li a {
border-style: none;
border-bottom: none;
}
.sm li:hover, .sm li:hover a, .sm li a:hover {
background-color: black;
color: white;
}
*/