Bookmark-HTMLizer/popup.html at main · axshor/Bookmark-HTMLizer · GitHub

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
54
55
56
57
58
59
<!DOCTYPE html>
<html>

<head>
    <title>Bookmark HTMLizer / 书签HTML检索</title>
    <script src="popup.js"></script>
</head>
<style>
    .navs {
        width: 110px;
        display: flex;
        flex-direction: column;
    }

    .nav {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid rgb(153, 221, 153);
        height: 32px;
        line-height: 32px;
        text-align: left;
        align-items: center;
        overflow: hidden;
    }

    .nav:hover {
        color: royalblue;
        cursor: pointer;
    }

    .icon img {
        width: 18px;
        height: 18px;
        margin: 0 4px;
        vertical-align: middle;
    }

    .nav span {
        height: 32px;
        line-height: 32px;
        width: 100%;
    }
</style>

<body>
    <!-- <div class="navs">
        <div class="nav" id="ws">
            <div class="icon"><img src="images/website.png" /></div><span>收藏站点</span>
        </div>
        <div class="nav" id="saveBookmark">
            <div class="icon"><img src="images/save.png" /></div><span>保存网站</span>
        </div>
        <div class="nav">
            <div class="icon"><img src="images/setting.png" /></div><span>设置</span>
        </div>
    </div> -->
</body>

</html>