127 lines
2.4 KiB
CSS
127 lines
2.4 KiB
CSS
/**
|
|
* Layouts
|
|
*
|
|
*/
|
|
/** COMMONS */
|
|
#content,
|
|
#center .page-title,
|
|
#perfnode,
|
|
#filters,
|
|
#timeline,
|
|
#timeline-container {
|
|
-webkit-transition: height 1s ease-out;
|
|
-moz-transition: height 1s ease-out;
|
|
-o-transition: height 1s ease-out;
|
|
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 #perfnode {
|
|
height: 0%!important;
|
|
}
|
|
body.layout-intro #filters {
|
|
height: 0%;
|
|
}
|
|
body.layout-intro #timeline {
|
|
height: 65%;
|
|
}
|
|
body.layout-intro #timeline #timeline-container {
|
|
height: 0%;
|
|
}
|
|
body.layout-intro #timeline-loader {
|
|
display: block;
|
|
margin: 0 auto 5px;
|
|
}
|
|
body.layout-timeline #main #content,
|
|
body.layout-timeline #main #center .page-title {
|
|
height: 0%;
|
|
}
|
|
body.layout-timeline #perfnode {
|
|
height: 0%!important;
|
|
}
|
|
body.layout-timeline #filters {
|
|
height: 30%;
|
|
}
|
|
body.layout-timeline #timeline {
|
|
height: 65%;
|
|
}
|
|
body.layout-timeline #timeline #timeline-container {
|
|
height: 98%;
|
|
}
|
|
body.layout-timeline #timeline-loader {
|
|
display: none;
|
|
}
|
|
body.layout-perfnode #main #content,
|
|
body.layout-perfnode #main #center .page-title {
|
|
height: 0%;
|
|
}
|
|
body.layout-perfnode #perfnode {
|
|
height: 85%!important;
|
|
}
|
|
body.layout-perfnode #filters {
|
|
height: 0%;
|
|
}
|
|
body.layout-perfnode #timeline {
|
|
height: 3%;
|
|
}
|
|
body.layout-perfnode #timeline #timeline-container {
|
|
height: 0%;
|
|
}
|
|
body.layout-perfnode #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;
|
|
}
|
|
#container > .inner {
|
|
padding: 0!important;
|
|
width: 100%!important;
|
|
height: 100vh!important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
#container > .inner #header {
|
|
height: 3vh;
|
|
flex: 0 0 auto;
|
|
height: auto;
|
|
padding: 0.5em;
|
|
box-sizing: border-box;
|
|
}
|
|
#container > .inner #main {
|
|
flex: 0 0 auto;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
height: 96vh;
|
|
box-sizing: border-box;
|
|
}
|
|
#container > .inner #main #center {
|
|
display: block;
|
|
height: auto;
|
|
}
|
|
}
|