$black:#000; | $black:#000; | ||||
$gray:#777; | $gray:#777; | ||||
//$OFS-green-dark: #67635b; | |||||
//$OFS-green-lighter: #989186; | |||||
$spkt01:#0ca4bf; | |||||
$spkt02:#bf920c; | |||||
$spkt03: $gray; | |||||
$spkt04:#bf3b0c; | |||||
$spkt04:#f7b96c; | |||||
html { | html { | ||||
color:$gray; | color:$gray; |
$below-banner:2em; | |||||
// reset | // reset | ||||
body,h1,h2,h3,h4,h5,h6,ul { | body,h1,h2,h3,h4,h5,h6,ul { | ||||
margin:0; | |||||
padding:0; | |||||
// margin:0; | |||||
// padding:0; | |||||
} | } | ||||
#main-nav { | #main-nav { | ||||
} | } | ||||
} | } | ||||
////////////////////////////////////////////// | |||||
// basic site layout | |||||
h1 { margin: .5em 0 0 1em; } | |||||
.card { | |||||
max-width:600px; | |||||
img { width: 100%; } | |||||
&::after { | |||||
content:""; | |||||
clear: both; | |||||
display:table; | |||||
} | |||||
} | |||||
#page-wrap { | |||||
} | |||||
/////////////////////////////////////////////// | |||||
.featherlight .featherlight-content { | .featherlight .featherlight-content { | ||||
background: none; | background: none; | ||||
overflow: visible; | overflow: visible; | ||||
background: none; | background: none; | ||||
top: -10px; | top: -10px; | ||||
right: -10px; | right: -10px; | ||||
color: $white; | |||||
font-size: 1.5em; | font-size: 1.5em; | ||||
} | } | ||||
@media #{$view_mobile} { | @media #{$view_mobile} { | ||||
display: none; | display: none; | ||||
@media #{$view-mobile} { | @media #{$view-mobile} { | ||||
display: block; | display: block; | ||||
// dev | |||||
display: none; | |||||
a.menu-toggle { | a.menu-toggle { | ||||
display: block; | display: block; | ||||
} | } | ||||
} | } | ||||
font-family: $sans; | |||||
font-size:1.2em; | |||||
.the_list { | .the_list { | ||||
.home-link, | |||||
>ul:last-child { | |||||
font-family:$cursive; | |||||
font-size: 1.4em; | |||||
margin-top: -.7em; | |||||
color: $spkt02; | |||||
a { | |||||
color: $spkt02; | |||||
display: inline-block; | |||||
margin-top: 8px; | |||||
} | |||||
} | |||||
.home-link { | |||||
display: inline-block; | |||||
text-transform: lowercase; | |||||
margin-bottom: 8px; | |||||
} | |||||
display:none; | |||||
padding: 2em; | |||||
ul { margin-bottom: 1.7em; } | |||||
li { | |||||
margin:0.5em; | |||||
list-style:none; | |||||
ul { margin-bottom: 1em; } | |||||
} | |||||
a { | |||||
color:$black; | |||||
text-decoration:none; | |||||
font-weight: normal; | |||||
} | |||||
.active>a { | |||||
color:$spkt02; | |||||
font-weight: bold; | |||||
} | |||||
display: none; | |||||
} | } | ||||
&.open .the_list { | &.open .the_list { | ||||
display:block; | |||||
position:fixed; | |||||
display: block; | |||||
position: fixed; | |||||
top:0; | top:0; | ||||
left:0; | left:0; | ||||
z-index:99; | z-index:99; | ||||
background: rgba(255,255,255,0.9); | background: rgba(255,255,255,0.9); | ||||
height:100%; | height:100%; | ||||
width: 100%; | width: 100%; | ||||
overflow:scroll; | |||||
overflow: scroll; | |||||
} | } | ||||
a.menu-toggle { | a.menu-toggle { | ||||
position:fixed; | |||||
position: fixed; | |||||
top:0; | top:0; | ||||
right:0; | right:0; | ||||
width:50px; | width:50px; | ||||
height:50px; | height:50px; | ||||
z-index:100; | z-index:100; | ||||
cursor:pointer; | |||||
background:$white; | |||||
cursor: pointer; | |||||
background: rgba(255,255,255,0.9); | background: rgba(255,255,255,0.9); | ||||
background-image: url('img/menu-icon.png'); | |||||
background-image: url('menu-icon.png'); | |||||
background-position: top; | background-position: top; | ||||
background-size: 100%; | |||||
} | } | ||||
&.open a.menu-toggle { | &.open a.menu-toggle { | ||||
background-position:bottom; | |||||
background-position: bottom; | |||||
} | } | ||||
} | } | ||||
@import "colours"; | @import "colours"; | ||||
@import "fonts"; | |||||
//@import "fonts"; | |||||
@import "structure"; | @import "structure"; | ||||
@import "design"; | |||||
@import "admin"; | |||||
//@import "design"; | |||||
//@import "admin"; | |||||
//@import "dev"; | //@import "dev"; | ||||
menu.classList.toggle('open'); | menu.classList.toggle('open'); | ||||
} | } | ||||
$( document ).ready(function() { | |||||
var mainnav = $("#main-nav"); | |||||
var platzhalter = $("#platzhalter"); | |||||
var test = 2; | |||||
// $( document ).ready(function() { | |||||
// var mainnav = $("#main-nav"); | |||||
// var platzhalter = $("#platzhalter"); | |||||
// var test = 2; | |||||
$(window).on("scroll", function(e) { | |||||
var pos = $(document).scrollTop(); | |||||
var width = $(window).width(); | |||||
var airAbove = 250; | |||||
if (width < 1000) { | |||||
if (width > 750) { | |||||
airAbove = width/4; | |||||
} else { | |||||
airAbove = 187; | |||||
} | |||||
} | |||||
// $(window).on("scroll", function(e) { | |||||
// var pos = $(document).scrollTop(); | |||||
// var width = $(window).width(); | |||||
// var airAbove = 250; | |||||
// if (width < 1000) { | |||||
// if (width > 750) { | |||||
// airAbove = width/4; | |||||
// } else { | |||||
// airAbove = 187; | |||||
// } | |||||
// } | |||||
if (pos > airAbove) { | |||||
mainnav.addClass("fixed"); | |||||
platzhalter.addClass("fixed"); | |||||
} else { | |||||
mainnav.removeClass("fixed"); | |||||
platzhalter.removeClass("fixed"); | |||||
} | |||||
}); | |||||
}); | |||||
// if (pos > airAbove) { | |||||
// mainnav.addClass("fixed"); | |||||
// platzhalter.addClass("fixed"); | |||||
// } else { | |||||
// mainnav.removeClass("fixed"); | |||||
// platzhalter.removeClass("fixed"); | |||||
// } | |||||
// }); | |||||
// }); |
color: #777; | color: #777; | ||||
background: #fff; } | background: #fff; } | ||||
.card h2, .item h2 { | |||||
font-family: georgia, serif; } | |||||
body, h1, h2, h3, h4, h5, h6, ul { | |||||
margin: 0; | |||||
padding: 0; } | |||||
@media only screen and (max-width: 750px) { | @media only screen and (max-width: 750px) { | ||||
#main-nav { | #main-nav { | ||||
display: none; } } | display: none; } } | ||||
h1 { | |||||
margin: .5em 0 0 1em; } | |||||
.card { | |||||
max-width: 600px; } | |||||
.card img { | |||||
width: 100%; } | |||||
.card::after { | |||||
content: ""; | |||||
clear: both; | |||||
display: table; } | |||||
.featherlight .featherlight-content { | .featherlight .featherlight-content { | ||||
background: none; | background: none; | ||||
overflow: visible; } | overflow: visible; } | ||||
background: none; | background: none; | ||||
top: -10px; | top: -10px; | ||||
right: -10px; | right: -10px; | ||||
color: #fff; | |||||
font-size: 1.5em; } | font-size: 1.5em; } | ||||
@media only screen and (max-width: 750px) { | @media only screen and (max-width: 750px) { | ||||
.featherlight .featherlight-content iframe { | .featherlight .featherlight-content iframe { | ||||
height: 100%; } } | height: 100%; } } | ||||
#mobile-nav { | #mobile-nav { | ||||
display: none; | |||||
font-family: verdana, sans; | |||||
font-size: 1.2em; } | |||||
display: none; } | |||||
@media only screen and (max-width: 750px) { | @media only screen and (max-width: 750px) { | ||||
#mobile-nav { | #mobile-nav { | ||||
display: block; | |||||
display: none; } | |||||
display: block; } | |||||
#mobile-nav a.menu-toggle { | #mobile-nav a.menu-toggle { | ||||
display: block; } } | display: block; } } | ||||
#mobile-nav .the_list { | #mobile-nav .the_list { | ||||
display: none; | |||||
padding: 2em; } | |||||
#mobile-nav .the_list .home-link, | |||||
#mobile-nav .the_list > ul:last-child { | |||||
font-family: cursive; | |||||
font-size: 1.4em; | |||||
margin-top: -.7em; | |||||
color: #bf920c; } | |||||
#mobile-nav .the_list .home-link a, | |||||
#mobile-nav .the_list > ul:last-child a { | |||||
color: #bf920c; | |||||
display: inline-block; | |||||
margin-top: 8px; } | |||||
#mobile-nav .the_list .home-link { | |||||
display: inline-block; | |||||
text-transform: lowercase; | |||||
margin-bottom: 8px; } | |||||
#mobile-nav .the_list ul { | |||||
margin-bottom: 1.7em; } | |||||
#mobile-nav .the_list li { | |||||
margin: 0.5em; | |||||
list-style: none; } | |||||
#mobile-nav .the_list li ul { | |||||
margin-bottom: 1em; } | |||||
#mobile-nav .the_list a { | |||||
color: #000; | |||||
text-decoration: none; | |||||
font-weight: normal; } | |||||
#mobile-nav .the_list .active > a { | |||||
color: #bf920c; | |||||
font-weight: bold; } | |||||
display: none; } | |||||
#mobile-nav.open .the_list { | #mobile-nav.open .the_list { | ||||
display: block; | display: block; | ||||
position: fixed; | position: fixed; | ||||
height: 50px; | height: 50px; | ||||
z-index: 100; | z-index: 100; | ||||
cursor: pointer; | cursor: pointer; | ||||
background: #fff; | |||||
background: rgba(255, 255, 255, 0.9); | background: rgba(255, 255, 255, 0.9); | ||||
background-image: url("img/menu-icon.png"); | |||||
background-position: top; } | |||||
background-image: url("menu-icon.png"); | |||||
background-position: top; | |||||
background-size: 100%; } | |||||
#mobile-nav.open a.menu-toggle { | #mobile-nav.open a.menu-toggle { | ||||
background-position: bottom; } | background-position: bottom; } | ||||
a { | |||||
color: black; | |||||
text-decoration: none; } | |||||
a:hover { | |||||
text-decoration: underline; } | |||||
#admin-panel { | |||||
position: fixed; | |||||
bottom: 1em; | |||||
right: 1em; | |||||
width: 400px; | |||||
height: 300px; | |||||
background: #fa0; } | |||||
/*# sourceMappingURL=style.css.map */ | /*# sourceMappingURL=style.css.map */ |
{ | { | ||||
"version": 3, | "version": 3, | ||||
"mappings": "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", | |||||
"sources": ["sass/main.scss","sass/_colours.scss","sass/_fonts.scss","sass/_structure.scss","sass/_design.scss","sass/_admin.scss"], | |||||
"mappings": "AAUA,CAAE;EACE,UAAU,EAAC,UAAU;;ACJzB,IAAK;EACD,KAAK,EALH,IAAI;EAMN,UAAU,EARP,IAAI;;ACQP,yCAAuB;EAH3B,SAAU;IAIF,OAAO,EAAE,IAAI;;AAIrB,mCAAoC;EAChC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,OAAO;EACjB,4DAAyB;IACrB,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,KAAK;EAEpB,yCAAuB;IACnB,0CAAO;MAAE,KAAK,EAAC,IAAI;MAAE,MAAM,EAAC,IAAI;;AAKxC,WAAY;EACR,OAAO,EAAE,IAAI;EACb,yCAAuB;IAF3B,WAAY;MAGJ,OAAO,EAAE,KAAK;MACd,yBAAc;QACV,OAAO,EAAE,KAAK;EAGtB,qBAAU;IACN,OAAO,EAAE,IAAI;EAEjB,0BAAiB;IACb,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,GAAG,EAAC,CAAC;IACL,IAAI,EAAC,CAAC;IACN,OAAO,EAAC,EAAE;IACV,UAAU,EAAE,wBAAqB;IACjC,MAAM,EAAC,IAAI;IACX,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,MAAM;EAEpB,yBAAc;IACV,QAAQ,EAAE,KAAK;IACf,GAAG,EAAC,CAAC;IACL,KAAK,EAAC,CAAC;IACP,KAAK,EAAC,IAAI;IACV,MAAM,EAAC,IAAI;IACX,OAAO,EAAC,GAAG;IACX,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,wBAAqB;IACjC,gBAAgB,EAAE,oBAAoB;IACtC,mBAAmB,EAAE,GAAG;IACxB,eAAe,EAAE,IAAI;EAEzB,8BAAqB;IACjB,mBAAmB,EAAE,MAAM", | |||||
"sources": ["sass/main.scss","sass/_colours.scss","sass/_structure.scss"], | |||||
"names": [], | "names": [], | ||||
"file": "style.css" | "file": "style.css" | ||||
} | } |