From 4719dfcdb1677069abc860610951a267b4233771 Mon Sep 17 00:00:00 2001 From: Pavel Kharkov Date: Thu, 18 Dec 2014 11:42:03 +0300 Subject: [PATCH] Adding files --- .gitattributes | 22 + .gitignore | 43 ++ components.htm | 103 +++++ css/components.css | 259 +++++++++++ css/normalize.css | 425 ++++++++++++++++++ css/page.css | 361 +++++++++++++++ css/progress-polyfill.css | 47 ++ images/stars.png | Bin 0 -> 3617 bytes js/all.js | 31 ++ js/progress-polyfill.min.js | 5 + js/respond.min.js | 6 + page.htm | 141 ++++++ ...1\201\320\260\320\275\320\270\320\265.txt" | 4 + 13 files changed, 1447 insertions(+) create mode 100644 .gitattributes create mode 100644 .gitignore create mode 100644 components.htm create mode 100644 css/components.css create mode 100644 css/normalize.css create mode 100644 css/page.css create mode 100644 css/progress-polyfill.css create mode 100644 images/stars.png create mode 100644 js/all.js create mode 100644 js/progress-polyfill.min.js create mode 100644 js/respond.min.js create mode 100644 page.htm create mode 100644 "\320\236\320\277\320\270\321\201\320\260\320\275\320\270\320\265.txt" diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..412eeda --- /dev/null +++ b/.gitattributes @@ -0,0 +1,22 @@ +# Auto detect text files and perform LF normalization +* text=auto + +# Custom for Visual Studio +*.cs diff=csharp +*.sln merge=union +*.csproj merge=union +*.vbproj merge=union +*.fsproj merge=union +*.dbproj merge=union + +# Standard to msysgit +*.doc diff=astextplain +*.DOC diff=astextplain +*.docx diff=astextplain +*.DOCX diff=astextplain +*.dot diff=astextplain +*.DOT diff=astextplain +*.pdf diff=astextplain +*.PDF diff=astextplain +*.rtf diff=astextplain +*.RTF diff=astextplain diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..58bcbf8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,43 @@ +# Windows image file caches +Thumbs.db +ehthumbs.db + +# Folder config file +Desktop.ini + +# Recycle Bin used on file shares +$RECYCLE.BIN/ + +# Windows Installer files +*.cab +*.msi +*.msm +*.msp + +# ========================= +# Operating System Files +# ========================= + +# OSX +# ========================= + +.DS_Store +.AppleDouble +.LSOverride + +# Icon must end with two \r +Icon + +# Thumbnails +._* + +# Files that might appear on external disk +.Spotlight-V100 +.Trashes + +# Directories potentially created on remote AFP share +.AppleDB +.AppleDesktop +Network Trash Folder +Temporary Items +.apdisk diff --git a/components.htm b/components.htm new file mode 100644 index 0000000..711f540 --- /dev/null +++ b/components.htm @@ -0,0 +1,103 @@ + + + + Компоненты + + + + + + + + + +
+

1. Компонент оценки

+
+
    +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
+ +
+
+ +
+

2. Прогресс-бар

+
+ + 0% +
+
+
+

3. Кнопка

+
+

Виды

+
DIV
+ A + + +
+
+

Размеры

+ + + +
+
+

Длины

+ + + +

+ + + +
+
+

Окружение

+
+
Форма
+
+
+
+ +
+
+ +
+ +
+
+ + +
+
+
+
+
Текст
+

Дип-скай объект перечеркивает центральный восход, а время ожидания ответа составило бы 80 миллиардов лет. Исполинская звездная спираль с поперечником в 50 кпк традиционно выслеживает первоначальный ионный хвост. Угловая скорость вращения отражает астероидный натуральный логарифм.

