Update template by Ray

This commit is contained in:
rulingcom 2014-07-16 10:17:33 +08:00
parent 69e09950e1
commit 2e1680cbac
11 changed files with 231 additions and 63 deletions

View File

@ -136,6 +136,7 @@
margin-top: 0;
@media (min-width: $screen-sm) {
width: 100%;
height: 1.2em;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;

View File

@ -0,0 +1,130 @@
// Member INDEX
.index-member {
.index-title {
@extend .unity-title;
}
&.index1 {
}
}
// Member SHOW
.show-member {
.show-title {
@extend .unity-title;
}
// .show-content {
// padding-right: 0;
// padding-left: 0;
// .img {
// display: inline-block;
// width: 100%;
// height: auto;
// opacity: (0.8);
// -webkit-filter: grayscale(100%) brightness(1.2);
// -moz-filter: grayscale(100%) brightness(1.2);
// filter: grayscale(100%) brightness(1.2);
// @include transition(all 0.2s ease);
// }
// .show-content-inner {
// position: relative;
// padding: 2px;
// z-index: 0;
// @include scale(1);
// @include transition(all 0.2s ease);
// &:hover {
// z-index: 1;
// @include scale(1.1);
// .img {
// opacity: (1);
// -webkit-filter: grayscale(0%) brightness(1);
// -moz-filter: grayscale(0%) brightness(1);
// filter: grayscale(0%) brightness(1);
// }
// }
// }
// }
.post-metadata {
border-bottom: 1px solid $theme-gray-light;
@include clearfix();
li {
margin-right: 1em;
margin-bottom: 0.6em;
float: left;
&.metadata-tags {
position: relative;
margin-right: 0;
padding-left: 1.6em;
clear: both;
float: none;
i {
position: absolute;
top: 7px;
left: 0;
}
}
&.metadata-tags {
.tag {
display: inline-block;
margin-bottom: 4px;
padding: 5px 8px;
font-size: 0.8em;
color: $theme-gray;
border: 1px solid $theme-gray-light;
text-decoration: none;
&:hover {
color: $theme-color-main;
border-color: $theme-color-main;
background-color: $theme-gray-lighter;
}
}
}
i {
color: darken($theme-gray-light, 10%);
}
}
}
.post-section {
@include clearfix();
margin-bottom: 2em;
.post-pic {
img {
@include size(100%, auto);
}
}
}
.post-related {
padding-top: 1em;
border-top: 1px solid $theme-gray-light;
li {
padding-bottom: 3px;
padding-left: 1.6em;
& + li {
padding-top: 8px;
border-top: 1px dotted $theme-gray-light;
}
i {
margin: 8px 0 0 -1.6em;
float: left;
color: darken($theme-gray-light, 10%);
}
& > div {
display: inline-block;
}
a {
display: inline-block;
margin-bottom: 4px;
padding: 5px 8px;
font-size: 0.8em;
color: $theme-gray;
border: 1px solid $theme-gray-light;
text-decoration: none;
&:hover {
color: $theme-color-main;
border-color: $theme-color-main;
background-color: $theme-gray-lighter;
}
}
}
}
}

View File

@ -20,6 +20,7 @@
@import "modules/web_resource";
@import "modules/gallery";
@import "modules/archives";
@import "modules/member";
// Widget
@import "widget/breadcrumb";

View File

@ -3,5 +3,19 @@
@extend .unity-title;
}
&.widget1 {
ul {
margin-left: 1em;
a {
display: block;
padding: 5px 8px;
border-bottom: 1px dotted $theme-gray-light;
&:hover {
text-decoration: none;
}
}
&.sitemenu-menu-level-0 {
margin-left: 0em;
}
}
}
}

View File

@ -17,6 +17,7 @@
</div>
</div>
</div>
<%= image_tag("http://placehold.it/350x150") %>
<%= render_footer %>
</body>
</html>

View File

