5 changed files with 605 additions and 547 deletions
Unified View
Diff Options
-
+5 -5style-transform-master/style-transform-master/html/css/bootstrap.min.css
-
+450 -425style-transform-master/style-transform-master/html/css/normalize.css
-
+1 -0style-transform-master/style-transform-master/html/debug.log
-
+133 -117style-transform-master/style-transform-master/html/index.html
-
+16 -0style-transform-master/style-transform-master/html/js/cloud.js
+ 5
- 5
style-transform-master/style-transform-master/html/css/bootstrap.min.css
File diff suppressed because it is too large
View File
+ 450
- 425
style-transform-master/style-transform-master/html/css/normalize.css
View File
| @ -1,426 +1,451 @@ | |||||
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |||||
| /** | |||||
| * 1. Set default font family to sans-serif. | |||||
| * 2. Prevent iOS and IE text size adjust after device orientation change, | |||||
| * without disabling user zoom. | |||||
| */ | |||||
| html { | |||||
| font-family: sans-serif; /* 1 */ | |||||
| -ms-text-size-adjust: 100%; /* 2 */ | |||||
| -webkit-text-size-adjust: 100%; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Remove default margin. | |||||
| */ | |||||
| body { | |||||
| margin: 0; | |||||
| background:url("images/slider/slider-img-1.jpg") no-repeat center center fixed; | |||||
| background-size:cover; | |||||
| } | |||||
| /* HTML5 display definitions | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Correct `block` display not defined for any HTML5 element in IE 8/9. | |||||
| * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |||||
| * and Firefox. | |||||
| * Correct `block` display not defined for `main` in IE 11. | |||||
| */ | |||||
| article, | |||||
| aside, | |||||
| details, | |||||
| figcaption, | |||||
| figure, | |||||
| footer, | |||||
| header, | |||||
| hgroup, | |||||
| main, | |||||
| menu, | |||||
| nav, | |||||
| section, | |||||
| summary { | |||||
| display: block; | |||||
| } | |||||
| /** | |||||
| * 1. Correct `inline-block` display not defined in IE 8/9. | |||||
| * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |||||
| */ | |||||
| audio, | |||||
| canvas, | |||||
| progress, | |||||
| video { | |||||
| display: inline-block; /* 1 */ | |||||
| vertical-align: baseline; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Prevent modern browsers from displaying `audio` without controls. | |||||
| * Remove excess height in iOS 5 devices. | |||||
| */ | |||||
| audio:not([controls]) { | |||||
| display: none; | |||||
| height: 0; | |||||
| } | |||||
| /** | |||||
| * Address `[hidden]` styling not present in IE 8/9/10. | |||||
| * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |||||
| */ | |||||
| [hidden], | |||||
| template { | |||||
| display: none; | |||||
| } | |||||
| /* Links | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Remove the gray background color from active links in IE 10. | |||||
| */ | |||||
| a { | |||||
| background-color: transparent; | |||||
| } | |||||
| /** | |||||
| * Improve readability of focused elements when they are also in an | |||||
| * active/hover state. | |||||
| */ | |||||
| a:active, | |||||
| a:hover { | |||||
| outline: 0; | |||||
| } | |||||
| /* Text-level semantics | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |||||
| */ | |||||
| abbr[title] { | |||||
| border-bottom: 1px dotted; | |||||
| } | |||||
| /** | |||||
| * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |||||
| */ | |||||
| b, | |||||
| strong { | |||||
| font-weight: bold; | |||||
| } | |||||
| /** | |||||
| * Address styling not present in Safari and Chrome. | |||||
| */ | |||||
| dfn { | |||||
| font-style: italic; | |||||
| } | |||||
| /** | |||||
| * Address variable `h1` font-size and margin within `section` and `article` | |||||
| * contexts in Firefox 4+, Safari, and Chrome. | |||||
| */ | |||||
| h1 { | |||||
| font-size: 2em; | |||||
| margin: 0.67em 0; | |||||
| } | |||||
| /** | |||||
| * Address styling not present in IE 8/9. | |||||
| */ | |||||
| mark { | |||||
| background: #ff0; | |||||
| color: #000; | |||||
| } | |||||
| /** | |||||
| * Address inconsistent and variable font size in all browsers. | |||||
| */ | |||||
| small { | |||||
| font-size: 80%; | |||||
| } | |||||
| /** | |||||
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |||||
| */ | |||||
| sub, | |||||
| sup { | |||||
| font-size: 75%; | |||||
| line-height: 0; | |||||
| position: relative; | |||||
| vertical-align: baseline; | |||||
| } | |||||
| sup { | |||||
| top: -0.5em; | |||||
| } | |||||
| sub { | |||||
| bottom: -0.25em; | |||||
| } | |||||
| /* Embedded content | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Remove border when inside `a` element in IE 8/9/10. | |||||
| */ | |||||
| img { | |||||
| border: 0; | |||||
| } | |||||
| /** | |||||
| * Correct overflow not hidden in IE 9/10/11. | |||||
| */ | |||||
| svg:not(:root) { | |||||
| overflow: hidden; | |||||
| } | |||||
| /* Grouping content | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Address margin not present in IE 8/9 and Safari. | |||||
| */ | |||||
| figure { | |||||
| margin: 1em 40px; | |||||
| } | |||||
| /** | |||||
| * Address differences between Firefox and other browsers. | |||||
| */ | |||||
| hr { | |||||
| box-sizing: content-box; | |||||
| height: 0; | |||||
| } | |||||
| /** | |||||
| * Contain overflow in all browsers. | |||||
| */ | |||||
| pre { | |||||
| overflow: auto; | |||||
| } | |||||
| /** | |||||
| * Address odd `em`-unit font size rendering in all browsers. | |||||
| */ | |||||
| code, | |||||
| kbd, | |||||
| pre, | |||||
| samp { | |||||
| font-family: monospace, monospace; | |||||
| font-size: 1em; | |||||
| } | |||||
| /* Forms | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Known limitation: by default, Chrome and Safari on OS X allow very limited | |||||
| * styling of `select`, unless a `border` property is set. | |||||
| */ | |||||
| /** | |||||
| * 1. Correct color not being inherited. | |||||
| * Known issue: affects color of disabled elements. | |||||
| * 2. Correct font properties not being inherited. | |||||
| * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |||||
| */ | |||||
| button, | |||||
| input, | |||||
| optgroup, | |||||
| select, | |||||
| textarea { | |||||
| color: inherit; /* 1 */ | |||||
| font: inherit; /* 2 */ | |||||
| margin: 0; /* 3 */ | |||||
| } | |||||
| /** | |||||
| * Address `overflow` set to `hidden` in IE 8/9/10/11. | |||||
| */ | |||||
| button { | |||||
| overflow: visible; | |||||
| } | |||||
| /** | |||||
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |||||
| * All other form control elements do not inherit `text-transform` values. | |||||
| * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |||||
| * Correct `select` style inheritance in Firefox. | |||||
| */ | |||||
| button, | |||||
| select { | |||||
| text-transform: none; | |||||
| } | |||||
| /** | |||||
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |||||
| * and `video` controls. | |||||
| * 2. Correct inability to style clickable `input` types in iOS. | |||||
| * 3. Improve usability and consistency of cursor style between image-type | |||||
| * `input` and others. | |||||
| */ | |||||
| button, | |||||
| html input[type="button"], /* 1 */ | |||||
| input[type="reset"], | |||||
| input[type="submit"] { | |||||
| -webkit-appearance: button; /* 2 */ | |||||
| cursor: pointer; /* 3 */ | |||||
| } | |||||
| /** | |||||
| * Re-set default cursor for disabled elements. | |||||
| */ | |||||
| button[disabled], | |||||
| html input[disabled] { | |||||
| cursor: default; | |||||
| } | |||||
| /** | |||||
| * Remove inner padding and border in Firefox 4+. | |||||
| */ | |||||
| button::-moz-focus-inner, | |||||
| input::-moz-focus-inner { | |||||
| border: 0; | |||||
| padding: 0; | |||||
| } | |||||
| /** | |||||
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |||||
| * the UA stylesheet. | |||||
| */ | |||||
| input { | |||||
| line-height: normal; | |||||
| } | |||||
| /** | |||||
| * It's recommended that you don't attempt to style these elements. | |||||
| * Firefox's implementation doesn't respect box-sizing, padding, or width. | |||||
| * | |||||
| * 1. Address box sizing set to `content-box` in IE 8/9/10. | |||||
| * 2. Remove excess padding in IE 8/9/10. | |||||
| */ | |||||
| input[type="checkbox"], | |||||
| input[type="radio"] { | |||||
| box-sizing: border-box; /* 1 */ | |||||
| padding: 0; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |||||
| * `font-size` values of the `input`, it causes the cursor style of the | |||||
| * decrement button to change from `default` to `text`. | |||||
| */ | |||||
| input[type="number"]::-webkit-inner-spin-button, | |||||
| input[type="number"]::-webkit-outer-spin-button { | |||||
| height: auto; | |||||
| } | |||||
| /** | |||||
| * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |||||
| * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |||||
| */ | |||||
| input[type="search"] { | |||||
| -webkit-appearance: textfield; /* 1 */ | |||||
| box-sizing: content-box; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |||||
| * Safari (but not Chrome) clips the cancel button when the search input has | |||||
| * padding (and `textfield` appearance). | |||||
| */ | |||||
| input[type="search"]::-webkit-search-cancel-button, | |||||
| input[type="search"]::-webkit-search-decoration { | |||||
| -webkit-appearance: none; | |||||
| } | |||||
| /** | |||||
| * Define consistent border, margin, and padding. | |||||
| */ | |||||
| fieldset { | |||||
| border: 1px solid #c0c0c0; | |||||
| margin: 0 2px; | |||||
| padding: 0.35em 0.625em 0.75em; | |||||
| } | |||||
| /** | |||||
| * 1. Correct `color` not being inherited in IE 8/9/10/11. | |||||
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |||||
| */ | |||||
| legend { | |||||
| border: 0; /* 1 */ | |||||
| padding: 0; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Remove default vertical scrollbar in IE 8/9/10/11. | |||||
| */ | |||||
| textarea { | |||||
| overflow: auto; | |||||
| } | |||||
| /** | |||||
| * Don't inherit the `font-weight` (applied by a rule above). | |||||
| * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |||||
| */ | |||||
| optgroup { | |||||
| font-weight: bold; | |||||
| } | |||||
| /* Tables | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Remove most spacing between table cells. | |||||
| */ | |||||
| table { | |||||
| border-collapse: collapse; | |||||
| border-spacing: 0; | |||||
| } | |||||
| td, | |||||
| th { | |||||
| padding: 0; | |||||
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |||||
| /** | |||||
| * 1. Set default font family to sans-serif. | |||||
| * 2. Prevent iOS and IE text size adjust after device orientation change, | |||||
| * without disabling user zoom. | |||||
| */ | |||||
| html { | |||||
| font-family: sans-serif; /* 1 */ | |||||
| -ms-text-size-adjust: 100%; /* 2 */ | |||||
| -webkit-text-size-adjust: 100%; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Remove default margin. | |||||
| */ | |||||
| body { | |||||
| margin: 0; | |||||
| background:url("images/slider/slider-img-1.jpg") no-repeat center center fixed; | |||||
| background-size:cover; | |||||
| } | |||||
| /* HTML5 display definitions | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Correct `block` display not defined for any HTML5 element in IE 8/9. | |||||
| * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |||||
| * and Firefox. | |||||
| * Correct `block` display not defined for `main` in IE 11. | |||||
| */ | |||||
| article, | |||||
| aside, | |||||
| details, | |||||
| figcaption, | |||||
| figure, | |||||
| footer, | |||||
| header, | |||||
| hgroup, | |||||
| main, | |||||
| menu, | |||||
| nav, | |||||
| section, | |||||
| summary { | |||||
| display: block; | |||||
| } | |||||
| /** | |||||
| * 1. Correct `inline-block` display not defined in IE 8/9. | |||||
| * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |||||
| */ | |||||
| audio, | |||||
| canvas, | |||||
| progress, | |||||
| video { | |||||
| display: inline-block; /* 1 */ | |||||
| vertical-align: baseline; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Prevent modern browsers from displaying `audio` without controls. | |||||
| * Remove excess height in iOS 5 devices. | |||||
| */ | |||||
| audio:not([controls]) { | |||||
| display: none; | |||||
| height: 0; | |||||
| } | |||||
| /** | |||||
| * Address `[hidden]` styling not present in IE 8/9/10. | |||||
| * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |||||
| */ | |||||
| [hidden], | |||||
| template { | |||||
| display: none; | |||||
| } | |||||
| /* Links | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Remove the gray background color from active links in IE 10. | |||||
| */ | |||||
| a { | |||||
| background-color: transparent; | |||||
| } | |||||
| /** | |||||
| * Improve readability of focused elements when they are also in an | |||||
| * active/hover state. | |||||
| */ | |||||
| a:active, | |||||
| a:hover { | |||||
| outline: 0; | |||||
| } | |||||
| /* Text-level semantics | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |||||
| */ | |||||
| abbr[title] { | |||||
| border-bottom: 1px dotted; | |||||
| } | |||||
| /** | |||||
| * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |||||
| */ | |||||
| b, | |||||
| strong { | |||||
| font-weight: bold; | |||||
| } | |||||
| /** | |||||
| * Address styling not present in Safari and Chrome. | |||||
| */ | |||||
| dfn { | |||||
| font-style: italic; | |||||
| } | |||||
| /** | |||||
| * Address variable `h1` font-size and margin within `section` and `article` | |||||
| * contexts in Firefox 4+, Safari, and Chrome. | |||||
| */ | |||||
| h1 { | |||||
| font-size: 2em; | |||||
| margin: 0.67em 0; | |||||
| } | |||||
| /** | |||||
| * Address styling not present in IE 8/9. | |||||
| */ | |||||
| mark { | |||||
| background: #ff0; | |||||
| color: #000; | |||||
| } | |||||
| /** | |||||
| * Address inconsistent and variable font size in all browsers. | |||||
| */ | |||||
| small { | |||||
| font-size: 80%; | |||||
| } | |||||
| /** | |||||
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |||||
| */ | |||||
| sub, | |||||
| sup { | |||||
| font-size: 75%; | |||||
| line-height: 0; | |||||
| position: relative; | |||||
| vertical-align: baseline; | |||||
| } | |||||
| sup { | |||||
| top: -0.5em; | |||||
| } | |||||
| sub { | |||||
| bottom: -0.25em; | |||||
| } | |||||
| /* Embedded content | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Remove border when inside `a` element in IE 8/9/10. | |||||
| */ | |||||
| img { | |||||
| border: 0; | |||||
| } | |||||
| /** | |||||
| * Correct overflow not hidden in IE 9/10/11. | |||||
| */ | |||||
| svg:not(:root) { | |||||
| overflow: hidden; | |||||
| } | |||||
| /* Grouping content | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Address margin not present in IE 8/9 and Safari. | |||||
| */ | |||||
| figure { | |||||
| margin: 1em 40px; | |||||
| } | |||||
| /** | |||||
| * Address differences between Firefox and other browsers. | |||||
| */ | |||||
| hr { | |||||
| box-sizing: content-box; | |||||
| height: 0; | |||||
| } | |||||
| /** | |||||
| * Contain overflow in all browsers. | |||||
| */ | |||||
| pre { | |||||
| overflow: auto; | |||||
| } | |||||
| /** | |||||
| * Address odd `em`-unit font size rendering in all browsers. | |||||
| */ | |||||
| code, | |||||
| kbd, | |||||
| pre, | |||||
| samp { | |||||
| font-family: monospace, monospace; | |||||
| font-size: 1em; | |||||
| } | |||||
| /* Forms | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Known limitation: by default, Chrome and Safari on OS X allow very limited | |||||
| * styling of `select`, unless a `border` property is set. | |||||
| */ | |||||
| /** | |||||
| * 1. Correct color not being inherited. | |||||
| * Known issue: affects color of disabled elements. | |||||
| * 2. Correct font properties not being inherited. | |||||
| * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |||||
| */ | |||||
| button, | |||||
| input, | |||||
| optgroup, | |||||
| select, | |||||
| textarea { | |||||
| color: inherit; /* 1 */ | |||||
| font: inherit; /* 2 */ | |||||
| margin: 0; /* 3 */ | |||||
| } | |||||
| /** | |||||
| * Address `overflow` set to `hidden` in IE 8/9/10/11. | |||||
| */ | |||||
| button { | |||||
| overflow: visible; | |||||
| } | |||||
| /** | |||||
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |||||
| * All other form control elements do not inherit `text-transform` values. | |||||
| * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |||||
| * Correct `select` style inheritance in Firefox. | |||||
| */ | |||||
| button, | |||||
| select { | |||||
| text-transform: none; | |||||
| } | |||||
| /** | |||||
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |||||
| * and `video` controls. | |||||
| * 2. Correct inability to style clickable `input` types in iOS. | |||||
| * 3. Improve usability and consistency of cursor style between image-type | |||||
| * `input` and others. | |||||
| */ | |||||
| button, | |||||
| html input[type="button"], /* 1 */ | |||||
| input[type="reset"], | |||||
| input[type="submit"] { | |||||
| -webkit-appearance: button; /* 2 */ | |||||
| cursor: pointer; /* 3 */ | |||||
| } | |||||
| /** | |||||
| * Re-set default cursor for disabled elements. | |||||
| */ | |||||
| button[disabled], | |||||
| html input[disabled] { | |||||
| cursor: default; | |||||
| } | |||||
| /** | |||||
| * Remove inner padding and border in Firefox 4+. | |||||
| */ | |||||
| button::-moz-focus-inner, | |||||
| input::-moz-focus-inner { | |||||
| border: 0; | |||||
| padding: 0; | |||||
| } | |||||
| /** | |||||
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |||||
| * the UA stylesheet. | |||||
| */ | |||||
| input { | |||||
| line-height: normal; | |||||
| } | |||||
| /** | |||||
| * It's recommended that you don't attempt to style these elements. | |||||
| * Firefox's implementation doesn't respect box-sizing, padding, or width. | |||||
| * | |||||
| * 1. Address box sizing set to `content-box` in IE 8/9/10. | |||||
| * 2. Remove excess padding in IE 8/9/10. | |||||
| */ | |||||
| input[type="checkbox"], | |||||
| input[type="radio"] { | |||||
| box-sizing: border-box; /* 1 */ | |||||
| padding: 0; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |||||
| * `font-size` values of the `input`, it causes the cursor style of the | |||||
| * decrement button to change from `default` to `text`. | |||||
| */ | |||||
| input[type="number"]::-webkit-inner-spin-button, | |||||
| input[type="number"]::-webkit-outer-spin-button { | |||||
| height: auto; | |||||
| } | |||||
| /** | |||||
| * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |||||
| * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |||||
| */ | |||||
| input[type="search"] { | |||||
| -webkit-appearance: textfield; /* 1 */ | |||||
| box-sizing: content-box; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |||||
| * Safari (but not Chrome) clips the cancel button when the search input has | |||||
| * padding (and `textfield` appearance). | |||||
| */ | |||||
| input[type="search"]::-webkit-search-cancel-button, | |||||
| input[type="search"]::-webkit-search-decoration { | |||||
| -webkit-appearance: none; | |||||
| } | |||||
| /** | |||||
| * Define consistent border, margin, and padding. | |||||
| */ | |||||
| fieldset { | |||||
| border: 1px solid #c0c0c0; | |||||
| margin: 0 2px; | |||||
| padding: 0.35em 0.625em 0.75em; | |||||
| } | |||||
| /** | |||||
| * 1. Correct `color` not being inherited in IE 8/9/10/11. | |||||
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |||||
| */ | |||||
| legend { | |||||
| border: 0; /* 1 */ | |||||
| padding: 0; /* 2 */ | |||||
| } | |||||
| /** | |||||
| * Remove default vertical scrollbar in IE 8/9/10/11. | |||||
| */ | |||||
| textarea { | |||||
| overflow: auto; | |||||
| } | |||||
| /** | |||||
| * Don't inherit the `font-weight` (applied by a rule above). | |||||
| * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |||||
| */ | |||||
| optgroup { | |||||
| font-weight: bold; | |||||
| } | |||||
| /* Tables | |||||
| ========================================================================== */ | |||||
| /** | |||||
| * Remove most spacing between table cells. | |||||
| */ | |||||
| table { | |||||
| border-collapse: collapse; | |||||
| border-spacing: 0; | |||||
| } | |||||
| td, | |||||
| th { | |||||
| padding: 0; | |||||
| } | |||||
| .progress { | |||||
| height: 20px; | |||||
| margin-bottom: 20px; | |||||
| overflow: hidden; | |||||
| background-color: #f5f5f5; | |||||
| border-radius: 4px; | |||||
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |||||
| box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |||||
| } | |||||
| .progress-bar { | |||||
| float: left; | |||||
| width: 0; | |||||
| height: 100%; | |||||
| font-size: 12px; | |||||
| line-height: 20px; | |||||
| color: #fff; | |||||
| text-align: center; | |||||
| background-color: #ca4249; | |||||
| -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); | |||||
| box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); | |||||
| -webkit-transition: width .6s ease; | |||||
| transition: width .6s ease; | |||||
| } | } | ||||
+ 1
- 0
style-transform-master/style-transform-master/html/debug.log
View File
| @ -1 +1,2 @@ | |||||
| [1223/220909.252:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) | [1223/220909.252:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) | ||||
| [1230/084216.656:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) | |||||
+ 133
- 117
style-transform-master/style-transform-master/html/index.html
View File
+ 16
- 0
style-transform-master/style-transform-master/html/js/cloud.js
View File
| @ -0,0 +1,16 @@ | |||||
| function submit_query(btn){ | |||||
| var sitv = setInterval(function(){ | |||||
| var prog_url = '#menuCard' // prog_url指请求进度的url，后面会在django中设置 | |||||
| $.getJSON(prog_url, function(res){ | |||||
| $('#prog_in').width(res + '%'); // 改变进度条进度，注意这里是内层的div， res是后台返回的进度 | |||||
| }); | |||||
| }, 1000); // 每1秒查询一次后台进度 | |||||
| var this_url = '#contact' // 指当前页面的url | |||||
| // var yourjson = ... | |||||
| $.getJSON(thisurl, function(res){ | |||||
| // ... | |||||
| clearInterval(sitv); // 此时请求成功返回结果了，结束对后台进度的查询 | |||||
| $('#prog_out').attr("class", "progress progress-bar-success"); // 修改进度条外层div的class, 改为完成形态 | |||||
| }); | |||||
| } | |||||