style.css 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. h1,h2{text-shadow:#999 3px 3px 5px;}
  2. a{color:dodgerblue;cursor:pointer;}
  3. .center{text-align:center;}
  4. .float,.frame{position:fixed;background:lightgray;border-spacing:10px;}
  5. .frame{left:0;right:0;top:0;bottom:0;table-layout:fixed;width:100%;height:100%;}
  6. .float{margin:0 auto;padding:10px;border-radius:10px;}
  7. .fill{background:#eee;height:100%;margin:0;padding:0;}
  8. .em{font-style:italic;}
  9. .new{color:red;}
  10. .menu,.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  11. .menu{overflow-y:auto;}
  12. div.left{float:left;}
  13. div.right{float:right;}
  14. .buttons{text-align:right;vertical-align:bottom;}
  15. .menu,.x{clear:both;margin:0;padding:0;}
  16. .hide{display:none;}
  17. tr{vertical-align:top;padding:0;height:1px;}
  18. tr.expand{height:auto;}
  19. .expandr{position:relative;}
  20. .expanda,.frame .CodeMirror{position:absolute;width:100%;height:100%;}
  21. .CodeMirror{background:white;}
  22. textarea{width:100%;border:none;margin:0;padding:0;}
  23. fieldset{border-radius:5px;}
  24. #main{background:transparent;width:800px;margin:0 auto;border-spacing:0;}
  25. #main fieldset{position:relative;height:100%;padding:0;}
  26. #main legend{margin-left:10px;}
  27. #meta label,#advanced label{display:block;}
  28. #meta table{width:100%;}
  29. #meta td{width:1px;white-space:nowrap;}
  30. #meta td.expand{width:auto;padding-right:10px;}
  31. #meta td.expand>*{width:100%;}
  32. #sList{overflow-x:hidden;overflow-y:auto;position:absolute;top:22px;left:0;right:0;bottom:10px;}
  33. #sList>div{display:block;padding:10px;border-top:1px dashed gray;overflow:hidden;height:80px;position:relative;}
  34. #sList>div:last-child{border-bottom:1px dashed gray;}
  35. #sList>div.moving{background:#bb6;border:1px outset gray;}
  36. #sList.simple>div{height:50px;}
  37. #sList .version,#sList .author{margin-left:20px;color:gray;font-style:italic;}
  38. #sList.simple .author{display:none;}
  39. #sList.simple .descrip{display:none;}
  40. #sList .message{color:gray;position:absolute;bottom:10px;left:50px;}
  41. #sList .icon{width:32px;height:32px;margin:2px;position:absolute;}
  42. #sList .name{font-weight:bold;line-height:150%;display:inline-block;max-width:400px;margin-left:40px;}
  43. #sList .descrip{margin-left:40px;}
  44. #sList .move{cursor:move;margin-left:20px;color:gray;}
  45. #sList .panelB,#sList .panelT{position:absolute;right:10px;}
  46. #sList .panelB{bottom:10px;}
  47. #sList .panelT{top:10px;}
  48. #sList .panelB>button{width:80px;}
  49. #sList .disabled{color:gray;background:silver;}
  50. #sList .disabled a{color:gray;}
  51. #sList .disabled img{opacity:0.3;}
  52. #overlay{background:#000;position:fixed;top:0;bottom:0;left:0;right:0;transition:all .5s linear;opacity:0;}
  53. #overlay.overlay{opacity:0.6;}
  54. #advanced{padding:20px;}
  55. #advanced fieldset>*:not(legend){display:inline-block;}
  56. #advanced legend{margin:0;}
  57. .list{background:white;overflow-x:hidden;overflow-y:auto;}
  58. .list>div{display:block;padding:2px 10px;cursor:pointer;border-bottom:1px dashed lightgray;}
  59. .list .selected{background:gray;color:white;}
  60. #export .list{width:400px;height:420px;}
  61. #xOptions{display:inline-block;position:relative;}
  62. #xOptions>div{display:none;position:absolute;padding:10px;background:#eee;box-shadow:5px 10px 15px rgba(0,0,0,0.4);border:1px solid gray;}
  63. #xOptions>div>label{display:block;white-space:nowrap;}
  64. #xOptions:hover>div{display:block;}
  65. .menu>div{cursor:pointer;padding:5px;display:block;}
  66. .menu>div:hover{background:gray;color:gold;}
  67. .menu>div.disabled{color:gray;}
  68. .menu>div.disabled:hover{color:silver;}
  69. .menu>div span{display:inline-block;width:20px;}
  70. .menu>hr{border:none;border-top:1px dashed gray;}