FloatingPane.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. .dojoxFloatingPane {
  2. background-color:#fff;
  3. position:relative;
  4. border: 1px solid #dedede;
  5. overflow: hidden;
  6. -webkit-box-shadow: 0px 5px 10px #adadad;
  7. }
  8. .dojoxFloatingPaneFg {
  9. -webkit-box-shadow: 0px 8px 20px #525252;
  10. }
  11. /* titleNode */
  12. .dojoxFloatingPaneTitle {
  13. background: #cccccc;
  14. background:#fafafa url("images/floatTitleBarBg.gif") repeat-x bottom left;
  15. border:1px solid #bfbfbf;
  16. padding:4px 4px 2px 4px;
  17. cursor: pointer;
  18. white-space: nowrap;
  19. }
  20. .soria .dojoxFloatingPaneTitle {
  21. background:#4f8ced url("../../../dijit/themes/soria/images/gradientTopBg.png") repeat-x top left;
  22. border:1px solid #6969FF;
  23. background-position:0px -1px;
  24. color:#fff; font-weight:bold;
  25. }
  26. .tundra .dojoxFloatingPaneTitle {
  27. background:#fafafa url("../../../dijit/themes/tundra/images/titleBarBg.gif") repeat-x bottom left;
  28. border:1px solid #bfbfbf;
  29. color:#000;
  30. }
  31. /* Icons */
  32. .dojoxFloatingCloseIcon {
  33. background:url('icons/tabClose.png') no-repeat center center;
  34. width:16px;
  35. height:16px;
  36. overflow:hidden;
  37. float:right;
  38. }
  39. .dojoxFloatingMinimizeIcon {
  40. background:url('../../../dijit/themes/tundra/images/arrowDown.png') no-repeat center center;
  41. width:16px;
  42. height:16px;
  43. overflow:hidden;
  44. float:right;
  45. }
  46. .floatingPaneMaximized .dojoxFloatingMaximizeIcon { display:none; }
  47. .dojoxFloatingMaximizeIcon {
  48. background:url('../../../dijit/themes/tundra/images/arrowUp.png') no-repeat center center;
  49. width:16px;
  50. height:16px;
  51. overflow:hidden;
  52. float:right;
  53. }
  54. .floatingPaneMaximized .dojoxFloatingRestoreIcon { display:inline; }
  55. .dojoxFloatingRestoreIcon {
  56. background:url('../../../dijit/themes/tundra/images/arrowDown.png') no-repeat center center;
  57. width:16px; height:16px;
  58. overflow:hidden;
  59. float:right;
  60. display:none;
  61. }
  62. .dojoxFloatingResizeHandle {
  63. background:url('icons/resize.png') no-repeat bottom right;
  64. position:absolute;
  65. right:0;
  66. bottom:0;
  67. width:16px;
  68. height:16px;
  69. cursor:nw-resize;
  70. }
  71. .dojoxFloatingCloseIcon {
  72. width:16px;
  73. height:16px;
  74. overflow:hidden;
  75. float:right;
  76. cursor:pointer;
  77. }
  78. .soria .dojoxFloatingCloseIcon {
  79. background:url('../../../dijit/themes/soria/images/arrows.png') no-repeat center center;
  80. background-position:-65px -1px;
  81. }
  82. .tundra .dojoxFloatingCloseIcon {
  83. background:url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center;
  84. }
  85. /* our un-used dock styles for now */
  86. .dojoxFloatingDockDefault {
  87. position:absolute;
  88. bottom:0px;
  89. left:0px;
  90. overflow:hidden;
  91. margin:0;
  92. margin-bottom:3px;
  93. padding:0px;
  94. width:100%;
  95. z-index:99; /* position the dock _just_ below the lowest pane */
  96. background:transparent;
  97. /* background-color:#fff;
  98. border-top:1px solid #ccc;
  99. */
  100. }
  101. .dojoxDockList {
  102. padding: 0px;
  103. margin: 0px;
  104. }
  105. .dojoxDockRestoreButton {
  106. background:url('../../../dijit/themes/tundra/images/arrowUp.png') no-repeat center center;
  107. width:16px; height:16px;
  108. overflow:hidden;
  109. float:left;
  110. margin-top:2px;
  111. }
  112. .dojoxDockTitleNode {
  113. overflow:hidden;
  114. }
  115. /* Modifications */
  116. .dojoxDock {
  117. display: block;
  118. border: 1px solid black;
  119. position: absolute;
  120. padding:0;
  121. margin:0;
  122. background:#fcfcfc;
  123. }
  124. .dojoxDockNode {
  125. border: 1px solid #adadad;
  126. border-radius: 2px;
  127. -webkit-border-radius: 2px;
  128. -moz-border-radius: 3px;
  129. cursor:pointer;
  130. list-style: none;
  131. padding: 2px;
  132. margin: 0px;
  133. height: 16px;
  134. width: auto;
  135. float: left;
  136. background: #fafafa url("images/floatTitleBarBg.gif") repeat-x bottom left;
  137. }
  138. .soria .dojoxDockNode {
  139. background:#b7cdee url("../../../dijit/themes/soria/images/gradientTopBg.png") repeat-x;
  140. }
  141. .dojoxFloatingPaneContent {
  142. overflow: auto;
  143. background-color: #fff;
  144. height: 100%;
  145. width: 100%;
  146. }
  147. .dojoxFloatingPaneCanvas {
  148. background-color:#fff;
  149. }