+ +
+
+
+ + + + + + diff --git a/css/components.css b/css/components.css new file mode 100644 index 0000000..be64d39 --- /dev/null +++ b/css/components.css @@ -0,0 +1,259 @@ +html, body{ + margin: 100px; +} +strong{ + font-weight: bold; +} + +.component-container{ + margin-bottom: 100px; +} +.group{ + margin: 20px 20px 40px; +} + +/*Rating component*/ +.rating-component__stars{ + height: 20px; + width: 105px; + background: url(../images/stars.png) repeat-x; + font-size: 0; + cursor: pointer; + padding: 0; +} +.rating-component__stars:hover li.current{ + background: none; +} +.rating-component__stars li{ + height: 100%; + width: 11px; + display: inline-block; + background-position: left bottom !important; +} +.rating-component__stars li.rating-component__star-even{ + width: 10px; + background-position: right bottom !important; +} +.rating-component__stars li.current, .rating-component__stars li.hover, .rating-component__stars:hover li.current.hover{ + background-image: url(../images/stars.png); +} + +/*Progressbar component*/ +.progress-component{ + width: 280px; + position: relative; +} +.progress-component progress, .progress-component progress[role]{ + background-color: #f3f3f3; + background-size: auto; + border: 0; + width: 100%; + height: 16px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.5); + -moz-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.5); + box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.5); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: #b4e391; +} +.progress-component progress[role]:after { + background-image: none; +} +.progress-component progress[aria-valuenow]:before { + background: #b4e391; +} +.progress-component progress::-webkit-progress-bar{ + background: #b4e391; + background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); + background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); + background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); + background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); + background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; +} +.progress-component progress::-moz-progress-bar{ + background: #b4e391; + background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); + background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); + background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); + background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); + background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; +} +.progress-component progress::-ms-fill{ + border: none; +} +.progress-component__value{ + position: absolute; + display: block; + text-align: center; + width: 100%; + top: 0; + font: bold 14px Arial, Helvetica, sans-serif; +} + +/*Button component*/ +.button-component{ + position: relative; + color: #000; + border: 0; + background: #f2f2f2; + background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 29%, #e3e3e3 71%, #e2e2e2 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(29%,#f2f2f2), color-stop(71%,#e3e3e3), color-stop(100%,#e2e2e2)); + background: -webkit-linear-gradient(top, #f2f2f2 0%,#f2f2f2 29%,#e3e3e3 71%,#e2e2e2 100%); + background: -o-linear-gradient(top, #f2f2f2 0%,#f2f2f2 29%,#e3e3e3 71%,#e2e2e2 100%); + background: -ms-linear-gradient(top, #f2f2f2 0%,#f2f2f2 29%,#e3e3e3 71%,#e2e2e2 100%); + background: linear-gradient(to bottom, #f2f2f2 0%,#f2f2f2 29%,#e3e3e3 71%,#e2e2e2 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e2e2e2',GradientType=0 ); + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + border-radius: 10px 10px 10px 10px; + -webkit-box-shadow: 0px 1px 1px 0px rgba(168,168,168,1); + -moz-box-shadow: 0px 1px 1px 0px rgba(168,168,168,1); + box-shadow: 0px 1px 1px 0px rgba(168,168,168,1); + font: 11px Arial, Helvetica, sans-serif; + width: 70px; + height: 16px; + padding-top: 2px; + vertical-align: top; +} +.button-component:hover{ + background: #e6e6e6; + background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 29%, #d8d8d8 71%, #d7d7d7 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(29%,#e6e6e6), color-stop(71%,#d8d8d8), color-stop(100%,#d7d7d7)); + background: -webkit-linear-gradient(top, #e6e6e6 0%,#e6e6e6 29%,#d8d8d8 71%,#d7d7d7 100%); + background: -o-linear-gradient(top, #e6e6e6 0%,#e6e6e6 29%,#d8d8d8 71%,#d7d7d7 100%); + background: -ms-linear-gradient(top, #e6e6e6 0%,#e6e6e6 29%,#d8d8d8 71%,#d7d7d7 100%); + background: linear-gradient(to bottom, #e6e6e6 0%,#e6e6e6 29%,#d8d8d8 71%,#d7d7d7 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#d7d7d7',GradientType=0 ); +} +.button-component:active{ + background: #b7b5b5; + background: -moz-linear-gradient(top, #b7b5b5 0%, #b7b5b5 29%, #aba9a9 71%, #aba9a9 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b5b5), color-stop(29%,#b7b5b5), color-stop(71%,#aba9a9), color-stop(100%,#aba9a9)); + background: -webkit-linear-gradient(top, #b7b5b5 0%,#b7b5b5 29%,#aba9a9 71%,#aba9a9 100%); + background: -o-linear-gradient(top, #b7b5b5 0%,#b7b5b5 29%,#aba9a9 71%,#aba9a9 100%); + background: -ms-linear-gradient(top, #b7b5b5 0%,#b7b5b5 29%,#aba9a9 71%,#aba9a9 100%); + background: linear-gradient(to bottom, #b7b5b5 0%,#b7b5b5 29%,#aba9a9 71%,#aba9a9 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b5b5', endColorstr='#aba9a9',GradientType=0 ); + color: #fff; + padding: 0; + padding-top: 2px; + border: 0; +} +.button-component span{ + position: absolute; + top: 0; + left: 0; + width: 100%; + display: block; +} + +/*Variants*/ +div.button-component, a.button-component{ + display: inline-block; + text-align: center; + text-decoration: none; + padding-top: 0; + cursor: pointer; +} +div.button-component span, a.button-component span{ + line-height: 23px; +} +div.button-component:active, a.button-component:active{ + padding-top: 0; +} + +.button-component.small{ + font-size: 11px; + width: 70px; + height: 16px; +} +.button-component.small span{ + height: 16px; + line-height: 17px; +} +.button-component.normal{ + font-size: 13px; + width: 90px; + height: 22px; +} +.button-component.normal span{ + height: 22px; + line-height: 23px; +} +.button-component.big{ + font-size: 15px; + width: 110px; + height: 28px; +} +.button-component.big span{ + height: 28px; + line-height: 29px; +} +.button-component.small.short{ + width: 40px; +} +.button-component.normal.short{ + width: 60px; +} +.button-component.big.short{ + width: 80px; +} +.button-component.small.long{ + width: 100px; +} +.button-component.normal.long{ + width: 120px; +} +.button-component.big.long{ + width: 140px; +} + +.test-container{ + vertical-align: top; + border: 1px solid #ccc; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + padding: 20px; + display: inline-block; +} +.test-form{ + margin-bottom: 60px; +} +.test-form textarea{ + resize: none; + margin-bottom: 14px; +} +.test-form .form-inputs__input-container{ + margin-bottom: 14px; +} +.test-form .form-inputs__button-container{ + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + background: #999; + padding: 14px; + display: inline-block; +} +.test-paragraph p{ + line-height: 26px; + width: 300px; +} +.test-paragraph .button-component{ + margin: 0 5px; +} \ No newline at end of file diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..08f8950 --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,425 @@ +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after 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; +} + +/* 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, +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/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +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 { + -moz-box-sizing: content-box; + 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 + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * 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; +} diff --git a/css/page.css b/css/page.css new file mode 100644 index 0000000..58d2fe0 --- /dev/null +++ b/css/page.css @@ -0,0 +1,361 @@ +body{ + color: #000; + font: 13px Arial, Helvetica, sans-serif; +} +.content{ + width: 1064px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.clearfix:after{ + content: ""; + display: table; + clear: both; +} + +/*Header*/ +header{ + width: 100%; + height: 160px; +} +header nav{ + width: 684px; + height: 68px; + float: right; + margin-top: 40px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; + -webkit-box-shadow: 0px 1px 3px 0px rgba(189,189,189,1); + -moz-box-shadow: 0px 1px 3px 0px rgba(189,189,189,1); + box-shadow: 0px 1px 3px 0px rgba(189,189,189,1); +} +header nav ul{ + list-style-type: none; + margin: 0 70px 0 47px; + padding: 0; + text-align: justify; + cursor: default; +} +header nav ul:before{ + content: ''; + display: block; + width: 100%; +} +header nav ul:after { + content: ''; + display: inline-block; + width: 100%; +} +header nav ul li{ + display: inline-block; + line-height: 68px; + position: relative; +} +header nav ul li a{ + text-decoration: none; + border-bottom-width: 1px; + border-bottom-style: solid; + font-size: 15px; +} +header nav ul li.menu__item-1 a{ + color: #4900a4; + border-color: #4900a4; +} +header nav ul li.menu__item-2 a{ + color: #14731b; + border-color: #14731b; +} +header nav ul li.menu__item-3 a{ + color: #0e73d9; + border-color: #0e73d9; +} +header nav ul li.menu__item-4 a{ + color: #dd4c00; + border-color: #dd4c00; +} +header nav ul li.menu__item-5 a{ + color: #333; + border-color: #333; +} +header nav ul li.menu__item-6 a{ + color: #b60700; + border-color: #b60700; +} + +/*Aside*/ +aside{ + width: 200px; + float: left; +} +.aside__paragraph{ + margin: 0 0 45px; +} + +/*Main*/ +main{ + width: 784px; + float: right; +} + +/*Top*/ +.main-top{ + margin-bottom: 27px; +} +.main-top h1{ + float: left; + font: normal 24px Arial, Helvetica, sans-serif; + margin: 0; +} +.main-top ul{ + float: right; + list-style-type: none; + width: 460px; + height: 14px;s + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + overflow: hidden; + padding: 0; + margin-top: 8px; +} +.main-top ul li{ + float: left; + width: 20%; + font-size: 12px; + background: #f6f6f6; + -webkit-box-shadow: inset 0px 2px 3px 0px rgba(189,189,189,0.75); + -moz-box-shadow: inset 0px 2px 3px 0px rgba(120,120,120,0.75); + box-shadow: inset 0px 2px 3px 0px rgba(120,120,120,0.75); + box-sizing: border-box; + border-left: 1px solid #fff; + text-align: center; +} +.main-top ul li:first-child{ + border: 0; +} +.main-top ul li.done{ + background: #3bad19; +} +.main-top ul li.current{ + background: #a4d807; +} +.main-top ul li span{ + color: #7b7b7b; + font: italic 11px Arial, Helvetica, sans-serif; +} +.main-top ul li.done span, .main-top ul li.current span{ + color: #fff; +} + +/*Form*/ +.main-form{ + width: 100%; + float: left; +} +.main-form fieldset{ + padding: 0; + margin: 0; + border: 0; + border-top: 1px solid #cacaca; + padding-top: 25px; +} +.main-form fieldset legend{ + padding-right: 12px; + color: #666; + font: italic 13px Arial, Helvetica, sans-serif; +} +.main-form-block{ + width: 100%; + margin-bottom: 30px; +} +.main-form-block__element-container{ + width: 33.33%; + float: left; + padding-right: 55px; + box-sizing: border-box; +} +.main-form-block__element-container label{ + font: bold 12px Arial, Helvetica, sans-serif; + display: block; + margin-bottom: 6px; +} +.main-form-block__element-container input[type="text"]{ + border: 1px solid #abadb3; + width: 100%; + height: 20px; + padding: 0 5px; +} + +/*Radio*/ +.main-form-block__radio-container{ + display: inline-block; +} +.main-form-block__radio-container label{ + cursor: pointer; + display: inline-block; + font: normal 14px Arial, Helvetica, sans-serif; + border-bottom: 1px dotted #000; +} +.main-form-block__radio-container input:checked, .main-form-block__radio-container input:not(:checked){ + display: none; +} +.main-form-block__radio-container input:not(:checked) + label{ + margin: 2px 6px; +} +.main-form-block__radio-container input:checked + label{ + background: #8cb903; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + color: #fff; + border: 0; + padding: 2px 6px; +} + +/*Selects*/ +.main-form-block__element-container select{ + border: 1px solid #abadb3; + height: 20px; + padding: 0 0 0 5px; +} + +/*Long input*/ +.main-form-block__element-container.long{ + width: 100%; +} +.main-form-block__element-container.long input{ + box-sizing: border-box; +} +.main-form-block__element-container small{ + display: block; + margin-top: 5px; + color: #7a7a7a; + font-size: 11px; +} + +/*Submit*/ +.main-form-block__submit-container{ + width: 100%; + background: #f2f2f2; + margin-top: -15px; +} +.main-form-block__submit-container .submit-button{ + margin: 15px 10px; + float: right; + position: relative; + border: 0; + width: 120px; + height: 35px; + color: #fff; + font-size: 15px; + text-shadow: 0px 1px 1px rgba(120, 120, 120, 1); + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + background: rgb(212,238,132); + background: -moz-linear-gradient(top, rgba(212,238,132,1) 0%, rgba(201,234,101,1) 3%, rgba(178,224,39,1) 6%, rgba(166,219,8,1) 9%, rgba(147,195,3,1) 91%, rgba(134,179,3,1) 97%, rgba(125,167,3,1) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,238,132,1)), color-stop(3%,rgba(201,234,101,1)), color-stop(6%,rgba(178,224,39,1)), color-stop(9%,rgba(166,219,8,1)), color-stop(91%,rgba(147,195,3,1)), color-stop(97%,rgba(134,179,3,1)), color-stop(100%,rgba(125,167,3,1))); + background: -webkit-linear-gradient(top, rgba(212,238,132,1) 0%,rgba(201,234,101,1) 3%,rgba(178,224,39,1) 6%,rgba(166,219,8,1) 9%,rgba(147,195,3,1) 91%,rgba(134,179,3,1) 97%,rgba(125,167,3,1) 100%); + background: -o-linear-gradient(top, rgba(212,238,132,1) 0%,rgba(201,234,101,1) 3%,rgba(178,224,39,1) 6%,rgba(166,219,8,1) 9%,rgba(147,195,3,1) 91%,rgba(134,179,3,1) 97%,rgba(125,167,3,1) 100%); + background: -ms-linear-gradient(top, rgba(212,238,132,1) 0%,rgba(201,234,101,1) 3%,rgba(178,224,39,1) 6%,rgba(166,219,8,1) 9%,rgba(147,195,3,1) 91%,rgba(134,179,3,1) 97%,rgba(125,167,3,1) 100%); + background: linear-gradient(to bottom, rgba(212,238,132,1) 0%,rgba(201,234,101,1) 3%,rgba(178,224,39,1) 6%,rgba(166,219,8,1) 9%,rgba(147,195,3,1) 91%,rgba(134,179,3,1) 97%,rgba(125,167,3,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ee84', endColorstr='#7da703',GradientType=0 ); +} +.main-form-block__submit-container .submit-button:hover{ + background: rgb(200,234,100); + background: -moz-linear-gradient(top, rgba(200,234,100,1) 0%, rgba(191,230,72,1) 3%, rgba(164,208,30,1) 6%, rgba(151,199,7,1) 9%, rgba(132,175,3,1) 91%, rgba(122,161,3,1) 97%, rgba(114,151,3,1) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,234,100,1)), color-stop(3%,rgba(191,230,72,1)), color-stop(6%,rgba(164,208,30,1)), color-stop(9%,rgba(151,199,7,1)), color-stop(91%,rgba(132,175,3,1)), color-stop(97%,rgba(122,161,3,1)), color-stop(100%,rgba(114,151,3,1))); + background: -webkit-linear-gradient(top, rgba(200,234,100,1) 0%,rgba(191,230,72,1) 3%,rgba(164,208,30,1) 6%,rgba(151,199,7,1) 9%,rgba(132,175,3,1) 91%,rgba(122,161,3,1) 97%,rgba(114,151,3,1) 100%); + background: -o-linear-gradient(top, rgba(200,234,100,1) 0%,rgba(191,230,72,1) 3%,rgba(164,208,30,1) 6%,rgba(151,199,7,1) 9%,rgba(132,175,3,1) 91%,rgba(122,161,3,1) 97%,rgba(114,151,3,1) 100%); + background: -ms-linear-gradient(top, rgba(200,234,100,1) 0%,rgba(191,230,72,1) 3%,rgba(164,208,30,1) 6%,rgba(151,199,7,1) 9%,rgba(132,175,3,1) 91%,rgba(122,161,3,1) 97%,rgba(114,151,3,1) 100%); + background: linear-gradient(to bottom, rgba(200,234,100,1) 0%,rgba(191,230,72,1) 3%,rgba(164,208,30,1) 6%,rgba(151,199,7,1) 9%,rgba(132,175,3,1) 91%,rgba(122,161,3,1) 97%,rgba(114,151,3,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8ea64', endColorstr='#729703',GradientType=0 ); +} +.main-form-block__submit-container .submit-button span{ + position: absolute; + top: 0; + left: 0; + width: 100%; + display: block; + line-height: 35px; +} +.main-form-block__submit-container .submit-button.back{ + float: left; + background: rgb(227,227,227); + background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 3%, rgba(203,203,203,1) 6%, rgba(194,194,194,1) 9%, rgba(150,150,150,1) 91%, rgba(136,136,136,1) 97%, rgba(126,126,126,1) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(3%,rgba(219,219,219,1)), color-stop(6%,rgba(203,203,203,1)), color-stop(9%,rgba(194,194,194,1)), color-stop(91%,rgba(150,150,150,1)), color-stop(97%,rgba(136,136,136,1)), color-stop(100%,rgba(126,126,126,1))); + background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(219,219,219,1) 3%,rgba(203,203,203,1) 6%,rgba(194,194,194,1) 9%,rgba(150,150,150,1) 91%,rgba(136,136,136,1) 97%,rgba(126,126,126,1) 100%); + background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(219,219,219,1) 3%,rgba(203,203,203,1) 6%,rgba(194,194,194,1) 9%,rgba(150,150,150,1) 91%,rgba(136,136,136,1) 97%,rgba(126,126,126,1) 100%); + background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(219,219,219,1) 3%,rgba(203,203,203,1) 6%,rgba(194,194,194,1) 9%,rgba(150,150,150,1) 91%,rgba(136,136,136,1) 97%,rgba(126,126,126,1) 100%); + background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(219,219,219,1) 3%,rgba(203,203,203,1) 6%,rgba(194,194,194,1) 9%,rgba(150,150,150,1) 91%,rgba(136,136,136,1) 97%,rgba(126,126,126,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#7e7e7e',GradientType=0 ); +} +.main-form-block__submit-container .submit-button.back:hover{ + background: rgb(204,204,204); + background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(197,197,197,1) 3%, rgba(183,183,183,1) 6%, rgba(175,175,175,1) 9%, rgba(135,135,135,1) 91%, rgba(122,122,122,1) 97%, rgba(113,113,113,1) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(3%,rgba(197,197,197,1)), color-stop(6%,rgba(183,183,183,1)), color-stop(9%,rgba(175,175,175,1)), color-stop(91%,rgba(135,135,135,1)), color-stop(97%,rgba(122,122,122,1)), color-stop(100%,rgba(113,113,113,1))); + background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(197,197,197,1) 3%,rgba(183,183,183,1) 6%,rgba(175,175,175,1) 9%,rgba(135,135,135,1) 91%,rgba(122,122,122,1) 97%,rgba(113,113,113,1) 100%); + background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(197,197,197,1) 3%,rgba(183,183,183,1) 6%,rgba(175,175,175,1) 9%,rgba(135,135,135,1) 91%,rgba(122,122,122,1) 97%,rgba(113,113,113,1) 100%); + background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(197,197,197,1) 3%,rgba(183,183,183,1) 6%,rgba(175,175,175,1) 9%,rgba(135,135,135,1) 91%,rgba(122,122,122,1) 97%,rgba(113,113,113,1) 100%); + background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(197,197,197,1) 3%,rgba(183,183,183,1) 6%,rgba(175,175,175,1) 9%,rgba(135,135,135,1) 91%,rgba(122,122,122,1) 97%,rgba(113,113,113,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#717171',GradientType=0 ); +} + +/*Media*/ +@media screen and (max-width: 490px){ + .main-top ul{ + width: 100%; + } + .main-form-block__element-container{ + width: 100% !important; + } +} +@media screen and (max-width: 684px){ + header{ + height: auto; + margin-bottom: 30px; + } + header nav{ + width: 100%; + height: auto; + } + header nav ul{ + text-align: left; + } + header nav ul:after{ + display: none; + } + header nav ul li{ + margin: 15px; + line-height: 20px; + } + .main-form-block__element-container{ + width: 50%; + margin-bottom: 20px; + } +} +@media screen and (max-width: 720px){ + .main-top h1{ + width: 100%; + margin-bottom: 20px; + } + .main-top ul{ + float: left; + display: block; + } +} +@media screen and (max-width: 1064px){ + .content{ + width: 100%; + } + aside{ + width: 100%; + padding: 0 20px; + box-sizing: border-box; + } + main{ + width: 100%; + } +} \ No newline at end of file diff --git a/css/progress-polyfill.css b/css/progress-polyfill.css new file mode 100644 index 0000000..0c3620d --- /dev/null +++ b/css/progress-polyfill.css @@ -0,0 +1,47 @@ +progress[role] { + display: inline-block; + position: relative; + width: 10em; + height: 1em; + vertical-align: -.2em; + background-image: url('data:image/gif;base64,R0lGODlhIAAQAIAAAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwABACwAAAAAIAAQAAACLISPF8vtkWJ8lMlrasVXb554FBiKDomYJ5qpFgu4LysvcFzfNQTvet4D0hgFACH5BAkHAAEALAAAAAAgABAAAAIshH+hyx0Io3F0yTsrxVdvHnkOGIoMCZknmqgWC7gvKytwXN/1A+963gPSKAUAIfkECQcAAQAsAAAAACAAEAAAAi2EHanLcQ9hmyraR+ndee7bNZ8VMmNULqeUJivWOi8Sz3RrA7E77/LrswV7oQIAIfkECQcAAQAsAAAAACAAEAAAAixEjqkB7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQAh+QQJBwABACwAAAAAIAAQAAACLIyPB8vtkGJ8lMlrasVXb554FBiKDomYJ5qpFhu4LysvcFzfNQTvet4D0hgFACH5BAkHAAEALAAAAAAgABAAAAIsjH+gyw0Io3F0yTsrxVdvHnkOGIoMCZknmqgWG7gvKytwXN/1A+963gPSKAUAIfkECQcAAQAsAAAAACAAEAAAAi2MDanLcA9hmyraR+ndee7bNZ8VMmNULqeUJivWOi8Sz3RrB7E77/LrswV7oQIAIfkEAQcAAQAsAAAAACAAEAAAAiwMjqkQ7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQA7'); + + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +progress[role], +progress[aria-valuenow]:before { + background-color: #5af; +} + +progress[role], +progress[role]:after { + background-repeat:repeat-x; + background-position: 0 0; + -moz-background-size: auto 100%; + -webkit-background-size: auto 100%; + background-size: auto 100%; +} + +/* Determinate only overrides */ +progress[aria-valuenow] { + background: #eee; +} + +progress[aria-valuenow]:before { + content: ""; + display: block; + height: 100%; +} + +/* Overlay */ +progress[role]:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQBAMAAAAlsQiEAAAABGdBTUEAALGPC/xhBQAAAC1QTFRF////////gYGA+/v7////3NzcQUFCkZGQWFlZAAAAAAAA////WFhY////r6+w5vktvgAAAA90Uk5TZB4sW3ZODgMEJgBVHDY+cmAeZAAAACZJREFUeNpjmMBQwHCBAQQMGAIYHjAoMBxgSGBoYFjAIMCwgcEBAGgwBpG64ZoMAAAAAElFTkSuQmCC'); +} diff --git a/images/stars.png b/images/stars.png new file mode 100644 index 0000000000000000000000000000000000000000..3291ba301fc5335f21f3e2c57aa1abb58afc46a8 GIT binary patch literal 3617 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 literal 0 HcmV?d00001 diff --git a/js/all.js b/js/all.js new file mode 100644 index 0000000..0f7967b --- /dev/null +++ b/js/all.js @@ -0,0 +1,31 @@ +$(document).ready(function(){ + /*Rating component*/ + $('.rating-component').each(function(){ // + showRating(this); + }); + $('.rating-component__stars li').on({ + mouseover: function(){ + $(this).prevAll().andSelf().addClass('hover'); + }, + mouseout: function(){ + $(this).prevAll().andSelf().removeClass('hover'); + }, + click: function(){ + $(this).parent().parent().data('rating', $($(this).parent().find('li')).index(this) + 1); + showRating($(this).parent().parent()); + } + }); + + /*Progressbar component*/ + $('.progress-component').each(function(){ + $(this).find('.progress-component__value').html($(this).find('progress').val() + '%'); + }); +}); + +function showRating(el){ + stars = $(el).find('.rating-component__stars li'); + stars.removeClass('current'); + for(i = 0; i < $(el).data('rating'); i ++){ + stars.eq(i).addClass('current'); + } +} \ No newline at end of file diff --git a/js/progress-polyfill.min.js b/js/progress-polyfill.min.js new file mode 100644 index 0000000..7867919 --- /dev/null +++ b/js/progress-polyfill.min.js @@ -0,0 +1,5 @@ +(function(){if(!("position"in document.createElement("progress"))){var h;h=Object.defineProperty?function(a,c,b){b.enumerable=!0;b.configurable=!0;try{Object.defineProperty(a,c,b)}catch(e){if(e.number===-2146823252)b.enumerable=!1,Object.defineProperty(a,c,b)}}:"__defineSetter__"in document.body?function(a,b,d){a.__defineGetter__(b,d.get);d.set&&a.__defineSetter__(b,d.set)}:function(a,b,d){a[b]=d.get.call(a)};try{[].slice.apply(document.images);var i=function(a){return[].slice.apply(a)}}catch(j){i= +function(a){for(var b=[],d=a.length,e=0;e=0;g--)b.init(b.progresses[g]);document.addEventListener&&(document.addEventListener("DOMAttrModified",function(a){var c=a.target,a=a.attrName;c.nodeName==="PROGRESS"&&(a==="max"||a==="value")&&b.redraw(c)},!1),document.addEventListener("DOMNodeInserted",function(a){a=a.target;a.nodeName==="PROGRESS"&&b.init(a)},!1))}})(); \ No newline at end of file diff --git a/js/respond.min.js b/js/respond.min.js new file mode 100644 index 0000000..e8d6207 --- /dev/null +++ b/js/respond.min.js @@ -0,0 +1,6 @@ +/*! Respond.js v1.4.2: min/max-width media query polyfill + * Copyright 2014 Scott Jehl + * Licensed under MIT + * http://j.mp/respondjs */ + +!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b + + + Верстка страницы + + + + + + + + +
+
+ +
+ + + +
+
+

Заполните форму

+
    +
  • 1
    • +
  • 2
    • +
  • 3
    • +
  • 4
    • +
  • 5
    • +
+
+
+
+ Общая информация +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+ + +
+
+ + +
+
+
+ +
+ + +
+
+ + +
+
+
+ + +
+
+
+
+ + +
+
+ + + + +
+
+
+
+ + + Например, Россия, Комсомольск-на-Амуре +
+
+
+
+ + +
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git "a/\320\236\320\277\320\270\321\201\320\260\320\275\320\270\320\265.txt" "b/\320\236\320\277\320\270\321\201\320\260\320\275\320\270\320\265.txt" new file mode 100644 index 0000000..db3e25c --- /dev/null +++ "b/\320\236\320\277\320\270\321\201\320\260\320\275\320\270\320\265.txt" @@ -0,0 +1,4 @@ + Notepad++, FF, IE. browsershots.org, IETester. , (, , , ). Windows 7. + + . , , , background-position. , , blur. , , , , .. . + , , , . \ No newline at end of file