Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
.custom-stats
{
background: #f6f7fb;
padding: 10px 15px;
[data-widget-key="forum_overview_forum_statistics"]
{
h3.block-minorHeader
{
color: #000;
}
.block-container, .block-container .pairs.pairs--justified
{
background-color: transparent;
border-width: 0;
box-shadow: none;
color: #000;
}
.block-container .pairs.pairs--justified
{
flex: 1 1 23%;
padding: 5px 15px 5px 60px;
border-left: 1px solid rgba(204, 204, 204, 0.25);
border-radius: 0;
margin: 0;
&:first-of-type
{...
.custom-stats
{
[data-widget-key="forum_overview_forum_statistics"] .block-container .pairs.pairs--justified
{
flex: 1 1 20%;
}
}
.custom-stats
{
background: @xf-paletteColor5;
padding: 10px 15px;
[data-widget-key="forum_overview_forum_statistics"]
{
h3.block-minorHeader
{
color: #FFF;
}
.block-container, .block-container .pairs.pairs--justified
{
background-color: transparent;
border-width: 0;
box-shadow: none;
color: #FFF;
dt { color: #FFF; }
}
.block-container .pairs.pairs--justified
{
flex: 1 1 20%;
padding: 5px 10px 5px 60px;
border-left: 1px solid rgba(204, 204, 204, 0.25);
border-radius: 0;
&:first-of-type { border-left-width: 0; }
dd
{
font-size: 20px !important;
color: #FFF;
a { color: #FFF; text-decoration: underline; }
}
&:after
{
right: auto;
left: 10px;
font-size: 30px;
}
}
@media (max-width: @xf-responsiveWide)
{
.block-container .block-body
{
display: block;
}
.block-container .pairs.pairs--justified
{
border-width: 0;
}
}
}
}
.custom-stats
{
background: #f6f7fb;
padding: 10px 15px;
[data-widget-key="forum_overview_forum_statistics"]
{
h3.block-minorHeader
{
color: #000;
}
.block-container, .block-container .pairs.pairs--justified
{
background-color: transparent;
border-width: 0;
box-shadow: none;
color: #000;
dt { color: #000; text-align: right;}
}
.block-container .pairs.pairs--justified
{
flex: 1 1 20%;
padding: 5px 10px 5px 60px;
border-left: 1px solid rgba(204, 204, 204, 0.25);
border-radius: 0;
&:first-of-type { border-left-width: 0; }
dd
{
font-size: 20px !important;
color: #000;
text-align: right;
a { color: #000; text-decoration: underline; }
}
&:after
{
right: auto;
left: 10px;
font-size: 30px;
}
}
@media (max-width: @xf-responsiveWide)
{
.block-container .block-body
{
display: block;
}
.block-container .pairs.pairs--justified
{
border-width: 0;
}
}
}
}
.custom-stats
{
background: #f6f7fb;
padding: 10px 15px;
[data-widget-key="forum_overview_forum_statistics"]
{
h3.block-minorHeader
{
color: #000;
}
.block-container, .block-container .pairs.pairs--justified
{
background-color: transparent;
border-width: 0;
box-shadow: none;
color: #000;
}
.block-container .pairs.pairs--justified
{
flex: 1 1 23%;
padding: 5px 15px 5px 60px;
border-left: 1px solid rgba(204, 204, 204, 0.25);
border-radius: 0;
margin: 0;
&:first-of-type
{
border-left-width: 0;
}
&:nth-of-type(4) dd
{
font-size: 16px !important;
}
&:nth-of-type(4)
{
padding-left: 45px;
padding-right: 5px;
flex: 1 1 31%;
}
dt
{
color: #000;
text-align: right;
margin-right: 0;
}
dd
{
font-size: 20px !important;
color: #000;
text-align: right;
padding-right: 0;
a { color: #000; text-decoration: underline; }
}
&:after
{
right: auto;
left: 10px;
font-size: 30px;
}
}
@media (max-width: @xf-responsiveWide)
{
.block-container .block-body
{
display: block;
}
.block-container .pairs.pairs--justified
{
border-width: 0;
}
}
}
}