style.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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{position:absolute;width:100%;height:100%;}
  21. textarea{width:100%;border:none;margin:0;padding:0;}
  22. fieldset{border-radius:5px;}
  23. #main{background:transparent;width:800px;margin:0 auto;border-spacing:0;}
  24. #main fieldset{position:relative;height:100%;padding:0;}
  25. #main legend{margin-left:10px;}
  26. #meta label,#advanced label{display:block;}
  27. #meta table{width:100%;}
  28. #meta td{width:1px;white-space:nowrap;}
  29. #meta td.expand{width:auto;padding-right:10px;}
  30. #meta td.expand>*{width:100%;}
  31. #sList{overflow-x:hidden;overflow-y:auto;position:absolute;top:22px;left:0;right:0;bottom:10px;}
  32. #sList>.hint{position:fixed;top:40%;left:40%;right:40%;border:2px solid silver;border-radius:5px;padding:20px;z-index:9999;box-shadow:5px 10px 15px rgba(0,0,0,0.4);text-align:center;}
  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;cursor:move;}
  36. #sList.simple>div{height:50px;}
  37. #sList .version,#sList .author{margin-left:20px;color:gray;font-style:italic;}
  38. #sList.simple .author,#sList.simple .descrip{display:none;}
  39. #sList .message{color:gray;position:absolute;bottom:10px;left:50px;}
  40. #sList .icon{width:32px;height:32px;margin:2px;position:absolute;}
  41. #sList .name{font-weight:bold;line-height:150%;display:inline-block;max-width:400px;margin-left:40px;}
  42. #sList .descrip{margin-left:40px;}
  43. #sList .move{cursor:move;margin-left:20px;color:gray;}
  44. #sList .panelB,#sList .panelT{position:absolute;right:10px;}
  45. #sList .panelB{bottom:10px;}
  46. #sList .panelT{top:10px;}
  47. #sList .panelB>button{width:80px;}
  48. #sList .disabled{color:gray;background:silver;}
  49. #sList .disabled a{color:gray;}
  50. #sList .disabled img{opacity:0.3;}
  51. #overlay{background:#000;position:fixed;top:0;bottom:0;left:0;right:0;transition:all .5s linear;opacity:0;}
  52. #overlay.overlay{opacity:0.6;}
  53. #advanced{padding:20px;}
  54. #advanced fieldset>*:not(legend){display:inline-block;}
  55. #advanced legend{margin:0;}
  56. .list{background:white;overflow-x:hidden;overflow-y:auto;}
  57. .list>div{display:block;padding:2px 10px;cursor:pointer;border-bottom:1px dashed lightgray;}
  58. .list .selected{background:gray;color:white;}
  59. #export .list{width:400px;height:420px;}
  60. #xOptions{display:inline-block;position:relative;}
  61. #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;}
  62. #xOptions>div>label{display:block;white-space:nowrap;}
  63. #xOptions:hover>div{display:block;}
  64. .menu>div{cursor:pointer;padding:5px;display:block;}
  65. .menu>div:hover{background:gray;color:gold;}
  66. .menu>div.disabled{color:gray;}
  67. .menu>div.disabled:hover{color:silver;}
  68. .menu>div span{display:inline-block;width:20px;}
  69. .menu>hr{border:none;border-top:1px dashed gray;}