202 lines
5.6 KiB
SCSS
202 lines
5.6 KiB
SCSS
@import '../includes/fonts/lato';
|
|
@import '../includes/fonts/yantramanav';
|
|
|
|
@function encodecolor($string) {
|
|
@if type-of($string) == 'color' and str-index(#{$string}, '#') == 1 {
|
|
$hex: str-slice(ie-hex-str($string), 4);
|
|
$string: unquote('#{$hex}');
|
|
@return '%23' + $string;
|
|
}
|
|
@return $string;
|
|
}
|
|
|
|
$header_svg_lines: "%3Csvg width='5385.8px' height='449.88px' enable-background='new 0 0 5385.83 449.884' version='1.1' viewBox='0 0 5385.8 449.88' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='m603.7 206.08 144.57-72.337 30.403-180.93m-798.94 382.26 149.47-184.49-260.55-197.76 183.34-127.07m507.8-42.463-104.34 115.5-237.11-270.89 26.248 385.79-115.39 136.89 312.45 53.058 162.05 2.438-148.25-307.29m-13.801 304.85 13.801-304.85-210.86 114.9zm-573-250.82c87.568 31.447 43.784 15.724 0 0zm1785.5-28.267c-46.465-186.99-41.908-342.03 3.061-522.66l143.4 748.68m182.98-200.99-182.98 200.99m-0.01 0-146.45-226.02m-1435.8-296.66-89.144 522.68m1096-226.02-168.51 277.02-278-248.77m446.51-28.252-140.08-0.553-28.427 277.58m-225.47-573.68-52.531 324.91-174.97 253.27-43.904-422.79-341.45-155.39m1006.8 296.66 210.12-98.886c69.118-427.2 109.1-182.44 218.88 98.886m-875.52 28.252 306.43-28.806m-1033.1-98.249 77.204 324.83m1671.4 0-210.2 93.479 63.748-319.5-235.16 116.74 16.09-215.62m-56.76 316.79-321.68 59.114 362.35-160.28-193.84-113.2m153.17 214.38 40.67-101.17 171.41 202.77z' fill='none' stroke='" + encodecolor($secondary-color) + "' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E %3Cpath d='m3174.5 103.69-182.49-118.25 257.96-51.47m837 72.677 237.72 45.706 312.42-32.128m-1200.3-34.785 285.9 20.219m-285.9-20.219 102.65 82.887 183.25-62.668m364.23 0.988-364.23-0.987 22.055-119.18m1688.1 111.33-125.48-97.19-94.766 151.74-133.35-116.12-133.32 132.09-83.383-103.82-225.45 55.716-150.94-70.129-161.48 102.26m-783.16 168.82-367.02-117.48m882.5 100.29 267.68-151.62m312.42-32.128 308.84 48.103m486.92-70.525-220.24 54.55m0 0 117.47 276.5m-1788.6-107.68-2.035-152.84-364.98 35.365m1771.4-35.365-155.94 21.651m-1248.5 131.19 181.21-215.51 334.26 198.32zm1671.1-168.82-266.68 15.974zm-575.51-32.128 152.9 69.753m540.08 238.88 102.77-331.04 114.05 189.68zm-250.82-392.62-410.61-56.551m193.9 84.826-376.39-14.413-399.2 56.552m-342.17-120.17-307.96 98.964-262.33 118.24m1049.3-245.49 444.82 21.483m-923.87 6.794 479.04-28.276-136.87 148.45-29.963 197.33m1022.3-267.74 228.12-35.62m-1083.5-42.413 262.33 91.896m-1049.3 33.3-186.87-49.426-75.463 169.72m75.463-169.72c-2166.6 44.025-1083.3 22.012 0 0zm813.73-12.426-318.9-35.068' fill='none' stroke='" + encodecolor($secondary-color) + "' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E %3C/svg%3E";
|
|
|
|
%title {
|
|
@extend %title;
|
|
padding-left: 0.5rem;
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
background: $secondary-color;
|
|
height: 2px;
|
|
width: 70px;
|
|
margin-top: 1rem;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0.5rem;
|
|
}
|
|
}
|
|
|
|
%button {
|
|
@extend %button;
|
|
box-shadow: none;
|
|
font-weight: bold;
|
|
&:hover {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
%cancel-button {
|
|
@extend %button;
|
|
font-weight: normal;
|
|
color: lighten($font-color, 20%);
|
|
}
|
|
|
|
div.textcell {
|
|
h1 {
|
|
@extend %title;
|
|
}
|
|
h2 {
|
|
@extend %title;
|
|
font-size: 1.5rem;
|
|
}
|
|
}
|
|
|
|
#page .site-header {
|
|
background: transparent url("data:image/svg+xml, #{$header_svg_lines}") top center no-repeat;
|
|
background-size: 100%;
|
|
}
|
|
|
|
div#header-wrapper {
|
|
height: 140px;
|
|
#logo {
|
|
padding-top: 40px;
|
|
a {
|
|
display: block;
|
|
height: 100px;
|
|
background: url(/assets/header:logo) center center no-repeat;
|
|
background-size: auto 80px;
|
|
text-indent: -1000px;
|
|
overflow: hidden;
|
|
}
|
|
@media screen and ($max-mobile-viewport) {
|
|
padding-left: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#main-content-wrapper {
|
|
padding-top: 1rem;
|
|
background: white;
|
|
}
|
|
|
|
#toplinks {
|
|
background: #f6f6f6;
|
|
border: none;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
a {
|
|
display: inline-block;
|
|
color: black;
|
|
padding: 5px 10px 10px 10px;
|
|
text-decoration: underline;
|
|
&:hover {
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
@media screen and ($max-mobile-viewport) {
|
|
left: 0;
|
|
right: 0;
|
|
max-width: none;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
#nav {
|
|
text-align: center;
|
|
@media screen and ($max-mobile-viewport) {
|
|
text-align: left;
|
|
li > a::after {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.gru-nav li > a {
|
|
border-bottom-color: transparent;
|
|
padding-bottom: 10px;
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
width: 0px;
|
|
height: 2px;
|
|
background: $secondary-color;
|
|
margin: 5px auto 0 auto;
|
|
transition: width linear 0.2s;
|
|
@media screen and ($max-mobile-viewport) {
|
|
content: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.gru-nav > ul > li a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.gru-nav > ul > li li a {
|
|
&::after {
|
|
content: none;
|
|
}
|
|
&:hover {
|
|
font-weight: bold;
|
|
}
|
|
span {
|
|
border-left: 3px solid #ddd;
|
|
padding-left: 7px;
|
|
@media screen and ($max-mobile-viewport) {
|
|
margin-left: 1rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.gru-nav > ul li ul {
|
|
box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.34);
|
|
font-size: 95%;
|
|
@media screen and ($max-mobile-viewport) {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
div.gru-nav > ul > li li a {
|
|
padding: 0.5rem 0.5rem 0.15rem 0.5rem;
|
|
}
|
|
|
|
div.gru-nav li li a::after {
|
|
margin: 0;
|
|
}
|
|
|
|
div.gru-nav li:hover > a,
|
|
div.gru-nav li.selected > a {
|
|
border-bottom-color: transparent;
|
|
&:after {
|
|
width: 20px;
|
|
}
|
|
}
|
|
|
|
div.drafts-recall a,
|
|
div.textcell a {
|
|
text-decoration: underline;
|
|
&.pk-button, &.pk-big-button {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
form p label, .field--label {
|
|
font-size: 110%;
|
|
}
|
|
|
|
#footer-wrapper {
|
|
div.textcell a {
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
ul#evolutions li span.item {
|
|
background: white !important;
|
|
&::before {
|
|
background: $secondary-color;
|
|
}
|
|
}
|