From 80cf6c0a41f342b6fff43e2e525c08d17e7b5467 Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Tue, 17 Apr 2012 14:09:33 -0400 Subject: [PATCH 01/11] customized for myself --- assets/BG-grid.gif | Bin 0 -> 46 bytes assets/fancybox_loading.gif | Bin 0 -> 5969 bytes assets/fancybox_sprite.png | Bin 0 -> 2750 bytes assets/spacer.gif | Bin 0 -> 43 bytes global.css | 702 ++++++++++++++++++++++++++++++++++++ ie7.css | 43 +++ ie9.css | 11 + jquery.fancybox.css | 222 ++++++++++++ lte-ie8.css | 43 +++ normalize.css | 627 +++++++++++++++++++++++++++----- style.css | 124 +++++++ 11 files changed, 1690 insertions(+), 82 deletions(-) create mode 100644 assets/BG-grid.gif create mode 100755 assets/fancybox_loading.gif create mode 100755 assets/fancybox_sprite.png create mode 100644 assets/spacer.gif create mode 100644 global.css create mode 100644 ie7.css create mode 100644 ie9.css create mode 100755 jquery.fancybox.css create mode 100644 lte-ie8.css create mode 100644 style.css diff --git a/assets/BG-grid.gif b/assets/BG-grid.gif new file mode 100644 index 0000000000000000000000000000000000000000..aba6153d19164b5d96a806f495fdc199fcade230 GIT binary patch literal 46 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 EKQq^Bj{pDw literal 0 HcmV?d00001 diff --git a/assets/fancybox_sprite.png b/assets/fancybox_sprite.png new file mode 100755 index 0000000000000000000000000000000000000000..ae597131d62a62e7a0e2faf86c168a07df2bb8f9 GIT binary patch literal 2750 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 Ef()%9Q2+n{ literal 0 HcmV?d00001 diff --git a/assets/spacer.gif b/assets/spacer.gif new file mode 100644 index 0000000000000000000000000000000000000000..fc2560981ee1caca400e225e48d282106f907f2d GIT binary patch literal 43 ucmZ?wbhEHbWMp7uXkcLY|NlP&1B2pE7Df>utpmhBaYhCPCMFj~25SJyItL8^ literal 0 HcmV?d00001 diff --git a/global.css b/global.css new file mode 100644 index 000000000..571afeb35 --- /dev/null +++ b/global.css @@ -0,0 +1,702 @@ +/* Classes +-------------------------------------------------------------- */ + +ul.inline { + list-style-type:none; + padding-left:0; +} + +ul.inline li { + display:inline; + float:left; + padding:0; +} + +dl.section-list dt { + float: left; + line-height: 2.25em; + margin-left: 1.75em; + padding: 0; + top: 1px; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + dl.section-list dt { + line-height: 1.875em; + } +} + +dl.section-list dt a { + color: inherit; + text-decoration: none; + outline: none; +} + +dl.section-list dt a:hover, dl.section-list dt.selected a { + color: #655049; +} + +dl.section-list dt.selected a { + border-bottom: 3px solid; + padding-bottom: 4px; + z-index: 1; +} + +dl.section-list dd { + border-top: 1px solid #D9D3D1; + clear: left; + padding-top: 0.5em; + padding-left: 1.75em; + margin-bottom: 1.125em; +} + +dl.section-list dd.selected { + display: block; +} + +.alignleft { + float:left; +} + +.alignright { + float:right; +} + +.aligncenter { + float:none; + margin: 0 auto; +} + +.alignnone { + float:none; +} + +.clear-both { + clear: both +} + +.clear-left { + clear: left +} + +.clear-right { + clear: right +} + +.img-txt { + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + font-size: 1em; + line-height: 1em; + outline: none; +} + +.more-link { + font-size: 0.75em; + font-weight: bold; + line-height: 1.16em; + text-decoration: none; + text-transform: uppercase; +} + +.hide { + display: none; +} + + +/* GLOBAL GENERAL +-------------------------------------------------------------- */ + +body { + background: url("assets/BG-body.gif") repeat-y scroll center top #EEEEEE; + text-align: center; +} + +.wrapper { + margin: 0 auto; + min-height: 100%; + max-width: 1280px; + min-width: 1124px; + overflow: auto; + width: 100%; +} + + +/* HEADER +-------------------------------------------------------------- */ + +header { + height:6em; + border-bottom:1px solid black; + display:block; +} + +#logo { + color: black; + display: block; + font-size: 1.75em; + line-height: 1em; + margin: 0 auto; + min-width: 140px; + padding: 0.3em 0; + text-align: center; + text-decoration: none; + text-transform: uppercase; + top: 0.6em; + vertical-align: middle; + width: 21.7%; +} + +nav { + bottom: -1px; + display: block; + height: 2.5em; + position: absolute; + width: 100%; +} + +nav ul { + margin: 0 auto; + text-align: center; + min-width: 269px; +} + +nav ul li { + border-top:1px solid black; + border-left:1px solid black; +} + +nav ul li a { + background:#eeeeee none repeat scroll 0 0; + border-bottom:1px solid black; + float:left; + padding:0.5em 1em 0.5em; +} + +nav ul li a:hover { + background: white; +} + +nav ul #current-tab { + background: white; + border-bottom:1px solid white; +} + +nav ul li:last-child { + border-right:1px solid black; +} + + +/* CONTENT +-------------------------------------------------------------- */ + +.content { + background: none repeat scroll 0 0 #FFFFFF; + display: block; + margin: 0 0 3em; + padding-bottom: 1em; + padding-top: 0.5em; +} + +.main { + float: left; + margin-left: 1.25%; + padding-bottom: 2em; + width: 73.125%; +} + +.main.full { + margin-right: 1.25%; + width: 97.5%; +} + +.genbox { + float:left; +} + +.main .genbox { + margin-left: 1.709402%; + margin-right: 1.709402%; +} + +.main.full .genbox { + margin: 0 1.28205%; +} + +.col-full { + clear:left; + float: none; + display:block; +} + +.border { +outline:1px solid #999999; +} + +.main .border { + margin: 0.5em 1.7094%; + padding: 0 1.7094% 1em; +} + +.main.full .border { + padding-left: 1.32864%; + padding-right: 1.32864%; +} + +#bread-crumbs { + font-size:0.625em; + overflow:hidden; + padding-bottom:0.6em; + padding-top:1.2em; + text-transform:uppercase; +} + +#bread-crumbs ul li { + margin-right:0.6em; +} + +#bread-crumbs ul li:after { + content: ">"; +} + +#bread-crumbs ul li:last-child:after { + content: none; +} + +#bread-crumbs ul li a { + color:black; + margin-right:0.6em; +} + + +/* CONTENT: Images & Gallery +-------------------------------------------------------------- */ + +p > img.alignleft, +iframe.alignleft, +embed.alignleft, +video.alignleft, +canvas.alignleft { + margin-right: 3.5%; +} + +p > img.alignright, +iframe.alignright, +embed.alignright, +video.alignright, +canvas.alignright { + margin-left: 3.5%; +} + +.gallery-item { + margin-right: 1%; + margin-top: 1%; + padding: 1px; +} + +.gallery-icon, .thumbnail { + border: 3px solid #FFFFFF; + display: block; + height: 100px; + outline: 1px solid gray; + width: 100px; +} + +.gallery-item > img, +.thumbnail > img, +.img-centre > img, +.img-centre-w > img, +.img-centre-h > img { + display: block; + left: 50%; + margin: 0; + max-width: 150%; + top: 50%; +} + +.img-centre-w > img { + top: auto; +} + +.img-centre-h > img { + left: auto; +} + +.img-centre > img, +.img-centre-w > img, +.img-centre-h > img { +} + + +/* ASIDE +-------------------------------------------------------------- */ + +aside { + background: none repeat scroll 0 0 #EEEEEE; + float: right; + margin: 1em 2.5% 1em 0; + padding-bottom: 0.5em; + width: 21.875%; +} + +aside .genbox { + margin: 0 5.71429%; +} + +aside .border { +} + + +/* FOOTER +-------------------------------------------------------------- */ + +footer { + background: none repeat scroll 0 0 #FFFFFF; + border-top: 1px solid; + font-size: 0.75em; + height: 4em; + margin: -4em auto 0; + max-width: 1200px; + min-width: 1026px; + padding: 0; + width: 100%; +} + +footer div { + margin: 0 2.5%; + padding-top: 0.66666667em; +} + +footer ul { + display: block; + margin-left: 0; + padding-top: 0.66666667em; +} + +footer ul li { + margin-right: 0.66666667em; +} + +footer ul li:after { + content: "|"; +} + +footer ul li:last-child:after { + content: none; +} + +footer ul li a { + padding-right: 0.66666667em; +} + +footer p { + float:right; +} + + + +/* MOBILE +-------------------------------------------------------------- */ + +@media screen and (max-width: 640px) { + .mob-hide { + display: none; + } + + body { + -webkit-text-size-adjust: none; + background: url("assets/BG-mob-body.gif") repeat-y scroll center top #EEEEEE; + } + + .wrapper, footer { + min-width: 320px; + max-width: 480px; + } + + .main, aside, .main.full { + margin-left: 3.5%; + margin-right: 3.5%; + width: 93%; + } + + .main { + padding-bottom: 1em; + } + + .main.full { + padding-bottom: 0.5em; + } + + .main .genbox, aside .genbox, .main.full .genbox { + margin-left: 3.76344%; + margin-right: 3.76344%; + } + + .main .border, .main.full .border { + padding-left: 3.76344%; + padding-right: 3.76344%; + } + + aside { + clear: both; + float: none; + } + + form { + margin-bottom: 1em; + } + + label { + min-width: 31%; + } + + label.for-boxes { + padding-right: 1%; + } + + input[type="text"] { + width: 64%; + } + + textarea { + width: 64% !important; + } + + select { + width: 67%; + } + + .multiple label + span, .file-row label + span { + width: 64.5%; + } + + .multiple input[type="text"] { + width: 84%; + } + + .multiple label + span a.img-txt { + width: 10.5%; + } + + input.fake-file { + width: 53%; + } + + .file-row .btn { + right: -1px; + width: 42%; + } + + footer div { + margin: 0 7%; + } +} + + +/* SMALL +-------------------------------------------------------------- */ + +@media screen and (max-width: 866px) { + .small-hide { + display: none; + } + + body { + background: url("assets/BG-small-body.gif") repeat-y scroll center top #EEEEEE; + } + + .wrapper, footer { + min-width: 593px; + max-width: 768px; + } + + .main { + margin-left: 2%; + margin-right: 2%; + width: 64%; + } + + .main.full { + margin-right: 0; + width: 96%; + } + + .main .genbox { + margin-left: 3.125%; + margin-right: 3.125%; + } + + .main .border { + padding-left: 3.125%; + padding-right: 3.125%; + } + + .main.full .genbox { + margin-left: 2.0833333%; + margin-right: 2.0833333%; + } + + .main.full .border { + padding-left: 2.0833333%; + padding-right: 2.0833333%; + } + + aside { + margin-right: 4%; + width: 28%; + } + + + aside .genbox { + margin-left: 7.14286%; + margin-right: 7.14286%; + } + + label { + min-width: 24.5%; + } + + label.for-boxes { + padding-right: 1%; + } + + input[type="text"] { + width: 70.2%; + } + + textarea { + width: 70.2% !important; + } + + select { + width: 73%; + } + + .multiple label + span, .file-row label + span { + width: 71.2%; + } + + .multiple input[type="text"] { + width: 88%; + } + + .multiple label + span a.img-txt { + width: 9%; + } + + input.fake-file { + width: 57%; + } + + .file-row .btn { + right: 0; + width: 38%; + } + + footer div { + margin: 0 4%; + } +} + + +/* MEDIUM +-------------------------------------------------------------- */ + +@media screen and (min-width: 868px) and (max-width: 1122px) { + .med-hide { + display: none; + } + + .wrapper, footer { + min-width: 850px; + max-width: 1025px; + } + + .main { + margin-left: 1.4%; + margin-right: 1.4%; + width: 64.8%; + } + + .main.full { + margin-right: 0%; + width: 97.2%; + } + + .main .genbox { + margin-left: 2.1605%; + margin-right: 2.1605%; + } + + .main .border { + padding-left: 2.16049%; + padding-right: 2.16049%; + } + + .main.full .genbox { + margin-left: 1.44033%; + margin-right: 1.44033%; + } + + .main.full .border { + padding-left: 1.4403292%; + padding-right: 1.4403292%; + } + + aside { + margin-right: 2.8%; + width: 29.6%; + } + + aside .genbox { + margin-left: 4.72973%; + margin-right: 4.72973%; + } + + label { + min-width: 20.9%; + } + + label.for-boxes { + padding-right: 1%; + } + + input[type="text"] { + width: 74%; + } + + textarea { + width: 74% !important; + } + + select { + width: 77%; + } + + .multiple label + span, .file-row label + span { + width: 75%; + } + + .multiple input[type="text"] { + width: 90%; + } + + .multiple label + span a.img-txt { + width: 6.5%; + } + + input.fake-file { + width: 67%; + } + + .file-row .btn { + right: -1px; + width: 29.5%; + } + + footer div { + margin: 0 2.8%; + } +} + diff --git a/ie7.css b/ie7.css new file mode 100644 index 000000000..82d1501f2 --- /dev/null +++ b/ie7.css @@ -0,0 +1,43 @@ +html.wf-loading details, +html.wf-loading figcaption, +html.wf-loading h1, +html.wf-loading h2, +html.wf-loading h3, +html.wf-loading h4, +html.wf-loading h5, +html.wf-loading h6, +html.wf-loading p, +html.wf-loading blockquote, +html.wf-loading dfn, +html.wf-loading mark, +html.wf-loading pre, +html.wf-loading code, +html.wf-loading kbd, +html.wf-loading samp, +html.wf-loading q, +html.wf-loading sub, +html.wf-loading sup, +html.wf-loading li, +html.wf-loading a, +html.wf-loading span, +html.wf-loading td, +html.wf-loading th, +html.wf-loading legend, +html.wf-loading label, +html.wf-loading button, +html.wf-loading input, +html.wf-loading select, +html.wf-loading textarea, +html.wf-loading small {filter: alpha(opacity=0);} + +/* IE-7 TYPOGRAPHY +-------------------------------------------------------------- */ + +/* IE-7 FORMS +-------------------------------------------------------------- */ + +/* IE-7 GLOBAL +-------------------------------------------------------------- */ + +/* IE-7 STYLEs +-------------------------------------------------------------- */ \ No newline at end of file diff --git a/ie9.css b/ie9.css new file mode 100644 index 000000000..902e627fb --- /dev/null +++ b/ie9.css @@ -0,0 +1,11 @@ +/* IE-9 TYPOGRAPHY +-------------------------------------------------------------- */ + +/* IE-9 FORMS +-------------------------------------------------------------- */ + +/* IE-9 GLOBAL +-------------------------------------------------------------- */ + +/* IE-9 STYLEs +-------------------------------------------------------------- */ \ No newline at end of file diff --git a/jquery.fancybox.css b/jquery.fancybox.css new file mode 100755 index 000000000..c53b86ca8 --- /dev/null +++ b/jquery.fancybox.css @@ -0,0 +1,222 @@ +/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */ +.fancybox-tmp iframe, .fancybox-tmp object { + vertical-align: top; + padding: 0; + margin: 0; +} + +.fancybox-wrap { + position: absolute; + top: 0; + left: 0; + z-index: 1002; +} + +.fancybox-outer { + padding: 0; + margin: 0; + background: #f9f9f9; + color: #444; + text-shadow: none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.fancybox-opened { + z-index: 1003; +} + +.fancybox-opened .fancybox-outer { + -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); +} + +.fancybox-inner { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + position: relative; + outline: none; + overflow: hidden; +} + +.fancybox-error { + color: #444; + margin: 0; + padding: 10px; +} + +.fancybox-image, .fancybox-iframe { + display: block; + width: 100%; + height: 100%; + border: 0; + padding: 0; + margin: 0; + vertical-align: top; +} + +.fancybox-image { + max-width: 100%; + max-height: 100%; +} + +#fancybox-loading { + position: fixed; + top: 50%; + left: 50%; + margin-top: -21px; + margin-left: -21px; + width: 42px; + height: 42px; + background: url('assets/fancybox_loading.gif'); + opacity: 0.8; + cursor: pointer; + z-index: 1010; +} + +.fancybox-close, .fancybox-prev span, .fancybox-next span { + background-image: url('assets/fancybox_sprite.png'); +} + +.fancybox-close { + position: absolute; + top: -18px; + right: -18px; + width: 36px; + height: 36px; + cursor: pointer; + z-index: 1004; +} + +.fancybox-prev, .fancybox-next { + position: absolute; + top: 0; + width: 40%; + height: 100%; + cursor: pointer; + background: transparent url('assets/blank.gif'); /* helps IE */ + z-index: 1003; +} + +.fancybox-prev { + left: 0; +} + +.fancybox-next { + right: 0; +} + +.fancybox-prev span, .fancybox-next span { + position: absolute; + top: 50%; + left: -9999px; + width: 36px; + height: 36px; + margin-top: -18px; + cursor: pointer; + z-index: 1003; +} + +.fancybox-prev span { + background-position: 0 -36px; +} + +.fancybox-next span { + background-position: 0 -72px; +} + +.fancybox-prev:hover, .fancybox-next:hover { + visibility: visible; +} + +.fancybox-prev:hover span { + left: 20px; +} + +.fancybox-next:hover span { + left: auto; + right: 20px; +} + +.fancybox-tmp { + position: absolute; + top: -9999px; + left: -9999px; + padding: 0; + overflow: visible; + visibility: hidden; +} + +/* Overlay helper */ + +#fancybox-overlay { + position: absolute; + top: 0; + left: 0; + overflow: hidden; + display: none; + z-index: 1001; + background: #000; +} + +/* Title helper */ + +.fancybox-title { + visibility: hidden; + position: relative; + text-shadow: none; + z-index: 1005; +} + +.fancybox-opened .fancybox-title { + visibility: visible; +} + +.fancybox-title-float-wrap { + position: absolute; + bottom: 0; + right: 50%; + margin-bottom: -35px; + z-index: 1003; + text-align: center; +} + +.fancybox-title-float-wrap .child { + display: inline-block; + margin-right: -100%; + padding: 2px 20px; + background: transparent; /* Fallback for web browsers that doesn't support RGBa */ + background: rgba(0, 0, 0, 0.8); + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + text-shadow: 0 1px 2px #222; + color: #FFF; + font-weight: bold; + line-height: 24px; + white-space: nowrap; +} + +.fancybox-title-outside-wrap { + position: relative; + margin-top: 10px; + color: #fff; +} + +.fancybox-title-inside-wrap { + margin-top: 10px; +} + +.fancybox-title-over-wrap { + position: absolute; + bottom: 0; + left: 0; + color: #fff; + padding: 10px; + background: #000; + background: rgba(0, 0, 0, .8); +} \ No newline at end of file diff --git a/lte-ie8.css b/lte-ie8.css new file mode 100644 index 000000000..522ab5296 --- /dev/null +++ b/lte-ie8.css @@ -0,0 +1,43 @@ +html.wf-loading details, +html.wf-loading figcaption, +html.wf-loading h1, +html.wf-loading h2, +html.wf-loading h3, +html.wf-loading h4, +html.wf-loading h5, +html.wf-loading h6, +html.wf-loading p, +html.wf-loading blockquote, +html.wf-loading dfn, +html.wf-loading mark, +html.wf-loading pre, +html.wf-loading code, +html.wf-loading kbd, +html.wf-loading samp, +html.wf-loading q, +html.wf-loading sub, +html.wf-loading sup, +html.wf-loading li, +html.wf-loading a, +html.wf-loading span, +html.wf-loading td, +html.wf-loading th, +html.wf-loading legend, +html.wf-loading label, +html.wf-loading button, +html.wf-loading input, +html.wf-loading select, +html.wf-loading textarea, +html.wf-loading small {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} + +/* IE-lte-8 TYPOGRAPHY +-------------------------------------------------------------- */ + +/* IE-lte-8 FORMS +-------------------------------------------------------------- */ + +/* IE-lte-8 GLOBAL +-------------------------------------------------------------- */ + +/* IE-lte-8 STYLEs +-------------------------------------------------------------- */ \ No newline at end of file diff --git a/normalize.css b/normalize.css index 4474dee25..c37fc5fdd 100644 --- a/normalize.css +++ b/normalize.css @@ -1,8 +1,47 @@ -/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ +/* TypeKit set-up +-------------------------------------------------------------- */ + +html.wf-loading details, +html.wf-loading figcaption, +html.wf-loading h1, +html.wf-loading h2, +html.wf-loading h3, +html.wf-loading h4, +html.wf-loading h5, +html.wf-loading h6, +html.wf-loading p, +html.wf-loading blockquote, +html.wf-loading dfn, +html.wf-loading mark, +html.wf-loading pre, +html.wf-loading code, +html.wf-loading kbd, +html.wf-loading samp, +html.wf-loading q, +html.wf-loading sub, +html.wf-loading sup, +html.wf-loading li, +html.wf-loading a, +html.wf-loading span, +html.wf-loading td, +html.wf-loading th, +html.wf-loading legend, +html.wf-loading label, +html.wf-loading button, +html.wf-loading input, +html.wf-loading select, +html.wf-loading textarea, +html.wf-loading small { + opacity: 0; +} + +.wf-active p { + overflow: hidden; +} -/* ============================================================================= - HTML5 display definitions - ========================================================================== */ + +/* HTML5 display definitions +-------------------------------------------------------------- */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 @@ -54,9 +93,8 @@ audio:not([controls]) { } -/* ============================================================================= - Base - ========================================================================== */ +/* Base +-------------------------------------------------------------- */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units @@ -76,11 +114,14 @@ html { */ html, -button, +body, +button, button *, input, select, textarea { font-family: sans-serif; + font-size: 1em; + line-height: 1.5em; } /* @@ -92,9 +133,8 @@ body { } -/* ============================================================================= - Links - ========================================================================== */ +/* Links +-------------------------------------------------------------- */ /* * Addresses outline displayed oddly in Chrome @@ -114,44 +154,56 @@ a:active { outline: 0; } +h1 a, +h2 a, +h3 a, +h4 a { + color: inherit; +} + -/* ============================================================================= - Typography - ========================================================================== */ +/* Typography +-------------------------------------------------------------- */ + +::selection, +::-moz-selection {} /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ +h1, +h2, +h3, +h4 { + margin: 0; + -webkit-margin-before: 0; + -webkit-margin-after: 0; +} + h1 { font-size: 2em; - margin: 0.67em 0; + padding-bottom: 0.67em; + padding-top: 0.67em; } h2 { font-size: 1.5em; - margin: 0.83em 0; + padding-bottom: 0.83em; + padding-top: 0.83em; } h3 { font-size: 1.17em; - margin: 1em 0; + padding-bottom: 1em; + padding-top: 1em; } h4 { font-size: 1em; - margin: 1.33em 0; -} - -h5 { - font-size: 0.83em; - margin: 1.67em 0; -} - -h6 { - font-size: 0.75em; - margin: 2.33em 0; + padding-bottom: 1.33em; + padding-top: 1.33em; } /* @@ -198,7 +250,9 @@ mark { p, pre { - margin: 1em 0; + margin: 0; + padding-top: 0.5em; + padding-bottom: 0.5em; } /* @@ -244,8 +298,17 @@ q:after { content: none; } +hr { + border-style: none none dashed; + border-width: 0 0 1px; + border-color: gray; +} + +p.small, +ul.small li, small { - font-size: 75%; + font-size: 0.75em; + line-height: 1.16em; } /* @@ -255,7 +318,7 @@ small { sub, sup { - font-size: 75%; + font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; @@ -270,9 +333,8 @@ sub { } -/* ============================================================================= - Lists - ========================================================================== */ +/* Lists +-------------------------------------------------------------- */ /* * Addresses margins set differently in IE6/7 @@ -282,11 +344,36 @@ dl, menu, ol, ul { - margin: 1em 0; + margin: 0; + list-style:outside disc; + padding-left: 1.5em; + padding-bottom: 0.5em; +} + +li { + padding-top: 0.5em; +} + +ul ul, +ol ul { + list-style:circle outside none; + padding-bottom: 0; +} + +ul ol, +ol ol { + list-style:lower-alpha outside none; + padding-bottom: 0; +} + +dt { + float: left; } dd { - margin: 0 0 0 40px; + margin: 0; + padding-top: 0.5em; + padding-bottom: 0.5em; } /* @@ -296,7 +383,7 @@ dd { menu, ol, ul { - padding: 0 0 0 40px; + padding: 0 0 0 2em; } /* @@ -307,12 +394,34 @@ nav ul, nav ol { list-style: none; list-style-image: none; + padding-left: 0; +} + +nav li, #wp_page_numbers li { + display: inline; + float: left; + padding: 0px; +} + +blockquote { + border-left: 0.5em solid gray; +} + +blockquote p { } +blockquote p.author { + font-style: italic; + text-align: right; +} + +blockquote p.author:before { + content: "— "; +} -/* ============================================================================= - Embedded content - ========================================================================== */ + +/* Images, Figures & Embedded content +-------------------------------------------------------------- */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 @@ -320,23 +429,59 @@ nav ol { * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ +img, +iframe, +embed, +video { + margin-bottom: 0.5em; + margin-top: 0.5em; + max-width: 96.5812%; +} + +iframe, +embed, +video { + min-width: 54%; +} + img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ + height: auto; } -/* - * Corrects overflow displayed oddly in IE9 - */ - -svg:not(:root) { - overflow: hidden; +figcaption { + background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); + color: #FFFFFF; + display: none; + padding: 0.75em 0 0.75em 0.625em; + position: absolute; + top: 0; + width: 100%; +} + +figure > a.caption { + background: none repeat scroll 0 0 #000000; + border: 3px solid #FFFFFF; + border-radius: 1.13333333em; + color: #FFFFFF; + font-size: 0.9375em; + font-style: italic; + height: 1.6em; + line-height: 1.6em; + opacity: 0.3; + outline: medium none; + position: absolute; + right: 0.5em; + text-align: center; + text-decoration: none; + top: 0.5em; + width: 1.6em; } - -/* ============================================================================= - Figures - ========================================================================== */ +figure > a:hover.caption { + opacity: 1; +} /* * Addresses margin not present in IE6/7/8/9, S5, O11 @@ -346,10 +491,17 @@ figure { margin: 0; } +/* + * Corrects overflow displayed oddly in IE9 + */ + +svg:not(:root) { + overflow: hidden; +} + -/* ============================================================================= - Forms - ========================================================================== */ +/* Forms +-------------------------------------------------------------- */ /* * Corrects margin displayed oddly in IE6/7 @@ -364,9 +516,62 @@ form { */ fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; + border: none; + margin: 0; + padding-bottom: 0.5em; + padding-top: 0.5em; +} + +.fieldrow { + background: none repeat scroll 0 0 #DDDDDD; + border: 4px solid #DDDDDD; + display: block; + margin-bottom: 0.875em; + -webkit-border-radius: 6px 6px 6px 6px; + -khtml-border-radius: 6px 6px 6px 6px; + -icab-border-radius: 6px 6px 6px 6px; + -moz-border-radius: 6px 6px 6px 6px; + -o-border-radius: 6px 6px 6px 6px; + border-radius: 6px 6px 6px 6px; +} + +label { + color: gray; + float: left; + font-size: 0.9375em; + font-style: italic; + height: 1.86em; + line-height: 1.8em; + margin-right: 0.4em; + min-width: 15%; + padding: 0 1%; +} + +label.for-boxes { + background: none repeat scroll 0 0 transparent !important; + color: black !important; + display: inline-block; + float: none; + height: 1.06666667em; + line-height: 0.93333333em; + margin-top: 0.33333333em; + min-width: 0; + padding-left: 0; + padding-right: 1.5%; + top: 0.13333333em; +} + +.fieldrow.textarea label { + display: block; + float: none; + width: 98% !important; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* Safari and Google Chrome only - fix margins */ + label { + line-height: 2em; + } } /* @@ -402,34 +607,100 @@ textarea { * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ -button, input { + border: medium none; + margin: 0; + padding: 0; line-height: normal; /* 1 */ } -/* - * 1. Improves usability and consistency of cursor style between image-type 'input' and others - * 2. Corrects inability to style clickable 'input' types in iOS - * 3. Removes inner spacing in IE7 without affecting normal text inputs - * Known issue: inner spacing remains in IE6 - */ +input[type="text"], input[type="number"], input[type="date"] { + border-bottom: 1px dashed gray; + color: black; + display: block; + font-size: 0.9375em; + font-style: italic; + height: 1.13333333em; + line-height: 1.4em; + margin: 0.26666667em 0 0.33333333em !important; + outline: 5px solid #FFFFFF; + padding-top: 1px; +} -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; /* 1 */ - -webkit-appearance: button; /* 2 */ - *overflow: visible; /* 3 */ +input[type=text] { + width: 81%; } -/* - * Re-set default cursor for disabled elements - */ +input.phone-1, input.phone-2, input.phone-3, +input.postal-1, input.postal-2 { + display: inline; + margin-right: 0.93333333em !important; + text-align: center; + width: 2.6em !important; +} -button[disabled], -input[disabled] { - cursor: default; +input.phone-1, input.phone-2 { + width: 1.93333333em !important; +} + +input.phone-3, input.postal-2 { + margin-right: 0 !important; +} + +input[type="file"] { + height: 100%; + left: 0; + opacity: 0; + position: absolute; + width: 100%; + z-index: 10; +} + +input.fake-file { + position: absolute; + width: 78%; + z-index: 5; +} + +input::-webkit-input-placeholder { + color: gray; + opacity: 0.5; +} + +input:-moz-placeholder { + color: gray; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* Safari and Google Chrome only - fix margins */ + input[type=radio], input[type=checkbox] { + top: -1px; + } +} + +select { + color: black; + display: block; + font-size: 0.9375em; + font-style: italic; + height: 1.86666667em; + margin: 0 !important; + padding-top: 0.26666667em; + vertical-align: bottom; + width: 83%; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* Safari and Google Chrome only - fix margins */ + select { + font-size: 1em; + top: 0.1875em; + } +} + +.select-row label, .radio-row label, .check-row label { + background: none repeat scroll 0 0 #DDDDDD; + margin-right: 0px; } /* @@ -443,8 +714,16 @@ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ - *height: 13px; /* 3 */ - *width: 13px; /* 3 */ + *height: 0.8125em; /* 3 */ + *width: 0.8125em; /* 3 */ + margin-left: 1.5%; + top: 0.125em; + vertical-align: middle; + z-index: 1; +} + +.radio-row, .check-row { + background: none repeat scroll 0 0 #eeeeee; } /* @@ -468,6 +747,41 @@ input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } +/* + * 1. Improves usability and consistency of cursor style between image-type 'input' and others + * 2. Corrects inability to style clickable 'input' types in iOS + * 3. Removes inner spacing in IE7 without affecting normal text inputs + * Known issue: inner spacing remains in IE6 + */ + +button, +.btn, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; /* 1 */ + -webkit-appearance: button; /* 2 */ + *overflow: visible; /* 3 */ + background-color: #555555; + border: medium none; + display: inline-block; + overflow: visible; + padding: 1px; + text-decoration: none; + top: 3px; + -webkit-border-radius: 2px 2px 2px 2px; + -khtml-border-radius: 2px 2px 2px 2px; + -icab-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -o-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; +} + +button[disabled], +input[disabled] { + cursor: default; +} + /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ @@ -475,8 +789,50 @@ input[type="search"]::-webkit-search-cancel-button { button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; + border: 0; /* overrides extra padding in Firefox */ padding: 0; + margin: 0; + outline: none; +} + +button span, +.btn span { + background-color: #dddddd; + background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, rgb(204,204,204)), color-stop(0.58, rgb(221,221,221)) ); + background-image: -moz-linear-gradient( center bottom, rgb(204,204,204) 16%, rgb(221,221,221) 58% ); + color: black; + display: block; + font-size: 15px; + font-weight: bold; + height: 26px; + line-height: 27px; + margin: 0 !important; + padding: 0 8px; text-align: center; + text-shadow: 0 1px 0 white; + text-transform: uppercase; + top: 0; + white-space: nowrap; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* Safari and Google Chrome only - fix margins */ + button span { + margin-top: -1px; + } +} + +.btn-cancel, .btn-cancel span { + background: none repeat scroll 0 0 #FFFFFF; +} + +.btn-cancel:hover { + background-color: #555555; +} + +.btn-cancel:hover span { + background-color: #dddddd; + background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, rgb(204,204,204)), color-stop(0.58, rgb(221,221,221)) ); + background-image: -moz-linear-gradient( center bottom, rgb(204,204,204) 16%, rgb(221,221,221) 58% ); } /* @@ -487,12 +843,75 @@ input::-moz-focus-inner { textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ + background: url("assets/BG-textarea.png") repeat scroll left -2px #FFFFFF; + border: medium none; + color: black; + display: block; + font-size: 15px; + font-style: italic; + line-height: 21px; + margin: 2px 0 5px !important; + min-height: 125px; + outline: 5px solid #FFFFFF; + padding: 1px 0 0; + resize: none; + width: 81% !important; +} + +.multiple label + span, .file-row label + span { + float: left; + width: 81%; } +.multiple label + span a.img-txt { + background: url("assets/BTN-add.png") no-repeat scroll center center transparent; + float: right; + height: 28px; + width: 4.5%; +} + +.multiple label + span a.subtract { + background: url("assets/BTN-subtract.png") no-repeat scroll center center transparent; +} + +.multiple input[type=text] { + display: inline; + margin-bottom: 12px !important; + width: 93%; +} + +.multiple input:last-of-type { + margin-bottom: 5px !important; +} -/* ============================================================================= - Tables - ========================================================================== */ +fieldset.submit button, fieldset.submit .btn { + float: right; + margin-left: 2%; +} + +.file-row .btn { + float: right; + right: -3px; + top: 0; + width: 20.5%; +} + +.file-row .btn span { + padding: 0; +} + +.fieldrow.error { +border: 4px solid red; +} + +.fieldrow.error label { +background: red; +color: #ffffff; +} + + +/* Tables +-------------------------------------------------------------- */ /* * Remove most spacing between table cells @@ -501,4 +920,48 @@ textarea { table { border-collapse: collapse; border-spacing: 0; + margin-bottom: 0.5em; + text-align: left; + width: 100%; } + +table th, table td { + border-bottom: 1px solid gray; + line-height: 2.125em; +} + +table tr th:first-child, table tr td:first-child { + padding-left: 0.5em; +} + +table tr th:last-child, table tr td:last-child { + padding-right: 0.5em; +} + +table thead th, table tbody tr:last-child td { + border-bottom: 1px solid black; +} + +table tfoot td {} + + +/* MOBILE +-------------------------------------------------------------- + +@media screen and (max-width: 640px) { +} */ + + +/* SMALL +-------------------------------------------------------------- + +@media screen and (max-width: 866px) { +} */ + + +/* MEDIUM +-------------------------------------------------------------- + +@media screen and (min-width: 868px) and (max-width: 1122px) { +} */ + diff --git a/style.css b/style.css new file mode 100644 index 000000000..3d48082ca --- /dev/null +++ b/style.css @@ -0,0 +1,124 @@ +@import "css/jquery.fancybox.css"; +@import "css/normalize.css"; +@import "css/global.css"; +@import "css/layout.css"; + +ul#grid { + background: url("assets/BG-grid-large.gif") repeat scroll left top green; + display: none; + font-size: 9px; + height: 100%; + left: 0; + line-height: 9px; + list-style-type: none; + margin: 0 auto; + max-width: 1280px; + min-width: 1124px; + opacity: 0.3; + padding: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 1000; +} + +ul#grid li{ + background: url("assets/BG-grid-large.gif") repeat scroll left top red; + display: inline; + float: left; + height: 100%; + margin-left: 1.875%; + margin-right: 1.875%; + padding: 0; + position: relative; + width: 15.5%; +} + +ul#grid li:before { + background: none repeat scroll 0 0 black; + content: ""; + height: 100%; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + width: 50%; +} + +ul#grid li:after { + background: none repeat scroll 0 0 grey; + content: ""; + height: 100%; + opacity: 0.5; + position: absolute; + right: -12.0968%; + top: 0; + width: 12.0968%; +} + +ul#grid li:first-child { + margin-left: 3.75%; +} + +ul#grid li:last-child { + margin-right: 3.75%; +} + + +/* MOBILE +-------------------------------------------------------------- */ + +@media screen and (max-width: 640px) { + + ul#grid { + background: url("assets/BG-grid-mob.gif") repeat scroll left top blue; + display: none; + max-width: 640px; + min-width: 640px; + } + + ul#grid li{ + background: url("assets/BG-grid-mob.gif") repeat scroll left top red; + } + +} + + +/* SMALL +-------------------------------------------------------------- */ + +@media screen and (max-width: 866px) { + + ul#grid { + background: url("assets/BG-grid-small.gif") repeat scroll left top yellow; + display: none; + max-width: 768px; + min-width: 768px; + width: 768px; + } + + ul#grid li{ + background: url("assets/BG-grid-small.gif") repeat scroll left top red; + } + +} + + +/* MEDIUM +-------------------------------------------------------------- */ + +@media screen and (min-width: 868px) and (max-width: 1122px) { + + ul#grid { + background: url("assets/BG-grid-med.gif") repeat scroll left top blue; + display: none; + max-width: 1024px; + min-width: 868px; + } + + ul#grid li{ + background: url("assets/BG-grid-med.gif") repeat scroll left top red; + } + +} From 993573219ec215a5e67b96c79cb1dc76d2cc95f5 Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Tue, 17 Apr 2012 15:50:48 -0400 Subject: [PATCH 02/11] =?UTF-8?q?harmonized=20with=20=E2=80=98php=E2=80=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/BG-body.gif | Bin 0 -> 143 bytes assets/BG-grid-test.gif | Bin 0 -> 286 bytes assets/BG-mob-body.gif | Bin 0 -> 123 bytes assets/BG-small-body.gif | Bin 0 -> 130 bytes assets/BG-textarea.png | Bin 0 -> 2813 bytes assets/BTN-add.png | Bin 0 -> 521 bytes assets/BTN-subtract.png | Bin 0 -> 499 bytes global.css | 27 +++---- ie7.css | 32 +-------- layout.css | 151 +++++++++++++++++++++++++++++++++++++++ lte-ie8.css | 32 +-------- normalize.css | 47 ++++-------- style.css | 121 +++++-------------------------- 13 files changed, 199 insertions(+), 211 deletions(-) create mode 100644 assets/BG-body.gif create mode 100644 assets/BG-grid-test.gif create mode 100644 assets/BG-mob-body.gif create mode 100644 assets/BG-small-body.gif create mode 100644 assets/BG-textarea.png create mode 100644 assets/BTN-add.png create mode 100644 assets/BTN-subtract.png create mode 100644 layout.css diff --git a/assets/BG-body.gif b/assets/BG-body.gif new file mode 100644 index 0000000000000000000000000000000000000000..c2747fc6305a22cca9e82bb7cc67a45a9770bd52 GIT binary patch literal 143 zcmV;A0C4|DNk%w1VblZx0J8u9uCA``?(XgF?dz{tqRx3{+9+1 z>DSlS(9qD};NaWa+W-InA^8LV=mP)%EC2ui0MrBl000C$Fi0_~BBi;-jzK^uj$~<` xXsWJk>%MR-&vb3yc&_h!@BhG{a7Zi~kI1BQ$!t2GIfUWBSU4IP3uPMt06UnCNvZ$< literal 0 HcmV?d00001 diff --git a/assets/BG-grid-test.gif b/assets/BG-grid-test.gif new file mode 100644 index 0000000000000000000000000000000000000000..627934092674847cad072b89b676b9339e9e98d3 GIT binary patch literal 286 zcmV+(0pb2fNk%w1VXy=T0Du4h{{YMY001HR1OVs*001li000261P1^B0`-iKscYa5 zqnxzb3z*&q`wxEHxP;~zl4^&x?zFD&{KhJcqc)lM;?D62FTmjN7%6U$%!g9bWIh>D z>GV3P9M^@bLkHkEIelio*WP*^zkec^2WT=#nDTe%VW_y6 z*l58B8TmK~Q)ww7nVE#i>E!vj`3WirMoKY?swx`VN``s~8>{J>$@+Rq3xUhoYxxUo zs=MnDJbB!htZXYhTWs8nEIs{PysU^#sJ%VR1s!dDP0cL6%iV{bPM*!)ZXT0EGWXNk%w1VFUsJ0J8u9uCA``?(XgF?dz{tqRx3{+9+1 z>DSlS(9qD};NaWa+W-InEC2ui00aU7000CqFi0_~BBi;-jzK^uj$~<`XsWJk>%MR- d&vb3yc&_h!4QNk%w1VI%_q0J8u9uCA``?(XgF?dz{tqRx3{+9+1 z>DSlS(9qD};NaWa+W-InEC2ui03-te000CxFi0_~BBi;-jzK^uj$~<`XsWJk>%MR- k&vb3yc&_h!@BhG{a7Zlj5QYO|;b;^HipoGB2}A$@JFs3uOaK4? literal 0 HcmV?d00001 diff --git a/assets/BG-textarea.png b/assets/BG-textarea.png new file mode 100644 index 0000000000000000000000000000000000000000..06f1a32c42636cfda74c14c0fcdcca8ec1cdf552 GIT binary patch literal 2813 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 P00000NkvXXu0mjf_TDv+ literal 0 HcmV?d00001 diff --git a/assets/BTN-add.png b/assets/BTN-add.png new file mode 100644 index 0000000000000000000000000000000000000000..fd6162472778395408c6feceb02fbf59f663e105 GIT binary patch literal 521 zcmV+k0`~ohP)V^h=|Zc1KN4tKOsizrgmWX~uN}KAP+`_Nu-fvJcoj*LC~JoK(CcE^x(1yHF@Rlu9M5SS(UL zpI5Qva!K>~oTk(1_hPYl;j1ne{5&Y6i#(Uhz_``xH_GD%46w-2ONk2AKx}fHQwA(@^kyTDs@TqKHX|Xw(YQV6 z4A$>|s1u8@ZJR_MdpZ&xPMO4$I4Lw_om^wR!jb2_@5pQ3?R|>@3vFqkMjQPhJ?h9~#ol8Jxm-@ISFG22I~Wfb2oowtZqyOp4rD)>Ovth<1^mqr0|r>+ z$h(V^-DRa-La~nHknn}=2q)QWR*f|pjpT`R|L@VB^*8bt`w?IOfn^;G-vrdY00000 LNkvXXu0mjf*kR_f literal 0 HcmV?d00001 diff --git a/assets/BTN-subtract.png b/assets/BTN-subtract.png new file mode 100644 index 0000000000000000000000000000000000000000..7c8404c56b4bbac89216b01799d50f3d70401b14 GIT binary patch literal 499 zcmV`0OV}v382&BwYc7?4tauH`>ShV}* zvGeAw8hM`6CF1JT=43MQc)927bN0mcoO8w*j7FnrwWe`+BPO`vW!P@FA1uoRusqaXObk(yyY|D`wt>P^5i(qfRhwOq5XbOX_^-2s;W}6*`zGXD2gKF z3vZ7l*%@r~3pjey}8FxdyMkN8leCTIsY0m*i|CEWB>;tUvI zQ6u#HCW5fg1nmHLE`R|RHDV|wQ6Iuq+o=m+Q6nZ>YShDYmdhnc@jdVEB*Aq0R;(CA zx7#IYk0T#R9qK}!S8)oK-O pg<&Y4i2r|&_M*R$zr>dS0{}Hj8`ru9@^AnE002ovPDHLkV1jrR;ST@+ literal 0 HcmV?d00001 diff --git a/global.css b/global.css index 571afeb35..df26d2e47 100644 --- a/global.css +++ b/global.css @@ -110,14 +110,14 @@ dl.section-list dd.selected { body { background: url("assets/BG-body.gif") repeat-y scroll center top #EEEEEE; - text-align: center; + text-align: left; } .wrapper { margin: 0 auto; min-height: 100%; - max-width: 1280px; - min-width: 1124px; + min-width:1026px; + max-width:1200px; overflow: auto; width: 100%; } @@ -127,9 +127,10 @@ body { -------------------------------------------------------------- */ header { - height:6em; - border-bottom:1px solid black; - display:block; + background: none repeat scroll 0 0 #FFFFFF; + border-bottom: 1px solid black; + display: block; + height: 6em; } #logo { @@ -151,9 +152,9 @@ header { nav { bottom: -1px; display: block; - height: 2.5em; + padding-left: 1.25%; position: absolute; - width: 100%; + width: 98.75%; } nav ul { @@ -357,8 +358,8 @@ footer { font-size: 0.75em; height: 4em; margin: -4em auto 0; - max-width: 1200px; - min-width: 1026px; + min-width:1026px; + max-width:1200px; padding: 0; width: 100%; } @@ -399,7 +400,7 @@ footer p { /* MOBILE -------------------------------------------------------------- */ -@media screen and (max-width: 640px) { +@media screen and (max-width: 592px) { .mob-hide { display: none; } @@ -497,7 +498,7 @@ footer p { /* SMALL -------------------------------------------------------------- */ -@media screen and (max-width: 866px) { +@media screen and (min-width: 593px) and (max-width: 849px) { .small-hide { display: none; } @@ -603,7 +604,7 @@ footer p { /* MEDIUM -------------------------------------------------------------- */ -@media screen and (min-width: 868px) and (max-width: 1122px) { +@media screen and (min-width: 850px) and (max-width: 1025px) { .med-hide { display: none; } diff --git a/ie7.css b/ie7.css index 82d1501f2..2cc6fd66e 100644 --- a/ie7.css +++ b/ie7.css @@ -1,34 +1,4 @@ -html.wf-loading details, -html.wf-loading figcaption, -html.wf-loading h1, -html.wf-loading h2, -html.wf-loading h3, -html.wf-loading h4, -html.wf-loading h5, -html.wf-loading h6, -html.wf-loading p, -html.wf-loading blockquote, -html.wf-loading dfn, -html.wf-loading mark, -html.wf-loading pre, -html.wf-loading code, -html.wf-loading kbd, -html.wf-loading samp, -html.wf-loading q, -html.wf-loading sub, -html.wf-loading sup, -html.wf-loading li, -html.wf-loading a, -html.wf-loading span, -html.wf-loading td, -html.wf-loading th, -html.wf-loading legend, -html.wf-loading label, -html.wf-loading button, -html.wf-loading input, -html.wf-loading select, -html.wf-loading textarea, -html.wf-loading small {filter: alpha(opacity=0);} +html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small {filter: alpha(opacity=0);} /* IE-7 TYPOGRAPHY -------------------------------------------------------------- */ diff --git a/layout.css b/layout.css new file mode 100644 index 000000000..975deab48 --- /dev/null +++ b/layout.css @@ -0,0 +1,151 @@ +/* HOME +-------------------------------------------------------------- */ + +#home .main .col-3 {width:29.9145%;} + +#home .main .col-2 {width:46.5812%;} + + +/* FORMS +-------------------------------------------------------------- */ + +#forms fieldset.col-2 {width:47.4359%;} + +#forms .tel-row, #forms .postal-row { + float: left; + width: 46.87%; +} + +#forms .tel-row label, #forms .postal-row label { + min-width: 31%; + padding: 0 2.12766%; +} + +#forms .tel-row { + margin-right: 2.88%; +} + +/* MEDIA +-------------------------------------------------------------- */ + +#media .main > img:first-of-type { + margin-top: 14px; +} + +#media .main .col-full p > .alignleft { + top: -4px; + width: 31%; +} + +#media .main .col-full p > .alignright { + width: 30.4%; +} + + +/* MOBILE +-------------------------------------------------------------- */ + +@media screen and (max-width: 592px) { + #home .main .col-3 { + width: 25.8065%; + } + + #home .main .col-2 { + width: 42.47312%; + } + + #forms fieldset.col-2 { + width: 92.4731%; + } + + #forms .tel-row, #forms .postal-row { + float: none; + width: auto; + margin-right: 0; + } + + #forms .tel-row label, #forms .postal-row label { + min-width: 31%; + padding: 0 1%; + } + + #media .main .col-full p > img.left { + width: 63.9535%; + } + + #media .main .col-full p > img.right { + width: 65.2%; + } +} + + +/* SMALL +-------------------------------------------------------------- */ + +@media screen and (min-width: 593px) and (max-width: 849px) { + #home .main .col-3 { + width: 27.0833%; + } + + #home .main .col-2 { + width: 43.75%; + } + + #forms fieldset.col-2 { + width: 45.8333%; + } + + #forms .tel-row, #forms .postal-row { + float: none; + width: auto; + margin-right: 0; + } + + #forms .tel-row label, #forms .postal-row label { + min-width: 24.5%; + padding: 0 1%; + } + + #media .main .col-full p > img.left { + width: 46.6667%; + } + + #media .main .col-full p > img.right { + width: 46.4%; + } +} + + +/* MEDIUM: Column 9 +-------------------------------------------------------------- */ + +@media screen and (min-width: 850px) and (max-width: 1025px) { + #home .main .col-3 { + width: 29.0123%; + } + + #home .main .col-2 { + width: 45.679%; + } + + #forms fieldset.col-2 {width: 47.1193%;} + + #forms .tel-row, #forms .postal-row { + float: none; + width: auto; + margin-right: 0; + } + + #forms .tel-row label, #forms .postal-row label { + min-width: 20.9%; + padding: 0 1%; + } + + #media .main .col-full p > img.left { + width: 30.4897%; + } + + #media .main .col-full p > img.right { + width: 29.4%; + } +} diff --git a/lte-ie8.css b/lte-ie8.css index 522ab5296..b75b435c3 100644 --- a/lte-ie8.css +++ b/lte-ie8.css @@ -1,34 +1,4 @@ -html.wf-loading details, -html.wf-loading figcaption, -html.wf-loading h1, -html.wf-loading h2, -html.wf-loading h3, -html.wf-loading h4, -html.wf-loading h5, -html.wf-loading h6, -html.wf-loading p, -html.wf-loading blockquote, -html.wf-loading dfn, -html.wf-loading mark, -html.wf-loading pre, -html.wf-loading code, -html.wf-loading kbd, -html.wf-loading samp, -html.wf-loading q, -html.wf-loading sub, -html.wf-loading sup, -html.wf-loading li, -html.wf-loading a, -html.wf-loading span, -html.wf-loading td, -html.wf-loading th, -html.wf-loading legend, -html.wf-loading label, -html.wf-loading button, -html.wf-loading input, -html.wf-loading select, -html.wf-loading textarea, -html.wf-loading small {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} +html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} /* IE-lte-8 TYPOGRAPHY -------------------------------------------------------------- */ diff --git a/normalize.css b/normalize.css index c37fc5fdd..008b870e8 100644 --- a/normalize.css +++ b/normalize.css @@ -1,37 +1,7 @@ /* TypeKit set-up -------------------------------------------------------------- */ -html.wf-loading details, -html.wf-loading figcaption, -html.wf-loading h1, -html.wf-loading h2, -html.wf-loading h3, -html.wf-loading h4, -html.wf-loading h5, -html.wf-loading h6, -html.wf-loading p, -html.wf-loading blockquote, -html.wf-loading dfn, -html.wf-loading mark, -html.wf-loading pre, -html.wf-loading code, -html.wf-loading kbd, -html.wf-loading samp, -html.wf-loading q, -html.wf-loading sub, -html.wf-loading sup, -html.wf-loading li, -html.wf-loading a, -html.wf-loading span, -html.wf-loading td, -html.wf-loading th, -html.wf-loading legend, -html.wf-loading label, -html.wf-loading button, -html.wf-loading input, -html.wf-loading select, -html.wf-loading textarea, -html.wf-loading small { +html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small { opacity: 0; } @@ -39,6 +9,15 @@ html.wf-loading small { overflow: hidden; } +/* Some basic resets +-------------------------------------------------------------- */ + +html, body, div, span, object, iframe, header, nav, aside, footer, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, figure, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, figcaption, tbody, tfoot, thead, tr, th, td {border:0 none;margin:0;padding:0;vertical-align:baseline;} + +h1, h2, h3, h4, header, .wrapper, #logo, .genbox, .gallery-icon, .thumbnail, .img-centre, .img-centre-w, .img-centre-h, li.gallery-item, fieldset, .fieldrow, label, .multiple label + span, .file-row label + span, input, select, button, .btn, button span, .btn span, footer, p + img, ul ul, ul ol, ol ol, ol ul, dl.section-list dt, dl.section-list dt.selected a, .custom, figure, img, iframe, embed, video {position: relative;} + +dl.section-list dt, nav ul, .content, aside, .gallery-icon, .thumbnail, .img-centre, .img-centre-w, .img-centre-h, form, .fieldrow, footer, footer div, footer ul {overflow: hidden;} + /* HTML5 display definitions -------------------------------------------------------------- */ @@ -948,20 +927,20 @@ table tfoot td {} /* MOBILE -------------------------------------------------------------- -@media screen and (max-width: 640px) { +@media screen and (max-width: 592px) { } */ /* SMALL -------------------------------------------------------------- -@media screen and (max-width: 866px) { +@media screen and (min-width: 593px) and (max-width: 849px) { } */ /* MEDIUM -------------------------------------------------------------- -@media screen and (min-width: 868px) and (max-width: 1122px) { +@media screen and (min-width: 850px) and (max-width: 1025px) { } */ diff --git a/style.css b/style.css index 3d48082ca..ad3d7daf0 100644 --- a/style.css +++ b/style.css @@ -3,122 +3,39 @@ @import "css/global.css"; @import "css/layout.css"; -ul#grid { - background: url("assets/BG-grid-large.gif") repeat scroll left top green; - display: none; - font-size: 9px; - height: 100%; - left: 0; - line-height: 9px; - list-style-type: none; - margin: 0 auto; - max-width: 1280px; - min-width: 1124px; - opacity: 0.3; - padding: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 1000; -} - -ul#grid li{ - background: url("assets/BG-grid-large.gif") repeat scroll left top red; - display: inline; - float: left; - height: 100%; - margin-left: 1.875%; - margin-right: 1.875%; - padding: 0; - position: relative; - width: 15.5%; -} - -ul#grid li:before { - background: none repeat scroll 0 0 black; - content: ""; - height: 100%; - left: 0; - opacity: 0.5; - position: absolute; - top: 0; - width: 50%; -} - -ul#grid li:after { - background: none repeat scroll 0 0 grey; - content: ""; - height: 100%; - opacity: 0.5; - position: absolute; - right: -12.0968%; - top: 0; - width: 12.0968%; -} - -ul#grid li:first-child { - margin-left: 3.75%; -} - -ul#grid li:last-child { - margin-right: 3.75%; -} +ul#grid{background:url("css/assets/BG-grid.gif") repeat scroll left top green;display:none;height:100%;list-style-type:none;margin:0 auto;opacity:.3;padding:0;position:fixed;top:0;left:0px;width:100%;z-index:1000;font-size:8px;line-height:8px;min-width:1026px;max-width:1200px;right:0;} +ul#grid li{background:url("css/assets/BG-grid.gif") repeat scroll left top red;height:100%;display:inline;float:left;padding:0;margin-left:1.25%;margin-right:1.25%;width:5.625%} +ul#grid li:first-child{margin-left:2.5%} /* MOBILE -------------------------------------------------------------- */ -@media screen and (max-width: 640px) { - - ul#grid { - background: url("assets/BG-grid-mob.gif") repeat scroll left top blue; - display: none; - max-width: 640px; - min-width: 640px; - } - - ul#grid li{ - background: url("assets/BG-grid-mob.gif") repeat scroll left top red; - } - +@media screen and (max-width: 592px) { +ul#grid{background-color:blue;min-width:320px;max-width:480px} +ul#grid li{margin-left:3.5%;margin-right:3.5%;width:24%} +ul#grid li:first-child{margin-left:7%} +ul#grid li:nth-child(n+4){display:none} } /* SMALL -------------------------------------------------------------- */ -@media screen and (max-width: 866px) { - - ul#grid { - background: url("assets/BG-grid-small.gif") repeat scroll left top yellow; - display: none; - max-width: 768px; - min-width: 768px; - width: 768px; - } - - ul#grid li{ - background: url("assets/BG-grid-small.gif") repeat scroll left top red; - } - +@media screen and (min-width: 593px) and (max-width: 849px) { +ul#grid{background-color:yellow;min-width:593px;max-width:768px} +ul#grid li{margin-left:2%;margin-right:2%;width:12%} +ul#grid li:first-child{margin-left:4%} +ul#grid li:nth-child(n+7){display:none} } /* MEDIUM -------------------------------------------------------------- */ -@media screen and (min-width: 868px) and (max-width: 1122px) { - - ul#grid { - background: url("assets/BG-grid-med.gif") repeat scroll left top blue; - display: none; - max-width: 1024px; - min-width: 868px; - } - - ul#grid li{ - background: url("assets/BG-grid-med.gif") repeat scroll left top red; - } - -} +@media screen and (min-width: 850px) and (max-width: 1025px) { +ul#grid{background-color:gray;min-width:850px;max-width:1025px;} +ul#grid li{margin-left:1.4%;margin-right:1.4%;width:8%} +ul#grid li:first-child{margin-left:2.8%} +ul#grid li:nth-child(n+10){display:none} +} \ No newline at end of file From a46e47cb294a083b2906358c0f1c3db69e5a1c57 Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Tue, 17 Apr 2012 16:02:27 -0400 Subject: [PATCH 03/11] =?UTF-8?q?harmonized=20with=20=E2=80=98php=E2=80=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- demo.html | 350 ------------------------------------------------------ 1 file changed, 350 deletions(-) delete mode 100644 demo.html diff --git a/demo.html b/demo.html deleted file mode 100644 index c75e4b96e..000000000 --- a/demo.html +++ /dev/null @@ -1,350 +0,0 @@ - - - - - - Normalize CSS - - - - - -

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

- -

Heading 1 (in section)

Heading 2 (in section)

Heading 3 (in section)

Heading 4 (in section)

Heading 5 (in section)

Heading 6 (in section)

- -

Heading 1 (in article)

Heading 2 (in article)

Heading 3 (in article)

Heading 4 (in article)

Heading 5 (in article)

Heading 6 (in article)

- -

Heading 1 (in hgroup)

Heading 2 (in hgroup)

- - -

- -

Text-level semantics

- - - -

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

- -

Address: somewhere, world

- -

- The a element example
- The abbr element and abbr element with title examples
- The b element example
- The cite element example
- The code element example
- The ~~del element~~ example
- The dfn element and dfn element with title examples
- The em element example
- The i element example
- The img element example
- The ins element example
- The kbd element example
- The mark element example
- The q element inside a q element example
- The ~~s element~~ example
- The samp element example
- The small element example
- The span element example
- The strong element example
- The _{sub element} example
- The ^{sup element} example
- The var element example
- The u element example -

- -

Embedded content

- -

audio

- -

img

- -

svg

- - - -

video

- -

Interactive content

- -

details / summary

More info

Additional information

Point 1
Point 2

- -

Grouping content

- -

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

- -

pre

- -

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.

- -

<html>
-    <head>
-    </head>
-    <body>
-        <div class="main"> <div>
-    </body>
-</html>

- -

blockquote

- -

-
Some sort of famous witty quote marked up with a <blockquote> and a child <p> element.
-

- -

Even better philosophical quote marked up with just a <blockquote> element.

- -

ordered list

- -

list item 1
list item 1 -
1. list item 2
2. list item 2 -
  1. list item 3
  2. list item 3
  -
3. list item 2
4. list item 2
-
list item 1
list item 1

- -

unordered list

- -

list item 1
list item 1 -
- list item 2
- list item 2 -
  - list item 3
  - list item 3
  -
- list item 2
- list item 2
-
list item 1
list item 1

- -

description list

- -

Description name: Description value
Description name: Description value; Description value
Description name
Description name: Description value

- -

figure

- -

- -

Tabular data

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Jimi Hendrix - albums
Album	Year	Price
Album	Year	Price
Are You Experienced	1967	$10.00
Axis: Bold as Love	1967	$12.00
Electric Ladyland	1968	$10.00
Band of Gypsys	1970	$12.00

- -

Forms

- -

- Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping. -

Text input

Email input

Search input

Tel input

URL input

Password input

File input

- -

Radio input

Checkbox input

Radio input

Checkbox input

- -

Select field

Textarea Textarea text

- -

- Inputs as siblings of labels -

Color input

Number input

Range input

Date input

Month input

Week input

Datetime input

Datetime-local input

- -

Radio input

Checkbox input

Radio input

Checkbox input

- -

Select field

Textarea Textarea text

- -

- Clickable inputs and buttons -

- - -

- -

- box-sizing tests -

- -

- - - From cb6574f44d41f77259705ca02594db736c21a5ac Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Mon, 4 Jun 2012 16:42:24 -0400 Subject: [PATCH 04/11] cleaned up the comments in normalize.css --- normalize.css | 272 ++++++++++---------------------------------------- 1 file changed, 50 insertions(+), 222 deletions(-) diff --git a/normalize.css b/normalize.css index 008b870e8..0b74be82a 100644 --- a/normalize.css +++ b/normalize.css @@ -22,10 +22,6 @@ dl.section-list dt, nav ul, .content, aside, .gallery-icon, .thumbnail, .img-cen /* HTML5 display definitions -------------------------------------------------------------- */ -/* - * Corrects block display not defined in IE6/7/8/9 & FF3 - */ - article, aside, details, @@ -36,38 +32,24 @@ header, hgroup, nav, section, -summary { +summary { /* Corrects block display not defined in IE6/7/8/9 & FF3 */ display: block; } -/* - * Corrects inline-block display not defined in IE6/7/8/9 & FF3 - */ - audio, canvas, -video { +video { /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ display: inline-block; *display: inline; *zoom: 1; } -/* - * Prevents modern browsers from displaying 'audio' without controls - * Remove excess height in iOS5 devices - */ - -audio:not([controls]) { +audio:not([controls]) { /* Prevents modern browsers from displaying 'audio' without controls; Remove excess height in iOS5 devices */ display: none; height: 0; } -/* - * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 - * Known issue: no IE6 support - */ - -[hidden] { +[hidden] { /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4; no IE6 support */ display: none; } @@ -75,39 +57,24 @@ audio:not([controls]) { /* Base -------------------------------------------------------------- */ -/* - * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units - * http://clagnut.com/blog/348/#c790 - * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom - * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ - */ - html { - font-size: 100%; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - -ms-text-size-adjust: 100%; /* 2 */ + font-size: 100%; /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units */ + -webkit-text-size-adjust: 100%; /* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom */ + -ms-text-size-adjust: 100%; /* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom */ } -/* - * Addresses font-family inconsistency between 'textarea' and other form elements. - */ - html, body, button, button *, input, select, -textarea { +textarea { /* Addresses font-family inconsistency between 'textarea' and other form elements. */ font-family: sans-serif; font-size: 1em; line-height: 1.5em; } -/* - * Addresses margins handled incorrectly in IE6/7 - */ - -body { +body { /* Addresses margins handled incorrectly in IE6/7 */ margin: 0; } @@ -115,21 +82,12 @@ body { /* Links -------------------------------------------------------------- */ -/* - * Addresses outline displayed oddly in Chrome - */ - -a:focus { +a:focus { /* Addresses outline displayed oddly in Chrome */ outline: thin dotted; } -/* - * Improves readability when focused and also mouse hovered in all browsers - * people.opera.com/patrickl/experiments/keyboard/test - */ - a:hover, -a:active { +a:active { /* Improves readability when focused and also mouse hovered in all browsers */ outline: 0; } @@ -185,20 +143,12 @@ h4 { padding-top: 1.33em; } -/* - * Addresses styling not present in IE7/8/9, S5, Chrome - */ - -abbr[title] { +abbr[title] { /* Addresses styling not present in IE7/8/9, S5, Chrome */ border-bottom: 1px dotted; } -/* - * Addresses style set to 'bolder' in FF3+, S4/5, Chrome -*/ - b, -strong { +strong { /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ font-weight: bold; } @@ -206,73 +156,43 @@ blockquote { margin: 1em 40px; } -/* - * Addresses styling not present in S5, Chrome - */ - -dfn { +dfn { /* Addresses styling not present in S5, Chrome */ font-style: italic; } -/* - * Addresses styling not present in IE6/7/8/9 - */ - -mark { +mark { /* Addresses styling not present in IE6/7/8/9 */ background: #ff0; color: #000; } -/* - * Addresses margins set differently in IE6/7 - */ - p, -pre { +pre { /* Addresses margins set differently in IE6/7 */ margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; } -/* - * Corrects font family set oddly in IE6, S4/5, Chrome - * en.wikipedia.org/wiki/User:Davidgothberg/Test59 - */ - pre, code, kbd, -samp { +samp { /* Corrects font family set oddly in IE6, S4/5, Chrome */ font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } -/* - * Improves readability of pre-formatted text in all browsers - */ - -pre { +pre { /* Improves readability of pre-formatted text in all browsers */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; } -/* - * 1. Addresses CSS quotes not supported in IE6/7 - * 2. Addresses quote property not supported in S4 - */ - -/* 1 */ - -q { +q { /* 1. Addresses CSS quotes not supported in IE6/7 */ quotes: none; } -/* 2 */ - q:before, -q:after { +q:after { /* 2. Addresses quote property not supported in S4 */ content: ''; content: none; } @@ -290,13 +210,8 @@ small { line-height: 1.16em; } -/* - * Prevents sub and sup affecting line-height in all browsers - * gist.github.com/413930 - */ - sub, -sup { +sup { /* Prevents sub and sup affecting line-height in all browsers */ font-size: 0.75em; line-height: 0; position: relative; @@ -315,14 +230,10 @@ sub { /* Lists -------------------------------------------------------------- */ -/* - * Addresses margins set differently in IE6/7 - */ - dl, menu, ol, -ul { +ul { /* Addresses margins set differently in IE6/7 */ margin: 0; list-style:outside disc; padding-left: 1.5em; @@ -355,22 +266,14 @@ dd { padding-bottom: 0.5em; } -/* - * Addresses paddings set differently in IE6/7 - */ - menu, ol, -ul { +ul { /* Addresses paddings set differently in IE6/7 */ padding: 0 0 0 2em; } -/* - * Corrects list images handled incorrectly in IE7 - */ - nav ul, -nav ol { +nav ol { /* Corrects list images handled incorrectly in IE7 */ list-style: none; list-style-image: none; padding-left: 0; @@ -402,12 +305,6 @@ blockquote p.author:before { /* Images, Figures & Embedded content -------------------------------------------------------------- */ -/* - * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 - * 2. Improves image quality when scaled in IE7 - * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ - */ - img, iframe, embed, @@ -424,8 +321,8 @@ video { } img { - border: 0; /* 1 */ - -ms-interpolation-mode: bicubic; /* 2 */ + border: 0; /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 */ + -ms-interpolation-mode: bicubic; /* 2. Improves image quality when scaled in IE7 */ height: auto; } @@ -462,19 +359,11 @@ figure > a:hover.caption { opacity: 1; } -/* - * Addresses margin not present in IE6/7/8/9, S5, O11 - */ - -figure { +figure { /* Addresses margin not present in IE6/7/8/9, S5, O11 */ margin: 0; } -/* - * Corrects overflow displayed oddly in IE9 - */ - -svg:not(:root) { +svg:not(:root) { /* Corrects overflow displayed oddly in IE9 */ overflow: hidden; } @@ -482,19 +371,11 @@ svg:not(:root) { /* Forms -------------------------------------------------------------- */ -/* - * Corrects margin displayed oddly in IE6/7 - */ - -form { +form { /* Corrects margin displayed oddly in IE6/7 */ margin: 0; } -/* - * Define consistent border, margin, and padding - */ - -fieldset { +fieldset { /* Define consistent border, margin, and padding */ border: none; margin: 0; padding-bottom: 0.5em; @@ -553,44 +434,28 @@ label.for-boxes { } } -/* - * 1. Corrects color not being inherited in IE6/7/8/9 - * 2. Corrects text not wrapping in FF3 - * 3. Corrects alignment displayed oddly in IE6/7 - */ - legend { - border: 0; /* 1 */ + border: 0; /* 1. Corrects color not being inherited in IE6/7/8/9 */ padding: 0; - white-space: normal; /* 2 */ - *margin-left: -7px; /* 3 */ + white-space: normal; /* 2. Corrects text not wrapping in FF3 */ + *margin-left: -7px; /* 3. Corrects alignment displayed oddly in IE6/7 */ } -/* - * 1. Corrects font size not being inherited in all browsers - * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome - * 3. Improves appearance and consistency in all browsers - */ - button, input, select, textarea { - font-size: 100%; /* 1 */ - margin: 0; /* 2 */ - vertical-align: baseline; /* 3 */ - *vertical-align: middle; /* 3 */ + font-size: 100%; /* 1. Corrects font size not being inherited in all browsers */ + margin: 0; /* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome */ + vertical-align: baseline; /* 3. Improves appearance and consistency in all browsers */ + *vertical-align: middle; /* 3. Improves appearance and consistency in all browsers */ } -/* - * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet - */ - input { border: medium none; margin: 0; padding: 0; - line-height: normal; /* 1 */ + line-height: normal; /* 1. Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ } input[type="text"], input[type="number"], input[type="date"] { @@ -682,19 +547,12 @@ select { margin-right: 0px; } -/* - * 1. Addresses box sizing set to content-box in IE8/9 - * 2. Removes excess padding in IE8/9 - * 3. Removes excess padding in IE7 - Known issue: excess padding remains in IE6 - */ - input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ - *height: 0.8125em; /* 3 */ - *width: 0.8125em; /* 3 */ + box-sizing: border-box; /* 1. Addresses box sizing set to content-box in IE8/9 */ + padding: 0; /* 2. Removes excess padding in IE8/9 */ + *height: 0.8125em; /* 3. Removes excess padding in IE7; excess padding remains in IE6 */ + *width: 0.8125em; /* 3. Removes excess padding in IE7; excess padding remains in IE6 */ margin-left: 1.5%; top: 0.125em; vertical-align: middle; @@ -705,42 +563,26 @@ input[type="radio"] { background: none repeat scroll 0 0 #eeeeee; } -/* - * 1. Addresses appearance set to searchfield in S5, Chrome - * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) - */ - input[type="search"] { - -webkit-appearance: textfield; /* 1 */ + -webkit-appearance: textfield; /* 1. Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ + -webkit-box-sizing: content-box; /* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box; } -/* - * Removes inner padding and search cancel button in S5, Chrome on OS X - */ - input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; + -webkit-appearance: none; /* Removes inner padding and search cancel button in S5, Chrome on OS X */ } -/* - * 1. Improves usability and consistency of cursor style between image-type 'input' and others - * 2. Corrects inability to style clickable 'input' types in iOS - * 3. Removes inner spacing in IE7 without affecting normal text inputs - * Known issue: inner spacing remains in IE6 - */ - button, .btn, input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; /* 1 */ - -webkit-appearance: button; /* 2 */ - *overflow: visible; /* 3 */ + cursor: pointer; /* 1. Improves usability and consistency of cursor style between image-type 'input' and others */ + -webkit-appearance: button; /* 2. Corrects inability to style clickable 'input' types in iOS */ + *overflow: visible; /* 3. Removes inner spacing in IE7 without affecting normal text inputs; inner spacing remains in IE6 */ background-color: #555555; border: medium none; display: inline-block; @@ -761,11 +603,6 @@ input[disabled] { cursor: default; } -/* - * Removes inner padding and border in FF3+ - * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ - */ - button::-moz-focus-inner, input::-moz-focus-inner { border: 0; /* overrides extra padding in Firefox */ @@ -814,14 +651,9 @@ button span, background-image: -moz-linear-gradient( center bottom, rgb(204,204,204) 16%, rgb(221,221,221) 58% ); } -/* - * 1. Removes default vertical scrollbar in IE6/7/8/9 - * 2. Improves readability and alignment in all browsers - */ - textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ + overflow: auto; /* 1. Removes default vertical scrollbar in IE6/7/8/9 */ + vertical-align: top; /* 2. Improves readability and alignment in all browsers */ background: url("assets/BG-textarea.png") repeat scroll left -2px #FFFFFF; border: medium none; color: black; @@ -892,10 +724,6 @@ color: #ffffff; /* Tables -------------------------------------------------------------- */ -/* - * Remove most spacing between table cells - */ - table { border-collapse: collapse; border-spacing: 0; From 3d7cb4034c4a595123c07c0adeb83ce701718f0f Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Wed, 13 Jun 2012 18:06:20 -0400 Subject: [PATCH 05/11] minor cahnge, took out the TypeKit reset as it should be the first thing in the head of the document --- normalize.css | 9 --------- 1 file changed, 9 deletions(-) diff --git a/normalize.css b/normalize.css index 0b74be82a..174d5b6e0 100644 --- a/normalize.css +++ b/normalize.css @@ -1,10 +1,6 @@ /* TypeKit set-up -------------------------------------------------------------- */ -html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small { - opacity: 0; -} - .wf-active p { overflow: hidden; } @@ -105,11 +101,6 @@ h4 a { ::selection, ::-moz-selection {} -/* - * Addresses font sizes and margins set differently in IE6/7 - * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 - */ - h1, h2, h3, From 1309eb1eaca79d391dbaa68821a85ba57feff74b Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Wed, 13 Jun 2012 18:14:51 -0400 Subject: [PATCH 06/11] test 1 --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index ad3d7daf0..5af883ade 100644 --- a/style.css +++ b/style.css @@ -8,7 +8,7 @@ ul#grid li{background:url("css/assets/BG-grid.gif") repeat scroll left top red;h ul#grid li:first-child{margin-left:2.5%} -/* MOBILE +/* MOBILE Test -------------------------------------------------------------- */ @media screen and (max-width: 592px) { From b250349017c71d88c88f12744cf7fbdb4100ec83 Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Wed, 13 Jun 2012 18:18:16 -0400 Subject: [PATCH 07/11] test 1, undo --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 5af883ade..ad3d7daf0 100644 --- a/style.css +++ b/style.css @@ -8,7 +8,7 @@ ul#grid li{background:url("css/assets/BG-grid.gif") repeat scroll left top red;h ul#grid li:first-child{margin-left:2.5%} -/* MOBILE Test +/* MOBILE -------------------------------------------------------------- */ @media screen and (max-width: 592px) { From 203e2c6efabd62dffea992d8be4072669d49b549 Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Thu, 14 Jun 2012 15:07:18 -0400 Subject: [PATCH 08/11] minor chagne to make the footer stick to the bottom --- global.css | 3 ++- normalize.css | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/global.css b/global.css index df26d2e47..a4c699c28 100644 --- a/global.css +++ b/global.css @@ -198,6 +198,7 @@ nav ul li:last-child { margin: 0 0 3em; padding-bottom: 1em; padding-top: 0.5em; + border-top: 1px solid #ffffff; } .main { @@ -357,7 +358,7 @@ footer { border-top: 1px solid; font-size: 0.75em; height: 4em; - margin: -4em auto 0; + margin: -4.08333333em auto 0; min-width:1026px; max-width:1200px; padding: 0; diff --git a/normalize.css b/normalize.css index 174d5b6e0..2b2e9e320 100644 --- a/normalize.css +++ b/normalize.css @@ -70,8 +70,9 @@ textarea { /* Addresses font-family inconsistency between 'textarea' and other f line-height: 1.5em; } -body { /* Addresses margins handled incorrectly in IE6/7 */ +html, body { /* Addresses margins handled incorrectly in IE6/7 */ margin: 0; + height: 100%; } From b029c45bf67a23eecd775a3f764c9d9040af1d47 Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Thu, 14 Jun 2012 15:35:31 -0400 Subject: [PATCH 09/11] minor changes --- global.css | 1 + 1 file changed, 1 insertion(+) diff --git a/global.css b/global.css index a4c699c28..046eb31c4 100644 --- a/global.css +++ b/global.css @@ -114,6 +114,7 @@ body { } .wrapper { + background: #ffffff; margin: 0 auto; min-height: 100%; min-width:1026px; From 666fd121f1a77eaa0b81eaf9c4630088cbb6658d Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Thu, 2 Aug 2012 15:44:44 -0400 Subject: [PATCH 10/11] updated ie files --- ie7.css | 10 ++++------ ie9.css | 7 ++----- lte-ie8.css | 10 ++++------ 3 files changed, 10 insertions(+), 17 deletions(-) diff --git a/ie7.css b/ie7.css index 2cc6fd66e..845bc3ba1 100644 --- a/ie7.css +++ b/ie7.css @@ -1,13 +1,11 @@ -html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small {filter: alpha(opacity=0);} - -/* IE-7 TYPOGRAPHY +/* IE-7 NORMALIZE -------------------------------------------------------------- */ -/* IE-7 FORMS --------------------------------------------------------------- */ +html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small {filter: alpha(opacity=0);} + /* IE-7 GLOBAL -------------------------------------------------------------- */ -/* IE-7 STYLEs +/* IE-7 LAYOUT -------------------------------------------------------------- */ \ No newline at end of file diff --git a/ie9.css b/ie9.css index 902e627fb..a77cf6e59 100644 --- a/ie9.css +++ b/ie9.css @@ -1,11 +1,8 @@ -/* IE-9 TYPOGRAPHY --------------------------------------------------------------- */ - -/* IE-9 FORMS +/* IE-9 NORMALIZE -------------------------------------------------------------- */ /* IE-9 GLOBAL -------------------------------------------------------------- */ -/* IE-9 STYLEs +/* IE-9 LAYOUT -------------------------------------------------------------- */ \ No newline at end of file diff --git a/lte-ie8.css b/lte-ie8.css index b75b435c3..855018f61 100644 --- a/lte-ie8.css +++ b/lte-ie8.css @@ -1,13 +1,11 @@ -html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} - -/* IE-lte-8 TYPOGRAPHY +/* IE-lte-8 NORMALIZE -------------------------------------------------------------- */ -/* IE-lte-8 FORMS --------------------------------------------------------------- */ +html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} + /* IE-lte-8 GLOBAL -------------------------------------------------------------- */ -/* IE-lte-8 STYLEs +/* IE-lte-8 LAYOUT -------------------------------------------------------------- */ \ No newline at end of file From 244388c96a1da828847285fb8b093828ec8b1497 Mon Sep 17 00:00:00 2001 From: Danyl Sobolev Date: Sat, 9 Nov 2013 03:28:01 -0500 Subject: [PATCH 11/11] updated for IE10 --- lte-ie10.css | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 lte-ie10.css diff --git a/lte-ie10.css b/lte-ie10.css new file mode 100644 index 000000000..855018f61 --- /dev/null +++ b/lte-ie10.css @@ -0,0 +1,11 @@ +/* IE-lte-8 NORMALIZE +-------------------------------------------------------------- */ + +html.wf-loading details, html.wf-loading figcaption, html.wf-loading h1, html.wf-loading h2, html.wf-loading h3, html.wf-loading h4, html.wf-loading h5, html.wf-loading h6, html.wf-loading p, html.wf-loading blockquote, html.wf-loading dfn, html.wf-loading mark, html.wf-loading pre, html.wf-loading code, html.wf-loading kbd, html.wf-loading samp, html.wf-loading q, html.wf-loading sub, html.wf-loading sup, html.wf-loading li, html.wf-loading a, html.wf-loading span, html.wf-loading td, html.wf-loading th, html.wf-loading legend, html.wf-loading label, html.wf-loading button, html.wf-loading input, html.wf-loading select, html.wf-loading textarea, html.wf-loading small {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} + + +/* IE-lte-8 GLOBAL +-------------------------------------------------------------- */ + +/* IE-lte-8 LAYOUT +-------------------------------------------------------------- */ \ No newline at end of file