More languages
More actions
No edit summary |
No edit summary |
||
Line 16: | Line 16: | ||
/*bringing some of the bootstrap framework*/ | /*bringing some of the bootstrap framework*/ | ||
.col-1{flex:0 0 auto;width:8 | .col-1{flex:0 0 auto;width:8%} | ||
.col-2{flex:0 0 auto;width:16 | .col-2{flex:0 0 auto;width:16%} | ||
.col-3{flex:0 0 auto;width:25%} | .col-3{flex:0 0 auto;width:25%} | ||
.col-4{flex:0 0 auto;width:33 | .col-4{flex:0 0 auto;width:33%} | ||
.col-5{flex:0 0 auto;width:41 | .col-5{flex:0 0 auto;width:41%} | ||
.col-6{flex:0 0 auto;width:50%} | .col-6{flex:0 0 auto;width:50%} | ||
.col-7{flex:0 0 auto;width:58 | .col-7{flex:0 0 auto;width:58%} | ||
.col-8{flex:0 0 auto;width:66 | .col-8{flex:0 0 auto;width:66%} | ||
.col-9{flex:0 0 auto;width:75%} | .col-9{flex:0 0 auto;width:75%} | ||
.col-10{flex:0 0 auto;width:83 | .col-10{flex:0 0 auto;width:83%} | ||
.col-11{flex:0 0 auto;width:91 | .col-11{flex:0 0 auto;width:91%} | ||
.col-12{flex:0 0 auto;width:100%} | .col-12{flex:0 0 auto;width:100%} | ||
Revision as of 08:53, 4 November 2023
.portal-container{
padding:10px;
border:1px gray solid;
border-radius:3px;
max-height:600px;
overflow:scroll;
}
.portal-container-half{
width:49%;
}
.portal-container-full{
width:100%;
}
/*bringing some of the bootstrap framework*/
.col-1{flex:0 0 auto;width:8%}
.col-2{flex:0 0 auto;width:16%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33%}
.col-5{flex:0 0 auto;width:41%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58%}
.col-8{flex:0 0 auto;width:66%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83%}
.col-11{flex:0 0 auto;width:91%}
.col-12{flex:0 0 auto;width:100%}
@media only screen and (max-width:768px){
.portal-container-half{
width:100%;
}
.portal-container{
max-height:0.8vh;
min-height:400px;
}
}