study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-08 22:51:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式调整

Browse Source
This commit is contained in:
fofolee 2020-06-28 17:45:22 +08:00
parent 2bb6e97379
commit 3252ad3909
1 changed files with 93 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
src/assets/style/options.css
View File

@ -39,6 +39,11 @@ body {
zoom: 0.7; zoom: 0.7;
} }
#options .switch-btn:hover {
filter: drop-shadow(0 0 5px black);
transition: 0.2s;
}
#options .checked-switch { #options .checked-switch {
position: absolute; position: absolute;
top: 0; top: 0;
@ -148,7 +153,7 @@ body {
#options table { #options table {
border-collapse: collapse; border-collapse: collapse;
table-layout:absolute; table-layout: fixed;
width: 100%; width: 100%;
} }
@ -170,7 +175,11 @@ body {
width: 28%; width: 28%;
} }
#options table td .topchild{ #options table td:first-child+td+td+td {
width: 10%;
}
#options table td .topchild {
margin: 0 0 5px 5px; margin: 0 0 5px 5px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -182,12 +191,9 @@ body {
height: 70px; height: 70px;
} }
#options table tr:nth-child(even) {
background-color: #fff !important;
}
#options table tr:nth-child(odd) { #options table tr:nth-child(odd) {
background-color: #f8f8f8 !important; background: #fff;
filter: contrast(0.9);
} }
#options .keyword { #options .keyword {
@ -219,38 +225,38 @@ body {
max-width: 40px; max-width: 40px;
} }
#options .info{ #options .info {
padding: 0 5px; padding: 0 5px;
font-size: 10px; font-size: 10px;
} }
#options .info img{ #options .info img {
max-width: 13px; max-width: 13px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin: 0 1px; margin: 0 1px;
} }
#options #customize .keys{ #options #customize .keys {
width: 16%; width: 16%;
} }
#options #customize .robot{ #options #customize .robot {
background:#3085d6; background: #3085d6;
padding: 5px; padding: 5px;
} }
#options #customize .robot:hover{ #options #customize .robot:hover {
background:#55aafa; background: #55aafa;
} }
#options #customize .record{ #options #customize .record {
background:#ff3b4e; background: #ff3b4e;
transition: 0.5s; transition: 0.5s;
} }
#options #customize .record:hover{ #options #customize .record:hover {
background:#ff3b4e; background: #ff3b4e;
} }
#options #customize .bottom { #options #customize .bottom {
@ -315,7 +321,7 @@ body {
overflow-y: auto; overflow-y: auto;
} }
#options .sidebar li{ #options .sidebar li {
padding: 10px; padding: 10px;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -324,7 +330,7 @@ body {
white-space: nowrap; white-space: nowrap;
} }
#options .sidebar .currentTag{ #options .sidebar .currentTag {
background-color: #c7c5c5; background-color: #c7c5c5;
} }
@ -342,7 +348,8 @@ body {
} }
#options span.Btn img:hover { #options span.Btn img:hover {
filter: drop-shadow(0 0 5px black) filter: drop-shadow(0 0 5px black);
transition: 0.2s;
} }
#options span.editBtn { #options span.editBtn {
@ -373,17 +380,18 @@ body {
display: none; display: none;
} }
#options #customize span.customscript > input { #options #customize span.customscript>input {
margin-left: 5px; margin-left: 5px;
width: 12%; width: 12%;
} }
#options #featureList { #options #featureList {
position: absolute; position: absolute;
left: 85px; left: 80px;
right: 0; right: 0;
top: 0; top: 0;
bottom: 30px; bottom: 30px;
padding-left: 5px;
overflow-y: auto; overflow-y: auto;
} }
@ -431,12 +439,12 @@ body {
outline: none; outline: none;
} }
#options #customize input#rule{ #options #customize input#rule {
width: 40%; width: 40%;
} }
#options #customize input#scptarg{ #options #customize input#scptarg {
width: 160px; width: 150px;
float: right; float: right;
background: white; background: white;
outline: none; outline: none;
@ -449,12 +457,12 @@ body {
display: none display: none
} }
#options #customize input#scptarg:hover{ #options #customize input#scptarg:hover {
border: 2px solid #55aafa; border: 2px solid #55aafa;
transition: 0.2s; transition: 0.2s;
} }
#options #customize input.customize:hover{ #options #customize input.customize:hover {
border-bottom-color: #9e9e9ec7; border-bottom-color: #9e9e9ec7;
transition: 0.25s; transition: 0.25s;
} }
@ -484,7 +492,23 @@ input::-webkit-input-placeholder {
height: auto; height: auto;
} }
#options #customize .CodeMirror-scroll{ #options #customize .CodeMirror-coderunner {
top: 33px;
bottom: 0;
left: 0;
right: 0;
}
#options #customize .CodeMirror-fullscreen {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
}
#options #customize .CodeMirror-scroll {
box-sizing: unset; box-sizing: unset;
} }
@ -544,12 +568,12 @@ input::-webkit-input-placeholder {
cursor: pointer; cursor: pointer;
} }
#options #customize .platform:hover{ #options #customize .platform:hover {
box-shadow: 0px 1px 1px 0px #3085d6; box-shadow: 0px 1px 1px 0px #3085d6;
transition: 0.1s; transition: 0.1s;
} }
#options #customize .disabled{ #options #customize .disabled {
filter: grayscale(); filter: grayscale();
} }
@ -608,8 +632,15 @@ li.CodeMirror-hint {
/*---------------animate.css---------------*/ /*---------------animate.css---------------*/
@keyframes fadeInDown { @keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0, -100%, 0) } 0% {
to { opacity: 1; transform: translateZ(0) } opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
} }
.fadeInDownWindow { .fadeInDownWindow {
@ -617,8 +648,14 @@ li.CodeMirror-hint {
} }
@keyframes fadeOutUp { @keyframes fadeOutUp {
0% { opacity: 1 } 0% {
to { opacity: 0; transform: translate3d(0, -100%, 0) } opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
} }
.fadeOutUpWindow { .fadeOutUpWindow {
@ -626,8 +663,15 @@ li.CodeMirror-hint {
} }
@keyframes fadeInUp { @keyframes fadeInUp {
from { opacity: 0; transform: translate3d(0, 100%, 0); } from {
to { opacity: 1; transform: translate3d(0, 0, 0); } opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
} }
.fadeInUpWindow { .fadeInUpWindow {
@ -635,13 +679,20 @@ li.CodeMirror-hint {
} }
@keyframes fadeOutDown { @keyframes fadeOutDown {
from { opacity: 1; } from {
to { opacity: 0; transform: translate3d(0, 100%, 0); } opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
} }
.fadeOutDownWindow { .fadeOutDownWindow {
animation: fadeOutDown 0.3s; animation: fadeOutDown 0.3s;
} }
/*---------------animate.css---------------*/ /*---------------animate.css---------------*/
/*---------------select2---------------*/ /*---------------select2---------------*/
@ -664,7 +715,7 @@ li.CodeMirror-hint {
} }
#select2-tags-results .select2-results__option--selected { #select2-tags-results .select2-results__option--selected {
display: none ; display: none;
} }
#options #customize .select2-selection__choice { #options #customize .select2-selection__choice {
@ -723,7 +774,7 @@ li.CodeMirror-hint {
right: 0px; right: 0px;
} }
#quicktextarea > * { #quicktextarea>* {
font-size: 16px; font-size: 16px;
outline: none; outline: none;
padding: 10px; padding: 10px;
@ -750,7 +801,7 @@ li.CodeMirror-hint {
cursor: pointer; cursor: pointer;
} }
#quicktextarea button:hover{ #quicktextarea button:hover {
background: #6ab4f0; background: #6ab4f0;
} }