diff --git a/_sass/_wallets.scss b/_sass/_wallets.scss new file mode 100644 index 00000000..f3d7e7ba --- /dev/null +++ b/_sass/_wallets.scss @@ -0,0 +1,491 @@ +$platforms: + mobile, + desktop, + hardware, + web; + +$oses: + ios, + android, + windowsphone, + blackberry, + linux, + mac, + windows; + +// Wallet menu +.walletmenu { + text-align: center; + position: relative; + z-index: 90; + + > ul { + display: inline-block; + text-align: left; + padding: 0 0 25px 0; + border-bottom: 1px solid #E2E2E2; + background-color: #fff; + + // Disable border radius of menu buttons + // TODO: rework, so it doesn't rely on the order of submenus + &:hover > li:first-child, + &: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; + } + + 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; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + + a, + a:link, + a:active, + a:visited { + color: #383838; + } + a { + white-space: nowrap; + cursor: pointer; + display: block; + padding: 8px 10px 5px 42px; + } + + 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; + + li { + font-size: 80%; + display: block; + margin: 0; + background-position: left 10px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + + > 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; + } + + &.active > a { + background-position: right center; + } + } + } + + &.active, + &:hover { + background-color: #0d579b; + } + + &:hover > a, + &:hover > a:link, + &:hover > a:active, + &:hover > a:visited, + &.active > a, + &.active > a:link, + &.active > a:active, + &.active > a:visited { + color: #fff; + } + } + } + + // Generating icon classes for platforms + @each $platform in $platforms { + .wallet-#{$platform} { + background-image: url('/img/icons/wallet_menu_#{$platform}.svg'); + } + } + + // Generating icon classes for OSes + @each $os in $oses { + .wallet-#{$os} { + background-image: url('/img/os/wallet_menu_#{$os}.svg'); + } + } +} +.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; +} + +$checks: + control, + validation, + transparency, + environment, + fees, + privacy; + +$green: #329239; +$grey: #8b8b8b; +$red: #ee9209; + +$checkmarks: + good $green bold, + pass $green normal, + neutral $grey normal, + fail $red normal; + +.wallet { + + // Generate backgrounds for checks and checkmarks + @each $check in $checks { + @each $checkmark, $color, $font-weight in $checkmarks { + .check#{$checkmark} { + color: $color; + font-weight: $font-weight; + + p { + border-color: $color; + font-weight: normal; + } + + > div > span { + @if $checkmark == good { + background-image: url('/img/icons/checkbubble_pass.svg'); + } @else { + background-image: url('/img/icons/checkbubble_#{$checkmark}.svg'); + } + } + + &.check#{$check} { + @if $checkmark == good { + background-image: url('/img/icons/check_#{$check}_pass.svg'); + } @else { + background-image: url('/img/icons/check_#{$check}_#{$checkmark}.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; +} + diff --git a/_sass/screen.scss b/_sass/screen.scss index e03e201f..5619e7fb 100644 --- a/_sass/screen.scss +++ b/_sass/screen.scss @@ -6,144 +6,144 @@ 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; + 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; + 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; + 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; + color:#383838; + font-size:110%; + text-align:left; } a:link, a:visited, a:active, a.link-js{ - color:#2c6fad; - text-decoration:none; - cursor:pointer; + color:#2c6fad; + text-decoration:none; + cursor:pointer; } a:link:hover, a:visited:hover, a:active:hover, a.link-js:hover{ - color:#63a4e1; + color:#63a4e1; } a img, a:link img, a:visited img, a:active img{ - border:0; + border:0; } blockquote{ - margin-left:0; - border-left:5px solid #eee; - padding-left:15px; - font-size: 120%; + 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; + 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; + 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; + 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; + padding-left:20px; + margin-left:0; } ul ul{ - list-style-type:disc; + list-style-type:disc; } li{ - margin:10px 0; + margin:10px 0; } table td,table th{ - padding:10px; - border:1px solid #ddd; + 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-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-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-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; + 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, @@ -151,218 +151,218 @@ table td,table th{ .banner-message a:link, .banner-message a:active, .banner-message a:visited{ - display:block; - color:#fff; + display:block; + color:#fff; } .banner-message a:hover{ - text-decoration:underline; + text-decoration:underline; } .banner-message a{ - background-color:#c5251f; + background-color:#c5251f; } .banner-message.alert a{ - background-color:#c5251f; + background-color:#c5251f; } .banner-message.warning a{ - background-color:#E58716; + background-color:#E58716; } .banner-message.success a{ - background-color:#329239; + background-color:#329239; } .banner-message.info a{ - background-color:#0d579b; + background-color:#0d579b; } .banner-message.minor a{ - background-color: yellow; + background-color: yellow; color: black; } .banner-message a span{ - display:block; - margin:auto; - width:850px; - padding:10px; - text-align: center; + display:block; + margin:auto; + width:850px; + padding:10px; + text-align: center; } .center { - text-align: center; + text-align: center; margin-right: auto; margin-left: auto; } .head{ - margin:30px 0 30px 0; + margin:30px 0 30px 0; } .head div{ - width:940px; - margin:auto; - position:relative; - z-index:100; + width:940px; + margin:auto; + position:relative; + z-index:100; } .body{ - width:940px; - margin:auto; - position:relative; + width:940px; + margin:auto; + position:relative; } .langselect{ - display:none; + display:none; } .lang, .lang li, .lang ul{ - display:block; - list-style:none; - padding:0; - margin:0; - cursor:pointer; + 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; + 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; + 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; + display:none; + right:-2px; + position:absolute; + background-color:#fff; + padding:20px; + border:2px solid #ebebeb; + white-space:nowrap; } .lang:hover li ul{ - display:block; + display:block; } .lang li ul li{ - display:inline-block; - vertical-align:top; - text-align:left; - width:180px; + 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; + position:relative; + margin:-4px 0; + padding:0; + border:0; + top:0; } .lang li ul li ul li{ - display:block; + 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; + 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; + 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; + color:#666666; } .lang:hover li ul li a{ - color:#b8b8b8; + color:#b8b8b8; } .logo{ - display:block; - margin-left:40px; - width:191px; - height:40px; + display:block; + margin-left:40px; + width:191px; + height:40px; } .menumobile{ - display:none; + display:none; } .menusimple{ - margin:0; - position:absolute; - top:8px; - left:245px; - padding:0; - height:35px; + 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; + 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; + 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; + 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; + 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; + 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; + font-size:100%; + margin:1px 0; + padding:6px 10px 3px 10px; } .menusimple li:hover, .menusimple li.active{ - background-color:#2c6fad; + background-color:#2c6fad; } .menusimple li:hover>a, .menusimple li.active>a{ - color:#fff; + color:#fff; } .menusimple li:hover>ul{ - display:block; + display:block; } .menusimple.menumain>li:first-child, @@ -370,92 +370,92 @@ table td,table th{ .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; + -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; + font-weight: 700; } .breadcrumbs { - font-size: 75%; - padding-left: 10px; + 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; + 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; + 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; + margin-right: 10px; } .footer{ - text-align:center; - width:940px; - margin:auto; + text-align:center; + width:940px; + margin:auto; } .footermenu{ - position:relative; - padding:0 0 20px 0; - font-size:94%; + position:relative; + padding:0 0 20px 0; + font-size:94%; } .footermenu a{ - margin-right:15px; - white-space:nowrap; + margin-right:15px; + white-space:nowrap; } .footersponsor div{ - display:inline-block; - color:#8D8D8D; - margin:0 0 25px 0; - line-height:2em; + display:inline-block; + color:#8D8D8D; + margin:0 0 25px 0; + line-height:2em; } .footersponsor span{ - white-space:nowrap; + white-space:nowrap; } .footersponsor span, .footersponsor a, .footersponsor a:link, .footersponsor a:active, .footersponsor a:visited{ - display:inline-block; - margin:5px; + display:inline-block; + margin:5px; } .footersponsor img{ - width:245px; - height:18px; + width:245px; + height:18px; } .footerlicense{ - font-size:94%; - padding-bottom:20px; + 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); + 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); + background-image:url(/img/icons/netstatus_alert.svg); } /*Styles specific to elements in pages*/ @@ -463,404 +463,404 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa { .mainsummary, .mainvideo, .mainlist{ - text-align:center; + text-align:center; } .mainsummary{ - font-size:145%; - color:#7b7c7c; - margin:20px auto 45px auto; + font-size:145%; + color:#7b7c7c; + margin:20px auto 45px auto; } .mainvideo{ - position:relative; - margin:auto; - max-width:640px; - max-height:360px; + position:relative; + margin:auto; + max-width:640px; + max-height:360px; } .mainvideo iframe, .mainvideo img{ - width:640px; - height:360px; + width:640px; + height:360px; } .mainvideo div div{ - cursor:pointer; - position:absolute; - top:0; - left:0; - right:0; - bottom:0; + 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; + 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; + display:none; + background:url(/img/icons/video_play_hover.svg) center center no-repeat; } .mainvideo:hover .mainvideoicon{ - display:none; + display:none; } .mainvideo:hover .mainvideoiconhover{ - display:block; + display:block; } .mainlist{ - font-size:125%; - max-width:760px; - margin:30px auto; - display:table; + font-size:125%; + max-width:760px; + margin:30px auto; + display:table; } .mainlist>div{ - display:table-cell; - width:240px; - min-width:200px; - text-align:center; + display:table-cell; + width:240px; + min-width:200px; + text-align:center; } .mainlist>div>div{ - display:inline-block; - line-height:1.5em; + display:inline-block; + line-height:1.5em; } .mainlist>div>div>div{ - display:inline-block; + display:inline-block; } .mainlist img{ - display:block; - margin:10px auto; - vertical-align:top; - position:relative; - height:48px; - width:48px; + display:block; + margin:10px auto; + vertical-align:top; + position:relative; + height:48px; + width:48px; } .maindesc{ - max-width:760px; - margin:auto; - line-height:1.5em; + max-width:760px; + margin:auto; + line-height:1.5em; } .mainbutton{ - text-align:center; + 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; + 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; + background-image:none; + color:#fff; } .mainbutton img{ - margin-right:10px; - margin-left:-52px; - margin-bottom:-12px; - height:42px; - width:42px; + margin-right:10px; + margin-left:-52px; + margin-bottom:-12px; + height:42px; + width:42px; } .mainoverview{ - font-size:130%; - text-align:center; - margin-bottom:10px; + font-size:130%; + text-align:center; + margin-bottom:10px; } .mainoverviews{ - font-size:145%; - text-align:center; - margin-bottom:10px; + font-size:145%; + text-align:center; + margin-bottom:10px; } .mainoverviews a{ - margin:5px 15px; - display:inline-block; + margin:5px 15px; + display:inline-block; } .starttitle{ - text-align:center; + text-align:center; } .starttitle span{ - padding:10px; - border-bottom:1px solid #E2E2E2; - font-size:155%; - margin:20px auto; - display:inline-block; + padding:10px; + border-bottom:1px solid #E2E2E2; + font-size:155%; + margin:20px auto; + display:inline-block; } .start{ - text-align:left; + text-align:left; } .start div{ - position:relative; + position:relative; } .start>div:first-child+div{ - border-top:1px solid #e0e0e0; + border-top:1px solid #e0e0e0; } .start div div{ - display:inline-block; - width:380px; - vertical-align:top; - padding-bottom:70px; - position:static; + 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; + 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; + 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; + 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; + background-image:none; + color:#fff; } .start h2{ - color:#0d579b; + color:#0d579b; } .start h2 span{ - font-size:200%; - color:#ee9209; + font-size:200%; + color:#ee9209; } .start div div div{ - display:block; - width:auto; - padding-bottom:0; - position:absolute; - bottom:35px; + display:block; + width:auto; + padding-bottom:0; + position:absolute; + bottom:35px; } .starttitle a{ - margin:0 20px auto; + margin:0 20px auto; } .introlink{ - text-align:center; - font-size:125%; - font-weight:bold; - margin-top:30px; + 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; + 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; + width:42px; + height:42px; + vertical-align:middle; + margin-right:6px; } .index, .index ul, .index li{ - list-style:none; - padding:0; - margin:0; + list-style:none; + padding:0; + margin:0; } .index{ - padding:10px 20px; - border:2px dashed #4892b2; - display:inline-block; + padding:10px 20px; + border:2px dashed #4892b2; + display:inline-block; } .index ul{ - margin:10px 0; + margin:10px 0; } .index li a{ - font-weight:bold; + font-weight:bold; } .index ul ul li a{ - font-weight:normal; + font-weight:normal; } .index a, .index a:link, .index a:active, .index a:visited{ - display:block; - text-decoration:none; - line-height:1.5em; + display:block; + text-decoration:none; + line-height:1.5em; } .docreference{ - text-align:center; + text-align:center; } .docreference a{ - display:inline-block; - margin:20px 0 40px 0; - font-size:115%; - width:150px; + 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; + display:block; + height:48px; + width:48px; + margin:0 auto 10px auto; } .docreference span{ - display:block; - line-height:1.5em; + display:block; + line-height:1.5em; } .toc{ - position:absolute; - left:20px; - text-align:left; - padding-top:40px; - margin-top:-40px; + position:absolute; + left:20px; + text-align:left; + padding-top:40px; + margin-top:-40px; } .toc div{ - overflow-y:auto; - overflow-x:hidden; - width:240px; + overflow-y:auto; + overflow-x:hidden; + width:240px; } .toc div.scroll{ - position:fixed; + position:fixed; } .toc ul, .toc li{ - list-style:none; - padding:0; - margin:0; + list-style:none; + padding:0; + margin:0; } .toc ul{ - width:220px; - border-right:1px solid #e0e0e0; - padding:0 19px 0 0; + width:220px; + border-right:1px solid #e0e0e0; + padding:0 19px 0 0; } .toc ul li{ - padding:0 0 10px 0; + padding:0 0 10px 0; } .toc ul li ul{ - position:relative; - top:0; - padding:10px 0 0 0; - border:0; - display:none; + position:relative; + top:0; + padding:10px 0 0 0; + border:0; + display:none; } .toc ul li.active ul{ - display:block; + display:block; } .toc ul li ul li{ - padding:0 0 4px 0; + padding:0 0 4px 0; } .toc ul li ul li ul li{ - padding-left:10px; + padding-left:10px; } .toc ul li a{ - padding-left:20px; - font-weight:bold; + padding-left:20px; + font-weight:bold; } .toc ul li ul li a{ - font-weight:normal; + 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; + content:">"; + position:absolute; + font-weight:bold; + left:0px; } .toc ul.goback{ - padding-top:8px; + padding-top:8px; } .toc ul.goback li{ - background:url(/img/icons/mini_ico_back.svg) no-repeat 0 3px; + 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; + 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; + 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; + display:block; + text-decoration:none; + line-height:1.5em; } .toccontent{ - width:600px; - margin:auto 0 auto auto; - position:relative; - text-align: left; + 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; + color:#383838; + margin-top: 40px; + margin-bottom: 0; } .toccontent h2{ - font-size:150%; + font-size:150%; } .toccontent h3{ - font-size:130%; + font-size:130%; } .toccontent h4{ - font-size:110%; + font-size:110%; } .toccontent h5,.toccontent h6{ - font-size:100%; + font-size:100%; } .toccontent img{ - max-width:100%; + max-width:100%; } .toccontent table thead{ - text-align:center; + text-align:center; } .toccontent a.auto-link:link, .toccontent a.auto-link:visited{ - color:#646464; + color:#646464; } .toccontent:hover a.auto-link:link, .toccontent:hover a.auto-link:visited{ - color:#2c6fad; + color:#2c6fad; } .toccontent:hover a.auto-link:link:hover, .toccontent:hover a.auto-link:visited:hover{ - color:#63a4e1; + color:#63a4e1; } .toccontent .subhead-links{ - padding-top: 7px; + padding-top: 7px; } .toccontent a:link.term, .toccontent a:visited.term, @@ -868,119 +868,119 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa { .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; + color:#000; } .toccontent a.term:link code, .toccontent a.term:visited code{ - color:#646464; + 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; + 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; + border:0px none; + padding:0; + margin:0; + overflow-y:visible; } .toccontent table.ntpd tr td+td+td{ - white-space:nowrap; + white-space:nowrap; } .toccontent table.ntpd tr td+td+td+td{ - white-space:normal; + white-space:normal; } .toccontent table thead th{ - font-weight:normal; - border-bottom: 3px double #ddd; + font-weight:normal; + border-bottom: 3px double #ddd; } .anchorAf{ - position:relative; + 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; + 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; + display:block; } .ui-dialog .anchorAf:hover a:first-child{ - display:none; + display:none; } .develdocdisclaimer{ - padding:30px 0; - background:#fff; - bottom:0; - position:fixed; - width:600px; - z-index:1000; - border-top:1px solid #e0e0e0; + 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; + 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; + 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; + border:2px solid #ee9209; + color:#fff; } .glossary_term { - display: block; - width: 20em; - padding: 5px 10px; - margin-right: auto; - margin-left: auto; + 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; + 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; + list-style: none; + float: left; + width: 15em; + margin: 1em; } br.clear { - clear: left; + clear: left; } .notice { text-align: center; @@ -989,11 +989,11 @@ br.clear { font-style: italic; } .subhead-links { - font-size: 85%; + font-size: 85%; } .subhead-links img { - width: 12px; - height: 12px; + width: 12px; + height: 12px; } div.one-column { @@ -1035,7 +1035,7 @@ div.post { } table.privacy-comparison td,table.privacy-comparison th{ - padding:3px; + padding:3px; } table.privacy-comparison tr.empty { @@ -1043,7 +1043,7 @@ table.privacy-comparison tr.empty { } table.privacy-comparison td:nth-child(1n+2) { - width: 120px; + width: 120px; } table.validation { width: 100%; } @@ -1056,10 +1056,10 @@ table.validation .ui-icon { display: inline-block; } table.validation tr:nth-child(even)>td { - cursor:pointer; + cursor:pointer; } table.validation tr:nth-child(even)>td:hover { - color:#000; + color:#000; } .received_transactions td { @@ -1071,8 +1071,8 @@ table.validation tr:nth-child(even)>td:hover { } .service-choose a{ - display: block; - margin: 20px 0; + display: block; + margin: 20px 0; } button.js.showcolumn { @@ -1130,13 +1130,13 @@ br.big { background: transparent; border: 0; font-size: 150%; - -webkit-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; } .slide-buttons button.active { - background-color: #2c6fad; - color: #fff; + background-color: #2c6fad; + color: #fff; } .two-column-list ul { @@ -1178,7 +1178,7 @@ button.active { } .prevnext { - line-height: 1.5em; + line-height: 1.5em; } .prevnext span:first-child { float: left; @@ -1300,65 +1300,65 @@ button.active { } .box{ - border:2px dashed #4892b2; - padding:0 20px 0 20px; + 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; + overflow:hidden; + -moz-transition:height 400ms ease-out; + -webkit-transition:height 400ms ease-out; + transition:height 400ms ease-out; } .boxexpand>*{ - display:none; + display:none; } .boxexpand>h3:first-child{ - display:block; - margin:20px 0; + 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; + text-decoration:none; } .boxexpand.expanded>*{ - display:block; + display:block; } .titlelight{ - color:#8c8c8c; + color:#8c8c8c; } .tablehalf{ - width:885px; - position:relative; - left:-40px; + width:885px; + position:relative; + left:-40px; } .tablehalf div{ - display:inline-block; - width:400px; - vertical-align:top; - margin-left:40px; - margin-bottom:20px; + 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; + width:400px; + height:220px; + -webkit-border-radius:10px; + -moz-border-radius:10px; + border-radius:10px; } .tablehalf h2 img{ - width:auto; - height:auto; + width:auto; + height:auto; } .tablehalf p{ - text-align:left; + text-align:left; } .contributors{ - width:890px; - text-align:left; - font-size:80%; + width:890px; + text-align:left; + font-size:80%; } .one-column .contributors { @@ -1366,1622 +1366,1108 @@ button.active { } .contributors img{ - width:16px; - height:16px; + width:16px; + height:16px; } .contributors div{ - padding:8px 0; - width:215px; - overflow:hidden; - display:inline-block; - vertical-align:top; + padding:8px 0; + width:215px; + overflow:hidden; + display:inline-block; + vertical-align:top; } .contributors div div{ - width:auto; - padding:0; + width:auto; + padding:0; } .contributors div div:first-child+div{ - max-width:150px; - margin:0 2px; - white-space:nowrap; + max-width:150px; + margin:0 2px; + white-space:nowrap; } .credit{ - text-align:left; - margin:-10px 0; + text-align:left; + margin:-10px 0; } .credit p{ - display:inline-block; - width:275px; - vertical-align:top; - margin:10px 0; + display:inline-block; + width:275px; + vertical-align:top; + margin:10px 0; } .credit span{ - display:block; - color:#aaa; + display:block; + color:#aaa; } .resources{ - text-align:left; + text-align:left; } .resources>div{ - border-top:1px solid #e0e0e0; + border-top:1px solid #e0e0e0; } .resources>div:first-child{ - border-top:0; + border-top:0; } .resources div div{ - display:inline-block; - width:380px; - vertical-align:top; - padding:10px 0 25px 0; - min-height:200px; + 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; + 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; + padding-left:40px; + border-left:1px solid #e0e0e0; + margin-left:-1px; } .resources div div div{ - display:block; - width:auto; + display:block; + width:auto; } .resources p{ - font-size:115%; - margin:6px 0; + font-size:115%; + margin:6px 0; } .resourcesorg{ - margin-bottom:40px; - text-align:left; - font-size:0; + margin-bottom:40px; + text-align:left; + font-size:0; } .resourcesorg div{ - border-top:1px solid #e0e0e0; + border-top:1px solid #e0e0e0; } .resourcesorg div:first-child,.resourcesorg div div{ - border-top:0; + border-top:0; } .resourcesorg div div{ - width:278px; - font-size:16px; - display:inline-block; - vertical-align:top; + width:278px; + font-size:16px; + display:inline-block; + vertical-align:top; } .resourcesorg img{ - margin-right:5px; - width:24px; - height:24px; - position:relative; - bottom:-6px; + margin-right:5px; + width:24px; + height:24px; + position:relative; + bottom:-6px; } .exchanges{ - margin-bottom:40px; - text-align:left; - font-size:0; + margin-bottom:40px; + text-align:left; + font-size:0; } .exchanges div{ - border-top:1px solid #e0e0e0; + border-top:1px solid #e0e0e0; } .exchanges div:first-child,.exchanges div div{ - border-top:0; + border-top:0; } .exchanges div div{ - width:278px; - font-size:16px; - display:inline-block; - vertical-align:top; + width:278px; + font-size:16px; + display:inline-block; + vertical-align:top; } .exchanges img{ - margin-right:5px; - width:24px; - height:24px; - position:relative; - bottom:-6px; + margin-right:5px; + width:24px; + height:24px; + position:relative; + bottom:-6px; } .resourcesmore{ - text-align:center; - margin-top:40px; + 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; + 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; + text-align:center; + margin-bottom:25px; } .resourcesmore div p{ - font-size:115%; - margin:6px 0; + font-size:115%; + margin:6px 0; } .coredevtable div div:first-child{ - width:200px; + width:200px; } .coredevtable div div:first-child+div{ - width:220px; + width:220px; } .coredevtable div div:first-child+div+div{ - width:80px; + width:80px; } .chatbox{ - text-align:center; + 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; + 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; + margin:10px 0; } .devprojectlist li:nth-child(1n+4){ - display:none; + display:none; } .devprojectlist.expanded li:nth-child(1n+4){ - display:list-item; + display:list-item; } .devprojectlist li.more{ - display:block; + display:block; } .devprojectlist.expanded li.more{ - display:none; + 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; + display:inline-block; + margin-top:5px; } h1 .rssicon{ - vertical-align:bottom; - margin-bottom:9px; - margin-left:10px; + vertical-align:bottom; + margin-bottom:9px; + margin-left:10px; } h2 .rssicon{ - vertical-align:bottom; - margin-bottom:7px; - margin-left:10px; + vertical-align:bottom; + margin-bottom:7px; + margin-left:10px; } .versiontext{ - text-align:left; - margin-bottom:40px; - max-width:600px; + text-align:left; + margin-bottom:40px; + max-width:600px; } .versiontext h1{ - text-align:left; + text-align:left; } .alerttitle img{ - display:block; - margin:auto; - width:42px; - height:42px; + display:block; + margin:auto; + width:42px; + height:42px; } .alertstatusinactive{ - font-size:130%; - color:#0d579b; - margin-bottom:30px; + font-size:130%; + color:#0d579b; + margin-bottom:30px; } .alertstatusactive{ - font-size:130%; - color:#d57700; - margin-bottom:30px; + font-size:130%; + color:#d57700; + margin-bottom:30px; } .alertsactive{ - margin-bottom:20px; + margin-bottom:20px; } .alertsactive a{ - font-weight:bold; + font-weight:bold; } .alerticon{ - width:42px; - height:42px; - float:left; - margin-top:12px; - margin-right:12px; + width:42px; + height:42px; + float:left; + margin-top:12px; + margin-right:12px; } .redirectmsg{ - text-align:center; - margin:20px 0; + text-align:center; + margin:20px 0; } .redirectmsg h1{ - color:#7b7c7c; - font-weight:400; - font-size:180%; + color:#7b7c7c; + font-weight:400; + font-size:180%; } .redirectmsg p{ - font-size:150%; + font-size:150%; } .attribution{ - font-size:75% + font-size:75% } .download{ - text-align:center; + text-align:center; } .download p{ - text-align:justify; + text-align:justify; } .download div p{ - text-align:center; + text-align:center; } .download h1, .download h2{ - text-align:center; + text-align:center; } .download .mainbutton a{ - margin:10px 0 35px 0; + 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; + 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; + margin:0; } .downloadbox p.downloadmore a{ - font-size:90%; + font-size:90%; } .downloadbox p.downloadkeys{ - font-size:80%; - margin-top:15px; + font-size:80%; + margin-top:15px; } .downloadbox p.downloadkeys span{ - display:block; + 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; + 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; + display:inline-block; } .downloadbox div{ - display:inline-block; - margin:0 10px; - vertical-align:top; + display:inline-block; + margin:0 10px; + vertical-align:top; } .downloadbox div div{ - display:block; - width:190px; - height:46px; - margin:25px 0; - text-align:left; + display:block; + width:190px; + height:46px; + margin:25px 0; + text-align:left; } .downloadbox div div span{ - display:inline-block; - margin-left:6px; + display:inline-block; + margin-left:6px; } .downloadbox div div span span{ - display:block; - margin:6px 0 0 0; - font-size:80%; + display:block; + margin:6px 0 0 0; + font-size:80%; } .downloadbox img{ - width:32px; - height:32px; - vertical-align:top; - position:relative; - top:4px; + 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; + 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; + height:400px; + margin-bottom:25px; } .listtable div{ - padding:8px 0; - border-top:1px solid #E2E2E2; + padding:8px 0; + border-top:1px solid #E2E2E2; } .listtable div:first-child{ - border-top:0; + 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; + 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; + width:100px; } .eventtable div div:first-child+div{ - width:300px; + width:300px; } .eventtable div div:first-child+div+div{ - width:300px; + 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; + 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; + background-image:none; + color:#fff; } .eventdata{ - display:none; + display:none; } .detectmobile{ - width:0; - height:0; - display:none; + width:0; + height:0; + display:none; } .summary{ - font-size:125%; - margin-bottom:40px; - text-align:center; + font-size:125%; + margin-bottom:40px; + text-align:center; } .summarytxt{ - margin-bottom:40px; + margin-bottom:40px; } .press h2{ - font-size:150%; + font-size:150%; } .press-volunteer{ - text-align:left; - margin-bottom:40px; + text-align:left; + margin-bottom:40px; } .press-faq{ - text-align:left; - margin-bottom:40px; + text-align:left; + margin-bottom:40px; } .press-faq>div{ - width:380px; - display:inline-block; - vertical-align:top; - margin-bottom:15px; - margin-right:30px; + 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; + 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; + 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; + height:auto; } .press-faq li{ - line-height:1.5em; + line-height:1.5em; } .press-faq p{ - text-align:left; + text-align:left; } .press-faq div span p{ - margin-bottom:0; + margin-bottom:0; } .press-videos{ - margin-bottom:40px; + margin-bottom:40px; } .press-videos div{ - display:inline-block; - vertical-align:top; - margin-right:10px; + display:inline-block; + vertical-align:top; + margin-right:10px; } .press-videos div a{ - display:inline-block; - margin-right:10px; - margin-bottom:10px; + 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; + width:250px; + height:136px; + -webkit-border-radius:10px; + -moz-border-radius:10px; + border-radius:10px; } .press-pictures{ - text-align:left; - margin-bottom:40px; + 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; + 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; + 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; + 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; + 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; + height:auto; } .press-quotes div{ - position:relative; - left:-20px; - text-align:left; + position:relative; + left:-20px; + text-align:left; } .press-quotes p{ - display:inline-block; - vertical-align:top; - width:380px; - margin:0 0 20px 20px; + 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; + display:none; } .press-quotes.expanded p:nth-child(1n+9){ - display:inline-block; + display:inline-block; } .press-quotes>a{ - display:inline-block; - padding-top:10px; - font-weight:bold; + display:inline-block; + padding-top:10px; + font-weight:bold; } .press-quotes.expanded>a{ - display:none; + display:none; } .press-quotes span:first-child{ - font-weight:bold; - display:block; - margin-bottom:4px; + 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:"“"; + 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:"”"; + position:absolute; + margin-right:-16px; + font-weight:bold; + font-size:180%; + content:"”"; } .press-quotes p.final { - width: 100%; + 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; - } + .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; - } - table{ - display: block; - overflow: scroll; - -webkit-overflow-scrolling: touch; - } - .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; - } + img{ + max-width:100%; + } + h1, + h2{ + text-align:center; + } + table{ + display: block; + overflow: scroll; + -webkit-overflow-scrolling: touch; + } + .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; - } + .mainlist, + .mainlist>div{ + width:auto; + display:block; + } + .mainlist>div{ + margin:15px auto; + } } + +@import 'wallets';