@ -1,34 +1,40 @@
<div class="widget-archive widget1">
<h3 class="widget-title">
<div class="index-archive index1">
<h3 class="index-title">
<span>{{widget-title}}</span>
</h3>
<div class="panel-group" id="widget-archive-group" data-list="categories" data-level="0">
<div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#widget-archive-group" href="#collapse" class="collapsed">
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed">
{{category-title}}
</a>
</h4>
</div>
<div id="collapse" class="panel-collapse collapse">
<div class="panel-body">
<ol class="widget-archive-item-group" data-list="archives" data-level="1">
<li class="widget-archive-item-list">
<a href="{{archive_url}}">{{archive-title}}</a>
</li>
</ol>
<dl class="dl-horizontal index-archive-item-group" data-list="archives" data-level="1">
<dt class="index-archive-item-list">
<sapn class="index-archive-item-title">{{archive-title}}</span>
<span data-list="statuses" data-level="2">
<span class="label status {{status-class}}">{{status}}</span>
</span>
</dt>
<dl class="index-archives-files-list" data-list="files" data-level="2">
<dd>
<a href="{{file-url}}" class="index-archives-files-item" target="_blank">{{file-name}}</a>
<span class="label label-primary">{{file-type}}</span>
</dd>
</dl>
</dl>
</div>
</div>
</div>
</div>
<p class="more">
<a class="btn btn-sm btn-info" href="{{more_url}}">More</a>
</p>
</div>
<script>
for (var i = 0; i < $('.widget-archive.widget1 .panel-title').length; i++) {
$('.widget-archive.widget1 .panel-title:eq(' + i + ') .collapsed').attr('href', '#collapse' + i);
$('.widget-archive.widget1 .panel-collapse:eq(' + i + ')').attr('id', 'collapse' + i);
for (var i = 0; i < $('.index-archive.index1 .panel-title').length; i++) {
$('.index-archive.index1 .panel-title:eq(' + i + ') .collapsed').attr('href', '#collapse' + i);
$('.index-archive.index1 .panel-collapse:eq(' + i + ')').attr('id', 'collapse' + i);
};
</script>

View File

@ -0,0 +1,21 @@
<div class="show-archive">
<h1 class="show-title">
<span>{{title}}</span>
</h1>
<div class="show-archive-body">
<dl class="dl-horizontal show-archive-item-group" data-list="archives" data-level="1">
<dt class="show-archive-item-list">
<sapn class="show-archive-item-title">{{archive-title}}</span>
<span data-list="statuses" data-level="2">
<span class="label status {{status-class}}">{{status}}</span>
</span>
</dt>
<dl class="show-archives-files-list" data-list="files" data-level="2">
<dd>
<a href="{{file-url}}" class="show-archives-files-item" target="_blank">{{file-name}}</a>
<span class="label label-primary">{{file-type}}</span>
</dd>
</dl>
</dl>
</div>
</div>

View File

@ -1,21 +1,21 @@
<article class="show-journal-paper">
<h1 class="show-title">
<span>{{title}}</span>
</h1>
<p><label>Year:</label>&nbsp;{{year}}</p>
<p><label>Authors:</label>&nbsp;{{authors}}</p>
<p><label>ISBN:</label>&nbsp;{{isbn}}</p>
<p><label>Language:</label>&nbsp;{{language}}</p>
<p><label>Pages:</label>&nbsp;{{pages}}</p>
<p><label>Published Date</label>&nbsp;{{publish_date}}</p>
<p><label>Publication Date</label>&nbsp;{{publication_date}}</p>
<p><label>URL:</label>&nbsp;{{url}}</p>
<p><label>Note:</label>&nbsp;{{note}}</p>
<p><label>Keywords:</label>&nbsp;{{keywords}}</p>
<p><label>Publisher:</label>&nbsp;{{publisher}}</p>
<p><label>Editor:</label>&nbsp;{{editor}}</p>
</h1>
<p><label>Year:</label> {{year}}</p>
<p><label>Authors:</label> {{authors}}</p>
<p><label>ISBN:</label> {{isbn}}</p>
<p><label>Language:</label> {{language}}</p>
<p><label>Pages:</label> {{pages}}</p>
<p><label>Published Date</label> {{publish_date}}</p>
<p><label>Publication Date</label> {{publication_date}}</p>
<p><label>URL:</label> {{url}}</p>
<p><label>Note:</label> {{note}}</p>
<p><label>Keywords:</label> {{keywords}}</p>
<p><label>Publisher:</label> {{publisher}}</p>
<p><label>Editor:</label> {{editor}}</p>
<ul class="post-related list-unstyled">
<ul class="post-related list-unstyled">
<li class="post-related-files">
<i class="fa fa-fw fa-paperclip"></i>
<div class="post-related-flises-list" data-list="book_files" data-level="0">

View File

@ -1,28 +1,29 @@
<div class="index" module="member">
<h2 class="widget-title">{{widget-title}}</h2>
<div class="list-group">
<div class="list-group-item" data-list="stats" data-level="0">
<h4 class="list-group-item-heading">{{status-title}} ({{role-title}})</h4>
<ul class="list-group-item-text">
<div class="row" module="member" data-level="1" data-list="members">
<div class="index-content col-sm-6">
<div class="boxes-inner">
<div class="index-pic">
<img src="{{img_src}}" alt="">
</div>
<section class="index-part">
<h4 class="index-part-title">
<a href="{{link_to_show}}">{{name}}</a>
</h4>
<div data-level="2" data-list="roles">
<p class="index-part-subtitle">{{role}}</p>
</div>
<p class="index-part-subtitle">{{email}}</p>
<a class="more" href="{{link_to_show}}">Read More »</a>
</section>
<div class="index-member index1">
<h3 class="index-title">
<span>{{widget-title}}</span>
</h3>
<div class="index-member-group" data-list="stats" data-level="0">
<div class="index-member-group-item">
<div class="index-member-group-title">
<h4>{{status-title}} ({{role-title}})</h4>
</div>
<div class="index-member-list row" data-level="1" data-list="members">
<div class="index-member-item clearfix col-sm-6">
<div class="index-member-avatar pull-left">
<img class="img-circle" src="{{img_src}}" alt="">
</div>
<div class="index-member-info">
<h5 class="index-member-name">
<a href="{{link_to_show}}">{{name}}</a>
</h5>
<p data-level="2" data-list="roles">
<span class="index-member-role">{{role}}</span>
</p>
<p class="index-member-mail">{{email}}</p>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
{{pagination_goes_here}}

View File

@ -1,7 +0,0 @@
<div data-ps="">
<ul data-list="crumbs" data-level="0">
<li>
<a href="{{url}}">{{page_name}}</a>
</li>
</ul>
</div>

View File

@ -2,13 +2,13 @@
<h3 class="widget-title">
<span>{{widget-title}}</span>
</h3>
<ul class="list-unstyled modules-menu-level-0" data-list="pages" data-level="0">
<ul class="list-unstyled sitemenu-menu-level-0" data-list="pages" data-level="0">
<li>
<a href="{{url}}" target="{{target}}">{{page_name}}</a>
<ul class="list-unstyled modules-menu-level-1" data-list="children" data-level="1">
<ul class="list-unstyled sitemenu-menu-level-1" data-list="children" data-level="1">
<li>
<a href="{{url}}" target="{{target}}">{{page_name}}</a>
<ul class="list-unstyled modules-menu-level-2" data-list="children" data-level="2">
<ul class="list-unstyled sitemenu-menu-level-2" data-list="children" data-level="2">
<li>
<a href="{{url}}" target="{{target}}">{{page_name}}</a>
</li>