mirror of
https://github.com/Jonnyan404/memos-bber.git
synced 2026-04-25 03:58:37 +09:00
Add files via upload
This commit is contained in:
林木木
+211
@@ -0,0 +1,211 @@
|
||||
button, input, textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
input:focus::-moz-placeholder ,.common-editor-inputer:focus::-moz-placeholder {
|
||||
color: #d3d3d3
|
||||
}
|
||||
|
||||
input:focus::placeholder ,.common-editor-inputer:focus::placeholder {
|
||||
color: #d3d3d3
|
||||
}
|
||||
.body{
|
||||
min-width:350px;
|
||||
background-color: #f6f5f4;
|
||||
padding:0 1rem 1rem;
|
||||
font-family: eafont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
}
|
||||
.title{
|
||||
font-size: 1.125rem;
|
||||
font-weight: 700;
|
||||
line-height: 2.5rem;
|
||||
color: rgb(55,65,81);
|
||||
}
|
||||
.memo-editor{
|
||||
border: 2px solid rgb(229,231,235);
|
||||
border-radius: .5rem;
|
||||
background-color: rgb(255,255,255);
|
||||
margin-top:0.8rem;
|
||||
padding: 0.8rem;
|
||||
transition-property: all;
|
||||
transition-timing-function: cubic-bezier(.4,0,.2,1);
|
||||
transition-duration: .15s;
|
||||
}
|
||||
.btns-container{text-align:right;}
|
||||
.common-editor-inputer,input.inputer{
|
||||
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
|
||||
margin-top: .25rem;
|
||||
margin-bottom: .25rem;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
resize: none;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
font-size: 1rem;
|
||||
min-height: 40px;
|
||||
max-height: 300px;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
input.inputer{border-bottom: 1px solid #ccc;width:75%;}
|
||||
|
||||
#saveKey{margin:0;flex:1;}
|
||||
.common-tools-wrapper {
|
||||
position: relative;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
display: inline-flex;
|
||||
cursor: pointer;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: rgb(22,163,74);
|
||||
padding:0 1rem;
|
||||
font-size: .875rem;
|
||||
line-height: 2rem;
|
||||
color: rgb(255,255,255);
|
||||
box-shadow: 0 1px 3px 0
|
||||
rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
|
||||
user-select: none;
|
||||
border-radius: .25rem;
|
||||
border-style: none;
|
||||
opacity: .6;
|
||||
}
|
||||
.confirm-btn:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.confirm-btn:disabled{
|
||||
opacity: .6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
svg.icon{width:24px;height:24px;}
|
||||
|
||||
#tags svg{opacity: 0.6;}
|
||||
#tags:hover svg{opacity: 1;cursor: pointer;}
|
||||
|
||||
#taglist{display: none;}
|
||||
.tag-list {
|
||||
margin-top: .5rem;
|
||||
max-height: 13rem;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
|
||||
}
|
||||
.tag-list>.item-container {
|
||||
display: inline-block;
|
||||
background-color: #666;
|
||||
cursor: pointer;
|
||||
padding: .2rem .5rem;
|
||||
border-radius: .25rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.25rem;
|
||||
color: #fff;
|
||||
margin:0 6px 6px 0;
|
||||
}
|
||||
|
||||
#blog_info_edit{
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
top: 0.5rem;
|
||||
}
|
||||
#blog_info{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.tip{
|
||||
margin-left: 36%;
|
||||
max-width: 640px;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 15px;
|
||||
width: 58%;
|
||||
z-index: 10001;
|
||||
left: 50%;
|
||||
margin-left: -320px;
|
||||
}
|
||||
|
||||
.tip-info{
|
||||
background: -webkit-gradient(linear,left top,right top,from(#9c51ff),to(#816bff));
|
||||
background: -webkit-linear-gradient(90deg,#9c51ff,#816bff);
|
||||
background: linear-gradient(90deg,#9c51ff,#816bff);
|
||||
-moz-box-shadow: 3px 3px 20px #d7ceff38;
|
||||
-webkit-box-shadow: 3px 3px 20px #d7ceff38;
|
||||
box-shadow: 3px 3px 20px #d7ceff38;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
padding: 8px 40px;
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
margin: 0;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bounceIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.3);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: scale(.95);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bounceIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(.3);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
70% {
|
||||
transform: scale(.95);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.bounceIn {
|
||||
-webkit-animation-name: bounceIn;
|
||||
animation-name: bounceIn;
|
||||
}
|
||||
.animate {
|
||||
-webkit-animation-duration: .3s;
|
||||
animation-duration: .3s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
Reference in New Issue
Block a user