www.eleves.ens.fr/www/css/www-eleves.css

154 lines
2.5 KiB
CSS

html {
text-rendering: optimizeLegibility;
}
body {
min-height: 100vh;
color: #4a4a4a;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
margin: 0 auto;
position: relative;
width: auto;
}
@media screen and (min-width: 1024px) {
body {
max-width: 960px;
}
}
@media screen and (min-width: 1216px) {
body {
max-width: 1152px;
}
}
@media screen and (min-width: 1408px) {
body {
max-width: 1344px;
}
}
h1 {
text-align: center;
margin-top: 2rem;
margin-bottom: 1.2rem;
color: #363636;
font-size: 2rem;
font-weight: 600;
line-height: 1.125;
word-break: break-word;
}
h2 {
font-size: 1.5rem;
line-height: 1.25;
margin-bottom: 1.5rem;
margin-top: 0;
font-weight: 700;
}
h4 {
font-size: 1.125rem;
margin-top: 2.25rem;
margin-bottom: -0.125rem;
}
section {
margin-top: 1.5rem;
background-color: #f5f5f5;
border-radius: 4px;
position: relative;
padding: 1.5rem;
display: block;
}
section a {
color: currentColor;
background-color: #485fc7;
color: #fff;
font-weight: 600;
align-items: center;
border-radius: 4px;
display: inline-flex;
height: 2em;
justify-content: center;
line-height: 1.5;
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
margin-top: 0.75rem;
}
a {
text-decoration: none;
color: #485fc7;
}
a:hover {
text-decoration: underline;
color: #363636;
}
abbr {
margin-left: 0.25em;
margin-right: 0.25em;
}
section a:hover {
color: #fff;
}
section a:not(:last-child) {
margin-right: 1rem;
}
code {
white-space: nowrap;
color: #da1039;
font-size: 1em;
font-family: monospace;
font-weight: 400;
padding: .25em .5em .25em;
}
footer {
display: block;
padding: 3rem 1.5rem 6rem;
text-align: center;
margin-top: 1.75rem;
}
a[lang] {
align-items: center;
background-color: #f5f5f5;
border-radius: 4px;
color: #4a4a4a;
display: inline-flex;
font-size: 1rem;
font-weight: 700;
height: 2em;
justify-content: center;
line-height: 1.5;
padding-left: .75em;
padding-right: .75em;
white-space: nowrap;
}
#restricted {
color: #f14668;
align-items: center;
justify-content: center;
display: inline-flex;
width: 100%;
font-size: 1.125rem;
}