|
@@ -7,11 +7,6 @@ html,body{
|
|
}
|
|
}
|
|
.unselectable{
|
|
.unselectable{
|
|
cursor: default;
|
|
cursor: default;
|
|
- display: block;
|
|
|
|
- margin: auto;
|
|
|
|
- margin-bottom: 1em;
|
|
|
|
- vertical-align: middle;
|
|
|
|
- text-align: center;
|
|
|
|
}
|
|
}
|
|
.fill{
|
|
.fill{
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -42,9 +37,6 @@ 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;
|
|
- line-height: 17px;
|
|
|
|
- margin-top: 0;
|
|
|
|
- display: block;
|
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.close-button:hover{
|
|
.close-button:hover{
|
|
@@ -59,9 +51,6 @@ html,body{
|
|
background-color: white;
|
|
background-color: white;
|
|
transition: height 0.3s;
|
|
transition: height 0.3s;
|
|
z-index: 10;
|
|
z-index: 10;
|
|
- font-size: 10px;
|
|
|
|
- font-family:verdana,sans-serif;
|
|
|
|
- background-color: #DFEFFF;
|
|
|
|
}
|
|
}
|
|
#info{
|
|
#info{
|
|
display: table;
|
|
display: table;
|
|
@@ -79,27 +68,8 @@ html,body{
|
|
height: calc(100% - 61px);
|
|
height: calc(100% - 61px);
|
|
top: 41px;
|
|
top: 41px;
|
|
left: 0;
|
|
left: 0;
|
|
- font-size: 10px;
|
|
|
|
- font-family:verdana,sans-serif;
|
|
|
|
- line-height:13px;
|
|
|
|
- background-color: #DFEFFF;
|
|
|
|
}
|
|
}
|
|
-#content-list li:nth-child(even) {
|
|
|
|
- background-color: #cae4ff;
|
|
|
|
-}
|
|
|
|
-#content-list a, #content-list a:hover, #content-list a:active , #content-list a:active, #content-list a:link {
|
|
|
|
- color:blue;
|
|
|
|
- text-decoration: none;
|
|
|
|
- border-bottom: 1px solid rgba(0, 0, 255, 0.3);
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-#content-list a:hover {
|
|
|
|
- text-decoration: none;
|
|
|
|
- text-shadow: 0 0 4px rgba(0, 40, 170, 0.5);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
#console-log{
|
|
#console-log{
|
|
- font-size: 14px;
|
|
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
#console-log-pre{
|
|
#console-log-pre{
|
|
@@ -113,12 +83,9 @@ html,body{
|
|
width: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
-
|
|
|
|
#settings,#users{
|
|
#settings,#users{
|
|
- font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
|
|
|
|
- font-size: 12px;
|
|
|
|
bottom: 0;
|
|
bottom: 0;
|
|
- height: 19px;
|
|
+ height: 18px;
|
|
background-color: white;
|
|
background-color: white;
|
|
border-left-style: solid;
|
|
border-left-style: solid;
|
|
border-top-style: solid;
|
|
border-top-style: solid;
|
|
@@ -138,15 +105,11 @@ html,body{
|
|
right: 0;
|
|
right: 0;
|
|
width: 36px;
|
|
width: 36px;
|
|
z-index: 1;
|
|
z-index: 1;
|
|
- background-color: #cae4ff;
|
|
|
|
}
|
|
}
|
|
#settings{
|
|
#settings{
|
|
- width: 50px;
|
|
+ width: 52px;
|
|
- border-top-color: rgba(102, 153, 255, 0.6);
|
|
|
|
border-right-style: solid;
|
|
border-right-style: solid;
|
|
right: 36px;
|
|
right: 36px;
|
|
- background-color: #cae4ff;
|
|
|
|
-
|
|
|
|
}
|
|
}
|
|
#settings.hovered,#users.hovered{
|
|
#settings.hovered,#users.hovered{
|
|
height: 21px;
|
|
height: 21px;
|
|
@@ -160,63 +123,44 @@ html,body{
|
|
#settings.open{
|
|
#settings.open{
|
|
width: 300px;
|
|
width: 300px;
|
|
}
|
|
}
|
|
-
|
|
|
|
-#settings input, #settings select {
|
|
|
|
- background-color: #DFEFFF;
|
|
|
|
- border-radius: 2px;
|
|
|
|
- border: solid 1px rgba(102, 153, 255, 0.9);
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
#entry{
|
|
#entry{
|
|
width: 100%;
|
|
width: 100%;
|
|
border-top-style: solid;
|
|
border-top-style: solid;
|
|
- height: 19px;
|
|
+ height: 18px;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
-
|
|
|
|
}
|
|
}
|
|
#input{
|
|
#input{
|
|
width: calc(100% - 126px);
|
|
width: calc(100% - 126px);
|
|
- height: 17px;
|
|
+ height: 16px;
|
|
margin: 0;
|
|
margin: 0;
|
|
padding: 1px;
|
|
padding: 1px;
|
|
border-style: none;
|
|
border-style: none;
|
|
|
|
+ background-color: grey;
|
|
clear: none;
|
|
clear: none;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
left: 0;
|
|
- background-color: #cae4ff;
|
|
|
|
}
|
|
}
|
|
#send{
|
|
#send{
|
|
-
|
|
|
|
clear: none;
|
|
clear: none;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
right: 88px;
|
|
right: 88px;
|
|
- width: 48px;
|
|
+ width: 36px;
|
|
padding: 0;
|
|
padding: 0;
|
|
- padding-bottom: 4px;
|
|
|
|
margin: 0;
|
|
margin: 0;
|
|
- height: 19px;
|
|
+ height: 18px;
|
|
border-style: none;
|
|
border-style: none;
|
|
- border-left: 1px solid;
|
|
+ border-left-style: solid;
|
|
- background-color: #cae4ff;
|
|
+ background-color: white;
|
|
transition: background-color 0.2s;
|
|
transition: background-color 0.2s;
|
|
- font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
|
|
|
|
- font-size: 12px;
|
|
|
|
- vertical-align: top;
|
|
|
|
- text-align: center;
|
|
|
|
}
|
|
}
|
|
#send:hover{
|
|
#send:hover{
|
|
- background-color: #DFEFFF;
|
|
+ background-color: grey;
|
|
}
|
|
}
|
|
#send.clicked{
|
|
#send.clicked{
|
|
- background-color: rgba(102, 153, 255, 0.9);
|
|
+ background-color: red;
|
|
-}
|
|
|
|
-#popup-title, #send {
|
|
|
|
- font-variant: small-caps;
|
|
|
|
}
|
|
}
|
|
-
|
|
|
|
#console-log,#content,#head,#users,#entry,#input,#send,#settings{
|
|
#console-log,#content,#head,#users,#entry,#input,#send,#settings{
|
|
- border-color: rgba(102, 153, 255, 0.6);
|
|
+ border-color: black;
|
|
- border-top-color: rgba(102, 153, 255, 0.9);
|
|
|
|
border-width: 1px;
|
|
border-width: 1px;
|
|
position: absolute;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
@@ -248,14 +192,7 @@ html,body{
|
|
line-height: 4px;
|
|
line-height: 4px;
|
|
}
|
|
}
|
|
#user-list{
|
|
#user-list{
|
|
- font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
|
|
+ padding-left: 5px;
|
|
- font-size: 15px;
|
|
|
|
-}
|
|
|
|
-#user-list li:nth-child(even){
|
|
|
|
- background-color: #DFEFFF;
|
|
|
|
- border: solid 1px #6699ff;
|
|
|
|
- border-left: 0px;
|
|
|
|
- border-right: 0px;
|
|
|
|
}
|
|
}
|
|
#tabs-list{
|
|
#tabs-list{
|
|
width: calc(100% - 42px);
|
|
width: calc(100% - 42px);
|
|
@@ -267,16 +204,14 @@ html,body{
|
|
}
|
|
}
|
|
#tabs-list div.tab{
|
|
#tabs-list div.tab{
|
|
float: left;
|
|
float: left;
|
|
|
|
+ min-width: 100px;
|
|
max-width: 200px;
|
|
max-width: 200px;
|
|
|
|
+ height: 19px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
position: relative;
|
|
position: relative;
|
|
- height: 18px;
|
|
|
|
- margin-bottom: -1px;
|
|
|
|
}
|
|
}
|
|
#tabs-list div.tab.clicked{
|
|
#tabs-list div.tab.clicked{
|
|
- background-color: #cae4ff;
|
|
+ background-color: lightgrey;
|
|
- border: solid 1px #6699ff;
|
|
|
|
- border-bottom-width: 0px;
|
|
|
|
}
|
|
}
|
|
#tabs-scroll-left{
|
|
#tabs-scroll-left{
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -293,38 +228,24 @@ html,body{
|
|
width: 20px;
|
|
width: 20px;
|
|
}
|
|
}
|
|
#tabs-list div.tab, #tabs-scroll-right,#tabs-scroll-left{
|
|
#tabs-list div.tab, #tabs-scroll-right,#tabs-scroll-left{
|
|
|
|
+ border-style: solid;
|
|
border-top-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
- border: 1px solid rgba(102, 153, 255, 0.3);
|
|
+ border-color: black;
|
|
- border-top-color: rgba(102, 153, 255, 0.6);
|
|
+ border-top-style: solid;
|
|
|
|
+ border-right-style: solid;
|
|
|
|
+ border-left-style: solid;
|
|
|
|
+ border-bottom-style: none;
|
|
border-width: 1px;
|
|
border-width: 1px;
|
|
- border-bottom-width: 0px;
|
|
|
|
padding: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin: 0;
|
|
background-color: white;
|
|
background-color: white;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
clear: none;
|
|
clear: none;
|
|
-
|
|
|
|
- display: block;
|
|
|
|
- -webkit-box-align: center;
|
|
|
|
- -moz-box-align: center;
|
|
|
|
- box-align: center;
|
|
|
|
- text-align: center;
|
|
|
|
- vertical-align: center;
|
|
|
|
- line-height: 16px;
|
|
|
|
- background-color: #DFEFFF;
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#tabs-list div.tab{
|
|
|
|
- padding-right: 15px;
|
|
|
|
}
|
|
}
|
|
#tabs-list div.tab:hover, #tabs-scroll-right:hover,#tabs-scroll-left:hover{
|
|
#tabs-list div.tab:hover, #tabs-scroll-right:hover,#tabs-scroll-left:hover{
|
|
- background-color: #cae4ff;
|
|
+ background-color: grey;
|
|
}
|
|
}
|
|
#tabs-scroll-left.disabled, #tabs-scroll-right.disabled{
|
|
#tabs-scroll-left.disabled, #tabs-scroll-right.disabled{
|
|
- background-color: #cae4ff;
|
|
+ background-color: lightgrey;
|
|
- border: solid 1px #6699ff;
|
|
|
|
- border-bottom-width: 0px;
|
|
|
|
-
|
|
|
|
}
|
|
}
|