forked from saurabh/orbit4-5
template default modified
This commit is contained in:
rulingcom
parent
12107376b6
commit
f1acfa34ac
|
|
@ -1,110 +1,106 @@
|
||||||
(function($) {
|
(function($) {
|
||||||
|
|
||||||
"use strict"
|
"use strict"
|
||||||
|
|
||||||
// Init functions
|
|
||||||
function init () {
|
function init () {
|
||||||
// Announcement modules
|
var doc = document;
|
||||||
var annc = {
|
|
||||||
truncation : function (el, maxLength) {
|
var orbit = {
|
||||||
|
// Cross browser add class function
|
||||||
|
addClass : function(el, className) {
|
||||||
|
if( el.classList ) {
|
||||||
|
el.classList.add(className);
|
||||||
|
} else {
|
||||||
|
el.className += ' ' + className;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// Cross browser has class function
|
||||||
|
hasClass : function(el, cls) {
|
||||||
|
return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
|
||||||
|
},
|
||||||
|
// Add class name to the menu item when its children items are more than eight
|
||||||
|
addMegaDropdownClass : function(el, len) {
|
||||||
|
for( var i = 0; i < el.length; i++ ) {
|
||||||
|
if( el[i].children.length > len ) {
|
||||||
|
orbit.addClass(el[i].parentNode, 'mega-dropdown');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// Append caret to menu item if it has dropdown
|
||||||
|
addCaret : function() {
|
||||||
|
var list = doc.querySelectorAll('.page_menu.level_2');
|
||||||
|
for( var i = 0, len = list.length; i < len; i++ ) {
|
||||||
|
var node = doc.createElement('span');
|
||||||
|
node.className = 'caret';
|
||||||
|
list[i].parentNode.appendChild(node);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// Add link and cursor class name on element that has data-link attribute
|
||||||
|
addLinkOnADBanner : function(els) {
|
||||||
|
$.each(els, function(i) {
|
||||||
|
if ($(this).data('link') !== "" && !$(this).hasClass('youtube')) {
|
||||||
|
$(this).on('click', function() {
|
||||||
|
var target = $(this).data('target'),
|
||||||
|
link = $(this).data('link');
|
||||||
|
if (target === '_blank') {
|
||||||
|
window.open(link, target);
|
||||||
|
} else {
|
||||||
|
window.location.href = link;
|
||||||
|
}
|
||||||
|
}).addClass('cursor');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// Announcement text truncation
|
||||||
|
truncation : function (el, len) {
|
||||||
for( var i = 0; i < el.length; i ++ ) {
|
for( var i = 0; i < el.length; i ++ ) {
|
||||||
if ( el[i].firstChild !== null ) {
|
if ( el[i].firstChild !== null ) {
|
||||||
if( el[i].firstChild.length > maxLength ) {
|
if( el[i].firstChild.length > len ) {
|
||||||
var newTitle = el[i].firstChild.nodeValue;
|
var newStr = el[i].firstChild.nodeValue,
|
||||||
var newTitle = newTitle.substring(0, maxLength) + '...'
|
newStr = newStr.substring(0, len) + '...'
|
||||||
el
|
el
|
||||||
.eq(i)
|
.eq(i)
|
||||||
.text(newTitle);
|
.text(newStr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
}
|
// Sitemenu dropdown
|
||||||
|
sitemenuDropdown : function() {
|
||||||
|
var el = doc.querySelectorAll('.sitemenu__list.level-2');
|
||||||
|
for( var i = 0, len = el.length; i < len; i++ ) {
|
||||||
|
if( el[i].hasChildNodes() ) {
|
||||||
|
var caret = doc.createElement('span');
|
||||||
|
caret.className = 'sitemenu___dropdown-toggle fa fa-caret-down';
|
||||||
|
caret.setAttribute('data-toggle', 'dropdown');
|
||||||
|
|
||||||
function anncFix() {
|
el[i].parentNode.insertBefore(caret, el[i]);
|
||||||
var w$ = $('.w-announcement-4');
|
orbit.addClass(el[i], 'dropdown-menu');
|
||||||
if( w$.length ) {
|
|
||||||
annc.truncation(w$.find('.w-annc__subtitle'), 25);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Necessary for Responsive images
|
|
||||||
function bullEye() {
|
|
||||||
// $(".bullseye").bullseye({
|
|
||||||
// fadeEffect: false
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Adding class to submenu that has dropdown items
|
|
||||||
function submenuFix () {
|
|
||||||
var item$ = $('.submenu__item.level-1');
|
|
||||||
var itemLen = item$.length;
|
|
||||||
var list$ = item$.find('.submenu__list.level-2');
|
|
||||||
|
|
||||||
for( var i=0; i<itemLen; i++ ) {
|
|
||||||
if( list$.eq(i).find('li').length ) {
|
|
||||||
list$
|
|
||||||
.eq(i)
|
|
||||||
.addClass('dropdown');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Main navigation dropdown
|
|
||||||
function dropdown () {
|
|
||||||
var navItemLevel1$ = $('.main-nav-item.level-1');
|
|
||||||
var dropdownMenu$ = $('.dropdown-menu.level-2');
|
|
||||||
|
|
||||||
// Adding class if nav item has dropdown
|
|
||||||
$(navItemLevel1$)
|
|
||||||
.has('.dropdown-menu')
|
|
||||||
.children('a')
|
|
||||||
.addClass('has-dropdown-menu');
|
|
||||||
|
|
||||||
// Hide all dropdowns when click on any HTML elements
|
|
||||||
$(document).on('click', function() {
|
|
||||||
$('.dropdown-menu.level-2')
|
|
||||||
.addClass('hide')
|
|
||||||
.removeClass('show');
|
|
||||||
})
|
|
||||||
|
|
||||||
// Hide all dropdown after page load
|
|
||||||
dropdownMenu$
|
|
||||||
.addClass('hide')
|
|
||||||
.removeClass('show');
|
|
||||||
|
|
||||||
$('.has-dropdown-menu').on('click', function () {
|
|
||||||
if( $(this).hasClass('has-dropdown-menu') ) {
|
|
||||||
if( $(this).next('.dropdown-menu').hasClass('show') ) {
|
|
||||||
dropdownMenu$.addClass('hide');
|
|
||||||
$(this)
|
|
||||||
.next('.dropdown-menu')
|
|
||||||
.removeClass('show')
|
|
||||||
.addClass('hide')
|
|
||||||
|
|
||||||
} else if ( $(this).next('.dropdown-menu').hasClass('hide') ) {
|
|
||||||
dropdownMenu$.addClass('hide');
|
|
||||||
dropdownMenu$.removeClass('show');
|
|
||||||
dropdownMenu$.addClass('hide');
|
|
||||||
$(this)
|
|
||||||
.next('.dropdown-menu')
|
|
||||||
.removeClass('hide')
|
|
||||||
.addClass('show')
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
return false;
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Targeting internal page
|
var plugin = {
|
||||||
if( $('body').attr('class') !== 'page-main' ) {
|
// RWD image resize script
|
||||||
submenuFix();
|
bullEye : function() {
|
||||||
}
|
$(".bullseye").bullseye({
|
||||||
dropdown();
|
fadeEffect: false
|
||||||
bullEye();
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Specific functions that will be running on homepage
|
||||||
|
if( doc.body.getAttribute('data-module') === 'home' ) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Functions that will be running on every page
|
||||||
|
orbit.sitemenuDropdown();
|
||||||
|
plugin.bullEye();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
$(document).ready(function($) {
|
$(document).ready(function($) {
|
||||||
init();
|
init();
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
.admin-edit {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
html {
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: $sub-font;
|
||||||
|
margin-top: 40px; // needed for Orbit bar
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {}
|
||||||
|
|
||||||
|
a:hover, a:focus {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus {}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-edit {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
@ -1,5 +1,8 @@
|
||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
|
|
||||||
|
// Google fonts
|
||||||
|
@import url(http://fonts.googleapis.com/css?family=Roboto);
|
||||||
|
|
||||||
// Base Color
|
// Base Color
|
||||||
$theme-gray: #495054;
|
$theme-gray: #495054;
|
||||||
$theme-gray-light: #cecece;
|
$theme-gray-light: #cecece;
|
||||||
|
|
@ -16,55 +19,5 @@ $theme-color-third: #ed4c43;
|
||||||
|
|
||||||
|
|
||||||
// Font stacks
|
// Font stacks
|
||||||
$main-font: Arial, "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
$main-font: 'Roboto', "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
|
||||||
$sub-font: Arial, "新細明體", "Helvetica Neue", Helvetica, sans-serif;
|
$sub-font: 'Roboto', "新細明體", "Helvetica Neue", Helvetica, sans-serif;
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Modules
|
|
||||||
// --------------------------------------------------
|
|
||||||
// ## commonly use in all widgets
|
|
||||||
|
|
||||||
// Font sizes
|
|
||||||
$w-widget-title-font-size: 1.5rem;
|
|
||||||
|
|
||||||
// Colors
|
|
||||||
$w-border-color: $theme-gray-lighter;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// AD banner Module
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Font sizes
|
|
||||||
$w-caption-font-size: 1.4rem;
|
|
||||||
$w-caption-desc: 0.85rem;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Announcement Module
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Font sizes
|
|
||||||
$w-title-font-size-small: 0.75rem;
|
|
||||||
$w-subtitle-font-size: 0.75rem;
|
|
||||||
$w-meta-font-size: 0.75rem;
|
|
||||||
|
|
||||||
$w-table-th-font-size: 0.75em;
|
|
||||||
$w-table-td-font-size: 0.75em;
|
|
||||||
|
|
||||||
$i-title-font-size-large: 2em;
|
|
||||||
|
|
||||||
// colors
|
|
||||||
|
|
||||||
$link-color: $theme-color-main;
|
|
||||||
$link-hover-color: lighten($theme-color-main, 10%);
|
|
||||||
|
|
||||||
$table-th-bgcolor: $theme-color-main;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Archive Module
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Font sizes
|
|
||||||
$w-item-heading-font-size: 0.85rem;
|
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-1
|
// Widget-1
|
||||||
.w-announcement-1 {
|
.widget-announcement-1 {
|
||||||
.w-annc__img-wrap {
|
.w-annc__img-wrap {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
margin: 0 0 1em 0;
|
margin: 0 0 1em 0;
|
||||||
|
|
@ -74,7 +74,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-2
|
// Widget-2
|
||||||
.w-announcement-2 {
|
.widget-announcement-2 {
|
||||||
.w-annc__img-wrap {
|
.w-annc__img-wrap {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
margin: 0 0 1em 0;
|
margin: 0 0 1em 0;
|
||||||
|
|
@ -87,7 +87,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-3
|
// Widget-3
|
||||||
.w-announcement-3 {
|
.widget-announcement-3 {
|
||||||
.w-annc__img-wrap {
|
.w-annc__img-wrap {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
margin: 0 0 1em 0;
|
margin: 0 0 1em 0;
|
||||||
|
|
@ -100,7 +100,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-4
|
// Widget-4
|
||||||
.w-announcement-4 {
|
.widget-announcement-4 {
|
||||||
.w-annc__title {
|
.w-annc__title {
|
||||||
font-family: $main-font;
|
font-family: $main-font;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
|
|
@ -116,7 +116,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-5
|
// Widget-5
|
||||||
.w-announcement-5 {
|
.widget-announcement-5 {
|
||||||
.w-annc__title {
|
.w-annc__title {
|
||||||
font-family: $main-font;
|
font-family: $main-font;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
|
|
@ -130,7 +130,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-6
|
// Widget-6
|
||||||
.w-announcement-6 {
|
.widget-announcement-6 {
|
||||||
.w-annc__item {
|
.w-annc__item {
|
||||||
margin-bottom: 0.8em;
|
margin-bottom: 0.8em;
|
||||||
padding-bottom: 0.8em;
|
padding-bottom: 0.8em;
|
||||||
|
|
@ -151,7 +151,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-7
|
// Widget-7
|
||||||
.w-announcement-7 {
|
.widget-announcement-7 {
|
||||||
.w-annc__item {
|
.w-annc__item {
|
||||||
margin-bottom: 0.8em;
|
margin-bottom: 0.8em;
|
||||||
padding-bottom: 0.8em;
|
padding-bottom: 0.8em;
|
||||||
|
|
@ -173,7 +173,7 @@
|
||||||
|
|
||||||
// Widget-8
|
// Widget-8
|
||||||
// ## Table
|
// ## Table
|
||||||
.w-announcement-8 {
|
.widget-announcement-8 {
|
||||||
.w-annc__th {
|
.w-annc__th {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: $theme-color-main;
|
background: $theme-color-main;
|
||||||
|
|
@ -194,7 +194,7 @@
|
||||||
|
|
||||||
// Widget-9
|
// Widget-9
|
||||||
// ## Table
|
// ## Table
|
||||||
.w-announcement-9 {
|
.widget-announcement-9 {
|
||||||
.w-annc__th {
|
.w-annc__th {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: $theme-color-main;
|
background: $theme-color-main;
|
||||||
|
|
@ -214,7 +214,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-10
|
// Widget-10
|
||||||
.w-announcement-10 {
|
.widget-announcement-10 {
|
||||||
.w-annc__item {
|
.w-annc__item {
|
||||||
margin-bottom: 0.8em;
|
margin-bottom: 0.8em;
|
||||||
padding-bottom: 0.8em;
|
padding-bottom: 0.8em;
|
||||||
|
|
@ -234,7 +234,7 @@
|
||||||
|
|
||||||
// Widget-11
|
// Widget-11
|
||||||
// ## Table
|
// ## Table
|
||||||
.w-announcement-11 {
|
.widget-announcement-11 {
|
||||||
.w-annc__th {
|
.w-annc__th {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: $theme-color-main;
|
background: $theme-color-main;
|
||||||
|
|
@ -254,7 +254,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget-12
|
// Widget-12
|
||||||
.w-announcement-12 {
|
.widget-announcement-12 {
|
||||||
.w-annc__list {
|
.w-annc__list {
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
|
|
@ -348,7 +348,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Index-1
|
// Index-1
|
||||||
.i-announcement-1 {
|
.index-announcement-1 {
|
||||||
.i-annc__th {
|
.i-annc__th {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: $theme-color-main;
|
background: $theme-color-main;
|
||||||
|
|
@ -407,18 +407,7 @@
|
||||||
}
|
}
|
||||||
.s-annc__tag-wrap {
|
.s-annc__tag-wrap {
|
||||||
.s-annc__tag {
|
.s-annc__tag {
|
||||||
display: inline-block;
|
font-weight: normal;
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -430,6 +419,9 @@
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
border-top: 1px dotted $theme-gray-light;
|
border-top: 1px dotted $theme-gray-light;
|
||||||
}
|
}
|
||||||
|
.s-annc__related-file {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
.s-annc__related-file,
|
.s-annc__related-file,
|
||||||
.s-annc__related-link {
|
.s-annc__related-link {
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
|
|
@ -440,22 +432,17 @@
|
||||||
color: darken($theme-gray-light, 10%);
|
color: darken($theme-gray-light, 10%);
|
||||||
}
|
}
|
||||||
a {
|
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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.s-annc__related-link-list,
|
.s-annc__related-link-list,
|
||||||
.s-annc__related-file-list {
|
.s-annc__related-file-list {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
.s-annc__flie-title {
|
||||||
|
max-width: 9.375rem;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,99 +1,64 @@
|
||||||
// Member INDEX
|
// Member index page
|
||||||
.index-member {
|
.index-member {
|
||||||
.index-title {
|
.index-title {
|
||||||
@extend .unity-title;
|
@extend .unity-title;
|
||||||
}
|
}
|
||||||
&.index1 {
|
th,
|
||||||
|
td {
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
font-family: $main-font;
|
||||||
|
}
|
||||||
|
th[class^="member-data-title"] {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.index-member-item {
|
||||||
|
min-height: 200px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.index-member-item:nth-child(2n+1) {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.member-data-title-job-title:before,
|
||||||
|
.member-data-title-name:before,
|
||||||
|
.member-data-title-email:before,
|
||||||
|
.member-data-title-office-tel:before{
|
||||||
|
content: "\f007";
|
||||||
|
font-family: "fontAwesome";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 0.3125rem;
|
||||||
|
color: gray;
|
||||||
|
min-width: 15px;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
.member-data-title-job-title:before {
|
||||||
|
content: "\f19d";
|
||||||
|
}
|
||||||
|
.member-data-title-email:before {
|
||||||
|
content: "\f0e0";
|
||||||
|
}
|
||||||
|
.member-data-title-office-tel:before{
|
||||||
|
content: "\f098";
|
||||||
|
}
|
||||||
|
.member-profile-data-wrap {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.member-pic {
|
||||||
|
border-radius: 0.25rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Member SHOW
|
// Member show page
|
||||||
.show-member {
|
.show-member {
|
||||||
.show-title {
|
font-family: $main-font;
|
||||||
@extend .unity-title;
|
th,
|
||||||
|
td {
|
||||||
|
font-size: 0.8125rem;
|
||||||
}
|
}
|
||||||
.post-metadata {
|
.member-plugins {
|
||||||
border-bottom: 1px solid $theme-gray-light;
|
margin-bottom: 20px;
|
||||||
@include clearfix();
|
a {
|
||||||
li {
|
font-size: 0.8125rem;
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
// Base
|
// Base
|
||||||
@import url("http://fonts.googleapis.com/css?family=Droid+Sans:400,700");
|
|
||||||
@import "bootstrap/mixins";
|
@import "bootstrap/mixins";
|
||||||
@import "bootstrap/variables";
|
@import "bootstrap/variables";
|
||||||
@import "base/mixins";
|
@import "base/mixins";
|
||||||
|
|
@ -7,7 +6,7 @@
|
||||||
@import "base/unity";
|
@import "base/unity";
|
||||||
@import "base/pagination";
|
@import "base/pagination";
|
||||||
@import "base/orbitbar-override";
|
@import "base/orbitbar-override";
|
||||||
@import "base/genernal";
|
@import "base/global";
|
||||||
|
|
||||||
// Layout
|
// Layout
|
||||||
@import "layout/header";
|
@import "layout/header";
|
||||||
|
|
@ -29,11 +28,3 @@
|
||||||
// Widget
|
// Widget
|
||||||
@import "widget/breadcrumb";
|
@import "widget/breadcrumb";
|
||||||
@import "widget/sitemenu";
|
@import "widget/sitemenu";
|
||||||
|
|
||||||
html {
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
margin-top: 40px; // needed for Orbit bar
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
|
|
@ -1,86 +1,52 @@
|
||||||
.submenu-wrap {
|
.sitemenu-wrap {
|
||||||
@include clearfix();
|
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
|
@include clearfix;
|
||||||
.submenu__title {
|
.sitemenu__title {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.sitemenu__list {
|
||||||
.submenu__list {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
.sitemenu__item.level-1 {
|
||||||
.submenu__item.level-1 {
|
font-size: 0.8125rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 1%;
|
margin-right: 1%;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
padding: 8px .8em;
|
||||||
|
|
||||||
.submenu__link.level-1 {
|
|
||||||
float: left;
|
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
font-size: 13px;
|
|
||||||
font-size: 0.8125rem;
|
|
||||||
background: $theme-color-second;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 8px 0.8em;
|
border-radius: .2em;
|
||||||
border-radius: 0.2em;
|
background: $theme-color-second;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: darken($theme-color-second, 10%);
|
background: darken($theme-color-second, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.sitemenu__link.level-1 {
|
||||||
.submenu__item:hover .dropdown {
|
margin-right: .25rem;
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.touch .submenu__item .dropdown {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Submenu dropdown
|
|
||||||
.submenu__list.dropdown {
|
|
||||||
display: none;
|
|
||||||
padding: 20px 0 0 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 80%;
|
|
||||||
border-radius: 2px;
|
|
||||||
z-index: 200;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.submenu__list .dropdown:before {
|
|
||||||
content: "";
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 0px 7px 7px 7px;
|
|
||||||
border-color: transparent transparent $theme-color-main transparent;
|
|
||||||
position: absolute;
|
|
||||||
top: 15px;
|
|
||||||
left: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.submenu__item.level-2 {
|
|
||||||
display: block;
|
|
||||||
padding: 4px 8px;
|
|
||||||
background: $theme-color-main;
|
|
||||||
font-size: 0.8125rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.submenu__link.level-2 {
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
|
.sitemenu___dropdown-toggle {
|
||||||
.submenu__list.hidden--item {
|
font-size: 0.75rem;
|
||||||
display: none;
|
padding: 2px .3125rem;
|
||||||
|
cursor: pointer;
|
||||||
&:before {
|
}
|
||||||
display: none;
|
// sitemenu dropdown
|
||||||
|
.sitemenu__list.dropdown-menu {
|
||||||
|
min-width: 100%;
|
||||||
|
margin-top: 4px;
|
||||||
|
border: none;
|
||||||
|
border-radius: .2em;
|
||||||
|
background: $theme-color-main;
|
||||||
|
}
|
||||||
|
.sitemenu__link.level-2 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
padding: 4px 0.625rem;
|
||||||
|
&:hover {
|
||||||
|
background: lighten($theme-color-second, 5%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<%= render_partial("head") %>
|
<%= render_partial("head") %>
|
||||||
</head>
|
</head>
|
||||||
<body class="page-main">
|
<body class="page-home">
|
||||||
<%= render_orbit_bar %>
|
<%= render_orbit_bar %>
|
||||||
<%= render_header %>
|
<%= render_header %>
|
||||||
<section class="layout-slide" data-pp="4"></section>
|
<section class="layout-slide" data-pp="4"></section>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
<ul class="pagination" data-pagination="true">
|
<ul class="pagination pagination-sm" data-pagination="true">
|
||||||
<li class="{{pagination_active}}"><a href="{{pagination_link}}">{{page_number}}</a></li>
|
<li class="{{pagination_active}}">
|
||||||
</ul>
|
<a href="{{pagination_link}}">{{page_number}}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-ad-banner ad-banner-widget-1 container">
|
<div class="w-ad-banner ad-banner-widget-1">
|
||||||
<div class="w-ad-banner__wrap cycle-slideshow"
|
<div class="w-ad-banner__wrap cycle-slideshow"
|
||||||
data-list="images"
|
data-list="images"
|
||||||
data-level="0"
|
data-level="0"
|
||||||
|
|
@ -21,3 +21,5 @@
|
||||||
<div class="w-ad-banner__caption"></div>
|
<div class="w-ad-banner__caption"></div>
|
||||||
<ul class="w-ad-banner__pager"></ul>
|
<ul class="w-ad-banner__pager"></ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<div class="w-ad-banner ad-banner-widget-3">
|
||||||
|
<div class="w-ad-banner__wrap cycle-slideshow"
|
||||||
|
data-list="images"
|
||||||
|
data-level="0"
|
||||||
|
data-cycle-slides=".w-ad-banner__slide"
|
||||||
|
data-cycle-log="false"
|
||||||
|
data-overlay=".w-ad-banner__caption"
|
||||||
|
data-pager=".w-ad-banner__pager"
|
||||||
|
data-pager-template="<li><a href='#'></a></li>"
|
||||||
|
data-pager-active-class="active-slide"
|
||||||
|
data-cycle-youtube=true
|
||||||
|
data-cycle-youtube-autostart=false
|
||||||
|
>
|
||||||
|
{{html}}
|
||||||
|
</div>
|
||||||
|
<ul class="w-ad-banner__pager"></ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-ad-banner ad-banner-widget-2 container">
|
<div class="w-ad-banner ad-banner-widget-2">
|
||||||
<div class="w-ad-banner__wrap cycle-slideshow"
|
<div class="w-ad-banner__wrap cycle-slideshow"
|
||||||
data-list="images"
|
data-list="images"
|
||||||
data-level="0"
|
data-level="0"
|
||||||
|
|
@ -19,7 +19,6 @@
|
||||||
</div>
|
</div>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$("document").ready(function(){
|
$("document").ready(function(){
|
||||||
// total_players = $("*[data-youtube-id]").length
|
|
||||||
$("*[data-youtube-id]").each(function(){
|
$("*[data-youtube-id]").each(function(){
|
||||||
var obj = $(this).find("embed");
|
var obj = $(this).find("embed");
|
||||||
obj.attr("id",$(this).data("youtube-id"));
|
obj.attr("id",$(this).data("youtube-id"));
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,19 @@
|
||||||
<div class="w-ad-banner ad-banner-widget-2 container">
|
<div class="w-ad-banner ad-banner-widget-3">
|
||||||
<div class="w-ad-banner__wrap cycle-slideshow"
|
<div class="w-ad-banner__wrap cycle-slideshow"
|
||||||
data-list="images"
|
data-list="images"
|
||||||
data-level="0"
|
data-level="0"
|
||||||
data-cycle-slides=".w-ad-banner__slide"
|
data-cycle-slides=".w-ad-banner__slide"
|
||||||
data-cycle-log="false"
|
data-cycle-log="false"
|
||||||
|
data-pager=".w-ad-banner__pager"
|
||||||
|
data-pager-template="<li><a href='#'></a></li>"
|
||||||
|
data-pager-active-class="active-slide"
|
||||||
>
|
>
|
||||||
<div class="w-ad-banner__slide {{class}}">
|
<div class="w-ad-banner__slide {{class}}"
|
||||||
|
data-link="{{link}}"
|
||||||
|
>
|
||||||
<img class="w-ad-banner__image" src="{{image_link}}">
|
<img class="w-ad-banner__image" src="{{image_link}}">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<ul class="w-ad-banner__pager"></ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,8 @@
|
||||||
{
|
{
|
||||||
"filename" : "ad_banner_widget2_video",
|
"filename" : "ad_banner_widget2_video",
|
||||||
"name" : {
|
"name" : {
|
||||||
"zh_tw" : "2. 橫幅輪播 ( 圖片, 導航圖示 )",
|
"zh_tw" : "2. 橫幅輪播 + Youtube影片 ( 圖片, Youtube影片, 導航圖示 )",
|
||||||
"en" : "2. Carousel ( image, navigation, video )"
|
"en" : "2. Carousel ( image, Youtube video, navigation )"
|
||||||
},
|
},
|
||||||
"thumbnail" : "thumbnail-block.png"
|
"thumbnail" : "thumbnail-block.png"
|
||||||
},
|
},
|
||||||
|
|
@ -20,9 +20,18 @@
|
||||||
"filename" : "ad_banner_widget3",
|
"filename" : "ad_banner_widget3",
|
||||||
"name" : {
|
"name" : {
|
||||||
"zh_tw" : "3. 廣告輪播 ( 圖片 )",
|
"zh_tw" : "3. 廣告輪播 ( 圖片 )",
|
||||||
"en" : "2. AD banner ( image )"
|
"en" : "3. AD banner ( image )"
|
||||||
|
},
|
||||||
|
"thumbnail" : "thumbnail-block.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"filename" : "ad_banner_widget4",
|
||||||
|
"name" : {
|
||||||
|
"zh_tw" : "4. 廣告輪播 ( 圖片 )",
|
||||||
|
"en" : "4. AD banner ( image )"
|
||||||
},
|
},
|
||||||
"thumbnail" : "thumbnail-block.png"
|
"thumbnail" : "thumbnail-block.png"
|
||||||
}
|
}
|
||||||
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-1">
|
<div class="w-annc widget-announcement-1">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-10">
|
<div class="w-annc widget-announcement-10">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-11">
|
<div class="w-annc widget-announcement-11">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-12">
|
<div class="w-annc widget-announcement-12">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-2">
|
<div class="w-annc widget-announcement-2">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-3">
|
<div class="w-annc widget-announcement-3">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-4">
|
<div class="w-annc widget-announcement-4">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-5">
|
<div class="w-annc widget-announcement-5">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-6">
|
<div class="w-annc widget-announcement-6">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-7">
|
<div class="w-annc widget-announcement-7">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-8">
|
<div class="w-annc widget-announcement-8">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-annc w-announcement-9">
|
<div class="w-annc widget-announcement-9">
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="i-annc i-announcement-1">
|
<div class="i-annc index-announcement-1">
|
||||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
<table class="i-annc__table table table-striped">
|
<table class="i-annc__table table table-striped">
|
||||||
<thead>
|
<thead>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="i-annc i-announcement-2">
|
<div class="i-annc index-announcement-2">
|
||||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item">
|
<li class="i-annc__item">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<article class="s-annc s-announcement">
|
<article class="s-annc show-announcement">
|
||||||
<h1 class="s-annc__show-title">{{title}}</h1>
|
<h3 class="s-annc__show-title">{{title}}</h3>
|
||||||
|
|
||||||
<ul class="s-annc__meta-wrap list-unstyled">
|
<ul class="s-annc__meta-wrap list-unstyled">
|
||||||
<li class="s-annc__date-wrap s-annc__meta--item">
|
<li class="s-annc__date-wrap s-annc__meta--item">
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
<li class="s-annc__tag-wrap s-annc__meta--item ">
|
<li class="s-annc__tag-wrap s-annc__meta--item ">
|
||||||
<i class="fa fa-tags"></i>
|
<i class="fa fa-tags"></i>
|
||||||
<span data-list="tags" data-level="0">
|
<span data-list="tags" data-level="0">
|
||||||
<a href="{{url}}"><span class="s-annc__tag">{{tag}}</span></a>
|
<a href="{{url}}"><span class="s-annc__tag label label-default">{{tag}}</span></a>
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -26,14 +26,14 @@
|
||||||
<li class="s-annc__related-file">
|
<li class="s-annc__related-file">
|
||||||
<i class="fa fa-fw fa-paperclip"></i>
|
<i class="fa fa-fw fa-paperclip"></i>
|
||||||
<div class="s-annc__related-file-list" data-list="bulletin_files" data-level="0">
|
<div class="s-annc__related-file-list" data-list="bulletin_files" data-level="0">
|
||||||
<a class="s-annc__flie-title" href="{{file_url}}">{{file_title}}</a>
|
<a class="s-annc__flie-title btn btn-default btn-sm" href="{{file_url}}">{{file_title}}</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="s-annc__related-link">
|
<li class="s-annc__related-link">
|
||||||
<i class="fa fa-fw fa-link"></i>
|
<i class="fa fa-fw fa-link"></i>
|
||||||
<div class="s-annc__related-link-list" data-list="bulletin_links" data-level="0">
|
<div class="s-annc__related-link-list" data-list="bulletin_links" data-level="0">
|
||||||
<a href="{{link_url}}" target="_blank">{{link_title}}</a>
|
<a class="s-annc__link-title btn btn-default btn-sm" href="{{link_url}}" target="_blank">{{link_title}}</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -47,26 +47,23 @@
|
||||||
{{link_to_edit}}
|
{{link_to_edit}}
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
$(function() {
|
(function($) {
|
||||||
|
|
||||||
// 當metadata-tags沒內容時將會隱藏
|
function hideEmptyEl(el, elParent) {
|
||||||
if(!$('.metadata-tags .tag').length) {
|
if( el.length === 0) {
|
||||||
$('.metadata-tags').remove();
|
elParent.addClass('hide');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 當post-related沒內容時會隱藏
|
// Hiding parent element when children elements are not present
|
||||||
if($('.post-related').length) {
|
// Tags
|
||||||
var element = ['.post-related-flises-list', '.post-related-links-list'],
|
hideEmptyEl($('.s-annc__tag'), $('.s-annc__tag-wrap'));
|
||||||
n = 0;
|
|
||||||
$.each(element, function(index, val) {
|
// Attachments
|
||||||
if(!$(val).text()) {
|
hideEmptyEl($('.s-annc__flie-title'), $('.s-annc__related-file'));
|
||||||
$(val).closest('li').remove();
|
|
||||||
n += 1;
|
// Links
|
||||||
}
|
hideEmptyEl($('.s-annc__link-title'), $('.s-annc__related-link'));
|
||||||
if(n == element.length) {
|
|
||||||
$('.post-related').remove();
|
}(jQuery));
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="w-archive archive-widget-1" module="archive" data-ps="">
|
<div class="w-archive widget-archive-1" module="archive" data-ps="">
|
||||||
<h3 class="w-archive__widget-title">{{widget-title}}</h3>
|
<h3 class="w-archive__widget-title">{{widget-title}}</h3>
|
||||||
<ul class="w-archive__list level-1" data-list="categories" data-level="0">
|
<ul class="w-archive__list level-1" data-list="categories" data-level="0">
|
||||||
<li class="w-archive__item level-1">
|
<li class="w-archive__item level-1">
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="i-archive archive-index-1">
|
<div class="i-archive index-archive-1">
|
||||||
<h3 class="i-archive__page-title">{{page-title}}</h3>
|
<h3 class="i-archive__page-title">{{page-title}}</h3>
|
||||||
<ul class="i-archive__list" data-list="categories" data-level="0">
|
<ul class="i-archive__list" data-list="categories" data-level="0">
|
||||||
<li class="i-archive__item">
|
<li class="i-archive__item">
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,7 @@
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
|
<i class="fa fa-th-list"></i>
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed">
|
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed">
|
||||||
{{category-title}}
|
{{category-title}}
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="show-archive">
|
<div class="show-archive">
|
||||||
<h1 class="show-title">
|
<h3 class="show-title">
|
||||||
<span>{{title}}</span>
|
<span>{{title}}</span>
|
||||||
</h1>
|
</h3>
|
||||||
<div class="show-archive-body">
|
<div class="show-archive-body">
|
||||||
<dl class="dl-horizontal show-archive-item-group" data-list="archives" data-level="1">
|
<dl class="dl-horizontal show-archive-item-group" data-list="archives" data-level="1">
|
||||||
<dt class="show-archive-item-list">
|
<dt class="show-archive-item-list">
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<article>
|
<article>
|
||||||
<div class="post-title">
|
<div class="post-title">
|
||||||
<h1>{{question}}</h1>
|
<h3>{{question}}</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span data-list="tags" data-level="0">
|
<span data-list="tags" data-level="0">
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="widget-gallery widget1">
|
<div class="widget-gallery widget2">
|
||||||
<h3 class="widget-title">
|
<h3 class="widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="widget-gallery widget2">
|
<div class="widget-gallery widget3">
|
||||||
<h3 class="widget-title">
|
<h3 class="widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -1,30 +1,30 @@
|
||||||
<div class="index-member index1">
|
<div class="index-member index1">
|
||||||
<div class="index-member-group" data-list="roles" data-level="0">
|
<div class="index-member-group" data-list="roles" data-level="0">
|
||||||
<div class="index-member-group-item">
|
<div class="index-member-group-item">
|
||||||
|
|
||||||
<div class="index-member-status" data-level="1" data-list="status-list">
|
<div class="index-member-status" data-level="1" data-list="status-list">
|
||||||
|
|
||||||
<h3 class="index-title">
|
<h3 class="index-title">
|
||||||
<span>{{status-title}}</span>
|
<span>{{status-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
<div class="index-member-list row" data-level="2" data-list="members">
|
<div class="index-member-list row" data-level="2" data-list="members">
|
||||||
<div class="index-member-item clearfix col-sm-6 row" style="font-size: 12px; min-height:180px;">
|
<div class="index-member-item clearfix col-lg-6 row">
|
||||||
<div class="col-sm-4">
|
<div class="member-pic-wrap col-xs-4">
|
||||||
<a href="{{link_to_show}}"><img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%"></a>
|
<a href="{{link_to_show}}">
|
||||||
|
<img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-8">
|
<div class="member-profile-data-wrap col-xs-8">
|
||||||
<table class="table table-condensed">
|
<table class="table">
|
||||||
<tbody data-list="profile_data" data-level="3">
|
<tbody data-list="profile_data" data-level="3">
|
||||||
<tr><th class="{{title_class}}" style="min-width:70px;">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
|
<tr>
|
||||||
|
<th class="{{title_class}}">{{title}}</th>
|
||||||
|
<td class="{{value_class}}">{{value}}</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,30 +1,30 @@
|
||||||
<div class="index-member index1">
|
<div class="index-member index1">
|
||||||
<div class="index-member-group" data-list="roles" data-level="0">
|
<div class="index-member-group" data-list="roles" data-level="0">
|
||||||
<div class="index-member-group-item">
|
<div class="index-member-group-item">
|
||||||
|
|
||||||
<div class="index-member-status" data-level="1" data-list="status-list">
|
<div class="index-member-status" data-level="1" data-list="status-list">
|
||||||
|
|
||||||
<h3 class="index-title">
|
<h3 class="index-title">
|
||||||
<span>{{status-title}}</span>
|
<span>{{status-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
<div class="index-member-list row" data-level="2" data-list="members">
|
<div class="index-member-list row" data-level="2" data-list="members">
|
||||||
<div class="index-member-item clearfix col-sm-6 row" style="font-size: 12px; min-height:180px;">
|
<div class="index-member-item clearfix col-lg-6 row">
|
||||||
<div class="col-sm-4">
|
<div class="member-pic-wrap col-xs-4">
|
||||||
<a href="{{link_to_show}}"><img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%"></a>
|
<a href="{{link_to_show}}">
|
||||||
|
<img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-8">
|
<div class="member-profile-data-wrap col-xs-8">
|
||||||
<table class="table table-condensed">
|
<table class="table">
|
||||||
<tbody data-list="profile_data" data-level="3">
|
<tbody data-list="profile_data" data-level="3">
|
||||||
<tr><th class="{{title_class}}" style="min-width:70px;">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
|
<tr>
|
||||||
|
<th class="{{title_class}}">{{title}}</th>
|
||||||
|
<td class="{{value_class}}">{{value}}</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -6,22 +6,25 @@
|
||||||
<span>{{status-title}}</span>
|
<span>{{status-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<div class="index-member-list row" data-level="2" data-list="members">
|
<div class="index-member-list row" data-level="2" data-list="members">
|
||||||
<div class="index-member-item clearfix col-sm-6 row" style="font-size: 12px; min-height:180px;">
|
<div class="index-member-item clearfix col-lg-6 row">
|
||||||
<div class="col-sm-4">
|
<div class="member-pic-wrap col-xs-4">
|
||||||
<a href="{{link_to_show}}"><img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%"></a>
|
<a href="{{link_to_show}}">
|
||||||
|
<img class="member-pic" src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-8">
|
<div class="member-profile-data-wrap col-xs-8">
|
||||||
<table class="table table-condensed">
|
<table class="table">
|
||||||
<tbody data-list="profile_data" data-level="3">
|
<tbody data-list="profile_data" data-level="3">
|
||||||
<tr><th class="{{title_class}}" style="min-width:70px;">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
|
<tr>
|
||||||
|
<th class="{{title_class}}">{{title}}</th>
|
||||||
|
<td class="{{value_class}}">{{value}}</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,21 +1,19 @@
|
||||||
<div class="show" module="member">
|
<div class="show-member" module="member">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="member-pic col-md-3">
|
<div class="member-pic col-xs-3">
|
||||||
<img src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
|
<img src="{{image}}" alt="{{name}}" title="{{name}}" width="100%">
|
||||||
</div>
|
</div>
|
||||||
<div class="member-data col-md-9">
|
<div class="member-data col-xs-9">
|
||||||
<table class="table table-striped">
|
<table class="table table-striped">
|
||||||
<div data-list="profile_data" data-level="0">
|
<div data-list="profile_data" data-level="0">
|
||||||
<tr><th class="{{title_class}}" width="30%">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
|
<tr><th class="{{title_class}}">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br/>
|
<ul class="member-plugins nav nav-pills" role="tablist" data-list="plugins" data-level="0">
|
||||||
<ul class="nav nav-pills" role="tablist" data-list="plugins" data-level="0">
|
|
||||||
<li class="{{plugin_class}}"><a href="#{{plugin_name}}" role="tab" data-toggle="tab">{{plugin_title}}</a></li>
|
<li class="{{plugin_class}}"><a href="#{{plugin_name}}" role="tab" data-toggle="tab">{{plugin_title}}</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<br/>
|
|
||||||
<div class="tab-content" data-list="plugins" data-level="0">
|
<div class="tab-content" data-list="plugins" data-level="0">
|
||||||
<div class="tab-pane {{plugin_class}}" id="{{plugin_name}}">
|
<div class="tab-pane {{plugin_class}}" id="{{plugin_name}}">
|
||||||
<table class="table table-hover table-striped">
|
<table class="table table-hover table-striped">
|
||||||
|
|
@ -28,4 +26,22 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
|
(function() {
|
||||||
|
// Adding class on first element
|
||||||
|
function memberPlugins() {
|
||||||
|
var plugins = document.querySelector('.member-plugins');
|
||||||
|
if( plugins.children.length === 0 ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if( plugins.querySelectorAll('.member-plugins .active').length === 0 ) {
|
||||||
|
var navs = plugins.querySelectorAll('.member-plugins > li'),
|
||||||
|
contents = plugins.nextElementSibling.children[0];
|
||||||
|
navs[0].className += ' ' + 'active';
|
||||||
|
contents.className += ' ' + 'active';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
memberPlugins();
|
||||||
|
}())
|
||||||
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
<div class="submenu-wrap">
|
<div class="sitemenu-wrap">
|
||||||
<h3 class="submenu__title">{{widget_title}}</h3>
|
<h3 class="sitemenu__title">{{widget_title}}</h3>
|
||||||
<ul data-list="pages" class="submenu__list level-1" data-level="0">
|
<ul data-list="pages" class="sitemenu__list level-1" data-level="0">
|
||||||
<li class="submenu__item level-1">
|
<li class="sitemenu__item level-1">
|
||||||
<a class="submenu__link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>
|
<a class="sitemenu__link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>
|
||||||
<ul class="submenu__list level-2" data-list="children" data-level="1">
|
<ul class="sitemenu__list level-2" data-list="children" data-level="1">
|
||||||
<li class="submenu__item level-2">
|
<li class="sitemenu__item level-2">
|
||||||
<a class="submenu__link level-2" href="{{url}}" target="{{target}}">{{page_name}}</a>
|
<a class="sitemenu__link level-2" href="{{url}}" target="{{target}}">{{page_name}}</a>
|
||||||
<ul data-list="children" data-level="2">
|
<ul data-list="children" data-level="2">
|
||||||
<li>
|
<li>
|
||||||
<a href="{{url}}" target="{{target}}">{{page_name}}</a>
|
<a href="{{url}}" target="{{target}}">{{page_name}}</a>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
gem 'announcement', git: 'http://gitlab.tp.rulingcom.com/saurabh/announcement-test.git'
|
gem 'announcement', git: 'http://gitlab.tp.rulingcom.com/saurabh/announcement-test.git'
|
||||||
gem 'ad_banner', git: 'http://gitlab.tp.rulingcom.com/saurabh/adbanner-test.git'
|
gem 'ad_banner', path: '/home/rulingcom/designer/modules/ad_banner_pro'
|
||||||
gem "archive", git: 'http://gitlab.tp.rulingcom.com/saurabh/archive.git'
|
gem "archive", git: 'http://gitlab.tp.rulingcom.com/saurabh/archive.git'
|
||||||
gem 'gallery', git: 'http://gitlab.tp.rulingcom.com/saurabh/gallery.git'
|
gem 'gallery', git: 'http://gitlab.tp.rulingcom.com/saurabh/gallery.git'
|
||||||
gem 'links', git: 'http://gitlab.tp.rulingcom.com/saurabh/links.git'
|
gem 'links', git: 'http://gitlab.tp.rulingcom.com/saurabh/links.git'
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,14 @@
|
||||||
development:
|
development:
|
||||||
sessions:
|
sessions:
|
||||||
default:
|
default:
|
||||||
database: orbit_4_5
|
database: orbit_4_5_joshua
|
||||||
hosts:
|
hosts:
|
||||||
- localhost:27017
|
- localhost:27017
|
||||||
|
|
||||||
test:
|
test:
|
||||||
sessions:
|
sessions:
|
||||||
default:
|
default:
|
||||||
database: orbit_4_5
|
database: orbit_4_5_joshua
|
||||||
hosts:
|
hosts:
|
||||||
- localhost:27017
|
- localhost:27017
|
||||||
options:
|
options:
|
||||||
|
|
@ -21,6 +21,6 @@ production:
|
||||||
default:
|
default:
|
||||||
# username:
|
# username:
|
||||||
# password:
|
# password:
|
||||||
database: orbit_4_5
|
database: orbit_4_5_joshua
|
||||||
hosts:
|
hosts:
|
||||||
- localhost:27017
|
- localhost:27017
|
||||||
|
|
|
||||||
|
|
@ -26,4 +26,4 @@ before_fork do |server, worker|
|
||||||
rescue Errno::ENOENT, Errno::ESRCH
|
rescue Errno::ENOENT, Errno::ESRCH
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue