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/cheezenotes.css

344 lines
7.1 KiB

@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(/static/MaterialIconsOutlined-Regular.otf) format('woff');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 22px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
html {
font-family: system-ui;
font-size: 12pt;
}
body {
margin: 0;
background-color: #dddddd;
}
div#content {
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: auto;
}
div #margindiv {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
top: 0;
bottom: 0;
}
div#cheezenotes {
position: static;
margin: 0;
margin-top: 0;
margin-bottom: 3rem;
padding-top: 1rem;
padding-left: 3rem;
padding-right: 3rem;
padding-bottom: 1rem;
background-color: #ffffff;
min-height: 100%;
overflow-x: auto;
}
div#buttons {
position: sticky;
white-space: nowrap;
overflow-x: auto;
box-sizing: border-box;
padding-top: .2rem;
padding-bottom: .2rem;
background-color: #dddddd;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
div#buttons button.button {
color: #444444;
padding: 0;
margin: 0;
height: 2.6rem;
width: 2.6rem;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-right: none;
}
div#buttons button.button:disabled {
color: #aaaaaa;
}
div#buttons button.separator {
background-color: transparent;
color: #bbbbbb;
border: none;
border-left: 1px solid #cccccc;
height: 2.6rem;
margin: 0;
padding: 0;
}
div#buttons button.text {
line-height: 1;
color: #444444;
font-size: 18px;
vertical-align: bottom;
}
div#buttons button.text:disabled {
color: #aaaaaa;
}
div#buttons button.floatright {
float: right;
}
div#buttons button.rightborder {
border-right: 1px solid #cccccc;
}
div#buttons button.onoffbutton.buttonon {
background-color: #aaaaaa;
}
div#buttons #taButtonLabel {
position: relative;
font-size: 1.8rem;
top: +0.2rem;
}
div#buttons #lockButtonLabel {
position: relative;
top: +.5rem;
}
div.ta {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
textarea#ta {
position: relative;
top: 3rem;
display: none;
width: 100%;
height: 15rem;
padding-left: 3rem;
padding-right: 3rem;
background-color: #cceeff;
}
/*div#cheezenotes div.cheezenotes_line {*/
/* Pour firefox : white-space: pre; */
/*}*/
div#cheezenotes span.tokenfictif {
font-weight: 1;
color: #1353b3;
}
div#cheezenotes:focus {
outline: none;
}
div#cheezenotes div.line {
border-bottom: 1px solid #dddddd;
padding-top: 0rem;
margin-top: 0rem;
font-size: 8pt;
}
div#cheezenotes div.h1 {
font-size: 3rem;
margin-top: 1.5rem;
margin-bottom: 1.3rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #dddddd;
}
div#cheezenotes div.h2 {
font-size: 2.3rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
div#cheezenotes div.h3 {
font-size: 1.8rem;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
div#cheezenotes div.h4 {
font-size: 1.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div#cheezenotes div.h5 {
font-size: 1.3rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div#cheezenotes div.h6 {
font-size: 1.2rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div#cheezenotes div.bq1 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
padding-left: .9rem;
background-color: #f5f5f5;
border-left: .3rem solid #446699;
}
div#cheezenotes div.bq2 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
padding-left: .6rem;
background-color: #f5f5f5;
border-left: .6rem solid #5577aa;
}
div#cheezenotes div.bq3 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
padding-left: .3rem;
background-color: #f5f5f5;
border-left: .9rem solid #6688bb;
}
div#cheezenotes div.ul1 { display:list-item; list-style-position: inside; padding-left: 2.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#cheezenotes div.ul1.bq1 { padding-left: 1.9rem; }
div#cheezenotes div.ul1.bq2 { padding-left: 1.6rem; }
div#cheezenotes div.ul1.bq3 { padding-left: 1.3rem; }
div#cheezenotes div.ul2 { display:list-item; list-style-position: inside; list-style-type: circle; padding-left: 2.7rem; padding-bottom: .2rem; padding-top: .2rem; }
div#cheezenotes div.ul2.bq1 { padding-left: 2.4rem; }
div#cheezenotes div.ul2.bq2 { padding-left: 2.1rem; }
div#cheezenotes div.ul2.bq3 { padding-left: 1.8rem; }
div#cheezenotes div.ul3 { display:list-item; list-style-position: inside; list-style-type: square; padding-left: 3.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#cheezenotes div.ul3.bq1 { padding-left: 2.9rem; }
div#cheezenotes div.ul3.bq2 { padding-left: 2.6rem; }
div#cheezenotes div.ul3.bq3 { padding-left: 2.3rem; }
div#cheezenotes div.ol1 { padding-left: 2.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#cheezenotes div.ol1.bq1 { padding-left: 1.9rem; }
div#cheezenotes div.ol1.bq2 { padding-left: 1.6rem; }
div#cheezenotes div.ol1.bq3 { padding-left: 1.3rem; }
div#cheezenotes div.ol2 { padding-left: 2.7rem; padding-bottom: .2rem; padding-top: .2rem; }
div#cheezenotes div.ol2.bq1 { padding-left: 2.4rem; }
div#cheezenotes div.ol2.bq2 { padding-left: 2.1rem; }
div#cheezenotes div.ol2.bq3 { padding-left: 1.8rem; }
div#cheezenotes div.ol3 { padding-left: 3.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#cheezenotes div.ol3.bq1 { padding-left: 2.9rem; }
div#cheezenotes div.ol3.bq2 { padding-left: 2.6rem; }
div#cheezenotes div.ol3.bq3 { padding-left: 2.3rem; }
div#cheezenotes span.oltoken {
display: inline-block;
width: 2rem;
}
div#cheezenotes a.link {
color: rgb(0, 0, 238);
}
div#cheezenotes span.lefttablespacer {
display: inline-block;
}
div#cheezenotes span.righttablespacer {
display: inline-block;
}
div#cheezenotes div.tablerow {
margin-top: .5rem;
margin-bottom: .9rem;
overflow-x: visible;
}
div#cheezenotes span.tablerow {
white-space: nowrap;
overflow-x: visible;
border-bottom: 1px solid #dddddd;
padding-bottom: 0.4rem;
}
div#cheezenotes div.firsttablerow {
margin-top: 1.5rem;
}
div#cheezenotes div.firsttablerow span.tablerow {
margin-bottom: 1.5rem;
border-bottom: 1px solid #666666;
font-weight: bold;
}
div#cheezenotes div.lasttablerow {
margin-bottom: 1.5rem;
}
div#cheezenotes div.lasttablerow span.tablerow {
margin-bottom: 1.5rem;
border-bottom: none;
}
div#cheezenotes div.cheezenotes_line span.token {
font-weight: 1;
color: #1353b3;
overflow: hidden;
}
div#cheezenotes div.cheezenotes_line span.token {
font-size: 0;
}
div#cheezenotes:focus div.cheezenotes_line span.token {
font-size: 95%;
}
div#cheezenotes div.body {
margin-top: 0.5rem;
line-height: 1;
margin-bottom: 0.5rem;
}
div#cheezenotes span.mono {
font-family: monospace;
color: #555555;
}