More languages
More actions
No edit summary |
No edit summary |
||
| Line 27: | Line 27: | ||
@media only screen and (max-width:768px){ | @media only screen and (max-width:768px){ | ||
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:100%; | .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ | ||
width:100%; | |||
} | |||
.portal-container{ | .portal-container{ | ||
max-height:400px; | max-height:400px; | ||
} | } | ||
} | } | ||
Revision as of 13:32, 4 November 2023
.portal-container{
padding:10px;
max-height:600px;
border:1px gray solid;
border-radius:3px;
overflow:scroll;
}
.portal-container-border-no{ /*if {{{border}}} is set to no, will remove the border. Defaults to yes*/
border:none;
padding:10px 0;
}
/*bringing some of the bootstrap framework*/
.col-1{flex:0 0 auto;width:8%}
.col-2{flex:0 0 auto;width:15%}
.col-3{flex:0 0 auto;width:24%}
.col-4{flex:0 0 auto;width:32%}
.col-5{flex:0 0 auto;width:40%}
.col-6{flex:0 0 auto;width:49%}
.col-7{flex:0 0 auto;width:57%}
.col-8{flex:0 0 auto;width:65%}
.col-9{flex:0 0 auto;width:76%}
.col-10{flex:0 0 auto;width:84%}
.col-11{flex:0 0 auto;width:90%}
.col-12{flex:0 0 auto;width:100%}
@media only screen and (max-width:768px){
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
width:100%;
}
.portal-container{
max-height:400px;
}
}