violentmonkey/options.css

a{color:dodgerblue;}
textarea,input[type=text]{box-sizing:border-box;width:100%;}
.main{max-width:900px;height:100%;margin:0 auto;}
.sidebar{position:fixed;background:#fafafa;width:200px;margin-top:30px;box-sizing:border-box;border:1px solid darkgray;border-radius:10px 0 0 10px;border-right:none;padding:20px 10px 10px;text-align:right;}
.sidebar img{width:64px;}
.sidebar>hr{border:none;border-top:1px solid darkgray;}
.sidemenu>h3{cursor:pointer;color:gray;}
.sidemenu>h3.selected,.sidemenu>h3:hover{color:black;}
.content{background:white;margin-left:200px;box-sizing:border-box;border-left:1px solid darkgray;border-right:1px solid darkgray;height:100%;overflow-y:auto;position:relative;}
.content>div{margin:20px;}
.controls{height:1px;}
.controls>div{padding:5px 10px;}
.list{background:white;}
.list>div{border-bottom:1px dashed lightgray;line-height:2em;}
.list .selected{background:gray;color:white;}

/* Installed scripts */
#tabInstalled{height:100%;width:100%;}
#sList{height:100%;overflow-y:auto;box-sizing:border-box;padding:0 10px 10px;border-top:1px solid darkgray;}
#sList>div{border-bottom:1px dashed silver;padding:10px;position:relative;}
#sList>div.disabled{background:lightgray;color:gray;}
#sList>div.disabled .name{color:blueviolet;}
#sList>div.disabled .icon{opacity:0.5;}
#sList>div.moving{background:lightgreen;border:1px outset gray;cursor:move;}
#sList .name{margin-left:60px;margin-right:10px;font-weight:bold;font-size:120%;}
#sList .icon{top:1em;width:40px;height:40px;margin:2px;position:absolute;}
#sList .version{margin-right:10px;}
#sList .descrip{margin-left:60px;}
#sList .move{cursor:move;margin-left:20px;color:gray;font-size:150%;}
#sList .panelT{position:absolute;top:10px;right:10px;}

/* Editor */
#eMeta{max-width:450px;max-height:100%;height:auto;background:lightgray;z-index:10;right:-1px;padding:10px;box-sizing:border-box;overflow-y:auto;box-shadow:gray -2px 4px 4px;}
#eMeta table{width:100%;}
#eMeta td{width:1px;white-space:nowrap;vertical-align:middle;}
#eMeta td.expand{width:auto;}

/* Settings */
#tabSettings>table{width:100%;}
#tabSettings>table td{width:1px;white-space:nowrap;vertical-align:middle;}
#tabSettings>table td.expand{width:auto;}
#tabSettings fieldset{border:none;border-top:1px solid silver;margin:20px 0 0;}
#tabSettings .list{min-height:100px;max-height:400px;border:1px solid darkgray;cursor:pointer;overflow-y:auto;}
#tabSettings .list>div{display:inline-block;width:180px;margin:2px;padding:0 5px;border:1px dashed lightgray;}