options.css 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. a{color:dodgerblue;}
  2. textarea,input[type=text]{box-sizing:border-box;width:100%;}
  3. .main{max-width:900px;height:100%;margin:0 auto;}
  4. .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;}
  5. .sidebar img{width:64px;}
  6. .sidebar>hr{border:none;border-top:1px solid darkgray;}
  7. .sidemenu>a{color:gray;display:block;font-size:1.17em;font-weight:bold;line-height:2.5em;text-decoration:none;}
  8. .sidemenu>a.selected,.sidemenu>a:hover{color:black;}
  9. .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;}
  10. .content>div{margin:20px;}
  11. .controls{height:1px;}
  12. .controls>div{padding:5px 10px;}
  13. .list{background:white;}
  14. .list>div{border-bottom:1px dashed lightgray;line-height:2em;}
  15. .list .selected{background:lightgreen;color:darkgreen;}
  16. fieldset.title{border:none;border-top:1px solid silver;margin:20px 0 0;}
  17. /* Installed scripts */
  18. #tabInstalled{height:100%;width:100%;}
  19. #sList{height:100%;overflow-y:auto;box-sizing:border-box;padding:0 10px 10px;border-top:1px solid darkgray;}
  20. #sList>div{border-bottom:1px dashed silver;padding:10px;position:relative;}
  21. #sList>div.disabled{background:lightgray;color:gray;}
  22. #sList>div.disabled .name{color:blueviolet;}
  23. #sList>div.disabled .icon{opacity:0.5;}
  24. #sList>div.moving{background:lightgreen;border:1px outset gray;cursor:move;}
  25. #sList .name{font-weight:bold;font-size:120%;}
  26. #sList .support{width:16px;height:16px;border-radius:8px;background-color:green;color:white;text-align:center;display:inline-block;text-decoration:none;font-size:12px;}
  27. #sList .support.hide{display:none;}
  28. #sList .icon{top:1em;width:40px;height:40px;margin:2px;position:absolute;}
  29. #sList .descrip{margin-left:60px;min-height:1em;max-height:4.5em;overflow-y:auto;}
  30. #sList .move{cursor:move;color:gray;font-size:150%;}
  31. #sList .panelH{margin-left:60px;margin-right:20px;}
  32. #sList .panelH>*{display:inline-block;margin-right:10px;}
  33. #sList .panelT{position:absolute;top:10px;right:10px;}
  34. /* Editor */
  35. #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;}
  36. #eMeta table{width:100%;}
  37. #eMeta td{width:1px;white-space:nowrap;vertical-align:middle;}
  38. #eMeta td.expand{width:auto;}
  39. /* Settings */
  40. #tabSettings>table{width:100%;}
  41. #tabSettings>table td{width:1px;white-space:nowrap;vertical-align:middle;}
  42. #tabSettings>table td.expand{width:auto;}
  43. #tabSettings .list{min-height:100px;max-height:400px;border:1px solid darkgray;cursor:pointer;overflow-y:auto;}
  44. #tabSettings .list>div{display:inline-block;width:180px;margin:2px;padding:0 5px;border:1px dashed lightgray;}