download.css: more style information for download section

Adding more new CSS style instructions for the download section.
It's based on the existing CSS sytlesheet information from debhome.css.

1 files changed, 106 insertions, 0 deletions

diff --git a/english/download/download.css b/english/download/download.css
index ce8ad023e2b..b1d9b76f0d6 100644
--- a/english/download/download.css
+++ b/english/download/download.css
@@ -63,6 +63,12 @@ h3 {
   margin-left : 15px;
 }
 
+.col50-text {
+  margin-top: 35px;
+  margin-left: 7%;
+  margin-right: 9%;
+}
+
 .tooltip {
   position: relative;
   display: inline-block;
@@ -89,3 +95,103 @@ h3 {
 .tooltip:hover .tooltiptext {
   visibility: visible;
 }
+
+/* CSS Styling stuff for download buttons
+
+   The following stuff is based on debhome.css line 48 - 85.
+   It's can't be used from this CSS file directly with some override as other
+   style elements get's broken then.
+   As it's need heavily modified anyway the original CSS was taken and adopted.
+ */
+
+/* The core classes. */
+.dl-btn-img {
+  display: block;
+  position: absolute;
+  font-size: 0.75em;
+  line-height: 2;
+  background-color: #ededed;
+  margin-top: -25px;
+}
+
+.dl-btn-img a {
+  color: white;
+  font-weight: bold;
+  text-decoration: none;
+  border: 0.15em solid #339900;
+  display: block;
+  background: transparent url('../Pics/emblem-downloads.png') no-repeat 5px 5px; 
+  padding-left: 30px;
+  padding-right: 1em;
+  color:#339900;
+}
+
+.dl-btn-img a em {
+  font-size: 0.75em;
+  font-weight: normal;
+  clear: right;
+  line-height: 0.5em;
+  font-style: normal;
+  display: block;
+  margin-bottom: 1em;
+}
+
+.dl-btn-img-nonfree a:hover {
+  color: white;
+}
+
+.dl-btn-img-free a:hover em {
+  color: white;
+}
+
+/* The overidden elements for the installer and the LiveCD varaiants. */
+.dl-btn-img-free {
+  left: 5%;
+  right: 78%
+}
+
+.dl-btn-img-nonfree {
+  left: 23%;
+  right: 56%
+}
+
+.dl-btn-live-free {
+  left: 47%;
+  right: 35%
+}
+
+.dl-btn-live-nonfree {
+  left: 67%;
+  right: 15%
+}
+
+.dl-btn-img-nonfree a {
+  border: 0.15em solid #f92908;
+}
+
+.dl-btn-img-free a:hover {
+  background-color: #339900; /* green */
+	color: white;
+}
+
+.dl-btn-img-nonfree a:hover {
+  background-color: #d2351c; /* red */
+}
+
+.dl-btn-img-free a em {
+  color: #339900;
+}
+
+.dl-btn-img-nonfree a em {
+  color: #f92908;
+}
+
+.dl-btn-img-free a:hover em {
+  background-color: #339900;
+}
+
+.dl-btn-img-nonfree a:hover em {
+  background-color: #d2351c;
+  color: white;
+}
+