151 lines
2.7 KiB
Plaintext
151 lines
2.7 KiB
Plaintext
|
@background:#004F5B;
|
||
|
@background-2:#3C6F9B;
|
||
|
@color:#FFF;
|
||
|
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'Exo';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: local('Exo Regular'), local('Exo-Regular'), url(/font/exo.woff2) format('woff2');
|
||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||
|
}
|
||
|
|
||
|
html,body{
|
||
|
margin:0;
|
||
|
font-family: 'Exo', monospace !important;
|
||
|
}
|
||
|
*{
|
||
|
|
||
|
}
|
||
|
#container{
|
||
|
display: flex;
|
||
|
}
|
||
|
#nav{
|
||
|
height: 100vh;
|
||
|
width: 200px;
|
||
|
line-height: 50px;
|
||
|
box-shadow: 0 0 5px #454545;
|
||
|
background-color:@background-2;
|
||
|
color: #fff;
|
||
|
.header{
|
||
|
background-color: @background;
|
||
|
height:98px;
|
||
|
line-height: 98px;
|
||
|
font-size: 41px;
|
||
|
text-align: center;
|
||
|
text-shadow: 1px 1px 3px #000000;
|
||
|
}
|
||
|
button{
|
||
|
display: block;
|
||
|
margin: 5px;
|
||
|
padding: 10px;
|
||
|
width: calc(100% - 10px);
|
||
|
background: none;
|
||
|
border: none;
|
||
|
color: #ffffff;
|
||
|
font-size: 18px;
|
||
|
font-weight: 700;
|
||
|
text-align: left;
|
||
|
border-bottom: 3px solid;
|
||
|
border-color: transparent;
|
||
|
cursor: pointer;
|
||
|
&:hover{
|
||
|
border-color: white;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
#content{
|
||
|
width: ~"calc(100% - 200px)";
|
||
|
>div{
|
||
|
box-shadow: 0px 0px 5px #454545;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
//@import './style.css'
|
||
|
|
||
|
#editor-frame{
|
||
|
display: flex;
|
||
|
#calender{
|
||
|
|
||
|
}
|
||
|
|
||
|
#mask{
|
||
|
width:100%;
|
||
|
.header{
|
||
|
display: block;
|
||
|
min-height: 98px;
|
||
|
background-color: @background;
|
||
|
}
|
||
|
.lower-header{
|
||
|
height:49px;
|
||
|
display: block;
|
||
|
background-color:@background;
|
||
|
}
|
||
|
.inputGroup{
|
||
|
font: 16px 'Helvetica Neue',Helvetica,Arial,sans-serif;
|
||
|
padding: 10px;
|
||
|
.input{
|
||
|
border-bottom: 1px solid #a2a2a2;
|
||
|
padding: 5px;
|
||
|
}
|
||
|
label{
|
||
|
display: block;
|
||
|
}
|
||
|
input,textarea{
|
||
|
width: 100%;
|
||
|
font: 16px 'Helvetica Neue',Helvetica,Arial,sans-serif;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
input{
|
||
|
padding: 5px;
|
||
|
height: 34px;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
#generator-frame{
|
||
|
textarea{
|
||
|
min-height: 337px;
|
||
|
min-width: 604px;
|
||
|
}
|
||
|
.rc-tabs-tabpane {
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
}
|
||
|
button.btn, button {
|
||
|
margin: 5px;
|
||
|
padding: 10px;
|
||
|
background: @color;
|
||
|
border: 3px solid @background;
|
||
|
cursor: pointer;
|
||
|
font-size: 15px;
|
||
|
font-weight: 700;
|
||
|
transition: all .3s;
|
||
|
&.success{
|
||
|
border-color: #62D6CE;
|
||
|
background: #62D6CE;
|
||
|
color: #F9F9E8;
|
||
|
&:hover{
|
||
|
border-color:#EDD1A1;
|
||
|
background:#62D6CE;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#generator-frame{
|
||
|
.header{
|
||
|
height: 98px;
|
||
|
background-color: @background;
|
||
|
color: @color;
|
||
|
line-height: 98px;
|
||
|
padding: 0 25px;
|
||
|
font-size: 30px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@import './calender.less';
|
||
|
@import './tabs.less';
|
||
|
@import './fileloader.less';
|
||
|
@import './print.less';
|