Blame view

sources/apps/gallery/css/styles.css 1.87 KB
d1bafeea1   Kload   [fix] Upgrade to ...
1
2
3
  button.share {
  	display: none;
  }
6d9380f96   Cédric Dupont   Update sources OC...
4
5
6
7
8
9
  #content-wrapper {
  	overflow-x: auto;
  }
  
  #gallery.hascontrols {
  	overflow: hidden;
d1bafeea1   Kload   [fix] Upgrade to ...
10
  	text-align: justify;
6d9380f96   Cédric Dupont   Update sources OC...
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
  	top: 44px;
  	padding-bottom: 100px;
  }
  
  #gallery .row {
  	line-height: 0;
  	width: 100%;
  	white-space: nowrap;
  }
  
  #gallery .row:first-child {
  	margin-top: 2px;
  }
  
  #gallery .row a:first-child {
  	margin-left: 4px;
  }
  
  #gallery .row a:last-child {
  	margin-right: 4px;
  }
  
  #gallery .row a {
  	display: inline-block;
  	height: auto;
  	padding: 0;
  	margin: 2px;
d1bafeea1   Kload   [fix] Upgrade to ...
38
  }
6d9380f96   Cédric Dupont   Update sources OC...
39
40
41
42
43
44
  #gallery a.album label, #gallery a.image label {
  	color: rgb(255, 255, 255);
  	text-shadow: 0 0 7px rgb(0, 0, 0);
  	position: relative;
  	bottom: 15px;
  	left: 10px;
d1bafeea1   Kload   [fix] Upgrade to ...
45
  }
6d9380f96   Cédric Dupont   Update sources OC...
46
47
48
  #gallery a.album > img {
  	max-width: 200px;
  	max-height: 200px;
d1bafeea1   Kload   [fix] Upgrade to ...
49
  }
6d9380f96   Cédric Dupont   Update sources OC...
50
  #gallery a.album > label {
d1bafeea1   Kload   [fix] Upgrade to ...
51
52
53
  	color: white;
  	text-shadow: 0 0 10px #000;
  	position: absolute;
6d9380f96   Cédric Dupont   Update sources OC...
54
  	left: 0;
d1bafeea1   Kload   [fix] Upgrade to ...
55
56
57
  	width: 100%;
  	text-align: center;
  	font-size: 18px;
6d9380f96   Cédric Dupont   Update sources OC...
58
59
60
61
  	line-height: normal;
  	box-sizing: border-box;
  	padding: 5px;
  	overflow-x: hidden;
d1bafeea1   Kload   [fix] Upgrade to ...
62
  	text-overflow: ellipsis;
6d9380f96   Cédric Dupont   Update sources OC...
63
  	z-index: 11;
d1bafeea1   Kload   [fix] Upgrade to ...
64
  }
6d9380f96   Cédric Dupont   Update sources OC...
65
  #gallery a {
d1bafeea1   Kload   [fix] Upgrade to ...
66
  	display: inline-block;
6d9380f96   Cédric Dupont   Update sources OC...
67
  	margin: 0;
d1bafeea1   Kload   [fix] Upgrade to ...
68
69
70
71
72
  	position: relative;
  	vertical-align: top;
  	*display: inline;
  	zoom: 1;
  }
6d9380f96   Cédric Dupont   Update sources OC...
73
  #gallery a.image > img {
d1bafeea1   Kload   [fix] Upgrade to ...
74
  	max-height: 200px;
6d9380f96   Cédric Dupont   Update sources OC...
75
  	width: auto;
d1bafeea1   Kload   [fix] Upgrade to ...
76
  }
6d9380f96   Cédric Dupont   Update sources OC...
77
78
  #gallery a.album,
  #gallery a.image {
d1bafeea1   Kload   [fix] Upgrade to ...
79
80
81
82
83
84
85
  	opacity: 1;
  	transition: opacity 500ms;
  	-moz-transition: opacity 500ms;
  	-o-transition: opacity 500ms;
  	-ms-transition: opacity 500ms;
  	-webkit-transition: opacity 500ms;
  }
6d9380f96   Cédric Dupont   Update sources OC...
86
87
88
  
  #gallery a.album.loading,
  #gallery a.image.loading {
d1bafeea1   Kload   [fix] Upgrade to ...
89
90
91
92
93
94
  	opacity: 0;
  }
  
  #controls > .right {
  	float: right;
  }
6d9380f96   Cédric Dupont   Update sources OC...
95
  #gallery > h2 {
d1bafeea1   Kload   [fix] Upgrade to ...
96
97
98
99
100
101
102
103
  	background: #f7f7f7;
  	height: 2.8em;
  	border-top: 1px solid #eee;
  	border-bottom: 1px solid #eee;
  	vertical-align: middle;
  	font-weight: bold;
  	padding: 0.5em;
  	padding-left: 2em;
d1bafeea1   Kload   [fix] Upgrade to ...
104
105
106
  }
  
  #dropdown {
6d9380f96   Cédric Dupont   Update sources OC...
107
  	top: 43px;
d1bafeea1   Kload   [fix] Upgrade to ...
108
109
110
111
  	right: 0;
  	margin-right: 0;
  	border-bottom-right-radius: 0;
  }
6d9380f96   Cédric Dupont   Update sources OC...
112
113
114
115
116
117
118
119
120
  
  #loading {
  	font-size: 16px;
  	color: #888;
  	position: absolute;
  	text-align: center;
  	top: 30%;
  	width: 100%;
  }