Skip to content

Commit de51d6e

Browse files
authored
Create blog.css
1 parent a7f7c77 commit de51d6e

File tree

1 file changed

+73
-0
lines changed

1 file changed

+73
-0
lines changed

blog_project/blog/static/css/blog.css

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
.techfont{
2+
font-family: 'Russo One', sans-serif;
3+
font-size: 1.5em;
4+
margin-bottom: 10px;
5+
}
6+
7+
.postdate{
8+
text-align: center;
9+
}
10+
11+
.posttitle{
12+
font-family: 'Russo One', sans-serif;
13+
font-size: 3em;
14+
text-align: center;
15+
}
16+
17+
.postcontent{
18+
font-family: 'Montserrat';
19+
font-size: 1.5em;
20+
}
21+
22+
.centerstage{
23+
margin-left: auto;
24+
margin-right: auto;
25+
}
26+
27+
.btn-comment{
28+
position: absolute;
29+
right: 0px;
30+
}
31+
32+
.bigbrand{
33+
font-size: 1.5em;
34+
}
35+
36+
37+
/*COLOR CHANGER*/
38+
/*Credit and Source: http://codepen.io/thapliyalshivam/pen/dvgXVO*/
39+
.loader{
40+
filter:hue-rotate(0deg);
41+
color: linear-gradient(45deg,#0f8,#08f);
42+
animation:hue 5000ms infinite linear;
43+
}
44+
45+
@keyframes spinify {
46+
0% {
47+
transform: translate(0px,0px);
48+
49+
}
50+
33% {
51+
transform: translate(0px,24px);
52+
border-radius:100%;
53+
width:10px;
54+
height:10px;
55+
56+
}
57+
66% {
58+
transform:translate(0px,-16px);
59+
}
60+
61+
88% {
62+
transform:translate(0px,4px);
63+
64+
}
65+
100% {
66+
transform:translate(0px,0px);
67+
}
68+
}
69+
@keyframes hue{
70+
0%{filter: hue-rotate(0deg);}
71+
100%{filter:hue-rotate(360deg);}
72+
73+
}

0 commit comments

Comments
 (0)