Skip to content

Commit aaf71c0

Browse files
committed
update epub_to_website version
1 parent 4d7849a commit aaf71c0

File tree

3 files changed

+127
-1
lines changed

3 files changed

+127
-1
lines changed

index.css

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
html {
2+
font-size: 24px;
3+
background-color: #f3f3f3
4+
}
5+
6+
h1 {
7+
font-size: 2em;
8+
margin-top: 30px;
9+
}
10+
11+
.container-div {
12+
margin: 0 auto;
13+
margin-bottom: 4em
14+
}
15+
16+
@media(min-width:576px) {
17+
html {
18+
font-size: 30px;
19+
}
20+
.container-div {
21+
width: 95%;
22+
}
23+
}
24+
25+
@media(min-width:768px) {
26+
html {
27+
font-size: 30px;
28+
}
29+
.container-div {
30+
width: 95%;
31+
}
32+
}
33+
34+
@media(min-width:992px) {
35+
html {
36+
font-size: 20px;
37+
}
38+
.container-div {
39+
width: 70%;
40+
}
41+
}
42+
43+
@media(min-width:1200px) {
44+
html {
45+
font-size: 16px;
46+
}
47+
.container-div {
48+
width: 70%;
49+
}
50+
}
51+
52+
.link-div {
53+
background-color: white;
54+
color: black;
55+
margin-top: 15px;
56+
margin-bottom: 15px;
57+
margin-bottom: 20px;
58+
border-radius: 5px;
59+
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.02), 1px 1px 15px 0 rgba(0, 0, 0, 0.03);
60+
transition: transform 0.3s, background-color 0.3s, box-shadow 0.6s;
61+
transition-property: transform, background-color, box-shadow;
62+
transition-duration: 0.3s, 0.3s, 0.6s;
63+
transition-timing-function: ease, ease, ease;
64+
transition-delay: 0s, 0s, 0s;
65+
padding: 10px;
66+
}
67+
68+
.link-div:hover {
69+
transform: translateY(-5px);
70+
box-shadow: 1px 10px 30px 0 rgba(0, 0, 0, 0.2);
71+
}
72+
73+
a {
74+
text-decoration: none;
75+
}
76+
77+
a:link,
78+
a:visited {
79+
text-decoration: none;
80+
}
81+
82+
.headline {
83+
font-size: 1.3em;
84+
font-weight: 450;
85+
line-height: 1.125;
86+
color: black;
87+
}
88+
89+
.date {
90+
font-size: 0.8em;
91+
color: gray;
92+
}
93+
94+
.preview {
95+
color: #50596c
96+
}
97+
98+
button.tag {
99+
margin: 0.35em;
100+
font-size: 1em;
101+
background-color: #f4f4f4;
102+
padding: 0.25rem 0.6rem 0.25rem 0.6rem;
103+
border-radius: 5px;
104+
border: 1px solid #6c757d;
105+
transition-duration: 0.4s;
106+
outline: none;
107+
}
108+
109+
button.tag:hover {
110+
cursor: pointer;
111+
background-color: #6c757d !important;
112+
color: white !important;
113+
}

0 commit comments

Comments
 (0)