lambert/rise.css: Difference between revisions

Revision as of 20:46, 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:2% 10% 2% 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;}
/*----------------tables---------------*/
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:200px;padding:5px;border-bottom:1px solid #999;background-color:#fff; }
table.scroller th:first-child
{position:absolute; z-index:+1;margin-left:-210px;}

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

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

}
table.scroller thead
{overflow: scroll;width:640px; background-color:#999999;}
table.scroller tfoot
{overflow: scroll;width:640px;}
table.scroller tbody
{overflow: scroll; width:640px;-webkit-box-shadow: inset 4px 4px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: inset 4px 4px 5px 0px rgba(0,0,0,0.49);
box-shadow: inset 4px 4px 5px 0px rgba(0,0,0,0.49);}
/*----------------end tables---------------*/
@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;
}



}