| /* |
| Cut-down patched version of Bootstrap's doc style: |
| http://github.com/twitter/bootstrap/blob/gh-pages/ |
| under http://creativecommons.org/licenses/by/3.0/ |
| */ |
| |
| |
| |
| /* Body and structure |
| -------------------------------------------------- */ |
| |
| body { |
| position: relative; |
| padding-top: 40px; |
| } |
| |
| /* Code in headings */ |
| h3 code { |
| font-size: 14px; |
| font-weight: normal; |
| } |
| |
| |
| |
| /* Tweak navbar brand link to be super sleek |
| -------------------------------------------------- */ |
| |
| body > .navbar { |
| font-size: 13px; |
| } |
| |
| /* Change the docs' brand */ |
| body > .navbar .brand { |
| padding-right: 0; |
| padding-left: 0; |
| margin-left: 20px; |
| float: right; |
| font-weight: bold; |
| color: #000; |
| text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); |
| -webkit-transition: all .2s linear; |
| -moz-transition: all .2s linear; |
| transition: all .2s linear; |
| } |
| body > .navbar .brand:hover { |
| text-decoration: none; |
| text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4); |
| } |
| |
| |
| |
| /* Sections |
| -------------------------------------------------- */ |
| |
| /* padding for in-page bookmarks and fixed navbar */ |
| section { |
| padding-top: 30px; |
| } |
| section > .page-header, |
| section > .lead { |
| color: #5a5a5a; |
| } |
| section > ul li { |
| margin-bottom: 5px; |
| } |
| |
| /* Separators (hr) */ |
| .sisu-docs-separator { |
| margin: 40px 0 39px; |
| } |
| |
| /* Faded out hr */ |
| hr.soften { |
| height: 1px; |
| margin: 70px 0; |
| background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
| background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
| background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
| background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
| border: 0; |
| } |
| |
| |
| |
| /* Jumbotrons |
| -------------------------------------------------- */ |
| |
| /* Base class |
| ------------------------- */ |
| .jumbotron { |
| position: relative; |
| color: #fff; |
| text-align: center; |
| text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); |
| background: #343442; /* Old browsers */ |
| background: -moz-linear-gradient(45deg, #343442 0%, #8282A5 100%); /* FF3.6+ */ |
| background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#343442), color-stop(100%,#8282A5)); /* Chrome,Safari4+ */ |
| background: -webkit-linear-gradient(45deg, #343442 0%,#8282A5 100%); /* Chrome10+,Safari5.1+ */ |
| background: -o-linear-gradient(45deg, #343442 0%,#8282A5 100%); /* Opera 11.10+ */ |
| background: -ms-linear-gradient(45deg, #343442 0%,#8282A5 100%); /* IE10+ */ |
| background: linear-gradient(45deg, #343442 0%,#8282A5 100%); /* W3C */ |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343442', endColorstr='#8282A5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ |
| -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); |
| -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); |
| box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); |
| } |
| .jumbotron h1 { |
| font-size: 80px; |
| font-weight: bold; |
| letter-spacing: -1px; |
| line-height: 1; |
| } |
| .jumbotron p { |
| font-size: 24px; |
| font-weight: 300; |
| line-height: 1.25; |
| margin-bottom: 30px; |
| } |
| |
| |
| |
| /* Pattern overlay |
| ------------------------- */ |
| .jumbotron .container { |
| position: relative; |
| z-index: 2; |
| } |
| .jumbotron:after { |
| content: ''; |
| display: block; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| opacity: .4; |
| } |
| @media |
| only screen and (-webkit-min-device-pixel-ratio: 2), |
| only screen and ( min--moz-device-pixel-ratio: 2), |
| only screen and ( -o-min-device-pixel-ratio: 2/1) { |
| |
| .jumbotron:after { |
| background-size: 150px 150px; |
| } |
| |
| } |
| |
| |
| |
| /* Subhead (other pages) |
| ------------------------- */ |
| .subhead { |
| text-align: left; |
| border-bottom: 1px solid #ddd; |
| } |
| .subhead h1 { |
| font-size: 60px; |
| } |
| .subhead p { |
| margin-bottom: 20px; |
| } |
| .subhead .navbar { |
| display: none; |
| } |
| |
| |
| |
| /* Footer |
| -------------------------------------------------- */ |
| |
| .footer { |
| text-align: center; |
| padding: 30px 0; |
| margin-top: 70px; |
| border-top: 1px solid #e5e5e5; |
| background-color: #f5f5f5; |
| } |
| .footer p { |
| margin-bottom: 0; |
| color: #777; |
| } |
| .footer-links { |
| margin: 10px 0; |
| } |
| .footer-links li { |
| display: inline; |
| padding: 0 2px; |
| } |
| .footer-links li:first-child { |
| padding-left: 0; |
| } |
| |
| |
| |
| /* Sidenav for Docs |
| -------------------------------------------------- */ |
| |
| .sisu-docs-sidenav { |
| width: 228px; |
| margin: 30px 0 0; |
| padding: 0; |
| background-color: #fff; |
| -webkit-border-radius: 6px; |
| -moz-border-radius: 6px; |
| border-radius: 6px; |
| -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); |
| -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); |
| box-shadow: 0 1px 4px rgba(0,0,0,.065); |
| } |
| .sisu-docs-sidenav > li > a { |
| display: block; |
| width: 190px \9; |
| margin: 0 0 -1px; |
| padding: 8px 14px; |
| border: 1px solid #e5e5e5; |
| } |
| .sisu-docs-sidenav > li:first-child > a { |
| -webkit-border-radius: 6px 6px 0 0; |
| -moz-border-radius: 6px 6px 0 0; |
| border-radius: 6px 6px 0 0; |
| } |
| .sisu-docs-sidenav > li:last-child > a { |
| -webkit-border-radius: 0 0 6px 6px; |
| -moz-border-radius: 0 0 6px 6px; |
| border-radius: 0 0 6px 6px; |
| } |
| .sisu-docs-sidenav > .active > a { |
| position: relative; |
| z-index: 2; |
| padding: 9px 15px; |
| border: 0; |
| text-shadow: 0 1px 0 rgba(0,0,0,.15); |
| -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); |
| -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); |
| box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); |
| } |
| /* Chevrons */ |
| .sisu-docs-sidenav .icon-chevron-right { |
| float: right; |
| margin-top: 2px; |
| margin-right: -6px; |
| opacity: .25; |
| } |
| .sisu-docs-sidenav > li > a:hover { |
| background-color: #f5f5f5; |
| } |
| .sisu-docs-sidenav a:hover .icon-chevron-right { |
| opacity: .5; |
| } |
| .sisu-docs-sidenav .active .icon-chevron-right, |
| .sisu-docs-sidenav .active a:hover .icon-chevron-right { |
| background-image: url(../img/glyphicons-halflings-white.png); |
| opacity: 1; |
| } |
| .sisu-docs-sidenav.affix { |
| top: 40px; |
| } |
| .sisu-docs-sidenav.affix-bottom { |
| position: absolute; |
| top: auto; |
| bottom: 270px; |
| } |
| |
| |
| |
| /* Responsive |
| -------------------------------------------------- */ |
| |
| /* Desktop large |
| ------------------------- */ |
| @media (min-width: 1200px) { |
| .sisu-docs-container { |
| max-width: 970px; |
| } |
| .sisu-docs-sidenav { |
| width: 258px; |
| } |
| .sisu-docs-sidenav > li > a { |
| width: 230px \9; /* Override the previous IE8-9 hack */ |
| } |
| } |
| |
| /* Desktop |
| ------------------------- */ |
| @media (max-width: 980px) { |
| /* Unfloat brand */ |
| body > .navbar-fixed-top .brand { |
| float: left; |
| margin-left: 0; |
| padding-left: 10px; |
| padding-right: 10px; |
| } |
| |
| /* Inline-block quick links for more spacing */ |
| .quick-links li { |
| display: inline-block; |
| margin: 5px; |
| } |
| |
| /* When affixed, space properly */ |
| .sisu-docs-sidenav { |
| top: 0; |
| width: 218px; |
| margin-top: 30px; |
| margin-right: 0; |
| } |
| |
| .subhead h1, |
| .subhead .lead { |
| margin-right: 0; |
| } |
| |
| } |
| |
| /* Tablet to desktop |
| ------------------------- */ |
| @media (min-width: 768px) and (max-width: 979px) { |
| /* Remove any padding from the body */ |
| body { |
| padding-top: 0; |
| } |
| /* Widen masthead and social buttons to fill body padding */ |
| .jumbotron { |
| margin-top: -20px; /* Offset bottom margin on .navbar */ |
| } |
| /* Adjust sidenav width */ |
| .sisu-docs-sidenav { |
| width: 166px; |
| margin-top: 20px; |
| } |
| .sisu-docs-sidenav.affix { |
| top: 0; |
| } |
| } |
| |
| /* Tablet |
| ------------------------- */ |
| @media (max-width: 767px) { |
| /* Remove any padding from the body */ |
| body { |
| padding-top: 0; |
| } |
| |
| /* Widen masthead and social buttons to fill body padding */ |
| .jumbotron { |
| padding: 40px 20px; |
| margin-top: -20px; /* Offset bottom margin on .navbar */ |
| margin-right: -20px; |
| margin-left: -20px; |
| } |
| |
| /* Sidenav */ |
| .sisu-docs-sidenav { |
| width: auto; |
| margin-bottom: 20px; |
| } |
| .sisu-docs-sidenav.affix { |
| position: static; |
| width: auto; |
| top: 0; |
| } |
| |
| /* Unfloat the back to top link in footer */ |
| .footer { |
| margin-left: -20px; |
| margin-right: -20px; |
| padding-left: 20px; |
| padding-right: 20px; |
| } |
| .footer p { |
| margin-bottom: 9px; |
| } |
| } |
| |
| /* Landscape phones |
| ------------------------- */ |
| @media (max-width: 480px) { |
| /* Remove padding above jumbotron */ |
| body { |
| padding-top: 0; |
| } |
| |
| /* Change up some type stuff */ |
| h2 small { |
| display: block; |
| } |
| |
| /* Downsize the jumbotrons */ |
| .jumbotron h1 { |
| font-size: 45px; |
| } |
| .jumbotron p { |
| font-size: 18px; |
| } |
| |
| /* center align subhead text like the masthead */ |
| .subhead h1, |
| .subhead p { |
| text-align: center; |
| } |
| |
| /* Do our best to make tables work in narrow viewports */ |
| table code { |
| white-space: normal; |
| word-wrap: break-word; |
| word-break: break-all; |
| } |
| |
| /* Tighten up footer */ |
| .footer { |
| padding-top: 20px; |
| padding-bottom: 20px; |
| } |
| } |
| |
| |
| |
| /* Sisu modifications |
| -------------------------------------------------- */ |
| |
| a { |
| color: #558; |
| } |
| a:hover, a:focus { |
| color: #558; |
| } |
| .sisu-docs-sidenav > li > a { |
| background-color: #F0F0F5; |
| } |
| .sisu-docs-sidenav > li > a:hover { |
| background-color: #D8D8E2; |
| } |
| .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { |
| background-color: #686884; |
| } |
| .navbar a.brand { |
| padding-top: 5px; |
| padding-bottom: 0px; |
| margin-top: 5px; |
| background-image: url(../img/sisu.png); |
| background-repeat: no-repeat; |
| background-size: 84px 30px; |
| width: 84px; height: 30px; |
| } |
| .navbar a.brand { |
| opacity: .2; |
| -webkit-transition: opacity .2s linear; |
| -moz-transition: opacity .2s linear; |
| transition: opacity .2s linear; |
| } |
| .navbar a.brand:hover { |
| opacity: 1; |
| } |
| |