kril-theme/sass/theme/_child_theme.scss

230 lines
3.5 KiB
SCSS

@import 'underlines';
@import 'sliders';
.navbar-toggler {
width: 100%;
}
aside.widget {
margin-top: $font-size-base;
}
.more-link {
text-align: center;
display: block;
}
#searchform label{
@include sr-only();
}
.entry-meta,
.entry-footer {
&,span a {
color: $gray-500;
margin-top: $font-size-base / 2;
margin-bottom: $font-size-base / 2;
}
}
#comments {
margin-top: $font-size-base;
}
.cat-links {
display: none;
}
/* --- KRIL begin --- */
/* --- (c) Nafanin --- */
.kril-game {}
.kril-game-header {
overflow: hidden;
}
.kril-game-title {
float: left;
width: 480px;
}
.kril-game-name {
font-size: 28px;
}
.kril-game-author, .kril-game-platform {
font-size: 14px;
}
.kril-game-num {
float: right;
font-size: 36px;
width: 80px;
}
.kril-game-info {
overflow: hidden;
margin-top: 20px;
}
.kril-game-pic {
float: left;
width: 150px;
vertical-align: top;
margin-right: 20px;
img {
width: 150px;
height: 150px;
}
}
.kril-game-descr {
float: left;
vertical-align: top;
width: 420px;
}
.kril-game hr, hr.kril {
border: 0;
border-top: 1px dotted #ccc;
height: 1px;
margin: 20px 0 20px;
}
/* --- Results --- */
.kril-result {
display: flex;
flex-direction: row;
.kril-result-place {
margin-right: $font-size-base;
font-size: 36px;
min-width: 100px;
text-align: center;
span {
font-size: 14px;
}
&.top-place {
font-size: 48px;
font-weight: bold;
span {
font-size: 18px;
}
}
a {
color: $primary;
}
}
.kril-result-title {
flex-grow: 1;
}
}
.kril-result-name {
font-size: 28px;
}
.kril-result-author, .kril-result-platform {
font-size: 14px;
}
.kril-result-info {
margin-top: 20px;
}
.kril-result hr, hr.kril {
border: 0;
border-top: 1px dotted #ccc;
height: 1px;
margin: 20px 0 20px;
}
#FAQ STRONG {
font-size: 1.3em;
color: #dde1ba;
}
// New style -- Oreolek
.nNomination {
clear: left;
text-align: center;
}
.nKrilGame {
margin-top: $font-size-base;
.nGameHeader {
.nRating {
float: right;
font-weight: bold;
}
.nRating, .nGameNum {
font-size: $font-size-base * 1.2;
margin-top: $font-size-base * 0.25;
}
.nGameNum {
float: left;
margin-right: $font-size-base;
color: grey;
}
.nGameName {
font-size: $h3-font-size;
&::before {
content: "«";
}
&::after {
content: "»";
}
}
}
.nAuthors {
display: block;
font-style: italic;
}
.nNum {
float: right;
font-size: 36px;
width: 80px;
}
.nGameInfo {
display: flex;
flex-direction: row;
@include media-breakpoint-down('sm', $grid-breakpoints) {
flex-wrap: wrap;
}
}
.nGamePic {
flex-grow: 1;
@include media-breakpoint-only('xs', $grid-breakpoints) {
width: 100%;
height: auto;
}
@include media-breakpoint-only('sm', $grid-breakpoints) {
max-width: 80%;
margin: 0 auto;
height: auto;
}
@include media-breakpoint-up('md', $grid-breakpoints) {
max-width: 300px;
flex-shrink: 1;
img {
max-height: 400px;
}
}
}
.nGameDescr {
flex-grow: 2;
flex-shrink: 3;
@include media-breakpoint-down('sm', $grid-breakpoints) {
margin-top: $font-size-base;
}
@include media-breakpoint-up('md', $grid-breakpoints) {
margin-left: $font-size-base;
}
}
}
.order-buttons {
flex-wrap: wrap;
width: 100%;
}
.nQuickLink {
margin-right: $font-size-base;
}