Does anyone know what theme this site is running? Something custom, or one that is available on meta?
I don’t think the theme is available as is. What exactly are you interested in?
The background?
The links in the header?
The style of the categories page?
1 Like
Primarily the background and the categories page.
I think those are part of their custom theme.
You can add a background image with CSS (you can find some details on how to do that in topics here on Meta, e.g., Change background image on all pages - #5 by Dave_Olszewski). You could also use Graceful Theme, which supports a background image.
For the categories page, you can get quite close by adding the category image in the settings of the category and select “categories only” in the Desktop category page style setting.
Then you already have something like
You can hide the name and the numbers of topics and everything else you don’t want with CSS. See Making custom CSS changes on your site; you want some display: none;.
This is the CSS they use in their theme, but their forum wasn’t updated for more than a year, so things may have changed:
$primary: #dddddd !default; $secondary: #222222 !default; $tertiary: #0f82af !default; $quaternary: #c14924 !default; $header_background: #111111 !default; $header_primary: #dddddd !default; $highlight: #a87137 !default; $danger: #e45735 !default; $success: #1ca551 !default; $love: #fa6c8d !default; $hover: #313131 !default; $selected: #2c2c2c !default; $public_image_path: "https://forums.crateentertainment.com/images"; @import "common/foundation/variables"; @import "common/foundation/mixins"; $button_crate_icon: unquote("/uploads/default/original/2X/d/d5b44d066186a946345661d9d943bc373510f441.png");$button_crate_icon_color: unquote("/uploads/default/original/2X/b/b31501c4efcdd2da2836af1da3f7aa26b09623d2.png");$button_farthestfrontier_icon_color: unquote("/uploads/default/original/3X/4/1/41c0c1642db3454996bb11ea62d5943e008a3dc4.png");$button_grimdawn_icon: unquote("/uploads/default/original/2X/6/64cf216464e0f96b80f35f1acec01c5023e82539.png");$button_grimdawn_icon_color: unquote("/uploads/default/original/2X/0/0efa16ddf2f9fe5957e2c78b8d80005da66f904c.png");$cratebackground: unquote("/uploads/default/original/1X/6250f2fd47394301cca2e81b3f4106d14f97a656.jpg");$crate_icon_white: unquote("/uploads/default/original/3X/3/9/397d71d73a8538a57bc18a546a7165f25b819218.png");$forumicon-scorv: unquote("/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png");$GDX3_Icon: unquote("/uploads/default/original/3X/d/e/de792ba415e63b3ac8159e10ffc42bed586f6928.jpg");$icons-sprite: unquote("/uploads/default/original/3X/a/9/a92a2d0a1f776b7154e4b23978d9d6adcb786332.svg");$testericon: unquote("/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png");$testicon: unquote("/uploads/default/original/3X/2/8/28e3370a4c2c7619b561008a77cd7ba58b713ca8.png");$testingicon: unquote("/uploads/default/original/3X/4/2/42d3a16d3e69a185487e6691b9f4601f33aafd1a.jpg");// Theme: Dark
// Target: common scss
// Last Edited: 2024-10-01 19:20:51 UTC
/*background image*/
html {
background: #01212e url($cratebackground);
background-size: cover;
background-position: 50% 30px;
background-attachment: fixed;
}
/*Removes subcategory links from hamburger*/
.category-links .category-link.subcategory {
display: none;
}
/*Banner*/
#banner {
border-radius: 0;
box-shadow: none;
background: none;
padding: 2em 2em 1em 2em;
max-height: inherit;
background-size: cover;
background-color: #2f333d;
background-blend-mode: color;
color: #dddddd;
margin-bottom: 20px;
}
#banner .close {
color: #fff;
}
#banner #banner-content h2 {
margin-bottom: 0.75em;
}
.has-logo div:first-child {
float:left;
}
.has-logo h3 a {
font-size: 0;
}
.has-logo .category-description {
display: none;
}
.category-chooser .category-desc {
display: none; }
/*Making category topic writing different color in menus*/
.topic-list th {
color: #ff6825;
font-weight: normal;
font-size: 1em;
}
.category-list th {
font-size: 0;
}
html:not(.mobile-view) .list-container.has-sidebar
{
width: 75% !important;
}
html:not(.mobile-view) .has-sidebar + .sidebar
{
width: 20% !important;
}
.sidebar-content
{
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.sidebar-title
{
border-bottom: 1px solid #313131;
}
.category-list .subcategories {
display: none;
}
.names {
span.moderator a {
color: yellow;
}
span.group--Crate_Employee a {
color: #ff7800;
}
}
#whos-online { font-weight: bold; }
.category-list .topics { width: 140px; }
// header stripe shadow
.d-header {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
padding-bottom: 3px;
border-bottom: 1px solid #D45000;
}
.badge-wrapper.box span.badge-category {
padding: 0 6px 2px;
}
.d-icon-grimdawn
{
background-size: cover;
height: 100%;
width: 50%;
background-image: url($GDX3_Icon);
}
.d-icon-crate
{
background-size: cover;
height: 100%;
width: 50%;
background-image: url($crate_icon_white);
}
.d-icon-farthestfrontier
{
background-size: cover;
height: 100%;
width: 20%;
background-image: url($button_farthestfrontier_icon_color);
}
.d-icon-testicon
{
background-size: cover;
background-image: url($testingicon);
}
/*hide topic count/new topic on category display */
.category-list .topics {display: none}
/*update author column parameters and allow for icon to be in line with author name */
.topic-list .posters { width: 70px; min-width: 70px; text-align: left; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden; }
/*reduce size of category description font */
.category-list .category-description {font-size: 13px;}
/*change last poster font size and recolor date*/
.category-list .last-user-info {
font-size: 13px;
}
.category-list .last-user-info .relative-date { color: #646464;}
/*reduce space betwen topics/categories */
.topic-list th, .topic-list td { padding: 8px 5px;}
.category-list th, .category-list td { padding: 8px 5px;}
/*hide suggested topics, cause it's dumb */
.suggested-topics { display: none;}
body[class*="category-grimdawn"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-grimdawn"] .sidebar {
display: none;
visibility: hidden;
}
body[class*="category-future-projects"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-future-projects"] .sidebar {
display: none;
visibility: hidden;
}
body[class*="category-off-topic"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-off-topic"] .sidebar {
display: none;
visibility: hidden;
}
/*make read topic font darker for better contrast */
.topic-list-item.visited a.title:not(.badge-notification), .latest-topic-list-item.visited a.title:not(.badge-notification), .category-topic-link.visited a.title:not(.badge-notification) {
color: #717171;
}
/*hide new topic button from forum landings */
body:not([class*='category-']) #create-topic { display: none; } body.tags-page #create-topic { display: block; }// Theme: Dark
// Target: desktop scss
// Last Edited: 2019-06-12 16:17:55 UTC
/*Making background in the center*/
#main-outlet {
background-color: #15171d;
padding-left: 50px;
padding-right: 50px;
}
.topic-list-item:hover {
background-color: #3d4049;
}
#main-outlet
{
padding-left: 35px;
padding-right: 35px;
}
.timeline-container
{
margin-left: 1010px;
}
.topic-body
{
width: 922px;
}
.timeline-container .topic-timeline
{
margin-left: 1em;
}
.small-action
{
max-width: 968px;
}
/*resize latest/top topics category fonts */
.topic-list .category-name { font-size: 10px;}
1 Like