download 2021 site
This commit is contained in:
commit
dd6e4afb13
138 changed files with 37730 additions and 0 deletions
160
css/borders-responsive.css
Normal file
160
css/borders-responsive.css
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
.border-top {
|
||||
border-top: 1px solid; }
|
||||
|
||||
.border-right {
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
.border-left {
|
||||
border-left: 1px solid; }
|
||||
|
||||
.border-top-0 {
|
||||
border-top: 0 !important; }
|
||||
|
||||
.border-right-0 {
|
||||
border-right: 0 !important; }
|
||||
|
||||
.border-bottom-0 {
|
||||
border-bottom: 0 !important; }
|
||||
|
||||
.border-left-0 {
|
||||
border-left: 0 !important; }
|
||||
|
||||
.border-x {
|
||||
border-left: 1px solid;
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-y {
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.border-sm-top {
|
||||
border-top: 1px solid; }
|
||||
|
||||
.border-sm-right {
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-sm-bottom {
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
.border-sm-left {
|
||||
border-left: 1px solid; }
|
||||
|
||||
.border-sm-top-0 {
|
||||
border-top: 0 !important; }
|
||||
|
||||
.border-sm-right-0 {
|
||||
border-right: 0 !important; }
|
||||
|
||||
.border-sm-bottom-0 {
|
||||
border-bottom: 0 !important; }
|
||||
|
||||
.border-sm-left-0 {
|
||||
border-left: 0 !important; }
|
||||
|
||||
.border-sm-x {
|
||||
border-left: 1px solid;
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-sm-y {
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid; } }
|
||||
@media (min-width: 768px) {
|
||||
.border-md-top {
|
||||
border-top: 1px solid; }
|
||||
|
||||
.border-md-right {
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-md-bottom {
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
.border-md-left {
|
||||
border-left: 1px solid; }
|
||||
|
||||
.border-md-top-0 {
|
||||
border-top: 0 !important; }
|
||||
|
||||
.border-md-right-0 {
|
||||
border-right: 0 !important; }
|
||||
|
||||
.border-md-bottom-0 {
|
||||
border-bottom: 0 !important; }
|
||||
|
||||
.border-md-left-0 {
|
||||
border-left: 0 !important; }
|
||||
|
||||
.border-md-x {
|
||||
border-left: 1px solid;
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-md-y {
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid; } }
|
||||
@media (min-width: 992px) {
|
||||
.border-lg-top {
|
||||
border-top: 1px solid; }
|
||||
|
||||
.border-lg-right {
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-lg-bottom {
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
.border-lg-left {
|
||||
border-left: 1px solid; }
|
||||
|
||||
.border-lg-top-0 {
|
||||
border-top: 0 !important; }
|
||||
|
||||
.border-lg-right-0 {
|
||||
border-right: 0 !important; }
|
||||
|
||||
.border-lg-bottom-0 {
|
||||
border-bottom: 0 !important; }
|
||||
|
||||
.border-lg-left-0 {
|
||||
border-left: 0 !important; }
|
||||
|
||||
.border-lg-x {
|
||||
border-left: 1px solid;
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-lg-y {
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid; } }
|
||||
@media (min-width: 1200px) {
|
||||
.border-xl-top {
|
||||
border-top: 1px solid; }
|
||||
|
||||
.border-xl-right {
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-xl-bottom {
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
.border-xl-left {
|
||||
border-left: 1px solid; }
|
||||
|
||||
.border-xl-top-0 {
|
||||
border-top: 0 !important; }
|
||||
|
||||
.border-xl-right-0 {
|
||||
border-right: 0 !important; }
|
||||
|
||||
.border-xl-bottom-0 {
|
||||
border-bottom: 0 !important; }
|
||||
|
||||
.border-xl-left-0 {
|
||||
border-left: 0 !important; }
|
||||
|
||||
.border-xl-x {
|
||||
border-left: 1px solid;
|
||||
border-right: 1px solid; }
|
||||
|
||||
.border-xl-y {
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid; } }
|
||||
197
css/main.css
Normal file
197
css/main.css
Normal file
|
|
@ -0,0 +1,197 @@
|
|||
body {
|
||||
padding-top: 5rem;
|
||||
}
|
||||
.starter-template {
|
||||
padding: 3rem 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.border-grey {
|
||||
border-color:
|
||||
#888 !important;
|
||||
}
|
||||
|
||||
.border-light-grey {
|
||||
border-color:
|
||||
#bbb !important;
|
||||
}
|
||||
|
||||
.bd-callout {
|
||||
border-left: 3px solid;
|
||||
}
|
||||
|
||||
.notice {
|
||||
border-left: 4px solid lightgray;
|
||||
padding: 0.2rem 0 0.2rem 0.4rem;
|
||||
}
|
||||
|
||||
.notice-warning {
|
||||
background-color: #fcf8e3;
|
||||
border-color: #f1c40f;
|
||||
}
|
||||
|
||||
.notice-danger {
|
||||
background-color: #f2dede;
|
||||
border-color: #e74c3c;
|
||||
}
|
||||
|
||||
.notice-success {
|
||||
background-color: #dff0d8;
|
||||
border-color: #2ecc71;
|
||||
}
|
||||
|
||||
.faded {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* blog */
|
||||
|
||||
.blog h1 {
|
||||
border-bottom : 1px solid #aaa;
|
||||
padding-bottom: 10px;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.blog h2 {
|
||||
border-bottom : 1px solid #aaa;
|
||||
padding-bottom: 10px;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.blog h3 {
|
||||
border-bottom : 1px solid #aaa;
|
||||
padding-bottom: 10px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.blog .datebox {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.blog img {
|
||||
max-width : 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
.post img {
|
||||
max-width : 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.row img {
|
||||
max-width : 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* a {
|
||||
color: #212529
|
||||
} */
|
||||
|
||||
|
||||
/* wiki */
|
||||
|
||||
.wiki h1 {
|
||||
border-bottom : 0px solid #aaa;
|
||||
padding-bottom: 5px;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.wiki h2 {
|
||||
border-bottom : 1px solid #aaa;
|
||||
padding-bottom: 5px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.wiki h3 {
|
||||
border-bottom : 1px solid #aaa;
|
||||
padding-bottom: 5px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.wiki .datebox {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.wiki img {
|
||||
max-width : 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
.video-container {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
padding-top: 35px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.video-container iframe {
|
||||
position: absolute;
|
||||
top:0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* .anchor::before {
|
||||
display: block;
|
||||
content: " ";
|
||||
margin-top: -80px;
|
||||
height: 80px;
|
||||
width: 0px;
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
z-index: -100;
|
||||
} */
|
||||
|
||||
.anchor a {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -80px;
|
||||
}
|
||||
.anchor {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.section a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
display: block;
|
||||
border-left : 4pt solid;
|
||||
border-color: grey;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
color : black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.toc-sub a {
|
||||
color : black;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-padding-top: 70px; /* height of sticky header */
|
||||
}
|
||||
|
||||
.top70 {
|
||||
top : 70px;
|
||||
}
|
||||
|
||||
div .highlight {
|
||||
padding-left : 0.8em;
|
||||
padding-top: 0.1em;
|
||||
padding-bottom: 0em;
|
||||
font-family: JetBrains Mone;
|
||||
}
|
||||
.highlight {
|
||||
background-color: #EEE;
|
||||
}
|
||||
121
css/pl.css
Normal file
121
css/pl.css
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
|
||||
/*Navbar*/
|
||||
.navbar, .tudelft {
|
||||
/* background-color: #007bc0; */
|
||||
background-color: #1d3056;
|
||||
/* background-color: #00A6D6; */
|
||||
}
|
||||
|
||||
/*
|
||||
@media(max-width: 992px) {
|
||||
|
||||
.navbar {
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media(max-width: 992px) {
|
||||
.logo {
|
||||
height: 45px;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.logo {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
|
||||
.navbar-light .navbar-nav .nav-link, .tudelft {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
|
||||
color: #de1b2c;
|
||||
}
|
||||
|
||||
/*Content*/
|
||||
|
||||
/*
|
||||
|
||||
.container-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media(min-width: 992px) {
|
||||
.content {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
.content {
|
||||
padding: 1rem;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/********* Simple or original overlay *******/
|
||||
/* Main container */
|
||||
.overlay-image {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
/* Original image */
|
||||
.overlay-image .image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
/* Original text overlay */
|
||||
.overlay-image .text {
|
||||
color: #fff;
|
||||
font-size: 30px;
|
||||
line-height: 1.5em;
|
||||
text-shadow: 2px 2px 2px #000;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/********* Overlay on hover *******/
|
||||
/* New overlay on hover */
|
||||
.overlay-image .hover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transition: .5s ease;
|
||||
}
|
||||
/* New overlay appearance on hover */
|
||||
.overlay-image:hover .hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Make card pictures equal size */
|
||||
.people-card img.card-img-top {
|
||||
height: 350px;
|
||||
object-fit: cover;
|
||||
object-position: 50% 0%;
|
||||
}
|
||||
@media (max-width: 1199px){.people-card img.card-img-top { height: 400px; } }
|
||||
@media (max-width: 991px){ .people-card img.card-img-top { height: 450px; } }
|
||||
@media (max-width: 767px){ .people-card img.card-img-top { height: 600px; } }
|
||||
Loading…
Add table
Add a link
Reference in a new issue