0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
appartsoft.info
/
applicationlavoix
/
wp-content
/
themes
/
skythemepremium
/
[
Home
]
File: style.css
/* Theme Name: SkyTheme Premium Theme URI: http://www.skybuilder.net Author: SkyBuilder Author URI: http://www.skybuilder.net Description: Version: 1.0 */ @charset "UTF-8"; @font-face { font-family:'proxima-nova'; src:url("images/fonts/proximanova-bold-webfont.eot"); src:url("images/fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("images/fonts/proximanova-bold-webfont.woff") format("woff"), url("images/fonts/proximanova-bold-webfont.ttf") format("truetype"), url("images/fonts/proximanova-bold-webfont.svg#ProximaNovaBold") format("svg"); font-weight:bold; font-style:normal } @font-face { font-family:'proxima-nova'; src:url("images/fonts/proximanova-boldit-webfont.eot"); src:url("images/fonts/proximanova-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("images/fonts/proximanova-boldit-webfont.woff") format("woff"), url("images/fonts/proximanova-boldit-webfont.ttf") format("truetype"), url("images/fonts/proximanova-boldit-webfont.svg#ProximaNovaBoldItalic") format("svg"); font-weight:bold; font-style:italic } @font-face { font-family:'proxima-nova'; src:url("images/fonts/proximanova-reg-webfont.eot"); src:url("images/fonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("images/fonts/proximanova-reg-webfont.woff") format("woff"), url("images/fonts/proximanova-reg-webfont.ttf") format("truetype"), url("images/fonts/proximanova-reg-webfont.svg#ProximaNovaRegular") format("svg"); font-weight:normal; font-style:normal } @font-face { font-family:'proxima-nova'; src:url("images/fonts/proximanova-regit-webfont.eot"); src:url("images/fonts/proximanova-regit-webfont.eot?#iefix") format("embedded-opentype"), url("images/fonts/proximanova-regit-webfont.woff") format("woff"), url("images/fonts/proximanova-regit-webfont.ttf") format("truetype"), url("images/fonts/proximanova-regit-webfont.svg#ProximaNovaRegularItalic") format("svg"); font-weight:normal; font-style:italic } @font-face { font-family:'proxima-nova'; src:url("images/fonts/proximanova-sbold-webfont.eot"); src:url("images/fonts/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("images/fonts/proximanova-sbold-webfont.woff") format("woff"), url("images/fonts/proximanova-sbold-webfont.ttf") format("truetype"), url("images/fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold") format("svg"); font-weight:600; font-style:normal } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block } audio, canvas, video { display:inline-block; *display:inline; *zoom:1 } audio:not([controls]) { display:none } [hidden] { display:none } html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% } html, button, input, select, textarea { font-family:sans-serif } body { margin:0 } a:focus { outline:thin dotted } a:hover, a:active { outline:0 } h1 { font-size:2em } abbr[title] { border-bottom:1px dotted } b, strong { font-weight:bold } blockquote { margin:1em 40px } dfn { font-style:italic } mark { background:#ff0; color:#000 } pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em } pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word } q { quotes:none } q:before, q:after { content:''; content:none } small { font-size:75% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } ul, ol { margin-left:0; padding:0 0 0 40px } dd { margin:0 0 0 40px } nav ul, nav ol { list-style:none; list-style-image:none } img { border:0; -ms-interpolation-mode:bicubic } svg:not(:root) { overflow:hidden } figure { margin:0 } form { margin:0 } fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em } legend { border:0; padding:0; white-space:normal; *margin-left:-7px } button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle } button, input { line-height:normal } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *height:13px; *width:13px } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } textarea { overflow:auto; vertical-align:top } table { border-collapse:collapse; border-spacing:0 } :focus { outline:0 } a { outline:none !important } html, body { height:100% } html { font-size:62.5%; -webkit-font-smoothing:antialiased } body { background:#fff } a img, fieldset { border:none } fieldset { padding:0 } input[type=submit], input.submit { font-weight:bold; width:auto !important } input[type=image], input.image, input[type=radio], input.radio, input[type=checkbox], input.checkbox { background:none !important; border:none !important; height:auto !important; width:auto !important } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0 } img.left { display:inline; float:left !important } img.right { display:inline; float:right !important } caption, th { text-align:left } .hide { display:none !important } .show { display:block !important } .invisible { visibility:hidden !important } .visible { visibility:visible !important } .clear:after, .page-footer:after { clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0.01em !important; line-height:0.01em !important } .clear, .page-footer { display:inline-block } * html .clear, * html .page-footer { height:1% } .clear, .page-footer { display:block } form p { margin-bottom:10px } label { display:block } input, select, textarea { border:1px solid #ccc; padding:9px 8px 7px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); -ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); -o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05) } input:focus, select:focus, textarea:focus { border-color:#a4baca !important; background:#f5f7f9 } input:focus, select:focus, textarea:focus { border-color:#999 } label { font-weight:bold } .form-checkbox>span label span, .form-radio>span label span { padding-left:10px } .form-checkbox>span label span, .form-radio>span label span { font-weight:normal } .form-basic { overflow:hidden } .form-basic fieldset { margin:0 0 20px } .form-basic dt, .form-basic dd { float:left; display:inline } .form-basic dt, .form-basic dd { min-height:30px } * html .form-basic dt, * html .form-basic dd { height:auto } .form-basic dt { width:40% } .form-basic dd { width:60% } .form-basic label { display:block } .form-basic input[type=text], .form-basic select, .form-basic textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .form-basic input[type=text], .form-basic textarea { padding:7px 6px 5px } .form-basic dd.form-radio label { float:left; display:inline; padding:0; margin-right:1.75em } .form-basic dd.form-radio input { margin:-3px 0.75em 0 0 } .form-basic dd.form-radio-list label { float:none; display:block } .form-basic dt.form-emptylabel { display:none } .form-basic dd.form-emptylabel { width:100% } .form-basic .form-actions { text-align:right; padding:9px 15px 10px; margin:0; border-top:1px solid #ccc; background:#eee } .form-basic h2 { font-size:21px; line-height:30px } .form-basic h3 { font-size:15px; line-height:30px; margin-bottom:10px } body { line-height:20px; color:#222 } .proxima-nova, body, input, select, textarea { font-family:'proxima-nova', "Helvetica Neue", Arial, Helvetica, sans-serif } .freight-sans-pro, h1, h2, h3 { font-family:'freight-sans-pro', 'proxima-nova', "Helvetica Neue", Arial, Helvetica, sans-serif } code { font-family:"Monaco", "Consolas", "Lucida Console", monospace } body { font-size:14px; font-size:1.4rem } h1 { font-size:36px; line-height:36px } h2 { font-size:23px; line-height:30px } h3 { font-size:16px; font-weight:600; font-weight:bold } h4 { font-size:14px; font-weight:600; font-weight:bold; text-transform:uppercase } small { font-size:12px } h1, h2, h3, h4, h5, h6, th { font-weight:600; font-weight:bold } h1 { margin:40px 0 20px -1px } h2 { margin:20px 0 10px } h1+h2 { margin-top:20px } h3 { margin:20px 0 10px } h4 { margin:20px 0 10px } h1:first-child, h2:first-child { margin-top:0 } p { margin:0 0 10px } pre { margin:15px 0 25px } pre code { padding:14px 14px 14px 19px } form label { display:block; margin:0 0 5px } form input, form select, form textarea { font-size:14px; font-size:1.4rem } table { margin:20px 0 30px } th, td { padding:5px 10px 4px 0; border-bottom:1px solid #ddd } th, tr:last-child td { border-bottom-color:#ccc } ul, ol { margin:0 0 20px } ul ul, ul ol, ol ul, ol ol { margin:5px 0 15px } li { margin:0 0 5px } a, a:visited { text-decoration:none } a:hover { text-decoration:underline } a, a:visited { color:#3f729b } a:hover { color:#1c5380 } code { -webkit-font-smoothing:subpixel-antialiased; font-size:12px; font-style:normal; font-weight:normal; line-height:15px } th { text-transform:uppercase } p.emphasized { font-size:16px; font-weight:600; line-height:25px } .top-bar h1, .top-bar h2 { color:#fff } .top-bar h2 { font-size:14px; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 1px rgba(0,0,0,0.6) } .top-bar a, .top-bar a:visited, .top-bar a:hover { text-decoration:none } .page-footer { text-transform:uppercase; font-weight:bold; font-size:13px } .page-footer .copyright { color:#999 } .account-state { font-weight:bold } .account-state, .account-state a, .account-state a:hover, .account-state a:active { color:#fff } .account-state a:active { color:#eee } .page-footer-dark span, .page-theatre .page-footer span, .page-footer-dark a, .page-theatre .page-footer a, .page-footer-dark a:visited, .page-theatre .page-footer a:visited, .page-footer-dark a:active, .page-theatre .page-footer a:active, .page-footer-dark a:hover, .page-theatre .page-footer a:hover { color:#fff; -moz-opacity:0.3; -khtml-opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3 } .page-footer-dark a:hover, .page-theatre .page-footer a:hover, .page-footer-dark a:active, .page-theatre .page-footer a:active { -moz-opacity:0.8; -khtml-opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.8; opacity:0.8 } pre code { display:block; overflow:auto; background:#fafafa; border:1px solid #ddd } code { max-width:100%; display:inline; background:#eee } form ul.errorlist { display:none } form ul.errorlist+p input { background-color:#fff6f6; border-color:#eec3c7 } fieldset { margin:0 0 20px } textarea { padding:7px 7px 6px } .form-actions { padding-top:20px } .main form.bordered { padding:40px 0 1px; margin:-1px 0 0; border-top:1px solid #ddd } .main form.bordered input:not([type=submit]), .main form.bordered span { width:40%; display:inline-block } .main form.bordered span>input:not([type=submit]) { width:100% } .main form.bordered textarea { width:60%; min-width:360px } .main form.bordered .form-actions { margin-top:40px; border-top:1px solid #ddd; padding-top:20px } .main form.adjacent fieldset { margin:0 0 30px } .main form.adjacent p { min-height:30px; margin-bottom:10px } .main form.adjacent label { display:inline-block; width:160px; min-height:20px } .main form.adjacent.wide label { width:220px } .main form.adjacent.very-wide label { width:330px } .main form.adjacent input[type=text], .main form.adjacent input[type=email], .main form.adjacent input[type=password], .main form.adjacent input[type=tel], .main form.adjacent textarea { margin-top:-5px; position:relative; top:0 } .main form.adjacent textarea { margin-bottom:10px } .main form.adjacent span .button { margin:-5px 0 0 10px } .main form.adjacent span.helptext { font-size:0.9em; font-style:italic; display:block; padding:10px 0 10px 0; width:auto; max-width:999px !important } table { width:100% !important } ol, ul { padding-left:20px; list-style-position:outside } ul { list-style-type:square } ol { list-style-type:decimal } [type=submit], .button { position:relative; cursor:pointer; font-weight:bold; line-height:1em; text-decoration:none !important; color:#111; display:inline-block; position:relative; background-color:#eee; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px } [type=submit]:hover, .button:hover { background-color:#eee } [type=submit].button-active, [type=submit].active, [type=submit]:active, .button.button-active, .button.active, .button:active { background-color:#ddd } [type=submit], .button { border:1px solid #bbb } [type=submit].button-active, [type=submit].active, [type=submit]:active, .button.button-active, .button.active, .button:active { border-color:#a2a2a2 } [type=submit], .button, .button-medium { font-size:14px; font-size:1.4rem; padding:7px 10px 8px } .button-micro { font-size:12px; font-size:1.2rem; padding:4px 7px 4px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px } .button-tiny { font-size:12px; font-size:1.2rem; padding:6px 8px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px } .button-small, .button-altsmall, .main form.adjacent span .button { font-size:12px; font-size:1.2rem; padding:7px 9px 6px } .button-large { font-size:16px; font-size:1.6rem; padding:10px 12px } .button-xlarge { font-size:23px; font-size:2.3rem; padding:10px 13px } [type=submit], [type=submit]:visited, .button, .button:visited, .button-light, .button-light:visited { color:#0f3556 !important } [type=submit]:hover, .button:hover, .button-light:hover { color:#062540 !important } [type=submit].button-active, [type=submit].active, [type=submit]:active, .button.button-active, .button.active, .button:active, .button-light.button-active, .button-light.active, .button-light:active { color:#062540 !important } .button-grey, .button-grey:visited { color:#666 !important } .button-grey:hover { color:#444 !important } .button-grey.button-active, .button-grey.active, .button-grey:active { color:#444 !important } .button-dark, .button-blue, .button-brown, .button-red, .button-darkred, .button-green, .button-yellow, .button-altblue, .button-altgreen, .button-dark:visited, .button-blue:visited, .button-brown:visited, .button-red:visited, .button-darkred:visited, .button-green:visited, .button-yellow:visited, .button-altblue:visited, .button-altgreen:visited { color:#fff !important } .button-dark:hover, .button-blue:hover, .button-brown:hover, .button-red:hover, .button-darkred:hover, .button-green:hover, .button-yellow:hover, .button-altblue:hover, .button-altgreen:hover { color:#fff !important } .button-dark.button-active, .button-active.button-blue, .button-active.button-brown, .button-active.button-red, .button-active.button-darkred, .button-active.button-green, .button-active.button-yellow, .button-active.button-altblue, .button-active.button-altgreen, .button-dark.active, .active.button-blue, .active.button-brown, .active.button-red, .active.button-darkred, .active.button-green, .active.button-yellow, .active.button-altblue, .active.button-altgreen, .button-dark:active, .button-blue:active, .button-brown:active, .button-red:active, .button-darkred:active, .button-green:active, .button-yellow:active, .button-altblue:active, .button-altgreen:active { color:rgba(255,255,255,0.8) !important; text-shadow:0 1px 0 rgba(0,0,0,0.3) !important } .button-uppercase, .button-altsmall, .main form.adjacent span .button { text-transform:uppercase } .button-icon { text-indent:-9999em } .button-icon i { display:block } .button-icon:active i { opacity:0.8 } .button-icon-right b { padding-right:24px } .button-pulldown b { padding-right:14px; background:url(images/glyphs/arrow-down-small.png) no-repeat 100% 50% } .button-light-context-light, [type=submit], .button, .button-light { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.08), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.08), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 1px rgba(0,0,0,0.08), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08) } .button-light-context-light.button-active, .button-active[type=submit], .button-active.button, .button-active.button-light, .button-light-context-light.active, .active[type=submit], .active.button, .active.button-light, .button-light-context-light:active, [type=submit]:active, .button:active, .button-light:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), inset 0 0 1px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.9); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), inset 0 0 1px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.9); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), inset 0 0 1px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.9); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), inset 0 0 1px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.9); box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), inset 0 0 1px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.9) } .button-light-context-dark { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08) } .button-light-context-dark.button-active, .button-light-context-dark.active, .button-light-context-dark:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3) } .button-dark-context-light, .button-blue, .button-brown, .button-red, .button-green, .button-yellow, .button-altblue, .button-altgreen { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08) } .button-dark-context-light.button-active, .button-active.button-blue, .button-active.button-brown, .button-active.button-red, .button-active.button-green, .button-active.button-yellow, .button-active.button-altblue, .button-active.button-altgreen, .button-dark-context-light.active, .active.button-blue, .active.button-brown, .active.button-red, .active.button-green, .active.button-yellow, .active.button-altblue, .active.button-altgreen, .button-dark-context-light:active, .button-blue:active, .button-brown:active, .button-red:active, .button-green:active, .button-yellow:active, .button-altblue:active, .button-altgreen:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8) } .button-dark-context-dark { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05), inset 0 1px 0 rgba(0,0,0,0.08) } .button-dark-context-dark.button-active, .button-dark-context-dark.active, .button-dark-context-dark:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3) } .inset-button, .inset-button-light-context-light { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.08) } .inset-button.button-active, .inset-button.active, .inset-button:active, .inset-button-light-context-light.button-active, .inset-button-light-context-light.active, .inset-button-light-context-light:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05), inset 0 0 1px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05), inset 0 0 1px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.6); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05), inset 0 0 1px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.6); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05), inset 0 0 1px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05), inset 0 0 1px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.6) } .inset-button-light-context-dark { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(0,0,0,0.08) } .inset-button-light-context-dark.button-active, .inset-button-light-context-dark.active, .inset-button-light-context-dark:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.3) } .inset-button-dark-context-light { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 0 rgba(255,255,255,0.8), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 0 rgba(255,255,255,0.8), inset 0 1px 0 rgba(0,0,0,0.08) } .inset-button-dark-context-light.button-active, .inset-button-dark-context-light.active, .inset-button-dark-context-light:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8) } .inset-button-dark-context-dark { text-shadow:0 1px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(0,0,0,0.08); -ms-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(0,0,0,0.08); -o-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(0,0,0,0.08); box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(0,0,0,0.08) } .inset-button-dark-context-dark.button-active, .inset-button-dark-context-dark.active, .inset-button-dark-context-dark:active { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.2); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.2); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.2) } [type=submit], .button, .button-light { background-color:#f9fafb; background-image:url(../../images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#eef1f4)); background-image:url(../../images/shared/noise.png), -webkit-linear-gradient(top, #f9fafb, #eef1f4); background-image:url(../../images/shared/noise.png), -moz-linear-gradient(top, #f9fafb, #eef1f4); background-image:url(../../images/shared/noise.png), -o-linear-gradient(top, #f9fafb, #eef1f4); background-image:url(../../images/shared/noise.png), -ms-linear-gradient(top, #f9fafb, #eef1f4); background-image:url(../../images/shared/noise.png), linear-gradient(top, #f9fafb, #eef1f4); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f9fafb', EndColorStr='#eef1f4'); background-position:50% 50% } [type=submit].button-active, [type=submit].active, [type=submit]:active, .button.button-active, .button.active, .button:active, .button-light.button-active, .button-light.active, .button-light:active { background:#e8ecf0 } [type=submit], .button, .button-light { border:1px solid #c6daec } [type=submit].button-active, [type=submit].active, [type=submit]:active, .button.button-active, .button.active, .button:active, .button-light.button-active, .button-light.active, .button-light:active { border-color:#b3cee6 } .button-light { background-color:#fff; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #fff, #f9fafb); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #fff, #f9fafb); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #fff, #f9fafb); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #fff, #f9fafb); background-image:url(images/shared/noise.png), linear-gradient(top, #fff, #f9fafb); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fff', EndColorStr='#f9fafb'); background-position:50% 50% } .button-light.button-active, .button-light.active, .button-light:active { background:#f3f5f7 } .button-blue { background-color:#3f729b; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#3f729b), to(#1c5380)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #3f729b, #1c5380); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #3f729b, #1c5380); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #3f729b, #1c5380); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #3f729b, #1c5380); background-image:url(images/shared/noise.png), linear-gradient(top, #3f729b, #1c5380); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#3f729b', EndColorStr='#1c5380'); background-position:50% 50%; text-shadow:0 1px 1px #06365f } .button-blue.button-active, .button-blue.active, .button-blue:active { background:#1a4e78 } .button-blue { border:1px solid #06365f } .button-blue.button-active, .button-blue.active, .button-blue:active { border-color:#031b2f } .button-brown { background-color:#8f6a58; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#8f6a58), to(#6c4634)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #8f6a58, #6c4634); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #8f6a58, #6c4634); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #8f6a58, #6c4634); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #8f6a58, #6c4634); background-image:url(images/shared/noise.png), linear-gradient(top, #8f6a58, #6c4634); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#8f6a58', EndColorStr='#6c4634'); background-position:50% 50%; text-shadow:0 1px 1px #6c4634 } .button-brown.button-active, .button-brown.active, .button-brown:active { background:#654231 } .button-brown { border:1px solid #6c4634 } .button-brown.button-active, .button-brown.active, .button-brown:active { border-color:#4a3023 } .button-red { background-color:#e8485f; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#e8485f), to(#b72e42)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #e8485f, #b72e42); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #e8485f, #b72e42); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #e8485f, #b72e42); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #e8485f, #b72e42); background-image:url(images/shared/noise.png), linear-gradient(top, #e8485f, #b72e42); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#e8485f', EndColorStr='#b72e42'); background-position:50% 50%; text-shadow:0 1px 1px #b72e42 } .button-red.button-active, .button-red.active, .button-red:active { background:#af2c3f } .button-red { border:1px solid #b72e42 } .button-red.button-active, .button-red.active, .button-red:active { border-color:#8e2433 } .button-darkred { background-color:#c6213a; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#c6213a), to(#961427)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #c6213a, #961427); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #c6213a, #961427); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #c6213a, #961427); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #c6213a, #961427); background-image:url(images/shared/noise.png), linear-gradient(top, #c6213a, #961427); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#c6213a', EndColorStr='#961427'); background-position:50% 50%; text-shadow:0 1px 1px #961427 } .button-darkred.button-active, .button-darkred.active, .button-darkred:active { background:#8d1325 } .button-darkred { border:1px solid #961427 } .button-darkred.button-active, .button-darkred.active, .button-darkred:active { border-color:#690e1b } .button-green { background-color:#6bb38a; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#6bb38a), to(#3d8b5f)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #6bb38a, #3d8b5f); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #6bb38a, #3d8b5f); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #6bb38a, #3d8b5f); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #6bb38a, #3d8b5f); background-image:url(images/shared/noise.png), linear-gradient(top, #6bb38a, #3d8b5f); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#6bb38a', EndColorStr='#3d8b5f'); background-position:50% 50%; text-shadow:0 1px 1px #1e693f } .button-green.button-active, .button-green.active, .button-green:active { background:#3a845a } .button-green { border:1px solid #3d8b5f } .button-green.button-active, .button-green.active, .button-green:active { border-color:#2d6847 } .button-yellow { background-color:#c9981a; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#c9981a), to(#a07711)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #c9981a, #a07711); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #c9981a, #a07711); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #c9981a, #a07711); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #c9981a, #a07711); background-image:url(images/shared/noise.png), linear-gradient(top, #c9981a, #a07711); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#c9981a', EndColorStr='#a07711'); background-position:50% 50%; text-shadow:0 1px 1px #a07711 } .button-yellow.button-active, .button-yellow.active, .button-yellow:active { background:#977010 } .button-yellow { border:1px solid #a07711 } .button-yellow.button-active, .button-yellow.active, .button-yellow:active { border-color:#72550c } .button-altblue { background-color:#5daaf3; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#5daaf3), to(#2a85de)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #5daaf3, #2a85de); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #5daaf3, #2a85de); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #5daaf3, #2a85de); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #5daaf3, #2a85de); background-image:url(images/shared/noise.png), linear-gradient(top, #5daaf3, #2a85de); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#5daaf3', EndColorStr='#2a85de'); background-position:50% 50%; text-shadow:0 1px 1px #2a85de } .button-altblue.button-active, .button-altblue.active, .button-altblue:active { background:#2280dc } .button-altblue { border:1px solid #2a85de } .button-altblue.button-active, .button-altblue.active, .button-altblue:active { border-color:#1d6bb8 } .button-altgreen { background-color:#47bc60; background-image:url(images/shared/noise.png), -webkit-gradient(linear, left top, left bottom, from(#47bc60), to(#39a64e)); background-image:url(images/shared/noise.png), -webkit-linear-gradient(top, #47bc60, #39a64e); background-image:url(images/shared/noise.png), -moz-linear-gradient(top, #47bc60, #39a64e); background-image:url(images/shared/noise.png), -o-linear-gradient(top, #47bc60, #39a64e); background-image:url(images/shared/noise.png), -ms-linear-gradient(top, #47bc60, #39a64e); background-image:url(images/shared/noise.png), linear-gradient(top, #47bc60, #39a64e); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#47bc60', EndColorStr='#39a64e'); background-position:50% 50%; text-shadow:0 1px 1px #39a64e } .button-altgreen.button-active, .button-altgreen.active, .button-altgreen:active { background:#369e4a } .button-altgreen { border:1px solid #329345 } .button-altgreen.button-active, .button-altgreen.active, .button-altgreen:active { border-color:#256d33 } .img, .img-outset, .img-inset { position:relative; display:inline-block } .img b, .img-outset b, .img-inset b { position:absolute; top:0; left:0; width:100%; height:100%; z-index:20 } .img img, .img-outset img, .img-inset img { display:block; visibility:hidden } .img-outset, .img-inset { -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; background:no-repeat 0 0; -webkit-background-size:100%; -moz-background-size:100%; -khtml-background-size:100%; -o-background-size:100%; background-size:100% } .img-outset b, .img-inset b { -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px } .img-outset img, .img-inset img { display:block; visibility:hidden } span.img-inset { -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.2); -moz-box-shadow:0 1px 0 rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.2); -ms-box-shadow:0 1px 0 rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.2); -o-box-shadow:0 1px 0 rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.2); box-shadow:0 1px 0 rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.2) } span.img-inset b { -webkit-box-shadow:inset 0 0 1px rgba(0,0,0, 0.5); -moz-box-shadow:inset 0 0 1px rgba(0,0,0, 0.5); -ms-box-shadow:inset 0 0 1px rgba(0,0,0, 0.5); -o-box-shadow:inset 0 0 1px rgba(0,0,0, 0.5); box-shadow:inset 0 0 1px rgba(0,0,0, 0.5) } span.img-outset { -webkit-box-shadow:0 0 1px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 0 1px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5); -ms-box-shadow:0 0 1px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5); -o-box-shadow:0 0 1px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5); box-shadow:0 0 1px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5) } span.img-outset b { -webkit-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5); -ms-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5); -o-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5) } .avatar-xsmall, .account-state img, .avatar-xsmall img, .account-state img img { width:22px; height:22px } .avatar-small, .avatar-small img { width:30px; height:30px } .avatar-medium, .avatar-medium img { width:40px; height:40px } .avatar-medium, .avatar-medium b { -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px } .root { height:100% } .page, .dialog-outer { position:relative; min-height:100%; min-width: 850px; } .page-footer { position:relative; margin-top:-55px; z-index:20 } .hidden { display:none } .wrapper { width:960px; margin:0 auto; padding:0 15px; position:relative } .top-bar { position:relative; height:49px; border-bottom:1px solid #1c5380; -webkit-box-shadow:0 1px 0 rgba(111,151,182,0.9) inset, 0 -1px 0 rgba(111,151,182,0.3) inset, 0px 1px 1px rgba(0,0,0,.2); -moz-box-shadow:0 1px 0 rgba(111,151,182,0.9) inset, 0 -1px 0 rgba(111,151,182,0.3) inset, 0px 1px 1px rgba(0,0,0,.2); -ms-box-shadow:0 1px 0 rgba(111,151,182,0.9) inset, 0 -1px 0 rgba(111,151,182,0.3) inset, 0px 1px 1px rgba(0,0,0,.2); -o-box-shadow:0 1px 0 rgba(111,151,182,0.9) inset, 0 -1px 0 rgba(111,151,182,0.3) inset, 0px 1px 1px rgba(0,0,0,.2); box-shadow:0 1px 0 rgba(111,151,182,0.9) inset, 0 -1px 0 rgba(111,151,182,0.3) inset, 0px 1px 1px rgba(0,0,0,.2); background-color:#4c82ac; background-image:url(images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#4c82ac), to(#215581)); background-image:url(images/shared/noise-1.png), -webkit-linear-gradient(top, #4c82ac, #215581); background-image:url(images/shared/noise-1.png), -moz-linear-gradient(top, #4c82ac, #215581); background-image:url(images/shared/noise-1.png), -o-linear-gradient(top, #4c82ac, #215581); background-image:url(images/shared/noise-1.png), -ms-linear-gradient(top, #4c82ac, #215581); background-image:url(images/shared/noise-1.png), linear-gradient(top, #4c82ac, #215581); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#4c82ac', EndColorStr='#215581'); background-position:50% 50%; z-index:100 } .top-bar hgroup { position:relative; height:50px } .top-bar .logo { height:31px; width:97px; background:url(images/branding/logo.png) no-repeat 0 0; position:absolute; top:11px; text-indent:-9999em } .top-bar .logo a { display:block; height:100%; width:100% } .top-bar h2 { position:absolute; top:10px; left:120px; margin:0 } .page-footer { clear:both; overflow:hidden; padding:14px 0 10px; background:#f2f4f7 url(images/bg/body_noise.png) repeat 50% 50%; border-top:1px solid #e2e8ed; -webkit-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2); -moz-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2); -ms-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2); -o-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2); box-shadow:inset 0 1px 0 rgba(195,207,217,0.2) } .page-footer nav, .page-footer .copyright { position:relative; top:-1px } .page-footer .copyright { float:right; display:inline; padding:5px 0; margin:0 } .page-footer ul, .page-footer li { float:left; display:inline; margin:0; padding:0 } .page-footer ul { margin:0 0 0 -0.5em } .page-footer li:not(:last-child):after { content:"\2219"; float:left; display:inline; padding:5px 0.15em; color:#999 } .page-footer li:first-child:before { display:none } .page-footer a { float:left; display:inline; margin:0 0.5em; padding:5px 0 } .inset-avatar .inset-avatar-border { float:left; width:22px; height:22px; margin:-1px 8px 0 0; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 1px 2px #06365f; -moz-box-shadow:0 1px 2px #06365f; -ms-box-shadow:0 1px 2px #06365f; -o-box-shadow:0 1px 2px #06365f; box-shadow:0 1px 2px #06365f } .inset-avatar .inset-avatar-border .inset-avatar-frame { width:22px; height:22px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.8); -moz-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.8); -ms-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.8); -o-box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.8); box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.8); position:absolute; z-index:100 } .inset-avatar .inset-avatar-border img { width:22px !important; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px } .account-state { position:absolute; top:8px; right:15px } .account-state p, .account-state .actions { float:right; display:inline } .account-state ul { margin:0 } .account-state li { margin:0 0 0 5px; float:left; display:inline } .account-state p { padding:8px 0 0 15px; text-shadow:0 1px 0 rgba(0,0,0,0.3) } .account-state a { position:relative; display:block; padding:7px 9px 7px 7px; text-shadow:0 1px 0 rgba(3,27,47,0.5); -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; -webkit-transition:background 0.08s ease-out; -moz-transition:background 0.08s ease-out; transition:background 0.08s ease-out } .account-state a i { display:block; float:left; height:24px; width:24px; margin:-3px 6px 0 -2px } .account-state a:hover { -webkit-box-shadow:0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px 0px rgba(0,0,0,0.1); -ms-box-shadow:0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px 0px rgba(0,0,0,0.1); -o-box-shadow:0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px 0px rgba(0,0,0,0.1); box-shadow:0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px 0px rgba(0,0,0,0.1); -webkit-tap-highlight-color:rgba(255,255,255,0.1); background-color:rgba(255,255,255,0.1) } .account-state a.link-active, .account-state a:active { background:rgba(3,27,47,0.3); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); -ms-box-shadow:inset 0 0 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); -o-box-shadow:inset 0 0 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1) } .account-state .link-profile i { background:url(images/glyphs/user_light_18.png) no-repeat 0px 2px } .account-state .link-settings i { background:url(images/glyphs/gear_light_18.png) no-repeat 0px 2px } .account-state .img-outset { float:left; display:inline; margin:-1px 8px 1px 0 } #alerts { margin-bottom:20px } .alert-red, .alert-blue, .alert-green { padding:11px 12px 9px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin-bottom:10px; border:solid 1px } .alert-red { color:#b94a5c; background-color:#f2dede; border-color:#eed3d7 } .alert-blue { color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1 } .alert-green { color:#468847; background-color:#dff0d8; border-color:#d6e9c6 } .page-footer-chromeless, .page-footer-dark, .page-theatre .page-footer, .page-home .page-footer { background:none; border-top:none; padding-top:15px; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none } #logo-name { color: white; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; left: 100px; position: absolute; text-transform: capitalize; top: 113px; width: 390px; } #home-bg { width:100%; height:340px; position:absolute; top:0; background-image:url(images/shared/noise-1.png); background-position:50% 50% } .wrap { width:860px; margin:0 auto } .demo_phone { padding-top:70px; width:340px; float:left; margin-left:5px; position:relative } .content { float:left; margin-left:10px; position:relative; width:960px; margin-top:30px } .home .content { width:500px; } .content .wpsky-title { left: 10px; position: absolute; right: auto; top: 133px; } .content .tab { background-color: #EFEFEF; border: 1px solid #FFFFFF; border-radius: 15px 15px 15px 15px; box-shadow: 0 0 5px 0 #DADADA; margin-bottom: 50px; margin-top: 230px; min-height: 380px; padding: 30px 7% 0; width: 86%; } .home .content .tab { height:380px; background:url(images/tabBackground.png) 0 0 no-repeat; background-color:transparent; box-shadow:none; border-radius:0; border:0 none; margin-bottom: 0; } .content .paperclip { position:absolute; top:230px; left:0px } .content .tab-content { padding-left:40px; padding-top:10px } h1 { color:#3f729b; font-size:1.8em; line-height:1.0em } .content p { font-size:14px; margin:0 0 1em 0; line-height:1.25em } .tab-content img.meet-wpsky { margin-bottom:1em } #iphone-overlay { background-size: 212px 317px; left: 23px; position: absolute; top: 152px; } #iphone-overlay img { position:absolute; height:360px !important; width:240px !important; z-index:8 } #iphone-overlay img.active { z-index:10 } #iphone-overlay img.last-active { z-index:9 } .platform-badge-container { margin: 25px auto 0; text-align: center; width: 100%; } .platform-badge { margin-right:10px } .page-home .page { min-height:600px } .page-home .top-bar { background:none !important; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none } .page-home .top-bar hgroup { display:none } .page-home .page-footer .wrapper { width:820px }