source: extensions/stripped-galleria/galleria/themes/classic/galleria.classic.css @ 26671

Last change on this file since 26671 was 26671, checked in by flop25, 10 years ago

updated for 2.5 & 2.6

File size: 4.7 KB
Line 
1/* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */
2
3#galleria-loader{height:1px!important}
4
5.galleria-container {
6    position: relative;
7    overflow: hidden;
8    background: #000;
9}
10.galleria-container img {
11    -moz-user-select: none;
12    -webkit-user-select: none;
13    -o-user-select: none;
14}
15.galleria-stage {
16    position: absolute;
17    top: 10px;
18    bottom: 60px;
19    left: 10px;
20    right: 10px;
21    overflow:hidden;
22}
23.galleria-thumbnails-container {
24    height: 50px;
25    bottom: 0;
26    position: absolute;
27    left: 10px;
28    right: 10px;
29    z-index: 2;
30}
31.galleria-carousel .galleria-thumbnails-list {
32    margin-left: 30px;
33    margin-right: 30px;
34}
35.galleria-thumbnails .galleria-image {
36    height: 40px;
37    width: 60px;
38    background: #000;
39    margin: 0 5px 0 0;
40    border: 1px solid #000;
41    float: left;
42    cursor: pointer;
43}
44.galleria-counter {
45    position: absolute;
46    bottom: 10px;
47    left: 10px;
48    text-align: right;
49    color: #fff;
50    font: normal 11px/1 arial,sans-serif;
51    z-index: 1;
52}
53.galleria-loader {
54    background: #000;
55    width: 20px;
56    height: 20px;
57    position: absolute;
58    top: 10px;
59    right: 10px;
60    z-index: 2;
61    display: none;
62    background: url(classic-loader.gif) no-repeat 2px 2px;
63}
64.galleria-info {
65    width: 50%;
66    top: 15px;
67    left: 15px;
68    z-index: 2;
69    position: absolute;
70}
71.galleria-info-text {
72    background-color: #000;
73    padding: 12px;
74    display: none;
75    /* IE7 */ zoom:1;
76}
77.galleria-info-title {
78    font: bold 12px/1.1 arial,sans-serif;
79    margin: 0;
80    color: #fff;
81    margin-bottom: 7px;
82}
83.galleria-info-description {
84    font: italic 12px/1.4 georgia,serif;
85    margin: 0;
86    color: #bbb;
87}
88.galleria-info-close {
89    width: 9px;
90    height: 9px;
91    position: absolute;
92    top: 5px;
93    right: 5px;
94    background-position: -753px -11px;
95    opacity: .5;
96    filter: alpha(opacity=50);
97    cursor: pointer;
98    display: none;
99}
100.notouch .galleria-info-close:hover{
101    opacity:1;
102    filter: alpha(opacity=100);
103}
104.touch .galleria-info-close:active{
105    opacity:1;
106    filter: alpha(opacity=100);
107}
108.galleria-info-link {
109    background-position: -669px -5px;
110    opacity: .7;
111    filter: alpha(opacity=70);
112    position: absolute;
113    width: 20px;
114    height: 20px;
115    cursor: pointer;
116    background-color: #000;
117}
118.notouch .galleria-info-link:hover {
119    opacity: 1;
120    filter: alpha(opacity=100);
121}
122.touch .galleria-info-link:active {
123    opacity: 1;
124    filter: alpha(opacity=100);
125}
126.galleria-image-nav {
127    position: absolute;
128    top: 50%;
129    margin-top: -62px;
130    width: 100%;
131    height: 62px;
132    left: 0;
133}
134.galleria-image-nav-left,
135.galleria-image-nav-right {
136    opacity: .3;
137    filter: alpha(opacity=30);
138    cursor: pointer;
139    width: 62px;
140    height: 124px;
141    position: absolute;
142    left: 10px;
143    z-index: 2;
144    background-position: 0 46px;
145}
146.galleria-image-nav-right {
147    left: auto;
148    right: 10px;
149    background-position: -254px 46px;
150    z-index: 2;
151}
152.notouch .galleria-image-nav-left:hover,
153.notouch .galleria-image-nav-right:hover {
154    opacity: 1;
155    filter: alpha(opacity=100);
156}
157.touch .galleria-image-nav-left:active,
158.touch .galleria-image-nav-right:active {
159    opacity: 1;
160    filter: alpha(opacity=100);
161}
162.galleria-thumb-nav-left,
163.galleria-thumb-nav-right {
164    cursor: pointer;
165    display: none;
166    background-position: -495px 5px;
167    position: absolute;
168    left: 0;
169    top: 0;
170    height: 40px;
171    width: 23px;
172    z-index: 3;
173    opacity: .8;
174    filter: alpha(opacity=80);
175}
176.galleria-thumb-nav-right {
177    background-position: -578px 5px;
178    border-right: none;
179    right: 0;
180    left: auto;
181}
182.galleria-thumbnails-container .disabled {
183    opacity: .2;
184    filter: alpha(opacity=20);
185    cursor: default;
186}
187.notouch .galleria-thumb-nav-left:hover,
188.notouch .galleria-thumb-nav-right:hover {
189    opacity: 1;
190    filter: alpha(opacity=100);
191    background-color: #111;
192}
193.touch .galleria-thumb-nav-left:active,
194.touch .galleria-thumb-nav-right:active {
195    opacity: 1;
196    filter: alpha(opacity=100);
197    background-color: #111;
198}
199.notouch .galleria-thumbnails-container .disabled:hover {
200    opacity: .2;
201    filter: alpha(opacity=20);
202    background-color: transparent;
203}
204
205.galleria-carousel .galleria-thumb-nav-left,
206.galleria-carousel .galleria-thumb-nav-right {
207    display: block;
208}
209.galleria-thumb-nav-left,
210.galleria-thumb-nav-right,
211.galleria-info-link,
212.galleria-info-close,
213.galleria-image-nav-left,
214.galleria-image-nav-right {
215    background-image: url(classic-map.png);
216    background-repeat: no-repeat;
217}
218.galleria-container.videoplay .galleria-info,
219.galleria-container.videoplay .galleria-counter{ display:none!important; }
Note: See TracBrowser for help on using the repository browser.