Skip to content

Commit b3519b9

Browse files
little9little9
committed
Add popup css
1 parent c7f4871 commit b3519b9

File tree

1 file changed

+182
-0
lines changed

1 file changed

+182
-0
lines changed

‎01JHU_INST-JHU/css/eucookie.css‎

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
/* Modified by jkeyes for use by JHU Libraries NPS Survey, Nov 2023 */
2+
3+
.clearfix {
4+
clear: both;
5+
}
6+
7+
.eupopup-container {
8+
background-color: rgba(0, 45, 114, 0.9);
9+
color: #fff;
10+
padding: 50px 20px;
11+
margin-top: 150px;
12+
font-size: 12px;
13+
line-height: 1.2em;
14+
text-align: center;
15+
display: none;
16+
z-index: 9999999;
17+
}
18+
19+
.eupopup-container-top,
20+
.eupopup-container-fixedtop {
21+
position: absolute;
22+
top: 0;
23+
left: 0;
24+
right: 0;
25+
}
26+
27+
.eupopup-container-fixedtop {
28+
position: fixed;
29+
}
30+
31+
.eupopup-container-bottom {
32+
position: fixed;
33+
bottom: 0;
34+
left: 0;
35+
right: 0;
36+
}
37+
38+
.eupopup-container-bottomleft {
39+
position: fixed;
40+
bottom: 10px;
41+
left: 10px;
42+
width: 300px;
43+
}
44+
45+
.eupopup-container-bottomright {
46+
position: fixed;
47+
bottom: 10px;
48+
right: 10px;
49+
width: 300px;
50+
}
51+
52+
.eupopup-closebutton {
53+
font-size: 16px;
54+
font-weight: 100;
55+
line-height: 1;
56+
color: #fff;
57+
position: absolute;
58+
top: 0;
59+
right: 0;
60+
margin: 5px 5px;
61+
padding: 2px 8px 5px 8px;
62+
text-decoration: none;
63+
font-family: "factoria", sans-serif;
64+
font-weight: 500;
65+
font-style: normal;
66+
}
67+
.eupopup-closebutton:hover,
68+
.eupopup-closebutton:active {
69+
color: #4a484c;
70+
background-color: #e5e2e0;
71+
text-decoration: none;
72+
border-radius: 3px;
73+
}
74+
75+
.eupopup-head {
76+
font-family: "factoria", sans-serif;
77+
font-weight: 500;
78+
font-style: normal;
79+
font-size: 1.5em;
80+
line-height: 1.2em;
81+
padding: 7px;
82+
color: #fff;
83+
}
84+
85+
.eupopup-body {
86+
color: #fff;
87+
font-family: "factoria", sans-serif;
88+
font-weight: 500;
89+
font-style: normal;
90+
font-size: 1.2em;
91+
}
92+
93+
.eupopup-buttons {
94+
padding: 7px 0 5px 0;
95+
margin: 20px 0 20px 0;
96+
font-family: "factoria", sans-serif;
97+
font-weight: 500;
98+
font-style: normal;
99+
}
100+
101+
.eupopup-button_1 {
102+
color: #fff !important;
103+
font-size: 1.1em;
104+
background-color: #7e7e7c !important;
105+
border-radius: 8px;
106+
padding: 10px 40px;
107+
text-decoration: none;
108+
width: 100px;
109+
font-weight: bold;
110+
}
111+
112+
.eupopup-button_2 {
113+
color: #fff !important;
114+
font-size: 1.1em;
115+
background-color: #009877 !important;
116+
border-radius: 8px;
117+
padding: 10px 40px;
118+
text-decoration: none;
119+
width: 100px;
120+
font-weight: bold;
121+
}
122+
123+
.eupopup-button {
124+
margin: 0 10px;
125+
}
126+
127+
.eupopup-button:hover,
128+
.eupopup-button:focus {
129+
color: #4a484c;
130+
background-color: #e5e2e0;
131+
}
132+
133+
body .eupopup-color-inverse {
134+
color: #000;
135+
background-color: rgba(255, 255, 255, 0.9);
136+
}
137+
138+
body .eupopup-color-inverse .eupopup-head {
139+
color: #000;
140+
}
141+
142+
body .eupopup-style-compact {
143+
text-align: left;
144+
padding: 8px 30px 7px 20px;
145+
line-height: 15px;
146+
}
147+
148+
body .eupopup-style-compact .eupopup-head,
149+
body .eupopup-style-compact .eupopup-body,
150+
body .eupopup-style-compact .eupopup-buttons {
151+
display: inline;
152+
padding: 0;
153+
margin: 0;
154+
}
155+
156+
body .eupopup-style-compact .eupopup-button {
157+
margin: 0 5px;
158+
}
159+
160+
@media (max-width: 420px) {
161+
.eupopup-button_1 {
162+
display: block;
163+
padding: 10px 20px;
164+
margin: auto;
165+
}
166+
.eupopup-button_2 {
167+
display: block;
168+
padding: 10px 20px;
169+
margin: auto;
170+
margin-bottom: 10px;
171+
}
172+
}
173+
174+
@media (max-width: 668px) {
175+
.eupopup-container-top,
176+
.eupopup-container-fixedtop {
177+
position: relative;
178+
top: 30%;
179+
left: 0;
180+
right: 15%;
181+
}
182+
}

0 commit comments

Comments
 (0)