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

Styling popup

Browse Source
This commit is contained in:
Sriram Hariharan
2018-07-10 22:11:58 -05:00
parent 34cd9fc3c5
commit 0a7a38b81d
5 changed files with 113 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
popup.html
View File

@@ -1,37 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
transition: 0.3s;
margin:5px;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3);
}
.container {
padding: 2px 16px;
}
h2 {
padding-left: 5px;
}
li {
width: 350px;
}
body{
min-width: 350px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<script src="jquery-3.3.1.min.js"></script>
<script src="popup.js"></script>
<h2 id='headertext'>Saved Courses</h2>
<ul id= "courseList" style="list-style-type: none;padding: 5px;"></ul>
<div class="card" id="header">
<h2 id='headertext'>Saved Courses</h2>
<div id="buttons" style="padding: 10px 0px 5px 10px;">
<button id="clear" class="matbut" style="background:#4CAF50">click me</button>
<button id="clear" class="matbut" style="background:#FFC107">click me</button>
</div>
</div>
<ul id= "courseList" style="list-style-type: none;padding: 5px;"></ul>
<script src="jquery-3.3.1.min.js"></script>
<script src="popup.js"></script>
</body>
</html>