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;*/
    /*border: 1px yellow solid;*/
    /*!* height: 8rem; *!*/
    /*z-index: 9999;*/
    /*left: 0;*/
    /*right: 0;*/
    /*width: 100%;*/

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

main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#noteshare {
    width: 80%;
    /* 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: 20rem 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;
}

@media screen and ( max-width: 768px ) {
    /*当屏幕尺寸小于768px时，应用下面的css样式*/
    .fixStylePosition {
        display: block;
        z-index: 99;
        top: 0;
        width: 100%;
        min-height: 200rem;
        margin-bottom: 3rem;
    }

    body{
        top: 1%;
    }
    #_style_utils svg{
        width:400rem;
        height:400rem;
        margin: 50rem 0;
    }
    main {
        margin-top: 500rem;
    }
}