Вернул старые стили, обновил новые
This commit is contained in:
parent
b084089a11
commit
65535c4bf4
2
.gitignore
vendored
2
.gitignore
vendored
|
@ -13,3 +13,5 @@ dist-product
|
||||||
npm-debug.log
|
npm-debug.log
|
||||||
|
|
||||||
/vendor/
|
/vendor/
|
||||||
|
|
||||||
|
css/
|
||||||
|
|
7390
css/child-theme.css
7390
css/child-theme.css
File diff suppressed because it is too large
Load diff
7
css/child-theme.min.css
vendored
7
css/child-theme.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -45,54 +45,56 @@ aside.widget {
|
||||||
margin-top: $font-size-base;
|
margin-top: $font-size-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kril-nomination {
|
/* --- KRIL begin --- */
|
||||||
text-align: center;
|
/* --- (c) Nafanin --- */
|
||||||
|
|
||||||
|
.kril-game {}
|
||||||
|
|
||||||
|
.kril-game-header {
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.kril-game {
|
|
||||||
.kril-game-header {
|
.kril-game-title {
|
||||||
display: flex;
|
float: left;
|
||||||
flex-direction: row;
|
width: 480px;
|
||||||
.kril-game-name {
|
}
|
||||||
font-size: $h3-font-size;
|
|
||||||
flex-grow: 1;
|
|
||||||
max-width: 600px;
|
.kril-game-name {
|
||||||
&::before {
|
font-size: 28px;
|
||||||
content: "«";
|
}
|
||||||
}
|
|
||||||
&::after {
|
.kril-game-author, .kril-game-platform {
|
||||||
content: "»";
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
.kril-game-num {
|
||||||
.kril-authors {
|
float: right;
|
||||||
display: block;
|
font-size: 36px;
|
||||||
padding-top: ($h3-font-size / 2);
|
width: 80px;
|
||||||
font-style: italic;
|
}
|
||||||
}
|
|
||||||
.kril-game-num {
|
.kril-game-info {
|
||||||
float: right;
|
overflow: hidden;
|
||||||
font-size: 36px;
|
margin-top: 20px;
|
||||||
width: 80px;
|
}
|
||||||
}
|
|
||||||
.kril-game-info {
|
.kril-game-pic {
|
||||||
display: flex;
|
float: left;
|
||||||
flex-direction: row;
|
width: 150px;
|
||||||
}
|
vertical-align: top;
|
||||||
.kril-game-pic {
|
margin-right: 20px;
|
||||||
flex-grow: 1;
|
img {
|
||||||
flex-shrink: 1;
|
width: 150px;
|
||||||
img {
|
height: 150px;
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.kril-game-descr {
|
|
||||||
margin-left: $font-size-base;
|
|
||||||
flex-grow: 2;
|
|
||||||
flex-shrink: 2;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kril-game-descr {
|
||||||
|
float: left;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 420px;
|
||||||
|
}
|
||||||
|
|
||||||
.kril-game hr, hr.kril {
|
.kril-game hr, hr.kril {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
@ -156,6 +158,67 @@ aside.widget {
|
||||||
color: #dde1ba;
|
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 */
|
/* jQuery UI Core + jQuery UI Slider */
|
||||||
|
|
||||||
.ui-slider {
|
.ui-slider {
|
||||||
|
|
|
@ -30,27 +30,27 @@ function gamelist($atts){
|
||||||
if( $the_query->have_posts() ) {
|
if( $the_query->have_posts() ) {
|
||||||
while( $the_query->have_posts() ) {
|
while( $the_query->have_posts() ) {
|
||||||
$the_query->the_post();
|
$the_query->the_post();
|
||||||
$retval .= '<h2 class="kril-nomination">'.$name.'</h2>';
|
$retval .= '<h2 class="nNomination">'.$name.'</h2>';
|
||||||
$retval .= '<div class="games">';
|
$retval .= '<div class="games">';
|
||||||
if ($i > 1) {
|
if ($i > 1) {
|
||||||
$retval .= '<hr class="kril">';
|
$retval .= '<hr class="kril">';
|
||||||
}
|
}
|
||||||
$retval .= '<div class="kril-game">';
|
$retval .= '<div class="nKrilGame">';
|
||||||
$retval .= '<div class="kril-game-header">';
|
$retval .= '<div class="nGameHeader">';
|
||||||
$retval .= '<div class="kril-game-name">'.
|
$retval .= '<div class="nGameName">'.
|
||||||
'<a name="game-'.$nomination.'-'.$i.'"></a>'.get_the_title().
|
'<a name="game-'.$nomination.'-'.$i.'"></a>'.get_the_title().
|
||||||
'</div>';
|
'</div>';
|
||||||
$retval .= '<div class="kril-meta">';
|
$retval .= '<div class="nMeta">';
|
||||||
$retval .= '<p><span class="sr-only">Авторы:</span><span class="kril-authors">'.get_field('authors').'</span></p>';
|
$retval .= '<p><span class="sr-only">Авторы:</span><span class="nAuthors">'.get_field('authors').'</span></p>';
|
||||||
$retval .= '</div></div>'.
|
$retval .= '</div></div>'.
|
||||||
'<div class="kril-game-info">'.
|
'<div class="nGameInfo">'.
|
||||||
'<div class="kril-game-pic">'.get_the_post_thumbnail().'</div>';
|
'<div class="nGamePic">'.get_the_post_thumbnail().'</div>';
|
||||||
$retval .= '<div class="kril-game-descr"><p>'.get_the_content().'</p>';
|
$retval .= '<div class="nGameDescr"><p>'.get_the_content().'</p>';
|
||||||
$retval .= '<p><strong>Платформа:</strong> '.get_field('platform').'</p>';
|
$retval .= '<p><strong>Платформа:</strong> '.get_field('platform').'</p>';
|
||||||
$online = get_field('link_online');
|
$online = get_field('link_online');
|
||||||
$offline = get_field('link_offline');
|
$offline = get_field('link_offline');
|
||||||
if (!empty($online) || !empty($offline)) {
|
if (!empty($online) || !empty($offline)) {
|
||||||
$retval .= '<div class="kril-links">';
|
$retval .= '<div class="nLinks">';
|
||||||
if (!empty($online)) {
|
if (!empty($online)) {
|
||||||
$retval .= '<a href="'.get_field('link_online').'" target="_blank">Играть онлайн</a>';
|
$retval .= '<a href="'.get_field('link_online').'" target="_blank">Играть онлайн</a>';
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue