html { height: 100%; overflow: hidden; } body { height: 100%; overflow: hidden; } .tabs > li > a { outline: none; } #api { width: 100%; height: 100%; } #loading { z-index:99999 !important; position: fixed; width: 41px; height: 32px; top: 50% !important; left: 50%; margin-left: -12px; margin-top: -12px; background: url(../img/loader.gif) 0px 0px; cursor: progress; display: block; } .topbar .api-brand { padding: 8px 5px 12px 10px; margin-left: -20px; color: #fff; font-size: 20px; font-weight: 200; line-height: 1; text-decoration: none; color: #fff; outline: 0; margin-left: 10px; } .api-brand:hover { text-decoration: none; color: #fff; } .topbar .container-fluid { height: 40px; } .h-icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff; margin-top: 4px; } .v-icon-bar { display: inline-block; width: 3px; height: 11px; border-radius: 1px; background-color: #ddd; margin: 14px 10px 0px 10px; } .navbar-toggle { margin-top: 8px; margin-right: 15px; margin-bottom: 8px; border-radius: 4px; background-color: #000; border: 1px solid #333; } .navbar-toggle:focus { outline: 0; } .navbar-toggle:hover { background-color: #333; } .container-fluid.full { padding: 0px; margin-top: 40px; } .acc-nav { padding-left: 0; margin: 0px -21px 0px -20px; list-style: none; } .acc-nav>li { position: relative; display: inline-flex; } .acc-nav>li>a { padding-right: 2px; padding-left: 2px; position: relative; display: block; padding: 5px 7px; color: #337ab7; text-decoration: none; outline: 0; min-width: 100px; } .acc-nav>li>a:hover, .acc-nav>li>a:focus { text-decoration: none; font-weight: bold; } .acc-nav>.active>a, .acc-nav>.active>a:hover, .acc-nav>.active>a:focus { color: #fff; background-color: #428bca; } /* Let's get this party started */ ::-webkit-scrollbar { width: 10px; height: 10px; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,73,234,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,73,234,0.4); } .arr_get { background: url(../img/arr_up.png); width: 8px; height: 8px; float: left; background-size: 8px; margin-top: 9px; margin-right: 3px; } .arr_pst { background: url(../img/arr_dwn.png); width: 8px; height: 8px; float: left; background-size: 8px; margin-top: 9px; margin-right: 3px; } .arr_inf { background: url(../img/info.png); width: 12px; height: 12px; float: left; background-size: 12px; margin-top: 7px; margin-right: 3px; } .tabs, .pills { margin: 0px 6px 5px; } /* * Tables.less * Tables for, you guessed it, tabular data * ---------------------------------------- */ table { width: 100%; margin-bottom: 18px; padding: 0; border-collapse: separate; border-collapse: collapse; /* IE7, collapse table to remove spacing */ font-size: 13px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } table th, table td { padding: 10px 5px 5px 5px; line-height: 18px; text-align: left; } table th { padding-top: 9px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #ddd; } table td { vertical-align: top; } table th + th, table td + td { border-left: 1px solid #ddd; } table tr + tr td { border-top: 1px solid #ddd; } table tbody tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } table tbody tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } table tbody tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } table tbody tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } .zebra-striped tbody tr:nth-child(odd) td { background-color: #f9f9f9; } .zebra-striped tbody tr:hover td { background-color: #f5f5f5; } .zebra-striped .header { cursor: pointer; } .zebra-striped .header:after { content: ""; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #000 transparent; visibility: hidden; } .zebra-striped .headerSortUp, .zebra-striped .headerSortDown { background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } .zebra-striped .header:hover:after { visibility: visible; } .zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after { visibility: visible; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } .zebra-striped .headerSortUp:after { border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } table .blue { color: #049cdb; border-bottom-color: #049cdb; } table .headerSortUp.blue, table .headerSortDown.blue { background-color: #ade6fe; } table .green { color: #46a546; border-bottom-color: #46a546; } table .headerSortUp.green, table .headerSortDown.green { background-color: #cdeacd; } table .red { color: #9d261d; border-bottom-color: #9d261d; } table .headerSortUp.red, table .headerSortDown.red { background-color: #f4c8c5; } table .yellow { color: #ffc40d; border-bottom-color: #ffc40d; } table .headerSortUp.yellow, table .headerSortDown.yellow { background-color: #fff6d9; } table .orange { color: #f89406; border-bottom-color: #f89406; } table .headerSortUp.orange, table .headerSortDown.orange { background-color: #fee9cc; } table .purple { color: #7a43b6; border-bottom-color: #7a43b6; } table .headerSortUp.purple, table .headerSortDown.purple { background-color: #e2d5f0; } .row { } .sidebar { padding: 0px 5px 5px 5px; width: 225px; float: left; } .api-content { margin-left: 240px; overflow: auto; } .m-type { padding-bottom: 10px; } .m-type span { font-size: 140%; } .cpy-btn { background: #00BCD4; border-radius: 2px; box-shadow: 0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12); color: #fff; font-size: 12px; height: 32px; line-height: 32px; min-height: 32px; min-width: 98px; margin: 0; opacity: 0; right: 16px; padding: 0 16px; float: right; top: 16px; z-index: 1; -webkit-transition: all .2s; transition: all .2s; font-weight: bold; letter-spacing: 1px; } pre:hover > .cpy-btn { opacity: 1; } .api-detail { border: 1px solid #ddd; padding: 10px; margin-top: 2px; } .api-detail .try { width:99%; margin-bottom: 15px; } .pill-content { height: 100%; } table.params input, table.params textarea { width: 95%; } #req-srv, #req-fmt { margin-right: 5px; } .prettyprint { min-height: 37px; } .btn.complex { margin-top: 5px; } .languages { margin: 11px 10px 0px 10px; float: right; } .languages a { padding-right: 5px; } .languages .active { font-weight: bold; color: #fff!important; } .container-fluid.wait { background-repeat: no-repeat; background-image:url(../img/loader2.gif); background-position: 49% 49%; } tr table { margin-bottom: 5px; } a.rsp-nw { float: right; margin-top: 9px; } .ui-menu-item a { cursor: pointer; }