mylomen-server/static/css/myEdit.css

/* 字体 */
:root {
    /* font-size: calc(0.5em + 1vw); */
    /*font-size: 62.5%;*/
}

/* style sheet for "A4" printing */
@media print and (width: 21cm) and (height: 29.7cm) {
    @page {
        margin: 3cm;
    }
}

/* style sheet for "letter" printing */
@media print and (width: 8.5in) and (height: 11in) {
    @page {
        margin: 1in;
    }
}

* {
    /* margin: 1px 2px;
    padding: 1px 2px; */
    /*font-family: Roboto-Regular, PingFang SC, SF Pro SC, SF Pro Text, SF Pro Icons, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif;*/
    outline: none;
    /* box-sizing: border-box; */
}

body {
    justify-content: center;
    /*align-items: center;*/

    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, 黑体, Heiti, sans-serif, SimSun, 宋体, serif, SourceSansPro;

}

header {
    position: relative;
    top: 0;
    /* height: 8rem; */
    z-index: 9999;
    left: 0;
    right: 0;
    width: 100%;
}

#noteshare {
    width: 90%;
    /* width: 21cm; */
    min-height: 2000rem;
    /* font-size: 1.5rem; */

    /*border: 1px red solid;*/
    margin: auto auto;
    padding: 100rem 100rem;
    /*box-shadow: 0 40rem 80rem rgba(31, 35, 41, 0.1);*/

    /*响应式*/
    /*display: flex;*/
    /*flex-direction:column;*/
    /*flex-wrap: nowrap;*/

}

#noteshare p {
    /*border: 1px rgb(248, 245, 245) solid;*/
    margin: 0 0;
    padding: 0 0;
    /* border: none;  */

    /*响应式*/
    flex: 1 1 100%;
}


#testInput {
    width: 60%;
    min-height: 1000rem;
    border: 1px rgb(0, 140, 255) solid;
    margin: 20px auto;
    justify-content: center;
}

::selection {
    color: antiquewhite;
    background-color: cadetblue;
    text-shadow: #00a9ff;
}

.my-divider-item {
    background-color: #e9e9eb;
    width: 1px;
    height: 180rem;
    margin: 0 60rem;
}

.childStyleStrong {
    font-weight: bold
}

.childStyleI {
    font-style: italic;
}

.childStyleU {
    text-decoration: underline;
/*/ / 中划线 / / text-decoration: line-through;*/
}

.childStyleDel {
    text-decoration: line-through;
}

.childStyleColor {
    color: red;
}


.fixStylePosition {
    display: none;
    position: fixed;
    z-index: 99;
    width: auto;
    height: 200rem;

    padding: 30rem 30rem;
    /*padding: 0.6rem 1rem 0.6rem 1rem;*/
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 80rem;
    border: 1px #dee0e3 solid;
    background-color: rgb(255, 255, 255);
    /*box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem lightgrey;*/
    box-shadow: 0 40rem 80rem rgba(31, 35, 41, 0.1);
}

.fixStyleOut {
    /*border: 1px blue solid;*/
    margin: 0 0;
    width: auto;
    height: 130rem;
    padding: 20rem 20rem;

    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.fixStyleInnerSpan {
    margin: 0 80rem;
}