> - ID, "hide_title" ) ) ) : ?> - - - - - - - - '' . __( 'Pages:', 'twentyeleven' ) . '', 'after' => '' ) ); ?> - - -
> diff --git a/themes/jquery/content-single.php b/themes/jquery/content-single.php index dc424b6f..b5a004c0 100755 --- a/themes/jquery/content-single.php +++ b/themes/jquery/content-single.php @@ -6,8 +6,6 @@ > - - diff --git a/themes/jquery/css/base.css b/themes/jquery/css/base.css index 8cb1c789..71b35c42 100644 --- a/themes/jquery/css/base.css +++ b/themes/jquery/css/base.css @@ -1,1515 +1,1982 @@ -/* @override - http://stage.plugins.jquery.com/web-base-template/themes/jquery/css/base.css?v=1 - http://stage.jquery.com/web-base-template/themes/jquery/css/base.css?v=1 - http://dev.plugins.jquery.com/web-base-template/themes/jquery/css/base.css?v=1 */ +/* @override + http://jon-mbp.local/~jon/jquery/css/main.css + http://jon-mbp.local/~jon/jquery/css/base.css + http://jquerybase.47dev.com/css/base.css + http://nate-mbp.local/~natecroft/jquery/css/base.css */ + + +/*! normalize.css v1.0.1 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +/* + * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/* + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, + * and Safari 4. + * Known issue: no IE 6 support. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* + * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + * 2. Prevents iOS text size adjust after orientation change, without disabling + * user zoom. + */ +html { + font-size: 100%; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} -@import url("font-awesome.css"); +/* + * Addresses `font-family` inconsistency between `textarea` and other form + * elements. + */ -@font-face { - font-family: 'JournalRegular'; - src: url('fonts/journal-webfont.eot'); - src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/journal-webfont.woff') format('woff'), - url('fonts/journal-webfont.ttf') format('truetype'), - url('fonts/journal-webfont.svg#JournalRegular') format('svg'); - font-weight: normal; - font-style: normal; +html, +button, +input, +select, +textarea { + font-family: sans-serif; } -/*******************************************************************************/ -/* Reset */ -/*******************************************************************************/ +/* + * Addresses margins handled incorrectly in IE 6/7. + */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, -blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, -q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, -th, td, article, aside, canvas, details, figcaption, figure, footer, header, -hgroup, menu, nav, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; +body { + margin: 0; } -*:focus { - outline: 1px dotted #FFF; -} +/* ========================================================================== + Links + ========================================================================== */ -/* Darker focus border inside #body where the background is white-ish: */ -#body *:focus { - outline-color: #666; -} +/* + * Addresses `outline` inconsistency between Chrome and other browsers. + */ -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; +a:focus { + outline: thin dotted; } -nav ul { - list-style: none; -} +/* + * Improves readability when focused and also mouse hovered in all browsers. + */ -blockquote, q { - quotes: none; +a:active, +a:hover { + outline: 0; } -blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; -} +/* ========================================================================== + Typography + ========================================================================== */ -a { - margin: 0; - padding: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; -} +/* + * Addresses font sizes and margins set differently in IE 6/7. + * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, + * and Chrome. + */ -ins { - background-color: #ff9; - color: #000; - text-decoration: none; +h1 { + font-size: 2em; + margin: 0 0 0.67em; } -mark { - background-color: #ff9; - color: #000; - font-style: italic; - font-weight: bold; +h2 { + font-size: 1.5em; + margin: 0 0 0.83em; } -del { - text-decoration: line-through; +h3 { + font-size: 1.17em; + margin: 0 0 1em; } -abbr[title], dfn[title] { - border-bottom: 1px dotted; - cursor: help; +h4 { + font-size: 1em; + margin: 0 0 1.33em; } -table { - border-collapse: collapse; - border-spacing: 0; +h5 { + font-size: 0.83em; + margin: 0 0 1.67em; } -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; +h6 { + font-size: 0.75em; + margin: 0 0 2.33em; } -input, select { - vertical-align: middle; -} +/* + * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} -/*******************************************************************************/ -/* Global Selectors & Classes */ -/*******************************************************************************/ +/* + * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. + */ -html, body { - width: 100%; +b, +strong { + font-weight: bold; } -html { - height: 100%; - background: #444; +blockquote { + margin: 1em 40px; } -body { - position: relative; - width: 100%; - min-height: 100%; - display: block; - color: #333; - font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; - font-size: 15px; - line-height: 1.6em; /*1.6 * 15px = 24px*/ - -webkit-font-smoothing: antialiased; -} +/* + * Addresses styling not present in Safari 5 and Chrome. + */ -h1 { - letter-spacing: -1px; - font: bold 33px/33px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; +dfn { + font-style: italic; } -h2, h3, h4 { - margin: 0 0 15px 0; -} +/* + * Addresses styling not present in IE 6/7/8/9. + */ -h2 { - font: bold 23px/23px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; +mark { + background: #ff0; + color: #000; } -h3 { - font: bold 20px/20px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; - color: #666; -} +/* + * Addresses margins set differently in IE 6/7. + */ -h4 { - font-size: 14px; +p, +pre { + margin: 1em 0; } -p, ul, ol { - line-height: 18px; - margin: 1em 0; -} +/* + * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. + */ -ul li, ol li { - padding: 0 0 0 5px; - margin: 0 0 0 20px; +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; } -hr { - clear: both; - border: 0; - border-bottom: 1px solid #ccc; - width: 100%; -} +/* + * Improves readability of pre-formatted text in all browsers. + */ -hr.dark { - border-bottom: 1px solid #777777; +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; } -hr.light { - border-bottom: 1px solid #e5e5e5; -} +/* + * Addresses CSS quotes not supported in IE 6/7. + */ -hr.dots { - height: 10px; - background-color: #eee; - background: - radial-gradient(circle, #eee 1px, transparent 0), - radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background: - -webkit-radial-gradient(circle, #eee 1px, transparent 0), - -webkit-radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background: - -moz-radial-gradient(circle, #eee 1px, transparent 0), - -moz-radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background: - -o-radial-gradient(circle, #eee 1px, transparent 0), - -o-radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background-size:3px 3px; - border: none; +q { + quotes: none; } -.clearBoth { - clear: both; - width: 100%; - display: block; - height: 1px; -} +/* + * Addresses `quotes` property not supported in Safari 4. + */ -.alignLeft { - float: left; +q:before, +q:after { + content: ''; + content: none; } -.alignRight { - float: right; -} +/* + * Addresses inconsistent and variable font size in all browsers. + */ -.constrain { - max-width: 1200px; - margin: 0 auto; - padding: 0 20px; +small { + font-size: 80%; } -.border { - border-bottom: 1px solid #333; -} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ -.underline { - border-bottom: 1px solid #bfbfbf; - padding-bottom: 10px; +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } -.visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; +sup { + top: -0.5em; } -/*******************************************************************************/ -/* Icons */ -/*******************************************************************************/ -.icon { - display: block; - width: 20px; - height: 20px; - background: url(../i/icons.png) no-repeat; +sub { + bottom: -0.25em; } -.rss { - background: url(../i/icon-rss.png) no-repeat 100% 0; - padding: 0 20px 0 0; -} +/* ========================================================================== + Lists + ========================================================================== */ -.external { - background: url(../i/external.png) no-repeat 100% 2px; - padding: 0 12px 0 0; -} +/* + * Addresses margins set differently in IE 6/7. + */ -/*******************************************************************************/ -/* Clearfix -/*******************************************************************************/ -.clearfix:before, .clearfix:after { - content: "\0020"; - display: block; - height: 0; - visibility: hidden; +dl, +menu, +ol, +ul { + margin: 0 0 1em; } -.clearfix:after { - clear: both; +dd { + margin: 0 0 0 40px; } -.clearfix { - zoom: 1 -} +/* + * Addresses paddings set differently in IE 6/7. + */ -/*******************************************************************************/ -/* Article content -/*******************************************************************************/ -.example { - margin-bottom: 15px; - background: #eee; +menu, +ol, +ul { + padding: 0; } -.example .caption { - padding: .5em 0 .5em 33px; - font-style: italic; - color: #666; - text-shadow: 0 1px 1px #fff; - background: #e5e5e5; - border: 1px solid #ccc; - border-bottom: none; -} +/* + * Corrects list images handled incorrectly in IE 7. + */ -.entry-meta { - clear: left; - color: #999; - font-size: 12px; - margin: 20px 0; +nav ul, +nav ol { + list-style: none; + list-style-image: none; } -.comments-link-top a, -.comments-link-top span { - font-size: 12px; - float: right; -} +/* ========================================================================== + Embedded content + ========================================================================== */ -.post { - padding-bottom: 20px; -} +/* + * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. + * 2. Improves image quality when scaled in IE 7. + */ -/*******************************************************************************/ -/* Syntax */ -/*******************************************************************************/ -code { - background: #e7e7e7; - padding: 1px 2px; - border-radius: 2px; -} - -iframe { - border: 1px solid #bfbfbf; - padding: 1px; -} - -/*******************************************************************************/ -/* Syntax Highlighting*/ -/* Core Styles */ -/* https://github.com/alexgorbatchev/SyntaxHighlighter/blob/master/styles/shCoreMidnight.css */ -/*******************************************************************************/ -.syntaxhighlighter a, -.syntaxhighlighter div, -.syntaxhighlighter code, -.syntaxhighlighter table, -.syntaxhighlighter table td, -.syntaxhighlighter table tr, -.syntaxhighlighter table tbody, -.syntaxhighlighter table thead, -.syntaxhighlighter table caption, -.syntaxhighlighter textarea { - border-radius: 0 0 0 0 !important; - background: none !important; - border: 0 !important; - bottom: auto !important; - float: none !important; - height: auto !important; - left: auto !important; - line-height: 1.1em !important; - margin: 0 !important; - outline: 0 !important; - overflow: visible !important; - padding: 0 !important; - position: static !important; - right: auto !important; - text-align: left !important; - top: auto !important; - vertical-align: baseline !important; - width: auto !important; - box-sizing: content-box !important; - font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; - font-weight: normal !important; - font-style: normal !important; - font-size: 1em !important; - min-height: inherit !important; - min-height: auto !important; -} - -.syntaxhighlighter { - width: 100% !important; - margin: 1em 0 1em 0 !important; - padding: 1em 0; - position: relative !important; - overflow: auto !important; - font-size: 1em !important; -} -.syntaxhighlighter.source { - overflow: hidden !important; -} -.syntaxhighlighter .bold { - font-weight: bold !important; -} -.syntaxhighlighter .italic { - font-style: italic !important; -} -.syntaxhighlighter .line { - white-space: pre !important; -} -.syntaxhighlighter table { - width: 100% !important; -} -.syntaxhighlighter table caption { - text-align: left !important; - padding: .5em 0 0.5em 1em !important; -} -.syntaxhighlighter table td.code { - width: 100% !important; -} -.syntaxhighlighter table td.code .container { - position: relative !important; -} -.syntaxhighlighter table td.code .container textarea { - box-sizing: border-box !important; - position: absolute !important; - left: 0 !important; - top: 0 !important; - width: 100% !important; - height: 100% !important; - border: none !important; - background: white !important; - padding-left: 1em !important; - overflow: hidden !important; - white-space: pre !important; -} -.syntaxhighlighter table td.gutter .line { - text-align: right !important; - padding: 0 0.5em 0 1em !important; -} -.syntaxhighlighter table td.code .line { - padding: 0 1em !important; -} -.syntaxhighlighter.nogutter td.code .container textarea, -.syntaxhighlighter.nogutter td.code .line { - padding-left: 0em !important; -} -.syntaxhighlighter.show { - display: block !important; -} -.syntaxhighlighter.collapsed table { - display: none !important; -} -.syntaxhighlighter.collapsed .toolbar { - padding: 0.1em 0.8em 0em 0.8em !important; - font-size: 1em !important; - position: static !important; - width: auto !important; - height: auto !important; -} -.syntaxhighlighter.collapsed .toolbar span { - display: inline !important; - margin-right: 1em !important; -} -.syntaxhighlighter.collapsed .toolbar span a { - padding: 0 !important; - display: none !important; -} -.syntaxhighlighter.collapsed .toolbar span a.expandSource { - display: inline !important; -} -.syntaxhighlighter .toolbar { - position: absolute !important; - right: 1px !important; - top: 1px !important; - width: 11px !important; - height: 11px !important; - font-size: 10px !important; - z-index: 10 !important; -} -.syntaxhighlighter .toolbar span.title { - display: inline !important; -} -.syntaxhighlighter .toolbar a { - display: block !important; - text-align: center !important; - text-decoration: none !important; - padding-top: 1px !important; -} -.syntaxhighlighter .toolbar a.expandSource { - display: none !important; -} -.syntaxhighlighter.ie { - font-size: .9em !important; - padding: 1px 0 1px 0 !important; -} -.syntaxhighlighter.ie .toolbar { - line-height: 8px !important; -} -.syntaxhighlighter.ie .toolbar a { - padding-top: 0px !important; -} -.syntaxhighlighter.printing .line.alt1 .content, -.syntaxhighlighter.printing .line.alt2 .content, -.syntaxhighlighter.printing .line.highlighted .number, -.syntaxhighlighter.printing .line.highlighted.alt1 .content, -.syntaxhighlighter.printing .line.highlighted.alt2 .content { - background: none !important; -} -.syntaxhighlighter.printing .line .number { - color: #bbbbbb !important; -} -.syntaxhighlighter.printing .line .content { - color: black !important; -} -.syntaxhighlighter.printing .toolbar { - display: none !important; -} -.syntaxhighlighter.printing a { - text-decoration: none !important; -} -.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { - color: black !important; -} -.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { - color: #008200 !important; -} -.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { - color: blue !important; -} -.syntaxhighlighter.printing .keyword { - color: #006699 !important; - font-weight: bold !important; -} -.syntaxhighlighter.printing .preprocessor { - color: gray !important; -} -.syntaxhighlighter.printing .variable { - color: #aa7700 !important; -} -.syntaxhighlighter.printing .value { - color: #009900 !important; -} -.syntaxhighlighter.printing .functions { - color: #ff1493 !important; -} -.syntaxhighlighter.printing .constants { - color: #0066cc !important; -} -.syntaxhighlighter.printing .script { - font-weight: bold !important; -} -.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { - color: gray !important; -} -.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { - color: #ff1493 !important; -} -.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { - color: red !important; -} -.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { - color: black !important; +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ } -.syntaxhighlighter { - background-color: #0f192a !important; -} -.syntaxhighlighter .line.alt1 { - background-color: #0f192a !important; -} -.syntaxhighlighter .line.alt2 { - background-color: #0f192a !important; -} -.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { - background-color: #253e5a !important; -} -.syntaxhighlighter .line.highlighted.number { - color: #38566f !important; -} -.syntaxhighlighter table caption { - color: #d1edff !important; -} -.syntaxhighlighter .gutter { - color: #afafaf !important; -} -.syntaxhighlighter .gutter .line { - border-right: 3px solid #435a5f !important; -} -.syntaxhighlighter .gutter .line.highlighted { - background-color: #435a5f !important; - color: #0f192a !important; -} -.syntaxhighlighter.printing .line .content { - border: none !important; -} -.syntaxhighlighter.collapsed { - overflow: visible !important; -} -.syntaxhighlighter.collapsed .toolbar { - color: #428bdd !important; - background: black !important; - border: 1px solid #435a5f !important; -} -.syntaxhighlighter.collapsed .toolbar a { - color: #428bdd !important; -} -.syntaxhighlighter.collapsed .toolbar a:hover { - color: #1dc116 !important; -} -.syntaxhighlighter .toolbar { - color: #d1edff !important; - background: #435a5f !important; - border: none !important; -} -.syntaxhighlighter .toolbar a { - color: #d1edff !important; -} -.syntaxhighlighter .toolbar a:hover { - color: #8aa6c1 !important; -} -.syntaxhighlighter .plain, .syntaxhighlighter .plain a { - color: #d1edff !important; -} -.syntaxhighlighter .comments, .syntaxhighlighter .comments a { - color: #428bdd !important; -} -.syntaxhighlighter .string, .syntaxhighlighter .string a { - color: #1dc116 !important; -} -.syntaxhighlighter .keyword { - color: #b43d3d !important; -} -.syntaxhighlighter .preprocessor { - color: #8aa6c1 !important; -} -.syntaxhighlighter .variable { - color: #ffaa3e !important; -} -.syntaxhighlighter .value { - color: #f7e741 !important; -} -.syntaxhighlighter .functions { - color: #ffaa3e !important; -} -.syntaxhighlighter .constants { - color: #e0e8ff !important; -} -.syntaxhighlighter .script { - font-weight: bold !important; - color: #b43d3d !important; - background-color: none !important; -} -.syntaxhighlighter .color1, .syntaxhighlighter .color1 a { - color: #f8bb00 !important; -} -.syntaxhighlighter .color2, .syntaxhighlighter .color2 a { - color: white !important; -} -.syntaxhighlighter .color3, .syntaxhighlighter .color3 a { - color: #ffaa3e !important; -} +/* + * Corrects overflow displayed oddly in IE 9. + */ -/*******************************************************************************/ -/* SyntaxHighlighter Theme Overrides */ -/*******************************************************************************/ -.syntaxhighlighter { - margin: 0 -10px 1em -10px !important; - width: auto !important; - background-color: #222 !important; -} -.syntaxhighlighter .line.alt1 { - background-color: transparent !important; -} -.syntaxhighlighter .line.alt2 { - background-color: transparent !important; -} -.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { - padding-left: 1em !important; -} -.syntaxhighlighter .plain, .syntaxhighlighter .plain a { - color: #eee !important; -} -.syntaxhighlighter .comments, .syntaxhighlighter .comments a { - color: #5ba1cf !important; -} -.syntaxhighlighter .keyword { - color: #c84 !important; -} -.syntaxhighlighter .color1 { - color: #8df !important; -} -.syntaxhighlighter .string { - color: #9a6 !important; +svg:not(:root) { + overflow: hidden; } -/*******************************************************************************/ -/* Titles */ -/*******************************************************************************/ +/* ========================================================================== + Figures + ========================================================================== */ -h1.title, h1.entry-title, h2.title, h2.entry-title { - text-shadow: 0 1px 1px #fff; - margin: 0 0 20px; -} +/* + * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. + */ -h1.title a, h1.entry-title a, h2.title a, h2.entry-title a { - text-decoration: none; +figure { + margin: 0; } -/*******************************************************************************/ -/* Buttons */ -/*******************************************************************************/ +/* ========================================================================== + Forms + ========================================================================== */ -.btn { - padding: 5px 10px; - display: block; - margin: 0 15px 15px 0; - float: left; - border: 1px solid #bfbfbf; - text-decoration: none; - text-shadow: 0 1px 1px #fff; - border-radius: 3px; - background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#d5d5d5)); - background: -moz-linear-gradient(top, #e5e5e5, #d5d5d5); - background: -o-linear-gradient(top, #e5e5e5, #d5d5d5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d5d5d5'); -} +/* + * Corrects margin displayed oddly in IE 6/7. + */ -.btn:hover { - text-shadow: 0 -1px 1px #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#e5e5e5)); - background: -moz-linear-gradient(top, #d5d5d5, #e5e5e5); - background: -o-linear-gradient(top, #d5d5d5, #e5e5e5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#e5e5e5'); +form { + margin: 0; } -.btn.blue { - color: #fff; - text-shadow: 0 -1px 1px #000; - background: -webkit-gradient(linear, left top, left bottom, from(#3492d5), to(#065791)); - background: -moz-linear-gradient(top, #3492d5, #065791); - background: -o-linear-gradient(top, #3492d5, #065791); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3492d5', endColorstr='#065791'); - border-color: #065791; -} +/* + * Define consistent border, margin, and padding. + */ -.btn.blue:hover { - text-shadow: 0 1px 1px #000; - background: -webkit-gradient(linear, left top, left bottom, from(#065791), to(#3492d5)); - background: -moz-linear-gradient(top, #065791, #3492d5); - background: -o-linear-gradient(top, #065791, #3492d5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#065791', endColorstr='#3492d5'); +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } -.btn:before, .btn:after { - content: "\0020"; - display: block; - height: 0; - visibility: hidden; -} +/* + * 1. Corrects color not being inherited in IE 6/7/8/9. + * 2. Corrects text not wrapping in Firefox 3. + * 3. Corrects alignment displayed oddly in IE 6/7. + */ -.btn:after { - clear: both; +legend { + border: 0; /* 1 */ + padding: 0; + white-space: normal; /* 2 */ + *margin-left: -7px; /* 3 */ } -.btn { - zoom: 1; +/* + * 1. Corrects font size not being inherited in all browsers. + * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, + * and 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 */ } -.inset-btn { - background: #999; - border-radius: 3px; - -webkit-box-shadow: inset 1px 1px 1px #666; - box-shadow: inset 1px 1px 1px #666; - color: #FFF !important; - display: inline-block; - font-weight: bold; - text-align: center; - text-decoration: none; - text-shadow: 0 1px 0 rgba(0,0,0,0.3); - padding: 6px 8px; +/* + * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; } -a.button { - background-color: #d18f4f; +/* + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Corrects inability to style clickable `input` types in iOS. + * 3. Improves usability and consistency of cursor style between image-type + * `input` and others. + * 4. Removes inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ - border-radius: 5px; - border: 1px solid #999; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.28), - inset 0px 1px 0px #f5d9bd, - inset 0px -1px 0px #f5d9bd, - inset 1px 0px 0px #f5d9bd, - inset -1px 1px 0px #f5d9bd; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.28), - inset 0px 1px 0px #f5d9bd, - inset 0px -1px 0px #f5d9bd, - inset 1px 0px 0px #f5d9bd, - inset -1px 1px 0px #f5d9bd; - text-decoration: none; - color: #fff !important; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); - padding: 5px 12px; - font: bold 16px/16px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ + *overflow: visible; /* 4 */ } -a.button:hover { - background-color: #cc8540; +/* + * Re-set default cursor for disabled elements. + */ + +button[disabled], +input[disabled] { + cursor: default; } -/*******************************************************************************/ -/* Grid -/*******************************************************************************/ +/* + * 1. Addresses box sizing set to content-box in IE 8/9. + * 2. Removes excess padding in IE 8/9. + * 3. Removes excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ -.col, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { - float: left; - padding-right: 3%; +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ } -.col4-1 { width: 21% } -.col4-2 { width: 47% } -.col4-3 { width: 72% } +/* + * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ -.col7-1 { width: 15.2% } -.col7-2 { width: 27% } -.col7-3 { width: 40.9% } +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} -.col3-1 { width: 30% } -.col3-2 { width: 63% } +/* + * Removes inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} -.col2-1 { width: 47% } +/* + * Removes inner padding and border in Firefox 3+. + */ -.col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { - margin-left: 0; - clear: left; +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE 6/7/8/9. + * 2. Improves readability and alignment in all browsers. + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ } -/*******************************************************************************/ -/* Project Specific Classes */ -/*******************************************************************************/ +/* ========================================================================== + Tables + ========================================================================== */ -/*******************************************************************************/ -/* Default */ -/*******************************************************************************/ -a { color: #0d619c; } +/* + * Remove most spacing between table cells. + */ -a:hover { - color: #333; +table { + border-collapse: collapse; + border-spacing: 0; } + + -#site-footer a { - color: #fff; - text-decoration: none; +/* HTML5 Boilerplate styles + ========================================================================== */ + +/* Basic Styles from HTML5 Boilerplate http://h5bp.com (generated via initializr.com)*/ + +html, +button, +input, +select, +textarea { + color: #222; } -.home .post, -.search .post, -.category .post { - padding: 10px 10px 10px 20px; - margin: 20px 0; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 5px; - background-color: #eeeeee; - position: relative; +::-moz-selection { + background: #b3d4fc; + text-shadow: none; } -.home .post .entry-title, -.search .post .entry-title, -.category .post .entry-title { - font-size: 140%; - margin-bottom: .2em; +::selection { + background: #b3d4fc; + text-shadow: none; } -.home .post header .entry-meta, -.search .post header .entry-meta, -.category .post header .entry-meta { - float: right; - margin: 0; +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; } -.home .post header .entry-meta .category, -.search .post header .entry-meta .category, -.category .post header .entry-meta .category { - padding: 3px; - margin-left: 5px; - background-color: #dddddd; - border: 1px solid #dddddd; - border-radius: 5px; +img { + vertical-align: middle; + max-width: 100%; } -.home .post header .entry-meta .category:hover, -.search .post header .entry-meta .category:hover, -.category .post header .entry-meta .category:hover { - background-color: #cccccc; +fieldset { + border: 0; + margin: 0; + padding: 0; } -.home .post header .entry-meta .category a, -.search .post header .entry-meta .category a, -.category .post header .entry-meta .category a { - color: #888888; - text-decoration: none; +textarea { + resize: vertical; } -.home .post .category-divider, -.search .post .category-divider, -.category .post .category-divider { - display: none; +.chromeframe { + margin: 0.2em 0; + background: #ccc; + color: #000; + padding: 0.2em 0; } -/*******************************************************************************/ -/* API Sites */ -/*******************************************************************************/ +/* @Fontface + ========================================================================== */ + +/* Add the Journal typeface to your CSS by including `JournalRegular` in the family font-stack. Font Awesome info next. + + I'm a Journal Header + +Additionally, Proxima Nova is served via Typekit for global use. Add `proxima-nova` to the fontstack. -.entry { - margin: 30px 0; + Proxima Nova Header +*/ + +@font-face { + font-family: 'JournalRegular'; + src: url('fonts/journal-webfont.eot'); + src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/journal-webfont.woff') format('woff'), + url('fonts/journal-webfont.ttf') format('truetype'), + url('fonts/journal-webfont.svg#JournalRegular') format('svg'); + font-weight: normal; + font-style: normal; } -.entry-wrapper { - border: 1px solid #CCC; - border-top: 0; - padding: 10px; - border-radius: 0 0 5px 5px; + @font-face { + font-family: "FontAwesome"; + src: url('fonts/fontawesome-webfont.eot'); + src: url('fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Font Awesome styles + ========================================================================== */ + +/*FontAwesome icons can be added via the `i` element or onto `h1`, `h2`, `h3`, `li` elements, etc. Some additional CSS styling may need to be done to get it to show up correctly. + + Twitter + +FontAwesome full icon reference found here http://fortawesome.github.com/Font-Awesome/#all-icons +*/ + +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + text-decoration: inherit; +} +a [class^="icon-"], a [class*=" icon-"] { + display: inline-block; + text-decoration: inherit; +} + /* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: top; + font-size: 1.3333333333333333em; +} +.btn [class^="icon-"], .btn [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + + line-height: .9em; +} +li [class^="icon-"], li [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { + /* 1.5 increased font size for icon-large * 1.25 width */ + + width: 1.875em; +} +li[class^="icon-"], li[class*=" icon-"] { + margin-left: 0; + list-style-type: none; +} +li[class^="icon-"]:before, li[class*=" icon-"]:before { + text-indent: -2em; + text-align: center; +} +li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { + text-indent: -1.3333333333333333em; +} + /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { content: "\f000"; } +.icon-music:before { content: "\f001"; } +.icon-search:before { content: "\f002"; } +.icon-envelope:before { content: "\f003"; } +.icon-heart:before { content: "\f004"; } +.icon-star:before { content: "\f005"; } +.icon-star-empty:before { content: "\f006"; } +.icon-user:before { content: "\f007"; } +.icon-film:before { content: "\f008"; } +.icon-th-large:before { content: "\f009"; } +.icon-th:before { content: "\f00a"; } +.icon-th-list:before { content: "\f00b"; } +.icon-ok:before { content: "\f00c"; } +.icon-remove:before { content: "\f00d"; } +.icon-zoom-in:before { content: "\f00e"; } + +.icon-zoom-out:before { content: "\f010"; } +.icon-off:before { content: "\f011"; } +.icon-signal:before { content: "\f012"; } +.icon-cog:before { content: "\f013"; } +.icon-trash:before { content: "\f014"; } +.icon-home:before { content: "\f015"; } +.icon-file:before { content: "\f016"; } +.icon-time:before { content: "\f017"; } +.icon-road:before { content: "\f018"; } +.icon-download-alt:before { content: "\f019"; } +.icon-download:before { content: "\f01a"; } +.icon-upload:before { content: "\f01b"; } +.icon-inbox:before { content: "\f01c"; } +.icon-play-circle:before { content: "\f01d"; } +.icon-repeat:before { content: "\f01e"; } + + /* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { content: "\f021"; } +.icon-list-alt:before { content: "\f022"; } +.icon-lock:before { content: "\f023"; } +.icon-flag:before { content: "\f024"; } +.icon-headphones:before { content: "\f025"; } +.icon-volume-off:before { content: "\f026"; } +.icon-volume-down:before { content: "\f027"; } +.icon-volume-up:before { content: "\f028"; } +.icon-qrcode:before { content: "\f029"; } +.icon-barcode:before { content: "\f02a"; } +.icon-tag:before { content: "\f02b"; } +.icon-tags:before { content: "\f02c"; } +.icon-book:before { content: "\f02d"; } +.icon-bookmark:before { content: "\f02e"; } +.icon-print:before { content: "\f02f"; } + +.icon-camera:before { content: "\f030"; } +.icon-font:before { content: "\f031"; } +.icon-bold:before { content: "\f032"; } +.icon-italic:before { content: "\f033"; } +.icon-text-height:before { content: "\f034"; } +.icon-text-width:before { content: "\f035"; } +.icon-align-left:before { content: "\f036"; } +.icon-align-center:before { content: "\f037"; } +.icon-align-right:before { content: "\f038"; } +.icon-align-justify:before { content: "\f039"; } +.icon-list:before { content: "\f03a"; } +.icon-indent-left:before { content: "\f03b"; } +.icon-indent-right:before { content: "\f03c"; } +.icon-facetime-video:before { content: "\f03d"; } +.icon-picture:before { content: "\f03e"; } + +.icon-pencil:before { content: "\f040"; } +.icon-map-marker:before { content: "\f041"; } +.icon-adjust:before { content: "\f042"; } +.icon-tint:before { content: "\f043"; } +.icon-edit:before { content: "\f044"; } +.icon-share:before { content: "\f045"; } +.icon-check:before { content: "\f046"; } +.icon-move:before { content: "\f047"; } +.icon-step-backward:before { content: "\f048"; } +.icon-fast-backward:before { content: "\f049"; } +.icon-backward:before { content: "\f04a"; } +.icon-play:before { content: "\f04b"; } +.icon-pause:before { content: "\f04c"; } +.icon-stop:before { content: "\f04d"; } +.icon-forward:before { content: "\f04e"; } + +.icon-fast-forward:before { content: "\f050"; } +.icon-step-forward:before { content: "\f051"; } +.icon-eject:before { content: "\f052"; } +.icon-chevron-left:before { content: "\f053"; } +.icon-chevron-right:before { content: "\f054"; } +.icon-plus-sign:before { content: "\f055"; } +.icon-minus-sign:before { content: "\f056"; } +.icon-remove-sign:before { content: "\f057"; } +.icon-ok-sign:before { content: "\f058"; } +.icon-question-sign:before { content: "\f059"; } +.icon-info-sign:before { content: "\f05a"; } +.icon-screenshot:before { content: "\f05b"; } +.icon-remove-circle:before { content: "\f05c"; } +.icon-ok-circle:before { content: "\f05d"; } +.icon-ban-circle:before { content: "\f05e"; } + +.icon-arrow-left:before { content: "\f060"; } +.icon-arrow-right:before { content: "\f061"; } +.icon-arrow-up:before { content: "\f062"; } +.icon-arrow-down:before { content: "\f063"; } +.icon-share-alt:before { content: "\f064"; } +.icon-resize-full:before { content: "\f065"; } +.icon-resize-small:before { content: "\f066"; } +.icon-plus:before { content: "\f067"; } +.icon-minus:before { content: "\f068"; } +.icon-asterisk:before { content: "\f069"; } +.icon-exclamation-sign:before { content: "\f06a"; } +.icon-gift:before { content: "\f06b"; } +.icon-leaf:before { content: "\f06c"; } +.icon-fire:before { content: "\f06d"; } +.icon-eye-open:before { content: "\f06e"; } + +.icon-eye-close:before { content: "\f070"; } +.icon-warning-sign:before { content: "\f071"; } +.icon-plane:before { content: "\f072"; } +.icon-calendar:before { content: "\f073"; } +.icon-random:before { content: "\f074"; } +.icon-comment:before { content: "\f075"; } +.icon-magnet:before { content: "\f076"; } +.icon-chevron-up:before { content: "\f077"; } +.icon-chevron-down:before { content: "\f078"; } +.icon-retweet:before { content: "\f079"; } +.icon-shopping-cart:before { content: "\f07a"; } +.icon-folder-close:before { content: "\f07b"; } +.icon-folder-open:before { content: "\f07c"; } +.icon-resize-vertical:before { content: "\f07d"; } +.icon-resize-horizontal:before { content: "\f07e"; } + +.icon-bar-chart:before { content: "\f080"; } +.icon-twitter-sign:before { content: "\f081"; } +.icon-facebook-sign:before { content: "\f082"; } +.icon-camera-retro:before { content: "\f083"; } +.icon-key:before { content: "\f084"; } +.icon-cogs:before { content: "\f085"; } +.icon-comments:before { content: "\f086"; } +.icon-thumbs-up:before { content: "\f087"; } +.icon-thumbs-down:before { content: "\f088"; } +.icon-star-half:before { content: "\f089"; } +.icon-heart-empty:before { content: "\f08a"; } +.icon-signout:before { content: "\f08b"; } +.icon-linkedin-sign:before { content: "\f08c"; } +.icon-pushpin:before { content: "\f08d"; } +.icon-external-link:before { content: "\f08e"; } + +.icon-signin:before { content: "\f090"; } +.icon-trophy:before { content: "\f091"; } +.icon-github-sign:before { content: "\f092"; } +.icon-upload-alt:before { content: "\f093"; } +.icon-lemon:before { content: "\f094"; } +.icon-phone:before { content: "\f095"; } +.icon-check-empty:before { content: "\f096"; } +.icon-bookmark-empty:before { content: "\f097"; } +.icon-phone-sign:before { content: "\f098"; } +.icon-twitter:before { content: "\f099"; } +.icon-facebook:before { content: "\f09a"; } +.icon-github:before { content: "\f09b"; } +.icon-unlock:before { content: "\f09c"; } +.icon-credit-card:before { content: "\f09d"; } +.icon-rss:before { content: "\f09e"; } + +.icon-hdd:before { content: "\f0a0"; } +.icon-bullhorn:before { content: "\f0a1"; } +.icon-bell:before { content: "\f0a2"; } +.icon-certificate:before { content: "\f0a3"; } +.icon-hand-right:before { content: "\f0a4"; } +.icon-hand-left:before { content: "\f0a5"; } +.icon-hand-up:before { content: "\f0a6"; } +.icon-hand-down:before { content: "\f0a7"; } +.icon-circle-arrow-left:before { content: "\f0a8"; } +.icon-circle-arrow-right:before { content: "\f0a9"; } +.icon-circle-arrow-up:before { content: "\f0aa"; } +.icon-circle-arrow-down:before { content: "\f0ab"; } +.icon-globe:before { content: "\f0ac"; } +.icon-wrench:before { content: "\f0ad"; } +.icon-tasks:before { content: "\f0ae"; } + +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } + +.icon-group:before { content: "\f0c0"; } +.icon-link:before { content: "\f0c1"; } +.icon-cloud:before { content: "\f0c2"; } +.icon-beaker:before { content: "\f0c3"; } +.icon-cut:before { content: "\f0c4"; } +.icon-copy:before { content: "\f0c5"; } +.icon-paper-clip:before { content: "\f0c6"; } +.icon-save:before { content: "\f0c7"; } +.icon-sign-blank:before { content: "\f0c8"; } +.icon-reorder:before { content: "\f0c9"; } +.icon-list-ul:before { content: "\f0ca"; } +.icon-list-ol:before { content: "\f0cb"; } +.icon-strikethrough:before { content: "\f0cc"; } +.icon-underline:before { content: "\f0cd"; } +.icon-table:before { content: "\f0ce"; } + +.icon-magic:before { content: "\f0d0"; } +.icon-truck:before { content: "\f0d1"; } +.icon-pinterest:before { content: "\f0d2"; } +.icon-pinterest-sign:before { content: "\f0d3"; } +.icon-google-plus-sign:before { content: "\f0d4"; } +.icon-google-plus:before { content: "\f0d5"; } +.icon-money:before { content: "\f0d6"; } +.icon-caret-down:before { content: "\f0d7"; } +.icon-caret-up:before { content: "\f0d8"; } +.icon-caret-left:before { content: "\f0d9"; } +.icon-caret-right:before { content: "\f0da"; } +.icon-columns:before { content: "\f0db"; } +.icon-sort:before { content: "\f0dc"; } +.icon-sort-down:before { content: "\f0dd"; } +.icon-sort-up:before { content: "\f0de"; } + +.icon-envelope-alt:before { content: "\f0e0"; } +.icon-linkedin:before { content: "\f0e1"; } +.icon-undo:before { content: "\f0e2"; } +.icon-legal:before { content: "\f0e3"; } +.icon-dashboard:before { content: "\f0e4"; } +.icon-comment-alt:before { content: "\f0e5"; } +.icon-comments-alt:before { content: "\f0e6"; } +.icon-bolt:before { content: "\f0e7"; } +.icon-sitemap:before { content: "\f0e8"; } +.icon-umbrella:before { content: "\f0e9"; } +.icon-paste:before { content: "\f0ea"; } + +.icon-user-md:before { content: "\f200"; } + + + /* Font Awesome + the iconic font designed for use with Twitter Bootstrap + ------------------------------------------------------- + The full suite of pictographic icons, examples, and documentation + can be found at: http://fortawesome.github.com/Font-Awesome/ + + License + ------------------------------------------------------- + The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: + http://creativecommons.org/licenses/by/3.0/ A mention of + 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable + source code is considered acceptable attribution (most common on the web). + If human readable source code is not available to the end user, a mention in + an 'About' or 'Credits' screen is considered acceptable (most common in desktop + or mobile software). + + Contact + ------------------------------------------------------- + Email: dave@davegandy.com + Twitter: http://twitter.com/fortaweso_me + Work: http://lemonwi.se co-founder + + */ + +/* Global Structure + ========================================================================== */ + +body { + -webkit-font-smoothing: antialiased; + color: #333; + font: 15px/20px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; +} + +#container { + background: url(../images/bg-body-jquery.jpg) no-repeat center top #065691; + margin: 0 auto; + padding: 0 20px; + } -.section-title { - background: #333 url(../i/examples-back.png) center -50px no-repeat; - border: 1px solid #111; - padding: 10px 15px; - font-size: 16px; - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); - letter-spacing: 0; - border-radius: 5px 5px 0 0; - font-weight: normal; - margin-bottom: 0; - overflow: hidden; +#body-jquery-ui #container { + background: url(../images/bg-body-ui.jpg) no-repeat center top #bb6e04; } -.returns { - float: right; - font-style: italic; +#body-jquery-mobile #container { + background: url(../images/bg-body-mobile.jpg) no-repeat center top #598611; } -.api-item .returns { - font-size: 16px; - color: #333; - font-weight: normal; -} - -.signatures { - background: #eee; - border: 1px solid #ccc; - margin: 0 auto 30px; - max-width: 750px; - border-radius: 3px; - color: #333; - text-shadow: 0 1px 0 #fff; -} - -.signatures li { - list-style: none; - margin: 0; - padding: 10px; +#body-sizzlejs #container { + background: url(../images/bg-body-sizzlejs.jpg) no-repeat center top #871a1f; } -.signatures h4 { - font-size: 16px; - letter-spacing: 0; - padding: 10px; - margin: -10px -10px 0; - color: #fff; - text-shadow: 0 1px 0 #444; +#body-qunitjs #container { + background: url(../images/bg-body-qunitjs.jpg) no-repeat center top #00733c; } -.signature:first-child h4 { - border-radius: 3px 3px 0 0; +#body-jquery-foundation #container { + background: url(../images/bg-body-foundation.jpg) no-repeat center top #178a9c; } -#methods .api-item li, -#events .api-item li { - margin-bottom: 1em; +#content-wrapper { + background-color: #fff; + -moz-box-shadow: 0 0 7px rgba(1, 1, 1, 0.87); + -webkit-box-shadow: 0 0 7px rgba(1, 1, 1, 0.87); + box-shadow: 0 0 7px rgba(1, 1, 1, 0.87); + max-width: 1240px; + padding: 40px; + margin: 0 auto; + border-radius: 0px 0px 10px 10px; + position: relative; } -#methods .api-item li ul, -#events .api-item li ul { - list-style: none; +.constrain { + max-width: 1240px; + margin: 0 auto; + padding: 0 20px; } -.version-details { - font-weight: bold; +#content { + float: left; + width: 68%; } -.section-title .version-details, -.name .version-details { +.content-right #content { float: right; - clear: right; - font-size: 12px; - color: #fff; } -.api-item { - padding: 20px 10px; -} -.signature li, -.api-item { - border-top: 1px solid #CCC; +.content-full #content { + width: 100%; + padding-left: 10%; + padding-right: 10%; } -.signature li:first-child, -.api-item.first-item { - border-top: none; - padding-top: 10px; +.content-full.full-width #content { + padding-left: 0; + padding-right: 0; } -.option-type { - font-size: 16px; - font-weight: normal; - color: #333; - float: right; -} -#options .default { - text-align: right; - font-size: 13px; - margin-top: -10px; -} +#sidebar { + float: right; + margin-right: -40px; + position: relative; + -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); + -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + padding: 3em 20px 3em 35px; /*0.5 * 16px = 8px*/ + -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; + box-shadow: inset 15px 0 5px -16px #e7e7e7; + background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); + background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: -moz-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: -o-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: -ms-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: radial-gradient(left, #f2f2f2, #ffffff 80%); + width: 29%; + border: 0px; + border-left: 1px solid #efefef; + } -.desc { - font-size: 16px; - padding: 10px 15px; - color: #999; - font-style: italic; -} -.desc strong { - color: #444; - font-style: normal; -} +.sidebar-left #sidebar, +.content-right #sidebar { + float: left; + border-left: 0; + border-right: 1px solid #cccccc; + margin-left: -40px; + -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); + -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + /*0.5 * 16px = 8px*/ + -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; + box-shadow: inset 15px 0 5px -16px #e7e7e7; + background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); + background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: -moz-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: -o-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: -ms-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: radial-gradient(right, #f2f2f2, #ffffff 80%); + margin-bottom: 30px; + margin-bottom: 30px; + padding-right: 20px; + padding-left: 35px; + } -/*******************************************************************************/ -/* jQuery Core */ -/*******************************************************************************/ +/* Global Nav + ========================================================================== */ -html.jquery, .jquery #container { background: #065791 url(../i/bg-body-jquery.jpg) no-repeat center -20px; } +#global-nav { + background: url(../images/jq-global-nav.png) repeat-x 0 bottom #1b1b1b; +} + + +#global-project-select { + background: url(../images/bg-top.jpg) repeat; + height: 150px; + display: none; +} + +#global-nav ul { + margin: 0; + padding: 0; +} -.jquery h1.site-title a { - height: 72px; - background: url(../i/logo-jquery.png) no-repeat; +#global-project-select li { + display: inline-block; + width: 20%; + text-align: center; + padding-top: 20px; + height: 130px; + float: left; } -.jquery .border, .jquery #site-footer { border-color: #0C9DD6; } - -.jquery a, .jquery .title, .jquery .entry-title { color: #065791; } - -.jquery a:hover { - color: #333; +#global-project-select li a { + text-decoration: none; + display: block; + border-right: solid 1px rgba(0, 0, 0, 0.3); + border-left: solid 1px rgba(150, 150, 150, 0.08); + overflow: hidden; + padding: 0; + height: 110px; + position: relative; + } -.jquery #container header nav ul li a { - color: #FFF; +#global-project-select li:first-child a { + border-left: none; } -.jquery #container header nav { - border-top: solid 1px rgba(12,157,214,0.4); - background: rgba(0, 64, 108, 0.3); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; +#global-project-select li:last-child a { + border-right: none; } -/*******************************************************************************/ -/* jQuery Project */ -/*******************************************************************************/ - -html.jquery-project { background: #cab57e url(../i/bg-body-jquery-project.jpg) no-repeat center -30px; } - -.jquery-project h1.site-title a { - background: url(../i/logo-project.png) no-repeat; - height: 78px; - width: 275px; - left: -5px; - top: -1px; - position: relative; - margin-bottom: 9px; +#global-project-select li img { + margin-left: auto; + margin-right: auto; + display: block; + margin: 10px 10%; + width: 80%; } -/* other styles in jquery.org theme's style.css */ - -/* ===[ Sizzle ]=== */ - -html.sizzlejs, .sizzlejs #container { background: #8c0000 url(../i/bg-body-sizzlejs.jpg) no-repeat center -20px; } +#global-project-select li a em { + clear: both; + font-size: 13px; + color: #fff; + opacity: 0.25; + text-decoration: none; + text-align: center; + line-height: 15px; + text-shadow: black 0 -1px 0; + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -ms-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; + left: 20px; + right: 20px; + bottom: 10px; + position: absolute; +} -.sizzlejs h1.site-title a { - background: url(../i/logo-sizzlejs.png) no-repeat; - width: 275px; - height: 72px; - left: -14px; - position: relative; +#global-project-select li a:hover em { + opacity: 0.75; } -.sizzlejs .border, .sizzlejs footer { border-color: #c10000; } +#global-nav nav { + height: 34px; +} -.sizzlejs a, .sizzlejs .title, .sizzlejs .entry-title { color: #c10000; } +#global-nav nav ul { + text-align: left; + display: inline; + float: left; + margin: 1px 0 0; + list-style: none; + border-right: 1px solid rgba(255, 255, 255, 0.0976562); + border-left: 1px solid rgba(0, 0, 0, 0.347656); +} -.sizzlejs footer a { color: #fff; } +#global-nav nav ul.links { + float: right; +} -.sizzlejs #container header nav { - border-top: solid 1px rgba(236,0,0,0.3); - background: rgba(110,0,0,0.5); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(90,0,0,0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(90,0,0,0.5) 0 -3px 5px; +#global-nav nav ul li { + font: bold 13px/17px sans-serif; + display: inline-block; + float: left; + position: relative; + padding: 8px 12px; + cursor: pointer; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; + text-shadow: 0 0px 2px #000; + border-left: 1px solid rgba(255, 255, 255, 0.0976562); + border-right: 1px solid rgba(0, 0, 0, 0.347656); } +#global-nav nav ul li:hover { + background: url(../images/bg-footer-noise.jpg) #000; + color: #fff; +} -/* ===[ QUnit ]=== */ +#global-nav nav ul li i { + height: 1em; +} -html.qunitjs, .qunitjs #container { background: #00733c url(../i/bg-body-qunitjs.jpg) no-repeat center -20px; } +#global-nav nav ul li a { + color: #e6e6e6; + font-weight: normal; + font-style: normal; + text-decoration: none; +} -.qunitjs h1.site-title a { - background: url(../i/logo-qunitjs.png) no-repeat; - width: 275px; - height: 72px; - left: -14px; - position: relative; +#global-nav nav ul li ul { + padding: 0; + position: absolute; + top: 32px; + left: -2px; + width: 120px; + display: none; + opacity: 0; + visibility: hidden; + -webkit-transiton: opacity 0.2s; + -moz-transition: opacity 0.2s; + -ms-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -transition: opacity 0.2s; + -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); + z-index: 400; } -.qunitjs .border, .qunitjs footer { border-color: #1d923c; } +#global-nav nav ul li:last-child ul { + left: -62px; +} -.qunitjs a, .qunitjs .title, .qunitjs .entry-title { color: #730E00; } +#global-nav nav ul li ul li { + background: url(../images/bg-footer-noise.jpg) #000; + display: block; + color: #fff; + float: none; +} -.qunitjs footer a { color: #fff; } +#global-nav nav ul li ul li:hover { background: #000; } +#global-nav nav ul li:hover ul { + display: block; + opacity: 1; + visibility: visible; +} -.qunitjs #container header nav { - border-top: solid 1px rgba(58,178,59,0.5); - background: rgba(0,85,44,0.5); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(1,67,35,0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(1,67,35,0.5) 0 -3px 5px; +#global-nav nav ul.projects li.jquery, +#global-nav nav ul.projects li.jquery-ui, +#global-nav nav ul.projects li.jquery-mobile { + width: 42px; + padding-left: 0px; + padding-right: 0px; + text-indent: -1000px; + background: url(../images/jq-nav-icons.png) -2px 0; } -/*******************************************************************************/ -/* Global Logo */ -/*******************************************************************************/ +#global-nav nav ul.projects li.jquery-ui { + background-position: -53px 0px; +} -h1.site-title a { - background: url(../i/logo-project.png) no-repeat; - height: 71px; - width: 257px; - float: left; - display: block; - line-height: 999px; - overflow: hidden; - margin: 25px 0 15px 10px; +#global-nav nav ul.projects li.jquery-mobile { + background-position: -103px 0px; } -h1 a:hover { cursor: pointer; } +#body-jquery #global-nav nav ul.projects li.jquery { + background-position: 0 bottom; + width: 52px; + position: relative; + margin-top:1px; + border: none; +} -/*******************************************************************************/ -/* Global Tooltips */ -/*******************************************************************************/ +#body-jquery #global-nav nav ul.projects { + border-left: none; +} -.tooltip { - display: none; - position: absolute; - z-index: 10; - width: 386px; - height: 121px; - background: url(../i/bg-tooltip.png) no-repeat; - z-index: 400; +#body-jquery #global-nav nav ul.projects li.jquery-ui { + border-left: none; } -.jquery.tooltip { margin: -10px 0 0 -10px; } +#body-jquery-ui #global-nav nav ul.projects li.jquery-ui { + background-position: -50px bottom; + width: 52px; + position: relative; + margin-top:1px; + border: none; +} -.jquery-ui.tooltip { margin: -10px 0 0 26px; } +#body-jquery-ui #global-nav nav ul.projects li.jquery { + border-right: none; +} -.jquery-mobile.tooltip { margin: -10px 0 0 64px; } +#body-jquery-ui #global-nav nav ul.projects li.jquery-mobile { + border-left: none; +} -.tooltip .branding, .tooltip .branding:hover { - position: absolute; - float: none; - text-indent: 0; - top: 25px; - left: 22px; - width: auto; - height: auto; +#body-jquery-mobile #global-nav nav ul.projects li.jquery-mobile { + background-position: -100px bottom; + width: 52px; + position: relative; + margin-top:1px; border: none; - background: none; } -.tooltip ul { - position: absolute; - top: 20px; - left: 240px; - width: 130px; - font-size: 9pt; - padding: 3px 0 0 0; - border-left: solid 1px #333; - border-left: solid 1px rgba(255,255,255,0.1); - text-shadow: rgba(0,0,0,0.9) 0 1px 0; - -webkit-box-shadow: rgba(0,0,0,0.2) -1px 0 0; - box-shadow: rgba(0,0,0,0.2) -1px 0 0; - display: block; - float: none; - height: auto; +#body-jquery-mobile #global-nav nav ul.projects li.jquery-ui { border-right: none; } -.tooltip li { - float: none; - padding: 0; - margin: 0; - padding-left: 10px; - list-style: none; +#body-jquery-mobile #global-nav nav ul.projects li.jquery-mobile { + border-right: none; } -.tooltip li a, .tooltip li a:hover { - display: block; - height: 17px; - line-height: 17px; - color: #999; - float: none; - background: none; - text-indent: 0; - border: none; - text-decoration: none; +#body-jquery-mobile #global-nav nav ul.projects li.toggle-projects { + border-left: none; } -.tooltip li a:hover { color: #fff; } -/*******************************************************************************/ -/* Global Project Select */ -/*******************************************************************************/ +/* Logo & Navigation + ========================================================================== */ -.project-select { - background: #222 url(../i/bg-top.jpg) center bottom repeat-x; - position: absolute; - padding: 5px 0 0 0; - margin: -155px 0 0 0; - height: 150px; - width: 100%; +#logo-events { + clear: both; + padding-top: 25px; + padding-bottom: 20px; } -.project-select ul li { - height: 140px; - list-style: none; - display: block; +h2.logo { float: left; - width: 20%; margin: 0; - padding: 10px 0 0; + width: 243px; } -.project-select ul li a { +h2.logo a { + float: left; display: block; - height: 130px; - border-right: solid 1px rgba(0, 0, 0, 0.3); - border-left: solid 1px rgba(150, 150, 150, 0.08); + height: 66px; overflow: hidden; - text-align: center; - position: relative; - text-decoration: none; + text-indent: -1000px; } -.project-select ul li:hover a em { opacity: 0.75; } +#body-jquery h2.logo a { + width: 243px; + background: url(../images/logo-jquery.png) no-repeat; +} -.project-select ul li a em { - display: block; - color: #fff; - opacity: 0.25; - text-shadow: black 0 -1px 0; - line-height: 140%; - font-size: 9pt; - margin-top: 10px; - left: 20px; - right: 20px; - bottom: 15px; - position: absolute; - text-decoration: none; - -webkit-transition: all 500ms ease-in-out; - -moz-transition: all 500ms ease-in-out; - -o-transition: all 500ms ease-in-out; - -ms-transition: all 500ms ease-in-out; - transition: all 500ms ease-in-out; +#body-jquery-ui h2.logo a { + width: 253px; + background: url(../images/logo-jquery-ui.png) no-repeat; } -.project-select ul li a img { - width: 84%; - margin: 10px 5%; +#body-jquery-mobile h2.logo a { + width: 268px; + background: url(../images/logo-jquery-mobile.png) no-repeat; } -/*******************************************************************************/ -/* Global header */ -/*******************************************************************************/ +#body-sizzlejs h2.logo a { + width: 243px; + background: url(../images/logo-sizzle.png) no-repeat; +} -body > header { - background: url(../i/jq-global-nav.png) 0 -68px repeat-x; - font-size: 13px; +#body-qunitjs h2.logo a { + width: 243px; + background: url(../images/logo-qunit.png) no-repeat; } -header nav.top { height: 32px; } +#body-jquery-foundation h2.logo a { + width: 243px; + background: url(../images/logo-jquery-foundation.png) no-repeat; +} -header nav.top ul { - margin: 0; - padding: 0; - float: left; - display: block; - width: auto; - height: 31px; - line-height: auto; - border-right: 1px solid rgba(255, 255, 255, 0.0976562); - border-left: 1px solid rgba(0, 0, 0, 0.347656); +#logo-events aside { + float: right; } -header nav.top li { - height: 31px; +nav#main { + background-color: rgba(0, 0, 0, 0.18); + border-radius: 10px 10px 0 0; + border-right: 1px solid rgba(2, 2, 2, 0.28); + border-left: 1px solid rgba(2, 2, 2, 0.28); + border-top: 1px solid rgba(250, 250, 250, 0.27); + -webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; + box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; +} + +nav#main ul { margin: 0; - padding: 0; float: left; - display: block; - position: relative; - border-left: 1px solid rgba(255, 255, 255, 0.0976562); - border-right: 1px solid rgba(0, 0, 0, 0.347656); + width: 70%; + padding-top: 10px; + padding-bottom: 10px; } -header nav.top li:hover a, header nav.top li.active a { background: rgba(0,0,0,0.1); } - -header nav.top ul.links li.dropdown:hover, header nav.top ul.dropdown.links li.active { } - -header nav.top ul.links li.dropdown:hover ul, header nav.top ul.links li.dropdown.active ul { display: block; } - -header nav.top li.dropdown:hover a, header nav.top li.dropdown.active a { background: transparent url(../i/jq-global-noise-only.png); } - -header nav.top li ul { - display: none; - position: absolute; - top: 30px; - left: -1px; +nav#main li { + display: inline; + text-transform: uppercase; float: left; - min-width: 120px; - height: auto; - border-left: solid 1px #333; - border-right: solid 1px #111; - border-bottom: solid 1px #111; - padding: 0 0 5px 0; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 4px; - box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 4px; - z-index: 999; - background: transparent url(../i/jq-global-noise-only.png); + font: normal normal 13px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + margin-right: 10px; } -header nav.top li ul.last { margin-left: -60px; } - -header nav.top li ul li { - float: none; - border: none; - padding: 0 5px; +nav#main li a { + color: #fff; + text-decoration: none; + padding: 6px 10px; + display: block; + border: 1px solid transparent; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76); } -header nav.top li ul li a { - float: none; - border: none; - height: 27px; - line-height: 27px; - white-space: nowrap; - border-radius: 5px; +nav#main li a:hover, +nav#main li.current a, +nav#main .searchform { + background: none; + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; + box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.25); + color: #fff; + text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px; } -header nav.top li ul li a:hover { color: #fff; } - -header nav.top .links { +nav#main .searchform { float: right; + width: 28%; + margin-top: 12px; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; position: relative; - top: 1px; } + -header nav.top li a { - float: left; - display: block; - color: #e6e6e6; +nav#main .searchform input { text-decoration: none; - padding: 0px 13px; - height: 32px; - line-height: 31px; - text-shadow: black 0px -1px 0px, black 0px 0px 2px; + font: 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif; + padding: 5px 10px; + background-color: transparent; + border-style: none; + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76); + width: 75%; } -header nav.top li a { - color: #fff !important; +nav#main .searchform i { + position: absolute; + right: 10px; + top: 3px; + bottom: 3px; + border-left: 1px solid rgba(7, 7, 7, 0.65); + padding-left: 7px; + opacity: 0.33; + color: #fff; } -.jquery header nav.top li.jquery, .jquery-ui header nav.top li.jquery-ui, .jquery-mobile header nav.top li.jquery-mobile { - border: none; - margin: 1px 0 0 -5px; - -webkit-box-shadow: none; - box-shadow: none; +/* Typography & Global Styles + ========================================================================== */ + +#content a { + text-decoration: underline; } -header nav.top li.jquery a, header nav.top li.jquery-ui a, header nav.top li.jquery-mobile a { - background: url(../i/jq-nav-icons.png) no-repeat; - height: 34px; - width: 37px; - padding: 0; - text-align: center; - display: block; - line-height: 999px; - overflow: hidden; +#content a:hover { + text-decoration: none; } -header nav.top li.jquery { } +#sidebar a { + text-decoration: none; +} -.jquery header nav.top li.jquery { margin-right: -4px; } +#sidebar a:hover { + text-decoration: underline; +} -header nav.top li.jquery-ui { } +p { + margin-bottom: 20px; + margin-top: 0; +} -.jquery-ui header nav.top li.jquery-ui { margin-right: -4px; } +b, strong { + font-weight: bold; + color: #1a1a1a; +} -header nav.top li.jquery-mobile { } +em, i { + color: #6d6d6d; + font-style: italic; +} -.jquery-mobile header nav.top li.jquery-mobile { margin-right: -4px; } +hr { + background-image: url(../images/gauze.png); + height: 1em; + border: none; + margin-top: 2em; + margin-bottom: 2em; +} + +pre, code { + font: 15px/18px "Courier New", Courier, mono; + word-spacing: 0; +} -header nav.top li.jquery a { background-position: 11px 1px; } +pre { + margin-bottom: 20px; + padding: 20px 40px; + color: #ccc; + background-color: #292929; + margin-left: -40px; + margin-right: -40px; +} -.jquery header nav.top li.jquery a { - width: 48px; - height: 40px; - border: none; - background-position: 0px -36px; +code { + font-size: 15px; + padding: 3px; + background-color: #e2e2e2; + text-shadow: 0 1px 0 #ffffff; + border-radius: 3px; +} + +pre code { + background-color: transparent; + text-shadow: 0 -1px 0 #000000; + font-size: 16px; + font-weight: bold; } -.jquery header nav.top ul.projects { border-left-color: transparent; } +#content code a { + text-decoration: none; +} + +pre strong, pre b { + color: #fff; + font-weight: bold; +} + +#content blockquote { + margin-left: 0; + margin-right: 0; + margin-top: 20px; + margin-bottom: 20px; +} -.jquery header nav.top li.jquery-ui { border-left-color: transparent; } -header nav.top li.jquery-ui a { background-position: -39px 1px; } +#content blockquote p { + font: italic normal 23px/26px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #828282; + margin-left: 0; + margin-bottom: 0px; + padding: 20px 30px; + position: relative; + text-shadow: 0 1px 0 #ffffff; + background-color: #f2f2f2; +} + +#content ol, +#content ul { + margin: 0 0 20px 20px; +} -.jquery-ui header nav.top li.jquery-ui a { - width: 48px; - height: 40px; - border: none; - background-position: -50px -36px; +#content ul ul { + margin-bottom: 0; +} + +#content li { + padding-bottom: 5px; + padding-top: 5px; + padding-left: 20px; + line-height: 20px; +} + +#content ul li { + list-style-type: none; + background: url(../images/bullet.png) no-repeat 0 10px; +} + +#content ul.block-grid li { + background: none; +} + +#content ol { + counter-reset:li; /* Initiate a counter */ +} + +#content ol > li { + position:relative; /* Give each list item a left margin to make room for the numbers */ + list-style:none; + padding-left: 10px; + margin-right: 0; + margin-top: 0; + margin-left: 30px; +} +#content ol > li:before { + content:counter(li); /* Use the counter as content */ + counter-increment:li; /* Increment the counter by 1 */ + /* Position and style the number */ + position:absolute; + top:6px; + left:-25px; + box-sizing:border-box; + width: 20px; + /* Some space between the number and the content in browsers that support + generated content but not positioning it */ + color:#fff; + text-align:center; + background-color: #ababab; + height: 19px; + width: 19px; + padding-top: 0px; + font: bold 11px/19px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + border-radius: 12px; +} + +.lt-ie8 #content ol, +.lt-ie7 #content ol { + margin-left:20px; +} + +.lt-ie8 #content ol li, +.lt-ie7 #content ol li { + margin-left: 30px; + list-style-type: decimal; + padding-left: 0px; +} + +#content img.full, +#content figure.full { + display: block; + width: 100%; + max-width: 100%; } -.jquery-ui header nav li.jquery-mobile { border-left-color: transparent; } +.lt-ie8 #content figure img { + position: relative; +} -.jquery-ui header nav li.jquery { border-right-color: transparent; } +.lt-ie7 #content figure.full, +.lt-ie8 #content figure.full { + width: 99%; +} -header nav.top li.jquery-mobile a { background-position: -91px 1px; } +#content img.full, +#content img.left, +#content img.right, +#banner img.full { + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); +} -.jquery-mobile header nav.top li.jquery-mobile a { - width: 48px; - height: 40px; +#content img.noborder, +#content figure.noborder { + box-shadow: none; border: none; - background-position: -100px -36px; + background: none; +} + +#content img.full, +#content img.left, +#content img.right, +#content figure.full, +#content figure.left, +#content figure.right { + margin-bottom: 20px; + float: left; } -.jquery-mobile header nav.top li.jquery-ui { border-right-color: transparent; } +#content img.right, +#content figure.right { + float: right; + margin-left: 15px; +} -.jquery-mobile header nav.top li.toggle-projects { border-left-color: transparent; } +.lt-ie8 #content img.right, +.lt-ie8 #content figure.right, +.lt-ie7 #content img.right, +.lt-ie7 #content figure.right { + float: left; + margin-left: 0px; + margin-right: 15px; +} -header nav.top li.toggle-projects a { - padding-right: 30px; - background-image: url(../i/icon-arrow.png); - background-repeat: no-repeat; - background-position: 100% 0; +#content img.left, +#content figure.left { + margin-right: 15px; } -header nav.top li.toggle-projects.active a { - background-position: 100% -32px; - background-color: transparent; - /* text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0, rgba(255, 255, 255, 0.8) 0 0 6px;*/ + +#content figure img { + margin: 0px !important; + margin-bottom: 0px !important; +} + +#content figcaption { + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); + font: italic 500 12px/20px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + padding-left: 10px; + padding-right: 10px; + padding-top: 5px; + padding-bottom: 5px; + color: #737272; + clear: both; + margin-top: -10px; + background-color: #f2f2f2; +} + +#content figure.noborder figcaption { + box-shadow: none; + background: none; + text-align: center; +} + +#content .embed, +#content .embed_media { + position: relative; + padding-bottom: 56.25%; /* 16/9 ratio */ + padding-top: 30px; /* IE6 workaround*/ + height: 0; + overflow: hidden; + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); + margin-bottom: 20px; +} + +#portfolio.media #banner .embed { + margin-bottom: 40px; +} + +.embed iframe, +.embed_media iframe, +.embed object, +.embed_media object, +.embed embed, +.embed_media embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + + +#content h1 { + font: normal 36px/36px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; +} + +.content-full #content h1 { + text-align: center; +} + +#content h2 { + font: normal 24px/24px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #333; + margin-bottom: 10px; +} + +#content h3 { + font: normal normal 20px/20px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #666; + margin-bottom: 10px; + margin-top: 12px; +} + +#content h1.block, +#content h2.block { + padding: 10px 2%; + background: url(../images/gauze.png) #ececec; + text-shadow: 0 1px 0 #ffffff; +} + +p.author { + color: #ababab; + font-family: Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + margin-top: -20px; +} + +p.author a { + color: #ababab; +} + +.meta { + padding: 2%; + padding-bottom: .5%; + margin-bottom: 20px; + font-family: Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #666; + background: url(../images-foundation/gauze.png) #f0f0f0; + text-shadow: 0 1px 0 #ffffff; } +#banner-large-image { + text-align: center; + margin-bottom: 30px; + +} + +#banner-large-image .vertically-centered-black-bg { + height: 50%; + width: 100%; + margin-top: 24%; + display: block; + background-color: rgba(0, 0, 0, 0.68); + position: absolute; + padding-top: 3.5%; +} -/*******************************************************************************/ -/* Global Banner */ -/*******************************************************************************/ -#banner { - background: url(../i/dark-grey-tile.png) #333; - margin: -25px -25px 15px; +#banner-large-image h1, #banner-large-image h2 { + font: bold 60px/60px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; + margin-bottom: 0; color: #fff; + text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); } -#banner .glow { - padding: 40px; - /* IE9 SVG, needs conditional override of 'filter' to 'none' */ - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNDIiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); - background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 31%, rgba(0,0,0,0.42) 100%); /* FF3.6+ */ - background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(31%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.42))); /* Chrome,Safari4+ */ - background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* Opera 12+ */ - background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* IE10+ */ - background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -} - -#banner h1 { + +#banner-large-image p { + color: #CCCCCC; + font: 24px/36px Proxima-Nova; + letter-spacing: -1px; +} + +#banner h3 { + font-family: "JournalRegular", Georgia, "Times New Roman", Times, serif; +} + + +#banner-secondary { + background-image: url(../images/dark-grey-tile.png); + margin-top: -40px; + margin-left: -40px; + margin-right: -40px; + padding: 20px 40px; + margin-bottom: 30px; +} + +#banner-secondary h2, +#banner-secondary h1 { + font: bold 45px/50px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; + margin-bottom: 0; + color: #fff; + text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); +} + +#banner-secondary p { + color: #ccc; + font: 26px/26px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; + padding-left: 15%; + padding-right: 15%; +} + +#banner-secondary.large-banner { text-align: center; + padding-top: 30px; + padding-bottom: 30px; +} - color: #AAA; - text-shadow: #fff 1px 1px 0; +#banner-secondary.large-banner h1, +#banner-secondary.large-banner h2 { font-size: 60px; - line-height: 63px; + line-height: 60px; + margin-bottom: 10px; +} + +.center-txt { + text-align: center !important; +} + +.callout-block { + background-image: url(../images/gauze.png); + padding: 20px; +} + +/* Buttons + ========================================================================== */ + +a.button, +#content a.button, +.button, +input[type="submit"] { + border-radius: 5px; + border: 1px solid #999; + -webkit-box-shadow: + 0 0 5px rgba(0, 0, 0, 0.28), + inset 0 1px 0 rgba(255, 255, 255, 0.45), + inset 0px -1px 0px rgba(255, 255, 255, 0.45), + inset 1px 0px 0px rgba(255, 255, 255, 0.45), + inset -1px 1px 0px rgba(255, 255, 255, 0.45); + box-shadow: + 0 0 5px rgba(0, 0, 0, 0.28), + inset 0 1px 0 rgba(255, 255, 255, 0.45), + inset 0px -1px 0px rgba(255, 255, 255, 0.45), + inset 1px 0px 0px rgba(255, 255, 255, 0.45), + inset -1px 1px 0px rgba(255, 255, 255, 0.45); + text-decoration: none; + color: #fff !important; + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); + padding: 8px 15px; + font: bold 16px/16px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; + background-color: #d18f4f; + float: left; +} + +a.button:hover, +#content a.button:hover, +.button:hover, +input[type="submit"]:hover { + background-color: #cc8540; +} + +a.button.large, +#content a.button.large, +button.large, +input[type="submit"].large { + font-size: 20px; + padding: 12px 20px; +} + +a.button.dark, +#content a.button.dark, +.button.dark, +input[type="submit"].dark { + background-color: #666; +} + +a.button.dark:hover, +#content a.button.dark:hover, +.button.dark:hover, +input[type="submit"].dark:hover { + background-color: #424141; +} + +/* Sidebar + ========================================================================== */ + +#sidebar h3 { + font: normal normal 20px/18px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + background-image: -webkit-gradient(linear, left bottom, right bottom, from(#efefef), to(#f3f3f3)); + background-image: -moz-linear-gradient(360deg, #efefef 0%, #f3f3f3 100%); + margin-left: -35px; + margin-right: -20px; + padding: 12px 20px 12px 30px; + text-shadow: 0 1px 0 #ffffff; +} + +#sidebar li { + padding-bottom: 8px; + padding-top: 8px; + padding-left: 20px; + line-height: 20px; + list-style-type: none; + background: url(../images/bullet.png) no-repeat 0 14px; + text-shadow: 0 1px 0 #ffffff; +} + +#sidebar li a { + color: #4d4d4d; + text-decoration: none; +} + +#sidebar nav#secondary li { + background-image: none; + padding-left: 0; +} + +#sidebar nav#secondary li.current { + background-color: #e2e2e2; + margin-left: -35px; + margin-right: -20px; + padding-left: 35px; font-weight: bold; } -#banner h2 { - color: #71d1ff; - font: normal normal 56px/56px "JournalRegular", Georgia, "Times New Roman", Times, serif; - text-align: center; +/* Footer Grid + ========================================================================== */ + +.col, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { + float: left; + padding-right: 3%; } -/*******************************************************************************/ -/* Global Footer */ -/*******************************************************************************/ +.col4-1 { width: 21% } +.col4-2 { width: 47% } +.col4-3 { width: 72% } -#site-footer { - position: relative; - bottom: 0; - width: 100%; - margin: 30px 0 0 0; - padding-bottom: 15px; - border-top: 1px solid #6b6868; - background-color: #212121; - z-index: 10; +.col7-1 { width: 15.2% } +.col7-2 { width: 27% } +.col7-3 { width: 40.9% } + +.col3-1 { width: 30% } +.col3-2 { width: 63% } + +.col2-1 { width: 47% } + +.col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { + margin-left: 0; + clear: left; +} + +/* == Footer + ========================================================================== */ + +footer { + background: url(../images/bg-footer-noise.jpg) repeat; + margin-top: -20px; + padding-top: 40px; } -#site-footer .cdn { +footer.simple { + padding-top: 45px; + padding-bottom: 10px; +} + +footer a, +footer strong { + color: #fff; + text-decoration: none; +} + +footer .cdn { border-radius: 4px; - background: #000 url(../i/cdn-download.png) center center repeat-x; + background: repeat-x center center #000; width: 96%; margin-left: 2%; height: 30px; @@ -1521,13 +1988,13 @@ header nav.top li.toggle-projects.active a { box-shadow: rgba(255,255,255,0.15) 0 1px 0; } -#site-footer .cdn ~ .cdn { margin-top: 5px; } +footer .cdn ~ .cdn { margin-top: 5px; } -#site-footer .cdn ~ .cdn strong { text-align: right; } +footer .cdn ~ .cdn strong { text-align: right; } .no-boxshadow { border-bottom: solid 1px #333; } -#site-footer .cdn strong { +footer .cdn strong { text-align: center; height: 26px; text-align: left; @@ -1540,17 +2007,17 @@ header nav.top li.toggle-projects.active a { background: #777; color: #fff; text-shadow: #000 0 -1px 0; - font-weight: normal; + font-weight: bold; background-color: #7a7a7a; background-image: -moz-linear-gradient(top, #7a7a7a, #5e5e5e); /* FF3.6 */ - background-image: -o-linear-gradient(top, #7a7a7a, #5e5e5e); /* Opera 12.0 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7a7a7a),color-stop(1, #5e5e5e)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#7a7a7a, #5e5e5e); /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #7a7a7a, #5e5e5e); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a7a7a', EndColorStr='#5e5e5e'); /* IE6–IE9 */ + font-family: Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } -#site-footer .cdn strong:after { +footer .cdn strong:after { content: ""; display: block; position: absolute; @@ -1562,7 +2029,7 @@ header nav.top li.toggle-projects.active a { border-radius: 3px 0 0 3px; } -#site-footer .cdn strong em { +footer .cdn strong em { font-style: normal; color: #ccc; font-family: Consolas, Monaco, monospace; @@ -1573,7 +2040,7 @@ header nav.top li.toggle-projects.active a { text-align: right; } -#site-footer .cdn input { +footer .cdn input { display: inline-block; width: 100%; background: inherit; @@ -1585,29 +2052,29 @@ header nav.top li.toggle-projects.active a { font-size: 12px; } -#site-footer .cdn input:focus { outline: none; } +footer .cdn input:focus { outline: none; } -#site-footer .download { +footer .download { text-align: center; color: #fff; padding: 10px 2% 15px 2%; line-height: 140%; } -#site-footer .download strong { margin-right: 10px; } +footer .download strong { margin-right: 10px; } -#site-footer .download > span { white-space: nowrap; } +footer .download > span { white-space: nowrap; } -#site-footer .download a { margin: 0 10px; } +footer .download a { margin: 0 10px; } -#site-footer .download a em { +footer .download a em { font-style: normal; color: #aaa; } -#site-footer .download a:hover { border-bottom: solid 1px #888; } +footer .download a:hover { border-bottom: solid 1px #888; } -#site-footer .footer-icon-links { +footer .footer-icon-links { padding: 15px 0; margin: 0 2%; border-top: solid 1px #333; @@ -1615,76 +2082,61 @@ header nav.top li.toggle-projects.active a { box-shadow: #000 0 -1px 0; } -#site-footer .footer-icon-links li { - width: 33%; - margin-left: 2%; +footer .footer-icon-links li { + width: 22%; + margin-left: 11%; float: left; } -#site-footer .footer-icon-links li.icon-bugs { width: 27%; } -#site-footer .footer-icon-links li a { +footer .footer-icon-links li a { display: block; - padding-left: 40px; line-height: auto; font-size: 18px; float: left; position: relative; + width: auto; + text-align: left; + padding-left: 10px; } -#site-footer .footer-icon-links li.footer-icon a, -#site-footer .footer-icon-links li.footer-icon a span { background: url(../i/footer-icons-large.png) no-repeat; } - -#site-footer .footer-icon-links li.footer-icon a span { - content: ""; - display: block; - opacity: 0; - width: 34px; - height: 32px; +footer .footer-icon-links li a:before { position: absolute; - left: 0; - top: 0; + left: -35px; + top: 10px; + font-size: 2em; + color: #4d4d4d; + text-shadow: 0 -1px 0 #000000; } -#site-footer .footer-icon-links li.icon-github a { background-position: 0 0;} -#site-footer .footer-icon-links li.icon-forum a { background-position: 0 -123px;} -#site-footer .footer-icon-links li.icon-bugs a { background-position: 0 -249px;} - -#site-footer .footer-icon-links li.icon-github a span { background-position: -251px 0;} -#site-footer .footer-icon-links li.icon-forum a span { background-position: -251px -123px;} -#site-footer .footer-icon-links li.icon-bugs a span { background-position: -251px -249px;} - -.no-js #site-footer .footer-icon-links li.footer-icon a:hover span { opacity: 1.0; } - -#site-footer .footer-icon-links li small { +footer .footer-icon-links li small { display: block; font-size: 14px; color: #777; line-height: 120%; } -#site-footer .footer-icon-links li:first-child { margin-left: 0%; } +footer .footer-icon-links li:hover a:before { + color: #d1d1d1; +} + -.multiplebgs.cssgradients #site-footer { - background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../i/bg-footer-noise.jpg); /* FF3.6 */ - background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0.3)),color-stop(1, rgba(0,0,0,0.0))), url(../i/bg-footer-noise.jpg); /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../i/bg-footer-noise.jpg); /* Chrome 10+, Saf6 */ +.multiplebgs.cssgradients footer { + background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../images/bg-footer-noise.jpg); /* FF3.6 */ + background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0.3)),color-stop(1, rgba(0,0,0,0.0))), url(../images/bg-footer-noise.jpg); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../images/bg-footer-noise.jpg); /* Chrome 10+, Saf6 */ background-repeat: repeat-x, repeat; background-size: 100px 15px, 140px 140px; } -.no-multiplebgs #site-footer, .no-cssgradients #site-footer { - background-image: url(../i/bg-footer-noise.jpg); +.no-multiplebgs footer, .no-cssgradients footer { + background-image: url(../images/bg-footer-noise.jpg); background-repeat: repeat; } -#site-footer h3 { +footer h3 { color: #777; - font-size: 14px; - font-weight: bold; letter-spacing: normal; - font-weight: normal; - font-family: 'Gill Sans MT', 'GillSans MT', 'Gill Sans', GillSans, Arial, Helvetica, sans-serif; text-transform: uppercase; text-shadow: #000 0 1px 0; border: solid 1px #000; @@ -1695,17 +2147,19 @@ header nav.top li.toggle-projects.active a { text-align: center; height: 10px; margin-top: 20px; + font: normal 14px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } -#site-footer h3 span { +footer h3 span { display: inline-block; padding: 3px 10px; position: relative; top: -0.8em; - background: url(../i/bg-footer-noise.jpg) repeat; + background: url(../images/bg-footer-noise.jpg) repeat #212121; + z-index: 1; } -#site-footer h3:after { +footer h3:after { content: ""; position: absolute; left: 0; @@ -1715,7 +2169,7 @@ header nav.top li.toggle-projects.active a { border: solid 1px #333; border-bottom: none; border-radius: 4px 4px 0 0; - z-index: -10; + } .footer-site-links { @@ -1725,7 +2179,7 @@ header nav.top li.toggle-projects.active a { text-align: right; } -#site-footer p.copyright { +footer p.copyright { margin: 10px 0 0 0; float: left; width: 40%; @@ -1734,93 +2188,74 @@ header nav.top li.toggle-projects.active a { color: #777; } -#site-footer p.copyright a { color: #aaa; } +footer p.copyright a { color: #aaa; } -#site-footer p.copyright a:hover { color: #fff; } +footer p.copyright a:hover { color: #fff; } -#site-footer p.copyright > br { display: none; } +footer p.copyright > br { display: none; } -#site-footer p.copyright span.sponsor-line { +footer p.copyright span.sponsor-line { display: block; font-size: 10px; margin: 1px 0 0 0; } -#site-footer p.copyright a.mt-link { - background: url(../i/logo-mediatemple.png) left 1px no-repeat; - padding-left: 31px; -} - -#site-footer li.icon { +footer .footer-site-links li { position: relative; background: none; width: auto; height: auto; line-height: 20px; - margin: 0 0 10px 20px; + margin: 0 0 10px 30px; font-size: 13px; } -#site-footer li.icon a { - padding-left: 22px; +footer .footer-site-links li a { position: relative; - z-index: 10; color: #aaa; + display: block; + padding-left: 25px; + width: auto; } -#site-footer li.icon a:hover { color: #FFF; } - -.footer-site-links li { display: inline-block; } - -#site-footer li.icon:before { - content: ""; - display: block; - height: 24px; - width: 24px; +footer .footer-site-links li a:before { position: absolute; - left: 0; - top: -2px; - background: url(../i/footer-icons.png) no-repeat; - z-index: 5; + font-size: 1.5em; + color: #4d4d4d; + text-shadow: 0 -1px 0 #000000; + left: 2px; } -#site-footer li.icon-learning-center:before { background-position: 1px 2px;} -#site-footer li.icon-forum:before { background-position: -101px 0;} -#site-footer li.icon-api:before { background-position: -33px 0;} -#site-footer li.icon-twitter:before { background-position: -135px 0;} -#site-footer li.icon-irc:before { background-position: -67px 0;} +footer .footer-site-links li:hover a, +footer .footer-site-links li:hover a:before { + color: #e6e6e6; +} + + +.footer-site-links li { display: inline-block; } -#site-footer li.icon-learning-center:hover:before { background-position: 1px -32px;} -#site-footer li.icon-forum:hover:before { background-position: -101px -34px;} -#site-footer li.icon-api:hover:before { background-position: -33px -34px;} -#site-footer li.icon-twitter:hover:before { background-position: -135px -34px;} -#site-footer li.icon-irc:hover:before { background-position: -67px -34px;} -#site-footer .col { +footer .col { margin-left: 2.5%; padding: 30px 0 20px 0; height: 100%; } -#site-footer .col:first-child { margin-left: 0 } +footer .col:first-child { margin-left: 0 } -#site-footer ul { } +footer ul { } -#site-footer ul li { +footer ul li { list-style: none; padding: 0; margin: 0; line-height: 30px; } -.jquery #site-footer a, .jquery-ui #site-footer a, .jquery-mobile #site-footer a, #site-footer .bottom { - color: #fff; - text-decoration: none; -} -#site-footer .bottom { margin: 0 10% 0 0; } +footer .bottom { margin: 0 10% 0 0; } -#site-footer #legal { +footer #legal { clear: left; display: block; border-top: solid 1px #333; @@ -1828,14 +2263,14 @@ header nav.top li.toggle-projects.active a { box-shadow: #000 0 -1px 0; } -#site-footer #legal .constrain { +footer #legal .constrain { background: none; height: auto; } -#site-footer .presentations { } +footer .presentations { } -#site-footer .presentations li { +footer .presentations li { float: left; width: 45%; min-width: 142px; @@ -1844,8 +2279,8 @@ header nav.top li.toggle-projects.active a { font-size: 11px; } -#site-footer .presentations li a > span, -#site-footer .books li a > span { +footer .presentations li a > span, +footer .books li a > span { display: block; border-radius: 5px; border: solid 1px #000; @@ -1857,14 +2292,13 @@ header nav.top li.toggle-projects.active a { background-clip: padding-box; } -#site-footer .presentations li a:hover > span, -#site-footer .books li a:hover > span { +footer .presentations li a:hover > span, +footer .books li a:hover > span { border-color: white; - -webkit-transition: none; } -#site-footer .presentations li a > span:after, -#site-footer .books li a > span:after { +footer .presentations li a > span:after, +footer .books li a > span:after { content: ""; display: block; position: absolute; @@ -1878,19 +2312,19 @@ header nav.top li.toggle-projects.active a { border-radius: 4px; } -#site-footer .presentations li a:hover > span:after, -#site-footer .books li a:hover > span:after { background: -webkit-gradient(linear, 100% 0%, 55% 100%, from(rgba(255,255,255,0.02)), color-stop(0.5, rgba(255,255,255,0.3)), color-stop(0.505, rgba(255,255,255,0)), to(rgba(255,255,255,0))); } +footer .presentations li a:hover > span:after, +footer .books li a:hover > span:after { background: -webkit-gradient(linear, 100% 0%, 55% 100%, from(rgba(255,255,255,0.02)), color-stop(0.5, rgba(255,255,255,0.3)), color-stop(0.505, rgba(255,255,255,0)), to(rgba(255,255,255,0))); } -#site-footer .presentations li a > span img { +footer .presentations li a > span img { max-width: 100%; height: auto; } -#site-footer .presentations li a > br, -#site-footer .books li a > br { display: none; } +footer .presentations li a > br, +footer .books li a > br { display: none; } -#site-footer .presentations li a cite, -#site-footer .books li a cite { +footer .presentations li a cite, +footer .books li a cite { font-style: normal; display: block; margin-top: 3px; @@ -1898,16 +2332,16 @@ header nav.top li.toggle-projects.active a { color: #aaa; } -#site-footer .presentations li a cite, -#site-footer .presentations li a strong, -#site-footer .books li a cite, -#site-footer .books li a strong { +footer .presentations li a cite, +footer .presentations li a strong, +footer .books li a cite, +footer .books li a strong { line-height: 130%; display: block; font-weight: normal; } -#site-footer .books li { +footer .books li { float: left; width: 30%; min-width: 95px; @@ -1917,817 +2351,712 @@ header nav.top li.toggle-projects.active a { font-size: 11px; } -#site-footer .books li:first-child { margin-left: 2%; } +footer .books li:first-child { margin-left: 2%; } -#site-footer .books li a > span { +footer .books li a > span { width: 90px; height: 114px; } -#site-footer .books li a > span.top { background-position: center top;} -#site-footer .books li a > span.bottom { background-position: center bottom;} -#site-footer .books li a > span { background-position: center center;} +footer .books li a > span.top { background-position: center top;} +footer .books li a > span.bottom { background-position: center bottom;} +footer .books li a > span { background-position: center center;} -/*******************************************************************************/ -/* Global Container */ -/*******************************************************************************/ +footer li img { + border-radius: 4px; +} -#container { - padding-bottom: 0; +/* Media Queries + ========================================================================== */ + +@media only screen and (max-width: 1100px) { + } -#container header { } - -#container header nav { - clear: both; - margin-top: -1px; - width: auto; - background: transparent none; - border: solid 1px rgba(0,0,0,0.2); - border-radius: 10px 10px 0 0; -} - -#container header nav ul { - line-height: auto; - margin: 0; - padding: 8px 0 8px 10px; - height: 100%; - float: left; - display: block; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - width: 70%; - font-size: 13px; -} - -#container header nav ul li { - margin: 0; - padding: 5px 0; - float: left; - display: block; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -#container header nav ul li a { - line-height: 31px; - padding: 7px 11px; - margin: 0 10px 0 0; - line-height: 100%; - height: 100%; - color: #fff; - text-decoration: none; - text-transform: uppercase; - font-family: 'Gill Sans MT', 'GillSans MT', 'Gill Sans', GillSans, Arial, Helvetica, sans-serif; - text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 1px; -} - -#container header nav ul li:hover, #container header nav ul li:hover a { background: none; } - -#container header nav ul li a:hover, #container header nav ul li.active a, #container header nav ul li.current-menu-item a { - background: none; - -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; - box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; - border-radius: 4px; - padding: 6px 10px; - border: 1px solid rgba(0,0,0,0.25); - color: #fff; - text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px; -} - -.searchform { - position: relative; - font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; - border-radius: 2em; - background: #fff; - line-height: 1em; - padding: 4px 31px 4px 15px; -} - -nav .searchform { - float: right; - margin: 8px 10px 0 0; - width: 19%; - -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); - box-shadow: inset 0 0 5px rgba(0,0,0,0.5); -} - -#banner .searchform { - width: 70%; - margin: 60px auto 0; - font-size: 22px; - background-color: #666; - border: 1px solid #ccc; - -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); - box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); -} - -.searchform label span { - position: absolute; - color: transparent; -} - -.searchform input { - padding: 0; - width: 100%; - color: #555; - border: none; - background: none; -} - -.searchform input:focus { - outline: none; -} - -#banner .searchform input { - font-size: 22px; -} - -.searchform .icon-search { - color: #aaa; - opacity: 0.5; - position: absolute; - right: 10px; -} - -nav .searchform .icon-search { - top: 5px; -} - -#banner .searchform .icon-search { - top: 7px; - font-size: 24px; -} - -#container #body { - margin-bottom: -50px; - min-height: 400px; - border-radius: 0 0 8px 8px; - background: #fff; - display: block; - -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); - box-shadow: 0 2px 5px rgba(0,0,0,0.5); - position: relative; - z-index: 20; - overflow: hidden; -} - -.sidebar-left:before { - content: ""; - position: absolute; - height: 100%; - background-color: #eee; - border-right: 1px solid #cccccc; - width: 20.5%; - padding: 0 1.5% 0; - visibility: visible; - z-index: -1; - border-radius: 0 0 0 8px; -} - -#container #body .inner { padding: 2%; } - - -/*******************************************************************************/ -/* Sidebar Right */ -/*******************************************************************************/ - -#sidebar ul { list-style: none; } - -#sidebar li { - padding: 0; - margin: 0; -} - -#container #body.sidebar-right .inner { - width: 72.25%; - float: left; -} - -#container #body.sidebar-right #sidebar { - float: right; - border-left: 1px solid #cccccc; -} - -#container #body.sidebar-right #sidebar { - border-radius: 0 8px 0 0; -} - -/* Sidebar Left */ - -#container #body.sidebar-left .inner { - width: 72.25%; - float: right; -} - -#container #body.sidebar-left #sidebar { - float: left; - border-right: 1px solid #cccccc; +@media only screen and (max-width: 940px) { + } -#container #body.sidebar-left #sidebar { - border-radius: 0 0 0 8px; +@media only screen and (max-width: 860px) { + } -/*******************************************************************************/ -/* Sidebar */ -/*******************************************************************************/ - -.sidebar { - float: right; - position: relative; - border-left: 1px; - -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); - -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - padding: 0.5em 20px 0.5em 35px; /*0.5 * 16px = 8px*/ - -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; - box-shadow: inset 15px 0 5px -16px #e7e7e7; - background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); - background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: -moz-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: -o-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: -ms-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: radial-gradient(left, #f2f2f2, #ffffff 80%); - width: 320px; -} - - -.sidebar.left { +@media only screen and (max-width: 768px) { + #global-nav ul.projects li.toggle-projects { + display: none; + } + + #sidebar { + width: auto; + float: none; + clear: both; + margin: 0; + border-top: 1px solid #e7e7e7; + border-left: none; + -moz-border-image: none; + -webkit-border-image: none; + -webkit-border-image: none; + -o-border-image: none; + border-image: none; + -webkit-box-shadow: none; + box-shadow: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; + } + + #content, + .col7-3.col, + footer #legal p.copyright, + footer #legal ul.footer-site-links { + width: 100%; + float: none; + clear: both; + } + + footer #legal ul.footer-site-links { + display: inline; + text-align: center !important; + text-transform: none; float: left; - border-right: 1px; - -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); - -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - padding: 0.5em 20px 0.5em 35px; /*0.5 * 16px = 8px*/ - -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; - box-shadow: inset 15px 0 5px -16px #e7e7e7; - background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); - background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: -moz-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: -o-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: -ms-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: radial-gradient(right, #f2f2f2, #ffffff 80%); - width: 320px; - margin-bottom: 30px; - margin-bottom: 30px; -} - -#container #body #sidebar { - width: 20.5%; - position: relative; - background: #eeeeee; - height: 100%; - padding: 0 1.5% 0; -/* margin-bottom: -10000px; - padding-bottom: 10000px; */ -} - -#container #body #sidebar ul { - float: left; - display: block; -} - - -#container #body #sidebar ul.api { - -webkit-column-count: 2; - -webkit-column-gap: 0px; - -moz-column-count: 2; - -moz-column-gap: 0; - width: 100%; -} - -#container #body #sidebar ul.api li { - display: block; - width: 40%; - padding: 0; - margin: 0; - font-size: 12px; -} - -#container #body #sidebar ul.api li a { - padding: 3px 5px; - width: 220%; - display: block; - color: #333; - text-decoration: none; -} - -#container #body #sidebar ul.api li a:hover { - background: #cccccc; - border-radius: 3px; - -webkit-box-shadow: 0 1px 1px #fff; - box-shadow: 0 1px 1px #fff; -} - -#container #body #sidebar hr { - height: 1px; - width: 114.25%; - float: left; - margin: 0 0 15px -7.25%; - display: block; - background: #cccccc; - border-bottom: 1px solid #fff; - clear: both; -} - -#container #body #sidebar h2, #container #body #sidebar h3.widget-title { - margin: 25px 0 10px 0; - font-size: 20px; - text-shadow: 0 1px 1px #fff; -} - -#container #body #sidebar h3 { - float: left; - width: 100%; - font-size: 16px; - font-weight: normal; - letter-spacing: 0; - text-shadow: 0 1px 1px #fff; -} - -#container #body #sidebar .inset { - float: left; - display: block; - background: #fff; - padding: 4%; - -webkit-box-shadow: #ccc -1px -1px 0; - box-shadow: #ccc -1px -1px 0; - border-radius: 6px; - width: 94%; -} - -#container #body #sidebar ul.inset li { - list-style: none; - padding: 0; - margin: 0; -} - -#container #body #sidebar ul.inset li a { - color: #444444; - text-decoration: none; - padding: 2.5%; - float: left; - width: 95%; - border-bottom: 1px solid #cccccc; - display: block; -} - -#container #body #sidebar ul.inset li a:hover { - color: #000; - background: #e6e6e6; -} - -#container #body #sidebar ul.inset li:first-child a { - border-radius: 4px 4px 0 0; -} - -#container #body #sidebar ul.inset li:last-child a { - border-radius: 0 0 4px 4px; - border: none; + width: 100%; + } + + footer #legal ul.footer-site-links li:first-child { + margin-left: 0; + } + + footer #legal p.copyright { + text-align: center; + margin-bottom: 10px; + } + + .col7-2.col { + margin: 0; + width: 100%; + padding-top: 10px; + padding-bottom: 10px; + } + } -#container #body #sidebar p.inset { - font-size: 11px; - font-color: #666; - line-height: 15px; +@media only screen and (max-width: 600px) { + #global-nav ul.projects { + display: none; + } + + #global-nav nav ul.links { + float: left; + } + + #global-nav nav ul.links li { + font-size: 12px; + } + + #logo-events { + padding-top: 20px; + padding-bottom: 10px; + } + + #logo-events aside { + display: none; + } + + #logo-events h2.logo { + float: none; + margin-left: auto; + margin-right: auto; + } + + nav#main { + background-color: rgba(0, 0, 0, 0.0); + border-radius: 10px 10px 0 0; + border-right: none; + border-left: none; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; + } + + nav#main .searchform { + display: none; + } + + nav#main ul { + width: 100% !important; + text-align: center !important; + float: left; + margin-bottom: 10px; + } + + nav#main ul li, + nav#main ul li a { + position: relative; + display: inline; + text-align: center !important; + text-transform: none; + float: none; + } + + nav#main li a:hover, + nav#main li.current a { + background: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.0); + } + + #content-wrapper { + -webkit-border-top-left-radius: 10px; + -webkit-border-top-right-radius: 10px; + -moz-border-radius-topleft: 10px; + -moz-border-radius-topright: 10px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + } + + #banner-secondary { + -webkit-border-top-left-radius: 9px; + -webkit-border-top-right-radius: 9px; + -moz-border-radius-topleft: 9px; + -moz-border-radius-topright: 9px; + border-top-left-radius: 9px; + border-top-right-radius: 9px; + } + + #banner-secondary h2 { + font-size: 35px; + line-height: 35px; + } + + #content h1 { + font-size: 26px; + line-height: 26px; + } + + #banner-secondary.large-banner h1, + #banner-secondary.large-banner h2 { + font-size: 36px; + line-height: 36px; + } + + #banner-secondary.large-banner p { + font-size: 22px; + padding: 0; + } + + footer .presentations li, + footer .books li { + clear: both; + margin-bottom: 10px; + float: none; + margin-left: auto !important; + margin-right: auto; + text-align: center; + } + + footer .presentations li span, + footer .books li span { + display: block; + margin-left: auto; + margin-right: auto; + } + } - - -.toc-linked { - position: relative; +@media only screen and (max-width: 480px) { + + .constrain, + #container { + padding-left: 10px; + padding-right: 10px; + } + + .content-full #content { + padding-left: 0; + padding-right: 0; + } + + #content-wrapper { + padding-left: 25px; + padding-right: 25px; + } + + #banner-secondary, + #content pre { + margin-left: -25px; + margin-right: -25px; + } + + #content img.left, + #content figure.left, + #content img.right, + #content figure.right { + display: block; + width: 100%; + max-width: 100%; + margin-left: 0; + margin-right: 0; + } + + footer .footer-icon-links li a:before { + display: none; + } + + footer .footer-icon-links li:first-child { + margin-left: 0; + } } -.toc-linked a { - position: absolute; - left: -1em; - text-decoration: none; - opacity: 0; -} -.toc-linked:hover a { - opacity: 1; +@media only screen and (-webkit-device-pixel-ratio: 2){ + #body-jquery h2.logo a { + background: url(../images/logo-jquery@2x.png) no-repeat; + background-size: 243px 66px; + } + + #body-jquery-ui h2.logo a { + background: url(../images/logo-jquer-uiy@2x.png) no-repeat; + background-size: 253px 66px; + } + + #body-jquery-mobile h2.logo a { + background: url(../images/logo-jquery-mobile@2x.png) no-repeat; + background-size: 268px 66px; + } + + #body-sizzlejs h2.logo a { + background: url(../images/logo-sizzle@2x.png) no-repeat; + background-size: 243px 66px; + } + + #body-qunitjs h2.logo a { + background: url(../images/logo-qunit@2x.png) no-repeat; + background-size: 243px 66px; + } + + #body-jquery-foundation h2.logo a { + background: url(../images/logo-jquery-foundation@2x.png) no-repeat; + background-size: 243px 66px; + } } -/*******************************************************************************/ -/* Domain Specific -/*******************************************************************************/ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { -/*******************************************************************************/ -/* Learning Site */ -/*******************************************************************************/ - -html.jquery-learning { background: #000 url(../i/learning_bg.jpg) no-repeat center 0; } - -.jquery-learning h1.site-title a { - background: url(../i/logo-learning.png) no-repeat; - height: 78px; - width: 550px; - left: -5px; - top: -1px; - position: relative; - margin-bottom: 9px; } -.jquery-learning .border, .jquery-learning #site-footer { border-color: #686868; } + /* Helper classes + ========================================================================== */ -.jquery-learning a, .jquery-learning .title, .jquery-learning .entry-title { color: #393939; } - -.jquery-learning #container header nav { - border-top: solid 1px rgba(255,255,255,0.15); - background: rgba(0,0,0,0.5); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0,0,0,0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0,0,0,0.5) 0 -3px 5px; +.ir { + background-color: transparent; + border: 0; + overflow: hidden; + *text-indent: -9999px; } - -/*******************************************************************************/ -/* Sidebar Navigation -/*******************************************************************************/ - -#sidebar aside > ul { - margin: 0; - padding: 0; - width: 100%; +.ir:before { + content: ""; + display: block; + width: 0; + height: 100%; } -#sidebar aside > ul li { - list-style: none; - border-bottom: 1px solid #c5c5c5; - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.25); - box-shadow: 0 1px 0 rgba(255,255,255,0.25); - padding: 0; - margin: 0; - width: 100%; - clear: left; +.hidden { + display: none !important; + visibility: hidden; } -/* temporarily suppress display of children posts via css */ -#container #body #sidebar aside ul.children { - display: none; +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } -#sidebar aside > ul li.current_page_item, -#sidebar aside > ul li.current_page_parent { border: 0; } - -#sidebar aside > ul li.current_page_item a, -#sidebar aside > ul li.current_page_parent a { - color: #fff; - text-shadow: 0 -1px 1px #000; - background: #393939; - -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.25); - box-shadow: inset 0 2px 2px rgba(0,0,0,0.25); - border-top: 1px solid #000; +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } -#sidebar aside > ul li:last-child { - border: none; - -webkit-box-shadow: none; - box-shadow: none; +.invisible { + visibility: hidden; } -#sidebar aside > ul li a { - font-weight: bold; - color: #3f3f3f; - text-shadow: 0 1px 0 rgba(255,255,255,1); - font-size: 13px; - text-decoration: none; - width: 100%; - display: block; - width: 96%; - padding: 5% 10%; - margin: -1px 0 0 -8%; -} - -#sidebar aside > ul a:active { - background: #c3c3c3; - background: -moz-linear-gradient(top, #c3c3c3 0%, #e7e7e7 59%, #fcfcfc 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c3c3), color-stop(59%,#e7e7e7), color-stop(100%,#fcfcfc)); - background: -webkit-linear-gradient(top, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); - background: -o-linear-gradient(top, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); - background: -ms-linear-gradient(top, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); - background: linear-gradient(to bottom, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); +.clearfix:before, +.clearfix:after { + content: " "; + display: table; } -/* Display children of current top-level category */ -#container #body #sidebar aside .current-cat-parent ul, -#container #body #sidebar aside .current-cat ul.children { - display: block; - margin: 0; - width: 100%; +.clearfix:after { + clear: both; } -#container #sidebar .current-cat-parent ul a, -#container #sidebar .current-cat ul.children a { - padding-left: 25%; - width: 75% -} -#sidebar aside > ul li.current-cat li { - border-bottom: 1px solid #c5c5c5; -} -#sidebar aside > ul li.current-cat > a { - color: #000; +.clearfix { + *zoom: 1; } +/* Print styles + ========================================================================== */ +@media print { + * { + background: transparent !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + box-shadow:none !important; + text-shadow: none !important; + } -/*******************************************************************************/ -/* Pagination -/*******************************************************************************/ - -#body .inner .meta .pagination { } + a, + a:visited { + text-decoration: underline; + } -#body .inner .meta .pagination .article { } + a[href]:after { + content: " (" attr(href) ")"; + } -#body .inner .meta .pagination .previous { } + abbr[title]:after { + content: " (" attr(title) ")"; + } -#body .inner .meta .pagination .previous .article { } + /* + * Don't show links for images, or javascript/internal links + */ -#body .inner .meta .pagination .previous .direction { } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } -#body .inner .meta .pagination .next { } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } -#body .inner .meta .pagination .next .article { } + thead { + display: table-header-group; /* h5bp.com/t */ + } -#body .inner .meta .pagination .next .direction { } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } -/*******************************************************************************/ -/* Media Queries -/*******************************************************************************/ - -@media all and (max-width: 1180px) and (min-width: 600px) { - - #site-footer .presentations li { - width: 90%; - clear: left; - padding-bottom: 10px; - } + @page { + margin: 0.5cm; + } - #site-footer .presentations li a > span { - float: left; - margin: 0 8px 0 0; - } - - #site-footer ul.books li { - width: 90%; - clear: left; - padding-bottom: 9px; - margin: 0 0 0 3% !important; - } - - #site-footer .books li a > span { - float: left; - height: 60px; - margin: 0 8px 0 0; - } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } } -@media all and (max-width: 1000px) and (min-width: 600px) { +/* @override + http://jon-mbp.local/~jon/jquery/css/grid.css */ - #site-footer ul.footer-icon-links { padding-bottom: 0; } +/* The Grid ---------------------- +Based on Zurb Foundation's Grid +*/ +* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } - #site-footer ul.footer-icon-links li { - float: none; - clear: left; - width: 98% !important; - overflow: hidden; - margin-bottom: 10px; - margin-left: 0; - } - - #site-footer .footer-icon-links li small { display: inline; } +/* The Grid ---------------------- */ +.row { width: 1240px; max-width: 100%; min-width: 768px; margin: 0 auto; } +.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; } +.row.collapse .column, .row.collapse .columns { padding: 0; } +.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; } +.row .row.collapse { margin: 0; } - #site-footer .footer-icon-links li br { display: none; } +.column, .columns { float: left; min-height: 1px; padding: 0 25px; position: relative; } +.column.centered, .columns.centered { float: none; margin: 0 auto; } - #site-footer .presentations li { text-align: center; } +[class*="column"] + [class*="column"]:last-child { float: right; } - #site-footer .presentations li a > span { - float: none; - margin: 0 auto 10px auto; - } - - #site-footer .books li { text-align: center; } - - #site-footer .books li a > span { - margin: 0 auto 8px auto; - float: none; - } -} +[class*="column"] + [class*="column"].end { float: left; } -@media all and (max-width: 900px) { +.one, .row .one { width: 8.33333%; } - .col2-1 .col2-1 { - width: 100%; - clear: left; - } +.two, .row .two { width: 16.66667%; } - .home .post .entry-title { - font-size: 24px; - } +.three, .row .three { width: 25%; } -} +.four, .row .four { width: 33.33333%; } -@media all and (max-width: 700px) { +.five, .row .five { width: 41.66667%; } - .col2-1 { - width: 100%; - clear: left; - } +.six, .row .six { width: 50%; } - .home .post .entry-title { - font-size: 20px; - } -} +.seven, .row .seven { width: 58.33333%; } -@media all and (max-width: 660px) { +.eight, .row .eight { width: 66.66667%; } - h1 a { - margin: 20px auto; - float: none; - } +.nine, .row .nine { width: 75%; } - h1.site-title { - float: left; - width: 100%; - } +.ten, .row .ten { width: 83.33333%; } - h1.site-title a { - margin-left: auto; - margin-right: auto; - display: block; - float: none; - } +.eleven, .row .eleven { width: 91.66667%; } - header nav.constrain { padding: 0; } +.twelve, .row .twelve { width: 100%; } - header nav.top .projects { display: none; } +.row .offset-by-one { margin-left: 8.33333%; } - #banner .searchform { - margin-top: 20px; - } +.row .offset-by-two { margin-left: 16.66667%; } - #container #body { - margin-top: 20px; - border-radius: 8px; - } - .sidebar-left:before { - display: none; - } - #container header nav .searchform { - float: none; - clear: left; - margin: 0 auto; - width: 225px; - } - #container header nav .searchform input { - text-align: center; - } - #site-footer .col { - clear: both; - width: 100%; - padding: 30px 0 0; - margin-left: 0; - margin-right: 0; - background: none;; - } +.row .offset-by-three { margin-left: 25%; } - #container header nav, #container header nav ul { - float: left; - display: block; - padding: 0 0 10px !important; - margin: 0 !important; - width: 100%; - text-align: center !important; - } +.row .offset-by-four { margin-left: 33.33333%; } - #container header nav, #container header nav ul li, #container header nav ul li a { - position: relative; - padding: 0 !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff !important; - float: none !important; - font-family: Helvetica, Arial, sans-serif !important; - text-transform: none !important; - display: inline !important; - } +.row .offset-by-five { margin-left: 41.66667%; } - #container #body #sidebar { - border-radius: 0 0 8px 8px; - height: auto !important; - border-top: 1px solid #e1e1e1; - } +.row .offset-by-six { margin-left: 50%; } - #container #body.sidebar-left #sidebar, - #container #body.sidebar-right #sidebar { - position: relative; - clear: both; - padding: 0 3% 3%; - width: 94%; - /*margin-left: -110%;*/ - } +.row .offset-by-seven { margin-left: 58.33333%; } - #container #body #sidebar hr { - margin: 0 0 15px 0; - width: 100%; - } +.row .offset-by-eight { margin-left: 66.66667%; } - #container #body.sidebar-left .inner, - #container #body.sidebar-right .inner { - padding: 3%; - width: 94%; - } +.row .offset-by-nine { margin-left: 75%; } - #container #body #sidebar li a { - padding-top: .5em; - padding-bottom: .5em; - } +.row .offset-by-ten { margin-left: 83.33333%; } +.push-two { left: 16.66667%; } - #container #body #sidebar .nav li a { - width: 87%; - margin-left: -3.5%; - } +.pull-two { right: 16.66667%; } - #site-footer ul.books { overflow: hidden; } +.push-three { left: 25%; } - #site-footer .books li, - #site-footer .presentations li { text-align: center; } +.pull-three { right: 25%; } - #site-footer .books li a > span, - #site-footer .presentations li a > span { margin: 0 auto 8px auto; } +.push-four { left: 33.33333%; } - #site-footer .footer-site-links { - float: none; - text-align: center; - width: 100%; - } +.pull-four { right: 33.33333%; } - #site-footer .footer-site-links li:first-child { margin-left: 0; } +.push-five { left: 41.66667%; } - #site-footer p.copyright { - text-align: center; - width: auto; - float: none; - } +.pull-five { right: 41.66667%; } - .jquery-learning #sidebar .paper.subnav { display: none; } -} +.push-six { left: 50%; } -@media all and (max-width: 400px) { +.pull-six { right: 50%; } - .constrain { padding: 0 10px; } +.push-seven { left: 58.33333%; } - header nav.top li a { font-size: 0.85em; } +.pull-seven { right: 58.33333%; } - #site-footer .download > span { white-space: normal } -} +.push-eight { left: 66.66667%; } -@media all and (max-width: 320px) { +.pull-eight { right: 66.66667%; } - .download { text-align: center; } +.push-nine { left: 75%; } - header nav.top li a { padding: 0 8px; } +.pull-nine { right: 75%; } - #banner .searchform { - width: 90%; - font-size: 14px; - } +.push-ten { left: 83.33333%; } - #banner .searchform input { - font-size: 14px; - } +.pull-ten { right: 83.33333%; } - #site-footer ul.footer-icon-links { padding-left: 5%; } +img, object, embed { max-width: 100%; height: auto; } - #site-footer ul.footer-icon-links li { - float: none; - clear: left; - width: 98%; - overflow: hidden; - margin-bottom: 10px; - } +object, embed { height: 100%; } - #site-footer .footer-icon-links li small { display: inline; } +img { -ms-interpolation-mode: bicubic; } - #site-footer .footer-icon-links li br { display: none; } +#map_canvas img, .map_canvas img { max-width: none!important; } - #site-footer .constrain { padding: 0; } +/* Nicolas Gallagher's micro clearfix */ +.row { *zoom: 1; } +.row:before, .row:after { content: ""; display: table; } +.row:after { clear: both; } - #site-footer h3, - #site-footer h3:after { - border-left: none; - border-right: none; - border-radius: 0; - } +/* Mobile Grid and Overrides ---------------------- */ +@media only screen and (max-width: 767px) { + .row { width: auto; min-width: 0; margin-left: 0 !important; margin-right: 0 !important; } + .column, .columns { width: auto !important; float: none; padding-left: 0 !important; padding-right: 0 !important; + } + .column:last-child, .columns:last-child { float: none; } + [class*="column"] + [class*="column"]:last-child { float: none; } + .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } + .column:after, .columns:after { clear: both; } + .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; } + .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } + .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } + /* Mobile 4-column Grid */ + .row .mobile-one { width: 25% !important; float: left; padding: 0 25px; } + .row .mobile-one:last-child { float: right; } + .row .mobile-one.end { float: left; } + .row.collapse .mobile-one { padding: 0; } + .row .mobile-two { width: 50% !important; float: left; padding: 0 25px; } + .row .mobile-two:last-child { float: right; } + .row .mobile-two.end { float: left; } + .row.collapse .mobile-two { padding: 0; } + .row .mobile-three { width: 75% !important; float: left; padding: 0 25px; } + .row .mobile-three:last-child { float: right; } + .row .mobile-three.end { float: left; } + .row.collapse .mobile-three { padding: 0; } + .row .mobile-four { width: 100% !important; float: left; padding: 0 25px; } + .row .mobile-four:last-child { float: right; } + .row .mobile-four.end { float: left; } + .row.collapse .mobile-four { padding: 0; } + .push-one-mobile { left: 25%; } + .pull-one-mobile { right: 25%; } + .push-two-mobile { left: 50%; } + .pull-two-mobile { right: 50%; } + .push-three-mobile { left: 75%; } + .pull-three-mobile { right: 75%; } } + + +/* Block Grids ---------------------- */ +/* These are 2-up, 3-up, 4-up and 5-up ULs, suited +for repeating blocks of content. Add 'mobile' to +them to switch them just like the layout grid +(one item per line) on phones + +For IE7/8 compatibility block-grid items need to be +the same height. You can optionally uncomment the +lines below to support arbitrary height, but know +that IE7/8 do not support :nth-child. +-------------------------------------------------- */ +.block-grid, #content .block-grid { display: block; overflow: hidden; padding: 0; } +.block-grid > li, #content .block-grid > li { display: block; height: auto; float: left; } +.block-grid.one-up, #content .block-grid.one-up { margin: 0; } +.block-grid.one-up > li, #content .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } +.block-grid.two-up, #content .block-grid.two-up { margin: 0 -15px; } +.block-grid.two-up > li, #content .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } +.block-grid.two-up > li:nth-child(2n+1), #content .block-grid.two-up > li:nth-child(2n+1) { clear: both; } +.block-grid.three-up, #content .block-grid.three-up { margin: 0 -12px; } +.block-grid.three-up > li, #content .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } +.block-grid.three-up > li:nth-child(3n+1), #content .block-grid.three-up > li:nth-child(3n+1) { clear: both; } +.block-grid.four-up, #content .block-grid.four-up { margin: 0 -10px; } +.block-grid.four-up > li, #content .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } +.block-grid.four-up > li:nth-child(4n+1), #content .block-grid.four-up > li:nth-child(4n+1) { clear: both; } +.block-grid.five-up, #content .block-grid.five-up { margin: 0 -8px; } +.block-grid.five-up > li, #content .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } +.block-grid.five-up > li:nth-child(5n+1), #content .block-grid.five-up > li:nth-child(5n+1) { clear: both; } + +/* Mobile Block Grids */ +@media only screen and (max-width: 767px) { + .block-grid.mobile > li { float: none !important; width: 100% !important; margin-left: 0 !important; } + .block-grid > li { clear: none !important; } + .block-grid.mobile-two-up > li { width: 50% !important; } + .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; } + .block-grid.mobile-three-up > li { width: 33.33% !important; } + .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; } + .block-grid.mobile-four-up > li { width: 25% !important; } + .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; } + .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } } + + +/* + ColorBox Core Style: + The following CSS is consistent between example themes and should not be altered. +*/ +#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} +#cboxOverlay{position:fixed; width:100%; height:100%;} +#cboxMiddleLeft, #cboxBottomLeft{clear:left;} +#cboxContent{position:relative;} +#cboxLoadedContent{overflow:auto;} +#cboxTitle{margin:0;} +#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} +#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} +.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} +.cboxIframe{width:100%; height:100%; display:block; border:0;} +#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} + +/* + User Style: + Change the following styles to modify the appearance of ColorBox. They are + ordered & tabbed in a way that represents the nesting of the generated HTML. +*/ +#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;} +#colorbox{} + #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;} + #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;} + #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;} + #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;} + #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;} + #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;} + #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;} + #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;} + #cboxContent{background:#fff; overflow:hidden;} + .cboxIframe{background:#fff;} + #cboxError{padding:50px; border:1px solid #ccc;} + #cboxLoadedContent{margin-bottom:28px;} + #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} + #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} + #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} + #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} + #cboxPrevious:hover{background-position:-75px -25px;} + #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} + #cboxNext:hover{background-position:-50px -25px;} + #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;} + #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;} + #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} + #cboxClose:hover{background-position:-25px -25px;} + +/* + The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill + when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. + See: http://jacklmoore.com/notes/ie-transparency-problems/ +*/ +.cboxIE #cboxTopLeft, +.cboxIE #cboxTopCenter, +.cboxIE #cboxTopRight, +.cboxIE #cboxBottomLeft, +.cboxIE #cboxBottomCenter, +.cboxIE #cboxBottomRight, +.cboxIE #cboxMiddleLeft, +.cboxIE #cboxMiddleRight { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); +} + +/* + The following provides PNG transparency support for IE6 + Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. +*/ +.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);} +.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);} +.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);} +.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);} +.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);} +.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);} +.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);} +.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);} + +.cboxIE6 #cboxTopLeft, +.cboxIE6 #cboxTopCenter, +.cboxIE6 #cboxTopRight, +.cboxIE6 #cboxBottomLeft, +.cboxIE6 #cboxBottomCenter, +.cboxIE6 #cboxBottomRight, +.cboxIE6 #cboxMiddleLeft, +.cboxIE6 #cboxMiddleRight { + _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } diff --git a/themes/jquery/css/font-awesome-ie7.css b/themes/jquery/css/font-awesome-ie7.css new file mode 100644 index 00000000..c1dc3ac6 --- /dev/null +++ b/themes/jquery/css/font-awesome-ie7.css @@ -0,0 +1,645 @@ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-style: normal; + font-weight: normal; +} +.btn.dropdown-toggle [class^="icon-"], +.btn.dropdown-toggle [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + + line-height: 1.4em; +} +.icon-large { + font-size: 1.3333em; +} +.icon-glass { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-music { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-search { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-envelope { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-heart { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-star { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-star-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-user { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-film { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-th-large { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-th { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-th-list { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ok { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-remove { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-zoom-in { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-zoom-out { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-off { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-signal { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cog { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-trash { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-home { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-file { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-time { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-road { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-download-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-download { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-upload { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-inbox { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-play-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-repeat { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-refresh { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-lock { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-flag { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-headphones { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-volume-off { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-volume-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-volume-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-qrcode { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-barcode { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tag { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tags { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-book { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bookmark { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-print { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-camera { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bold { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-italic { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-text-height { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-text-width { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-center { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-justify { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-indent-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-indent-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-facetime-video { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-picture { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pencil { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-map-marker { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-adjust { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tint { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-edit { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-share { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-check { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-move { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-step-backward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fast-backward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-backward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-play { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pause { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-stop { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-forward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fast-forward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-step-forward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-eject { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-plus-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-minus-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-remove-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ok-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-question-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-info-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-screenshot { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-remove-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ok-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ban-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-share-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-full { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-small { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-plus { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-minus { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-asterisk { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-exclamation-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-gift { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-leaf { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fire { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-eye-open { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-eye-close { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-warning-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-plane { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-calendar { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-random { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comment { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-magnet { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-retweet { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-shopping-cart { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-folder-close { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-folder-open { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-vertical { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-horizontal { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bar-chart { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-twitter-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-facebook-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-camera-retro { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-key { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cogs { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comments { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-thumbs-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-thumbs-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-star-half { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-heart-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-signout { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-linkedin-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pushpin { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-external-link { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-signin { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-trophy { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-github-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-upload-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-lemon { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-phone { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-check-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bookmark-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-phone-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-twitter { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-facebook { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-github { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-unlock { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-credit-card { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-rss { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hdd { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bullhorn { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bell { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-certificate { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-globe { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-wrench { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tasks { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-filter { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-briefcase { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fullscreen { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-group { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-link { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cloud { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-beaker { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cut { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-copy { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-paper-clip { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-save { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sign-blank { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-reorder { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list-ul { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list-ol { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-strikethrough { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-underline { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-table { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-magic { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-truck { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pinterest { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pinterest-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-google-plus-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-google-plus { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-money { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-columns { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sort { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sort-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sort-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-envelope-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-linkedin { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-undo { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-legal { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-dashboard { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comment-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comments-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bolt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sitemap { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-umbrella { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-paste { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-user-md { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} diff --git a/themes/jquery/footer.php b/themes/jquery/footer.php index 293d5cd0..4054a45a 100755 --- a/themes/jquery/footer.php +++ b/themes/jquery/footer.php @@ -1,37 +1,37 @@ - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + +
> - - diff --git a/themes/jquery/css/base.css b/themes/jquery/css/base.css index 8cb1c789..71b35c42 100644 --- a/themes/jquery/css/base.css +++ b/themes/jquery/css/base.css @@ -1,1515 +1,1982 @@ -/* @override - http://stage.plugins.jquery.com/web-base-template/themes/jquery/css/base.css?v=1 - http://stage.jquery.com/web-base-template/themes/jquery/css/base.css?v=1 - http://dev.plugins.jquery.com/web-base-template/themes/jquery/css/base.css?v=1 */ +/* @override + http://jon-mbp.local/~jon/jquery/css/main.css + http://jon-mbp.local/~jon/jquery/css/base.css + http://jquerybase.47dev.com/css/base.css + http://nate-mbp.local/~natecroft/jquery/css/base.css */ + + +/*! normalize.css v1.0.1 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +/* + * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/* + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, + * and Safari 4. + * Known issue: no IE 6 support. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* + * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + * 2. Prevents iOS text size adjust after orientation change, without disabling + * user zoom. + */ +html { + font-size: 100%; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} -@import url("font-awesome.css"); +/* + * Addresses `font-family` inconsistency between `textarea` and other form + * elements. + */ -@font-face { - font-family: 'JournalRegular'; - src: url('fonts/journal-webfont.eot'); - src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/journal-webfont.woff') format('woff'), - url('fonts/journal-webfont.ttf') format('truetype'), - url('fonts/journal-webfont.svg#JournalRegular') format('svg'); - font-weight: normal; - font-style: normal; +html, +button, +input, +select, +textarea { + font-family: sans-serif; } -/*******************************************************************************/ -/* Reset */ -/*******************************************************************************/ +/* + * Addresses margins handled incorrectly in IE 6/7. + */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, -blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, -q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, -th, td, article, aside, canvas, details, figcaption, figure, footer, header, -hgroup, menu, nav, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; +body { + margin: 0; } -*:focus { - outline: 1px dotted #FFF; -} +/* ========================================================================== + Links + ========================================================================== */ -/* Darker focus border inside #body where the background is white-ish: */ -#body *:focus { - outline-color: #666; -} +/* + * Addresses `outline` inconsistency between Chrome and other browsers. + */ -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; +a:focus { + outline: thin dotted; } -nav ul { - list-style: none; -} +/* + * Improves readability when focused and also mouse hovered in all browsers. + */ -blockquote, q { - quotes: none; +a:active, +a:hover { + outline: 0; } -blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; -} +/* ========================================================================== + Typography + ========================================================================== */ -a { - margin: 0; - padding: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; -} +/* + * Addresses font sizes and margins set differently in IE 6/7. + * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, + * and Chrome. + */ -ins { - background-color: #ff9; - color: #000; - text-decoration: none; +h1 { + font-size: 2em; + margin: 0 0 0.67em; } -mark { - background-color: #ff9; - color: #000; - font-style: italic; - font-weight: bold; +h2 { + font-size: 1.5em; + margin: 0 0 0.83em; } -del { - text-decoration: line-through; +h3 { + font-size: 1.17em; + margin: 0 0 1em; } -abbr[title], dfn[title] { - border-bottom: 1px dotted; - cursor: help; +h4 { + font-size: 1em; + margin: 0 0 1.33em; } -table { - border-collapse: collapse; - border-spacing: 0; +h5 { + font-size: 0.83em; + margin: 0 0 1.67em; } -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; +h6 { + font-size: 0.75em; + margin: 0 0 2.33em; } -input, select { - vertical-align: middle; -} +/* + * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} -/*******************************************************************************/ -/* Global Selectors & Classes */ -/*******************************************************************************/ +/* + * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. + */ -html, body { - width: 100%; +b, +strong { + font-weight: bold; } -html { - height: 100%; - background: #444; +blockquote { + margin: 1em 40px; } -body { - position: relative; - width: 100%; - min-height: 100%; - display: block; - color: #333; - font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; - font-size: 15px; - line-height: 1.6em; /*1.6 * 15px = 24px*/ - -webkit-font-smoothing: antialiased; -} +/* + * Addresses styling not present in Safari 5 and Chrome. + */ -h1 { - letter-spacing: -1px; - font: bold 33px/33px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; +dfn { + font-style: italic; } -h2, h3, h4 { - margin: 0 0 15px 0; -} +/* + * Addresses styling not present in IE 6/7/8/9. + */ -h2 { - font: bold 23px/23px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; +mark { + background: #ff0; + color: #000; } -h3 { - font: bold 20px/20px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; - color: #666; -} +/* + * Addresses margins set differently in IE 6/7. + */ -h4 { - font-size: 14px; +p, +pre { + margin: 1em 0; } -p, ul, ol { - line-height: 18px; - margin: 1em 0; -} +/* + * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. + */ -ul li, ol li { - padding: 0 0 0 5px; - margin: 0 0 0 20px; +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; } -hr { - clear: both; - border: 0; - border-bottom: 1px solid #ccc; - width: 100%; -} +/* + * Improves readability of pre-formatted text in all browsers. + */ -hr.dark { - border-bottom: 1px solid #777777; +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; } -hr.light { - border-bottom: 1px solid #e5e5e5; -} +/* + * Addresses CSS quotes not supported in IE 6/7. + */ -hr.dots { - height: 10px; - background-color: #eee; - background: - radial-gradient(circle, #eee 1px, transparent 0), - radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background: - -webkit-radial-gradient(circle, #eee 1px, transparent 0), - -webkit-radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background: - -moz-radial-gradient(circle, #eee 1px, transparent 0), - -moz-radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background: - -o-radial-gradient(circle, #eee 1px, transparent 0), - -o-radial-gradient(circle, #ddd 1px, #eee 1px) 1px 1px; - background-size:3px 3px; - border: none; +q { + quotes: none; } -.clearBoth { - clear: both; - width: 100%; - display: block; - height: 1px; -} +/* + * Addresses `quotes` property not supported in Safari 4. + */ -.alignLeft { - float: left; +q:before, +q:after { + content: ''; + content: none; } -.alignRight { - float: right; -} +/* + * Addresses inconsistent and variable font size in all browsers. + */ -.constrain { - max-width: 1200px; - margin: 0 auto; - padding: 0 20px; +small { + font-size: 80%; } -.border { - border-bottom: 1px solid #333; -} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ -.underline { - border-bottom: 1px solid #bfbfbf; - padding-bottom: 10px; +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } -.visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; +sup { + top: -0.5em; } -/*******************************************************************************/ -/* Icons */ -/*******************************************************************************/ -.icon { - display: block; - width: 20px; - height: 20px; - background: url(../i/icons.png) no-repeat; +sub { + bottom: -0.25em; } -.rss { - background: url(../i/icon-rss.png) no-repeat 100% 0; - padding: 0 20px 0 0; -} +/* ========================================================================== + Lists + ========================================================================== */ -.external { - background: url(../i/external.png) no-repeat 100% 2px; - padding: 0 12px 0 0; -} +/* + * Addresses margins set differently in IE 6/7. + */ -/*******************************************************************************/ -/* Clearfix -/*******************************************************************************/ -.clearfix:before, .clearfix:after { - content: "\0020"; - display: block; - height: 0; - visibility: hidden; +dl, +menu, +ol, +ul { + margin: 0 0 1em; } -.clearfix:after { - clear: both; +dd { + margin: 0 0 0 40px; } -.clearfix { - zoom: 1 -} +/* + * Addresses paddings set differently in IE 6/7. + */ -/*******************************************************************************/ -/* Article content -/*******************************************************************************/ -.example { - margin-bottom: 15px; - background: #eee; +menu, +ol, +ul { + padding: 0; } -.example .caption { - padding: .5em 0 .5em 33px; - font-style: italic; - color: #666; - text-shadow: 0 1px 1px #fff; - background: #e5e5e5; - border: 1px solid #ccc; - border-bottom: none; -} +/* + * Corrects list images handled incorrectly in IE 7. + */ -.entry-meta { - clear: left; - color: #999; - font-size: 12px; - margin: 20px 0; +nav ul, +nav ol { + list-style: none; + list-style-image: none; } -.comments-link-top a, -.comments-link-top span { - font-size: 12px; - float: right; -} +/* ========================================================================== + Embedded content + ========================================================================== */ -.post { - padding-bottom: 20px; -} +/* + * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. + * 2. Improves image quality when scaled in IE 7. + */ -/*******************************************************************************/ -/* Syntax */ -/*******************************************************************************/ -code { - background: #e7e7e7; - padding: 1px 2px; - border-radius: 2px; -} - -iframe { - border: 1px solid #bfbfbf; - padding: 1px; -} - -/*******************************************************************************/ -/* Syntax Highlighting*/ -/* Core Styles */ -/* https://github.com/alexgorbatchev/SyntaxHighlighter/blob/master/styles/shCoreMidnight.css */ -/*******************************************************************************/ -.syntaxhighlighter a, -.syntaxhighlighter div, -.syntaxhighlighter code, -.syntaxhighlighter table, -.syntaxhighlighter table td, -.syntaxhighlighter table tr, -.syntaxhighlighter table tbody, -.syntaxhighlighter table thead, -.syntaxhighlighter table caption, -.syntaxhighlighter textarea { - border-radius: 0 0 0 0 !important; - background: none !important; - border: 0 !important; - bottom: auto !important; - float: none !important; - height: auto !important; - left: auto !important; - line-height: 1.1em !important; - margin: 0 !important; - outline: 0 !important; - overflow: visible !important; - padding: 0 !important; - position: static !important; - right: auto !important; - text-align: left !important; - top: auto !important; - vertical-align: baseline !important; - width: auto !important; - box-sizing: content-box !important; - font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; - font-weight: normal !important; - font-style: normal !important; - font-size: 1em !important; - min-height: inherit !important; - min-height: auto !important; -} - -.syntaxhighlighter { - width: 100% !important; - margin: 1em 0 1em 0 !important; - padding: 1em 0; - position: relative !important; - overflow: auto !important; - font-size: 1em !important; -} -.syntaxhighlighter.source { - overflow: hidden !important; -} -.syntaxhighlighter .bold { - font-weight: bold !important; -} -.syntaxhighlighter .italic { - font-style: italic !important; -} -.syntaxhighlighter .line { - white-space: pre !important; -} -.syntaxhighlighter table { - width: 100% !important; -} -.syntaxhighlighter table caption { - text-align: left !important; - padding: .5em 0 0.5em 1em !important; -} -.syntaxhighlighter table td.code { - width: 100% !important; -} -.syntaxhighlighter table td.code .container { - position: relative !important; -} -.syntaxhighlighter table td.code .container textarea { - box-sizing: border-box !important; - position: absolute !important; - left: 0 !important; - top: 0 !important; - width: 100% !important; - height: 100% !important; - border: none !important; - background: white !important; - padding-left: 1em !important; - overflow: hidden !important; - white-space: pre !important; -} -.syntaxhighlighter table td.gutter .line { - text-align: right !important; - padding: 0 0.5em 0 1em !important; -} -.syntaxhighlighter table td.code .line { - padding: 0 1em !important; -} -.syntaxhighlighter.nogutter td.code .container textarea, -.syntaxhighlighter.nogutter td.code .line { - padding-left: 0em !important; -} -.syntaxhighlighter.show { - display: block !important; -} -.syntaxhighlighter.collapsed table { - display: none !important; -} -.syntaxhighlighter.collapsed .toolbar { - padding: 0.1em 0.8em 0em 0.8em !important; - font-size: 1em !important; - position: static !important; - width: auto !important; - height: auto !important; -} -.syntaxhighlighter.collapsed .toolbar span { - display: inline !important; - margin-right: 1em !important; -} -.syntaxhighlighter.collapsed .toolbar span a { - padding: 0 !important; - display: none !important; -} -.syntaxhighlighter.collapsed .toolbar span a.expandSource { - display: inline !important; -} -.syntaxhighlighter .toolbar { - position: absolute !important; - right: 1px !important; - top: 1px !important; - width: 11px !important; - height: 11px !important; - font-size: 10px !important; - z-index: 10 !important; -} -.syntaxhighlighter .toolbar span.title { - display: inline !important; -} -.syntaxhighlighter .toolbar a { - display: block !important; - text-align: center !important; - text-decoration: none !important; - padding-top: 1px !important; -} -.syntaxhighlighter .toolbar a.expandSource { - display: none !important; -} -.syntaxhighlighter.ie { - font-size: .9em !important; - padding: 1px 0 1px 0 !important; -} -.syntaxhighlighter.ie .toolbar { - line-height: 8px !important; -} -.syntaxhighlighter.ie .toolbar a { - padding-top: 0px !important; -} -.syntaxhighlighter.printing .line.alt1 .content, -.syntaxhighlighter.printing .line.alt2 .content, -.syntaxhighlighter.printing .line.highlighted .number, -.syntaxhighlighter.printing .line.highlighted.alt1 .content, -.syntaxhighlighter.printing .line.highlighted.alt2 .content { - background: none !important; -} -.syntaxhighlighter.printing .line .number { - color: #bbbbbb !important; -} -.syntaxhighlighter.printing .line .content { - color: black !important; -} -.syntaxhighlighter.printing .toolbar { - display: none !important; -} -.syntaxhighlighter.printing a { - text-decoration: none !important; -} -.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { - color: black !important; -} -.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { - color: #008200 !important; -} -.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { - color: blue !important; -} -.syntaxhighlighter.printing .keyword { - color: #006699 !important; - font-weight: bold !important; -} -.syntaxhighlighter.printing .preprocessor { - color: gray !important; -} -.syntaxhighlighter.printing .variable { - color: #aa7700 !important; -} -.syntaxhighlighter.printing .value { - color: #009900 !important; -} -.syntaxhighlighter.printing .functions { - color: #ff1493 !important; -} -.syntaxhighlighter.printing .constants { - color: #0066cc !important; -} -.syntaxhighlighter.printing .script { - font-weight: bold !important; -} -.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { - color: gray !important; -} -.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { - color: #ff1493 !important; -} -.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { - color: red !important; -} -.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { - color: black !important; +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ } -.syntaxhighlighter { - background-color: #0f192a !important; -} -.syntaxhighlighter .line.alt1 { - background-color: #0f192a !important; -} -.syntaxhighlighter .line.alt2 { - background-color: #0f192a !important; -} -.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { - background-color: #253e5a !important; -} -.syntaxhighlighter .line.highlighted.number { - color: #38566f !important; -} -.syntaxhighlighter table caption { - color: #d1edff !important; -} -.syntaxhighlighter .gutter { - color: #afafaf !important; -} -.syntaxhighlighter .gutter .line { - border-right: 3px solid #435a5f !important; -} -.syntaxhighlighter .gutter .line.highlighted { - background-color: #435a5f !important; - color: #0f192a !important; -} -.syntaxhighlighter.printing .line .content { - border: none !important; -} -.syntaxhighlighter.collapsed { - overflow: visible !important; -} -.syntaxhighlighter.collapsed .toolbar { - color: #428bdd !important; - background: black !important; - border: 1px solid #435a5f !important; -} -.syntaxhighlighter.collapsed .toolbar a { - color: #428bdd !important; -} -.syntaxhighlighter.collapsed .toolbar a:hover { - color: #1dc116 !important; -} -.syntaxhighlighter .toolbar { - color: #d1edff !important; - background: #435a5f !important; - border: none !important; -} -.syntaxhighlighter .toolbar a { - color: #d1edff !important; -} -.syntaxhighlighter .toolbar a:hover { - color: #8aa6c1 !important; -} -.syntaxhighlighter .plain, .syntaxhighlighter .plain a { - color: #d1edff !important; -} -.syntaxhighlighter .comments, .syntaxhighlighter .comments a { - color: #428bdd !important; -} -.syntaxhighlighter .string, .syntaxhighlighter .string a { - color: #1dc116 !important; -} -.syntaxhighlighter .keyword { - color: #b43d3d !important; -} -.syntaxhighlighter .preprocessor { - color: #8aa6c1 !important; -} -.syntaxhighlighter .variable { - color: #ffaa3e !important; -} -.syntaxhighlighter .value { - color: #f7e741 !important; -} -.syntaxhighlighter .functions { - color: #ffaa3e !important; -} -.syntaxhighlighter .constants { - color: #e0e8ff !important; -} -.syntaxhighlighter .script { - font-weight: bold !important; - color: #b43d3d !important; - background-color: none !important; -} -.syntaxhighlighter .color1, .syntaxhighlighter .color1 a { - color: #f8bb00 !important; -} -.syntaxhighlighter .color2, .syntaxhighlighter .color2 a { - color: white !important; -} -.syntaxhighlighter .color3, .syntaxhighlighter .color3 a { - color: #ffaa3e !important; -} +/* + * Corrects overflow displayed oddly in IE 9. + */ -/*******************************************************************************/ -/* SyntaxHighlighter Theme Overrides */ -/*******************************************************************************/ -.syntaxhighlighter { - margin: 0 -10px 1em -10px !important; - width: auto !important; - background-color: #222 !important; -} -.syntaxhighlighter .line.alt1 { - background-color: transparent !important; -} -.syntaxhighlighter .line.alt2 { - background-color: transparent !important; -} -.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { - padding-left: 1em !important; -} -.syntaxhighlighter .plain, .syntaxhighlighter .plain a { - color: #eee !important; -} -.syntaxhighlighter .comments, .syntaxhighlighter .comments a { - color: #5ba1cf !important; -} -.syntaxhighlighter .keyword { - color: #c84 !important; -} -.syntaxhighlighter .color1 { - color: #8df !important; -} -.syntaxhighlighter .string { - color: #9a6 !important; +svg:not(:root) { + overflow: hidden; } -/*******************************************************************************/ -/* Titles */ -/*******************************************************************************/ +/* ========================================================================== + Figures + ========================================================================== */ -h1.title, h1.entry-title, h2.title, h2.entry-title { - text-shadow: 0 1px 1px #fff; - margin: 0 0 20px; -} +/* + * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. + */ -h1.title a, h1.entry-title a, h2.title a, h2.entry-title a { - text-decoration: none; +figure { + margin: 0; } -/*******************************************************************************/ -/* Buttons */ -/*******************************************************************************/ +/* ========================================================================== + Forms + ========================================================================== */ -.btn { - padding: 5px 10px; - display: block; - margin: 0 15px 15px 0; - float: left; - border: 1px solid #bfbfbf; - text-decoration: none; - text-shadow: 0 1px 1px #fff; - border-radius: 3px; - background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#d5d5d5)); - background: -moz-linear-gradient(top, #e5e5e5, #d5d5d5); - background: -o-linear-gradient(top, #e5e5e5, #d5d5d5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d5d5d5'); -} +/* + * Corrects margin displayed oddly in IE 6/7. + */ -.btn:hover { - text-shadow: 0 -1px 1px #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#e5e5e5)); - background: -moz-linear-gradient(top, #d5d5d5, #e5e5e5); - background: -o-linear-gradient(top, #d5d5d5, #e5e5e5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#e5e5e5'); +form { + margin: 0; } -.btn.blue { - color: #fff; - text-shadow: 0 -1px 1px #000; - background: -webkit-gradient(linear, left top, left bottom, from(#3492d5), to(#065791)); - background: -moz-linear-gradient(top, #3492d5, #065791); - background: -o-linear-gradient(top, #3492d5, #065791); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3492d5', endColorstr='#065791'); - border-color: #065791; -} +/* + * Define consistent border, margin, and padding. + */ -.btn.blue:hover { - text-shadow: 0 1px 1px #000; - background: -webkit-gradient(linear, left top, left bottom, from(#065791), to(#3492d5)); - background: -moz-linear-gradient(top, #065791, #3492d5); - background: -o-linear-gradient(top, #065791, #3492d5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#065791', endColorstr='#3492d5'); +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } -.btn:before, .btn:after { - content: "\0020"; - display: block; - height: 0; - visibility: hidden; -} +/* + * 1. Corrects color not being inherited in IE 6/7/8/9. + * 2. Corrects text not wrapping in Firefox 3. + * 3. Corrects alignment displayed oddly in IE 6/7. + */ -.btn:after { - clear: both; +legend { + border: 0; /* 1 */ + padding: 0; + white-space: normal; /* 2 */ + *margin-left: -7px; /* 3 */ } -.btn { - zoom: 1; +/* + * 1. Corrects font size not being inherited in all browsers. + * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, + * and 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 */ } -.inset-btn { - background: #999; - border-radius: 3px; - -webkit-box-shadow: inset 1px 1px 1px #666; - box-shadow: inset 1px 1px 1px #666; - color: #FFF !important; - display: inline-block; - font-weight: bold; - text-align: center; - text-decoration: none; - text-shadow: 0 1px 0 rgba(0,0,0,0.3); - padding: 6px 8px; +/* + * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; } -a.button { - background-color: #d18f4f; +/* + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Corrects inability to style clickable `input` types in iOS. + * 3. Improves usability and consistency of cursor style between image-type + * `input` and others. + * 4. Removes inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ - border-radius: 5px; - border: 1px solid #999; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.28), - inset 0px 1px 0px #f5d9bd, - inset 0px -1px 0px #f5d9bd, - inset 1px 0px 0px #f5d9bd, - inset -1px 1px 0px #f5d9bd; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.28), - inset 0px 1px 0px #f5d9bd, - inset 0px -1px 0px #f5d9bd, - inset 1px 0px 0px #f5d9bd, - inset -1px 1px 0px #f5d9bd; - text-decoration: none; - color: #fff !important; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); - padding: 5px 12px; - font: bold 16px/16px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ + *overflow: visible; /* 4 */ } -a.button:hover { - background-color: #cc8540; +/* + * Re-set default cursor for disabled elements. + */ + +button[disabled], +input[disabled] { + cursor: default; } -/*******************************************************************************/ -/* Grid -/*******************************************************************************/ +/* + * 1. Addresses box sizing set to content-box in IE 8/9. + * 2. Removes excess padding in IE 8/9. + * 3. Removes excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ -.col, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { - float: left; - padding-right: 3%; +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ } -.col4-1 { width: 21% } -.col4-2 { width: 47% } -.col4-3 { width: 72% } +/* + * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ -.col7-1 { width: 15.2% } -.col7-2 { width: 27% } -.col7-3 { width: 40.9% } +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} -.col3-1 { width: 30% } -.col3-2 { width: 63% } +/* + * Removes inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} -.col2-1 { width: 47% } +/* + * Removes inner padding and border in Firefox 3+. + */ -.col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { - margin-left: 0; - clear: left; +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE 6/7/8/9. + * 2. Improves readability and alignment in all browsers. + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ } -/*******************************************************************************/ -/* Project Specific Classes */ -/*******************************************************************************/ +/* ========================================================================== + Tables + ========================================================================== */ -/*******************************************************************************/ -/* Default */ -/*******************************************************************************/ -a { color: #0d619c; } +/* + * Remove most spacing between table cells. + */ -a:hover { - color: #333; +table { + border-collapse: collapse; + border-spacing: 0; } + + -#site-footer a { - color: #fff; - text-decoration: none; +/* HTML5 Boilerplate styles + ========================================================================== */ + +/* Basic Styles from HTML5 Boilerplate http://h5bp.com (generated via initializr.com)*/ + +html, +button, +input, +select, +textarea { + color: #222; } -.home .post, -.search .post, -.category .post { - padding: 10px 10px 10px 20px; - margin: 20px 0; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 5px; - background-color: #eeeeee; - position: relative; +::-moz-selection { + background: #b3d4fc; + text-shadow: none; } -.home .post .entry-title, -.search .post .entry-title, -.category .post .entry-title { - font-size: 140%; - margin-bottom: .2em; +::selection { + background: #b3d4fc; + text-shadow: none; } -.home .post header .entry-meta, -.search .post header .entry-meta, -.category .post header .entry-meta { - float: right; - margin: 0; +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; } -.home .post header .entry-meta .category, -.search .post header .entry-meta .category, -.category .post header .entry-meta .category { - padding: 3px; - margin-left: 5px; - background-color: #dddddd; - border: 1px solid #dddddd; - border-radius: 5px; +img { + vertical-align: middle; + max-width: 100%; } -.home .post header .entry-meta .category:hover, -.search .post header .entry-meta .category:hover, -.category .post header .entry-meta .category:hover { - background-color: #cccccc; +fieldset { + border: 0; + margin: 0; + padding: 0; } -.home .post header .entry-meta .category a, -.search .post header .entry-meta .category a, -.category .post header .entry-meta .category a { - color: #888888; - text-decoration: none; +textarea { + resize: vertical; } -.home .post .category-divider, -.search .post .category-divider, -.category .post .category-divider { - display: none; +.chromeframe { + margin: 0.2em 0; + background: #ccc; + color: #000; + padding: 0.2em 0; } -/*******************************************************************************/ -/* API Sites */ -/*******************************************************************************/ +/* @Fontface + ========================================================================== */ + +/* Add the Journal typeface to your CSS by including `JournalRegular` in the family font-stack. Font Awesome info next. + + I'm a Journal Header + +Additionally, Proxima Nova is served via Typekit for global use. Add `proxima-nova` to the fontstack. -.entry { - margin: 30px 0; + Proxima Nova Header +*/ + +@font-face { + font-family: 'JournalRegular'; + src: url('fonts/journal-webfont.eot'); + src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/journal-webfont.woff') format('woff'), + url('fonts/journal-webfont.ttf') format('truetype'), + url('fonts/journal-webfont.svg#JournalRegular') format('svg'); + font-weight: normal; + font-style: normal; } -.entry-wrapper { - border: 1px solid #CCC; - border-top: 0; - padding: 10px; - border-radius: 0 0 5px 5px; + @font-face { + font-family: "FontAwesome"; + src: url('fonts/fontawesome-webfont.eot'); + src: url('fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Font Awesome styles + ========================================================================== */ + +/*FontAwesome icons can be added via the `i` element or onto `h1`, `h2`, `h3`, `li` elements, etc. Some additional CSS styling may need to be done to get it to show up correctly. + + Twitter + +FontAwesome full icon reference found here http://fortawesome.github.com/Font-Awesome/#all-icons +*/ + +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + text-decoration: inherit; +} +a [class^="icon-"], a [class*=" icon-"] { + display: inline-block; + text-decoration: inherit; +} + /* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: top; + font-size: 1.3333333333333333em; +} +.btn [class^="icon-"], .btn [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + + line-height: .9em; +} +li [class^="icon-"], li [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { + /* 1.5 increased font size for icon-large * 1.25 width */ + + width: 1.875em; +} +li[class^="icon-"], li[class*=" icon-"] { + margin-left: 0; + list-style-type: none; +} +li[class^="icon-"]:before, li[class*=" icon-"]:before { + text-indent: -2em; + text-align: center; +} +li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { + text-indent: -1.3333333333333333em; +} + /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { content: "\f000"; } +.icon-music:before { content: "\f001"; } +.icon-search:before { content: "\f002"; } +.icon-envelope:before { content: "\f003"; } +.icon-heart:before { content: "\f004"; } +.icon-star:before { content: "\f005"; } +.icon-star-empty:before { content: "\f006"; } +.icon-user:before { content: "\f007"; } +.icon-film:before { content: "\f008"; } +.icon-th-large:before { content: "\f009"; } +.icon-th:before { content: "\f00a"; } +.icon-th-list:before { content: "\f00b"; } +.icon-ok:before { content: "\f00c"; } +.icon-remove:before { content: "\f00d"; } +.icon-zoom-in:before { content: "\f00e"; } + +.icon-zoom-out:before { content: "\f010"; } +.icon-off:before { content: "\f011"; } +.icon-signal:before { content: "\f012"; } +.icon-cog:before { content: "\f013"; } +.icon-trash:before { content: "\f014"; } +.icon-home:before { content: "\f015"; } +.icon-file:before { content: "\f016"; } +.icon-time:before { content: "\f017"; } +.icon-road:before { content: "\f018"; } +.icon-download-alt:before { content: "\f019"; } +.icon-download:before { content: "\f01a"; } +.icon-upload:before { content: "\f01b"; } +.icon-inbox:before { content: "\f01c"; } +.icon-play-circle:before { content: "\f01d"; } +.icon-repeat:before { content: "\f01e"; } + + /* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { content: "\f021"; } +.icon-list-alt:before { content: "\f022"; } +.icon-lock:before { content: "\f023"; } +.icon-flag:before { content: "\f024"; } +.icon-headphones:before { content: "\f025"; } +.icon-volume-off:before { content: "\f026"; } +.icon-volume-down:before { content: "\f027"; } +.icon-volume-up:before { content: "\f028"; } +.icon-qrcode:before { content: "\f029"; } +.icon-barcode:before { content: "\f02a"; } +.icon-tag:before { content: "\f02b"; } +.icon-tags:before { content: "\f02c"; } +.icon-book:before { content: "\f02d"; } +.icon-bookmark:before { content: "\f02e"; } +.icon-print:before { content: "\f02f"; } + +.icon-camera:before { content: "\f030"; } +.icon-font:before { content: "\f031"; } +.icon-bold:before { content: "\f032"; } +.icon-italic:before { content: "\f033"; } +.icon-text-height:before { content: "\f034"; } +.icon-text-width:before { content: "\f035"; } +.icon-align-left:before { content: "\f036"; } +.icon-align-center:before { content: "\f037"; } +.icon-align-right:before { content: "\f038"; } +.icon-align-justify:before { content: "\f039"; } +.icon-list:before { content: "\f03a"; } +.icon-indent-left:before { content: "\f03b"; } +.icon-indent-right:before { content: "\f03c"; } +.icon-facetime-video:before { content: "\f03d"; } +.icon-picture:before { content: "\f03e"; } + +.icon-pencil:before { content: "\f040"; } +.icon-map-marker:before { content: "\f041"; } +.icon-adjust:before { content: "\f042"; } +.icon-tint:before { content: "\f043"; } +.icon-edit:before { content: "\f044"; } +.icon-share:before { content: "\f045"; } +.icon-check:before { content: "\f046"; } +.icon-move:before { content: "\f047"; } +.icon-step-backward:before { content: "\f048"; } +.icon-fast-backward:before { content: "\f049"; } +.icon-backward:before { content: "\f04a"; } +.icon-play:before { content: "\f04b"; } +.icon-pause:before { content: "\f04c"; } +.icon-stop:before { content: "\f04d"; } +.icon-forward:before { content: "\f04e"; } + +.icon-fast-forward:before { content: "\f050"; } +.icon-step-forward:before { content: "\f051"; } +.icon-eject:before { content: "\f052"; } +.icon-chevron-left:before { content: "\f053"; } +.icon-chevron-right:before { content: "\f054"; } +.icon-plus-sign:before { content: "\f055"; } +.icon-minus-sign:before { content: "\f056"; } +.icon-remove-sign:before { content: "\f057"; } +.icon-ok-sign:before { content: "\f058"; } +.icon-question-sign:before { content: "\f059"; } +.icon-info-sign:before { content: "\f05a"; } +.icon-screenshot:before { content: "\f05b"; } +.icon-remove-circle:before { content: "\f05c"; } +.icon-ok-circle:before { content: "\f05d"; } +.icon-ban-circle:before { content: "\f05e"; } + +.icon-arrow-left:before { content: "\f060"; } +.icon-arrow-right:before { content: "\f061"; } +.icon-arrow-up:before { content: "\f062"; } +.icon-arrow-down:before { content: "\f063"; } +.icon-share-alt:before { content: "\f064"; } +.icon-resize-full:before { content: "\f065"; } +.icon-resize-small:before { content: "\f066"; } +.icon-plus:before { content: "\f067"; } +.icon-minus:before { content: "\f068"; } +.icon-asterisk:before { content: "\f069"; } +.icon-exclamation-sign:before { content: "\f06a"; } +.icon-gift:before { content: "\f06b"; } +.icon-leaf:before { content: "\f06c"; } +.icon-fire:before { content: "\f06d"; } +.icon-eye-open:before { content: "\f06e"; } + +.icon-eye-close:before { content: "\f070"; } +.icon-warning-sign:before { content: "\f071"; } +.icon-plane:before { content: "\f072"; } +.icon-calendar:before { content: "\f073"; } +.icon-random:before { content: "\f074"; } +.icon-comment:before { content: "\f075"; } +.icon-magnet:before { content: "\f076"; } +.icon-chevron-up:before { content: "\f077"; } +.icon-chevron-down:before { content: "\f078"; } +.icon-retweet:before { content: "\f079"; } +.icon-shopping-cart:before { content: "\f07a"; } +.icon-folder-close:before { content: "\f07b"; } +.icon-folder-open:before { content: "\f07c"; } +.icon-resize-vertical:before { content: "\f07d"; } +.icon-resize-horizontal:before { content: "\f07e"; } + +.icon-bar-chart:before { content: "\f080"; } +.icon-twitter-sign:before { content: "\f081"; } +.icon-facebook-sign:before { content: "\f082"; } +.icon-camera-retro:before { content: "\f083"; } +.icon-key:before { content: "\f084"; } +.icon-cogs:before { content: "\f085"; } +.icon-comments:before { content: "\f086"; } +.icon-thumbs-up:before { content: "\f087"; } +.icon-thumbs-down:before { content: "\f088"; } +.icon-star-half:before { content: "\f089"; } +.icon-heart-empty:before { content: "\f08a"; } +.icon-signout:before { content: "\f08b"; } +.icon-linkedin-sign:before { content: "\f08c"; } +.icon-pushpin:before { content: "\f08d"; } +.icon-external-link:before { content: "\f08e"; } + +.icon-signin:before { content: "\f090"; } +.icon-trophy:before { content: "\f091"; } +.icon-github-sign:before { content: "\f092"; } +.icon-upload-alt:before { content: "\f093"; } +.icon-lemon:before { content: "\f094"; } +.icon-phone:before { content: "\f095"; } +.icon-check-empty:before { content: "\f096"; } +.icon-bookmark-empty:before { content: "\f097"; } +.icon-phone-sign:before { content: "\f098"; } +.icon-twitter:before { content: "\f099"; } +.icon-facebook:before { content: "\f09a"; } +.icon-github:before { content: "\f09b"; } +.icon-unlock:before { content: "\f09c"; } +.icon-credit-card:before { content: "\f09d"; } +.icon-rss:before { content: "\f09e"; } + +.icon-hdd:before { content: "\f0a0"; } +.icon-bullhorn:before { content: "\f0a1"; } +.icon-bell:before { content: "\f0a2"; } +.icon-certificate:before { content: "\f0a3"; } +.icon-hand-right:before { content: "\f0a4"; } +.icon-hand-left:before { content: "\f0a5"; } +.icon-hand-up:before { content: "\f0a6"; } +.icon-hand-down:before { content: "\f0a7"; } +.icon-circle-arrow-left:before { content: "\f0a8"; } +.icon-circle-arrow-right:before { content: "\f0a9"; } +.icon-circle-arrow-up:before { content: "\f0aa"; } +.icon-circle-arrow-down:before { content: "\f0ab"; } +.icon-globe:before { content: "\f0ac"; } +.icon-wrench:before { content: "\f0ad"; } +.icon-tasks:before { content: "\f0ae"; } + +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } + +.icon-group:before { content: "\f0c0"; } +.icon-link:before { content: "\f0c1"; } +.icon-cloud:before { content: "\f0c2"; } +.icon-beaker:before { content: "\f0c3"; } +.icon-cut:before { content: "\f0c4"; } +.icon-copy:before { content: "\f0c5"; } +.icon-paper-clip:before { content: "\f0c6"; } +.icon-save:before { content: "\f0c7"; } +.icon-sign-blank:before { content: "\f0c8"; } +.icon-reorder:before { content: "\f0c9"; } +.icon-list-ul:before { content: "\f0ca"; } +.icon-list-ol:before { content: "\f0cb"; } +.icon-strikethrough:before { content: "\f0cc"; } +.icon-underline:before { content: "\f0cd"; } +.icon-table:before { content: "\f0ce"; } + +.icon-magic:before { content: "\f0d0"; } +.icon-truck:before { content: "\f0d1"; } +.icon-pinterest:before { content: "\f0d2"; } +.icon-pinterest-sign:before { content: "\f0d3"; } +.icon-google-plus-sign:before { content: "\f0d4"; } +.icon-google-plus:before { content: "\f0d5"; } +.icon-money:before { content: "\f0d6"; } +.icon-caret-down:before { content: "\f0d7"; } +.icon-caret-up:before { content: "\f0d8"; } +.icon-caret-left:before { content: "\f0d9"; } +.icon-caret-right:before { content: "\f0da"; } +.icon-columns:before { content: "\f0db"; } +.icon-sort:before { content: "\f0dc"; } +.icon-sort-down:before { content: "\f0dd"; } +.icon-sort-up:before { content: "\f0de"; } + +.icon-envelope-alt:before { content: "\f0e0"; } +.icon-linkedin:before { content: "\f0e1"; } +.icon-undo:before { content: "\f0e2"; } +.icon-legal:before { content: "\f0e3"; } +.icon-dashboard:before { content: "\f0e4"; } +.icon-comment-alt:before { content: "\f0e5"; } +.icon-comments-alt:before { content: "\f0e6"; } +.icon-bolt:before { content: "\f0e7"; } +.icon-sitemap:before { content: "\f0e8"; } +.icon-umbrella:before { content: "\f0e9"; } +.icon-paste:before { content: "\f0ea"; } + +.icon-user-md:before { content: "\f200"; } + + + /* Font Awesome + the iconic font designed for use with Twitter Bootstrap + ------------------------------------------------------- + The full suite of pictographic icons, examples, and documentation + can be found at: http://fortawesome.github.com/Font-Awesome/ + + License + ------------------------------------------------------- + The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: + http://creativecommons.org/licenses/by/3.0/ A mention of + 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable + source code is considered acceptable attribution (most common on the web). + If human readable source code is not available to the end user, a mention in + an 'About' or 'Credits' screen is considered acceptable (most common in desktop + or mobile software). + + Contact + ------------------------------------------------------- + Email: dave@davegandy.com + Twitter: http://twitter.com/fortaweso_me + Work: http://lemonwi.se co-founder + + */ + +/* Global Structure + ========================================================================== */ + +body { + -webkit-font-smoothing: antialiased; + color: #333; + font: 15px/20px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; +} + +#container { + background: url(../images/bg-body-jquery.jpg) no-repeat center top #065691; + margin: 0 auto; + padding: 0 20px; + } -.section-title { - background: #333 url(../i/examples-back.png) center -50px no-repeat; - border: 1px solid #111; - padding: 10px 15px; - font-size: 16px; - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); - letter-spacing: 0; - border-radius: 5px 5px 0 0; - font-weight: normal; - margin-bottom: 0; - overflow: hidden; +#body-jquery-ui #container { + background: url(../images/bg-body-ui.jpg) no-repeat center top #bb6e04; } -.returns { - float: right; - font-style: italic; +#body-jquery-mobile #container { + background: url(../images/bg-body-mobile.jpg) no-repeat center top #598611; } -.api-item .returns { - font-size: 16px; - color: #333; - font-weight: normal; -} - -.signatures { - background: #eee; - border: 1px solid #ccc; - margin: 0 auto 30px; - max-width: 750px; - border-radius: 3px; - color: #333; - text-shadow: 0 1px 0 #fff; -} - -.signatures li { - list-style: none; - margin: 0; - padding: 10px; +#body-sizzlejs #container { + background: url(../images/bg-body-sizzlejs.jpg) no-repeat center top #871a1f; } -.signatures h4 { - font-size: 16px; - letter-spacing: 0; - padding: 10px; - margin: -10px -10px 0; - color: #fff; - text-shadow: 0 1px 0 #444; +#body-qunitjs #container { + background: url(../images/bg-body-qunitjs.jpg) no-repeat center top #00733c; } -.signature:first-child h4 { - border-radius: 3px 3px 0 0; +#body-jquery-foundation #container { + background: url(../images/bg-body-foundation.jpg) no-repeat center top #178a9c; } -#methods .api-item li, -#events .api-item li { - margin-bottom: 1em; +#content-wrapper { + background-color: #fff; + -moz-box-shadow: 0 0 7px rgba(1, 1, 1, 0.87); + -webkit-box-shadow: 0 0 7px rgba(1, 1, 1, 0.87); + box-shadow: 0 0 7px rgba(1, 1, 1, 0.87); + max-width: 1240px; + padding: 40px; + margin: 0 auto; + border-radius: 0px 0px 10px 10px; + position: relative; } -#methods .api-item li ul, -#events .api-item li ul { - list-style: none; +.constrain { + max-width: 1240px; + margin: 0 auto; + padding: 0 20px; } -.version-details { - font-weight: bold; +#content { + float: left; + width: 68%; } -.section-title .version-details, -.name .version-details { +.content-right #content { float: right; - clear: right; - font-size: 12px; - color: #fff; } -.api-item { - padding: 20px 10px; -} -.signature li, -.api-item { - border-top: 1px solid #CCC; +.content-full #content { + width: 100%; + padding-left: 10%; + padding-right: 10%; } -.signature li:first-child, -.api-item.first-item { - border-top: none; - padding-top: 10px; +.content-full.full-width #content { + padding-left: 0; + padding-right: 0; } -.option-type { - font-size: 16px; - font-weight: normal; - color: #333; - float: right; -} -#options .default { - text-align: right; - font-size: 13px; - margin-top: -10px; -} +#sidebar { + float: right; + margin-right: -40px; + position: relative; + -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); + -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + padding: 3em 20px 3em 35px; /*0.5 * 16px = 8px*/ + -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; + box-shadow: inset 15px 0 5px -16px #e7e7e7; + background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); + background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: -moz-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: -o-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: -ms-radial-gradient(left, #f2f2f2, #ffffff 80%); + background-image: radial-gradient(left, #f2f2f2, #ffffff 80%); + width: 29%; + border: 0px; + border-left: 1px solid #efefef; + } -.desc { - font-size: 16px; - padding: 10px 15px; - color: #999; - font-style: italic; -} -.desc strong { - color: #444; - font-style: normal; -} +.sidebar-left #sidebar, +.content-right #sidebar { + float: left; + border-left: 0; + border-right: 1px solid #cccccc; + margin-left: -40px; + -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); + -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); + /*0.5 * 16px = 8px*/ + -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; + box-shadow: inset 15px 0 5px -16px #e7e7e7; + background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); + background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: -moz-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: -o-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: -ms-radial-gradient(right, #f2f2f2, #ffffff 80%); + background-image: radial-gradient(right, #f2f2f2, #ffffff 80%); + margin-bottom: 30px; + margin-bottom: 30px; + padding-right: 20px; + padding-left: 35px; + } -/*******************************************************************************/ -/* jQuery Core */ -/*******************************************************************************/ +/* Global Nav + ========================================================================== */ -html.jquery, .jquery #container { background: #065791 url(../i/bg-body-jquery.jpg) no-repeat center -20px; } +#global-nav { + background: url(../images/jq-global-nav.png) repeat-x 0 bottom #1b1b1b; +} + + +#global-project-select { + background: url(../images/bg-top.jpg) repeat; + height: 150px; + display: none; +} + +#global-nav ul { + margin: 0; + padding: 0; +} -.jquery h1.site-title a { - height: 72px; - background: url(../i/logo-jquery.png) no-repeat; +#global-project-select li { + display: inline-block; + width: 20%; + text-align: center; + padding-top: 20px; + height: 130px; + float: left; } -.jquery .border, .jquery #site-footer { border-color: #0C9DD6; } - -.jquery a, .jquery .title, .jquery .entry-title { color: #065791; } - -.jquery a:hover { - color: #333; +#global-project-select li a { + text-decoration: none; + display: block; + border-right: solid 1px rgba(0, 0, 0, 0.3); + border-left: solid 1px rgba(150, 150, 150, 0.08); + overflow: hidden; + padding: 0; + height: 110px; + position: relative; + } -.jquery #container header nav ul li a { - color: #FFF; +#global-project-select li:first-child a { + border-left: none; } -.jquery #container header nav { - border-top: solid 1px rgba(12,157,214,0.4); - background: rgba(0, 64, 108, 0.3); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; +#global-project-select li:last-child a { + border-right: none; } -/*******************************************************************************/ -/* jQuery Project */ -/*******************************************************************************/ - -html.jquery-project { background: #cab57e url(../i/bg-body-jquery-project.jpg) no-repeat center -30px; } - -.jquery-project h1.site-title a { - background: url(../i/logo-project.png) no-repeat; - height: 78px; - width: 275px; - left: -5px; - top: -1px; - position: relative; - margin-bottom: 9px; +#global-project-select li img { + margin-left: auto; + margin-right: auto; + display: block; + margin: 10px 10%; + width: 80%; } -/* other styles in jquery.org theme's style.css */ - -/* ===[ Sizzle ]=== */ - -html.sizzlejs, .sizzlejs #container { background: #8c0000 url(../i/bg-body-sizzlejs.jpg) no-repeat center -20px; } +#global-project-select li a em { + clear: both; + font-size: 13px; + color: #fff; + opacity: 0.25; + text-decoration: none; + text-align: center; + line-height: 15px; + text-shadow: black 0 -1px 0; + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -ms-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; + left: 20px; + right: 20px; + bottom: 10px; + position: absolute; +} -.sizzlejs h1.site-title a { - background: url(../i/logo-sizzlejs.png) no-repeat; - width: 275px; - height: 72px; - left: -14px; - position: relative; +#global-project-select li a:hover em { + opacity: 0.75; } -.sizzlejs .border, .sizzlejs footer { border-color: #c10000; } +#global-nav nav { + height: 34px; +} -.sizzlejs a, .sizzlejs .title, .sizzlejs .entry-title { color: #c10000; } +#global-nav nav ul { + text-align: left; + display: inline; + float: left; + margin: 1px 0 0; + list-style: none; + border-right: 1px solid rgba(255, 255, 255, 0.0976562); + border-left: 1px solid rgba(0, 0, 0, 0.347656); +} -.sizzlejs footer a { color: #fff; } +#global-nav nav ul.links { + float: right; +} -.sizzlejs #container header nav { - border-top: solid 1px rgba(236,0,0,0.3); - background: rgba(110,0,0,0.5); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(90,0,0,0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(90,0,0,0.5) 0 -3px 5px; +#global-nav nav ul li { + font: bold 13px/17px sans-serif; + display: inline-block; + float: left; + position: relative; + padding: 8px 12px; + cursor: pointer; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; + text-shadow: 0 0px 2px #000; + border-left: 1px solid rgba(255, 255, 255, 0.0976562); + border-right: 1px solid rgba(0, 0, 0, 0.347656); } +#global-nav nav ul li:hover { + background: url(../images/bg-footer-noise.jpg) #000; + color: #fff; +} -/* ===[ QUnit ]=== */ +#global-nav nav ul li i { + height: 1em; +} -html.qunitjs, .qunitjs #container { background: #00733c url(../i/bg-body-qunitjs.jpg) no-repeat center -20px; } +#global-nav nav ul li a { + color: #e6e6e6; + font-weight: normal; + font-style: normal; + text-decoration: none; +} -.qunitjs h1.site-title a { - background: url(../i/logo-qunitjs.png) no-repeat; - width: 275px; - height: 72px; - left: -14px; - position: relative; +#global-nav nav ul li ul { + padding: 0; + position: absolute; + top: 32px; + left: -2px; + width: 120px; + display: none; + opacity: 0; + visibility: hidden; + -webkit-transiton: opacity 0.2s; + -moz-transition: opacity 0.2s; + -ms-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -transition: opacity 0.2s; + -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); + z-index: 400; } -.qunitjs .border, .qunitjs footer { border-color: #1d923c; } +#global-nav nav ul li:last-child ul { + left: -62px; +} -.qunitjs a, .qunitjs .title, .qunitjs .entry-title { color: #730E00; } +#global-nav nav ul li ul li { + background: url(../images/bg-footer-noise.jpg) #000; + display: block; + color: #fff; + float: none; +} -.qunitjs footer a { color: #fff; } +#global-nav nav ul li ul li:hover { background: #000; } +#global-nav nav ul li:hover ul { + display: block; + opacity: 1; + visibility: visible; +} -.qunitjs #container header nav { - border-top: solid 1px rgba(58,178,59,0.5); - background: rgba(0,85,44,0.5); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(1,67,35,0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.2) 0 -1px 0, inset rgba(1,67,35,0.5) 0 -3px 5px; +#global-nav nav ul.projects li.jquery, +#global-nav nav ul.projects li.jquery-ui, +#global-nav nav ul.projects li.jquery-mobile { + width: 42px; + padding-left: 0px; + padding-right: 0px; + text-indent: -1000px; + background: url(../images/jq-nav-icons.png) -2px 0; } -/*******************************************************************************/ -/* Global Logo */ -/*******************************************************************************/ +#global-nav nav ul.projects li.jquery-ui { + background-position: -53px 0px; +} -h1.site-title a { - background: url(../i/logo-project.png) no-repeat; - height: 71px; - width: 257px; - float: left; - display: block; - line-height: 999px; - overflow: hidden; - margin: 25px 0 15px 10px; +#global-nav nav ul.projects li.jquery-mobile { + background-position: -103px 0px; } -h1 a:hover { cursor: pointer; } +#body-jquery #global-nav nav ul.projects li.jquery { + background-position: 0 bottom; + width: 52px; + position: relative; + margin-top:1px; + border: none; +} -/*******************************************************************************/ -/* Global Tooltips */ -/*******************************************************************************/ +#body-jquery #global-nav nav ul.projects { + border-left: none; +} -.tooltip { - display: none; - position: absolute; - z-index: 10; - width: 386px; - height: 121px; - background: url(../i/bg-tooltip.png) no-repeat; - z-index: 400; +#body-jquery #global-nav nav ul.projects li.jquery-ui { + border-left: none; } -.jquery.tooltip { margin: -10px 0 0 -10px; } +#body-jquery-ui #global-nav nav ul.projects li.jquery-ui { + background-position: -50px bottom; + width: 52px; + position: relative; + margin-top:1px; + border: none; +} -.jquery-ui.tooltip { margin: -10px 0 0 26px; } +#body-jquery-ui #global-nav nav ul.projects li.jquery { + border-right: none; +} -.jquery-mobile.tooltip { margin: -10px 0 0 64px; } +#body-jquery-ui #global-nav nav ul.projects li.jquery-mobile { + border-left: none; +} -.tooltip .branding, .tooltip .branding:hover { - position: absolute; - float: none; - text-indent: 0; - top: 25px; - left: 22px; - width: auto; - height: auto; +#body-jquery-mobile #global-nav nav ul.projects li.jquery-mobile { + background-position: -100px bottom; + width: 52px; + position: relative; + margin-top:1px; border: none; - background: none; } -.tooltip ul { - position: absolute; - top: 20px; - left: 240px; - width: 130px; - font-size: 9pt; - padding: 3px 0 0 0; - border-left: solid 1px #333; - border-left: solid 1px rgba(255,255,255,0.1); - text-shadow: rgba(0,0,0,0.9) 0 1px 0; - -webkit-box-shadow: rgba(0,0,0,0.2) -1px 0 0; - box-shadow: rgba(0,0,0,0.2) -1px 0 0; - display: block; - float: none; - height: auto; +#body-jquery-mobile #global-nav nav ul.projects li.jquery-ui { border-right: none; } -.tooltip li { - float: none; - padding: 0; - margin: 0; - padding-left: 10px; - list-style: none; +#body-jquery-mobile #global-nav nav ul.projects li.jquery-mobile { + border-right: none; } -.tooltip li a, .tooltip li a:hover { - display: block; - height: 17px; - line-height: 17px; - color: #999; - float: none; - background: none; - text-indent: 0; - border: none; - text-decoration: none; +#body-jquery-mobile #global-nav nav ul.projects li.toggle-projects { + border-left: none; } -.tooltip li a:hover { color: #fff; } -/*******************************************************************************/ -/* Global Project Select */ -/*******************************************************************************/ +/* Logo & Navigation + ========================================================================== */ -.project-select { - background: #222 url(../i/bg-top.jpg) center bottom repeat-x; - position: absolute; - padding: 5px 0 0 0; - margin: -155px 0 0 0; - height: 150px; - width: 100%; +#logo-events { + clear: both; + padding-top: 25px; + padding-bottom: 20px; } -.project-select ul li { - height: 140px; - list-style: none; - display: block; +h2.logo { float: left; - width: 20%; margin: 0; - padding: 10px 0 0; + width: 243px; } -.project-select ul li a { +h2.logo a { + float: left; display: block; - height: 130px; - border-right: solid 1px rgba(0, 0, 0, 0.3); - border-left: solid 1px rgba(150, 150, 150, 0.08); + height: 66px; overflow: hidden; - text-align: center; - position: relative; - text-decoration: none; + text-indent: -1000px; } -.project-select ul li:hover a em { opacity: 0.75; } +#body-jquery h2.logo a { + width: 243px; + background: url(../images/logo-jquery.png) no-repeat; +} -.project-select ul li a em { - display: block; - color: #fff; - opacity: 0.25; - text-shadow: black 0 -1px 0; - line-height: 140%; - font-size: 9pt; - margin-top: 10px; - left: 20px; - right: 20px; - bottom: 15px; - position: absolute; - text-decoration: none; - -webkit-transition: all 500ms ease-in-out; - -moz-transition: all 500ms ease-in-out; - -o-transition: all 500ms ease-in-out; - -ms-transition: all 500ms ease-in-out; - transition: all 500ms ease-in-out; +#body-jquery-ui h2.logo a { + width: 253px; + background: url(../images/logo-jquery-ui.png) no-repeat; } -.project-select ul li a img { - width: 84%; - margin: 10px 5%; +#body-jquery-mobile h2.logo a { + width: 268px; + background: url(../images/logo-jquery-mobile.png) no-repeat; } -/*******************************************************************************/ -/* Global header */ -/*******************************************************************************/ +#body-sizzlejs h2.logo a { + width: 243px; + background: url(../images/logo-sizzle.png) no-repeat; +} -body > header { - background: url(../i/jq-global-nav.png) 0 -68px repeat-x; - font-size: 13px; +#body-qunitjs h2.logo a { + width: 243px; + background: url(../images/logo-qunit.png) no-repeat; } -header nav.top { height: 32px; } +#body-jquery-foundation h2.logo a { + width: 243px; + background: url(../images/logo-jquery-foundation.png) no-repeat; +} -header nav.top ul { - margin: 0; - padding: 0; - float: left; - display: block; - width: auto; - height: 31px; - line-height: auto; - border-right: 1px solid rgba(255, 255, 255, 0.0976562); - border-left: 1px solid rgba(0, 0, 0, 0.347656); +#logo-events aside { + float: right; } -header nav.top li { - height: 31px; +nav#main { + background-color: rgba(0, 0, 0, 0.18); + border-radius: 10px 10px 0 0; + border-right: 1px solid rgba(2, 2, 2, 0.28); + border-left: 1px solid rgba(2, 2, 2, 0.28); + border-top: 1px solid rgba(250, 250, 250, 0.27); + -webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; + box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0, 64, 108, 0.5) 0 -3px 5px; +} + +nav#main ul { margin: 0; - padding: 0; float: left; - display: block; - position: relative; - border-left: 1px solid rgba(255, 255, 255, 0.0976562); - border-right: 1px solid rgba(0, 0, 0, 0.347656); + width: 70%; + padding-top: 10px; + padding-bottom: 10px; } -header nav.top li:hover a, header nav.top li.active a { background: rgba(0,0,0,0.1); } - -header nav.top ul.links li.dropdown:hover, header nav.top ul.dropdown.links li.active { } - -header nav.top ul.links li.dropdown:hover ul, header nav.top ul.links li.dropdown.active ul { display: block; } - -header nav.top li.dropdown:hover a, header nav.top li.dropdown.active a { background: transparent url(../i/jq-global-noise-only.png); } - -header nav.top li ul { - display: none; - position: absolute; - top: 30px; - left: -1px; +nav#main li { + display: inline; + text-transform: uppercase; float: left; - min-width: 120px; - height: auto; - border-left: solid 1px #333; - border-right: solid 1px #111; - border-bottom: solid 1px #111; - padding: 0 0 5px 0; - -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 4px; - box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 4px; - z-index: 999; - background: transparent url(../i/jq-global-noise-only.png); + font: normal normal 13px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + margin-right: 10px; } -header nav.top li ul.last { margin-left: -60px; } - -header nav.top li ul li { - float: none; - border: none; - padding: 0 5px; +nav#main li a { + color: #fff; + text-decoration: none; + padding: 6px 10px; + display: block; + border: 1px solid transparent; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76); } -header nav.top li ul li a { - float: none; - border: none; - height: 27px; - line-height: 27px; - white-space: nowrap; - border-radius: 5px; +nav#main li a:hover, +nav#main li.current a, +nav#main .searchform { + background: none; + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; + box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.25); + color: #fff; + text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px; } -header nav.top li ul li a:hover { color: #fff; } - -header nav.top .links { +nav#main .searchform { float: right; + width: 28%; + margin-top: 12px; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; position: relative; - top: 1px; } + -header nav.top li a { - float: left; - display: block; - color: #e6e6e6; +nav#main .searchform input { text-decoration: none; - padding: 0px 13px; - height: 32px; - line-height: 31px; - text-shadow: black 0px -1px 0px, black 0px 0px 2px; + font: 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif; + padding: 5px 10px; + background-color: transparent; + border-style: none; + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76); + width: 75%; } -header nav.top li a { - color: #fff !important; +nav#main .searchform i { + position: absolute; + right: 10px; + top: 3px; + bottom: 3px; + border-left: 1px solid rgba(7, 7, 7, 0.65); + padding-left: 7px; + opacity: 0.33; + color: #fff; } -.jquery header nav.top li.jquery, .jquery-ui header nav.top li.jquery-ui, .jquery-mobile header nav.top li.jquery-mobile { - border: none; - margin: 1px 0 0 -5px; - -webkit-box-shadow: none; - box-shadow: none; +/* Typography & Global Styles + ========================================================================== */ + +#content a { + text-decoration: underline; } -header nav.top li.jquery a, header nav.top li.jquery-ui a, header nav.top li.jquery-mobile a { - background: url(../i/jq-nav-icons.png) no-repeat; - height: 34px; - width: 37px; - padding: 0; - text-align: center; - display: block; - line-height: 999px; - overflow: hidden; +#content a:hover { + text-decoration: none; } -header nav.top li.jquery { } +#sidebar a { + text-decoration: none; +} -.jquery header nav.top li.jquery { margin-right: -4px; } +#sidebar a:hover { + text-decoration: underline; +} -header nav.top li.jquery-ui { } +p { + margin-bottom: 20px; + margin-top: 0; +} -.jquery-ui header nav.top li.jquery-ui { margin-right: -4px; } +b, strong { + font-weight: bold; + color: #1a1a1a; +} -header nav.top li.jquery-mobile { } +em, i { + color: #6d6d6d; + font-style: italic; +} -.jquery-mobile header nav.top li.jquery-mobile { margin-right: -4px; } +hr { + background-image: url(../images/gauze.png); + height: 1em; + border: none; + margin-top: 2em; + margin-bottom: 2em; +} + +pre, code { + font: 15px/18px "Courier New", Courier, mono; + word-spacing: 0; +} -header nav.top li.jquery a { background-position: 11px 1px; } +pre { + margin-bottom: 20px; + padding: 20px 40px; + color: #ccc; + background-color: #292929; + margin-left: -40px; + margin-right: -40px; +} -.jquery header nav.top li.jquery a { - width: 48px; - height: 40px; - border: none; - background-position: 0px -36px; +code { + font-size: 15px; + padding: 3px; + background-color: #e2e2e2; + text-shadow: 0 1px 0 #ffffff; + border-radius: 3px; +} + +pre code { + background-color: transparent; + text-shadow: 0 -1px 0 #000000; + font-size: 16px; + font-weight: bold; } -.jquery header nav.top ul.projects { border-left-color: transparent; } +#content code a { + text-decoration: none; +} + +pre strong, pre b { + color: #fff; + font-weight: bold; +} + +#content blockquote { + margin-left: 0; + margin-right: 0; + margin-top: 20px; + margin-bottom: 20px; +} -.jquery header nav.top li.jquery-ui { border-left-color: transparent; } -header nav.top li.jquery-ui a { background-position: -39px 1px; } +#content blockquote p { + font: italic normal 23px/26px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #828282; + margin-left: 0; + margin-bottom: 0px; + padding: 20px 30px; + position: relative; + text-shadow: 0 1px 0 #ffffff; + background-color: #f2f2f2; +} + +#content ol, +#content ul { + margin: 0 0 20px 20px; +} -.jquery-ui header nav.top li.jquery-ui a { - width: 48px; - height: 40px; - border: none; - background-position: -50px -36px; +#content ul ul { + margin-bottom: 0; +} + +#content li { + padding-bottom: 5px; + padding-top: 5px; + padding-left: 20px; + line-height: 20px; +} + +#content ul li { + list-style-type: none; + background: url(../images/bullet.png) no-repeat 0 10px; +} + +#content ul.block-grid li { + background: none; +} + +#content ol { + counter-reset:li; /* Initiate a counter */ +} + +#content ol > li { + position:relative; /* Give each list item a left margin to make room for the numbers */ + list-style:none; + padding-left: 10px; + margin-right: 0; + margin-top: 0; + margin-left: 30px; +} +#content ol > li:before { + content:counter(li); /* Use the counter as content */ + counter-increment:li; /* Increment the counter by 1 */ + /* Position and style the number */ + position:absolute; + top:6px; + left:-25px; + box-sizing:border-box; + width: 20px; + /* Some space between the number and the content in browsers that support + generated content but not positioning it */ + color:#fff; + text-align:center; + background-color: #ababab; + height: 19px; + width: 19px; + padding-top: 0px; + font: bold 11px/19px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + border-radius: 12px; +} + +.lt-ie8 #content ol, +.lt-ie7 #content ol { + margin-left:20px; +} + +.lt-ie8 #content ol li, +.lt-ie7 #content ol li { + margin-left: 30px; + list-style-type: decimal; + padding-left: 0px; +} + +#content img.full, +#content figure.full { + display: block; + width: 100%; + max-width: 100%; } -.jquery-ui header nav li.jquery-mobile { border-left-color: transparent; } +.lt-ie8 #content figure img { + position: relative; +} -.jquery-ui header nav li.jquery { border-right-color: transparent; } +.lt-ie7 #content figure.full, +.lt-ie8 #content figure.full { + width: 99%; +} -header nav.top li.jquery-mobile a { background-position: -91px 1px; } +#content img.full, +#content img.left, +#content img.right, +#banner img.full { + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); +} -.jquery-mobile header nav.top li.jquery-mobile a { - width: 48px; - height: 40px; +#content img.noborder, +#content figure.noborder { + box-shadow: none; border: none; - background-position: -100px -36px; + background: none; +} + +#content img.full, +#content img.left, +#content img.right, +#content figure.full, +#content figure.left, +#content figure.right { + margin-bottom: 20px; + float: left; } -.jquery-mobile header nav.top li.jquery-ui { border-right-color: transparent; } +#content img.right, +#content figure.right { + float: right; + margin-left: 15px; +} -.jquery-mobile header nav.top li.toggle-projects { border-left-color: transparent; } +.lt-ie8 #content img.right, +.lt-ie8 #content figure.right, +.lt-ie7 #content img.right, +.lt-ie7 #content figure.right { + float: left; + margin-left: 0px; + margin-right: 15px; +} -header nav.top li.toggle-projects a { - padding-right: 30px; - background-image: url(../i/icon-arrow.png); - background-repeat: no-repeat; - background-position: 100% 0; +#content img.left, +#content figure.left { + margin-right: 15px; } -header nav.top li.toggle-projects.active a { - background-position: 100% -32px; - background-color: transparent; - /* text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0, rgba(255, 255, 255, 0.8) 0 0 6px;*/ + +#content figure img { + margin: 0px !important; + margin-bottom: 0px !important; +} + +#content figcaption { + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); + font: italic 500 12px/20px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + padding-left: 10px; + padding-right: 10px; + padding-top: 5px; + padding-bottom: 5px; + color: #737272; + clear: both; + margin-top: -10px; + background-color: #f2f2f2; +} + +#content figure.noborder figcaption { + box-shadow: none; + background: none; + text-align: center; +} + +#content .embed, +#content .embed_media { + position: relative; + padding-bottom: 56.25%; /* 16/9 ratio */ + padding-top: 30px; /* IE6 workaround*/ + height: 0; + overflow: hidden; + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); + margin-bottom: 20px; +} + +#portfolio.media #banner .embed { + margin-bottom: 40px; +} + +.embed iframe, +.embed_media iframe, +.embed object, +.embed_media object, +.embed embed, +.embed_media embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + + +#content h1 { + font: normal 36px/36px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; +} + +.content-full #content h1 { + text-align: center; +} + +#content h2 { + font: normal 24px/24px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #333; + margin-bottom: 10px; +} + +#content h3 { + font: normal normal 20px/20px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #666; + margin-bottom: 10px; + margin-top: 12px; +} + +#content h1.block, +#content h2.block { + padding: 10px 2%; + background: url(../images/gauze.png) #ececec; + text-shadow: 0 1px 0 #ffffff; +} + +p.author { + color: #ababab; + font-family: Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + margin-top: -20px; +} + +p.author a { + color: #ababab; +} + +.meta { + padding: 2%; + padding-bottom: .5%; + margin-bottom: 20px; + font-family: Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + color: #666; + background: url(../images-foundation/gauze.png) #f0f0f0; + text-shadow: 0 1px 0 #ffffff; } +#banner-large-image { + text-align: center; + margin-bottom: 30px; + +} + +#banner-large-image .vertically-centered-black-bg { + height: 50%; + width: 100%; + margin-top: 24%; + display: block; + background-color: rgba(0, 0, 0, 0.68); + position: absolute; + padding-top: 3.5%; +} -/*******************************************************************************/ -/* Global Banner */ -/*******************************************************************************/ -#banner { - background: url(../i/dark-grey-tile.png) #333; - margin: -25px -25px 15px; +#banner-large-image h1, #banner-large-image h2 { + font: bold 60px/60px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; + margin-bottom: 0; color: #fff; + text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); } -#banner .glow { - padding: 40px; - /* IE9 SVG, needs conditional override of 'filter' to 'none' */ - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNDIiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); - background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 31%, rgba(0,0,0,0.42) 100%); /* FF3.6+ */ - background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(31%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.42))); /* Chrome,Safari4+ */ - background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* Opera 12+ */ - background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* IE10+ */ - background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.42) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -} - -#banner h1 { + +#banner-large-image p { + color: #CCCCCC; + font: 24px/36px Proxima-Nova; + letter-spacing: -1px; +} + +#banner h3 { + font-family: "JournalRegular", Georgia, "Times New Roman", Times, serif; +} + + +#banner-secondary { + background-image: url(../images/dark-grey-tile.png); + margin-top: -40px; + margin-left: -40px; + margin-right: -40px; + padding: 20px 40px; + margin-bottom: 30px; +} + +#banner-secondary h2, +#banner-secondary h1 { + font: bold 45px/50px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; + margin-bottom: 0; + color: #fff; + text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); +} + +#banner-secondary p { + color: #ccc; + font: 26px/26px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + letter-spacing: -1px; + padding-left: 15%; + padding-right: 15%; +} + +#banner-secondary.large-banner { text-align: center; + padding-top: 30px; + padding-bottom: 30px; +} - color: #AAA; - text-shadow: #fff 1px 1px 0; +#banner-secondary.large-banner h1, +#banner-secondary.large-banner h2 { font-size: 60px; - line-height: 63px; + line-height: 60px; + margin-bottom: 10px; +} + +.center-txt { + text-align: center !important; +} + +.callout-block { + background-image: url(../images/gauze.png); + padding: 20px; +} + +/* Buttons + ========================================================================== */ + +a.button, +#content a.button, +.button, +input[type="submit"] { + border-radius: 5px; + border: 1px solid #999; + -webkit-box-shadow: + 0 0 5px rgba(0, 0, 0, 0.28), + inset 0 1px 0 rgba(255, 255, 255, 0.45), + inset 0px -1px 0px rgba(255, 255, 255, 0.45), + inset 1px 0px 0px rgba(255, 255, 255, 0.45), + inset -1px 1px 0px rgba(255, 255, 255, 0.45); + box-shadow: + 0 0 5px rgba(0, 0, 0, 0.28), + inset 0 1px 0 rgba(255, 255, 255, 0.45), + inset 0px -1px 0px rgba(255, 255, 255, 0.45), + inset 1px 0px 0px rgba(255, 255, 255, 0.45), + inset -1px 1px 0px rgba(255, 255, 255, 0.45); + text-decoration: none; + color: #fff !important; + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); + padding: 8px 15px; + font: bold 16px/16px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; + background-color: #d18f4f; + float: left; +} + +a.button:hover, +#content a.button:hover, +.button:hover, +input[type="submit"]:hover { + background-color: #cc8540; +} + +a.button.large, +#content a.button.large, +button.large, +input[type="submit"].large { + font-size: 20px; + padding: 12px 20px; +} + +a.button.dark, +#content a.button.dark, +.button.dark, +input[type="submit"].dark { + background-color: #666; +} + +a.button.dark:hover, +#content a.button.dark:hover, +.button.dark:hover, +input[type="submit"].dark:hover { + background-color: #424141; +} + +/* Sidebar + ========================================================================== */ + +#sidebar h3 { + font: normal normal 20px/18px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; + background-image: -webkit-gradient(linear, left bottom, right bottom, from(#efefef), to(#f3f3f3)); + background-image: -moz-linear-gradient(360deg, #efefef 0%, #f3f3f3 100%); + margin-left: -35px; + margin-right: -20px; + padding: 12px 20px 12px 30px; + text-shadow: 0 1px 0 #ffffff; +} + +#sidebar li { + padding-bottom: 8px; + padding-top: 8px; + padding-left: 20px; + line-height: 20px; + list-style-type: none; + background: url(../images/bullet.png) no-repeat 0 14px; + text-shadow: 0 1px 0 #ffffff; +} + +#sidebar li a { + color: #4d4d4d; + text-decoration: none; +} + +#sidebar nav#secondary li { + background-image: none; + padding-left: 0; +} + +#sidebar nav#secondary li.current { + background-color: #e2e2e2; + margin-left: -35px; + margin-right: -20px; + padding-left: 35px; font-weight: bold; } -#banner h2 { - color: #71d1ff; - font: normal normal 56px/56px "JournalRegular", Georgia, "Times New Roman", Times, serif; - text-align: center; +/* Footer Grid + ========================================================================== */ + +.col, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { + float: left; + padding-right: 3%; } -/*******************************************************************************/ -/* Global Footer */ -/*******************************************************************************/ +.col4-1 { width: 21% } +.col4-2 { width: 47% } +.col4-3 { width: 72% } -#site-footer { - position: relative; - bottom: 0; - width: 100%; - margin: 30px 0 0 0; - padding-bottom: 15px; - border-top: 1px solid #6b6868; - background-color: #212121; - z-index: 10; +.col7-1 { width: 15.2% } +.col7-2 { width: 27% } +.col7-3 { width: 40.9% } + +.col3-1 { width: 30% } +.col3-2 { width: 63% } + +.col2-1 { width: 47% } + +.col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { + margin-left: 0; + clear: left; +} + +/* == Footer + ========================================================================== */ + +footer { + background: url(../images/bg-footer-noise.jpg) repeat; + margin-top: -20px; + padding-top: 40px; } -#site-footer .cdn { +footer.simple { + padding-top: 45px; + padding-bottom: 10px; +} + +footer a, +footer strong { + color: #fff; + text-decoration: none; +} + +footer .cdn { border-radius: 4px; - background: #000 url(../i/cdn-download.png) center center repeat-x; + background: repeat-x center center #000; width: 96%; margin-left: 2%; height: 30px; @@ -1521,13 +1988,13 @@ header nav.top li.toggle-projects.active a { box-shadow: rgba(255,255,255,0.15) 0 1px 0; } -#site-footer .cdn ~ .cdn { margin-top: 5px; } +footer .cdn ~ .cdn { margin-top: 5px; } -#site-footer .cdn ~ .cdn strong { text-align: right; } +footer .cdn ~ .cdn strong { text-align: right; } .no-boxshadow { border-bottom: solid 1px #333; } -#site-footer .cdn strong { +footer .cdn strong { text-align: center; height: 26px; text-align: left; @@ -1540,17 +2007,17 @@ header nav.top li.toggle-projects.active a { background: #777; color: #fff; text-shadow: #000 0 -1px 0; - font-weight: normal; + font-weight: bold; background-color: #7a7a7a; background-image: -moz-linear-gradient(top, #7a7a7a, #5e5e5e); /* FF3.6 */ - background-image: -o-linear-gradient(top, #7a7a7a, #5e5e5e); /* Opera 12.0 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7a7a7a),color-stop(1, #5e5e5e)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#7a7a7a, #5e5e5e); /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #7a7a7a, #5e5e5e); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a7a7a', EndColorStr='#5e5e5e'); /* IE6–IE9 */ + font-family: Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } -#site-footer .cdn strong:after { +footer .cdn strong:after { content: ""; display: block; position: absolute; @@ -1562,7 +2029,7 @@ header nav.top li.toggle-projects.active a { border-radius: 3px 0 0 3px; } -#site-footer .cdn strong em { +footer .cdn strong em { font-style: normal; color: #ccc; font-family: Consolas, Monaco, monospace; @@ -1573,7 +2040,7 @@ header nav.top li.toggle-projects.active a { text-align: right; } -#site-footer .cdn input { +footer .cdn input { display: inline-block; width: 100%; background: inherit; @@ -1585,29 +2052,29 @@ header nav.top li.toggle-projects.active a { font-size: 12px; } -#site-footer .cdn input:focus { outline: none; } +footer .cdn input:focus { outline: none; } -#site-footer .download { +footer .download { text-align: center; color: #fff; padding: 10px 2% 15px 2%; line-height: 140%; } -#site-footer .download strong { margin-right: 10px; } +footer .download strong { margin-right: 10px; } -#site-footer .download > span { white-space: nowrap; } +footer .download > span { white-space: nowrap; } -#site-footer .download a { margin: 0 10px; } +footer .download a { margin: 0 10px; } -#site-footer .download a em { +footer .download a em { font-style: normal; color: #aaa; } -#site-footer .download a:hover { border-bottom: solid 1px #888; } +footer .download a:hover { border-bottom: solid 1px #888; } -#site-footer .footer-icon-links { +footer .footer-icon-links { padding: 15px 0; margin: 0 2%; border-top: solid 1px #333; @@ -1615,76 +2082,61 @@ header nav.top li.toggle-projects.active a { box-shadow: #000 0 -1px 0; } -#site-footer .footer-icon-links li { - width: 33%; - margin-left: 2%; +footer .footer-icon-links li { + width: 22%; + margin-left: 11%; float: left; } -#site-footer .footer-icon-links li.icon-bugs { width: 27%; } -#site-footer .footer-icon-links li a { +footer .footer-icon-links li a { display: block; - padding-left: 40px; line-height: auto; font-size: 18px; float: left; position: relative; + width: auto; + text-align: left; + padding-left: 10px; } -#site-footer .footer-icon-links li.footer-icon a, -#site-footer .footer-icon-links li.footer-icon a span { background: url(../i/footer-icons-large.png) no-repeat; } - -#site-footer .footer-icon-links li.footer-icon a span { - content: ""; - display: block; - opacity: 0; - width: 34px; - height: 32px; +footer .footer-icon-links li a:before { position: absolute; - left: 0; - top: 0; + left: -35px; + top: 10px; + font-size: 2em; + color: #4d4d4d; + text-shadow: 0 -1px 0 #000000; } -#site-footer .footer-icon-links li.icon-github a { background-position: 0 0;} -#site-footer .footer-icon-links li.icon-forum a { background-position: 0 -123px;} -#site-footer .footer-icon-links li.icon-bugs a { background-position: 0 -249px;} - -#site-footer .footer-icon-links li.icon-github a span { background-position: -251px 0;} -#site-footer .footer-icon-links li.icon-forum a span { background-position: -251px -123px;} -#site-footer .footer-icon-links li.icon-bugs a span { background-position: -251px -249px;} - -.no-js #site-footer .footer-icon-links li.footer-icon a:hover span { opacity: 1.0; } - -#site-footer .footer-icon-links li small { +footer .footer-icon-links li small { display: block; font-size: 14px; color: #777; line-height: 120%; } -#site-footer .footer-icon-links li:first-child { margin-left: 0%; } +footer .footer-icon-links li:hover a:before { + color: #d1d1d1; +} + -.multiplebgs.cssgradients #site-footer { - background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../i/bg-footer-noise.jpg); /* FF3.6 */ - background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0.3)),color-stop(1, rgba(0,0,0,0.0))), url(../i/bg-footer-noise.jpg); /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../i/bg-footer-noise.jpg); /* Chrome 10+, Saf6 */ +.multiplebgs.cssgradients footer { + background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../images/bg-footer-noise.jpg); /* FF3.6 */ + background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0.3)),color-stop(1, rgba(0,0,0,0.0))), url(../images/bg-footer-noise.jpg); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../images/bg-footer-noise.jpg); /* Chrome 10+, Saf6 */ background-repeat: repeat-x, repeat; background-size: 100px 15px, 140px 140px; } -.no-multiplebgs #site-footer, .no-cssgradients #site-footer { - background-image: url(../i/bg-footer-noise.jpg); +.no-multiplebgs footer, .no-cssgradients footer { + background-image: url(../images/bg-footer-noise.jpg); background-repeat: repeat; } -#site-footer h3 { +footer h3 { color: #777; - font-size: 14px; - font-weight: bold; letter-spacing: normal; - font-weight: normal; - font-family: 'Gill Sans MT', 'GillSans MT', 'Gill Sans', GillSans, Arial, Helvetica, sans-serif; text-transform: uppercase; text-shadow: #000 0 1px 0; border: solid 1px #000; @@ -1695,17 +2147,19 @@ header nav.top li.toggle-projects.active a { text-align: center; height: 10px; margin-top: 20px; + font: normal 14px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } -#site-footer h3 span { +footer h3 span { display: inline-block; padding: 3px 10px; position: relative; top: -0.8em; - background: url(../i/bg-footer-noise.jpg) repeat; + background: url(../images/bg-footer-noise.jpg) repeat #212121; + z-index: 1; } -#site-footer h3:after { +footer h3:after { content: ""; position: absolute; left: 0; @@ -1715,7 +2169,7 @@ header nav.top li.toggle-projects.active a { border: solid 1px #333; border-bottom: none; border-radius: 4px 4px 0 0; - z-index: -10; + } .footer-site-links { @@ -1725,7 +2179,7 @@ header nav.top li.toggle-projects.active a { text-align: right; } -#site-footer p.copyright { +footer p.copyright { margin: 10px 0 0 0; float: left; width: 40%; @@ -1734,93 +2188,74 @@ header nav.top li.toggle-projects.active a { color: #777; } -#site-footer p.copyright a { color: #aaa; } +footer p.copyright a { color: #aaa; } -#site-footer p.copyright a:hover { color: #fff; } +footer p.copyright a:hover { color: #fff; } -#site-footer p.copyright > br { display: none; } +footer p.copyright > br { display: none; } -#site-footer p.copyright span.sponsor-line { +footer p.copyright span.sponsor-line { display: block; font-size: 10px; margin: 1px 0 0 0; } -#site-footer p.copyright a.mt-link { - background: url(../i/logo-mediatemple.png) left 1px no-repeat; - padding-left: 31px; -} - -#site-footer li.icon { +footer .footer-site-links li { position: relative; background: none; width: auto; height: auto; line-height: 20px; - margin: 0 0 10px 20px; + margin: 0 0 10px 30px; font-size: 13px; } -#site-footer li.icon a { - padding-left: 22px; +footer .footer-site-links li a { position: relative; - z-index: 10; color: #aaa; + display: block; + padding-left: 25px; + width: auto; } -#site-footer li.icon a:hover { color: #FFF; } - -.footer-site-links li { display: inline-block; } - -#site-footer li.icon:before { - content: ""; - display: block; - height: 24px; - width: 24px; +footer .footer-site-links li a:before { position: absolute; - left: 0; - top: -2px; - background: url(../i/footer-icons.png) no-repeat; - z-index: 5; + font-size: 1.5em; + color: #4d4d4d; + text-shadow: 0 -1px 0 #000000; + left: 2px; } -#site-footer li.icon-learning-center:before { background-position: 1px 2px;} -#site-footer li.icon-forum:before { background-position: -101px 0;} -#site-footer li.icon-api:before { background-position: -33px 0;} -#site-footer li.icon-twitter:before { background-position: -135px 0;} -#site-footer li.icon-irc:before { background-position: -67px 0;} +footer .footer-site-links li:hover a, +footer .footer-site-links li:hover a:before { + color: #e6e6e6; +} + + +.footer-site-links li { display: inline-block; } -#site-footer li.icon-learning-center:hover:before { background-position: 1px -32px;} -#site-footer li.icon-forum:hover:before { background-position: -101px -34px;} -#site-footer li.icon-api:hover:before { background-position: -33px -34px;} -#site-footer li.icon-twitter:hover:before { background-position: -135px -34px;} -#site-footer li.icon-irc:hover:before { background-position: -67px -34px;} -#site-footer .col { +footer .col { margin-left: 2.5%; padding: 30px 0 20px 0; height: 100%; } -#site-footer .col:first-child { margin-left: 0 } +footer .col:first-child { margin-left: 0 } -#site-footer ul { } +footer ul { } -#site-footer ul li { +footer ul li { list-style: none; padding: 0; margin: 0; line-height: 30px; } -.jquery #site-footer a, .jquery-ui #site-footer a, .jquery-mobile #site-footer a, #site-footer .bottom { - color: #fff; - text-decoration: none; -} -#site-footer .bottom { margin: 0 10% 0 0; } +footer .bottom { margin: 0 10% 0 0; } -#site-footer #legal { +footer #legal { clear: left; display: block; border-top: solid 1px #333; @@ -1828,14 +2263,14 @@ header nav.top li.toggle-projects.active a { box-shadow: #000 0 -1px 0; } -#site-footer #legal .constrain { +footer #legal .constrain { background: none; height: auto; } -#site-footer .presentations { } +footer .presentations { } -#site-footer .presentations li { +footer .presentations li { float: left; width: 45%; min-width: 142px; @@ -1844,8 +2279,8 @@ header nav.top li.toggle-projects.active a { font-size: 11px; } -#site-footer .presentations li a > span, -#site-footer .books li a > span { +footer .presentations li a > span, +footer .books li a > span { display: block; border-radius: 5px; border: solid 1px #000; @@ -1857,14 +2292,13 @@ header nav.top li.toggle-projects.active a { background-clip: padding-box; } -#site-footer .presentations li a:hover > span, -#site-footer .books li a:hover > span { +footer .presentations li a:hover > span, +footer .books li a:hover > span { border-color: white; - -webkit-transition: none; } -#site-footer .presentations li a > span:after, -#site-footer .books li a > span:after { +footer .presentations li a > span:after, +footer .books li a > span:after { content: ""; display: block; position: absolute; @@ -1878,19 +2312,19 @@ header nav.top li.toggle-projects.active a { border-radius: 4px; } -#site-footer .presentations li a:hover > span:after, -#site-footer .books li a:hover > span:after { background: -webkit-gradient(linear, 100% 0%, 55% 100%, from(rgba(255,255,255,0.02)), color-stop(0.5, rgba(255,255,255,0.3)), color-stop(0.505, rgba(255,255,255,0)), to(rgba(255,255,255,0))); } +footer .presentations li a:hover > span:after, +footer .books li a:hover > span:after { background: -webkit-gradient(linear, 100% 0%, 55% 100%, from(rgba(255,255,255,0.02)), color-stop(0.5, rgba(255,255,255,0.3)), color-stop(0.505, rgba(255,255,255,0)), to(rgba(255,255,255,0))); } -#site-footer .presentations li a > span img { +footer .presentations li a > span img { max-width: 100%; height: auto; } -#site-footer .presentations li a > br, -#site-footer .books li a > br { display: none; } +footer .presentations li a > br, +footer .books li a > br { display: none; } -#site-footer .presentations li a cite, -#site-footer .books li a cite { +footer .presentations li a cite, +footer .books li a cite { font-style: normal; display: block; margin-top: 3px; @@ -1898,16 +2332,16 @@ header nav.top li.toggle-projects.active a { color: #aaa; } -#site-footer .presentations li a cite, -#site-footer .presentations li a strong, -#site-footer .books li a cite, -#site-footer .books li a strong { +footer .presentations li a cite, +footer .presentations li a strong, +footer .books li a cite, +footer .books li a strong { line-height: 130%; display: block; font-weight: normal; } -#site-footer .books li { +footer .books li { float: left; width: 30%; min-width: 95px; @@ -1917,817 +2351,712 @@ header nav.top li.toggle-projects.active a { font-size: 11px; } -#site-footer .books li:first-child { margin-left: 2%; } +footer .books li:first-child { margin-left: 2%; } -#site-footer .books li a > span { +footer .books li a > span { width: 90px; height: 114px; } -#site-footer .books li a > span.top { background-position: center top;} -#site-footer .books li a > span.bottom { background-position: center bottom;} -#site-footer .books li a > span { background-position: center center;} +footer .books li a > span.top { background-position: center top;} +footer .books li a > span.bottom { background-position: center bottom;} +footer .books li a > span { background-position: center center;} -/*******************************************************************************/ -/* Global Container */ -/*******************************************************************************/ +footer li img { + border-radius: 4px; +} -#container { - padding-bottom: 0; +/* Media Queries + ========================================================================== */ + +@media only screen and (max-width: 1100px) { + } -#container header { } - -#container header nav { - clear: both; - margin-top: -1px; - width: auto; - background: transparent none; - border: solid 1px rgba(0,0,0,0.2); - border-radius: 10px 10px 0 0; -} - -#container header nav ul { - line-height: auto; - margin: 0; - padding: 8px 0 8px 10px; - height: 100%; - float: left; - display: block; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - width: 70%; - font-size: 13px; -} - -#container header nav ul li { - margin: 0; - padding: 5px 0; - float: left; - display: block; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -#container header nav ul li a { - line-height: 31px; - padding: 7px 11px; - margin: 0 10px 0 0; - line-height: 100%; - height: 100%; - color: #fff; - text-decoration: none; - text-transform: uppercase; - font-family: 'Gill Sans MT', 'GillSans MT', 'Gill Sans', GillSans, Arial, Helvetica, sans-serif; - text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 1px; -} - -#container header nav ul li:hover, #container header nav ul li:hover a { background: none; } - -#container header nav ul li a:hover, #container header nav ul li.active a, #container header nav ul li.current-menu-item a { - background: none; - -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; - box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; - border-radius: 4px; - padding: 6px 10px; - border: 1px solid rgba(0,0,0,0.25); - color: #fff; - text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px; -} - -.searchform { - position: relative; - font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; - border-radius: 2em; - background: #fff; - line-height: 1em; - padding: 4px 31px 4px 15px; -} - -nav .searchform { - float: right; - margin: 8px 10px 0 0; - width: 19%; - -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); - box-shadow: inset 0 0 5px rgba(0,0,0,0.5); -} - -#banner .searchform { - width: 70%; - margin: 60px auto 0; - font-size: 22px; - background-color: #666; - border: 1px solid #ccc; - -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); - box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); -} - -.searchform label span { - position: absolute; - color: transparent; -} - -.searchform input { - padding: 0; - width: 100%; - color: #555; - border: none; - background: none; -} - -.searchform input:focus { - outline: none; -} - -#banner .searchform input { - font-size: 22px; -} - -.searchform .icon-search { - color: #aaa; - opacity: 0.5; - position: absolute; - right: 10px; -} - -nav .searchform .icon-search { - top: 5px; -} - -#banner .searchform .icon-search { - top: 7px; - font-size: 24px; -} - -#container #body { - margin-bottom: -50px; - min-height: 400px; - border-radius: 0 0 8px 8px; - background: #fff; - display: block; - -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); - box-shadow: 0 2px 5px rgba(0,0,0,0.5); - position: relative; - z-index: 20; - overflow: hidden; -} - -.sidebar-left:before { - content: ""; - position: absolute; - height: 100%; - background-color: #eee; - border-right: 1px solid #cccccc; - width: 20.5%; - padding: 0 1.5% 0; - visibility: visible; - z-index: -1; - border-radius: 0 0 0 8px; -} - -#container #body .inner { padding: 2%; } - - -/*******************************************************************************/ -/* Sidebar Right */ -/*******************************************************************************/ - -#sidebar ul { list-style: none; } - -#sidebar li { - padding: 0; - margin: 0; -} - -#container #body.sidebar-right .inner { - width: 72.25%; - float: left; -} - -#container #body.sidebar-right #sidebar { - float: right; - border-left: 1px solid #cccccc; -} - -#container #body.sidebar-right #sidebar { - border-radius: 0 8px 0 0; -} - -/* Sidebar Left */ - -#container #body.sidebar-left .inner { - width: 72.25%; - float: right; -} - -#container #body.sidebar-left #sidebar { - float: left; - border-right: 1px solid #cccccc; +@media only screen and (max-width: 940px) { + } -#container #body.sidebar-left #sidebar { - border-radius: 0 0 0 8px; +@media only screen and (max-width: 860px) { + } -/*******************************************************************************/ -/* Sidebar */ -/*******************************************************************************/ - -.sidebar { - float: right; - position: relative; - border-left: 1px; - -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); - -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - padding: 0.5em 20px 0.5em 35px; /*0.5 * 16px = 8px*/ - -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; - box-shadow: inset 15px 0 5px -16px #e7e7e7; - background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); - background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: -moz-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: -o-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: -ms-radial-gradient(left, #f2f2f2, #ffffff 80%); - background-image: radial-gradient(left, #f2f2f2, #ffffff 80%); - width: 320px; -} - - -.sidebar.left { +@media only screen and (max-width: 768px) { + #global-nav ul.projects li.toggle-projects { + display: none; + } + + #sidebar { + width: auto; + float: none; + clear: both; + margin: 0; + border-top: 1px solid #e7e7e7; + border-left: none; + -moz-border-image: none; + -webkit-border-image: none; + -webkit-border-image: none; + -o-border-image: none; + border-image: none; + -webkit-box-shadow: none; + box-shadow: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; + } + + #content, + .col7-3.col, + footer #legal p.copyright, + footer #legal ul.footer-site-links { + width: 100%; + float: none; + clear: both; + } + + footer #legal ul.footer-site-links { + display: inline; + text-align: center !important; + text-transform: none; float: left; - border-right: 1px; - -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff)); - -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); - padding: 0.5em 20px 0.5em 35px; /*0.5 * 16px = 8px*/ - -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7; - box-shadow: inset 15px 0 5px -16px #e7e7e7; - background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff)); - background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: -moz-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: -o-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: -ms-radial-gradient(right, #f2f2f2, #ffffff 80%); - background-image: radial-gradient(right, #f2f2f2, #ffffff 80%); - width: 320px; - margin-bottom: 30px; - margin-bottom: 30px; -} - -#container #body #sidebar { - width: 20.5%; - position: relative; - background: #eeeeee; - height: 100%; - padding: 0 1.5% 0; -/* margin-bottom: -10000px; - padding-bottom: 10000px; */ -} - -#container #body #sidebar ul { - float: left; - display: block; -} - - -#container #body #sidebar ul.api { - -webkit-column-count: 2; - -webkit-column-gap: 0px; - -moz-column-count: 2; - -moz-column-gap: 0; - width: 100%; -} - -#container #body #sidebar ul.api li { - display: block; - width: 40%; - padding: 0; - margin: 0; - font-size: 12px; -} - -#container #body #sidebar ul.api li a { - padding: 3px 5px; - width: 220%; - display: block; - color: #333; - text-decoration: none; -} - -#container #body #sidebar ul.api li a:hover { - background: #cccccc; - border-radius: 3px; - -webkit-box-shadow: 0 1px 1px #fff; - box-shadow: 0 1px 1px #fff; -} - -#container #body #sidebar hr { - height: 1px; - width: 114.25%; - float: left; - margin: 0 0 15px -7.25%; - display: block; - background: #cccccc; - border-bottom: 1px solid #fff; - clear: both; -} - -#container #body #sidebar h2, #container #body #sidebar h3.widget-title { - margin: 25px 0 10px 0; - font-size: 20px; - text-shadow: 0 1px 1px #fff; -} - -#container #body #sidebar h3 { - float: left; - width: 100%; - font-size: 16px; - font-weight: normal; - letter-spacing: 0; - text-shadow: 0 1px 1px #fff; -} - -#container #body #sidebar .inset { - float: left; - display: block; - background: #fff; - padding: 4%; - -webkit-box-shadow: #ccc -1px -1px 0; - box-shadow: #ccc -1px -1px 0; - border-radius: 6px; - width: 94%; -} - -#container #body #sidebar ul.inset li { - list-style: none; - padding: 0; - margin: 0; -} - -#container #body #sidebar ul.inset li a { - color: #444444; - text-decoration: none; - padding: 2.5%; - float: left; - width: 95%; - border-bottom: 1px solid #cccccc; - display: block; -} - -#container #body #sidebar ul.inset li a:hover { - color: #000; - background: #e6e6e6; -} - -#container #body #sidebar ul.inset li:first-child a { - border-radius: 4px 4px 0 0; -} - -#container #body #sidebar ul.inset li:last-child a { - border-radius: 0 0 4px 4px; - border: none; + width: 100%; + } + + footer #legal ul.footer-site-links li:first-child { + margin-left: 0; + } + + footer #legal p.copyright { + text-align: center; + margin-bottom: 10px; + } + + .col7-2.col { + margin: 0; + width: 100%; + padding-top: 10px; + padding-bottom: 10px; + } + } -#container #body #sidebar p.inset { - font-size: 11px; - font-color: #666; - line-height: 15px; +@media only screen and (max-width: 600px) { + #global-nav ul.projects { + display: none; + } + + #global-nav nav ul.links { + float: left; + } + + #global-nav nav ul.links li { + font-size: 12px; + } + + #logo-events { + padding-top: 20px; + padding-bottom: 10px; + } + + #logo-events aside { + display: none; + } + + #logo-events h2.logo { + float: none; + margin-left: auto; + margin-right: auto; + } + + nav#main { + background-color: rgba(0, 0, 0, 0.0); + border-radius: 10px 10px 0 0; + border-right: none; + border-left: none; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; + } + + nav#main .searchform { + display: none; + } + + nav#main ul { + width: 100% !important; + text-align: center !important; + float: left; + margin-bottom: 10px; + } + + nav#main ul li, + nav#main ul li a { + position: relative; + display: inline; + text-align: center !important; + text-transform: none; + float: none; + } + + nav#main li a:hover, + nav#main li.current a { + background: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 4px; + border: 1px solid rgba(0,0,0,0.0); + } + + #content-wrapper { + -webkit-border-top-left-radius: 10px; + -webkit-border-top-right-radius: 10px; + -moz-border-radius-topleft: 10px; + -moz-border-radius-topright: 10px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + } + + #banner-secondary { + -webkit-border-top-left-radius: 9px; + -webkit-border-top-right-radius: 9px; + -moz-border-radius-topleft: 9px; + -moz-border-radius-topright: 9px; + border-top-left-radius: 9px; + border-top-right-radius: 9px; + } + + #banner-secondary h2 { + font-size: 35px; + line-height: 35px; + } + + #content h1 { + font-size: 26px; + line-height: 26px; + } + + #banner-secondary.large-banner h1, + #banner-secondary.large-banner h2 { + font-size: 36px; + line-height: 36px; + } + + #banner-secondary.large-banner p { + font-size: 22px; + padding: 0; + } + + footer .presentations li, + footer .books li { + clear: both; + margin-bottom: 10px; + float: none; + margin-left: auto !important; + margin-right: auto; + text-align: center; + } + + footer .presentations li span, + footer .books li span { + display: block; + margin-left: auto; + margin-right: auto; + } + } - - -.toc-linked { - position: relative; +@media only screen and (max-width: 480px) { + + .constrain, + #container { + padding-left: 10px; + padding-right: 10px; + } + + .content-full #content { + padding-left: 0; + padding-right: 0; + } + + #content-wrapper { + padding-left: 25px; + padding-right: 25px; + } + + #banner-secondary, + #content pre { + margin-left: -25px; + margin-right: -25px; + } + + #content img.left, + #content figure.left, + #content img.right, + #content figure.right { + display: block; + width: 100%; + max-width: 100%; + margin-left: 0; + margin-right: 0; + } + + footer .footer-icon-links li a:before { + display: none; + } + + footer .footer-icon-links li:first-child { + margin-left: 0; + } } -.toc-linked a { - position: absolute; - left: -1em; - text-decoration: none; - opacity: 0; -} -.toc-linked:hover a { - opacity: 1; +@media only screen and (-webkit-device-pixel-ratio: 2){ + #body-jquery h2.logo a { + background: url(../images/logo-jquery@2x.png) no-repeat; + background-size: 243px 66px; + } + + #body-jquery-ui h2.logo a { + background: url(../images/logo-jquer-uiy@2x.png) no-repeat; + background-size: 253px 66px; + } + + #body-jquery-mobile h2.logo a { + background: url(../images/logo-jquery-mobile@2x.png) no-repeat; + background-size: 268px 66px; + } + + #body-sizzlejs h2.logo a { + background: url(../images/logo-sizzle@2x.png) no-repeat; + background-size: 243px 66px; + } + + #body-qunitjs h2.logo a { + background: url(../images/logo-qunit@2x.png) no-repeat; + background-size: 243px 66px; + } + + #body-jquery-foundation h2.logo a { + background: url(../images/logo-jquery-foundation@2x.png) no-repeat; + background-size: 243px 66px; + } } -/*******************************************************************************/ -/* Domain Specific -/*******************************************************************************/ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { -/*******************************************************************************/ -/* Learning Site */ -/*******************************************************************************/ - -html.jquery-learning { background: #000 url(../i/learning_bg.jpg) no-repeat center 0; } - -.jquery-learning h1.site-title a { - background: url(../i/logo-learning.png) no-repeat; - height: 78px; - width: 550px; - left: -5px; - top: -1px; - position: relative; - margin-bottom: 9px; } -.jquery-learning .border, .jquery-learning #site-footer { border-color: #686868; } + /* Helper classes + ========================================================================== */ -.jquery-learning a, .jquery-learning .title, .jquery-learning .entry-title { color: #393939; } - -.jquery-learning #container header nav { - border-top: solid 1px rgba(255,255,255,0.15); - background: rgba(0,0,0,0.5); - -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0,0,0,0.5) 0 -3px 5px; - box-shadow: rgba(255,255,255,0.1) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0, inset rgba(0,0,0,0.5) 0 -3px 5px; +.ir { + background-color: transparent; + border: 0; + overflow: hidden; + *text-indent: -9999px; } - -/*******************************************************************************/ -/* Sidebar Navigation -/*******************************************************************************/ - -#sidebar aside > ul { - margin: 0; - padding: 0; - width: 100%; +.ir:before { + content: ""; + display: block; + width: 0; + height: 100%; } -#sidebar aside > ul li { - list-style: none; - border-bottom: 1px solid #c5c5c5; - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.25); - box-shadow: 0 1px 0 rgba(255,255,255,0.25); - padding: 0; - margin: 0; - width: 100%; - clear: left; +.hidden { + display: none !important; + visibility: hidden; } -/* temporarily suppress display of children posts via css */ -#container #body #sidebar aside ul.children { - display: none; +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } -#sidebar aside > ul li.current_page_item, -#sidebar aside > ul li.current_page_parent { border: 0; } - -#sidebar aside > ul li.current_page_item a, -#sidebar aside > ul li.current_page_parent a { - color: #fff; - text-shadow: 0 -1px 1px #000; - background: #393939; - -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.25); - box-shadow: inset 0 2px 2px rgba(0,0,0,0.25); - border-top: 1px solid #000; +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } -#sidebar aside > ul li:last-child { - border: none; - -webkit-box-shadow: none; - box-shadow: none; +.invisible { + visibility: hidden; } -#sidebar aside > ul li a { - font-weight: bold; - color: #3f3f3f; - text-shadow: 0 1px 0 rgba(255,255,255,1); - font-size: 13px; - text-decoration: none; - width: 100%; - display: block; - width: 96%; - padding: 5% 10%; - margin: -1px 0 0 -8%; -} - -#sidebar aside > ul a:active { - background: #c3c3c3; - background: -moz-linear-gradient(top, #c3c3c3 0%, #e7e7e7 59%, #fcfcfc 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c3c3), color-stop(59%,#e7e7e7), color-stop(100%,#fcfcfc)); - background: -webkit-linear-gradient(top, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); - background: -o-linear-gradient(top, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); - background: -ms-linear-gradient(top, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); - background: linear-gradient(to bottom, #c3c3c3 0%,#e7e7e7 59%,#fcfcfc 100%); +.clearfix:before, +.clearfix:after { + content: " "; + display: table; } -/* Display children of current top-level category */ -#container #body #sidebar aside .current-cat-parent ul, -#container #body #sidebar aside .current-cat ul.children { - display: block; - margin: 0; - width: 100%; +.clearfix:after { + clear: both; } -#container #sidebar .current-cat-parent ul a, -#container #sidebar .current-cat ul.children a { - padding-left: 25%; - width: 75% -} -#sidebar aside > ul li.current-cat li { - border-bottom: 1px solid #c5c5c5; -} -#sidebar aside > ul li.current-cat > a { - color: #000; +.clearfix { + *zoom: 1; } +/* Print styles + ========================================================================== */ +@media print { + * { + background: transparent !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + box-shadow:none !important; + text-shadow: none !important; + } -/*******************************************************************************/ -/* Pagination -/*******************************************************************************/ - -#body .inner .meta .pagination { } + a, + a:visited { + text-decoration: underline; + } -#body .inner .meta .pagination .article { } + a[href]:after { + content: " (" attr(href) ")"; + } -#body .inner .meta .pagination .previous { } + abbr[title]:after { + content: " (" attr(title) ")"; + } -#body .inner .meta .pagination .previous .article { } + /* + * Don't show links for images, or javascript/internal links + */ -#body .inner .meta .pagination .previous .direction { } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } -#body .inner .meta .pagination .next { } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } -#body .inner .meta .pagination .next .article { } + thead { + display: table-header-group; /* h5bp.com/t */ + } -#body .inner .meta .pagination .next .direction { } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } -/*******************************************************************************/ -/* Media Queries -/*******************************************************************************/ - -@media all and (max-width: 1180px) and (min-width: 600px) { - - #site-footer .presentations li { - width: 90%; - clear: left; - padding-bottom: 10px; - } + @page { + margin: 0.5cm; + } - #site-footer .presentations li a > span { - float: left; - margin: 0 8px 0 0; - } - - #site-footer ul.books li { - width: 90%; - clear: left; - padding-bottom: 9px; - margin: 0 0 0 3% !important; - } - - #site-footer .books li a > span { - float: left; - height: 60px; - margin: 0 8px 0 0; - } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } } -@media all and (max-width: 1000px) and (min-width: 600px) { +/* @override + http://jon-mbp.local/~jon/jquery/css/grid.css */ - #site-footer ul.footer-icon-links { padding-bottom: 0; } +/* The Grid ---------------------- +Based on Zurb Foundation's Grid +*/ +* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } - #site-footer ul.footer-icon-links li { - float: none; - clear: left; - width: 98% !important; - overflow: hidden; - margin-bottom: 10px; - margin-left: 0; - } - - #site-footer .footer-icon-links li small { display: inline; } +/* The Grid ---------------------- */ +.row { width: 1240px; max-width: 100%; min-width: 768px; margin: 0 auto; } +.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; } +.row.collapse .column, .row.collapse .columns { padding: 0; } +.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; } +.row .row.collapse { margin: 0; } - #site-footer .footer-icon-links li br { display: none; } +.column, .columns { float: left; min-height: 1px; padding: 0 25px; position: relative; } +.column.centered, .columns.centered { float: none; margin: 0 auto; } - #site-footer .presentations li { text-align: center; } +[class*="column"] + [class*="column"]:last-child { float: right; } - #site-footer .presentations li a > span { - float: none; - margin: 0 auto 10px auto; - } - - #site-footer .books li { text-align: center; } - - #site-footer .books li a > span { - margin: 0 auto 8px auto; - float: none; - } -} +[class*="column"] + [class*="column"].end { float: left; } -@media all and (max-width: 900px) { +.one, .row .one { width: 8.33333%; } - .col2-1 .col2-1 { - width: 100%; - clear: left; - } +.two, .row .two { width: 16.66667%; } - .home .post .entry-title { - font-size: 24px; - } +.three, .row .three { width: 25%; } -} +.four, .row .four { width: 33.33333%; } -@media all and (max-width: 700px) { +.five, .row .five { width: 41.66667%; } - .col2-1 { - width: 100%; - clear: left; - } +.six, .row .six { width: 50%; } - .home .post .entry-title { - font-size: 20px; - } -} +.seven, .row .seven { width: 58.33333%; } -@media all and (max-width: 660px) { +.eight, .row .eight { width: 66.66667%; } - h1 a { - margin: 20px auto; - float: none; - } +.nine, .row .nine { width: 75%; } - h1.site-title { - float: left; - width: 100%; - } +.ten, .row .ten { width: 83.33333%; } - h1.site-title a { - margin-left: auto; - margin-right: auto; - display: block; - float: none; - } +.eleven, .row .eleven { width: 91.66667%; } - header nav.constrain { padding: 0; } +.twelve, .row .twelve { width: 100%; } - header nav.top .projects { display: none; } +.row .offset-by-one { margin-left: 8.33333%; } - #banner .searchform { - margin-top: 20px; - } +.row .offset-by-two { margin-left: 16.66667%; } - #container #body { - margin-top: 20px; - border-radius: 8px; - } - .sidebar-left:before { - display: none; - } - #container header nav .searchform { - float: none; - clear: left; - margin: 0 auto; - width: 225px; - } - #container header nav .searchform input { - text-align: center; - } - #site-footer .col { - clear: both; - width: 100%; - padding: 30px 0 0; - margin-left: 0; - margin-right: 0; - background: none;; - } +.row .offset-by-three { margin-left: 25%; } - #container header nav, #container header nav ul { - float: left; - display: block; - padding: 0 0 10px !important; - margin: 0 !important; - width: 100%; - text-align: center !important; - } +.row .offset-by-four { margin-left: 33.33333%; } - #container header nav, #container header nav ul li, #container header nav ul li a { - position: relative; - padding: 0 !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff !important; - float: none !important; - font-family: Helvetica, Arial, sans-serif !important; - text-transform: none !important; - display: inline !important; - } +.row .offset-by-five { margin-left: 41.66667%; } - #container #body #sidebar { - border-radius: 0 0 8px 8px; - height: auto !important; - border-top: 1px solid #e1e1e1; - } +.row .offset-by-six { margin-left: 50%; } - #container #body.sidebar-left #sidebar, - #container #body.sidebar-right #sidebar { - position: relative; - clear: both; - padding: 0 3% 3%; - width: 94%; - /*margin-left: -110%;*/ - } +.row .offset-by-seven { margin-left: 58.33333%; } - #container #body #sidebar hr { - margin: 0 0 15px 0; - width: 100%; - } +.row .offset-by-eight { margin-left: 66.66667%; } - #container #body.sidebar-left .inner, - #container #body.sidebar-right .inner { - padding: 3%; - width: 94%; - } +.row .offset-by-nine { margin-left: 75%; } - #container #body #sidebar li a { - padding-top: .5em; - padding-bottom: .5em; - } +.row .offset-by-ten { margin-left: 83.33333%; } +.push-two { left: 16.66667%; } - #container #body #sidebar .nav li a { - width: 87%; - margin-left: -3.5%; - } +.pull-two { right: 16.66667%; } - #site-footer ul.books { overflow: hidden; } +.push-three { left: 25%; } - #site-footer .books li, - #site-footer .presentations li { text-align: center; } +.pull-three { right: 25%; } - #site-footer .books li a > span, - #site-footer .presentations li a > span { margin: 0 auto 8px auto; } +.push-four { left: 33.33333%; } - #site-footer .footer-site-links { - float: none; - text-align: center; - width: 100%; - } +.pull-four { right: 33.33333%; } - #site-footer .footer-site-links li:first-child { margin-left: 0; } +.push-five { left: 41.66667%; } - #site-footer p.copyright { - text-align: center; - width: auto; - float: none; - } +.pull-five { right: 41.66667%; } - .jquery-learning #sidebar .paper.subnav { display: none; } -} +.push-six { left: 50%; } -@media all and (max-width: 400px) { +.pull-six { right: 50%; } - .constrain { padding: 0 10px; } +.push-seven { left: 58.33333%; } - header nav.top li a { font-size: 0.85em; } +.pull-seven { right: 58.33333%; } - #site-footer .download > span { white-space: normal } -} +.push-eight { left: 66.66667%; } -@media all and (max-width: 320px) { +.pull-eight { right: 66.66667%; } - .download { text-align: center; } +.push-nine { left: 75%; } - header nav.top li a { padding: 0 8px; } +.pull-nine { right: 75%; } - #banner .searchform { - width: 90%; - font-size: 14px; - } +.push-ten { left: 83.33333%; } - #banner .searchform input { - font-size: 14px; - } +.pull-ten { right: 83.33333%; } - #site-footer ul.footer-icon-links { padding-left: 5%; } +img, object, embed { max-width: 100%; height: auto; } - #site-footer ul.footer-icon-links li { - float: none; - clear: left; - width: 98%; - overflow: hidden; - margin-bottom: 10px; - } +object, embed { height: 100%; } - #site-footer .footer-icon-links li small { display: inline; } +img { -ms-interpolation-mode: bicubic; } - #site-footer .footer-icon-links li br { display: none; } +#map_canvas img, .map_canvas img { max-width: none!important; } - #site-footer .constrain { padding: 0; } +/* Nicolas Gallagher's micro clearfix */ +.row { *zoom: 1; } +.row:before, .row:after { content: ""; display: table; } +.row:after { clear: both; } - #site-footer h3, - #site-footer h3:after { - border-left: none; - border-right: none; - border-radius: 0; - } +/* Mobile Grid and Overrides ---------------------- */ +@media only screen and (max-width: 767px) { + .row { width: auto; min-width: 0; margin-left: 0 !important; margin-right: 0 !important; } + .column, .columns { width: auto !important; float: none; padding-left: 0 !important; padding-right: 0 !important; + } + .column:last-child, .columns:last-child { float: none; } + [class*="column"] + [class*="column"]:last-child { float: none; } + .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } + .column:after, .columns:after { clear: both; } + .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; } + .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } + .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } + /* Mobile 4-column Grid */ + .row .mobile-one { width: 25% !important; float: left; padding: 0 25px; } + .row .mobile-one:last-child { float: right; } + .row .mobile-one.end { float: left; } + .row.collapse .mobile-one { padding: 0; } + .row .mobile-two { width: 50% !important; float: left; padding: 0 25px; } + .row .mobile-two:last-child { float: right; } + .row .mobile-two.end { float: left; } + .row.collapse .mobile-two { padding: 0; } + .row .mobile-three { width: 75% !important; float: left; padding: 0 25px; } + .row .mobile-three:last-child { float: right; } + .row .mobile-three.end { float: left; } + .row.collapse .mobile-three { padding: 0; } + .row .mobile-four { width: 100% !important; float: left; padding: 0 25px; } + .row .mobile-four:last-child { float: right; } + .row .mobile-four.end { float: left; } + .row.collapse .mobile-four { padding: 0; } + .push-one-mobile { left: 25%; } + .pull-one-mobile { right: 25%; } + .push-two-mobile { left: 50%; } + .pull-two-mobile { right: 50%; } + .push-three-mobile { left: 75%; } + .pull-three-mobile { right: 75%; } } + + +/* Block Grids ---------------------- */ +/* These are 2-up, 3-up, 4-up and 5-up ULs, suited +for repeating blocks of content. Add 'mobile' to +them to switch them just like the layout grid +(one item per line) on phones + +For IE7/8 compatibility block-grid items need to be +the same height. You can optionally uncomment the +lines below to support arbitrary height, but know +that IE7/8 do not support :nth-child. +-------------------------------------------------- */ +.block-grid, #content .block-grid { display: block; overflow: hidden; padding: 0; } +.block-grid > li, #content .block-grid > li { display: block; height: auto; float: left; } +.block-grid.one-up, #content .block-grid.one-up { margin: 0; } +.block-grid.one-up > li, #content .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } +.block-grid.two-up, #content .block-grid.two-up { margin: 0 -15px; } +.block-grid.two-up > li, #content .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } +.block-grid.two-up > li:nth-child(2n+1), #content .block-grid.two-up > li:nth-child(2n+1) { clear: both; } +.block-grid.three-up, #content .block-grid.three-up { margin: 0 -12px; } +.block-grid.three-up > li, #content .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } +.block-grid.three-up > li:nth-child(3n+1), #content .block-grid.three-up > li:nth-child(3n+1) { clear: both; } +.block-grid.four-up, #content .block-grid.four-up { margin: 0 -10px; } +.block-grid.four-up > li, #content .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } +.block-grid.four-up > li:nth-child(4n+1), #content .block-grid.four-up > li:nth-child(4n+1) { clear: both; } +.block-grid.five-up, #content .block-grid.five-up { margin: 0 -8px; } +.block-grid.five-up > li, #content .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } +.block-grid.five-up > li:nth-child(5n+1), #content .block-grid.five-up > li:nth-child(5n+1) { clear: both; } + +/* Mobile Block Grids */ +@media only screen and (max-width: 767px) { + .block-grid.mobile > li { float: none !important; width: 100% !important; margin-left: 0 !important; } + .block-grid > li { clear: none !important; } + .block-grid.mobile-two-up > li { width: 50% !important; } + .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; } + .block-grid.mobile-three-up > li { width: 33.33% !important; } + .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; } + .block-grid.mobile-four-up > li { width: 25% !important; } + .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; } + .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } } + + +/* + ColorBox Core Style: + The following CSS is consistent between example themes and should not be altered. +*/ +#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} +#cboxOverlay{position:fixed; width:100%; height:100%;} +#cboxMiddleLeft, #cboxBottomLeft{clear:left;} +#cboxContent{position:relative;} +#cboxLoadedContent{overflow:auto;} +#cboxTitle{margin:0;} +#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} +#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} +.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} +.cboxIframe{width:100%; height:100%; display:block; border:0;} +#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} + +/* + User Style: + Change the following styles to modify the appearance of ColorBox. They are + ordered & tabbed in a way that represents the nesting of the generated HTML. +*/ +#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;} +#colorbox{} + #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;} + #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;} + #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;} + #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;} + #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;} + #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;} + #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;} + #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;} + #cboxContent{background:#fff; overflow:hidden;} + .cboxIframe{background:#fff;} + #cboxError{padding:50px; border:1px solid #ccc;} + #cboxLoadedContent{margin-bottom:28px;} + #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} + #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} + #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} + #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} + #cboxPrevious:hover{background-position:-75px -25px;} + #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} + #cboxNext:hover{background-position:-50px -25px;} + #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;} + #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;} + #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} + #cboxClose:hover{background-position:-25px -25px;} + +/* + The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill + when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. + See: http://jacklmoore.com/notes/ie-transparency-problems/ +*/ +.cboxIE #cboxTopLeft, +.cboxIE #cboxTopCenter, +.cboxIE #cboxTopRight, +.cboxIE #cboxBottomLeft, +.cboxIE #cboxBottomCenter, +.cboxIE #cboxBottomRight, +.cboxIE #cboxMiddleLeft, +.cboxIE #cboxMiddleRight { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); +} + +/* + The following provides PNG transparency support for IE6 + Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. +*/ +.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);} +.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);} +.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);} +.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);} +.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);} +.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);} +.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);} +.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);} + +.cboxIE6 #cboxTopLeft, +.cboxIE6 #cboxTopCenter, +.cboxIE6 #cboxTopRight, +.cboxIE6 #cboxBottomLeft, +.cboxIE6 #cboxBottomCenter, +.cboxIE6 #cboxBottomRight, +.cboxIE6 #cboxMiddleLeft, +.cboxIE6 #cboxMiddleRight { + _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } diff --git a/themes/jquery/css/font-awesome-ie7.css b/themes/jquery/css/font-awesome-ie7.css new file mode 100644 index 00000000..c1dc3ac6 --- /dev/null +++ b/themes/jquery/css/font-awesome-ie7.css @@ -0,0 +1,645 @@ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-style: normal; + font-weight: normal; +} +.btn.dropdown-toggle [class^="icon-"], +.btn.dropdown-toggle [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + + line-height: 1.4em; +} +.icon-large { + font-size: 1.3333em; +} +.icon-glass { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-music { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-search { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-envelope { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-heart { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-star { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-star-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-user { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-film { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-th-large { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-th { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-th-list { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ok { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-remove { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-zoom-in { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-zoom-out { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-off { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-signal { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cog { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-trash { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-home { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-file { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-time { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-road { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-download-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-download { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-upload { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-inbox { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-play-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-repeat { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-refresh { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-lock { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-flag { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-headphones { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-volume-off { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-volume-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-volume-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-qrcode { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-barcode { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tag { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tags { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-book { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bookmark { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-print { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-camera { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bold { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-italic { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-text-height { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-text-width { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-center { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-align-justify { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-indent-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-indent-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-facetime-video { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-picture { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pencil { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-map-marker { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-adjust { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tint { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-edit { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-share { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-check { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-move { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-step-backward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fast-backward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-backward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-play { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pause { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-stop { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-forward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fast-forward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-step-forward { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-eject { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-plus-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-minus-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-remove-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ok-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-question-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-info-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-screenshot { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-remove-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ok-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-ban-circle { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-arrow-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-share-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-full { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-small { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-plus { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-minus { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-asterisk { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-exclamation-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-gift { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-leaf { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fire { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-eye-open { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-eye-close { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-warning-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-plane { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-calendar { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-random { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comment { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-magnet { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-chevron-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-retweet { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-shopping-cart { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-folder-close { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-folder-open { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-vertical { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-resize-horizontal { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bar-chart { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-twitter-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-facebook-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-camera-retro { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-key { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cogs { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comments { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-thumbs-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-thumbs-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-star-half { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-heart-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-signout { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-linkedin-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pushpin { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-external-link { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-signin { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-trophy { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-github-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-upload-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-lemon { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-phone { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-check-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bookmark-empty { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-phone-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-twitter { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-facebook { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-github { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-unlock { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-credit-card { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-rss { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hdd { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bullhorn { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bell { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-certificate { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-hand-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-circle-arrow-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-globe { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-wrench { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-tasks { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-filter { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-briefcase { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-fullscreen { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-group { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-link { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cloud { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-beaker { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-cut { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-copy { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-paper-clip { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-save { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sign-blank { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-reorder { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list-ul { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-list-ol { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-strikethrough { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-underline { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-table { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-magic { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-truck { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pinterest { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-pinterest-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-google-plus-sign { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-google-plus { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-money { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-left { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-caret-right { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-columns { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sort { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sort-down { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sort-up { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-envelope-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-linkedin { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-undo { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-legal { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-dashboard { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comment-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-comments-alt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-bolt { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-sitemap { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-umbrella { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-paste { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} +.icon-user-md { + *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); +} diff --git a/themes/jquery/footer.php b/themes/jquery/footer.php index 293d5cd0..4054a45a 100755 --- a/themes/jquery/footer.php +++ b/themes/jquery/footer.php @@ -1,37 +1,37 @@ - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + +