xref: /webtrees/resources/css/_colorbox.css (revision facade402cb57d53631f2fb96d98b1a0b2ba9815) 
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2019 webtrees development team
4 * This program is free software: you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation, either version 3 of the License, or
7 * (at your option) any later version.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
12 * You should have received a copy of the GNU General Public License
13 * along with this program. If not, see <http://www.gnu.org/licenses/>.
14 */
15
16/*
17 * http://www.jacklmoore.com/colorbox
18 *
19 * #cboxOverlay
20 * #cboxLoadingOverlay
21 * #cboxLoadingGraphic
22 * #colorbox
23 * +----#cboxWrapper
24 *      +----<div>
25 *      |    +----#cboxTopLeft
26 *      |    +----#cboxTopCentre
27 *      |    +----#cboxTopRight
28 *      +----<div>
29 *      |    +----#cboxMiddleLeft
30 *      |    +----#cboxContent
31 *      |    |    +----#cboxLoadedContent
32 *      |    |         +----#cboxPhoto
33 *      |    |    +----#cboxTitle
34 *      |    |    +----#cboxCurrent
35 *      |    |    +----#cboxPrevious
36 *      |    |    +----#cboxNext
37 *      |    |    +----#cboxSlideshow
38 *      |    |    +----#cboxLoadingOverlay
39 *      |    |    +----#cboxLoadingGraphic
40 *      |    |    +----#cboxClose
41 *      |    +----cboxMiddleRight
42 *      +----<div>
43 *           +----#cboxBottomLeft
44 *           +----#cboxBottomCenter
45 *           +----#cboxBottomRight
46 */
47
48#cboxOverlay,
49#cboxLoadingOverlay,
50#cboxLoadingGraphic {
51    position: fixed;
52    width: 100%;
53    height: 100%;
54}
55
56#cboxOverlay,
57#colorbox {
58    z-index: 9999;
59}
60
61#cboxContent,
62#cboxOverlay {
63    background: #fff;
64}
65
66#cboxContent {
67    overflow: hidden;
68    position: relative;
69    padding: 0.5rem;
70    border: 0.25rem solid #ccc;
71    border-radius: 0.5rem;
72    box-sizing: content-box;
73}
74
75.cboxPhoto {
76    margin: auto;
77    display: block;
78}
79
80#cboxError {
81    padding: 50px;
82    border: 1px solid #ccc;
83}
84
85#cboxLoadedContent {
86    margin-bottom: 28px;
87    box-sizing: content-box;
88}
89
90#cboxTitle {
91    background: #fff;
92    position: absolute;
93    bottom: 0.25rem;
94    margin: 0 2rem 0 4.5rem;
95    text-align: center;
96}
97
98#cboxLoadingGraphic {
99    background: url(images/loading-32x32.gif) no-repeat center center;
100}
101
102#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
103    background: #eee;
104    border: 0;
105    border-radius: 0.5rem;
106    overflow: visible;
107    padding: 0 0.5rem;
108    position: absolute;
109}
110
111#cboxSlideshow {
112    bottom: 0.25rem;
113    right: 0.25rem;
114}
115
116#cboxPrevious {
117    bottom: 0.25rem;
118    left: 0.25rem;
119}
120
121#cboxNext {
122    bottom: 0.25rem;
123    left: 2.5rem;
124}
125
126#cboxClose {
127    top: 0.25rem;
128    right: 0.25rem;
129}
130