Skip to content

Instantly share code, notes, and snippets.

View jackz3's full-sized avatar
🏠
Working from home

jack jackz3

🏠
Working from home
View GitHub Profile
<!DOCTYPE HTML>
<HTML>
<head>
<meta charset="UTF-8">
<title>Restaurant Picker</title>
<body>
<div data-role="page" id="home" data-theme="c">
<div data-role="content">
<div id="branding">
<h1>Restaurant Picker </h1>
<body>
<div id="choisir_ville" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1> Restaurant Picker</h1>
</div>
<body>
<div id="choisir_restau" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1> Restaurant Picker</h1>
</div>
<div data-role="content">
<div class="choice_list">
<body>
<div id="restau" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1> Restaurant Picker</h1>
</div>
<div data-role="content">
<div class="ui-grid-a" id="restau_infos">
<div class="ui-block-a">
@jackz3
jackz3 / custom.css
Created April 12, 2012 15:05
general styling
/*** general styling */
.ui-page.ui-body-c{
background:url(images/bg.png);
box-shadow: 0px 0px 30px 5px rgba(107, 105, 105, 0.3) inset,
0px 0px 0px 1px rgba(107, 105, 105, 0.4) inset;
}
.ui-icon.ui-icon-arrow-r {
background-color:rgb(136, 111, 110);
@jackz3
jackz3 / custom.css
Created April 13, 2012 03:45
first page
/*** home **/
#branding{
background:url(images/logo.png) no-repeat;
width:322px;
height:165px;
@jackz3
jackz3 / custom.css
Created April 13, 2012 03:51
second page
/* title bar */
.ui-header.ui-bar-a{
background:url(images/header_bg.png);
}
.ui-header .ui-title {
text-indent:-9999px;
font-size:0px;
background:url(images/header_logo.png) no-repeat 69% 5px ;
height:33px;
padding:5px 0 5px 50px;
@jackz3
jackz3 / custom.css
Created April 13, 2012 04:01
third page
/** choix du restaurant **/
#choisir_restau .choice_list h1{
background-position: 0 -132px;
margin:10px auto 20px auto;
}
@jackz3
jackz3 / custom.css
Created April 13, 2012 05:06
last page
/** restau **/
#restau_infos,
#contact_infos {
color:rgb(63, 41, 39);
font-size:14px;