← Back to branch summary

~ubuntu-branches/ubuntu/utopic/jquery-goodies/utopic-proposed

« back to all changes in this revision

Viewing changes to galleriffic/css/galleriffic-3.css

  • Committer: Bazaar Package Importer
  • Author(s): Marcelo Jorge Vieira (metal)
  • Date: 2011-04-15 17:28:14 UTC
  • Revision ID: james.westby@ubuntu.com-20110415172814-kvs9sfnycn3o3hk6
Tags: upstream-3
Import upstream version 3

Show diffs side-by-side

added added

removed removed

Lines of Context:
galleriffic/css/galleriffic-3.css
 
1
div.content {
 
2
        /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
 
3
        display: none;
 
4
        float: right;
 
5
        width: 550px; 
 
6
}
 
7
div.content a, div.navigation a {
 
8
        text-decoration: none;
 
9
        color: #777;
 
10
}
 
11
div.content a:focus, div.content a:hover, div.content a:active {
 
12
        text-decoration: underline;
 
13
}
 
14
div.controls {
 
15
        margin-top: 5px;
 
16
        height: 23px;
 
17
}
 
18
div.controls a {
 
19
        padding: 5px;
 
20
}
 
21
div.ss-controls {
 
22
        float: left;
 
23
}
 
24
div.nav-controls {
 
25
        float: right;
 
26
}
 
27
div.slideshow-container {
 
28
        position: relative;
 
29
        clear: both;
 
30
        height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
 
31
}
 
32
div.loader {
 
33
        position: absolute;
 
34
        top: 0;
 
35
        left: 0;
 
36
        background-image: url('loader.gif');
 
37
        background-repeat: no-repeat;
 
38
        background-position: center;
 
39
        width: 550px;
 
40
        height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
 
41
}
 
42
div.slideshow {
 
43
 
 
44
}
 
45
div.slideshow span.image-wrapper {
 
46
        display: block;
 
47
        position: absolute;
 
48
        top: 0;
 
49
        left: 0;
 
50
}
 
51
div.slideshow a.advance-link {
 
52
        display: block;
 
53
        width: 550px;
 
54
        height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
 
55
        line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
 
56
        text-align: center;
 
57
}
 
58
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
 
59
        text-decoration: none;
 
60
}
 
61
div.slideshow img {
 
62
        vertical-align: middle;
 
63
        border: 1px solid #ccc;
 
64
}
 
65
div.download {
 
66
        float: right;
 
67
}
 
68
div.caption-container {
 
69
        position: relative;
 
70
        clear: left;
 
71
        height: 75px;
 
72
}
 
73
span.image-caption {
 
74
        display: block;
 
75
        position: absolute;
 
76
        width: 550px;
 
77
        top: 0;
 
78
        left: 0;
 
79
}
 
80
div.caption {
 
81
        padding: 12px;
 
82
}
 
83
div.image-title {
 
84
        font-weight: bold;
 
85
        font-size: 1.4em;
 
86
}
 
87
div.image-desc {
 
88
        line-height: 1.3em;
 
89
        padding-top: 12px;
 
90
}
 
91
div.navigation {
 
92
        /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
 
93
}
 
94
ul.thumbs {
 
95
        clear: both;
 
96
        margin: 0;
 
97
        padding: 0;
 
98
}
 
99
ul.thumbs li {
 
100
        float: left;
 
101
        padding: 0;
 
102
        margin: 5px 10px 5px 0;
 
103
        list-style: none;
 
104
}
 
105
a.thumb {
 
106
        padding: 2px;
 
107
        display: block;
 
108
        border: 1px solid #ccc;
 
109
}
 
110
ul.thumbs li.selected a.thumb {
 
111
        background: #000;
 
112
}
 
113
a.thumb:focus {
 
114
        outline: none;
 
115
}
 
116
ul.thumbs img {
 
117
        border: none;
 
118
        display: block;
 
119
}
 
120
div.pagination {
 
121
        clear: both;
 
122
}
 
123
div.navigation div.top {
 
124
        margin-bottom: 12px;
 
125
        height: 11px;
 
126
}
 
127
div.navigation div.bottom {
 
128
        margin-top: 12px;
 
129
}
 
130
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
 
131
        display: block;
 
132
        float: left;
 
133
        margin-right: 2px;
 
134
        padding: 4px 7px 2px 7px;
 
135
        border: 1px solid #ccc;
 
136
}
 
137
div.pagination a:hover {
 
138
        background-color: #eee;
 
139
        text-decoration: none;
 
140
}
 
141
div.pagination span.current {
 
142
        font-weight: bold;
 
143
        background-color: #000;
 
144
        border-color: #000;
 
145
        color: #fff;
 
146
}
 
147
div.pagination span.ellipsis {
 
148
        border: none;
 
149
        padding: 5px 0 3px 2px;
 
150
}