Skip to content

Commit 25fe0c8

Browse files
committed
Stop serving asset files from external website
1 parent d56af07 commit 25fe0c8

25 files changed

+3224
-44
lines changed

css/footer-bar.css

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
@charset "UTF-8";
2+
3+
/**
4+
* スマホ用固定フッターバーの設定
5+
*/
6+
@font-face {
7+
font-family: 'design_plus';
8+
src: url('../fonts/design_plus.eot?v=1.3');
9+
src: url('../fonts/design_plus.eot?v=1.3#iefix') format('embedded-opentype'),
10+
url('../fonts/design_plus.woff?v=1.3') format('woff'),
11+
url('../fonts/design_plus.ttf?v=1.3') format('truetype'),
12+
url('../fonts/design_plus.svg?v=1.3#design_plus') format('svg');
13+
font-weight: normal;
14+
font-style: normal;
15+
}
16+
17+
.icon-file-text:before { content: "\f15c"; }
18+
.icon-share-alt:before { content: "\f1e0"; }
19+
.icon-phone:before { content: "\f095"; }
20+
.icon-envelope:before { content: "\f0e0"; }
21+
.icon-tag:before { content: "\f02b"; }
22+
.icon-pencil:before { content: "\f040"; }
23+
.icon-close:before { content: "\e91a"; }
24+
25+
.dp-footer-bar {
26+
background: #ffffff;
27+
border-top: 1px solid #ddd;
28+
display: flex;
29+
flex-wrap: wrap;
30+
font-size: 10px;
31+
position: fixed;
32+
bottom: 0;
33+
table-layout: fixed;
34+
text-align: center;
35+
width: 100%;
36+
z-index: 9998;
37+
}
38+
.dp-footer-bar a {
39+
display: block;
40+
padding: 10px 0;
41+
}
42+
43+
.dp-footer-bar-item {
44+
flex: 1;
45+
}
46+
.dp-footer-bar-item + .dp-footer-bar-item {
47+
border-left: 1px solid #ddd;
48+
}
49+
.dp-footer-bar-item:only-child .dp-footer-bar-icon {
50+
display: block;
51+
position: relative;
52+
}
53+
.dp-footer-bar-item:only-child .dp-footer-bar-icon:before {
54+
position: absolute;
55+
right: 15px;
56+
}
57+
.dp-footer-bar-icon:before {
58+
display: block;
59+
font-family: "design_plus";
60+
font-size: 16px;
61+
margin-bottom: .5em;
62+
}
63+
64+
.modal-overlay {
65+
background: rgba(0, 0, 0, 0.5);
66+
position: fixed;
67+
top: 0;
68+
left: 0;
69+
width: 100%;
70+
height: 100%;
71+
z-index: 9999;
72+
}
73+
74+
.modal-content {
75+
margin: auto;
76+
position: fixed;
77+
bottom: 20%;
78+
left: 0;
79+
right: 0;
80+
width: 209px;
81+
z-index: 9999;
82+
}
83+
84+
.modal-close:before {
85+
color: #fff;
86+
font-size: 32px;
87+
position: absolute;
88+
bottom: 20%;
89+
right: 0;
90+
text-align: center;
91+
width: 50px;
92+
}
93+
94+
.share { text-align: center; }
95+
96+
.share-button {
97+
float: left;
98+
vertical-align: center;
99+
width: 50px;
100+
height: 50px;
101+
}
102+
.share-button--rounded-square {
103+
border-radius: 2px;
104+
overflow: hidden;
105+
}
106+
.share-button + .share-button { margin-left: 3px; }
107+
.share-button a {
108+
display: block;
109+
position: relative;
110+
width: 100%;
111+
height: 100%;
112+
}
113+
.share-button a img { width:100%; height:auto; }

0 commit comments

Comments
 (0)