梁美英 / programming · Commits

Commit 8d96160af5322fac18bef6788eeb0203ea626991

Authored by ykxie
1 parent 9f30931b

修改样式

Inline Side-by-side
Showing 20 changed files with 182 additions and 244 deletions
src/common/fonts/demo_fontclass.html
  View file @8d96160
... ... @@ -13,42 +13,18 @@
13 13 <ul class="icon_lists clear">
14 14  
15 15 <li>
16   - <i class="icon iconfont icon-bofang1"></i>
17   - <div class="name">播放</div>
18   - <div class="fontclass">.icon-bofang1</div>
19   - </li>
20   -
21   - <li>
22 16 <i class="icon iconfont icon-quanping"></i>
23 17 <div class="name">全屏</div>
24 18 <div class="fontclass">.icon-quanping</div>
25 19 </li>
26 20  
27 21 <li>
28   - <i class="icon iconfont icon-bofang"></i>
29   - <div class="name">播放</div>
30   - <div class="fontclass">.icon-bofang</div>
31   - </li>
32   -
33   - <li>
34   - <i class="icon iconfont icon-quanping1"></i>
35   - <div class="name">全屏</div>
36   - <div class="fontclass">.icon-quanping1</div>
37   - </li>
38   -
39   - <li>
40 22 <i class="icon iconfont icon-weibiaoti1"></i>
41 23 <div class="name">播放</div>
42 24 <div class="fontclass">.icon-weibiaoti1</div>
43 25 </li>
44 26  
45 27 <li>
46   - <i class="icon iconfont icon-luzhi"></i>
47   - <div class="name">录制</div>
48   - <div class="fontclass">.icon-luzhi</div>
49   - </li>
50   -
51   - <li>
52 28 <i class="icon iconfont icon-tingzhi"></i>
53 29 <div class="name">停止</div>
54 30 <div class="fontclass">.icon-tingzhi</div>
... ... @@ -61,9 +37,9 @@
61 37 </li>
62 38  
63 39 <li>
64   - <i class="icon iconfont icon-luying"></i>
65   - <div class="name">悬赏问题详情-录制按钮</div>
66   - <div class="fontclass">.icon-luying</div>
  40 + <i class="icon iconfont icon-bofang2"></i>
  41 + <div class="name">播放</div>
  42 + <div class="fontclass">.icon-bofang2</div>
67 43 </li>
68 44  
69 45 </ul>
... ...
src/common/fonts/demo_symbol.html
  View file @8d96160
... ... @@ -29,14 +29,6 @@
29 29  
30 30 <li>
31 31 <svg class="icon" aria-hidden="true">
32   - <use xlink:href="#icon-bofang1"></use>
33   - </svg>
34   - <div class="name">播放</div>
35   - <div class="fontclass">#icon-bofang1</div>
36   - </li>
37   -
38   - <li>
39   - <svg class="icon" aria-hidden="true">
40 32 <use xlink:href="#icon-quanping"></use>
41 33 </svg>
42 34 <div class="name">全屏</div>
... ... @@ -45,22 +37,6 @@
45 37  
46 38 <li>
47 39 <svg class="icon" aria-hidden="true">
48   - <use xlink:href="#icon-bofang"></use>
49   - </svg>
50   - <div class="name">播放</div>
51   - <div class="fontclass">#icon-bofang</div>
52   - </li>
53   -
54   - <li>
55   - <svg class="icon" aria-hidden="true">
56   - <use xlink:href="#icon-quanping1"></use>
57   - </svg>
58   - <div class="name">全屏</div>
59   - <div class="fontclass">#icon-quanping1</div>
60   - </li>
61   -
62   - <li>
63   - <svg class="icon" aria-hidden="true">
64 40 <use xlink:href="#icon-weibiaoti1"></use>
65 41 </svg>
66 42 <div class="name">播放</div>
... ... @@ -69,14 +45,6 @@
69 45  
70 46 <li>
71 47 <svg class="icon" aria-hidden="true">
72   - <use xlink:href="#icon-luzhi"></use>
73   - </svg>
74   - <div class="name">录制</div>
75   - <div class="fontclass">#icon-luzhi</div>
76   - </li>
77   -
78   - <li>
79   - <svg class="icon" aria-hidden="true">
80 48 <use xlink:href="#icon-tingzhi"></use>
81 49 </svg>
82 50 <div class="name">停止</div>
... ... @@ -93,10 +61,10 @@
93 61  
94 62 <li>
95 63 <svg class="icon" aria-hidden="true">
96   - <use xlink:href="#icon-luying"></use>
  64 + <use xlink:href="#icon-bofang2"></use>
97 65 </svg>
98   - <div class="name">悬赏问题详情-录制按钮</div>
99   - <div class="fontclass">#icon-luying</div>
  66 + <div class="name">播放</div>
  67 + <div class="fontclass">#icon-bofang2</div>
100 68 </li>
101 69  
102 70 </ul>
... ...
src/common/fonts/demo_unicode.html
  View file @8d96160
... ... @@ -33,42 +33,18 @@
33 33 <ul class="icon_lists clear">
34 34  
35 35 <li>
36   - <i class="icon iconfont">&#xe6bb;</i>
37   - <div class="name">播放</div>
38   - <div class="code">&amp;#xe6bb;</div>
39   - </li>
40   -
41   - <li>
42 36 <i class="icon iconfont">&#xe643;</i>
43 37 <div class="name">全屏</div>
44 38 <div class="code">&amp;#xe643;</div>
45 39 </li>
46 40  
47 41 <li>
48   - <i class="icon iconfont">&#xe628;</i>
49   - <div class="name">播放</div>
50   - <div class="code">&amp;#xe628;</div>
51   - </li>
52   -
53   - <li>
54   - <i class="icon iconfont">&#xe665;</i>
55   - <div class="name">全屏</div>
56   - <div class="code">&amp;#xe665;</div>
57   - </li>
58   -
59   - <li>
60 42 <i class="icon iconfont">&#xe609;</i>
61 43 <div class="name">播放</div>
62 44 <div class="code">&amp;#xe609;</div>
63 45 </li>
64 46  
65 47 <li>
66   - <i class="icon iconfont">&#xe60e;</i>
67   - <div class="name">录制</div>
68   - <div class="code">&amp;#xe60e;</div>
69   - </li>
70   -
71   - <li>
72 48 <i class="icon iconfont">&#xe63a;</i>
73 49 <div class="name">停止</div>
74 50 <div class="code">&amp;#xe63a;</div>
... ... @@ -81,9 +57,9 @@
81 57 </li>
82 58  
83 59 <li>
84   - <i class="icon iconfont">&#xe63f;</i>
85   - <div class="name">悬赏问题详情-录制按钮</div>
86   - <div class="code">&amp;#xe63f;</div>
  60 + <i class="icon iconfont">&#xe7bb;</i>
  61 + <div class="name">播放</div>
  62 + <div class="code">&amp;#xe7bb;</div>
