|
@@ -37,6 +37,7 @@ html,body{
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
margin-top: -5px;
|
|
margin-top: -5px;
|
|
font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
|
|
font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
|
|
|
|
+ cursor: pointer;
|
|
}
|
|
}
|
|
.close-button:hover{
|
|
.close-button:hover{
|
|
color: red;
|
|
color: red;
|
|
@@ -62,12 +63,26 @@ html,body{
|
|
display: table-cell;
|
|
display: table-cell;
|
|
text-align: right;
|
|
text-align: right;
|
|
}
|
|
}
|
|
-#content{
|
|
|
|
|
|
+#content,#console-log{
|
|
width: 100%;
|
|
width: 100%;
|
|
height: calc(100% - 61px);
|
|
height: calc(100% - 61px);
|
|
top: 41px;
|
|
top: 41px;
|
|
left: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
+#console-log{
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+#console-log-pre{
|
|
|
|
+ height: 100%;
|
|
|
|
+ margin: 0;
|
|
|
|
+ padding: 2px;
|
|
|
|
+}
|
|
|
|
+#console-log-controls{
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 22px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
#settings,#users{
|
|
#settings,#users{
|
|
bottom: 0;
|
|
bottom: 0;
|
|
height: 18px;
|
|
height: 18px;
|
|
@@ -80,6 +95,12 @@ html,body{
|
|
#settings span,#users span{
|
|
#settings span,#users span{
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
+#settings.open span,#users.open.span{
|
|
|
|
+ cursor: default;
|
|
|
|
+}
|
|
|
|
+#settings.open span.close-button,#users.open span.close-button{
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
#users{
|
|
#users{
|
|
right: 0;
|
|
right: 0;
|
|
width: 36px;
|
|
width: 36px;
|
|
@@ -138,13 +159,13 @@ html,body{
|
|
#send.clicked{
|
|
#send.clicked{
|
|
background-color: red;
|
|
background-color: red;
|
|
}
|
|
}
|
|
-#content,#head,#users,#entry,#input,#send,#settings{
|
|
|
|
|
|
+#console-log,#content,#head,#users,#entry,#input,#send,#settings{
|
|
border-color: black;
|
|
border-color: black;
|
|
border-width: 1px;
|
|
border-width: 1px;
|
|
position: absolute;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
-#content{
|
|
|
|
|
|
+#console-log,#content{
|
|
overflow-y: scroll;
|
|
overflow-y: scroll;
|
|
}
|
|
}
|
|
#users,#input,#send,#settings{
|
|
#users,#input,#send,#settings{
|