-
Notifications
You must be signed in to change notification settings - Fork 6
/
cardStyle.css
73 lines (73 loc) · 1.64 KB
/
cardStyle.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
@import url('https://fonts.googleapis.com/css?family=Play');
.github-card{
margin:0 !important;
padding:0;
display:inline-block;
border:1px solid black;
width:300px;
font-family: 'Play', sans-serif;
box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}.github-card-container{
position: relative;
padding:0;
margin:0;
background-color: #eee;
height:100%;width:100%;
}.github-card-header{
background-color: #222;
height:100px;
width:100%;
}.github-card-content{
position: absolute;
top:55px;
}.github-card-avatar{
border-radius:200px;
border:1px solid black;
margin-left:10px;
}.github-card-logo{
float:right;
margin:10px;
width:30px;
}.github-card-name{
color:#fff;
font-weight:bold;
font-size:15pt;
}.github-card-button{
text-decoration:none;
background: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
border: 1px solid rgba(27,31,35,0.2);
font-size:10pt;
color:#444;
padding:5px;
padding-left:30px;
padding-right:30px;
}.github-card-button:hover{
background: linear-gradient(-180deg, #fff 0%, #eee 90%);
}.github-card-textlogo{
position: absolute;
left:0;
bottom:0;
opacity:0.5;
}.github-card-repos{
max-height:200px;
overflow-y: auto;
}.github-card-repos::-webkit-scrollbar{
width:3px;
}.github-card-repos::-webkit-scrollbar-track{
box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}.github-card-repos::-webkit-scrollbar-thumb {
background: #333
}.github-card-repo{
font-size:9pt;
margin:5px;
padding:7px;
border:1px solid #ddd;
background-color: #fff;
padding-left:20px;
}.github-card-repo-headline{
font-size:11pt;color:#0366d6;text-decoration:none;
}.github-card-repo-desc{
font-size:7pt;
color:#777;
}