Add theorems and definitions formatting

This commit is contained in:
Dimitri Lozeve 2018-11-19 23:27:32 +01:00
parent 3f578e8601
commit c8509dfb40
2 changed files with 50 additions and 1 deletions

View file

@ -1 +1 @@
img{max-width:100%}html{font-size:62.5%}body{font-size:1.6rem;color:#000}header{border-bottom:0.2rem solid #000}nav{text-align:right}nav a{font-size:1.6rem;font-weight:bold;color:black;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;padding:1.2rem 0;border-top:0.2rem solid #000;font-size:1.2rem;color:#555}h1{font-size:2.4rem}h2{font-size:2rem}article .header{font-size:1.4rem;font-style:italic;color:#555}.logo a{font-weight:bold;color:#000;text-decoration:none}a.icon{Text-decoration:none;outline:none;border:0px none transparent}@media (max-width:319px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:block;line-height:1.6}}@media (min-width:320px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:inline;margin:0 0.6rem}}@media (min-width:640px){body{width:80rem;margin:0 auto;padding:0}header{margin:0 0 3rem;padding:1.2rem 0}nav{margin:0;text-align:right}nav a{margin:0 0 0 1.2rem;display:inline}footer{text-align:right}.logo{margin:0;text-align:left}.logo a{float:left;font-size:1.8rem}} img{max-width:100%}html{font-size:62.5%}body{font-size:1.6rem;color:#000;counter-reset:theorem;counter-reset:definition}header{border-bottom:0.2rem solid #000}nav{text-align:right}nav a{font-size:1.6rem;font-weight:bold;color:black;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;padding:1.2rem 0;border-top:0.2rem solid #000;font-size:1.2rem;color:#555}h1{font-size:2.4rem}h2{font-size:2rem}article .header{font-size:1.4rem;font-style:italic;color:#555}.logo a{font-weight:bold;color:#000;text-decoration:none}a.icon{Text-decoration:none;outline:none;border:0px none transparent}.definition,.proposition,.theorem{display:block;border:1px solid #000;padding:1rem;margin-top:1rem;margin-bottom:1rem}.proposition,.theorem{font-style:italic}.definition p,.proposition p,.theorem p,.proof p{display:inline}.theorem:before{counter-increment:theorem;content:"Theorem " counter(theorem) ". ";font-weight:bold;font-style:normal}.proposition:before{counter-increment:theorem;content:"Proposition " counter(theorem) ". ";font-weight:bold;font-style:normal}.definition:before{counter-increment:definition;content:"Definition " counter(definition) ". ";font-weight:bold;font-style:normal}.proof:before{content:"Proof:";font-style:italic}.proof:after{content:"\220E";float:right}@media (max-width:319px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:block;line-height:1.6}}@media (min-width:320px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:inline;margin:0 0.6rem}}@media (min-width:640px){body{width:80rem;margin:0 auto;padding:0}header{margin:0 0 3rem;padding:1.2rem 0}nav{margin:0;text-align:right}nav a{margin:0 0 0 1.2rem;display:inline}footer{text-align:right}.logo{margin:0;text-align:left}.logo a{float:left;font-size:1.8rem}}

View file

@ -9,6 +9,8 @@ html {
body { body {
font-size: 1.6rem; font-size: 1.6rem;
color: #000; color: #000;
counter-reset: theorem;
counter-reset: definition;
} }
header { header {
@ -61,6 +63,53 @@ a.icon {
border: 0px none transparent; border: 0px none transparent;
} }
.definition, .proposition, .theorem {
display: block;
border: 1px solid #000;
padding: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.proposition, .theorem {
font-style: italic;
}
.definition p, .proposition p, .theorem p, .proof p {
display: inline;
}
.theorem:before {
counter-increment: theorem;
content: "Theorem " counter(theorem) ". ";
font-weight: bold;
font-style: normal;
}
.proposition:before {
counter-increment: theorem;
content: "Proposition " counter(theorem) ". ";
font-weight: bold;
font-style: normal;
}
.definition:before {
counter-increment: definition;
content: "Definition " counter(definition) ". ";
font-weight: bold;
font-style: normal;
}
.proof:before {
content: "Proof:";
font-style: italic;
}
.proof:after {
content: "\220E";
float: right;
}
@media (max-width: 319px) { @media (max-width: 319px) {
body { body {
width: 90%; width: 90%;