-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
53 lines (52 loc) · 1.91 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Multiview( DOES-JIHUN )</title>
<script src="jquery.3.4.1.min.js"></script>
<style>
html, body {margin:0; padding:0; width:100%; height:100%;}
button {
min-height:30px;
min-width:30px;
outline:none;
}
.btnArea {border-bottom:1px solid gray; padding:3px 5px;}
.btnArea input#url {height:24px; width:250px;}
.btnArea button#delBtn {float:right;}
.btnArea #columns {margin-left:50px; }
.btnArea #columns select {height:30px;}
.frames {width:100%; height:95%;}
.frames .frame {border-bottom:1px solid lightgray; border-top:1px solid lightgray; margin:1px 0; height:33.3%; position:relative; display:inline-block; overflow: hidden;}
.frames iframe {border:0; outline:none;}
.frames .veil {border:0; outline:none; width:100%; height:100%; position:absolute; left:0; top:30px; cursor:pointer; }
.frames .veil:hover {background-color:red; opacity:0.5;}
.frames .veil:hover .close {display:block;}
.frames .veil .close {width:30px; height:30px; position:absolute; top:0; right:0; background:transparent url(images/close.png) center center no-repeat; background-size: 30px 30px; display:none; z-index:10;}
.frames .urltext {width:calc(100% - 3px); height:25px;}
</style>
</head>
<body>
<div id="buttonDiv">
</div>
<div class="btnArea">
<button id="addBtn">Add Frame</button>
<input type="text" id="url" placeholder="Url of new frame"/>
<button id="seeBtn">See All</button>
<button id="refreshBtn">Refresh All</button>
<span id="leftTime"></span>
<span id="columns">
Columns :
<select>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</span>
<button id="delBtn">Delete current frame</button>
</div>
<div class="frames" id="frames"></div>
</body>
<script src="options.js"></script>
</html>