Ссылки и шорткод
This commit is contained in:
parent
00a24c10eb
commit
d78a48cfcb
3637
css/child-theme.css
3637
css/child-theme.css
File diff suppressed because it is too large
Load diff
5
css/child-theme.min.css
vendored
5
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
|
@ -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
|
||||
|
|
|
@ -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 */
|
||||
}
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
//
|
||||
|
||||
$primary: #1f2429;
|
||||
$link-color: #132B0E;
|
||||
|
||||
$rudy-primary-color: #212121;
|
||||
$rudy-primary-color-light: #9E9E9E;
|
||||
|
|
|
@ -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>';
|
||||
|
|
Loading…
Reference in a new issue