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

Last change on this file since 12975 was 12975, checked in by Zaphod, 12 years ago

version 1.2.0

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