1
0
mirror of https://github.com/moparisthebest/app-UI synced 2025-01-07 11:48:04 -05:00
app-UI/samples/03 - slidingView/03 - swipeview/style.css
Andrew Trice 8be7936004 merged commits from pull#38
merged commits from pull #38
also added legacy support for any code pre-options parameters
2013-02-08 16:22:05 -05:00

95 lines
1.4 KiB
CSS
Executable File

body {
padding: 0;
margin: 0;
background: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
color: #333;
font-family: helvetica;
font-size: 12px;
text-align: center;
}
h1 {
font-size:2em;
padding:20px 0;
margin:0;
}
#wrapper {
width:100%;
min-width:320px;
height:150px;
background:#ddd;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
}
#nav {
position:absolute;
z-index:100;
top:8px;
width:200px;
height:20px;
left:50%;
background:rgba(0,0,0,0.75);
padding:0;
margin:0 0 0 -100px;
-webkit-border-radius:10px;
}
#nav li {
display:block;
float:left;
width:14px;
height:14px; line-height:14px;
-webkit-border-radius:7px;
background:rgba(255,255,255,0.1);
overflow:hidden;
padding:0;
margin:3px 11px 0 0;
text-align:center;
}
#nav li#prev {
margin-left:5px;
background:transparent;
}
#nav li#next {
margin-right:0;
background:transparent;
}
#nav li.selected {
background:rgba(255,255,255,0.4);
}
#swipeview-slider > div {
position:relative;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-box-pack:center;
-webkit-box-align:center;
overflow:hidden;
}
#swipeview-slider span {
-webkit-box-sizing:border-box;
display:block;
text-align:center;
font-size:1.4em;
padding:0 20px;
}
p {
padding:20px;
margin:0;
font-size:1.4em;
}