121 lines
1.9 KiB
CSS
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;
|
|
} |