html5-infobeamer-aalen-geek.../assets/scss/css/custom/styles/_banner-speaker.scss

67 lines
1.1 KiB
SCSS
Raw Normal View History

2023-11-01 00:31:31 +01:00
@import "_variables";
.speaker-box {
// position: absolute;
position: relative;
2023-11-02 02:59:42 +01:00
top: 910px;
left: 180px;
2023-11-01 00:31:31 +01:00
width: auto;
2023-11-02 02:59:42 +01:00
max-width: 850px;
2023-11-01 00:31:31 +01:00
}
2023-11-02 02:59:42 +01:00
.speaker_event_logo {
background-image: url("/images/geekend_23_bauchbinde.svg");
background-repeat: no-repeat;
position: relative;
top: 850px;
left: 50px;
width: 230px;
height: 230px;
position: absolute;
}
2023-11-01 00:31:31 +01:00
.speaker {
2023-11-02 02:59:42 +01:00
background-color: $color-bauchbinde;
2023-11-01 00:31:31 +01:00
border-width: 0 0 0 10px;
border-style: solid;
2023-11-02 02:59:42 +01:00
border-color: $color-bauchbinde-akzent;
2023-11-01 00:31:31 +01:00
//---vertical-align: middle;
white-space: normal;
padding: 5px 20px;
padding-left: 25px;
font-family: 'Open Sans';
font-weight: 500;
font-size: 48px;
}
.speaker .title {
}
.speaker .names {
display: -webkit-box;
-webkit-line-clamp: 1;
box-orient: vertical;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
color: $color-speaker;
}
.type-0 {
display: none;
}
img {
display: none;
position: absolute;
top: 0;
left: 0;
}