Files
zpc-bulletin-board/ZpcBulletinBoard/wwwroot/css/boards-links/index.css
David Štaleker dda4b613f8 dev3
2024-03-11 18:22:37 +01:00

121 lines
1.9 KiB
CSS

.main-content{
height: calc(100vh - 300px);
}
.div-content{
width: 100%;
}
.div-content-boards{
float: left;
width: calc(100% - 240px);
max-width: calc(100% - 240px);
}
.div-content-pages{
float: left;
width: 240px;
height: 100%;
}
.boards-content > hr{
margin-top: 0px;
margin-bottom: 0px;
}
.div-board{
float: left;
text-align: center;
width: 50px;
height: 230px;
border: 1px solid rgba(24, 28, 33, 0.06);
border-radius: 0.25rem;
margin: 5px;
margin-right: 15px;
writing-mode: vertical-lr;
background-color: rgba(111, 111, 143, 0.171);
}
.div-board > h5 {
margin: 2px;
margin-left:15px;
text-orientation: mixed;
}
.div-pages {
width: calc(100% - 70px);
margin: 5px;
height: 230px;
margin-left: 10px;
margin-bottom: 5px;
overflow-x: auto;
}
.div-page {
float: left;
text-align: center;
width: 200px;
height: 230px;
border: 1px solid rgba(24, 28, 33, 0.06);
border-radius: 0.25rem;
margin-right: 5px;
}
.div-page:hover {
cursor: grab;
/* background-color: rgba(24, 28, 33, 0.06); */
border-color: blue;
}
.page-active {
background-color: rgba(128, 171, 226, 0.5);
}
.div-page > h5 {
margin-top: 5px;
margin-bottom: 2px;
}
.div-page > i {
margin-top: 10px;
}
.div-available-pages{
overflow-y: scroll;
height: 100%;
}
.div-available-pages>.div-page{
margin-top: 5px;
margin-left: 10px;
}
.img-thumbnail{
height: 170px;
width: 170px;
margin-left: 15px;
margin-top: 5px;
}
.img-link{
height: 170px;
width: 170px;
margin-left: 15px;
margin-top: 5px;
padding-top: 50px;
}
#inpSearchBoard{
width: 40%;
}
.header{
padding: 5px 5px 5px 5px;
margin-bottom: 5px;
border-bottom: 1px solid rgba(24, 28, 33, 0.06);
}
.div-boards{
height: 63vh;
overflow-x: auto;
}