xref: /webtrees/resources/css/_colorbox.css (revision 1270d2767576ed4a83917769b0ee3613e3b010bf) 
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2023 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    position: fixed;
50    width: 100%;
51    height: 100%;
52}
53
54#cboxLoadingOverlay,
55#cboxLoadingGraphic {
56    position: absolute;
57    width: 100%;
58    height: 100%;
59}
60
61#cboxOverlay,
62#colorbox {
63    z-index: 9999;
64}
65
66#cboxContent,
67#cboxOverlay {
68    background: #fff;
69}
70
71#cboxContent {
72    overflow: hidden;
73    position: relative;
74    padding: 0.5rem;
75    border: 0.25rem solid #ccc;
76    border-radius: 0.5rem;
77    box-sizing: content-box;
78}
79
80.cboxPhoto {
81    margin: auto;
82    display: block;
83}
84
85#cboxError {
86    padding: 50px;
87    border: 1px solid #ccc;
88}
89
90#cboxLoadedContent {
91    margin-bottom: 28px;
92    box-sizing: content-box;
93}
94
95#cboxTitle {
96    background: #fff;
97    position: absolute;
98    bottom: 0.25rem;
99    margin: 0 2rem 0 4.5rem;
100    text-align: center;
101}
102
103#cboxLoadingGraphic {
104    background: url(images/loading-32x32.gif) no-repeat center center;
105}
106
107#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
108    background: #eee;
109    border: 0;
110    border-radius: 0.5rem;
111    overflow: visible;
112    padding: 0 0.5rem;
113    position: absolute;
114}
115
116#cboxSlideshow {
117    bottom: 0.25rem;
118    right: 0.25rem;
119}
120
121#cboxPrevious {
122    bottom: 0.25rem;
123    left: 0.25rem;
124}
125
126#cboxNext {
127    bottom: 0.25rem;
128    left: 2.5rem;
129}
130
131#cboxClose {
132    top: 0.25rem;
133    right: 0.25rem;
134}
135