lambert/rise.css: Difference between revisions

Revision as of 21:22, 28 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;
	padding-left:210px;
}
table.scroller tr
{margin:0px;min-width:210px;}
table.scroller th
{
min-width:195px;padding:5px;border-bottom:1px solid #999;background-color:#fff; }
table.scroller th:first-child
{position:absolute; z-index:+1;margin-left:-210px;border-right:5px solid #999;}

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

table.scroller td:first-child
{
position:absolute; 
z-index:+1;
margin-left:-210px; 
background-color:#fff;
border-right:5px solid #999;
;}

table.scroller col.titlecolumn{
background: rgba(224,15,19,1.00);
margin-top:-1px;

}
/*------------------------------------------*/

table.basic
{
	border-collapse: collapse;display:block;
	background-color:transparent;
}
table.basic tr
{margin:0px;}
table.basic th
{
padding:5px;border-bottom:1px solid #999;background-color:#fff; }



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





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



}