hyperzlib
/
nodebb-theme-persona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

subcategory styling

Browse Source
main
psychobunny 10 years ago
parent 202acb61f7
commit 0b72b39955
3 changed files with 62 additions and 51 deletions
Show Stats Download Patch File Download Diff File

7
less/category.less
Unescape Escape View File

@ -19,4 +19,11 @@
font-weight: bold; font-weight: bold;
} }
} }
}
.subcategory {
> p {
text-transform: uppercase;
color: @gray-light;
}
} }

11
templates/category.tpl
Unescape Escape View File

@ -1,12 +1,7 @@
<div class="category"> <div class="category">
<!-- IMPORT partials/breadcrumbs.tpl --> <!-- IMPORT partials/breadcrumbs.tpl -->
<!-- IMPORT partials/category/subcategory.tpl -->
<div class="subcategories row">
<!-- BEGIN children -->
<!-- IMPORT partials/category/subcategory.tpl -->
<!-- END children -->
</div>
<!-- IF children.length --><hr /><!-- ENDIF children.length --> <!-- IF children.length --><hr /><!-- ENDIF children.length -->
<div class="clearfix"> <div class="clearfix">
@ -37,7 +32,7 @@
<ul component="category" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}"> <ul component="category" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}">
<meta itemprop="itemListOrder" content="descending"> <meta itemprop="itemListOrder" content="descending">
<!-- BEGIN topics --> <!-- BEGIN topics -->
<li component="category/topic" class="row clearfix {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->> <li component="category/topic" class="row clearfix {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
<meta itemprop="name" content="{topics.title}"> <meta itemprop="name" content="{topics.title}">
<div class="col-md-7 col-sm-12 col-xs-12 content"> <div class="col-md-7 col-sm-12 col-xs-12 content">

95
templates/partials/category/subcategory.tpl
Unescape Escape View File

@ -1,50 +1,59 @@
<div class="{children.class}" data-cid="{children.cid}" data-numRecentReplies="{children.numRecentReplies}"> <div class="subcategory">
<!-- IF children.length --><p>Subcategories</p><!-- ENDIF children.length -->
<ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
<!-- BEGIN children -->
<li data-cid="{children.cid}" data-numRecentReplies="{children.numRecentReplies}" class="row clearfix">
<meta itemprop="name" content="{children.name}"> <meta itemprop="name" content="{children.name}">
<h4 class="category-title">
<!-- IF !children.link -->
<span class="badge {children.unread-class}">{children.topic_count} </span>
<!-- ENDIF !children.link -->
<!-- IF children.link --> <div class="col-md-7 col-sm-12 col-xs-12 content">
<a href="{children.link}" itemprop="url" target="_blank"> <div class="icon pull-left" style="{function.generateCategoryBackground}">
<!-- ELSE --> <i class="fa fa-fw {children.icon}"></i>
<a href="{relative_path}/category/{children.slug}" itemprop="url"> </div>
<!-- ENDIF children.link -->
{children.name}
</a>
</h4>
<!-- IF children.link --> <h1 class="title pull-left">
<a style="color: {children.color};" href="{children.link}" itemprop="url" target="_blank"> <!-- IF children.link -->
<!-- ELSE --> <a href="{children.link}" itemprop="url" target="_blank">
<a style="color: {children.color};" href="{relative_path}/category/{children.slug}" itemprop="url"> <!-- ELSE -->
<!-- ENDIF children.link --> <a href="{relative_path}/category/{children.slug}" itemprop="url">
<div <!-- ENDIF children.link -->
id="category-{children.cid}" class="category-header category-header-image-{children.imageClass}" {children.name}
title="{children.description}" </a><br />
style=" <small>{children.description}</small>
<!-- IF children.backgroundImage -->background-image: url({children.backgroundImage});<!-- ENDIF children.backgroundImage --> </h1>
<!-- IF children.bgColor -->background-color: {children.bgColor};<!-- ENDIF children.bgColor --> </div>
"
>
<div id="category-{children.cid}" class="category-slider-{children.post_count}">
<!-- IF children.icon -->
<div class="category-box"><i class="fa {children.icon} fa-4x"></i></div>
<!-- ENDIF children.icon -->
<div class="category-box" itemprop="description">{children.description}</div>
<!-- BEGIN posts --> <div class="hidden-sm hidden-xs">
<div class="category-box"> <!-- IF !children.link -->
<div class="post-preview"> <div class="col-md-1 stats">
<img src="{children.posts.user.picture}" class="pull-left" /> <span class="{children.unread-class}">{children.topic_count}</span><br />
<p class=""><strong>{children.posts.user.username}</strong>: {children.posts.content}</p> <small>Topics</small>
</div> </div>
<div class="col-md-1 stats">
<span class="{children.unread-class}">{children.post_count}</span><br />
<small>Posts</small>
</div>
<div class="col-md-3">
<!-- BEGIN posts -->
<!-- IF @first -->
<div class="card" style="border-color: {children.bgColor}">
<p>
<strong>{children.posts.user.username}</strong> <small class="timeago" title="{children.posts.relativeTime}"></small>
</p>
<div class="post-content">
{children.posts.content}
</div> </div>
<!-- END posts -->
<!-- IF children.icon -->
<div class="category-box"><i class="fa {children.icon} fa-4x"></i></div>
<!-- ENDIF children.icon -->
</div> </div>
<!-- ENDIF @first -->
<!-- END posts -->
</div>
<!-- ELSE -->
<div class="col-md-4">
</div> </div>
</a> <!-- ENDIF !children.link -->
</div> </div>
</li>
<!-- END children -->
</ul>
</div>
Write Preview
Loading…
Cancel
Save