initial
This commit is contained in:
34
themes/next/source/css/_common/components/pages/archive.styl
Normal file
34
themes/next/source/css/_common/components/pages/archive.styl
Normal file
@ -0,0 +1,34 @@
|
||||
.page-archive {
|
||||
|
||||
.archive-page-counter {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: 20px;
|
||||
|
||||
+mobile() {
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.posts-collapse {
|
||||
|
||||
.archive-move-on {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 0;
|
||||
margin-left: -6px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
opacity: 0.5;
|
||||
background: $black-light;
|
||||
border: 1px solid white;
|
||||
|
||||
circle();
|
||||
}
|
||||
}
|
||||
|
||||
.fa-external-link {
|
||||
font-size: 15px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
ul.breadcrumb {
|
||||
list-style: none;
|
||||
margin: 1em 0;
|
||||
padding: 0 2em;
|
||||
text-align: center;
|
||||
font-size: $font-size-small
|
||||
|
||||
& li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
& li+li:before {
|
||||
padding: 0.5em;
|
||||
font-weight: normal;
|
||||
content: "/\00a0";
|
||||
}
|
||||
|
||||
& li+li:last-child {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
.category-all-page {
|
||||
.category-all-title { text-align: center; }
|
||||
|
||||
.category-all { margin-top: 20px; }
|
||||
|
||||
.category-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.category-list-item { margin: 5px 10px; }
|
||||
|
||||
.category-list-count {
|
||||
color: $grey;
|
||||
&:before {
|
||||
display: inline;
|
||||
content: " ("
|
||||
}
|
||||
&:after {
|
||||
display: inline;
|
||||
content: ") "
|
||||
}
|
||||
}
|
||||
|
||||
.category-list-child { padding-left: 10px; }
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
// Page specific styles
|
||||
|
||||
@import "archive";
|
||||
@import "categories";
|
||||
@import "schedule";
|
||||
@import "post-detail";
|
||||
@import "breadcrumb";
|
||||
@import "tag-cloud";
|
||||
@ -0,0 +1,6 @@
|
||||
.page-post-detail {
|
||||
|
||||
.sidebar-toggle-line { background: $sidebar-highlight; }
|
||||
|
||||
.comments { overflow: hidden; }
|
||||
}
|
||||
114
themes/next/source/css/_common/components/pages/schedule.styl
Normal file
114
themes/next/source/css/_common/components/pages/schedule.styl
Normal file
@ -0,0 +1,114 @@
|
||||
@keyframes dot-flash {
|
||||
from { opacity: 1; transform: scale(1.1); }
|
||||
to { opacity: 0; transform: scale(1); }
|
||||
}
|
||||
|
||||
#event-list {
|
||||
padding-left: 30px;
|
||||
hr {
|
||||
margin: 20px 0 45px 0 !important;
|
||||
background: #222;
|
||||
&:after {
|
||||
display: inline-block;
|
||||
content: 'NOW';
|
||||
background: #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
li.event {
|
||||
margin: 20px 0px;
|
||||
background: #F9F9F9;
|
||||
padding-left: 10px;
|
||||
min-height: 40px;
|
||||
h2.event-summary {
|
||||
margin: 0;
|
||||
padding-bottom: 3px;
|
||||
&:before {
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
font-size: 8px;
|
||||
content: '\f111';
|
||||
vertical-align: middle;
|
||||
margin-right: 25px;
|
||||
color: #bbb;
|
||||
}
|
||||
}
|
||||
span.event-relative-time {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
padding-left: 12px;
|
||||
color: #bbb;
|
||||
}
|
||||
span.event-details {
|
||||
show();
|
||||
color: #bbb;
|
||||
margin-left: 56px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 6px;
|
||||
text-indent: -24px;
|
||||
line-height: 18px;
|
||||
&:before {
|
||||
text-indent: 0;
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
font-family: FontAwesome;
|
||||
text-align: center;
|
||||
margin-right: 9px;
|
||||
color: #bbb;
|
||||
}
|
||||
&.event-location:before {
|
||||
content: '\f041';
|
||||
}
|
||||
&.event-duration:before {
|
||||
content: '\f017';
|
||||
}
|
||||
}
|
||||
}
|
||||
li.event-past {
|
||||
background: #FCFCFC;
|
||||
padding: 15px 0 15px 10px;
|
||||
& > * {
|
||||
opacity: .9;
|
||||
}
|
||||
h2.event-summary {
|
||||
color: #bbb;
|
||||
&:before {
|
||||
color: #DFDFDF;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.event-now {
|
||||
background: #222;
|
||||
color: #FFF;
|
||||
padding: 15px 0 15px 10px;
|
||||
h2.event-summary {
|
||||
&:before {
|
||||
transform: scale(1.2);
|
||||
color: #FFF;
|
||||
animation: dot-flash 1s alternate infinite ease-in-out;
|
||||
}
|
||||
}
|
||||
* {
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
li.event-future {
|
||||
background: #222;
|
||||
color: #FFF;
|
||||
padding: 15px 0 15px 10px;
|
||||
h2.event-summary {
|
||||
&:before {
|
||||
transform: scale(1.2);
|
||||
color: #FFF;
|
||||
animation: dot-flash 1s alternate infinite ease-in-out;
|
||||
}
|
||||
}
|
||||
* {
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
.tag-cloud {
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: $link-hover-color !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user