181 lines
5.0 KiB
Stylus
181 lines
5.0 KiB
Stylus
|
|
||
|
|
#publicBody
|
||
|
|
position: relative
|
||
|
|
max-width: 950px
|
||
|
|
min-width: 250px
|
||
|
|
margin: 0 auto
|
||
|
|
#page
|
||
|
|
background: #FDFDFD
|
||
|
|
@media(max-width: 549px)
|
||
|
|
#head
|
||
|
|
margin: 0 auto
|
||
|
|
height: 0
|
||
|
|
#logo
|
||
|
|
position: absolute
|
||
|
|
right: 5px
|
||
|
|
top: 0
|
||
|
|
width: 40px
|
||
|
|
height: 40px
|
||
|
|
background: url(images/Logo_v1.png) no-repeat top center
|
||
|
|
background-size: 40px 40px
|
||
|
|
cursor: pointer
|
||
|
|
.page
|
||
|
|
margin: 0 auto
|
||
|
|
padding: 6px 4px
|
||
|
|
position: relative
|
||
|
|
#menuBackground
|
||
|
|
height: 20px
|
||
|
|
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
|
||
|
|
text-decoration: none
|
||
|
|
color: black
|
||
|
|
line-height: 20px
|
||
|
|
display: inline-block
|
||
|
|
height: 20px
|
||
|
|
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+ */
|
||
|
|
#menu a:hover
|
||
|
|
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)
|
||
|
|
#head
|
||
|
|
margin: 0 auto
|
||
|
|
background: url(images/Header_v1.jpg) no-repeat top center
|
||
|
|
background-size: contain
|
||
|
|
max-width: 950px
|
||
|
|
height: 171px
|
||
|
|
#logo
|
||
|
|
position: absolute
|
||
|
|
right: 10px
|
||
|
|
top: 10px
|
||
|
|
width: 120px
|
||
|
|
height: 120px
|
||
|
|
background: url(images/Logo_v1.png) no-repeat top center
|
||
|
|
background-size: 120px 120px
|
||
|
|
cursor: pointer
|
||
|
|
.page
|
||
|
|
margin: 0 auto
|
||
|
|
padding: 30px 20px
|
||
|
|
position: relative
|
||
|
|
#menuBackground
|
||
|
|
height: 31px
|
||
|
|
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 a
|
||
|
|
margin: 0 0 0 16px
|
||
|
|
text-decoration: none
|
||
|
|
color: black
|
||
|
|
line-height: 30px
|
||
|
|
display: inline-block
|
||
|
|
height: 30px
|
||
|
|
border-bottom: 3px 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+ */
|
||
|
|
#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
|