mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
Remove all old internal css
This commit is contained in:
davegson
parent
34156e6753
commit
050b3cfd0b
25 changed files with 0 additions and 1732 deletions
|
|
@ -1,56 +0,0 @@
|
|||
i.icon.safing-primary {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.ui.safing-primary {
|
||||
background-color: $primary;
|
||||
|
||||
&.button {
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($primary, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui.button.safing-secondary {
|
||||
color: $secondary;
|
||||
|
||||
&:hover {
|
||||
color: $secondary;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ui.button.safing-full {
|
||||
color: $secondary;
|
||||
background-color: $white;
|
||||
|
||||
&:hover {
|
||||
background-color: $secondary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.ui.windows.button {
|
||||
background-color: #0072C6;
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
background-color: darken(#0072C6, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.ui.ubuntu.button {
|
||||
background-color: #E95420;
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
background-color: darken(#E95420, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.ui.apple.disabled.button {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
.community-hub .ui.button {
|
||||
width: 100%;
|
||||
border-radius: 92px;
|
||||
margin: 1rem 0;
|
||||
|
||||
.twitch.icon {
|
||||
color: #4b367c;
|
||||
}
|
||||
|
||||
.twitter.icon {
|
||||
color: #1da1f2;
|
||||
}
|
||||
|
||||
.github.icon {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.reddit.icon {
|
||||
color: #ff4301;
|
||||
}
|
||||
|
||||
.discourse.icon {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.rss.icon {
|
||||
color: #a0a5ae;
|
||||
}
|
||||
|
||||
.envelope.icon {
|
||||
color: #c16f6f;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
.contact-image {
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-text {
|
||||
color: $color_tundora_approx;
|
||||
padding-bottom: 60px;
|
||||
line-height: 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.imprint {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
.footer-section {
|
||||
width: 100%;
|
||||
background-color: $background_bar;
|
||||
margin: 0 !important;
|
||||
padding: 1rem;
|
||||
|
||||
a {
|
||||
color: $discreet;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,132 +0,0 @@
|
|||
body, .ui.header, h1, h2, h3, h4, h5, h6, p {
|
||||
font-family: 'Roboto', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.pusher {
|
||||
background-color: $background_bar !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $anchor;
|
||||
}
|
||||
|
||||
p a:hover {
|
||||
color: $anchor_hover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.color-primary {
|
||||
color: $primary;
|
||||
|
||||
&:hover {
|
||||
color: darken($primary, 10%)
|
||||
}
|
||||
}
|
||||
|
||||
.color-primary-important {
|
||||
color: $primary !important;
|
||||
}
|
||||
|
||||
.vertical-align {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ui.text.container {
|
||||
max-width: 850px !important;
|
||||
}
|
||||
|
||||
.max-width-100 {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body > .content, .pusher > .content {
|
||||
background-color: $background_main;
|
||||
}
|
||||
|
||||
.padding-top-10 { padding-top: 10px; }
|
||||
.padding-top-20 { padding-top: 20px; }
|
||||
.padding-top-40 { padding-top: 40px; }
|
||||
.padding-top-60 { padding-top: 60px; }
|
||||
.padding-top-80 { padding-top: 80px; }
|
||||
.padding-top-100 { padding-top: 100px; }
|
||||
.padding-right-10 { padding-right: 10px; }
|
||||
.padding-right-20 { padding-right: 20px; }
|
||||
.padding-right-40 { padding-right: 40px; }
|
||||
.padding-right-60 { padding-right: 60px; }
|
||||
.padding-right-80 { padding-right: 80px; }
|
||||
.padding-right-100 { padding-right: 100px; }
|
||||
.padding-bottom-10 { padding-bottom: 10px; }
|
||||
.padding-bottom-20 { padding-bottom: 20px; }
|
||||
.padding-bottom-40 { padding-bottom: 40px; }
|
||||
.padding-bottom-60 { padding-bottom: 60px; }
|
||||
.padding-bottom-80 { padding-bottom: 80px; }
|
||||
.padding-bottom-100 { padding-bottom: 100px; }
|
||||
.padding-left-10 { padding-left: 10px; }
|
||||
.padding-left-20 { padding-left: 20px; }
|
||||
.padding-left-40 { padding-left: 40px; }
|
||||
.padding-left-60 { padding-left: 60px; }
|
||||
.padding-left-80 { padding-left: 80px; }
|
||||
.padding-left-100 { padding-left: 100px; }
|
||||
|
||||
.margin-top-10 { margin-top: 10px; }
|
||||
.margin-top-20 { margin-top: 20px; }
|
||||
.margin-top-40 { margin-top: 40px; }
|
||||
.margin-top-60 { margin-top: 60px; }
|
||||
.margin-top-80 { margin-top: 80px; }
|
||||
.margin-top-100 { margin-top: 100px; }
|
||||
.margin-right-10 { margin-right: 10px; }
|
||||
.margin-right-20 { margin-right: 20px; }
|
||||
.margin-right-40 { margin-right: 40px; }
|
||||
.margin-right-60 { margin-right: 60px; }
|
||||
.margin-right-80 { margin-right: 80px; }
|
||||
.margin-right-100 { margin-right: 100px; }
|
||||
.margin-bottom-10 { margin-bottom: 10px; }
|
||||
.margin-bottom-20 { margin-bottom: 20px; }
|
||||
.margin-bottom-40 { margin-bottom: 40px; }
|
||||
.margin-bottom-60 { margin-bottom: 60px; }
|
||||
.margin-bottom-80 { margin-bottom: 80px; }
|
||||
.margin-bottom-100 { margin-bottom: 100px; }
|
||||
.margin-left-10 { margin-left: 10px; }
|
||||
.margin-left-20 { margin-left: 20px; }
|
||||
.margin-left-40 { margin-left: 40px; }
|
||||
.margin-left-60 { margin-left: 60px; }
|
||||
.margin-left-80 { margin-left: 80px; }
|
||||
.margin-left-100 { margin-left: 100px; }
|
||||
|
||||
.opacity-85 {
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.text-light {
|
||||
opacity: $opacity-light;
|
||||
}
|
||||
|
||||
.text-lighter {
|
||||
opacity: $opacity-lighter;
|
||||
}
|
||||
|
||||
.note-light {
|
||||
font-style: italic;
|
||||
opacity: $opacity-light;
|
||||
}
|
||||
|
||||
.margin-0-auto {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background: #f9f9f9;
|
||||
border-left: 5px solid #ccc;
|
||||
margin: 1.5em 10px;
|
||||
padding: 0.5em 10px;
|
||||
quotes: "\201C""\201D""\2018""\2019";
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
i.white.icon {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
/* Mobile */
|
||||
@media only screen and (max-width: 767px) {
|
||||
html {
|
||||
font-size: 1.0rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet / iPad Portrait */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
html {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Computer / Desktop / iPad Landscape */
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
html {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large Monitor */
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||
html {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Widescreen Monitor */
|
||||
@media only screen and (min-width: 1920px) {
|
||||
html {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
#gate-17 {
|
||||
padding-top: 6em;
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
.ui.cards {
|
||||
a {
|
||||
color: $main_color;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
.newsletter {
|
||||
.consent {
|
||||
font-size: 0.75em !important;
|
||||
}
|
||||
|
||||
.segment {
|
||||
margin-bottom: 4em !important;
|
||||
}
|
||||
|
||||
text-align: left !important;
|
||||
}
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
.funding-progressbar {
|
||||
margin: 0 20px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#ownership {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
|
||||
.ui.horizontal.cards .card {
|
||||
width: 86%;
|
||||
margin-left: 2%;
|
||||
|
||||
.image {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-right: 0.5em;
|
||||
|
||||
.header .ui.small.text {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 0.65em;
|
||||
}
|
||||
|
||||
.meta {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
.extra.content {
|
||||
opacity: 0.55;
|
||||
|
||||
padding-left: 0px;
|
||||
|
||||
a {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
138
_sass/_post.scss
138
_sass/_post.scss
|
|
@ -1,138 +0,0 @@
|
|||
.post {
|
||||
.date {
|
||||
float: right;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.tags {
|
||||
> a, > div {
|
||||
display: inline-block;
|
||||
background-color: $color_gallery_approx;
|
||||
border-radius: 3px;
|
||||
padding: 2px;
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
i {
|
||||
color: $color_tapa_approx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.blog-image {
|
||||
width: 70%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-top: -15px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
a.anchor {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -99px;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.no-border {
|
||||
border-top: none !important;
|
||||
border: none;
|
||||
|
||||
> td {
|
||||
border-top: none !important;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 40px;
|
||||
color: $color_tapa_approx;
|
||||
}
|
||||
|
||||
.stealth-href {
|
||||
color: $color_mine_shaft_approx;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.markdownpage {
|
||||
#funding-cards {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
p {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
padding-bottom: 4px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h6 {
|
||||
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.footnotes p {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
table, td, th {
|
||||
border: 1px solid #00000044;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
td, th {
|
||||
padding: 4px;
|
||||
min-width: 100px;
|
||||
}
|
||||
td:nth-child(n+2), th {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pod-links{
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: -3rem;
|
||||
margin-bottom: 8rem;
|
||||
}
|
||||
.pod-links ul{
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.pod-links li{
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.pod-links ul br{
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
|
@ -1,133 +0,0 @@
|
|||
/*
|
||||
// Semantic UI has these classes, however they're only applicable to
|
||||
// grids, containers, rows and columns.
|
||||
// plus, there isn't any `mobile hidden`, `X hidden` class.
|
||||
// this snippet is using the same class names and same approach
|
||||
// plus a bit more but to all elements.
|
||||
//
|
||||
// see https://github.com/Semantic-Org/Semantic-UI/issues/1114
|
||||
*/
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 767px) {
|
||||
[class*="mobile-hidden"],
|
||||
[class*="tablet-only"]:not(.mobile),
|
||||
[class*="computer-only"]:not(.mobile),
|
||||
[class*="large-screen-only"]:not(.mobile),
|
||||
[class*="widescreen-only"]:not(.mobile),
|
||||
[class*="or-lower-hidden"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet / iPad Portrait */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
[class*="mobile-only"]:not(.tablet),
|
||||
[class*="tablet-hidden"],
|
||||
[class*="computer-only"]:not(.tablet),
|
||||
[class*="large-screen-only"]:not(.tablet),
|
||||
[class*="widescreen-only"]:not(.tablet),
|
||||
[class*="or-lower-hidden"]:not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Computer / Desktop / iPad Landscape */
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
[class*="mobile-only"]:not(.computer),
|
||||
[class*="tablet-only"]:not(.computer),
|
||||
[class*="computer-hidden"],
|
||||
[class*="large-screen-only"]:not(.computer),
|
||||
[class*="widescreen-only"]:not(.computer),
|
||||
[class*="or-lower-hidden"]:not(.tablet):not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large Monitor */
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||
[class*="mobile-only"]:not([class*="large-screen"]),
|
||||
[class*="tablet-only"]:not([class*="large-screen"]),
|
||||
[class*="computer-only"]:not([class*="large-screen"]),
|
||||
[class*="large-screen-hidden"],
|
||||
[class*="widescreen-only"]:not([class*="large-screen"]),
|
||||
[class*="or-lower-hidden"]:not(.computer):not(.tablet):not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Widescreen Monitor */
|
||||
@media only screen and (min-width: 1920px) {
|
||||
[class*="mobile-only"]:not([class*="widescreen"]),
|
||||
[class*="tablet-only"]:not([class*="widescreen"]),
|
||||
[class*="computer-only"]:not([class*="widescreen"]),
|
||||
[class*="large-screen-only"]:not([class*="widescreen"]),
|
||||
[class*="widescreen-hidden"],
|
||||
[class*="widescreen-or-lower-hidden"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/***/
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.hidden-on-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet / iPad Portrait */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.hidden-on-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
/* Tablet and lower*/
|
||||
@media only screen and (max-width: 991px) {
|
||||
.hidden-on-tablet-and-lower {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Computer / Desktop / iPad Landscape */
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
.hidden-on-computer {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
/* Computer and wider */
|
||||
@media only screen and (min-width: 992px) {
|
||||
.hidden-on-computer-and-wider {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large Monitor */
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||
.hidden-on-large-screen {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Widescreen Monitor */
|
||||
@media only screen and (min-width: 1920px) {
|
||||
.hidden-on-widescreen {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// no reason to have a min height for segments
|
||||
// normal segments do not have min-height, why should the placeholder one have it?
|
||||
// if extra height is needed, just add it to the segment manually
|
||||
.ui.placeholder.segment {
|
||||
min-height: 0rem;
|
||||
}
|
||||
|
||||
// a 'normal' .ui.vertical.divider has text in between, this adds the option to have the line fully go through it
|
||||
// essentially a margin...
|
||||
.ui.full.vertical.divider {
|
||||
&::before, &::after {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
// from INFOUND
|
||||
$primary: #f39200 !default;
|
||||
// old: $primary: #1fa787 !default;
|
||||
$fill_light: #667082 !default;
|
||||
$fill_medium: #38465c !default;
|
||||
$fill_dark: #222a37 !default;
|
||||
|
||||
// adaptions
|
||||
$background_main: #f7f7f7 !default;
|
||||
$fill_lighter: #788294 !default;
|
||||
$secondary: $fill_medium;
|
||||
$discreet: #F7F7F7;
|
||||
|
||||
$background_bar: #031949;
|
||||
|
||||
$anchor: #0078ff;
|
||||
$anchor_hover: #258bff;
|
||||
|
||||
// other colors
|
||||
$main_color: rgba(0, 0, 0, 0.87);
|
||||
$color_mine_shaft_approx: #333 !default;
|
||||
$color_alto_approx: #ddd !default;
|
||||
$color_celeste_approx: #ccc !default;
|
||||
$color_pink_swan_approx: #bababa !default;
|
||||
$color_tapa_approx: #777 !default;
|
||||
$color_tundora_approx: #444 !default;
|
||||
$color_gallery_approx: #eee !default;
|
||||
$color_alabaster_approx: #f9f9f9 !default;
|
||||
$color_royal_purple_approx: rebeccapurple !default;
|
||||
|
||||
$white: #ffffff !default;
|
||||
|
||||
$opacity-light: 0.7;
|
||||
$opacity-lighter: 0.5;
|
||||
|
||||
// email
|
||||
$email_user: 'hello' !default;
|
||||
$email_domain: 'safing.io' !default;
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
content .about-short{
|
||||
color: black;
|
||||
height: 25vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns:1fr 1fr;
|
||||
grid-row: 0;
|
||||
grid-column: 1/4;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
content .about-short h1{
|
||||
justify-self: end;
|
||||
font-size: 2.5rem;
|
||||
padding-right: 9rem;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
content .about-short p{
|
||||
justify-self: start;
|
||||
font-size: 1.1rem;
|
||||
opacity: 0.5;
|
||||
padding-left: 5rem;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px){
|
||||
|
||||
content .about-short{
|
||||
height: 95vh;
|
||||
grid-template-columns: 1fr;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
content .about-short h1{
|
||||
padding-right: 0rem;
|
||||
justify-self: center;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
content .about-short p{
|
||||
grid-row: 2;
|
||||
justify-self: center;
|
||||
font-size: 1.1rem;
|
||||
opacity: 0.5;
|
||||
padding-left: 0rem;
|
||||
width: 100%;
|
||||
margin-top: -19rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
.post {
|
||||
.content {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,118 +0,0 @@
|
|||
content .cast{
|
||||
color: black;
|
||||
height: 105vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns:1fr 1fr;
|
||||
grid-row: 0;
|
||||
grid-column: 1/4;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
margin-top: -100px;
|
||||
}
|
||||
|
||||
content .cast .c-l{
|
||||
padding-right: 5rem;
|
||||
align-items: center;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
content .cast .c-l a{
|
||||
background-color: white;
|
||||
border-radius: 3px;
|
||||
padding: 1rem;
|
||||
padding-right: 5rem;
|
||||
box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.0), 0 6px 20px 0 rgba(0, 0, 0, 0.00);
|
||||
display: flex;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-top: 0.5rem;
|
||||
transition: all .3s ease-in-out;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
transform: scale(0.9);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
content .cast .c-l a:hover{
|
||||
transform: scale(1.0);
|
||||
box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
content .cast .c-l a div{
|
||||
padding-top: 1.5rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
content .cast .c-l a img{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
content .cast .c-l a div p{
|
||||
padding-top: 0.5rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
content .cast .c-l img{
|
||||
|
||||
|
||||
}
|
||||
|
||||
content .cast .c-r{
|
||||
padding-left: 5rem;
|
||||
}
|
||||
|
||||
content .cast .c-r h1{
|
||||
font-size: 3rem;
|
||||
width: 450px;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .cast .c-r p{
|
||||
font-size: 1.1rem;
|
||||
padding-top: 1rem;
|
||||
width: 350px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px) {
|
||||
content .cast{
|
||||
grid-template-columns:1fr;
|
||||
margin-top: -100px;
|
||||
height: 155vh;
|
||||
}
|
||||
|
||||
content .cast .c-l{
|
||||
grid-row: 2;
|
||||
padding-right: 0rem;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
content .cast .c-l a div{
|
||||
padding-top: 0rem;
|
||||
}
|
||||
|
||||
content .cast .c-r{
|
||||
padding-left: 0rem;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
content .cast .c-r h1{
|
||||
font-size: 3rem;
|
||||
width: 100%;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .cast .c-r p{
|
||||
font-size: 1.1rem;
|
||||
padding-top: 1rem;
|
||||
width: 100%;
|
||||
opacity: 0.5;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
.features{
|
||||
color: black;
|
||||
height: 55vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-row: 0;
|
||||
grid-column: 1/4;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.features div{
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.features div img{
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.features div div{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.features div div span{
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.features div div p{
|
||||
font-size: 1.1rem;
|
||||
padding-top: 1rem;
|
||||
width: 350px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px){
|
||||
|
||||
.features{
|
||||
height: 125vh;
|
||||
grid-template-columns: 1fr;
|
||||
grid-column: 1/3;
|
||||
}
|
||||
|
||||
.features div{
|
||||
width: 100%;
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.features div{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.features div div p{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,151 +0,0 @@
|
|||
content.kickstarter-plug {
|
||||
width: 100%;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
background-color: #05F2BA;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding: 3.5em;
|
||||
|
||||
h3 {
|
||||
text-decoration: underline;
|
||||
font-weight: normal;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer{
|
||||
color: white;
|
||||
height: 45vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns: 1fr;
|
||||
grid-row: 0;
|
||||
grid-column: 2/4;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
footer .vhidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.f-bg{
|
||||
grid-row: 0;
|
||||
grid-column: span 5;
|
||||
background-color: black;
|
||||
background-image: url(/assets/img/f-bg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
footer a{
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
opacity: 0.5;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
footer a:hover{
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
footer div{
|
||||
|
||||
}
|
||||
|
||||
footer .list{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
footer .list ul{
|
||||
padding: 6rem 3rem 0 3rem;
|
||||
}
|
||||
|
||||
footer .list ul span{
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
footer .list ul li{
|
||||
padding-top: 1rem;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
footer .list ul li a{
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
opacity: 0.5;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
footer .list ul li a:hover{
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer .legal{
|
||||
grid-row: 2;
|
||||
align-self: end;
|
||||
justify-self: end;
|
||||
padding-bottom: 3rem;
|
||||
padding-right: 5rem;
|
||||
}
|
||||
|
||||
footer .legal ul{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
footer .legal ul li{
|
||||
padding-left: 2rem;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px) {
|
||||
footer{
|
||||
height: 45vh;
|
||||
border-top-style: solid;
|
||||
// border-top-width: 8rem; removed because of KS plug banner
|
||||
}
|
||||
|
||||
footer .list ul{
|
||||
padding-top: 2rem;
|
||||
padding-left: 6rem;
|
||||
}
|
||||
|
||||
footer .legal{
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
footer .list ul{
|
||||
padding-left: 0rem;
|
||||
padding-right: 3rem;
|
||||
|
||||
}
|
||||
|
||||
.f-bg{
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
footer .list{
|
||||
display: block;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -1,264 +0,0 @@
|
|||
header{
|
||||
color: white;
|
||||
height: 90vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-row: 2;
|
||||
grid-column: 2/4;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.h-bg{
|
||||
grid-row: 2;
|
||||
grid-column: span 5;
|
||||
background-color: black;
|
||||
background-image: url(/assets/img/h-bg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
header .h-l{
|
||||
width: 90%;
|
||||
grid-column: 1/2;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
header .h-l-i{
|
||||
|
||||
}
|
||||
|
||||
header .h-l-i img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header .h-l-v{
|
||||
position: relative;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
header .h-l-v button{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
color: white;
|
||||
background-color: #ff5700;
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
|
||||
header .h-l-v button:hover{
|
||||
box-shadow: 2px 2px 30px #ff5500b9;
|
||||
}
|
||||
|
||||
header .h-l-v button img {
|
||||
width: 40%;
|
||||
height: auto;
|
||||
padding-top: 0.1rem;
|
||||
padding-left: 0.4rem;
|
||||
}
|
||||
|
||||
header .h-l-v img{
|
||||
width: 95%;
|
||||
height: auto;
|
||||
border: 0;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
font-variant-caps: all-petite-caps;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
header .h-l span{
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
header .h-l ul{
|
||||
display: flex;
|
||||
list-style-type: none;
|
||||
padding-top: 2rem;
|
||||
padding-right: 5.5rem;
|
||||
}
|
||||
|
||||
header .h-l ul li{
|
||||
padding-right: 4vh;
|
||||
}
|
||||
|
||||
header .h-l ul li img{
|
||||
width: 90%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header .h-r{
|
||||
grid-column: 2/3;
|
||||
align-items: center;
|
||||
padding-bottom: 8vh;
|
||||
padding-left: 10rem;
|
||||
}
|
||||
|
||||
header .h-r span{
|
||||
opacity: 0.5;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
header .h-r h1{
|
||||
max-width: 10px;
|
||||
font-size: 8rem;
|
||||
line-height: 1;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
header .h-r p{
|
||||
max-width: 470px;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 300;
|
||||
opacity: 0.5;
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
header .h-r ul{
|
||||
display: inline-flex;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
header .h-r ul li{
|
||||
text-align: center;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
header .h-r ul li span{
|
||||
font-size: 2rem;
|
||||
font-weight: 500;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
header .h-r ul li p{
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
header .h-r div{
|
||||
display: flex;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
header .h-r div a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .h-r div button{
|
||||
color: white;
|
||||
background-color: #05ce78;
|
||||
display: flex;
|
||||
border: 0;
|
||||
padding: 10px 25px;
|
||||
border-radius: 0 10px 10px;
|
||||
font-variant-caps: all-petite-caps;
|
||||
cursor: pointer;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
|
||||
header .h-r div button:hover{
|
||||
transform: scale(1.1);
|
||||
box-shadow: 2px 2px 30px #05ce77af;
|
||||
}
|
||||
|
||||
header .h-r div button img{
|
||||
width: 20px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header .h-r div button span{
|
||||
font-size: 1rem;
|
||||
padding-left: 1rem;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
header .h-r div span{
|
||||
font-size: 1rem;
|
||||
align-self: center;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
header .h-r div span a{
|
||||
color: white;
|
||||
padding-left: 1rem;
|
||||
opacity: 0.8;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
header .h-r div a:hover{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px){
|
||||
|
||||
header{
|
||||
height: 170vh;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
header .h-l{
|
||||
width: 90%;
|
||||
grid-column: 1/2;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
header .h-l{
|
||||
width: 90%;
|
||||
grid-column: 1/2;
|
||||
grid-row: 2;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
header .h-r{
|
||||
grid-column: 1/2;
|
||||
grid-row: 1;
|
||||
align-items: center;
|
||||
padding-bottom: 8vh;
|
||||
padding-left: 0rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header .h-r span{
|
||||
opacity: 0.5;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
header .h-r h1{
|
||||
max-width: 100%;
|
||||
font-size: 4rem;
|
||||
line-height: 1;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
header .h-r p{
|
||||
max-width: 100%;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 300;
|
||||
opacity: 0.5;
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
header .h-r div button{
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
header .h-r div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
header .h-l ul li img{
|
||||
width: 150%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header .h-r div span{
|
||||
margin-right: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
content > .map{
|
||||
color: black;
|
||||
height: 55vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns:1fr 1fr;
|
||||
grid-row: 0;
|
||||
grid-column: 1/4;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
content .map .m-l{
|
||||
align-items: center;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
content .map .m-l img{
|
||||
width: 90%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
content .map .m-r{
|
||||
padding-left: 5rem;
|
||||
}
|
||||
|
||||
content .map .m-r h1{
|
||||
font-size: 3rem;
|
||||
width: 450px;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .map .m-r p{
|
||||
font-size: 1.1rem;
|
||||
width: 450px;
|
||||
opacity: 0.5;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px){
|
||||
|
||||
content .map{
|
||||
height: 125vh;
|
||||
grid-template-columns:1fr;
|
||||
}
|
||||
|
||||
content .map .m-l{
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
content .map .m-l img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
content .map .m-r{
|
||||
grid-row: 2;
|
||||
padding-left: 0rem;
|
||||
}
|
||||
|
||||
content .map .m-r h1{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
content .map .m-r p{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
content .mission{
|
||||
color: white;
|
||||
height: 60vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns: 1fr;
|
||||
grid-row: 1;
|
||||
grid-column: 1/2;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.o-bg{
|
||||
background-color: black;
|
||||
// https://pixabay.com/photos/rough-horn-alpine-2146181/
|
||||
// Free for commercial use
|
||||
// No attribution required
|
||||
background-image: url(/assets/img/o-bg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
content .mission{
|
||||
padding-right: 6rem;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
content .mission h1{
|
||||
grid-row: 1;
|
||||
grid-column: 1/2;
|
||||
font-size: 3.8rem;
|
||||
font-weight: bold;
|
||||
width: calc(60%);
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
content .mission p{
|
||||
grid-row: 1;
|
||||
grid-column: 1/2;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 200;
|
||||
width: calc(50%);
|
||||
opacity: 0.75;
|
||||
margin-top: 17rem;
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 200px) and (max-width: 460px){
|
||||
|
||||
content .mission{
|
||||
padding-right: 0rem;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
content .mission h1{
|
||||
font-size: 2rem;
|
||||
width: calc(80%);
|
||||
}
|
||||
|
||||
content .mission p{
|
||||
font-size: 1rem;
|
||||
width: calc(80%);
|
||||
margin-top: 13rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 460px) and (max-width: 1376px){
|
||||
|
||||
content .mission{
|
||||
padding-right: 0rem;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
content .mission h1{
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
|
||||
content .mission p{
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,80 +0,0 @@
|
|||
nav{
|
||||
color: white;
|
||||
height: auto;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-row: 1;
|
||||
grid-column: 2/4;
|
||||
padding-top: 5.5vh;
|
||||
padding-bottom: 5.5vh;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
nav a{
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
opacity: 1;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
nav a:hover{
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav a div{
|
||||
display: flex;
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
nav div img{
|
||||
height: 1.5em;
|
||||
width: 2.5rem;
|
||||
padding-right: 1rem;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
nav div p span{
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
nav ul{
|
||||
display: flex;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
nav li{
|
||||
list-style-type: none;
|
||||
padding-left: 5vh;
|
||||
}
|
||||
|
||||
nav ul li a{
|
||||
color: white;
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
nav ul li a:hover{
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px){
|
||||
|
||||
nav{
|
||||
grid-column: 1/4;
|
||||
}
|
||||
|
||||
nav a{
|
||||
padding-right: 1vh;
|
||||
margin-left: 2vh;
|
||||
}
|
||||
|
||||
nav li{
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
padding-right: 0.5vh;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,127 +0,0 @@
|
|||
content .overview{
|
||||
color: black;
|
||||
height: 70vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns:1fr 1fr;
|
||||
grid-row: 0;
|
||||
grid-column: 1/4;
|
||||
align-items: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
content .overview .o-l{
|
||||
padding-right: 6rem;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
content .overview .o-l h1{
|
||||
font-size: 2.5rem;
|
||||
width: 580px;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .overview .o-l p{
|
||||
font-size: 1.1rem;
|
||||
width: 450px;
|
||||
opacity: 0.5;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .overview .o-r{
|
||||
color: black;
|
||||
height: 55vh;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-row: 0;
|
||||
grid-column: 2/4;
|
||||
align-items: center;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
content .overview .o-r .left div{
|
||||
width: 450px;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .overview .o-r .right div{
|
||||
width: 450px;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .overview .o-r div img{
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
content .overview .o-r div div{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
content .overview .o-r div div span{
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
content .overview .o-r div div p{
|
||||
font-size: 1.1rem;
|
||||
padding-top: 1rem;
|
||||
width: 350px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px) {
|
||||
|
||||
content .overview{
|
||||
height: 170vh;
|
||||
grid-template-columns:1fr;
|
||||
grid-column: 2/4;
|
||||
padding-top: 5rem;
|
||||
}
|
||||
|
||||
content .overview .o-l{
|
||||
padding-right: 0rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
content .overview .o-l h1{
|
||||
font-size: 2.5rem;
|
||||
width: 100%;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .overview .o-l p{
|
||||
font-size: 1.1rem;
|
||||
width: 100%;
|
||||
opacity: 0.5;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
content .overview .o-r {
|
||||
height: 95vh;
|
||||
grid-template-columns: 1fr;
|
||||
grid-column: 1/5;
|
||||
align-items: center;
|
||||
justify-self: start;
|
||||
padding-left: 0rem;
|
||||
}
|
||||
|
||||
content .overview .o-r div div {
|
||||
padding-top: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
content .overview .o-r div div p{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
content .overview .o-r .left div{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
content .overview .o-r .right div{
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
* {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body{
|
||||
height: 0vh;
|
||||
display: grid;
|
||||
grid-template-rows: auto auto;
|
||||
grid-template-columns: 5vh 1fr 1fr 5vh;
|
||||
background-color: black;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
content{
|
||||
height: auto;
|
||||
display: grid;
|
||||
grid-auto-columns: auto;
|
||||
grid-template-columns: 1fr;
|
||||
grid-row: auto;
|
||||
grid-column: span 5;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: #396bf5;
|
||||
}
|
||||
|
||||
@media (max-width: 1318px) {
|
||||
body{
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
---
|
||||
---
|
||||
@import "variables.scss";
|
||||
@import "semantic_fixes.scss";
|
||||
|
||||
@import "community.scss";
|
||||
@import "global.scss";
|
||||
@import "post.scss";
|
||||
@import "contact.scss";
|
||||
@import "button.scss";
|
||||
@import "our-values.scss";
|
||||
@import "newsletter.scss";
|
||||
@import "jobs.scss";
|
||||
|
|
@ -1,14 +1,3 @@
|
|||
---
|
||||
---
|
||||
|
||||
@import "new/page";
|
||||
@import "new/nav";
|
||||
@import "new/header";
|
||||
@import "new/features";
|
||||
@import "new/map";
|
||||
@import "new/overview";
|
||||
@import "new/about-short";
|
||||
@import "new/cast";
|
||||
@import "new/footer";
|
||||
@import "new/mission";
|
||||
@import "new/blog";
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue