source: Dev/branches/rest-dojo-ui/client/dojox/widget/Dialog/Dialog.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: 2.1 KB
Line 
1
2.dojoxDialog {
3        position: absolute;
4        z-index: 999;
5        outline:0;
6}
7
8.dojoxDialog .closeText {
9        display:none;
10        /* for the onhover border in high contrast on IE: */
11        position:absolute;
12}
13
14.dojoxDialogFixed div.dojoxDialogTitleBar {
15        cursor:default;
16}
17
18.dojoxDialogWrapper {
19        left: 0;
20        top: 0;
21}
22
23.dojoxDialog {
24        background: #fff;
25        -webkit-box-shadow: 0px 5px 10px #adadad;
26        -moz-border-radius:9pt;
27        -webkit-border-radius:8pt;
28        border:1px solid #b7b7b7;
29        padding:1.5em 3px 3px 3px;
30}
31
32.dojoxDialogFocused {
33        border:1px solid #ccc;
34}
35
36.dojoxDialog .dojoxDialogPaneContent {
37        border:none;
38        padding:0;
39}
40
41.dojoxDialogTitleBar {
42        /* outer container for the titlebar of the dialog */
43        cursor:move;
44        top:0;
45        left:0;
46        right:0;
47        background:#ededed;
48        height:1.5em;
49        outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
50        -moz-border-radius-topleft:8pt;
51        -moz-border-radius-topright:8pt;
52        -webkik-border-radius-topleft:7pt;
53        -webkit-border-radius-topright:7pt;
54}
55.dj_webkit .dojoxDialogTitleBar {
56        border:1px solid #ccc;
57}
58
59.dojoxDialogNoTitle .dojoxDialogTitleBar {
60        display:none;
61}
62
63.dojoxDialogContent {
64        /* the body of the dialog */
65        padding: 3px;
66        margin-top:1.2em;
67}
68
69/* pseudo-tundra-like */
70
71.dojoxDialogTitle {
72        font-weight: bold;
73        padding: 8px 12px 8px 12px;
74        outline:0;
75        border-bottom:#b7b7b7;
76}
77
78div.dojoxDialogNoTitle {
79        padding-top:9px;
80}
81
82.dojoxDialogCloseIcon, .dojoxDialogCloseIconHover {
83        background : url("images/dialogCloseButton.png") no-repeat top right;
84        position: absolute;
85        vertical-align: middle;
86        left: -19px;
87        top: -19px;
88        height: 29px;
89        width: 29px;
90        cursor: pointer;
91        z-index: 999;
92}
93.dj_ie6 .dojoxDialogCloseIcon {
94        background-image: url("images/dialogCloseButton.gif");
95}
96
97.dojoxDialog div.dijitDialogCloseIconHover,
98.dojoxDialog div.dijitDialogCloseIconActive {
99    background-position:0 0;
100}
101
102.dojoxDialog .dijitDialogCloseIconHover {
103    background-image: url("images/dialogCloseButton.png");
104}
105.dj_ie6 .dojoxDialog .dijitDialogCloseIconHover {
106    background-image: url("images/dialogCloseButton.gif");
107}
108
109.dojoxDialogNoTitle .dojoxDialogCloseIcon {
110        top: -15px;
111        left: -15px;
112}
Note: See TracBrowser for help on using the repository browser.