← All changes | assets/css/styles.css +84 -99 3.0.2 → 3.4.0 View file →

		@@ -1,99 +1,84 @@
1		-html,
2		-body {
3		- min-height: 100%;
4		- height: auto;
5		-}
6		-
7		-.boxzilla-center-container {
8		- position: fixed;
9		- top: 0;
10		- left: 0;
11		- right: 0;
12		- height: 0;
13		- text-align: center;
14		- z-index: 999999;
15		- line-height: 0;
16		-}
17		-
18		-.boxzilla-center-container .boxzilla{
19		- display: inline-block;
20		- text-align: left;
21		- position: relative;
22		-}
23		-
24		-.boxzilla {
25		- position: fixed;
26		- z-index: 999999;
27		- margin: 0;
28		- -webkit-box-sizing: border-box;
29		- -moz-box-sizing: border-box;
30		- box-sizing: border-box;
31		- background: white;
32		-
33		- /* reset line-height because of container line-height hack */
34		- line-height: normal;
35		- padding: 25px;
36		-}
37		-
38		-.boxzilla.boxzilla-top-left{
39		- top: 0; left: 0; bottom: auto; right: auto;
40		-}
41		-
42		-.boxzilla.boxzilla-top-right{
43		- top: 0; right: 0; bottom: auto; left: auto;
44		-}
45		-
46		-.boxzilla.boxzilla-bottom-left{
47		- bottom: 0; left: 0; top: auto; right: auto;
48		-}
49		-
50		-.boxzilla.boxzilla-bottom-right{
51		- bottom: 0; right: 0; top: auto; left: auto;
52		-}
53		-
54		-/* remove top & bottom margin from last child element */
55		-.boxzilla-content > *:first-child {
56		- margin-top: 0;
57		- padding-top: 0;
58		-}
59		-.boxzilla-content > *:last-child {
60		- margin-bottom: 0;
61		- padding-bottom: 0;
62		-}
63		-
64		-.boxzilla-close-icon {
65		- position:absolute;
66		- right :0;
67		- top: 0;
68		- text-align:center;
69		- padding: 6px;
70		- cursor: pointer;
71		- background: transparent;
72		- border: 0;
73		- -webkit-appearance: none;
74		- font-size: 36px;
75		- font-weight: bold;
76		- line-height: 20px;
77		- color: #000;
78		- opacity: .5;
79		- filter: alpha(opacity=50);
80		-}
81		-
82		-.boxzilla-close-icon:hover, .boxzilla-close-icon:focus {
83		- color: #000;
84		- text-decoration: none;
85		- cursor: pointer;
86		- opacity: .8;
87		- filter: alpha(opacity=80);
88		-}
89		-
90		-#boxzilla-overlay {
91		- position: fixed;
92		- background: rgba(0,0,0,0.65);
93		- width: 100%;
94		- height: 100%;
95		- z-index: 99999;
96		- display: none;
97		- top: 0;
98		- left: 0;
99		-}
	1	+#boxzilla-overlay,.boxzilla-overlay {
	2	+ position: fixed;
	3	+ background: rgba(0, 0, 0, 0.65 );
	4	+ width: 100%;
	5	+ height: 100%;
	6	+ left: 0;
	7	+ top: 0;
	8	+ z-index: 10000;
	9	+}
	10	+
	11	+.boxzilla-center-container {
	12	+ position: fixed;
	13	+ top: 0;
	14	+ left: 0;
	15	+ right: 0;
	16	+ height: 0;
	17	+ text-align: center;
	18	+ z-index: 11000;
	19	+ line-height: 0;
	20	+}
	21	+
	22	+/* reset some properties like "line-height" because of container line-height hack */
	23	+.boxzilla-center-container .boxzilla {
	24	+ display: inline-block;
	25	+ text-align: left;
	26	+ position: relative;
	27	+ line-height: normal;
	28	+}
	29	+
	30	+.boxzilla {
	31	+ position: fixed;
	32	+ z-index: 12000;
	33	+ -webkit-box-sizing: border-box;
	34	+ -moz-box-sizing: border-box;
	35	+ box-sizing: border-box;
	36	+ background: white;
	37	+ padding: 25px;
	38	+}
	39	+.boxzilla.boxzilla-top-left {
	40	+ top: 0;
	41	+ left: 0;
	42	+}
	43	+.boxzilla.boxzilla-top-right {
	44	+ top: 0;
	45	+ right: 0;
	46	+}
	47	+.boxzilla.boxzilla-bottom-left {
	48	+ bottom: 0;
	49	+ left: 0;
	50	+}
	51	+.boxzilla.boxzilla-bottom-right {
	52	+ bottom: 0;
	53	+ right: 0;
	54	+}
	55	+
	56	+/* remove top & bottom margin from last child element */
	57	+.boxzilla-content > *:first-child {
	58	+ margin-top: 0;
	59	+ padding-top: 0;
	60	+}
	61	+
	62	+.boxzilla-content > *:last-child {
	63	+ margin-bottom: 0;
	64	+ padding-bottom: 0;
	65	+}
	66	+
	67	+.boxzilla-close-icon {
	68	+ position: absolute;
	69	+ right: 0;
	70	+ top: 0;
	71	+ text-align: center;
	72	+ padding: 6px;
	73	+ cursor: pointer;
	74	+ -webkit-appearance: none;
	75	+ font-size: 28px;
	76	+ font-weight: bold;
	77	+ line-height: 20px;
	78	+ color: #000;
	79	+ opacity: .5;
	80	+}
	81	+
	82	+.boxzilla-close-icon:hover, .boxzilla-close-icon:focus {
	83	+ opacity: .8;
	84	+}