81 lines
2.3 KiB
Sass
81 lines
2.3 KiB
Sass
$qbrown: #853d15
|
|
$qbrown-active: lighten($qbrown, 20%)
|
|
$green: #7BB459 //Heineken
|
|
//$wood: image-url('textures/wood001-vertical.jpg')
|
|
$wood: image-url('textures/theme1.jpg')
|
|
$background-brown: #57351f
|
|
$side-spacing: 5px
|
|
=wood-button
|
|
background-color: transparent
|
|
background-repeat: no-repeat, no-repeat, repeat-x
|
|
background-position: left center, right center, center center
|
|
background-image: image-url('theme1/button-wood-left.png'), image-url('theme1/button-wood-right.png'), image-url('theme1/button-wood-middle.png')
|
|
color: $green
|
|
border-width: 0
|
|
border-radius: 0
|
|
height: 31px
|
|
//padding-bottom: 18px
|
|
+box-shadow(#000 4px 4px 8px)
|
|
&:hover
|
|
background-color: transparent
|
|
background-repeat: no-repeat, no-repeat, repeat-x
|
|
background-position: left center, right center, center center
|
|
background-image: image-url('theme1/button-wood-left.png'), image-url('theme1/button-wood-right.png'), image-url('theme1/button-wood-middle.png')
|
|
color: blue
|
|
=button-bar
|
|
background-color: transparent
|
|
background-repeat: no-repeat, no-repeat
|
|
background-position: left bottom, right bottom
|
|
background-image: image-url('theme1/button-bar-left.png'), image-url('theme1/button-bar-right.png')
|
|
color: $green
|
|
border-width: 0
|
|
border-radius: 0
|
|
min-height: 61px
|
|
height: 61px
|
|
padding-left: 49px
|
|
padding-right: 52px
|
|
.button-bar-inner
|
|
//+single-box-shadow(#000, 0px, 4px, 8px, 0px, true)
|
|
background-color: white
|
|
background-repeat: repeat-x
|
|
background-position: center bottom
|
|
background-image: image-url('theme1/button-bar-middle.png')
|
|
//min-height: 61px
|
|
height: 100%
|
|
.button-bar-content
|
|
padding: 8px
|
|
.title
|
|
margin-top: 4px
|
|
margin-right: 5px
|
|
margin-left: 5px
|
|
margin-bottom: 3px
|
|
font-size: 1.1em
|
|
line-height: 1.1em
|
|
color: black
|
|
float: left
|
|
.action-buttons
|
|
float: left
|
|
width: 150px
|
|
//padding-bottom: 18px
|
|
//+box-shadow(#000 4px 4px 8px)
|
|
=user-button
|
|
+wood-button
|
|
cursor: pointer
|
|
border: 0px solid black
|
|
//+border-radius(4px)
|
|
//+box-shadow(#000 4px 4px 8px)
|
|
width: 30px
|
|
//height: 34px
|
|
display: inline-block
|
|
float: left
|
|
margin-right: 15px
|
|
background-color: $qbrown
|
|
text-align: center
|
|
line-height: 34px
|
|
text-indent: -5000px
|
|
&.active
|
|
background-color: $qbrown-active
|
|
&.hide
|
|
display: none
|
|
|