Initial commit of content.
This commit is contained in:
10278
lib/modules/apostrophe-assets/public/css/bootstrap.css
vendored
Normal file
10278
lib/modules/apostrophe-assets/public/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
68
lib/modules/apostrophe-assets/public/css/main.css
Normal file
68
lib/modules/apostrophe-assets/public/css/main.css
Normal file
@@ -0,0 +1,68 @@
|
||||
p {
|
||||
margin-top: 0.3rem;
|
||||
margin-bottom: 0.7rem;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 900;
|
||||
margin-top: 0.8rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.apos-slideshow h4 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.apos-area-widget a {
|
||||
display: block;
|
||||
padding-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.apos-rich-text ul {
|
||||
list-style-type: circle;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.apos-indent1 {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.apos-indent2 {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
.highlighted {
|
||||
background: #c7c6c6;
|
||||
margin: 1rem 6rem;
|
||||
padding: 1rem 1rem;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 700;
|
||||
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1100px) {
|
||||
html {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 950px) {
|
||||
html {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 760px) {
|
||||
html {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 500px) {
|
||||
html {
|
||||
font-size: 8.5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
1
lib/modules/apostrophe-assets/public/css/main.css.map
Normal file
1
lib/modules/apostrophe-assets/public/css/main.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["main.sass"],"names":[],"mappings":"AACA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMD;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}
|
||||
59
lib/modules/apostrophe-assets/public/css/main.sass
Normal file
59
lib/modules/apostrophe-assets/public/css/main.sass
Normal file
@@ -0,0 +1,59 @@
|
||||
|
||||
p
|
||||
margin-top: 0.3rem
|
||||
margin-bottom: 0.7rem
|
||||
line-height: 1.4rem
|
||||
|
||||
h5
|
||||
font-size: 1.2rem
|
||||
font-weight: 900
|
||||
margin-top: 0.8rem
|
||||
margin-bottom: 0.3rem
|
||||
|
||||
.apos-slideshow h4
|
||||
display: none
|
||||
|
||||
.apos-area-widget a
|
||||
display: block
|
||||
padding-bottom: 0.8rem
|
||||
|
||||
.apos-rich-text ul
|
||||
list-style-type: circle
|
||||
list-style-position: inside
|
||||
|
||||
.apos-indent1
|
||||
margin-left: 1rem
|
||||
|
||||
.apos-indent2
|
||||
margin-left: 2rem
|
||||
|
||||
//.apos-rich-text > div //This was a work around to the rich text widget 'class' property not working in the style.
|
||||
.highlighted
|
||||
background: #c7c6c6
|
||||
margin: 1rem 6rem
|
||||
padding: 1rem 1rem
|
||||
font-size: 1.8rem
|
||||
font-weight: 700
|
||||
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
|
||||
//
|
||||
// Everything scales off of the HTML tag font sizes since the whole site uses REM units.
|
||||
//
|
||||
|
||||
@media only screen and (max-width: 1100px)
|
||||
html
|
||||
font-size: 14px !important
|
||||
|
||||
@media only screen and (max-width: 950px)
|
||||
html
|
||||
font-size: 12px !important
|
||||
|
||||
@media only screen and (max-width: 760px)
|
||||
html
|
||||
font-size: 10px !important
|
||||
|
||||
@media only screen and (max-width: 500px)
|
||||
html
|
||||
font-size: 8.5px !important
|
||||
221
lib/modules/apostrophe-assets/public/css/menu.css
Normal file
221
lib/modules/apostrophe-assets/public/css/menu.css
Normal file
@@ -0,0 +1,221 @@
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
.clearfix:before {
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
.clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.noselect, .navbar ul li, .navbar .dropdown-content a {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
overflow: visible;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
font-family: Arial sans-serif;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
.navbar ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
background: inherit;
|
||||
}
|
||||
.navbar ul li:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.navbar ul li:hover, .navbar ul li:focus-within {
|
||||
background: #33492b;
|
||||
text-shadow: 0 0 20px white;
|
||||
}
|
||||
.navbar ul li:focus-within {
|
||||
outline: none;
|
||||
}
|
||||
.navbar ul li.display > div.dropdown-content, .navbar ul li.display > div.dropdown-chevron {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
.navbar ul li {
|
||||
color: white;
|
||||
background: inherit;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 0.5rem 1rem;
|
||||
text-decoration: none;
|
||||
transition-property: background;
|
||||
transition-duration: 0.5s;
|
||||
cursor: pointer;
|
||||
}
|
||||
.navbar ul li a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
.navbar ul li div.dropdown-chevron {
|
||||
cursor: default;
|
||||
text-shadow: none;
|
||||
visibility: hidden;
|
||||
position: relative;
|
||||
display: none;
|
||||
overflow: visible;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.navbar ul li div.dropdown-chevron i {
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
font-size: 3rem;
|
||||
line-height: 2rem;
|
||||
z-index: 9999;
|
||||
color: white;
|
||||
}
|
||||
.navbar ul li div.dropdown-content {
|
||||
tab-index: -1;
|
||||
cursor: default;
|
||||
padding-bottom: 2rem;
|
||||
transition-property: opacity;
|
||||
transition-duration: 1.5s;
|
||||
text-shadow: none;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
min-height: 20rem;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
min-width: 5rem;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
display: none;
|
||||
width: 100%;
|
||||
z-index: 9998;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
|
||||
border-top: white 1rem solid;
|
||||
}
|
||||
.navbar .dropdown-content h1 {
|
||||
font-size: 3rem;
|
||||
font-family: Roboto Arial sans-serif;
|
||||
margin: 0.6rem 0 0.6rem 0;
|
||||
color: #c2e09d;
|
||||
border-bottom: 2px solid grey;
|
||||
width: 100%;
|
||||
}
|
||||
.navbar .dropdown-content h2 {
|
||||
font-size: 1.5rem;
|
||||
font-family: Roboto Arial sans-serif;
|
||||
margin: 0.6rem 0 0.4rem 0;
|
||||
border-bottom: #656565 1.5px dashed;
|
||||
color: #CCC;
|
||||
}
|
||||
.navbar .dropdown-content .row {
|
||||
width: 100%;
|
||||
}
|
||||
.navbar .dropdown-content a {
|
||||
font-size: 1rem;
|
||||
font-family: Roboto Arial sans-serif;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
margin: 0.5rem 0 0.5rem 0.6rem;
|
||||
display: block;
|
||||
}
|
||||
.navbar .dropdown-content a:hover {
|
||||
color: #ff7700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.navbar {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.navbar .dropdown-content h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.navbar .dropdown-content h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.navbar .dropdown-content a {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=menu.css.map */
|
||||
1
lib/modules/apostrophe-assets/public/css/menu.css.map
Normal file
1
lib/modules/apostrophe-assets/public/css/menu.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["pre.sass","menu.sass"],"names":[],"mappings":"AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EAGA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACpED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;EACA;;AACD;EACC;;AAGD;EACC;EACA;EACA;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACC;EACA;EACA;EACA;EAEA;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;;AAiBH;EACC;IACC;;EAEC;IACC;;EACD;IACC;;EACD;IACC","file":"menu.css"}
|
||||
141
lib/modules/apostrophe-assets/public/css/menu.sass
Normal file
141
lib/modules/apostrophe-assets/public/css/menu.sass
Normal file
@@ -0,0 +1,141 @@
|
||||
@use './pre'
|
||||
|
||||
.navbar
|
||||
overflow: visible
|
||||
background-color: #333
|
||||
color: white
|
||||
font-family: Arial sans-serif
|
||||
font-size: 1rem
|
||||
position: relative
|
||||
ul
|
||||
list-style: none
|
||||
margin: 0
|
||||
padding-left: 0
|
||||
background: inherit
|
||||
li:hover
|
||||
cursor: pointer
|
||||
li:hover, li:focus-within
|
||||
background: #33492b
|
||||
text-shadow: 0 0 20px rgb(255, 255, 255)
|
||||
li:focus-within
|
||||
outline: none
|
||||
//li:hover div.dropdown-content, li div.dropdown-content:hover, li:hover div.dropdown-chevron, li div.dropdown-chevron:hover,
|
||||
//li:focus-within div.dropdown-content, li div.dropdown-content:focus-within, li:focus-within div.dropdown-chevron, li div.dropdown-chevron:focus-within,
|
||||
li.display > div.dropdown-content, li.display > div.dropdown-chevron
|
||||
visibility: visible
|
||||
opacity: 1
|
||||
display: block
|
||||
li
|
||||
@extend .noselect
|
||||
color: white
|
||||
background: inherit
|
||||
display: block
|
||||
float: left
|
||||
padding: .5rem 1rem
|
||||
text-decoration: none
|
||||
transition-property: background
|
||||
transition-duration: 0.5s
|
||||
cursor: pointer
|
||||
a
|
||||
text-decoration: none
|
||||
color: white
|
||||
div.dropdown-chevron
|
||||
cursor: default
|
||||
text-shadow: none
|
||||
visibility: hidden
|
||||
position: relative
|
||||
display: none
|
||||
overflow: visible
|
||||
top: 0
|
||||
left: 0
|
||||
text-align: center
|
||||
font-size: 2rem
|
||||
cursor: pointer
|
||||
i
|
||||
top: 0
|
||||
left: 0
|
||||
//padding-top: 2rem
|
||||
position: absolute
|
||||
width: 100%
|
||||
height: 2rem
|
||||
font-size: 3rem
|
||||
line-height: 2rem
|
||||
//color: #333
|
||||
z-index: 9999
|
||||
color: white
|
||||
div.dropdown-content
|
||||
tab-index: -1
|
||||
cursor: default
|
||||
padding-bottom: 2rem
|
||||
transition-property: opacity
|
||||
transition-duration: 1.5s
|
||||
text-shadow: none
|
||||
background-color: #333
|
||||
color: white
|
||||
min-height: 20rem
|
||||
visibility: hidden
|
||||
opacity: 0
|
||||
min-width: 5rem
|
||||
position: absolute
|
||||
transition: all 0.5s ease
|
||||
top: 100%
|
||||
left: 0
|
||||
display: none
|
||||
width: 100%
|
||||
z-index: 9998
|
||||
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)
|
||||
border-top: white 1rem solid
|
||||
.dropdown-content
|
||||
h1
|
||||
font-size: 3rem
|
||||
font-family: Roboto Arial sans-serif
|
||||
margin: .6rem 0 .6rem 0
|
||||
color: #c2e09d
|
||||
//background-color: #555
|
||||
border-bottom: 2px solid grey
|
||||
width: 100%
|
||||
h2
|
||||
font-size: 1.5rem
|
||||
font-family: Roboto Arial sans-serif
|
||||
margin: .6rem 0 .4rem 0
|
||||
border-bottom: #656565 1.5px dashed
|
||||
color: #CCC
|
||||
.row
|
||||
width: 100%
|
||||
a
|
||||
@extend .noselect
|
||||
font-size: 1rem
|
||||
font-family: Roboto Arial sans-serif
|
||||
color: white
|
||||
text-decoration: none
|
||||
margin: .5rem 0 .5rem .6rem
|
||||
display: block
|
||||
a:hover
|
||||
color: #ff7700
|
||||
text-decoration: underline
|
||||
|
||||
//
|
||||
//@media only screen and (max-width: 950px)
|
||||
// .navbar
|
||||
// font-size: 0.85rem
|
||||
// ul li
|
||||
// padding: 0.7rem 1.3rem
|
||||
//
|
||||
//
|
||||
//@media only screen and (max-width: 760px)
|
||||
// .navbar
|
||||
// font-size: 0.7rem
|
||||
// ul li
|
||||
// padding: 0.45rem .9rem
|
||||
//
|
||||
//
|
||||
@media only screen and (max-width: 500px)
|
||||
.navbar
|
||||
font-size: 1.4rem
|
||||
.dropdown-content
|
||||
h1
|
||||
font-size: 2rem
|
||||
h2
|
||||
font-size: 2rem
|
||||
a
|
||||
font-size: 1.5rem
|
||||
84
lib/modules/apostrophe-assets/public/css/pre.css
Normal file
84
lib/modules/apostrophe-assets/public/css/pre.css
Normal file
@@ -0,0 +1,84 @@
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
.clearfix:before {
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
.clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.noselect {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=pre.css.map */
|
||||
1
lib/modules/apostrophe-assets/public/css/pre.css.map
Normal file
1
lib/modules/apostrophe-assets/public/css/pre.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["pre.sass"],"names":[],"mappings":"AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EAGA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA","file":"pre.css"}
|
||||
71
lib/modules/apostrophe-assets/public/css/pre.sass
Normal file
71
lib/modules/apostrophe-assets/public/css/pre.sass
Normal file
@@ -0,0 +1,71 @@
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video
|
||||
margin: 0
|
||||
padding: 0
|
||||
border: 0
|
||||
//font-size: 100%
|
||||
//font: inherit
|
||||
vertical-align: baseline
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section
|
||||
display: block
|
||||
|
||||
body
|
||||
line-height: 1
|
||||
|
||||
ol, ul
|
||||
list-style: none
|
||||
|
||||
blockquote, q
|
||||
quotes: none
|
||||
|
||||
blockquote:before, blockquote:after, q:before, q:after
|
||||
content: none
|
||||
|
||||
table
|
||||
border-collapse: collapse
|
||||
border-spacing: 0
|
||||
|
||||
i
|
||||
font-style: italic
|
||||
|
||||
b
|
||||
font-weight: bold
|
||||
|
||||
*
|
||||
-moz-box-sizing: border-box
|
||||
-webkit-box-sizing: border-box
|
||||
box-sizing: border-box
|
||||
margin: 0
|
||||
|
||||
.clearfix
|
||||
zoom: 1
|
||||
&:before
|
||||
content: ''
|
||||
display: block
|
||||
|
||||
&:after
|
||||
content: ''
|
||||
display: table
|
||||
clear: both
|
||||
.noselect
|
||||
-webkit-touch-callout: none /* iOS Safari */
|
||||
-webkit-user-select: none /* Safari */
|
||||
-khtml-user-select: none /* Konqueror HTML */
|
||||
-moz-user-select: none /* Old versions of Firefox */
|
||||
-ms-user-select: none /* Internet Explorer/Edge */
|
||||
user-select: none /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
|
||||
66
lib/modules/apostrophe-assets/public/css/topBar.css
Normal file
66
lib/modules/apostrophe-assets/public/css/topBar.css
Normal file
@@ -0,0 +1,66 @@
|
||||
#topBar {
|
||||
position: relative;
|
||||
background-color: rgba(170, 122, 82, 0.3);
|
||||
padding: 1em 0;
|
||||
}
|
||||
#topBar .logoImage {
|
||||
height: 6rem;
|
||||
vertical-align: top;
|
||||
padding-right: 1rem;
|
||||
animation: colorAnimation ease 4s;
|
||||
animation-iteration-count: 1;
|
||||
animation-duration: 4s;
|
||||
}
|
||||
@keyframes colorAnimation {
|
||||
0% {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
100% {
|
||||
filter: grayscale(0%);
|
||||
}
|
||||
}
|
||||
#topBar .logoText {
|
||||
display: inline-block;
|
||||
}
|
||||
#topBar .logoText .logoTitle {
|
||||
line-height: 1;
|
||||
font-size: 4.5rem;
|
||||
font-family: "Arima Madurai", cursive;
|
||||
}
|
||||
#topBar .logoText .logoTagline {
|
||||
line-height: 0.5;
|
||||
font-size: 2rem;
|
||||
font-family: "Dancing Script", cursive;
|
||||
text-align: left;
|
||||
}
|
||||
#topBar .logoText .menuButtonContainer {
|
||||
display: block;
|
||||
position: fixed;
|
||||
right: 5rem;
|
||||
top: 2.5rem;
|
||||
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
}
|
||||
#topBar .logoText .menuButtonContainer button {
|
||||
line-height: 1;
|
||||
padding: 0.4em;
|
||||
}
|
||||
#topBar .logoText .menuButtonContainer button svg {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
#topBar .logoImage {
|
||||
height: 4rem;
|
||||
padding-right: 0.6rem;
|
||||
}
|
||||
#topBar .logoText .logoTitle {
|
||||
font-size: 3rem;
|
||||
}
|
||||
#topBar .logoText .logoTagline {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=topBar.css.map */
|
||||
1
lib/modules/apostrophe-assets/public/css/topBar.css.map
Normal file
1
lib/modules/apostrophe-assets/public/css/topBar.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["topBar.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;IACC;;EACD;IACC;;;AAEF;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;AAqCL;EAEE;IACC;IACA;;EACD;IACC;;EACD;IACC","file":"topBar.css"}
|
||||
93
lib/modules/apostrophe-assets/public/css/topBar.sass
Normal file
93
lib/modules/apostrophe-assets/public/css/topBar.sass
Normal file
@@ -0,0 +1,93 @@
|
||||
#topBar
|
||||
position: relative
|
||||
background-color: rgba(170, 122, 82, 0.3)
|
||||
padding: 1em 0
|
||||
|
||||
.logoImage
|
||||
height: 6rem
|
||||
vertical-align: top
|
||||
padding-right: 1rem
|
||||
animation: colorAnimation ease 4s
|
||||
animation-iteration-count: 1
|
||||
animation-duration: 4s
|
||||
|
||||
@keyframes colorAnimation
|
||||
0%
|
||||
filter: grayscale(100%)
|
||||
100%
|
||||
filter: grayscale(0%)
|
||||
|
||||
.logoText
|
||||
display: inline-block
|
||||
|
||||
.logoTitle
|
||||
line-height: 1
|
||||
font-size: 4.5rem
|
||||
font-family: 'Arima Madurai', cursive
|
||||
//font-weight: 900
|
||||
.logoTagline
|
||||
line-height: 0.5
|
||||
font-size: 2rem
|
||||
font-family: 'Dancing Script', cursive
|
||||
//font-weight: 700
|
||||
text-align: left
|
||||
.menuButtonContainer
|
||||
display: block
|
||||
position: fixed
|
||||
right: 5rem
|
||||
top: 2.5rem
|
||||
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
|
||||
button
|
||||
line-height: 1
|
||||
padding: 0.4em
|
||||
|
||||
svg
|
||||
font-size: 1.5em
|
||||
|
||||
//@media only screen and (max-width: 1100px)
|
||||
// #topBar
|
||||
// padding-top: 4rem
|
||||
// padding-bottom: 4rem
|
||||
// .logoImage
|
||||
// height: 5.2rem
|
||||
// .logoText .logoTitle
|
||||
// font-size: 4rem
|
||||
// .logoText .logoTagline
|
||||
// font-size: 1.5rem
|
||||
//
|
||||
//@media only screen and (max-width: 950px)
|
||||
// #topBar
|
||||
// padding-top: 3rem
|
||||
// padding-bottom: 3rem
|
||||
// .logoImage
|
||||
// height: 4rem
|
||||
// padding-right: 3rem
|
||||
// .logoText .logoTitle
|
||||
// font-size: 3rem
|
||||
// .logoText .logoTagline
|
||||
// font-size: 1.2rem
|
||||
//
|
||||
//@media only screen and (max-width: 760px)
|
||||
// #topBar
|
||||
// padding-top: 2rem
|
||||
// padding-bottom: 2rem
|
||||
// .logoImage
|
||||
// height: 3rem
|
||||
// padding-right: 2rem
|
||||
// .logoText .logoTitle
|
||||
// font-size: 2rem
|
||||
// .logoText .logoTagline
|
||||
// font-size: 1rem
|
||||
//
|
||||
@media only screen and (max-width: 500px)
|
||||
#topBar
|
||||
.logoImage
|
||||
height: 4rem
|
||||
padding-right: 0.6rem
|
||||
.logoText .logoTitle
|
||||
font-size: 3rem
|
||||
.logoText .logoTagline
|
||||
font-size: 1.4rem
|
||||
4420
lib/modules/apostrophe-assets/public/js/bootstrap.js
vendored
Normal file
4420
lib/modules/apostrophe-assets/public/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
42
lib/modules/apostrophe-assets/public/js/site.js
Normal file
42
lib/modules/apostrophe-assets/public/js/site.js
Normal file
@@ -0,0 +1,42 @@
|
||||
$(function() {
|
||||
// Start with your project-level client-side javascript here.
|
||||
// JQuery and lodash (_) are both included with Apostrophe, so no need to
|
||||
// worry about including them on your own.
|
||||
|
||||
|
||||
//
|
||||
// This is the Javascript to handle displaying and hiding the mega menus.
|
||||
// We are using this instead of CSS and the hover selector because we want to allow for touch screen users to be able to open it and have it stay open when they tap.
|
||||
// Clicking also makes for a less confusing UI for users that have a hard time figuring out what is going on.
|
||||
//
|
||||
|
||||
let $topMenuItems = $("nav.navbar ul > li");
|
||||
let $topMenuContent = $("nav.navbar ul > li > div.dropdown-content");
|
||||
|
||||
// Handle the menu losing focus. This should remove visibility of the menu normally, but not when the click will result in one of the menus from displaying or hiding (clicking the same menu button).
|
||||
$topMenuContent.focusout(function(event) {
|
||||
let currentTarget = $(event.currentTarget);
|
||||
// Get the element that focus is switching to. This is held by the focus event that caused the focusout event to fire.
|
||||
let focused = event.originalEvent.target;
|
||||
// Test whether the newly focused element is one of the navigation elements.
|
||||
let isNav = $(focused).parents("nav.navbar ul > li").length > 0;
|
||||
|
||||
// Hide the menu if the newly focused element isn't one of the menu elements.
|
||||
if(!isNav) {
|
||||
currentTarget.parent().removeClass('display');
|
||||
}
|
||||
});
|
||||
// Handle one of the top level menu items being clicked. This normally shows the mega menu div and chevron by applying a "display" class to the li element for the menu.
|
||||
// If the menu already is open then the menu should close. If another menu was already open then close it here so that there is a nice smooth transition.
|
||||
$topMenuItems.click((event) => {
|
||||
let $clickedMenuItem = $(event.currentTarget);
|
||||
|
||||
if($clickedMenuItem.hasClass('display')) {
|
||||
$clickedMenuItem.removeClass('display');
|
||||
}
|
||||
else {
|
||||
$topMenuItems.removeClass('display');
|
||||
$clickedMenuItem.addClass('display');
|
||||
}
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user