xref: /plugin/popupviewer/style.css (revision 6ed83c6540b28ab4d3ecd6f835b4042fa04a21f1) 
1
2div#popupviewer, div#popupviewer_overlay {
3	width: 100%;
4	height: 100%;
5	top: 0px;
6	left: 0px;
7	z-index: 11000;
8	position: absolute;
9
10}
11
12div#popupviewer_overlay {
13	background-color: #000;
14	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
15	filter:alpha(opacity=80);
16	-moz-opacity:.80;
17	-webkit-transition: opacity 1s linear;
18	opacity: 0.8;
19}
20
21div#popupviewer_content {
22	background-color: #fff;
23	border: 2px solid #999;
24	z-index: 11002;
25	padding: 10px;
26	overflow: auto;
27}
28
29div#popupviewer_content.isImage {
30	padding: 0px;
31	border: none;
32	background-color: transparent;
33	overflow: visible;
34}
35
36div#popupviewer_content div.additionalContent {
37	background-color: #fff;
38	padding: 0px 30px;
39	position:relative;
40	border: 1px solid #333;
41}
42
43div#popupviewer_content.isImage img, div#popupviewer_loader_div, div#popupviewer_content.dokuwiki, div#popupviewer_content div.additionalContent {
44
45	box-shadow: 0.2em 0.2em 3em rgba(255, 255, 255, 0.4);
46	-moz-box-shadow: 0.2em 0.2em 3em rgba(255, 255, 255, 0.4);
47	-webkit-box-shadow: 0.2em 0.2em 3em rgba(255,255,255, 0.4);
48
49	border-radius: 6px;
50	-moz-border-radius: 6px;
51	-webkit-border-radius: 6px;
52}
53
54div#popupviewer_content.hidden *{
55	visibility: hidden;
56}
57
58div#popupviewer_content img.imageContent {
59	margin-left: auto;
60	margin-right: auto;
61	position: relative;
62
63	background-color: __background__;
64}
65
66div#popupviewer_control {
67	position:absolute;
68	left:0px;
69	top:0px;
70	z-index: 11004;
71}
72
73#popupviewer_control_closeImage,
74#popupviewer_control_prevoiusImage,
75#popupviewer_control_nextImage {
76	width: 24px;
77	height: 24px;
78	display: block;
79	cursor: pointer;
80	position: absolute;
81	top: 0px;
82	right: 0px;
83	margin-top: -13px;
84	margin-right: -13px;
85	z-index: 11010;
86}
87
88#popupviewer_control_closeImage {
89	background: url(images/modifier-images.png) -48px 0 no-repeat;
90}
91
92#popupviewer_control_prevoiusImage {
93	background: url(images/modifier-images.png) 0 0 no-repeat;
94	margin-right: 50px;
95}
96
97#popupviewer_control_nextImage {
98	background: url(images/modifier-images.png) -24px 0 no-repeat;
99	margin-right: 26px;
100}
101
102* html #popupviewer_control_closeImage {
103	background: none;
104	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/plugins/popupviewer/images/close.png', sizingMethod='crop');
105	right: 15px;
106}
107
108* html #popupviewer_control_prevoiusImage {
109	background: none;
110	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/plugins/popupviewer/images/previous.png', sizingMethod='crop');
111	right: 15px;
112}
113
114* html #popupviewer_control_nextImage {
115	background: none;
116	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/plugins/popupviewer/images/next.png', sizingMethod='crop');
117	right: 15px;
118}
119
120
121#popupviewer_control_prevoiusImage.inactive,
122#popupviewer_control_nextImage.inactive {
123	cursor: default;
124	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
125	filter:alpha(opacity=5);
126	-moz-opacity:.5;
127	opacity:.5;
128}
129
130div#popupviewer_loader_div {
131	background: url(images/loading.gif);
132	width: 208px;
133	height: 13px;
134	margin: auto;
135	position: relative;
136}