@@ -3,14 +3,7 @@ $white:#fff; | |||
$black:#000; | |||
$gray:#777; | |||
//$OFS-green-dark: #67635b; | |||
//$OFS-green-lighter: #989186; | |||
$spkt01:#0ca4bf; | |||
$spkt02:#bf920c; | |||
$spkt03: $gray; | |||
$spkt04:#bf3b0c; | |||
$spkt04:#f7b96c; | |||
html { | |||
color:$gray; |
@@ -1,9 +1,7 @@ | |||
$below-banner:2em; | |||
// reset | |||
body,h1,h2,h3,h4,h5,h6,ul { | |||
margin:0; | |||
padding:0; | |||
// margin:0; | |||
// padding:0; | |||
} | |||
#main-nav { | |||
@@ -14,26 +12,6 @@ body,h1,h2,h3,h4,h5,h6,ul { | |||
} | |||
} | |||
////////////////////////////////////////////// | |||
// 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 { | |||
background: none; | |||
overflow: visible; | |||
@@ -41,7 +19,6 @@ h1 { margin: .5em 0 0 1em; } | |||
background: none; | |||
top: -10px; | |||
right: -10px; | |||
color: $white; | |||
font-size: 1.5em; | |||
} | |||
@media #{$view_mobile} { | |||
@@ -54,77 +31,39 @@ h1 { margin: .5em 0 0 1em; } | |||
display: none; | |||
@media #{$view-mobile} { | |||
display: block; | |||
// dev | |||
display: none; | |||
a.menu-toggle { | |||
display: block; | |||
} | |||
} | |||
font-family: $sans; | |||
font-size:1.2em; | |||
.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 { | |||
display:block; | |||
position:fixed; | |||
display: block; | |||
position: fixed; | |||
top:0; | |||
left:0; | |||
z-index:99; | |||
background: rgba(255,255,255,0.9); | |||
height:100%; | |||
width: 100%; | |||
overflow:scroll; | |||
overflow: scroll; | |||
} | |||
a.menu-toggle { | |||
position:fixed; | |||
position: fixed; | |||
top:0; | |||
right:0; | |||
width:50px; | |||
height:50px; | |||
z-index:100; | |||
cursor:pointer; | |||
background:$white; | |||
cursor: pointer; | |||
background: rgba(255,255,255,0.9); | |||
background-image: url('img/menu-icon.png'); | |||
background-image: url('menu-icon.png'); | |||
background-position: top; | |||
background-size: 100%; | |||
} | |||
&.open a.menu-toggle { | |||
background-position:bottom; | |||
background-position: bottom; | |||
} | |||
} | |||
@@ -25,10 +25,10 @@ $view_smallest_banner: "only screen and (max-width : 750px)"; | |||
@import "colours"; | |||
@import "fonts"; | |||
//@import "fonts"; | |||
@import "structure"; | |||
@import "design"; | |||
@import "admin"; | |||
//@import "design"; | |||
//@import "admin"; | |||
//@import "dev"; | |||
@@ -3,29 +3,29 @@ function toggle_menu(){ | |||
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"); | |||
// } | |||
// }); | |||
// }); |
@@ -5,29 +5,10 @@ html { | |||
color: #777; | |||
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) { | |||
#main-nav { | |||
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 { | |||
background: none; | |||
overflow: visible; } | |||
@@ -35,7 +16,6 @@ h1 { | |||
background: none; | |||
top: -10px; | |||
right: -10px; | |||
color: #fff; | |||
font-size: 1.5em; } | |||
@media only screen and (max-width: 750px) { | |||
.featherlight .featherlight-content iframe { | |||
@@ -43,47 +23,14 @@ h1 { | |||
height: 100%; } } | |||
#mobile-nav { | |||
display: none; | |||
font-family: verdana, sans; | |||
font-size: 1.2em; } | |||
display: none; } | |||
@media only screen and (max-width: 750px) { | |||
#mobile-nav { | |||
display: block; | |||
display: none; } | |||
display: block; } | |||
#mobile-nav a.menu-toggle { | |||
display: block; } } | |||
#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 { | |||
display: block; | |||
position: fixed; | |||
@@ -102,25 +49,11 @@ h1 { | |||
height: 50px; | |||
z-index: 100; | |||
cursor: pointer; | |||
background: #fff; | |||
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 { | |||
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 */ |
@@ -1,7 +1,7 @@ | |||
{ | |||
"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": [], | |||
"file": "style.css" | |||
} |