Ссылки и шорткод

This commit is contained in:
Alexander Yakovlev 2018-08-14 15:26:21 +07:00
parent 00a24c10eb
commit d78a48cfcb
7 changed files with 289 additions and 3656 deletions

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

@ -1,11 +1,11 @@
@import "theme/child_theme_variables"; // <--------- Add your variables into this file. Also add variables to overwrite Bootstrap variables here
@import "assets/bootstrap4";// <--------- Loads Bootstrap3 or Bootstrap4. Change from /bootstrap3 to /bootstrap4 Watch out! just for testing in the moment!
@import "assets/bootstrap4";
@import "../src/sass/understrap/understrap/understrap";// <-------- Loads the UnderStrap defaults. Just a few classes to incorporate BS in WP
@import "../src/sass/understrap/theme/contact-form7";// <-------- Loads some basic styling for contact form 7 plugin
//@import "../src/sass/understrap/theme/contact-form7";// <-------- Loads some basic styling for contact form 7 plugin
//Optional files - If you don´t use the corresponding scripts/fonts comment em out
@import "assets/font-awesome"; // <------- Font Awesome Icon font
@import "assets/underscores"; // <------- Underscores media styles
//@import "assets/font-awesome"; // <------- Font Awesome Icon font
//@import "assets/underscores"; // <------- Underscores media styles
// Any additional imported files //
@import "theme/child_theme"; // <--------- Add your styles into this file

View file

@ -10,7 +10,7 @@
width: 100%;
}
u,
#content a:hover:not(.btn) {
#content a:not(.btn) {
text-decoration: none;
background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(#333, #333);
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
@ -18,6 +18,11 @@ u,
text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8;
background-position: 0% 93%, 100% 93%, 0% 93%;
}
#content a:hover:not(.btn) {
text-decoration: none;
text-shadow: none;
background-image: none;
}
aside.widget {
margin-top: $font-size-base;
}
@ -40,57 +45,54 @@ aside.widget {
margin-top: $font-size-base;
}
/* --- KRIL begin --- */
/* --- (c) Nafanin --- */
.kril-game {}
.kril-game-header {
overflow: hidden;
.kril-nomination {
text-align: center;
}
.kril-game-title {
float: left;
width: 450px;
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 {
.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-descr {
float: left;
vertical-align: top;
width: 420px;
}
.kril-game hr, hr.kril {
border: 0;
@ -157,69 +159,69 @@ aside.widget {
/* jQuery UI Core + jQuery UI Slider */
.ui-slider {
position: relative;
text-align: left;
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
top: 0;
}
/* Corner radius */
@ -227,60 +229,60 @@ aside.widget {
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #cccccc;
background: #f9f9f9;
color: #222222;
border: 1px solid #cccccc;
background: #f9f9f9;
color: #222222;
}
.ui-widget-content a {
color: #222222;
color: #222222;
}
.ui-widget-header {
border: 1px solid #a3a3a3;
background: #333333;
color: #eeeeee;
font-weight: bold;
border: 1px solid #a3a3a3;
background: #333333;
color: #eeeeee;
font-weight: bold;
}
.ui-widget-header a {
color: #eeeeee;
color: #eeeeee;
}
/* Interaction states
@ -288,16 +290,16 @@ aside.widget {
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #777777;
background: #111111;
font-weight: normal;
color: #e3e3e3;
border: 1px solid #777777;
background: #111111;
font-weight: normal;
color: #e3e3e3;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #e3e3e3;
text-decoration: none;
color: #e3e3e3;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
@ -305,10 +307,10 @@ aside.widget {
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #000000;
background: #1c1c1c;
font-weight: normal;
color: #ffffff;
border: 1px solid #000000;
background: #1c1c1c;
font-weight: normal;
color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
@ -318,22 +320,22 @@ aside.widget {
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #ffffff;
text-decoration: none;
color: #ffffff;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #cccccc;
background: #a6f45c;
font-weight: normal;
color: #222222;
border: 1px solid #cccccc;
background: #a6f45c;
font-weight: normal;
color: #222222;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #222222;
text-decoration: none;
color: #222222;
text-decoration: none;
}
/* Interaction Cues
@ -341,51 +343,51 @@ aside.widget {
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #ffde2e;
background: #ffeb80;
color: #363636;
border: 1px solid #ffde2e;
background: #ffeb80;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #9e0505;
background: #cd0a0a;
color: #ffffff;
border: 1px solid #9e0505;
background: #cd0a0a;
color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff;
color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff;
color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

View file

@ -3,6 +3,7 @@
//
$primary: #1f2429;
$link-color: #132B0E;
$rudy-primary-color: #212121;
$rudy-primary-color-light: #9E9E9E;

View file

@ -30,32 +30,36 @@ function gamelist($atts){
if( $the_query->have_posts() ) {
while( $the_query->have_posts() ) {
$the_query->the_post();
$retval .= '<h2>'.$name.'</h2>';
$retval .= '<h2 class="kril-nomination">'.$name.'</h2>';
$retval .= '<div class="games">';
if ($i > 1) {
$retval .= '<hr class="kril">';
}
$retval .= '<div class="kril-game">';
$retval .= '<div class="kril-game-header"><div class="kril-game-title"><div class="kril-game-name">'.
'<a name="game-'.$nomination.'-'.$i.'"></a>'.get_the_title().'</div><div class="kril-game-author">Авторы:'.
get_field('authors').'</div></div>'.
'<div class="kril-game-platform">Платформа: '.get_field('platform').'</div></div>'.
$retval .= '<div class="kril-game-header">';
$retval .= '<div class="kril-game-name">'.
'<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></div>'.
'<div class="kril-game-info">'.
'<p class="kril-game-pic">'.get_the_post_thumbnail().'</p>'.
'<div class="kril-game-descr">'.get_the_content().'</div>';
'<div class="kril-game-pic">'.get_the_post_thumbnail().'</div>';
$retval .= '<div class="kril-game-descr"><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">';
if (!empty($online)) {
$retval .= get_field('link_online');
$retval .= '<a href="'.get_field('link_online').'" target="_blank">Играть онлайн</a>';
}
if (!empty($offline)) {
$retval .= get_field('link_offline');
$retval .= '<a href="'.get_field('link_offline').'" target="_blank">Скачать архив</a>';
}
$retval .= '</div>';
}
$retval .= '</div>';
$retval .= '</div></div>';
$i++;
}
$retval .= '</div>';