-/* ---- APP STYLING ---- */
+/* APP STYLING -------------------------------------------------------------- */
+
#app {
height: 100%;
-moz-box-sizing: border-box; box-sizing: border-box;
}
+
+
+
+
+/* APP-NAVIGATION ------------------------------------------------------------*/
+
+
/* Navigation: folder like structure */
#app-navigation {
width: 230px;
background-color: #f8f8f8;
border-right: 1px solid #ccc;
padding-bottom: 44px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
#app-navigation > ul {
position: relative;
+
+
+/* APP-CONTENT ---------------------------------------------------------------*/
+
+
/* Part where the content will be loaded into */
#app-content {
position: relative;
background: #eee;
border-bottom: 1px solid #e7e7e7;
z-index: 50;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
#controls .button,
#controls button,
display: none;
}
-#content { position:relative; height:100%; width:100%; }
+#content {
+ position: relative;
+ height: 100%;
+ width: 100%;
+}
#content .hascontrols {
position: relative;
top: 45px;
}
#content-wrapper {
- position:absolute; height:100%; width:100%; padding-left:80px; padding-top: 45px;
- -moz-box-sizing:border-box; box-sizing:border-box;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ padding-top: 45px;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
}
#emptycontent {