diff --git a/public/main.css b/public/main.css
index 5677378b..ff007593 100644
--- a/public/main.css
+++ b/public/main.css
@@ -8,10 +8,12 @@ html {
Arial,
sans-serif;
font-weight: 200;
- background-size: 100%;
+ background-size: 110%;
background-repeat: no-repeat;
background-position: center top;
height: 100%;
+ max-width: 1440px;
+ margin: auto;
}
body {
@@ -37,6 +39,11 @@ body {
align-items: center;
}
+.send-logo > a {
+ display: flex;
+ flex-direction: row;
+}
+
.site-title {
color: #3e3d40;
font-size: 32px;
@@ -44,6 +51,8 @@ body {
margin: 0;
position: relative;
top: -1px;
+ letter-spacing: 1px;
+ margin-left: 8px;
}
.site-subtitle {
@@ -78,12 +87,20 @@ body {
font-size: 12px;
line-height: 12px;
opacity: 0.9;
- padding: 6px 6px 5px 20px;
+ padding: 5px 5px 5px 5px;
+ overflow: hidden;
+ width: 12px;
+ text-indent: 20px;
+ transition: all 150ms ease-in-out;
}
.feedback:hover,
.feedback:focus {
+ width: 57px;
+ text-indent: 0px;
+ padding: 5px 5px 5px 20px;
background-color: #0287e8;
+ transition: all 150ms ease-in-out;
}
.feedback:active {
@@ -112,6 +129,11 @@ a {
}
/** page-one **/
+
+#page-one {
+ padding: 0 20px;
+}
+
.title {
font-size: 33px;
line-height: 40px;
@@ -163,6 +185,10 @@ a {
text-decoration: none;
}
+.link:hover {
+ color: #0287e8;
+}
+
#upload-text {
font-size: 22px;
color: #737373;
@@ -391,8 +417,9 @@ tbody {
font-family: 'SF Pro Display', sans-serif;
letter-spacing: 0;
line-height: 23px;
- padding-left: 5px;
- padding-right: 5px;
+ font-weight: 300;
+ padding-left: 10px;
+ padding-right: 10px;
}
#link:disabled {
@@ -414,6 +441,10 @@ tbody {
white-space: nowrap;
}
+#copy-btn:hover {
+ background-color: #0287e8;
+}
+
#copy-btn:disabled {
background: #05a700;
border: 1px solid #05a700;
@@ -433,6 +464,10 @@ tbody {
color: #313131;
}
+#delete-file:hover {
+ background: #efeff1;
+}
+
.send-new {
font-size: 15px;
margin: auto;
@@ -442,6 +477,12 @@ tbody {
text-decoration: underline;
}
+.send-new:hover,
+.send-new:focus,
+.send-new:active {
+ color: #0287e8;
+}
+
/* upload-error */
#upload-error {
display: flex;
@@ -580,7 +621,11 @@ tbody {
font-size: 15px;
display: flex;
align-items: flex-end;
- padding: 50px 10px 10px;
+ flex-direction: row;
+ justify-content: space-between;
+ padding: 50px 31px 41px 31px;
+ width: 100%;
+ box-sizing: border-box;
}
.mozilla-logo {
@@ -589,23 +634,41 @@ tbody {
margin-bottom: -5px;
}
-.legal-links > a {
- margin-right: 30px;
- color: #858585;
+.legal-links {
+ max-width: 600px;
+ width: 80vw;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
}
+.legal-links > a {
+ color: #858585;
+ opacity: 0.9;
+}
+
+.legal-links > a:hover {
+ opacity: 1;
+}
+
+
.legal-links > a:visited {
color: #858585;
}
.social-links {
display: flex;
- justify-content: flex-end;
- flex: 1;
+ justify-content: space-between;
+ width: 94px;
}
-.social-links > a {
- margin-left: 30px;
+.social-links > a{
+ opacity: .9;
+}
+
+.social-links > a:hover {
+ opacity: 1;
}
.github,
@@ -615,7 +678,7 @@ tbody {
margin-bottom: -5px;
}
-@media (max-device-width: 768px) {
+@media (max-width: 768px) {
.description {
margin: 0 auto 25px;
}
@@ -628,17 +691,33 @@ tbody {
font-size: 18px;
}
+ .footer {
+ flex-direction: column;
+ justify-content: center;
+ text-align: center;
+ }
+
.mozilla-logo {
margin-left: -7px;
}
+ .legal-links {
+ flex-direction: column;
+ margin: auto;
+ }
+
.legal-links > * {
display: block;
padding: 10px 0;
}
+
+ .social-links {
+ margin: auto;
+ margin-top: 20px;
+ }
}
-@media (max-device-width: 520px) {
+@media (max-width: 520px) {
.header {
flex-direction: column;
justify-content: flex-start;
diff --git a/public/resources/favicon-16x16.png b/public/resources/favicon-16x16.png
new file mode 100755
index 00000000..d2d17262
Binary files /dev/null and b/public/resources/favicon-16x16.png differ
diff --git a/public/resources/favicon-32x32.png b/public/resources/favicon-32x32.png
new file mode 100755
index 00000000..468361eb
Binary files /dev/null and b/public/resources/favicon-32x32.png differ
diff --git a/public/resources/favicon.ico b/public/resources/favicon.ico
new file mode 100755
index 00000000..63de616d
Binary files /dev/null and b/public/resources/favicon.ico differ
diff --git a/public/resources/favicon.png b/public/resources/favicon.png
new file mode 100644
index 00000000..00039764
Binary files /dev/null and b/public/resources/favicon.png differ
diff --git a/public/resources/send_bg.svg b/public/resources/send_bg.svg
index 8a2a63bb..a4557acc 100644
--- a/public/resources/send_bg.svg
+++ b/public/resources/send_bg.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars
index 4ea9f0b3..19a31437 100644
--- a/views/layouts/main.handlebars
+++ b/views/layouts/main.handlebars
@@ -10,13 +10,15 @@
+
-