Hugging Face's logo

Spaces:
Ifeanyi
/
OpenAlex4NodeXL
Running

App Files Community
Ifeanyi commited on
Commit
e5cd4c5
•
1 Parent(s): fddf30f

Upload styles.css

Browse files
Files changed (1) hide show
  1. styles.css +150 -0
styles.css ADDED
@@ -0,0 +1,150 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ #query {
2
+ align-items: center;
3
+ appearance: none;
4
+ background-image: radial-gradient(100% 100% at 100% 0, #37a1e7 0, #1b7ccc 100%);
5
+ border: 0;
6
+ border-radius: 6px;
7
+ box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
8
+ box-sizing: border-box;
9
+ color: #fff;
10
+ cursor: pointer;
11
+ display: inline-flex;
12
+ font-family: "JetBrains Mono",monospace;
13
+ height: 48px;
14
+ justify-content: center;
15
+ line-height: 1;
16
+ list-style: none;
17
+ overflow: hidden;
18
+ padding-left: 16px;
19
+ padding-right: 16px;
20
+ position: relative;
21
+ text-align: left;
22
+ text-decoration: none;
23
+ transition: box-shadow .15s,transform .15s;
24
+ user-select: none;
25
+ -webkit-user-select: none;
26
+ touch-action: manipulation;
27
+ white-space: nowrap;
28
+ will-change: box-shadow,transform;
29
+ font-size: 18px;
30
+ }
31
+
32
+ #query:focus {
33
+ box-shadow: #1b7ccc 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1b7ccc 0 -3px 0 inset;
34
+ }
35
+
36
+ #query:hover {
37
+ box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1b7ccc 0 -3px 0 inset;
38
+ transform: translateY(-2px);
39
+ }
40
+
41
+ #query:active {
42
+ box-shadow: #1b7ccc 0 3px 7px inset;
43
+ transform: translateY(2px);
44
+ }
45
+
46
+
47
+ #text {
48
+ border-color:#1b7ccc;
49
+ border-width: 4px;
50
+ box-shadow: 2px 2px 2px 2px rgb(59, 59, 59);
51
+ }
52
+
53
+ #info {
54
+ align-items: center;
55
+ appearance: none;
56
+ background-image: radial-gradient(100% 100% at 100% 0, #37a1e7 0, #1b7ccc 100%);
57
+ border: 0;
58
+ border-radius: 6px;
59
+ box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
60
+ box-sizing: border-box;
61
+ color: #fff;
62
+ cursor: pointer;
63
+ display: inline-flex;
64
+ font-family: "JetBrains Mono",monospace;
65
+ height: 48px;
66
+ justify-content: center;
67
+ line-height: 1;
68
+ list-style: none;
69
+ overflow: hidden;
70
+ padding-left: 16px;
71
+ padding-right: 16px;
72
+ position: relative;
73
+ text-align: left;
74
+ text-decoration: none;
75
+ transition: box-shadow .15s,transform .15s;
76
+ user-select: none;
77
+ -webkit-user-select: none;
78
+ touch-action: manipulation;
79
+ white-space: nowrap;
80
+ will-change: box-shadow,transform;
81
+ font-size: 18px;
82
+ }
83
+
84
+ #info:focus {
85
+ box-shadow: #1b7ccc 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1b7ccc 0 -3px 0 inset;
86
+ }
87
+
88
+ #info:hover {
89
+ box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1b7ccc 0 -3px 0 inset;
90
+ transform: translateY(-2px);
91
+ }
92
+
93
+ #info:active {
94
+ box-shadow: #1b7ccc 0 3px 7px inset;
95
+ transform: translateY(2px);
96
+ }
97
+
98
+ #side {
99
+ background-color:#37a1e7
100
+ }
101
+
102
+ #download {
103
+ align-items: center;
104
+ appearance: none;
105
+ background-image: radial-gradient(100% 100% at 100% 0, #37a1e7 0, #1b7ccc 100%);
106
+ border: 0;
107
+ border-radius: 6px;
108
+ box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
109
+ box-sizing: border-box;
110
+ color: #fff;
111
+ cursor: pointer;
112
+ display: inline-flex;
113
+ font-family: "JetBrains Mono",monospace;
114
+ height: 48px;
115
+ justify-content: center;
116
+ line-height: 1;
117
+ list-style: none;
118
+ overflow: hidden;
119
+ padding-left: 16px;
120
+ padding-right: 16px;
121
+ position: relative;
122
+ text-align: left;
123
+ text-decoration: none;
124
+ transition: box-shadow .15s,transform .15s;
125
+ user-select: none;
126
+ -webkit-user-select: none;
127
+ touch-action: manipulation;
128
+ white-space: nowrap;
129
+ will-change: box-shadow,transform;
130
+ font-size: 18px;
131
+ }
132
+
133
+ #download:focus {
134
+ box-shadow: #1b7ccc 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1b7ccc 0 -3px 0 inset;
135
+ }
136
+
137
+ #download:hover {
138
+ box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1b7ccc 0 -3px 0 inset;
139
+ transform: translateY(-2px);
140
+ }
141
+
142
+ #download:active {
143
+ box-shadow: #1b7ccc 0 3px 7px inset;
144
+ transform: translateY(2px);
145
+ }
146
+
147
+ #download {
148
+ color: black;
149
+ margin-left:-10px;
150
+ }