Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Commit

Permalink
Moved CSS to style and position source code link in toolbars to demos…
Browse files Browse the repository at this point in the history 
… CSS file.
  • Loading branch information
@jaspermdegroot
jaspermdegroot committed Dec 14, 2012
1 parent 6abbf10 commit af8e011
Show file tree
Hide file tree
Showing 8 changed files with 28 additions and 113 deletions.
15 changes: 14 additions & 1 deletion docs/demos/_assets/css/jqm-demos.css
View file
Expand Up @@ -108,6 +108,20 @@ div.jqm-demo-link {
.jqm-demo-link .ui-btn.ui-mini {
margin: 0;
}
.ui-header div.jqm-demo-link,
.ui-footer div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.ui-header div[data-demo-html],
.ui-footer div[data-demo-html] {
border: none;
padding: 0;
}

/* Swatch F - bar & buttons */
.ui-bar-f {
Expand Down Expand Up @@ -308,7 +322,6 @@ div.jqm-demo-link {
.jqm-demo .ui-collapsible-content::-webkit-scrollbar-track {
background: transparent;
}

.jqm-demo .ui-collapsible-content::-webkit-scrollbar-thumb {
background: #435A5F;
border: solid #222;
Expand Down
18 changes: 2 additions & 16 deletions docs/demos/swipe/ba.html
View file
Expand Up @@ -53,7 +53,7 @@
}
});
</script>
<style id="demo-style">
<style>
/* Set the background image sources */
#ny { background-image: url(../_assets/img/newyork.jpg); }
#ba { background-image: url(../_assets/img/buenosaires.jpg); }
Expand Down Expand Up @@ -95,20 +95,6 @@
user-select: none;
}
</style>
<style>
.demo-page div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.demo-page div[data-demo-html] {
border: none;
padding: 0;
}
</style>
</head>
<body>

Expand All @@ -117,7 +103,7 @@
<div data-role="header" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<h1>Buenos Aires</h1>
<a href="swipe-page.html" data-direction="reverse" data-icon="delete" data-iconpos="notext" data-shadow="false" data-icon-shadow="false">Back</a>
<div class="ui-btn-right" data-demo-html="#ba" data-demo-js="true" data-demo-css="#demo-style"></div>
<div class="ui-btn-right" data-demo-html="#ba" data-demo-js="true" data-demo-css="true"></div>
</div><!-- /header -->

<div data-role="content">
Expand Down
18 changes: 2 additions & 16 deletions docs/demos/swipe/ct.html
View file
Expand Up @@ -53,7 +53,7 @@
}
});
</script>
<style id="demo-style">
<style>
/* Set the background image sources */
#ny { background-image: url(../_assets/img/newyork.jpg); }
#ba { background-image: url(../_assets/img/buenosaires.jpg); }
Expand Down Expand Up @@ -95,20 +95,6 @@
user-select: none;
}
</style>
<style>
.demo-page div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.demo-page div[data-demo-html] {
border: none;
padding: 0;
}
</style>
</head>
<body>

Expand All @@ -117,7 +103,7 @@
<div data-role="header" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<h1>Cape Town</h1>
<a href="swipe-page.html" data-direction="reverse" data-icon="delete" data-iconpos="notext" data-shadow="false" data-icon-shadow="false">Back</a>
<div class="ui-btn-right" data-demo-html="#ct" data-demo-js="true" data-demo-css="#demo-style"></div>
<div class="ui-btn-right" data-demo-html="#ct" data-demo-js="true" data-demo-css="true"></div>
</div><!-- /header -->

<div data-role="content">
Expand Down
18 changes: 2 additions & 16 deletions docs/demos/swipe/ny.html
View file
Expand Up @@ -53,7 +53,7 @@
}
});
</script>
<style id="demo-style">
<style>
/* Set the background image sources */
#ny { background-image: url(../_assets/img/newyork.jpg); }
#ba { background-image: url(../_assets/img/buenosaires.jpg); }
Expand Down Expand Up @@ -95,20 +95,6 @@
user-select: none;
}
</style>
<style>
.demo-page div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.demo-page div[data-demo-html] {
border: none;
padding: 0;
}
</style>
</head>
<body>

Expand All @@ -117,7 +103,7 @@
<div data-role="header" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<h1>New York</h1>
<a href="swipe-page.html" data-direction="reverse" data-icon="delete" data-iconpos="notext" data-shadow="false" data-icon-shadow="false">Back</a>
<div class="ui-btn-right" data-demo-html="#ny" data-demo-js="true" data-demo-css="#demo-style"></div>
<div class="ui-btn-right" data-demo-html="#ny" data-demo-js="true" data-demo-css="true"></div>
</div><!-- /header -->

