You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
CheezeNotes/static/mdnotes.css

244 lines
5.0 KiB

html {
font-family: system-ui;
font-size: 12pt;
}
body {
margin: 0;
background-color: #f6f6f6;
}
button {
width: 2.2rem;
height: 2.2rem;
}
div#buttons {
position: fixed;
background-color: #dddddddd;
border-bottom: 3px solid #ccccccdd;
top: 0;
left: 0;
right: 0;
height: 3rem;
margin-left: auto;
margin-right: auto;
max-width: 1200;
}
div#buttons #taButtonLabel {
position: relative;
font-size: 1.8rem;
top: +0.2rem;
}
div#buttons #lockButtonLabel {
position: relative;
font-size: 1.8rem;
top: +0.2rem;
}
div.ta {
margin-left: auto;
margin-right: auto;
max-width: 1200;
}
textarea#ta {
position: relative;
top: 3rem;
display: none;
width: 100%;
height: 15rem;
padding-left: 3rem;
padding-right: 3rem;
background-color: #cceeff;
}
div#mdnotes {
margin-top: 3rem;
margin-left: auto;
margin-right: auto;
max-width: 1200;
padding-top: 1rem;
padding-left: 3rem;
padding-right: 3rem;
padding-bottom: 1rem;
margin-bottom: 3rem;
background-color: #ffffff;
min-height: 90%;
}
div#mdnotes span.tokenfictif {
font-weight: 1;
color: #1353b3;
}
div#mdnotes:focus {
outline: none;
}
div#mdnotes div.line {
border-bottom: 1px solid #dddddd;
padding-top: 0rem;
margin-top: 0rem;
font-size: 8pt;
}
div#mdnotes div.h1 {
font-size: 3rem;
margin-top: 1.5rem;
margin-bottom: 1.3rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #dddddd;
}
div#mdnotes div.h2 {
font-size: 2.3rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
div#mdnotes div.h3 {
font-size: 1.8rem;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
div#mdnotes div.h4 {
font-style: italic;
font-size: 1.4rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div#mdnotes div.bq1 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
padding-left: .9rem;
background-color: #f5f5f5;
border-left: .3rem solid #446699;
}
div#mdnotes div.bq2 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
padding-left: .6rem;
background-color: #f5f5f5;
border-left: .6rem solid #5577aa;
}
div#mdnotes div.bq3 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
padding-left: .3rem;
background-color: #f5f5f5;
border-left: .9rem solid #6688bb;
}
div#mdnotes div.ul1 { display:list-item; list-style-position: inside; padding-left: 2.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ul1.bq1 { padding-left: 1.9rem; }
div#mdnotes div.ul1.bq2 { padding-left: 1.6rem; }
div#mdnotes div.ul1.bq3 { padding-left: 1.3rem; }
div#mdnotes div.ul2 { display:list-item; list-style-position: inside; list-style-type: circle; padding-left: 2.7rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ul2.bq1 { padding-left: 2.4rem; }
div#mdnotes div.ul2.bq2 { padding-left: 2.1rem; }
div#mdnotes div.ul2.bq3 { padding-left: 1.8rem; }
div#mdnotes div.ul3 { display:list-item; list-style-position: inside; list-style-type: square; padding-left: 3.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ul3.bq1 { padding-left: 2.9rem; }
div#mdnotes div.ul3.bq2 { padding-left: 2.6rem; }
div#mdnotes div.ul3.bq3 { padding-left: 2.3rem; }
div#mdnotes div.ol1 { padding-left: 2.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ol1.bq1 { padding-left: 1.9rem; }
div#mdnotes div.ol1.bq2 { padding-left: 1.6rem; }
div#mdnotes div.ol1.bq3 { padding-left: 1.3rem; }
div#mdnotes div.ol2 { padding-left: 2.7rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ol2.bq1 { padding-left: 2.4rem; }
div#mdnotes div.ol2.bq2 { padding-left: 2.1rem; }
div#mdnotes div.ol2.bq3 { padding-left: 1.8rem; }
div#mdnotes div.ol3 { padding-left: 3.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ol3.bq1 { padding-left: 2.9rem; }
div#mdnotes div.ol3.bq2 { padding-left: 2.6rem; }
div#mdnotes div.ol3.bq3 { padding-left: 2.3rem; }
div#mdnotes span.oltoken {
display: inline-block;
width: 2rem;
}
div#mdnotes span.lefttablespacer {
display: inline-block;
}
div#mdnotes span.righttablespacer {
display: inline-block;
}
div#mdnotes div.tablerow {
margin-top: .5rem;
margin-bottom: .9rem;
}
div#mdnotes span.tablerow {
white-space: nowrap;
overflow-x: visible;
border-bottom: 1px solid #dddddd;
padding-bottom: 0.4rem;
}
div#mdnotes div.firsttablerow {
margin-top: 1.5rem;
}
div#mdnotes div.firsttablerow span.tablerow {
margin-bottom: 1.5rem;
border-bottom: 1px solid #666666;
font-weight: bold;
}
div#mdnotes div.lasttablerow {
margin-bottom: 1.5rem;
}
div#mdnotes div.lasttablerow span.tablerow {
margin-bottom: 1.5rem;
border-bottom: none;
}
div#mdnotes div.mdnotes_line span.token {
font-weight: 1;
color: #1353b3;
overflow: hidden;
}
div#mdnotes div.mdnotes_line span.token {
font-size: 0;
}
div#mdnotes:focus div.mdnotes_line span.token {
font-size: inherit;
}
div#mdnotes div.body {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div#mdnotes span.bold {
font-weight: bold;
}
div#mdnotes span.italic {
font-style: italic;
}
div#mdnotes span.mono {
font-family: monospace;
color: #885511;
}