Update CSS

This commit is contained in:
Dimitri Lozeve 2019-04-16 22:56:57 +02:00
parent e62635c856
commit 2f79bce851
2 changed files with 43 additions and 131 deletions

View file

@ -1 +1 @@
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}.sourceCode{display:block;padding-left:1rem;margin-top:1rem;margin-bottom:1rem}.definition,.proposition,.theorem{display:block;border-left:2px solid #808080;padding-left:1rem;margin-top:1rem;margin-bottom:1rem}.proposition,.theorem{counter-increment:theorem;font-style:italic}.definition p:first-child,.proposition p:first-child,.theorem p:first-child,.proof p:first-child{display:inline}.definition p,.proposition p,.theorem p,.proof p{margin-top:0.4rem;margin-bottom:0.4rem;padding-left:1rem}.theorem:before{content:"Theorem " counter(theorem) ".";font-weight:bold;font-style:normal}.proposition:before{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}} body{font-family:Helvetica,Arial,sans-serif;line-height:1.5;color:#111;max-width:50rem;padding:2rem;margin:auto;background:#fafafa;counter-reset:theorem;counter-reset:definition}img{max-width:100%}a{color:#0B0080}h1{font-size:1.6rem}h2{font-size:1.2rem}header{border-bottom:0.15rem solid #000;margin-bottom:2rem}nav{text-align:right}nav a{font-size:1.2rem;font-weight:bold;color:#000;text-decoration:none;padding:.5rem}.logo a{float:left;font-size:1.2rem;font-weight:bold;color:#000;text-decoration:none}footer{margin-top:3rem;padding:.5rem 0;border-top:0.1rem solid #000;color:#555}article .header{font-style:italic;color:#555}.sourceCode{display:block;padding-left:1rem;margin-top:1rem;margin-bottom:1rem;background:#eee}.definition,.proposition,.theorem{display:block;border-left:2px solid #808080;padding-left:1rem;margin-top:1rem;margin-bottom:1rem}.proposition,.theorem{counter-increment:theorem;font-style:italic}.definition p:first-child,.proposition p:first-child,.theorem p:first-child,.proof p:first-child{display:inline}.definition p,.proposition p,.theorem p,.proof p{margin-top:0.4rem;margin-bottom:0.4rem;padding-left:1rem}.theorem:before{content:"Theorem " counter(theorem) ".";font-weight:bold;font-style:normal}.proposition:before{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}

View file

@ -1,20 +1,34 @@
img {
max-width: 100%;
}
html {
font-size: 62.5%;
}
body { body {
font-size: 1.6rem; font-family: Helvetica, Arial, sans-serif;
color: #000; line-height: 1.5;
color: #111;
max-width: 50rem;
padding: 2rem;
margin: auto;
background: #fafafa;
counter-reset: theorem; counter-reset: theorem;
counter-reset: definition; counter-reset: definition;
} }
img {
max-width: 100%;
}
a {
color: #0B0080;
}
h1 {
font-size: 1.6rem;
}
h2 {
font-size: 1.2rem;
}
header { header {
border-bottom: 0.2rem solid #000; border-bottom: 0.15rem solid #000;
margin-bottom: 2rem;
} }
nav { nav {
@ -22,45 +36,31 @@ nav {
} }
nav a { 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; font-size: 1.2rem;
color: #555; font-weight: bold;
} color: #000;
text-decoration: none;
h1 { padding: .5rem;
font-size: 2.4rem;
}
h2 {
font-size: 2rem;
}
article .header {
font-size: 1.4rem;
font-style: italic;
color: #555;
} }
.logo a { .logo a {
float: left;
font-size: 1.2rem;
font-weight: bold; font-weight: bold;
color: #000; color: #000;
text-decoration: none; text-decoration: none;
} }
a.icon { footer {
Text-decoration: none; margin-top: 3rem;
outline: none; padding: .5rem 0;
border: 0px none transparent; border-top: 0.1rem solid #000;
color: #555;
}
article .header {
font-style: italic;
color: #555;
} }
.sourceCode { .sourceCode {
@ -68,6 +68,7 @@ a.icon {
padding-left: 1rem; padding-left: 1rem;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
background: #eee;
} }
.definition, .proposition, .theorem { .definition, .proposition, .theorem {
@ -121,92 +122,3 @@ a.icon {
content: "\220E"; content: "\220E";
float: right; 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;
}
}