Improved Widget design

This commit is contained in:
Devine Lu Linvega
2017-01-23 16:34:30 -07:00
parent e3c30aff2b
commit 3cd39017bf
3 changed files with 6 additions and 4 deletions

View File

@@ -9,11 +9,11 @@ canvas:hover { cursor: crosshair;}
#overlay { position:absolute; z-index:1000;}
#widget { color:#fff; position:absolute; font-size:10px; padding-top:10px; border-top:1px solid #333; background-image:url(../media/graphics/logo.svg); background-repeat:no-repeat; background-size:80px 80px; height:100px; background-position: -10px 10px; line-height:20px;}
#widget .module:first-child { margin-left:80px; }
#widget .module { float:left; margin-right:10px; margin-top:5px; width: 25% }
#widget .module { float:left; margin-right:10px; margin-top:5px;}
#widget .module .layer { color:#999; padding:2px 5px;}
#widget .module .highlight { background:#fff; color:black;}
#widget .module .highlight.managed { background:red; color:black; }
#widget .cursor { float:right; text-align: right; margin-top:5px}
#widget .cursor { text-align: right;margin-top: 5px;position: absolute;right:0px}
#widget .layer:hover { cursor:pointer;}
#commander { display:none; z-index: 2000; position:fixed; }