then image can be defined in css
+#NoMeshesPanel {
+ background: url(../images/info.png) no-repeat 23px 20px;
+ height: 48px;
+ width: 47px;
+ width: 100%;
+ border: none;
+ margin: auto;
+ padding: 20px;
+}
+ #NoMeshesPanel p {
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: 60px;
+ } */
+
+#NoMeshesPanel a {
+ cursor: pointer;
+}
+
+#NoMeshesPanel table {
+ width: 100%;
+ padding: 20px;
+}
+
+NoMeshesPanel img {
+ height: 48px;
+ width: 47px;
+}
+
+#xdevices {
+ max-height: calc(100vh - 242px);
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+}
+
+#xdevicesmap {
+ height: calc(100vh - 239px);
+ width: 100%;
+ overflow: hidden;
+ position: relative;
+}
+
+#xmapSearchResultsDlg {
+ position: absolute;
+ max-height: 280px;
+ left: 5px;
+ top: 5px;
+ max-width: 250px;
+ z-index: 1000;
+ background-color: #EEE;
+ box-shadow: 0px 0px 15px #666;
+}
+
+#xmapSearchResultsBck {
+ width: 100%;
+ background-color: #003366;
+ color: #FFF;
+ border-radius: 5px 5px 0 0;
+}
+
+#xmapSearchClose {
+ float: right;
+ padding: 5px;
+ cursor: pointer;
+}
+
+.xmapItem {
+ overflow-y: auto;
+ width: 100%;
+ max-height: 240px;
+}
+
+.xmapItemSel1 {
+ cursor: pointer;
+ padding: 5px;
+ background-color: #F5F5F5;
+}
+
+.xmapItemSel1 {
+ cursor: pointer;
+ padding: 5px;
+ background-color: #EBEBEB;
+}
+
+#xmap-info-window {
+ text-shadow: 0px 0px 15px #FFF;
+}
+
+#p2 a, #p6 a, #p10 a {
+ cursor: pointer;
+}
+
+#p2AccountImage {
+ width: 128px;
+ height: 128px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ float: right;
+}
+
+.p2AccountActions {
+ width: 15px;
+ display: inline-block;
+}
+
+ .p2AccountActions span {
+ color: green;
+ font-size: 10px;
+ }
+
+#p2AccountActions .mL {
+ margin-left: 40px;
+}
+
+#p2ServerActions .mL {
+ margin-left: 40px;
+}
+
+.newMeshBtn {
+ background: url(../images/icon-addnew.png) no-repeat 0px 0px;
+ height: 12px;
+ width: 12px;
+ cursor: pointer;
+ border: none;
+ padding-left: 15px;
+}
+
+#p2noMeshFound, #serverStats {
+ margin-left: 40px;
+}
+
+#p2ServerActionsBackup, #p2ServerActionsRestore, #p2ServerActionsVersion, #p2ServerActionsErrors {
+ margin-left: 0px;
+}
+
+.pTable {
+ width: 100%;
+ height: 24px;
+ background-color: #d3d9d6;
+ margin-bottom: 4px;
+ vertical-align: middle;
+ border-spacing: 0;
+}
+
+#p3users {
+ max-height: calc(100vh - 243px);
+ overflow-y: auto;
+}
+
+.p3usersTable {
+ width: 100%;
+ border-spacing: 0;
+ padding: 0;
+}
+
+ .p3usersTable th {
+ color: gray;
+ }
+
+#p3events {
+ height: calc(100vh - 245px);
+ overflow-y: scroll;
+}
+
+.p3eventsTable {
+ width: 100%;
+ border-spacing: 0;
+ padding: 0;
+}
+
+.p3eventsTable {
+ width: 100%;
+ border-spacing: 0;
+ padding: 0;
+}
+
+#p4name, #p4email, #p4pass1, #p4pass2 {
+ width: 230px;
+}
+
+#p5toolbar {
+ width: 100%;
+}
+
+#p5filehead {
+ width: 100%;
+ background-color: #d3d9d6;
+ text-align: left;
+ padding: 4px;
+}
+
+#p5filesubhead {
+ background-color: #E4E9E7;
+ height: 28px;
+}
+
+#p5rightOfButtons {
+ float: right;
+ margin-top: 3px;
+}
+
+#p5filetable {
+ width: 100%;
+ height: calc(100vh - 295px);
+ overflow: auto;
+ -webkit-user-select: none;
+ position: relative;
+}
+
+#p5PublicShare {
+ display: none;
+ width: 100%;
+ overflow: auto;
+ -webkit-user-select: none;
+ background-color: lightsteelblue;
+}
+
+ #p5PublicShare div {
+ padding: 4px;
+ }
+
+#bigok {
+ width: 256px;
+ overflow: hidden;
+ position: absolute;
+ left: 337px;
+ top: 20px;
+ text-align: center;
+ font-size: 1600%;
+ color: #AAAAAA;
+}
+
+#bigfail {
+ width: 256px;
+ overflow: hidden;
+ position: absolute;
+ left: 337px;
+ top: 20px;
+ text-align: center;
+ font-size: 1600%;
+ color: #AAAAAA;
+}
+
+.chartViewCanvas {
+ width: 80px;
+ display: inline-block;
+}
+
+.chartViewText {
+ width: 160px;
+ display: inline-block;
+}
+
+#serverCpuChart, #serverMemoryChart {
+ width: 60px;
+ height: 60px;
+}
+
+#serverMainStats {
+ height: calc(100vh - 251px);
+ max-height: calc(100vh - 251px);
+ width: 100%;
+}
+
+#p10BackButton, #p11BackButton {
+ float: left;
+}
+
+#p10html2 table {
+ color: black;
+ background-color: #EEE;
+ border-color: #AAA;
+ border-width: 1px;
+ border-style: solid;
+ border-collapse: collapse;
+ width: 100%;
+}
+
+#p10html2 thead {
+ background-color: #AAA;
+ font-weight: bold;
+}
+
+ #p10html2 thead tr {
+ background-color: #AAA;
+ font-weight: bold;
+ }
+
+ #p10html2 thead img {
+ float: right;
+ cursor: pointer;
+ padding: 3px;
+ }
+
+#p10html2 .altBack {
+ background-color: #DDD;
+}
+
+.pwState {
+ display: table-cell;
+ height: 16px;
+}
+
+.pwsYellow {
+ background-color: yellow;
+}
+
+.pwsTransparent {
+ background-color: #00000000;
+}
+
+.pwsBlack {
+ background-color: black;
+}
+
+.pwsBlue {
+ background-color: blue;
+}
+
+.pwsBlue2 {
+ background-color: blue;
+}
+
+.pwsLightblue {
+ background-color: lightblue;
+}
+
+.pwsBlueviolet {
+ background-color: blueviolet;
+}
+
+.pwsDarkgreen {
+ background-color: darkgreen;
+}
+
+.pwsLightseagreen {
+ background-color: lightseagreen;
+}
+
+.pwsLightseagreen2 {
+ background-color: lightseagreen;
+}
+
+.p10html3right {
+ float: right;
+ font-size: x-small;
+}
+
+.p10html3left {
+ font-size: x-small;
+}
+
+#dp10devicevalue {
+ width: 230px;
+}
+
+.fulldesk #p11 {
+ height: 100%;
+}
+
+#MainComputerImage {
+ border-width: 0px;
+ height: 200px;
+ width: 200px;
+}
+
+#MainComputerState {
+ font-size: 12px;
+ font-weight: bold;
+ width: 100%;
+ text-align: center;
+}
+
+#d2groupop {
+ float: right;
+ width: 250px;
+}
+
+#p12warning, #p12warning2, #p11warning, #p11warning2 {
+ max-width: 100%;
+ display: none;
+ cursor: pointer;
+ margin-bottom: 5px;
+}
+
+#MainMeshImage {
+ border-width: 0px;
+ height: 200px;
+ width: 200px;
+ float: right;
+}
+
+#DeskTools {
+ position: absolute;
+ width: 400px;
+ height: 100%;
+ background-color: gray;
+ top: 0;
+ right: 0;
+ border-left: 2px solid lightgray;
+}
+
+#DeskToolsRefreshButton {
+ float: right;
+ padding: 3px;
+ cursor: pointer;
+}
+
a {
color: #036;
text-decoration: underline;
+ cursor: pointer;
+}
+
+.night a {
+ color: #369;
}
.i1 {
@@ -419,108 +1188,180 @@ a {
}
.lbbutton {
- width:74px;
- height:74px;
- border-radius:5px;
- background-color:white;
- margin-left:8px;
- margin-top:8px;
- position:relative;
- cursor:pointer;
- opacity:0.5;
+ width: 74px;
+ height: 74px;
+ border-radius: 5px;
+ background-color: white;
+ margin-left: 8px;
+ margin-top: 8px;
+ position: relative;
+ cursor: pointer;
+ opacity: 0.5;
}
-.lbbutton:hover {
- opacity:1;
-}
+ .night .lbbutton {
+ background-color: black;
+ }
+
+ .lbbutton:hover {
+ opacity: 1;
+ }
.lbbuttonsel {
- opacity:0.9;
+ opacity: 0.9;
}
.lbbuttonsel2 {
- width:82px;
- border-radius:5px 0px 0px 5px;
- opacity:1;
+ width: 82px;
+ border-radius: 5px 0px 0px 5px;
+ opacity: 1;
}
.lb1 {
- background: url(../images/leftbar-62.jpg) -0px 0px;
+ background: url(../images/leftbar-64.png) -1px -2px;
height: 62px;
width: 62px;
cursor: pointer;
border: none;
- position:absolute;
+ position: absolute;
top: 6px;
- left: 6px
+ left: 6px;
}
.lb2 {
- background: url(../images/leftbar-62.jpg) -75px 0px;
+ background: url(../images/leftbar-64.png) -66px -2px;
height: 62px;
width: 62px;
cursor: pointer;
border: none;
- position:absolute;
+ position: absolute;
top: 6px;
- left: 6px
+ left: 6px;
}
.lb3 {
- background: url(../images/leftbar-62.jpg) -150px 0px;
+ background: url(../images/leftbar-64.png) -130px -2px;
height: 62px;
width: 62px;
cursor: pointer;
border: none;
- position:absolute;
+ position: absolute;
top: 6px;
- left: 6px
+ left: 6px;
}
.lb4 {
- background: url(../images/leftbar-62.jpg) -225px 0px;
+ background: url(../images/leftbar-64.png) -194px -2px;
height: 62px;
width: 62px;
cursor: pointer;
border: none;
- position:absolute;
+ position: absolute;
top: 6px;
- left: 6px
+ left: 6px;
}
.lb5 {
- background: url(../images/leftbar-62.jpg) -294px 0px;
+ background: url(../images/leftbar-64.png) -257px -2px;
height: 62px;
width: 62px;
cursor: pointer;
border: none;
- position:absolute;
+ position: absolute;
top: 6px;
- left: 6px
+ left: 6px;
}
.lb6 {
- background: url(../images/leftbar-62.jpg) -360px 0px;
+ background: url(../images/leftbar-64.png) -318px -2px;
height: 62px;
width: 62px;
cursor: pointer;
border: none;
- position:absolute;
+ position: absolute;
top: 6px;
- left: 6px
+ left: 6px;
}
-.m0 { background : url(../images/images16.png) -32px 0px; height : 16px; width : 16px; border:none; float:left }
-.m1 { background : url(../images/images16.png) -16px 0px; height : 16px; width : 16px; border:none; float:left }
-.m2 { background : url(../images/images16.png) -96px 0px; height : 16px; width : 16px; border:none; float:left }
-.m3 { background : url(../images/images16.png) -112px 0px; height : 16px; width : 16px; border:none; float:left }
-.si0 { background : url(../images/icons16.png) 0px 0px; height : 16px; width : 16px; border:none; float:left }
-.si1 { background : url(../images/icons16.png) -16px 0px; height : 16px; width : 16px; border:none; float:left }
-.si2 { background : url(../images/icons16.png) -32px 0px; height : 16px; width : 16px; border:none; float:left }
-.si3 { background : url(../images/icons16.png) -48px 0px; height : 16px; width : 16px; border:none; float:left }
-.si4 { background : url(../images/icons16.png) -64px 0px; height : 16px; width : 16px; border:none; float:left }
+.m0 {
+ background: url(../images/images16.png) -32px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
-.mi { background : url(../images/meshicon50.png) 0px 0px; height: 50px; width: 50px; cursor:pointer; border:none }
+.m1 {
+ background: url(../images/images16.png) -16px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.m2 {
+ background: url(../images/images16.png) -96px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.m3 {
+ background: url(../images/images16.png) -112px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.si0 {
+ background: url(../images/icons16.png) 0px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.si1 {
+ background: url(../images/icons16.png) -16px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.si2 {
+ background: url(../images/icons16.png) -32px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.si3 {
+ background: url(../images/icons16.png) -48px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.si4 {
+ background: url(../images/icons16.png) -64px 0px;
+ height: 16px;
+ width: 16px;
+ border: none;
+ float: left;
+}
+
+.mi {
+ background: url(../images/meshicon50.png) 0px 0px;
+ height: 50px;
+ width: 50px;
+ cursor: pointer;
+ border: none;
+}
#floatframe {
position: fixed;
@@ -558,6 +1399,14 @@ a {
background-color: #606060;
}
+ .style3x.fullselect {
+ background-color: #003366;
+ }
+
+ .style3x.semiselect {
+ background-color: #606060;
+ }
+
.style3sel {
text-align: center;
color: white;
@@ -565,6 +1414,7 @@ a {
font-weight: bold;
}
+
.style4 {
color: white;
text-decoration: none;
@@ -577,34 +1427,68 @@ a {
}
.style6 {
- text-align: center;
+ text-align: left;
background-color: #D3D9D6;
+ padding: 3px;
}
.style7 {
font-size: large;
- background-color: #FFFFFF;
+ width: 180px;
+}
+
+.style9 {
+ max-width: 400px;
+ overflow: hidden;
}
.style10 {
background-color: #C9C9C9;
}
+.night .style10 {
+ color: #333;
+}
+
.style11 {
font-size: large;
background-color: #C9C9C9;
}
.style14 {
+ height: 100%;
text-align: left;
background-color: #D3D9D6;
}
.auto-style1 {
text-align: right;
- background-color: #D3D9D6;
}
+#pTable .auto-style1 {
+ height: 100%;
+ float: right;
+}
+
+.night .auto-style1 {
+ color: black;
+}
+
+.night #pTable {
+ color: black;
+}
+
+.icon2 {
+ float: left;
+ margin: 7px;
+}
+
+.warningbox {
+ width: auto;
+ border-radius: 8px;
+ padding: 8px;
+ background-color: lightsalmon;
+}
.fileIcon1 {
background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAPb49Y2Sj9LT2f///yH5BAEAAAMALAAAAAAQABAAAAImnI+py+1vhJwyUYAzHTL4D3qdlJWaIFJqmKod607sDKIiDUP63hQAOw==);
@@ -653,7 +1537,6 @@ a {
-o-user-select: none;
cursor: default;
-khtml-user-drag: element;
- background-color: white;
clear: both;
}
@@ -680,14 +1563,31 @@ a {
/* fallback (Opera) */
/* Mozilla: */
/* Chrome, Safari:*/
- background-image: linear-gradient(to right, #ffffff 0%, #c9c9c9 100%);
+ background-image: linear-gradient(to right, #fff 0%, #c9c9c9 100%);
background-color: #c9c9c9;
background-repeat: repeat;
background-attachment: scroll;
}
+.night .g1 {
+ background-image: linear-gradient(to right, #000 0%, #c9c9c9 100%);
+}
+
+#p3events .g1 {
+ float: none;
+}
+
+#p3users .g1 {
+ height: 24px;
+ float: left;
+}
+
.g1s {
- background-image: linear-gradient(to right, #ffffff 0%, #b9b9b9 100%);
+ background-image: linear-gradient(to right, #fff 0%, #b9b9b9 100%);
+}
+
+.night .g1s {
+ background-image: linear-gradient(to right, #000 0%, #b9b9b9 100%);
}
.g2 {
@@ -698,42 +1598,82 @@ a {
/* fallback (Opera) */
/* Mozilla: */
/* Chrome, Safari:*/
- background-image: linear-gradient(to right, #c9c9c9 0%, #ffffff 100%);
+ background-image: linear-gradient(to right, #c9c9c9 0%, #fff 100%);
background-color: #c9c9c9;
background-repeat: repeat;
background-attachment: scroll;
}
+.night .g2 {
+ background-image: linear-gradient(to right, #c9c9c9 0%, #000 100%);
+}
+
+#p3events .g2 {
+ float: none;
+}
+
+#p3users .g2 {
+ height: 24px;
+ float: right;
+}
+
.g2s {
- background-image: linear-gradient(to right, #b9b9b9 0%, #ffffff 100%);
+ background-image: linear-gradient(to right, #b9b9b9 0%, #fff 100%);
+}
+
+.night .g2s {
+ background-image: linear-gradient(to right, #b9b9b9 0%, #000 100%);
+}
+
+.h1pre {
+ width: 16px;
+ height: 100%;
+ float: left;
+ font-size: large;
+ background-color: #FFFFFF;
}
.h1 {
background-position: 0% 0%;
width: 14px;
- height: 100%;
+ height: 24px;
/* fallback (Opera) */
/* Mozilla: */
/* Chrome, Safari:*/
- background-image: linear-gradient(to right, #ffffff 0%, #d3d9d6 100%);
+ background-image: linear-gradient(to right, #fff 0%, #d3d9d6 100%);
background-color: #d3d9d6;
background-repeat: repeat;
background-attachment: scroll;
}
+.night .h1 {
+ background-image: linear-gradient(to right, #000 0%, #d3d9d6 100%);
+}
+
+.h2end {
+ height: 100%;
+ width: 20px;
+ float: right;
+ background-color: #ffffff;
+}
+
.h2 {
background-position: 0% 0%;
width: 14px;
- height: 100%;
+ height: 24px;
/* fallback (Opera) */
/* Mozilla: */
/* Chrome, Safari:*/
- background-image: linear-gradient(to right, #d3d9d6 0%, #ffffff 100%);
+ background-image: linear-gradient(to right, #d3d9d6 0%, #fff 100%);
background-color: #d3d9d6;
background-repeat: repeat;
background-attachment: scroll;
}
+.night .h2 {
+ background-image: linear-gradient(to right, #d3d9d6 0%, #000 100%);
+}
+
.e1 {
font-size: large;
margin-top: 4px;
@@ -750,6 +1690,10 @@ a {
background-color: #c9c9c9;
}
+.night .e2 {
+ color: black;
+}
+
.e2s {
background-color: #b9b9b9;
}
@@ -762,6 +1706,34 @@ a {
margin-bottom: 2px;
}
+.night .bar {
+ color: black;
+}
+
+
+#p3users .bar {
+ width: 100%;
+ font-size: medium;
+}
+
+.baricon {
+ float: left;
+ height: 24px;
+ width: 24px;
+ background-color: white;
+}
+
+ .night .baricon {
+ background-color: black;
+ }
+
+ .baricon div {
+ width: 16px;
+ margin-top: 4px;
+ margin-left: 2px;
+ height: 16px;
+ }
+
.bar2 {
font-size: large;
height: 24px;
@@ -775,6 +1747,7 @@ a {
height: 18px;
float: left;
margin-bottom: 2px;
+ color: black;
}
.bar182 {
@@ -794,6 +1767,10 @@ a {
border-bottom-color: #DDDDDD;
}
+.night .DevSt {
+ color: white;
+}
+
.contextMenu {
background: #F9F9F9;
box-shadow: 0 0 12px rgba( 0, 0, 0, .3 );
@@ -834,6 +1811,10 @@ a {
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%) opacity(60%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ -moz-opacity: 0.60;
+ opacity: .60;
+ filter: alpha(opacity=60);
}
.unselectable {
@@ -847,7 +1828,7 @@ a {
.notifiyBox {
position: absolute;
- z-index:1000;
+ z-index: 1000;
top: 50px;
right: 26px;
width: 300px;
@@ -860,39 +1841,39 @@ a {
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
- max-height:200px;
+ max-height: 200px;
}
-.notifiyBox:before {
- content: ' ';
- position: absolute;
- width: 0;
- height: 0;
- right: 5px;
- top: -30px;
- border: 15px solid;
- border-color: transparent #666 #666 transparent;
-}
+ .notifiyBox:before {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+ right: 5px;
+ top: -30px;
+ border: 15px solid;
+ border-color: transparent #666 #666 transparent;
+ }
-.notifiyBox:after {
- content: ' ';
- position: absolute;
- width: 0;
- height: 0;
- right: 7px;
- top: -24px;
- border: 12px solid;
- border-color: transparent #F0ECCD #F0ECCD transparent;
-}
+ .notifiyBox:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+ right: 7px;
+ top: -24px;
+ border: 12px solid;
+ border-color: transparent #F0ECCD #F0ECCD transparent;
+ }
.notification {
- width:100%;
- min-height:30px;
+ width: 100%;
+ min-height: 30px;
}
-.notification:hover {
- background-color: #EFE8B6;
-}
+ .notification:hover {
+ background-color: #EFE8B6;
+ }
#notificationCount {
min-width: 28px;
@@ -902,14 +1883,223 @@ a {
text-align: center;
margin: 8px;
cursor: pointer;
- padding: 4px
-}
-.deskToolsBar {
- padding:3px;
+ padding: 4px;
}
-.deskToolsBar:hover {
- background-color: #EFE8B6;
+
+.deskareaicon {
+ cursor: pointer;
+ border: none;
+ float: right;
+ font-size: 130%;
+ margin-right: 4px;
+}
+
+.areaHead {
+ padding-left: 4px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ background: #C0C0C0;
+}
+
+.areaProgress {
+ background-color: gray;
+}
+
+ .areaProgress div {
+ height: 2px;
+ width: 0%;
+ background-color: red;
+ }
+
+.areaFoot {
+ padding-top: 2px;
+ padding-bottom: 2px;
+ background: #C0C0C0;
+}
+
+.toright2 {
+ float: right;
+ text-align: right;
+ padding-right: 4px;
+}
+
+#deskarea0 {
+ width: 100%;
+ padding: 0px;
+ padding: 0px;
+ margin-top: 0px;
+}
+
+.fulldesk #deskarea0 {
+ min-width: 100%;
+ min-height: 0px;
+ height: 100%;
+ position: relative;
+ display: -ms-grid;
+ display: grid;
+ grid-gap: 0px;
+ grid-template-areas: "deskarea1" "deskarea2" "deskarea3" "deskarea4";
+ /* grid-template-columns: 90px auto; */
+ grid-template-rows: 24px max-content auto max-content;
+ -ms-grid-columns: 1fr;
+ -ms-grid-rows: 24px max-content 1fr max-content;
+}
+
+#deskarea0 .mR {
+ margin-right: 3px;
+}
+
+#deskarea1 {
+ grid-area: deskarea1;
+ -ms-grid-column: 1;
+ -ms-grid-row: 1;
+}
+
+
+#deskarea2 {
+ grid-area: deskarea2;
+ background-color: gray;
+ -ms-grid-column: 1;
+ -ms-grid-row: 2;
+}
+
+#progressbar {
+ height: 2px;
+ width: 0%;
+ background-color: red;
+}
+
+#deskarea3x {
+ background: black;
+ text-align: center;
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ max-height: calc(100vh - 296px); /* + 24px hight of submenu */
+ height: calc(100vh - 296px);
+}
+
+.room4submenu #deskarea3x {
+ max-height: calc(100vh - 296px);
+ height: calc(100vh - 296px);
+}
+
+.fulldesk #deskarea3x {
+ grid-area: deskarea3;
+ max-height: none;
+ height: calc(100vh - 52px);
+ -ms-grid-column: 1;
+ -ms-grid-row: 3;
+}
+
+#DeskFocus {
+ overflow: hidden;
+ color: transparent;
+ border: 3px dotted rgba(255,0,0,.2);
+ position: absolute;
+ border-radius: 5px;
+}
+
+#DeskParent {
+ margin: 0;
+ overflow: hidden;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+#Desk {
+ overflow: hidden;
+ width: 100%;
+ -ms-touch-action: none;
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ left: 0px;
+ right: 0px;
+ margin: auto;
+}
+
+#deskToolsBar {
+ position: absolute;
+ padding: 3px;
+ border-radius: 3px 3px 0px 0px;
+ top: 5px;
+ left: 4px;
+ bottom: 26px;
+ background-color: lightgray;
+ cursor: pointer;
+}
+
+#deskToolsArea {
+ position: absolute;
+ top: 26px;
+ left: 4px;
+ right: 4px;
+ bottom: 4px;
+ background-color: lightgray;
+ text-align: left;
+}
+
+#deskToolsHeader {
+ border-bottom: 1px solid darkgray;
+ padding: 3px;
+}
+
+ #deskToolsHeader .colmn1 {
+ width: 50px;
+ padding-right: 5px;
+ float: left;
+ }
+
+#DeskToolsProcesses {
+ overflow-y: scroll;
+ position: absolute;
+ top: 24px;
+ bottom: 0px;
+ width: 100%;
+ color:black;
+}
+
+.deskToolsBar {
+ padding: 3px;
+}
+
+ .deskToolsBar:hover {
+ background-color: #EFE8B6;
+ }
+
+#deskarea4 {
+ grid-area: deskarea4;
+ -ms-grid-column: 1;
+ -ms-grid-row: 4;
+}
+
+#DeskChatButton, #DeskNotifyButton, #DeskOpenWebButton {
+ float: right;
+ margin-top: 1px;
+ margin-right: 4px;
+ cursor: pointer;
+}
+
+#DeskClip, #DeskControlSpan, #specialkeylist {
+ margin-left: 6px;
+}
+
+.serverStateTableCell {
+ width: 300px;
+ height: 24px;
+ background-color: #d3d9d6;
+ margin-bottom: 4px;
+ vertical-align: middle;
+ border-spacing: 0;
+}
+
+.night .serverStateTableCell {
+ color: black;
}
.userTableHeader {
@@ -918,95 +2108,332 @@ a {
padding-bottom: 4px;
}
+#deskkeys {
+ margin-left: 6px;
+}
+
+#p12BackButton {
+ float: left;
+}
+
+#termTable {
+ width: 100%;
+ padding: 0px;
+ padding: 0px;
+ margin-top: 0px;
+}
+
+#termarea3x {
+ background: black;
+ text-align: center;
+ height: 500px;
+ position: relative;
+}
+
+#Term {
+ background: black;
+ margin: 0;
+ padding: 0;
+}
+
+#p13toolbar {
+ width: 100%;
+}
+
+ #p13toolbar .areaHead {
+ border-bottom: 2px solid black;
+ }
+
+ #p13toolbar .areaHead2 {
+ width: 100%;
+ background-color: #d3d9d6;
+ text-align: left;
+ padding: 4px;
+ }
+
+ #p13toolbar .areaHead3 {
+ background-color: #E4E9E7;
+ height: 28px;
+ }
+
+#p13filetable {
+ width: 100%;
+ height: calc(100vh - 349px);
+ overflow: auto;
+ -webkit-user-select: none;
+}
+
+#p13bigok {
+ width: 256px;
+ overflow: hidden;
+ position: absolute;
+ left: 337px;
+ top: 200px;
+ text-align: center;
+ font-size: 1600%;
+ color: #AAA;
+}
+
+#p13bigfail {
+ width: 256px;
+ overflow: hidden;
+ position: absolute;
+ left: 337px;
+ top: 200px;
+ text-align: center;
+ font-size: 1600%;
+ color: #AAA;
+}
+
+.fulldesk #p14title {
+ margin-left: 16px;
+ margin-right: 16px;
+ color: #CCC;
+}
+
+#p14iframe {
+ width: 100%;
+ height: calc(100vh - 218px);
+ border: 0;
+ overflow: hidden;
+}
+
+.menu_stack #p14iframe {
+ height: calc(100vh - 246px);
+}
+
+.fulldesk #p14iframe {
+ height: calc(100vh - 65px);
+}
+
+#p13toolbarBottom, #p13toolbar {
+ width: 100%;
+}
+
+#consoleTable {
+ width: 100%;
+ padding: 0px;
+ padding: 0px;
+ margin-top: 0px;
+}
+
+#p15statetext {
+ padding: 4px;
+ height: 15px;
+}
+
+#p15agentConsole {
+ background: black;
+ margin: 0;
+ padding: 0;
+ color: lightgray;
+ width: 100%;
+ /* */
+ height: calc(100vh - 299px);
+ max-height: calc(100vh - 299px);
+ position: relative;
+}
+
+.menu_stack.fullscreen #p15agentConsole {
+ height: calc(100vh - 305px);
+ max-height: calc(100vh - 305px);
+}
+
+#p15coreName {
+ padding: 4px;
+ display: inline-block;
+}
+
+#p15agentConsoleText {
+ /* position: absolute; */
+ margin: 0;
+ padding: 0;
+ top: 0;
+ bottom: 0;
+ /* left: 0;
+ right: 0; */
+ overflow-y: scroll;
+ overflow-x: auto;
+ height: calc(100vh - 299px);
+ max-height: calc(100vh - 299px);
+ width: 930px;
+}
+
+.menu_stack.fullscreen #p15agentConsoleText {
+ width: calc(100vw - 30px);
+ height: calc(100vh - 305px);
+ max-height: calc(100vh - 305px);
+}
+
+.fullscreen #p15agentConsoleText {
+ width: calc(100vw - 120px);
+}
+
+#p16events, #p31events {
+ max-height: calc(100vh - 269px);
+ overflow-y: auto;
+}
+
+.night #p16events, #p31events {
+ color: #222;
+}
+
+#p40 {
+ height: calc(100vh - 191px);
+}
+
.viewSelector {
- width:32px;
- height:32px;
- background-color:#DDD;
- border-radius:3px;
- float:left;
- margin-left:5px;
+ width: 32px;
+ height: 32px;
+ background-color: #DDD;
+ border-radius: 3px;
+ float: left;
+ margin-left: 5px;
cursor: pointer;
opacity: 0.3;
}
.viewSelectorSel {
- background-color:#BBB;
+ background-color: #BBB;
opacity: 0.8;
}
- .viewSelector:hover {
- opacity: 0.5;
- background-color:#AAA;
- }
+.viewSelector:hover {
+ opacity: 0.5;
+ background-color: #AAA;
+}
.viewSelector1 {
- margin-left:2px;
- margin-top:2px;
+ margin-left: 2px;
+ margin-top: 2px;
background: url(../images/views.png) -0px 0px;
height: 28px;
width: 28px;
}
.viewSelector2 {
- margin-left:2px;
- margin-top:2px;
+ margin-left: 2px;
+ margin-top: 2px;
background: url(../images/views.png) -28px 0px;
height: 28px;
width: 28px;
}
.viewSelector3 {
- margin-left:2px;
- margin-top:2px;
+ margin-left: 2px;
+ margin-top: 2px;
background: url(../images/views.png) -56px 0px;
height: 28px;
width: 28px;
}
.viewSelector4 {
- margin-left:2px;
- margin-top:2px;
+ margin-left: 2px;
+ margin-top: 2px;
background: url(../images/views.png) -84px 0px;
height: 28px;
width: 28px;
}
.viewSelector5 {
- margin-left:2px;
- margin-top:2px;
+ margin-left: 2px;
+ margin-top: 2px;
background: url(../images/views.png) -112px 0px;
height: 28px;
width: 28px;
}
+ .fulldesk .viewSelector5 {
+ background: url(../images/views.png) -252px 0px;
+ }
+
.backButtonEx {
- margin-left:2px;
- margin-top:2px;
+ margin-left: 2px;
+ margin-top: 2px;
background: url(../images/views.png) -140px 0px;
height: 28px;
width: 28px;
}
-.backButton {
- width:32px;
- height:32px;
- background-color:#DDD;
- border-radius:3px;
- float:left;
- margin-right:5px;
+.uiSelector {
+ width: 32px;
+ height: 32px;
+ background-color: #BBB;
+ border-radius: 3px;
+ float: left;
+ margin: 3px;
cursor: pointer;
opacity: 0.3;
}
+
+ .uiSelector:hover {
+ opacity: 0.5;
+ background-color: #AAA;
+ }
+
+.uiSelectorSel {
+ background-color: #BBB;
+ opacity: 0.8;
+}
+
+.uiSelector1 {
+ margin: 2px;
+ background: url(../images/views.png) -168px 0px;
+ height: 28px;
+ width: 28px;
+}
+
+.uiSelector2 {
+ margin: 2px;
+ background: url(../images/views.png) -196px 0px;
+ height: 28px;
+ width: 28px;
+}
+
+.uiSelector3 {
+ margin: 2px;
+ background: url(../images/views.png) -224px 0px;
+ height: 28px;
+ width: 28px;
+}
+
+.uiSelector4 {
+ margin: 2px;
+ background: url(../images/views.png) -280px 0px;
+ height: 28px;
+ width: 28px;
+}
+
+.backButton {
+ width: 32px;
+ height: 32px;
+ background-color: #DDD;
+ border-radius: 3px;
+ float: left;
+ margin-right: 5px;
+ cursor: pointer;
+ opacity: 0.3;
+}
+
.backButton:hover {
opacity: 0.5;
- background-color:#AAA;
+ background-color: #AAA;
}
.hoverButton {
opacity: 0.5;
+ width: 10px;
+ height: 10px;
}
.hoverButton:hover {
opacity: 1;
- }
\ No newline at end of file
+ }
+
+.tagSpan {
+ background-color: lightgray;
+ padding: 3px;
+ margin-right: 4px;
+ border-radius: 5px;
+}
diff --git a/redirserver.js b/redirserver.js
index b1161d83..c0c5de31 100644
--- a/redirserver.js
+++ b/redirserver.js
@@ -58,7 +58,7 @@ module.exports.CreateRedirServer = function (parent, db, args, func) {
obj.app.get("/MeshServerRootCert.cer", function (req, res) {
// The redirection server starts before certificates are loaded, make sure to handle the case where no certificate is loaded now.
if (obj.certificates != null) {
- res.set({ "Cache-Control": "no-cache, no-store, must-revalidate", "Pragma": "no-cache", "Expires": "0", "Content-Type": "application/octet-stream", "Content-Disposition": "attachment; filename=" + obj.certificates.RootName + ".cer" });
+ res.set({ "Cache-Control": "no-cache, no-store, must-revalidate", "Pragma": "no-cache", "Expires": "0", "Content-Type": "application/octet-stream", "Content-Disposition": "attachment; filename=\"" + obj.certificates.RootName + ".cer\"" });
var rootcert = obj.certificates.root.cert;
var i = rootcert.indexOf("-----BEGIN CERTIFICATE-----\r\n");
if (i >= 0) { rootcert = rootcert.substring(i + 29); }
diff --git a/sample-config.json b/sample-config.json
index 2affe5a5..660ff887 100644
--- a/sample-config.json
+++ b/sample-config.json
@@ -45,17 +45,19 @@
"_TitlePicture": "title-sample.png",
"_UserQuota": 1048576,
"_MeshQuota": 248576,
- "NewAccounts": 1,
+ "_NewAccounts": true,
"_NewAccountEmailDomains": [ "sample.com" ],
"Footer": "Twitter ",
"_CertUrl": "https://192.168.2.106:443/",
- "_PasswordRequirements": { "min": 8, "max": 128, "upper": 1, "lower": 1, "numeric": 1, "nonalpha": 1, "reset": 90 },
+ "_PasswordRequirements": { "min": 8, "max": 128, "upper": 1, "lower": 1, "numeric": 1, "nonalpha": 1, "reset": 90, "force2factor": true },
"_AgentNoProxy": true,
"_GeoLocation": true,
"_UserAllowedIP": "127.0.0.1,192.168.1.0/24",
"_UserBlockedIP": "127.0.0.1,::1,192.168.0.100",
"_AgentAllowedIP": "192.168.0.100/24",
"_AgentBlockedIP": "127.0.0.1,::1",
+ "__UserConsentFlags__" : "Set to: 1 for desktop, 2 for terminal, 3 for files, 7 for all",
+ "_UserConsentFlags" : 7,
"_Limits": {
"_MaxUserAccounts": 100,
"_MaxUserSessions": 100,
diff --git a/views/default-min.handlebars b/views/default-min.handlebars
index 9634a0ff..cbfedebc 100644
--- a/views/default-min.handlebars
+++ b/views/default-min.handlebars
@@ -1 +1 @@
-
MeshCentral
↔
My Devices My Account My Events My Files My Users My Server
General Desktop Terminal Files Events Intel® AMT Console
Server disconnected , click to reconnect
My Account Device Groups (
)
My Files These files are shared publicly, click "link" to get public url.
✓
✗
My Server Server actions
Server Statistics
Intel® AMT Redirection port or KVM feature is disabled, click here to enable it.
Remote computer is not powered on, click here to issue a power command.
Intel® AMT Redirection port or KVM feature is disabled, click here to enable it.
Remote computer is not powered on, click here to issue a power command.
Show
Last 60 Last 120 Last 250 Last 500 Last 1000
General -
Events -
Show
Last 60 Last 120 Last 250 Last 500 Last 1000
Local file upload Server file selection File Selection
Agent Remote Desktop 100% 87.5% 75% 62.5% 50% 37.5% 25% 12.5% Scaling
Fast Medium Slow Very slow Frame rate
Intel® AMT Hardware KVM RLE8, Fastest RLE16, Recommended RAW8, Slow RAW16, Very Slow Image Encoding
\ No newline at end of file
+
{{{title}}}
My Devices My Account My Events My Files My Users My Server
General Desktop Terminal Files Events Intel® AMT Console
Server disconnected , click to reconnect
My Devices No device groups.
My Account Device Groups ( New )
My Files These files are shared publicly, click "link" to get public url.
✓
✗
My Server Server Statistics
Intel® AMT Redirection port or KVM feature is disabled, click here to enable it.
Remote computer is not powered on, click here to issue a power command.
Intel® AMT Redirection port or KVM feature is disabled, click here to enable it.
Remote computer is not powered on, click here to issue a power command.
General -
File Selection
Local file upload Server file selection Agent Remote Desktop Scaling
100% 87.5% 75% 62.5% 50% 37.5% 25% 12.5% Frame rate
Fast Medium Slow Very slow Intel® AMT Hardware KVM Image Encoding
RLE8, Fastest RLE16, Recommended RAW8, Slow RAW16, Very Slow
\ No newline at end of file
diff --git a/views/default-mobile-min.handlebars b/views/default-mobile-min.handlebars
index e1b96347..bb1b2103 100644
--- a/views/default-mobile-min.handlebars
+++ b/views/default-mobile-min.handlebars
@@ -1 +1 @@
-
MeshCentral
Server disconnected , click to reconnect
◀
Account Security
Account Actions
Device Groups (
)
◀
My Files
◀
\ No newline at end of file
+
{{{title}}}
Server disconnected , click to reconnect
◀
Account Security
Account Actions
Device Groups (
◀
My Files
◀
\ No newline at end of file
diff --git a/views/default-mobile.handlebars b/views/default-mobile.handlebars
index b12064f7..9c5dbe7c 100644
--- a/views/default-mobile.handlebars
+++ b/views/default-mobile.handlebars
@@ -18,7 +18,7 @@
-
MeshCentral
+
{{{title}}}
{{{title}}} - Login
Welcome Connect to your home or office devices from anywhere in the world using
MeshCentral , the real time, open source remote monitoring and management web site. You will need to download and install a management agent on your computers. Once installed, computers will show up in the "My Devices" section of this web site and you will be able to monitor them and take control of them.
\ No newline at end of file
+
{{{title}}} - Login
Welcome Connect to your home or office devices from anywhere in the world using
MeshCentral , the real time, open source remote monitoring and management web site. You will need to download and install a management agent on your computers. Once installed, computers will show up in the "My Devices" section of this web site and you will be able to monitor them and take control of them.
\ No newline at end of file
diff --git a/views/login-mobile-min.handlebars b/views/login-mobile-min.handlebars
index 68c45914..7b68add9 100644
--- a/views/login-mobile-min.handlebars
+++ b/views/login-mobile-min.handlebars
@@ -1 +1 @@
-
MeshCentral - Login
\ No newline at end of file
+
MeshCentral - Login
\ No newline at end of file
diff --git a/views/login-mobile.handlebars b/views/login-mobile.handlebars
index 0506f220..6db853ad 100644
--- a/views/login-mobile.handlebars
+++ b/views/login-mobile.handlebars
@@ -279,7 +279,7 @@
validateLogin();
validateCreate();
if ('{{loginmode}}' != '') { go(parseInt('{{loginmode}}')); } else { go(1); }
- QV('newAccountDiv', ('{{{newAccount}}}' != '0') && ('{{{newAccount}}}' != 'false')); // If new accounts are not allowed, don't display the new account link.
+ QV('newAccountDiv', ('{{{newAccount}}}' === '1') || ('{{{newAccount}}}' === 'true')); // If new accounts are not allowed, don't display the new account link.
if ((passRequirements.hint === true) && (passhint != null) && (passhint.length > 0)) { QV("showPassHintLink", true); }
QV("newAccountPass", (newAccountPass == 1));
QV("resetAccountDiv", (emailCheck == true));
diff --git a/views/login.handlebars b/views/login.handlebars
index 1bbee21f..846977e0 100644
--- a/views/login.handlebars
+++ b/views/login.handlebars
@@ -11,16 +11,22 @@
{{{title}}} - Login
-
+
New
