0
0
mirror of https://github.com/Doodle3D/doodle3d-connect.git synced 2024-12-25 01:53:48 +01:00
doodle3d-connect/js/libs/jquery.mobile/demos/swipe-page/swipe-page.css
peteruithoven f247f1b3dc Added jQuery and jQuery mobile
Needed for offline development
2014-04-24 12:13:53 +02:00

33 lines
985 B
CSS

/* Set the background image sources */
#newyork { background-image: url("../_assets/img/newyork.jpg"); }
#buenosaires { background-image: url("../_assets/img/buenosaires.jpg"); }
#paris { background-image: url("../_assets/img/paris.jpg"); }
#capetown { background-image: url("../_assets/img/capetown.jpg"); }
#seoul { background-image: url("../_assets/img/seoul.jpg"); }
#sydney { background-image: url("../_assets/img/sydney.jpg"); }
/* Background settings */
.demo-page {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
/* Transparent footer */
.demo-page .ui-footer {
background: none;
border: none;
bottom: 0;
}
/* The footer won't have a height because there are only two absolute positioned elements in it.
So we position the buttons from the bottom. */
.control.ui-btn-left,
.trivia-btn.ui-btn-right {
top: auto;
bottom: 7px;
margin: 0;
}
/* Custom styling for the trivia source */
small {
font-size: .75em;
color: #666;
}