DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling

Browse Source
This commit is contained in:
Sriram Hariharan
2019-01-11 00:12:53 -06:00
parent d2c4e21dd8
commit 813b7151b3
3 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
css/styles.css
View File

@@ -22,21 +22,24 @@
} }
.loader { .loader {
border: 10px solid #f3f3f3; /* Light grey */ border: 10px solid #f3f3f3;
border-top: 10px solid #bf5700; /* Blue */ border-top: 10px solid #FF9800;
border-radius: 50%; border-radius: 50%;
width: 50px; width: 50px;
height: 50px; height: 50px;
display: none; display: none;
animation: spin 2s linear infinite; animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
} }
@keyframes spin { 100% {
0% { transform: rotate(0deg); } transform: rotate(360deg);
100% { transform: rotate(360deg); }
} }
}
/* The Close Button */
.close { .close {
color: #aaaaaa; color: #aaaaaa;

2
js/content.js
View File

@@ -45,7 +45,7 @@ $(function () {
$("table").after(`<div style="text-align:center"> $("table").after(`<div style="text-align:center">
<div class="loader"></div> <div class="loader"></div>
<br> <br>
<h2 id="nextlabel"style="color: #bf5700;display:none;">Loading Courses</h2> <h1 id="nextlabel"style="color: #FF9800;display:none;">Loading Courses</h1>
</div>`); </div>`);
var modhtml = `<div class=modal id=myModal> var modhtml = `<div class=modal id=myModal>
<div class=modal-content> <div class=modal-content>

4
options.html
View File

@@ -14,8 +14,8 @@
Highlighting</h2> Highlighting</h2>
<button id="togglecourseConflictHighlight" class="matbut" style="float:right; display:inline-block;font-size:medium;background:#F44336;">Turn <button id="togglecourseConflictHighlight" class="matbut" style="float:right; display:inline-block;font-size:medium;background:#F44336;">Turn
Off</button> Off</button>
<h2 style="padding: 5px 16px 16px 16px; font-weight: normal;display: inline-block;text-align:left;">All Courses <h2 style="padding: 5px 16px 16px 16px; font-weight: normal;display: inline-block;text-align:left;">Scroll To
on First Page</h2> Load More Courses</h2>
<button id="toggleloadAll" class="matbut" style="float: right;display:inline-block;font-size:medium;background:#F44336;">Turn <button id="toggleloadAll" class="matbut" style="float: right;display:inline-block;font-size:medium;background:#F44336;">Turn
Off</button> Off</button>
</div> </div>