external/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2024-11-10 09:07:45 +01:00
Code Issues Projects Releases Packages Wiki Activity

Added nice buttons to the popup

Browse source
This commit is contained in:
Ajay Ramachandran 2019-07-10 12:20:29 -04:00
parent 2bef9ed08d
commit 2e6a616806
2 changed files with 78 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
popup.css
View file

@ -5,3 +5,74 @@
body { body {
width: 300px; width: 300px;
} }
.greenButton {
background-color:#44c767;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
padding:8px 37px;
text-decoration:none;
text-shadow:0px 0px 0px #2f6627;
}
.greenButton:hover {
background-color:#5cbf2a;
}
.greenButton:active {
position:relative;
top:1px;
}
.noticeButton {
-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
box-shadow:inset 0px 1px 0px 0px #cf866c;
background-color:#d0451b;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #942911;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #854629;
}
.noticeButton:hover {
background-color:#bc3315;
}
.noticeButton:active {
position:relative;
top:1px;
}
.smallButton {
background-color:#2dabf9;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #2dabf9;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:14px;
padding:6px 10px;
text-decoration:none;
}
.smallButton:hover {
background-color:#0688fa;
}
.smallButton:active {
position:relative;
top:1px;
}

10
popup.html
View file

@ -32,7 +32,7 @@
</p> </p>
<div> <div>
<button id="sponsorStart">Sponsorship Starts Now</button> <button id="sponsorStart" class="greenButton">Sponsorship Starts Now</button>
</div> </div>
<div id="submissionSection" style="display: none"> <div id="submissionSection" style="display: none">
@ -43,16 +43,18 @@
</div> </div>
</b> </b>
<button id="clearTimes">Clear Times</button> <button id="clearTimes" class="smallButton">Clear Times</button>
<br/>
<br/> <br/>
<button id="submitTimes">Submit Times</button> <button id="submitTimes" class="smallButton">Submit Times</button>
</div> </div>
<br/>
<br/> <br/>
<button id="showNoticeAgain" style="display: none">Show Notice Again</button> <button id="showNoticeAgain" style="display: none" class="noticeButton">Show Notice Again</button>
</div> </div>
</div> </div>
</center> </center>