Template:Portal container/style.css

.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;
}

.portal-container-align-self-top{	align-self:start;	}
.portal-container-align-self-center{	align-self:center;}
.portal-container-align-self-bottom{	align-self:end;}

/*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-align-self-top,.portal-container-align-self-center,.portal-container-align-self-bottom{
		align-self:start;
	}
	.portal-container{
		max-height:100%;
		overflow:visible;
	}
}