168 lines
2.7 KiB
CSS
168 lines
2.7 KiB
CSS
/**
|
|
* General styles
|
|
* ==============
|
|
*/
|
|
|
|
.course-content {
|
|
max-width: 120ch;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sectionname {
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
|
|
/**
|
|
* First section
|
|
* =============
|
|
*/
|
|
|
|
#section-0 {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#section-0 .sectionname {
|
|
display: none;
|
|
}
|
|
|
|
#section-0 {
|
|
# background-image: url(https://www.uni-bamberg.de/fileadmin/uni/verwaltung/presse/044_PRESSE/Pressebilder-offiziell/Gebaeude_neu/An-der-Weberei-5-Bild3.jpg);
|
|
background-size: cover;
|
|
background-position: center 61%;
|
|
}
|
|
|
|
/**
|
|
* Quick links
|
|
* ===========
|
|
*/
|
|
.wiai-quick-link-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: .5rem;
|
|
}
|
|
|
|
.wiai-quick-link {
|
|
height: 40px;
|
|
width: 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding: 4px;
|
|
margin: 2px;
|
|
background-color: var(--bg-color);
|
|
background-image: var(--bg-image);
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.wiai-quick-link:link,
|
|
.wiai-quick-link:hover,
|
|
.wiai-quick-link:visited,
|
|
.wiai-quick-link:active {
|
|
color: var(--color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.wiai-quick-link .fa {
|
|
font-size: 200%;
|
|
}
|
|
|
|
/**
|
|
* Lanugage chooser
|
|
* ================
|
|
*/
|
|
div.wiai-language-chooser {
|
|
margin: 0;
|
|
}
|
|
|
|
div.wiai-language-chooser .wiai-language-option {
|
|
border: none;
|
|
margin: 0;
|
|
margin-bottom: 2px;
|
|
background-color: #e5ecf2;
|
|
font-weight: bold;
|
|
color: rgba(0,69,125,.5);
|
|
}
|
|
|
|
div.wiai-language-chooser .wiai-language-option.active {
|
|
background-color: rgb(0,69,125);
|
|
color: white;
|
|
}
|
|
|
|
/**
|
|
* HowTo Splash Page
|
|
* =================
|
|
*/
|
|
.wiai-eet-howto {
|
|
width: 100vw;
|
|
background: white;
|
|
padding: 4rem 2rem;
|
|
background-color: #efefef;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.wiai-eet-howto-images {
|
|
width: 1500px;
|
|
max-width: 90vw;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-gap: 2rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.wiai-eet-howto {
|
|
padding: 2rem 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.wiai-eet-howto-images {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-gap: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.wiai-eet-howto-images {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.wiai-eet-howto-header {
|
|
width: 1500px;
|
|
max-width: 90vw;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.wiai-eet-howto .wiai-eet-howto-image {
|
|
background: white;
|
|
width: 100%;
|
|
}
|
|
|
|
.wiai-eet-howto-cta {
|
|
display: block;
|
|
padding: 1rem;
|
|
background-color: #00457D !important;
|
|
color: white !important;
|
|
border: none;
|
|
border-radius: 0;
|
|
margin: 3rem auto 0 auto;
|
|
width: 13rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.wiai-eet-howto-language-chooser {
|
|
text-align: center;
|
|
}
|