new class fai-btn for download buttons, different color for :hover

faiproject · Mar 4, 2023 · 752c5a6 · 752c5a6
1 parent 78779b0
commit 752c5a6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/css/local.css b/css/local.css
@@ -50,3 +50,10 @@ pre code {
     -moz-border-radius: 14px;
     border-radius: 14px;
 }
+
+.fai-btn {
+  background-color:  #ff9800;
+}
+.fai-btn:hover {
+  background-color: #CC6600;
+}
diff --git a/fai-cd/index.html b/fai-cd/index.html
@@ -24,7 +24,7 @@ <h4 class="col s12">FAI CD: The Easy Way to Start With FAI</h4>
 
           <div class="col s12 m10 valign-wrapper">
             <div class="col m5 s12 valign">
-              <a href="faicd64-large_5.10.3.iso" class="waves-effect waves-light btn orange black-text">
+              <a href="faicd64-large_5.10.3.iso" class="waves-effect waves-light btn fai-btn black-text">
                 <i class="material-icons left">download</i>FAI ISO large (1.2GB)</a>
             </div>
             <p class="col m7 s12">
@@ -34,7 +34,7 @@ <h4 class="col s12">FAI CD: The Easy Way to Start With FAI</h4>
 
           <div class="col s12 m10 valign-wrapper">
             <div class="col m5 s12 valign">
-              <a href="faicd64-small_5.10.3.iso" class="waves-effect waves-light btn orange black-text">
+              <a href="faicd64-small_5.10.3.iso" class="waves-effect waves-light btn fai-btn black-text">
                 <i class="material-icons left">download</i>FAI ISO small (674MB)</a>
             </div>
             <p class="col m7 s12">
@@ -44,7 +44,7 @@ <h4 class="col s12">FAI CD: The Easy Way to Start With FAI</h4>
 
           <div class="col s12 m10 valign-wrapper">
             <div class="col m5 s12 valign">
-              <a href="faicd64-ubuntu-only_5.10.3.iso" class="waves-effect waves-light btn orange black-text">
+              <a href="faicd64-ubuntu-only_5.10.3.iso" class="waves-effect waves-light btn fai-btn black-text">
                 <i class="material-icons left">download</i>FAI ISO Ubuntu (1.3GB)</a>
             </div>
             <p class="col m7 s12">
@@ -54,7 +54,7 @@ <h4 class="col s12">FAI CD: The Easy Way to Start With FAI</h4>
 
           <div class="col s12 m10 valign-wrapper">
             <div class="col m5 s12 valign">
-              <a href="faicd64-autodiscover_5.10.3.iso" class="waves-effect waves-light btn orange black-text">
+              <a href="faicd64-autodiscover_5.10.3.iso" class="waves-effect waves-light btn fai-btn black-text">
                 <i class="material-icons left">download</i>Autodiscover CD (38MB)</a>
             </div>
             <p class="col m7 s12">

diff --git a/index.html b/index.html
@@ -36,7 +36,7 @@ <h4>About FAI</h4>
           </div>
           <div class="col s4">
 
-            <a class="waves-effect waves-light btn-large orange valign right black-text z-depth-3" style="font-size: 170%" href="/fai-cd/faicd64-large_6.0.iso">
+            <a class="waves-effect waves-light fai-btn btn-large valign right black-text z-depth-3" style="font-size: 170%" href="/fai-cd/faicd64-large_6.0.iso">
               <i class="material-icons left">download</i>ISO (1.3GB)</a>
           </div>