source: Dev/branches/rest-dojo-ui/client/dojox/image/resources/ThumbnailPicker.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.0 KB
Line 
1/* dojox.image.ThumbnailPicker */
2
3.thumbWrapper .thumbNav {
4        background-repeat: no-repeat;   
5        background-position: center;
6        padding-top: 1px;
7        width: 30px;
8        height: 100%;
9}
10
11.thumbOuter {
12        padding-bottom: 2px;
13}
14
15.thumbOuter.thumbHoriz {
16        width: 500px;
17        height: 85px;
18}
19
20.thumbOuter.thumbVert {
21        width: 100px;
22        height: 400px;
23}
24
25.thumbOuter .enabled {
26        background: transparent url("images/buttons.png") no-repeat center center;
27}
28.dj_ie6 .thumbOuter .enabled { background-image: url("images/buttons.gif"); }
29
30.thumbOuter .thumbNav img {
31        width: 48px;
32        height: 75px;
33}
34.thumbOuter .thumbClickable div {
35        cursor: pointer;
36}
37.thumbOuter .prevHoriz {
38        background-position: -96px 12px;
39        position: relative;
40        float: left;
41        height: 100%;
42}
43
44.thumbOuter .nextHoriz {
45        background-position: -144px 12px;
46        position: relative;
47        float: right;
48        height: 100%;
49/*      margin-top: -85px;*/
50}
51.thumbOuter .prevVert {
52        background-position: 0px 0px;
53        height: 48px;
54        width:48px;
55        margin-left:24px;
56}
57
58.thumbOuter .nextVert {
59        background-position: -48px 0px;
60        height: 48px;
61        width:48px;
62        margin-left:24px;
63}
64
65.thumbWrapper img {
66        height: 75px;
67        max-width: 100px;
68        width: expression(this.width > 100 ? 100: true);/*IE Hack*/
69}
70
71.thumbWrapper .thumbNav .imageGalleryThumb {
72        height: 50px;
73}
74
75.thumbWrapper .thumbNotifier {
76        background-color: red;
77        width: 0px;
78        margin-left: 2px;
79        height: 5px;
80        font-size: 1%;/*IE hack to get around the Empty-Div bug*/
81}
82
83.thumbWrapper .thumbLoaded {
84        background-color: transparent; 
85}
86
87.thumbScroller {
88        overflow-x: hidden;
89        overflow-y: hidden;
90        text-align: center;
91}
92
93.thumbHoriz .thumbScroller {
94        width: 500px;
95        height: 85px;
96        float: left;
97}
98
99.thumbVert .thumbScroller {
100        height: 500px;
101        width: 100px;   
102}
103
104.thumbWrapper {
105        float: left;
106}
107
108.thumbVert .thumbWrapper {
109        width: 100px;
110        height: 10px;
111}
112.thumbHoriz .thumbWapper {
113        height:85px;
114        width: 10px;
115}
116
117.thumbWrapper.thumbHoriz div {
118        float: left;
119        padding-right: 2px;
120}
121
122.thumbWrapper.thumbVert {
123        width: 100px;
124}
125
126.thumbWrapper.thumbVert div {
127        padding-bottom: 2px;
128}
129
Note: See TracBrowser for help on using the repository browser.