87 63 </li>
88 64  
89 65 </ul>
... ...
src/common/fonts/iconfont.css
  View file @8d96160
1 1  
2 2 @font-face {font-family: "iconfont";
3   - src: url('iconfont.eot?t=1493207634822'); /* IE9*/
4   - src: url('iconfont.eot?t=1493207634822#iefix') format('embedded-opentype'), /* IE6-IE8 */
5   - url('iconfont.woff?t=1493207634822') format('woff'), /* chrome, firefox */
6   - url('iconfont.ttf?t=1493207634822') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
7   - url('iconfont.svg?t=1493207634822#iconfont') format('svg'); /* iOS 4.1- */
  3 + src: url('iconfont.eot?t=1493360413766'); /* IE9*/
  4 + src: url('iconfont.eot?t=1493360413766#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 + url('iconfont.woff?t=1493360413766') format('woff'), /* chrome, firefox */
  6 + url('iconfont.ttf?t=1493360413766') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 + url('iconfont.svg?t=1493360413766#iconfont') format('svg'); /* iOS 4.1- */
8 8 }
9 9  
10 10 .iconfont {
... ... @@ -15,21 +15,13 @@
15 15 -moz-osx-font-smoothing: grayscale;
16 16 }
17 17  
18   -.icon-bofang1:before { content: "\e6bb"; }
19   -
20 18 .icon-quanping:before { content: "\e643"; }
21 19  
22   -.icon-bofang:before { content: "\e628"; }
23   -
24   -.icon-quanping1:before { content: "\e665"; }
25   -
26 20 .icon-weibiaoti1:before { content: "\e609"; }
27 21  
28   -.icon-luzhi:before { content: "\e60e"; }
29   -
30 22 .icon-tingzhi:before { content: "\e63a"; }
31 23  
32 24 .icon-zhongxin:before { content: "\e650"; }
33 25  
34   -.icon-luying:before { content: "\e63f"; }
  26 +.icon-bofang2:before { content: "\e7bb"; }
35 27  
... ...
src/common/fonts/iconfont.eot
View file @8d96160
No preview for this file type
src/common/fonts/iconfont.js
  View file @8d96160
... ... @@ -2,34 +2,12 @@
2 2  
3 3 var svgSprite = '<svg>' +
4 4 '' +
5   - '<symbol id="icon-bofang1" viewBox="0 0 1024 1024">' +
6   - '' +
7   - '<path d="M511.999488 921.323503c-226.076022 0-409.339251-183.276187-409.339251-409.322479 0-226.066759 183.263229-409.322479 409.339251-409.322479 226.055555 0 409.339251 183.255721 409.339251 409.322479C921.338739 738.048339 738.055043 921.323503 511.999488 921.323503zM511.999488 196.294688c-174.348844 0-315.698804 141.344169-315.698804 315.685869 0 174.362166 141.34996 315.686892 315.698804 315.686892 174.369311 0 315.698804-141.323703 315.698804-315.666426C827.698292 337.638857 686.367776 196.294688 511.999488 196.294688z" ></path>' +
8   - '' +
9   - '<path d="M395.793192 644.011616c0 4.736884 2.398728 9.373485 6.716234 12.051477 4.336949 2.65855 9.533511 2.738367 13.791663 0.599657L680.352535 524.652158c4.63679-2.318812 7.81531-7.115048 7.81531-12.651135 0-5.556553-3.177496-10.352789-7.81531-12.671601L416.300065 367.298364c-4.257128-2.118244-9.45369-2.038426-13.791663 0.6191-4.317506 2.677992-6.716234 7.314593-6.716234 12.051477L395.792168 644.011616 395.793192 644.011616z" ></path>' +
10   - '' +
11   - '</symbol>' +
12   - '' +
13 5 '<symbol id="icon-quanping" viewBox="0 0 1024 1024">' +
14 6 '' +
15 7 '<path d="M641.750109 384.100028l205.227128-204.519-0.704035 115.89966c-0.282433 9.611915 7.489578 18.09103 17.101493 17.808598l12.297071 0c9.611915-0.283456 17.667382-5.936199 17.808598-15.689331l0.565888-172.57752c0-0.14224 0.282433-9.187243 0.282433-9.187243 0.14224-4.804423-0.99056-9.187243-4.100388-12.297071-3.109828-3.109828-7.347339-5.086855-12.297071-4.946662l-8.763594 0.14224c-0.141216 0-0.278339 0-0.420579 0.14224L697.581696 98.166787c-9.611915 0.283456-17.667382 8.200776-17.808598 17.950837l0 12.297071c1.416256 11.44875 10.458189 18.092054 20.070104 17.808598l112.789832 0.283456-204.66124 203.814965c-9.329483 9.329483-9.329483 24.449855 0 33.778314 9.329483 9.470699 24.452925 9.470699 33.782408 0L641.750109 384.100028zM383.095141 576.889893 177.726797 780.705881l0.707105-115.338888c0.283456-9.607822-7.492648-18.086937-17.104563-17.808598l-13.001105 0c-9.611915 0.283456-17.667382 5.937223-17.808598 15.690354l-0.565888 172.718737c0 0.14224-0.282433 9.187243-0.282433 9.187243-0.14224 4.808516 0.99056 9.187243 4.096295 12.297071 3.109828 3.109828 7.351432 5.086855 12.297071 4.946662l8.762571-0.14224c0.14224 0 0.283456 0 0.425695-0.14224l171.873486 0.708128c9.607822-0.283456 17.667382-8.196683 17.808598-17.950837L344.93503 832.575226c-1.415232-11.44875-10.461259-18.092054-20.074198-17.808598L212.069977 814.483172 416.59 610.671277c9.329483-9.329483 9.329483-24.453948 0-33.782408C407.40685 567.41817 392.424624 567.41817 383.095141 576.889893L383.095141 576.889893zM894.047276 835.967486l-0.424672-172.718737c-0.283456-9.612938-8.200776-15.406898-17.809621-15.690354l-12.296047 0c-9.612938-0.278339-17.243733 8.200776-17.105586 17.808598l0.708128 115.903753L641.750109 576.889893c-9.329483-9.329483-24.452925-9.329483-33.782408 0-9.325389 9.328459-9.325389 24.452925 0 33.782408L812.490795 814.483172l-112.789832 0.283456c-9.611915-0.283456-18.515702 6.502088-20.073174 17.808598l0 12.297071c0.282433 9.611915 8.200776 17.667382 17.808598 17.950837l171.166381-0.708128c0.141216 0 0.282433 0.14224 0.424672 0.14224l8.763594 0.14224c4.803399 0.141216 9.187243-1.694595 12.296047-4.946662 3.109828-3.109828 4.238534-7.488555 4.097318-12.297071 0 0-0.14224-9.046027-0.14224-9.187243L894.047276 835.968509zM212.216309 146.506748l112.789832-0.283456c9.607822 0.283456 18.512632-6.502088 20.070104-17.808598L345.076246 116.116601c-0.283456-9.611915-8.196683-17.667382-17.808598-17.950837l-172.011632 0.708128c-0.14224 0-0.283456-0.14224-0.425695-0.14224l-8.761548-0.14224c-4.808516-0.141216-9.187243 1.694595-12.297071 4.946662-3.109828 3.109828-4.242627 7.488555-4.096295 12.297071 0 0 0.282433 9.046027 0.282433 9.187243l0.420579 172.718737c0.14224 9.608845 8.200776 15.406898 17.808598 15.686261l13.005198 0c9.611915 0.282433 17.242709-8.196683 17.10047-17.808598l-0.564865-115.334795 205.231221 203.958228c9.324366 9.329483 24.448832 9.329483 33.777291 0 9.329483-9.329483 9.329483-24.452925 0-33.782408L212.216309 146.506748 212.216309 146.506748zM212.216309 146.506748" ></path>' +
16 8 '' +
17 9 '</symbol>' +
18 10 '' +
19   - '<symbol id="icon-bofang" viewBox="0 0 1024 1024">' +
20   - '' +
21   - '<path d="M512.583314 9.142857c-277.736229 0-502.857143 225.1392-502.857143 502.857143 0 277.736229 225.120914 502.857143 502.857143 502.857143s502.857143-225.120914 502.857143-502.857143C1015.440457 234.282057 790.319543 9.142857 512.583314 9.142857L512.583314 9.142857zM512.583314 943.019886C274.9056 943.019886 81.563429 749.677714 81.563429 512c0-237.661257 193.342171-431.019886 431.019886-431.019886S943.6032 274.338743 943.6032 512C943.6032 749.677714 750.262857 943.019886 512.583314 943.019886L512.583314 943.019886z" ></path>' +
22   - '' +
23   - '<path d="M420.677486 743.149714c-2.770286 0-5.5424-0.6656-8.1024-1.963886-6.0672-3.051886-9.856-9.259886-9.856-15.994514L402.719086 314.671543c0-6.6816 3.717486-12.820114 9.645714-15.9232 5.893486-3.086629 13.083429-2.631314 18.554514 1.175771l287.3472 199.899429c4.770743 3.3152 7.647086 8.735086 7.7184 14.520686 0.069486 5.807543-2.666057 11.278629-7.332571 14.716343L431.305143 739.642514C428.149029 741.957486 424.429714 743.149714 420.677486 743.149714z" ></path>' +
24   - '' +
25   - '</symbol>' +
26   - '' +
27   - '<symbol id="icon-quanping1" viewBox="0 0 1024 1024">' +
28   - '' +
29   - '<path d="M843.617212 67.898413 175.411567 67.898413c-61.502749 0-111.367437 49.856501-111.367437 111.367437l0 668.205645c0 61.510936 49.864688 111.367437 111.367437 111.367437L843.617212 958.838931c61.510936 0 111.367437-49.856501 111.367437-111.367437L954.984648 179.26585C954.984648 117.754914 905.12917 67.898413 843.617212 67.898413zM398.146441 736.104057c15.380292 0 27.842115 12.461823 27.842115 27.842115 0 15.379269-12.461823 27.841092-27.842115 27.841092L259.725858 791.787264c-7.785314 0-14.781658-3.217275-19.838837-8.365528-5.383614-4.577249-8.791224-11.228739-8.791224-19.475564L231.095797 624.736621c0-15.371082 12.471033-27.842115 27.842115-27.842115 15.380292 0 27.842115 12.471033 27.842115 27.842115l-0.61603 71.426773 133.036969-133.037992 39.378869 39.378869L324.962651 736.113267 398.146441 736.104057zM419.199942 463.611943 286.162974 330.565764l0.61603 71.435982c0 15.380292-12.461823 27.842115-27.842115 27.842115-15.371082 0-27.842115-12.461823-27.842115-27.842115L231.094774 262.791172c0-8.256034 3.40761-14.908548 8.791224-19.476587 5.057179-5.148253 12.053524-8.374738 19.838837-8.374738l138.420583 0.00921c15.380292 0 27.842115 12.461823 27.842115 27.842115s-12.461823 27.842115-27.842115 27.842115l-73.175603-0.00921 133.607974 133.607974L419.199942 463.611943zM787.932981 763.946172c0 8.247848-3.40761 14.899338-8.791224 19.475564-5.057179 5.148253-12.053524 8.365528-19.839861 8.365528L620.881314 791.787264c-15.379269 0-27.841092-12.461823-27.841092-27.841092 0-15.380292 12.461823-27.842115 27.841092-27.842115l73.185836 0.00921L560.449967 602.50427l39.378869-39.378869L732.875015 696.163393l-0.62524-71.426773c0-15.371082 12.462846-27.842115 27.842115-27.842115 15.380292 0 27.842115 12.471033 27.842115 27.842115L787.934005 763.946172zM787.932981 402.000724c0 15.380292-12.461823 27.842115-27.842115 27.842115-15.379269 0-27.842115-12.461823-27.842115-27.842115l0.62524-71.435982L599.828836 463.611943l-39.378869-39.378869 133.617184-133.607974-73.185836 0.00921c-15.379269 0-27.841092-12.461823-27.841092-27.842115s12.461823-27.842115 27.841092-27.842115l138.421606-0.00921c7.785314 0 14.781658 3.226484 19.839861 8.374738 5.383614 4.568039 8.791224 11.219529 8.791224 19.476587L787.934005 402.000724z" ></path>' +
30   - '' +
31   - '</symbol>' +
32   - '' +
33 11 '<symbol id="icon-weibiaoti1" viewBox="0 0 1024 1024">' +
34 12 '' +
35 13 '<path d="M660.367119 696.447872 660.367119 696.447872c-20.289092 0-36.890188-16.600073-36.890188-36.889165L623.476931 364.441293c0-20.289092 16.600073-36.889165 36.889165-36.889165l0 0c20.289092 0 36.889165 16.600073 36.889165 36.889165l0 295.117414C697.257308 679.847799 680.656211 696.447872 660.367119 696.447872z" ></path>' +
... ... @@ -40,12 +18,6 @@
40 18 '' +
41 19 '</symbol>' +
42 20 '' +
43   - '<symbol id="icon-luzhi" viewBox="0 0 1024 1024">' +
44   - '' +
45   - '<path d="M624.6 356.8 400.4 356.8c-23.2 0-42 18.8-42 42l0 224.2c0 23.2 18.8 42 42 42l224.2 0c23.2 0 42-18.8 42-42l0-224.2C666.6 375.6 647.8 356.8 624.6 356.8zM512.5 62.5C264.8 62.5 64 263.3 64 511s200.8 448.5 448.5 448.5S961 758.7 961 511 760.2 62.5 512.5 62.5zM512.5 875.4c-201.2 0-364.4-163.1-364.4-364.4 0-201.2 163.2-364.4 364.4-364.4S876.9 309.7 876.9 511 713.7 875.4 512.5 875.4z" ></path>' +
46   - '' +
47   - '</symbol>' +
48   - '' +
49 21 '<symbol id="icon-tingzhi" viewBox="0 0 1024 1024">' +
50 22 '' +
51 23 '<path d="M512 0C229.6 0 0 229.6 0 512s229.6 512 512 512 512-229.6 512-512S794.4 0 512 0zM512 928c-229.6 0-416-186.4-416-416s186.4-416 416-416 416 186.4 416 416S741.6 928 512 928z" ></path>' +
... ... @@ -60,9 +32,11 @@
60 32 '' +
61 33 '</symbol>' +
62 34 '' +
63   - '<symbol id="icon-luying" viewBox="0 0 1024 1024">' +
  35 + '<symbol id="icon-bofang2" viewBox="0 0 1024 1024">' +
  36 + '' +
  37 + '<path d="M428.859077 296.093538c-5.632-3.899077-12.878769-4.371692-18.865231-1.181538-6.025846 3.150769-9.806769 9.373538-9.806769 16.187077l0 417.988923c0 6.852923 3.859692 13.154462 10.043077 16.265846 2.56 1.339077 5.395692 2.008615 8.231385 2.008615 3.820308 0 7.601231-1.220923 10.791385-3.544615l292.548923-214.449231c4.765538-3.505231 7.522462-9.019077 7.443692-14.966154s-2.993231-11.421538-7.837538-14.808615L428.859077 296.093538z" ></path>' +
64 38 '' +
65   - '<path d="M512 0.347136C229.875712 0.347136 0.347136 229.870592 0.347136 512S229.875712 1023.652864 512 1023.652864 1023.652864 794.129408 1023.652864 512 794.124288 0.347136 512 0.347136zM512 1004.345344C240.519168 1004.345344 19.654656 783.475712 19.654656 512S240.519168 19.654656 512 19.654656 1004.345344 240.524288 1004.345344 512 783.480832 1004.345344 512 1004.345344zM506.389504 635.112448l5.518336 0c74.887168 0 135.824384-60.937216 135.824384-135.824384l0-152.36096c0-74.887168-60.937216-135.824384-135.824384-135.824384l-5.518336 0c-74.887168 0-135.824384 60.918784-135.824384 135.824384l0 152.36096C370.56512 574.176256 431.501312 635.112448 506.389504 635.112448zM512 48.64C256.093184 48.64 48.64 256.093184 48.64 512S256.093184 975.36 512 975.36 975.36 767.906816 975.36 512 767.906816 48.64 512 48.64zM343.246848 346.908672c0-89.94816 73.194496-163.142656 163.142656-163.142656l5.518336 0c89.94816 0 163.142656 73.176064 163.142656 163.142656l0 152.361984c0 89.94816-73.194496 163.142656-163.142656 163.142656l-5.518336 0c-89.966592 0-163.142656-73.176064-163.142656-163.14368L343.246848 346.908672zM737.972224 491.165696c0 121.565184-95.357952 221.02016-215.175168 228.141056l0 92.772352 115.465216 0c7.539712 0 13.659136 6.119424 13.659136 13.659136s-6.119424 13.659136-13.659136 13.659136L379.998208 839.397376c-7.539712 0-13.659136-6.119424-13.659136-13.659136 0-7.539712 6.119424-13.659136 13.659136-13.659136l115.4816 0 0-92.772352c-119.817216-7.119872-215.175168-106.575872-215.175168-228.141056l0-57.239552c0-7.539712 6.119424-13.659136 13.659136-13.659136 7.539712 0 13.659136 6.119424 13.659136 13.659136l0 57.240576c0 111.112192 90.386432 201.516032 201.516032 201.516032 111.112192 0 201.516032-90.40384 201.516032-201.516032l0-54.945792c0-7.539712 6.119424-13.659136 13.659136-13.659136s13.659136 6.119424 13.659136 13.658112L737.973248 491.165696z" fill="#e6e6e6" ></path>' +
  39 + '<path d="M512 0C229.691077 0 0 229.691077 0 512c0 282.308923 229.691077 512 512 512 282.308923 0 512-229.691077 512-512C1024 229.691077 794.308923 0 512 0zM512 926.404923C283.490462 926.404923 97.595077 740.509538 97.595077 512 97.595077 283.490462 283.490462 97.595077 512 97.595077c228.509538 0 414.404923 185.895385 414.404923 414.404923C926.404923 740.509538 740.509538 926.404923 512 926.404923z" ></path>' +
66 40 '' +
67 41 '</symbol>' +
68 42 '' +
... ...
src/common/fonts/iconfont.svg
  View file @8d96160
... ... @@ -2,7 +2,7 @@
2 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 3 <svg xmlns="http://www.w3.org/2000/svg">
4 4 <metadata>
5   -Created by FontForge 20120731 at Wed Apr 26 19:53:54 2017
  5 +Created by FontForge 20120731 at Fri Apr 28 14:20:13 2017
6 6 By admin
7 7 </metadata>
8 8 <defs>
... ... @@ -16,10 +16,10 @@ Created by FontForge 20120731 at Wed Apr 26 19:53:54 2017
16 16 ascent="896"
17 17 descent="-128"
18 18 x-height="792"
19   - bbox="0 -203 1024 896"
  19 + bbox="0 -128 1024 896"
20 20 underline-thickness="0"
21 21 underline-position="0"
22   - unicode-range="U+0078-E6BB"
  22 + unicode-range="U+0078-E7BB"
23 23 />
24 24 <missing-glyph
25 25 />
... ... @@ -35,38 +35,23 @@ Created by FontForge 20120731 at Wed Apr 26 19:53:54 2017
35 35 d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
36 36 t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
37 37 t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
38   - <glyph glyph-name="bofang1" unicode="&#xe6bb;"
39   -d="M512 -109q-111 0 -205.5 54.5t-149 149t-54.5 205.5t54.5 205.5t149 149t205.5 54.5t205.5 -54.5t149 -149t54.5 -205.5t-54.5 -205.5t-149 -149t-205.5 -54.5zM512 616q-131 0 -223.5 -92.5t-92.5 -223.5t92.5 -223.5t223.5 -92.5t223.5 92.5t92.5 223.5t-92.5 223.5
40   -t-223.5 92.5zM396 168q0 -8 6.5 -12t13.5 -1l264 132q8 4 8 13t-8 13l-264 132q-7 3 -13.5 -1t-6.5 -12v-264v0z" />
41 38 <glyph glyph-name="quanping" unicode="&#xe643;"
42 39 d="M642 428l205 204l-1 -115q0 -8 5 -13t12 -5h13q17 0 17 15l1 173v9q1 8 -4 12q-5 6 -12 5h-9v0l-171 1q-8 0 -13 -5.5t-5 -12.5v-12q1 -9 6.5 -13.5t13.5 -4.5l113 -1l-205 -203q-7 -7 -7 -17t7 -17t17 -7t17 7v0zM383 235l-205 -204v116q1 7 -4.5 12.5t-12.5 4.5h-13
43 40 q-17 0 -17 -15l-1 -173v-9q-1 -8 4 -12q5 -6 12 -5h9v0l172 -1q7 0 12.5 5.5t5.5 12.5v12q-1 9 -7 13.5t-13 4.5l-113 1l205 203q7 7 7 17t-7 17t-17 7t-17 -7v0zM894 -24v173q-1 15 -18 15h-12q-8 1 -13 -4.5t-5 -12.5l1 -116l-205 204q-7 7 -17 7t-17 -7t-7 -17t7 -17
44 41 l204 -203l-112 -1q-8 0 -13.5 -4.5t-6.5 -13.5v-12q0 -7 5 -12.5t12 -5.5l172 1v0h9q7 -1 12 5q4 4 4 12v9v0v0zM212 665l113 1q7 0 13 4.5t7 13.5v12q0 7 -5.5 12.5t-12.5 5.5l-172 -1v0h-9q-7 1 -12 -5q-5 -4 -4 -12v-9v-173q1 -15 18 -15h13q7 -1 12 4.5t5 12.5v116
45 42 l205 -204q7 -7 17 -7t17 7t7 17t-7 17l-205 203v0zM212 665z" />
46   - <glyph glyph-name="bofang" unicode="&#xe628;"
47   -d="M513 803q-103 0 -196 -40t-160.5 -107t-107 -160.5t-39.5 -195.5t39.5 -195.5t107 -160.5t160.5 -107t195.5 -40t195.5 40t160.5 107t107 160.5t39.5 195.5t-39.5 195.5t-107 160.5t-160.5 107t-195 40v0zM513 -131q-117 0 -216.5 57.5t-157 157t-57.5 216.5t57.5 216.5
48   -t157 157t216 57.5t216 -57.5t157.5 -157t58 -216.5t-58 -216.5t-157.5 -157t-215.5 -57.5v0zM421 69q-5 0 -8 2q-10 5 -10 16v410q0 11 9.5 16t18.5 -1l287 -200q8 -5 8 -14.5t-7 -14.5l-288 -211q-4 -3 -10 -3z" />
49   - <glyph glyph-name="quanping1" unicode="&#xe665;"
50   -d="M844 828h-669q-46 0 -78.5 -32.5t-32.5 -78.5v-668q0 -47 32.5 -79.5t78.5 -32.5h669q46 0 78.5 32.5t32.5 79.5v668q0 46 -32.5 78.5t-78.5 32.5zM398 160q12 0 20 -8t8 -19.5t-8 -20t-20 -8.5h-138q-12 0 -20 9q-9 7 -9 19v139q0 12 8 20t19.5 8t20 -8t8.5 -20l-1 -71
51   -l133 133l40 -40l-134 -133h73zM419 432l-133 133l1 -71q0 -12 -8.5 -20t-20 -8t-19.5 8t-8 20v139q0 12 9 20q8 8 20 8h138q12 0 20 -8t8 -19.5t-8 -20t-20 -8.5h-73l134 -133zM788 132q0 -12 -9 -19q-8 -9 -20 -9h-138q-12 0 -20 8.5t-8 20t8 19.5t20 8h73l-134 133l40 40
52   -l133 -133l-1 71q0 12 8.5 20t20 8t19.5 -8t8 -20v-139zM788 494q0 -12 -8 -20t-19.5 -8t-20 8t-8.5 20l1 71l-133 -133l-40 40l134 133h-73q-12 0 -20 8.5t-8 20t8 19.5t20 8h138q12 0 20 -8q9 -8 9 -20v-139z" />
53 43 <glyph glyph-name="weibiaoti1" unicode="&#xe609;"
54 44 d="M660 200v0q-15 0 -26 10.5t-11 25.5v296q0 15 11 25.5t26 10.5v0q16 0 26.5 -10.5t10.5 -25.5v-296q0 -15 -10.5 -25.5t-26.5 -10.5zM363 200v0q-16 0 -26.5 10.5t-10.5 25.5v296q0 15 10.5 25.5t26.5 10.5v0q15 0 26 -10.5t11 -25.5v-296q0 -15 -11 -25.5t-26 -10.5z
55 45 M512 896q-104 0 -198.5 -40.5t-163 -109t-109 -163.5t-40.5 -199t40.5 -199t109 -163.5t163 -109t198.5 -40.5t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5zM512 -74q-93 0 -177.5 36.5t-146 97.5t-97.5 146t-36 178t36 178t97.5 146
56 46 t146 97.5t177.5 36.5t178 -36.5t146 -97.5t97.5 -146t36.5 -178t-36.5 -178t-97.5 -146t-146 -97.5t-178 -36.5z" />
57   - <glyph glyph-name="luzhi" unicode="&#xe60e;"
58   -d="M625 539h-225q-17 0 -29.5 -12t-12.5 -30v-224q0 -17 12.5 -29.5t29.5 -12.5h225q17 0 29.5 12.5t12.5 29.5v224q0 18 -12.5 30t-29.5 12zM512.5 834q-91.5 0 -174.5 -36t-143 -96t-95.5 -143t-35.5 -174t35.5 -174t95.5 -143t143 -96t174.5 -36t174.5 36t143 96
59   -t95.5 143t35.5 174t-35.5 174t-95.5 143t-143 96t-174.5 36zM512.5 21q-98.5 0 -182.5 48.5t-133 132.5t-49 183t49 183t133 132.5t182.5 48.5t182.5 -48.5t133 -132.5t49 -183t-49 -183t-133 -132.5t-182.5 -48.5z" />
60 47 <glyph glyph-name="tingzhi" unicode="&#xe63a;"
61 48 d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM512 -32q-172 0 -294 122t-122 294t122 294t294 122t294 -122t122 -294t-122 -294t-294 -122zM319 578h381
62 49 v-384h-381v384z" />
63 50 <glyph glyph-name="zhongxin" unicode="&#xe650;"
64 51 d="M512 896q-100 0 -191 -39t-157 -105t-105 -157t-39 -191t39 -191.5t105 -157.5t157 -105t191 -39t191 39t157 105t105 157.5t39 191.5t-39 191t-105 157t-157 105t-191 39zM512 43q-88 0 -163 43.5t-118.5 118.5t-43.5 163.5t43.5 163.5t118.5 118.5t163 43.5v71
65 52 l170 -114l-170 -113v71q-99 0 -169.5 -70.5t-70.5 -170t70.5 -170t169.5 -70.5t169.5 70.5t70.5 169.5q0 18 12.5 30.5t30 12.5t30 -12.5t12.5 -30.5q0 -88 -43.5 -163t-118.5 -118.5t-163 -43.5v0z" />
66   - <glyph glyph-name="luying" unicode="&#xe63f;"
67   -d="M512 896q-104 0 -198.5 -41t-163 -109.5t-109.5 -163t-41 -198.5t41 -198.5t109.5 -163t163 -109.5t198.5 -41t198.5 41t163 109.5t109.5 163t41 198.5t-41 198.5t-109.5 163t-163 109.5t-198.5 41zM512 -108q-100 0 -191 39t-157 105t-105 157t-39 191t39 191t105 157
68   -t157 105t191 39t191 -39t157 -105t105 -157t39 -191t-39 -191t-105 -157t-157 -105t-191 -39zM506 261h6q56 0 96 40t40 96v152q0 56 -40 96t-96 40h-6q-56 0 -95.5 -40t-39.5 -96v-152q0 -56 39.5 -96t95.5 -40zM512 847q-94 0 -180 -36.5t-148 -98.5t-98.5 -148
69   -t-36.5 -180t36.5 -180t98.5 -148t148 -98.5t180 -36.5t180 36.5t148 98.5t98.5 148t36.5 180t-36.5 180t-98.5 148t-148 98.5t-180 36.5zM343 549q0 68 48 115.5t115 47.5h6q67 0 115 -47.5t48 -115.5v-152q0 -68 -48 -115.5t-115 -47.5h-6q-67 0 -115 47.5t-48 115.5v152z
70   -M738 405q0 -91 -62.5 -157t-152.5 -71v-93h115q6 0 10 -4t4 -9.5t-4 -9.5t-10 -4h-258q-6 0 -10 4t-4 9.5t4 9.5t10 4h115v93q-90 5 -152.5 71t-62.5 157v57q0 6 4 10t10 4t10 -4t4 -10v-57q0 -84 59 -143t142 -59t142.5 59t59.5 143v55q0 5 4 9t9.5 4t9.5 -4t4 -9v-55z" />
  53 + <glyph glyph-name="bofang2" unicode="&#xe7bb;"
  54 +d="M429 600q-9 6 -19 1t-10 -16v-418q0 -11 10 -16q4 -2 8 -2q6 0 11 3l293 215q7 5 7 14.5t-8 14.5zM512 896q-104 0 -199 -40.5t-163.5 -109t-109 -163.5t-40.5 -199t40.5 -199t109 -163.5t163.5 -109t199 -40.5t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199
  55 +t-109 163.5t-163.5 109t-199 40.5zM512 -30q-112 0 -207.5 55.5t-151 151t-55.5 207.5t55.5 207.5t151 151t207.5 55.5t207.5 -55.5t151 -151t55.5 -207.5t-55.5 -207.5t-151 -151t-207.5 -55.5z" />
71 56 </font>
72 57 </defs></svg>
... ...
src/common/fonts/iconfont.ttf
View file @8d96160
No preview for this file type
src/common/fonts/iconfont.woff
View file @8d96160
No preview for this file type
src/css/ide.css
  View file @8d96160
... ... @@ -62,7 +62,7 @@ ul.ztree li span.button.add {
62 62 border-bottom: 0; }
63 63  
64 64 .programing #resultoutput .tab-pane {
65   - padding: 0; }
  65 + padding: 0 48px; }
