summaryrefslogtreecommitdiff
path: root/media/sass/_768.sass
diff options
context:
space:
mode:
Diffstat (limited to 'media/sass/_768.sass')
-rw-r--r--media/sass/_768.sass405
1 files changed, 405 insertions, 0 deletions
diff --git a/media/sass/_768.sass b/media/sass/_768.sass
new file mode 100644
index 0000000..4499851
--- /dev/null
+++ b/media/sass/_768.sass
@@ -0,0 +1,405 @@
+//768px
+@media only screen and (min-width: 768px)
+
+ //**************** Masthead ************************
+
+ header[role="banner"]
+ margin-top: 2em
+ height: 60px
+ padding-bottom: 12px
+ border-bottom: 2px solid $brown
+ margin-bottom: 2em
+ h1
+ float: left
+ width: 160px
+ margin-top: -12px
+ h2
+ background: url('../img/text.png') 0 0 no-repeat
+ margin-top: 5px
+ float: left
+ nav[role="navigation"]
+ border: none
+ float: left
+ margin-left: 2em
+ ul
+ margin-top: 14px
+
+ #breadcrumbs
+ text-align: left
+
+
+ //writing archives
+ .archive
+ article
+ margin-bottom: 2em
+ padding-bottom: 2em
+ border: none
+ h1, p
+ float: left
+ text-align: left
+ margin: 0
+ p
+ line-height: 1.25em
+ h1
+ line-height: 2.4em
+ margin-top: .15em
+ width: 100%
+ .dateline
+ clear: left
+ width: 38%
+
+ .hyphenate
+ text-align: justify
+ width: 38%
+ margin-top: .5em
+ font-size: 1em
+ time
+ display: inline
+ float: right
+ img
+ float: right
+ width: 56%
+ .home
+ article
+ clear: both
+ min-height: 300px
+ h1
+ margin-top: 2em
+ text-align: left
+ .dateline
+ text-align: left
+ img
+ margin-bottom: 2em
+ margin-left: 2em
+ float: right
+ //Photos
+ #photo-galleries
+ margin: 0 auto
+ padding-left: 12px
+ width: 100%
+ img
+ width: auto
+ .legend
+ width: 291px
+ li
+ float: left
+ margin-right: 16px
+ #photo-galleries:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+
+ //individual posts
+ .single
+ article
+ width: 35.625em
+ margin: 4em auto
+ header
+ width: 35.625em
+ h1
+ font-size: 2em
+ text-align: left
+ margin: 0 0 .675em 0
+ aside, time
+ text-align: left
+ .drop
+ font-size: 4.8em
+ padding: 38px 10px 5px 0
+
+ // generic two col layout
+ .col
+ float: left
+ width: 38%
+ margin-right: 2em
+ .two
+ width: 53%
+ .top
+ margin-bottom: 2em
+ font-size: .875em
+ padding-bottom: 2em
+ border-bottom: #e3e3e3 1px solid
+
+ .top:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+
+ #page-navigation
+ margin-left: 10%
+ // specifics for two column posts
+ .double article[role="main"]
+ header
+ width: 9em
+ float: left
+ margin-left: 0
+ h1, aside
+ text-align: right
+ line-height: 1.1em
+ margin-top: 16px
+ h1
+ font-size: 1.875em
+ time
+ display: block
+ text-align: right
+ .col
+ margin-left: 1.25em
+ width: 34%
+ .sec
+ margin-right: 0
+ margin-left: 1em
+ .narrow
+ width: 35.625em
+ margin: 0 auto
+ #page-navigation
+ margin-left: 10%
+
+ .post-body-single .legend
+ width: 98%
+ .post-body-single
+ p:nth-of-type(1)
+ font-size: 1.25em
+ line-height: 28px
+ #about .post-body-single
+ p:nth-of-type(1)
+ font-size: 1.063em
+ .addendum
+ line-height: 25px
+ dt
+ margin-left: -30px
+ font-style: italic
+ padding-left: 30px
+ text-indent: -30px
+ margin-bottom: .5em
+ dd
+ margin-left: 0
+ h4.notes
+ text-transform: uppercase
+ font-size: 1em
+ .pullquote
+ width: 10em
+ margin: 0 1em 1em -2em
+ font-style: italic
+ font-size: 1.3em
+ float: left
+ line-height: 1.6em
+ #page-navigation
+ margin-left: 15%
+ .numeral
+ display: block
+ font: bold 1.2em Helvetica, Verdana, sans-serif
+ margin-bottom: 0
+ margin-top: 60px
+
+ .post-body-single h3
+ font-size: 1.6em
+ line-height: 1.2em
+ font-weight: normal
+ //map
+ #map-canvas
+ height: 400px
+
+ //about
+ #about img
+ width: auto
+ clear: both
+
+ footer[role="contentinfo"]
+ font-size: 110%
+ nav
+ border: none
+ li
+ margin: 0 .5em
+
+ //******************************************************
+ //******************************************************
+ //********** DARK PAGES **************
+ //******************************************************
+ //******************************************************
+ .dark
+ header[role="banner"]
+ h2
+ background: url('../img/text.png') 0 -61px no-repeat
+
+ .park
+ position: relative
+ display: block
+ margin: 2em 0 2em 0
+ h1
+ display: block
+ position: absolute
+ top: 0px
+ background: $brown
+ z-index: 1000
+ +transparent_class
+ color: white
+ margin: 0
+ width: 100%
+ text-align: left
+ line-height: 2em
+ font-size: 2em
+ padding-left: .25em
+
+ .figure
+ position: relative
+ border: none
+ .legend
+ position: absolute
+ bottom: 0
+ width: 100%
+ margin: 0
+ background: $brown
+ +transparent_class
+ h2
+ font: normal 1.2em/2.6 Helvetica, Verdana, sans-serif
+ color: white
+ margin: 0 0 0 1em
+ float: left
+ padding: .3em 0
+ .legend:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+ .buttons
+
+ margin: .5em 10px 0 0
+ line-height: 2.6em
+ float: right
+ li
+ margin: 0 .25em
+ font-size: 10px
+ a
+ font-weight: bold
+ padding: 0.875em 1.75em 0.75em
+ background: #463215
+ color: white
+ -moz-border-radius: 25px
+ -webkit-border-radius: 25px
+ border-radius: 25px
+ &:hover
+ background: $orange
+
+
+
+
+
+
+
+ //******************************************************
+ //******************************************************
+ //********** BLACK PAGES **************
+ //******************************************************
+ //******************************************************
+
+ .black
+ header[role="banner"]
+ border-bottom: 1px #ccc solid
+ h2
+ background: url('../img/text.png') 0 -121px no-repeat
+ h6
+ display: block
+ text-align: center
+ text-transform: uppercase
+ font-size: .625em
+ margin: 0 0 1.25em 0
+ a
+ color: #b5b5b5
+ a:hover
+ color: $orange
+ #slides
+ article
+ position: relative
+ img
+ display: block
+ margin: 0 auto
+ .v
+ width: auto
+ .photo-options, .map-link
+ display: block
+ .figcaption
+ margin: 0
+ padding: 1em 0 1em 0
+ h3
+ float: left
+ padding: 0
+ font-weight: normal
+ .caption
+ border-right: 1px solid #1f1f21
+ width: 58%
+ float: left
+ padding-right: 1em
+ p
+ margin-left: .5em
+ font-size: .875em
+ clear: both
+ .map-link
+ float: right
+ background: #211d19
+ line-height: 1em
+ color: white
+ text-align: center
+ text-transform: uppercase
+ margin: 0 .25em
+ font: normal .75em Helvetica, Verdana, sans-serif
+ padding: .5em 1em
+ -moz-border-radius: 1em
+ -webkit-border-radius: 1em
+ border-radius: 1em
+ .map-link:hover
+ background: $orange
+ .photo-options
+ float: left
+ margin-left: 1em
+ p
+ font: normal .75em Helvetica, Verdana, sans-serif
+ color: #414144
+ line-height: 1.5em
+ a
+ color: #414144
+ font-weight: normal
+ a:hover
+ color: $orange
+ li
+ display: inline
+ margin: 0 .25em
+ font: normal 1em Helvetica, Verdana, sans-serif
+ a
+ font-weight: bold
+ p
+ margin: 0 1em
+ color: #74757A
+ font-size: 1em
+ .figcaption:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+
+
+ .map-container
+ //clear: left
+ width: 469px
+ height: 392px
+ position: absolute
+ bottom: 100px
+ left: 20px
+ z-index: 2000
+ margin: 0
+ padding: 0
+ background: url("../img/mapbg.png") no-repeat top left
+
+ .map-wrapper
+ width: 400px
+ height: 328px
+ position: absolute
+ bottom: 27px
+ margin: 0px 0 0 44px
+ footer[role='contentinfo']
+ nav
+ border: none \ No newline at end of file
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-11-18 02:24:20 +0000