modelo_minuta
Last change
on this file since 40f563a was
1b91e02,
checked in by aosorio <aosorio@…>, 8 years ago
|
Version para desarrollo local
|
-
Property mode set to
100755
|
File size:
2.3 KB
|
Line | |
---|
1 | // licensed under the Affero General Public License version 3 or later. See |
---|
2 | // the COPYRIGHT file. |
---|
3 | |
---|
4 | @import 'colors'; |
---|
5 | @import 'mixins'; |
---|
6 | |
---|
7 | #lightbox{ |
---|
8 | z-index: 1003; |
---|
9 | position: fixed; |
---|
10 | top: 0; |
---|
11 | right: 0; |
---|
12 | display: none; |
---|
13 | overflow-y: auto; |
---|
14 | width: 100%; |
---|
15 | text-align: center; |
---|
16 | padding-top: 80px; |
---|
17 | padding-bottom: 20px; |
---|
18 | |
---|
19 | color: $text-dark-grey; |
---|
20 | text-shadow: none; |
---|
21 | font-size: 12px; |
---|
22 | |
---|
23 | &.show{ |
---|
24 | position: absolute; |
---|
25 | display: block; |
---|
26 | } |
---|
27 | |
---|
28 | #lightbox-image{ |
---|
29 | box-shadow: 0 10px 20px black; |
---|
30 | top: 0; |
---|
31 | display: block; |
---|
32 | margin-bottom: 120px; |
---|
33 | background: white; |
---|
34 | } |
---|
35 | |
---|
36 | #lightbox-content{ |
---|
37 | text-align: left; |
---|
38 | display: inline-block; |
---|
39 | } |
---|
40 | |
---|
41 | #lightbox-links{ |
---|
42 | margin-top: 12px; |
---|
43 | |
---|
44 | .attribution{ |
---|
45 | float: right; |
---|
46 | } |
---|
47 | |
---|
48 | #lightbox-attribution-link{ |
---|
49 | color: #999; |
---|
50 | font-weight: bold; |
---|
51 | &:hover{ |
---|
52 | color: #eee; |
---|
53 | } |
---|
54 | } |
---|
55 | } |
---|
56 | |
---|
57 | #lightbox-close-link, |
---|
58 | #lightbox-attribution-link, |
---|
59 | #lightbox-short-link{ |
---|
60 | display: inline-block; |
---|
61 | color: #333; |
---|
62 | text-decoration: none; |
---|
63 | line-height: 14px; |
---|
64 | |
---|
65 | &:hover{ |
---|
66 | color: #eee; |
---|
67 | } |
---|
68 | } |
---|
69 | |
---|
70 | #lightbox-close-link{ |
---|
71 | color: $text-dark-grey; |
---|
72 | margin-bottom: 12px; |
---|
73 | } |
---|
74 | } |
---|
75 | |
---|
76 | #lightbox-backdrop{ |
---|
77 | box-shadow:inset 0 0 50px #000000; |
---|
78 | |
---|
79 | z-index: 1002; |
---|
80 | position: fixed; |
---|
81 | height: 100%; |
---|
82 | width: 100%; |
---|
83 | top: 0; |
---|
84 | left: 0; |
---|
85 | background-color: rgba(0,0,0,0.9); |
---|
86 | display: none; |
---|
87 | } |
---|
88 | |
---|
89 | #lightbox-navigation{ |
---|
90 | z-index: 1004; |
---|
91 | position: fixed; |
---|
92 | width: 100%; |
---|
93 | left: 0; |
---|
94 | bottom: 0; |
---|
95 | text-align: center; |
---|
96 | background-color: rgba(0,0,0,0.4); |
---|
97 | padding: 5px 0; |
---|
98 | white-space: nowrap; |
---|
99 | overflow: hidden; |
---|
100 | } |
---|
101 | |
---|
102 | #lightbox-scrollleft, #lightbox-scrollright{ |
---|
103 | z-index: 1005; |
---|
104 | color: #fff; |
---|
105 | background-color: #0f0f0f; |
---|
106 | display: inline-block; |
---|
107 | height: 70px; |
---|
108 | width: 30px; |
---|
109 | position: fixed; |
---|
110 | cursor: pointer; |
---|
111 | font-size: 3em; |
---|
112 | } |
---|
113 | |
---|
114 | #lightbox-scrollleft{ |
---|
115 | left: 0px; |
---|
116 | } |
---|
117 | |
---|
118 | #lightbox-scrollright{ |
---|
119 | right: 0px; |
---|
120 | } |
---|
121 | |
---|
122 | #lightbox-imageset{ |
---|
123 | display: inline-block; |
---|
124 | vertical-align: bottom; |
---|
125 | padding-left: 50px; |
---|
126 | padding-right: 50px; |
---|
127 | |
---|
128 | img{ |
---|
129 | transition: opacity 0.2s; |
---|
130 | opacity: 0.2; |
---|
131 | height: 70px; |
---|
132 | width: 70px; |
---|
133 | margin-right: 5px; |
---|
134 | cursor: pointer; |
---|
135 | background-color: white; |
---|
136 | |
---|
137 | &:last-child{ |
---|
138 | margin-right: 0; |
---|
139 | } |
---|
140 | |
---|
141 | &.selected{ |
---|
142 | opacity: 1; |
---|
143 | } |
---|
144 | } |
---|
145 | } |
---|
146 | |
---|
147 | body.lightboxed{ |
---|
148 | overflow: hidden; |
---|
149 | #lightbox-backdrop{ |
---|
150 | display: block; |
---|
151 | } |
---|
152 | } |
---|
153 | |
---|
Note: See
TracBrowser
for help on using the repository browser.