source: Dev/branches/rest-dojo-ui/client/dojox/layout/resources/FloatingPane.css @ 256

Last change on this file since 256 was 256, checked in by hendrikvanantwerpen, 13 years ago

Reworked project structure based on REST interaction and Dojo library. As
soon as this is stable, the old jQueryUI branch can be removed (it's
kept for reference).

File size: 4.0 KB
Line 
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
9.dojoxFloatingPaneFg {
10        -webkit-box-shadow: 0px 8px 20px #525252;
11}
12
13/* titleNode */
14.dojoxFloatingPaneTitle {
15        background: #cccccc;
16        background:#fafafa repeat-x bottom left;
17        border:1px solid #bfbfbf;
18        padding:4px 4px 2px 4px;
19        cursor: pointer;
20        white-space: nowrap;
21}
22
23.soria .dojoxFloatingPaneTitle {
24        background:#fff url("../../../dijit/themes/soria/images/titleBar.png") repeat-x top left;
25        border:1px solid #b1badf;
26        font-size: 0.9em;
27        font-weight: bold;
28        line-height:1.2em;
29}
30
31
32.tundra .dojoxFloatingPaneTitle {
33        background:#fafafa url("../../../dijit/themes/tundra/images/titleBarBg.gif") repeat-x bottom left;
34        border:1px solid #bfbfbf;
35        color:#000;     
36}
37
38
39/* Icons */
40.dojoxFloatingCloseIcon {
41        background:url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center;
42        width:16px;
43        height:16px;
44        overflow:hidden;
45        float:right;
46}
47
48.dojoxFloatingMinimizeIcon {
49        background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center;
50        width:7px;
51        margin: 0px 4px;
52        overflow:hidden;
53        float:right;
54}
55.soria .dojoxFloatingMinimizeIcon {
56        background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -15px top;
57        width: 14px;
58        margin: 0px 2px;
59}
60
61.floatingPaneMaximized .dojoxFloatingMaximizeIcon { display:none; }
62.dojoxFloatingMaximizeIcon {
63        background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat -21px center;
64        width:7px;
65        margin: 0px 4px;
66        overflow:hidden;
67        float:right;   
68}
69.soria .dojoxFloatingMaximizeIcon {
70        background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -45px top;
71}
72
73.floatingPaneMaximized .dojoxFloatingRestoreIcon { display:inline; }
74.dojoxFloatingRestoreIcon {
75        background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center;
76        width:7px;
77        margin: 0px 4px;
78        float:right;
79        display:none;
80}
81
82.dojoxFloatingResizeHandle {
83        background:url('icons/resize.png') no-repeat bottom right;
84        position:absolute;
85        right:0;
86        bottom:0;       
87        width:16px;
88        height:16px;
89        cursor:nw-resize;
90}
91
92.dojoxFloatingCloseIcon {
93        width:15px;
94        height:15px;
95        overflow:hidden;
96        float:right;
97        cursor:pointer;
98}
99
100.soria .dojoxFloatingCloseIcon {
101        background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -60px top;
102}
103
104.tundra .dojoxFloatingCloseIcon {
105        background:url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center;     
106}
107
108/* our un-used dock styles for now */
109.dojoxFloatingDockDefault {
110        position:absolute;
111        bottom:0px;
112        left:0px;
113        overflow:hidden;
114        margin:0;
115        margin-bottom:3px;
116        padding:0px;
117        width:100%;
118        z-index:99; /* position the dock _just_ below the lowest pane */
119
120        background:transparent;
121        /* background-color:#fff;
122        border-top:1px solid #ccc;
123        */
124}
125
126.dojoxDockList {
127        padding: 0px;
128        margin: 0px;
129}
130
131.dojoxDockRestoreButton {
132        background:url('../../../dijit/themes/tundra/images/folderClosed.gif') no-repeat center center;
133        width:16px; height:16px;
134        overflow:hidden;
135        float:left;
136        margin-top:2px;
137}
138.soria .dojoxDockRestoreButton {
139        background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -45px top;
140}
141
142.dojoxDockTitleNode {
143        overflow:hidden;
144}
145
146/* Modifications */
147
148.dojoxDock {
149        display: block;
150        border: 1px solid black;
151        position: absolute;
152        padding:0;
153        margin:0;
154        background:#fcfcfc;
155}
156
157.dojoxDockNode {
158        border: 1px solid #adadad;
159        border-radius: 2px;
160        -webkit-border-radius: 2px;
161        -moz-border-radius: 3px;
162        cursor:pointer;
163        list-style: none;
164        padding: 2px;
165        margin: 0px;
166        height: 16px;
167        width: auto;
168        float: left;
169        background: #fafafa url("../../../dijit/themes/tundra/images/titleBarBg.gif") repeat-x bottom left;
170}
171.soria .dojoxDockNode {
172        background:#b7cdee url("../../../dijit/themes/soria/images/titleBar.png") repeat-x;
173}
174
175.dojoxFloatingPaneContent {
176        overflow: auto;
177        background-color: #fff;
178        height: 100%;
179        width:  100%;
180}
181
182.dojoxFloatingPaneCanvas {
183        background-color:#fff;
184}
Note: See TracBrowser for help on using the repository browser.