source: extensions/stripped-galleria/galleria/themes/classic/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: #000;
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: #000;
42    margin: 0 5px 0 0;
43    border: 1px solid #000;
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: #fff;
53    font: normal 11px/1 arial,sans-serif;
54    z-index: 1;
55}
56.galleria-loader {
57    background: #000;
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: #050505;
76    padding: 12px;
77    display: none;
78    /* IE7 */ zoom:1;
79        opacity:0.8;
80    filter: alpha(opacity=80);
81}
82.galleria-info-title {
83        line-height:1.1;
84    margin: 0;
85    color: #fff;
86        margin-bottom: 7px;
87}
88.galleria-info-description {
89    font-style: italic;
90        line-height:1.4;
91    margin: 0;
92    color: #fff;
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 }
123 .notouch .galleria-info-link:hover {
124    opacity: 1;
125    filter: alpha(opacity=100);
126}
127.touch .galleria-info-link:active {
128    opacity: 1;
129    filter: alpha(opacity=100);
130}
131.galleria-image-nav {
132    position: absolute;
133    top: 50%;
134    margin-top: -62px;
135    width: 100%;
136    height: 62px;
137    left: 0;
138}
139.galleria-image-nav-left,
140.galleria-image-nav-right {
141    opacity: .3;
142    filter: alpha(opacity=30);
143    cursor: pointer;
144    width: 62px;
145    height: 124px;
146    position: absolute;
147    left: 10px;
148    z-index: 2;
149    background-position: 0 46px;
150}
151.galleria-image-nav-right {
152    left: auto;
153    right: 10px;
154    background-position: -254px 46px;
155    z-index: 2;
156}
157.notouch .galleria-image-nav-left:hover,
158.notouch .galleria-image-nav-right:hover {
159    opacity: 1;
160    filter: alpha(opacity=100);
161}
162.touch .galleria-image-nav-left:active,
163.touch .galleria-image-nav-right:active {
164    opacity: 1;
165    filter: alpha(opacity=100);
166}
167.galleria-thumb-nav-left,
168.galleria-thumb-nav-right {
169    cursor: pointer;
170    display: none;
171    background-position: -495px 5px;
172    position: absolute;
173    left: 0;
174    top: 0;
175    height: 40px;
176    width: 23px;
177    z-index: 3;
178    opacity: .8;
179    filter: alpha(opacity=80);
180}
181.galleria-thumb-nav-right {
182    background-position: -578px 5px;
183    border-right: none;
184    right: 0;
185    left: auto;
186}
187.galleria-thumbnails-container .disabled {
188    opacity: .2;
189    filter: alpha(opacity=20);
190    cursor: default;
191}
192.notouch .galleria-thumb-nav-left:hover,
193.notouch .galleria-thumb-nav-right:hover {
194    opacity: 1;
195    filter: alpha(opacity=100);
196    background-color: #111;
197}
198.touch .galleria-thumb-nav-left:active,
199.touch .galleria-thumb-nav-right:active {
200    opacity: 1;
201    filter: alpha(opacity=100);
202    background-color: #111;
203}
204.notouch .galleria-thumbnails-container .disabled:hover {
205    opacity: .2;
206    filter: alpha(opacity=20);
207    background-color: transparent;
208}
209
210.galleria-carousel .galleria-thumb-nav-left,
211.galleria-carousel .galleria-thumb-nav-right {
212    display: block;
213}
214.galleria-thumb-nav-left,
215.galleria-thumb-nav-right,
216.galleria-info-link,
217.galleria-info-close,
218.galleria-image-nav-left,
219.galleria-image-nav-right {
220    background-image: url(classic-map.png);
221    background-repeat: no-repeat;
222}
Note: See TracBrowser for help on using the repository browser.