AsiaH9/assets/stylesheets/template/modules/archives.scss

354 lines
6.4 KiB
SCSS

@charset "utf-8";
@import "../initial";
//
// Widget
//
// Widget
// ## gerenral styles
.w-archive {
.w-archive__widget-title {
@extend .unity-title;
margin: 0.5rem 0;
}
.widget-title {
@extend .unity-title;
}
}
// Widget 1
.widget-archive-1 {
.w-archive__list.level-1 {
padding: 0.5rem;
}
.w-archive__item.level-1 {
list-style-position: inside;
margin-bottom: 0.8rem;
}
.w-archive__item-heading {
display: inline-block;
font-size: $w-item-heading-font-size;
font-family: $main-font;
color: $theme-gray;
margin: 0;
padding-bottom: 0.25rem;
}
.w-archive__list.level-2 {
margin: 0;
padding: 0;
}
.w-archive__item.level-2 {
border-bottom: 0.0625em dashed $w-border-color;
padding: 0 0 0.5rem 0.4rem;
.w-archive__list.level-3 {
list-style-type: none;
padding: 0;
& > li:before {
content:"";
background: url(/assets/arr.gif) 0 0 no-repeat;
display:inline-block;
width:0.3125em;
height: 0.5em;
padding: 0 0.3rem;
}
}
}
.w-archive__link {
font-size: $w-title-font-size-small;
}
}
//Widget 2
.widget-archive-2 {
.panel-default > .panel-heading {
cursor: pointer;
padding: 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
&:hover {
background-color: darken($color: #f5f5f5, $amount: 10);
}
}
.panel {
font-family: $main-font;
margin-bottom: 0.625em;
}
.panel-title {
font-family: $main-font;
a {
display: block;
padding: 0.625em 0.9375em;
.fa { padding-right: 0.5em; }
}
}
}
//index setting
.i-archive-title {
@extend .unity-title;
}
.txt { background-color: #6dbb73; }
.xlsx { background-color: #bb6d7f; }
.pdf { background-color: #3b8347; }
.docx { background-color: #846dbb; }
.pptx { background-color: #6d77bb; }
.jpg { background-color: #bb6d6d; }
.zip { background-color: #dcb957; }
// Archive index 1
.index-archive-1 {
font-family: $main-font;
.i-archive__archive-title {
font-size: 1rem;
margin-bottom: 0.625em;
vertical-align: top;
}
.i-archive__status-wrap {
vertical-align: top;
display: inline-block;
margin-bottom: 0.625em;
}
.i-archive__item {
margin-bottom: 2.5em;
}
.i-archive__category-list {}
.i-archive__category-title {
padding-bottom: 0.3125em;
}
.i-archive__category-item {
display: inline;
font-size: 0.8125rem;
}
.i-archive__item-wrap {}
.i-archive__file-list {
display: block;
margin-bottom: 0.8em;
}
.i-archive__file-wrap {
margin: 0 0.625rem 1em 0;
padding: 0.5em 0.75em;
border-radius: 0.125em;
border: 0.0625em solid lighten($theme-gray-light, 10%);
}
.i-archive__file-name {
font-size: 0.750em;
font-size: 0.75rem;
}
}
.index-archive-4 {
dt.i-archive-item-list { display: none; }
dl.i-archive-files-list { padding: 0; }
@media (min-width: 768px) {
.dl-horizontal dd { margin-left: 0 !important; }
}
}
.index-archive-2,
.index-archive-4 {
.panel-default>.panel-heading {
cursor: pointer;
padding: 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
&:hover {
background-color: darken($color: #f5f5f5, $amount: 10);
}
}
.panel {
font-family: $main-font;
margin-bottom: 0.625em;
}
.panel-title {
font-family: $main-font;
a {
display: block;
padding: 0.625em 0.9375em;
.fa { padding-right: 0.5em; }
}
}
.i-archive-tags {
margin-bottom: 0;
}
.i-archive-files-item {
font-size: 0.813em;
font-family: $main-font;
}
.i-archive-files-list {
dd {
margin-bottom: 0.3em;
}
}
.i-archive-tag-name {
margin-bottom: 0.5em;
font-size: 0.9375rem;
display: inline-block;
}
@media screen and (min-width: $screen-sm) {
.dl-horizontal {
dt {
text-align: left;
}
}
.dl-horizontal dt { overflow: unset; white-space: unset; }
.dl-horizontal dd { margin-left: 1em; }
}
}
.has-archive-tab {
.i-tag__item {
display: none;
}
.tab-content--active {
display: block !important;
}
.i-archive__tag-name {
cursor: pointer;
}
}
.index-archive-3 {
.i-archive__tag-name {
background-color: $theme-color-main;
color: $theme-white;
font-family: $main-font;
display: inline-block;
padding: 0.625em 0.75em;
margin-right: 0.3125em;
border-radius: 0.25em;
font-size: 0.938em;
&:hover {
background-color: darken($theme-color-main, 7%);
}
&.tab--active {
background-color: darken($theme-color-main, 7%);
}
}
.tab-content {
background-color: lighten($theme-gray, 65%);
padding: 20.3125em;
}
.i-archive__category-item {
margin-bottom: 0.5em;
}
.i-archive__category-title {
font-family: $main-font;
}
.i-archive__archive-title {
font-size: 0.938em;
}
.tab-content {
margin-bottom: 0.625em;
}
.i-archive__file-name {
font-size: 0.813em;
}
.i-archive__file-wrap {
margin-bottom: 0.625em;
}
.i-archive__item-wrap {
font-family: $main-font;
}
}
.index-archive-5 {
.i-archive__category-title {
font-size: 1rem;
margin-bottom: 0.625em;
vertical-align: top;
}
.i-items {
background: #fff;
border: 1px solid #333;
border-bottom: transparent;
}
.thead.row {
background: #91bfea;
padding: 0.5em 0;
margin: 0;
border-bottom: 1px solid #333;
@media (max-width: 767px) {
display: none;
}
}
.archive-items {
border-bottom: 1px solid #333;
line-height: 2;
div:nth-child(1), div:nth-child(2) {
border-right: 1px solid #333;
}
}
}
.index-archive-6 {
.i-archive__category-title {
font-size: 1rem;
margin-bottom: 0.625em;
vertical-align: top;
}
.i-items {
background: #fff;
border-bottom: transparent;
}
.head { padding: 0; }
tbody { font-size: 0.8rem; }
.i-archive__file { margin: 0; }
.i-archive__file-list { padding: 0; }
.i-archive__file-name { color: #616161; }
.thead.row {
@media (max-width: 767px) {
display: none;
}
}
.archive-items {
border-bottom: 1px solid transparent;
font-size: 0.8rem;
padding: 10px;
&:nth-child(even) {
background-color: #F3F3F3;
}
div:nth-child(1), div:nth-child(2) {
// border-right: 1px solid #333;
}
}
}