Skip to content
This repository was archived by the owner on Jun 12, 2020. It is now read-only.

Commit 783b60a

Browse files
matei-radumatei-radu
committed
Added email button in contact; Converted buttons from <button> to <a>, so can open link in new tab.
1 parent 4d0b797 commit 783b60a

File tree

8 files changed

+274
-50
lines changed

8 files changed

+274
-50
lines changed

‎css/buttons.css‎

Lines changed: 121 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -17,49 +17,143 @@
1717
transition: all 0.5s; }
1818

1919
.btn-si-a {
20-
padding: 25px 15px 25px 65px !important;
21-
font-family: arial; }
20+
padding: 23px 32px 23px 65px !important;
21+
font-family: arial;
22+
white-space: nowrap;
23+
}
2224

2325
.smaller .btn-si-a {
2426
padding-left: 40px !important;
2527
font-size: 12px; }
2628

2729
.btn-facebook {
2830
background-color: #3b5998;
29-
background-image: url("../img/buttons/facebook.svg"); }
30-
.btn-facebook:hover {
31-
background-color: #4c70ba; }
32-
.btn-facebook:active {
33-
background-color: #2d4373; }
31+
background-image: url("../img/buttons/facebook.svg");
32+
}
33+
34+
.btn-facebook:hover {
35+
color: white;
36+
text-decoration: none;
37+
background-color: #4c70ba;
38+
}
39+
40+
.btn-facebook:active {
41+
color: white;
42+
text-decoration: none;
43+
background-color: #4c70ba;
44+
}
45+
46+
.btn-facebook:visited {
47+
color: white;
48+
text-decoration: none;
49+
}
3450

3551
.btn-twitter {
3652
background-color: #00aced;
37-
background-image: url("../img/buttons/twitter.svg"); }
38-
.btn-twitter:hover {
39-
background-color: #21c2ff; }
40-
.btn-twitter:active {
41-
background-color: #0087ba; }
53+
background-image: url("../img/buttons/twitter.svg");
54+
}
55+
56+
.btn-twitter:hover {
57+
color: white;
58+
text-decoration: none;
59+
background-color: #21c2ff;
60+
}
61+
62+
.btn-twitter:active {
63+
color: white;
64+
text-decoration: none;
65+
background-color: #21c2ff;
66+
}
67+
68+
.btn-twitter:visited {
69+
color: white;
70+
text-decoration: none;
71+
}
4272

4373
.btn-microsoft {
4474
background-color: #e3b30d;
45-
background-image: url("../img/buttons/microsoft.svg"); }
46-
.btn-microsoft:hover {
47-
background-color: #f3c730; }
48-
.btn-microsoft:active {
49-
background-color: #b38d0a; }
75+
background-image: url("../img/buttons/microsoft.svg");
76+
}
77+
78+
.btn-microsoft:hover {
79+
color: white;
80+
text-decoration: none;
81+
background-color: #f3c730;
82+
}
83+
84+
.btn-microsoft:active {
85+
color: white;
86+
text-decoration: none;
87+
background-color: #f3c730;
88+
}
89+
90+
.btn-microsoft:visited {
91+
color: white;
92+
text-decoration: none;
93+
}
5094

5195
.btn-github {
5296
background-color: #222222;
53-
background-image: url("../img/buttons/github.svg"); }
54-
.btn-github:hover {
55-
background-color: #444; }
56-
.btn-github:active {
57-
background-color: #101010; }
97+
background-image: url("../img/buttons/github.svg");
98+
}
99+
100+
.btn-github:hover {
101+
color: white;
102+
text-decoration: none;
103+
background-color: #444;
104+
}
105+
106+
.btn-github:active {
107+
color: white;
108+
text-decoration: none;
109+
background-color: #444;
110+
}
111+
112+
.btn-github:visited {
113+
color: white;
114+
text-decoration: none;
115+
}
58116

59117
.btn-unigram {
118+
background-color: #0f7dc7;
119+
background-image: url("../img/buttons/unigram.png");
120+
}
121+
122+
.btn-unigram:hover {
123+
color: white;
124+
text-decoration: none;
125+
background-color: #00aced;
126+
}
127+
128+
.btn-unigram:active {
129+
color: white;
130+
text-decoration: none;
131+
background-color: #00aced;
132+
}
133+
134+
.btn-unigram:visited {
135+
color: white;
136+
text-decoration: none;
137+
}
138+
139+
.btn-mail {
60140
background-color: #0088cc;
61-
background-image: url("../img/buttons/unigram.png"); }
62-
.btn-unigram:hover {
63-
background-color: #00aced; }
64-
.btn-unigram:active {
65-
background-color: #769a26; }
141+
background-image: url("../img/buttons/mail.svg");
142+
}
143+
144+
.btn-mail:hover {
145+
color: white;
146+
text-decoration: none;
147+
background-color: #00aced;
148+
}
149+
150+
.btn-mail:active {
151+
color: white;
152+
text-decoration: none;
153+
background-color: #00aced;
154+
}
155+
156+
.btn-mail:visited {
157+
color: white;
158+
text-decoration: none;
159+
}

‎css/buttons.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/new-age.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -400,7 +400,7 @@ section.download h2 {
400400
}
401401

402402
section.download .badges .badge-link {
403-
display: block;
403+
display: inline-flex;
404404
margin-bottom: 25px;
405405
}
406406

@@ -500,7 +500,8 @@ section.contact ul.list-social {
500500
margin-bottom: 0;
501501
}
502502

503-
.contact-buttons button{
503+
.contact-buttons a{
504+
display: inline-flex;
504505
margin-bottom: 12px;
505506
}
506507

0 commit comments

Comments
 (0)