uTools-Manuals/assets/jQuery/jQuery.css

/*! Copyright jQuery Foundation and other contributors * Includes: * - normalize.css v1.0.1 | MIT License | git.io/normalize * - Font Awesome - http://fortawesome.github.com/Font-Awesome - CC BY 3.0 */ /* ========================================================================== HTML5 display definitions ========================================================================== */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * 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; } /* ========================================================================== 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 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; color: #333; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=3.0.2'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.0.2') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.0.2') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.0.2') format('truetype'); font-weight: normal; font-style: normal; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * 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. */ h1 { font-size: 2em; margin: 0 0 0.33em; } h2 { font-size: 1.5em; margin: 0 0 0.5em; } h3 { font-size: 1.25em; margin: 0 0 0.67em; } h4 { font-size: 1em; margin: 0 0 1em; } h5 { font-size: 0.83em; margin: 0 0 1.33em; } h6 { font-size: 0.75em; margin: 0 0 2em; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /* * Improves readability of pre-formatted text in all browsers. */ pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; word-spacing: 0; font-size: 13px; line-height: 16px; } code { padding: 0 3px; background-color: #eee; /* support: IE8 */; background-color: rgba( 0, 0, 0, .1 ); border-radius: 3px; } pre code { background-color: transparent; font-size: 16px; font-weight: bold; white-space: pre; word-wrap: normal; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 0 0 1em; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 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. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ vertical-align: middle; max-width: 100%; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; padding: 10px 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 0; margin: 0; padding: 0; } /* * 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. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 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 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 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. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 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. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 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). */ input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } /* * 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; } /* * Removes inner padding and border in Firefox 3+. */ 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 */ min-height: 150px; resize: vertical; } #manual input[type="text"], #manual input[type="email"], #manual textarea { color: #666; width: 70%; min-width: 300px; margin: 5px 0 10px 0; padding: 8px 12px; background: rgba(245,245,245,0.37); border: 1px solid rgba(192,192,192,0.49); border-radius: 2px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.17); } /* * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder. * 2. Using :placeholder for completeness. */ ::-webkit-input-placeholder { color: #9a1B1E; } :-moz-placeholder { /* 1 */ color: #9a1B1E; } ::-moz-placeholder { color: #9a1B1E; } :-ms-placeholder { color: #9a1B1E; } :placeholder { /* 2 */ color: #9a1B1E; } #manual input:focus, #manual input[type="text"]:focus, #manual input[type="email"]:focus, #manual textarea:focus { outline: none; color: #333; background: #fff; border: 1px solid #b24926; box-shadow: 0 0 6px rgba(23,138,156,0.5), inset 0 1px 3px rgba(0,0,0,0.2); } /** * Radio Buttons */ .radio { margin: 15px 0; } #manual .radio ul { margin: 0; padding: 0; float: left; } #manual .radio ul li { margin: 0; padding: 0; background: none; list-style-type: none; } .radio label { margin: 5px 0; } input[type=radio] { margin: 0 5px 0 0; } /** * Checkboxes */ input[type="checkbox"] { margin: 0 5px 0 0; } /** * Submit Buttons */ form input[type="submit"] { margin: 40px 0; float: none; } /** * Top aligned labels */ .top-labels label, .top-labels .radio label, .top-labels input[type="text"], .top-labels input[type="email"], .top-labels textarea { display: block; } /** * Left aligned labels */ .left-labels label { padding: 5px 0 0 0; display: block; } .left-labels span { margin: 0 10px 0 0; min-width: 100px; float: left; text-align: left; } .left-labels .radio span { padding-top: 5px; } .left-labels .radio { display: block; } .left-labels .radio li label { margin: 0; padding: 0 0 5px 0; border: 0; } /** * Label descriptions */ label .field-description { font-size: 0.8em; } /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } #manual table { margin: 1em 2em; } #manual thead tr { border-bottom: 2px solid #666; } #manual tbody tr { border-bottom: 1px solid #666; } #manual tbody tr:hover { background-color: #eee; } #manual th { font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } #manual th, #manual td { padding: .5em; } /* ========================================================================== Font Awesome ========================================================================== */ [class^="icon-"], [class*=" icon-"] { font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset*/ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline; /* keeps button heights with and without icons the same */ } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -0.75em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eee; } .icon-border { border: solid 1px #eee; padding: .2em .25em .15em; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } /*  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-lightbulb:before            { content: "\f0eb"; } .icon-exchange:before             { content: "\f0ec"; } .icon-cloud-download:before       { content: "\f0ed"; } .icon-cloud-upload:before         { content: "\f0ee"; } .icon-user-md:before              { content: "\f0f0"; } .icon-stethoscope:before          { content: "\f0f1"; } .icon-suitcase:before             { content: "\f0f2"; } .icon-bell-alt:before             { content: "\f0f3"; } .icon-coffee:before               { content: "\f0f4"; } .icon-food:before                 { content: "\f0f5"; } .icon-file-alt:before             { content: "\f0f6"; } .icon-building:before             { content: "\f0f7"; } .icon-hospital:before             { content: "\f0f8"; } .icon-ambulance:before            { content: "\f0f9"; } .icon-medkit:before               { content: "\f0fa"; } .icon-fighter-jet:before          { content: "\f0fb"; } .icon-beer:before                 { content: "\f0fc"; } .icon-h-sign:before               { content: "\f0fd"; } .icon-plus-sign-alt:before        { content: "\f0fe"; } .icon-double-angle-left:before    { content: "\f100"; } .icon-double-angle-right:before   { content: "\f101"; } .icon-double-angle-up:before      { content: "\f102"; } .icon-double-angle-down:before    { content: "\f103"; } .icon-angle-left:before           { content: "\f104"; } .icon-angle-right:before          { content: "\f105"; } .icon-angle-up:before             { content: "\f106"; } .icon-angle-down:before           { content: "\f107"; } .icon-desktop:before              { content: "\f108"; } .icon-laptop:before               { content: "\f109"; } .icon-tablet:before               { content: "\f10a"; } .icon-mobile-phone:before         { content: "\f10b"; } .icon-circle-blank:before         { content: "\f10c"; } .icon-quote-left:before           { content: "\f10d"; } .icon-quote-right:before          { content: "\f10e"; } .icon-spinner:before              { content: "\f110"; } .icon-circle:before               { content: "\f111"; } .icon-reply:before                { content: "\f112"; } .icon-github-alt:before           { content: "\f113"; } .icon-folder-close-alt:before     { content: "\f114"; } .icon-folder-open-alt:before      { content: "\f115"; } /* Manual Font Awesome Styles */ [class^="icon-"]::before, [class^="icon-"]::after, [class*=" icon-"]::before, [class*=" icon-"]::after { font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif; } #manual ul li[class^="icon-"], #manual ul li[class*=" icon-"] { background: none; padding-left: 0; } h2 [class^="icon-"], h2 [class*=" icon-"], h3 [class^="icon-"], h3 [class*=" icon-"] { margin-right: 7px; } /* Global Structure ========================================================================== */ body { -webkit-font-smoothing: antialiased; color: #333; font: 15px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; } iframe { border: 1px solid #bfbfbf; padding: 1px; } #container { background: #0769ad; margin: 0 auto; padding: 0 20px; } .jquery-ui #container { background: #b24926; } .jquery-mobile #container { background: #108040; } .sizzlejs #container { background: #9a1B1E; } .qunitjs #container { background: #390f39; } .jquery-foundation #container { background: #333; } .jquery-learn #container { background: url(../images/bg-body-learn.jpg) no-repeat center top #000; } #manual-wrapper { background-color: #fff; box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87); padding: 20px 0; border-top: 1px solid #333; border-radius: 0 0 10px 10px; position: relative; } .jquery-ui #manual-wrapper, .sizzlejs #manual-wrapper, .qunitjs #manual-wrapper, .jquery-learn #manual-wrapper, .jquery-foundation #manual-wrapper, .jquery-ui #banner-secondary, .sizzlejs #banner-secondary, .qunitjs #banner-secondary, .jquery-learn #banner-secondary, .jquery-foundation #banner-secondary { border-top-left-radius: 0; border-top-right-radius: 0; } .no-boxshadow #manual-wrapper { border: 1px solid #333; } .constrain { max-width: 1240px; margin: 0 auto; padding: 0 20px; } .lte8 .constrain { max-width: 1198px; /* Accomodate for padding + 1px border */ } .content-right #manual { float: right; } .content-full #manual { width: 100%; padding-left: 10%; padding-right: 10%; } .content-full.full-width #manual { padding-left: 0; padding-right: 0; } #sidebar, .sidebar-left, .sidebar-right { padding: 20px; width: 29%; } #sidebar, .sidebar-right { float: right; margin-right: -25px; position: relative; -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); box-shadow: inset 15px 0 5px -16px #e7e7e7; background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%); background-image: radial-gradient(left, #f2f2f2, #ffffff 80%); border: 0; border-left: 1px solid #efefef; } .content-right #sidebar, .sidebar-left { float: left; border-left: 0; border-right: 1px solid #e7e7e7; margin: -20px 0 0 -25px; -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); box-shadow: inset 15px 0 5px -16px #e7e7e7; background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%); background-image: radial-gradient(right, #f2f2f2, #ffffff 80%); } .entry-summary p { margin: 0; } /* Global Nav ========================================================================== */ #global-nav { background: url(../images/jq-global-nav.png) repeat-x 0 bottom #1b1b1b; } #global-nav nav { height: 34px; } #global-nav nav ul { text-align: left; display: inline; float: left; margin: 0; list-style: none; border-right: 1px solid rgba(255, 255, 255, 0.0976562); border-left: 1px solid rgba(0, 0, 0, 0.347656); } .tinynav-container { display: none; } .tinynav { display: none; } #global-nav nav ul.links { float: right; } #global-nav nav ul li { font: bold 13px/17px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; display: inline-block; float: left; position: relative; top: 1px; cursor: pointer; transition: all 0.2s; text-shadow: 0 0 2px #000; border-left: 1px solid rgba(255, 255, 255, 0.0976562); border-right: 1px solid rgba(0, 0, 0, 0.347656); } .ie #global-nav nav ul li { top: 2px; } #global-nav nav ul li:hover { background: url(../images/bg-footer-noise.jpg) #000; color: #fff; } #global-nav nav ul li i { height: 1em; } #global-nav nav ul li a { color: #e6e6e6; font-weight: normal; font-style: normal; text-decoration: none; display: block; padding: 8px 12px; } #global-nav nav ul li ul { padding: 0; position: absolute; top: 32px; left: -2px; width: 120px; display: none; opacity: 0; visibility: hidden; transition: opacity 0.2s; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); z-index: 400; } #global-nav nav ul li ul.wide { width: 260px; } #global-nav nav ul li ul li { background: url(../images/bg-footer-noise.jpg) #000; display: block; color: #fff; float: none; } #global-nav nav ul li ul li:hover { background: #000; } #global-nav nav ul li:hover ul { display: block; opacity: 1; visibility: visible; } #global-nav nav ul.projects li.project { width: 42px; padding: 0; height: 33px; text-indent: -9999px; background: url(../images/jq-nav-icons.png) -6px 0; z-index: 10; } #global-nav nav ul.projects li.project a { display: block; height: 33px; } #global-nav nav ul.projects li.jquery-ui { background-position: -57px 0; } #global-nav nav ul.projects li.jquery-mobile { background-position: -107px 0; } #global-nav nav ul.projects li.sizzlejs { background-position: -155px 0; } #global-nav nav ul.projects li.qunitjs { background-position: -204px 0; } .jquery #global-nav nav ul.projects li.jquery { background-position: 0 bottom; width: 52px; position: relative; margin-top:1px; border: none; } .jquery #global-nav nav ul.projects { border-left: none; } .jquery #global-nav nav ul.projects li.jquery-ui { border-left: none; background-position: -59px 0; } .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 #global-nav nav ul.projects li.jquery { border-right: none; background-position: -2px 0; } .jquery-ui #global-nav nav ul.projects li.jquery-mobile { border-left: none; } .jquery-mobile #global-nav nav ul.projects li.jquery-mobile { background-position: -100px bottom; width: 52px; position: relative; margin-top:1px; border: none; } .jquery-mobile #global-nav nav ul.projects li.jquery-ui { border-right: none; background-position: -53px 0; } .jquery-mobile #global-nav nav ul.projects li.jquery-mobile { border-right: none; } .jquery-mobile #global-nav nav ul.projects li.sizzlejs{ border-left: none; background-position: -157px 0; } .sizzlejs #global-nav nav ul.projects li.jquery-mobile { border-right: none; background-position: -102px 0; } .sizzlejs #global-nav nav ul.projects li.sizzlejs { background-position: -148px bottom; width: 52px; position: relative; margin-top:1px; border: none; } .sizzlejs #global-nav nav ul.projects li.qunitjs{ border-left: none; background-position: -206px 0; } .qunitjs #global-nav nav ul.projects li.sizzlejs { border-right: none; } .qunitjs #global-nav nav ul.projects li.qunitjs { background-position: -202px bottom; width: 52px; position: relative; margin-top:1px; border: none; } .qunitjs #global-nav nav ul.projects { border-right: none; } #container, footer { border-top: 1px solid #7acef4; } .jquery-ui #container, .jquery-ui footer { border-top-color: #faa523; } .jquery-mobile #container, .jquery-mobile footer { border-top-color: #3eb249; } .sizzlejs #container, .sizzlejs footer { border-top-color: #faa523; } .qunitjs #container, .qunitjs footer { border-top-color: #9c3493; } .jquery-learn #container, .jquery-learn footer { border-top-color: #333; } /* Brand Colors for General Use ========================================================================== */ .color.black { background-color: #333; } .color.primary-blue { background-color: #0769ad; } .color.secondary-blue { background-color: #7acef4; } .color.navy-blue { background-color: #131b28; } .color.primary-orange { background-color: #faa523; } .color.secondary-orange { background-color: #b24926; } .color.primary-green { background-color: #3eb249; } .color.secondary-green { background-color: #108040; } .color.sizzle-orange { background-color: #faa523; } .color.sizzle-red { background-color: #9a1B1E; } .color.qunit-primary-purple { background-color: #9c3493; } .color.qunit-secondary-purple { background-color: #390f39; } .color.globalize-primary-aqua { background-color: #009b93; } .color.globalize-secondary-aqua { background-color: #41586b; } /* Logo & Navigation ========================================================================== */ #logo-events { clear: both; padding: 20px 0; } h2.logo { float: left; margin: 20px 0 0 0; width: 243px; } h2.logo a { float: left; display: block; height: 66px; overflow: hidden; text-indent: -1000px; } .jquery h2.logo a, .jquery-learn h2.logo a { width: 243px; background: url(../images/logo-jquery.png) no-repeat; } .jquery-ui h2.logo a { width: 253px; background: url(../images/logo-jquery-ui.png) no-repeat; } .jquery-mobile h2.logo a { width: 268px; background: url(../images/logo-jquery-mobile.png) no-repeat; } .sizzlejs h2.logo a { width: 243px; background: url(../images/logo-sizzle.png) no-repeat; } .qunitjs h2.logo a { width: 243px; background: url(../images/logo-qunit.png) no-repeat; } .jquery-foundation h2.logo a { width: 243px; background: url(../images/logo-jquery-foundation.png) no-repeat; } .jquery-events.jquery-foundation h2.logo a { width: 243px; background: url(../images/logo-jquery-events.png) no-repeat; } .logo.small { height: 30px; background: url('../images/projectlogosfull-small.png') no-repeat; } .jquery.logo.small { width:109px; background-position: -0 0; } .jquery-foundation.logo.small { width: 109px; background-position: -109px 0; } .jquery-events.logo.small { width: 109px; background-position: -219px 0; } .jqueryui.logo.small { width: 114px; background-position: -327px 0; } .jquery-mobile.logo.small { width: 122px; background-position: -442px 0; } .qunitjs.logo.small { width: 105px; background-position: -564px 0; } .sizzlejs.logo.small { width: 105px; background-position: -669px 0; } #logo-events aside { float: right; } 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); box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0; box-shadow: 0 0 5px rgba(1, 1, 1, 0.7); } .jquery-ui nav#main, .sizzlejs nav#main { background-color: rgba(12, 12, 12, 0.06); } .qunitjs nav#main { background-color: rgba(156, 52, 147, 0.5); } .jquery-learn nav#main { background-color: rgba(0, 0, 0, 0.4); } .jquery-foundation nav#main { background-color: rgba(102, 102, 102, 0.1); } .no-boxshadow nav#main { border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; } nav#main ul { margin: 0; float: left; width: 70%; padding-top: 10px; padding-bottom: 10px; } nav#main li { float: left; font: normal normal 16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; margin-right: 2px; } 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); } nav#main li a:hover, nav#main li.current a, nav#main .searchform { background: none; 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) 0 -1px 0, rgba(255, 255, 255, 0.296875) 0 0 10px; } nav#main .searchform { float: right; width: 28%; margin-top: 12px; margin-bottom: 12px; padding: 0; border-radius: 20px; position: relative; } nav#main .searchform input { text-decoration: none; font: 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif; padding: 5px 10px; margin: 0; background-color: transparent; border-style: none; color: #fff; line-height: 1.3; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76); width: 85%; box-shadow: none; } nav#main .searchform input:focus { outline: none; } .no-boxshadow nav#main .searchform { border: 1px solid #333; } .no-boxshadow nav#main .searchform input { background: #fff; color: #333; } /* * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder. * 2. Using :placeholder for completeness. */ nav#main .searchform input::-webkit-input-placeholder { color: #fff; } nav#main .searchform input:-moz-placeholder { /* 1 */ color: #fff; } nav#main .searchform input::-moz-placeholder { color: #fff; } nav#main .searchform input:-ms-input-placeholder { color: #fff; } nav#main .searchform input:placeholder { /* 2 */ color: #fff; } nav#main .searchform .icon-search { position: absolute; right: 10px; top: 3px; bottom: 3px; border-width: 0; border-left: 1px solid rgba(7, 7, 7, 0.65); background-color: transparent; padding: 0 0 0 7px; opacity: 0.33; color: #fff; } #broadcast { height: 100px; } #broadcast:empty { display: none; } /* Typography & Global Styles ========================================================================== */ #manual a { text-decoration: underline; } #manual a:hover { text-decoration: none; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } p { margin-bottom: 15px; margin-top: 0; } b, strong { font-weight: bold; color: #1a1a1a; } em, i { color: #6d6d6d; font-style: italic; } hr { background-image: url(../images/gauze.png); height: .75em; border: none; margin: .75em 0; } #manual code a { text-decoration: none; } pre strong, pre b { color: #fff; font-weight: bold; } #manual blockquote { margin: 20px 0; } #manual blockquote p { font: italic normal 23px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; color: #828282; margin-left: 0; margin-bottom: 0; padding: 20px 30px; position: relative; text-shadow: 0 1px 0 #ffffff; background-color: #f2f2f2; } #manual ol, #manual ul { margin: 0 0 20px 20px; } #manual ul ul { margin-bottom: 0; } #manual ul li { padding-bottom: 5px; padding-top: 5px; padding-left: 20px; line-height: 20px; list-style-type: none; background: url(../images/bullet.png) no-repeat 0 10px; } #manual ul.block-grid li { background: none; } #manual ol { counter-reset: li; /* Initiate a counter */ } #manual 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: 5px; margin-left: 30px; } #manual 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: 1px; left: -25px; box-sizing: border-box; /* 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: 0; font: bold 11px/19px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; border-radius: 12px; } .lt-ie8 #manual ol, .lt-ie7 #manual ol { margin-left: 20px; } .lt-ie8 #manual ol li, .lt-ie7 #manual ol li { margin-left: 30px; list-style-type: decimal; padding-left: 0; } #manual img.full, #manual figure.full { display: block; width: 100%; max-width: 100%; } .lt-ie8 #manual figure img { position: relative; } .lt-ie7 #manual figure.full, .lt-ie8 #manual figure.full { width: 99%; } #manual img.full, #manual img.left, #manual img.right, #banner img.full { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20); } #manual img.noborder, #manual figure.noborder { box-shadow: none; border: none; background: none; } #manual img.full, #manual img.left, #manual img.right, #manual figure.full, #manual figure.left, #manual figure.right { margin-bottom: 20px; float: left; } #manual img.right, #manual figure.right { float: right; margin-left: 15px; } .lt-ie8 #manual img.right, .lt-ie8 #manual figure.right, .lt-ie7 #manual img.right, .lt-ie7 #manual figure.right { float: left; margin-left: 0; margin-right: 15px; } #manual img.left, #manual figure.left { margin-right: 15px; } #manual figure img { margin: 0 !important; } #manual figcaption { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20); font: italic 700 12px/20px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; padding: 10px 5px; color: #737272; clear: both; margin-top: -10px; background-color: #f2f2f2; } #manual figure.noborder figcaption { box-shadow: none; background: none; text-align: center; } #manual .embed, #manual .embed_media { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ height: 0; overflow: hidden; box-shadow: 0 0 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%; } #manual h1 { font-size: 36px; line-height: 36px; } .content-full #manual h1 { text-align: center; } #manual h2 { font-size: 24px; line-height: 24px; color: #333; margin-bottom: 10px; } #manual h3 { font-size: 20px; line-height: 20px; color: #666; } #manual h1.block, #manual h2.block { padding: 10px 2%; background: url(../images/gauze.png) #ececec; text-shadow: 0 1px 0 #ffffff; } p.author { color: #ababab; font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: 700; margin-top: -20px; } p.author a { color: #ababab; } .meta { padding: 2%; padding-bottom: .5%; margin-bottom: 20px; font: 700 "klavika-web", "Helvetica Neue", Helvetica, Arial, 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%; } #banner-large-image h1, #banner-large-image h2 { font: bold 60px/60px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; margin-bottom: 0; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); } #banner-large-image p { color: #cccccc; font: 700 normal 24px/36px "klavika-web", "Helvetica Neue", sans-serif; } #banner-secondary { background-image: url(../images/dark-grey-tile.png); margin: -20px -25px 15px; padding: 20px; } #banner-secondary h1, #banner-secondary h2 { margin-bottom: 0; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); } #banner-secondary h1 { font-size: 48px; line-height: 54px; } #banner-secondary h2 { font-size: 36px; line-height: 42px; } #banner-secondary p { color: #ccc; font: 22px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; padding-left: 15%; padding-right: 15%; } #banner-secondary a, #banner-secondary a:hover { color: #7acef4; } #banner-secondary em, #banner-secondary i { color: #fff; } #banner-secondary.large-banner { text-align: center; padding-top: 30px; padding-bottom: 30px; } #banner-secondary.large-banner h1, #banner-secondary.large-banner h2 { margin-bottom: 10px; } #banner-secondary.large-banner h1 { font-size: 60px; line-height: 60px; } #banner-secondary.large-banner h2 { font-size: 48px; line-height: 48px; } #banner-secondary.large-banner h3 { font-size: 36px; line-height: 36px; } .center-txt { text-align: center !important; } .callout-block { background-image: url(../images/gauze.png); padding: 20px; } /* Buttons ========================================================================== */ a.button, #manual a.button, .button, input[type="submit"] { border-radius: 5px; border: 1px solid #999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.45), inset 1px 0 0 rgba(255, 255, 255, 0.45), inset -1px 1px 0 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 "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; transition: all 0.2s; background-color: #d18f4f; float: left; } a.button:hover, #manual a.button:hover, .button:hover, input[type="submit"]:hover { background-color: #cc8540; } a.button.large, #manual a.button.large, button.large, input[type="submit"].large { font-size: 20px; padding: 12px 20px; } a.button.dark, #manual a.button.dark, .button.dark, input[type="submit"].dark { background-color: #666; } a.button.dark:hover, #manual a.button.dark:hover, .button.dark:hover, input[type="submit"].dark:hover { background-color: #424141; } /* Sidebar ========================================================================== */ #sidebar h3 { font: 20px/18px; background-image: -webkit-linear-gradient(left, #efefef, #f3f3f3); background-image: linear-gradient(to right, #efefef, #f3f3f3); margin-left: -20px; margin-right: -20px; padding: 12px 20px; text-shadow: 0 1px 0 #ffffff; } #sidebar li { padding: 5px 0 5px 20px; list-style-type: none; background: url(../images/bullet.png) no-repeat 0 12px; text-shadow: 0 1px 0 #ffffff; } #sidebar li a { color: #4d4d4d; text-decoration: none; display: block; } #sidebar nav#secondary li { background-image: none; padding-left: 0; } #sidebar nav#secondary li.current { background-color: #eee; margin-left: -35px; margin-right: -20px; padding-left: 35px; font-weight: bold; } /* == Footer ========================================================================== */ footer { background: url(../images/bg-footer-noise.jpg) repeat; margin-top: -20px; padding-top: 40px; } footer.simple { padding-top: 45px; padding-bottom: 10px; } footer a, footer strong { color: #fff; text-decoration: none; } footer .download { text-align: center; color: #fff; padding: 10px 2% 15px 2%; line-height: 140%; } footer .download strong { margin-right: 10px; } footer .download > span { white-space: nowrap; } footer .download a { margin: 0 10px; } footer .download a em { font-style: normal; color: #aaa; } footer .download a:hover { border-bottom: solid 1px #888; } footer .footer-icon-links li { width: 22%; margin-left: 11%; float: left; } footer .footer-icon-links li a { display: block; line-height: inherit; font-size: 18px; float: left; position: relative; width: auto; text-align: left; padding-left: 10px; } footer .footer-icon-links li a:before { position: absolute; left: -35px; top: 10px; font-size: 2em; color: #4d4d4d; text-shadow: 0 -1px 0 #000000; } footer .footer-icon-links li small { display: block; font-size: 14px; color: #777; line-height: 120%; } footer .footer-icon-links li:hover a:before { color: #d1d1d1; } .multiplebgs.cssgradients footer { 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-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,0)), url(../images/bg-footer-noise.jpg); /* Firefox 16+, IE 10+, Opera 12.50+ */ background-repeat: repeat-x, repeat; background-size: 100px 15px, 140px 140px; } .no-multiplebgs footer, .no-cssgradients footer { background-image: url(../images/bg-footer-noise.jpg); background-repeat: repeat; } footer h3 { color: #777; letter-spacing: normal; text-transform: uppercase; text-shadow: #000 0 1px 0; border: solid 1px #000; text-rendering: optimizeLegibility; border-bottom: none; border-radius: 4px 4px 0 0; position: relative; text-align: center; height: 10px; margin-top: 20px; font-size: 16px; } footer h3 span { display: inline-block; padding: 3px 10px; position: relative; top: -0.8em; background: url(../images/bg-footer-noise.jpg) repeat #212121; z-index: 1; } footer h3:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: solid 1px #333; border-bottom: none; border-radius: 4px 4px 0 0; } .footer-site-links { float: right; padding: 10px 0 0 0; width: 58%; text-align: right; } footer p.copyright { margin: 10px 0 0 0; float: left; width: 40%; font-size: 11px; line-height: 130%; color: #777; } footer p.copyright a { color: #aaa; } footer p.copyright a:hover { color: #fff; } footer p.copyright span.sponsor-line { display: block; font-size: 10px; margin-top: 1em; } footer p.copyright a.do-link { background: url(../images/logo-do.png) left top no-repeat; padding: 2px 0 2px 17px; } footer p.copyright a.sp-link { background: url(../images/logo-sp.png) left top no-repeat; padding: 2px 0 2px 19px; } .footer-site-links li { position: relative; background: none; width: auto; height: auto; line-height: 20px; margin: 0 0 10px 20px; font-size: 13px; } .footer-site-links li:first-child { margin-left: 0; } .footer-site-links li a { position: relative; color: #aaa; display: block; padding-left: 30px; width: auto; line-height: inherit; } .footer-site-links li a:before { position: absolute; font-size: 1.5em; color: #4d4d4d; text-shadow: 0 -1px 0 #000000; left: 2px; } .footer-site-links li:hover a, .footer-site-links li:hover a:before { color: #e6e6e6; } .footer-site-links li { display: inline-block; } footer ul li { list-style: none; padding: 0; margin: 0; line-height: 30px; } footer #legal { margin-top: 1em; border-top: solid 1px #333; box-shadow: #000 0 -1px 0; } footer .books li { float: left; width: 30%; min-width: 95px; margin-left: 2.8%; margin-bottom: 15px; line-height: 130%; font-size: 11px; text-align: center; } footer .books li:first-child { margin-left: 2%; } footer .books li a img { display: block; border-radius: 5px; border: solid 1px rgba(255,255,255,0.2); width: 92px; height: 114px; margin: 0 auto 5px; } footer .books li a:hover img { border-color: #fff; } footer .books li a cite { display: block; font-style: normal; font-size: 9px; line-height: 1.5em; color: #aaa; } /* General Styles ========================================================================== */ #manual .entry-title a { text-decoration: none; } .entry-meta { color: #999; font-size: 12px; } .toc-linked { position: relative; } .toc-linked .toc-link { position: absolute; left: -1em; text-decoration: none; opacity: 0; } /* TODO: Remove (https://github.com/jquery/jquery-wp-content/issues/143) */ #manual .toc-linked .toc-link { text-decoration: none; } .toc-linked:hover .toc-link { opacity: 1; } .post-heirarchy { margin-bottom: 0.75em; } /* Listing Pages (categories, searches, etc.) ========================================================================== */ .listing .hentry { padding: 10px 20px; margin: 15px 0; border: 1px solid rgba( 0, 0, 0, 0.2 ); border-radius: 5px; background-color: #eee; position: relative; } .listing #manual .entry-title { font-size: 1.3em; margin-bottom: 0; text-shadow: 0 1px 1px #fff; } .listing .entry-meta { float: right; } .listing .entry-meta .category { padding: 4px; background-color: #ddd; border-radius: 5px; } .listing #manual .entry-meta .category a { color: #888; text-decoration: none; } .pagination { text-align: center; margin-top: 2em; } .page-numbers { padding: 0 10px; } /* API Sites ========================================================================== */ .entry { margin: 15px 0; } .entry-wrapper { border: 1px solid #ccc; border-top: 0; padding: 10px; border-radius: 0 0 5px 5px; } #manual .section-title { background: #333; border: 1px solid #111; padding: 8px 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; } .returns { float: right; font-style: italic; } .api-item .returns { font-size: 16px; color: #333; font-weight: normal; } .api-item .version-details { display: block; padding: 0.5em; margin: 1em 0; background: #fff3a5; border-radius: 5px; } #manual .signatures { background: #eee; border: 1px solid #ccc; margin: 0 auto 15px; max-width: 750px; border-radius: 3px; color: #333; text-shadow: 0 1px 0 #fff; } #manual .signatures li { list-style: none; background: none; margin: 0; padding: 10px; } #manual .signatures > li { padding-bottom: 0; } #manual .signature > ul { margin: 0; } .signatures h4 { font-size: 16px; letter-spacing: 0; padding: 8px 10px; margin: -10px -10px 0; color: #fff; text-shadow: 0 1px 0 #444; } .signature:first-child h4 { border-radius: 3px 3px 0 0; } #manual .signature h4 a { color: inherit; text-decoration: none; } .signature h4 .icon-link { margin-right: 0.5em; } .signature .event-properties { margin: 15px 0 0 0; } .argument { margin-top: 1em; } #options, #methods, #extension-points, #events, #quick-nav { border: 1px solid #ccc; margin: 0 15px 15px; padding: 10px; overflow: auto; } #options header h2, #methods header h2, #extension-points header h2, #events header h2, #quick-nav h2 { background: #cccccc; /* Old browsers */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ margin: -10px -10px 10px -10px; padding: 10px; } #quick-nav h2 a { float: right; font-size: 80%; padding-left: 10px; } .quick-nav-section { width: 33%; float: left; } #methods .api-item li, #extension-points .api-item li, #events .api-item li { margin-bottom: 1em; } #methods .api-item li ul, #extension-points .api-item li ul, #events .api-item li ul { list-style: none; } .version-details { font-weight: bold; } .section-title .version-details, .name .version-details { float: right; clear: right; font-size: 14px; color: #fff; } .api-item { padding: 20px 10px; } .signature li, .api-item { border-top: 1px solid #ccc; } .signature li:first-child, .api-item.first-item { border-top: none; padding-top: 10px; } .option-type { font-size: 16px; font-weight: normal; color: #333; } #options .default { margin-bottom: 1em; } #options .default .syntaxhighlighter { /* stick code to label; this is more important! */ margin-top: 0 !important; } .desc { font-size: 16px; padding: 5px 15px 0; color: #666; font-style: italic; } .desc strong { color: #444; font-style: normal; } .entry-summary p { margin: 0; } .warning, .note { padding: 0.5em 1em; margin: 1em; border-radius: 5px; } .warning { background: #fff3a5; } .note { background: #428bca; color: #fff; } .note a { color: #fff; } /* Media Queries ========================================================================== */ @media only screen and (max-width: 807px) { #manual-wrapper.row { min-width: 0; } } @media only screen and (max-width: 767px) { #global-nav ul.projects li.toggle-projects { display: none; } #sidebar, .content-right #sidebar { width: auto; float: none; clear: both; margin: 0; border-top: 1px solid #e7e7e7; border-right: none; border-image: none; box-shadow: none; background-image: none; } .content-full.full-width #manual, .content-right #manual, .content-left #manual { padding-left: 15px; padding-right: 15px; } #manual { width: 100%; float: none; clear: both; } #banner-secondary { margin-left: -15px !important; margin-right: -15px !important; } footer p.copyright, footer ul.footer-site-links { width: 100%; text-align: center; margin: 0 0 10px 0; } } @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: inline-block; position: relative; left: 50%; margin-left: -200px; float: none; padding: 10px 0; } #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; box-shadow: none; padding-top: 10px; } nav#main .searchform { display: block; float: none; width: 100%; margin: 15px auto; clear:both; } nav#main ul{ width: auto !important; text-align: left !important; float: none; margin: 0; padding: 0; } nav#main ul li, nav#main ul li a { display: block; text-align: left !important; float: left; margin-right: 0; padding: 0 4px 4px 0; } nav#main li a:hover, nav#main li.current a { background: none; box-shadow: none; border-radius: 4px; border: 1px solid rgba(0,0,0,0.0); } nav#main li a { font-size: 14px; } #manual-wrapper { border-top-left-radius: 10px; border-top-right-radius: 10px; } .content-full.full-width #manual, .content-right #manual, .content-left #manual { padding-left: 10px; padding-right: 10px; } #banner-secondary { border-top-left-radius: 9px; border-top-right-radius: 9px; margin-left: -10px !important; margin-right: -10px !important; } #banner-secondary h2 { font-size: 35px; line-height: 35px; } #manual 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 .books li { clear: both; margin-bottom: 10px; float: none; margin-left: auto !important; margin-right: auto; text-align: center; } footer .books li span { display: block; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 480px) { #global-nav { display: none; } #logo-events aside { width: 300px; margin-left: -150px; } #container { border-top: none !important; } .tinynav-container { display: block; } #menu-top { display: none; } .tinynav { display: block; width: 100%; margin: 0 auto 15px; position: relative; top: 6px; left: 0; } nav#main { margin-top: 15px; padding-top: 0; } nav#main .searchform { display: block; float: none; width: 100%; margin: 15px auto; } nav#main ul li, nav#main ul li a { float: none; padding: 6px 0 6px 8px; } .constrain, #container { padding-left: 10px; padding-right: 10px; } .content-full #manual, .content-full.full-width #manual, .content-right #manual, .content-left #manual { padding-left: 0; padding-right: 0; } #manual-wrapper { padding-left: 25px; padding-right: 25px; } #manual pre { margin-left: -25px; margin-right: -25px; } #manual img.left, #manual figure.left, #manual img.right, #manual figure.right { display: block; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } #banner-secondary { margin-left: -25px !important; margin-right: -25px !important; } footer .footer-icon-links li a:before { display: none; } footer .footer-icon-links li:first-child { margin-left: 0; } footer .download > span { white-space: normal; } } @media only screen and (-webkit-device-pixel-ratio: 2){ .jquery h2.logo a { background: url(../images/logo-jquery@2x.png) no-repeat; background-size: 243px 66px; } .jquery-ui h2.logo a { background: url(../images/logo-jquery-ui@2x.png) no-repeat; background-size: 253px 66px; } .jquery-mobile h2.logo a { background: url(../images/logo-jquery-mobile@2x.png) no-repeat; background-size: 268px 66px; } .sizzlejs h2.logo a { background: url(../images/logo-sizzle@2x.png) no-repeat; background-size: 243px 66px; } .qunitjs h2.logo a { background: url(../images/logo-qunit@2x.png) no-repeat; background-size: 243px 66px; } .jquery-foundation h2.logo a { background: url(../images/logo-jquery-foundation@2x.png) no-repeat; background-size: 243px 66px; } .jquery-events.jquery-foundation h2.logo a { background: url(../images/logo-jquery-events@2x.png) no-repeat; background-size: 243px 66px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { } /* Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .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; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* The Grid ---------------------- Based on Zurb Foundation's 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; } .column, .columns { float: left; min-height: 1px; padding: 0 25px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .three, .row .three { width: 25%; } .four, .row .four { width: 33.33333%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 8.33333%; } .row .offset-by-two { margin-left: 16.66667%; } .row .offset-by-three { margin-left: 25%; } .row .offset-by-four { margin-left: 33.33333%; } .row .offset-by-five { margin-left: 41.66667%; } .row .offset-by-six { margin-left: 50%; } .row .offset-by-seven { margin-left: 58.33333%; } .row .offset-by-eight { margin-left: 66.66667%; } .row .offset-by-nine { margin-left: 75%; } .row .offset-by-ten { margin-left: 83.33333%; } .push-two { left: 16.66667%; } .pull-two { right: 16.66667%; } .push-three { left: 25%; } .pull-three { right: 25%; } .push-four { left: 33.33333%; } .pull-four { right: 33.33333%; } .push-five { left: 41.66667%; } .pull-five { right: 41.66667%; } .push-six { left: 50%; } .pull-six { right: 50%; } .push-seven { left: 58.33333%; } .pull-seven { right: 58.33333%; } .push-eight { left: 66.66667%; } .pull-eight { right: 66.66667%; } .push-nine { left: 75%; } .pull-nine { right: 75%; } .push-ten { left: 83.33333%; } .pull-ten { right: 83.33333%; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none!important; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } /* 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, #manual .block-grid { display: block; overflow: hidden; padding: 0; } .block-grid > li, #manual .block-grid > li { display: block; height: auto; float: left; } .block-grid.one-up, #manual .block-grid.one-up { margin: 0; } .block-grid.one-up > li, #manual .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } .block-grid.two-up, #manual .block-grid.two-up { margin: 0 -15px; } .block-grid.two-up > li, #manual .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } .block-grid.two-up > li:nth-child(2n+1), #manual .block-grid.two-up > li:nth-child(2n+1) { clear: both; } .block-grid.three-up, #manual .block-grid.three-up { margin: 0 -12px; } .block-grid.three-up > li, #manual .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } .block-grid.three-up > li:nth-child(3n+1), #manual .block-grid.three-up > li:nth-child(3n+1) { clear: both; } .block-grid.four-up, #manual .block-grid.four-up { margin: 0 -10px; } .block-grid.four-up > li, #manual .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } .block-grid.four-up > li:nth-child(4n+1), #manual .block-grid.four-up > li:nth-child(4n+1) { clear: both; } .block-grid.five-up, #manual .block-grid.five-up { margin: 0 -8px; } .block-grid.five-up > li, #manual .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } .block-grid.five-up > li:nth-child(5n+1), #manual .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 !important; } .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;} #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); } /* Syntax Highlighting ---------------------- */ pre, code { font-family: "source-code-pro", Consolas, monospace !important; word-spacing: 0; } pre code { display: block; padding: 0.5em; color: #333; background: #f8f8ff } pre .comment, pre .template_comment, pre .diff .header, pre .javadoc { color: #998; font-style: italic } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .nginx .title, pre .subst, pre .request, pre .status { color: #333; font-weight: bold } pre .number, pre .hexcolor, pre .ruby .constant { color: #099; } pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula { color: #d14 } pre .title, pre .id { color: #900; font-weight: bold } pre .javascript .title, pre .lisp .title, pre .clojure .title, pre .subst { font-weight: normal } pre .class .title, pre .haskell .type, pre .vhdl .literal, pre .tex .command { color: #458; font-weight: bold } pre .tag, pre .tag .title, pre .rules .property, pre .django .tag .keyword { color: #000080; font-weight: normal } pre .attribute, pre .variable, pre .lisp .body { color: #008080 } pre .regexp { color: #009926 } pre .class { color: #458; font-weight: bold } pre .symbol, pre .ruby .symbol .string, pre .lisp .keyword, pre .tex .special, pre .prompt { color: #990073 } pre .built_in, pre .lisp .title, pre .clojure .built_in { color: #0086b3 } pre .preprocessor, pre .pi, pre .doctype, pre .shebang, pre .cdata { color: #999; font-weight: bold } pre .deletion { background: #fdd } pre .addition { background: #dfd } pre .diff .change { background: #0086b3 } pre .chunk { color: #aaa } .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter pre, .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; 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: "source-code-pro", Consolas, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !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; background: #eee; } .syntaxhighlighter.source { overflow: hidden !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 0.5em !important; } .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 1em !important; } .syntaxhighlighter table td.gutter { border-right: 2px solid #999; } .syntaxhighlighter { border-radius: 5px; } #manual .syntaxhighlighter tr { border-bottom: none; } a { color: #0769ad; } .signatures li h4 { background: #25649f; } .version-details a, .returns a { color: #7acef4; } .versionAdded a { color: #7acef4; } #manual figure { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20); margin-bottom: 1.2em; } #manual figure img.column { vertical-align: top; padding: 0; } #manual figcaption { clear: both; box-shadow: none; margin-top: 0; }