forked from saurabh/orbit4-5
big commit from joshua for orbit_bootstrap sdk and groups
This commit is contained in:
rulingcom
parent
70bbe6ac5a
commit
804030751f
|
|
@ -24,30 +24,6 @@
|
|||
doc.querySelector( ".group-post-image-wrap").classList.add( "hide" );
|
||||
}
|
||||
},
|
||||
// Create the tool tip wrap and get the seen counts and then inject them into DOM
|
||||
createToolTip: function( container, names, cls1, cls2, wrapEl ) {
|
||||
if( doc.querySelectorAll( names ).length >= 1 ) {
|
||||
var container = doc.querySelector( container ),
|
||||
names = doc.querySelectorAll( names ),
|
||||
span = doc.createElement( "span" ),
|
||||
wrap = doc.createElement( "div" ),
|
||||
frag = document.createDocumentFragment();
|
||||
|
||||
// Get the seen counts and append them
|
||||
span.className = cls1;
|
||||
names[ 0 ].parentNode.appendChild( span );
|
||||
|
||||
// Create the tool tip and save them in the document fragment
|
||||
wrap.className = cls2 + " tool-tip";
|
||||
Array.prototype.slice.call( names ).forEach( function( el ) {
|
||||
frag.appendChild( el );
|
||||
});
|
||||
|
||||
// Append the final result to DOM
|
||||
wrap.appendChild( frag );
|
||||
container.appendChild( wrap );
|
||||
}
|
||||
},
|
||||
// Create scroll effect (with css)
|
||||
scrollEffect: function() {
|
||||
if( doc.querySelector( ".group-page") ) {
|
||||
|
|
@ -71,7 +47,6 @@
|
|||
// When DOM is completely loaded, execute these functions
|
||||
document.addEventListener( "DOMContentLoaded", function( event ) {
|
||||
group.cycleFix();
|
||||
group.createToolTip( ".group-post-seen-by", ".group-post-seen-by-name", "group-post-seen-by-count", "group-post-seen-by-names" );
|
||||
group.scrollEffect();
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,2 @@
|
|||
/* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */
|
||||
!function(a){"use strict";function b(){try{this.playVideo()}catch(a){}}function c(){try{this.pauseVideo()}catch(a){}}var d='<div class=cycle-youtube><iframe width="640" height="360" frameborder="0" allowfullscreen="" data-yt-api-binded="0" src="{{url}}"></iframe></div>';a.extend(a.fn.cycle.defaults,{youtubeAllowFullScreen:!0,youtubeAutostart:!1,youtubeAutostop:!0}),a(document).on("cycle-bootstrap",function(e,f){f.youtube&&(f.hideNonActive=!1,f.container.find(f.slides).each(function(b){if(void 0!==a(this).attr("href")){var c,e=a(this),g=e.attr("href"),h=f.youtubeAllowFullScreen?"true":"false";g+=(/\?/.test(g)?"&":"?")+"enablejsapi=1",f.youtubeAutostart&&f.startingSlide===b&&(g+="&autoplay=1"),c=f.API.tmpl(d,{url:g,allowFullScreen:h}),e.replaceWith(c)}}),f.slides=f.slides.replace(/(\b>?a\b)/,"div.cycle-youtube"),f.youtubeAutostart&&f.container.on("cycle-initialized cycle-after",function(c,d){var e="cycle-initialized"==c.type?d.currSlide:d.nextSlide;a(d.slides[e]).find("object,embed").each(b)}),f.youtubeAutostop&&f.container.on("cycle-before",function(b,d){a(d.slides[d.currSlide]).find("object,embed").each(c)}))})}(jQuery);
|
||||
|
|
@ -14,3 +14,8 @@
|
|||
*= require lib/filter
|
||||
*= require lib/pageslide
|
||||
*/
|
||||
|
||||
/* Hide ckeditor text, it's breaking the layout but we need to keep them for future use */
|
||||
.ui-helper-hidden-accessible {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -318,6 +318,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 540px) {
|
||||
#orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
|
||||
width: 130px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 430px) {
|
||||
#orbit-bar #search{
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,107 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import url(http://fonts.googleapis.com/css?family=Maven+Pro);
|
||||
|
||||
@import url(http://fonts.googleapis.com/css?family=Roboto);
|
||||
|
||||
// Font stacks
|
||||
$main-font: "Maven Pro", "微軟正黑體" sans-serif;
|
||||
$paragraph-font: "Roboto", "微軟正黑體", sans-serif;
|
||||
$gray: #f3f3f3;
|
||||
$dark-gray: #aaaaaa;
|
||||
$light-gray: #cdcdcd;
|
||||
$white: white;
|
||||
$light-black: #353535;
|
||||
$black: black;
|
||||
$green: #4ad976;
|
||||
$blue: #4171d5;
|
||||
$red: #c71932;
|
||||
$blue-green: #00acee;
|
||||
$group-page-bar-color: #171717;
|
||||
|
||||
// Transition units
|
||||
$fast: 0.3s;
|
||||
$normal: 0.6s;
|
||||
$slow: 1s;
|
||||
|
||||
// Border radius units
|
||||
$general: 0.25rem;
|
||||
|
||||
// General style
|
||||
body {
|
||||
background: $gray;
|
||||
font-family: $main-font;
|
||||
}
|
||||
|
||||
// Override and resolve the conflict with main-form.css for that I need RWD support for this page
|
||||
.main-forms fieldset .input-area .controls textarea {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
// Override select2 styles, I need this evil power
|
||||
#main-wrap {
|
||||
.select2-container-multi {
|
||||
margin-right: 0.9375rem;
|
||||
min-width: 200px;
|
||||
.select2-choices {
|
||||
padding: 8px 0.5rem 6px;
|
||||
border-radius: $general;
|
||||
}
|
||||
.select2-search-choice {
|
||||
padding: 10px 1.75rem 10px 0.7rem;
|
||||
border-color: lighten($light-gray, 5%);
|
||||
background: $white;
|
||||
> div {
|
||||
&:before {
|
||||
content: "\F007";
|
||||
font-family: FontAwesome;
|
||||
display: inline-block;
|
||||
font-size: 0.9375rem;
|
||||
color: $blue;
|
||||
margin: 0 0.5rem 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.select2-search-choice-close {
|
||||
right: 15px;
|
||||
left: auto;
|
||||
&:before {
|
||||
content: "\f057";
|
||||
font-family: FontAwesome;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
left: 6px;
|
||||
top: 6px;
|
||||
font-size: 0.9375rem;
|
||||
color: $dark-gray;
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wrap-inner {
|
||||
.upload-status-notice {
|
||||
position: fixed;
|
||||
right: 1rem;
|
||||
top: 4rem;
|
||||
color: $white;
|
||||
padding: 16px 1.375rem;
|
||||
background-color: $blue;
|
||||
border-radius: $general;
|
||||
font-size: 0.8125rem;
|
||||
box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2);
|
||||
-webkit-animation-duration: .3s;
|
||||
animation-duration: .3s;
|
||||
z-index: 3000;
|
||||
}
|
||||
}
|
||||
|
||||
.img-avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
|
@ -31,6 +31,7 @@ $general: 0.25rem;
|
|||
// General style
|
||||
body {
|
||||
background: $gray;
|
||||
font-family: $main-font;
|
||||
}
|
||||
|
||||
*,
|
||||
|
|
@ -39,6 +40,10 @@ body {
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, label, legend {
|
||||
font-family: $main-font;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
|
|
@ -92,7 +97,7 @@ a:hover, a:visited {
|
|||
transition: $fast all;
|
||||
&:hover {
|
||||
color: $white;
|
||||
background-color: lighten($blue, 5%);
|
||||
background-color: darken($blue, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -147,6 +152,7 @@ a:hover, a:visited {
|
|||
left: 0;
|
||||
bottom: 100%;
|
||||
z-index: 150;
|
||||
display: none;
|
||||
&:after {
|
||||
border: 5px solid transparent;
|
||||
border-top-color: rgba($black, 0.85);
|
||||
|
|
@ -155,12 +161,46 @@ a:hover, a:visited {
|
|||
left: 10px;
|
||||
bottom: -10px;
|
||||
}
|
||||
&.right {
|
||||
left: auto;
|
||||
right: 0;
|
||||
&:after {
|
||||
left: auto;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topnav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// breadcrumb
|
||||
.breadcrumb {
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
background: none;
|
||||
> li {
|
||||
text-shadow: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
// dropzone
|
||||
|
||||
.dropzone-pool {
|
||||
border: 2px dashed $blue;
|
||||
margin-bottom: 16px;
|
||||
font-family: $paragraph-font;
|
||||
font-size: 0.9375rem;
|
||||
color: $dark-gray;
|
||||
margin-right: 1rem;
|
||||
border-radius: $general;
|
||||
}
|
||||
|
||||
// overriding member css
|
||||
#main-wrap {}
|
||||
|
||||
// Group page
|
||||
#main-wrap {
|
||||
padding-top: 0;
|
||||
|
|
@ -175,6 +215,7 @@ a:hover, a:visited {
|
|||
width: 100%;
|
||||
transition: $fast all;
|
||||
z-index: 500;
|
||||
background: $black;
|
||||
}
|
||||
|
||||
.group-page-banner-image-wrap {
|
||||
|
|
@ -195,7 +236,7 @@ a:hover, a:visited {
|
|||
}
|
||||
|
||||
.group-page-bar {
|
||||
padding: 0 2rem 0 6rem;
|
||||
padding: 0 2rem 20px 6rem;
|
||||
text-align: center;
|
||||
background: rgba($group-page-bar-color, 0.95);
|
||||
width: 100%;
|
||||
|
|
@ -204,6 +245,13 @@ a:hover, a:visited {
|
|||
bottom: 0;
|
||||
}
|
||||
|
||||
.group-page-view-switch-in-bar {
|
||||
display: none;
|
||||
.button {
|
||||
padding: 3px .75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.group-page-title {
|
||||
margin-bottom: 12px;
|
||||
padding: 6px 0;
|
||||
|
|
@ -212,14 +260,9 @@ a:hover, a:visited {
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
.group-page-new-post {
|
||||
float: right;
|
||||
margin: 18px 0 0 0;
|
||||
}
|
||||
|
||||
.group-page-section {
|
||||
overflow: hidden;
|
||||
max-width: 1350px;
|
||||
max-width: 1150px;
|
||||
margin: auto;
|
||||
padding: 300px 2rem 30px;
|
||||
}
|
||||
|
|
@ -267,13 +310,13 @@ a:hover, a:visited {
|
|||
|
||||
.group-page-post {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin-bottom: 40px;
|
||||
padding: 28px 1.5rem;
|
||||
text-align: center;
|
||||
border-radius: $general;
|
||||
background: $white;
|
||||
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
|
||||
transition: $normal box-shadow;
|
||||
}
|
||||
|
||||
.group-page-post-link {
|
||||
|
|
@ -307,6 +350,7 @@ a:hover, a:visited {
|
|||
.group-page-post-content {
|
||||
margin-bottom: .5rem;
|
||||
color: $dark-gray;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.group-page-post-title {
|
||||
|
|
@ -318,12 +362,16 @@ a:hover, a:visited {
|
|||
font-family: $paragraph-font;
|
||||
}
|
||||
|
||||
.group-page-post-sub-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.group-page-post-meta-wrap {
|
||||
color: $dark-gray;
|
||||
}
|
||||
|
||||
.group-page-post-author,
|
||||
.group-page-post-postdate {
|
||||
.group-page-post-sub-wrap {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
|
|
@ -331,6 +379,10 @@ a:hover, a:visited {
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.group-page-seen-by-lead {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// scroll view
|
||||
|
||||
.group-page.scroll {
|
||||
|
|
@ -338,14 +390,13 @@ a:hover, a:visited {
|
|||
.group-page-banner-wrap {
|
||||
height: 120px;
|
||||
}
|
||||
.group-page-banner-image-wrap {}
|
||||
.group-page-title {
|
||||
margin-bottom: 0;
|
||||
font-size: 1.625rem;
|
||||
line-height: 50px;
|
||||
}
|
||||
.group-page-new-post {
|
||||
margin-top: 9px;
|
||||
margin-top: 18px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
.group-page-new-post {
|
||||
|
|
@ -358,16 +409,20 @@ a:hover, a:visited {
|
|||
margin: 6px .5rem 0 0;
|
||||
display: none;
|
||||
}
|
||||
.group-page-view-switch {
|
||||
margin: 6px .5rem 0 0;
|
||||
.group-page-view-switch-in-bar {
|
||||
display: inline-block;
|
||||
margin-top: 18px;
|
||||
.button {
|
||||
padding: 4px .75rem;
|
||||
}
|
||||
}
|
||||
.group-page-section {
|
||||
padding-top: 60px;
|
||||
}
|
||||
.group-page-bar {}
|
||||
.btn {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.group-page li a {
|
||||
|
|
@ -381,7 +436,23 @@ a:hover, a:visited {
|
|||
}
|
||||
}
|
||||
|
||||
/* 600px */
|
||||
// 400px
|
||||
@media screen and (min-width: 25rem) {
|
||||
.group-page-new-post {
|
||||
margin: 0 0.625rem 16px;
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
.group-page-view-switch-in-bar {
|
||||
float: none;
|
||||
margin: 0;
|
||||
.button {
|
||||
padding: 6px .75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 600px
|
||||
|
||||
@media screen and (min-width: 37.5rem) {
|
||||
.group-page-post {
|
||||
|
|
@ -419,7 +490,17 @@ a:hover, a:visited {
|
|||
line-height: 70px;
|
||||
transition: .6s all;
|
||||
}
|
||||
.group-page-new-post {}
|
||||
.group-page-new-post {
|
||||
float: right;
|
||||
margin: 18px 0 0 0;
|
||||
}
|
||||
.group-page-view-switch-in-bar {
|
||||
margin: 18px 8px 0 0;
|
||||
float: right;
|
||||
li {
|
||||
padding: 8px .75rem;
|
||||
}
|
||||
}
|
||||
.group-page-view-switch {
|
||||
float: right;
|
||||
}
|
||||
|
|
@ -434,7 +515,8 @@ a:hover, a:visited {
|
|||
|
||||
// Group post
|
||||
.group-post {
|
||||
width: 980px;
|
||||
padding: 50px 2rem 30px;
|
||||
max-width: 1150px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
|
@ -446,11 +528,13 @@ a:hover, a:visited {
|
|||
font-family: $main-font;
|
||||
float: left;
|
||||
width: 90%;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.group-post-avatar-wrap {
|
||||
float: right;
|
||||
padding: 20px 0.375rem 0 0;
|
||||
padding: 0 0.375rem 0 0;
|
||||
}
|
||||
|
||||
.group-post-avatar-username-toggle {
|
||||
|
|
@ -470,6 +554,7 @@ a:hover, a:visited {
|
|||
right: 0;
|
||||
left: auto;
|
||||
white-space: nowrap;
|
||||
font-size: 0.75rem;
|
||||
&:after {
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.85);
|
||||
|
|
@ -482,7 +567,6 @@ a:hover, a:visited {
|
|||
|
||||
.group-post-postdate {
|
||||
display: inline-block;
|
||||
margin-right: 1rem;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
|
@ -549,53 +633,65 @@ a:hover, a:visited {
|
|||
|
||||
.group-post-attachment-wrap {
|
||||
float: left;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.group-post-attachment-icon {
|
||||
font-size: 1rem;
|
||||
padding: 6px 4px 0 0;
|
||||
float: left;
|
||||
width: 80%;
|
||||
margin: 10px 0 25px;
|
||||
}
|
||||
|
||||
.group-post-attachments {
|
||||
display: inline-block;
|
||||
padding-left: 0.5rem;
|
||||
float: left;
|
||||
width: 95%;
|
||||
a {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.group-post-attachment-file-format {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.group-post-seen-by {
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
.group-post-seen-by-names {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
.group-post-seen-by-name {
|
||||
display: block;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.group-post-seen-by-lead {
|
||||
margin-right: 4px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.group-post-seen-by-names {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.group-post-seen-by-count {
|
||||
border-radius: 50%;
|
||||
background: $gray;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// Comment section
|
||||
.comments {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.group-post-respond-comment {
|
||||
.comments .group-post-respond-comment {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
padding: 0 1rem;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.group-post-respond-submit {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.group-post-comment-list {
|
||||
|
|
@ -608,12 +704,17 @@ a:hover, a:visited {
|
|||
overflow: hidden;
|
||||
margin-bottom: 25px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid $light-gray;
|
||||
border-bottom: 1px solid lighten($light-gray, 12%);
|
||||
}
|
||||
|
||||
.group-post-no-comment {
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
|
||||
.group-post-comment-avatar {
|
||||
float: left;
|
||||
width: 8%;
|
||||
width: 60px;
|
||||
margin-right: 1rem;
|
||||
img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
|
|
@ -623,9 +724,42 @@ a:hover, a:visited {
|
|||
|
||||
.group-post-comment-author {
|
||||
font-size: .9375rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.group-post-comment-time {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.group-post-comment-content {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.group-post-comment-body {
|
||||
float: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
// 260px
|
||||
@media screen and (min-width: 16.25rem) {
|
||||
.group-post-attachments {
|
||||
a {
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
.group-post-attachments-file-name {
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 370px) {
|
||||
.group-post-comment-body {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
// group new
|
||||
|
|
@ -4,6 +4,7 @@
|
|||
text-shadow: 0 1px 0 #ffffff;
|
||||
font-family: 'Playfair Display SC', sans-serif;
|
||||
}
|
||||
|
||||
.main-forms fieldset {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #EDEDED;
|
||||
|
|
@ -12,9 +13,11 @@
|
|||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area {
|
||||
padding: 20px 20px 0;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
|
|
@ -22,6 +25,7 @@
|
|||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .nav-name {
|
||||
float: left;
|
||||
width: 100px;
|
||||
|
|
@ -33,27 +37,26 @@
|
|||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
}
|
||||
/*.main-forms fieldset .input-area .control-label {
|
||||
width: 100px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls {
|
||||
margin-left: 120px;
|
||||
}*/
|
||||
|
||||
.main-forms fieldset .input-area .controls textarea {
|
||||
max-width: 500px;
|
||||
max-height: 300px;
|
||||
min-height: 86px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls textarea.cke_source {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls hr {
|
||||
margin: 5px 0 10px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls h5 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .file-link {
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
|
|
@ -62,73 +65,92 @@
|
|||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend .btn-group {
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend .btn-group {
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend .btn-group .radio input[type="radio"],
|
||||
.main-forms fieldset .input-area .controls .input-prepend .btn-group .checkbox input[type="checkbox"] {
|
||||
margin: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend .btn-group li {
|
||||
text-align: left;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend .btn-group li label {
|
||||
padding-left: 5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .exist .input-prepend .btn-group:hover .dropdown-menu,
|
||||
.main-forms fieldset .input-area .controls .add-target .input-prepend .btn-group:hover .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .exist .input-prepend,
|
||||
.main-forms fieldset .input-area .controls .add-target .input-prepend {
|
||||
margin-bottom: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .exist .fileupload-new {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .exist .fileupload-new .input-prepend {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend a {
|
||||
text-decoration: none;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .input-prepend .tab-content > .active {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls .add-btn {
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .fileupload {
|
||||
margin-right: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .datetimepick {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .datetimepick .add-on {
|
||||
line-height: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .language-area .input-content .mceLayout {
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .module-nav,
|
||||
.main-forms fieldset .input-area .language-nav {
|
||||
margin: 0 0 20px;
|
||||
padding: 0 0 15px 120px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .module-nav li,
|
||||
.main-forms fieldset .input-area .language-nav li {
|
||||
position: relative;
|
||||
|
|
@ -151,23 +173,28 @@
|
|||
border-color: transparent transparent #EDEDED transparent;
|
||||
z-index: 5
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .module-nav li.active:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .language-nav li.active:after {
|
||||
bottom: -16px;
|
||||
margin-left: -4px;
|
||||
border-width: 0 5px 5px 5px;
|
||||
border-color: transparent transparent #FFFFFF transparent;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .module-nav {
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .language-area,
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
padding-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
|
|
@ -175,14 +202,17 @@
|
|||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main-forms fieldset .form-actions {
|
||||
/*padding-left: 140px;*/
|
||||
|
||||
padding-left: 200px;
|
||||
margin: 0px;
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .nav-scroll {
|
||||
margin-left: 120px;
|
||||
width: 800px;
|
||||
|
|
@ -190,16 +220,19 @@
|
|||
z-index: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .nav-scroll .scroller {
|
||||
width: 1000px;
|
||||
height: 100%;
|
||||
float: left;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] label {
|
||||
position: relative;
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="radio"],
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="checkbox"] {
|
||||
margin-left: 0;
|
||||
|
|
@ -214,16 +247,17 @@
|
|||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .question {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* User Role Forms */
|
||||
|
||||
#attributes-area.clickHere {
|
||||
min-height: 150px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#attributes-area.clickHere:before {
|
||||
font-family: 'entypo';
|
||||
content: '\e0be';
|
||||
|
|
@ -236,18 +270,22 @@
|
|||
opacity: .4;
|
||||
filter: alpha(opacity=40);
|
||||
}
|
||||
|
||||
.main-forms .input-append .tab-content {
|
||||
display: inline-block;
|
||||
overflow: inherit;
|
||||
}
|
||||
|
||||
.main-forms .input-append .tab-content .active {
|
||||
display: inline-block;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.main-forms .input-append .active {
|
||||
border-color: #c5c5c5;
|
||||
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.main-forms .input-append > .btn-group > .btn:first-child {
|
||||
margin-left: -1px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
|
|
@ -257,29 +295,36 @@
|
|||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 0px;
|
||||
}
|
||||
|
||||
.main-forms .attributes {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.main-forms .attributes .tab-content {
|
||||
overflow: inherit;
|
||||
}
|
||||
|
||||
.main-forms .attributes.disabled label,
|
||||
.main-forms .attributes.disabled h4 {
|
||||
color: #e6e6e6;
|
||||
}
|
||||
|
||||
.main-forms .attributes-header {
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.main-forms .attributes-header .btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.main-forms .attributes-header h4 {
|
||||
font-family: 'Chivo';
|
||||
line-height: 26px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.main-forms .attributes-header h4 b {
|
||||
padding: 0 1px;
|
||||
border-style: dotted;
|
||||
|
|
@ -288,15 +333,18 @@
|
|||
margin-right: 5px;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.main-forms .attributes-header h4 i {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.main-forms .field-type {
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.main-forms .field-type.fade {
|
||||
padding: 0px 10px;
|
||||
-webkit-transition: all 0.15s linear;
|
||||
|
|
@ -304,6 +352,7 @@
|
|||
-o-transition: all 0.15s linear;
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
|
||||
.main-forms .field-type.in {
|
||||
padding: 20px 10px;
|
||||
-webkit-transition: all 0.15s linear;
|
||||
|
|
@ -311,41 +360,51 @@
|
|||
-o-transition: all 0.15s linear;
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
|
||||
.main-forms .field-type .control-group {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.main-forms .field-type .control-group:last-child {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#user-forms .control-group .add-target .input-append,
|
||||
.main-forms .field-type .control-group .add-target .input-append {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.main-forms .field-type .control-group .add-target .input-append:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.main-forms .field-type .control-group .add-target .input-append input + input {
|
||||
border-radius: 0;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.main-forms .field-type .control-group .add-target.single .input-append input.last,
|
||||
.main-forms .control-group .add-target .btn-group .btn.last {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
.main-forms .parts-none {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 50px 0 70px;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.main-forms .display-mode table td:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting li {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
|
|
@ -354,13 +413,16 @@
|
|||
padding: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting li + li {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting li.active {
|
||||
padding: 0;
|
||||
width: 124px;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting li.active:after {
|
||||
font-family: FontAwesome;
|
||||
content: "\f00c";
|
||||
|
|
@ -378,15 +440,18 @@
|
|||
border-color: transparent #FFA307 transparent transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting li.active img {
|
||||
border-radius: 5px;
|
||||
background-color: #FFA307;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting img {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting input[type="radio"] {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0)0;
|
||||
|
|
@ -396,6 +461,7 @@
|
|||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.main-forms .display-mode .typesetting .style_description {
|
||||
display: block;
|
||||
line-height: 1.2em;
|
||||
|
|
@ -412,14 +478,17 @@
|
|||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.textarea-lang .ui-wrapper {
|
||||
padding-bottom: 0!important;
|
||||
}
|
||||
|
||||
.textarea-lang .ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.textarea-lang .ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
right: 1px;
|
||||
|
|
@ -430,19 +499,24 @@
|
|||
border-width: 0 0 8px 8px;
|
||||
border-color: transparent transparent #bcbcbc transparent;
|
||||
}
|
||||
|
||||
.textarea-lang .tab-pane textarea {
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.textarea-lang .btn-group {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.textarea-lang .btn-group .btn {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.textarea-lang .btn-group > .btn:first-child {
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
|
||||
.textarea-lang .btn-group > .btn:last-child {
|
||||
border-radius: 0 4px 0 0;
|
||||
}
|
||||
|
|
@ -450,23 +524,24 @@
|
|||
#address-field .control-label {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
#address-field .controls {
|
||||
margin-left: 140px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#sideset ul.mobile-themes,
|
||||
#sideset ul.orbitbar-themes {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes li,
|
||||
#sideset ul.orbitbar-themes li {
|
||||
position: relative;
|
||||
|
|
@ -478,16 +553,19 @@
|
|||
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes li {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: 160px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
#sideset ul.orbitbar-themes li {
|
||||
width: 500px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes li.active,
|
||||
#sideset ul.orbitbar-themes li.active {
|
||||
border: 5px solid #0088cc;
|
||||
|
|
@ -497,6 +575,7 @@
|
|||
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes li.active:after,
|
||||
#sideset ul.orbitbar-themes li.active:after {
|
||||
font-family: FontAwesome;
|
||||
|
|
@ -515,10 +594,12 @@
|
|||
border-color: transparent #0088cc transparent transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes li img {
|
||||
width: 160px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes li input[type="radio"],
|
||||
#sideset ul.orbitbar-themes li input[type="radio"] {
|
||||
margin-top: 0px;
|
||||
|
|
@ -528,17 +609,21 @@
|
|||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sideset ul.mobile-themes li input[type="radio"] {
|
||||
width: 160px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
#sideset ul.orbitbar-themes li input[type="radio"] {
|
||||
width: 500px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#sideset blockquote {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.downloaded_times {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
|
|
@ -547,10 +632,7 @@
|
|||
padding-left: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.main-forms fieldset .input-area .nav-name {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
(function( $ ) {
|
||||
|
||||
"use strict"
|
||||
"use strict";
|
||||
|
||||
function init() {
|
||||
var doc = document,
|
||||
|
|
@ -127,7 +127,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Specific functions that will be running on homepage
|
||||
if ( pageModule === "home" ) {
|
||||
|
|
@ -136,7 +136,6 @@
|
|||
|
||||
// Functions that will be running on every page
|
||||
orbit.sitemenuDropdown();
|
||||
orbit.member.equalHeight();
|
||||
orbit.plugins.bullEye();
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ html {
|
|||
body {
|
||||
font-family: $sub-font;
|
||||
font-size: inherit;
|
||||
margin-top: 40px; // needed for Orbit bar
|
||||
margin-top: 40px;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
|
|
|
|||
|
|
@ -1,47 +1,105 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
|
||||
//
|
||||
// Index
|
||||
//
|
||||
// Member Index
|
||||
// ## Gerneral styles for Index
|
||||
// Index 2
|
||||
.index-member-2 {
|
||||
.i-member-section {
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
@media screen and (min-width: $screen-sm) {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.i-member-status-title {
|
||||
@extend .unity-title;
|
||||
}
|
||||
|
||||
.i-member-item-inner {
|
||||
background: none;
|
||||
border-radius: 0.25rem;
|
||||
padding: 24px 1rem;
|
||||
margin-bottom: 16px;
|
||||
@media screen and (min-width: $screen-sm) {
|
||||
background: $theme-gray-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
.i-member-pic-wrap {
|
||||
height: auto;
|
||||
margin-bottom: 16px;
|
||||
|
||||
}
|
||||
.i-member-pic {
|
||||
width: 100%;
|
||||
}
|
||||
.i-member-profile-list {
|
||||
@include list-reset;
|
||||
}
|
||||
.i-member-profile-item {
|
||||
margin-bottom: 8px;
|
||||
font-size: $font-13;
|
||||
}
|
||||
// RWD
|
||||
@media screen and (min-width: $screen-sm) {
|
||||
.i-member-section {
|
||||
max-width: 100%;
|
||||
}
|
||||
.i-member-item-inner {
|
||||
background: $theme-gray-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// // Index 3
|
||||
.index-member-3 {
|
||||
.i-member-section {
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
}
|
||||
.i-member-status-title {
|
||||
@extend .unity-title;
|
||||
}
|
||||
.i-member-item-inner {
|
||||
background: none;
|
||||
border-radius: 0.25rem;
|
||||
padding: 24px 1rem;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.i-member-pic-wrap {
|
||||
height: auto;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.i-member-pic {
|
||||
width: 100%;
|
||||
}
|
||||
.i-member-profile-list {
|
||||
@include list-reset;
|
||||
}
|
||||
.i-member-profile-item {
|
||||
margin-bottom: 8px;
|
||||
font-size: $font-13;
|
||||
}
|
||||
.i-member-item:nth-child(odd) {
|
||||
clear: both;
|
||||
}
|
||||
.i-member-item-inner {}
|
||||
.i-member-pic-wrap {
|
||||
padding: 0;
|
||||
}
|
||||
// RWD
|
||||
@media screen and (min-width: $screen-sm) {
|
||||
.i-member-section {
|
||||
max-width: 100%;
|
||||
}
|
||||
.i-member-item-inner {
|
||||
background: $theme-gray-lighter;
|
||||
}
|
||||
|
||||
}
|
||||
@media screen and (min-width: $screen-md) {
|
||||
.i-member-pic-wrap {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 125px;
|
||||
}
|
||||
}
|
||||
|
||||
.i-member-pic {
|
||||
width: 100%;
|
||||
|
||||
@media screen and (min-width: $screen-sm) {
|
||||
position: absolute;
|
||||
top: -100%;
|
||||
left: 0;
|
||||
|
|
@ -51,52 +109,9 @@
|
|||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.i-member-profile-list {
|
||||
@include list-reset;
|
||||
}
|
||||
|
||||
.i-member-profile-item {
|
||||
margin-bottom: 8px;
|
||||
font-size: $font-13;
|
||||
}
|
||||
|
||||
.member-data-title-job-title:before,
|
||||
.member-data-title-name:before,
|
||||
.member-data-title-email:before,
|
||||
.member-data-title-office-tel:before {
|
||||
font-family: "fontAwesome";
|
||||
font-size: .75rem;
|
||||
display: inline-block;
|
||||
min-width: 15px;
|
||||
margin-right: .3125rem;
|
||||
content: "\f007";
|
||||
text-align: center;
|
||||
color: $theme-gray;
|
||||
}
|
||||
|
||||
.member-data-title-job-title:before {
|
||||
content: "\f19d";
|
||||
}
|
||||
|
||||
.member-data-title-email:before {
|
||||
content: "\f0e0";
|
||||
}
|
||||
|
||||
.member-data-title-office-tel:before {
|
||||
content: "\f098";
|
||||
}
|
||||
|
||||
// Index 3
|
||||
.i-member-item:nth-child( even) {
|
||||
.i-member-item-inner {}
|
||||
}
|
||||
|
||||
.i-member-pic-wrap {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Member show page
|
||||
// Show page
|
||||
.show-member {
|
||||
font-family: $sub-font;
|
||||
th, td {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,15 @@
|
|||
<div class="w-ad-banner ad-banner-widget-4">
|
||||
<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"
|
||||
>
|
||||
<div class="w-ad-banner__slide {{class}}"
|
||||
data-link="{{link}}"
|
||||
>
|
||||
<img class="w-ad-banner__image banner-responsive" src="{{image_link}}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<div class="w-adm widget-admission-1">
|
||||
<h3 class="w-adm__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<table class="w-adm__table table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-adm__th w-adm__th--category">{{category-head}}</th>
|
||||
<th class="w-adm__th w-adm__th--title">{{title-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td class="w-adm__category">{{category}}</td>
|
||||
<td>
|
||||
<span class="w-adm__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-adm__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="w-adm__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<div class="w-annc widget-announcement-13">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<table class="w-annc__table table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-annc__th w-annc__th--date">{{date-head}}</th>
|
||||
<th class="w-annc__th w-annc__th--title">{{title-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td class="w-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||
<td>
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<div class="w-annc widget-announcement-14">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__inner row">
|
||||
<div class="w-annc__img-wrap col-md-4 bullseye">
|
||||
<img class="w-annc__img" src="{{main_picture}}" alt="{{main_picture_description}}" title="{{main_picture_description}}">
|
||||
</div>
|
||||
<ul class="w-annc__list col-md-8" data-level="0" data-list="announcements">
|
||||
<li class="w-annc__item">
|
||||
<div class="w-annc__content row">
|
||||
<h4 class="w-annc__entry-title col-md-9">
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="w-annc__postdate-wrap col-md-3" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<div class="i-annc index-announcement-10">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="i-annc__entry-title col-sm-8">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="i-annc__category-wrap col-sm-2">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<div class="i-annc index-announcement-11">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<h4 class="i-annc__entry-title col-sm-9">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<div class="i-annc index-announcement-12">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="i-annc__entry-title col-sm-9">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<div class="i-annc index-announcement-13 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<div class="i-annc index-announcement-14 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||
<td>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<div class="i-annc index-announcement-15 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--category">{{view-count-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||
<td>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
<td class="i-annc__category">{{view_count}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<div class="i-annc index-announcement-16 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--title">{{link-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--title">{{file-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</td>
|
||||
<td>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
<td>
|
||||
<ul data-list="bulletin_links" data-level="1">
|
||||
<li>
|
||||
<a class="i-annc__title" href="{{link_url}}">{{link_title}}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<ul data-list="bulletin_files" data-level="1">
|
||||
<li>
|
||||
<a class="i-annc__title" href="{{file_url}}">{{file_title}}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<div class="i-annc index-announcement-4 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--category">{{category-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--category">{{view-count-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td><span class="i-annc__postdate" date-format="%Y-%m-%d">{{postdate}}</span></td>
|
||||
<td>
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
<td class="i-annc__category">{{category}}</td>
|
||||
<td class="i-annc__category">{{view_count}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<div class="i-annc index-announcement-5">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<div class="i-annc__img-wrap col-sm-4">
|
||||
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||
</div>
|
||||
<div class="i-annc__content-wrap col-sm-8">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="i-annc__entry-title">
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<p class="i-annc__subtitle">{{subtitle}}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<div class="i-annc index-announcement-6">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<div class="i-annc__content-wrap col-sm-8">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="i-annc__entry-title">
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<p class="i-annc__subtitle">{{subtitle}}</p>
|
||||
</div>
|
||||
<div class="i-annc__img-wrap col-sm-4">
|
||||
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<div class="i-annc index-announcement-7">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item col-md-4">
|
||||
<div class="i-annc__img-wrap bullseye">
|
||||
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="i-annc__entry-title">
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<p class="i-annc__subtitle">{{subtitle}}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<div class="i-annc index-announcement-8">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item">
|
||||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="i-annc__entry-title">
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<p class="i-annc__subtitle">{{subtitle}}</p>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<div class="i-annc index-announcement-9">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__category-wrap col-sm-2">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<h4 class="i-annc__entry-title col-sm-8">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -6,7 +6,7 @@
|
|||
"zh_tw" : "1. 相本排版-1",
|
||||
"en" : "1. Gallery-1"
|
||||
},
|
||||
"thumbnail" : "thumbnail-block-list.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "gallery_index2",
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
"zh_tw" : "2. 相本排版-2",
|
||||
"en" : "2. Gallery-2"
|
||||
},
|
||||
"thumbnail" : "thumbnail-block.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
],
|
||||
"widgets" : [
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
"zh_tw" : "1. 相本排版-1",
|
||||
"en" : "1. Gallery-1"
|
||||
},
|
||||
"thumbnail" : "thumbnail-block.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "gallery_widget2",
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
"zh_tw" : "2. 相本排版-2",
|
||||
"en" : "2. Gallery-2"
|
||||
},
|
||||
"thumbnail" : "thumbnail-block.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "gallery_widget3",
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
"zh_tw" : "3. 相本排版-3",
|
||||
"en" : "2. Gallery-3"
|
||||
},
|
||||
"thumbnail" : "thumbnail-block.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
|
|
@ -0,0 +1,28 @@
|
|||
{
|
||||
"frontend": [
|
||||
{
|
||||
"filename" : "member_index1",
|
||||
"name" : {
|
||||
"zh_tw" : "1. 表格列表",
|
||||
"en" : "1. Table List"
|
||||
},
|
||||
"thumbnail" : "thumbnail-block-list.png"
|
||||
},
|
||||
{
|
||||
"filename" : "member_index2",
|
||||
"name" : {
|
||||
"zh_tw" : "2. 單欄式 ( 類別標題, 個人照片, 個人資料)",
|
||||
"en" : "2. Single Column (category title, photo, profile)"
|
||||
},
|
||||
"thumbnail" : "member_index2_thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "member_index3",
|
||||
"name" : {
|
||||
"zh_tw" : "3. 名片式 ( 類別標題, 個人照片, 個人資料 )",
|
||||
"en" : "3. Two Columns (category title, photo, profile)"
|
||||
},
|
||||
"thumbnail" : "member_index3_thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,47 +1,11 @@
|
|||
<!-- <div class="index-member-group" data-list="roles" data-level="0">
|
||||
<div class="index-member-group-item">
|
||||
<div class="index-member-status" data-level="1" data-list="status-list">
|
||||
<h3 class="index-title">
|
||||
<span>{{status-title}}</span>
|
||||
</h3>
|
||||
<div class="index-member-list row" data-level="2" data-list="members">
|
||||
<div class="index-member-item clearfix col-lg-6 row">
|
||||
<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>
|
||||
</div>
|
||||
<div class="member-profile-data-wrap col-xs-8">
|
||||
<table class="table">
|
||||
<tbody data-list="profile_data" data-level="3">
|
||||
<tr>
|
||||
<th class="{{title_class}}">{{title}}</th>
|
||||
<td class="{{value_class}}">{{value}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="i-member index-member-1">
|
||||
<div class="i-member-group" data-list="roles" data-level="0">
|
||||
<div class="index-member-status" data-level="1" data-list="status-list">
|
||||
<h3 class="i-member__status-title">{{status-title}}</h3>
|
||||
<div class="index-member-list" >
|
||||
<table class="i-member__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="i-member__th i-member__th--date {{title_class}}">{{date-head}}</th>
|
||||
<th class="i-member__th i-member__th--title">{{title-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="2" data-list="members">
|
||||
<tr data-list="profile_data" data-level="3">
|
||||
<th class="">{{title}}</th>
|
||||
<td class="{{value_class}}">{{value}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<div class="i-member index-member-2">
|
||||
<div data-list="roles" data-level="0">
|
||||
<div class="i-member-section">
|
||||
<div data-level="1" data-list="status-list">
|
||||
<h3 class="i-member-status-title">{{status-title}}</h3>
|
||||
<div class="i-member-list" data-level="2" data-list="members">
|
||||
<div class="i-member-item row">
|
||||
<div class="i-member-item-inner clearfix">
|
||||
<div class="i-member-pic-wrap col-sm-3">
|
||||
<a class="i-member-link" href="{{link_to_show}}">
|
||||
<img class="i-member-pic img-thumbnail" src="{{image}}" alt="{{name}}" title="{{name}}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="i-member-profile-data-wrap col-sm-9">
|
||||
<ul class="i-member-profile-list" data-list="profile_data" data-level="3">
|
||||
<li class="i-member-profile-item">
|
||||
<span class="i-member-title {{title_class}}">{{title}}</span>
|
||||
<span class="i-member-value {{value_class}}">: {{value}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<div class="i-member index-member-3">
|
||||
<div data-list="roles" data-level="0">
|
||||
<div class="i-member-section">
|
||||
<div data-level="1" data-list="status-list">
|
||||
<h3 class="i-member-status-title">{{status-title}}</h3>
|
||||
<div class="i-member-list row" data-level="2" data-list="members">
|
||||
<div class="i-member-item col-md-6">
|
||||
<div class="i-member-item-inner clearfix">
|
||||
<div class="i-member-pic-wrap col-sm-4">
|
||||
<a class="i-member-link" href="{{link_to_show}}">
|
||||
<img class="i-member-pic" src="{{image}}" alt="{{name}}" title="{{name}}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="i-member-profile-data-wrap col-sm-8">
|
||||
<ul class="i-member-profile-list" data-list="profile_data" data-level="3">
|
||||
<li class="i-member-profile-item">
|
||||
<span class="i-member-title {{title_class}}">{{title}}</span>
|
||||
<span class="i-member-value {{value_class}}">: {{value}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<div class="index-member index1">
|
||||
<div class="index-member-group" data-list="roles" data-level="0">
|
||||
<div class="index-member-group-item">
|
||||
<div class="index-member-status" data-level="1" data-list="status-list">
|
||||
<h3 class="index-title">
|
||||
<span>{{status-title}}</span>
|
||||
</h3>
|
||||
<div class="index-member-list row" data-level="2" data-list="members">
|
||||
<div class="index-member-item clearfix col-lg-6 row">
|
||||
<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>
|
||||
</div>
|
||||
<div class="member-profile-data-wrap col-xs-8">
|
||||
<table class="table">
|
||||
<tbody data-list="profile_data" data-level="3">
|
||||
<tr>
|
||||
<th class="{{title_class}}">{{title}}</th>
|
||||
<td class="{{value_class}}">{{value}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<div class="index-member index1">
|
||||
<div class="index-member-group" data-list="roles" data-level="0">
|
||||
<div class="index-member-group-item">
|
||||
<div class="index-member-status" data-level="1" data-list="status-list">
|
||||
<h3 class="index-title">
|
||||
<span>{{status-title}}</span>
|
||||
</h3>
|
||||
<div class="index-member-list row" data-level="2" data-list="members">
|
||||
<div class="index-member-item clearfix col-lg-6 row">
|
||||
<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>
|
||||
</div>
|
||||
<div class="member-profile-data-wrap col-xs-8">
|
||||
<table class="table">
|
||||
<tbody data-list="profile_data" data-level="3">
|
||||
<tr>
|
||||
<th class="{{title_class}}">{{title}}</th>
|
||||
<td class="{{value_class}}">{{value}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
|
|
@ -1,3 +1,6 @@
|
|||
<% content_for :page_specific_javascript do -%>
|
||||
<%= javascript_include_tag "group.js" %>
|
||||
<% end -%>
|
||||
<%
|
||||
current_user_is_group_admin = group.admins.include?(current_user.id.to_s) ? true : false
|
||||
if !current_user_is_group_admin
|
||||
|
|
|
|||
|
|
@ -2,17 +2,8 @@
|
|||
<%= stylesheet_link_tag "lib/main-forms" %>
|
||||
<%= stylesheet_link_tag "lib/fileupload" %>
|
||||
<%= stylesheet_link_tag "lib/main-list" %>
|
||||
<%= stylesheet_link_tag "lib/group" %>
|
||||
<%= stylesheet_link_tag "group_admin" %>
|
||||
<%= stylesheet_link_tag "select2/select2" %>
|
||||
<style>
|
||||
.select2-container{
|
||||
width : 600px;
|
||||
}
|
||||
.img-avatar{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<% end %>
|
||||
<% content_for :page_specific_javascript do %>
|
||||
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
|
||||
|
|
@ -71,8 +62,23 @@
|
|||
<div class="control-group">
|
||||
<label class="control-label muted">Privacy</label>
|
||||
<div class="controls">
|
||||
<label class="radio inline">
|
||||
<input type="radio" name="group[privacy]" value="open" /> Open
|
||||
</label>
|
||||
<label class="radio inline">
|
||||
<input type="radio" name="group[privacy]" value="closed" checked="checked" /> Closed
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label muted">Permission</label>
|
||||
<div class="controls">
|
||||
<label class="radio inline">
|
||||
<input type="radio" name="group[privacy]" value="open" /> Read
|
||||
</label>
|
||||
<label class="radio inline">
|
||||
<input type="radio" name="group[privacy]" value="closed" checked="checked" /> Write
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a href="/admin/posts/<%= post.to_param %>" class="group-page-post-link">
|
||||
<div class="group-page-post">
|
||||
<div class="group-page-post clearfix">
|
||||
<div class="group-page-post-image-wrap">
|
||||
<% if !post.group_post_images.blank? %>
|
||||
<img class="group-page-post-image" src="<%= post.group_post_images.first.image.thumb.url %>" alt="<%= post.title %>">
|
||||
|
|
@ -26,21 +26,20 @@
|
|||
<i class="group-page-post-author-icon icon-user"></i> <%= author %>
|
||||
<% end %>
|
||||
</span>
|
||||
<div class="group-page-post-sub-wrap">
|
||||
<span class="group-page-post-postdate">
|
||||
<% date = DateTime.parse(post.created_at.to_s).strftime("%d %B") %>
|
||||
<i class="group-page-post-postdate-icon icon-time"></i> <%= date %>
|
||||
</span>
|
||||
<span class="group-post-time">10:25</span>
|
||||
</div>
|
||||
<div class="group-page-seen-by tool-tip-parent">
|
||||
<i class="fa fa-eye"></i>
|
||||
<em class="group-page-seen-by-lead">Seen by: </em>
|
||||
<div class="gorup-post-seen-by-names tool-tip right">
|
||||
<span class="group-page-seen-by-name">Harry</span>
|
||||
<span class="group-page-seen-by-name">Ika</span>
|
||||
<span class="group-page-seen-by-name">Joshua</span>
|
||||
<span class="group-page-seen-by-name">Mason</span>
|
||||
<span class="group-page-seen-by-name">Tina</span>
|
||||
<span class="group-page-seen-by-name">Shelley</span>
|
||||
<span class="group-page-seen-by-name">Anna</span>
|
||||
<span class="group-page-seen-by-name">Poke</span>
|
||||
<span class="group-page-seen-by-name">Moses</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,6 +3,10 @@
|
|||
<%= stylesheet_link_tag "lib/fileupload" %>
|
||||
<%= stylesheet_link_tag "lib/main-list" %>
|
||||
<%= stylesheet_link_tag "lib/dropzone" %>
|
||||
<%= stylesheet_link_tag "group_show" %>
|
||||
<%= stylesheet_link_tag "group_admin" %>
|
||||
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
|
||||
<%= stylesheet_link_tag "//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css" %>
|
||||
<% end %>
|
||||
<% content_for :page_specific_javascript do %>
|
||||
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
|
||||
|
|
@ -12,6 +16,11 @@
|
|||
<% end %>
|
||||
<div class="input-area">
|
||||
|
||||
<div class="upload-status-notice hide">
|
||||
<i class="fa fa-refresh fa-spin"></i>
|
||||
<span class="upload-text">Uploading...</span>
|
||||
</div>
|
||||
|
||||
<!-- Module Tabs -->
|
||||
<ul class="nav nav-pills module-nav">
|
||||
<li class="active"><a href="#basic" data-toggle="tab"><%= t(:basic) %></a></li>
|
||||
|
|
@ -26,13 +35,16 @@
|
|||
<label class="control-label muted"><%= t(:images) %></label>
|
||||
<div class="controls">
|
||||
<!-- <input name="group_post_images" type="file" multiple > -->
|
||||
<div class="dropzone" id="group-post-images">
|
||||
<div class="dropzone dropzone-pool" id="group-post-images">
|
||||
<div class="dropzone-previews" id="group-post-images-container"></div>
|
||||
</div>
|
||||
<% if params[:action] == "editpost" %>
|
||||
<button class="upload_image_btn">Upload</button>
|
||||
<button class="upload_image_btn btn">Upload</button>
|
||||
<% end %>
|
||||
<button class="remove_image_btn">Remove all images</button>
|
||||
<button class="remove_image_btn btn btn-warning">
|
||||
<i class="fa fa-ban"></i>
|
||||
<span>Remove all images</span>
|
||||
</button>
|
||||
</div>
|
||||
<div id="image_ids">
|
||||
|
||||
|
|
@ -65,13 +77,16 @@
|
|||
<label class="control-label muted"><%= t(:files) %></label>
|
||||
<div class="controls">
|
||||
<!-- <input name="group_post_images" type="file" multiple > -->
|
||||
<div class="dropzone" id="group-post-files">
|
||||
<div class="dropzone dropzone-pool" id="group-post-files">
|
||||
<div class="dropzone-previews" id="group-post-files-container"></div>
|
||||
</div>
|
||||
<% if params[:action] == "editpost" %>
|
||||
<button class="upload_file_btn">Upload</button>
|
||||
<% end %>
|
||||
<button class="remove_file_btn">Remove all files</button>
|
||||
<button class="remove_file_btn btn btn-warning">
|
||||
<i class="fa fa-ban"></i>
|
||||
<span>Remove all files<span>
|
||||
</button>
|
||||
</div>
|
||||
<div id="file_ids">
|
||||
|
||||
|
|
|
|||
|
|
@ -107,6 +107,10 @@
|
|||
|
||||
$("#create-post-form-btn").on("click",function(){
|
||||
doImagesUpload();
|
||||
// uploading all the files
|
||||
$(".upload-status-notice")
|
||||
.removeClass("hide")
|
||||
.addClass("animated slideInRight");
|
||||
return false;
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<% content_for :page_specific_css do -%>
|
||||
<%= stylesheet_link_tag "group_show" %>
|
||||
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
|
||||
<% end -%>
|
||||
<% content_for :page_specific_javascript do -%>
|
||||
<%= javascript_include_tag "group.js" %>
|
||||
|
|
@ -22,11 +23,23 @@
|
|||
<% if user_can_write? %>
|
||||
<a class="group-page-new-post button button-primary" href="<%= admin_group_newpost_path(@group) %>"><i class="icon-plus"></i> New Post</a>
|
||||
<% end %>
|
||||
<ul class="group-page-view-switch-in-bar button-group">
|
||||
<li class="group-page-feed-view button button-group-common button-default active">
|
||||
<a class="group-page-switch-btn" href="#" title="Feed"><i class="icon-list-ul"></i></a>
|
||||
</li>
|
||||
<li class="group-page-grid-view button button-group-common button-default">
|
||||
<a class="group-page-switch-btn" href="#" title="Grid"><i class="icon-th"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group-page-section">
|
||||
<div class="group-page-detail">
|
||||
<ul class="group-page-pagenation breadcrumb">
|
||||
<li><a href="#">Home</a> <span class="divider">/</span></li>
|
||||
<li class="active">Another teacher group</li>
|
||||
</ul>
|
||||
<span class="gorup-page-info-wrap button button-default" id="group_info_button">
|
||||
<i class="group-page-info-icon icon-info-sign"></i> <span>Info</span>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<% content_for :page_specific_css do -%>
|
||||
<%= stylesheet_link_tag "group_show" %>
|
||||
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
|
||||
<% end -%>
|
||||
<% content_for :page_specific_javascript do -%>
|
||||
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.min.js" %>
|
||||
|
|
@ -10,6 +11,10 @@
|
|||
<% end -%>
|
||||
|
||||
<article class="group-post">
|
||||
<ul class="group-page-pagenation breadcrumb">
|
||||
<li><a href="#">Home</a> <span class="divider">/</span></li>
|
||||
<li class="active">Another teacher group</li>
|
||||
</ul>
|
||||
<header class="group-post-meta">
|
||||
<div class="group-post-heading-wrap clearfix">
|
||||
<h2 class="group-post-title"><%= @post.title %></h2>
|
||||
|
|
@ -33,6 +38,7 @@
|
|||
<% date = DateTime.parse(@post.created_at.to_s).strftime("%d %B") %>
|
||||
<i class="group-post-postdate-icon icon-time"></i> <%= date %>
|
||||
</span>
|
||||
<span class="group-post-time">10:25</span>
|
||||
</div>
|
||||
</header>
|
||||
<section class="group-post-image-wrap">
|
||||
|
|
@ -57,37 +63,39 @@
|
|||
</section>
|
||||
<div class="group-post-attachment-wrap">
|
||||
<% if !@post.group_post_files.blank? %>
|
||||
<i class="group-post-attachment-icon icon-paper-clip"></i>
|
||||
<span class="group-post-attachments">
|
||||
<% @post.group_post_files.each do |gpf| %>
|
||||
<a href="/admin/posts/file/<%= gpf.id.to_s %>" class="btn btn-default"><%= File.basename(gpf.file.path) %></a>
|
||||
<a href="/admin/posts/file/<%= gpf.id.to_s %>" class="button button-default"><i class="group-post-attachment-file-format fa fa-file-image-o"></i><span class="group-post-attachments-file-name"><%= File.basename(gpf.file.path) %></span></a>
|
||||
<% end %>
|
||||
</span>
|
||||
<% end %>
|
||||
</div>
|
||||
<% if !@read_by_names.blank? %>
|
||||
<div class="group-post-seen-by tool-tip-parent">
|
||||
<i class="fa fa-eye"></i>
|
||||
<em class="group-post-seen-by-lead">Seen by: <span class="group-post-seen-by-count"><%= @read_by_names.count %></span></em>
|
||||
<div class="gorup-post-seen-by-names tool-tip right">
|
||||
<% @read_by_names.each do |name| %>
|
||||
<span class="group-post-seen-by-name"><%= name %></span>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<section class="comments">
|
||||
<% if user_can_write? %>
|
||||
<div class="grou-post-respond">
|
||||
<div class="group-post-respond">
|
||||
<form action="/admin/posts/comment" method="post" id="comment-form" >
|
||||
<h3 class="group-post-respond-title">
|
||||
Leave a comment
|
||||
</h3>
|
||||
<div class="group-post-respond-wrap">
|
||||
<label for="comment" class="screen-reader">Comment</label>
|
||||
<textarea name="group_post_comment[comment]" id="group_post_comment" class="group-post-respond-comment" cols="100" rows="2" placeholder="Your comment here."></textarea>
|
||||
<input type="text" name="group_post_comment[comment]" id="group_post_comment" class="group-post-respond-comment" placeholder="Your comment here.">
|
||||
<input type="hidden" name="group_post_comment[group_post_id]" value="<%= @post.id.to_s %>" />
|
||||
<input type="hidden" name="group_post_comment[user_id]" value="<%= current_user.id.to_s %>" />
|
||||
</div>
|
||||
<div class="grou-post-submit-wrap">
|
||||
<input type="submit" name="submit" class="grou-post-respond-submit btn btn-primary" id="submit" value="Submit Comment">
|
||||
<div class="group-post-submit-wrap">
|
||||
<input type="submit" name="submit" class="group-post-respond-submit button button-primary" id="submit" value="Submit Comment">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -102,7 +110,7 @@
|
|||
<ol class="group-post-comment-list" id="group-post-comment-list" >
|
||||
<%= render :partial => "post_comment", :collection => @post.group_post_comments.desc(:created_at) %>
|
||||
<% if @post.group_post_comments.length == 0 %>
|
||||
<li id="no-comments-li"> No comments yet. <%= (user_can_write? ? "Be the first one!" : "") %> </li>
|
||||
<li id="no-comments-li" class="group-post-no-comment"> No comments yet. <%= (user_can_write? ? "Be the first one!" : "") %> </li>
|
||||
<% end %>
|
||||
</ol>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in New Issue