mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2025-12-30 19:38:34 +03:00
Added a font and background color.
This commit is contained in:
@@ -1,9 +1,13 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
|
||||||
|
|
||||||
* {
|
* {
|
||||||
font-family: 'Arial';
|
font-family: 'Source Sans Pro', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
font-size: 14px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
background-color: #d9ffdc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.greenButton {
|
.greenButton {
|
||||||
@@ -15,7 +19,6 @@ body {
|
|||||||
display:inline-block;
|
display:inline-block;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
font-family:Arial;
|
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
padding:8px 37px;
|
padding:8px 37px;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
@@ -41,7 +44,6 @@ body {
|
|||||||
display:inline-block;
|
display:inline-block;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
font-family:Arial;
|
|
||||||
font-size:13px;
|
font-size:13px;
|
||||||
padding:6px 24px;
|
padding:6px 24px;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
@@ -64,7 +66,6 @@ body {
|
|||||||
display:inline-block;
|
display:inline-block;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
color:#ffffff;
|
color:#ffffff;
|
||||||
font-family:Arial;
|
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
padding:6px 10px;
|
padding:6px 10px;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
|
|||||||
70
popup.html
70
popup.html
@@ -13,48 +13,46 @@
|
|||||||
|
|
||||||
<!-- Hidden until loading complete -->
|
<!-- Hidden until loading complete -->
|
||||||
<div id="mainControls" class="main" style="display: none">
|
<div id="mainControls" class="main" style="display: none">
|
||||||
<!-- If the video was found in the database -->
|
<!-- If the video was found in the database -->
|
||||||
<div id="videoFound">
|
<div id="videoFound">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="downloadedSponsorMessageTimes">
|
<div id="downloadedSponsorMessageTimes">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Record the times of a sponsorship</h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Click the button below when the sponsorship starts and ends to record and
|
||||||
|
submit it to the database.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<button id="sponsorStart" class="greenButton">Sponsorship Starts Now</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="submissionSection" style="display: none">
|
||||||
|
<h3>Latest Sponsor Message Times Chosen</h3>
|
||||||
|
<b>
|
||||||
|
<div id="sponsorMessageTimes">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</b>
|
||||||
|
|
||||||
|
<button id="clearTimes" class="smallButton">Clear Times</button>
|
||||||
|
|
||||||
<br/>
|
<br/>
|
||||||
|
<br/>
|
||||||
<h2>Record the times of a sponsorship</h2>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Click the button below when the sponsorship starts and ends to record and
|
|
||||||
submit it to the database.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div>
|
<button id="submitTimes" class="smallButton">Submit Times</button>
|
||||||
<button id="sponsorStart" class="greenButton">Sponsorship Starts Now</button>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="submissionSection" style="display: none">
|
|
||||||
<h3>Latest Sponsor Message Times Chosen</h3>
|
|
||||||
<b>
|
|
||||||
<div id="sponsorMessageTimes">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</b>
|
|
||||||
|
|
||||||
<button id="clearTimes" class="smallButton">Clear Times</button>
|
|
||||||
|
|
||||||
<br/>
|
|
||||||
<br/>
|
|
||||||
|
|
||||||
<button id="submitTimes" class="smallButton">Submit Times</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br/>
|
<br/>
|
||||||
<br/>
|
<br/>
|
||||||
|
|
||||||
<button id="showNoticeAgain" style="display: none" class="noticeButton">Show Notice Again</button>
|
<button id="showNoticeAgain" style="display: none" class="noticeButton">Show Notice Again</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</center>
|
</center>
|
||||||
|
|||||||
Reference in New Issue
Block a user