xref: /webtrees/resources/css/_colorbox.css (revision 69100c6d2f376ba137a90d02f7e41a8ae5929352) 
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