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

84 lines
1.2 KiB
SCSS
Raw Normal View History

2023-11-01 00:31:31 +01:00
@import "_variables";
@import "_base";
.slide {
background-color: $color-bg;
}
.talk-box {
// position: absolute;
position: relative;
top: 950px;
left: 50px;
width: auto;
max-width: 1400px;
}
.talk {
background-color: $color-bg-medium;
border-width: 0 0 0 10px;
border-style: solid;
border-color: $color-orange-strong;
// vertical-align: middle;
white-space: normal;
padding: 10px 15px;
padding-left: 20px;
font-family: 'Open Sans';
font-weight: 400;
}
.talk .title {
display: -webkit-box;
-webkit-line-clamp: 1;
box-orient: vertical;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 28px;
color: $color-talk;
&:before {
content: "«";
padding: 0;
}
&:after {
content: "»";
padding: 0;
}
}
.talk .names {
display: -webkit-box;
-webkit-line-clamp: 1;
box-orient: vertical;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 24px;
font-style: italic;
color: $color-speaker;
}
.type-0 {
display: none;
}
img {
display: none;
position: absolute;
top: 0;
left: 0;
}