lambert/rise.css: Difference between revisions
From Rise: The Vieneo Province
No edit summary |
No edit summary |
||
| Line 34: | Line 34: | ||
.blockbreak h2.title | .blockbreak h2.title | ||
{margin-top:10%;font-size:5em; font-weight:700;} | {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) { | @media screen and (max-width: 767px) { | ||
Revision as of 19:16, 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;
}
}