66 66  
67 67 .programing .record-title .nav-tabs > li.active > a, .programing .record-title .nav-tabs > li.active > a:hover, .programing .record-title .nav-tabs > li.active > a:focus {
68 68 color: #fff; }
... ... @@ -72,10 +72,11 @@ ul.ztree li span.button.add {
72 72 line-height: 1.428571429;
73 73 border: none !important;
74 74 background: transparent !important;
75   - height: 36px;
76   - line-height: 36px;
77 75 padding: 0 12px; }
78 76  
  77 +.programing .nav > li > a {
  78 + padding: 0; }
  79 +
79 80 .twinkle:before {
80 81 animation: twinkle 1s infinite;
81 82 -webkit-animation: twinkle 1s infinite; }
... ... @@ -117,7 +118,7 @@ ul.ztree li span.button.add {
117 118 left: 50%;
118 119 width: 0;
119 120 height: 2px;
120   - background-color: #3399FF;
  121 + background-color: #62DCF5;
121 122 transition: 1s; }
122 123  
123 124 #stdin .effect-2:focus ~ .focus-border {
... ... @@ -141,7 +142,6 @@ html, body {
141 142 border-top-color: transparent; }
142 143  
143 144 .record-title i {
144   - font-size: 24px;
145 145 margin-right: 4px; }
146 146  
147 147 .programing {
... ... @@ -156,7 +156,7 @@ html, body {
156 156  
157 157 .record-title {
158 158 width: 100%;
159   - height: 36px;
  159 + height: 48px;
160 160 background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
161 161 background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
162 162 position: absolute;
... ... @@ -164,12 +164,18 @@ html, body {
164 164 z-index: 99;
165 165 padding-left: 28px; }
166 166  
  167 +#recordertab {
  168 + padding-top: 12px; }
  169 +
  170 +#recordertab li:first-child {
  171 + border-right: 2px solid #FFF; }
  172 +
167 173 .record-wrap {
168 174 width: 100%;
169 175 height: 100%;
170 176 position: absolute;
171 177 box-sizing: border-box;
172   - padding-top: 36px; }
  178 + padding-top: 48px; }
173 179 .record-wrap #ideDir {
174 180 width: 170px;
175 181 height: 100%;
... ... @@ -207,19 +213,22 @@ html, body {
207 213 width: 100%;
208 214 height: 36px;
209 215 overflow: hidden;
210   - background-color: #FAFBFC; }
  216 + background-color: #FAFBFC;
  217 + padding: 0 36px; }
211 218 .console-wrap #toolbar .result-tabs {
212 219 height: 30px;
213 220 border-radius: 30px;
214   - background-color: #62DCF5;
215 221 overflow: hidden;
216   - margin: 3px 16px;
  222 + margin: 3px 10px;
217 223 color: #fff; }
218 224 .console-wrap #toolbar .text {
219   - color: #fff; }
  225 + color: #1FB6FF; }
220 226 .console-wrap #toolbar .result-tabs > li.active > a, .console-wrap #toolbar .result-tabs > li.active > a:hover, .console-wrap #toolbar .result-tabs > li > a:hover, .console-wrap #toolbar .result-tabs > li.active > a:focus {
221   - color: #1FB6FF;
222   - background-color: #fff;
  227 + color: #FFF;
  228 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  229 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  230 + -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  231 + transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
223 232 box-shadow: 0px 0px 2px 0px #B3E5FF;
224 233 border: none; }
225 234 .console-wrap #toolbar .result-tabs > li > a, .console-wrap #toolbar .result-tabs > li.active > a:hover {
... ... @@ -272,22 +281,6 @@ html, body {
272 281 .record-toolbox .record-ctrl .btn i {
273 282 font-size: 48px;
274 283 color: #fff; }
275   - .record-toolbox .record-ctrl .recording-time {
276   - float: left;
277   - z-index: 9;
278   - color: #FFF;
279   - font-size: 18px;
280   - height: 60px;
281   - line-height: 60px; }
282   - .record-toolbox .record-ctrl .recording-time:before {
283   - content: '';
284   - display: inline-block;
285   - width: 8px;
286   - height: 8px;
287   - background-color: red;
288   - z-index: 99;
289   - margin: 2px 8px;
290   - border-radius: 50%; }
291 284  
292 285 .pause-shodow {
293 286 position: absolute;
... ... @@ -408,3 +401,30 @@ html, body {
408 401 height: 100%;
409 402 background-color: rgba(0, 0, 0, 0.5);
410 403 z-index: 999; }
  404 +
  405 +.before, .after {
  406 + position: absolute;
  407 + left: 208px;
  408 + width: 50%;
  409 + height: 36px;
  410 + top: 12px; }
  411 +
  412 +.recording-time {
  413 + float: left;
  414 + z-index: 9;
  415 + color: #FFF;
  416 + font-size: 18px; }
  417 +
  418 +.recording-time:before {
  419 + content: '';
  420 + display: inline-block;
  421 + width: 8px;
  422 + height: 8px;
  423 + background-color: red;
  424 + z-index: 99;
  425 + margin: 2px 8px;
  426 + border-radius: 50%; }
  427 +
  428 +.before .recording-time {
  429 + height: 36px;
  430 + line-height: 36px; }
... ...
src/css/main.css
  View file @8d96160
... ... @@ -14,7 +14,6 @@ html, body {
14 14 border-top-color: transparent; }
15 15  
16 16 .record-title i {
17   - font-size: 24px;
18 17 margin-right: 4px; }
19 18  
20 19 .programing {
... ... @@ -29,7 +28,7 @@ html, body {
29 28  
30 29 .record-title {
31 30 width: 100%;
32   - height: 36px;
  31 + height: 48px;
33 32 background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
34 33 background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
35 34 position: absolute;
... ... @@ -37,12 +36,18 @@ html, body {
37 36 z-index: 99;
38 37 padding-left: 28px; }
39 38  
  39 +#recordertab {
  40 + padding-top: 12px; }
  41 +
  42 +#recordertab li:first-child {
  43 + border-right: 2px solid #FFF; }
  44 +
40 45 .record-wrap {
41 46 width: 100%;
42 47 height: 100%;
43 48 position: absolute;
44 49 box-sizing: border-box;
45   - padding-top: 36px; }
  50 + padding-top: 48px; }
46 51 .record-wrap #ideDir {
47 52 width: 170px;
48 53 height: 100%;
... ... @@ -80,19 +85,22 @@ html, body {
80 85 width: 100%;
81 86 height: 36px;
82 87 overflow: hidden;
83   - background-color: #FAFBFC; }
  88 + background-color: #FAFBFC;
  89 + padding: 0 36px; }
84 90 .console-wrap #toolbar .result-tabs {
85 91 height: 30px;
86 92 border-radius: 30px;
87   - background-color: #62DCF5;
88 93 overflow: hidden;
89   - margin: 3px 16px;
  94 + margin: 3px 10px;
90 95 color: #fff; }
91 96 .console-wrap #toolbar .text {
92   - color: #fff; }
  97 + color: #1FB6FF; }
93 98 .console-wrap #toolbar .result-tabs > li.active > a, .console-wrap #toolbar .result-tabs > li.active > a:hover, .console-wrap #toolbar .result-tabs > li > a:hover, .console-wrap #toolbar .result-tabs > li.active > a:focus {
94   - color: #1FB6FF;
95   - background-color: #fff;
  99 + color: #FFF;
  100 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  101 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  102 + -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  103 + transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
96 104 box-shadow: 0px 0px 2px 0px #B3E5FF;
97 105 border: none; }
98 106 .console-wrap #toolbar .result-tabs > li > a, .console-wrap #toolbar .result-tabs > li.active > a:hover {
... ... @@ -145,22 +153,6 @@ html, body {
145 153 .record-toolbox .record-ctrl .btn i {
146 154 font-size: 48px;
147 155 color: #fff; }
148   - .record-toolbox .record-ctrl .recording-time {
149   - float: left;
150   - z-index: 9;
151   - color: #FFF;
152   - font-size: 18px;
153   - height: 60px;
154   - line-height: 60px; }
155   - .record-toolbox .record-ctrl .recording-time:before {
156   - content: '';
157   - display: inline-block;
158   - width: 8px;
159   - height: 8px;
160   - background-color: red;
161   - z-index: 99;
162   - margin: 2px 8px;
163   - border-radius: 50%; }
164 156  
165 157 .pause-shodow {
166 158 position: absolute;
... ... @@ -281,3 +273,30 @@ html, body {
281 273 height: 100%;
282 274 background-color: rgba(0, 0, 0, 0.5);
283 275 z-index: 999; }
  276 +
  277 +.before, .after {
  278 + position: absolute;
  279 + left: 208px;
  280 + width: 50%;
  281 + height: 36px;
  282 + top: 12px; }
  283 +
  284 +.recording-time {
  285 + float: left;
  286 + z-index: 9;
  287 + color: #FFF;
  288 + font-size: 18px; }
  289 +
  290 +.recording-time:before {
  291 + content: '';
  292 + display: inline-block;
  293 + width: 8px;
  294 + height: 8px;
  295 + background-color: red;
  296 + z-index: 99;
  297 + margin: 2px 8px;
  298 + border-radius: 50%; }
  299 +
  300 +.before .recording-time {
  301 + height: 36px;
  302 + line-height: 36px; }
... ...
src/css/recording.css
  View file @8d96160
... ... @@ -39,7 +39,7 @@
39 39 left: 50%;
40 40 width: 0;
41 41 height: 2px;
42   - background-color: #3399FF;
  42 + background-color: #62DCF5;
43 43 transition: 1s; }
44 44  
45 45 #stdin .effect-2:focus ~ .focus-border {
... ...
src/css/reset.css
  View file @8d96160
... ... @@ -49,7 +49,7 @@ table {
49 49  
50 50 /* custom */
51 51 a {
52   - color: #7e8c8d;
  52 + color: #dadada;
53 53 text-decoration: none;
54 54 -webkit-backface-visibility: hidden;
55 55 }
... ...
src/gxb-ide/ToolBox.js
  View file @8d96160
... ... @@ -8,10 +8,16 @@
8 8 '<div class="tool-item" id="stop-recording" data="1" data-toggle="tooltip" data-placement="top" title="结束录制"><img src="" alt="" /></div>'+
9 9 '<div class="tool-item" id="re-recoding" data="1" data-toggle="tooltip" data-placement="top" title="重新录制"><img src="" alt="" /></div>'+
10 10 '</div>'+
11   - '<div class="play-wrap">'+
  11 + '<div class="before">'+
12 12 '<div class="tool-item" id="audio-play" data="1" data-toggle="tooltip" data-placement="top" title="播放预览"><img src="" alt="" /></div>'+
13 13 '<div class="recording-time" id="timer" value="">00:00:00</div>'+
  14 + // '<div class="visual"></div>'+
14 15 '</div>'+
  16 + // '<div class="after">'+
  17 + // '<div class="tool-item" id="audio-play" data="1" data-toggle="tooltip" data-placement="top" title="播放预览"><img src="" alt="" /></div>'+
  18 + // '<div class="recording-time" id="timer" value="">00:00:00</div>'+
  19 + // '<div class="visual"></div>'+
  20 + // '</div>'+
15 21 '<div class="save-wrap">'+
16 22 '<input type="button" id="upload" class="upload-teach" disabled="disabled" value="保存">'+
17 23 '<input type="button" id="savecode" class="upload-stud" style="display: none;" disabled="disabled" value="保存da">'+
... ...
src/gxb-ide/toolBox.css
  View file @8d96160
... ... @@ -85,7 +85,6 @@
85 85  
86 86 #audio-play{
87 87 text-align: center;
88   - line-height: 54px;
89 88 margin-left: 24px;
90 89 }
91 90 #audio-play img{
... ...
src/scss/_animation.scss
  View file @8d96160
... ... @@ -27,5 +27,5 @@
27 27 #stdin input[type="text"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;padding-left: 12px;}
28 28  
29 29 #stdin .effect-2{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}
30   -#stdin .effect-2 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #3399FF; transition: 1s;}
  30 +#stdin .effect-2 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #62DCF5; transition: 1s;}
31 31 #stdin .effect-2:focus ~ .focus-border{width: 100%; transition: 1s; left: 0;}
32 32 \ No newline at end of file
... ...
src/scss/_bootstrapReset.scss
  View file @8d96160
... ... @@ -5,7 +5,7 @@
5 5 }
6 6 #resultoutput{
7 7 .tab-pane{
8   - padding: 0;
  8 + padding: 0 48px;
9 9 }
10 10 }
11 11  
... ... @@ -19,12 +19,14 @@
19 19 line-height: 1.428571429;
20 20 border: none !important;
21 21 background: transparent !important;
22   - height: 36px;
23   - line-height: 36px;
24 22 padding: 0 12px;
25 23 }
26 24 }
27 25  
  26 + .nav>li>a{
  27 + padding: 0;
  28 + }
  29 +
28 30 }
29 31  
30 32  
31 33 \ No newline at end of file
... ...
src/scss/main.scss
  View file @8d96160
... ... @@ -19,7 +19,6 @@ html, body{
19 19 }
20 20  
21 21 .record-title i{
22   - font-size: 24px;
23 22 margin-right: 4px;
24 23 }
25 24 .programing{
... ... @@ -36,7 +35,7 @@ html, body{
36 35 // 头部菜单
37 36 .record-title{
38 37 width: 100%;
39   - height: 36px;
  38 + height: 48px;
40 39 background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
41 40 background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
42 41 position: absolute;
... ... @@ -46,13 +45,21 @@ html, body{
46 45  
47 46 }
48 47  
  48 +#recordertab{
  49 + padding-top: 12px;
  50 +}
  51 +#recordertab li:first-child{
  52 + border-right: 2px solid #FFF;
  53 +}
  54 +
  55 +
49 56 // 录制区
50 57 .record-wrap{
51 58 width: 100%;
52 59 height: 100%;
53 60 position: absolute;
54 61 box-sizing: border-box;
55   - padding-top: 36px;
  62 + padding-top: 48px;
56 63  
57 64 #ideDir{
58 65 width: 170px;
... ... @@ -107,20 +114,25 @@ html, body{
107 114 height: 36px;
108 115 overflow: hidden;
109 116 background-color: #FAFBFC;
  117 + padding: 0 36px;
110 118 .result-tabs{
111 119 height: 30px;
112 120 border-radius: 30px;
113   - background-color: #62DCF5;
  121 + // background-color: #62DCF5;
114 122 overflow: hidden;
115   - margin: 3px 16px;
  123 + margin: 3px 10px;
116 124 color: #fff;
117 125 }
118 126 .text{
119   - color: #fff;
  127 + color: #1FB6FF;
120 128 }
121 129 .result-tabs>li.active>a, .result-tabs>li.active>a:hover, .result-tabs>li>a:hover, .result-tabs>li.active>a:focus{
122   - color: #1FB6FF;
123   - background-color: #fff;
  130 + color: #FFF;
  131 + // background-color: #fff;
  132 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  133 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  134 + -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  135 + transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
124 136 box-shadow: 0px 0px 2px 0px #B3E5FF;
125 137 border: none;
126 138 }
... ... @@ -199,24 +211,6 @@ html, body{
199 211 color: #fff;
200 212 }
201 213 }
202   - .recording-time{
203   - float: left;
204   - z-index: 9;
205   - color: #FFF;
206   - font-size: 18px;
207   - height: 60px;
208   - line-height: 60px;
209   - }
210   - .recording-time:before{
211   - content: '';
212   - display: inline-block;
213   - width: 8px;
214   - height: 8px;
215   - background-color: red;
216   - z-index: 99;
217   - margin: 2px 8px;
218   - border-radius: 50%;
219   - }
220 214 }
221 215 }
222 216 .pause-shodow{
... ... @@ -369,7 +363,34 @@ html, body{
369 363 z-index: 999;
370 364 }
371 365  
  366 +.before, .after{
  367 + position: absolute;
  368 + left: 208px;
  369 + width: 50%;
  370 + height: 36px;
  371 + top: 12px;
  372 +}
372 373  
  374 +.recording-time{
  375 + float: left;
  376 + z-index: 9;
  377 + color: #FFF;
  378 + font-size: 18px;
  379 +}
  380 +.recording-time:before{
  381 + content: '';
  382 + display: inline-block;
  383 + width: 8px;
  384 + height: 8px;
  385 + background-color: red;
  386 + z-index: 99;
  387 + margin: 2px 8px;
  388 + border-radius: 50%;
  389 +}
  390 +.before .recording-time{
  391 + height: 36px;
  392 + line-height: 36px;
  393 +}
373 394  
374 395  
375 396  
... ...
src/v1.1/index.html
  View file @8d96160
... ... @@ -49,7 +49,7 @@
49 49 </li>
50 50 <li>
51 51 <a href="#replayzone" data-toggle="tab">
52   - <i class="icon iconfont icon-bofang"></i>课程预览区
  52 + <i class="icon iconfont icon-bofang2"></i>课程预览区
53 53 </a>
54 54 </li>
55 55 </ul>
... ...
static/css/reset.css
  View file @8d96160
... ... @@ -49,7 +49,7 @@ table {
49 49  
50 50 /* custom */
51 51 a {
52   - color: #7e8c8d;
  52 + color: #dadada;
53 53 text-decoration: none;
54 54 -webkit-backface-visibility: hidden;
55 55 }
... ...