You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
169 lines
3.0 KiB
CSS
169 lines
3.0 KiB
CSS
body {
|
|
color: #000;
|
|
background-color: #FFF;
|
|
font-family: 'Ubuntu', sans-serif;
|
|
}
|
|
a, a:visited {
|
|
color: #A70;
|
|
background-color: #FFF;
|
|
}
|
|
img {
|
|
border: 0;
|
|
}
|
|
header {
|
|
display: grid;
|
|
grid-template-columns: 25vw auto;
|
|
grid-template-rows: auto auto auto auto;
|
|
margin-left: 5vw;
|
|
margin-right: 5vw;
|
|
}
|
|
header>h1 {
|
|
grid-area: 1 / 2 / 2 / 3;
|
|
font-size: 3.5vw;
|
|
color: #000;
|
|
text-shadow: 0.1em 0.1em 0.2em #960;
|
|
}
|
|
header>img {
|
|
grid-area: 1 / 1 / 3 / 2;
|
|
display: block;
|
|
width: 20vw;
|
|
padding-right: 2vw;
|
|
}
|
|
header>p {
|
|
grid-area: 2 / 2 / 3 / 3;
|
|
margin-top: -3vw;
|
|
margin-left: 3vw;
|
|
margin-right: 3vw;
|
|
font-size: 1.4vw;
|
|
}
|
|
header>div#author {
|
|
grid-area: 3 / 2 / 4 / 3;
|
|
text-align: right;
|
|
margin-right: 9vw;
|
|
margin-top: -4vw;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
font-size: 1.3vw;
|
|
color: #630;
|
|
}
|
|
header>nav {
|
|
grid-area: 4 / 1 / 5 / 3;
|
|
font-size: 1.7vw;
|
|
font-weight: bold;
|
|
margin-left: 2vw;
|
|
}
|
|
a, a:visited {
|
|
text-decoration: none;
|
|
}
|
|
main {
|
|
font-family: 'Ubuntu Condensed', sans-serif;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: auto;
|
|
margin-top: 1vw;
|
|
}
|
|
section {
|
|
margin-left: 4vw;
|
|
}
|
|
section>h2 {
|
|
font-size: 1.6vw;
|
|
margin-bottom: 0;
|
|
}
|
|
section>ul>li {
|
|
font-size: 1.1vw;
|
|
}
|
|
section#papers {
|
|
grid-column: span 2;
|
|
}
|
|
footer {
|
|
margin-top: 5vw;
|
|
text-align: center;
|
|
}
|
|
footer>p {
|
|
text-align: center;
|
|
}
|
|
footer>a {
|
|
display: inline;
|
|
margin-right: 10px;
|
|
width: 5vw;
|
|
padding: 0.08vw;
|
|
font-size: 0.8vw;
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
color: #960;
|
|
background-color: #DDD;
|
|
border: 1px solid #000;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
footer>a>strong {
|
|
font-weight: bold;
|
|
color: #FFF;
|
|
background-color: #960;
|
|
padding-left: 0.2vw;
|
|
margin-right: 0.5vw;
|
|
}
|
|
footer>a:hover {
|
|
color: #FFF;
|
|
background-color: #960;
|
|
}
|
|
footer a:hover>strong {
|
|
color: #960;
|
|
background-color: #DDD;
|
|
}
|
|
p {
|
|
text-align: justify;
|
|
font-size: 1.2vw;
|
|
}
|
|
blockquote {
|
|
margin-top: 40px;
|
|
padding: .5em 1em;
|
|
border-left: 5px solid #FCE27C;
|
|
border-radius: 40px;
|
|
background-color: #FAF0D1;
|
|
font-size: .8em;
|
|
}
|
|
blockquote p {
|
|
font-style: italic;
|
|
}
|
|
blockquote p:first-letter {
|
|
float: left;
|
|
font-size: 2vw;
|
|
color: #960;
|
|
}
|
|
.author {
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
text-align: right;
|
|
margin-top: -5px;
|
|
margin-right: 50px;
|
|
color: #630;
|
|
}
|
|
|
|
/* Style for mobile devices */
|
|
@media (max-width: 800px) {
|
|
main, header {
|
|
display: block;
|
|
}
|
|
header>img, header>p, header>div#author {
|
|
display: none;
|
|
}
|
|
header>h1 {
|
|
font-size: 7vw;
|
|
margin-bottom: 0;
|
|
}
|
|
header>nav {
|
|
font-size: 3.4vw;
|
|
margin-top: 0;
|
|
margin-bottom: 2vw;
|
|
}
|
|
section>h2 {
|
|
font-size: 3.2vw;
|
|
}
|
|
section>ul>li {
|
|
font-size: 2.2vw;
|
|
}
|
|
}
|