forked from saurabh/orbit4-5
Update template by Ray
This commit is contained in:
parent
69e09950e1
commit
2e1680cbac
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -20,6 +20,7 @@
|
|||
@import "modules/web_resource";
|
||||
@import "modules/gallery";
|
||||
@import "modules/archives";
|
||||
@import "modules/member";
|
||||
|
||||
// Widget
|
||||
@import "widget/breadcrumb";
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -17,6 +17,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%= image_tag("http://placehold.it/350x150") %>
|
||||
<%= render_footer %>
|
||||
</body>
|
||||
</html>
|
|
@ -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>
|
|
@ -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>
|
|
@ -2,18 +2,18 @@
|
|||
<h1 class="show-title">
|
||||
<span>{{title}}</span>
|
||||
</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>
|
||||
<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">
|
||||
<li class="post-related-files">
|
||||
|
|
|
@ -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 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>
|
||||
<section class="index-part">
|
||||
<h4 class="index-part-title">
|
||||
<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>
|
||||
</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>
|
||||
</div>
|
||||
</ul>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
|
@ -1,7 +0,0 @@
|
|||
<div data-ps="">
|
||||
<ul data-list="crumbs" data-level="0">
|
||||
<li>
|
||||
<a href="{{url}}">{{page_name}}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue