nodebb-theme-ricequant
Version:
NodeBB theme for ricequant.
149 lines (147 loc) • 4.18 kB
text/less
#playbills{
position: absolute;
.item{
img{
width: 100%;
}
&.playbill{
margin-bottom: 40px;
margin: 0 auto;
width: 85%;
a:not(:last-child){
img{
margin-bottom: 28px;
}
}
}
.pb_qrcode{
display: inline-block;
text-align: center;
img{
border: solid 1px #ccc;
}
h4{
font-size: 14px;
}
p{
margin-bottom: 20px;
}
}
.pb_flag{
display: inline-block;
width:0;
border-left: solid 1px #ccc;
position: relative;
}
&.contest{
width: 85%;
margin: 28px auto 0;
padding: 15px 20px 20px;
border: solid 1px #ccc;
text-align: center;
background: rgb(225, 230, 236);
p{
margin: 20px 0;
}
h3{
//border-bottom: solid 1px #ccc;
padding: 0 10px 20px;
text-align: center;
p:last-of-type{
color: #69f;
&:before, &:after{
content: "";
height: 0;
width: 30px;
border-top: solid 2px #69f;
display: inline-block;
position: absolute;
}
&:before{
margin: 8px 0 0 -35px;
}
&:after{
margin: 8px 0 0 5px;
}
}
}
.blue{
color: #69f;
}
.date{
margin: 0 10px;
}
.contests_history{
margin: 10px 0;
margin-top: 4rem;
text-align: center;
}
.list-content{
padding: 20px;
background: #fff;
position: relative;
.mask{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.6));
pointer-events: none;
}
.link_btn{
margin: 0 auto;
width: 40%;
min-width: 120px;
border: solid 1px #69f;
background: #69f;
text-align: center;
height: 40px;
.border-radius(5px);
a{
color: #fff;
font-size: 14px;
line-height: 40px;
}
}
.leaderboard-thumbnail{
@media(max-width: 1200px){
font-size: 12px;
}
table{
width: 100%;
th{
text-align: center;
}
tbody{
tr{
height: 40px;
&:hover{
cursor: pointer;
background: #eee;
}
}
}
}
}
}
}
.external-link{
box-shadow: 0 0 5px 5px #eee;
margin-top: 28px;
}
}
#ranklist{
padding: 20px 30px;
border: solid 1px #ccc;
.top{
border-bottom: solid 1px #ccc;
padding-bottom: 30px;
}
.bottom{
table{
width: 100%;
}
}
}
}