218 lines
4.1 KiB
SCSS
218 lines
4.1 KiB
SCSS
@charset "utf-8";
|
|
@import "../initial";
|
|
//
|
|
// Widget
|
|
//
|
|
// Widget
|
|
// ## gerenral styles
|
|
.w-archive {
|
|
.w-archive__widget-title {
|
|
font-family: $main-font;
|
|
font-size: $w-widget-title-font-size;
|
|
color: $theme-gray;
|
|
margin: 0.5rem 0;
|
|
}
|
|
}
|
|
|
|
// Widget 1
|
|
.archive-widget-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: 1px dashed $w-border-color;
|
|
padding: 0 0 0.5rem 0.4rem;
|
|
}
|
|
.w-archive__link {
|
|
font-size: $w-title-font-size-small;
|
|
}
|
|
}
|
|
|
|
// Archive index 1
|
|
.index-archive-1 {
|
|
font-family: $main-font;
|
|
.i-archive__archive-title {
|
|
font-size: 1rem;
|
|
margin-bottom: 10px;
|
|
vertical-align: top;
|
|
display: inline-i;
|
|
}
|
|
.i-archive__status-wrap {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
}
|
|
.i-archive__item {
|
|
margin-bottom: 40px;
|
|
}
|
|
.i-archive__category-list {
|
|
margin-top: 20px;
|
|
}
|
|
.i-archive__category-title {
|
|
padding-bottom: 5px;
|
|
}
|
|
.i-archive__category-item {
|
|
font-size: 0.8125em;
|
|
display: inline-block;
|
|
font-size: .8125rem;
|
|
margin-bottom: 5px;
|
|
}
|
|
.i-archive__item-wrap {}
|
|
.i-archive__file-list {
|
|
display: block;
|
|
margin-bottom: 0.8em;
|
|
}
|
|
.i-archive__file-wrap {
|
|
margin: 0 0.625rem 15px 0;
|
|
padding: 8px 12px;
|
|
border-radius: 2px;
|
|
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
|
border: 1px solid lighten($theme-gray-light, 10%);
|
|
}
|
|
.i-archive__file-name {
|
|
font-size: 0.75em;
|
|
font-size: 0.75rem;
|
|
}
|
|
.status-top {
|
|
font-size: 0.75rem;
|
|
background-color: $theme-color-main;
|
|
;
|
|
}
|
|
.status-hot {
|
|
font-size: 0.75rem;
|
|
background-color: $theme-color-third;
|
|
}
|
|
}
|
|
.index-archive-2 {
|
|
.status-top {
|
|
background-color: $theme-color-main;
|
|
font-size: 0.75rem;
|
|
}
|
|
.status-hot {
|
|
font-size: 0.75rem;
|
|
background-color: $theme-color-third;
|
|
}
|
|
.panel {
|
|
font-family: $main-font;
|
|
margin-bottom: 10px;
|
|
}
|
|
.panel-title {
|
|
font-family: $main-font;
|
|
}
|
|
.i-archive-tags {
|
|
margin-bottom: 0;
|
|
}
|
|
.index-archives-files-item {
|
|
font-size: 0.8125em;
|
|
font-family: $main-font;
|
|
}
|
|
.index-archives-files-list {
|
|
dd {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.index-archive-tag-name {
|
|
margin-bottom: 8px;
|
|
font-size: 0.9375rem;
|
|
display: inline-block;
|
|
}
|
|
@media screen and (min-width: $screen-sm) {
|
|
.dl-horizontal {
|
|
dt {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.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: 10px 12px;
|
|
margin-right: 5px;
|
|
border-radius: 4px;
|
|
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
|
font-size: 0.9375em;
|
|
&: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: 25px;
|
|
}
|
|
|
|
.i-archive__category-item {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.i-archive__category-title {
|
|
font-family: $main-font;
|
|
}
|
|
|
|
.i-archive__archive-title {
|
|
font-size: 0.9375em;
|
|
}
|
|
|
|
.tab-content {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.status-top {
|
|
background-color: $theme-color-main;
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.status-hot {
|
|
font-size: 0.75rem;
|
|
background-color: $theme-color-third;
|
|
}
|
|
|
|
.i-archive__file-name {
|
|
font-size: 0.8125em;
|
|
}
|
|
|
|
.i-archive__file-wrap {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.i-archive__item-wrap {
|
|
font-family: $main-font;
|
|
}
|
|
}
|