source: sandbox/2.2.0.2/library/jcarousel/skins/default/skin.css @ 4492

Revision 4492, 5.0 KB checked in by adriano, 13 years ago (diff)

Ticket #812 - Melhorias nas interfaces de leitura e composiacao de email do Expresso Mail

Line 
1.jcarousel-skin-default {width:100%;}
2.jcarousel-skin-default .jcarousel-container {
3    background: #3564A1;
4    border: 1px solid #7066A4;
5}
6
7.jcarousel-skin-default .jcarousel-direction-rtl {
8        direction: rtl;
9}
10
11.jcarousel-skin-default .jcarousel-container-horizontal {
12
13    /*padding: 20px 40px;*/
14    padding: 10px 0;
15}
16
17.jcarousel-skin-default .jcarousel-container-vertical {
18    width: 75px;
19    height: 245px;
20    padding: 40px 20px;
21}
22
23.jcarousel-skin-default .jcarousel-clip {
24    overflow: hidden;
25        margin:0 45px;
26}
27
28.jcarousel-skin-default .jcarousel-clip-horizontal {
29    /*width:  245px;*/
30    height: 90px;
31}
32
33.jcarousel-skin-default .jcarousel-clip-vertical {
34    width:  75px;
35    height: 245px;
36}
37
38.jcarousel-skin-default .jcarousel-item {
39    /*width: 75px;*/
40    height: 85px;
41}
42
43.jcarousel-skin-default .jcarousel-item-horizontal {
44        margin-left: 0;
45    margin-right: 10px;
46}
47
48ul.expressomail-thumbs-list   li.jcarousel-item-horizontal a img { border:none; -moz-box-shadow: 2px 2px 6px #fff; -webkit-box-shadow: 2px 2px 6px #fff; box-shadow: 2px 2px 6px #fff; }
49/*ul.expressomail-thumbs-list li img { border:none; -moz-box-shadow: 0 0 4px #fff; -webkit-box-shadow: 0 0 4px #fff; box-shadow: 0 0 4px #fff; } */
50.jcarousel-skin-default .jcarousel-direction-rtl .jcarousel-item-horizontal {
51        margin-left: 10px;
52    margin-right: 0;
53}
54
55.jcarousel-skin-default .jcarousel-item-vertical {
56    margin-bottom: 10px;
57}
58
59.jcarousel-skin-default .jcarousel-item-placeholder {
60    background: #fff;
61    color: #000;
62}
63
64/**
65 *  Horizontal Buttons
66 */
67.jcarousel-skin-default .jcarousel-next-horizontal {
68    position: absolute;
69    top: 38px;
70    right: 5px;
71    width: 32px;
72    height: 32px;
73    cursor: pointer;
74    background: transparent url(next-horizontal.png) no-repeat 0 0;
75}
76
77.jcarousel-skin-default .jcarousel-direction-rtl .jcarousel-next-horizontal {
78    left: 5px;
79    right: auto;
80    background-image: url(prev-horizontal.png);
81}
82
83.jcarousel-skin-default .jcarousel-next-horizontal:hover,
84.jcarousel-skin-default .jcarousel-next-horizontal:focus {
85    background-position: -32px 0;
86}
87
88.jcarousel-skin-default .jcarousel-next-horizontal:active {
89    background-position: -64px 0;
90}
91
92.jcarousel-skin-default .jcarousel-next-disabled-horizontal,
93.jcarousel-skin-default .jcarousel-next-disabled-horizontal:hover,
94.jcarousel-skin-default .jcarousel-next-disabled-horizontal:focus,
95.jcarousel-skin-default .jcarousel-next-disabled-horizontal:active {
96    cursor: default;
97    background-position: -96px 0;
98}
99
100.jcarousel-skin-default .jcarousel-prev-horizontal {
101    position: absolute;
102    top: 38px;
103    left: 5px;
104    width: 32px;
105    height: 32px;
106    cursor: pointer;
107    background: transparent url(prev-horizontal.png) no-repeat 0 0;
108}
109
110.jcarousel-skin-default .jcarousel-direction-rtl .jcarousel-prev-horizontal {
111    left: auto;
112    right: 5px;
113    background-image: url(next-horizontal.png);
114}
115
116.jcarousel-skin-default .jcarousel-prev-horizontal:hover,
117.jcarousel-skin-default .jcarousel-prev-horizontal:focus {
118    background-position: -32px 0;
119}
120
121.jcarousel-skin-default .jcarousel-prev-horizontal:active {
122    background-position: -64px 0;
123}
124
125.jcarousel-skin-default .jcarousel-prev-disabled-horizontal,
126.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:hover,
127.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:focus,
128.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:active {
129    cursor: default;
130    background-position: -96px 0;
131}
132
133/**
134 *  Vertical Buttons
135 */
136.jcarousel-skin-default .jcarousel-next-vertical {
137    position: absolute;
138    bottom: 5px;
139    left: 43px;
140    width: 32px;
141    height: 32px;
142    cursor: pointer;
143    background: transparent url(next-vertical.png) no-repeat 0 0;
144}
145
146.jcarousel-skin-default .jcarousel-next-vertical:hover,
147.jcarousel-skin-default .jcarousel-next-vertical:focus {
148    background-position: 0 -32px;
149}
150
151.jcarousel-skin-default .jcarousel-next-vertical:active {
152    background-position: 0 -64px;
153}
154
155.jcarousel-skin-default .jcarousel-next-disabled-vertical,
156.jcarousel-skin-default .jcarousel-next-disabled-vertical:hover,
157.jcarousel-skin-default .jcarousel-next-disabled-vertical:focus,
158.jcarousel-skin-default .jcarousel-next-disabled-vertical:active {
159    cursor: default;
160    background-position: 0 -96px;
161}
162
163.jcarousel-skin-default .jcarousel-prev-vertical {
164    position: absolute;
165    top: 5px;
166    left: 43px;
167    width: 32px;
168    height: 32px;
169    cursor: pointer;
170    background: transparent url(prev-vertical.png) no-repeat 0 0;
171}
172
173.jcarousel-skin-default .jcarousel-prev-vertical:hover,
174.jcarousel-skin-default .jcarousel-prev-vertical:focus {
175    background-position: 0 -32px;
176}
177
178.jcarousel-skin-default .jcarousel-prev-vertical:active {
179    background-position: 0 -64px;
180}
181
182.jcarousel-skin-default .jcarousel-prev-disabled-vertical,
183.jcarousel-skin-default .jcarousel-prev-disabled-vertical:hover,
184.jcarousel-skin-default .jcarousel-prev-disabled-vertical:focus,
185.jcarousel-skin-default .jcarousel-prev-disabled-vertical:active {
186    cursor: default;
187    background-position: 0 -96px;
188}
Note: See TracBrowser for help on using the repository browser.