164 lines
2.7 KiB
CSS
164 lines
2.7 KiB
CSS
.carousel > .carousel-inner > .carousel-item > img {
|
|
width : 100vh;
|
|
height : calc(100vh - 56px);
|
|
/* height : 10vh; */
|
|
}
|
|
|
|
/*.main-window-alt {
|
|
width : 100vh;
|
|
height : calc(100vh - 56px);
|
|
}*/
|
|
|
|
.centered-el {
|
|
padding-top : 45vh;
|
|
}
|
|
|
|
.bg {
|
|
background-color : #212529;
|
|
}
|
|
|
|
.release-menu {
|
|
/* Margin */
|
|
margin-left : 35vh;
|
|
margin-right : 35vh;
|
|
margin-top : 5vh;
|
|
/* Padding */
|
|
padding-left : 5vh;
|
|
padding-right : 5vh;
|
|
padding-top : 5vh;
|
|
padding-bottom : 5vh;
|
|
/* Style */
|
|
border-radius : 2.0vh;
|
|
background-color : #212529;
|
|
}
|
|
|
|
.release-item {
|
|
/* Margin */
|
|
margin-left : 5vh;
|
|
margin-right : 45vh;
|
|
margin-top : 5vh;
|
|
/* Padding */
|
|
padding-left : 5vh;
|
|
padding-right : 5vh;
|
|
padding-top : 5vh;
|
|
padding-bottom : 5vh;
|
|
/* Style */
|
|
border-radius : 2.0vh;
|
|
background-color : #252525;
|
|
}
|
|
|
|
.sys-win-img {
|
|
margin-top: 24vh;
|
|
margin-bottom: 1vh;
|
|
width : 25vh;
|
|
height : 25vh;
|
|
}
|
|
|
|
.blog-post-card {
|
|
border-radius : 25px;
|
|
background-color: #212121;
|
|
min-width: 250px;
|
|
min-height : 250px;
|
|
margin-left : 25%;
|
|
margin-right : 25%;
|
|
}
|
|
|
|
.blog-post-image-carousel {
|
|
margin-left: 10%;
|
|
margin-right: 10%;
|
|
max-height: 512px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.blog-post-image-carousel img {
|
|
object-fit: cover;
|
|
}
|
|
|
|
.modal-img-view {
|
|
width: 1920px;
|
|
margin: auto;
|
|
}
|
|
|
|
.password-manger-form {
|
|
margin-left : 30%;
|
|
margin-right : 30%;
|
|
padding : 10px;
|
|
padding-left : 65px;
|
|
padding-right : 65px;
|
|
border-radius : 15px;
|
|
}
|
|
|
|
.navbar-connect-dark {
|
|
color: #ffffff;
|
|
--bs-bg-opacity: 1;
|
|
background-color: #09638A !important;
|
|
}
|
|
|
|
.text-navbar-connect-dark {
|
|
color: #fff !important;
|
|
background-color: #09638A !important;
|
|
}
|
|
|
|
.auth-window {
|
|
background-color: #212529;
|
|
border-radius : 15px;
|
|
width: 500px;
|
|
height: 650px;
|
|
|
|
margin-left: calc(50% - 250px);
|
|
margin-top: calc(5%);
|
|
|
|
padding: 5px;
|
|
}
|
|
|
|
.mainmenu-window {
|
|
background-color: rgba(33,37,41,0.75);
|
|
backdrop-filter: blur(5px);
|
|
border-radius : 15px;
|
|
width: calc(90vw);
|
|
height: calc(85vh);
|
|
|
|
margin-left: calc(5vw);
|
|
margin-top: calc(5vh);
|
|
|
|
padding: 5px;
|
|
}
|
|
|
|
.flex-box {
|
|
display: flex;
|
|
}
|
|
|
|
.charlist-item {
|
|
width: 25vw;
|
|
}
|
|
|
|
.avatar-on-charlist {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin-right: 15px;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.characters-menu {
|
|
width: 25vw;
|
|
height: 75vh;
|
|
}
|
|
|
|
.character-menu {
|
|
float: left;
|
|
width: 65vw;
|
|
height: 75vh;
|
|
}
|
|
|
|
/* $accordion-color:green; */
|
|
/* $accordion-padding-y:1.3rem; */
|
|
/* $accordion-padding-x:2.5rem; */
|
|
/* $accordion-border-color:black; */
|
|
/* $accordion-border-width:3.5px; */
|
|
/* $accordion-border-radius: 3rem; */
|
|
/* $accordion-button-color:white; */
|
|
/* $accordion-button-bg:green; */
|
|
/* $accordion-button-active-bg: white; */
|
|
/* $accordion-button-active-color:green; */
|
|
/* @import "./node_modules/bootstrap/scss/bootstrap" */
|