Last active
August 29, 2015 14:18
-
-
Save hbsdev/20651b9092ebe422d0c2 to your computer and use it in GitHub Desktop.
Safari Books CSS - improve contrast by making the orange text darker - see https://userstyles.org/styles/112282/safari-books-improve-contrast
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset UTF-8; | |
/*!normalize.css v2.0.1 | MIT License | git.io/normalize */ | |
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { | |
display:block; | |
} | |
audio,canvas,video { | |
display:inline-block; | |
} | |
audio:not([controls]) { | |
display:none; | |
height:0; | |
} | |
[hidden] { | |
display:none; | |
} | |
html { | |
font-family:sans-serif; | |
-webkit-text-size-adjust:100%; | |
-ms-text-size-adjust:100%; | |
} | |
body { | |
margin:0; | |
} | |
a:focus { | |
outline:thin dotted; | |
} | |
a:active,a:hover { | |
outline:0; | |
} | |
h1 { | |
font-size:2em; | |
} | |
abbr[title] { | |
border-bottom:1px dotted; | |
} | |
b,strong { | |
font-weight:bold; | |
} | |
dfn { | |
font-style:italic; | |
} | |
mark { | |
background:#ff0; | |
color:#000; | |
} | |
code,kbd,pre,samp { | |
font-family:monospace,serif; | |
font-size:1em; | |
} | |
pre { | |
white-space:pre; | |
white-space:pre-wrap; | |
word-wrap:break-word; | |
} | |
q { | |
quotes:\201C \201D \2018 \2019; | |
} | |
small { | |
font-size:80%; | |
} | |
sub,sup { | |
font-size:75%; | |
line-height:0; | |
position:relative; | |
vertical-align:baseline; | |
} | |
sup { | |
top:-.5em; | |
} | |
sub { | |
bottom:-.25em; | |
} | |
img { | |
border:0; | |
} | |
svg:not(:root) { | |
overflow:hidden; | |
} | |
figure { | |
margin:0; | |
} | |
fieldset { | |
border:1px solid #c0c0c0; | |
margin:0 2px; | |
padding:.35em .625em .75em; | |
} | |
legend { | |
border:0; | |
padding:0; | |
} | |
button,input,select,textarea { | |
font-family:inherit; | |
font-size:100%; | |
margin:0; | |
} | |
button,input { | |
line-height:normal; | |
} | |
button,html input[type="button"],input[type="reset"],input[type="submit"] { | |
-webkit-appearance:button; | |
cursor:pointer; | |
} | |
button[disabled],input[disabled] { | |
cursor:default; | |
} | |
input[type="checkbox"],input[type="radio"] { | |
box-sizing:border-box; | |
padding:0; | |
} | |
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-cancel-button,input[type="search"]::-webkit-search-decoration { | |
-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; | |
} | |
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { | |
border:0; | |
font-size:100%; | |
font:inherit; | |
vertical-align:baseline; | |
margin:0; | |
padding:0; | |
} | |
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { | |
display:block; | |
} | |
body { | |
line-height:1em; | |
} | |
ol,ul { | |
list-style:none; | |
} | |
blockquote,q { | |
quotes:none; | |
} | |
blockquote:before,blockquote:after,q:before,q:after { | |
content:none; | |
} | |
table { | |
border-collapse:collapse; | |
border-spacing:0; | |
} | |
* { | |
box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
-webkit-box-sizing:border-box; | |
-webkit-font-smoothing:antialiased; | |
text-rendering:optimizeLegibility; | |
-webkit-tap-highlight-color:transparent; | |
} | |
body { | |
font-family:"source sans pro",Helvetica,Arial,sans-serif; | |
position:relative; | |
min-height:100%; | |
} | |
.gridt { | |
display:table; | |
} | |
.gridt .gridtc { | |
display:table-cell; | |
} | |
.gridx .griditem,.billingpage .form-row .fieldentry,.billingpage .sf-payment-method,.billingpage .sf-billing-info { | |
vertical-align:top; | |
display:inline-block; | |
text-align:left; | |
} | |
.gridx .gridblock,.billingpage .billing-group .gridblock,.billingpage .form-row .gridblock,.gridx .griditem { | |
display:block; | |
margin-bottom:0; | |
margin-bottom:1em; | |
text-align:left; | |
font-size:16px; | |
} | |
@media only screen and min-width600px { | |
.gridx .gridblock,.billingpage .billing-group .gridblock,.billingpage .form-row .gridblock,.gridx .griditem { | |
display:inline-block; | |
vertical-align:top; | |
} | |
} | |
.gridx,.billingpage .billing-group,.billingpage .form-row { | |
text-align:justify; | |
font-size:.1px; | |
width:100%; | |
} | |
.gridx:after,.billingpage .billing-group:after,.billingpage .form-row:after { | |
content:''; | |
display:inline-block; | |
width:100%; | |
} | |
#settings .pod select,.billingpage select,.user-profile .annotation-list .filter-highlights,.search-result-page .facets select { | |
display:inline-block; | |
vertical-align:middle; | |
-moz-appearance:none; | |
-webkit-appearance:none; | |
-o-appearance:none; | |
appearance:none; | |
background:white url(/static/images/select-arrows.8736449abad1.svg) no-repeat scroll right center; | |
margin-bottom:10px; | |
margin-bottom:.625rem; | |
padding:3px 20px 4px 5px; | |
padding:.1875rem 1.25rem .25rem .3125rem; | |
border:1px solid #ddd; | |
min-width:70px; | |
min-width:4.375rem; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
font-size:14px; | |
font-size:.875rem; | |
color:#777; | |
text-overflow:ellipsis; | |
cursor:pointer; | |
-moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.05); | |
-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.05); | |
-o-box-shadow:0 1px 0 0 rgba(0,0,0,0.05); | |
box-shadow:0 1px 0 0 rgba(0,0,0,0.05); | |
} | |
.error #settings .pod select,#settings .pod .error select,.error .billingpage select,.billingpage .error select,.error .user-profile .annotation-list .filter-highlights,.user-profile .annotation-list .error .filter-highlights,.error .search-result-page .facets select,.search-result-page .facets .error select { | |
border:1px solid #ea6d60; | |
} | |
#settings .pod select:focus,.billingpage select:focus,.user-profile .annotation-list .filter-highlights:focus,.search-result-page .facets select:focus,#settings .pod select:active,.billingpage select:active,.user-profile .annotation-list .filter-highlights:active,.search-result-page .facets select:active { | |
border:1px solid #00b3e7; | |
} | |
.billingpage .sf-billing-info .sf-billingconf label,.billingpage .sf-agree label { | |
padding-left:20px; | |
padding-left:1.25rem; | |
text-transform:none; | |
line-height:normal; | |
letter-spacing:normal; | |
} | |
.billingpage .sf-billing-info .sf-billingconf label input,.billingpage .sf-agree label input { | |
float:left; | |
margin:3px 0 0 -20px; | |
margin:.1875rem 0 0 -1.25rem; | |
cursor:pointer; | |
} | |
body.debug:before { | |
display:block; | |
background:#f00; | |
position:absolute; | |
top:0; | |
left:0; | |
font-size:30px; | |
color:#fff; | |
padding:10px 20px; | |
z-index:100000000; | |
content:"base"; | |
} | |
@media screen and min-width30em { | |
body.debug:before { | |
content:"30em ~480px [1]"; | |
} | |
} | |
@media screen and min-width40625em { | |
body.debug:before { | |
content:"40.625em ~650px [2]"; | |
} | |
} | |
@media screen and min-width53125em { | |
body.debug:before { | |
content:"53.125em ~850px [3]"; | |
} | |
} | |
@media screen and min-width71875em { | |
body.debug:before { | |
content:"71.875em ~1150px [4]"; | |
} | |
} | |
body { | |
position:relative; | |
font-family:"source sans pro",sans-serif; | |
background-color:#f4f3f0; | |
color:#070c0f; | |
margin:0; | |
} | |
#container { | |
width:100%; | |
height:auto; | |
} | |
header#lead { | |
margin:5px 0 15px; | |
margin:.3125rem 0 .9375rem; | |
} | |
header#lead:before,header#lead:after { | |
content:" "; | |
display:table; | |
} | |
header#lead:after { | |
clear:both; | |
} | |
header#lead { | |
zoom:1; | |
} | |
@media screen and max-width520px { | |
header#lead ul { | |
float:left; | |
width:100%; | |
} | |
} | |
@media screen and max-width810px { | |
header#lead ul li { | |
width:100%; | |
} | |
header#lead ul li .searchbox { | |
float:left; | |
} | |
header#lead ul li #page-title { | |
margin-bottom:0; | |
} | |
header#lead ul li.search { | |
float:left; | |
} | |
} | |
article>h2 { | |
margin:20px 42px 16px; | |
margin:1.25rem 2.625rem 1rem; | |
text-transform:uppercase; | |
font-weight:bold; | |
color:#777; | |
font-size:18px; | |
font-size:1.125rem; | |
} | |
@media screen and max-width30em { | |
article>h2 { | |
margin:0 15px; | |
margin:0 .9375rem; | |
} | |
} | |
article #page-title { | |
word-wrap:break-word; | |
margin:10px 0 0 20px; | |
margin:.625rem 0 0 1.25rem; | |
color:#4a3c31; | |
font-weight:300; | |
display:inline-block; | |
} | |
article #page-title:before,article #page-title:after { | |
content:" "; | |
display:table; | |
} | |
article #page-title:after { | |
clear:both; | |
} | |
article #page-title { | |
zoom:1; | |
} | |
@media screen and max-width325625em { | |
article #page-title { | |
margin:15px; | |
margin:.9375rem; | |
} | |
} | |
article section { | |
margin:20px; | |
margin:1.25rem; | |
} | |
@media screen and max-width325em { | |
article section { | |
margin:16px 15px 25px; | |
margin:1rem .9375rem 1.5625rem; | |
} | |
article section.callout { | |
margin:15px; | |
margin:.9375rem; | |
} | |
} | |
@media screen and max-width325em { | |
article .pad { | |
margin:5px 15px; | |
margin:.3125rem .9375rem; | |
} | |
} | |
@media screen and min-width3125em { | |
.user-anon article { | |
display:block; | |
} | |
} | |
.grid { | |
position:relative; | |
} | |
.grid:before,.grid:after { | |
content:" "; | |
display:table; | |
} | |
.grid:after { | |
clear:both; | |
} | |
.grid { | |
zoom:1; | |
} | |
@mediamin-width768px { | |
.grid { | |
max-width:1200px; | |
margin:0 auto; | |
font-size:0; | |
} | |
[class*='col-'] { | |
display:inline-block; | |
font-size:16px; | |
line-height:1.5em; | |
vertical-align:top; | |
padding-right:20px; | |
} | |
.grid [class*='col-']:last-of-type { | |
padding-right:0; | |
} | |
.col-2-3 { | |
width:66.66%; | |
} | |
.col-1-3 { | |
width:33.33%; | |
} | |
.col-3-4 { | |
width:75%; | |
} | |
.col-1-2 { | |
width:50%; | |
} | |
.col-1-4 { | |
width:25%; | |
} | |
.col-1-8 { | |
width:12.5%; | |
} | |
.module { | |
padding:20px; | |
} | |
.grid-pad { | |
padding:20px 0 20px 20px; | |
} | |
.grid-pad [class*='col-']:last-of-type { | |
padding-right:20px; | |
} | |
} | |
@font-face { | |
font-family:SSFlow; | |
src:url(/static/css/webfonts/ss-flow.d46b9b954949.eot); | |
src:url(/static/css/webfonts/ss-flow.d46b9b954949.eot?#iefix) format(embedded-opentype),url(/static/css/webfonts/ss-flow.af98a8a51d13.woff) format(woff),url(/static/css/webfonts/ss-flow.e824aa1cfc1d.ttf) format(truetype),url(/static/css/webfonts/ss-flow.ba282954d53b.svg#SSFlow) format(svg); | |
font-weight:400; | |
font-style:normal; | |
} | |
html:hover [class^="ss-"] { | |
-ms-zoom:1; | |
} | |
[class*="ss-"] span { | |
display:none; | |
} | |
.ss-icon,.ss-icon.ss-flow,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].ss-flow:before,[class*=" ss-"].ss-flow:before,[class^="ss-"].right:after,[class*=" ss-"].right:after,[class^="ss-"].ss-flow.right:after,[class*=" ss-"].ss-flow.right:after { | |
font-family:SSFlow; | |
font-style:normal; | |
font-weight:400; | |
text-decoration:none; | |
white-space:nowrap; | |
-webkit-font-smoothing:antialiased; | |
} | |
[class^="ss-"].right:before,[class*=" ss-"].right:before { | |
display:none; | |
content:''; | |
} | |
.ss-flow:before,.ss-flow.right:after { | |
content:''; | |
} | |
.ss-hexfill:before,.ss-hexfill.right:after { | |
content:''; | |
} | |
.ss-hexbase:before,.ss-hexbase.right:after { | |
content:''; | |
} | |
.ss-hextri:before,.ss-hextri.right:after { | |
content:''; | |
} | |
.ss-hexlined:before,.ss-hexlined.right:after { | |
content:''; | |
} | |
.ss-queue:before,.ss-queue.right:after { | |
content:''; | |
} | |
.ss-book:before,.ss-book.right:after { | |
content:'📕'; | |
} | |
.ss-search:before,.ss-search.right:after { | |
content:'🔎'; | |
} | |
.ss-link:before,.ss-link.right:after { | |
content:'🔗'; | |
} | |
.ss-write:before,.ss-write.right:after { | |
content:'✎'; | |
} | |
.ss-compose:before,.ss-compose.right:after { | |
content:'📝'; | |
} | |
.ss-lock:before,.ss-lock.right:after { | |
content:'🔒'; | |
} | |
.ss-unlock:before,.ss-unlock.right:after { | |
content:'🔓'; | |
} | |
.ss-ban:before,.ss-ban.right:after { | |
content:'🚫'; | |
} | |
.ss-tag:before,.ss-tag.right:after { | |
content:''; | |
} | |
.ss-star:before,.ss-star.right:after { | |
content:'⋆'; | |
} | |
.ss-picks:before,.ss-picks.right:after { | |
content:''; | |
} | |
.ss-video:before,.ss-video.right:after { | |
content:'📹'; | |
} | |
.ss-user:before,.ss-user.right:after { | |
content:'👤'; | |
} | |
.ss-femaleuser:before,.ss-femaleuser.right:after { | |
content:'👧'; | |
} | |
.ss-users:before,.ss-users.right:after { | |
content:'👥'; | |
} | |
.ss-volume:before,.ss-volume.right:after { | |
content:'🔈'; | |
} | |
.ss-highvolume:before,.ss-highvolume.right:after { | |
content:'🔊'; | |
} | |
.ss-video:before,.ss-video.right:after { | |
content:'📹'; | |
} | |
.ss-play:before,.ss-play.right:after { | |
content:'▶'; | |
} | |
.ss-pause:before,.ss-pause.right:after { | |
content:''; | |
} | |
.ss-rewind:before,.ss-rewind.right:after { | |
content:'⏪'; | |
} | |
.ss-fastforward:before,.ss-fastforward.right:after { | |
content:'⏩'; | |
} | |
.ss-skipback:before,.ss-skipback.right:after { | |
content:'⏮'; | |
} | |
.ss-skipforward:before,.ss-skipforward.right:after { | |
content:'⏭'; | |
} | |
.ss-replay:before,.ss-replay.right:after { | |
content:'↺'; | |
} | |
.ss-refresh:before,.ss-refresh.right:after { | |
content:'↻'; | |
} | |
.ss-sync:before,.ss-sync.right:after { | |
content:''; | |
} | |
.ss-list:before,.ss-list.right:after { | |
content:''; | |
} | |
.ss-fontsize:before,.ss-fontsize.right:after { | |
content:''; | |
} | |
.ss-highlights:before,.ss-highlights.right:after { | |
content:''; | |
} | |
.ss-check:before,.ss-check.right:after { | |
content:'✓'; | |
} | |
.ss-delete:before,.ss-delete.right:after { | |
content:'␡'; | |
} | |
.ss-recent:before,.ss-recent.right:after { | |
content:''; | |
} | |
.ss-settings:before,.ss-settings.right:after { | |
content:'⚙'; | |
} | |
.ss-up:before,.ss-up.right:after { | |
content:'⬆'; | |
} | |
.ss-right:before,.ss-right.right:after { | |
content:'➡'; | |
} | |
.ss-down:before,.ss-down.right:after { | |
content:'⬇'; | |
} | |
.ss-left:before,.ss-left.right:after { | |
content:'⬅'; | |
} | |
.ss-navigateup:before,.ss-navigateup.right:after { | |
content:''; | |
} | |
.ss-navigateright:before,.ss-navigateright.right:after { | |
content:'▻'; | |
} | |
.ss-navigatedown:before,.ss-navigatedown.right:after { | |
content:''; | |
} | |
.ss-navigateleft:before,.ss-navigateleft.right:after { | |
content:'◅'; | |
} | |
label { | |
display:block; | |
font-size:14px; | |
font-size:.875rem; | |
text-transform:None; | |
color:#4a3c31; | |
margin:16px 0 8px; | |
margin:1rem 0 .5rem; | |
} | |
label .note { | |
text-transform:capitalize; | |
letter-spacing:0; | |
font-size:smaller; | |
} | |
input[type="text"],input[type="email"],input[type="password"],textarea { | |
background-color:#eeeeed; | |
font-size:18px; | |
font-family:"source sans pro",sans-serif; | |
margin-bottom:10px; | |
margin-bottom:.625rem; | |
padding:.5em; | |
min-width:12em; | |
border:none; | |
width:100%; | |
max-width:15em; | |
color:#070c0f; | |
} | |
.error input[type="text"],.error input[type="email"],.error input[type="password"],.error textarea { | |
border:1px solid #ea6d60; | |
} | |
.ie8 input[type="text"],.ie8 input[type="email"],.ie8 input[type="password"],.ie8 textarea { | |
font-family:sans-serif; | |
} | |
#registration-form input[type="submit"]:disabled { | |
color:#AAA; | |
-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.15); | |
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.15); | |
-o-box-shadow:0 0 0 1px rgba(0,0,0,0.15); | |
box-shadow:0 0 0 1px rgba(0,0,0,0.15); | |
} | |
label[for="id_card_number"] { | |
float:left; | |
} | |
ul.credit-cards { | |
margin:5px 0; | |
position:relative; | |
z-index:9999; | |
float:right; | |
font-weight:normal; | |
} | |
ul.credit-cards .tooltip .tooltip-inner { | |
max-width:250px; | |
width:250px; | |
white-space:normal; | |
} | |
@media screen and max-width5375em { | |
ul.credit-cards .tooltip .tooltip-inner { | |
max-width:200px; | |
width:200px; | |
} | |
} | |
ul.credit-cards li { | |
display:inline-block; | |
text-indent:-99999px; | |
width:40px; | |
height:25px; | |
margin-left:10px; | |
opacity:.7; | |
} | |
ul.credit-cards li.mastercard { | |
background:transparent url(/static/images/mastercard.975ace85afab.png) no-repeat scroll 0 0; | |
} | |
ul.credit-cards li.discover { | |
background:transparent url(/static/images/discover.4e4c8fabeda2.png) no-repeat scroll 0 0; | |
} | |
ul.credit-cards li.visa { | |
background:transparent url(/static/images/visa.5ffd30176b82.png) no-repeat scroll 0 0; | |
} | |
ul.credit-cards li.amex { | |
background:transparent url(/static/images/amex.d978726c3070.png) no-repeat scroll 0 0; | |
} | |
@media screen and min-width5375em and max-width5875em { | |
ul.credit-cards li { | |
width:35px; | |
margin-left:4px; | |
margin-top:8px; | |
background-size:35px 22px!important; | |
} | |
} | |
@media screen and max-width536875em { | |
ul.credit-cards li { | |
width:30px; | |
margin-left:4px; | |
background-size:30px 19px!important; | |
} | |
} | |
ul.credit-cards li:focus,ul.credit-cards li:hover { | |
opacity:.9; | |
} | |
textarea { | |
width:100%; | |
min-height:7em; | |
max-width:30em; | |
font-size:16px; | |
} | |
input+small,select+small { | |
display:block; | |
margin:.5em 0!important; | |
} | |
input.error { | |
border:1px solid #ea6d60; | |
background-color:#fae0de; | |
} | |
input.ok { | |
border:1px solid #008542; | |
background-color:white; | |
} | |
small.ok { | |
color:#e98300; /* *orange* */ | |
} | |
#id_username { | |
text-transform:lowercase; | |
} | |
#id_username::-webkit-input-placeholder { | |
text-transform:none; | |
} | |
#id_username:-moz-placeholder { | |
text-transform:none; | |
} | |
#id_username::-moz-placeholder { | |
text-transform:none; | |
} | |
#id_username:-ms-input-placeholder { | |
text-transform:none; | |
} | |
input#id_username::-webkit-input-placeholder,input#id_username::-moz-placeholder,input#id_username::-moz-placeholder,input#id_username:-ms-input-placeholder { | |
text-transform:capitalize; | |
} | |
.form-row.error .errorlist { | |
color:#ea6d60; | |
} | |
.form-row.error .errorlist li { | |
margin:.5em 0; | |
} | |
small.error { | |
color:#ea6d60; | |
} | |
.sales-form.user-authenticated .page-head { | |
display:none; | |
} | |
.sales-form.user-anon { | |
background-color:#f6f6f6; | |
} | |
.sales-form.user-anon header[role="banner"] { | |
border-bottom:1px solid #DDD; | |
} | |
.sales-form.user-anon footer { | |
background:transparent none no-repeat scroll 0 0; | |
} | |
.sales-form.user-anon article { | |
background:transparent none no-repeat scroll 0 0; | |
} | |
.sales-form.user-anon article header { | |
border-bottom:1px solid #DDD; | |
text-align:center; | |
padding-bottom:10px; | |
padding-bottom:.625rem; | |
} | |
.sales-form.user-anon article .intro { | |
text-align:center; | |
} | |
.sales-form.user-anon article form { | |
padding:0 130px 20px; | |
padding:0 8.125rem 1.25rem; | |
} | |
.sales-form.user-anon article form .left,.sales-form.user-anon article form .right { | |
display:inline-block; | |
width:48%; | |
margin-bottom:10px; | |
margin-bottom:.625rem; | |
} | |
.sales-form.user-anon article form .left { | |
float:left; | |
} | |
.sales-form.user-anon article form .right { | |
float:right; | |
} | |
.sales-form.user-anon article form label { | |
clear:both; | |
} | |
.sales-form.user-anon article form input { | |
padding:.5em; | |
} | |
.sales-form.user-anon article form input[type="submit"] { | |
padding:16px 25px; | |
padding:1rem 1.5625rem; | |
margin:30px 0 25px; | |
margin:1.875rem 0 1.5625rem; | |
} | |
.sales-form.user-anon .pod { | |
margin:36px auto; | |
max-width:820px; | |
max-width:51.25rem; | |
} | |
@media screen and max-width511875em { | |
.sales-form.user-anon .pod { | |
margin-right:10px; | |
margin-left:10px; | |
} | |
.sales-form.user-anon article form { | |
padding:0 80px 20px; | |
padding:0 5rem 1.25rem; | |
} | |
.sales-form.user-anon article form textarea { | |
max-width:100%; | |
} | |
} | |
@media screen and max-width511875em and max-width45em { | |
.sales-form.user-anon article form { | |
padding:0 20px 20px; | |
padding:0 1.25rem 1.25rem; | |
} | |
.sales-form.user-anon article form .left,.sales-form.user-anon article form .right { | |
width:100%; | |
} | |
} | |
.clearfix:before,.clearfix:after { | |
content:" "; | |
display:table; | |
} | |
.clearfix:after { | |
clear:both; | |
} | |
.clearfix { | |
zoom:1; | |
} | |
a:link,a:visited { | |
color:#e98300; /* *orange* */ | |
text-decoration:none; | |
} | |
a:link.gray-link:focus,a:link:focus,a:link.gray-link:hover,a:link:hover,a:visited.gray-link:focus,a:visited:focus,a:visited.gray-link:hover,a:visited:hover { | |
color:#e98300; /* *orange* */ | |
text-decoration:underline; | |
} | |
a:link.gray-link,a:visited.gray-link { | |
text-decoration:underline; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
} | |
a { | |
-moz-transition:color .2s ease-out; | |
-webkit-transition:color .2s ease-out; | |
-o-transition:color .2s ease-out; | |
transition:color .2s ease-out; | |
} | |
.visuallyhidden,.social-sharing a span,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a span { | |
border:0; | |
clip:rect(0000); | |
width:1px; | |
height:1px; | |
margin:-1px; | |
overflow:hidden; | |
padding:0; | |
position:absolute; | |
} | |
.visuallyhidden.focusable:active,.social-sharing a span.focusable:active,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a span.focusable:active,.visuallyhidden.focusable:focus,.social-sharing a span.focusable:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a span.focusable:focus { | |
clip:auto; | |
height:auto; | |
margin:0; | |
overflow:visible; | |
position:static; | |
width:auto; | |
} | |
.hidden { | |
display:none; | |
} | |
form textarea.error,form input.error { | |
border:1px solid #ea6d60; | |
background-color:#fae0de; | |
} | |
.pod { | |
background-color:white; | |
padding:16px; | |
padding:1rem; | |
font-size:14px; | |
font-size:.875rem; | |
margin:0 20px 20px; | |
margin:0 1.25rem 1.25rem; | |
line-height:19px; | |
line-height:1.1875rem; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
} | |
.pod header h1 { | |
margin-top:0; | |
} | |
.pod header h1.trial { | |
color:#ea6d60; | |
} | |
.pod h2 { | |
font-size:18px; | |
} | |
.pod h3 { | |
color:#777; | |
text-transform:uppercase; | |
} | |
button,input[type='reset'],input[type='submit'],.bigbutton,a.bigbutton,.button,a.button { | |
display:inline-block; | |
color:white; | |
padding:8px 15px 10px; | |
border:0; | |
margin:0 .237em .563em 0; | |
text-shadow:0 1px 6px rgba(0,0,0,0.4); | |
background:#e98300; /* *orange* */ | |
text-decoration:none; | |
font-size:18px; | |
border-radius:2px; | |
-moz-transition:all .2s ease-in-out; | |
-webkit-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out; | |
} | |
button:focus,button:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover,.bigbutton:focus,.bigbutton:hover,a.bigbutton:focus,a.bigbutton:hover,.button:focus,.button:hover,a.button:focus,a.button:hover { | |
color:white; | |
text-decoration:none; | |
text-shadow:none; | |
opacity:30%; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(tobottom,#fed1000,#e98300100%); | |
cursor:pointer; | |
} | |
button.secondary,input[type='reset'].secondary,input[type='submit'].secondary,.bigbutton.secondary,a.bigbutton.secondary,.button.secondary,a.button.secondary { | |
background-color:#c7c2ba; | |
} | |
button.secondary:hover,input[type='reset'].secondary:hover,input[type='submit'].secondary:hover,.bigbutton.secondary:hover,a.bigbutton.secondary:hover,.button.secondary:hover,a.button.secondary:hover { | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(tobottom,#d5d6d20,#c7c2ba100%); | |
color:#333!important; | |
} | |
button.horizontal-glow,input[type='reset'].horizontal-glow,input[type='submit'].horizontal-glow,.bigbutton.horizontal-glow,a.bigbutton.horizontal-glow,.button.horizontal-glow,a.button.horizontal-glow { | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(toright,#fed1000,#e98300100%); | |
} | |
.bigbutton,a.bigbutton { | |
margin:0 auto 10px; | |
padding:15px 10px; | |
font-size:23px; | |
} | |
input[type='reset'] { | |
min-width:0; | |
} | |
.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li { | |
display:inline-block; | |
margin:0; | |
list-style-type:none; | |
text-align:center; | |
} | |
.social-sharing a,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a { | |
display:inline-block; | |
padding:0; | |
-moz-transition:all .2s ease-in-out; | |
-webkit-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out; | |
} | |
.social-sharing a.twitter,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.twitter { | |
background:transparent url(/static/images/tweet_gray.3f169e28fdfa.png) no-repeat center center; | |
} | |
.social-sharing a.facebook,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.facebook { | |
background:transparent url(/static/images/fb_gray.3c4623243e6c.png) no-repeat center center; | |
} | |
.social-sharing a.googleplus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.googleplus { | |
background:transparent url(/static/images/googleplus_gray.b05155c4acc4.png) no-repeat center center; | |
} | |
.social-sharing a.email,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.email { | |
background:transparent url(/static/images/email_gray.1cbe5c5c0759.png) no-repeat center center; | |
} | |
.annotation-card.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotation-card.social-sharing li { | |
margin:10px 10px 0; | |
} | |
.button-group.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing li { | |
margin:10px 10px 0; | |
} | |
.button-group.social-sharing a.share-button,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing a.share-button { | |
-moz-box-shadow:0 0 0 1px #e6e6e6; | |
-webkit-box-shadow:0 0 0 1px #e6e6e6; | |
-o-box-shadow:0 0 0 1px #e6e6e6; | |
box-shadow:0 0 0 1px #e6e6e6; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
background-color:white; | |
border-top:1px solid rgba(255,255,255,0.5)!important; | |
border-bottom:3px solid rgba(0,0,0,0.05)!important; | |
max-width:100%; | |
height:47px; | |
width:47px; | |
} | |
.button-group.social-sharing a.share-button:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing a.share-button:focus,.button-group.social-sharing a.share-button:hover,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing a.share-button:hover { | |
background-color:#f4f3f0; | |
} | |
.interface-controls .social-sharing,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing,.dropdown-menu.social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing { | |
display:block; | |
background-color:#333; | |
position:absolute; | |
top:0; | |
right:48px; | |
width:196px; | |
opacity:0; | |
visibility:hidden; | |
-moz-transition:opacity .2s ease-in-out; | |
-webkit-transition:opacity .2s ease-in-out; | |
-o-transition:opacity .2s ease-in-out; | |
transition:opacity .2s ease-in-out; | |
-moz-border-radius:5px 0 0 5px; | |
-webkit-border-radius:5px 0 0 5px; | |
-o-border-radius:5px 0 0 5px; | |
border-radius:5px 0 0 5px; | |
border-right:1px solid #777; | |
} | |
.interface-controls .social-sharing li,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing li,.dropdown-menu.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing li { | |
display:block; | |
float:left; | |
background:transparent; | |
border-left:1px solid #777; | |
} | |
.interface-controls .social-sharing li:first-child,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li:first-child,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing li:first-child,.dropdown-menu.social-sharing li:first-child,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing li:first-child { | |
border-left:none; | |
} | |
.interface-controls .social-sharing a.twitter,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.twitter,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.twitter,.dropdown-menu.social-sharing a.twitter,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.twitter { | |
background-image:url(/static/images/tweet.a97746a857de.png); | |
} | |
.interface-controls .social-sharing a.facebook,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.facebook,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.facebook,.dropdown-menu.social-sharing a.facebook,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.facebook { | |
background-image:url(/static/images/fb.8dcb59e28230.png); | |
} | |
.interface-controls .social-sharing a.googleplus,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.googleplus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.googleplus,.dropdown-menu.social-sharing a.googleplus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.googleplus { | |
background-image:url(/static/images/googleplus.0a9b570c2c92.png); | |
} | |
.interface-controls .social-sharing a.email,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.email,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.email,.dropdown-menu.social-sharing a.email,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.email { | |
background-image:url(/static/images/email.800c1fa7eefc.png); | |
} | |
.active .interface-controls .social-sharing,.active .interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .active .interface-controls .social-sharing,.active .dropdown-menu.social-sharing,.active #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .active .dropdown-menu.social-sharing { | |
opacity:1; | |
visibility:visible; | |
} | |
@media screen and max-width2625em { | |
.interface-controls .social-sharing,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing,.dropdown-menu.social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing { | |
left:48px; | |
right:0; | |
-moz-border-radius:0 5px 5px 0; | |
-webkit-border-radius:0 5px 5px 0; | |
-o-border-radius:0 5px 5px 0; | |
border-radius:0 5px 5px 0; | |
border-right:none; | |
border-left:1px solid #777; | |
} | |
} | |
.addone { | |
float:right; | |
} | |
@media screen and max-width325em { | |
.addone { | |
float:left; | |
margin-top:.25rem; | |
} | |
} | |
.topbar { | |
background-color:#e7e5de; | |
} | |
.topbar .ss-icon { | |
font-size:24px; | |
} | |
a.skip { | |
display:block; | |
position:absolute; | |
top:-1000px; | |
left:-1000px; | |
width:1px; | |
height:1px; | |
overflow:hidden; | |
-moz-transition:all .2s ease-in-out; | |
-webkit-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out; | |
} | |
a.skip:active,a.skip:focus,a.skip:hover { | |
padding:10px; | |
padding:.625rem; | |
font-family:"source sans pro",sans-serif; | |
position:fixed; | |
z-index:5000; | |
left:0; | |
top:0; | |
width:100%; | |
height:auto; | |
overflow:visible; | |
background-color:#e98300; /* *orange* */ | |
color:white; | |
text-align:center; | |
text-decoration:none; | |
font-size:12px; | |
-webkit-font-smoothing:subpixel-antialiased; | |
} | |
.touch .shortcuts { | |
display:none; | |
} | |
.topnav { | |
padding:0; | |
position:relative; | |
} | |
.topnav ul { | |
padding:0; | |
} | |
.topnav>li { | |
font-family:"source sans pro",sans-serif; | |
width:55px; | |
display:inline-block; | |
overflow:hidden; | |
vertical-align:middle; | |
} | |
.topnav>li a { | |
-moz-transition:all .2s ease-in-out; | |
-webkit-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out; | |
} | |
.topnav>li a:focus,.topnav>li a:hover { | |
color:#4a3c31; | |
background-color:#dddacf; | |
text-decoration:none; | |
} | |
.topnav [class*="ss-"]:before { | |
font-size:20px; | |
margin-right:18px; | |
position:relative; | |
top:5px; | |
font-family:SSFlow; | |
} | |
.topnav .usermenu .nav-dropdown:before { | |
top:10px; | |
right:-3px; | |
} | |
@media screen and min-width325625em { | |
.topnav .l2 { | |
display:none; | |
} | |
} | |
@media screen and max-height2625em { | |
.topnav .l2 { | |
display:block; | |
} | |
} | |
a.l0,a.l1,a.l2 { | |
line-height:1em; | |
font-size:13px; | |
font-size:.8125rem; | |
color:#4a3c31; | |
text-decoration:none; | |
display:block; | |
padding:16px 15px 19px 17px; | |
padding:1rem .9375rem 1.1875rem 1.0625rem; | |
} | |
a.l0.ss-highlights,a.l1.ss-highlights,a.l2.ss-highlights { | |
line-height:8px; | |
line-height:.5rem; | |
padding:17px 15px 20px 17px; | |
padding:1.0625rem .9375rem 1.25rem 1.0625rem; | |
text-indent:-3px; | |
} | |
a.l0.ss-highlights:before,a.l1.ss-highlights:before,a.l2.ss-highlights:before { | |
font-size:24px; | |
font-size:1.5rem; | |
top:13px; | |
} | |
a.l0.active,a.l1.active,a.l2.active { | |
color:#e98300; /* *orange* */ | |
} | |
@media screen and max-width325em,screen and max-height2625em { | |
.l0 { | |
height:62px; | |
line-height:1.75em!important; | |
} | |
} | |
.l1.no-icon { | |
padding:16px 15px 16px 55px; | |
padding:1rem .9375rem 1rem 3.4375rem; | |
white-space:nowrap; | |
} | |
.l0.active,.l1.active { | |
background:#f4f3f0; | |
} | |
.l0 { | |
width:55px; | |
} | |
.l2 { | |
padding:0 10px; | |
display:inline-block; | |
} | |
.nav-dropdown { | |
position:absolute; | |
right:0; | |
top:0; | |
} | |
.drop-content { | |
max-height:0; | |
overflow:hidden; | |
-moz-transition:max-height .3s ease-in-out; | |
-webkit-transition:max-height .3s ease-in-out; | |
-o-transition:max-height .3s ease-in-out; | |
transition:max-height .3s ease-in-out; | |
} | |
.dropdown.active .l0 { | |
color:white; | |
background-color:#999; | |
} | |
.reading .dropdown.searchbox,.reading li.search { | |
display:none; | |
} | |
.dropdown.usermenu { | |
float:right; | |
} | |
.dropdown .trigger:before { | |
font-size:14px; | |
} | |
.dropdown.usermenu.active .trigger:before { | |
content:"\F500"; | |
} | |
.dropdown.usermenu .drop-content { | |
position:absolute; | |
background-color:#999; | |
z-index:50; | |
width:50%; | |
right:0; | |
top:61px; | |
width:200px; | |
} | |
@media screen and max-width325em,screen and max-height261875em { | |
body.sidenav { | |
padding-left:0!important; | |
} | |
body.sidenav.nav-collapsed { | |
padding-left:0!important; | |
} | |
.tutorials-feature .dropdown.active .drop-content { | |
max-height:348px; | |
} | |
.dropdown.active .drop-content { | |
max-height:300px; | |
padding-bottom:5px; | |
} | |
.dropdown.active .drop-content a { | |
color:white; | |
} | |
.dropdown.active .drop-content a:focus,.dropdown.active .drop-content a:hover { | |
background-color:#888; | |
} | |
.dropdown.active .drop-content a.active { | |
background-color:#777; | |
color:#444; | |
} | |
.dropdown.active .drop-content #js-shortcuts-info { | |
display:none; | |
} | |
.dropdown.active .drop-content ul.profile { | |
border-top:1px solid #999; | |
padding:0 0 0 6px; | |
padding:0 0 0 .375rem; | |
} | |
.dropdown.active .drop-content ul.profile li { | |
margin:10px 0; | |
margin:.625rem 0; | |
} | |
.dropdown.active .drop-content ul.profile li a:focus,.dropdown.active .drop-content ul.profile li a:hover { | |
background-color:transparent; | |
} | |
.dropdown.active .drop-content ul.profile li .active { | |
background-color:transparent; | |
color:white; | |
} | |
.dropdown.active .drop-content ul.profile li #nav-nag { | |
color:#b3b3b3; | |
} | |
.dropdown.active .drop-content ul.profile li #nav-nag a { | |
text-decoration:none; | |
color:#b3b3b3; | |
} | |
.dropdown.active .drop-content ul.profile li #nav-nag a:focus,.dropdown.active .drop-content ul.profile li #nav-nag a:hover { | |
color:white; | |
} | |
} | |
.autocomplete-suggestions { | |
background-color:#FFF; | |
-moz-box-shadow:1px 2px 3px #d5d6d2; | |
-webkit-box-shadow:1px 2px 3px #d5d6d2; | |
-o-box-shadow:1px 2px 3px #d5d6d2; | |
box-shadow:1px 2px 3px #d5d6d2; | |
border:1px solid #d5d6d2; | |
color:#666; | |
} | |
.autocomplete-suggestions b { | |
font-weight:bold; | |
} | |
.autocomplete-suggestions .autocomplete-suggestion { | |
padding:8px 0 8px 20px; | |
padding:.5rem 0 .5rem 1.25rem; | |
line-height:1.25em; | |
} | |
.autocomplete-suggestions .autocomplete-suggestion:focus,.autocomplete-suggestions .autocomplete-suggestion:hover,.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected { | |
background-color:rgba(199,194,186,0.15); | |
color:#e98300; /* *orange* */ | |
cursor:pointer; | |
} | |
.searchbox { | |
margin:12px 20px 0; | |
margin:.75rem 1.25rem 0; | |
position:relative; | |
float:right; | |
} | |
.searchbox .search-form { | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
position:relative; | |
display:inline-block; | |
border:1px solid #d5d6d2; | |
background-color:white; | |
} | |
.searchbox .search-form:hover,.searchbox .search-form:focus,.searchbox .search-form:active,.searchbox .search-form.active { | |
border:1px solid #e98300; /* *orange* */ | |
} | |
.searchbox .nav-search-in { | |
-moz-border-radius:5px 0 0 5px; | |
-webkit-border-radius:5px 0 0 5px; | |
-o-border-radius:5px 0 0 5px; | |
border-radius:5px 0 0 5px; | |
display:inline-block; | |
background-color:white; | |
} | |
.searchbox select.search-params,.searchbox .search-query { | |
display:inline-block; | |
vertical-align:middle; | |
border:none; | |
} | |
.searchbox select.search-params { | |
-moz-appearance:none; | |
-webkit-appearance:none; | |
-o-appearance:none; | |
appearance:none; | |
-moz-box-shadow:0 0 0 0 transparent; | |
-webkit-box-shadow:0 0 0 0 transparent; | |
-o-box-shadow:0 0 0 0 transparent; | |
box-shadow:0 0 0 0 transparent; | |
margin:0 10px 0 0; | |
margin:0 .625rem 0 0; | |
padding:5px 5px 5px 10px; | |
padding:.3125rem .3125rem .3125rem .625rem; | |
width:107px; | |
width:6.6875rem; | |
background:transparent url(/static/images/down_arrow_icon.80e69a914029.svg) no-repeat right 60%; | |
color:#777; | |
text-overflow:; | |
cursor:pointer; | |
} | |
.searchbox select.search-params:active,.searchbox select.search-params:focus,.searchbox select.search-params:hover { | |
color:#4a3c31; | |
} | |
.searchbox select.search-params::-ms-expand { | |
display:none; | |
} | |
.ie8 .searchbox select.search-params { | |
background:none; | |
} | |
.searchbox .search-query { | |
margin-right:32px; | |
margin-right:2rem; | |
padding:3px 0; | |
padding:.1875rem 0; | |
width:250px; | |
width:15.625rem; | |
-moz-border-radius:0; | |
-webkit-border-radius:0; | |
-o-border-radius:0; | |
border-radius:0; | |
background-color:white; | |
color:#333; | |
white-space:nowrap; | |
text-overflow:ellipsis; | |
} | |
.searchbox .search-query:focus,.searchbox .search-query:active,.searchbox .search-query.active { | |
-moz-box-shadow:0 0 0 black; | |
-webkit-box-shadow:0 0 0 black; | |
-o-box-shadow:0 0 0 black; | |
box-shadow:0 0 0 black; | |
} | |
.searchbox .search-query:focus::-webkit-input-placeholder { | |
transition:opacity .35s .35s ease; | |
opacity:0; | |
} | |
.searchbox .search-button { | |
padding:0; | |
margin:0; | |
border:none; | |
background:none; | |
text-shadow:none; | |
-webkit-appearance:none; | |
-moz-border-radius:0; | |
-webkit-border-radius:0; | |
-o-border-radius:0; | |
border-radius:0; | |
-moz-box-shadow:0 0 0 black; | |
-webkit-box-shadow:0 0 0 black; | |
-o-box-shadow:0 0 0 black; | |
box-shadow:0 0 0 black; | |
margin:2px 2px 0 0; | |
margin:.125rem .125rem 0 0; | |
padding:7px 6px 0 0; | |
padding:.4375rem .375rem 0 0; | |
font-size:19px; | |
font-size:1.1875rem; | |
position:absolute; | |
top:0; | |
right:0; | |
line-height:1em; | |
color:#c7c2ba; | |
} | |
.no-touch .searchbox .search-button:focus,.no-touch .searchbox .search-button:hover { | |
background:none; | |
} | |
.searchbox .search-button:active { | |
top:0; | |
} | |
.searchbox .search-button:active,.searchbox .search-button:focus,.searchbox .search-button:hover,.no-touch .searchbox .search-button:focus,.no-touch .searchbox .search-button:hover { | |
color:#4a3c31; | |
} | |
@media screen and max-width325em,screen and max-height261875em { | |
.searchbox { | |
width:100%; | |
background-color:#999; | |
margin:-5px 0 0!important; | |
} | |
.searchbox .search-form { | |
margin:12px 15px 5px; | |
margin:.75rem .9375rem .3125rem; | |
width:calc(100%-30px); | |
} | |
.searchbox .search-query { | |
width:46%; | |
} | |
} | |
@media screen and min-width325625em and min-height2625em { | |
.searchbox .drop-content { | |
max-height:999px; | |
} | |
} | |
.oldie .nav-collapsed .logo .safari em { | |
margin-top:10px; | |
} | |
.oldie .logo .safari:before { | |
background-image:url(/static/images/mark_ie.53539e3b5542.png); | |
background-size:30px 55px; | |
background-position:center center; | |
} | |
.oldie .logo .safari em { | |
background-image:url(/static/images/brand_ie.b968b65c4d71.png); | |
} | |
.oldie .logo .safari:focus,.oldie .logo .safari:hover { | |
background-color:#e98300; /* *orange* */ | |
} | |
.logo { | |
width:auto; | |
} | |
.logo .safari { | |
height:62px; | |
width:auto; | |
min-width:190px; | |
padding:0; | |
background:#e98300; /* *orange* */ | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(45deg,#e983000,#fed100100%); | |
} | |
.ie8 .logo .safari { | |
min-width:auto; | |
} | |
.logo .safari:before { | |
display:inline-block; | |
vertical-align:middle; | |
margin-right:14px; | |
content:''; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(transparent,transparent),url(/static/images/mark.4a67f2af191b.svg); | |
background-position:center left; | |
background-size:60px 70px; | |
background-repeat:no-repeat; | |
height:60px; | |
width:45px; | |
} | |
.logo .safari:focus:before,.logo .safari:hover:before { | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(transparent,transparent),url(/static/images/mark-hover.76a6d3a17f9f.svg); | |
background-position:center left; | |
background-size:60px 70px; | |
background-repeat:no-repeat; | |
height:60px; | |
width:45px; | |
} | |
.logo .safari em { | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(transparent,transparent),url(/static/images/brand.00a4794f7147.svg); | |
background-size:90px 30px; | |
background-size:5.625rem 1.875rem; | |
height:36px; | |
height:2.25rem; | |
width:110px; | |
width:6.875rem; | |
display:inline-block; | |
text-indent:-99999px; | |
color:#333; | |
position:relative; | |
top:-7px; | |
background-repeat:no-repeat; | |
} | |
.nav-collapse { | |
display:none; | |
} | |
body.sidenav { | |
padding-left:190px; | |
-moz-transition:padding-left .2s ease-in-out; | |
-webkit-transition:padding-left .2s ease-in-out; | |
-o-transition:padding-left .2s ease-in-out; | |
transition:padding-left .2s ease-in-out; | |
} | |
body.sidenav.nav-collapsed { | |
padding-left:55px; | |
} | |
@media screen and min-width325625em and min-height2625em { | |
body.user-anon { | |
margin:0 auto; | |
} | |
body.nav-collapsed .topbar { | |
width:55px; | |
} | |
.topbar { | |
overflow:hidden; | |
width:190px; | |
position:fixed; | |
left:0; | |
top:0; | |
height:100%; | |
-moz-transition:width .2s ease-in-out; | |
-webkit-transition:width .2s ease-in-out; | |
-o-transition:width .2s ease-in-out; | |
transition:width .2s ease-in-out; | |
} | |
.topbar a:before { | |
top:4px; | |
font-size:21px; | |
} | |
.topbar [class*="ss-"].l0 span { | |
display:inline; | |
} | |
.topbar .l0 { | |
width:100%; | |
} | |
.topbar ul>li { | |
width:auto; | |
display:block; | |
} | |
.topbar ul>li.search { | |
display:none; | |
} | |
.topnav .dropdown .drop-content { | |
display:block; | |
position:static; | |
background-color:transparent; | |
max-height:999px; | |
width:100%; | |
-moz-transition:none; | |
-webkit-transition:none; | |
-o-transition:none; | |
transition:none; | |
} | |
.last-item { | |
margin-bottom:10px; | |
} | |
.l2 { | |
padding-top:5px; | |
padding-bottom:5px; | |
} | |
.l2:focus,.l2:hover { | |
background-color:transparent; | |
color:#e98300; /* *orange* */ | |
} | |
.dropdown .trigger { | |
display:none; | |
} | |
.dropdown.usermenu { | |
float:none; | |
} | |
.page-head { | |
padding:0; | |
background-color:#fff; | |
z-index:999; | |
text-align:justify; | |
box-shadow:0 3px 4px -4px rgba(0,0,0,0.2); | |
display:inline-block; | |
width:100%; | |
height:55px; | |
} | |
.page-head:after { | |
content:''; | |
display:inline-block; | |
width:100%; | |
} | |
.page-head h1 { | |
font-size:18px; | |
text-align:left; | |
line-height:1.4em; | |
display:block; | |
margin:0 20px; | |
padding:10px 150px 0 0; | |
vertical-align:top; | |
position:relative; | |
top:3px; | |
color:#777; | |
} | |
.nav-collapse { | |
background-color:transparent; | |
position:absolute; | |
bottom:0; | |
left:0; | |
display:block; | |
padding:20px 0 15px; | |
width:100%; | |
-moz-transition:all .2s ease-in-out; | |
-webkit-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out; | |
-moz-box-shadow:none; | |
-webkit-box-shadow:none; | |
-o-box-shadow:none; | |
box-shadow:none; | |
-moz-border-radius:0; | |
-webkit-border-radius:0; | |
-o-border-radius:0; | |
border-radius:0; | |
border:none; | |
line-height:1; | |
color:#9B9B9B; | |
text-decoration:none; | |
text-align:left; | |
text-indent:20px; | |
cursor:pointer; | |
} | |
.nav-collapse:before { | |
font-size:15px; | |
} | |
.nav-collapse:focus,.nav-collapse:hover { | |
background-color:#dadada!important; | |
} | |
.nav-collapse:active { | |
top:auto; | |
} | |
} | |
.gen-nav { | |
background-color:#070c0f; | |
width:100%; | |
min-width:230px; | |
font-weight:bold; | |
} | |
.gen-nav:before,.gen-nav:after { | |
content:" "; | |
display:table; | |
} | |
.gen-nav:after { | |
clear:both; | |
} | |
.gen-nav { | |
zoom:1; | |
} | |
.gen-nav a { | |
font-weight:bold; | |
color:white; | |
padding:0 16px; | |
display:block; | |
text-decoration:none; | |
} | |
.gen-nav h1,.gen-nav .login { | |
font-size:16px; | |
line-height:50px; | |
} | |
.gen-nav h1 { | |
display:inline; | |
margin:0; | |
float:left; | |
} | |
.gen-nav .login { | |
float:right; | |
color:#e98300; /* *orange* */ | |
} | |
.mknav { | |
background-color:#e98300; /* *orange* */ | |
color:#070c0f; | |
font-size:16px; | |
padding:16px; | |
} | |
.mknav li { | |
display:inline; | |
padding-right:.4em; | |
} | |
.mknav li:before { | |
padding-right:.4em; | |
content:'/'; | |
} | |
.mknav li:first-child:before { | |
padding-right:0; | |
content:''; | |
} | |
.mknav li a { | |
color:white; | |
font-weight:bold; | |
text-decoration:none; | |
} | |
.mknav li a:focus,.mknav li a:hover { | |
text-decoration:underline; | |
} | |
.tooltip { | |
position:absolute; | |
z-index:1030; | |
display:block; | |
font-size:14px; | |
line-height:1.4; | |
opacity:0; | |
filter:alpha(opacity=0); | |
visibility:visible; | |
font-weight:bold; | |
white-space:nowrap; | |
font-family:"source sans pro",sans-serif; | |
} | |
.tooltip.active .tooltip-inner { | |
background-color:#e98300; /* *orange* */ | |
} | |
.tooltip.in { | |
opacity:.9; | |
filter:alpha(opacity=90); | |
} | |
.tooltip.top { | |
padding:5px 0; | |
margin-top:-3px; | |
} | |
.tooltip.top .tooltip-arrow { | |
bottom:0; | |
left:50%; | |
margin-left:-5px; | |
border-top-color:#777; | |
border-width:5px 5px 0; | |
} | |
.tooltip.top-left .tooltip-arrow { | |
bottom:0; | |
left:5px; | |
border-top-color:#777; | |
border-width:5px 5px 0; | |
} | |
.tooltip.top-right .tooltip-arrow { | |
right:5px; | |
bottom:0; | |
border-top-color:#777; | |
border-width:5px 5px 0; | |
} | |
.tooltip.right { | |
padding:0 5px; | |
margin-left:3px; | |
} | |
.tooltip.right .tooltip-arrow { | |
top:50%; | |
left:0; | |
margin-top:-5px; | |
border-right-color:#777; | |
border-width:5px 5px 5px 0; | |
} | |
.tooltip.active.right .tooltip-arrow { | |
border-right-color:#e98300; /* *orange* */ | |
} | |
.tooltip.bottom { | |
padding:5px 0; | |
margin-top:3px; | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top:0; | |
left:50%; | |
margin-left:-5px; | |
border-bottom-color:#777; | |
border-width:0 5px 5px; | |
} | |
.tooltip.bottom-left .tooltip-arrow { | |
top:0; | |
left:5px; | |
border-bottom-color:#777; | |
border-width:0 5px 5px; | |
} | |
.tooltip.bottom-right .tooltip-arrow { | |
top:0; | |
right:5px; | |
border-bottom-color:#777; | |
border-width:0 5px 5px; | |
} | |
.tooltip.left { | |
padding:0 5px; | |
margin-left:-3px; | |
} | |
.tooltip.left .tooltip-arrow { | |
top:50%; | |
right:0; | |
margin-top:-5px; | |
border-left-color:#777; | |
border-width:5px 0 5px 5px; | |
} | |
.tooltip-inner { | |
max-width:200px; | |
padding:5px 12px; | |
color:#fff; | |
text-align:center; | |
text-decoration:none; | |
background-color:#777; | |
border-radius:4px; | |
} | |
.tooltip-arrow { | |
position:absolute; | |
width:0; | |
height:0; | |
border-color:transparent; | |
border-style:solid; | |
} | |
.fade { | |
opacity:0; | |
-webkit-transition:opacity .25s linear; | |
transition:opacity .25s linear; | |
} | |
.fade.in { | |
opacity:1; | |
} | |
a.l1.ss-toots { | |
white-space:nowrap; | |
padding:10px 15px 10px 17px; | |
} | |
a.l1.ss-toots:before { | |
content:''; | |
display:inline-block; | |
height:27px; | |
width:20px; | |
font-size:20px; | |
margin-right:18px; | |
top:5px; | |
vertical-align:middle; | |
} | |
@media screen and max-width325em,screen and max-height2625em { | |
a.l1.ss-toots:before { | |
color:white; | |
} | |
} | |
a.l1.ss-toots:before,a.l1.ss-toots:hover:before { | |
background:url(/static/images/icon-toots.03e3235d40c8.png) no-repeat; | |
} | |
.svg a.l1.ss-toots:before,.svg a.l1.ss-toots:hover:before { | |
background:url(/static/images/icon-toots.faea958abbe1.svg) no-repeat; | |
} | |
@media screen and max-width325em,screen and max-height2625em { | |
a.l1.ss-toots:before,a.l1.ss-toots:hover:before { | |
background:url(/static/images/icon-toots_white.3309f264e324.png) no-repeat; | |
} | |
.svg a.l1.ss-toots:before,.svg a.l1.ss-toots:hover:before { | |
background:url(/static/images/icon-toots_white.8a26c5aad3e1.svg) no-repeat; | |
} | |
} | |
a.l1.active.ss-toots:before { | |
background:url(/static/images/icon-toots_sunshine.cb140aae0a71.png) no-repeat; | |
} | |
.svg a.l1.active.ss-toots:before { | |
background:url(/static/images/icon-toots_sunshine.cf6254428d0a.svg) no-repeat; | |
} | |
@media screen and max-width325em,screen and max-height2625em { | |
a.l1.active.ss-toots:before { | |
background:url(/static/images/icon-toots_444.f4d3b49730f9.png) no-repeat; | |
} | |
.svg a.l1.active.ss-toots:before { | |
background:url(/static/images/icon-toots_444.a52163a76d4b.svg) no-repeat; | |
} | |
} | |
.homepage section { | |
margin-bottom:15px; | |
} | |
.homepage section:before,.homepage section:after { | |
content:" "; | |
display:table; | |
} | |
.homepage section:after { | |
clear:both; | |
} | |
.homepage section { | |
zoom:1; | |
} | |
.homepage section .author { | |
display:none; | |
} | |
.homepage section small { | |
float:right; | |
white-space:nowrap; | |
} | |
.homepage section small a { | |
color:#4a3c31; | |
text-decoration:underline; | |
} | |
.homepage section small a:focus,.homepage section small a:hover { | |
color:#e98300; /* *orange* */ | |
} | |
.homepage section header { | |
margin-bottom:15px; | |
} | |
.homepage section h1 { | |
color:#4a3c31; | |
font-weight:333; | |
line-height:1.5em; | |
margin:0; | |
font-size:21px; | |
font-size:1.3125rem; | |
} | |
.homepage section h1:before,.homepage section h1:after { | |
content:" "; | |
display:table; | |
} | |
.homepage section h1:after { | |
clear:both; | |
} | |
.homepage section h1 { | |
zoom:1; | |
} | |
.homepage .articlelist { | |
margin-bottom:0; | |
} | |
.homepage .articlelist>li .controls { | |
border-bottom:1px solid #d5d6d2; | |
margin-bottom:10px; | |
margin-bottom:.625rem; | |
} | |
.homepage .articlelist>li .info { | |
top:0; | |
bottom:auto; | |
} | |
@media screen and max-width767px { | |
.homepage .articlelist>li { | |
display:none; | |
} | |
.homepage .articlelist>li:first-child { | |
display:inline-block; | |
} | |
} | |
@media screen and min-width768px and max-width1279px { | |
.homepage .articlelist>li:nth-child(3) { | |
display:none; | |
} | |
} | |
.homepage .articlelist.main-links li { | |
min-height:1%; | |
} | |
.homepage .articlelist .quick-short,.homepage .articlelist .quick-med,.homepage .articlelist .quick-long { | |
color:#55afb8; | |
background-color:#e6f6f9; | |
border-top:1px solid #d2eff4; | |
border-bottom:1px solid #d2eff4; | |
} | |
.homepage .articlelist .trending a { | |
text-decoration:none; | |
} | |
.homepage .last-viewed .info,.homepage .almost-done .info,.homepage .recommended .info,.homepage .t-quick-read-short,.homepage .t-quick-read-long,.homepage .t-quick-read-med,.homepage .t-trending .info { | |
padding:0; | |
background-color:#fff; | |
-webkit-border-radius:3px; | |
border-radius:3px; | |
} | |
.homepage .last-viewed .info { | |
padding:0; | |
} | |
@media screen and max-width520px { | |
.homepage section h1 { | |
border:none; | |
padding:0; | |
font-size:18px; | |
font-size:1.125rem; | |
} | |
} | |
@media screen and max-width520px and max-width521px { | |
.homepage section h1 { | |
margin:10px 0 15px 15px; | |
margin:.625rem 0 .9375rem .9375rem; | |
} | |
} | |
@media screen and max-width520px { | |
.homepage section small { | |
margin-right:15px; | |
font-size:12px; | |
font-size:.75rem; | |
} | |
.homepage .last-viewed li { | |
display:none; | |
} | |
.homepage .last-viewed li:first-child { | |
display:block; | |
} | |
.homepage .recommended li { | |
display:none; | |
} | |
.homepage .recommended li:first-child { | |
display:block; | |
} | |
.homepage .almost-done li { | |
display:none; | |
} | |
.homepage .almost-done li:first-child { | |
display:block; | |
} | |
} | |
.articlelist { | |
max-width:1600px; | |
margin:0 auto 15px; | |
} | |
.selected-card { | |
outline-style:solid; | |
outline-color:rgba(0,134,202,0.25); | |
-moz-box-shadow:0 0 0 3px rgba(0,134,202,0.35); | |
-webkit-box-shadow:0 0 0 3px rgba(0,134,202,0.35); | |
-o-box-shadow:0 0 0 3px rgba(0,134,202,0.35); | |
box-shadow:0 0 0 3px rgba(0,134,202,0.35); | |
} | |
.articlelist>li { | |
width:100%; | |
height:100%; | |
min-height:200px; | |
background-color:white; | |
display:inline-block; | |
position:relative; | |
margin-bottom:20px; | |
vertical-align:top; | |
overflow:hidden; | |
border:1px solid #d5d6d2; | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px; | |
-o-border-radius:3px; | |
border-radius:3px; | |
-moz-transition:width .15s ease-in-out; | |
-webkit-transition:width .15s ease-in-out; | |
-o-transition:width .15s ease-in-out; | |
transition:width .15s ease-in-out; | |
} | |
.articlelist>li .position-link { | |
text-decoration:none; | |
text-transform:uppercase; | |
float:right; | |
font-size:12px; | |
font-size:.75rem; | |
letter-spacing:1px; | |
position:relative; | |
z-index:1; | |
} | |
.articlelist>li .topic-display { | |
clear:left; | |
} | |
.articlelist>li.js-last-viewed span.expired { | |
display:none; | |
} | |
.articlelist>li.js-related .feedback.text { | |
font-size:24px; | |
} | |
.articlelist>li.js-related .feedback:before { | |
top:35px; | |
} | |
@media screen and max-width767px { | |
.articlelist>li { | |
width:100%; | |
} | |
} | |
@media screen and min-width768px and max-width1279px { | |
.articlelist>li { | |
width:48.7207%; | |
margin-right:1.95313%; | |
} | |
.articlelist>li:nth-child(2n+2) { | |
color:#fff; | |
margin-right:0; | |
} | |
} | |
@media only screen and min-width1280px and max-width1600px { | |
.articlelist>li { | |
width:31.52344%; | |
margin-right:2.34375%; | |
} | |
.articlelist>li:nth-child(3n+3) { | |
margin-right:0; | |
} | |
} | |
@media only screen and min-width1601px { | |
.articlelist>li { | |
width:23.375%; | |
margin-right:1.875%; | |
} | |
.articlelist>li:nth-child(4n+4) { | |
margin-right:0; | |
} | |
} | |
.articlelist>li.more-container { | |
display:block; | |
margin:0 auto; | |
width:100%; | |
border:none; | |
-moz-box-shadow:none; | |
-webkit-box-shadow:none; | |
-o-box-shadow:none; | |
box-shadow:none; | |
background-color:transparent; | |
} | |
.news-block .articlelist>li { | |
background:#fff; | |
} | |
.news-block .articlelist>li p { | |
font-size:14px; | |
} | |
.results-list .feedback .text { | |
top:122px; | |
} | |
.feedback { | |
position:absolute; | |
top:0; | |
left:0; | |
width:100%; | |
height:100%; | |
background-color:#FFF; | |
background-color:rgba(255,255,255,0.9); | |
text-align:center; | |
z-index:99; | |
} | |
.feedback .text { | |
font-size:28px; | |
font-size:1.75rem; | |
position:relative; | |
top:92px; | |
line-height:1.1em; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
font-family:"source sans pro",sans-serif; | |
font-weight:300; | |
font-style:normal; | |
display:inline-block; | |
width:95%; | |
} | |
.feedback .expired,.feedback .canceled { | |
display:block; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
font-size:18px; | |
margin-top:8px; | |
line-height:1.25em; | |
} | |
.feedback:before { | |
font-size:42px; | |
left:50%; | |
margin-left:-21px; | |
top:55px; | |
position:absolute; | |
} | |
.feedback.added:before { | |
color:#e98300; /* *orange* */ | |
} | |
.feedback.removed:before,.feedback.error:before,.feedback.expired:before,.feedback.canceled:before { | |
color:#b2b4b3; | |
} | |
.detail-book .feedback .text,.detail-video .feedback .text { | |
font-size:38px; | |
font-size:2.375rem; | |
top:200px; | |
} | |
@media screen and max-width325em { | |
.detail-book .feedback .text,.detail-video .feedback .text { | |
font-size:26px; | |
font-size:1.625rem; | |
top:270px; | |
} | |
} | |
.detail-book .feedback:before,.detail-video .feedback:before { | |
top:160px; | |
} | |
@media screen and max-width325em { | |
.detail-book .feedback:before,.detail-video .feedback:before { | |
top:220px; | |
} | |
} | |
@media screen and min-width661px { | |
.detail-book .feedback,.detail-video .feedback { | |
text-align:left; | |
} | |
.detail-book .feedback .text,.detail-video .feedback .text { | |
padding-left:100px; | |
top:95px; | |
} | |
.detail-book .feedback:before,.detail-video .feedback:before { | |
font-size:42px; | |
left:50px; | |
top:50px; | |
} | |
} | |
.articlelist>li .info { | |
text-align:left; | |
} | |
.articlelist>li .info h2 { | |
margin:0; | |
padding:15px 10px 10px; | |
display:inline-block; | |
color:#00B798; | |
} | |
.articlelist>li .info .main { | |
padding:0 15px 15px; | |
padding:0 .9375rem .9375rem; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
} | |
.articlelist>li .info .main:before,.articlelist>li .info .main:after { | |
content:" "; | |
display:table; | |
} | |
.articlelist>li .info .main:after { | |
clear:both; | |
} | |
.articlelist>li .info .main { | |
zoom:1; | |
} | |
.articlelist>li .info .main a.title-block { | |
color:#e98300; /* *orange* */ | |
} | |
@media screen and min-width650px { | |
.articlelist>li .info { | |
width:100%; | |
right:0; | |
bottom:0; | |
} | |
} | |
@media screen and min-width1250px { | |
.articlelist>li .info .main { | |
padding:0 10px 10px; | |
padding:0 .625rem .625rem; | |
} | |
} | |
.title-block { | |
display:block; | |
text-decoration:none; | |
font-size:18px; | |
font-size:1.125rem; | |
margin-bottom:3px; | |
margin-bottom:.1875rem; | |
line-height:20px; | |
line-height:1.25rem; | |
} | |
.book-title { | |
margin-bottom:5px; | |
margin-bottom:.3125rem; | |
line-height:18px; | |
line-height:1.125rem; | |
font-size:13px; | |
font-size:.8125rem; | |
} | |
.book-title .issued { | |
display:block; | |
font-style:italic; | |
} | |
.last-access { | |
font-size:12px; | |
color:#777; | |
margin-bottom:10px; | |
} | |
.articlelist>li .controls { | |
min-height:45px; | |
-webkit-touch-callout:none; | |
-khtml-user-select:none; | |
-ms-user-select:none; | |
-moz-user-select:none; | |
-webkit-user-select:none; | |
-o-user-select:none; | |
user-select:none; | |
border-bottom:1px solid #d5d6d2; | |
font-size:.1px; | |
line-height:.1px; | |
text-align:right; | |
margin-bottom:10px; | |
position:relative; | |
} | |
.articlelist>li .controls .format-title { | |
text-transform:uppercase; | |
font-size:10px; | |
display:block; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
position:absolute; | |
left:15px; | |
top:50%; | |
} | |
.articlelist>li .controls .format-title:before { | |
font-family:SSFlow; | |
font-size:11px; | |
padding-right:3px; | |
color:#c7c2ba; | |
position:relative; | |
top:2px; | |
} | |
@media screen and min-width1250px { | |
.articlelist>li .controls .format-title { | |
left:10px; | |
} | |
} | |
.format-book .format-title:before { | |
content:'\1F4D5'; | |
} | |
.format-video .format-title:before { | |
content:'\1F4F9'; | |
} | |
.articlelist .rec-delete,.articlelist .rec-fav { | |
-moz-padding:10px 12px 10px; | |
-webkit-padding:10px 12px 10px; | |
-o-padding:10px 12px 10px; | |
padding:10px 12px; | |
-moz-margin:3px; | |
-webkit-margin:3px; | |
-o-margin:3px; | |
margin:3px; | |
} | |
.rec-delete,.rec-fav { | |
text-shadow:none; | |
-moz-transition:all .15s ease-in-out; | |
-webkit-transition:all .15s ease-in-out; | |
-o-transition:all .15s ease-in-out; | |
transition:all .15s ease-in-out; | |
text-transform:lowercase; | |
cursor:pointer; | |
display:inline-block; | |
text-align:center; | |
-moz-border-radius:0; | |
-webkit-border-radius:0; | |
-o-border-radius:0; | |
border-radius:0; | |
} | |
.rec-delete.invalid,.rec-delete:disabled,.rec-fav.invalid,.rec-fav:disabled { | |
background-color:transparent; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
} | |
.rec-delete:before,.rec-fav:before { | |
vertical-align:middle; | |
font-size:14px; | |
font-size:.875rem; | |
} | |
.touch .rec-delete:focus,.touch .rec-fav:focus,.touch .rec-fav:active,.touch .rec-fav:hover { | |
background:transparent none no-repeat scroll 0 0; | |
} | |
.rec-fav.active,.rec-fav.active:before { | |
color:#e98300; /* *orange* */ | |
} | |
.no-touch button.rec-fav:hover { | |
color:#e98300; /* *orange* */ | |
} | |
.no-touch button.rec-fav:focus { | |
color:#999; | |
} | |
.no-touch button.rec-delete:hover,.no-touch button.rec-delete:focus { | |
color:#ea6d60; | |
} | |
@media screen and max-width1250px { | |
.no-touch .articlelist button.rec-fav:hover,.no-touch .articlelist button.rec-delete:hover { | |
background-color:#EEE; | |
} | |
} | |
.progress .bar { | |
display:table-cell; | |
width:100%; | |
} | |
.progress .gridtc { | |
display:table-cell; | |
white-space:nowrap; | |
} | |
.progress { | |
display:table; | |
font-size:12px; | |
font-size:.75rem; | |
display:block; | |
margin:0; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.65); | |
-webkit-font-smoothing:subpixel-antialiased; | |
text-transform:uppercase; | |
letter-spacing:1px; | |
} | |
.progress .bar { | |
display:table-cell; | |
width:100%; | |
vertical-align:middle; | |
} | |
.progress .prog-text { | |
display:table-cell; | |
white-space:nowrap; | |
padding-left:10px; | |
vertical-align:middle; | |
} | |
.progress .per { | |
display:block; | |
height:8px; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
background-color:#d5d6d2; | |
padding:0; | |
} | |
.progress .per .time { | |
display:block; | |
margin:0; | |
height:8px; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
background-color:#999082; | |
} | |
.sort-box { | |
font-size:20px; | |
line-height:1.3em; | |
margin-bottom:1em; | |
text-align:right; | |
color:#777; | |
font-weight:300; | |
} | |
@media screen and min-width40625em { | |
.sort-box { | |
max-width:650px; | |
} | |
} | |
@media screen and min-width96125em { | |
.sort-box { | |
max-width:1315px; | |
} | |
} | |
@media screen and min-width1375625em { | |
.sort-box { | |
max-width:1975px; | |
} | |
} | |
@media screen and min-width179em { | |
.sort-box { | |
max-width:2635px; | |
} | |
} | |
@media screen and min-width2204375em { | |
.sort-box { | |
max-width:100%; | |
} | |
} | |
.recommended-reason { | |
padding:5px 15px; | |
background-color:#F7F7F7; | |
border-top:1px solid #d5d6d2; | |
color:#999; | |
} | |
.recommended-reason .book-title { | |
font-size:14px; | |
} | |
.recommended-reason .book-title a { | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
text-decoration:underline; | |
} | |
.recommended-reason .book-title a:focus,.recommended-reason .book-title a:hover { | |
color:#e98300; /* *orange* */ | |
} | |
.recommended-reason .book-title .topic-display li { | |
font-size:14px; | |
} | |
.topic-display li { | |
display:inline-block; | |
font-size:12px; | |
font-size:.75rem; | |
color:#777; | |
-webkit-font-smoothing:subpixel-antialiased; | |
} | |
.topic-display li .topic { | |
color:#e98300; /* *orange* */ | |
} | |
.topic-display li:after { | |
color:#ccc; | |
content:' / '; | |
} | |
.topic-display li:last-child:after { | |
content:''; | |
} | |
[class*="hex-"] .topic-display li:after { | |
content:''; | |
} | |
@-webkit-keyframes slideUp { | |
0-moz-transform:translateY(100%); | |
-webkit-transform:translateY(100%); | |
-o-transform:translateY(100%); | |
transform:translateY(100%); | |
} | |
100% { | |
-moz-transform:translateY(0%); | |
-webkit-transform:translateY(0%); | |
-o-transform:translateY(0%); | |
transform:translateY(0%); | |
} | |
} | |
@-moz-keyframes slideUp { | |
0-moz-transform:translateY(100%); | |
-webkit-transform:translateY(100%); | |
-o-transform:translateY(100%); | |
transform:translateY(100%); | |
} | |
100% { | |
-moz-transform:translateY(0%); | |
-webkit-transform:translateY(0%); | |
-o-transform:translateY(0%); | |
transform:translateY(0%); | |
} | |
} | |
@-o-keyframes slideUp { | |
0-moz-transform:translateY(100%); | |
-webkit-transform:translateY(100%); | |
-o-transform:translateY(100%); | |
transform:translateY(100%); | |
} | |
100% { | |
-moz-transform:translateY(0%); | |
-webkit-transform:translateY(0%); | |
-o-transform:translateY(0%); | |
transform:translateY(0%); | |
} | |
} | |
@keyframes slideUp { | |
0-moz-transform:translateY(100%); | |
-webkit-transform:translateY(100%); | |
-o-transform:translateY(100%); | |
transform:translateY(100%); | |
} | |
100% { | |
-moz-transform:translateY(0%); | |
-webkit-transform:translateY(0%); | |
-o-transform:translateY(0%); | |
transform:translateY(0%); | |
} | |
} | |
.trial-banner { | |
background-color:#fff; | |
margin:0 20px 20px; | |
-webkit-border-radius:5px; | |
border-radius:5px; | |
text-align:center; | |
padding:15px; | |
border:1px solid rgba(0,0,0,0.2); | |
-webkit-box-shadow:0 0 10px #ccc; | |
box-shadow:0 0 10px #ccc; | |
} | |
.trial-banner h1 { | |
font-size:38px; | |
font-size:2.375rem; | |
font-weight:400; | |
margin-bottom:0; | |
line-height:1.15em; | |
} | |
@media screen and max-width53125em { | |
.trial-banner h1 { | |
font-size:35px; | |
font-size:2.1875rem; | |
} | |
} | |
.trial-banner p { | |
font-size:24px; | |
font-size:1.5rem; | |
font-weight:300; | |
color:#999; | |
margin-bottom:1em; | |
line-height:1.1em; | |
} | |
.trial-banner.trial-expired { | |
padding:15px 0; | |
} | |
.trial-banner.trial-expired h1 { | |
font-size:26px; | |
font-size:1.625rem; | |
} | |
@media screen and max-width325625em { | |
.trial-banner.trial-expired h1 { | |
font-size:21px; | |
font-size:1.3125rem; | |
} | |
} | |
.trial-banner .red-banner { | |
background-color:#ea6d60; | |
color:#FFF; | |
padding:15px 10% 25px; | |
font-weight:300; | |
margin-bottom:20px; | |
} | |
.js-disable-shortcuts label { | |
display:inline-block; | |
margin:0 0 0 10px; | |
} | |
.keyboard-shortcuts-pane { | |
font-family:"source sans pro",Helvetica,Arial,sans-serif!important; | |
overflow:hidden; | |
clear:both; | |
} | |
.keyboard-shortcuts-pane .inner .headline { | |
border-bottom:1px solid #CCC; | |
padding:6px 0; | |
padding:.375rem 0; | |
-moz-border-radius:5px 5px 0 0; | |
-webkit-border-radius:5px 5px 0 0; | |
-o-border-radius:5px 5px 0 0; | |
border-radius:5px 5px 0 0; | |
height:50px; | |
} | |
.keyboard-shortcuts-pane .inner .headline h2 { | |
margin:0; | |
color:#777; | |
font-size:21px; | |
font-size:1.3125rem; | |
padding:10px; | |
padding:.625rem; | |
line-height:1em; | |
float:left!important; | |
} | |
.keyboard-shortcuts-pane .inner .headline .js-close { | |
width:20px; | |
height:20px; | |
display:block; | |
float:right; | |
font-size:21px; | |
font-size:1.3125rem; | |
margin:11px 15px 0; | |
margin:.6875rem .9375rem 0; | |
color:#999; | |
text-decoration:none; | |
line-height:1em; | |
} | |
.keyboard-shortcuts-pane .inner .headline .js-close:focus,.keyboard-shortcuts-pane .inner .headline .js-close:hover { | |
color:#666; | |
} | |
.keyboard-shortcuts-pane .inner .headline .js-close span { | |
display:block; | |
text-indent:-99999px; | |
} | |
.keyboard-shortcuts-pane .inner h4 { | |
margin:0; | |
font-size:18px; | |
font-size:1.125rem; | |
color:#777; | |
} | |
.keyboard-shortcuts-pane .inner .disable-shortcuts { | |
clear:both; | |
padding:0 0 10px 20px; | |
padding:0 0 .625rem 1.25rem; | |
font-size:smaller; | |
} | |
.keyboard-shortcuts-pane .inner.popup { | |
color:#777; | |
width:600px; | |
background-color:white; | |
position:fixed; | |
z-index:9999; | |
top:100px; | |
left:50%; | |
margin-left:-300px; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
min-height:250px; | |
-moz-transition:height .15s ease-in-out; | |
-webkit-transition:height .15s ease-in-out; | |
-o-transition:height .15s ease-in-out; | |
transition:height .15s ease-in-out; | |
border:1px solid #b3b3b3!important; | |
-moz-box-shadow:0 3px 0 #e6e6e6; | |
-webkit-box-shadow:0 3px 0 #e6e6e6; | |
-o-box-shadow:0 3px 0 #e6e6e6; | |
box-shadow:0 3px 0 #e6e6e6; | |
} | |
@media screen and max-width620px { | |
.keyboard-shortcuts-pane .inner { | |
display:none; | |
} | |
} | |
.keyboard-shortcuts-pane .inner .tooltip-inner { | |
max-width:100%!important; | |
width:100%; | |
} | |
.keyboard-shortcuts-pane .inner .column { | |
width:50%; | |
} | |
.keyboard-shortcuts-pane .inner .column.right { | |
float:right; | |
padding:10px 40px 20px 0; | |
padding:.625rem 2.5rem 1.25rem 0; | |
} | |
.keyboard-shortcuts-pane .inner .column.left { | |
padding:10px 0 20px 40px; | |
padding:.625rem 0 1.25rem 2.5rem; | |
float:left; | |
} | |
.keyboard-shortcuts-pane .inner .key { | |
padding:5px 6px; | |
padding:.3125rem .375rem; | |
color:#777; | |
font-family:Monaco,"Liberation Mono",Courier,monospace; | |
line-height:1; | |
display:inline-block; | |
font-size:12px; | |
font-size:.75rem; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
background:#d8d8d8; | |
background:0; | |
background:0; | |
background:0; | |
background:0; | |
background:0; | |
background:linear-gradient(tobottom,#d8d8d80,#f2f2f2100%); | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8',endColorstr='#f2f2f2',GradientType=0); | |
box-shadow:inset 0 1px 0 #fff,0 1px 0 #ccc; | |
-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 0 #ccc; | |
border:1px solid #CCC; | |
} | |
.keyboard-shortcuts-pane .inner th,.keyboard-shortcuts-pane .inner td { | |
display:table-cell; | |
} | |
.keyboard-shortcuts-pane .inner tr { | |
display:table-row; | |
vertical-align:inherit; | |
border-color:inherit; | |
} | |
.keyboard-shortcuts-pane .inner th { | |
text-align:left; | |
color:#00b78a; | |
font-weight:bold; | |
padding:10px 0; | |
padding:.625rem 0; | |
} | |
.keyboard-shortcuts-pane .inner td { | |
padding:3px 0; | |
padding:.1875rem 0; | |
vertical-align:top; | |
line-height:20px; | |
line-height:1.25rem; | |
font-size:16px; | |
font-size:1rem; | |
} | |
.keyboard-shortcuts-pane .inner td.keys { | |
text-align:right; | |
padding-right:10px; | |
white-space:nowrap; | |
} | |
.chat-wrapper { | |
position:fixed; | |
z-index:1000; | |
color:#fff; | |
font-size:16px; | |
font-size:1rem; | |
} | |
.chat-wrapper a,.chat-wrapper a:hover { | |
text-decoration:none; | |
} | |
.chat-wrapper input.sales-chat-btn { | |
-webkit-border-radius:5px 0 0 5px; | |
border-radius:5px 0 0 5px; | |
cursor:pointer; | |
display:block!important; | |
white-space:normal; | |
} | |
.chat-wrapper input.sales-chat-btn:focus,.chat-wrapper input.sales-chat-btn:hover { | |
text-decoration:none; | |
} | |
.chat-wrapper input:focus { | |
box-shadow:none; | |
border:none; | |
} | |
.subscribe-nag .chat-wrapper { | |
visibility:hidden; | |
} | |
@media screen and min-width450px { | |
.chat-wrapper { | |
right:0; | |
bottom:50%!important; | |
margin-bottom:-107px; | |
display:block; | |
} | |
.chat-wrapper.slideUp { | |
visibility:visible!important; | |
} | |
.chat-wrapper input.sales-chat-btn { | |
background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 25px 158px; | |
background-size:40px; | |
width:90px; | |
height:215px; | |
padding:12px 9px 81px; | |
font:400 1.05em/1.38 'Source Sans Pro'; | |
} | |
.expanded .live-agent { | |
width:188px; | |
margin:0 auto; | |
display:block; | |
position:relative; | |
} | |
.expanded .live-agent:before { | |
content:url('/static/images/sales-chat.b4aae0d859cc.svg'); | |
position:absolute; | |
left:8px; | |
top:13px; | |
z-index:10; | |
} | |
.expanded .live-agent input { | |
white-space:normal; | |
background:#e98300 none no-repeat 0 0; /* *orange* */ | |
background-size:36px; | |
padding-left:60px; | |
text-align:left; | |
line-height:1em; | |
transition:all 0 linear 0; | |
} | |
.expanded .live-agent input:focus,.expanded .live-agent input:hover { | |
background:#e98300; /* *orange* */ | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(tobottom,#fed1000,#e98300100%); | |
text-decoration:none!important; | |
background-size:100%; | |
} | |
} | |
@media screen and max-width449px { | |
.chat-wrapper { | |
bottom:0; | |
left:50%; | |
padding:0; | |
margin-left:-25.5%; | |
width:50%; | |
position:fixed; | |
} | |
.chat-wrapper input.sales-chat-btn { | |
background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 15px; | |
border-radius:4px 4px 0 0; | |
-webkit-border-radius:4px 4px 0 0; | |
margin-left:5px; | |
font:400 .95em/1.1 'Source Sans Pro'; | |
text-align:left; | |
padding:.0125rem .65rem 0 2.75rem; | |
background-size:25px; | |
height:60px; | |
} | |
.chat-wrapper.slideUp { | |
bottom:-70px!important; | |
visibility:visible!important; | |
} | |
.register .chat-wrapper { | |
display:none; | |
} | |
.subscribe-nag .expanded .live-agent { | |
width:172px; | |
margin:0 auto; | |
display:block; | |
} | |
.subscribe-nag .expanded .live-agent input { | |
white-space:normal; | |
background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 12px; | |
background-size:36px; | |
padding:10px 9px 10px 55px; | |
text-align:left; | |
line-height:1em; | |
margin:.25rem 0 .625rem!important; | |
} | |
.subscribe-nag .chat-wrapper { | |
bottom:-300%; | |
position:absolute; | |
left:0; | |
margin:0; | |
margin-left:0; | |
} | |
} | |
.cover { | |
display:inline-block; | |
} | |
.cover a { | |
position:relative; | |
display:block; | |
max-width:100%; | |
} | |
.cover span { | |
display:block; | |
} | |
.cover img { | |
max-width:100%; | |
height:auto; | |
display:block; | |
box-shadow:2px 0 6px 0 rgba(0,0,0,0.2); | |
} | |
.format-video .cover a:before,.detail-video .cover a:before { | |
content:''; | |
background:transparent url(/static/images/sunshine_prompt.b3c437d75a99.svg) no-repeat scroll 8px center; | |
background-color:#c7c2ba; | |
background-color:rgba(7,12,15,0.5); | |
background-size:50px 59px; | |
-moz-border-radius:50%; | |
-webkit-border-radius:50%; | |
-o-border-radius:50%; | |
border-radius:50%; | |
position:absolute; | |
height:60px; | |
width:60px; | |
line-height:50px; | |
margin-top:-30px; | |
margin-left:-30px; | |
top:50%; | |
left:50%; | |
text-align:center; | |
text-indent:3px; | |
text-decoration:none; | |
z-index:1; | |
} | |
.detail-video .cover a:before { | |
height:50px; | |
width:50px; | |
margin:-25px 0 0 -25px; | |
background-size:40px 90px; | |
} | |
.results-list .cover { | |
float:left; | |
margin-left:-75px; | |
} | |
.results-list .cover img { | |
max-width:60px; | |
} | |
@mediamin-width450px { | |
.results-list .cover { | |
margin-left:-90px; | |
} | |
.results-list .cover img { | |
max-width:73px; | |
width:73px; | |
} | |
} | |
.articlelist>li.format-video .cover { | |
max-width:122px; | |
max-width:7.625rem; | |
height:70px; | |
overflow:hidden; | |
} | |
.articlelist>li.format-video .cover a { | |
max-height:70px; | |
} | |
.articlelist>li .cover { | |
float:left; | |
width:100%; | |
max-width:65px; | |
max-width:4.0625rem; | |
margin:2px 15px 5px 0; | |
margin:.125rem .9375rem .3125rem 0; | |
} | |
.articlelist>li .cover a { | |
border:1px solid transparent; | |
} | |
.articlelist>li .cover a:focus { | |
border:1px solid #e98300; /* *orange* */ | |
} | |
.rec-delete,.rec-fav { | |
-moz-box-shadow:none; | |
-webkit-box-shadow:none; | |
-o-box-shadow:none; | |
box-shadow:none; | |
line-height:1; | |
margin:0; | |
padding:0; | |
color:#ccc; | |
border:none; | |
background:none; | |
font-weight:normal; | |
} | |
.no-touch .rec-delete:focus,.no-touch .rec-fav:focus,.no-touch .rec-delete:hover,.no-touch .rec-fav:hover { | |
background:transparent; | |
color:#ccc; | |
} | |
.rec-delete:active,.rec-fav:active { | |
top:0; | |
} | |
.django-messages>li { | |
position:relative; | |
margin:16px 25px; | |
margin:1rem 1.5625rem; | |
padding:16px; | |
padding:1rem; | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px; | |
-o-border-radius:3px; | |
border-radius:3px; | |
color:white; | |
} | |
@media screen and max-width30em { | |
.django-messages>li { | |
margin:16px 15px; | |
margin:1rem .9375rem; | |
} | |
} | |
.django-messages .success,.django-messages .info { | |
background:#e98300; /* *orange* */ | |
font-family:"source sans pro",sans-serif; | |
font-weight:400; | |
} | |
.django-messages .success a,.django-messages .info a { | |
color:#fff; | |
text-decoration:underline; | |
} | |
.django-messages .success a.close,.django-messages .info a.close { | |
text-decoration:none; | |
} | |
.django-messages .success:before,.django-messages .info:before { | |
speak:none; | |
content:'\2713'; | |
position:relative; | |
top:3px; | |
font-size:21px; | |
padding-right:16px; | |
padding-right:1rem; | |
color:white; | |
font-family:SSFlow; | |
} | |
.django-messages .welcome-banner { | |
background-color:white; | |
color:#333; | |
padding:2px 16px; | |
padding:.125rem 1rem; | |
} | |
.django-messages .welcome-banner h2 { | |
margin-bottom:0; | |
line-height:1.15em; | |
} | |
.django-messages .welcome-banner p { | |
margin-top:10px; | |
} | |
.django-messages .alert { | |
background-color:#e5c15e; | |
color:white; | |
} | |
.django-messages .alert:before { | |
content:''; | |
background:url(/static/images/alert.7472abfe9ca9.png) no-repeat; | |
background-size:25px; | |
width:25px; | |
height:21px; | |
display:block; | |
margin-top:-3px; | |
} | |
.django-messages .alert a { | |
color:white; | |
text-decoration:underline; | |
} | |
.django-messages .warning,.django-messages .error { | |
background-color:#e5c15e; | |
} | |
.django-messages .warning:before,.django-messages .error:before { | |
speak:none; | |
content:'\1F6AB'; | |
position:relative; | |
top:3px; | |
font-size:21px; | |
padding-right:12px; | |
padding-right:.75rem; | |
color:white; | |
font-family:SSFlow; | |
} | |
.django-messages .error,.django-messages .nagbar { | |
background-color:#ea6d60; | |
} | |
.django-messages .error .buttongroup,.django-messages .nagbar .buttongroup { | |
height:16px; | |
height:1rem; | |
overflow:visible; | |
display:inline-block; | |
margin:0; | |
padding-left:12px; | |
padding-left:.75rem; | |
} | |
.django-messages .error a,.django-messages .nagbar a { | |
color:white; | |
} | |
.django-messages .nagbar:before { | |
content:none; | |
} | |
.django-messages .close { | |
position:absolute; | |
top:0; | |
right:0; | |
bottom:0; | |
width:40px; | |
height:40px; | |
font-size:20px; | |
font-size:1.25rem; | |
text-decoration:none; | |
} | |
.django-messages .close span { | |
visibility:hidden; | |
position:absolute; | |
top:0; | |
left:0; | |
width:100%; | |
} | |
.django-messages .close:before { | |
speak:none; | |
position:relative; | |
background:#ababab; | |
background:rgba(0,0,0,0.33); | |
top:12px; | |
left:8px; | |
-moz-border-radius:50%; | |
-webkit-border-radius:50%; | |
-o-border-radius:50%; | |
border-radius:50%; | |
padding:5px 6px 3px; | |
padding:.3125rem .375rem .1875rem; | |
height:24px; | |
width:24px; | |
line-height:24px; | |
font-size:12px; | |
color:white; | |
font-family:SSFlow; | |
content:'\2421'; | |
} | |
.pass-rules { | |
font-size:14px; | |
color:#555; | |
} | |
.pass-rules h4 { | |
font-weight:bold; | |
margin:0; | |
padding:0; | |
} | |
.pass-rules ul { | |
list-style-type:disc; | |
margin:0 0 1em 1.5em; | |
} | |
.servererror { | |
font-family:"source sans pro",sans-serif; | |
} | |
.servererror #masthead { | |
background-color:#070c0f; | |
width:100%; | |
min-width:230px; | |
font-weight:bold; | |
} | |
.servererror #masthead h1 { | |
margin:0; | |
padding:.5em; | |
} | |
.servererror #masthead h1 a { | |
color:#fff; | |
text-decoration:none; | |
} | |
.servererror section img { | |
display:block; | |
margin:.5em auto; | |
max-width:50%; | |
} | |
.servererror .pod { | |
text-align:center; | |
} | |
.servererror footer { | |
padding:1.5em; | |
} | |
.servererror h1 { | |
color:#777; | |
display:inline-block; | |
padding:0 16px; | |
padding:0 1rem; | |
margin:0 0 16px; | |
margin:0 0 1rem; | |
} | |
.servererror.js-error,.servererror.js-error .pod { | |
background:#f7f7f7; | |
} | |
.enable-js { | |
font-family:"source sans pro",sans-serif; | |
min-height:300px; | |
padding:1em; | |
} | |
div.recommendations_debug { | |
padding-left:5px; | |
} | |
.recommendations_debug div { | |
padding-left:5px; | |
} | |
.recommendations_debug ul { | |
padding-left:5px; | |
padding-top:5px; | |
} | |
.recommendations_debug li { | |
padding-left:5px; | |
} | |
@-webkit-keyframes animateIn { | |
0-moz-transform:scale(0); | |
-webkit-transform:scale(0); | |
-o-transform:scale(0); | |
transform:scale(0); | |
opacity:.0; | |
} | |
60% { | |
-moz-transform:scale(1.5); | |
-webkit-transform:scale(1.5); | |
-o-transform:scale(1.5); | |
transform:scale(1.5); | |
} | |
80% { | |
-moz-transform:scale(0.9); | |
-webkit-transform:scale(0.9); | |
-o-transform:scale(0.9); | |
transform:scale(0.9); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:scale(1); | |
-webkit-transform:scale(1); | |
-o-transform:scale(1); | |
transform:scale(1); | |
opacity:1; | |
} | |
} | |
@-moz-keyframes animateIn { | |
0-moz-transform:scale(0); | |
-webkit-transform:scale(0); | |
-o-transform:scale(0); | |
transform:scale(0); | |
opacity:.0; | |
} | |
60% { | |
-moz-transform:scale(1.5); | |
-webkit-transform:scale(1.5); | |
-o-transform:scale(1.5); | |
transform:scale(1.5); | |
} | |
80% { | |
-moz-transform:scale(0.9); | |
-webkit-transform:scale(0.9); | |
-o-transform:scale(0.9); | |
transform:scale(0.9); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:scale(1); | |
-webkit-transform:scale(1); | |
-o-transform:scale(1); | |
transform:scale(1); | |
opacity:1; | |
} | |
} | |
@-o-keyframes animateIn { | |
0-moz-transform:scale(0); | |
-webkit-transform:scale(0); | |
-o-transform:scale(0); | |
transform:scale(0); | |
opacity:.0; | |
} | |
60% { | |
-moz-transform:scale(1.5); | |
-webkit-transform:scale(1.5); | |
-o-transform:scale(1.5); | |
transform:scale(1.5); | |
} | |
80% { | |
-moz-transform:scale(0.9); | |
-webkit-transform:scale(0.9); | |
-o-transform:scale(0.9); | |
transform:scale(0.9); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:scale(1); | |
-webkit-transform:scale(1); | |
-o-transform:scale(1); | |
transform:scale(1); | |
opacity:1; | |
} | |
} | |
@keyframes animateIn { | |
0-moz-transform:scale(0); | |
-webkit-transform:scale(0); | |
-o-transform:scale(0); | |
transform:scale(0); | |
opacity:.0; | |
} | |
60% { | |
-moz-transform:scale(1.5); | |
-webkit-transform:scale(1.5); | |
-o-transform:scale(1.5); | |
transform:scale(1.5); | |
} | |
80% { | |
-moz-transform:scale(0.9); | |
-webkit-transform:scale(0.9); | |
-o-transform:scale(0.9); | |
transform:scale(0.9); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:scale(1); | |
-webkit-transform:scale(1); | |
-o-transform:scale(1); | |
transform:scale(1); | |
opacity:1; | |
} | |
} | |
.annotator-notice { | |
display:none!important; | |
} | |
#sbo-rt-content { | |
position:static!important; | |
-webkit-transform:none; | |
} | |
#sbo-rt-content .annotator-wrapper { | |
margin:0; | |
} | |
#sbo-rt-content .annotator-wrapper .chapter { | |
overflow:hidden; | |
} | |
#sbo-rt-content .annotator-wrapper ::selection { | |
background:rgba(254,209,0,0.3); | |
} | |
#sbo-rt-content .annotator-wrapper ::-moz-selection { | |
background:rgba(254,209,0,0.3); | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-hl { | |
background:rgba(254,209,0,0.3); | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-item { | |
list-style-type:none; | |
margin-left:0; | |
} | |
#sbo-rt-content .annotator-wrapper .animateIn { | |
animation-name:animateIn; | |
-webkit-animation-name:animateIn; | |
animation-duration:.35s; | |
-webkit-animation-duration:.35s; | |
animation-timing-function:ease-in-out; | |
-webkit-animation-timing-function:ease-in-out; | |
visibility:visible; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor:nth-child(2) { | |
display:none; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer,#sbo-rt-content .annotator-wrapper .annotator-touch-controls { | |
left:auto!important; | |
right:-65px; | |
position:absolute; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-item,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-item { | |
display:block; | |
height:60px; | |
} | |
@media screen and max-width575625em { | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer,#sbo-rt-content .annotator-wrapper .annotator-touch-controls { | |
right:10px; | |
} | |
} | |
@media screen and max-width325625em { | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer,#sbo-rt-content .annotator-wrapper .annotator-touch-controls { | |
right:2px; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer div,#sbo-rt-content .annotator-wrapper .annotator-touch-controls div { | |
display:none; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-widget,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-widget { | |
margin-top:0!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit { | |
padding:8px; | |
padding:.5rem; | |
-moz-transition:all .2s ease-in-out; | |
-webkit-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
-moz-box-shadow:0 0 0 transparent; | |
-webkit-box-shadow:0 0 0 transparent; | |
-o-box-shadow:0 0 0 transparent; | |
box-shadow:0 0 0 transparent; | |
background-color:#FFF!important; | |
border:1px solid #e98300; /* *orange* */ | |
position:relative; | |
text-indent:0; | |
width:48px; | |
height:49px; | |
cursor:pointer; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:before { | |
font-family:SSFlow; | |
content:'\F707'; | |
height:48px; | |
width:49px; | |
font-size:26px; | |
font-size:1.625rem; | |
top:11px; | |
position:relative; | |
color:#e98300; /* *orange* */ | |
opacity:.7; | |
-moz-transition:opacity .3s ease-in-out; | |
-webkit-transition:opacity .3s ease-in-out; | |
-o-transition:opacity .3s ease-in-out; | |
transition:opacity .3s ease-in-out; | |
text-shadow:0 0 0 transparent; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:hover,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:hover,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:hover,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:hover { | |
background:#FFF none no-repeat scroll 0 0!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:hover:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:hover:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:hover:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:hover:before { | |
opacity:1; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit span,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit span,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit span,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit span { | |
display:block; | |
text-indent:-99999px; | |
} | |
#sbo-rt-content .annotator-wrapper .toggle_public ul { | |
margin:0; | |
padding:0; | |
} | |
#sbo-rt-content .annotator-wrapper .toggle_public ul li { | |
font-family:'Source Sans Pro',arial,sans-serif; | |
font-size:.9em!important; | |
list-style-type:none; | |
margin:0 10px 0 0!important; | |
float:left; | |
color:#4a3c31; | |
} | |
#sbo-rt-content .annotator-wrapper .toggle_public ul li input+span { | |
opacity:.75; | |
} | |
#sbo-rt-content .annotator-wrapper .toggle_public ul li input:checked+span { | |
opacity:1; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder { | |
position:absolute!important; | |
right:-65px!important; | |
font-family:'Source Sans Pro'!important; | |
left:auto!important; | |
} | |
@media screen and max-width556875em { | |
#sbo-rt-content .annotator-wrapper .annotator-adder { | |
right:-18px!important; | |
} | |
} | |
@media screen and max-width50em { | |
#sbo-rt-content .annotator-wrapper .annotator-adder { | |
right:0!important; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button { | |
padding:8px; | |
padding:.5rem; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
background-color:#FFF; | |
position:relative; | |
text-indent:0; | |
width:48px; | |
height:52px; | |
cursor:pointer; | |
border-bottom:none; | |
background-size:contain; | |
border:1px solid #CCC; | |
text-shadow:0 0 0 transparent!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button:after,#sbo-rt-content .annotator-wrapper .annotator-adder button:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:after,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:before { | |
width:0; | |
height:0; | |
border:.65em solid; | |
border-color:transparent #ccc #ccc transparent; | |
-moz-transform:rotate(136deg); | |
-webkit-transform:rotate(136deg); | |
-o-transform:rotate(136deg); | |
transform:rotate(136deg); | |
content:""; | |
left:-10px; | |
top:15px; | |
position:absolute; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button:after,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:after { | |
left:-9px; | |
border-color:transparent #fff #fff transparent; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button span,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button span { | |
display:block; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button span:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button span:before { | |
font-family:SSFlow; | |
content:'\F707'; | |
height:48px; | |
width:49px; | |
font-size:26px; | |
font-size:1.625rem; | |
top:11px; | |
position:relative; | |
color:#b3b3b3; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button:focus,#sbo-rt-content .annotator-wrapper .annotator-adder button:hover,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:focus,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:hover { | |
-moz-transition:all .3s ease-in-out; | |
-webkit-transition:all .3s ease-in-out; | |
-o-transition:all .3s ease-in-out; | |
transition:all .3s ease-in-out; | |
background-image:none!important; | |
border:1px solid #e98300; /* *orange* */ | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button:focus:before,#sbo-rt-content .annotator-wrapper .annotator-adder button:hover:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:focus:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:hover:before { | |
border-color:transparent #e98300 #e98300 transparent; | |
-moz-transition:all .3s ease-in-out; | |
-webkit-transition:all .3s ease-in-out; | |
-o-transition:all .3s ease-in-out; | |
transition:all .3s ease-in-out; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-adder button:focus span:before,#sbo-rt-content .annotator-wrapper .annotator-adder button:hover span:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:focus span:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:hover span:before { | |
-moz-transition:all .3s ease-in-out; | |
-webkit-transition:all .3s ease-in-out; | |
-o-transition:all .3s ease-in-out; | |
transition:all .3s ease-in-out; | |
color:#e98300; /* *orange* */ | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper { | |
position:absolute; | |
z-index:29; | |
width:100%; | |
max-width:650px; | |
margin-left:-322px!important; | |
left:50%!important; | |
min-height:250px; | |
-moz-transition:height .15s ease-in-out; | |
-webkit-transition:height .15s ease-in-out; | |
-o-transition:height .15s ease-in-out; | |
transition:height .15s ease-in-out; | |
background:white url(/static/images/loading.652a04520e35.gif) no-repeat scroll center center; | |
display:none; | |
right:auto!important; | |
top:130px; | |
height:auto!important; | |
border:1px solid #b3b3b3!important; | |
-moz-radius:all 5px; | |
-webkit-radius:all 5px; | |
-o-radius:all 5px; | |
radius:all 5px; | |
-moz-box-shadow:0 3px 0 #e6e6e6; | |
-webkit-box-shadow:0 3px 0 #e6e6e6; | |
-o-box-shadow:0 3px 0 #e6e6e6; | |
box-shadow:0 3px 0 #e6e6e6; | |
-webkit-border-radius:5px; | |
border-radius:5px; | |
font-size:100%!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper div { | |
margin:0!important; | |
} | |
@media screen and max-width53125em and min-width450625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper { | |
max-width:80%!important; | |
margin-left:0!important; | |
left:10%!important; | |
} | |
} | |
@media screen and max-width45em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper { | |
position:absolute!important; | |
max-width:100%!important; | |
left:0!important; | |
margin-left:0!important; | |
padding-bottom:10px; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .editor { | |
float:left; | |
height:100%; | |
position:static!important; | |
top:0!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .editor .annotator-widget { | |
padding-bottom:85px; | |
left:0!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .editor .annotator-widget .annotator-controls { | |
position:absolute; | |
right:15px; | |
bottom:15px; | |
background-color:transparent; | |
border:none; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .right,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .left { | |
margin:0!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget { | |
background-color:#fff; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-media .left { | |
line-height:1.3em; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-media .left a { | |
margin-top:10px; | |
display:block; | |
font-size:.8em; | |
line-height:1.3em; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-outer>.title { | |
padding:0 15px 10px!important; | |
margin:10px 0 0!important; | |
border-bottom:1px solid #ddd!important; | |
font:200 1.5em/1.38 'Source Sans Pro'; | |
color:#777!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .row { | |
border-top:1px solid #ddd!important; | |
padding:8px 0; | |
display:block; | |
float:left; | |
width:100%; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .row.delete-highlight { | |
padding:18px 0 8px; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .indent { | |
padding:0 20px; | |
margin-bottom:15px; | |
} | |
@media screen and max-width325625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .indent { | |
padding:0; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .uppercase { | |
text-transform:uppercase; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper h4,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper small { | |
color:#777; | |
margin-top:5px!important; | |
font:200 .8em/1.2 'Source Sans Pro'; | |
} | |
@media screen and min-width450625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .left { | |
float:left; | |
width:50%; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .right { | |
float:right; | |
} | |
@media screen and min-width450625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .right { | |
width:50%; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .sans { | |
font:300 .9em/1.2 'Source Sans Pro'; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a { | |
border-bottom:none!important; | |
white-space:initial; | |
color:#e98300; /* *orange* */ | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a:hover { | |
text-shadow:0 0 0 transparent; | |
text-decoration:underline; | |
background:transparent none no-repeat scroll 0 0; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a.edit-highlight { | |
color:#4a3c31; | |
top:0; | |
right:20px; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a.button { | |
padding:10px 25px; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-delete { | |
width:auto; | |
color:#FFF; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-delete:hover { | |
color:#FFF!important; | |
text-shadow:0 0 0 transparent!important; | |
background:#e98300; /* *orange* */ | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(tobottom,#fed1000,#e98300100%); | |
text-decoration:none; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .grey-btn { | |
width:auto; | |
position:relative; | |
top:10px; | |
background:#c7c2ba none no-repeat scroll 0 0!important; | |
color:#FFF!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .grey-btn:hover { | |
text-decoration:none; | |
color:#070c0f!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .js-close { | |
width:20px; | |
height:20px; | |
background:transparent url(/static/images/close.a958325999a4.png) no-repeat scroll 0 0; | |
display:block; | |
text-indent:-99999px; | |
position:absolute; | |
right:20px; | |
top:16px; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .js-close:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .js-close:hover { | |
opacity:.8; | |
background:transparent url(/static/images/close.a958325999a4.png) no-repeat scroll 0 0; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing { | |
float:right; | |
margin:15px 0 0!important; | |
padding:0!important; | |
text-align:right; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li { | |
margin:0 0 0 10px!important; | |
} | |
@media screen and max-width325625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing { | |
padding:0!important; | |
float:none; | |
text-align:center; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .delete-confirmation .annotator-widget { | |
text-align:center; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .delete-confirmation .annotator-widget .annotator-controls { | |
text-align:center; | |
float:none!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .delete-confirmation .annotator-widget .annotator-controls a { | |
margin-bottom:10px; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget { | |
width:100%; | |
left:auto; | |
bottom:auto; | |
position:relative; | |
float:left; | |
margin:0; | |
padding:10px 25px; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .delete-confirm { | |
text-align:center; | |
padding:25px 35px; | |
font:300 1.25em/1.4 'Source Sans Pro'!important; | |
color:#777; | |
} | |
@media screen and max-width325625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget { | |
padding:10px 15px; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .selected,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .comment { | |
padding:0; | |
font:400 .9em/1.3 'Source Sans Pro',arial,sans-serif!important; | |
color:#777; | |
overflow:hidden; | |
} | |
@media screen and max-width325625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .selected,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .comment { | |
padding:0 0 12px!important; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .comment { | |
padding:8px 0; | |
font:200 1em/1.3 'Source Sans Pro',arial,sans-serif!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-listing { | |
padding:0!important; | |
margin:0!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-listing .annotator-item { | |
list-style-type:none; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget textarea { | |
clear:both; | |
max-width:100%; | |
color:#999; | |
padding:10px; | |
font:400 .875em/1.3 'Source Sans Pro',arial,sans-serif; | |
} | |
@media screen and max-width325625em { | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget textarea { | |
background-color:#EEE; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget textarea:focus { | |
background-color:#f6f6f6; | |
} | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls { | |
padding:0; | |
margin:0!important; | |
float:right; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a { | |
display:inline-block; | |
padding:5px 25px; | |
-webkit-appearance:none!important; | |
font-family:'Source Sans Pro'!important; | |
font-weight:300!important; | |
color:white; | |
-moz-transition:all .2s ease-in-out; | |
-webkit-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.annotator-cancel { | |
background:#c7c2ba none no-repeat scroll 0 0!important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive { | |
-webkit-appearance:none; | |
background:transparent none no-repeat scroll 0 0; | |
color:white; | |
margin-left:12px; | |
border:none; | |
text-shadow:0 1px 6px rgba(0,0,0,0.4)!important; | |
background:#e98300; /* *orange* */ | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:hover { | |
color:#FFF!important; | |
text-shadow:0 0 0 transparent!important; | |
background:#e98300; /* *orange* */ | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(tobottom,#fed1000,#e98300100%); | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a:hover { | |
background-color:#c7c2ba!important; | |
text-decoration:none!important; | |
color:#4a3c31!important; | |
} | |
@media screen and min-width45em { | |
.touch .annotator-editor-wrapper { | |
position:absolute!important; | |
margin-top:200px!important; | |
} | |
} | |
.annotator-touch-controls { | |
width:100%; | |
text-align:center; | |
min-width:auto; | |
z-index:9999; | |
} | |
.annotator-touch-controls .animateIn { | |
animation-name:animateIn; | |
-webkit-animation-name:animateIn; | |
animation-duration:.35s; | |
-webkit-animation-duration:.35s; | |
animation-timing-function:ease-in-out; | |
-webkit-animation-timing-function:ease-in-out; | |
visibility:visible; | |
} | |
.annotator-touch-controls .annotator-edit { | |
background-color:#f4f3f0; | |
position:absolute; | |
right:-25px; | |
-moz-border-radius:5px 0 0 5px; | |
-webkit-border-radius:5px 0 0 5px; | |
-o-border-radius:5px 0 0 5px; | |
border-radius:5px 0 0 5px; | |
} | |
.annotator-touch-controls.annotator-touch-hide { | |
right:-9999em; | |
opacity:0; | |
-webkit-transition:opacity .2s 0 ease-in,right 0 .3s linear; | |
-moz-transition:opacity .2s 0 ease-in,right 0 .3s linear; | |
-ms-transition:opacity .2s 0 ease-in,right 0 .3s linear; | |
-o-transition:opacity .2s 0 ease-in,right 0 .3s linear; | |
transition:opacity .2s 0 ease-in,right 0 .3s linear; | |
} | |
.annotator-touch-controls .annotator-add { | |
padding:8px; | |
padding:.5rem; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
background-color:#777; | |
color:#fff; | |
position:absolute; | |
margin-left:-20px; | |
left:50%; | |
width:48px; | |
height:45px; | |
cursor:pointer; | |
border-bottom:none; | |
-moz-box-shadow:0 0 1px #cdcdcd; | |
-webkit-box-shadow:0 0 1px #cdcdcd; | |
-o-box-shadow:0 0 1px #cdcdcd; | |
box-shadow:0 0 1px #cdcdcd; | |
display:block; | |
text-align:center; | |
} | |
.annotator-touch-controls .annotator-add:before,.annotator-touch-controls .annotator-add:after { | |
width:0; | |
height:0; | |
border:.65em solid; | |
border-color:#777 #777 transparent transparent; | |
-moz-transform:rotate(-45deg); | |
-webkit-transform:rotate(-45deg); | |
-o-transform:rotate(-45deg); | |
transform:rotate(-45deg); | |
content:""; | |
left:14px; | |
top:-10px; | |
position:absolute; | |
} | |
.annotator-touch-controls .annotator-add:before { | |
top:-11px; | |
border-color:#cdcdcd #cdcdcd transparent transparent; | |
} | |
.annotator-touch-controls .annotator-add span { | |
display:block; | |
} | |
.annotator-touch-controls .annotator-add span:before { | |
font-family:SSFlow; | |
content:'\F707'; | |
height:48px; | |
width:49px; | |
font-size:26px; | |
font-size:1.625rem; | |
top:5px; | |
position:relative; | |
color:#fff; | |
} | |
.card-annotation { | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.65); | |
} | |
.card-annotation .wrap-pod { | |
max-width:800px; | |
margin:0 auto; | |
} | |
.card-annotation .pod { | |
float:left; | |
padding:20px 20px 30px; | |
padding:1.25rem 1.25rem 1.875rem; | |
} | |
@media screen and max-width325625em { | |
.card-annotation .pod { | |
margin:0 0 20px; | |
margin:0 0 1.25rem; | |
} | |
} | |
.card-annotation .pod h2 { | |
margin:5px 0 20px; | |
font-size:21px; | |
color:rgba(74,60,49,0.75); | |
} | |
.card-annotation form textarea { | |
display:block; | |
max-width:100%; | |
width:100%; | |
} | |
.card-annotation form [type="submit"] { | |
margin-left:15px; | |
margin-left:.9375rem; | |
} | |
.card-annotation form ul.delete-option { | |
margin-top:20px; | |
} | |
.card-annotation form ul.delete-option input { | |
margin:0; | |
font-size:14px; | |
} | |
.card-annotation form ul.buttons { | |
margin-top:15px; | |
} | |
.card-annotation form ul#id_privacy_option li { | |
margin-left:10px; | |
margin-left:.625rem; | |
} | |
.card-annotation form ul.privacy-options li label { | |
font-size:16px; | |
font-size:1rem; | |
} | |
.card-annotation form ul li { | |
display:inline-block; | |
} | |
.card-annotation form ul li input { | |
margin:0 5px; | |
} | |
.card-annotation .popup { | |
font-family:"source sans pro",Helvetica,Arial,sans-serif!important; | |
overflow:hidden; | |
color:#777; | |
background-color:white; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
clear:both; | |
width:600px; | |
position:fixed; | |
z-index:9999; | |
-moz-transition:opacity .15s ease-in-out; | |
-webkit-transition:opacity .15s ease-in-out; | |
-o-transition:opacity .15s ease-in-out; | |
transition:opacity .15s ease-in-out; | |
border:1px solid #ccc; | |
-moz-box-shadow:0 3px 0 #e6e6e6; | |
-webkit-box-shadow:0 3px 0 #e6e6e6; | |
-o-box-shadow:0 3px 0 #e6e6e6; | |
box-shadow:0 3px 0 #e6e6e6; | |
top:200px; | |
left:50%; | |
margin-left:-300px; | |
} | |
.card-annotation .popup h1 { | |
margin:0; | |
color:#777; | |
font-size:26px; | |
font-size:1.625rem; | |
padding:15px; | |
padding:.9375rem; | |
line-height:1em; | |
float:left!important; | |
font-weight:300; | |
} | |
.card-annotation .popup .headline { | |
width:100%; | |
float:left; | |
} | |
@media screen and max-width40625em { | |
.card-annotation .popup { | |
max-width:95%; | |
margin:0 2.5%; | |
left:0; | |
} | |
} | |
.card-annotation .popup .headline { | |
border-bottom:1px solid #CCC; | |
} | |
.card-annotation .popup .inner { | |
padding:0 20px 20px; | |
float:left; | |
width:100%; | |
} | |
.card-annotation .popup ul { | |
float:right; | |
} | |
.card-annotation .popup ul li { | |
display:inline-block; | |
margin-left:15px; | |
} | |
.card-annotation .media-thumbnail { | |
float:left; | |
margin:0 15px 10px 0; | |
margin:0 .9375rem .625rem 0; | |
} | |
.card-annotation .annotation-note { | |
margin:0 0 .65em; | |
word-break:break-all; | |
} | |
.card-annotation .clear { | |
clear:both; | |
} | |
.card-annotation .left { | |
float:left; | |
margin:0; | |
} | |
@media screen and min-width325625em { | |
.card-annotation .left { | |
width:50%; | |
} | |
} | |
.card-annotation .right { | |
float:right; | |
margin:0; | |
} | |
@media screen and max-width325625em { | |
.card-annotation .right { | |
float:none; | |
text-align:center; | |
} | |
} | |
.card-annotation .row { | |
border-top:1px solid #ddd; | |
display:block; | |
padding-top:10px; | |
padding-top:.625rem; | |
margin:0 0 10px; | |
margin:0 0 .625rem; | |
float:left; | |
width:100%; | |
} | |
.card-annotation .row.border { | |
margin-bottom:0; | |
} | |
.card-annotation div.quote { | |
padding-bottom:15px; | |
padding-bottom:.9375rem; | |
} | |
.card-annotation .note { | |
text-transform:uppercase; | |
color:#888; | |
padding-bottom:8px; | |
padding-bottom:.5rem; | |
display:inline-block; | |
} | |
.card-annotation .note.quote { | |
margin-bottom:0; | |
} | |
.card-annotation .social-sharing { | |
text-align:center; | |
margin-top:15px; | |
margin-top:.9375rem; | |
} | |
.card-annotation .social-sharing li { | |
margin:10px 10px 0; | |
margin:.625rem .625rem 0; | |
} | |
.card-annotation .sign-up { | |
text-align:center; | |
padding:0 120px; | |
padding:0 120px; | |
padding:0 7.5rem; | |
} | |
.card-annotation .sign-up h1 { | |
padding-bottom:0; | |
margin-bottom:0; | |
} | |
.card-annotation .sign-up>p { | |
margin-top:10px; | |
} | |
@media screen and max-width513125em { | |
.card-annotation .sign-up { | |
padding:0; | |
} | |
} | |
.card-annotation .annotation-quote { | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
font-family:Georgia,serif; | |
margin:0; | |
} | |
.subscribe-panel .pagefoot .icon-up { | |
bottom:80px; | |
} | |
.pagefoot { | |
font-family:"source sans pro",sans-serif; | |
margin:0 20px; | |
margin:0 1.25rem; | |
padding-bottom:20px; | |
padding-bottom:1.25rem; | |
font-size:14px; | |
font-size:.875rem; | |
color:#777; | |
line-height:1.25em; | |
clear:both; | |
} | |
.pagefoot a { | |
color:#4a3c31; | |
text-decoration:none; | |
} | |
.pagefoot a:active,.pagefoot a:focus,.pagefoot a:hover { | |
color:#e98300; /* *orange* */ | |
} | |
.pagefoot .copyright { | |
margin-bottom:1em; | |
} | |
.pagefoot .icon-up { | |
text-transform:lowercase; | |
position:fixed; | |
right:20px; | |
bottom:20px; | |
z-index:99999; | |
display:block; | |
border:1px solid #ccc; | |
border-radius:5px; | |
background-color:#d5d6d2; | |
padding:10px; | |
padding:.625rem; | |
text-decoration:none; | |
} | |
.pagefoot .icon-up span { | |
display:none; | |
} | |
.pagefoot .icon-up:before { | |
font-size:19px; | |
font-size:1.1875rem; | |
content:'\2B06'; | |
font-family:SSFlow; | |
display:inline-block; | |
vertical-align:middle; | |
} | |
.pagefoot ul { | |
list-style-type:none; | |
margin:0; | |
padding:0 60px 0 0; | |
} | |
.pagefoot li { | |
display:inline-block; | |
line-height:1.5em; | |
} | |
.pagefoot li a { | |
color:#e98300; /* *orange* */ | |
text-decoration:none; | |
} | |
.pagefoot li:after { | |
content:' / '; | |
} | |
.pagefoot li:last-child:after { | |
content:''; | |
} | |
@media screen and max-width325em { | |
.pagefoot { | |
margin:20px 15px 0; | |
margin:1.25rem .9375rem 0; | |
} | |
} | |
@media screen and min-width40625em { | |
.pagefoot { | |
line-height:1.5em; | |
} | |
} | |
.pagefoot .full-support,.full-support { | |
display:none; | |
} | |
@media screen and min-width480625em { | |
.pagefoot .full-support,.full-support { | |
display:inline-block; | |
} | |
.pagefoot .mobile-support,.mobile-support { | |
display:none; | |
} | |
} | |
#js-subscribe-panel-filler { | |
float:left; | |
width:100%; | |
} | |
.subscribe-nag { | |
position:fixed; | |
width:100%; | |
max-width:100%; | |
bottom:-300%; | |
max-height:70%; | |
overflow-y:scroll; | |
left:0; | |
z-index:99999; | |
margin:0; | |
background-color:#FFF; | |
-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2); | |
-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2); | |
-o-box-shadow:0 0 20px 0 rgba(0,0,0,0.2); | |
box-shadow:0 0 20px 0 rgba(0,0,0,0.2); | |
border-top:1px solid #CCC; | |
text-align:center; | |
} | |
.subscribe-nag h2,.subscribe-nag h3 { | |
line-height:1.1em; | |
color:#4a3c31; | |
font-size:36px; | |
font-size:2.25rem; | |
font-weight:300; | |
margin:20px 48px; | |
margin:1.25rem 3rem; | |
} | |
.subscribe-nag h3 { | |
font-size:24px; | |
font-size:1.5rem; | |
} | |
.subscribe-nag .green { | |
color:#e98300; /* *orange* */ | |
} | |
.subscribe-nag .js-toggle-nag { | |
position:absolute; | |
text-align:center; | |
line-height:1.3em; | |
right:0; | |
top:0; | |
color:#888; | |
font-size:18px; | |
font-size:1.125rem; | |
text-decoration:none; | |
z-index:10; | |
padding:15px 15px 12px; | |
padding:.9375rem .9375rem .75rem; | |
} | |
.subscribe-nag .js-toggle-nag:focus,.subscribe-nag .js-toggle-nag:hover { | |
background-color:#e98300; /* *orange* */ | |
color:#FFF; | |
text-decoration:none; | |
} | |
.subscribe-nag.expanded { | |
position:absolute; | |
} | |
.subscribe-nag.collapsed .sample-message { | |
padding:0; | |
} | |
.subscribe-nag.collapsed .expanded { | |
display:none; | |
} | |
.subscribe-nag.collapsed h2 { | |
font-size:24px; | |
font-size:1.5rem; | |
margin:10px 48px 15px; | |
margin:.625rem 3rem .9375rem; | |
} | |
.subscribe-nag.slideUp { | |
bottom:0!important; | |
animation-name:slideUp; | |
-webkit-animation-name:slideUp; | |
animation-duration:.5s; | |
-webkit-animation-duration:.5s; | |
animation-timing-function:ease; | |
-webkit-animation-timing-function:ease; | |
visibility:visible!important; | |
} | |
.subscribe-nag a { | |
text-decoration:none; | |
} | |
.subscribe-nag .help { | |
font-size:smaller; | |
text-decoration:none; | |
} | |
.subscribe-nag .trending-topics { | |
margin:0; | |
} | |
.subscribe-nag .bigbutton.loading,.subscribe-nag .bigbutton.loading:hover { | |
background-color:#b2b4b3; | |
background-image:none; | |
} | |
.subscribe-nag .bigbutton.loading .spinner,.subscribe-nag .bigbutton.loading:hover .spinner { | |
background:transparent url(/static/images/loading.652a04520e35.gif) no-repeat scroll center center; | |
background-size:16px; | |
width:16px; | |
display:inline-block; | |
text-indent:-9999px; | |
float:right; | |
} | |
.subscribe-nag .bigbutton .spinner { | |
display:none; | |
} | |
.subscribe-nag .expired,.subscribe-nag .cancelled { | |
width:100%; | |
background-color:#e5c15e; | |
padding:14px; | |
padding:.875rem; | |
margin:0; | |
left:0; | |
color:#FFF; | |
max-width:100%; | |
font-size:18px; | |
font-size:1.125rem; | |
z-index:20; | |
text-align:center; | |
font-family:"source sans pro",arial,sans-serif!important; | |
} | |
.subscribe-nag .pagefoot nav a.copyright,.subscribe-nag .pagefoot #legal a.copyright { | |
color:#777; | |
} | |
.subscribe-nag.anon-panel h2,.subscribe-nag.anon-panel h3 { | |
margin:10px 12px 15px; | |
margin:.625rem .75rem .9375rem; | |
} | |
@media screen and max-width48em { | |
.subscribe-nag.anon-panel .doc-title { | |
display:none; | |
} | |
.subscribe-nag.anon-panel .doc-type { | |
white-space:nowrap; | |
} | |
} | |
.subscribe-nag .cancelled { | |
background-color:#ea6d60; | |
} | |
.subscribe-nag .sample-message { | |
margin:0 auto; | |
padding:5px 20px 0; | |
padding:.3125rem 1.25rem 0; | |
-moz-border-radius:0; | |
-webkit-border-radius:0; | |
-o-border-radius:0; | |
border-radius:0; | |
-moz-box-shadow:0 0 0 transparent; | |
-webkit-box-shadow:0 0 0 transparent; | |
-o-box-shadow:0 0 0 transparent; | |
box-shadow:0 0 0 transparent; | |
border:none; | |
max-width:900px; | |
max-width:56.25rem; | |
position:relative; | |
color:#777; | |
} | |
.subscribe-nag .sample-message .cta-group .bigbutton { | |
display:inline-block; | |
} | |
.subscribe-nag .sample-message .cta-group .signin { | |
display:inline-block; | |
font-size:smaller; | |
} | |
.subscribe-nag .sample-message .cta-group .signin a { | |
text-decoration:none; | |
} | |
.subscribe-nag .sample-message .text-links { | |
display:inline-block; | |
margin:0 0 0 10px; | |
padding-top:5px; | |
vertical-align:top; | |
} | |
.subscribe-nag .sample-message p { | |
max-width:550px; | |
max-width:34.375rem; | |
font-size:18px; | |
font-size:1.125rem; | |
line-height:24px; | |
line-height:1.5rem; | |
margin:10px auto 15px; | |
font-weight:500; | |
color:#777; | |
} | |
.subscribe-nag .sample-message footer { | |
text-align:left; | |
margin:15px 0 10px; | |
margin:.9375rem 0 .625rem; | |
padding:0; | |
} | |
.subscribe-nag .sample-message footer object { | |
display:none; | |
} | |
.subscribe-nag .sample-message footer #logo { | |
background:transparent url(/static/images/sunshine_flag.228a5258f453.svg) no-repeat scroll right -10px; | |
background-size:45px 66px; | |
width:45px; | |
height:42px; | |
margin-top:-12px; | |
margin-right:10px; | |
text-indent:-9999px; | |
display:block; | |
float:left; | |
padding-bottom:80px; | |
padding-bottom:60px; | |
padding-bottom:3.75rem; | |
} | |
@media screen and max-width325em { | |
.subscribe-nag .sample-message footer #logo { | |
display:none; | |
} | |
} | |
.subscribe-nag .sample-message.nag-a,.subscribe-nag .sample-message.nag-b { | |
max-width:85rem; | |
padding:0; | |
-moz-transition:all .5s ease-in-out; | |
-webkit-transition:all .5s ease-in-out; | |
-o-transition:all .5s ease-in-out; | |
transition:all .5s ease-in-out; | |
} | |
.subscribe-nag .sample-message.nag-a h2,.subscribe-nag .sample-message.nag-b h2 { | |
text-align:left; | |
margin-left:0; | |
} | |
.subscribe-nag .sample-message.nag-a .doc-title,.subscribe-nag .sample-message.nag-b .doc-title { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group,.subscribe-nag .sample-message.nag-b .cta-group { | |
width:23.5%; | |
display:inline-block; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group .bigbutton,.subscribe-nag .sample-message.nag-b .cta-group .bigbutton { | |
width:45%; | |
padding:10px; | |
font-size:1rem; | |
font-weight:400; | |
float:left; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group .bigbutton.team-btn,.subscribe-nag .sample-message.nag-b .cta-group .bigbutton.team-btn { | |
width:45%; | |
margin-right:0; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group div.bigbutton,.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group .signin,.subscribe-nag .sample-message.nag-b .cta-group .signin { | |
width:100%; | |
margin:5px 0; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form,.subscribe-nag .sample-message.nag-b .registration-form { | |
float:left; | |
text-align:left; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form li,.subscribe-nag .sample-message.nag-b .registration-form li { | |
display:inline-block; | |
width:31.5%; | |
margin-right:2%; | |
vertical-align:top; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form li.password,.subscribe-nag .sample-message.nag-b .registration-form li.password { | |
margin-right:0; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form li input,.subscribe-nag .sample-message.nag-b .registration-form li input { | |
max-width:100%; | |
min-width:100%; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form li.error input,.subscribe-nag .sample-message.nag-b .registration-form li.error input { | |
margin-bottom:0; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions { | |
display:none; | |
width:100%!important; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions input,.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions label,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions input,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions label { | |
display:inline-block!important; | |
margin:0 10px 10px 0; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions .error,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions .error { | |
display:block; | |
} | |
.subscribe-nag .sample-message.nag-a.active .terms-conditions,.subscribe-nag .sample-message.nag-b.active .terms-conditions { | |
display:block; | |
float:left; | |
} | |
.subscribe-nag .sample-message.nag-a.active .terms-conditions label,.subscribe-nag .sample-message.nag-b.active .terms-conditions label { | |
width:90%; | |
} | |
.subscribe-nag .sample-message.nag-a.active .terms-conditions #id_legal,.subscribe-nag .sample-message.nag-b.active .terms-conditions #id_legal { | |
vertical-align:top; | |
margin:3px 10px 0 0; | |
} | |
.subscribe-nag .sample-message.nag-a.active .doc-title,.subscribe-nag .sample-message.nag-b.active .doc-title { | |
display:inline-block; | |
} | |
.subscribe-nag .sample-message.nag-a.active .bigbutton,.subscribe-nag .sample-message.nag-b.active .bigbutton { | |
width:100%; | |
} | |
.subscribe-nag .sample-message.nag-a.active .team-btn,.subscribe-nag .sample-message.nag-b.active .team-btn { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form { | |
width:69%; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group { | |
width:30%; | |
float:right; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group .bigbutton,.subscribe-nag .sample-message.nag-a .cta-group .team-btn { | |
width:100%; | |
line-height:initial; | |
} | |
.subscribe-nag .sample-message.nag-b .registration-form { | |
width:85%; | |
} | |
.subscribe-nag .sample-message.nag-b.active .team-btn { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-b h2 { | |
margin:1rem 0 1rem 7%; | |
float:left; | |
width:50%; | |
} | |
.subscribe-nag .sample-message.nag-b form { | |
width:75%; | |
margin:1rem auto; | |
} | |
.subscribe-nag .sample-message.nag-b .registration-form { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group { | |
width:35%; | |
float:right; | |
margin:.5rem 0 1rem 2%; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group button { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton { | |
display:block; | |
width:100%; | |
margin:0 0 10px; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton.mobile { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-b.active h2 { | |
width:73%; | |
margin:1rem auto; | |
float:none; | |
} | |
.subscribe-nag .sample-message.nag-b.active form { | |
margin:0 auto; | |
} | |
.subscribe-nag .sample-message.nag-b.active .registration-form { | |
display:block; | |
width:100%; | |
} | |
.subscribe-nag .sample-message.nag-b.active .registration-form li { | |
width:50%; | |
margin-right:0; | |
float:left; | |
padding:0 1%; | |
} | |
.subscribe-nag .sample-message.nag-b.active .registration-form_item.email { | |
width:100%; | |
display:block; | |
} | |
.subscribe-nag .sample-message.nag-b.active .cta-group button { | |
display:block; | |
} | |
.subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton { | |
display:none; | |
} | |
@media screen and max-width50em { | |
.subscribe-nag .sample-message.nag-a,.subscribe-nag .sample-message.nag-b { | |
padding:0 10%; | |
} | |
.subscribe-nag .sample-message.nag-a h2,.subscribe-nag .sample-message.nag-b h2 { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form,.subscribe-nag .sample-message.nag-b .registration-form { | |
display:none; | |
float:none; | |
padding:1.5rem 16.5% .5rem; | |
width:100%; | |
} | |
.subscribe-nag .sample-message.nag-a .registration-form li,.subscribe-nag .sample-message.nag-b .registration-form li { | |
display:block; | |
width:100%; | |
} | |
.subscribe-nag .sample-message.nag-a form,.subscribe-nag .sample-message.nag-b form { | |
margin-bottom:.75rem; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group,.subscribe-nag .sample-message.nag-b .cta-group { | |
width:100%; | |
padding:1.5rem 16.5% 0; | |
margin:0; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group div.bigbutton,.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton { | |
display:block; | |
margin:0 0 10px; | |
} | |
.subscribe-nag .sample-message.nag-a .cta-group button,.subscribe-nag .sample-message.nag-b .cta-group button { | |
display:none; | |
font-family:"source sans pro",sans-serif; | |
margin:0; | |
} | |
.subscribe-nag .sample-message.nag-a.active h2,.subscribe-nag .sample-message.nag-b.active h2 { | |
display:block; | |
padding:1.5rem 16.5% 0; | |
margin:0; | |
} | |
.subscribe-nag .sample-message.nag-a.active .registration-form,.subscribe-nag .sample-message.nag-b.active .registration-form { | |
display:block; | |
} | |
.subscribe-nag .sample-message.nag-a.active .doc-title,.subscribe-nag .sample-message.nag-b.active .doc-title { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-a.active .terms-conditions input,.subscribe-nag .sample-message.nag-b.active .terms-conditions input { | |
margin:4px 10px 0 0; | |
vertical-align:top; | |
} | |
.subscribe-nag .sample-message.nag-a.active .terms-conditions label,.subscribe-nag .sample-message.nag-b.active .terms-conditions label { | |
width:90%; | |
} | |
.subscribe-nag .sample-message.nag-a.active .cta-group,.subscribe-nag .sample-message.nag-b.active .cta-group { | |
padding:0 16.5%; | |
} | |
.subscribe-nag .sample-message.nag-a.active .cta-group button,.subscribe-nag .sample-message.nag-b.active .cta-group button { | |
display:block; | |
} | |
.subscribe-nag .sample-message.nag-a.active .cta-group div.bigbutton,.subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-b form { | |
width:100%; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group { | |
padding:0; | |
margin:0 0 10px; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton.mobile { | |
display:inline-block; | |
float:none; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton { | |
display:none; | |
} | |
.subscribe-nag .sample-message.nag-b .cta-group .signin { | |
margin:0; | |
width:100%; | |
} | |
.subscribe-nag .sample-message.nag-b.active h2 { | |
width:100%; | |
} | |
.subscribe-nag .sample-message.nag-b.active .registration-form li { | |
width:100%!important; | |
} | |
.subscribe-nag .sample-message.nag-b.active .cta-group { | |
padding:0 17%; | |
} | |
.subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton.mobile { | |
display:none; | |
} | |
.subscribe-nag .sample-message .text-links { | |
display:block; | |
margin:0; | |
} | |
} | |
.subscribe-nag p.welcome { | |
font-size:1.5rem; | |
margin:1.5rem 0; | |
font-weight:300; | |
} | |
.subscribe-nag .registration-form__minimize:before { | |
content:"\2421"; | |
font-family:SSFlow; | |
position:absolute; | |
} | |
.subscribe-nag .registration-form__minimize__title { | |
display:none; | |
} | |
.subscribe-nag .registration-form__minimize { | |
display:none; | |
} | |
.subscribe-nag .registration-form__minimize.active { | |
position:absolute; | |
display:block; | |
width:20px; | |
height:20px; | |
right:10px; | |
top:10px; | |
z-index:10; | |
cursor:pointer; | |
} | |
@media screen and max-width325625em,screen and max-height250625em { | |
.subscribe-nag.collapsed .header { | |
margin:10px 0; | |
} | |
.subscribe-nag.collapsed footer { | |
margin-top:5px!important; | |
} | |
.subscribe-nag h2 { | |
font-size:24px; | |
font-size:1.5rem; | |
} | |
.subscribe-nag h3 { | |
font-size:18px; | |
font-size:1.125rem; | |
} | |
.subscribe-nag .sample-message .signin { | |
position:relative; | |
right:auto; | |
margin:0 0 15px; | |
margin:0 0 .9375rem; | |
font-size:small; | |
} | |
.subscribe-nag .sample-message p { | |
font-size:16px; | |
font-size:1rem; | |
} | |
.subscribe-nag .sample-message p.usage-data { | |
padding:0 50px; | |
padding:0 3.125rem; | |
line-height:1.3em; | |
} | |
.subscribe-nag .sample-message .bigbutton { | |
margin:0 0 10px; | |
margin:0 0 .625rem; | |
} | |
.subscribe-nag .sample-message .comment { | |
margin:-10px auto 0!important; | |
} | |
.subscribe-nag footer { | |
text-align:center!important; | |
} | |
.subscribe-nag footer #logo { | |
float:none!important; | |
margin:0 0 12px!important; | |
padding:0!important; | |
} | |
.subscribe-nag footer ul { | |
padding:0; | |
margin-top:5px; | |
font-size:smaller; | |
line-height:1em; | |
} | |
} | |
html.svg .svg { | |
display:inline-block; | |
} | |
html.svg .no-svg { | |
display:none!important; | |
} | |
html.no-svg .no-svg { | |
display:inline-block; | |
} | |
html.no-svg .svg { | |
display:none; | |
} | |
.marketing.user-anon header[role="banner"] { | |
margin-bottom:0; | |
} | |
.marketing.user-anon footer { | |
margin-top:0; | |
} | |
.logo .safari_gray { | |
background:transparent url(/static/images/logo_sunshine.03e2ed2c9191.svg) no-repeat scroll center center; | |
background-size:150px 74px; | |
width:150px; | |
display:inline-block; | |
text-indent:-9999px; | |
float:left; | |
} | |
.bg.user-anon header[role="banner"],.bg.auth-team-setup header[role="banner"] { | |
border-bottom:3px solid #ddd; | |
padding:16px 0 21px; | |
padding:1rem 0 1.3125rem; | |
position:relative; | |
z-index:2; | |
} | |
.bg.user-anon form,.bg.auth-team-setup form { | |
padding:0 40px 24px; | |
padding:0 2.5rem 1.5rem; | |
} | |
.bg.user-anon form input[type="text"],.bg.user-anon form input[type="password"],.bg.user-anon form input[type="email"],.bg.auth-team-setup form input[type="text"],.bg.auth-team-setup form input[type="password"],.bg.auth-team-setup form input[type="email"] { | |
width:100%; | |
max-width:100%; | |
} | |
.bg.user-anon form .buttongroup,.bg.auth-team-setup form .buttongroup { | |
text-align:center; | |
} | |
.bg.user-anon form .form-row,.bg.auth-team-setup form .form-row { | |
clear:both; | |
text-align:left; | |
} | |
.bg.user-anon form .form-row.twoup .fieldentry,.bg.auth-team-setup form .form-row.twoup .fieldentry { | |
display:inline-block; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box; | |
width:48%; | |
} | |
.bg.user-anon form .form-row.twoup .fieldentry:nth-child(2),.bg.auth-team-setup form .form-row.twoup .fieldentry:nth-child(2) { | |
float:right; | |
} | |
.bg.user-anon form .form-row.twoup .fieldentry input[type="text"],.bg.auth-team-setup form .form-row.twoup .fieldentry input[type="text"] { | |
min-width:100%; | |
} | |
.bg.user-anon form.mp-register,.bg.auth-team-setup form.mp-register { | |
padding:0 0 24px; | |
padding:0 0 1.5rem; | |
} | |
.bg.user-anon .pod,.bg.auth-team-setup .pod { | |
border:1px solid #DDD; | |
-webkit-border-radius:5px; | |
border-radius:5px; | |
margin:-36px auto; | |
padding:24px 42px 16px; | |
padding:1.5rem 2.625rem 1rem; | |
position:relative; | |
z-index:3; | |
-webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
} | |
.bg.user-anon .pod.planpage,.bg.auth-team-setup .pod.planpage { | |
padding:16px 8px; | |
padding:1rem .5rem; | |
} | |
@media screen and min-width520px { | |
.bg.user-anon .pod.planpage,.bg.auth-team-setup .pod.planpage { | |
padding:1.5em; | |
} | |
} | |
.bg.user-anon .pagefoot,.bg.auth-team-setup .pagefoot { | |
padding-top:60px; | |
margin-top:-40px; | |
} | |
.auth-team-setup .pod { | |
max-width:700px; | |
max-width:43.75rem; | |
margin:0 auto!important; | |
} | |
.auth-team-setup .pod form { | |
padding:0 40px 24px; | |
padding:0 2.5rem 1.5rem; | |
} | |
.auth-team-setup form { | |
padding:0!important; | |
} | |
.auth-team-setup h1 { | |
font-weight:300; | |
line-height:1; | |
font-size:38px; | |
font-size:2.375rem; | |
letter-spacing:-1px; | |
margin:0 0 16px; | |
margin:0 0 1rem; | |
} | |
.user-anon { | |
background-color:white; | |
color:#777; | |
} | |
.user-anon h1 { | |
font-weight:300; | |
line-height:1; | |
font-size:38px; | |
font-size:2.375rem; | |
letter-spacing:-1px; | |
margin:0 0 16px; | |
margin:0 0 1rem; | |
} | |
.user-anon h2 { | |
font-size:26px; | |
font-size:1.625rem; | |
line-height:1.15em; | |
margin:0; | |
} | |
.user-anon article { | |
padding:0; | |
} | |
.user-anon.wide-pod .pod { | |
max-width:960px; | |
max-width:60rem; | |
} | |
@media screen and max-width60em { | |
.user-anon.wide-pod .pod { | |
margin-right:15px; | |
margin-left:15px; | |
} | |
} | |
.user-anon .planpage h1 { | |
color:#777; | |
font-size:26px; | |
font-size:1.625rem; | |
font-weight:300; | |
} | |
.user-anon .planpage .twoup .fieldentry { | |
width:38%!important; | |
} | |
.user-anon .planpage .twoup .fieldentry+.fieldentry { | |
width:60%!important; | |
} | |
.user-anon .planpage .billingpage { | |
padding:0 4em; | |
} | |
.user-anon .planpage .registration-info { | |
margin:1em auto 0; | |
max-width:680px; | |
} | |
.user-anon .planpage .payment-info-title { | |
margin:2em 0 0 -4em; | |
} | |
@media screen and max-width5375em { | |
.user-anon .planpage .twoup { | |
max-height:100%!important; | |
border-bottom:1px solid #DDD; | |
} | |
.user-anon .planpage .twoup .fieldentry { | |
width:100%!important; | |
} | |
.user-anon .planpage .twoup .fieldentry+.fieldentry { | |
width:100%!important; | |
} | |
.user-anon .planpage .payment-info-title { | |
margin:2em 0 1em; | |
} | |
.user-anon .planpage .billingpage { | |
padding:0; | |
} | |
} | |
.user-anon .pod { | |
max-width:700px; | |
max-width:43.75rem; | |
margin:0 auto; | |
} | |
.user-anon .pod.registration-form h1,.user-anon .pod.registration-form h2,.user-anon .pod.registration-form p { | |
text-align:center; | |
} | |
.user-anon .pod.registration-form h2 { | |
margin-bottom:24px; | |
margin-bottom:1.5rem; | |
font-size:18px; | |
font-size:1.125rem; | |
} | |
.user-anon .pod .testimonials { | |
padding:20px 0; | |
padding:1.25rem 0; | |
border-top:1px solid #DDD; | |
border-bottom:1px solid #DDD; | |
} | |
.user-anon .pod .testimonials h2 { | |
font-size:18px; | |
font-size:1.125rem; | |
color:#777; | |
text-align:center; | |
} | |
.user-anon .pod .testimonials p { | |
font-style:italic; | |
} | |
.user-anon .pod .subscribe-now { | |
margin-bottom:20px; | |
margin-bottom:1.25rem; | |
padding:20px 0; | |
padding:1.25rem 0; | |
border-bottom:1px solid #DDD; | |
text-align:center; | |
} | |
.user-anon .agreement-inc { | |
margin:24px 0; | |
margin:1.5rem 0; | |
color:#777; | |
} | |
.user-anon footer { | |
padding-top:1em; | |
border-top:1px solid #ccc; | |
font-size:14px; | |
font-size:.875rem; | |
color:#777; | |
padding:1em; | |
border-top:none; | |
margin-top:0; | |
margin:1em auto 0; | |
text-align:left; | |
} | |
.user-anon footer #logo { | |
background:transparent url(/static/images/sunshine_flag.228a5258f453.svg) no-repeat scroll right -10px; | |
background-size:45px 66px; | |
width:45px; | |
height:42px; | |
margin-top:-10px; | |
text-indent:-9999px; | |
display:block; | |
float:left; | |
padding-bottom:80px; | |
padding-bottom:5rem; | |
} | |
.user-anon footer object { | |
width:45px; | |
} | |
.user-anon footer nav,.user-anon footer #legal { | |
margin:5px 0 5px 55px; | |
margin:.3125rem 0 .3125rem 3.4375rem; | |
line-height:1.15em; | |
} | |
.user-anon footer nav a { | |
text-decoration:none; | |
} | |
.user-anon footer div#legal a { | |
color:#777; | |
text-decoration:none; | |
} | |
.user-anon header[role="banner"] { | |
padding:16px 0 16px 16px; | |
padding:1rem 0 1rem 1rem; | |
margin-bottom:1em; | |
} | |
.user-anon header[role="banner"]:before,.user-anon header[role="banner"]:after { | |
content:" "; | |
display:table; | |
} | |
.user-anon header[role="banner"]:after { | |
clear:both; | |
} | |
.user-anon header[role="banner"] { | |
zoom:1; | |
} | |
.user-anon header[role="banner"] nav { | |
float:right; | |
display:inline-block; | |
margin-top:-5px; | |
} | |
.user-anon header[role="banner"] nav a.button { | |
margin:0 13px 10px 0; | |
white-space:nowrap; | |
} | |
.user-anon header[role="banner"] nav a.button:last-child { | |
margin-right:0; | |
} | |
.user-anon header[role="banner"] nav .addtl-links { | |
font-size:14px; | |
font-size:.875rem; | |
} | |
.user-anon header[role="banner"] nav .signup { | |
display:inline-block; | |
} | |
.user-anon header,.user-anon footer { | |
position:static; | |
width:100%; | |
max-width:100%; | |
background-color:white; | |
} | |
.user-anon header object,.user-anon footer object { | |
height:42px; | |
} | |
.user-anon .wrapper { | |
max-width:960px; | |
max-width:60rem; | |
margin:0 auto; | |
padding:0 1em; | |
} | |
.user-anon .wrapper:before,.user-anon .wrapper:after { | |
content:" "; | |
display:table; | |
} | |
.user-anon .wrapper:after { | |
clear:both; | |
} | |
.user-anon .wrapper { | |
zoom:1; | |
} | |
h1 { | |
color:#4a3c31; | |
font-weight:normal; | |
font-size:30px; | |
font-size:1.875rem; | |
line-height:38px; | |
line-height:2.375rem; | |
margin:20px 0; | |
margin:1.25rem 0; | |
} | |
@media screen and max-width30em { | |
.section-header { | |
margin-left:15px; | |
} | |
} | |
h2 { | |
color:#4a3c31; | |
font-weight:normal; | |
font-size:24px; | |
font-size:1.5rem; | |
margin:20px 0; | |
margin:1.25rem 0; | |
} | |
h3 { | |
font-weight:normal; | |
color:#777; | |
text-transform:uppercase; | |
letter-spacing:1px; | |
font-size:18px; | |
font-size:1.125rem; | |
margin:18px 0; | |
margin:1.125rem 0; | |
} | |
h4 { | |
color:#777; | |
font-weight:normal; | |
margin:21px 0; | |
margin:1.3125rem 0; | |
} | |
p { | |
line-height:1.4em; | |
font-size:18px; | |
font-size:1.125rem; | |
margin:18px 0; | |
margin:1.125rem 0; | |
padding:0; | |
} | |
small { | |
font-size:14px; | |
font-size:.875rem; | |
} | |
ul { | |
padding:0; | |
} | |
.teams form h2 { | |
margin:10px 0; | |
margin:.625rem 0; | |
} | |
.teams form span.error { | |
color:#ea6d60; | |
} | |
.teams form .add-row,.teams form .delete-row { | |
visibility:hidden; | |
} | |
.teams .members-rate { | |
color:#e98300; /* *orange* */ | |
margin:35px 0 45px; | |
margin:2.1875rem 0 2.8125rem; | |
} | |
.teams .errorlist { | |
color:#ea6d60; | |
} | |
.teams .errorlist+input { | |
border:1px solid #ea6d60; | |
background-color:#fae0de; | |
} | |
.chat-wrapper { | |
position:fixed; | |
z-index:1000; | |
color:#fff; | |
font-size:16px; | |
font-size:1rem; | |
} | |
.chat-wrapper a,.chat-wrapper a:hover { | |
text-decoration:none; | |
} | |
.chat-wrapper input.sales-chat-btn { | |
-webkit-border-radius:5px 0 0 5px; | |
border-radius:5px 0 0 5px; | |
cursor:pointer; | |
display:block!important; | |
white-space:normal; | |
} | |
.chat-wrapper input.sales-chat-btn:focus,.chat-wrapper input.sales-chat-btn:hover { | |
text-decoration:none; | |
} | |
.chat-wrapper input:focus { | |
box-shadow:none; | |
border:none; | |
} | |
.subscribe-nag .chat-wrapper { | |
visibility:hidden; | |
} | |
@media screen and min-width450px { | |
.chat-wrapper { | |
right:0; | |
bottom:50%!important; | |
margin-bottom:-100px; | |
display:block; | |
} | |
.chat-wrapper.slideUp { | |
visibility:visible!important; | |
} | |
.chat-wrapper input.sales-chat-btn { | |
background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 25px 138px; | |
background-size:40px; | |
width:90px; | |
height:195px; | |
padding:12px 9px 81px; | |
font:400 1.05em/1.38 'Source Sans Pro'; | |
} | |
.expanded .live-agent { | |
width:188px; | |
margin:0 auto; | |
display:block; | |
position:relative; | |
} | |
.expanded .live-agent:before { | |
content:url('/static/images/sales-chat.b4aae0d859cc.svg'); | |
position:absolute; | |
left:8px; | |
top:13px; | |
z-index:10; | |
} | |
.expanded .live-agent input { | |
white-space:normal; | |
background:#e98300 none no-repeat 0 0; | |
background-size:36px; | |
padding-left:60px; | |
text-align:left; | |
line-height:1em; | |
transition:all 0 linear 0; | |
} | |
.expanded .live-agent input:focus,.expanded .live-agent input:hover { | |
background:#e98300; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:0; | |
background-image:linear-gradient(tobottom,#fed1000,#e98300100%); | |
text-decoration:none!important; | |
background-size:100%; | |
} | |
} | |
@media screen and max-width449px { | |
.chat-wrapper { | |
bottom:0; | |
left:50%; | |
padding:0; | |
margin-left:-25.5%; | |
width:50%; | |
position:fixed; | |
} | |
.chat-wrapper input.sales-chat-btn { | |
background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 15px; | |
border-radius:4px 4px 0 0; | |
-webkit-border-radius:4px 4px 0 0; | |
margin-left:5px; | |
font:400 .95em/1.1 'Source Sans Pro'; | |
text-align:left; | |
padding:.0125rem .65rem 0 2.75rem; | |
background-size:25px; | |
height:60px; | |
} | |
.chat-wrapper.slideUp { | |
bottom:-70px!important; | |
visibility:visible!important; | |
} | |
.register .chat-wrapper { | |
display:none; | |
} | |
.subscribe-nag .expanded .live-agent { | |
width:172px; | |
margin:0 auto; | |
display:block; | |
} | |
.subscribe-nag .expanded .live-agent input { | |
white-space:normal; | |
background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 12px; | |
background-size:36px; | |
padding:10px 9px 10px 55px; | |
text-align:left; | |
line-height:1em; | |
margin:.25rem 0 .625rem!important; | |
} | |
.subscribe-nag .chat-wrapper { | |
bottom:-300%; | |
position:absolute; | |
left:0; | |
margin:0; | |
margin-left:0; | |
} | |
} | |
.ie8 .user-anon input { | |
margin:0 0 16px; | |
} | |
.ie8 .user-anon footer nav,.ie8 .user-anon footer #legal { | |
margin-top:10px; | |
} | |
.ie8 .user-anon footer object { | |
display:none; | |
} | |
.ie8 .user-anon footer #logo { | |
width:42px; | |
height:42px; | |
background:transparent url(/static/images/mkt/ie/flowlogo_bw.6b5c99fc1f42.png) no-repeat scroll top left; | |
position:relative; | |
display:inline-block; | |
float:left; | |
margin-right:24px; | |
} | |
.ie8 .bg.user-anon header[role="banner"] { | |
height:85px; | |
margin:0; | |
} | |
.ie8 .bg.user-anon article { | |
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod=scale); | |
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod='scale'); | |
} | |
.ie8 .marketing .svg { | |
display:none!important; | |
} | |
.ie8 .marketing header object { | |
width:142px; | |
} | |
.ie8 .marketing .positive { | |
border:none; | |
} | |
.ie8 .marketing section#header { | |
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod=scale); | |
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod='scale'); | |
background:no-repeat center center fixed; | |
overflow:hidden; | |
} | |
@media screen and max-width38em { | |
.bg.user-anon header[role="banner"] nav { | |
top:-1px; | |
} | |
.bg.user-anon .pod { | |
margin:-36px 12px 0; | |
padding:24px; | |
padding:1.5rem; | |
} | |
.bg.user-anon form { | |
padding:0; | |
} | |
} | |
@media screen and max-width28em { | |
.user-anon header[role="banner"] { | |
padding:16px 0; | |
padding:1rem 0; | |
} | |
.user-anon header[role="banner"] .wrapper { | |
padding:0 6px 0 16px; | |
padding:0 .375rem 0 1rem; | |
} | |
.user-anon header[role="banner"] #logo { | |
width:114px; | |
width:7.125rem; | |
} | |
.user-anon header[role="banner"] nav a.button { | |
font-size:12px; | |
font-size:.75rem; | |
} | |
.user-anon footer #legal { | |
font-size:smaller; | |
} | |
.user-anon footer div.wrapper { | |
padding:0; | |
position:relative; | |
} | |
} | |
.buttongroup { | |
text-align:center; | |
margin:16px 0 0; | |
margin:1rem 0 0; | |
text-align:right; | |
position:relative; | |
} | |
.rememberme { | |
padding-top:8px; | |
padding-top:.5rem; | |
font-size:13px; | |
font-size:.8125rem; | |
} | |
.forgotpass { | |
font-size:13px; | |
font-size:.8125rem; | |
font-weight:normal; | |
} | |
.showmore { | |
display:block; | |
width:100%; | |
max-width:10em; | |
text-align:center; | |
margin:1em auto; | |
} | |
.tabview:before,.tabview:after { | |
content:" "; | |
display:table; | |
} | |
.tabview:after { | |
clear:both; | |
} | |
.tabview { | |
zoom:1; | |
} | |
#settings { | |
background:white url(/static/images/grey_tile_side.5a955051860b.png) repeat-y scroll 0 0; | |
margin:0 20px 25px; | |
margin:0 1.25rem 1.5625rem; | |
padding:0 0 55px 200px; | |
padding:0 0 3.4375rem 12.5rem; | |
border-radius:5px; | |
border-radius:.3125rem; | |
position:relative; | |
float:left; | |
width:95%; | |
} | |
#settings p { | |
font-size:16px; | |
font-size:1rem; | |
} | |
#settings h2 { | |
font-size:21px; | |
font-size:1.3125rem; | |
color:rgba(74,60,49,0.75); | |
} | |
#settings .pod { | |
padding:10px 0; | |
padding:.625rem 0; | |
position:relative; | |
} | |
#settings .pod.upgrade { | |
color:#FFF; | |
padding:5px 20px; | |
padding:.3125rem 1.25rem; | |
margin:20px 20px 10px; | |
margin:1.25rem 1.25rem .625rem; | |
} | |
#settings .pod.upgrade.upgrade-green { | |
background-color:#e98300; /* *orange* */ | |
} | |
#settings .pod.upgrade.upgrade-yellow { | |
background-color:#e5c15e; | |
} | |
#settings .pod.upgrade.upgrade-red { | |
background-color:#ea6d60; | |
} | |
#settings .pod.upgrade.upgrade-blue { | |
background-color:#C7C2BA; | |
color:#4A3C31; | |
border:none; | |
} | |
#settings .pod.upgrade a { | |
color:#FFF; | |
} | |
#settings .pod.upgrade p { | |
color:#FFF; | |
margin:0; | |
font-size:21px; | |
font-size:1.3125rem; | |
} | |
#settings #preferences h2 { | |
margin:10px 0; | |
margin:.625rem 0; | |
} | |
#settings #preferences .item { | |
padding-bottom:10px; | |
padding-bottom:.625rem; | |
display:inline-block; | |
} | |
#settings #preferences .no-margin { | |
margin:0; | |
} | |
#settings #preferences .privacy-wrapper { | |
overflow:hidden; | |
} | |
#settings #preferences ul { | |
width:100%; | |
float:left; | |
margin:10px 0 0; | |
margin:.625rem 0 0; | |
} | |
#settings #preferences ul li { | |
display:inline-block; | |
} | |
#settings #preferences ul li label { | |
margin:0 0 0 5px; | |
color:rgba(74,60,49,0.75); | |
min-width:150px; | |
} | |
#settings #preferences ul li label,#settings #preferences ul li input { | |
display:inline-block; | |
} | |
#settings #preferences ul li.active label { | |
color:#4a3c31; | |
} | |
#settings #preferences input[type="submit"] { | |
display:block; | |
} | |
#settings #preferences p { | |
margin:5px 0 0; | |
display:inline-block; | |
} | |
#settings .wrap-currency { | |
position:absolute; | |
right:20px; | |
top:50px; | |
} | |
@media screen and max-width69375em { | |
#settings .wrap-currency { | |
position:relative; | |
right:0; | |
top:0; | |
} | |
} | |
#settings h1 { | |
color:#777; | |
font-size:26px; | |
font-size:1.625rem; | |
font-weight:300; | |
} | |
#settings .tabs { | |
width:200px; | |
width:12.5rem; | |
margin-left:-200px; | |
margin-left:-12.5rem; | |
float:left; | |
} | |
#settings .tabs ul li a { | |
float:left; | |
padding:16px; | |
width:100%; | |
color:#4a3c31; | |
text-decoration:none; | |
-moz-transition:background-color 200ms linear; | |
-webkit-transition:background-color 200ms linear; | |
-o-transition:background-color 200ms linear; | |
transition:background-color 200ms linear; | |
} | |
#settings .tabs ul li a:focus,#settings .tabs ul li a:hover { | |
background-color:#FFF; | |
} | |
#settings .tabs ul li a.active { | |
background-color:white; | |
color:#e98300; /* *orange* */ | |
font-weight:bold; | |
} | |
#settings .tabs ul li a.first { | |
border-radius:5px 0 0 0; | |
border-radius:.3125rem 0 0 0; | |
} | |
#settings .tabs .topics span { | |
display:block; | |
line-height:1.3em; | |
} | |
@media screen and max-width50em { | |
#settings { | |
padding:0; | |
margin:0 10px 25px; | |
margin:0 .625rem 1.5625rem; | |
background:white none no-repeat scroll 0 0; | |
} | |
#settings .mobile-menu { | |
display:inline-block; | |
width:100%; | |
} | |
#settings .pod { | |
padding:0 10px; | |
padding:0 .625rem; | |
} | |
} | |
@media screen and max-width50em and max-width325em { | |
#settings section { | |
margin:0 10px 25px; | |
margin:0 .625rem 1.5625rem; | |
} | |
} | |
@media screen and max-width50em { | |
#settings .tabs { | |
display:none; | |
width:auto; | |
margin:0; | |
} | |
} | |
.topic-display:before,.topic-display:after,.topic-select:before,.topic-select:after { | |
content:" "; | |
display:table; | |
} | |
.topic-display:after,.topic-select:after { | |
clear:both; | |
} | |
.topic-display,.topic-select { | |
zoom:1; | |
} | |
.topic { | |
text-decoration:none; | |
display:inline-block; | |
z-index:1; | |
} | |
.topic:before,.topic:after,.topic span:before { | |
font-family:SSFlow; | |
display:block; | |
position:absolute; | |
top:0; | |
left:0; | |
color:#ccc; | |
text-align:center; | |
} | |
[class*="hex-"] .topic { | |
font-size:18px; | |
position:relative; | |
} | |
[class*="hex-"] .topic:before,[class*="hex-"] .topic:focus:before,[class*="hex-"] .topic:hover:before { | |
content:"\F704"; | |
} | |
[class*="hex-"] .topic.active span:before,.no-touch [class*="hex-"] .topic:focus span:before,.no-touch [class*="hex-"] .topic:hover span:before { | |
content:"\2713"; | |
} | |
[class*="hex-"] .topic.active:before { | |
content:"\F702"; | |
} | |
[class*="hex-"] .topic.active:after { | |
content:"\F703"; | |
} | |
a.topic:hover { | |
text-decoration:none; | |
} | |
a.topic:hover span { | |
text-decoration:underline; | |
} | |
[class*="hex-"] li { | |
display:block; | |
margin:0 0 10px -2px; | |
width:100%; | |
} | |
[class*="hex-"] li .topic { | |
min-height:66px; | |
padding:0 10px 0 70px; | |
width:100%; | |
text-align:left; | |
} | |
[class*="hex-"] li .topic span { | |
display:table-cell; | |
vertical-align:middle; | |
height:66px; | |
} | |
[class*="hex-"] li .topic span:before,[class*="hex-"] li .topic:before,[class*="hex-"] li .topic:after { | |
width:60px; | |
height:66px; | |
font-size:60px; | |
line-height:81px; | |
} | |
[class*="hex-"] li .topic span:before { | |
font-size:25px; | |
line-height:76px; | |
} | |
.hex-static .topic-display .topic span:before,.hex-static .topic-display .topic:focus span:before,.hex-static .topic-display .topic:hover span:before { | |
content:''; | |
} | |
.hex-small li { | |
min-width:252px; | |
} | |
@media screen and min-width40625em { | |
.hex-small li { | |
display:inline-block; | |
width:50%; | |
} | |
.ie8 .hex-small li { | |
width:47.5%; | |
} | |
} | |
@media screen and min-width571875em { | |
.hex-small li { | |
width:33.3%; | |
} | |
.ie8 .hex-small li { | |
width:31.5%; | |
} | |
} | |
@media screen and min-width7875em { | |
.hex-small li { | |
width:24.8%; | |
} | |
.ie8 .hex-small li { | |
width:23.5%; | |
} | |
} | |
@media screen and min-width300625em { | |
.hex-static ul,.hex-big ul { | |
margin:40px -23px 0 0; | |
} | |
.hex-static li,.hex-big li { | |
display:inline-block; | |
vertical-align:top; | |
padding:0; | |
width:125px; | |
min-height:140px; | |
margin:0 20px 40px -2px; | |
} | |
.hex-static li .topic,.hex-big li .topic { | |
min-height:140px; | |
padding:150px 0 0; | |
width:100%; | |
text-align:center; | |
} | |
.hex-static li .topic span,.hex-big li .topic span { | |
display:block; | |
vertical-align:middle; | |
height:auto; | |
} | |
.hex-static li .topic span:before,.hex-static li .topic:before,.hex-static li .topic:after,.hex-big li .topic span:before,.hex-big li .topic:before,.hex-big li .topic:after { | |
width:100%; | |
height:138px; | |
font-size:125px; | |
line-height:168px; | |
} | |
.hex-static li .topic span:before,.hex-big li .topic span:before { | |
font-size:50px; | |
line-height:151px; | |
} | |
} | |
.no-touch [class*="hex-"] .topic:focus span:before,.no-touch [class*="hex-"] .topic:hover span:before { | |
color:#ccc; | |
} | |
[class*="hex-"] .topic.active span:before,.no-touch [class*="hex-"] .topic.active:focus span:before,.no-touch [class*="hex-"] .topic.active:hover span:before { | |
color:#070c0f; | |
} | |
.topic.active:after,.no-touch .topic:focus:after,.no-touch .topic:hover:after { | |
color:#00b78a; | |
} | |
.topic.active:before,.no-touch .topic:focus:before,.no-touch .topic:hover:before { | |
color:#00ce98; | |
} | |
.active.topic.net:after,.active.topic.css:after,.active.topic.design:after,.active.topic.ios:after,.active.topic.management:after,.active.topic.python:after,.active.topic.teal:after,.active.topic.appleios:after,.no-touch .topic.net:focus:after,.no-touch .topic.css:focus:after,.no-touch .topic.design:focus:after,.no-touch .topic.ios:focus:after,.no-touch .topic.management:focus:after,.no-touch .topic.python:focus:after,.no-touch .topic.teal:focus:after,.no-touch .topic.appleios:focus:after,.no-touch .topic.net:hover:after,.no-touch .topic.css:hover:after,.no-touch .topic.design:hover:after,.no-touch .topic.ios:hover:after,.no-touch .topic.management:hover:after,.no-touch .topic.python:hover:after,.no-touch .topic.teal:hover:after,.no-touch .topic.appleios:hover:after { | |
color:#00b78a; | |
} | |
.active.topic.net:before,.active.topic.css:before,.active.topic.design:before,.active.topic.ios:before,.active.topic.management:before,.active.topic.python:before,.active.topic.teal:before,.active.topic.appleios:before,.no-touch .topic.net:focus:before,.no-touch .topic.css:focus:before,.no-touch .topic.design:focus:before,.no-touch .topic.ios:focus:before,.no-touch .topic.management:focus:before,.no-touch .topic.python:focus:before,.no-touch .topic.teal:focus:before,.no-touch .topic.appleios:focus:before,.no-touch .topic.net:hover:before,.no-touch .topic.css:hover:before,.no-touch .topic.design:hover:before,.no-touch .topic.ios:hover:before,.no-touch .topic.management:hover:before,.no-touch .topic.python:hover:before,.no-touch .topic.teal:hover:before,.no-touch .topic.appleios:hover:before { | |
color:#00ce98; | |
} | |
.active.topic.agile:after,.active.topic.databases:after,.active.topic.graphic-design:after,.active.topic.java:after,.active.topic.microsoft:after,.active.topic.ruby:after,.active.topic.blue:after,.active.topic.business-communication:after,.active.topic.product-management:after,.no-touch .topic.agile:focus:after,.no-touch .topic.databases:focus:after,.no-touch .topic.graphic-design:focus:after,.no-touch .topic.java:focus:after,.no-touch .topic.microsoft:focus:after,.no-touch .topic.ruby:focus:after,.no-touch .topic.blue:focus:after,.no-touch .topic.business-communication:focus:after,.no-touch .topic.product-management:focus:after,.no-touch .topic.agile:hover:after,.no-touch .topic.databases:hover:after,.no-touch .topic.graphic-design:hover:after,.no-touch .topic.java:hover:after,.no-touch .topic.microsoft:hover:after,.no-touch .topic.ruby:hover:after,.no-touch .topic.blue:hover:after,.no-touch .topic.business-communication:hover:after,.no-touch .topic.product-management:hover:after { | |
color:#4badb7; | |
} | |
.active.topic.agile:before,.active.topic.databases:before,.active.topic.graphic-design:before,.active.topic.java:before,.active.topic.microsoft:before,.active.topic.ruby:before,.active.topic.blue:before,.active.topic.business-communication:before,.active.topic.product-management:before,.no-touch .topic.agile:focus:before,.no-touch .topic.databases:focus:before,.no-touch .topic.graphic-design:focus:before,.no-touch .topic.java:focus:before,.no-touch .topic.microsoft:focus:before,.no-touch .topic.ruby:focus:before,.no-touch .topic.blue:focus:before,.no-touch .topic.business-communication:focus:before,.no-touch .topic.product-management:focus:before,.no-touch .topic.agile:hover:before,.no-touch .topic.databases:hover:before,.no-touch .topic.graphic-design:hover:before,.no-touch .topic.java:hover:before,.no-touch .topic.microsoft:hover:before,.no-touch .topic.ruby:hover:before,.no-touch .topic.blue:hover:before,.no-touch .topic.business-communication:hover:before,.no-touch .topic.product-management:hover:before { | |
color:#55c0d3; | |
} | |
.active.topic.analytics:after,.active.topic.data-viz:after,.active.topic.javascript:after,.active.topic.startups:after,.active.topic.purple:after,.active.topic.certification:after,.active.topic.lean:after,.no-touch .topic.analytics:focus:after,.no-touch .topic.data-viz:focus:after,.no-touch .topic.javascript:focus:after,.no-touch .topic.startups:focus:after,.no-touch .topic.purple:focus:after,.no-touch .topic.certification:focus:after,.no-touch .topic.lean:focus:after,.no-touch .topic.analytics:hover:after,.no-touch .topic.data-viz:hover:after,.no-touch .topic.javascript:hover:after,.no-touch .topic.startups:hover:after,.no-touch .topic.purple:hover:after,.no-touch .topic.certification:hover:after,.no-touch .topic.lean:hover:after { | |
color:#6b619e; | |
} | |
.active.topic.analytics:before,.active.topic.data-viz:before,.active.topic.javascript:before,.active.topic.startups:before,.active.topic.purple:before,.active.topic.certification:before,.active.topic.lean:before,.no-touch .topic.analytics:focus:before,.no-touch .topic.data-viz:focus:before,.no-touch .topic.javascript:focus:before,.no-touch .topic.startups:focus:before,.no-touch .topic.purple:focus:before,.no-touch .topic.certification:focus:before,.no-touch .topic.lean:focus:before,.no-touch .topic.analytics:hover:before,.no-touch .topic.data-viz:hover:before,.no-touch .topic.javascript:hover:before,.no-touch .topic.startups:hover:before,.no-touch .topic.purple:hover:before,.no-touch .topic.certification:hover:before,.no-touch .topic.lean:hover:before { | |
color:#8070ba; | |
} | |
.active.topic.android:after,.active.topic.devops:after,.active.topic.mobile:after,.active.topic.teams:after,.active.topic.pink:after,.active.topic.cisco:after,.active.topic.math-science:after,.no-touch .topic.android:focus:after,.no-touch .topic.devops:focus:after,.no-touch .topic.mobile:focus:after,.no-touch .topic.teams:focus:after,.no-touch .topic.pink:focus:after,.no-touch .topic.cisco:focus:after,.no-touch .topic.math-science:focus:after,.no-touch .topic.android:hover:after,.no-touch .topic.devops:hover:after,.no-touch .topic.mobile:hover:after,.no-touch .topic.teams:hover:after,.no-touch .topic.pink:hover:after,.no-touch .topic.cisco:hover:after,.no-touch .topic.math-science:hover:after { | |
color:#bf497f; | |
} | |
.active.topic.android:before,.active.topic.devops:before,.active.topic.mobile:before,.active.topic.teams:before,.active.topic.pink:before,.active.topic.cisco:before,.active.topic.math-science:before,.no-touch .topic.android:focus:before,.no-touch .topic.devops:focus:before,.no-touch .topic.mobile:focus:before,.no-touch .topic.teams:focus:before,.no-touch .topic.pink:focus:before,.no-touch .topic.cisco:focus:before,.no-touch .topic.math-science:focus:before,.no-touch .topic.android:hover:before,.no-touch .topic.devops:hover:before,.no-touch .topic.mobile:hover:before,.no-touch .topic.teams:hover:before,.no-touch .topic.pink:hover:before,.no-touch .topic.cisco:hover:before,.no-touch .topic.math-science:hover:before { | |
color:#e6528c; | |
} | |
.active.topic.big-data:after,.active.topic.diy-hardware:after,.active.topic.networking:after,.active.topic.photography:after,.active.topic.tools:after,.active.topic.red:after,.active.topic.digital-media:after,.active.topic.c-plus-plus:after,.active.topic.social-media:after,.active.topic.interaction-design:after,.no-touch .topic.big-data:focus:after,.no-touch .topic.diy-hardware:focus:after,.no-touch .topic.networking:focus:after,.no-touch .topic.photography:focus:after,.no-touch .topic.tools:focus:after,.no-touch .topic.red:focus:after,.no-touch .topic.digital-media:focus:after,.no-touch .topic.c-plus-plus:focus:after,.no-touch .topic.social-media:focus:after,.no-touch .topic.interaction-design:focus:after,.no-touch .topic.big-data:hover:after,.no-touch .topic.diy-hardware:hover:after,.no-touch .topic.networking:hover:after,.no-touch .topic.photography:hover:after,.no-touch .topic.tools:hover:after,.no-touch .topic.red:hover:after,.no-touch .topic.digital-media:hover:after,.no-touch .topic.c-plus-plus:hover:after,.no-touch .topic.social-media:hover:after,.no-touch .topic.interaction-design:hover:after { | |
color:#bc3f39; | |
} | |
.active.topic.big-data:before,.active.topic.diy-hardware:before,.active.topic.networking:before,.active.topic.photography:before,.active.topic.tools:before,.active.topic.red:before,.active.topic.digital-media:before,.active.topic.c-plus-plus:before,.active.topic.social-media:before,.active.topic.interaction-design:before,.no-touch .topic.big-data:focus:before,.no-touch .topic.diy-hardware:focus:before,.no-touch .topic.networking:focus:before,.no-touch .topic.photography:focus:before,.no-touch .topic.tools:focus:before,.no-touch .topic.red:focus:before,.no-touch .topic.digital-media:focus:before,.no-touch .topic.c-plus-plus:focus:before,.no-touch .topic.social-media:focus:before,.no-touch .topic.interaction-design:focus:before,.no-touch .topic.big-data:hover:before,.no-touch .topic.diy-hardware:hover:before,.no-touch .topic.networking:hover:before,.no-touch .topic.photography:hover:before,.no-touch .topic.tools:hover:before,.no-touch .topic.red:hover:before,.no-touch .topic.digital-media:hover:before,.no-touch .topic.c-plus-plus:hover:before,.no-touch .topic.social-media:hover:before,.no-touch .topic.interaction-design:hover:before { | |
color:#d74c3f; | |
} | |
.active.topic.business:after,.active.topic.game-development:after,.active.topic.new-languages:after,.active.topic.project-management:after,.active.topic.ux-ia:after,.active.topic.orange:after,.active.topic.engineering:after,.no-touch .topic.business:focus:after,.no-touch .topic.game-development:focus:after,.no-touch .topic.new-languages:focus:after,.no-touch .topic.project-management:focus:after,.no-touch .topic.ux-ia:focus:after,.no-touch .topic.orange:focus:after,.no-touch .topic.engineering:focus:after,.no-touch .topic.business:hover:after,.no-touch .topic.game-development:hover:after,.no-touch .topic.new-languages:hover:after,.no-touch .topic.project-management:hover:after,.no-touch .topic.ux-ia:hover:after,.no-touch .topic.orange:hover:after,.no-touch .topic.engineering:hover:after { | |
color:#d3711a; | |
} | |
.active.topic.business:before,.active.topic.game-development:before,.active.topic.new-languages:before,.active.topic.project-management:before,.active.topic.ux-ia:before,.active.topic.orange:before,.active.topic.engineering:before,.no-touch .topic.business:focus:before,.no-touch .topic.game-development:focus:before,.no-touch .topic.new-languages:focus:before,.no-touch .topic.project-management:focus:before,.no-touch .topic.ux-ia:focus:before,.no-touch .topic.orange:focus:before,.no-touch .topic.engineering:focus:before,.no-touch .topic.business:hover:before,.no-touch .topic.game-development:hover:before,.no-touch .topic.new-languages:hover:before,.no-touch .topic.project-management:hover:before,.no-touch .topic.ux-ia:hover:before,.no-touch .topic.orange:hover:before,.no-touch .topic.engineering:hover:before { | |
color:#ef871b; | |
} | |
.active.topic.cloud:after,.active.topic.git:after,.active.topic.nosql:after,.active.topic.security:after,.active.topic.web-design:after,.active.topic.yellow:after,.active.topic.googleandroid:after,.active.topic.c:after,.no-touch .topic.cloud:focus:after,.no-touch .topic.git:focus:after,.no-touch .topic.nosql:focus:after,.no-touch .topic.security:focus:after,.no-touch .topic.web-design:focus:after,.no-touch .topic.yellow:focus:after,.no-touch .topic.googleandroid:focus:after,.no-touch .topic.c:focus:after,.no-touch .topic.cloud:hover:after,.no-touch .topic.git:hover:after,.no-touch .topic.nosql:hover:after,.no-touch .topic.security:hover:after,.no-touch .topic.web-design:hover:after,.no-touch .topic.yellow:hover:after,.no-touch .topic.googleandroid:hover:after,.no-touch .topic.c:hover:after { | |
color:#e5a128; | |
} | |
.active.topic.cloud:before,.active.topic.git:before,.active.topic.nosql:before,.active.topic.security:before,.active.topic.web-design:before,.active.topic.yellow:before,.active.topic.googleandroid:before,.active.topic.c:before,.no-touch .topic.cloud:focus:before,.no-touch .topic.git:focus:before,.no-touch .topic.nosql:focus:before,.no-touch .topic.security:focus:before,.no-touch .topic.web-design:focus:before,.no-touch .topic.yellow:focus:before,.no-touch .topic.googleandroid:focus:before,.no-touch .topic.c:focus:before,.no-touch .topic.cloud:hover:before,.no-touch .topic.git:hover:before,.no-touch .topic.nosql:hover:before,.no-touch .topic.security:hover:before,.no-touch .topic.web-design:hover:before,.no-touch .topic.yellow:hover:before,.no-touch .topic.googleandroid:hover:before,.no-touch .topic.c:hover:before { | |
color:#ffbb2a; | |
} | |
.active.topic.core-programming:after,.active.topic.html5:after,.active.topic.leadership:after,.active.topic.php:after,.active.topic.testing:after,.active.topic.web-performance:after,.active.topic.green:after,.active.topic.information-technologyoperations:after,.no-touch .topic.core-programming:focus:after,.no-touch .topic.html5:focus:after,.no-touch .topic.leadership:focus:after,.no-touch .topic.php:focus:after,.no-touch .topic.testing:focus:after,.no-touch .topic.web-performance:focus:after,.no-touch .topic.green:focus:after,.no-touch .topic.information-technologyoperations:focus:after,.no-touch .topic.core-programming:hover:after,.no-touch .topic.html5:hover:after,.no-touch .topic.leadership:hover:after,.no-touch .topic.php:hover:after,.no-touch .topic.testing:hover:after,.no-touch .topic.web-performance:hover:after,.no-touch .topic.green:hover:after,.no-touch .topic.information-technologyoperations:hover:after { | |
color:#a3b53a; | |
} | |
.active.topic.core-programming:before,.active.topic.html5:before,.active.topic.leadership:before,.active.topic.php:before,.active.topic.testing:before,.active.topic.web-performance:before,.active.topic.green:before,.active.topic.information-technologyoperations:before,.no-touch .topic.core-programming:focus:before,.no-touch .topic.html5:focus:before,.no-touch .topic.leadership:focus:before,.no-touch .topic.php:focus:before,.no-touch .topic.testing:focus:before,.no-touch .topic.web-performance:focus:before,.no-touch .topic.green:focus:before,.no-touch .topic.information-technologyoperations:focus:before,.no-touch .topic.core-programming:hover:before,.no-touch .topic.html5:hover:before,.no-touch .topic.leadership:hover:before,.no-touch .topic.php:hover:before,.no-touch .topic.testing:hover:before,.no-touch .topic.web-performance:hover:before,.no-touch .topic.green:hover:before,.no-touch .topic.information-technologyoperations:hover:before { | |
color:#b6d141; | |
} | |
.t-ipass-msg { | |
display:none; | |
} | |
.testing { | |
background:green; | |
margin:0 20px; | |
padding:20px; | |
position:relative; | |
max-width:1200px; | |
} | |
@mediamin-width1295px { | |
.testing { | |
margin:0 auto; | |
} | |
} | |
.home-panel { | |
padding:8px 10px 10px; | |
} | |
.home-panel:focus,.home-panel:hover { | |
background-color:white; | |
} | |
.home-panel a { | |
display:block; | |
padding:8px 18px; | |
font-size:21px; | |
line-height:1.4em; | |
} | |
.home-panel a:focus,.home-panel a:hover { | |
background:transparent none no-repeat scroll 0 0!important; | |
} | |
.apps-promotion { | |
max-width:1600px; | |
margin:0 auto 20px; | |
padding:15px; | |
box-sizing:border-box; | |
overflow:hidden; | |
background-color:#e1dfda; | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px; | |
-o-border-radius:3px; | |
border-radius:3px; | |
-moz-box-sizing:border-box; | |
-webkit-box-sizing:border-box; | |
-o-box-sizing:border-box; | |
box-sizing:border-box; | |
} | |
@mediamin-width48em { | |
.apps-promotion { | |
padding:15px 2% 15px 49%; | |
background-image:url(/static/images/screenshot-ios-queue-ipad-iphone-half@2x.73ac23d8fe3a.png); | |
background-size:44% auto; | |
background-position:4% bottom; | |
background-repeat:no-repeat; | |
} | |
} | |
@mediamin-width506875em { | |
.apps-promotion { | |
background-size:34% auto; | |
background-position:11% bottom; | |
} | |
} | |
@mediamin-width69em { | |
.apps-promotion { | |
background-size:28% auto; | |
background-position:14% bottom; | |
} | |
} | |
@mediamin-width78125em { | |
.apps-promotion { | |
padding:15px 16% 15px 32%; | |
background-size:22% auto; | |
background-position:7% bottom; | |
} | |
} | |
@mediamin-width1000625em { | |
.apps-promotion { | |
background-size:20% auto; | |
background-position:8% bottom; | |
} | |
} | |
@mediamin-width48em { | |
.ie8 .apps-promotion { | |
background-image:url(/static/images/screenshot-ios-queue-ipad-iphone.c048dbf4b5d7.png); | |
background-repeat:no-repeat; | |
max-width:1600px!important; | |
} | |
} | |
.apps-promotion__android-cta a,.section__more-link a { | |
color:#4a3c31; | |
text-decoration:underline; | |
} | |
.apps-promotion__android-cta a:visited,.section__more-link a:visited { | |
color:#4a3c31; | |
} | |
.apps-promotion__android-cta a:focus,.apps-promotion__android-cta a:hover,.apps-promotion__android-cta a:active,.section__more-link a:focus,.section__more-link a:hover,.section__more-link a:active { | |
color:#e98300; /* *orange* */ | |
} | |
.apps-promotion__title { | |
margin-bottom:16px; | |
} | |
.apps-promotion__description { | |
font-size:13px; | |
line-height:18px; | |
margin-bottom:8px; | |
} | |
.apps-promotion__android-cta { | |
font-size:12px; | |
line-height:16px; | |
} | |
.apps-promotion__image--apple-store { | |
margin-bottom:8px; | |
} | |
.section__title,.section__more-link { | |
font-weight:normal; | |
color:rgba(74,60,49,0.75); | |
-webkit-font-smoothing:antialiased; | |
} | |
.section__title { | |
font-size:18px; | |
line-height:27px; | |
} | |
.section__more-link { | |
font-size:12px; | |
line-height:27px; | |
margin-bottom:16px; | |
} | |
@mediamin-width325625em { | |
.apps-promotion__description { | |
font-size:16px; | |
line-height:21.333px; | |
margin-bottom:16px; | |
} | |
.apps-promotion__android-cta { | |
margin:0; | |
font-size:13px; | |
line-height:18px; | |
} | |
.section__title { | |
font-size:21px; | |
line-height:31px; | |
margin-bottom:16px; | |
} | |
.section__more-link { | |
font-size:14px; | |
line-height:31px; | |
} | |
} | |
[class*="detail-"].pod { | |
color:#4a3c31; | |
max-width:1200px; | |
} | |
[class*="detail-"].pod .title-info { | |
margin-bottom:1em; | |
text-align:center; | |
position:relative; | |
} | |
[class*="detail-"].pod .title-info:before,[class*="detail-"].pod .title-info:after { | |
content:" "; | |
display:table; | |
} | |
[class*="detail-"].pod .title-info:after { | |
clear:both; | |
} | |
[class*="detail-"].pod .title-info { | |
zoom:1; | |
} | |
[class*="detail-"].pod .metadata { | |
margin:1em 0; | |
text-align:left; | |
} | |
[class*="detail-"].pod .star-whole-title { | |
margin:0; | |
} | |
[class*="detail-"].pod .action { | |
width:250px; | |
margin:0 auto; | |
} | |
[class*="detail-"].pod .action .button { | |
width:100%; | |
} | |
[class*="detail-"].pod .purchase-link { | |
display:inline-block; | |
margin-top:.5em; | |
font-size:12px; | |
} | |
[class*="detail-"].pod h2 { | |
margin:20px 0 0; | |
font-size:24px; | |
} | |
[class*="detail-"].pod .title { | |
margin:0 0 8px; | |
line-height:1.15em; | |
} | |
[class*="detail-"].pod .author { | |
margin-bottom:3px; | |
} | |
[class*="detail-"].pod .publisher,[class*="detail-"].pod .isbn,[class*="detail-"].pod .chapter-running-time,[class*="detail-"].pod .book-running-time,[class*="detail-"].pod .issued,[class*="detail-"].pod .book-topics { | |
font-size:12px; | |
color:#777; | |
} | |
[class*="detail-"].pod .issued { | |
font-style:italic; | |
} | |
[class*="detail-"].pod .topic-display { | |
display:inline-block; | |
} | |
[class*="detail-"].pod .start-reading.button { | |
padding:0; | |
} | |
[class*="detail-"].pod .start-reading.button a { | |
display:block; | |
padding:8px 15px 10px; | |
color:white; | |
} | |
[class*="detail-"].pod .start-reading.button a:hover { | |
text-decoration:none; | |
} | |
[class*="detail-"].pod .description { | |
border:1px solid #eee; | |
border-width:1px 0; | |
padding-bottom:2em; | |
} | |
[class*="detail-"].pod .description li { | |
margin-bottom:.5em; | |
} | |
[class*="detail-"].pod .description li p { | |
margin:0; | |
} | |
@mediamin-width768px { | |
[class*="detail-"].pod .cover { | |
float:left; | |
width:13.69863%; | |
margin:0; | |
padding-right:20px; | |
text-align:left; | |
} | |
[class*="detail-"].pod .metadata { | |
width:86.30137%; | |
margin-top:0; | |
float:left; | |
} | |
[class*="detail-"].pod .action { | |
clear:both; | |
margin-left:13.69863%; | |
} | |
} | |
@mediamin-width1024px { | |
[class*="detail-"].pod .metadata { | |
width:64.89726%; | |
} | |
[class*="detail-"].pod .action { | |
float:right; | |
width:21.40411%; | |
padding-left:10px; | |
margin-left:0; | |
clear:none; | |
} | |
} | |
.detail-toc { | |
margin-top:15px; | |
} | |
.detail-toc ol { | |
margin:2px 0 0; | |
} | |
.detail-toc .chapter-running-time { | |
font-size:12px; | |
color:#777; | |
} | |
.detail-toc li { | |
display:block; | |
margin:0 0 2px; | |
padding-left:35px; | |
position:relative; | |
} | |
.detail-toc li .controls { | |
position:absolute; | |
left:0; | |
top:3px; | |
z-index:1; | |
} | |
.detail-toc li .controls button { | |
width:33px; | |
height:33px; | |
display:block; | |
font-size:25px; | |
} | |
.detail-toc li .controls button:focus { | |
outline:none; | |
} | |
.detail-toc li li .controls { | |
top:0; | |
} | |
.detail-toc li a { | |
text-decoration:none; | |
display:inline-block; | |
padding:6px 0; | |
font-size:15px; | |
line-height:18px; | |
} | |
.detail-toc .toc-level-1 { | |
padding:5px 0 5px 35px; | |
border-bottom:1px solid #eeeeed; | |
} | |
.detail-toc .toc-level-1>a { | |
font-size:18px; | |
} | |
.detail-toc .toc-level-1:last-child { | |
border-bottom:none; | |
} | |
.description h2 { | |
margin-bottom:16px!important; | |
} | |
.description p,.description ul,.description ol,.description li,.description span { | |
margin-top:.75em; | |
margin-bottom:.75em; | |
font-size:16px; | |
} | |
.description br { | |
display:none; | |
} | |
.description ul,.description ol { | |
margin-left:1.5em; | |
} | |
.description ol>li { | |
list-style-type:decimal; | |
} | |
.description ul>li { | |
list-style-type:disc; | |
} | |
.description i,.description em { | |
font-style:italic; | |
} | |
.description b,.description strong { | |
font-weight:bold; | |
} | |
#registration-form legend { | |
margin:0; | |
padding:0; | |
position:relative; | |
top:1.4em; | |
text-transform:uppercase; | |
color:#777; | |
} | |
#registration-form h1 { | |
margin:8px 0; | |
margin:.5rem 0; | |
} | |
#registration-form .default-content h1 { | |
margin:0; | |
} | |
#registration-form p { | |
margin-top:0; | |
} | |
.agreement-inc h4 { | |
margin-bottom:.5em; | |
} | |
.agreement-inc .default-content { | |
color:#4a3c31; | |
margin:0 0 1em; | |
overflow-y:scroll; | |
border:1px solid #ccc; | |
padding:0 .5em .5em; | |
height:100px; | |
} | |
.agreement-inc .default-content h1,.agreement-inc .default-content h2,.agreement-inc .default-content h3 { | |
color:#4a3c31; | |
} | |
.agreement-inc .default-content h2 { | |
text-transform:uppercase; | |
} | |
.agreement-inc .default-content p,.agreement-inc .default-content ul,.agreement-inc .default-content ol { | |
font-size:16px; | |
line-height:1.333em; | |
margin-bottom:1em; | |
} | |
.agreement-inc .default-content ul,.agreement-inc .default-content ol { | |
margin-left:1.5em; | |
} | |
.agreement-inc .default-content ol>li { | |
list-style-type:decimal; | |
} | |
.agreement-inc .default-content ul>li { | |
list-style-type:disc; | |
} | |
.agreement-inc .default-content ul.loweralpha>li,.agreement-inc .default-content ol.loweralpha>li { | |
list-style-type:lower-alpha; | |
} | |
.agreement-inc .default-content ol.outline { | |
counter-reset:item; | |
} | |
.agreement-inc .default-content ol.outline>li { | |
display:block; | |
margin-bottom:1em; | |
} | |
.agreement-inc .default-content ol.outline>li h2 { | |
display:inline; | |
} | |
.agreement-inc .default-content ol.outline>li ol { | |
margin-top:1em; | |
} | |
.agreement-inc .default-content ol.outline>li:before { | |
content:counters(item,".") "."; | |
counter-increment:item; | |
padding-right:.25em; | |
color:#4a3c31; | |
} | |
.agreement-inc .default-content ol.outline ul>li { | |
margin-bottom:0; | |
margin-left:1.5em; | |
} | |
.agreement-inc .default-content h1 { | |
font-size:16px; | |
} | |
.agreement-inc .default-content p,.agreement-inc .default-content li { | |
font-size:12px; | |
margin-bottom:.5em; | |
} | |
.agreement-inc .form-row label { | |
font-size:14px; | |
} | |
.agreement-inc .form-row input { | |
float:left; | |
display:inline-block; | |
margin:3px 10px 0 0; | |
} | |
.legalese { | |
color:#4a3c31; | |
} | |
.legalese h1,.legalese h2,.legalese h3 { | |
color:#4a3c31; | |
} | |
.legalese h2 { | |
text-transform:uppercase; | |
} | |
.legalese p,.legalese ul,.legalese ol { | |
font-size:16px; | |
line-height:1.333em; | |
margin-bottom:1em; | |
} | |
.legalese ul,.legalese ol { | |
margin-left:1.5em; | |
} | |
.legalese ol>li { | |
list-style-type:decimal; | |
} | |
.legalese ul>li { | |
list-style-type:disc; | |
} | |
.legalese ul.loweralpha>li,.legalese ol.loweralpha>li { | |
list-style-type:lower-alpha; | |
} | |
.legalese ol.outline { | |
counter-reset:item; | |
} | |
.legalese ol.outline>li { | |
display:block; | |
margin-bottom:1em; | |
} | |
.legalese ol.outline>li h2 { | |
display:inline; | |
} | |
.legalese ol.outline>li ol { | |
margin-top:1em; | |
} | |
.legalese ol.outline>li:before { | |
content:counters(item,".") "."; | |
counter-increment:item; | |
padding-right:.25em; | |
color:#4a3c31; | |
} | |
.legalese ol.outline ul>li { | |
margin-bottom:0; | |
margin-left:1.5em; | |
} | |
address { | |
display:block; | |
margin-bottom:1em; | |
} | |
.ie8 .form-row { | |
padding:10px 0; | |
} | |
.star-whole-title { | |
margin:20px 0; | |
margin:1.25rem 0; | |
} | |
.star-whole-title li { | |
margin-top:10px; | |
margin-top:.625rem; | |
} | |
.star-whole-title li span { | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
font-size:18px; | |
font-size:1.125rem; | |
} | |
.star-whole-title li button { | |
padding:18px 15px 16px; | |
padding:1.125rem .9375rem 1rem; | |
border:1px solid #c7c2ba; | |
margin-right:10px; | |
margin-right:.625rem; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
} | |
.star-whole-title li button:before { | |
font-size:21px; | |
font-size:1.3125rem; | |
line-height:0; | |
} | |
.layout2 { | |
display:table; | |
table-layout:fixed; | |
position:relative; | |
height:100%; | |
max-width:100%; | |
overflow:auto; | |
} | |
.layout2 nav { | |
display:table-cell; | |
border-radius:5px 0 0 5px; | |
background-color:#f7f7f7; | |
border-right:1px solid #eaeaea; | |
width:185px; | |
vertical-align:top; | |
} | |
.layout2 nav h2 { | |
font-size:10px; | |
text-transform:uppercase; | |
color:#aaa; | |
letter-spacing:1px; | |
margin:0; | |
padding:20px 20px 0; | |
} | |
.layout2 nav li { | |
display:inline; | |
} | |
.layout2 nav a { | |
font-size:14px; | |
color:#777; | |
text-decoration:none; | |
padding:15px 20px; | |
display:block; | |
} | |
.no-touch .layout2 nav a:focus,.no-touch .layout2 nav a:hover,.layout2 nav a.active { | |
color:#e98300; /* *orange* */ | |
} | |
.layout2 .other { | |
display:table-cell; | |
border-radius:0 5px 5px 0; | |
background-color:#fff; | |
padding:20px; | |
vertical-align:top; | |
} | |
.inline-icon { | |
font-size:.8em; | |
color:#e98300; /* *orange* */ | |
} | |
.big-icon { | |
margin:.5em 0 0 20px; | |
font-size:3em; | |
float:left; | |
color:#c7c2ba; | |
} | |
.empty-page { | |
margin:0 1em 3em 0; | |
text-align:left; | |
color:#4a3c31; | |
} | |
.empty-page p { | |
font-size:21px; | |
font-size:1.3125rem; | |
} | |
.cancel { | |
color:#ea6d60; | |
font-size:16px; | |
font-size:1rem; | |
text-decoration:none; | |
} | |
.plantype:focus,.plantype:hover { | |
cursor:pointer; | |
} | |
.checkmark { | |
color:#e98300; /* *orange* */ | |
font-size:32px; | |
font-size:2rem; | |
display:none; | |
margin:0; | |
} | |
.checkmark span { | |
text-indent:-9999px; | |
} | |
.selected .checkmark { | |
display:inline-block; | |
} | |
#plan_form,#cancel_form { | |
text-align:center; | |
} | |
#plan_form header h1,#cancel_form header h1 { | |
margin-bottom:0; | |
} | |
#plan_form header label,#cancel_form header label { | |
margin-right:10px; | |
display:inline-block; | |
letter-spacing:normal; | |
text-transform:none; | |
} | |
#plan_form header select,#cancel_form header select { | |
font-size:16px; | |
} | |
#plan_form .plan-picker,#cancel_form .plan-picker { | |
margin:0 auto 1em; | |
text-align:center; | |
} | |
#plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption { | |
width:100%; | |
display:inline-block; | |
margin:0 15px 15px 0; | |
padding:10px 0 15px; | |
vertical-align:top; | |
background-color:white; | |
border:1px solid #ddd; | |
text-align:center; | |
-moz-box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
-webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
-o-box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px; | |
-o-border-radius:3px; | |
border-radius:3px; | |
} | |
@media only screen and min-width690px { | |
#plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption { | |
max-width:45%; | |
} | |
} | |
@media only screen and min-width920px { | |
#plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption { | |
max-width:31%; | |
} | |
} | |
@media only screen and min-width1390px { | |
#plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption { | |
max-width:315px; | |
} | |
} | |
#plan_form .plantype .explain-next-billed .firstbilling,#plan_form .planoption .explain-next-billed .firstbilling,#cancel_form .plantype .explain-next-billed .firstbilling,#cancel_form .planoption .explain-next-billed .firstbilling { | |
display:none; | |
text-align:center; | |
} | |
#plan_form .plantype .explain-next-billed .firstbilling .summary,#plan_form .planoption .explain-next-billed .firstbilling .summary,#cancel_form .plantype .explain-next-billed .firstbilling .summary,#cancel_form .planoption .explain-next-billed .firstbilling .summary { | |
color:#b3b3b3; | |
margin:10px 0 0; | |
font-size:14px; | |
font-size:.875rem; | |
} | |
#plan_form .plantype.selected .explain-next-billed .firstbilling,#plan_form .planoption.selected .explain-next-billed .firstbilling,#cancel_form .plantype.selected .explain-next-billed .firstbilling,#cancel_form .planoption.selected .explain-next-billed .firstbilling { | |
display:block; | |
} | |
#plan_form .plantype h3,#plan_form .planoption h3,#cancel_form .plantype h3,#cancel_form .planoption h3 { | |
border:1px solid #d5d6d2; | |
border-width:1px 0; | |
background:#f6f6f6; | |
margin:0 0 20px; | |
padding:5px 5px 5px 20px; | |
font-size:24px; | |
line-height:normal; | |
text-transform:none; | |
text-align:left; | |
} | |
#plan_form .plantype .pricing,#plan_form .plantype .lead,#plan_form .planoption .pricing,#plan_form .planoption .lead,#cancel_form .plantype .pricing,#cancel_form .plantype .lead,#cancel_form .planoption .pricing,#cancel_form .planoption .lead { | |
font-size:24px; | |
line-height:normal; | |
color:#e98300; /* *orange* */ | |
} | |
#plan_form .plantype .summary,#plan_form .planoption .summary,#cancel_form .plantype .summary,#cancel_form .planoption .summary { | |
font-size:16px; | |
padding:0 20px; | |
color:#777; | |
} | |
#plan_form .plantype.selected,#cancel_form .plantype.selected { | |
border:1px solid #00B3E7; | |
} | |
#plan_form .plantype.selected h3,#cancel_form .plantype.selected h3 { | |
background:#E5F7FC; | |
color:#00B3E7; | |
border:1px solid #00B3E7; | |
border-width:1px 0; | |
} | |
#plan_form .plantype.selected .cancel,#cancel_form .plantype.selected .cancel { | |
float:right; | |
display:inline-block; | |
padding:0 15px 0 0; | |
} | |
#plan_form .planoption,#cancel_form .planoption { | |
max-width:60%; | |
} | |
#plan_form .goback,#cancel_form .goback { | |
font-size:13px; | |
font-size:.8125rem; | |
text-decoration:none; | |
} | |
@media only screen and max-width47125em { | |
#plan_form .griditem,#cancel_form .griditem { | |
display:block; | |
width:100%; | |
} | |
#plan_form .griditem.opt-in,#plan_form .griditem.opt-out,#cancel_form .griditem.opt-in,#cancel_form .griditem.opt-out { | |
width:100%; | |
} | |
} | |
#plan_form .usage>p,#cancel_form .usage>p { | |
font-size:24px; | |
color:#777; | |
} | |
#cancel_form .griditem { | |
width:100%; | |
} | |
#cancel_form .griditem.opt-in { | |
width:33%; | |
} | |
#cancel_form .reason { | |
margin-bottom:20px; | |
} | |
.billingpage { | |
padding-bottom:30px; | |
padding-bottom:1.875rem; | |
} | |
.billingpage:before,.billingpage:after { | |
content:" "; | |
display:table; | |
} | |
.billingpage:after { | |
clear:both; | |
} | |
.billingpage { | |
zoom:1; | |
} | |
.billingpage .billing-group { | |
margin:0 auto 1em; | |
max-width:390px; | |
} | |
@media screen and min-width860px { | |
.billingpage .billing-group { | |
max-width:680px; | |
} | |
} | |
.billingpage .billing-footer { | |
margin-top:16px; | |
margin-top:1rem; | |
border-top:1px solid #ddd; | |
} | |
.billingpage input[type="text"] { | |
min-width:100%; | |
max-width:100%; | |
} | |
.billingpage small.error { | |
display:block; | |
padding:2px 0 5px; | |
padding:.125rem 0 .3125rem; | |
text-align:left; | |
} | |
.billingpage .billing-submit { | |
-moz-opacity:.5s ease-in-out; | |
-webkit-opacity:.5s ease-in-out; | |
-o-opacity:.5s ease-in-out; | |
opacity:.5s ease-in-out; | |
} | |
.billingpage .sf-payment-method,.billingpage .sf-billing-info { | |
padding:0 5px; | |
padding:0 .3125rem; | |
margin:16px 0 0; | |
margin:1rem 0 0; | |
width:100%; | |
} | |
.billingpage .sf-payment-method legend,.billingpage .sf-billing-info legend { | |
display:none; | |
} | |
@media screen and min-width755px { | |
.billingpage .sf-payment-method,.billingpage .sf-billing-info { | |
padding:0 20px; | |
padding:0 1.25rem; | |
} | |
} | |
.billingpage .sf-payment-method { | |
-moz-box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
-webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
-o-box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
box-shadow:0 3px 0 0 rgba(0,0,0,0.05); | |
-moz-border-radius:10px; | |
-webkit-border-radius:10px; | |
-o-border-radius:10px; | |
border-radius:10px; | |
position:relative; | |
border:1px solid #ddd; | |
min-width:280px; | |
} | |
.billingpage .sf-payment-method .sf-ccnum { | |
width:60%; | |
min-width:50px; | |
} | |
.billingpage .sf-payment-method .sf-cvv { | |
position:relative; | |
width:24.5098%; | |
min-width:95px; | |
max-width:100px; | |
} | |
.billingpage .sf-payment-method .sf-cvv .tooltip-inner { | |
max-width:300px; | |
width:300px; | |
white-space:normal; | |
} | |
.billingpage .sf-payment-method .sf-cvv .cvv-help { | |
position:absolute; | |
right:6px; | |
top:54px; | |
padding-top:1px; | |
background-color:#777; | |
color:white; | |
-moz-border-radius:20px; | |
-webkit-border-radius:20px; | |
-o-border-radius:20px; | |
border-radius:20px; | |
width:20px; | |
height:20px; | |
font-size:16px; | |
font-size:1rem; | |
font-weight:bold; | |
text-align:center; | |
} | |
.billingpage .sf-payment-method .sf-ccname { | |
width:50.67%; | |
min-width:100px; | |
} | |
.billingpage .sf-payment-method .sf-exdate { | |
width:33.81%; | |
min-width:120px; | |
max-width:170px; | |
} | |
.billingpage .sf-payment-method .sf-exdate #id_expiration_month { | |
margin-right:5%; | |
width:44.5%; | |
min-width:50px; | |
} | |
.billingpage .sf-payment-method .sf-exdate #id_expiration_year { | |
width:50%; | |
min-width:50px; | |
} | |
@media screen and min-width755px { | |
.billingpage .sf-payment-method .sf-ccnum { | |
min-width:200px; | |
width:64%; | |
} | |
.billingpage .sf-payment-method .sf-ccname { | |
min-width:200px; | |
} | |
} | |
@media screen and min-width860px { | |
.billingpage .sf-payment-method { | |
width:60%; | |
} | |
.billingpage .sf-payment-method .sf-ccnum { | |
width:68%; | |
} | |
.billingpage .sf-payment-method .sf-ccname { | |
width:56%; | |
} | |
} | |
.billingpage .sf-billing-info label { | |
font-size:13px; | |
font-size:.8125rem; | |
} | |
.billingpage .sf-billing-info .sf-zip { | |
width:48.7%; | |
} | |
.billingpage .sf-billing-info .sf-zip input { | |
min-width:130px; | |
max-width:130px; | |
} | |
.billingpage .sf-billing-info .sf-country { | |
width:50%; | |
} | |
.billingpage .sf-billing-info .sf-country select { | |
max-width:140px; | |
} | |
.billingpage .sf-billing-info .sf-vat { | |
width:100%; | |
} | |
.billingpage .sf-billing-info .sf-vat:after { | |
content:''; | |
display:inline-block; | |
width:100%; | |
} | |
@media screen and min-width755px { | |
.billingpage .sf-billing-info label { | |
font-size:14px; | |
font-size:.875rem; | |
} | |
} | |
@media screen and min-width860px { | |
.billingpage .sf-billing-info { | |
width:38%; | |
} | |
.billingpage .sf-billing-info .sf-zip,.billingpage .sf-billing-info .sf-country { | |
width:100%; | |
} | |
.billingpage .sf-billing-info .sf-zip:after { | |
content:''; | |
display:inline-block; | |
width:100%; | |
} | |
} | |
.billingpage .sf-agree { | |
text-align:left; | |
} | |
.billingpage .sf-additional-info { | |
width:100%; | |
} | |
.billingpage .sf-additional-info textarea { | |
max-width:100%; | |
} | |
.billingpage .buttongroup { | |
text-align:center; | |
} | |
.billingpage .buttongroup input { | |
margin:16px 0 8px; | |
margin:1rem 0 .5rem; | |
} | |
input[type="text"].prefilled-editable { | |
border:none; | |
border-bottom:1px solid #CCC; | |
-moz-box-shadow:0 0 0 transparent; | |
-webkit-box-shadow:0 0 0 transparent; | |
-o-box-shadow:0 0 0 transparent; | |
box-shadow:0 0 0 transparent; | |
color:#999; | |
} | |
.billing-history { | |
width:100%; | |
padding:0; | |
margin:0 auto; | |
} | |
@media screen and min-width755px { | |
.billing-history { | |
width:94%; | |
padding:0 3%; | |
} | |
} | |
.billing-history tr { | |
font-size:15px; | |
font-size:.9375rem; | |
line-height:21px; | |
line-height:1.3125rem; | |
color:#666; | |
border-bottom:1px solid #eee; | |
} | |
@media screen and min-width755px { | |
.billing-history tr { | |
font-size:18px; | |
font-size:1.125rem; | |
line-height:24px; | |
line-height:1.5rem; | |
} | |
} | |
.billing-history tr td { | |
padding:10px 0; | |
padding:.625rem 0; | |
} | |
.billing-history tr a { | |
text-decoration:none; | |
} | |
.mobile-menu { | |
display:none; | |
border:1px solid #CCC; | |
-moz-margin-bottom:12px; | |
-webkit-margin-bottom:12px; | |
-o-margin-bottom:12px; | |
margin-bottom:12px; | |
-moz-border-radius:5px 5px 0 0; | |
-webkit-border-radius:5px 5px 0 0; | |
-o-border-radius:5px 5px 0 0; | |
border-radius:5px 5px 0 0; | |
} | |
.mobile-menu select { | |
width:100%; | |
-moz-padding:20px 50px 15px 20px; | |
-webkit-padding:20px 50px 15px 20px; | |
-o-padding:20px 50px 15px 20px; | |
padding:20px 50px 15px 20px; | |
-moz-font-size:18px; | |
-webkit-font-size:18px; | |
-o-font-size:18px; | |
font-size:18px; | |
border:0; | |
border-radius:0; | |
-webkit-appearance:none; | |
color:#777; | |
-webkit-box-shadow:0 1px 0 #c7c2ba,0 -1px white inset; | |
-moz-box-shadow:0 1px 0 #c7c2ba,0 -1px white inset; | |
box-shadow:0 1px 0 #c7c2ba,0 -1px white inset; | |
background:#f4f3f0; | |
display:inline-block; | |
-webkit-appearance:none; | |
-moz-appearance:window; | |
appearance:none; | |
cursor:pointer; | |
text-overflow:ellipsis; | |
-moz-border-radius:5px 5px 0 0; | |
-webkit-border-radius:5px 5px 0 0; | |
-o-border-radius:5px 5px 0 0; | |
border-radius:5px 5px 0 0; | |
} | |
.mobile-menu label { | |
paddng:0; | |
margin:0; | |
position:relative; | |
} | |
.mobile-menu label:after { | |
content:'<>'; | |
font:20px Consolas,monospace; | |
color:#aaa; | |
-webkit-transform:rotate(90deg); | |
-moz-transform:rotate(90deg); | |
-ms-transform:rotate(90deg); | |
transform:rotate(90deg); | |
right:8px; | |
top:20px; | |
-moz-right:8px; | |
-webkit-right:8px; | |
-o-right:8px; | |
right:8px; | |
-moz-top:20px; | |
-webkit-top:20px; | |
-o-top:20px; | |
top:20px; | |
-moz-padding:0 0 2px; | |
-webkit-padding:0 0 2px; | |
-o-padding:0 0 2px; | |
padding:0 0 2px; | |
border-bottom:1px solid #d5d6d2; | |
position:absolute; | |
pointer-events:none; | |
} | |
.mobile-menu label:before { | |
content:''; | |
right:6px; | |
top:0; | |
width:20px; | |
height:20px; | |
background:transparent; | |
position:absolute; | |
pointer-events:none; | |
display:block; | |
} | |
.user-profile { | |
padding:0 0 0 200px; | |
float:left; | |
position:relative; | |
max-width:1000px; | |
background:white url(/static/images/grey_tile_side.5a955051860b.png) repeat-y scroll 0 0; | |
} | |
.user-profile .nav { | |
width:200px; | |
float:left; | |
margin-left:-200px; | |
-moz-border-radius:5px 0 0 5px; | |
-webkit-border-radius:5px 0 0 5px; | |
-o-border-radius:5px 0 0 5px; | |
border-radius:5px 0 0 5px; | |
} | |
.user-profile .nav ol li a { | |
padding:12px 15px; | |
padding:.75rem .9375rem; | |
float:left; | |
width:100%; | |
color:#4a3c31; | |
text-decoration:none; | |
-moz-transition:background-color 200ms linear; | |
-webkit-transition:background-color 200ms linear; | |
-o-transition:background-color 200ms linear; | |
transition:background-color 200ms linear; | |
} | |
.user-profile .nav ol li a.all-books { | |
-moz-border-radius:5px 0 0; | |
-webkit-border-radius:5px 0 0 0; | |
-o-border-radius:5px 0 0 0; | |
border-radius:5px 0 0 0; | |
text-transform:uppercase; | |
display:block; | |
padding:20px 15px; | |
padding:1.25rem .9375rem; | |
word-wrap:break-word; | |
} | |
.user-profile .nav ol li a.all-books span { | |
margin:0; | |
} | |
.user-profile .nav ol li a span { | |
display:block; | |
margin-left:40px; | |
} | |
.user-profile .nav ol li a:focus,.user-profile .nav ol li a:hover { | |
background-color:rgba(190,185,166,0.12); | |
color:#e98300; /* *orange* */ | |
} | |
.user-profile .nav ol li a.current { | |
background-color:#FFF; | |
color:#e98300; /* *orange* */ | |
} | |
.user-profile .nav ol li img { | |
max-width:30px; | |
height:auto; | |
float:left; | |
margin:3px 10px 0 0; | |
margin:.1875rem .625rem 0 0; | |
border:1px solid #AAA; | |
} | |
.user-profile .headline { | |
padding:20px 200px 0 30px; | |
padding:1.25rem 12.5rem 0 1.875rem; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
float:left; | |
width:100%; | |
font-size:18px; | |
font-size:1.125rem; | |
font-weight:300; | |
} | |
.user-profile .headline h1 { | |
color:#4a3c31; | |
margin-top:0; | |
font-size:28px; | |
font-size:1.75rem; | |
line-height:32px; | |
line-height:2rem; | |
font-weight:300; | |
word-wrap:break-word; | |
} | |
.user-profile .headline h1 span { | |
text-transform:capitalize; | |
} | |
.user-profile .headline .title { | |
display:inline-block; | |
margin-bottom:0; | |
} | |
.user-profile .headline .title a { | |
text-decoration:none; | |
} | |
.user-profile .headline ul { | |
float:left; | |
max-width:70%; | |
} | |
.user-profile .headline ul li { | |
margin-bottom:5px; | |
} | |
.user-profile .headline img { | |
float:left; | |
max-width:65px; | |
height:auto; | |
border:1px solid #AAA; | |
margin:5px 15px 0; | |
margin:.3125rem .9375rem 0; | |
} | |
.user-profile .annotation-list { | |
color:#777; | |
margin-bottom:25px; | |
margin-bottom:1.5625rem; | |
float:right; | |
} | |
.user-profile .annotation-list .indent { | |
margin:0 50px; | |
} | |
.user-profile .annotation-list ol.annotation-list-single-book { | |
margin:0 10px 10px 40px; | |
margin:0 .625rem .625rem 2.5rem; | |
} | |
.user-profile .annotation-list ol li { | |
border-bottom:1px solid #CCC; | |
padding:10px 0; | |
padding:.625rem 0; | |
} | |
.user-profile .annotation-list ol li:last-child { | |
border:none; | |
} | |
.user-profile .annotation-list .js-toggle-all-notes,.user-profile .annotation-list .js-toggle-note { | |
float:right; | |
} | |
.user-profile .annotation-list .js-toggle-all-notes,.user-profile .annotation-list .filter-highlights { | |
position:absolute; | |
right:20px; | |
top:20px; | |
} | |
.user-profile .annotation-list .js-toggle-all-notes-lowered { | |
position:absolute; | |
right:20px; | |
top:50px; | |
} | |
.user-profile .annotation-list .js-more-annotations { | |
position:relative; | |
top:15px; | |
clear:both; | |
} | |
.user-profile .annotation-list .js-more-annotations:before,.user-profile .annotation-list .js-more-annotations:after { | |
content:" "; | |
display:table; | |
} | |
.user-profile .annotation-list .js-more-annotations:after { | |
clear:both; | |
} | |
.user-profile .annotation-list .js-more-annotations { | |
zoom:1; | |
} | |
.user-profile .annotation-list .annotation-htmlfile-title { | |
border-bottom:none; | |
padding-right:100px; | |
padding-right:6.25rem; | |
display:inline-block; | |
} | |
.user-profile .annotation-list .annotation-htmlfile-title h2 { | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
margin:0; | |
display:inline-block; | |
line-height:28px; | |
line-height:1.75rem; | |
} | |
.user-profile .annotation-list .annotation-htmlfile-title a { | |
text-decoration:none; | |
} | |
.user-profile .annotation-list .annotation-info { | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
} | |
.user-profile .annotation-list .annotation-info li { | |
border:none; | |
padding:0; | |
margin:0 0 0 15px; | |
margin:0 0 0 .9375rem; | |
} | |
.user-profile .annotation-list .annotation-info li.quote { | |
border-bottom:1px solid #c7c2ba; | |
padding-bottom:10px; | |
padding-bottom:.625rem; | |
margin-bottom:10px; | |
margin-bottom:.625rem; | |
width:100%; | |
} | |
.user-profile .annotation-list .annotation-info li.annotation-created { | |
text-transform:uppercase; | |
font-size:smaller; | |
margin:0 0 5px; | |
margin:0 0 .3125rem; | |
} | |
.user-profile .annotation-list .annotation-info li.annotation-htmlfile-cover { | |
margin:5px 15px 0 0; | |
margin:.3125rem .9375rem 0 0; | |
float:left; | |
} | |
.user-profile .annotation-list .annotation-info li.annotation-htmlfile-cover img { | |
max-width:25px; | |
height:auto; | |
border:1px solid #AAA; | |
} | |
.user-profile .annotation-list .annotation-info li .annotation-quote { | |
text-decoration:none; | |
font-size:18px; | |
font-size:1.125rem; | |
font-family:Georgia,serif; | |
margin-bottom:5px; | |
margin-bottom:.3125rem; | |
line-height:24px; | |
line-height:1.5rem; | |
padding-right:100px; | |
padding-right:6.25rem; | |
display:block; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
text-decoration:underline; | |
} | |
.user-profile .annotation-list .annotation-info li .annotation-quote:before { | |
content:"“"; | |
} | |
.user-profile .annotation-list .annotation-info li .annotation-quote:after { | |
content:"”"; | |
} | |
.user-profile .annotation-list .annotation-info li .annotation-quote:focus,.user-profile .annotation-list .annotation-info li .annotation-quote:hover { | |
color:#e98300; /* *orange* */ | |
} | |
.user-profile .annotation-list .annotation-info li.all-books-quote { | |
margin-left:40px; | |
margin-left:2.5rem; | |
} | |
.user-profile .annotation-list .annotation-info li .js-annotation-note { | |
font-size:16px; | |
font-size:1rem; | |
padding:15px 0; | |
padding:.9375rem 0; | |
display:inline-block; | |
word-break:break-all; | |
} | |
.user-profile .annotation-list .annotation-info li .js-toggle-note { | |
position:relative; | |
padding-right:20px; | |
padding-right:1.25rem; | |
margin-top:-22px; | |
margin-top:-1.375rem; | |
cursor:pointer; | |
} | |
.user-profile .annotation-list .annotation-info li .js-toggle-note:before { | |
position:absolute; | |
right:0; | |
} | |
.user-profile .annotation-list img.highlight-demo { | |
width:90%; | |
height:auto; | |
border:1px solid #ccc; | |
} | |
@media screen and max-width7125em { | |
.user-profile { | |
width:95%; | |
margin:0 2.5% 20px; | |
} | |
.user-profile .annotation-list li.annotation { | |
float:left; | |
width:100%; | |
} | |
.user-profile .annotation-list li .annotation-quote { | |
padding-right:0!important; | |
} | |
.user-profile .annotation-list .annotation-list-single-book li { | |
float:right; | |
} | |
.user-profile .annotation-list .annotation-list-single-book .js-toggle-note { | |
margin:0!important; | |
} | |
} | |
@media screen and min-width821px and max-width1140px { | |
.user-profile .headline { | |
padding:50px 30px 0; | |
padding:3.125rem 1.875rem 0; | |
} | |
.user-profile .annotation-list .indent { | |
margin:0 40px; | |
} | |
} | |
@media screen and max-width5125em { | |
.user-profile { | |
background:#FFF none no-repeat scroll 0 0; | |
padding:0; | |
} | |
.user-profile .nav { | |
width:100%; | |
margin:0; | |
} | |
.user-profile .nav .desktop-menu { | |
display:none; | |
} | |
.user-profile .nav .mobile-menu { | |
display:block; | |
} | |
.user-profile .headline { | |
padding:20px 20px 0; | |
padding:1.25rem 1.25rem 0; | |
margin-top:20px; | |
margin-top:1.25rem; | |
} | |
.user-profile .headline .title { | |
display:block; | |
} | |
.user-profile .headline ul { | |
max-width:60%; | |
} | |
.user-profile .annotation-list { | |
width:100%; | |
} | |
.user-profile .annotation-list ol li { | |
padding:10px 20px 5px; | |
padding:.625rem 1.25rem .3125rem; | |
} | |
.user-profile .annotation-list .indent { | |
margin:0; | |
} | |
.user-profile .annotation-list .annotation-quote { | |
font-size:18px; | |
font-size:1.125rem; | |
} | |
.user-profile .annotation-list .js-toggle-all-notes,.user-profile .annotation-list .filter-highlights { | |
top:75px; | |
} | |
.user-profile .annotation-list .js-toggle-note { | |
margin:0!important; | |
} | |
.user-profile .annotation-list .annotation-info li.all-books-quote { | |
padding-bottom:5px; | |
padding-bottom:.3125rem; | |
} | |
.user-profile .annotation-list .annotation-info li .annotation-htmlfile-title { | |
padding-right:0; | |
margin-bottom:5px; | |
margin-bottom:.3125rem; | |
} | |
} | |
.result-desc { | |
display:block; | |
margin:25px 20px 15px; | |
font-size:18px; | |
font-weight:300; | |
line-height:1.38; | |
color:#4a3c31; | |
text-align:center; | |
} | |
@mediamin-width320px { | |
.result-desc { | |
font-size:21px; | |
} | |
} | |
@mediamin-width611px { | |
.result-desc { | |
text-align:left; | |
} | |
} | |
.search-result-page .facets { | |
max-width:100%; | |
margin:0 15px 20px; | |
text-align:left; | |
} | |
.search-result-page .facets:before,.search-result-page .facets:after { | |
content:" "; | |
display:table; | |
} | |
.search-result-page .facets:after { | |
clear:both; | |
} | |
.search-result-page .facets { | |
zoom:1; | |
} | |
.search-result-page .facets label { | |
margin:0 10px 0 0; | |
display:inline-block; | |
text-transform:none; | |
font-size:18px; | |
letter-spacing:normal; | |
} | |
.search-result-page .facets #id_filter label { | |
font-size:16px; | |
} | |
.search-result-page .facets #id_filter input[type="checkbox"] { | |
margin-right:10px; | |
} | |
@mediamin-width520px { | |
.search-result-page .sort-box { | |
width:88%; | |
margin:0 20px 20px; | |
text-align:right; | |
} | |
#id_filter { | |
float:left; | |
} | |
#id_filter li { | |
display:inline-block; | |
} | |
} | |
.results-content { | |
margin:15px; | |
background-color:#fff; | |
border-radius:4px; | |
border:1px solid #d5d6d2; | |
} | |
@mediamin-width520px { | |
.results-content { | |
margin:15px 20px; | |
} | |
} | |
.results-content .pad { | |
padding:15px; | |
} | |
.results-list>li { | |
padding:15px; | |
font-size:16px; | |
line-height:1.38; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
border-bottom:1px solid #d5d6d2; | |
position:relative; | |
} | |
.results-list>li:last-child { | |
border-bottom:none; | |
} | |
@mediamax-width520px { | |
.results-list>li { | |
font-size:14px; | |
} | |
} | |
.results-list .highlight { | |
font-weight:700; | |
} | |
.results-list .meta { | |
margin-bottom:10px; | |
padding-left:90px; | |
} | |
.results-list .meta:before,.results-list .meta:after { | |
content:" "; | |
display:table; | |
} | |
.results-list .meta:after { | |
clear:both; | |
} | |
.results-list .meta { | |
zoom:1; | |
} | |
.results-list .meta span { | |
display:block; | |
font-weight:300; | |
line-height:1.28; | |
color:#7f7f7f; | |
color:rgba(74,60,49,0.75); | |
} | |
.results-list .book-title { | |
margin-bottom:10px; | |
display:block; | |
font-size:21px; | |
line-height:1.38; | |
font-weight:300; | |
} | |
@mediamax-width700px { | |
.results-list .book-title { | |
font-size:18px; | |
} | |
} | |
@mediamax-width320px { | |
.results-list .book-title { | |
font-size:16px; | |
margin-bottom:5px; | |
} | |
} | |
.results-list .description { | |
margin-top:8px; | |
padding:0 10px; | |
display:block; | |
font-weight:400; | |
} | |
.results-list .queue-bar { | |
float:right; | |
} | |
.results-list .queue-bar button { | |
width:50px; | |
height:50px; | |
} | |
.results-list .queue-bar button:before { | |
font-size:20px; | |
line-height:20px; | |
} | |
.results-list .queue-bar button:focus { | |
outline:0; | |
} | |
@mediamax-width450px { | |
.results-list .meta { | |
padding-left:75px; | |
} | |
.results-list .format-video .meta { | |
padding-left:100px; | |
} | |
} | |
.no-results { | |
padding:15px; | |
} | |
.no-results ul { | |
list-style:disc; | |
padding:0 0 0 30px; | |
font-size:18px; | |
font-size:1.125rem; | |
line-height:1.4em; | |
} | |
.no-results ul li { | |
margin:15px 0; | |
} | |
.no-results ul li code { | |
border:1px solid #b3b3b3; | |
padding:0 5px; | |
border-radius:4px; | |
display:inline-block; | |
margin:1px 0; | |
} | |
.no-results ul li ul { | |
list-style:circle; | |
padding:0 0 0 18px; | |
} | |
.no-results b,.no-results strong { | |
font-weight:bold; | |
} | |
.no-results i { | |
font-style:italic; | |
} | |
.paginate { | |
text-align:center; | |
padding:30px 5px; | |
border-top:1px solid #CFCFCF; | |
color:#777; | |
font-size:21px; | |
font-size:1.3125rem; | |
} | |
.paginate a { | |
margin:0 1px; | |
padding:0 3px; | |
font-weight:300; | |
text-decoration:none; | |
} | |
.conf-banner,a.conf-banner { | |
display:block; | |
border:1px solid #d5d6d2; | |
background:#fff; | |
border-radius:5px; | |
padding:1em; | |
margin:1em auto; | |
max-width:700px; | |
text-align:center; | |
color:#4a3c31; | |
} | |
.conf-banner h2,a.conf-banner h2 { | |
line-height:1.5; | |
} | |
.conf-banner:hover,a.conf-banner:hover { | |
text-decoration:none; | |
} | |
.conf-banner p,a.conf-banner p { | |
max-width:65%; | |
margin:0 auto 1em; | |
color:#4a3c31; | |
font-size:21px; | |
line-height:28px; | |
font-weight:100; | |
} | |
.conf-banner img,a.conf-banner img { | |
width:100%; | |
max-width:360px; | |
height:auto; | |
max-height:100px; | |
} | |
.no-svg .conf-banner img,.no-svg a.conf-banner img { | |
background:#f00; | |
} | |
.no-svg .conf-banner img:before,.no-svg a.conf-banner img:before { | |
content:"what"; | |
display:block; | |
width:400px; | |
height:200px; | |
} | |
.modal-overlay { | |
background-color:rgba(7,12,15,0.32); | |
z-index:9; | |
position:fixed; | |
left:0; | |
top:0; | |
height:100%; | |
width:100%; | |
} | |
.animated { | |
-webkit-animation-duration:1s; | |
animation-duration:1s; | |
-webkit-animation-fill-mode:both; | |
animation-fill-mode:both; | |
} | |
.bounceInDown { | |
-webkit-animation-name:bounceInDown; | |
animation-name:bounceInDown; | |
} | |
@-webkit-keyframes bounceInDown { | |
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
} | |
0% { | |
opacity:1; | |
-moz-transform:translate3d(0,-3000px,0); | |
-webkit-transform:translate3d(0,-3000px,0); | |
-o-transform:translate3d(0,-3000px,0); | |
transform:translate3d(0,-3000px,0); | |
} | |
60% { | |
-moz-transform:translate3d(0,100px,0); | |
-webkit-transform:translate3d(0,100px,0); | |
-o-transform:translate3d(0,100px,0); | |
transform:translate3d(0,100px,0); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:none; | |
-webkit-transform:none; | |
-o-transform:none; | |
transform:none; | |
} | |
} | |
@-moz-keyframes bounceInDown { | |
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
} | |
0% { | |
opacity:1; | |
-moz-transform:translate3d(0,-3000px,0); | |
-webkit-transform:translate3d(0,-3000px,0); | |
-o-transform:translate3d(0,-3000px,0); | |
transform:translate3d(0,-3000px,0); | |
} | |
60% { | |
-moz-transform:translate3d(0,100px,0); | |
-webkit-transform:translate3d(0,100px,0); | |
-o-transform:translate3d(0,100px,0); | |
transform:translate3d(0,100px,0); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:none; | |
-webkit-transform:none; | |
-o-transform:none; | |
transform:none; | |
} | |
} | |
@-o-keyframes bounceInDown { | |
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
} | |
0% { | |
opacity:1; | |
-moz-transform:translate3d(0,-3000px,0); | |
-webkit-transform:translate3d(0,-3000px,0); | |
-o-transform:translate3d(0,-3000px,0); | |
transform:translate3d(0,-3000px,0); | |
} | |
60% { | |
-moz-transform:translate3d(0,100px,0); | |
-webkit-transform:translate3d(0,100px,0); | |
-o-transform:translate3d(0,100px,0); | |
transform:translate3d(0,100px,0); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:none; | |
-webkit-transform:none; | |
-o-transform:none; | |
transform:none; | |
} | |
} | |
@keyframes bounceInDown { | |
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
} | |
0% { | |
opacity:1; | |
-moz-transform:translate3d(0,-3000px,0); | |
-webkit-transform:translate3d(0,-3000px,0); | |
-o-transform:translate3d(0,-3000px,0); | |
transform:translate3d(0,-3000px,0); | |
} | |
60% { | |
-moz-transform:translate3d(0,100px,0); | |
-webkit-transform:translate3d(0,100px,0); | |
-o-transform:translate3d(0,100px,0); | |
transform:translate3d(0,100px,0); | |
opacity:1; | |
} | |
100% { | |
-moz-transform:none; | |
-webkit-transform:none; | |
-o-transform:none; | |
transform:none; | |
} | |
} | |
.bounce { | |
-webkit-animation-name:bounce; | |
animation-name:bounce; | |
-webkit-transform-origin:center bottom; | |
-ms-transform-origin:center bottom; | |
transform-origin:center bottom; | |
} | |
@-webkit-keyframes bounce { | |
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-moz-transform:translate3d(0,0,0); | |
-webkit-transform:translate3d(0,0,0); | |
-o-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0); | |
} | |
40%,43% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-30px,0); | |
-webkit-transform:translate3d(0,-30px,0); | |
-o-transform:translate3d(0,-30px,0); | |
transform:translate3d(0,-30px,0); | |
} | |
70% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-15px,0); | |
-webkit-transform:translate3d(0,-15px,0); | |
-o-transform:translate3d(0,-15px,0); | |
transform:translate3d(0,-15px,0); | |
} | |
90% { | |
-moz-transform:translate3d(0,-4px,0); | |
-webkit-transform:translate3d(0,-4px,0); | |
-o-transform:translate3d(0,-4px,0); | |
transform:translate3d(0,-4px,0); | |
} | |
} | |
@-moz-keyframes bounce { | |
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-moz-transform:translate3d(0,0,0); | |
-webkit-transform:translate3d(0,0,0); | |
-o-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0); | |
} | |
40%,43% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-30px,0); | |
-webkit-transform:translate3d(0,-30px,0); | |
-o-transform:translate3d(0,-30px,0); | |
transform:translate3d(0,-30px,0); | |
} | |
70% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-15px,0); | |
-webkit-transform:translate3d(0,-15px,0); | |
-o-transform:translate3d(0,-15px,0); | |
transform:translate3d(0,-15px,0); | |
} | |
90% { | |
-moz-transform:translate3d(0,-4px,0); | |
-webkit-transform:translate3d(0,-4px,0); | |
-o-transform:translate3d(0,-4px,0); | |
transform:translate3d(0,-4px,0); | |
} | |
} | |
@-o-keyframes bounce { | |
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-moz-transform:translate3d(0,0,0); | |
-webkit-transform:translate3d(0,0,0); | |
-o-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0); | |
} | |
40%,43% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-30px,0); | |
-webkit-transform:translate3d(0,-30px,0); | |
-o-transform:translate3d(0,-30px,0); | |
transform:translate3d(0,-30px,0); | |
} | |
70% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-15px,0); | |
-webkit-transform:translate3d(0,-15px,0); | |
-o-transform:translate3d(0,-15px,0); | |
transform:translate3d(0,-15px,0); | |
} | |
90% { | |
-moz-transform:translate3d(0,-4px,0); | |
-webkit-transform:translate3d(0,-4px,0); | |
-o-transform:translate3d(0,-4px,0); | |
transform:translate3d(0,-4px,0); | |
} | |
} | |
@keyframes bounce { | |
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
timing-function:cubic-bezier(0.215,0.61,0.355,1); | |
-moz-transform:translate3d(0,0,0); | |
-webkit-transform:translate3d(0,0,0); | |
-o-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0); | |
} | |
40%,43% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-30px,0); | |
-webkit-transform:translate3d(0,-30px,0); | |
-o-transform:translate3d(0,-30px,0); | |
transform:translate3d(0,-30px,0); | |
} | |
70% { | |
-moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
timing-function:cubic-bezier(0.755,0.05,0.855,0.06); | |
-moz-transform:translate3d(0,-15px,0); | |
-webkit-transform:translate3d(0,-15px,0); | |
-o-transform:translate3d(0,-15px,0); | |
transform:translate3d(0,-15px,0); | |
} | |
90% { | |
-moz-transform:translate3d(0,-4px,0); | |
-webkit-transform:translate3d(0,-4px,0); | |
-o-transform:translate3d(0,-4px,0); | |
transform:translate3d(0,-4px,0); | |
} | |
} | |
.zoomIn { | |
-webkit-animation-name:zoomIn; | |
animation-name:zoomIn; | |
} | |
@-webkit-keyframes zoomIn { | |
0-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:.0; | |
} | |
50% { | |
-moz-transform:scale(1.05); | |
-webkit-transform:scale(1.05); | |
-o-transform:scale(1.05); | |
transform:scale(1.05); | |
opacity:1; | |
} | |
0% { | |
-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:0; | |
} | |
50% { | |
opacity:1; | |
} | |
} | |
@-moz-keyframes zoomIn { | |
0-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:.0; | |
} | |
50% { | |
-moz-transform:scale(1.05); | |
-webkit-transform:scale(1.05); | |
-o-transform:scale(1.05); | |
transform:scale(1.05); | |
opacity:1; | |
} | |
0% { | |
-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:0; | |
} | |
50% { | |
opacity:1; | |
} | |
} | |
@-o-keyframes zoomIn { | |
0-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:.0; | |
} | |
50% { | |
-moz-transform:scale(1.05); | |
-webkit-transform:scale(1.05); | |
-o-transform:scale(1.05); | |
transform:scale(1.05); | |
opacity:1; | |
} | |
0% { | |
-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:0; | |
} | |
50% { | |
opacity:1; | |
} | |
} | |
@keyframes zoomIn { | |
0-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:.0; | |
} | |
50% { | |
-moz-transform:scale(1.05); | |
-webkit-transform:scale(1.05); | |
-o-transform:scale(1.05); | |
transform:scale(1.05); | |
opacity:1; | |
} | |
0% { | |
-moz-transform:scale3d(0.9,0.9,0.9); | |
-webkit-transform:scale3d(0.9,0.9,0.9); | |
-o-transform:scale3d(0.9,0.9,0.9); | |
transform:scale3d(0.9,0.9,0.9); | |
opacity:0; | |
} | |
50% { | |
opacity:1; | |
} | |
} | |
@-webkit-keyframes bounce--up { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@-moz-keyframes bounce--up { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@-o-keyframes bounce--up { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@keyframes bounce--up { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@-webkit-keyframes bounce--left { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@-moz-keyframes bounce--left { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@-o-keyframes bounce--left { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@keyframes bounce--left { | |
0205080100-moz-transform:translateY(0); | |
-webkit-transform:translateY(0); | |
-o-transform:translateY(0); | |
transform:translateY(0); | |
} | |
40% { | |
-moz-transform:translateY(5px); | |
-webkit-transform:translateY(5px); | |
-o-transform:translateY(5px); | |
transform:translateY(5px); | |
} | |
60% { | |
-moz-transform:translateY(2px); | |
-webkit-transform:translateY(2px); | |
-o-transform:translateY(2px); | |
transform:translateY(2px); | |
} | |
} | |
@media screen and max-width520px { | |
.hide-for-mobile { | |
display:none!important; | |
} | |
} | |
@media screen and min-width325em and min-height2625em { | |
.nav-collapsed .tour-callout-marker,.nav-collapsed .tour-callout-marker.nav-marker { | |
padding-left:0; | |
} | |
} | |
.tour-callout-marker { | |
position:absolute; | |
z-index:90; | |
box-sizing:border-box; | |
margin-top:-20px; | |
margin-top:-1.25rem; | |
-moz-transition-property:all; | |
-webkit-transition-property:all; | |
-o-transition-property:all; | |
transition-property:all; | |
-moz-transition-duration:.2s; | |
-webkit-transition-duration:.2s; | |
-o-transition-duration:.2s; | |
transition-duration:.2s; | |
-moz-timing-function:ease-in-out; | |
-webkit-timing-function:ease-in-out; | |
-o-timing-function:ease-in-out; | |
timing-function:ease-in-out; | |
} | |
@media screen and min-width325625em and min-height2625em { | |
.tour-callout-marker { | |
padding-left:65px; | |
} | |
.tour-callout-marker.nav-marker { | |
padding-left:135px; | |
padding-top:30px; | |
} | |
} | |
@media screen and max-width325625em { | |
.tour-callout-marker.nav-marker { | |
padding-top:100px!important; | |
} | |
.tour-callout-marker.nav-marker a { | |
background:url(/static/images/callout-marker--points-up.b21e3fe49254.svg) left top no-repeat; | |
background-size:32px 39px; | |
} | |
} | |
.tour-callout-marker.marker-is-hidden { | |
display:none; | |
} | |
.tour-callout-marker.nav-marker { | |
margin-left:40px; | |
} | |
.tour-callout-marker.marker-is-animated { | |
-moz-animation:bounce--up 2s 3; | |
-webkit-animation:bounce--up 2s 3; | |
animation:bounce--up 2s 3; | |
} | |
.tour-callout-marker a { | |
background:url(/static/images/tour-callout-market.377b0c42e9b8.svg) left top no-repeat; | |
background-size:32px 39px; | |
display:block; | |
width:32px; | |
height:39px; | |
padding:0; | |
margin:0; | |
} | |
.tour-dialogue { | |
background:#fff; | |
border:1px solid #d5d6d2; | |
padding:0 20px 20px; | |
padding:0 1.25rem 1.25rem; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
-moz-box-shadow:rgba(0,0,0,0.2) 0 0 20px 0; | |
-webkit-box-shadow:rgba(0,0,0,0.2) 0 0 20px 0; | |
-o-box-shadow:rgba(0,0,0,0.2) 0 0 20px 0; | |
box-shadow:rgba(0,0,0,0.2) 0 0 20px 0; | |
-moz-transition-duration:.75s; | |
-webkit-transition-duration:.75s; | |
-o-transition-duration:.75s; | |
transition-duration:.75s; | |
width:512px; | |
} | |
@media screen and max-width620px { | |
.tour-dialogue { | |
width:95%; | |
margin:0 2.5%!important; | |
left:0!important; | |
} | |
.tour-dialogue .dialog-actions li,.tour-dialogue .dialog-actions li .button { | |
width:100%; | |
text-align:center; | |
} | |
} | |
.tour-dialogue h1 { | |
font-size:26px; | |
font-size:1.625rem; | |
margin-bottom:0; | |
} | |
.tour-dialogue p { | |
margin:10px 0; | |
margin:.625rem 0; | |
font-size:16px; | |
font-size:1rem; | |
} | |
.tour-dialogue .no-margin { | |
margin:0; | |
} | |
.tour-dialogue ul li,.tour-dialogue ol li { | |
display:inline-block; | |
} | |
.tour-dialogue .dialog-actions { | |
text-align:right; | |
position:relative; | |
top:10px; | |
} | |
@media screen and min-width820px { | |
.tour-dialogue .dialog-actions { | |
top:0; | |
} | |
.tour-dialogue .dialog-actions li { | |
margin:0 0 0 10px; | |
margin:0 0 0 .625rem; | |
} | |
} | |
.tour-dialogue.dropdown-dialogue { | |
position:fixed; | |
top:20%; | |
left:50%; | |
margin-left:-256px; | |
z-index:99; | |
-moz-transform:translateY(-50%); | |
-webkit-transform:translateY(-50%); | |
-o-transform:translateY(-50%); | |
transform:translateY(-50%); | |
-moz-transition-property:top; | |
-webkit-transition-property:top; | |
-o-transition-property:top; | |
transition-property:top; | |
} | |
.tour-dialogue.dropdown-dialogue.dialogue-hidden { | |
top:-1000px; | |
} | |
.tour-dialogue.zoomin-dialogue { | |
position:fixed; | |
z-index:99; | |
max-width:400px; | |
margin-left:50px; | |
} | |
.tour-dialogue.zoomin-dialogue.nav-dialogue { | |
margin-left:75px; | |
} | |
.tour-dialogue.zoomin-dialogue:before { | |
background-image:url(/static/images/dialogue-arrow-left.f47bc5da03bf.svg); | |
content:""; | |
background-position:left top; | |
background-repeat:no-repeat; | |
left:-16px; | |
top:20px; | |
width:17px; | |
height:32px; | |
position:absolute; | |
} | |
.tour-dialogue.zoomin-dialogue.dialogue-hidden { | |
display:none; | |
} | |
@media screen and max-width5125em,screen and max-height3875em { | |
.tour-dialogue.zoomin-dialogue { | |
top:20%!important; | |
left:50%!important; | |
margin-left:-200px!important; | |
} | |
.tour-dialogue.zoomin-dialogue .modal-overlay { | |
display:block!important; | |
} | |
} | |
@media screen and max-width5125em and max-width325em,screen and max-height3875em and max-width325em { | |
.tour-dialogue.zoomin-dialogue { | |
margin-left:0!important; | |
left:10px!important; | |
} | |
} | |
@media screen and max-width5125em,screen and max-height3875em { | |
.tour-dialogue.zoomin-dialogue:before { | |
display:none!important; | |
} | |
} | |
.tour-dialogue .content { | |
width:100%; | |
overflow:hidden; | |
white-space:nowrap; | |
} | |
.tour-dialogue .content .slide { | |
width:100%; | |
white-space:normal; | |
display:inline-block; | |
vertical-align:top; | |
} | |
.tour-dialogue .content h1 { | |
font-weight:300; | |
margin-bottom:0; | |
} | |
.tour-dialogue .disable-tour { | |
float:left; | |
color:#846f5e; | |
position:relative; | |
z-index:100; | |
font-size:13px; | |
} | |
.tour-dialogue .disable-tour a { | |
color:#846f5e; | |
text-decoration:underline; | |
} | |
.tour-dialogue .disable-tour a:hover { | |
color:#e98300; /* *orange* */ | |
} | |
.tour-dialogue .pagination { | |
text-align:center; | |
clear:both; | |
} | |
.tour-dialogue .pagination li { | |
margin:0 5px; | |
} | |
.tour-dialogue .pagination a { | |
background-color:#d5d6d2; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
-o-border-radius:5px; | |
border-radius:5px; | |
display:block; | |
text-indent:-119988px; | |
overflow:hidden; | |
text-align:left; | |
text-transform:capitalize; | |
width:10px; | |
height:10px; | |
} | |
.tour-dialogue .pagination a.active { | |
background-color:#e98300; /* *orange* */ | |
} | |
@font-face { | |
font-family:"Stag Sans"; | |
src:url(/static/fonts/StagSans-Light-Web.c1c08bd5054a.woff) format(opentype); | |
font-weight:100; | |
font-style:normal; | |
} | |
@font-face { | |
font-family:"Stag Sans"; | |
src:url(/static/fonts/StagSans-Book-Web.cf0f67e901e6.woff) format(opentype); | |
font-weight:normal; | |
font-style:normal; | |
} | |
@font-face { | |
font-family:"Stag Sans"; | |
src:url(/static/fonts/StagSans-Bold-Web.5089996cd9c0.woff) format(opentype); | |
font-weight:bold; | |
font-style:normal; | |
} | |
@font-face { | |
font-family:"Stag Web"; | |
src:url(/static/fonts/Stag-Light-Web.1693bf43745e.woff) format(opentype); | |
font-weight:100; | |
font-style:normal; | |
} | |
@font-face { | |
font-family:"Stag Web"; | |
src:url(/static/fonts/Stag-Book-Web.65fe8063112e.woff) format(opentype); | |
font-weight:normal; | |
font-style:normal; | |
} | |
@font-face { | |
font-family:"Stag Web"; | |
src:url(/static/fonts/Stag-Bold-Web.c6643e85346e.woff) format(opentype); | |
font-weight:bold; | |
font-style:normal; | |
} | |
@font-face { | |
font-family:"SS Flow"; | |
src:url(/static/fonts/ss-flow.af98a8a51d13.woff) format(opentype); | |
font-weight:normal; | |
font-style:normal; | |
} | |
.dashboard-module h1,.dashboard-module h2 { | |
font-size:14px; | |
font-size:1.4rem; | |
line-height:16px; | |
line-height:1.6rem; | |
font-weight:400; | |
margin:0; | |
} | |
.dashboard-module p { | |
font-size:9px; | |
font-size:.9rem; | |
line-height:12px; | |
line-height:1.2rem; | |
margin-top:0; | |
} | |
.dashboard-module .header div { | |
font-size:8px; | |
font-size:.8rem; | |
line-height:8px; | |
line-height:.8rem; | |
font-weight:400; | |
} | |
.dashboard-module .title { | |
font-size:10px; | |
font-size:1rem; | |
line-height:14px; | |
line-height:1.4rem; | |
font-weight:400; | |
} | |
.dashboard-module aside { | |
font-size:8px; | |
font-size:.8rem; | |
line-height:14px; | |
line-height:1.4rem; | |
font-weight:100; | |
} | |
.dashboard .page__title,.dashboard .wrapper--content { | |
margin:0 0 0 20px; | |
margin:0 0 0 20px; | |
} | |
@mediamax-width325625em { | |
.dashboard .page__title,.dashboard .wrapper--content { | |
margin:10px 0 0 15px; | |
margin:1rem 0 0 15px; | |
} | |
} | |
.dashboard-grid { | |
max-width:100%; | |
margin-left:auto; | |
margin-right:auto; | |
max-width:100%; | |
overflow:hidden; | |
} | |
.dashboard-grid:after { | |
content:" "; | |
display:block; | |
clear:both; | |
} | |
.dashboard-row { | |
width:100%; | |
overflow:scroll; | |
} | |
@mediamin-width20em { | |
.dashboard-module { | |
margin:10px 0 20px; | |
margin:1rem 0 2rem; | |
width:120%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width325625em { | |
.dashboard-module { | |
width:120%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width419375em { | |
.dashboard-module { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width48em { | |
.dashboard-module { | |
margin:10px 0; | |
margin:1rem 0; | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width494375em { | |
.dashboard-module { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width506875em { | |
.dashboard-module { | |
margin:10px 0 20px; | |
margin:1rem 0 2rem; | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width69em { | |
.dashboard-module { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width78125em { | |
.dashboard-module { | |
margin:20px 0; | |
margin:2rem 0; | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width1000625em { | |
.dashboard-module { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
.dashboard-module .header { | |
padding:0 0 5px; | |
padding:0 0 .5rem; | |
margin:0 0 10px; | |
margin:0 0 1rem; | |
border-bottom:1px solid #d5d6d2; | |
} | |
.dashboard-module .header div { | |
float:right; | |
margin-top:-15px; | |
} | |
.dashboard-module aside { | |
margin:-5px 0 10px; | |
margin:-.5rem 0 1rem; | |
} | |
.dashboard-module .card--cover-card { | |
width:21.05263%; | |
float:left; | |
} | |
.dashboard-module .card--cover-card:nth-child(4n+1) { | |
margin-left:0; | |
margin-right:-100%; | |
clear:both; | |
margin-left:0; | |
} | |
.dashboard-module .card--cover-card:nth-child(4n+2) { | |
margin-left:26.31579%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module .card--cover-card:nth-child(4n+3) { | |
margin-left:52.63158%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module .card--cover-card:nth-child(4n+4) { | |
margin-left:78.94737%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module .card--cover-card .card-details { | |
display:none; | |
} | |
@mediamin-width20em { | |
.dashboard-module.full-size { | |
width:270%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width325625em { | |
.dashboard-module.full-size { | |
width:270%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width419375em { | |
.dashboard-module.full-size { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width48em { | |
.dashboard-module.full-size { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width494375em { | |
.dashboard-module.full-size { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width506875em { | |
.dashboard-module.full-size { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width69em { | |
.dashboard-module.full-size { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width78125em { | |
.dashboard-module.full-size { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width1000625em { | |
.dashboard-module.full-size { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
.dashboard-module.full-size .card--cover-card { | |
width:9.09091%; | |
float:left; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+1) { | |
margin-left:0; | |
margin-right:-100%; | |
clear:both; | |
margin-left:0; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+2) { | |
margin-left:11.36364%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+3) { | |
margin-left:22.72727%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+4) { | |
margin-left:34.09091%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+5) { | |
margin-left:45.45455%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+6) { | |
margin-left:56.81818%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+7) { | |
margin-left:68.18182%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+8) { | |
margin-left:79.54545%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.full-size .card--cover-card:nth-child(9n+9) { | |
margin-left:90.90909%; | |
margin-right:-100%; | |
clear:none; | |
} | |
@mediamin-width20em { | |
.dashboard-module.big-covers { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width325625em { | |
.dashboard-module.big-covers { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width419375em { | |
.dashboard-module.big-covers { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width48em { | |
.dashboard-module.big-covers { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width494375em { | |
.dashboard-module.big-covers { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width506875em { | |
.dashboard-module.big-covers { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width69em { | |
.dashboard-module.big-covers { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width78125em { | |
.dashboard-module.big-covers { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width1000625em { | |
.dashboard-module.big-covers { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
.dashboard-module.big-covers .card--cover-card { | |
width:28.57143%; | |
float:left; | |
} | |
.dashboard-module.big-covers .card--cover-card:nth-child(3n+1) { | |
margin-left:0; | |
margin-right:-100%; | |
clear:both; | |
margin-left:0; | |
} | |
.dashboard-module.big-covers .card--cover-card:nth-child(3n+2) { | |
margin-left:35.71429%; | |
margin-right:-100%; | |
clear:none; | |
} | |
.dashboard-module.big-covers .card--cover-card:nth-child(3n+3) { | |
margin-left:71.42857%; | |
margin-right:-100%; | |
clear:none; | |
} | |
@mediamin-width240px { | |
.dashboard-module.big-covers .cover-image-container { | |
height:120px; | |
} | |
} | |
@mediamin-width20em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:150px; | |
} | |
} | |
@mediamin-width325625em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:200px; | |
} | |
} | |
@mediamin-width419375em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:150px; | |
} | |
} | |
@mediamin-width48em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:160px; | |
} | |
} | |
@mediamin-width494375em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:160px; | |
} | |
} | |
@mediamin-width506875em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:200px; | |
} | |
} | |
@mediamin-width69em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:200px; | |
} | |
} | |
@mediamin-width78125em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:150px; | |
} | |
} | |
@mediamin-width1000625em { | |
.dashboard-module.big-covers .cover-image-container { | |
height:200px; | |
} | |
} | |
.dashboard-module.announcement { | |
background-color:white; | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px; | |
border-radius:3px; | |
} | |
@mediamin-width20em { | |
.dashboard-module.announcement { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width325625em { | |
.dashboard-module.announcement { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width419375em { | |
.dashboard-module.announcement { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width48em { | |
.dashboard-module.announcement { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width494375em { | |
.dashboard-module.announcement { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width506875em { | |
.dashboard-module.announcement { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width69em { | |
.dashboard-module.announcement { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width78125em { | |
.dashboard-module.announcement { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width1000625em { | |
.dashboard-module.announcement { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
.dashboard-module.announcement h1,.dashboard-module.announcement h2,.dashboard-module.announcement p { | |
width:90%; | |
padding:15px; | |
} | |
.dashboard-module.announcement p { | |
padding-top:0; | |
padding-bottom:20px; | |
margin:0; | |
} | |
@mediamin-width20em { | |
.dashboard-module.editors-picks { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width325625em { | |
.dashboard-module.editors-picks { | |
width:96%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width419375em { | |
.dashboard-module.editors-picks { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width48em { | |
.dashboard-module.editors-picks { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width494375em { | |
.dashboard-module.editors-picks { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width506875em { | |
.dashboard-module.editors-picks { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width69em { | |
.dashboard-module.editors-picks { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width78125em { | |
.dashboard-module.editors-picks { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
@mediamin-width1000625em { | |
.dashboard-module.editors-picks { | |
width:44.7%; | |
float:left; | |
margin-right:5.26316%; | |
} | |
} | |
.dashboard-module .cover-image-container { | |
padding:0; | |
padding:0; | |
margin:0; | |
margin:0; | |
float:none; | |
display:table-cell; | |
width:100%; | |
max-width:600px; | |
vertical-align:bottom; | |
} | |
@mediamin-width20em { | |
.dashboard-module .cover-image-container { | |
height:170px; | |
} | |
} | |
@mediamin-width325625em { | |
.dashboard-module .cover-image-container { | |
height:200px; | |
} | |
} | |
@mediamin-width419375em { | |
.dashboard-module .cover-image-container { | |
height:110px; | |
} | |
} | |
@mediamin-width48em { | |
.dashboard-module .cover-image-container { | |
height:110px; | |
} | |
} | |
@mediamin-width494375em { | |
.dashboard-module .cover-image-container { | |
height:110px; | |
} | |
} | |
@mediamin-width506875em { | |
.dashboard-module .cover-image-container { | |
height:150px; | |
} | |
} | |
@mediamin-width69em { | |
.dashboard-module .cover-image-container { | |
height:170px; | |
} | |
} | |
@mediamin-width78125em { | |
.dashboard-module .cover-image-container { | |
height:200px; | |
} | |
} | |
@mediamin-width1000625em { | |
.dashboard-module .cover-image-container { | |
height:200px; | |
} | |
} | |
.card--list-card { | |
width:100%; | |
margin:0; | |
list-style:none; | |
height:50px; | |
} | |
.card--list-card .cover { | |
display:inline-table; | |
width:35px; | |
} | |
.card--list-card .cover img { | |
width:30px; | |
border:1px solid #d5d6d2; | |
} | |
.card--list-card .metadata-container { | |
display:inline-table; | |
vertical-align:top; | |
width:85%; | |
padding-bottom:15px; | |
} | |
.card--list-card .title { | |
max-width:30em; | |
padding-bottom:5px; | |
} | |
.blog-posts .card--list-card { | |
height:auto; | |
} | |
.blog-posts .metadata-container { | |
padding-bottom:0; | |
} | |
.cover-image-container img { | |
border:1px solid #d5d6d2; | |
width:100%; | |
} | |
.cover-image-container img:hover { | |
width:103%; | |
} | |
.card--video .card-image a:before { | |
background:url(/static/images/icon__play-prompt.b3c437d75a99.svg) 18px center no-repeat rgba(7,12,15,0.5); | |
} | |
.simplelist .list-description { | |
max-width:1600px; | |
box-sizing:border-box; | |
overflow:hidden; | |
text-align:left; | |
background-color:#e1dfda; | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px; | |
-o-border-radius:3px; | |
border-radius:3px; | |
-moz-box-sizing:border-box; | |
-webkit-box-sizing:border-box; | |
-o-box-sizing:border-box; | |
box-sizing:border-box; | |
margin:0 20px; | |
padding:15px; | |
} | |
@mediamin-width48em { | |
.simplelist .list-description { | |
padding:15px 2% 15px 15px; | |
} | |
} | |
@mediamin-width78125em { | |
.simplelist .list-description { | |
padding:15px 16% 15px 15px; | |
} | |
} | |
.simplelist .list-description article { | |
font-size:18px; | |
max-width:1000px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-moz-document domain("safaribooksonline.com") { | |
.articlelist>li .cover a:focus { | |
border:1px solid #ab6000 !important; | |
} | |
small.ok { | |
color:#ab6000 !important; | |
} | |
a:link,a:visited { | |
color:#ab6000 !important; | |
} | |
a:link.gray-link:focus,a:link:focus,a:link.gray-link:hover,a:link:hover,a:visited.gray-link:focus,a:visited:focus,a:visited.gray-link:hover,a:visited:hover { | |
color:#ab6000 !important; | |
} | |
a.skip:active,a.skip:focus,a.skip:hover { | |
background-color:#ab6000 !important; | |
} | |
a.l0.active,a.l1.active,a.l2.active { | |
color:#ab6000 !important; | |
} | |
.autocomplete-suggestions .autocomplete-suggestion:focus,.autocomplete-suggestions .autocomplete-suggestion:hover,.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected { | |
color:#ab6000 !important; | |
} | |
.searchbox .search-form:hover,.searchbox .search-form:focus,.searchbox .search-form:active,.searchbox .search-form.active { | |
border:1px solid #ab6000 !important; | |
} | |
.oldie .logo .safari:focus,.oldie .logo .safari:hover { | |
background-color:#ab6000 !important; | |
} | |
.logo .safari { | |
background:#ab6000 !important; | |
} | |
.l2:focus,.l2:hover { | |
color:#ab6000 !important; | |
} | |
.gen-nav .login { | |
color:#ab6000 !important; | |
} | |
.mknav { | |
background-color:#ab6000 !important; | |
} | |
.tooltip.active .tooltip-inner { | |
background-color:#ab6000 !important; | |
} | |
.tooltip.active.right .tooltip-arrow { | |
border-right-color:#ab6000 !important; | |
} | |
.homepage section small a:focus,.homepage section small a:hover { | |
color:#ab6000 !important; | |
} | |
.feedback.added:before { | |
color:#ab6000 !important; | |
} | |
.articlelist>li .info .main a.title-block { | |
color:#ab6000 !important; | |
} | |
.rec-fav.active,.rec-fav.active:before { | |
color:#ab6000 !important; | |
} | |
.recommended-reason .book-title a:focus,.recommended-reason .book-title a:hover { | |
color:#ab6000 !important; | |
} | |
.topic-display li .topic { | |
color:#ab6000 !important; | |
} | |
.expanded .live-agent input { | |
background:#ab6000 none no-repeat 0 0 !important; | |
} | |
.expanded .live-agent input:focus,.expanded .live-agent input:hover { | |
background:#ab6000 !important; | |
} | |
.django-messages .success,.django-messages .info { | |
background:#ab6000 !important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a { | |
color:#ab6000 !important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-delete:hover { | |
background:#ab6000 !important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive { | |
background:#ab6000 !important; | |
} | |
#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:hover { | |
background:#ab6000 !important; | |
} | |
.pagefoot a:active,.pagefoot a:focus,.pagefoot a:hover { | |
color:#ab6000 !important; | |
} | |
.pagefoot li a { | |
color:#ab6000 !important; | |
} | |
.subscribe-nag .green { | |
color:#ab6000 !important; | |
} | |
.subscribe-nag .js-toggle-nag:focus,.subscribe-nag .js-toggle-nag:hover { | |
background-color:#ab6000 !important; | |
} | |
.teams .members-rate { | |
color:#ab6000 !important; | |
} | |
#settings .pod.upgrade.upgrade-green { | |
background-color:#ab6000 !important; | |
} | |
#settings .tabs ul li a.active { | |
color:#ab6000 !important; | |
} | |
.apps-promotion__android-cta a:focus,.apps-promotion__android-cta a:hover,.apps-promotion__android-cta a:active,.section__more-link a:focus,.section__more-link a:hover,.section__more-link a:active { | |
color:#ab6000 !important; | |
} | |
.no-touch .layout2 nav a:focus,.no-touch .layout2 nav a:hover,.layout2 nav a.active { | |
color:#ab6000 !important; | |
} | |
.inline-icon { | |
color:#ab6000 !important; | |
} | |
.checkmark { | |
color:#ab6000 !important; | |
} | |
#plan_form .plantype .pricing,#plan_form .plantype .lead,#plan_form .planoption .pricing,#plan_form .planoption .lead,#cancel_form .plantype .pricing,#cancel_form .plantype .lead,#cancel_form .planoption .pricing,#cancel_form .planoption .lead { | |
color:#ab6000 !important; | |
} | |
.user-profile .nav ol li a:focus,.user-profile .nav ol li a:hover { | |
color:#ab6000 !important; | |
} | |
.user-profile .nav ol li a.current { | |
color:#ab6000 !important; | |
} | |
.user-profile .annotation-list .annotation-info li .annotation-quote:focus,.user-profile .annotation-list .annotation-info li .annotation-quote:hover { | |
color:#ab6000 !important; | |
} | |
.tour-dialogue .disable-tour a:hover { | |
color:#ab6000 !important; | |
} | |
.tour-dialogue .pagination a.active { | |
background-color:#ab6000 !important; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment