123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- /**
- * Layouts
- *
- */
- @import "elements";
- #content, #center .page-title, #perfnode, #filters, #timeline, #timeline-container{
- .transition(height, 1s, ease-out);
- /*-webkit-transition: height, 5s, ease-out;
- -moz-transition: height, 5s, ease-out;
- -o-transition: height, 5s, ease-out;
- transition: height, 5s, ease-out;
- */
- }
- #main{ height:97%; }
- body.layout-intro{
- // #main{ height:97%; }
-
- #perfnode{ height:0%!important; }
-
- #filters{ height:0%; }
-
- #timeline{ height:65%;
- #timeline-container{ height:0%; }
- }
-
- #timeline-loader{ display:block; margin:0 auto 5px;}
- }
- body.layout-timeline{
- #main{
- // height:97%;
- #content, #center .page-title{height:0%;}
- }
-
- #perfnode{ height:0%!important; }
-
- #filters{ height:30%; }
-
- #timeline{ height:65%;
- #timeline-container{ height:98%; }
- }
-
- #timeline-loader{ display:none; }
- }
- body.layout-perfnode{
- #main{
- // height:97%;
- #content, #center .page-title{height:0%;}
- }
-
- #perfnode{ height:85%!important; }
-
- #filters{ height:0%; }
-
- #timeline{ height:3%;
- #timeline-container{ height:0%; }
- }
-
- #timeline-loader{ display:none; }
- }
- body>img{display: none;}
- @media (min-width:800px) {
- body.front {
- #container{
- &>.inner{
- #main{
- overflow-x: hidden;
- overflow-y: auto;
- height: 96vh;
- box-sizing: border-box;
- }
- }
- }
- }
- }
- @media (max-width:799px) {
- body{
- overflow: hidden!important;
- }
- #container{
- margin: 0!important;
- width: 100vw!important;
- height: 100vh!important;
- overflow: hidden;
- &>.inner{
- padding:0!important;
- width:100%!important;
- height: 100vh!important;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- #header{
- height: 3vh;
- flex: 0 0 auto;
- height: auto;
- padding:0.5em;
- box-sizing: border-box;
- }
- #main{
- flex: 0 0 auto;
- overflow-x: hidden;
- overflow-y: auto;
- height: 96vh;
- box-sizing: border-box;
- padding-bottom: 3em;
- #center{
- display: block;
- height: auto;
- }
- }
- }
- }
- }
|