/*
* 你好,我是善小逸
* 感谢您花时间阅读我的在线简历,期待能有机会和您共事
*/
/* 首先给所有元素加上过渡效果 */
* {
transition: all .3s;
}
/* 白色背景太单调了,我们来点背景 */
html {
color: rgb(222,222,222); background: rgb(105,105,105);
}
/* 文字离边框太近了 */
.styleEditor {
position: fixed; left: 0; top: 0;
background-color: #303030;
padding: .5em;
border: 1px solid;
margin: .5em;
overflow: auto;
width: 45vw; height: 90vh;
}
/* 代码高亮 */
.token.selector{ color: rgb(255,0,0); }
.token.property{ color: rgb(187,137,0); }
.token.punctuation{ color: yellow; }
.token.function{ color: rgb(42,161,152); }
/* 接下来我给自己准备一个编辑器 */
.resumeEditor{
position: fixed; right: 0; top: 0;
padding: .5em; margin: .5em;
width: 50vw; height: 90vh;
background: white; color: black;
border: 1px solid;
overflow: auto;
}
/* 好了,我开始写简历了,撰写中... */