File tree Expand file tree Collapse file tree 1 file changed +73
-0
lines changed
blog_project/blog/static/css Expand file tree Collapse file tree 1 file changed +73
-0
lines changed Original file line number Diff line number Diff line change
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
+ }
You can’t perform that action at this time.
0 commit comments