Re: help us fix the background for website banner for Stretch

Aurélien COUDERC <[email protected]> Mon, 19 Jun 2017 21:21:11 +0200

Newsgroups	gmane.linux.debian.devel.www
Message-ID	<[email protected]>

Le 18/06/2017 à 21:45, Aurélien COUDERC a écrit :
> - Use a color from the theme for the download link box instead of the
> green.
While not having more clue about design than yesterday, please find an
updated patch using a lighter color (still taken from softTheme’s
background) that I like better than the first try.


Cheers,
--Aurélien

debhome-softwaves-patch2.diff (text/x-patch, 1.8 KB)

diff --git a/debhome.css b/debhome.css
index f185163..c5d396f 100644
--- a/debhome.css
+++ b/debhome.css
@@ -27,7 +27,7 @@
 	background-image: url('Pics/softwaves_web_bg.png');
 	background-position:top center;
 	background-repeat: no-repeat;
-	background-size: 100%;
+	background-size: 100% 100%;
 	margin-top: 0;
 	margin-bottom: 1.5em;
 	text-align: center;
@@ -51,30 +51,31 @@ span.download {
 	right: 13px;
 	font-size: 0.75em;
 	line-height: 2;
-	background-color: white;
 	margin-top: 10px;
 }
 span.download a {
 	color: white;
 	font-weight: bold;
 	text-decoration: none;
-	border: 0.15em solid #339900;
+	border: 0.15em solid #829993; /* softWaves color */
 	display: block;
 	background: transparent url('Pics/emblem-downloads.png') no-repeat 5px 5px; 
 	padding-left: 30px;
 	padding-right: 1em;
-	color:#339900;
+	color:#829993; /* softWaves color */
+	border-radius: 4px;
+	background-color: white;
 }
 span.download a:hover {
 	text-decoration: none;
 	color: white;
-	background-color: #339900;
+	background-color: #829993; /* softWaves color */
 }
 span.download a em {
 	font-size: 0.75em;
 	font-weight: normal;
 	clear: right;
-	color: #339900;
+	color: #829993; /* softWaves color */
 	line-height: 0.5em;
 	font-style: normal;
 	display: block;
@@ -82,7 +83,7 @@ span.download a em {
 }
 span.download a:hover em {
 	color: white; 
-	background-color: #339900;
+	background-color: #829993; /* softWaves color */
 }
 #announce {
 	text-align: center;
@@ -198,7 +199,7 @@ li.frontbutton {
  * For small screens
  */
 
-@media only screen and (max-width: 38em) {
+@media only screen and (max-width: 60em) {
 	div#content {
 		background-image: none;
 	}
@@ -210,4 +211,8 @@ li.frontbutton {
 		right: 0;
 		margin: 0;
 	}
+	
+	span.download a {
+		border-radius: 0;
+	}
 }

signature.asc (application/pgp-signature, 858 B)