139 lines
2.1 KiB
SCSS
139 lines
2.1 KiB
SCSS
@import '../vars';
|
|
|
|
textarea {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.page-content {
|
|
padding: 0 0;
|
|
}
|
|
|
|
.head, .head-inner, .head-logo-wrap, .head-items, .head-logo {
|
|
display: block;
|
|
}
|
|
.head-items {
|
|
white-space: normal;
|
|
}
|
|
.head {
|
|
overflow: hidden;
|
|
border-bottom: 1px $border-color solid;
|
|
margin-bottom: 15px;
|
|
}
|
|
.head-logo-wrap {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.head-logo {
|
|
margin: 0;
|
|
display: block;
|
|
text-align: left;
|
|
font-size: $fs;
|
|
box-sizing: border-box;
|
|
padding-top: 13px;
|
|
padding-bottom: 0;
|
|
|
|
&-title {
|
|
padding-bottom: 0;
|
|
}
|
|
&-subtitle {
|
|
padding-top: 5px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
> a:hover {
|
|
border-bottom-color: transparent !important;
|
|
}
|
|
}
|
|
|
|
.head-items {
|
|
text-align: left;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 12px;
|
|
margin: 6px 0 12px;
|
|
}
|
|
a.head-item {
|
|
padding: 5px 9px;
|
|
margin: 3px;
|
|
}
|
|
|
|
a.head-item.is-selected {
|
|
background-color: $bg;
|
|
}
|
|
a.head-item:hover,
|
|
a.head-item:active {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
|
|
}
|
|
a.head-item:last-child > span {
|
|
border-right: 0;
|
|
}
|
|
|
|
.blog-post-text code {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.index-book-image {
|
|
float: none;
|
|
width: 130px;
|
|
height: auto;
|
|
max-width: 100%;
|
|
padding-bottom: 154%;
|
|
background-size: 200%;
|
|
background-position: 0 0 !important;
|
|
}
|
|
.index-book-image-wrap {
|
|
float: left;
|
|
width: 130px;
|
|
height: auto;
|
|
margin: 0 15px 0 0;
|
|
max-width: 100%;
|
|
> a {
|
|
@include no-underline();
|
|
}
|
|
}
|
|
.index-book-updates {
|
|
float: none;
|
|
margin-left: 140px;
|
|
text-align: left;
|
|
line-height: 130%;
|
|
|
|
> div:nth-child(2) {
|
|
margin-top: 9px;
|
|
}
|
|
}
|
|
.index-dl-line {
|
|
margin: 0 0 12px 140px;
|
|
padding: 0;
|
|
background: none !important;
|
|
text-align: left;
|
|
|
|
> b { border-bottom: 1px $link-color-underline solid; }
|
|
> b:hover { border-bottom-color: $link-color-underline-hover; }
|
|
|
|
&-info {
|
|
padding-top: 4px;
|
|
font-size: $fs - 3px;
|
|
> span.bullet {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.page-content-inner {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.footer {
|
|
padding: 20px 15px;
|
|
|
|
&-left {
|
|
text-align: left;
|
|
}
|
|
&-right {
|
|
clear: none;
|
|
text-align: right;
|
|
}
|
|
}
|