Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Vendoring images/css for iphone-style-checkboxes to fix mimetype issue.

  • Loading branch information...
commit c35cdb5e125383393a0757d59dfc681751f89aae 1 parent d6f88f4
@jqr authored
View
2  _posts/2009-08-05-iphone-toggle-switches.html
@@ -3,7 +3,7 @@
title: iPhone Toggle Switches
summary: A big improvement over boring HTML checkboxes.
css:
- - http://github.com/tdreyno/iphone-style-checkboxes/raw/6580bf0770490c16323de039debba77c6454ffed/style.css
+ - /stylesheets/posts/iphone-toggle-switches-vendor.css
- /stylesheets/posts/iphone-toggle-switches.css
javascript:
- http://github.com/tdreyno/iphone-style-checkboxes/raw/6580bf0770490c16323de039debba77c6454ffed/prototype/scriptaculous-effects-1.8.2.js
View
BIN  images/posts/off.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/posts/on.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/posts/slider.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/posts/slider_center.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/posts/slider_left.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/posts/slider_right.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
65 stylesheets/posts/iphone-toggle-switches-vendor.css
@@ -0,0 +1,65 @@
+.iPhoneCheckContainer {
+ position: relative;
+ height: 27px;
+ cursor: pointer;
+ overflow: hidden; }
+ .iPhoneCheckContainer input {
+ position: absolute;
+ top: 5px;
+ left: 30px; }
+.iPhoneCheckHandle {
+ display: block;
+ height: 27px;
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ background: url(/images/posts/slider_left.png) no-repeat;
+ z-index: 2;
+ padding-left: 3px; }
+ .iPhoneCheckHandleRight {
+ height: 100%;
+ width: 100%;
+ padding-right: 3px;
+ background: url(/images/posts/slider_right.png) no-repeat top right;
+ z-index: 2; }
+ .iPhoneCheckHandleCenter {
+ height: 100%;
+ width: 100%;
+ background: url(/images/posts/slider_center.png);
+ z-index: 2; }
+label.iPhoneCheckLabelOn, label.iPhoneCheckLabelOff {
+ white-space: nowrap;
+ font-size: 17px;
+ line-height: 17px;
+ font-weight: bold;
+ font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
+ text-transform: uppercase;
+ cursor: pointer;
+ display: block;
+ height: 27px;
+ position: absolute;
+ width: auto;
+ top: 0;
+ padding-top: 5px;
+ overflow: hidden; }
+ label.iPhoneCheckLabelOn {
+ color: #fff;
+ background: url(/images/posts/on.png) no-repeat;
+ text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
+ left: 0;
+ padding-top: 5px;
+ z-index: 1; }
+ label.iPhoneCheckLabelOn span {
+ padding-left: 8px;
+ }
+ label.iPhoneCheckLabelOff {
+ color: #8B8B8B;
+ background: url(/images/posts/off.png) no-repeat right 0;
+ text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
+ text-align: right;
+ right: 0; }
+ label.iPhoneCheckLabelOff span {
+ padding-right: 8px;
+ }
View
2  stylesheets/posts/iphone-toggle-switches.css
@@ -7,4 +7,4 @@ label.left {
text-align: right;
width: 160px;
padding-right: 15px;
-}
+}
Please sign in to comment.
Something went wrong with that request. Please try again.