<div data-role="content">
Expand Down
18 changes: 2 additions & 16 deletions docs/demos/swipe/pa.html
View file
Expand Up @@ -53,7 +53,7 @@
}
});
</script>
<style id="demo-style">
<style>
/* Set the background image sources */
#ny { background-image: url(../_assets/img/newyork.jpg); }
#ba { background-image: url(../_assets/img/buenosaires.jpg); }
Expand Down Expand Up @@ -95,20 +95,6 @@
user-select: none;
}
</style>
<style>
.demo-page div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.demo-page div[data-demo-html] {
border: none;
padding: 0;
}
</style>
</head>
<body>

Expand All @@ -117,7 +103,7 @@
<div data-role="header" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<h1>Paris</h1>
<a href="swipe-page.html" data-direction="reverse" data-icon="delete" data-iconpos="notext" data-shadow="false" data-icon-shadow="false">Back</a>
<div class="ui-btn-right" data-demo-html="#pa" data-demo-js="true" data-demo-css="#demo-style"></div>
<div class="ui-btn-right" data-demo-html="#pa" data-demo-js="true" data-demo-css="true"></div>
</div><!-- /header -->

<div data-role="content">
Expand Down
18 changes: 2 additions & 16 deletions docs/demos/swipe/sl.html
View file
Expand Up @@ -53,7 +53,7 @@
}
});
</script>
<style id="demo-style">
<style>
/* Set the background image sources */
#ny { background-image: url(../_assets/img/newyork.jpg); }
#ba { background-image: url(../_assets/img/buenosaires.jpg); }
Expand Down Expand Up @@ -95,20 +95,6 @@
user-select: none;
}
</style>
<style>
.demo-page div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.demo-page div[data-demo-html] {
border: none;
padding: 0;
}
</style>
</head>
<body>

Expand All @@ -117,7 +103,7 @@
<div data-role="header" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<h1>Seoul</h1>
<a href="swipe-page.html" data-direction="reverse" data-icon="delete" data-iconpos="notext" data-shadow="false" data-icon-shadow="false">Back</a>
<div class="ui-btn-right" data-demo-html="#sl" data-demo-js="true" data-demo-css="#demo-style"></div>
<div class="ui-btn-right" data-demo-html="#sl" data-demo-js="true" data-demo-css="true"></div>
</div><!-- /header -->

<div data-role="content">
Expand Down
18 changes: 2 additions & 16 deletions docs/demos/swipe/swipe-page.html
View file
Expand Up @@ -53,7 +53,7 @@
}
});
</script>
<style id="demo-style">
<style>
/* Set the background image sources */
#ny { background-image: url(../_assets/img/newyork.jpg); }
#ba { background-image: url(../_assets/img/buenosaires.jpg); }
Expand Down Expand Up @@ -95,20 +95,6 @@
user-select: none;
}
</style>
<style>
.demo-page div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.demo-page div[data-demo-html] {
border: none;
padding: 0;
}
</style>
</head>
<body>

Expand All @@ -125,7 +111,7 @@ <h1>Swipe page demo</h1>

<h2>Swipe to navigate</h2>

<div data-demo-js="true" data-demo-css="#demo-style">
<div data-demo-js="true" data-demo-css="true">
<p>This demo shows how you can use the swipe event to navigate between pages. We using single HTML files for each page. Here you can see the JavaScript and CSS source. On each of the demo pages you can see the page markup as well.</p>

<p><a href="ny.html" data-transition="fade" data-role="button" data-inline="true" data-theme="c">Open swipe page demo</a></p>
Expand Down
18 changes: 2 additions & 16 deletions docs/demos/swipe/sy.html
View file
Expand Up @@ -53,7 +53,7 @@
}
});
</script>
<style id="demo-style">
<style>
/* Set the background image sources */
#ny { background-image: url(../_assets/img/newyork.jpg); }
#ba { background-image: url(../_assets/img/buenosaires.jpg); }
Expand Down Expand Up @@ -95,20 +95,6 @@
user-select: none;
}
</style>
<style>
.demo-page div.jqm-demo-link {
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 6px;
}
.demo-page div[data-demo-html] {
border: none;
padding: 0;
}
</style>
</head>
<body>

Expand All @@ -117,7 +103,7 @@
<div data-role="header" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<h1>Sydney</h1>
<a href="swipe-page.html" data-direction="reverse" data-icon="delete" data-iconpos="notext" data-shadow="false" data-icon-shadow="false">Back</a>
<div class="ui-btn-right" data-demo-html="#sy" data-demo-js="true" data-demo-css="#demo-style"></div>
<div class="ui-btn-right" data-demo-html="#sy" data-demo-js="true" data-demo-css="true"></div>
</div><!-- /header -->

<div data-role="content">
Expand Down

0 comments on commit af8e011

Please sign in to comment.