diff --git a/css/style.css b/css/style.css
index 6f785a8..cfe27d9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8,13 +8,16 @@
margin: 0;
padding: 0;
font-family: 微软雅黑;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
html {
overflow: hidden;
}
-
/* 隐藏滚动条 */
::-webkit-scrollbar {
@@ -46,8 +49,7 @@ input[type="range"]::-webkit-slider-thumb {
top: 0;
}
-#file-list-wrapper,
-#effect-list-wrapper {
+#file-list-wrapper, #effect-list-wrapper {
position: fixed;
width: 200px;
top: 0;
@@ -72,45 +74,43 @@ input[type="range"]::-webkit-slider-thumb {
border-color: #202020;
}
-#file-list-wrapper .header,
-#effect-list-wrapper .header {
+#file-list-wrapper .header, #effect-list-wrapper .header {
padding: 15px;
font-size: 20px;
- color: #888;
+ color: rgb(255, 255, 255);
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
border-bottom: 1px solid #202020;
- box-shadow: 0 0 5px #000, inset 0 0 5px rgba(255, 255, 255, 0.2);
text-align: center;
- background-color: #404040;
+ background-color: #1de9b6;
cursor: default;
}
-#add-file{
+#add-file {
padding: 15px;
font-size: 20px;
- color: #888;
+ color: rgb(255, 255, 255);
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
border-bottom: 1px solid #202020;
- box-shadow: 0 0 5px #000, inset 0 0 5px rgba(255, 255, 255, 0.2);
text-align: center;
- background-color: #404040;
- cursor: default;
+ background-color: #00b686;
+ cursor: pointer;
}
-#close-btn{
+#close-btn {
padding: 15px;
font-size: 20px;
- color: #888;
+ color: #fff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
border-bottom: 1px solid #202020;
- box-shadow: 0 0 5px #000, inset 0 0 5px rgba(255, 255, 255, 0.2);
text-align: center;
- background-color: #404040;
- cursor: default;
+ background-color: #ff8585;
+ position: absolute;
+ bottom: 0;
+ width: 170px;
+ cursor: pointer;
}
-#file-list,
-#effect-list {
+#file-list, #effect-list {
width: 200px;
overflow-y: auto;
overflow-x: hidden;
@@ -158,12 +158,10 @@ input[type="range"]::-webkit-slider-thumb {
#file-list .playing {
color: #fff;
- background-color: #30ABD5 !important;
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 1) !important;
+ background-color: #00beff;
}
-#fullscreen,
-#play-mode {
+#fullscreen, #play-mode {
position: fixed;
width: 50px;
height: 50px;
@@ -174,8 +172,7 @@ input[type="range"]::-webkit-slider-thumb {
z-index: 2;
}
-#fullscreen:hover,
-#play-mode:hover {
+#fullscreen:hover, #play-mode:hover {
opacity: 1;
}
@@ -228,8 +225,6 @@ input[type="range"]::-webkit-slider-thumb {
width: 100%;
height: 100%;
background-color: #373939;
- box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0));
}
#music {
@@ -257,7 +252,7 @@ input[type="range"]::-webkit-slider-thumb {
background-position: 0 -50px;
}
-#play-mode .single {
+#play-mode.single {
background-position: 0 -100px;
}
@@ -290,9 +285,7 @@ input[type="range"]::-webkit-slider-thumb {
cursor: pointer;
}
-#visual-canvas,
-#threed-webgl-renderer,
-#threed-canvas-renderer {
+#visual-canvas, #threed-webgl-renderer, #threed-canvas-renderer {
position: fixed;
width: 100%;
height: 100%;
@@ -370,4 +363,4 @@ input[type="range"]::-webkit-slider-thumb {
100% {
-webkit-transform: scale(1);
}
-}
+}
\ No newline at end of file
diff --git a/img/favicon.ico b/img/favicon.ico
deleted file mode 100644
index 214fc55..0000000
Binary files a/img/favicon.ico and /dev/null differ
diff --git a/index.html b/index.html
index 52b6454..5c3a7f6 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
-
+
diff --git a/package.json b/package.json
index c3317d4..75701c5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "promotion-video-producer",
- "version": "0.0.2",
+ "version": "0.0.3",
"description": "Promotion Video Producer(a.k.a PVMaker & PV制作器) Is a software that generates music MV for Vocaloid like art work",
"main": "main.js",
"dependencies": {