457 lines
8.5 KiB
SCSS
457 lines
8.5 KiB
SCSS
@import 'scanlines';
|
|
|
|
//#wrapper-navbar {
|
|
.navbar-brand {
|
|
@include scan-crt(true);
|
|
@include scan-moving(false);
|
|
@extend .scanlines;
|
|
}
|
|
.navbar-toggler {
|
|
width: 100%;
|
|
}
|
|
u,
|
|
.entry-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;
|
|
background-repeat: no-repeat, no-repeat, repeat-x;
|
|
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;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
/* --- 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 {
|
|
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 {
|
|
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;
|
|
}
|
|
.ui-slider .ui-slider-range {
|
|
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;
|
|
}
|
|
|
|
.ui-slider-horizontal {
|
|
height: .8em;
|
|
}
|
|
.ui-slider-horizontal .ui-slider-handle {
|
|
top: -.3em;
|
|
margin-left: -.6em;
|
|
}
|
|
.ui-slider-horizontal .ui-slider-range {
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
.ui-slider-horizontal .ui-slider-range-min {
|
|
left: 0;
|
|
}
|
|
.ui-slider-horizontal .ui-slider-range-max {
|
|
right: 0;
|
|
}
|
|
|
|
.ui-slider-vertical {
|
|
width: .8em;
|
|
height: 100px;
|
|
}
|
|
.ui-slider-vertical .ui-slider-handle {
|
|
left: -.3em;
|
|
margin-left: 0;
|
|
margin-bottom: -.6em;
|
|
}
|
|
.ui-slider-vertical .ui-slider-range {
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ui-slider-vertical .ui-slider-range-min {
|
|
bottom: 0;
|
|
}
|
|
.ui-slider-vertical .ui-slider-range-max {
|
|
top: 0;
|
|
}
|
|
|
|
/* Corner radius */
|
|
.ui-corner-all,
|
|
.ui-corner-top,
|
|
.ui-corner-left,
|
|
.ui-corner-tl {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
.ui-corner-all,
|
|
.ui-corner-top,
|
|
.ui-corner-right,
|
|
.ui-corner-tr {
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.ui-corner-all,
|
|
.ui-corner-bottom,
|
|
.ui-corner-left,
|
|
.ui-corner-bl {
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.ui-corner-all,
|
|
.ui-corner-bottom,
|
|
.ui-corner-right,
|
|
.ui-corner-br {
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
|
|
/* Component containers
|
|
----------------------------------*/
|
|
.ui-widget {
|
|
font-family: Verdana,Arial,sans-serif;
|
|
font-size: 1.1em;
|
|
}
|
|
.ui-widget .ui-widget {
|
|
font-size: 1em;
|
|
}
|
|
.ui-widget input,
|
|
.ui-widget select,
|
|
.ui-widget textarea,
|
|
.ui-widget button {
|
|
font-family: Verdana,Arial,sans-serif;
|
|
font-size: 1em;
|
|
}
|
|
.ui-widget-content {
|
|
border: 1px solid #cccccc;
|
|
background: #f9f9f9;
|
|
color: #222222;
|
|
}
|
|
.ui-widget-content a {
|
|
color: #222222;
|
|
}
|
|
.ui-widget-header {
|
|
border: 1px solid #a3a3a3;
|
|
background: #333333;
|
|
color: #eeeeee;
|
|
font-weight: bold;
|
|
}
|
|
.ui-widget-header a {
|
|
color: #eeeeee;
|
|
}
|
|
|
|
/* Interaction states
|
|
----------------------------------*/
|
|
.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;
|
|
}
|
|
.ui-state-default a,
|
|
.ui-state-default a:link,
|
|
.ui-state-default a:visited {
|
|
color: #e3e3e3;
|
|
text-decoration: none;
|
|
}
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-hover,
|
|
.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;
|
|
}
|
|
.ui-state-hover a,
|
|
.ui-state-hover a:hover,
|
|
.ui-state-hover a:link,
|
|
.ui-state-hover a:visited,
|
|
.ui-state-focus a,
|
|
.ui-state-focus a:hover,
|
|
.ui-state-focus a:link,
|
|
.ui-state-focus a:visited {
|
|
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;
|
|
}
|
|
.ui-state-active a,
|
|
.ui-state-active a:link,
|
|
.ui-state-active a:visited {
|
|
color: #222222;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Interaction Cues
|
|
----------------------------------*/
|
|
.ui-state-highlight,
|
|
.ui-widget-content .ui-state-highlight,
|
|
.ui-widget-header .ui-state-highlight {
|
|
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;
|
|
}
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {
|
|
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;
|
|
}
|
|
.ui-state-error-text,
|
|
.ui-widget-content .ui-state-error-text,
|
|
.ui-widget-header .ui-state-error-text {
|
|
color: #ffffff;
|
|
}
|
|
.ui-priority-primary,
|
|
.ui-widget-content .ui-priority-primary,
|
|
.ui-widget-header .ui-priority-primary {
|
|
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;
|
|
}
|
|
.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;
|
|
}
|
|
.ui-state-disabled .ui-icon {
|
|
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
|
|
}
|