fffiloni commited on
Commit
60699e8
1 Parent(s): 3837a07

Create style.css

Browse files
Files changed (1) hide show
  1. style.css +101 -0
style.css ADDED
@@ -0,0 +1,101 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ #col-container {max-width: 820px; margin-left: auto; margin-right: auto;}
2
+ #duplicate-container{
3
+ display: flex;
4
+ justify-content: space-between;
5
+ align-items: center;
6
+ line-height: 1em;
7
+ flex-direction: row-reverse;
8
+ font-size:1em;
9
+ }
10
+ a, a:hover, a:visited {
11
+ text-decoration-line: underline;
12
+ font-weight: 600;
13
+ color: #1f2937 !important;
14
+ }
15
+
16
+ .dark a, .dark a:hover, .dark a:visited {
17
+ color: #f3f4f6 !important;
18
+ }
19
+
20
+ .footer {
21
+ margin-bottom: 45px;
22
+ margin-top: 10px;
23
+ text-align: center;
24
+ border-bottom: 1px solid #e5e5e5;
25
+ }
26
+
27
+ .footer>p {
28
+ font-size: .8rem!important;
29
+ display: inline-block;
30
+ padding: 0 10px;
31
+ transform: translateY(26px);
32
+ background: white;
33
+ }
34
+ .dark .footer {
35
+ border-color: #303030;
36
+ }
37
+ .dark .footer>p {
38
+ background: #0b0f19;
39
+ }
40
+
41
+ div#may-like-container > p {
42
+ font-size: .8em;
43
+ margin-bottom: 4px;
44
+ }
45
+
46
+ .animate-spin {
47
+ animation: spin 1s linear infinite;
48
+ }
49
+
50
+ @keyframes spin {
51
+ from {
52
+ transform: rotate(0deg);
53
+ }
54
+ to {
55
+ transform: rotate(360deg);
56
+ }
57
+ }
58
+
59
+ #share-btn-container {
60
+ display: flex;
61
+ padding-left: 0.5rem !important;
62
+ padding-right: 0.5rem !important;
63
+ background-color: #000000;
64
+ justify-content: center;
65
+ align-items: center;
66
+ border-radius: 9999px !important;
67
+ max-width: 13rem;
68
+ }
69
+
70
+ #share-btn-container:hover {
71
+ background-color: #060606;
72
+ }
73
+
74
+ #share-btn {
75
+ all: initial;
76
+ color: #ffffff;
77
+ font-weight: 600;
78
+ cursor:pointer;
79
+ font-family: 'IBM Plex Sans', sans-serif;
80
+ margin-left: 0.5rem !important;
81
+ padding-top: 0.5rem !important;
82
+ padding-bottom: 0.5rem !important;
83
+ right:0;
84
+ }
85
+
86
+ #share-btn * {
87
+ all: unset;
88
+ }
89
+
90
+ #share-btn-container div:nth-child(-n+2){
91
+ width: auto !important;
92
+ min-height: 0px !important;
93
+ }
94
+
95
+ #share-btn-container .wrap {
96
+ display: none !important;
97
+ }
98
+
99
+ #share-btn-container.hidden {
100
+ display: none!important;
101
+ }