Added a font and background color.

This commit is contained in:
Ajay Ramachandran
2019-07-10 15:00:48 -04:00
parent cfcd94d177
commit e5f2c5747b
2 changed files with 39 additions and 40 deletions

View File

@@ -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;

View File

@@ -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>