sportsbet-mobile
Version:
Sportsbet mobile
387 lines (357 loc) • 6.78 kB
text/less
.leaderboard-page {
background: #FFF;
padding: 15px;
h1 {
font-size: 26px;
color: #4A4A4A;
line-height: 34px;
font-family: Oswald-Regular;
}
h2 {
font-family: Oswald-Regular;
font-size: 20px;
color: #4A4A4A;
margin-top: 40px;
text-transform: uppercase;
}
hr {
margin:10px 0;
border-top: 1px solid #D8D8D8;
}
.prizepool {
font-family: Oswald-Regular;
font-size: 50px;
color: #8AC332;
line-height: 50px;
span {
font-family: Arial;
font-size: 14px;
color: #444444;
}
}
.date {
width: 222px;
padding-left: 18px;
padding-top: 16px;
padding-bottom: 17px;
background: #F7F7F7;
.icon {
background: url(//cdn.coingaming.io/bitcasino/images/calendar.svg);
height: 14px;
width: 13px;
position: absolute;
}
.text {
margin-left: 25px;
font-family: ArialMT;
font-size: 15px;
color: #444444;
vertical-align: inherit;
}
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid #dddddd;
position:relative;
font-family: Arial;
&:before {
content: '';
position: absolute;
height: 2px;
background: #4A4A4D;
width: 70%;
bottom: 0px;
left: 0;
}
}
.table > tr > td {
height:40px;
}
.table td {
padding: .3rem;
border-top: 1px solid #transparent;
height: 40px;
vertical-align: middle;
color:#444444;
position:relative;
font-family: Arial;
font-size: 14px;
text-align: left;
span{ font-size:11px;}
}
.table th {
border-top: 1px solid #transparent;
height: 40px;
vertical-align: middle;
color: #444444;
position: relative;
font-family: Arial;
font-size: 14px;
text-align: left;
span {
font-size: 11px;
}
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid transparent;
height:35px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
line-height: 2.42857143;
vertical-align: top;
border: none;
}
.table > thead > tr > th:last-child{
&:before {
width: 100%;
}
}
.table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
background-color: #f9f9f9;
}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
background-color: #ffffff;
}
.info {
font-family: Arial;
font-size: 15px;
color: #444444;
line-height: 22px;
&.terms {
display: none;
}
}
ul {
margin:0;
padding:0;
li {
margin:0;
padding:0;
list-style-type: none;
}
}
a {
line-height:24px;
font-size:15px;
color:#337AB7;
font-weight: 100;
}
.full-list-button {
background: #F7F7F7;
border: 1px solid #D8D8D8;
font-family: Arial;
font-size: 14px;
color: #4A4A4A;
letter-spacing: 0px;
width: 100%;
padding: 10px;
margin-top: 10px;
&:hover {
background: #E9E9E9;
}
}
}
//.leaderboard-page{
//
// font-weight: 100;
// font-size:15px;
// background: #FFF;
//
// a {
// cursor: pointer;
// }
//
// .inner-page{
// padding: 20px 5px;
// position:relative;
// background: #FFF;
// }
//
// h1, h2 {
// /* Multi Bet Jackpot Le: */
// font-family: Oswald-Regular;
// font-size: 26px;
// color: #4A4A4A;
// line-height: 34px;
// }
//
// h2 {
// font-size: 20px;
// text-transform: uppercase;
// line-height: 27px;
// }
//
// .section{
// margin-bottom:30px;
// }
//
// hr {
// margin:10px 0;
// border-top: 1px solid #D8D8D8;
// }
//
// .budget{
// margin-top:7px;
//
// .btc{
// /* 21650: */
// font-family: Oswald-Regular;
// font-size: 50px;
// color: #8AC332;
// margin-right:30px;
// float:left;
// }
//
// span{
// /* mBtc: */
// font-family: Arial;
// font-size: 13px;
// color: #444444;
// margin-left:-5px;
// }
// }
//
// .date {
// /* Rectangle 2: */
// background: #f7f7f7;
// height:50px;
// width:222px;
// color:#444444;
// font-size:15px;
// padding:19px 10px 19px 46px;
// line-height:14px;
// float:left;
// margin-top: 10px;
// position:relative;
//
// &:before {
// content: '';
// height: 14px;
// width: 13px;
// background: url(//cdn.coingaming.io/bitcasino/images/calendar.svg);
// position: absolute;
// left: 20px;
// }
// }
//
// ul{
// margin:0;
// padding:0;
// li{
// margin:0;
// padding:0;
// list-style-type: none;
// }
//
// a{
// line-height:24px;
// font-size:15px;
// color:#337AB7;
// font-weight: 100;
// }
// }
//
// .ranking {
// position: relative;
// float: right;
// margin-right: 0 ;
// }
//
// .table > thead > tr > th {
// vertical-align: bottom;
// border-bottom: 1px solid #dddddd;
// position:relative;
// font-family: Arial;
//
// &:before {
// content: '';
// position: absolute;
// height: 2px;
// background: #4A4A4D;
// width: 70%;
// bottom: 0px;
// left: 0;
// }
// }
//
// .table > tr > td {
// height:40px;
// }
//
// .table td, .table th {
// padding: .75rem;
// border-top: 1px solid #transparent;
// height: 40px;
// vertical-align: middle;
// color:#444444;
// position:relative;
// font-family: Arial;
// font-size: 14px;
//
// span{ font-size:11px;}
// }
//
// .table > thead > tr > th {
// vertical-align: bottom;
// border-bottom: 1px solid transparent;
// height:35px;
// }
//
// .leaderboard-page .table > thead > tr > th, .leaderboard-page .table > tbody > tr > th, .leaderboard-page .table > tfoot > tr > th, .leaderboard-page .table > thead > tr > td, .leaderboard-page .table > tbody > tr > td, .leaderboard-page .table > tfoot > tr > td {
// padding: 8px;
// line-height: 1.42857143;
// vertical-align: middle;
// border: none;
// }
//
// .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
// padding: 8px;
// line-height: 1.42857143;
// vertical-align: top;
// border: none;
// }
//
// .table > thead > tr > th:last-child{
// &:before {
// width: 100%;
// }
// }
//
// .table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
// background-color: #f9f9f9;
// }
//
// .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
// background-color: #ffffff;
// }
//
// .col-sm-6{
// width:565px;
// margin-right:60px;
//
// &:last-child{
// margin-right:0px;
// }
// }
//
// .info {
// &.terms {
// display: none;
// }
// }
//
// @media (max-width: 1100px) {
//
// .inner-page{
// width:100%;
// }
// .col-sm-6{
// width:100%;
// margin:0px;
//
// }
//
// }
//
//}