Вернул старые стили, обновил новые

This commit is contained in:
Alexander Yakovlev 2018-08-14 16:26:44 +07:00
parent b084089a11
commit 65535c4bf4
6 changed files with 119 additions and 7452 deletions

2
.gitignore vendored
View File

@ -13,3 +13,5 @@ dist-product
npm-debug.log
/vendor/
css/

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -45,54 +45,56 @@ aside.widget {
margin-top: $font-size-base;
}
.kril-nomination {
text-align: center;
/* --- KRIL begin --- */
/* --- (c) Nafanin --- */
.kril-game {}
.kril-game-header {
overflow: hidden;
}
.kril-game {
.kril-game-header {
display: flex;
flex-direction: row;
.kril-game-name {
font-size: $h3-font-size;
flex-grow: 1;
max-width: 600px;
&::before {
content: "«";
}
&::after {
content: "»";
}
}
}
.kril-authors {
display: block;
padding-top: ($h3-font-size / 2);
font-style: italic;
}
.kril-game-num {
float: right;
font-size: 36px;
width: 80px;
}
.kril-game-info {
display: flex;
flex-direction: row;
}
.kril-game-pic {
flex-grow: 1;
flex-shrink: 1;
img {
max-width: 100%;
height: auto;
}
}
.kril-game-descr {
margin-left: $font-size-base;
flex-grow: 2;
flex-shrink: 2;
.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;
@ -156,6 +158,67 @@ aside.widget {
color: #dde1ba;
}
// New style -- Oreolek
.nNomination {
text-align: center;
}
.nKrilGame {
.nGameHeader {
.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) {
min-width: 300px;
flex-shrink: 1;
}
}
.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;
}
}
}
/* jQuery UI Core + jQuery UI Slider */
.ui-slider {

View File

@ -30,27 +30,27 @@ function gamelist($atts){
if( $the_query->have_posts() ) {
while( $the_query->have_posts() ) {
$the_query->the_post();
$retval .= '<h2 class="kril-nomination">'.$name.'</h2>';
$retval .= '<h2 class="nNomination">'.$name.'</h2>';
$retval .= '<div class="games">';
if ($i > 1) {
$retval .= '<hr class="kril">';
}
$retval .= '<div class="kril-game">';
$retval .= '<div class="kril-game-header">';
$retval .= '<div class="kril-game-name">'.
$retval .= '<div class="nKrilGame">';
$retval .= '<div class="nGameHeader">';
$retval .= '<div class="nGameName">'.
'<a name="game-'.$nomination.'-'.$i.'"></a>'.get_the_title().
'</div>';
$retval .= '<div class="kril-meta">';
$retval .= '<p><span class="sr-only">Авторы:</span><span class="kril-authors">'.get_field('authors').'</span></p>';
$retval .= '<div class="nMeta">';
$retval .= '<p><span class="sr-only">Авторы:</span><span class="nAuthors">'.get_field('authors').'</span></p>';
$retval .= '</div></div>'.
'<div class="kril-game-info">'.
'<div class="kril-game-pic">'.get_the_post_thumbnail().'</div>';
$retval .= '<div class="kril-game-descr"><p>'.get_the_content().'</p>';
'<div class="nGameInfo">'.
'<div class="nGamePic">'.get_the_post_thumbnail().'</div>';
$retval .= '<div class="nGameDescr"><p>'.get_the_content().'</p>';
$retval .= '<p><strong>Платформа:</strong> '.get_field('platform').'</p>';
$online = get_field('link_online');
$offline = get_field('link_offline');
if (!empty($online) || !empty($offline)) {
$retval .= '<div class="kril-links">';
$retval .= '<div class="nLinks">';
if (!empty($online)) {
$retval .= '<a href="'.get_field('link_online').'" target="_blank">Играть онлайн</a>';
}