Browse Source

Fixed download buttons

master
satsuki 2 years ago
parent
commit
69bf6ebbdd
2 changed files with 21 additions and 10 deletions
  1. +17
    -2
      css/styles.css
  2. +4
    -8
      index.html

+ 17
- 2
css/styles.css View File

@ -686,6 +686,10 @@ a.download_button {
left: 290px;
}
a.download_button:hover {
opacity: 1.0;
}
div.download_button {
text-decoration: none;
position: relative;
@ -787,7 +791,17 @@ p.code:hover {
border-radius: 12px; /* Rounded Edges */
}
.button4:hover {
background-color: #4CAF50;
}
a.button4:hover {
opacity: 1.0;
}
a.button2:hover {
opacity: 1.0;
}
.tooltip {
position: relative;
@ -935,14 +949,15 @@ img.button {
a.button_left:hover {
opacity: 0.7;
opacity: 1.0;
# color:#D1D1D1;
text-decoration: underlined;
font-family: Arial, Helvetica, sans-serif;
background-color: #4CAF50;
}
a.button_right:hover {
opacity: 0.7;
# opacity: 0.7;
# color:#D1D1D1;
text-decoration: underlined;
font-family: Arial, Helvetica, sans-serif;


+ 4
- 8
index.html View File

@ -68,10 +68,8 @@
<div id="full_button" class="download-prompt-wrapper-2" style="width: 200px;">
<center>
<div class="download_button" id="download_button_index">
<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="https://t.me/amereleases" target="_blank">ISO Download<img style="position: relative; bottom: -2px; right: -10px;" src="img/download.png"
width="16px">
</a>
<span class="tooltiptext" style="position: absolute; left: 86px; margin-bottom: 15px; font-size: 12px;">Downloads on Telegram channel</span>
<div class="tooltip"><a class="button_left" style="padding-left: 25px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="https://t.me/amereleases" target="_blank"><img style="position: relative; bottom: 0px; right: 8px;" src="img/download.png"width="12px">ISO Download</a>
<!-- <span class="tooltiptext" style="position: absolute; left: 86px; margin-bottom: 15px; font-size: 12px;">Downloads on Telegram channel</span> -->
</div>
<div class="clear"></div>
@ -86,10 +84,8 @@
<div id="minimal_button" class="download-prompt-wrapper-2" style="width: 200px;">
<center>
<div class="download_button" id="download_button_index">
<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="documentation.html">Build Yourself<img style="position: relative; bottom: -2px; right: -10px;" src="img/book.png"
width="16px">
</a>
<span class="tooltiptext" style="position: absolute; left: 84px; margin-bottom: 15px; font-size: 12px;">Apply via AME documentation</span>
<div class="tooltip"><a class="button_left" style="padding-left: 25px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="documentation.html"><img style="position: relative; bottom: 0px; right: 8px;" src="img/book.png"width="12px">Build Yourself</a>
<!-- <span class="tooltiptext" style="position: absolute; left: 84px; margin-bottom: 15px; font-size: 12px;">Apply via AME documentation</span> -->
</div>
<div class="clear"></div>


Loading…
Cancel
Save