Merge branch 'master' of bitbucket.org:code2lab/sxrestaurant into ui_ux_changes
This commit is contained in:
San Wai Lwin
220
app/assets/stylesheets/wow_style.css
Normal file
220
app/assets/stylesheets/wow_style.css
Normal file
@@ -0,0 +1,220 @@
|
||||
/*
|
||||
* generated by WOW Slider 2.5
|
||||
* template Quiet
|
||||
*/
|
||||
@import url("http://fonts.googleapis.com/css?family=Oswald");
|
||||
#wowslider-container {
|
||||
zoom: 1;
|
||||
position: relative;
|
||||
max-width:580px;
|
||||
margin:0 auto;
|
||||
z-index:100;
|
||||
border:none;
|
||||
text-align:left; /* reset align=center */
|
||||
}
|
||||
* html #wowslider-container{ width:580px }
|
||||
#wowslider-container ul{
|
||||
position:relative;
|
||||
width: 10000%;
|
||||
height:auto;
|
||||
left:0;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border-spacing:0;
|
||||
overflow: visible;
|
||||
/*table-layout:fixed;*/
|
||||
}
|
||||
#wowslider-container .ws_images ul li{
|
||||
width:1%;
|
||||
line-height:0; /*opera*/
|
||||
float:left;
|
||||
font-size:0;
|
||||
padding:0 0 0 0;
|
||||
margin:0 0 0 0;
|
||||
}
|
||||
|
||||
#wowslider-container .ws_images{
|
||||
position: relative;
|
||||
left:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
overflow:hidden;
|
||||
}
|
||||
#wowslider-container .ws_images a{
|
||||
width:100%;
|
||||
display:block;
|
||||
color:transparent;
|
||||
}
|
||||
|
||||
#wowslider-container .ws_images img{
|
||||
width:100%;
|
||||
border:none 0;
|
||||
max-width: none;
|
||||
}
|
||||
#wowslider-container a{
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#wowslider-container .ws_bullets {
|
||||
font-size: 0px;
|
||||
float: left;
|
||||
position:absolute;
|
||||
z-index:70;
|
||||
}
|
||||
#wowslider-container .ws_bullets div{
|
||||
position:relative;
|
||||
float:left;
|
||||
}
|
||||
#wowslider-container a.wsl{
|
||||
display:none;
|
||||
}
|
||||
#wowslider-container .ws_bullets {
|
||||
padding: 10px;
|
||||
}
|
||||
#wowslider-container .ws_bullets a {
|
||||
width:15px;
|
||||
height:15px;
|
||||
background: url(./bullet.png) left top;
|
||||
float: left;
|
||||
text-indent: -4000px;
|
||||
position:relative;
|
||||
margin-left:3px;
|
||||
color:transparent;
|
||||
}
|
||||
#wowslider-container .ws_bullets a:hover{
|
||||
background-position: 0 50%;
|
||||
}
|
||||
#wowslider-container .ws_bullets a.ws_selbull{
|
||||
background-position: 0 100%;
|
||||
}
|
||||
#wowslider-container a.ws_next, #wowslider-container a.ws_prev {
|
||||
position:absolute;
|
||||
display:none;
|
||||
top:50%;
|
||||
margin-top:-50px;
|
||||
z-index:60;
|
||||
height: 100px;
|
||||
width: 60px;
|
||||
background-image: url(./arrows.png);
|
||||
}
|
||||
#wowslider-container a.ws_next{
|
||||
background-position: 100% 0;
|
||||
right:0;
|
||||
}
|
||||
#wowslider-container a.ws_prev {
|
||||
left:0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
* html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block}
|
||||
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {display:block}
|
||||
/* bottom center */
|
||||
#wowslider-container .ws_bullets {
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
}
|
||||
#wowslider-container .ws_bullets .ws_bulframe {
|
||||
top: 20px;
|
||||
}
|
||||
#wowslider-container .ws_bullets .ws_bulframe {
|
||||
top: 20px;
|
||||
}
|
||||
#wowslider-container .ws-title{
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
left: 7%;
|
||||
z-index: 50;
|
||||
padding:12px;
|
||||
color: #000000;
|
||||
background:#fff;
|
||||
font-family:Oswald,Impact,Charcoal,sans-serif;
|
||||
font-size: 30px;
|
||||
text-shadow: 1px 1px 1px #BBBBBB;
|
||||
line-height: 30px;
|
||||
border-radius:5px;
|
||||
-moz-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
opacity:0.5;
|
||||
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
|
||||
}
|
||||
#wowslider-container .ws-title div{
|
||||
font-size: 25px;
|
||||
text-shadow: 1px 1px 1px #000000;
|
||||
}#wowslider-container ul{
|
||||
animation: wsBasic 12s infinite;
|
||||
-moz-animation: wsBasic 12s infinite;
|
||||
-webkit-animation: wsBasic 12s infinite;
|
||||
}
|
||||
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
|
||||
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
|
||||
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
|
||||
|
||||
#wowslider-container .ws_shadow{
|
||||
background: url(./shadow.png) left 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100%;
|
||||
width:100%;
|
||||
height:20%;
|
||||
position: absolute;
|
||||
left:0;
|
||||
bottom:-20%;
|
||||
z-index:-1;
|
||||
}
|
||||
* html #wowslider-container .ws_shadow{/*ie6*/
|
||||
background:none;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='wowslider/install/shadow.png', sizingMethod='scale');
|
||||
}
|
||||
*+html #wowslider-container .ws_shadow{/*ie7*/
|
||||
background:none;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='wowslider/install/shadow.png', sizingMethod='scale');
|
||||
}
|
||||
#wowslider-container .ws_bullets a img{
|
||||
text-indent:0;
|
||||
display:block;
|
||||
top:15px;
|
||||
left:-123px;
|
||||
visibility:hidden;
|
||||
position:absolute;
|
||||
-moz-box-shadow: 0 0 5px #999999;
|
||||
box-shadow: 0 0 5px #999999;
|
||||
border: 5px solid #FFFFFF;
|
||||
max-width:none;
|
||||
}
|
||||
#wowslider-container .ws_bullets a:hover img{
|
||||
visibility:visible;
|
||||
}
|
||||
|
||||
#wowslider-container .ws_bulframe div div{
|
||||
height:90px;
|
||||
overflow:visible;
|
||||
position:relative;
|
||||
}
|
||||
#wowslider-container .ws_bulframe div {
|
||||
left:0;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
width:246px;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
#wowslider-container .ws_bullets .ws_bulframe{
|
||||
display:none;
|
||||
overflow:visible;
|
||||
position:absolute;
|
||||
cursor:pointer;
|
||||
-moz-box-shadow: 0 0 5px #999999;
|
||||
box-shadow: 0 0 5px #999999;
|
||||
border: 5px solid #FFFFFF;
|
||||
}
|
||||
#wowslider-container .ws_bulframe span{
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:-11px;
|
||||
margin-left:-5px;
|
||||
left:123px;
|
||||
background:url(./triangle.png);
|
||||
width:15px;
|
||||
height:6px;
|
||||
}
|
||||
Reference in New Issue
Block a user