이 사이트가 어떤 테마를 사용하고 있는지 아시는 분 계신가요? 커스텀 테마인가요, 아니면 메타에서 사용할 수 있는 테마인가요?
테마가 있는 그대로 사용 가능한 것 같지 않습니다. 정확히 어떤 부분에 관심이 있으신가요?
배경?
헤더의 링크?
카테고리 페이지의 스타일?
주요하게 배경과 카테고리 페이지입니다.
그것들은 그들의 사용자 지정 테마의 일부인 것 같습니다.
CSS를 사용하여 배경 이미지를 추가할 수 있습니다(이것을 수행하는 방법에 대한 세부 사항은 Meta의 이 주제들에서 찾을 수 있습니다. 예: Change background image on all pages - #5 by Dave_Olszewski). 배경 이미지를 지원하는 Graceful Theme 도 사용할 수 있습니다.
카테고리 페이지의 경우, 카테고리 설정에서 카테고리 이미지를 추가하고 Desktop category page style 설정에서 "categories only"를 선택하면 꽤 가까운 결과를 얻을 수 있습니다.
그러면 이미 다음과 같은 것을 가질 수 있습니다.
원하지 않는 이름, 주제 수 등 모든 것을 CSS로 숨길 수 있습니다. Making custom CSS changes on your site 를 참조하세요. display: none;이 필요합니다.
다음은 그들의 테마에서 사용하는 CSS이지만, 그들의 포럼은 1년 이상 업데이트되지 않았으므로 일부 사항이 변경되었을 수 있습니다:
$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;}