75 lines
1.3 KiB
CSS
75 lines
1.3 KiB
CSS
/**
|
|
* Layouts
|
|
*
|
|
*/
|
|
/** COMMONS */
|
|
#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;
|
|
*/
|
|
|
|
}
|
|
body.layout-intro #main {
|
|
height: 97%;
|
|
}
|
|
body.layout-intro #perfnode {
|
|
height: 0%;
|
|
}
|
|
body.layout-intro #filters {
|
|
height: 0%;
|
|
}
|
|
body.layout-intro #timeline {
|
|
height: 65%;
|
|
}
|
|
body.layout-intro #timeline #timeline-container {
|
|
height: 98%;
|
|
}
|
|
body.layout-intro #timeline-loader {
|
|
display: block;
|
|
}
|
|
body.layout-timeline #main {
|
|
height: 97%;
|
|
}
|
|
body.layout-timeline #perfnode {
|
|
height: 0%;
|
|
}
|
|
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 {
|
|
height: 97%;
|
|
}
|
|
body.layout-perfnode #perfnode {
|
|
height: 85%;
|
|
}
|
|
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;
|
|
}
|