zeus.ugent.be/content/assets/stylesheets/includes/events.scss

86 lines
1.3 KiB
SCSS
Raw Normal View History

2016-08-27 01:23:22 +02:00
.divider {
align-items:flex-start;
border: 1px solid lighten(gray, 45%);
width: 67%;
margin: 0 30% 0 3%;
}
2016-08-27 00:36:10 +02:00
.box.event-preview {
border-radius: 0px;
display: flex;
box-shadow : none;
2016-09-14 16:11:48 +02:00
margin: 0px;
padding:20px;
padding-top:0px;
2016-08-27 00:36:10 +02:00
2016-08-27 01:23:22 +02:00
// border-top: 1px solid lighten(gray, 40%);
2016-08-27 00:36:10 +02:00
.image-holder {
2016-09-13 19:26:17 +02:00
//border-radius: 50%;
2016-09-14 16:11:48 +02:00
padding: 10px;
2016-08-27 00:36:10 +02:00
border: 1px solid lighten(gray, 30%);
width: 15%;
height: 15%;
}
.image {
2016-09-13 19:26:17 +02:00
//border-radius: 50%;
2016-09-13 19:56:55 +02:00
vertical-align: baseline;
2016-08-27 00:36:10 +02:00
border: 1px solid gray;
}
.info {
2016-09-14 16:11:48 +02:00
padding:20px;
padding-top:0px;
2016-08-27 00:36:10 +02:00
box-shadow : none;
2016-08-27 04:26:18 +02:00
width: 60%;
2016-08-27 00:36:10 +02:00
.title {
font-size: 1.7em;
font-weight: 500;
margin-bottom: 0;
a {
color: darken(gray, 20%);
}
a:hover {
border-bottom: none;
color: #FF7F00;
}
}
.location {
font-size: .9em;
a {
color: lighten(gray, 10%);
}
}
.description {
font-size: 1.7em;
font-weight: 200;
}
.time {
font-size: 1.6em;
font-weight: 400;
}
2016-08-27 04:26:18 +02:00
}
.main-event {
border-left: 1px solid gray;
border-radius: 0px;
box-shadow: none;
height: 8em;
// display: flex;
// align-items: center;
2016-08-27 00:36:10 +02:00
2016-08-27 04:26:18 +02:00
ul {
padding-left: .7em;
}
.active {
color: #FF7F00;
2016-08-27 00:36:10 +02:00
}
}
2016-08-26 23:21:58 +02:00
}