@import "_variables"; @import "_base"; @import "_music"; .slide { background-color: $color-bg; } .header { position: absolute; top: 0; left: 0; z-index: 10; } .room-location { position: absolute; // top: 240px; top: 255px; right: 65px; z-index: 20; font-family: 'Source Code Pro'; font-weight: 700; font-size: 40px; text-align: end; color: khaki; // box-align: center; // -moz-box-align: center; // -webkit-box-align: center; // background-color: purple; } .schedule { position: absolute; top: 240px; left: 65px; // left: 50px; /* 1920 - 2 * 65 */ width: 1790px; /* 1920 - 2 * 50 */ // width: 1820px; // background-color: orange; } .schedule .title { // position: static; font-family: 'Source Code Pro'; font-weight: 700; font-size: 60px; //text-align: bottom; } .events { position: absolute; top: 340px; left: 65px; width: 1790px; // width: 1820px; // 5 * 110 + 4 * 25 height: 650px; overflow: hidden; // background-color: red; } .event { position: relative; // left: 0px; margin-bottom: 25px; width: 100%; // overflow: hidden; // background-color: teal; } .event-time { position: absolute; // top: 0; left: 0px; font-family: 'Source Code Pro'; font-weight: 400; font-size: 50px; // background-color: crimson; // max-width: 50px; } .event-location { position: absolute; left: 200px; font-family: 'Lato'; font-weight: 400; font-size: 50px; // width: 100px; // max-width: 100px; // background-color: purple; } .this-room { font-style: italic; color: khaki; } .event-info { position: relative; // left: 550px; // width: 1240px; left: 520px; width: 1270px; // width: 1280px; overflow: hidden; text-overflow: ellipsis; white-space: normal; // word-break: break-all; // overflow-wrap: break-word; font-family: 'Lato'; font-weight: 400; font-size: 50px; // max-width: 100px; // background-color: dodgerblue; } .event-title { display: -webkit-box; -webkit-line-clamp: 1; // -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .event-speaker { display: -webkit-box; -webkit-line-clamp: 1; // -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-style: italic; font-size: 40px; } .footer { position: absolute; left: 65px; bottom: 0px; width: 1790px; // height: 65px; } .track-info { display: flex; flex-direction: row; justify-content: space-between; // justify-content: space-around; margin-bottom: 10px; font-family: 'Source Code Pro'; font-weight: 600; font-size: 22px; // background-color: chartreuse; } .track { // background-color: lightblue; } .track-0 { color: #bbbbbb; } .track-1 { color: #40a56a; // color: #119633; } .track-2 { color: #ffc91a; // color: #91800d; } .track-3 { color: #d92635; // color: #af0c0c; } .track-4 { color: #3caec3; // color: #145e9a; }