index.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. #sidebar {
  2. position: absolute;
  3. top: 0;
  4. bottom: 0;
  5. left: 0;
  6. width: 290px;
  7. height: 100%;
  8. padding-left: 10px;
  9. border-right: 1px solid #000;
  10. }
  11. #sidebar a, #sidebar a:visited {
  12. color: #000;
  13. }
  14. #sidebar a {
  15. text-decoration: none;
  16. }
  17. #sidebar a:hover {
  18. text-decoration: underline;
  19. }
  20. #keys {
  21. position: absolute;
  22. top: 18.5em;
  23. left: 0;
  24. bottom: 0;
  25. width: 290px;
  26. padding-left: 10px;
  27. overflow: auto;
  28. }
  29. #keys ul {
  30. list-style-type: none;
  31. margin: 0;
  32. padding: 0;
  33. }
  34. #keys li {
  35. font-weight: normal;
  36. }
  37. #keys li.folder {
  38. font-weight: bold;
  39. margin-top: .05em;
  40. }
  41. #keys li.current a {
  42. background-color: #eee;
  43. }
  44. #keys li.hidden {
  45. display: none;
  46. }
  47. #keys .icon {
  48. padding: 1px 0 1px 20px;
  49. background: url(../images/folder-open.png) left center no-repeat;
  50. white-space: nowrap;
  51. }
  52. #keys li.collapsed ul {
  53. display: none;
  54. }
  55. #keys ul ul {
  56. margin-left: 6px;
  57. background: url(../images/tree-vline.gif) repeat-y;
  58. }
  59. #keys ul ul li {
  60. padding-left: 16px;
  61. background: url(../images/tree-node.gif) no-repeat;
  62. }
  63. #keys ul ul li.folder {
  64. background-image: url(../images/tree-folder-expanded.gif);
  65. }
  66. #keys ul ul li.folder.collapsed {
  67. background-image: url(../images/tree-folder-collapsed.gif);
  68. }
  69. #keys ul ul li.last { /* Hard-coded substitute for :last-child */
  70. margin-bottom: .3em;
  71. background: #fff url(../images/tree-lastnode.gif) no-repeat;
  72. }
  73. #keys ul ul li.last.folder {
  74. background-image: url(../images/tree-lastnode-expanded.gif);
  75. }
  76. #keys ul ul li.last.folder.collapsed {
  77. background-image: url(../images/tree-lastnode-collapsed.gif);
  78. }
  79. #keys .deltree {
  80. display: none;
  81. }
  82. #keys .icon:hover .deltree {
  83. display: inline;
  84. }
  85. #resize {
  86. position: fixed;
  87. top: 0;
  88. left: 300px;
  89. bottom: 0;
  90. width: 5px;
  91. background-color: #aaa;
  92. cursor: col-resize;
  93. padding: 0;
  94. margin: 0;
  95. }
  96. #resize-layover {
  97. position: fixed;
  98. top: 0;
  99. left: 305px;
  100. right: 0;
  101. bottom: 0;
  102. width: 100%;
  103. z-index: 1000;
  104. }
  105. #frame {
  106. position: fixed;
  107. top: 0;
  108. left: 305px;
  109. right: 0;
  110. bottom: 0;
  111. padding-left: 2em;
  112. }
  113. #frame iframe {
  114. width: 100%;
  115. height: 100%;
  116. }