lambert/rise.css: Difference between revisions

Revision as of 14:42, 29 March 2017

@import url('https://fonts.googleapis.com/css?family=Abel');

.body {
    font-family: Abel, Arial, Helvetica, sans-serif; 
}
.blockbreak {
    font-size: inherit;
}
.image img {

    display: block;
}
.contentcolumn .contentblock {
    display: block;
padding:5% 10% 5% 10%;
}

.thumb.tright .thumbinner
{margin:0px;}
.center {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
}

.center .thumb .thumbinner
{margin:0px;}
.center .thumb 
{width:auto;min-width:0px;}
.blockbreak
{padding:0px; margin:0px;}
.blockbreak h2
{padding:5%; margin:0px; font-size:4em;}
.blockbreak h2.title
{margin-top:10%;font-size:5em; font-weight:700;}




table.scroller
{
	border-collapse: collapse;display:block;
	background-color:transparent;
	overflow-x: scroll;
	width:100%;
}
table.scroller tr
{margin:0px;}

table.scroller th
{
padding:5px;border-bottom:1px solid #999;background-color:#fff; }

table.scroller th:first-child
{border-right:5px solid #999;}

table.scroller td
{
border-bottom:1px solid #999;padding:5px;
border-right:1px solid rgba(153,153,153,.4);
min-width:320px;
}

table.scroller td:first-child
{
background-color:#fff;
border-right:5px solid #999;
;}


}



table.basic
{
	border-collapse: collapse;
	background-color:transparent;
	width:100%;
}
table.basic tr
{margin:0px;}

table.basic th
{
padding:5px;border-bottom:1px solid #999;background-color:#fff; }

table.basic th:first-child
{border-right:5px solid #999;}

table.basic td
{
border-bottom:1px solid #999;padding:5px;
border-right:1px solid rgba(153,153,153,.4);
min-width:320px;
}

table.basic td:first-child
{
background-color:#fff;
border-right:5px solid #999;
;}


}





@media screen and (max-width: 767px) {

	
	
.blockbreak h2
{padding:5%; margin:0px; font-size:2em;}
.blockbreak h2.title
{margin-top:0px; font-size:3em}
.center {
    display:block;
float:left;
width:50%;
}
.center .thumb .thumbinner {
    margin: 0px;
    height: 50vw;
    vertical-align: middle;
    display: table-cell;
}
.contentcolumn .contentblock {
    clear: both;
}

	


	table.scroller td
{
min-width:160px;
}
	
	

	
	
	table.basic
{
overflow-x: scroll;
}

table.basic th
{
width:25%; min-width:160px; }



table.basic td
{
width:25%; min-width:160px; 
}


}