130 lines
2.9 KiB
SCSS
130 lines
2.9 KiB
SCSS
|
// Member INDEX
|
||
|
|
.index-member {
|
||
|
|
.index-title {
|
||
|
|
@extend .unity-title;
|
||
|
|
}
|
||
|
|
&.index1 {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Member SHOW
|
||
|
|
.show-member {
|
||
|
|
.show-title {
|
||
|
|
@extend .unity-title;
|
||
|
|
}
|
||
|
|
// .show-content {
|
||
|
|
// padding-right: 0;
|
||
|
|
// padding-left: 0;
|
||
|
|
// .img {
|
||
|
|
// display: inline-block;
|
||
|
|
// width: 100%;
|
||
|
|
// height: auto;
|
||
|
|
// opacity: (0.8);
|
||
|
|
// -webkit-filter: grayscale(100%) brightness(1.2);
|
||
|
|
// -moz-filter: grayscale(100%) brightness(1.2);
|
||
|
|
// filter: grayscale(100%) brightness(1.2);
|
||
|
|
// @include transition(all 0.2s ease);
|
||
|
|
// }
|
||
|
|
// .show-content-inner {
|
||
|
|
// position: relative;
|
||
|
|
// padding: 2px;
|
||
|
|
// z-index: 0;
|
||
|
|
// @include scale(1);
|
||
|
|
// @include transition(all 0.2s ease);
|
||
|
|
// &:hover {
|
||
|
|
// z-index: 1;
|
||
|
|
// @include scale(1.1);
|
||
|
|
// .img {
|
||
|
|
// opacity: (1);
|
||
|
|
// -webkit-filter: grayscale(0%) brightness(1);
|
||
|
|
// -moz-filter: grayscale(0%) brightness(1);
|
||
|
|
// filter: grayscale(0%) brightness(1);
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
.post-metadata {
|
||
|
|
border-bottom: 1px solid $theme-gray-light;
|
||
|
|
@include clearfix();
|
||
|
|
li {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|