Initial copy of old site.
This commit is contained in:
181
imports/ui/layouts/Public.import.styl
vendored
181
imports/ui/layouts/Public.import.styl
vendored
@@ -1,14 +1,77 @@
|
||||
|
||||
#publicBody
|
||||
position: relative
|
||||
max-width: 950px
|
||||
max-width: 960px
|
||||
min-width: 250px
|
||||
margin: 0 auto
|
||||
#page
|
||||
background: #FDFDFD
|
||||
@media(max-width: 549px)
|
||||
|
||||
.topBar
|
||||
.logoLeft
|
||||
cursor: pointer
|
||||
z-index: 1
|
||||
display: inline-block
|
||||
height: 43px
|
||||
width: 41px
|
||||
background-image: url('/images/logo_v1.png')
|
||||
background-position: center center
|
||||
background-origin: content-box
|
||||
background-clip: content-box
|
||||
background-repeat: no-repeat
|
||||
background-size: cover
|
||||
.menuBar
|
||||
list-style-type:none
|
||||
margin: 15px 0 0 0
|
||||
padding:0
|
||||
overflow:hidden
|
||||
display: inline-block
|
||||
float: right
|
||||
font-size: 16px
|
||||
li
|
||||
float: right
|
||||
a
|
||||
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
|
||||
font-weight: bold
|
||||
padding: 8px 8px 0 8px
|
||||
text-decoration: none
|
||||
color: #269
|
||||
a:hover
|
||||
color: #5AD
|
||||
a:active
|
||||
color: #047
|
||||
a.active
|
||||
color: #777777
|
||||
cursor: default
|
||||
|
||||
.theKey
|
||||
color: #269
|
||||
|
||||
.footer
|
||||
text-align: center
|
||||
padding-bottom: 40px
|
||||
.copyright
|
||||
float: left
|
||||
color: #777777
|
||||
letter-spacing: 1px
|
||||
overflow: visible
|
||||
white-space: nowrap
|
||||
text-transform: uppercase
|
||||
font-size: 10px
|
||||
.byline
|
||||
float: right
|
||||
color: #777777
|
||||
letter-spacing: 1px
|
||||
overflow: visible
|
||||
text-align: right
|
||||
text-transform: uppercase
|
||||
font-size: 10px
|
||||
|
||||
@media(max-width: 549px)
|
||||
.level1, .level2
|
||||
display: none
|
||||
#page
|
||||
#head
|
||||
margin: 0 auto
|
||||
height: 0
|
||||
#logo
|
||||
position: absolute
|
||||
@@ -28,12 +91,7 @@
|
||||
max-width: 950px
|
||||
background: #FFF
|
||||
#menu
|
||||
white-space: nowrap
|
||||
position: absolute
|
||||
height: 20px
|
||||
z-index: 200
|
||||
font-family: "Open Sans", Arial, Helvetica, sans-serif
|
||||
font-weight: 600
|
||||
font-size: .8em
|
||||
#menu a
|
||||
margin: 0 0 0 5px
|
||||
@@ -51,43 +109,24 @@
|
||||
opacity: .7
|
||||
color: black
|
||||
border-bottom: 1px solid red
|
||||
#links
|
||||
white-space: nowrap
|
||||
position: absolute
|
||||
right: 50px
|
||||
top: 26px
|
||||
height: 15px
|
||||
width: 60px
|
||||
text-align: left
|
||||
z-index: 100
|
||||
font-family: Arial, Helvetica, sans-serif
|
||||
font-size: .8em
|
||||
font-weight: 800
|
||||
#links a
|
||||
display: inline-block
|
||||
width: 20px
|
||||
height: 15px
|
||||
border-bottom: 1px solid transparent
|
||||
/* Force the browser to include padding and border as part of the size of the block. */
|
||||
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box /* Firefox, other Gecko */
|
||||
box-sizing: border-box /* Opera/IE 8+ */
|
||||
#links a:hover
|
||||
border-bottom: 1px solid red
|
||||
opacity: .7
|
||||
#linkFacebook
|
||||
background: url('images/Facebook_v2.png') no-repeat center center
|
||||
background-size: auto 9px
|
||||
#linkGoogle
|
||||
background: url('images/GooglePlus_v2.png') no-repeat center center
|
||||
background-size: 12px auto
|
||||
#linkTwitter
|
||||
background: url('images/Twitter_v2.png') no-repeat center center
|
||||
background-size: 12px auto
|
||||
@media(min-width: 550px)
|
||||
.copyright
|
||||
font-size: 7px
|
||||
.byline
|
||||
float: left
|
||||
clear: both
|
||||
text-align: left
|
||||
font-size: 7px
|
||||
.footer
|
||||
font-size: 7px
|
||||
text-align: left
|
||||
|
||||
// Large Screens
|
||||
@media(min-width: 550px)
|
||||
.barButton
|
||||
display: none
|
||||
#page
|
||||
#head
|
||||
margin: 0 auto
|
||||
background: url(images/Header_v1.jpg) no-repeat top center
|
||||
background: url(images/header_v2.jpg) no-repeat top center
|
||||
background-size: contain
|
||||
max-width: 950px
|
||||
height: 171px
|
||||
@@ -109,14 +148,11 @@
|
||||
max-width: 950px
|
||||
background: #FFF
|
||||
#menu
|
||||
white-space: nowrap
|
||||
position: absolute
|
||||
height: 30px
|
||||
margin-bottom: 1px
|
||||
z-index: 200
|
||||
font-family: "Open Sans", Arial, Helvetica, sans-serif
|
||||
font-weight: 600
|
||||
font-size: 1em
|
||||
#menu.wide
|
||||
width: 199px
|
||||
#menu a
|
||||
margin: 0 0 0 16px
|
||||
text-decoration: none
|
||||
@@ -129,53 +165,8 @@
|
||||
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box /* Firefox, other Gecko */
|
||||
box-sizing: border-box /* Opera/IE 8+ */
|
||||
#menu a.holidayMenuItem
|
||||
font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
|
||||
font-weight: 400
|
||||
font-size: 1.3em
|
||||
letter-spacing: 1px
|
||||
vertical-align: top
|
||||
#menu a.shippingMenuItem
|
||||
font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
|
||||
font-weight: 400
|
||||
font-size: 1.3em
|
||||
letter-spacing: 1px
|
||||
vertical-align: top
|
||||
#menu a:hover
|
||||
opacity: 1
|
||||
color: black
|
||||
background: transparent
|
||||
border-bottom: 3px solid #a20010
|
||||
#link
|
||||
white-space: nowrap
|
||||
position: absolute
|
||||
right: 10px
|
||||
top: 130px
|
||||
height: 30px
|
||||
width: 120px
|
||||
text-align: center
|
||||
z-index: 200
|
||||
font-family: Arial, Helvetica, sans-serif
|
||||
font-weight: 800
|
||||
font-size: 1em
|
||||
#links a
|
||||
display: inline-block
|
||||
width: 30px
|
||||
height: 30px
|
||||
border-bottom: 2px solid transparent
|
||||
/* Force the browser to include padding and border as part of the size of the block. */
|
||||
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box /* Firefox, other Gecko */
|
||||
box-sizing: border-box /* Opera/IE 8+ */
|
||||
#links a:hover
|
||||
border-bottom: 2px solid rgb(200, 146, 186) /*#a20010;*/
|
||||
opacity: 1
|
||||
#linkFacebook
|
||||
background: url('images/Facebook_white_v2.png') no-repeat center 5px
|
||||
background-size: 20px auto
|
||||
#linkGoogle
|
||||
background: url('images/GooglePlus_white_v2.png') no-repeat center 6px
|
||||
background-size: 20px auto
|
||||
#linkTwitter
|
||||
background: url('images/Twitter_white_v2.png') no-repeat center 7px
|
||||
background-size: 20px auto
|
||||
border-bottom: 3px solid #a20010
|
||||
Reference in New Issue
Block a user