176 lines
2.1 KiB
CSS
176 lines
2.1 KiB
CSS
html {
|
|
background-color: rgb(240,240,240);
|
|
background-image:url('/theme/multilaterale_logo_opacity.svg');
|
|
background-size:200vw;
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
body {
|
|
font-size:22px;
|
|
font-family: 'Kotta One', serif;
|
|
max-width:50%;
|
|
margin:0 auto;
|
|
}
|
|
|
|
a {
|
|
color:deeppink;
|
|
text-decoration-style: wavy;
|
|
}
|
|
|
|
h1,h2,h3{
|
|
text-transform: uppercase;
|
|
/*font-family: 'Amatic SC', cursive;*/
|
|
}
|
|
h3{
|
|
margin:0;
|
|
margin-top:2em;
|
|
}
|
|
|
|
h3 + p {
|
|
margin:0;
|
|
}
|
|
|
|
p {
|
|
margin-bottom:0.2em;
|
|
}
|
|
|
|
#banner{
|
|
margin-top:2em;
|
|
margin-bottom:0em;
|
|
}
|
|
|
|
#banner_img{
|
|
width:100%;
|
|
}
|
|
|
|
#menu ul li{
|
|
display:inline;
|
|
}
|
|
|
|
#menu ul {
|
|
padding-left:0px;
|
|
font-size: 2em;
|
|
text-align: center;
|
|
margin-top:0px;
|
|
margin-bottom:1.5em;
|
|
}
|
|
|
|
#menu a {
|
|
color:black;
|
|
text-decoration-style: none;
|
|
}
|
|
|
|
#menu a:hover {
|
|
color:black;
|
|
text-decoration-style: wavy;
|
|
text-decoration-color: deeppink;
|
|
}
|
|
|
|
#menu .active a{
|
|
|
|
text-decoration-style: wavy;
|
|
text-decoration-color: deeppink;
|
|
}
|
|
|
|
.featured_image{
|
|
display:inline-block;
|
|
max-width: 40%;
|
|
}
|
|
|
|
.featured_image img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.summary{
|
|
display:inline-block;
|
|
max-width: 50%;
|
|
vertical-align: top;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.summary h2 {
|
|
text-transform: uppercase;
|
|
margin-bottom: 0;
|
|
/*border-bottom: 6px solid black;*/
|
|
}
|
|
|
|
.entry-content p img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
#data-left, #data-right{
|
|
max-width: 49%;
|
|
display:inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#data-left img{
|
|
height:100%;
|
|
}
|
|
|
|
#data h3 {
|
|
margin:0.3em;
|
|
}
|
|
|
|
#data ul {
|
|
margin:0.5em;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
body {
|
|
font-size:24px;
|
|
max-width: 92%
|
|
}
|
|
#menu ul {
|
|
font-size:1.5em;
|
|
}
|
|
#banner{
|
|
margin-top:1em;
|
|
}
|
|
|
|
#data-left, #data-right{
|
|
max-width: 100%;
|
|
display:inline-block;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 300px) {
|
|
body {
|
|
font-size:18px;
|
|
max-width: 92%
|
|
}
|
|
#menu ul {
|
|
font-size:1.2em;
|
|
}
|
|
#banner{
|
|
margin-top:1em;
|
|
}
|
|
}
|
|
|
|
@media only screen and (orientation: portrait) {
|
|
body {
|
|
font-size:48px;
|
|
max-width: 92%
|
|
}
|
|
|
|
#menu ul {
|
|
font-size:1.5em;
|
|
}
|
|
#banner{
|
|
margin-top:1em;
|
|
}
|
|
.featured_image{
|
|
max-width: 100%;
|
|
}
|
|
|
|
.featured_image img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.summary{
|
|
max-width: 100%;
|
|
}
|
|
|
|
} |