dash-docs/_sass/screen.scss
David A. Harding a40fb73dab
Layout: render CSS with both "less" and "scss"
This commit renders the same CSS files using both the "less" and "scss"
CSS generation engines so that the results may be compared.  This is a
comparison script:

    old_main_css=$( grep -rl normalize.css _site/*.css )
    new_main_css=_site/css/main.css
    old_rtl_css=$( grep 'Language specific styles that override default' -rl _site/*.css )
    new_rtl_css=_site/css/rtl.css

    (
      diff -ub $old_main_css $new_main_css
      diff -ub $old_rtl_css $new_rtl_css
    )
2017-06-23 11:49:28 -04:00

2982 lines
56 KiB
SCSS

/*
This file is licensed under the MIT License (MIT) available on
http://opensource.org/licenses/MIT.
*/
/*Styles for HTML tags*/
body{
font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
font-size:16px;
margin:0;
padding:0;
color:#646464;
background-color:#f7f7f7;
}
h1{
font-family:'Ubuntu', sans-serif;
font-weight:700;
color:#0d579b;
font-size:160%;
margin-top:0;
text-align:center;
}
h2{
font-family:'Ubuntu', sans-serif;
font-weight:700;
color:#383838;
font-size:130%;
text-align:left;
}
h3{
color:#383838;
font-size:110%;
text-align:left;
}
a:link,
a:visited,
a:active,
a.link-js{
color:#2c6fad;
text-decoration:none;
cursor:pointer;
}
a:link:hover,
a:visited:hover,
a:active:hover,
a.link-js:hover{
color:#63a4e1;
}
a img,
a:link img,
a:visited img,
a:active img{
border:0;
}
blockquote{
margin-left:0;
border-left:5px solid #eee;
padding-left:15px;
font-size: 120%;
}
pre{
background-color:#f5f5f5;
display:block;
padding:17px;
line-height:1.5em;
font-size:75%;
border:1px solid #ccc;
white-space:pre;
overflow-y:auto;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
pre code{
font-size:100%;
padding:0;
border:0;
white-space:pre;
}
code{
padding:2px 4px;
background-color:#f5f5f5;
font-size:85%;
white-space:nowrap;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
ul,ol{
padding-left:20px;
margin-left:0;
}
ul ul{
list-style-type:disc;
}
li{
margin:10px 0;
}
table td,table th{
padding:10px;
border:1px solid #ddd;
}
/*Styles for whole website*/
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-r-webfont.eot');
src:url('/font/ubuntu/ubuntu-r-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-r-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-r-webfont.ttf') format('truetype'),
url('/font/ubuntu/ubuntu-r-webfont.svg') format('svg');
font-weight:300;
font-style:normal;
}
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-ri-webfont.eot');
src:url('/font/ubuntu/ubuntu-ri-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-ri-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-ri-webfont.ttf') format('truetype'),
url('/font/ubuntu/ubuntu-ri-webfont.svg') format('svg');
font-weight:300;
font-style:italic;
}
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-b-webfont.eot');
src:url('/font/ubuntu/ubuntu-b-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-b-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-b-webfont.ttf') format('truetype'),
url('/font/ubuntu/ubuntu-b-webfont.svg') format('svg');
font-weight:700;
font-style:normal;
}
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-bi-webfont.eot');
src:url('/font/ubuntu/ubuntu-bi-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-bi-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-bi-webfont.ttf') format('truetype'),
url('/font/ubuntu/ubuntu-bi-webfont.svg') format('svg');
font-weight:700;
font-style:italic;
}
.banner-message,
.banner-message a,
.banner-message a:link,
.banner-message a:active,
.banner-message a:visited{
display:block;
color:#fff;
}
.banner-message a:hover{
text-decoration:underline;
}
.banner-message a{
background-color:#c5251f;
}
.banner-message.alert a{
background-color:#c5251f;
}
.banner-message.warning a{
background-color:#E58716;
}
.banner-message.success a{
background-color:#329239;
}
.banner-message.info a{
background-color:#0d579b;
}
.banner-message.minor a{
background-color: yellow;
color: black;
}
.banner-message a span{
display:block;
margin:auto;
width:850px;
padding:10px;
text-align: center;
}
.center {
text-align: center;
margin-right: auto;
margin-left: auto;
}
.head{
margin:30px 0 30px 0;
}
.head div{
width:940px;
margin:auto;
position:relative;
z-index:100;
}
.body{
width:940px;
margin:auto;
position:relative;
}
.langselect{
display:none;
}
.lang,
.lang li,
.lang ul{
display:block;
list-style:none;
padding:0;
margin:0;
cursor:pointer;
}
.lang{
position:absolute;
right:5px;
top:8px;
border-left:2px solid transparent;
border-right:2px solid transparent;
border-top:2px solid transparent;
}
.lang:hover{
border-left:2px solid #ebebeb;
border-right:2px solid #ebebeb;
border-top:2px solid #ebebeb;
background-color:#fff;
}
.lang li ul{
display:none;
right:-2px;
position:absolute;
background-color:#fff;
padding:20px;
border:2px solid #ebebeb;
white-space:nowrap;
}
.lang:hover li ul{
display:block;
}
.lang li ul li{
display:inline-block;
vertical-align:top;
text-align:left;
width:180px;
}
.lang li ul li ul{
position:relative;
margin:-4px 0;
padding:0;
border:0;
top:0;
}
.lang li ul li ul li{
display:block;
}
.lang li a,
.lang li a:link,
.lang li a:visited,
.lang li a:active{
text-decoration:none;
font-size:115%;
display:inline-block;
color:#b8b8b8;
padding:4px 8px;
}
.lang li ul li a,
.lang li ul li a:link,
.lang li ul li a:visited,
.lang li ul li a:active{
padding:4px 0;
width:180px;
}
.lang:hover li a,
.lang li ul li ul li:hover a,
.lang li ul li ul li a.active{
color:#666666;
}
.lang:hover li ul li a{
color:#b8b8b8;
}
.logo{
display:block;
margin-left:40px;
width:191px;
height:40px;
}
.menumobile{
display:none;
}
.menusimple{
margin:0;
position:absolute;
top:8px;
left:245px;
padding:0;
height:35px;
}
.menusimple li{
list-style:none;
display:inline-block;
position:relative;
padding:0;
margin:0 3px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.menusimple>li a,
.menusimple>li a:active,
.menusimple>li a:visited,
.menusimple>li a:link{
color:#2c6fad;
}
.menusimple>li a{
cursor:pointer;
font-family:'Ubuntu', sans-serif;
font-weight:300;
font-size:110%;
display:block;
text-decoration:none;
padding:6px 10px 4px 10px;
white-space:nowrap;
}
.menusimple>li ul{
display:none;
position:absolute;
background-color:#fff;
border:1px solid #2c6fad;
min-width:120%;
padding:5px 0;
margin:0;
left:0;
}
.menusimple>li>ul li{
margin:0;
display:block;
width:100%;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.menusimple>li>ul>li a{
font-size:100%;
margin:1px 0;
padding:6px 10px 3px 10px;
}
.menusimple li:hover,
.menusimple li.active{
background-color:#2c6fad;
}
.menusimple li:hover>a,
.menusimple li.active>a{
color:#fff;
}
.menusimple li:hover>ul{
display:block;
}
.menusimple.menumain>li:first-child,
.menusimple.menumain>li:first-child+li,
.menusimple.menumain>li:first-child+li+li+li,
.menusimple.menucore>li:first-child,
.menusimple.menucore>li:first-child+li+li{
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.menusimple.menucore>li:first-child+li+li+li+li a{
font-weight: 700;
}
.breadcrumbs {
font-size: 75%;
padding-left: 10px;
}
.content{
position:relative;
padding:30px 40px 40px 40px;
margin:0 5px;
text-align:justify;
background-color:#fff;
min-height:400px;
border:2px solid #ebebeb;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.content p,
.content li,
.content table{
line-height:1.5em;
}
h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa {
margin-right: 10px;
}
.footer{
text-align:center;
width:940px;
margin:auto;
}
.footermenu{
position:relative;
padding:0 0 20px 0;
font-size:94%;
}
.footermenu a{
margin-right:15px;
white-space:nowrap;
}
.footersponsor div{
display:inline-block;
color:#8D8D8D;
margin:0 0 25px 0;
line-height:2em;
}
.footersponsor span{
white-space:nowrap;
}
.footersponsor span,
.footersponsor a,
.footersponsor a:link,
.footersponsor a:active,
.footersponsor a:visited{
display:inline-block;
margin:5px;
}
.footersponsor img{
width:245px;
height:18px;
}
.footerlicense{
font-size:94%;
padding-bottom:20px;
}
.statusmenu{
display:inline-block;
padding-left:20px;
background-position:left center;
background-repeat:no-repeat;
background-image:url(/img/icons/netstatus_normal.svg);
}
.statusmenu.alert{
background-image:url(/img/icons/netstatus_alert.svg);
}
/*Styles specific to elements in pages*/
.mainsummary,
.mainvideo,
.mainlist{
text-align:center;
}
.mainsummary{
font-size:145%;
color:#7b7c7c;
margin:20px auto 45px auto;
}
.mainvideo{
position:relative;
margin:auto;
max-width:640px;
max-height:360px;
}
.mainvideo iframe,
.mainvideo img{
width:640px;
height:360px;
}
.mainvideo div div{
cursor:pointer;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.mainvideo .mainvideoicon{
display:block;
background:url(/img/icons/video_play.svg) center center no-repeat;
}
.mainvideo .mainvideoiconhover{
display:none;
background:url(/img/icons/video_play_hover.svg) center center no-repeat;
}
.mainvideo:hover .mainvideoicon{
display:none;
}
.mainvideo:hover .mainvideoiconhover{
display:block;
}
.mainlist{
font-size:125%;
max-width:760px;
margin:30px auto;
display:table;
}
.mainlist>div{
display:table-cell;
width:240px;
min-width:200px;
text-align:center;
}
.mainlist>div>div{
display:inline-block;
line-height:1.5em;
}
.mainlist>div>div>div{
display:inline-block;
}
.mainlist img{
display:block;
margin:10px auto;
vertical-align:top;
position:relative;
height:48px;
width:48px;
}
.maindesc{
max-width:760px;
margin:auto;
line-height:1.5em;
}
.mainbutton{
text-align:center;
}
.mainbutton a,
.mainbutton a:link,
.mainbutton a:visited,
.mainbutton a:active{
font-family:'Ubuntu', sans-serif;
font-weight:400;
font-size:150%;
text-shadow:0 2px 6px rgba(0,0,0,0.6);
text-align:left;
display:inline-block;
background-color:#2c6fad;
border:1px solid #20598f;
background-image:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
color:#fff;
padding:15px 20px 20px 68px;
margin:40px 0 40px 0;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
}
.mainbutton a:hover{
background-image:none;
color:#fff;
}
.mainbutton img{
margin-right:10px;
margin-left:-52px;
margin-bottom:-12px;
height:42px;
width:42px;
}
.mainoverview{
font-size:130%;
text-align:center;
margin-bottom:10px;
}
.mainoverviews{
font-size:145%;
text-align:center;
margin-bottom:10px;
}
.mainoverviews a{
margin:5px 15px;
display:inline-block;
}
.starttitle{
text-align:center;
}
.starttitle span{
padding:10px;
border-bottom:1px solid #E2E2E2;
font-size:155%;
margin:20px auto;
display:inline-block;
}
.start{
text-align:left;
}
.start div{
position:relative;
}
.start>div:first-child+div{
border-top:1px solid #e0e0e0;
}
.start div div{
display:inline-block;
width:380px;
vertical-align:top;
padding-bottom:70px;
position:static;
}
.start>div>div:first-child{
padding-right:40px;
border-right:1px solid #e0e0e0;
}
.start>div>div:first-child+div{
padding-left:40px;
border-left:1px solid #e0e0e0;
margin-left:-1px;
}
.start div div div a,
.start div div div a:link,
.start div div div a:active,
.start div div div a:visited{
display:inline-block;
padding:6px 12px;
font-size:115%;
color:#fff;
border:1px solid #d57700;
background-color:#ee9209;
background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.start div div div a:hover{
background-image:none;
color:#fff;
}
.start h2{
color:#0d579b;
}
.start h2 span{
font-size:200%;
color:#ee9209;
}
.start div div div{
display:block;
width:auto;
padding-bottom:0;
position:absolute;
bottom:35px;
}
.starttitle a{
margin:0 20px auto;
}
.introlink{
text-align:center;
font-size:125%;
font-weight:bold;
margin-top:30px;
}
.titleicon{
width:32px;
height:32px;
vertical-align:middle;
margin-right:8px;
position:relative;
top:-2px;
}
.warningicon{
width:42px;
height:42px;
vertical-align:middle;
margin-right:6px;
}
.index,
.index ul,
.index li{
list-style:none;
padding:0;
margin:0;
}
.index{
padding:10px 20px;
border:2px dashed #4892b2;
display:inline-block;
}
.index ul{
margin:10px 0;
}
.index li a{
font-weight:bold;
}
.index ul ul li a{
font-weight:normal;
}
.index a,
.index a:link,
.index a:active,
.index a:visited{
display:block;
text-decoration:none;
line-height:1.5em;
}
.docreference{
text-align:center;
}
.docreference a{
display:inline-block;
margin:20px 0 40px 0;
font-size:115%;
width:150px;
}
.docreference img{
display:block;
height:48px;
width:48px;
margin:0 auto 10px auto;
}
.docreference span{
display:block;
line-height:1.5em;
}
.toc{
position:absolute;
left:20px;
text-align:left;
padding-top:40px;
margin-top:-40px;
}
.toc div{
overflow-y:auto;
overflow-x:hidden;
width:240px;
}
.toc div.scroll{
position:fixed;
}
.toc ul,
.toc li{
list-style:none;
padding:0;
margin:0;
}
.toc ul{
width:220px;
border-right:1px solid #e0e0e0;
padding:0 19px 0 0;
}
.toc ul li{
padding:0 0 10px 0;
}
.toc ul li ul{
position:relative;
top:0;
padding:10px 0 0 0;
border:0;
display:none;
}
.toc ul li.active ul{
display:block;
}
.toc ul li ul li{
padding:0 0 4px 0;
}
.toc ul li ul li ul li{
padding-left:10px;
}
.toc ul li a{
padding-left:20px;
font-weight:bold;
}
.toc ul li ul li a{
font-weight:normal;
}
.toc ul li ul li a:hover:before,
.toc ul li ul li a.active:before{
content:">";
position:absolute;
font-weight:bold;
left:0px;
}
.toc ul.goback{
padding-top:8px;
}
.toc ul.goback li{
background:url(/img/icons/mini_ico_back.svg) no-repeat 0 3px;
}
.toc ul.reportissue li{
background:url(/img/icons/mini_ico_report.svg) no-repeat 0 3px;
}
.toc ul.editsource li{
background:url(/img/icons/mini_ico_rev.svg) no-repeat 0 3px;
}
.toc a,
.toc a:link,
.toc a:active,
.toc a:visited{
display:block;
text-decoration:none;
line-height:1.5em;
}
.toccontent{
width:600px;
margin:auto 0 auto auto;
position:relative;
text-align: left;
}
.toccontent h2,
.toccontent h3,
.toccontent h4,
.toccontent h5,
.toccontent h6{
color:#383838;
margin-top: 40px;
margin-bottom: 0;
}
.toccontent h2{
font-size:150%;
}
.toccontent h3{
font-size:130%;
}
.toccontent h4{
font-size:110%;
}
.toccontent h5,.toccontent h6{
font-size:100%;
}
.toccontent img{
max-width:100%;
}
.toccontent table thead{
text-align:center;
}
.toccontent a.auto-link:link,
.toccontent a.auto-link:visited{
color:#646464;
}
.toccontent:hover a.auto-link:link,
.toccontent:hover a.auto-link:visited{
color:#2c6fad;
}
.toccontent:hover a.auto-link:link:hover,
.toccontent:hover a.auto-link:visited:hover{
color:#63a4e1;
}
.toccontent .subhead-links{
padding-top: 7px;
}
.toccontent a:link.term,
.toccontent a:visited.term,
.toccontent:hover a.auto-link.term:link,
.toccontent:hover a.auto-link.term:visited,
.toccontent:hover a.auto-link.term:link:hover,
.toccontent:hover a.auto-link.term:visited:hover{
color:#000;
}
.toccontent a.term:link code,
.toccontent a.term:visited code{
color:#646464;
}
.multicode{
background-color:#f5f5f5;
overflow-y:auto;
padding:17px;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.multicode pre{
border:0px none;
padding:0;
margin:0;
overflow-y:visible;
}
.toccontent table.ntpd tr td+td+td{
white-space:nowrap;
}
.toccontent table.ntpd tr td+td+td+td{
white-space:normal;
}
.toccontent table thead th{
font-weight:normal;
border-bottom: 3px double #ddd;
}
.anchorAf{
position:relative;
}
.anchorAf a:first-child{
display:none;
position:absolute;
width:24px;
left:-24px;
bottom:0;
top:0;
background:url(/img/icons/mini_ico_anchor.svg) no-repeat center center;
}
.anchorAf:hover a:first-child{
display:block;
}
.ui-dialog .anchorAf:hover a:first-child{
display:none;
}
.develdocdisclaimer{
padding:30px 0;
background:#fff;
bottom:0;
position:fixed;
width:600px;
z-index:1000;
border-top:1px solid #e0e0e0;
}
.develdocdisclaimer div{
border:2px dashed #ee9209;
background:#fff8ea;
padding:10px;
line-height:1.5em;
position:relative;
}
.develdocdisclaimerclose,
.develdocdisclaimerclose:visited,
.develdocdisclaimerclose:link,
.develdocdisclaimerclose:active{
display:block;
padding:1px 8px 0 8px;
color:#fff;
background-color:#ee9209;
position:absolute;
top:-14px;
right:-14px;
font-weight:bold;
cursor:pointer;
border:2px solid #fff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.develdocdisclaimerclose:hover,
.develdocdisclaimerclose:visited:hover,
.develdocdisclaimerclose:link:hover,
.develdocdisclaimerclose:active:hover{
border:2px solid #ee9209;
color:#fff;
}
.glossary_term {
display: block;
width: 20em;
padding: 5px 10px;
margin-right: auto;
margin-left: auto;
}
.ui-autocomplete-category {
font-weight: bold;
padding: .2em .4em;
margin: .8em 0 .2em;
line-height: 1.5;
}
ul.wrapped_list li {
list-style: none;
float: left;
width: 15em;
margin: 1em;
}
br.clear {
clear: left;
}
.notice {
text-align: center;
}
.notice span {
font-style: italic;
}
.subhead-links {
font-size: 85%;
}
.subhead-links img {
width: 12px;
height: 12px;
}
div.one-column {
max-width: 600px;
margin-right: auto;
margin-left: auto;
}
.one-column h2 {
margin-top: 60px;
}
.one-column h2.no_gap {
margin-top: 75px;
}
.one-column img {
max-width: 100%;
}
.one-column th {
text-align: center;
}
div.post {
max-width: 40em;
margin-right: auto;
margin-left: auto;
}
.post img {
max-width: 100%;
}
.post-meta {
margin-top: 20px;
font-style: italic;
}
.post-title {
padding-top: 20px;
}
table.privacy-comparison td,table.privacy-comparison th{
padding:3px;
}
table.privacy-comparison tr.empty {
height: 1em;
}
table.privacy-comparison td:nth-child(1n+2) {
width: 120px;
}
table.validation { width: 100%; }
table.validation tr.details td {
background-color: #F5F5F5;
padding: 10px;
}
table.validation .ui-icon {
display: inline-block;
}
table.validation tr:nth-child(even)>td {
cursor:pointer;
}
table.validation tr:nth-child(even)>td:hover {
color:#000;
}
.received_transactions td {
width: 50%;
}
#system-requirements-accordion div {
padding: 0;
}
.service-choose a{
display: block;
margin: 20px 0;
}
button.js.showcolumn {
border:0;
margin: 10px;
}
.not-displayed {
display: none;
}
br.big {
margin-bottom: 50px;
}
.font2x {
font-size: 200%;
}
/********** SLIDER **********/
.sliderbox {
max-width: 940px;
margin: 0px auto 30px auto;
}
.slide-viewer {
position: relative; /* needed for IE7 */
overflow: hidden;
height: 200px;
padding-bottom: 12px;
}
.slide-group {
width: 100%;
height: 100%;
position: relative;
}
.slide {
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.slide:first-child {
display: block;
}
.slide-buttons {
text-align: center;
}
.slide-buttons button {
background: transparent;
border: 0;
font-size: 150%;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.slide-buttons button.active {
background-color: #2c6fad;
color: #fff;
}
.two-column-list ul {
margin-left: 4em;
}
.two-column-list li {
list-style: none;
float: left;
width: 14em;
text-align: left;
margin-bottom: 20px;
}
.two-column-list .fa-li {
top: 0.75em;
}
.two-column-list li:nth-child(2n+1) {
margin-right: 75px;
clear: both;
}
button.js {
background: transparent;
border: 0;
padding: 0;
border-bottom: 1px dotted #2c6fad;
color: #2c6fad;
font-weight: inherit;
}
button.js:hover {
color: #63a4e1;
}
button.active {
text-decoration: underline;
}
.prevnext {
line-height: 1.5em;
}
.prevnext span:first-child {
float: left;
}
.prevnext span:last-child {
float: right;
}
.callout {
text-align: center;
border-top: thin solid #C0C0C0;
border-bottom: thin solid #C0C0C0;
}
.wallet_accordion img {
float: left;
padding-right: 30px;
padding-bottom: 10px;
}
.wallet_accordion {
text-align: left;
}
.right-hanger {
max-width: 300px;
text-align: right;
margin-left: auto;
font-weight: 700;
}
.left-float {
float: left;
}
.highlight { background: transparent; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
.bggreen {
background-color: #006400;
}
.bgred {
background-color: #8B0000;
}
.bgyellow {
background-color: #B8860B;
}
.fggreen {
color: #006400;
}
.fgred {
color: #8B0000;
}
.fgyellow {
color: #B8860B;
}
.box{
border:2px dashed #4892b2;
padding:0 20px 0 20px;
}
.boxexpand{
overflow:hidden;
-moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
}
.boxexpand>*{
display:none;
}
.boxexpand>h3:first-child{
display:block;
margin:20px 0;
}
.boxexpand>h3:first-child a:link,
.boxexpand>h3:first-child a:visited,
.boxexpand>h3:first-child a:active{
text-decoration:none;
}
.boxexpand.expanded>*{
display:block;
}
.titlelight{
color:#8c8c8c;
}
.tablehalf{
width:885px;
position:relative;
left:-40px;
}
.tablehalf div{
display:inline-block;
width:400px;
vertical-align:top;
margin-left:40px;
margin-bottom:20px;
}
.tablehalf img{
width:400px;
height:220px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.tablehalf h2 img{
width:auto;
height:auto;
}
.tablehalf p{
text-align:left;
}
.contributors{
width:890px;
text-align:left;
font-size:80%;
}
.one-column .contributors {
width: 660px;
}
.contributors img{
width:16px;
height:16px;
}
.contributors div{
padding:8px 0;
width:215px;
overflow:hidden;
display:inline-block;
vertical-align:top;
}
.contributors div div{
width:auto;
padding:0;
}
.contributors div div:first-child+div{
max-width:150px;
margin:0 2px;
white-space:nowrap;
}
.credit{
text-align:left;
margin:-10px 0;
}
.credit p{
display:inline-block;
width:275px;
vertical-align:top;
margin:10px 0;
}
.credit span{
display:block;
color:#aaa;
}
.resources{
text-align:left;
}
.resources>div{
border-top:1px solid #e0e0e0;
}
.resources>div:first-child{
border-top:0;
}
.resources div div{
display:inline-block;
width:380px;
vertical-align:top;
padding:10px 0 25px 0;
min-height:200px;
}
.resources>div>div:first-child{
padding-right:40px;
border-right:1px solid #e0e0e0;
}
.resources>div>div:first-child+div{
padding-left:40px;
border-left:1px solid #e0e0e0;
margin-left:-1px;
}
.resources div div div{
display:block;
width:auto;
}
.resources p{
font-size:115%;
margin:6px 0;
}
.resourcesorg{
margin-bottom:40px;
text-align:left;
font-size:0;
}
.resourcesorg div{
border-top:1px solid #e0e0e0;
}
.resourcesorg div:first-child,.resourcesorg div div{
border-top:0;
}
.resourcesorg div div{
width:278px;
font-size:16px;
display:inline-block;
vertical-align:top;
}
.resourcesorg img{
margin-right:5px;
width:24px;
height:24px;
position:relative;
bottom:-6px;
}
.exchanges{
margin-bottom:40px;
text-align:left;
font-size:0;
}
.exchanges div{
border-top:1px solid #e0e0e0;
}
.exchanges div:first-child,.exchanges div div{
border-top:0;
}
.exchanges div div{
width:278px;
font-size:16px;
display:inline-block;
vertical-align:top;
}
.exchanges img{
margin-right:5px;
width:24px;
height:24px;
position:relative;
bottom:-6px;
}
.resourcesmore{
text-align:center;
margin-top:40px;
}
.resourcesmore div{
display:inline-block;
text-align:left;
padding:20px 40px;
border-top:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
}
.resourcesmore div h2{
text-align:center;
margin-bottom:25px;
}
.resourcesmore div p{
font-size:115%;
margin:6px 0;
}
.coredevtable div div:first-child{
width:200px;
}
.coredevtable div div:first-child+div{
width:220px;
}
.coredevtable div div:first-child+div+div{
width:80px;
}
.chatbox{
text-align:center;
}
.devprojectlist{
overflow:hidden;
margin:-10px 0;
-moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
}
.devprojectlist li{
margin:10px 0;
}
.devprojectlist li:nth-child(1n+4){
display:none;
}
.devprojectlist.expanded li:nth-child(1n+4){
display:list-item;
}
.devprojectlist li.more{
display:block;
}
.devprojectlist.expanded li.more{
display:none;
}
.devprojectlist a{
display:inline-block;
margin-top:5px;
}
.walletmenu{
text-align:center;
position:relative;
z-index:90;
}
.walletmenu>ul{
display:inline-block;
text-align:left;
padding:0 0 25px 0;
border-bottom:1px solid #E2E2E2;
background-color:#fff;
}
.walletmenu>ul li{
font-family:'Ubuntu', sans-serif;
position:relative;
display:inline-block;
background-repeat:no-repeat;
background-position:left 6px;
padding:0;
margin:15px 10px;
font-size:130%;
font-weight:bold;
-moz-transition:background-color 400ms ease-out;
-webkit-transition:background-color 400ms ease-out;
transition:background-color 400ms ease-out;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.walletmenu>ul>li:first-child{
margin-left:0;
}
.walletmenu>ul>li:last-child{
margin-right:0;
}
.walletmenu>ul>li a,
.walletmenu>ul>li a:link,
.walletmenu>ul>li a:active,
.walletmenu>ul>li a:visited{
color:#383838;
}
.walletmenu>ul>li a{
white-space:nowrap;
cursor:pointer;
display:block;
padding:8px 10px 5px 42px;
}
.walletmenu>ul>li ul{
display:none;
position:absolute;
background-color:#fff;
border:1px solid #0d579b;
padding:4px 0;
min-width:110%;
left:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.walletmenu>ul>li>ul li{
font-size:80%;
display:block;
margin:0;
background-position:left 10px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.walletmenu>ul>li>ul>li a{
background-image:url(/img/icons/wallet_select.svg);
background-repeat:no-repeat;
background-position:-32px center;
padding:8px 32px 5px 32px;
margin:1px 0;
}
.walletmenu>ul>li>ul>li.active>a{
background-position:right center;
}
.walletmenu .wallet-mobile{
background-image:url(/img/icons/wallet_menu_mobile.svg);
}
.walletmenu .wallet-desktop{
background-image:url(/img/icons/wallet_menu_desktop.svg);
}
.walletmenu .wallet-hardware{
background-image:url(/img/icons/wallet_menu_hardware.svg);
}
.walletmenu .wallet-web{
background-image:url(/img/icons/wallet_menu_web.svg);
}
.walletmenu .wallet-blackberry{
background-image:url(/img/os/wallet_menu_blackberry.svg);
}
.walletmenu .wallet-ios{
background-image:url(/img/os/wallet_menu_ios.svg);
}
.walletmenu .wallet-android{
background-image:url(/img/os/wallet_menu_android.svg);
}
.walletmenu .wallet-windows{
background-image:url(/img/os/wallet_menu_windows.svg);
}
.walletmenu .wallet-windowsphone{
background-image:url(/img/os/wallet_menu_windowsphone.svg);
}
.walletmenu .wallet-mac{
background-image:url(/img/os/wallet_menu_mac.svg);
}
.walletmenu .wallet-linux{
background-image:url(/img/os/wallet_menu_linux.png);
}
.walletmenu>ul li.active,
.walletmenu>ul li:hover{
background-color:#0d579b;
}
.walletmenu>ul li:hover>a,
.walletmenu>ul li:hover>a:link,
.walletmenu>ul li:hover>a:active,
.walletmenu>ul li:hover>a:visited,
.walletmenu>ul li.active>a,
.walletmenu>ul li.active>a:link,
.walletmenu>ul li.active>a:active,
.walletmenu>ul li.active>a:visited{
color:#fff;
}
.walletmenu>ul:hover>li:first-child,
.walletmenu>ul:hover>li:first-child+li{
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.walletmenu>ul>li.active,
.walletmenu>ul>li:hover{
background-position:left -62px;
}
.walletmenu>ul>li:hover>ul{
display:block;
}
.walletmenu>ul>li>ul>li.active,
.walletmenu>ul>li>ul>li:hover{
background-position:left -24px;
}
.wallets{
width:705px;
height:250px;
text-align:left;
position:relative;
margin:auto;
padding:60px 0 20px 0;
font-size:0;
opacity:1;
-moz-transition:opacity 400ms ease-out;
-webkit-transition:opacity 400ms ease-out;
transition:opacity 400ms ease-out;
}
.wallets.disabled{
opacity:0;
}
.wallets>div{
display:inline-block;
vertical-align:top;
font-size:16px;
}
.wallets>div:nth-child(1n+15){
display:none;
}
.wallets>div>a{
color:#2c6fad;
cursor:pointer;
font-size:94%;
text-align:center;
text-decoration:none;
font-weight:bold;
width:72px;
height:110px;
display:inline-block;
vertical-align:top;
position:relative;
margin:0 14px 20px 14px;
white-space:nowrap;
outline:0;
-moz-transition:opacity 400ms ease-out;
-webkit-transition:opacity 400ms ease-out;
transition:opacity 400ms ease-out;
}
.wallets>div>a:hover{
color:#63a4e1;
}
.wallets>div>a>span{
display:none;
position:absolute;
z-index:100;
height:32px;
background:url(/img/icons/wallet_bubble.svg) no-repeat center 0;
top:0;
left:0;
right:0;
}
.wallets>div>a>img{
display:block;
width:72px;
height:72px;
margin:auto;
margin-bottom:5px;
}
.wallets>div>div,
.wallets>div>span{
opacity:0;
width:0;
height:0;
overflow:hidden;
visibility:hidden;
display:inline-block;
position:absolute;
padding:20px;
top:-382px;
left:-20px;
right:-20px;
-moz-transition:opacity 400ms ease-out;
-webkit-transition:opacity 400ms ease-out;
transition:opacity 400ms ease-out;
}
.wallets>div>span{
z-index:100;
border:solid 2px #2c6faf;
background-color:#f1f8fb;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.wallets>div>div{
z-index:102;
}
.wallets>div:nth-child(1n+7)>div,
.wallets>div:nth-child(1n+7)>span{
top:-252px;
}
.wallets>div:nth-child(1n+13)>div,
.wallets>div:nth-child(1n+13)>span{
top:-92px;
}
.wallets>div>div>h2{
margin:0;
text-align:left;
display:inline-block;
}
.wallets>div>div>h2:first-child+div{
display:inline-block;
margin-left:10px;
}
.wallets>div>div>h2:first-child+div>img{
margin-left:4px;
}
.wallets>div>div>h2:first-child+div+div>a{
display:inline-block;
text-decoration:none;
margin:10px 0;
padding:4px 8px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.wallets>div>div>h2:first-child+div+div>a:first-child{
font-weight:bold;
background-color:#2c6fad;
background-image:-o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:-webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
border:1px solid #255f96;
margin-right:10px;
}
.wallets>div>div>h2:first-child+div+div>a:first-child,
.wallets>div>div>h2:first-child+div+div>a:first-child:visited,
.wallets>div>div>h2:first-child+div+div>a:first-child:link,
.wallets>div>div>h2:first-child+div+div>a:first-child:active{
color:#fff;
}
.wallets>div>div>h2:first-child+div+div>a:first-child+a{
font-weight:normal;
color:#255f96;
border:1px solid #255f96;
}
.wallets>div>div>h2:first-child+div+div>a:first-child+a,
.wallets>div>div>h2:first-child+div+div>a:first-child+a:visited,
.wallets>div>div>h2:first-child+div+div>a:first-child+a:link,
.wallets>div>div>h2:first-child+div+div>a:first-child+a:active{
color:#255f96;
}
.wallets>div>div>h2:first-child+div+div+div{
margin:5px 0;
}
.wallets>div>div>h2:first-child+div+div+div>div{
padding:5px 0 5px 22px;
background-repeat:no-repeat;
background-position:left 4px;
cursor:default;
line-height:16px;
}
.wallets>div>div>h2:first-child+div+div+div>div>div{
display:inline-block;
background-image:url(/img/icons/wallet_help.png);
background-image:none, url(/img/icons/wallet_help.svg), url(/img/icons/wallet_help.png);
width:16px;
height:16px;
margin-left:5px;
vertical-align:top;
position:relative;
}
.wallets>div>div>h2:first-child+div+div+div>div>div>span{
display:none;
position:absolute;
left:6px;
top:-30px;
width:25px;
height:70px;
z-index:90;
background-repeat:no-repeat;
background-position:right 30px;
}
.wallets>div>div>h2:first-child+div+div+div>div>div>p,
.wallets>div>div>h2:first-child+div+div+div>div>div>div{
opacity:0;
width:0;
height:0;
overflow:hidden;
border:1px solid;
visibility:hidden;
position:absolute;
background-color:#fff;
left:30px;
margin:0;
-moz-transition:opacity 400ms ease-out;
-webkit-transition:opacity 400ms ease-out;
transition:opacity 400ms ease-out;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
z-index:90;
}
.wallets>div>div>h2:first-child+div+div+div>div>div>p{
font-size:85%;
padding:10px;
top:-30px;
}
.wallets>div>div>h2:first-child+div+div+div>div>div>div{
padding:0 10px;
top:-80px;
}
.wallets>div>div>h2:first-child+div+div+div>div>div>div>div>p:first-child+p{
font-size:85%;
}
.wallets>div>div>h2:first-child+div+div+div+p{
font-size:95%;
margin:0;
padding-right:5px;
height:137px;
width:320px;
overflow:auto;
}
.wallets>div>div>h2:first-child+div+div+div+p+div{
position:absolute;
top:20px;
right:20px;
height:400px;
width:250px;
}
.wallets>div>div>h2:first-child+div+div+div+p+div>img{
border:1px solid #BDBDBD;
}
.wallets .checkgood{
color:#329239;
font-weight:bold;
}
.wallets .checkgood p{
border-color:#329239;
font-weight:normal;
}
.wallets .checkgood>div>span{
background-image:url(/img/icons/checkbubble_pass.svg);
}
.wallets .checkpass{
color:#329239;
}
.wallets .checkpass p{
border-color:#329239;
}
.wallets .checkpass>div>span{
background-image:url(/img/icons/checkbubble_pass.svg);
}
.wallets .checkneutral{
color:#8b8b8b;
}
.wallets .checkneutral p{
border-color:#8b8b8b;
}
.wallets .checkneutral>div>span{
background-image:url(/img/icons/checkbubble_neutral.svg);
}
.wallets .checkfail{
color:#ee9209;
}
.wallets .checkfail p{
border-color:#ee9209;
}
.wallets .checkfail>div>span{
background-image:url(/img/icons/checkbubble_fail.svg);
}
.wallets .checkcontrol.checkpass,
.wallets .checkcontrol.checkgood{
background-image:url(/img/icons/check_control_pass.svg);
}
.wallets .checkcontrol.checkfail{
background-image:url(/img/icons/check_control_fail.svg);
}
.wallets .checkvalidation.checkpass,
.wallets .checkvalidation.checkgood{
background-image:url(/img/icons/check_validation_pass.svg);
}
.wallets .checkvalidation.checkneutral{
background-image:url(/img/icons/check_validation_neutral.svg);
}
.wallets .checkvalidation.checkfail{
background-image:url(/img/icons/check_validation_fail.svg);
}
.wallets .checktransparency.checkpass,
.wallets .checktransparency.checkgood{
background-image:url(/img/icons/check_transparency_pass.svg);
}
.wallets .checktransparency.checkfail{
background-image:url(/img/icons/check_transparency_fail.svg);
}
.wallets .checkenvironment.checkpass,
.wallets .checkenvironment.checkgood{
background-image:url(/img/icons/check_environment_pass.svg);
}
.wallets .checkenvironment.checkfail{
background-image:url(/img/icons/check_environment_fail.svg);
}
.wallets .checkfees.checkpass,
.wallets .checkfees.checkgood{
background-image:url(/img/icons/check_fees_pass.svg);
}
.wallets .checkfees.checkfail{
background-image:url(/img/icons/check_fees_fail.svg);
}
.wallets .checkfees.checkneutral{
background-image:url(/img/icons/check_fees_neutral.svg);
}
.wallets .checkprivacy.checkpass,
.wallets .checkprivacy.checkgood{
background-image:url(/img/icons/check_privacy_pass.svg);
}
.wallets .checkprivacy.checkneutral{
background-image:url(/img/icons/check_privacy_neutral.svg);
}
.wallets .checkprivacy.checkfail{
background-image:url(/img/icons/check_privacy_fail.svg);
}
.wallets>div:hover>a>span,
.wallets>div.active>a>span,
.wallets.nohover>div.active:hover>a>span{
display:block;
}
.wallets.nohover>div:hover>a>span{
display:none;
}
.wallets>div:hover>div,
.wallets>div:hover>span,
.wallets>div.active>div,
.wallets>div.active>span,
.wallets.nohover>div.active:hover>div,
.wallets.nohover>div.active:hover>span{
opacity:1;
width:auto;
height:400px;
visibility:visible;
overflow:visible;
}
.wallets.nohover>div:hover>div,
.wallets.nohover>div:hover>span{
opacity:0;
width:0;
height:0;
visibility:hidden;
}
.wallets>div>div>h2:first-child+div+div>a:first-child:hover{
background-image:none;
}
.wallets>div>div>h2:first-child+div+div+div>div:hover>div>span{
display:block;
}
.wallets>div>div>h2:first-child+div+div+div>div:hover>div>p,
.wallets>div>div>h2:first-child+div+div+div>div:hover>div>div{
opacity:1;
width:400px;
height:auto;
visibility:visible;
}
.walletsswitch{
display:none;
}
.walletsmobile{
display:none;
}
.walletsdisclaimer h2{
text-align:center;
}
h1 .rssicon{
vertical-align:bottom;
margin-bottom:9px;
margin-left:10px;
}
h2 .rssicon{
vertical-align:bottom;
margin-bottom:7px;
margin-left:10px;
}
.versiontext{
text-align:left;
margin-bottom:40px;
max-width:600px;
}
.versiontext h1{
text-align:left;
}
.alerttitle img{
display:block;
margin:auto;
width:42px;
height:42px;
}
.alertstatusinactive{
font-size:130%;
color:#0d579b;
margin-bottom:30px;
}
.alertstatusactive{
font-size:130%;
color:#d57700;
margin-bottom:30px;
}
.alertsactive{
margin-bottom:20px;
}
.alertsactive a{
font-weight:bold;
}
.alerticon{
width:42px;
height:42px;
float:left;
margin-top:12px;
margin-right:12px;
}
.redirectmsg{
text-align:center;
margin:20px 0;
}
.redirectmsg h1{
color:#7b7c7c;
font-weight:400;
font-size:180%;
}
.redirectmsg p{
font-size:150%;
}
.attribution{
font-size:75%
}
.download{
text-align:center;
}
.download p{
text-align:justify;
}
.download div p{
text-align:center;
}
.download h1,
.download h2{
text-align:center;
}
.download .mainbutton a{
margin:10px 0 35px 0;
}
.downloadbox{
display:inline-block;
border:2px solid #fad296;
padding:20px;
font-size:125%;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
margin:0 auto 20px auto;
}
.downloadbox p{
margin:0;
}
.downloadbox p.downloadmore a{
font-size:90%;
}
.downloadbox p.downloadkeys{
font-size:80%;
margin-top:15px;
}
.downloadbox p.downloadkeys span{
display:block;
}
.downloadbox p.downloadkeys a{
display:inline-block;
padding: 5px 10px 0 20px;
background:url(/img/icons/mini_ico_key.svg) left 8px no-repeat;
}
.downloadbox div a{
display:inline-block;
}
.downloadbox div{
display:inline-block;
margin:0 10px;
vertical-align:top;
}
.downloadbox div div{
display:block;
width:190px;
height:46px;
margin:25px 0;
text-align:left;
}
.downloadbox div div span{
display:inline-block;
margin-left:6px;
}
.downloadbox div div span span{
display:block;
margin:6px 0 0 0;
font-size:80%;
}
.downloadbox img{
width:32px;
height:32px;
vertical-align:top;
position:relative;
top:4px;
}
.downloadbox .magnetlink{
display:inline-block;
width:16px;
height:16px;
position:relative;
bottom:-1px;
background:url(/img/icons/mini_ico_magnet.svg) no-repeat;
}
.eventmap{
height:400px;
margin-bottom:25px;
}
.listtable div{
padding:8px 0;
border-top:1px solid #E2E2E2;
}
.listtable div:first-child{
border-top:0;
}
.listtable div div{
display:inline-block;
vertical-align:middle;
text-align:left;
line-height:1.5em;
padding:0;
border-top:0;
padding-right:20px;
}
.eventtable div div:first-child{
width:100px;
}
.eventtable div div:first-child+div{
width:300px;
}
.eventtable div div:first-child+div+div{
width:300px;
}
.eventtable span a,
.eventtable span a:link,
.eventtable span a:active,
.eventtable span a:visited{
display:inline-block;
padding:6px 12px;
margin:15px 0 30px 0;
font-size:115%;
color:#fff;
border:1px solid #d57700;
background-color:#ee9209;
background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.eventtable span a:hover{
background-image:none;
color:#fff;
}
.eventdata{
display:none;
}
.detectmobile{
width:0;
height:0;
display:none;
}
.summary{
font-size:125%;
margin-bottom:40px;
text-align:center;
}
.summarytxt{
margin-bottom:40px;
}
.press h2{
font-size:150%;
}
.press-volunteer{
text-align:left;
margin-bottom:40px;
}
.press-faq{
text-align:left;
margin-bottom:40px;
}
.press-faq>div{
width:380px;
display:inline-block;
vertical-align:top;
margin-bottom:15px;
margin-right:30px;
}
.press-faq>div>a{
display:inline-block;
font-weight:bold;
margin-right:20px;
}
.press-faq>div>div{
height:0;
overflow:hidden;
-moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
}
.press-faq>div>div.expanded{
height:auto;
}
.press-faq li{
line-height:1.5em;
}
.press-faq p{
text-align:left;
}
.press-faq div span p{
margin-bottom:0;
}
.press-videos{
margin-bottom:40px;
}
.press-videos div{
display:inline-block;
vertical-align:top;
margin-right:10px;
}
.press-videos div a{
display:inline-block;
margin-right:10px;
margin-bottom:10px;
}
.press-videos img{
width:250px;
height:136px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.press-pictures{
text-align:left;
margin-bottom:40px;
}
.press-pictures div{
height:270px;
overflow:hidden;
-moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
}
.press-pictures img{
margin-right:14px;
margin-bottom:14px;
height:120px;
width:120px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.press-pictures>a{
display:inline-block;
padding-top:10px;
font-weight:bold;
}
.press-quotes{
margin-bottom:40px;
overflow:hidden;
-moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
}
.press-quotes.expanded{
height:auto;
}
.press-quotes div{
position:relative;
left:-20px;
text-align:left;
}
.press-quotes p{
display:inline-block;
vertical-align:top;
width:380px;
margin:0 0 20px 20px;
padding-left: 20px;
}
.press-quotes p:nth-child(1n+9){
display:none;
}
.press-quotes.expanded p:nth-child(1n+9){
display:inline-block;
}
.press-quotes>a{
display:inline-block;
padding-top:10px;
font-weight:bold;
}
.press-quotes.expanded>a{
display:none;
}
.press-quotes span:first-child{
font-weight:bold;
display:block;
margin-bottom:4px;
}
.press-quotes span:first-child:before{
position:absolute;
margin-left:-16px;
font-weight:bold;
font-size:180%;
content:"";
}
.press-quotes span:first-child:after{
position:absolute;
margin-right:-16px;
font-weight:bold;
font-size:180%;
content:"";
}
.press-quotes p.final {
width: 100%;
}
/*Styles specific to printing*/
@media print{
.head{
display:none;
}
.footer{
display:none;
}
.content{
padding:0;
border:0;
}
.toc{
display:none;
}
.toccontent{
width:auto;
}
.develdocdisclaimer{
display:none;
}
}
/*Styles specific to mobiles*/
@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){
img{
max-width:100%;
}
h1,
h2{
text-align:center;
}
.toccontent .multicode,
.toccontent .multicode pre,
.toccontent pre{
display: table; /* Triggers a block formating context so the container expands with the content */
}
.toccontent .multicode,
.toccontent pre{
padding:10px;
}
.toccontent .multicode pre{
padding:0;
}
.titleicon,
.warningicon{
display:block;
position:static;
margin:auto;
margin-bottom:5px;
}
.banner-message a span{
width:auto;
}
.head{
margin:0;
}
.head div{
width:auto;
}
.body{
width:auto;
}
.langselect{
text-align:left;
background-color:#fff;
border-top:2px solid #ebebeb;
}
.langselect select{
text-align:left;
background-color:transparent;
border:0;
font-size:115%;
padding:8px 0;
margin-top:12px;
margin-left:10px;
width:95%;
-webkit-appearance:none;
-moz-appearance:none;
}
.menumobile{
cursor:pointer;
display:inline-block;
float:right;
height:40px;
width:40px;
padding:12px;
background-image:url(/img/icons/menumobile.svg);
background-repeat:no-repeat;
background-position:center center;
}
.lang,
.menusimple{
display:none;
background-color:#fff;
position:static;
bottom:0;
margin:0;
height:auto;
overflow:auto;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
.menusimple>li a,
.menusimple>li>ul>li a{
padding:10px 6px 8px 6px;
display:block;
}
.menusimple li{
display:block;
margin:4px;
position:static;
}
.menusimple>li ul{
min-width:0;
position:relative;
}
.menusimple.menutap li:hover{
background-color:#fff;
}
.menusimple.menutap li:hover>a{
color:#2c6fad;
}
.menusimple.menutap li:hover>ul{
display:none;
}
.menusimple.menutap li.hover,
.menusimple.menutap li.active{
background-color:#2c6fad;
}
.menusimple.menutap li.hover>a,
.menusimple.menutap li.active>a{
color:#fff;
}
.menusimple.menutap li.hover>ul,
.menusimple.menutap li.active>ul{
display:block;
}
.logo{
position:static;
display:inline-block;
margin:10px;
}
.content{
position:static;
text-align:left;
margin:0;
padding:20px 10px;
border-right:0;
border-left:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.footer{
line-height:1.5em;
width:auto;
}
.index{
padding:15px;
}
.index ul{
padding:5px 0;
}
.index li{
padding:3px 0;
}
.docreference a{
display:block;
margin:0 auto 40px auto;
}
.glossary_term {
width: 80%;
}
.toc{
position:static;
margin-top:0px;
padding:10px;
border:2px dashed #4892b2;
display:inline-block;
}
.toc div{
width:auto;
}
.toc div.scroll{
position:static;
}
.toc ul,
.toc.scroll ul{
width:auto;
padding:0;
border:0;
}
.toc ul li ul{
display:block;
}
.toc ul li ul li ul li{
padding-left:0;
}
.toc ul li a{
padding:0;
}
.toc ul li ul li a:hover:before,
.toc ul li ul li a.active:before{
content:"";
}
.toc ul.goback li,
.toc ul.reportissue li,
.toc ul.editsource li{
background:none;
}
.toccontent{
width:auto;
}
.toccontent a.auto-link:link,
.toccontent a.auto-link:visited{
color:#2c6fad;
}
.develdocdisclaimer{
padding:15px;
width:auto;
}
.contributors{
width:auto;
}
.tablehalf{
position:static;
width:auto;
}
.tablehalf div{
display:block;
width:auto;
margin-left:0;
}
.tablehalf img{
width:auto;
height:auto;
margin:auto;
display:block;
}
.listtable div div{
display:block;
}
.eventtable div div:first-child,
.eventtable div div:first-child+div,
.eventtable div div:first-child+div+div{
width:auto;
}
.coredevtable div div:first-child,
.coredevtable div div:first-child+div,
.coredevtable div div:first-child+div+div{
width:auto;
}
.press-faq>div{
width:auto;
display:block;
margin-right:0;
}
.press-quotes p{
width:auto;
}
.mainvideo>div{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
.mainvideo iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.mainvideo img{
height:auto;
}
.start>div{
position:static;
}
.start>div:first-child+div{
border-top:0;
}
.start div div{
display:block;
width:auto;
padding:0 0 50px 0;
position:relative;
}
.start>div>div:first-child{
border-right:0;
padding-right:0;
}
.start div div div{
position:static;
text-align:center;
bottom:15px;
}
.start>div>div:first-child+div{
border-left:0;
padding-left:0;
margin-left:0;
}
.resources>div{
border-top:0;
}
.resources div div{
display:block;
width:auto;
padding:0 0 10px 0;
min-height:0;
}
.resources>div>div:first-child{
padding-right:0;
border-right:0;
}
.resources>div>div:first-child+div{
border-left:0;
padding-left:0;
margin-left:0;
}
.resources,
.resources p{
text-align:center;
}
.resourcesorg div div{
width:auto;
display:block;
}
.resourcesorg div{
border-top:0;
}
.resourcesmore{
margin-top:0;
}
.resourcesmore div{
padding:0;
border:0;
}
.walletmenu{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
.walletmenu>ul{
display:block;
}
.walletmenu>ul li{
display:block;
margin:15px 0;
}
.walletmenu>ul>li ul{
position:relative;
min-width:0;
}
.walletmenu>ul.menutap li:hover{
background-color:#fff;
}
.walletmenu>ul.menutap li:hover>a,
.walletmenu>ul.menutap li:hover>a:link,
.walletmenu>ul.menutap li:hover>a:active,
.walletmenu>ul.menutap li:hover>a:visited{
color:#383838;
}
.walletmenu>ul.menutap>li:hover{
background-position:left 6px;
}
.walletmenu>ul.menutap>li:hover>ul{
display:none;
}
.walletmenu>ul.menutap>li>ul>li:hover{
background-position:left 10px;
}
.walletmenu>ul.menutap li.active{
background-color:#0d579b;
}
.walletmenu>ul.menutap li.active>a,
.walletmenu>ul.menutap li.active>a:link,
.walletmenu>ul.menutap li.active>a:active,
.walletmenu>ul.menutap li.active>a:visited{
color:#fff;
}
.walletmenu>ul.menutap>li.active{
background-position:left -62px;
}
.walletmenu>ul.menutap>li.active>ul{
display:block;
}
.walletmenu>ul.menutap>li>ul>li.active{
background-position:left -24px;
}
.wallets{
width:auto;
height:auto;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
.wallets>div:hover>span{
display:none;
}
.wallets>div>div{
border:solid 2px #2c6faf;
background-color:#f1f8fb;
-moz-transition:opacity 400ms ease-out;
-webkit-transition:opacity 400ms ease-out;
transition:opacity 400ms ease-out;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.wallets>div:hover>div{
opacity:0;
width:0;
height:0;
visibility:hidden;
}
.wallets>div>a,
.wallets>div>a:visited,
.wallets>div>a:link,
.wallets>div>a:active{
margin:0 13px 20px 13px;
}
.wallets>div:hover>a>span{
display:none;
}
.wallets.walletsmobile{
display:block;
padding:10px 0;
}
.wallets.walletsmobile>div>a{
display:none;
}
.wallets.walletsmobile>div>div,
.wallets.walletsmobile>div:hover>div{
display:block;
position:relative;
top:0;
left:0;
right:0;
padding:10px;
opacity:1;
width:auto;
height:auto;
visibility:visible;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div{
padding:8px 0 8px 22px;
background-position:left 7px;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div+p{
padding-right:5px;
height:auto;
width:auto;
overflow:visible;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div+p+div{
position:static;
height:auto;
width:auto;
margin-top:10px;
padding:0;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div{
display:block;
background:none;
width:auto;
height:auto;
margin-left:0;
margin-top:10px;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>p,
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>div,
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>span{
display:none;
position:relative;
width:auto;
height:auto;
visibility:visible;
opacity:1;
border:0;
background:none;
padding:0;
top:0;
left:-20px;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>p,
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>div{
display:block;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>span{
display:none;
}
.download{
text-align:left;
}
.download p{
text-align:left;
}
.download div p{
text-align:left;
}
.download .mainbutton{
display:none;
}
.downloadbox{
border:0;
padding:0;
text-align:left;
}
.downloadbox div div{
margin:15px 0;
width:auto;
}
.downloadbox div{
margin:0;
display:block;
}
.downloadbox>p:first-child{
display:none;
}
.downloadbox>p+div+div+p{
margin-top:25px;
}
.eventmap{
height:200px;
}
.detectmobile{
display:block;
}
}
@media handheld, only screen and ( max-width: 40em ), only screen and ( max-device-width: 40em ){
.mainlist,
.mainlist>div{
width:auto;
display:block;
}
.mainlist>div{
margin:15px auto;
}
}