Начало Каталог Помощ
Регистрация Вход
XMTT
/
markdown-wiki
Наблюдаван 1
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Ревизии 36 Версии 0 Уики
Преглед на файлове

..

huwhois преди 3 години
родител
c34bd4cba2
ревизия
43b778487d
променени са 3 файла, в които са добавени 102 реда и са изтрити 28 реда
Разделен изглед Покажи статистика за разликите
  1. 94 25
      public/html/color.html
  2. 3 2
      public/html/index.html
  3. 5 1
      public/static/css/index.css

+ 94 - 25
public/html/color.html
Целия файл 

@ -1,25 +1,94 @@
1 
<li style="background-color: aquamarine;"><a href="javascript: doChange('aquamarine');">aquamarine</a></li>
2 
<li style="background-color: azure;"><a href="javascript: doChange('azure');">azure</a></li>
3 
<li style="background-color: beige;"><a href="javascript: doChange('beige');">beige</a></li>
4 
<li style="background-color: cyan;"><a href="javascript: doChange('cyan');">cyan</a></li>
5 
<li style="background-color: floralwhite;"><a href="javascript: doChange('floralwhite');">floralwhite</a></li>
6 
<li style="background-color: gainsboro;"><a href="javascript: doChange('gainsboro');">gainsboro</a></li>
7 
<li style="background-color: gold;"><a href="javascript: doChange('gold');">gold</a></li>
8 
<li style="background-color: greenyellow;"><a href="javascript: doChange('greenyellow');">greenyellow</a></li>
9 
<li style="background-color: hotpink;"><a href="javascript: doChange('hotpink');">hotpink</a></li>
10 
<li style="background-color: ivory;"><a href="javascript: doChange('ivory');">ivory</a></li>
11 
<li style="background-color: khaki;"><a href="javascript: doChange('khaki');">khaki</a></li>
12 
<li style="background-color: lightgrey;"><a href="javascript: doChange('lightgrey');">lightgrey</a></li>
13 
<li style="background-color: lime;"><a href="javascript: doChange('lime');">lime</a></li>
14 
<li style="background-color: linen;"><a href="javascript: doChange('linen');">linen</a></li>
15 
<li style="background-color: mistyrose;"><a href="javascript: doChange('mistyrose');">mistyrose</a></li>
16 
<li style="background-color: navajowhite;"><a href="javascript: doChange('navajowhite');">navajowhite</a></li>
17 
<li style="background-color: oldlace;"><a href="javascript: doChange('oldlace');">oldlace</a></li>
18 
<li style="background-color: orangered;"><a href="javascript: doChange('orangered');">orangered</a></li>
19 
<li style="background-color: orchid;"><a href="javascript: doChange('orchid');">orchid</a></li>
20 
<li style="background-color: palegreen;"><a href="javascript: doChange('palegreen');">palegreen</a></li>
21 
<li style="background-color: papayawhip;"><a href="javascript: doChange('papayawhip');">papayawhip</a></li>
22 
<li style="background-color: peachpuff;"><a href="javascript: doChange('peachpuff');">peachpuff</a></li>
23 
<li style="background-color: thistle;"><a href="javascript: doChange('thistle');">thistle</a></li>
24 
<li style="background-color: wheat;"><a href="javascript: doChange('wheat');">wheat</a></li>
25 
<li style="background-color: white;"><a href="javascript: doChange('white');">white</a></li>
1 
<!DOCTYPE html>
2 
<html>
3 
<head lang="en">
4 
    <meta charset="UTF-8">
5 
    <title></title>
6 
    <style>
7 
        *{
8 
            margin: 0;
9 
            padding: 0;
10 
        }
11 
        .box{
12 
            margin: 40px auto;
13 
            width: 60px;
14 
            background-color: #f0ac6b;
15 
        }
16 
        .t1{
17 
            margin: 40px auto;
18 
            width: 0px;
19 
            height: 0px;
20 
            /*background-color: #f0ac6b;*/
21 
            border-bottom: 40px solid red;
22 
            border-right: 20px solid transparent;
23 
            border-left: 20px solid transparent;
24 
        }
25 
        .t2{
26 
            margin: 40px auto;
27 
            width: 0px;
28 
            height: 0px;
29 
            /*background-color: #f0ac6b;*/
30 
            border-bottom: 40px solid transparent;
31 
            border-right: 40px solid red;
32 
            /*border-left: 20px solid transparent;*/
33 
        }
34 
        .t3{
35 
            margin: 40px auto;
36 
            width: 0;
37 
            height: 0;
38 
            border-top: 40px solid red;
39 
            border-right: 20px solid transparent;
40 
            border-left: 20px solid transparent;
41 
        }
42 
        .t4{
43 
            margin: 40px auto;
44 
            width: 0;
45 
            height: 0;
46 
            border-top: 40px solid transparent;
47 
            border-left: 40px solid red;
48 
        }
49 
        .t5{
50 
            margin: 40px auto;
51 
            width: 0;
52 
            height: 0;
53 
            border-top: 40px solid red;
54 
            border-right: 40px solid transparent;
55 
        }
56 
        .t6{
57 
            margin: 40px auto;
58 
            width: 0px;
59 
            height: 0px;
60 
            border-left: 40px solid transparent;
61 
            border-bottom: 40px solid red;
62 
        }
63 
        .t7{
64 
            margin: 40px auto;
65 
            width: 0;
66 
            height: 0;
67 
            border-left: 40px solid red;
68 
            border-bottom: 20px solid transparent;
69 
            border-top: 20px solid transparent;
70 
        }
71 
        .t8{
72 
            margin: 40px auto;
73 
            width: 0;
74 
            height: 0;
75 
            border-right: 40px solid red;
76 
            border-bottom: 20px solid transparent;
77 
            border-top: 20px solid transparent;
78 
        }
79 
    </style>
80 
</head>
81 
<body>
82 
<div class="box">
83 
    <div class="t1"></div>
84 
    <div class="t3"></div>
85 
    <div class="t2"></div>
86 
    <div class="t4"></div>
87 
    <div class="t5"></div>
88 
    <div class="t6"></div>
89 
    <div class="t7"></div>
90 
    <div class="t8"></div>
91 
</div>
92
93 
</body>
94 
</html>

+ 3 - 2
public/html/index.html
Целия файл 

@ -36,7 +36,7 @@
36 36 
            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 编辑
37 37 
        </button>
38 38 
        <span>
39 
            <img src="../static/img/header_color.png" alt="调色板" data-status="0" onclick="changeColor(this);">
39 
            <!-- <img src="../static/img/header_color.png" alt="调色板" data-status="0" onclick="changeColor(this);"> -->
40 40 
        </span>
41 41 
        <span>
42 42 
            <ul class="select_header_color" style="display: none;">
 
@ -174,6 +174,7 @@
174 174
175 175 
            if (storage.getItem("headerColor")) {
176 176 
                var color = storage.getItem("headerColor");
177
177 178 
                $("header").css('background-color', color);
178 179 
            }
179 180 
        });
 
@ -193,8 +194,8 @@
193 194 
        function doChange(color) {
194 195 
            // console.log(color);
195 196 
            // var color = $(obj).val();
196 
            $("header").css("background-color", color);
197 197 
            storage.setItem("headerColor", color);
198 
            $("header").css("background-color", color);
198 199 
        }
199 200
200 201 
        // 代码高亮

+ 5 - 1
public/static/css/index.css
Целия файл 

@ -4,7 +4,7 @@ header {
4 4 
    box-sizing: border-box;
5 5 
    position: fixed;
6 6 
    width: 100%;
7 
    background-color: white;
7 
    /* background-color: #110def6b;  */
8 8 
}
9 9
10 10 
header span.logo {
 
@ -13,15 +13,18 @@ header span.logo {
13 13 
    font-size: 20px;
14 14 
    width: 17%;
15 15 
    display: inline-block;
16 
    opacity: 1;
16 17 
}
17 18
18 19 
header button {
19 20 
    margin-left: 40px;
21 
    /* opacity: 1; */
20 22 
}
21 23
22 24 
header span img {
23 25 
    position: relative;
24 26 
    left: 56%;
27 
    opacity: 1;
25 28 
}
26 29
27 30 
ul.select_header_color {
 
@ -30,6 +33,7 @@ ul.select_header_color {
30 33 
    position: relative;
31 34 
    left: 80%;
32 35 
    top: -20px;
36 
    /* opacity: 1; */
33 37 
}
34 38
35 39 
ul.select_header_color li {