From b9e114efe8e68f41616a45b3e4368665ae7790bd Mon Sep 17 00:00:00 2001 From: "David A. Harding" Date: Wed, 7 Jun 2017 12:56:37 -0400 Subject: [PATCH 1/5] Build: allow repeated rebuilding in Jekyll Preview mode The events and contributor plugins both monkey patched the `site` object. This worked fine when they were loaded once per site build, but with Jekyll 3.0 automatic site rebuilding in preview and watch modes, this applied the monkey patch recursively, causing the program to halt. With this commit, the monkey patching should only occur once per run. --- _plugins/contributors.rb | 24 +++++++++++++----------- _plugins/events.rb | 20 +++++++++++--------- 2 files changed, 24 insertions(+), 20 deletions(-) diff --git a/_plugins/contributors.rb b/_plugins/contributors.rb index e19e9d87..8a8f8872 100644 --- a/_plugins/contributors.rb +++ b/_plugins/contributors.rb @@ -78,17 +78,19 @@ module Jekyll def generate(site) # Set site.contributors global variables for liquid/jekyll - class << site - attr_accessor :corecontributors - attr_accessor :sitecontributors - alias contrib_site_payload site_payload - def site_payload - h = contrib_site_payload - payload = h["site"] - payload["corecontributors"] = self.corecontributors - payload["sitecontributors"] = self.sitecontributors - h["site"] = payload - h + if ! site.respond_to?('corecontributors') + class << site + attr_accessor :corecontributors + attr_accessor :sitecontributors + alias contrib_site_payload site_payload + def site_payload + h = contrib_site_payload + payload = h["site"] + payload["corecontributors"] = self.corecontributors + payload["sitecontributors"] = self.sitecontributors + h["site"] = payload + h + end end end diff --git a/_plugins/events.rb b/_plugins/events.rb index 8ef8ed3b..77427094 100644 --- a/_plugins/events.rb +++ b/_plugins/events.rb @@ -42,15 +42,17 @@ module Jekyll def generate(site) # Set site.meetups and site.conferences global variables for liquid/jekyll - class << site - attr_accessor :conferences - alias event_site_payload site_payload - def site_payload - h = event_site_payload - payload = h["site"] - payload["conferences"] = self.conferences - h["site"] = payload - h + if ! site.respond_to?('conferences') + class << site + attr_accessor :meetups, :conferences + alias event_site_payload site_payload + def site_payload + h = event_site_payload + payload = h["site"] + payload["conferences"] = self.conferences + h["site"] = payload + h + end end end From a40fb73daba252710870181dbac9ce6aa63b646e Mon Sep 17 00:00:00 2001 From: "David A. Harding" Date: Thu, 15 Jun 2017 12:53:37 -0400 Subject: [PATCH 2/5] Layout: render CSS with both "less" and "scss" This commit renders the same CSS files using both the "less" and "scss" CSS generation engines so that the results may be compared. This is a comparison script: old_main_css=$( grep -rl normalize.css _site/*.css ) new_main_css=_site/css/main.css old_rtl_css=$( grep 'Language specific styles that override default' -rl _site/*.css ) new_rtl_css=_site/css/rtl.css ( diff -ub $old_main_css $new_main_css diff -ub $old_rtl_css $new_rtl_css ) --- .gitignore | 1 + _includes/layout/base/html-head.html | 18 +- _plugins/less.rb | 2 +- _sass/normalize.scss | 396 ++++ _sass/screen.scss | 2982 ++++++++++++++++++++++++++ css/ie.css | 387 ++++ css/ie8.less | 82 + css/main.scss | 9 + css/rtl.scss | 406 ++++ css/sans.css | 24 + 10 files changed, 4301 insertions(+), 6 deletions(-) create mode 100644 _sass/normalize.scss create mode 100644 _sass/screen.scss create mode 100644 css/ie.css create mode 100644 css/ie8.less create mode 100644 css/main.scss create mode 100644 css/rtl.scss create mode 100644 css/sans.css diff --git a/.gitignore b/.gitignore index f0d4416c..aba4609c 100644 --- a/.gitignore +++ b/.gitignore @@ -11,3 +11,4 @@ Thumbs.db vendor _cache .jekyll-metadata +.sass-cache/ diff --git a/_includes/layout/base/html-head.html b/_includes/layout/base/html-head.html index 9bb53676..c576aa48 100644 --- a/_includes/layout/base/html-head.html +++ b/_includes/layout/base/html-head.html @@ -3,17 +3,25 @@ This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} + + {% capture title %}{% translate title %}{% endcapture %}{% if title != '' %}{{ title }}{% else %}{{ page.title }}{% endif %} {% capture metadescription %}{% translate metadescription %}{% endcapture %}{% if metadescription != '' %}{% endif %} -{% lesscss main.less %} - - -{% if page.lang == 'ar' or page.lang == 'fa' %}{% lesscss rtl.less %}{% endif %} -{% if page.lang == 'bg' or page.lang == 'el' or page.lang == 'ko' or page.lang == 'hi' or page.lang == 'pl' or page.lang == 'sl' or page.lang == 'ro' or page.lang == 'ru' or page.lang == 'tr' or page.lang == 'uk' or page.lang == 'zh_CN' or page.lang == 'zh_TW' %}{% lesscss sans.less %}{% endif %} + + + +{% if page.lang == 'ar' or page.lang == 'fa' %}{% endif %} +{% if page.lang == 'bg' or page.lang == 'el' or page.lang == 'ko' or page.lang == 'hi' or page.lang == 'pl' or page.lang == 'sl' or page.lang == 'ro' or page.lang == 'ru' or page.lang == 'tr' or page.lang == 'uk' or page.lang == 'zh_CN' or page.lang == 'zh_TW' %}{% endif %} {% if page.id != 'download' %}{% endif %} diff --git a/_plugins/less.rb b/_plugins/less.rb index 89785806..1d80f217 100644 --- a/_plugins/less.rb +++ b/_plugins/less.rb @@ -37,7 +37,7 @@ module Jekyll f = file = File.new(@file, "r") else source = File.read(@file) - f = IO.popen("lessc -x -", "w+") + f = IO.popen("lessc -", "w+") f.write(source) f.close_write() end diff --git a/_sass/normalize.scss b/_sass/normalize.scss new file mode 100644 index 00000000..559de6af --- /dev/null +++ b/_sass/normalize.scss @@ -0,0 +1,396 @@ +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined in IE 8/9. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +/** + * Correct `inline-block` display not defined in IE 8/9. + */ + +audio, +canvas, +video { + display: inline-block; +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ + +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ + +a:focus { + outline: thin dotted; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* ========================================================================== + Typography + ========================================================================== */ + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari 5, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari 5 and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Correct font family set oddly in Safari 5 and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +/** + * Improve readability of pre-formatted text in all browsers. + */ + +pre { + white-space: pre-wrap; +} + +/** + * Set consistent quote types. + */ + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* ========================================================================== + Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9. + */ + +img { + border: 0; +} + +/** + * Correct overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari 5. + */ + +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + */ + +button, +input, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + +/* ========================================================================== + Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/_sass/screen.scss b/_sass/screen.scss new file mode 100644 index 00000000..d20802a8 --- /dev/null +++ b/_sass/screen.scss @@ -0,0 +1,2982 @@ +/* +This file is licensed under the MIT License (MIT) available on +http://opensource.org/licenses/MIT. +*/ + +/*Styles for HTML tags*/ + +body{ + font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif; + font-size:16px; + margin:0; + padding:0; + color:#646464; + background-color:#f7f7f7; +} +h1{ + font-family:'Ubuntu', sans-serif; + font-weight:700; + color:#0d579b; + font-size:160%; + margin-top:0; + text-align:center; +} +h2{ + font-family:'Ubuntu', sans-serif; + font-weight:700; + color:#383838; + font-size:130%; + text-align:left; +} +h3{ + color:#383838; + font-size:110%; + text-align:left; +} +a:link, +a:visited, +a:active, +a.link-js{ + color:#2c6fad; + text-decoration:none; + cursor:pointer; +} +a:link:hover, +a:visited:hover, +a:active:hover, +a.link-js:hover{ + color:#63a4e1; +} +a img, +a:link img, +a:visited img, +a:active img{ + border:0; +} +blockquote{ + margin-left:0; + border-left:5px solid #eee; + padding-left:15px; + font-size: 120%; +} +pre{ + background-color:#f5f5f5; + display:block; + padding:17px; + line-height:1.5em; + font-size:75%; + border:1px solid #ccc; + white-space:pre; + overflow-y:auto; + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; +} +pre code{ + font-size:100%; + padding:0; + border:0; + white-space:pre; +} +code{ + padding:2px 4px; + background-color:#f5f5f5; + font-size:85%; + white-space:nowrap; + border:1px solid #ccc; + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; +} +ul,ol{ + padding-left:20px; + margin-left:0; +} +ul ul{ + list-style-type:disc; +} +li{ + margin:10px 0; +} +table td,table th{ + padding:10px; + border:1px solid #ddd; +} + +/*Styles for whole website*/ + +@font-face{ + font-family:'Ubuntu'; + src:url('/font/ubuntu/ubuntu-r-webfont.eot'); + src:url('/font/ubuntu/ubuntu-r-webfont.eot?iefix') format('eot'), + url('/font/ubuntu/ubuntu-r-webfont.woff') format('woff'), + url('/font/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), + url('/font/ubuntu/ubuntu-r-webfont.svg') format('svg'); + font-weight:300; + font-style:normal; +} +@font-face{ + font-family:'Ubuntu'; + src:url('/font/ubuntu/ubuntu-ri-webfont.eot'); + src:url('/font/ubuntu/ubuntu-ri-webfont.eot?iefix') format('eot'), + url('/font/ubuntu/ubuntu-ri-webfont.woff') format('woff'), + url('/font/ubuntu/ubuntu-ri-webfont.ttf') format('truetype'), + url('/font/ubuntu/ubuntu-ri-webfont.svg') format('svg'); + font-weight:300; + font-style:italic; +} +@font-face{ + font-family:'Ubuntu'; + src:url('/font/ubuntu/ubuntu-b-webfont.eot'); + src:url('/font/ubuntu/ubuntu-b-webfont.eot?iefix') format('eot'), + url('/font/ubuntu/ubuntu-b-webfont.woff') format('woff'), + url('/font/ubuntu/ubuntu-b-webfont.ttf') format('truetype'), + url('/font/ubuntu/ubuntu-b-webfont.svg') format('svg'); + font-weight:700; + font-style:normal; +} +@font-face{ + font-family:'Ubuntu'; + src:url('/font/ubuntu/ubuntu-bi-webfont.eot'); + src:url('/font/ubuntu/ubuntu-bi-webfont.eot?iefix') format('eot'), + url('/font/ubuntu/ubuntu-bi-webfont.woff') format('woff'), + url('/font/ubuntu/ubuntu-bi-webfont.ttf') format('truetype'), + url('/font/ubuntu/ubuntu-bi-webfont.svg') format('svg'); + font-weight:700; + font-style:italic; +} + +.banner-message, +.banner-message a, +.banner-message a:link, +.banner-message a:active, +.banner-message a:visited{ + display:block; + color:#fff; +} +.banner-message a:hover{ + text-decoration:underline; +} +.banner-message a{ + background-color:#c5251f; +} +.banner-message.alert a{ + background-color:#c5251f; +} +.banner-message.warning a{ + background-color:#E58716; +} +.banner-message.success a{ + background-color:#329239; +} +.banner-message.info a{ + background-color:#0d579b; +} +.banner-message.minor a{ + background-color: yellow; + color: black; +} +.banner-message a span{ + display:block; + margin:auto; + width:850px; + padding:10px; + text-align: center; +} + +.center { + text-align: center; + margin-right: auto; + margin-left: auto; +} + +.head{ + margin:30px 0 30px 0; +} +.head div{ + width:940px; + margin:auto; + position:relative; + z-index:100; +} +.body{ + width:940px; + margin:auto; + position:relative; +} + +.langselect{ + display:none; +} +.lang, +.lang li, +.lang ul{ + display:block; + list-style:none; + padding:0; + margin:0; + cursor:pointer; +} +.lang{ + position:absolute; + right:5px; + top:8px; + border-left:2px solid transparent; + border-right:2px solid transparent; + border-top:2px solid transparent; +} +.lang:hover{ + border-left:2px solid #ebebeb; + border-right:2px solid #ebebeb; + border-top:2px solid #ebebeb; + background-color:#fff; +} +.lang li ul{ + display:none; + right:-2px; + position:absolute; + background-color:#fff; + padding:20px; + border:2px solid #ebebeb; + white-space:nowrap; +} +.lang:hover li ul{ + display:block; +} +.lang li ul li{ + display:inline-block; + vertical-align:top; + text-align:left; + width:180px; +} +.lang li ul li ul{ + position:relative; + margin:-4px 0; + padding:0; + border:0; + top:0; +} +.lang li ul li ul li{ + display:block; +} +.lang li a, +.lang li a:link, +.lang li a:visited, +.lang li a:active{ + text-decoration:none; + font-size:115%; + display:inline-block; + color:#b8b8b8; + padding:4px 8px; +} +.lang li ul li a, +.lang li ul li a:link, +.lang li ul li a:visited, +.lang li ul li a:active{ + padding:4px 0; + width:180px; +} +.lang:hover li a, +.lang li ul li ul li:hover a, +.lang li ul li ul li a.active{ + color:#666666; +} +.lang:hover li ul li a{ + color:#b8b8b8; +} + +.logo{ + display:block; + margin-left:40px; + width:191px; + height:40px; +} + +.menumobile{ + display:none; +} + +.menusimple{ + margin:0; + position:absolute; + top:8px; + left:245px; + padding:0; + height:35px; +} +.menusimple li{ + list-style:none; + display:inline-block; + position:relative; + padding:0; + margin:0 3px; + -webkit-border-radius:5px; + -moz-border-radius:5px; + border-radius:5px; +} +.menusimple>li a, +.menusimple>li a:active, +.menusimple>li a:visited, +.menusimple>li a:link{ + color:#2c6fad; +} +.menusimple>li a{ + cursor:pointer; + font-family:'Ubuntu', sans-serif; + font-weight:300; + font-size:110%; + display:block; + text-decoration:none; + padding:6px 10px 4px 10px; + white-space:nowrap; +} +.menusimple>li ul{ + display:none; + position:absolute; + background-color:#fff; + border:1px solid #2c6fad; + min-width:120%; + padding:5px 0; + margin:0; + left:0; +} +.menusimple>li>ul li{ + margin:0; + display:block; + width:100%; + -webkit-border-radius:0; + -moz-border-radius:0; + border-radius:0; +} +.menusimple>li>ul>li a{ + font-size:100%; + margin:1px 0; + padding:6px 10px 3px 10px; +} +.menusimple li:hover, +.menusimple li.active{ + background-color:#2c6fad; +} +.menusimple li:hover>a, +.menusimple li.active>a{ + color:#fff; +} +.menusimple li:hover>ul{ + display:block; +} + +.menusimple.menumain>li:first-child, +.menusimple.menumain>li:first-child+li, +.menusimple.menumain>li:first-child+li+li+li, +.menusimple.menucore>li:first-child, +.menusimple.menucore>li:first-child+li+li{ + -webkit-border-bottom-left-radius:0; + -webkit-border-bottom-right-radius:0; + -moz-border-radius-bottomleft:0; + -moz-border-radius-bottomright:0; + border-bottom-left-radius:0; + border-bottom-right-radius:0; +} +.menusimple.menucore>li:first-child+li+li+li+li a{ + font-weight: 700; +} + +.breadcrumbs { + font-size: 75%; + padding-left: 10px; +} +.content{ + position:relative; + padding:30px 40px 40px 40px; + margin:0 5px; + text-align:justify; + background-color:#fff; + min-height:400px; + border:2px solid #ebebeb; + -webkit-border-radius:6px; + -moz-border-radius:6px; + border-radius:6px; +} +.content p, +.content li, +.content table{ + line-height:1.5em; +} + +h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa { + margin-right: 10px; +} + +.footer{ + text-align:center; + width:940px; + margin:auto; +} +.footermenu{ + position:relative; + padding:0 0 20px 0; + font-size:94%; +} +.footermenu a{ + margin-right:15px; + white-space:nowrap; +} +.footersponsor div{ + display:inline-block; + color:#8D8D8D; + margin:0 0 25px 0; + line-height:2em; +} +.footersponsor span{ + white-space:nowrap; +} +.footersponsor span, +.footersponsor a, +.footersponsor a:link, +.footersponsor a:active, +.footersponsor a:visited{ + display:inline-block; + margin:5px; +} +.footersponsor img{ + width:245px; + height:18px; +} +.footerlicense{ + font-size:94%; + padding-bottom:20px; +} + +.statusmenu{ + display:inline-block; + padding-left:20px; + background-position:left center; + background-repeat:no-repeat; + background-image:url(/img/icons/netstatus_normal.svg); +} +.statusmenu.alert{ + background-image:url(/img/icons/netstatus_alert.svg); +} + +/*Styles specific to elements in pages*/ + +.mainsummary, +.mainvideo, +.mainlist{ + text-align:center; +} +.mainsummary{ + font-size:145%; + color:#7b7c7c; + margin:20px auto 45px auto; +} +.mainvideo{ + position:relative; + margin:auto; + max-width:640px; + max-height:360px; +} +.mainvideo iframe, +.mainvideo img{ + width:640px; + height:360px; +} +.mainvideo div div{ + cursor:pointer; + position:absolute; + top:0; + left:0; + right:0; + bottom:0; +} +.mainvideo .mainvideoicon{ + display:block; + background:url(/img/icons/video_play.svg) center center no-repeat; +} +.mainvideo .mainvideoiconhover{ + display:none; + background:url(/img/icons/video_play_hover.svg) center center no-repeat; +} +.mainvideo:hover .mainvideoicon{ + display:none; +} +.mainvideo:hover .mainvideoiconhover{ + display:block; +} +.mainlist{ + font-size:125%; + max-width:760px; + margin:30px auto; + display:table; +} +.mainlist>div{ + display:table-cell; + width:240px; + min-width:200px; + text-align:center; +} +.mainlist>div>div{ + display:inline-block; + line-height:1.5em; +} +.mainlist>div>div>div{ + display:inline-block; +} +.mainlist img{ + display:block; + margin:10px auto; + vertical-align:top; + position:relative; + height:48px; + width:48px; +} +.maindesc{ + max-width:760px; + margin:auto; + line-height:1.5em; +} +.mainbutton{ + text-align:center; +} +.mainbutton a, +.mainbutton a:link, +.mainbutton a:visited, +.mainbutton a:active{ + font-family:'Ubuntu', sans-serif; + font-weight:400; + font-size:150%; + text-shadow:0 2px 6px rgba(0,0,0,0.6); + text-align:left; + display:inline-block; + background-color:#2c6fad; + border:1px solid #20598f; + background-image:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); + background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); + background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); + background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); + background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%); + color:#fff; + padding:15px 20px 20px 68px; + margin:40px 0 40px 0; + -webkit-border-radius:12px; + -moz-border-radius:12px; + border-radius:12px; +} +.mainbutton a:hover{ + background-image:none; + color:#fff; +} +.mainbutton img{ + margin-right:10px; + margin-left:-52px; + margin-bottom:-12px; + height:42px; + width:42px; +} +.mainoverview{ + font-size:130%; + text-align:center; + margin-bottom:10px; +} +.mainoverviews{ + font-size:145%; + text-align:center; + margin-bottom:10px; +} +.mainoverviews a{ + margin:5px 15px; + display:inline-block; +} + +.starttitle{ + text-align:center; +} +.starttitle span{ + padding:10px; + border-bottom:1px solid #E2E2E2; + font-size:155%; + margin:20px auto; + display:inline-block; +} +.start{ + text-align:left; +} +.start div{ + position:relative; +} +.start>div:first-child+div{ + border-top:1px solid #e0e0e0; +} +.start div div{ + display:inline-block; + width:380px; + vertical-align:top; + padding-bottom:70px; + position:static; +} +.start>div>div:first-child{ + padding-right:40px; + border-right:1px solid #e0e0e0; +} +.start>div>div:first-child+div{ + padding-left:40px; + border-left:1px solid #e0e0e0; + margin-left:-1px; +} +.start div div div a, +.start div div div a:link, +.start div div div a:active, +.start div div div a:visited{ + display:inline-block; + padding:6px 12px; + font-size:115%; + color:#fff; + border:1px solid #d57700; + background-color:#ee9209; + background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%); + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; +} +.start div div div a:hover{ + background-image:none; + color:#fff; +} +.start h2{ + color:#0d579b; +} +.start h2 span{ + font-size:200%; + color:#ee9209; +} +.start div div div{ + display:block; + width:auto; + padding-bottom:0; + position:absolute; + bottom:35px; +} +.starttitle a{ + margin:0 20px auto; +} + +.introlink{ + text-align:center; + font-size:125%; + font-weight:bold; + margin-top:30px; +} + +.titleicon{ + width:32px; + height:32px; + vertical-align:middle; + margin-right:8px; + position:relative; + top:-2px; +} +.warningicon{ + width:42px; + height:42px; + vertical-align:middle; + margin-right:6px; +} + +.index, +.index ul, +.index li{ + list-style:none; + padding:0; + margin:0; +} +.index{ + padding:10px 20px; + border:2px dashed #4892b2; + display:inline-block; +} +.index ul{ + margin:10px 0; +} +.index li a{ + font-weight:bold; +} +.index ul ul li a{ + font-weight:normal; +} +.index a, +.index a:link, +.index a:active, +.index a:visited{ + display:block; + text-decoration:none; + line-height:1.5em; +} + +.docreference{ + text-align:center; +} +.docreference a{ + display:inline-block; + margin:20px 0 40px 0; + font-size:115%; + width:150px; +} +.docreference img{ + display:block; + height:48px; + width:48px; + margin:0 auto 10px auto; +} +.docreference span{ + display:block; + line-height:1.5em; +} +.toc{ + position:absolute; + left:20px; + text-align:left; + padding-top:40px; + margin-top:-40px; +} +.toc div{ + overflow-y:auto; + overflow-x:hidden; + width:240px; +} +.toc div.scroll{ + position:fixed; +} +.toc ul, +.toc li{ + list-style:none; + padding:0; + margin:0; +} +.toc ul{ + width:220px; + border-right:1px solid #e0e0e0; + padding:0 19px 0 0; +} +.toc ul li{ + padding:0 0 10px 0; +} +.toc ul li ul{ + position:relative; + top:0; + padding:10px 0 0 0; + border:0; + display:none; +} +.toc ul li.active ul{ + display:block; +} +.toc ul li ul li{ + padding:0 0 4px 0; +} +.toc ul li ul li ul li{ + padding-left:10px; +} +.toc ul li a{ + padding-left:20px; + font-weight:bold; +} +.toc ul li ul li a{ + font-weight:normal; +} +.toc ul li ul li a:hover:before, +.toc ul li ul li a.active:before{ + content:">"; + position:absolute; + font-weight:bold; + left:0px; +} +.toc ul.goback{ + padding-top:8px; +} +.toc ul.goback li{ + background:url(/img/icons/mini_ico_back.svg) no-repeat 0 3px; +} +.toc ul.reportissue li{ + background:url(/img/icons/mini_ico_report.svg) no-repeat 0 3px; +} +.toc ul.editsource li{ + background:url(/img/icons/mini_ico_rev.svg) no-repeat 0 3px; +} +.toc a, +.toc a:link, +.toc a:active, +.toc a:visited{ + display:block; + text-decoration:none; + line-height:1.5em; +} +.toccontent{ + width:600px; + margin:auto 0 auto auto; + position:relative; + text-align: left; +} +.toccontent h2, +.toccontent h3, +.toccontent h4, +.toccontent h5, +.toccontent h6{ + color:#383838; + margin-top: 40px; + margin-bottom: 0; +} +.toccontent h2{ + font-size:150%; +} +.toccontent h3{ + font-size:130%; +} +.toccontent h4{ + font-size:110%; +} +.toccontent h5,.toccontent h6{ + font-size:100%; +} +.toccontent img{ + max-width:100%; +} +.toccontent table thead{ + text-align:center; +} +.toccontent a.auto-link:link, +.toccontent a.auto-link:visited{ + color:#646464; +} +.toccontent:hover a.auto-link:link, +.toccontent:hover a.auto-link:visited{ + color:#2c6fad; +} +.toccontent:hover a.auto-link:link:hover, +.toccontent:hover a.auto-link:visited:hover{ + color:#63a4e1; +} +.toccontent .subhead-links{ + padding-top: 7px; +} +.toccontent a:link.term, +.toccontent a:visited.term, +.toccontent:hover a.auto-link.term:link, +.toccontent:hover a.auto-link.term:visited, +.toccontent:hover a.auto-link.term:link:hover, +.toccontent:hover a.auto-link.term:visited:hover{ + color:#000; +} +.toccontent a.term:link code, +.toccontent a.term:visited code{ + color:#646464; +} +.multicode{ + background-color:#f5f5f5; + overflow-y:auto; + padding:17px; + border:1px solid #ccc; + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; +} +.multicode pre{ + border:0px none; + padding:0; + margin:0; + overflow-y:visible; +} +.toccontent table.ntpd tr td+td+td{ + white-space:nowrap; +} +.toccontent table.ntpd tr td+td+td+td{ + white-space:normal; +} +.toccontent table thead th{ + font-weight:normal; + border-bottom: 3px double #ddd; +} + +.anchorAf{ + position:relative; +} +.anchorAf a:first-child{ + display:none; + position:absolute; + width:24px; + left:-24px; + bottom:0; + top:0; + background:url(/img/icons/mini_ico_anchor.svg) no-repeat center center; +} +.anchorAf:hover a:first-child{ + display:block; +} +.ui-dialog .anchorAf:hover a:first-child{ + display:none; +} + +.develdocdisclaimer{ + padding:30px 0; + background:#fff; + bottom:0; + position:fixed; + width:600px; + z-index:1000; + border-top:1px solid #e0e0e0; +} +.develdocdisclaimer div{ + border:2px dashed #ee9209; + background:#fff8ea; + padding:10px; + line-height:1.5em; + position:relative; +} +.develdocdisclaimerclose, +.develdocdisclaimerclose:visited, +.develdocdisclaimerclose:link, +.develdocdisclaimerclose:active{ + display:block; + padding:1px 8px 0 8px; + color:#fff; + background-color:#ee9209; + position:absolute; + top:-14px; + right:-14px; + font-weight:bold; + cursor:pointer; + border:2px solid #fff; + -webkit-border-radius:20px; + -moz-border-radius:20px; + border-radius:20px; +} +.develdocdisclaimerclose:hover, +.develdocdisclaimerclose:visited:hover, +.develdocdisclaimerclose:link:hover, +.develdocdisclaimerclose:active:hover{ + border:2px solid #ee9209; + color:#fff; +} +.glossary_term { + display: block; + width: 20em; + padding: 5px 10px; + margin-right: auto; + margin-left: auto; +} +.ui-autocomplete-category { + font-weight: bold; + padding: .2em .4em; + margin: .8em 0 .2em; + line-height: 1.5; +} +ul.wrapped_list li { + list-style: none; + float: left; + width: 15em; + margin: 1em; +} +br.clear { + clear: left; +} +.notice { + text-align: center; +} +.notice span { + font-style: italic; +} +.subhead-links { + font-size: 85%; +} +.subhead-links img { + width: 12px; + height: 12px; +} + +div.one-column { + max-width: 600px; + margin-right: auto; + margin-left: auto; +} + +.one-column h2 { + margin-top: 60px; +} + +.one-column h2.no_gap { + margin-top: 75px; +} + +.one-column img { + max-width: 100%; +} + +.one-column th { + text-align: center; +} + +div.post { + max-width: 40em; + margin-right: auto; + margin-left: auto; +} +.post img { + max-width: 100%; +} +.post-meta { + margin-top: 20px; + font-style: italic; +} +.post-title { + padding-top: 20px; +} + +table.privacy-comparison td,table.privacy-comparison th{ + padding:3px; +} + +table.privacy-comparison tr.empty { + height: 1em; +} + +table.privacy-comparison td:nth-child(1n+2) { + width: 120px; +} + +table.validation { width: 100%; } + +table.validation tr.details td { + background-color: #F5F5F5; + padding: 10px; +} +table.validation .ui-icon { + display: inline-block; +} +table.validation tr:nth-child(even)>td { + cursor:pointer; +} +table.validation tr:nth-child(even)>td:hover { + color:#000; +} + +.received_transactions td { + width: 50%; +} + +#system-requirements-accordion div { + padding: 0; +} + +.service-choose a{ + display: block; + margin: 20px 0; +} + +button.js.showcolumn { + border:0; + margin: 10px; +} + +.not-displayed { + display: none; +} + +br.big { + margin-bottom: 50px; +} + +.font2x { + font-size: 200%; +} + +/********** SLIDER **********/ +.sliderbox { + max-width: 940px; + margin: 0px auto 30px auto; +} + +.slide-viewer { + position: relative; /* needed for IE7 */ + overflow: hidden; + height: 200px; + padding-bottom: 12px; +} + +.slide-group { + width: 100%; + height: 100%; + position: relative; +} + +.slide { + width: 100%; + height: 100%; + display: none; + position: absolute; +} + +.slide:first-child { + display: block; +} + +.slide-buttons { + text-align: center; +} + +.slide-buttons button { + background: transparent; + border: 0; + font-size: 150%; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +.slide-buttons button.active { + background-color: #2c6fad; + color: #fff; +} + +.two-column-list ul { + margin-left: 4em; +} + +.two-column-list li { + list-style: none; + float: left; + width: 14em; + text-align: left; + margin-bottom: 20px; +} + +.two-column-list .fa-li { + top: 0.75em; +} + +.two-column-list li:nth-child(2n+1) { + margin-right: 75px; + clear: both; +} + +button.js { + background: transparent; + border: 0; + padding: 0; + border-bottom: 1px dotted #2c6fad; + color: #2c6fad; + font-weight: inherit; +} + +button.js:hover { + color: #63a4e1; +} + +button.active { + text-decoration: underline; +} + +.prevnext { + line-height: 1.5em; +} +.prevnext span:first-child { + float: left; +} +.prevnext span:last-child { + float: right; +} + +.callout { + text-align: center; + border-top: thin solid #C0C0C0; + border-bottom: thin solid #C0C0C0; +} + +.wallet_accordion img { + float: left; + padding-right: 30px; + padding-bottom: 10px; +} + +.wallet_accordion { + text-align: left; +} + +.right-hanger { + max-width: 300px; + text-align: right; + margin-left: auto; + font-weight: 700; +} + +.left-float { + float: left; +} + +.highlight { background: transparent; } +.highlight .c { color: #999988; font-style: italic } /* Comment */ +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.highlight .k { font-weight: bold } /* Keyword */ +.highlight .o { font-weight: bold } /* Operator */ +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gh { color: #999999 } /* Generic.Heading */ +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #aaaaaa } /* Generic.Subheading */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { font-weight: bold } /* Keyword.Constant */ +.highlight .kd { font-weight: bold } /* Keyword.Declaration */ +.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ +.highlight .kr { font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #d14 } /* Literal.String */ +.highlight .na { color: #008080 } /* Name.Attribute */ +.highlight .nb { color: #0086B3 } /* Name.Builtin */ +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ +.highlight .no { color: #008080 } /* Name.Constant */ +.highlight .ni { color: #800080 } /* Name.Entity */ +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ +.highlight .nn { color: #555555 } /* Name.Namespace */ +.highlight .nt { color: #000080 } /* Name.Tag */ +.highlight .nv { color: #008080 } /* Name.Variable */ +.highlight .ow { font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sb { color: #d14 } /* Literal.String.Backtick */ +.highlight .sc { color: #d14 } /* Literal.String.Char */ +.highlight .sd { color: #d14 } /* Literal.String.Doc */ +.highlight .s2 { color: #d14 } /* Literal.String.Double */ +.highlight .se { color: #d14 } /* Literal.String.Escape */ +.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ +.highlight .si { color: #d14 } /* Literal.String.Interpol */ +.highlight .sx { color: #d14 } /* Literal.String.Other */ +.highlight .sr { color: #009926 } /* Literal.String.Regex */ +.highlight .s1 { color: #d14 } /* Literal.String.Single */ +.highlight .ss { color: #990073 } /* Literal.String.Symbol */ +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #008080 } /* Name.Variable.Class */ +.highlight .vg { color: #008080 } /* Name.Variable.Global */ +.highlight .vi { color: #008080 } /* Name.Variable.Instance */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ + +.bggreen { + background-color: #006400; +} + +.bgred { + background-color: #8B0000; +} + +.bgyellow { + background-color: #B8860B; +} + +.fggreen { + color: #006400; +} + +.fgred { + color: #8B0000; +} + +.fgyellow { + color: #B8860B; +} + +.box{ + border:2px dashed #4892b2; + padding:0 20px 0 20px; +} +.boxexpand{ + overflow:hidden; + -moz-transition:height 400ms ease-out; + -webkit-transition:height 400ms ease-out; + transition:height 400ms ease-out; +} +.boxexpand>*{ + display:none; +} +.boxexpand>h3:first-child{ + display:block; + margin:20px 0; +} +.boxexpand>h3:first-child a:link, +.boxexpand>h3:first-child a:visited, +.boxexpand>h3:first-child a:active{ + text-decoration:none; +} +.boxexpand.expanded>*{ + display:block; +} + +.titlelight{ + color:#8c8c8c; +} + +.tablehalf{ + width:885px; + position:relative; + left:-40px; +} +.tablehalf div{ + display:inline-block; + width:400px; + vertical-align:top; + margin-left:40px; + margin-bottom:20px; +} +.tablehalf img{ + width:400px; + height:220px; + -webkit-border-radius:10px; + -moz-border-radius:10px; + border-radius:10px; +} +.tablehalf h2 img{ + width:auto; + height:auto; +} +.tablehalf p{ + text-align:left; +} +.contributors{ + width:890px; + text-align:left; + font-size:80%; +} + +.one-column .contributors { + width: 660px; +} + +.contributors img{ + width:16px; + height:16px; +} +.contributors div{ + padding:8px 0; + width:215px; + overflow:hidden; + display:inline-block; + vertical-align:top; +} +.contributors div div{ + width:auto; + padding:0; +} +.contributors div div:first-child+div{ + max-width:150px; + margin:0 2px; + white-space:nowrap; +} + +.credit{ + text-align:left; + margin:-10px 0; +} +.credit p{ + display:inline-block; + width:275px; + vertical-align:top; + margin:10px 0; +} +.credit span{ + display:block; + color:#aaa; +} + +.resources{ + text-align:left; +} +.resources>div{ + border-top:1px solid #e0e0e0; +} +.resources>div:first-child{ + border-top:0; +} +.resources div div{ + display:inline-block; + width:380px; + vertical-align:top; + padding:10px 0 25px 0; + min-height:200px; +} +.resources>div>div:first-child{ + padding-right:40px; + border-right:1px solid #e0e0e0; +} +.resources>div>div:first-child+div{ + padding-left:40px; + border-left:1px solid #e0e0e0; + margin-left:-1px; +} +.resources div div div{ + display:block; + width:auto; +} +.resources p{ + font-size:115%; + margin:6px 0; +} + +.resourcesorg{ + margin-bottom:40px; + text-align:left; + font-size:0; +} +.resourcesorg div{ + border-top:1px solid #e0e0e0; +} +.resourcesorg div:first-child,.resourcesorg div div{ + border-top:0; +} +.resourcesorg div div{ + width:278px; + font-size:16px; + display:inline-block; + vertical-align:top; +} +.resourcesorg img{ + margin-right:5px; + width:24px; + height:24px; + position:relative; + bottom:-6px; +} + +.exchanges{ + margin-bottom:40px; + text-align:left; + font-size:0; +} +.exchanges div{ + border-top:1px solid #e0e0e0; +} +.exchanges div:first-child,.exchanges div div{ + border-top:0; +} +.exchanges div div{ + width:278px; + font-size:16px; + display:inline-block; + vertical-align:top; +} +.exchanges img{ + margin-right:5px; + width:24px; + height:24px; + position:relative; + bottom:-6px; +} + +.resourcesmore{ + text-align:center; + margin-top:40px; +} +.resourcesmore div{ + display:inline-block; + text-align:left; + padding:20px 40px; + border-top:1px solid #e0e0e0; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; +} +.resourcesmore div h2{ + text-align:center; + margin-bottom:25px; +} +.resourcesmore div p{ + font-size:115%; + margin:6px 0; +} + +.coredevtable div div:first-child{ + width:200px; +} +.coredevtable div div:first-child+div{ + width:220px; +} +.coredevtable div div:first-child+div+div{ + width:80px; +} + +.chatbox{ + text-align:center; +} + +.devprojectlist{ + overflow:hidden; + margin:-10px 0; + -moz-transition:height 400ms ease-out; + -webkit-transition:height 400ms ease-out; + transition:height 400ms ease-out; +} +.devprojectlist li{ + margin:10px 0; +} +.devprojectlist li:nth-child(1n+4){ + display:none; +} +.devprojectlist.expanded li:nth-child(1n+4){ + display:list-item; +} +.devprojectlist li.more{ + display:block; +} +.devprojectlist.expanded li.more{ + display:none; +} +.devprojectlist a{ + display:inline-block; + margin-top:5px; +} + +.walletmenu{ + text-align:center; + position:relative; + z-index:90; +} +.walletmenu>ul{ + display:inline-block; + text-align:left; + padding:0 0 25px 0; + border-bottom:1px solid #E2E2E2; + background-color:#fff; +} +.walletmenu>ul li{ + font-family:'Ubuntu', sans-serif; + position:relative; + display:inline-block; + background-repeat:no-repeat; + background-position:left 6px; + padding:0; + margin:15px 10px; + font-size:130%; + font-weight:bold; + -moz-transition:background-color 400ms ease-out; + -webkit-transition:background-color 400ms ease-out; + transition:background-color 400ms ease-out; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; +} +.walletmenu>ul>li:first-child{ + margin-left:0; +} +.walletmenu>ul>li:last-child{ + margin-right:0; +} +.walletmenu>ul>li a, +.walletmenu>ul>li a:link, +.walletmenu>ul>li a:active, +.walletmenu>ul>li a:visited{ + color:#383838; +} +.walletmenu>ul>li a{ + white-space:nowrap; + cursor:pointer; + display:block; + padding:8px 10px 5px 42px; +} +.walletmenu>ul>li ul{ + display:none; + position:absolute; + background-color:#fff; + border:1px solid #0d579b; + padding:4px 0; + min-width:110%; + left:0; + -moz-box-sizing:border-box; + -webkit-box-sizing:border-box; + box-sizing:border-box; +} +.walletmenu>ul>li>ul li{ + font-size:80%; + display:block; + margin:0; + background-position:left 10px; + -webkit-border-radius:0px; + -moz-border-radius:0px; + border-radius:0px; +} +.walletmenu>ul>li>ul>li a{ + background-image:url(/img/icons/wallet_select.svg); + background-repeat:no-repeat; + background-position:-32px center; + padding:8px 32px 5px 32px; + margin:1px 0; +} +.walletmenu>ul>li>ul>li.active>a{ + background-position:right center; +} +.walletmenu .wallet-mobile{ + background-image:url(/img/icons/wallet_menu_mobile.svg); +} +.walletmenu .wallet-desktop{ + background-image:url(/img/icons/wallet_menu_desktop.svg); +} +.walletmenu .wallet-hardware{ + background-image:url(/img/icons/wallet_menu_hardware.svg); +} +.walletmenu .wallet-web{ + background-image:url(/img/icons/wallet_menu_web.svg); +} +.walletmenu .wallet-blackberry{ + background-image:url(/img/os/wallet_menu_blackberry.svg); +} +.walletmenu .wallet-ios{ + background-image:url(/img/os/wallet_menu_ios.svg); +} +.walletmenu .wallet-android{ + background-image:url(/img/os/wallet_menu_android.svg); +} +.walletmenu .wallet-windows{ + background-image:url(/img/os/wallet_menu_windows.svg); +} +.walletmenu .wallet-windowsphone{ + background-image:url(/img/os/wallet_menu_windowsphone.svg); +} +.walletmenu .wallet-mac{ + background-image:url(/img/os/wallet_menu_mac.svg); +} +.walletmenu .wallet-linux{ + background-image:url(/img/os/wallet_menu_linux.png); +} +.walletmenu>ul li.active, +.walletmenu>ul li:hover{ + background-color:#0d579b; +} +.walletmenu>ul li:hover>a, +.walletmenu>ul li:hover>a:link, +.walletmenu>ul li:hover>a:active, +.walletmenu>ul li:hover>a:visited, +.walletmenu>ul li.active>a, +.walletmenu>ul li.active>a:link, +.walletmenu>ul li.active>a:active, +.walletmenu>ul li.active>a:visited{ + color:#fff; +} +.walletmenu>ul:hover>li:first-child, +.walletmenu>ul:hover>li:first-child+li{ + -webkit-border-bottom-left-radius:0; + -webkit-border-bottom-right-radius:0; + -moz-border-radius-bottomleft:0; + -moz-border-radius-bottomright:0; + border-bottom-left-radius:0; + border-bottom-right-radius:0; +} +.walletmenu>ul>li.active, +.walletmenu>ul>li:hover{ + background-position:left -62px; +} +.walletmenu>ul>li:hover>ul{ + display:block; +} +.walletmenu>ul>li>ul>li.active, +.walletmenu>ul>li>ul>li:hover{ + background-position:left -24px; +} + +.wallets{ + width:705px; + height:250px; + text-align:left; + position:relative; + margin:auto; + padding:60px 0 20px 0; + font-size:0; + opacity:1; + -moz-transition:opacity 400ms ease-out; + -webkit-transition:opacity 400ms ease-out; + transition:opacity 400ms ease-out; +} +.wallets.disabled{ + opacity:0; +} +.wallets>div{ + display:inline-block; + vertical-align:top; + font-size:16px; +} +.wallets>div:nth-child(1n+15){ + display:none; +} +.wallets>div>a{ + color:#2c6fad; + cursor:pointer; + font-size:94%; + text-align:center; + text-decoration:none; + font-weight:bold; + width:72px; + height:110px; + display:inline-block; + vertical-align:top; + position:relative; + margin:0 14px 20px 14px; + white-space:nowrap; + outline:0; + -moz-transition:opacity 400ms ease-out; + -webkit-transition:opacity 400ms ease-out; + transition:opacity 400ms ease-out; +} +.wallets>div>a:hover{ + color:#63a4e1; +} +.wallets>div>a>span{ + display:none; + position:absolute; + z-index:100; + height:32px; + background:url(/img/icons/wallet_bubble.svg) no-repeat center 0; + top:0; + left:0; + right:0; +} +.wallets>div>a>img{ + display:block; + width:72px; + height:72px; + margin:auto; + margin-bottom:5px; +} +.wallets>div>div, +.wallets>div>span{ + opacity:0; + width:0; + height:0; + overflow:hidden; + visibility:hidden; + display:inline-block; + position:absolute; + padding:20px; + top:-382px; + left:-20px; + right:-20px; + -moz-transition:opacity 400ms ease-out; + -webkit-transition:opacity 400ms ease-out; + transition:opacity 400ms ease-out; +} +.wallets>div>span{ + z-index:100; + border:solid 2px #2c6faf; + background-color:#f1f8fb; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; +} +.wallets>div>div{ + z-index:102; +} +.wallets>div:nth-child(1n+7)>div, +.wallets>div:nth-child(1n+7)>span{ + top:-252px; +} +.wallets>div:nth-child(1n+13)>div, +.wallets>div:nth-child(1n+13)>span{ + top:-92px; +} +.wallets>div>div>h2{ + margin:0; + text-align:left; + display:inline-block; +} +.wallets>div>div>h2:first-child+div{ + display:inline-block; + margin-left:10px; +} +.wallets>div>div>h2:first-child+div>img{ + margin-left:4px; +} +.wallets>div>div>h2:first-child+div+div>a{ + display:inline-block; + text-decoration:none; + margin:10px 0; + padding:4px 8px; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; +} +.wallets>div>div>h2:first-child+div+div>a:first-child{ + font-weight:bold; + background-color:#2c6fad; + background-image:-o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:-moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:-webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:-ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + border:1px solid #255f96; + margin-right:10px; +} +.wallets>div>div>h2:first-child+div+div>a:first-child, +.wallets>div>div>h2:first-child+div+div>a:first-child:visited, +.wallets>div>div>h2:first-child+div+div>a:first-child:link, +.wallets>div>div>h2:first-child+div+div>a:first-child:active{ + color:#fff; +} +.wallets>div>div>h2:first-child+div+div>a:first-child+a{ + font-weight:normal; + color:#255f96; + border:1px solid #255f96; +} +.wallets>div>div>h2:first-child+div+div>a:first-child+a, +.wallets>div>div>h2:first-child+div+div>a:first-child+a:visited, +.wallets>div>div>h2:first-child+div+div>a:first-child+a:link, +.wallets>div>div>h2:first-child+div+div>a:first-child+a:active{ + color:#255f96; +} +.wallets>div>div>h2:first-child+div+div+div{ + margin:5px 0; +} +.wallets>div>div>h2:first-child+div+div+div>div{ + padding:5px 0 5px 22px; + background-repeat:no-repeat; + background-position:left 4px; + cursor:default; + line-height:16px; +} +.wallets>div>div>h2:first-child+div+div+div>div>div{ + display:inline-block; + background-image:url(/img/icons/wallet_help.png); + background-image:none, url(/img/icons/wallet_help.svg), url(/img/icons/wallet_help.png); + width:16px; + height:16px; + margin-left:5px; + vertical-align:top; + position:relative; +} +.wallets>div>div>h2:first-child+div+div+div>div>div>span{ + display:none; + position:absolute; + left:6px; + top:-30px; + width:25px; + height:70px; + z-index:90; + background-repeat:no-repeat; + background-position:right 30px; +} +.wallets>div>div>h2:first-child+div+div+div>div>div>p, +.wallets>div>div>h2:first-child+div+div+div>div>div>div{ + opacity:0; + width:0; + height:0; + overflow:hidden; + border:1px solid; + visibility:hidden; + position:absolute; + background-color:#fff; + left:30px; + margin:0; + -moz-transition:opacity 400ms ease-out; + -webkit-transition:opacity 400ms ease-out; + transition:opacity 400ms ease-out; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; + z-index:90; +} +.wallets>div>div>h2:first-child+div+div+div>div>div>p{ + font-size:85%; + padding:10px; + top:-30px; +} +.wallets>div>div>h2:first-child+div+div+div>div>div>div{ + padding:0 10px; + top:-80px; +} +.wallets>div>div>h2:first-child+div+div+div>div>div>div>div>p:first-child+p{ + font-size:85%; +} +.wallets>div>div>h2:first-child+div+div+div+p{ + font-size:95%; + margin:0; + padding-right:5px; + height:137px; + width:320px; + overflow:auto; +} +.wallets>div>div>h2:first-child+div+div+div+p+div{ + position:absolute; + top:20px; + right:20px; + height:400px; + width:250px; +} +.wallets>div>div>h2:first-child+div+div+div+p+div>img{ + border:1px solid #BDBDBD; +} +.wallets .checkgood{ + color:#329239; + font-weight:bold; +} +.wallets .checkgood p{ + border-color:#329239; + font-weight:normal; +} +.wallets .checkgood>div>span{ + background-image:url(/img/icons/checkbubble_pass.svg); +} +.wallets .checkpass{ + color:#329239; +} +.wallets .checkpass p{ + border-color:#329239; +} +.wallets .checkpass>div>span{ + background-image:url(/img/icons/checkbubble_pass.svg); +} +.wallets .checkneutral{ + color:#8b8b8b; +} +.wallets .checkneutral p{ + border-color:#8b8b8b; +} +.wallets .checkneutral>div>span{ + background-image:url(/img/icons/checkbubble_neutral.svg); +} +.wallets .checkfail{ + color:#ee9209; +} +.wallets .checkfail p{ + border-color:#ee9209; +} +.wallets .checkfail>div>span{ + background-image:url(/img/icons/checkbubble_fail.svg); +} +.wallets .checkcontrol.checkpass, +.wallets .checkcontrol.checkgood{ + background-image:url(/img/icons/check_control_pass.svg); +} +.wallets .checkcontrol.checkfail{ + background-image:url(/img/icons/check_control_fail.svg); +} +.wallets .checkvalidation.checkpass, +.wallets .checkvalidation.checkgood{ + background-image:url(/img/icons/check_validation_pass.svg); +} +.wallets .checkvalidation.checkneutral{ + background-image:url(/img/icons/check_validation_neutral.svg); +} +.wallets .checkvalidation.checkfail{ + background-image:url(/img/icons/check_validation_fail.svg); +} +.wallets .checktransparency.checkpass, +.wallets .checktransparency.checkgood{ + background-image:url(/img/icons/check_transparency_pass.svg); +} +.wallets .checktransparency.checkfail{ + background-image:url(/img/icons/check_transparency_fail.svg); +} +.wallets .checkenvironment.checkpass, +.wallets .checkenvironment.checkgood{ + background-image:url(/img/icons/check_environment_pass.svg); +} +.wallets .checkenvironment.checkfail{ + background-image:url(/img/icons/check_environment_fail.svg); +} +.wallets .checkfees.checkpass, +.wallets .checkfees.checkgood{ + background-image:url(/img/icons/check_fees_pass.svg); +} +.wallets .checkfees.checkfail{ + background-image:url(/img/icons/check_fees_fail.svg); +} +.wallets .checkfees.checkneutral{ + background-image:url(/img/icons/check_fees_neutral.svg); +} +.wallets .checkprivacy.checkpass, +.wallets .checkprivacy.checkgood{ + background-image:url(/img/icons/check_privacy_pass.svg); +} +.wallets .checkprivacy.checkneutral{ + background-image:url(/img/icons/check_privacy_neutral.svg); +} +.wallets .checkprivacy.checkfail{ + background-image:url(/img/icons/check_privacy_fail.svg); +} +.wallets>div:hover>a>span, +.wallets>div.active>a>span, +.wallets.nohover>div.active:hover>a>span{ + display:block; +} +.wallets.nohover>div:hover>a>span{ + display:none; +} +.wallets>div:hover>div, +.wallets>div:hover>span, +.wallets>div.active>div, +.wallets>div.active>span, +.wallets.nohover>div.active:hover>div, +.wallets.nohover>div.active:hover>span{ + opacity:1; + width:auto; + height:400px; + visibility:visible; + overflow:visible; +} +.wallets.nohover>div:hover>div, +.wallets.nohover>div:hover>span{ + opacity:0; + width:0; + height:0; + visibility:hidden; +} +.wallets>div>div>h2:first-child+div+div>a:first-child:hover{ + background-image:none; +} +.wallets>div>div>h2:first-child+div+div+div>div:hover>div>span{ + display:block; +} +.wallets>div>div>h2:first-child+div+div+div>div:hover>div>p, +.wallets>div>div>h2:first-child+div+div+div>div:hover>div>div{ + opacity:1; + width:400px; + height:auto; + visibility:visible; +} + +.walletsswitch{ + display:none; +} +.walletsmobile{ + display:none; +} + +.walletsdisclaimer h2{ + text-align:center; +} + +h1 .rssicon{ + vertical-align:bottom; + margin-bottom:9px; + margin-left:10px; +} +h2 .rssicon{ + vertical-align:bottom; + margin-bottom:7px; + margin-left:10px; +} + +.versiontext{ + text-align:left; + margin-bottom:40px; + max-width:600px; +} +.versiontext h1{ + text-align:left; +} + +.alerttitle img{ + display:block; + margin:auto; + width:42px; + height:42px; +} +.alertstatusinactive{ + font-size:130%; + color:#0d579b; + margin-bottom:30px; +} +.alertstatusactive{ + font-size:130%; + color:#d57700; + margin-bottom:30px; +} +.alertsactive{ + margin-bottom:20px; +} +.alertsactive a{ + font-weight:bold; +} +.alerticon{ + width:42px; + height:42px; + float:left; + margin-top:12px; + margin-right:12px; +} + +.redirectmsg{ + text-align:center; + margin:20px 0; +} +.redirectmsg h1{ + color:#7b7c7c; + font-weight:400; + font-size:180%; +} +.redirectmsg p{ + font-size:150%; +} + +.attribution{ + font-size:75% +} + +.download{ + text-align:center; +} +.download p{ + text-align:justify; +} +.download div p{ + text-align:center; +} +.download h1, +.download h2{ + text-align:center; +} +.download .mainbutton a{ + margin:10px 0 35px 0; +} +.downloadbox{ + display:inline-block; + border:2px solid #fad296; + padding:20px; + font-size:125%; + -webkit-border-radius:12px; + -moz-border-radius:12px; + border-radius:12px; + margin:0 auto 20px auto; +} +.downloadbox p{ + margin:0; +} +.downloadbox p.downloadmore a{ + font-size:90%; +} +.downloadbox p.downloadkeys{ + font-size:80%; + margin-top:15px; +} +.downloadbox p.downloadkeys span{ + display:block; +} +.downloadbox p.downloadkeys a{ + display:inline-block; + padding: 5px 10px 0 20px; + background:url(/img/icons/mini_ico_key.svg) left 8px no-repeat; +} +.downloadbox div a{ + display:inline-block; +} +.downloadbox div{ + display:inline-block; + margin:0 10px; + vertical-align:top; +} +.downloadbox div div{ + display:block; + width:190px; + height:46px; + margin:25px 0; + text-align:left; +} +.downloadbox div div span{ + display:inline-block; + margin-left:6px; +} +.downloadbox div div span span{ + display:block; + margin:6px 0 0 0; + font-size:80%; +} +.downloadbox img{ + width:32px; + height:32px; + vertical-align:top; + position:relative; + top:4px; +} +.downloadbox .magnetlink{ + display:inline-block; + width:16px; + height:16px; + position:relative; + bottom:-1px; + background:url(/img/icons/mini_ico_magnet.svg) no-repeat; +} + +.eventmap{ + height:400px; + margin-bottom:25px; +} +.listtable div{ + padding:8px 0; + border-top:1px solid #E2E2E2; +} +.listtable div:first-child{ + border-top:0; +} +.listtable div div{ + display:inline-block; + vertical-align:middle; + text-align:left; + line-height:1.5em; + padding:0; + border-top:0; + padding-right:20px; +} +.eventtable div div:first-child{ + width:100px; +} +.eventtable div div:first-child+div{ + width:300px; +} +.eventtable div div:first-child+div+div{ + width:300px; +} +.eventtable span a, +.eventtable span a:link, +.eventtable span a:active, +.eventtable span a:visited{ + display:inline-block; + padding:6px 12px; + margin:15px 0 30px 0; + font-size:115%; + color:#fff; + border:1px solid #d57700; + background-color:#ee9209; + background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%); + background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%); + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; +} +.eventtable span a:hover{ + background-image:none; + color:#fff; +} +.eventdata{ + display:none; +} + +.detectmobile{ + width:0; + height:0; + display:none; +} + +.summary{ + font-size:125%; + margin-bottom:40px; + text-align:center; +} +.summarytxt{ + margin-bottom:40px; +} + +.press h2{ + font-size:150%; +} + +.press-volunteer{ + text-align:left; + margin-bottom:40px; +} + +.press-faq{ + text-align:left; + margin-bottom:40px; +} +.press-faq>div{ + width:380px; + display:inline-block; + vertical-align:top; + margin-bottom:15px; + margin-right:30px; +} +.press-faq>div>a{ + display:inline-block; + font-weight:bold; + margin-right:20px; +} +.press-faq>div>div{ + height:0; + overflow:hidden; + -moz-transition:height 400ms ease-out; + -webkit-transition:height 400ms ease-out; + transition:height 400ms ease-out; +} +.press-faq>div>div.expanded{ + height:auto; +} +.press-faq li{ + line-height:1.5em; +} +.press-faq p{ + text-align:left; +} +.press-faq div span p{ + margin-bottom:0; +} + +.press-videos{ + margin-bottom:40px; +} +.press-videos div{ + display:inline-block; + vertical-align:top; + margin-right:10px; +} +.press-videos div a{ + display:inline-block; + margin-right:10px; + margin-bottom:10px; +} +.press-videos img{ + width:250px; + height:136px; + -webkit-border-radius:10px; + -moz-border-radius:10px; + border-radius:10px; +} + +.press-pictures{ + text-align:left; + margin-bottom:40px; +} +.press-pictures div{ + height:270px; + overflow:hidden; + -moz-transition:height 400ms ease-out; + -webkit-transition:height 400ms ease-out; + transition:height 400ms ease-out; +} +.press-pictures img{ + margin-right:14px; + margin-bottom:14px; + height:120px; + width:120px; + -webkit-border-radius:10px; + -moz-border-radius:10px; + border-radius:10px; +} +.press-pictures>a{ + display:inline-block; + padding-top:10px; + font-weight:bold; +} + +.press-quotes{ + margin-bottom:40px; + overflow:hidden; + -moz-transition:height 400ms ease-out; + -webkit-transition:height 400ms ease-out; + transition:height 400ms ease-out; +} +.press-quotes.expanded{ + height:auto; +} +.press-quotes div{ + position:relative; + left:-20px; + text-align:left; +} +.press-quotes p{ + display:inline-block; + vertical-align:top; + width:380px; + margin:0 0 20px 20px; + padding-left: 20px; +} +.press-quotes p:nth-child(1n+9){ + display:none; +} +.press-quotes.expanded p:nth-child(1n+9){ + display:inline-block; +} +.press-quotes>a{ + display:inline-block; + padding-top:10px; + font-weight:bold; +} +.press-quotes.expanded>a{ + display:none; +} +.press-quotes span:first-child{ + font-weight:bold; + display:block; + margin-bottom:4px; +} +.press-quotes span:first-child:before{ + position:absolute; + margin-left:-16px; + font-weight:bold; + font-size:180%; + content:"“"; +} +.press-quotes span:first-child:after{ + position:absolute; + margin-right:-16px; + font-weight:bold; + font-size:180%; + content:"”"; +} +.press-quotes p.final { + width: 100%; +} + +/*Styles specific to printing*/ + +@media print{ + .head{ + display:none; + } + .footer{ + display:none; + } + .content{ + padding:0; + border:0; + } + .toc{ + display:none; + } + .toccontent{ + width:auto; + } + .develdocdisclaimer{ + display:none; + } +} + +/*Styles specific to mobiles*/ + +@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){ + img{ + max-width:100%; + } + h1, + h2{ + text-align:center; + } + .toccontent .multicode, + .toccontent .multicode pre, + .toccontent pre{ + display: table; /* Triggers a block formating context so the container expands with the content */ + } + .toccontent .multicode, + .toccontent pre{ + padding:10px; + } + .toccontent .multicode pre{ + padding:0; + } + .titleicon, + .warningicon{ + display:block; + position:static; + margin:auto; + margin-bottom:5px; + } + .banner-message a span{ + width:auto; + } + .head{ + margin:0; + } + .head div{ + width:auto; + } + .body{ + width:auto; + } + .langselect{ + text-align:left; + background-color:#fff; + border-top:2px solid #ebebeb; + } + .langselect select{ + text-align:left; + background-color:transparent; + border:0; + font-size:115%; + padding:8px 0; + margin-top:12px; + margin-left:10px; + width:95%; + -webkit-appearance:none; + -moz-appearance:none; + } + .menumobile{ + cursor:pointer; + display:inline-block; + float:right; + height:40px; + width:40px; + padding:12px; + background-image:url(/img/icons/menumobile.svg); + background-repeat:no-repeat; + background-position:center center; + } + .lang, + .menusimple{ + display:none; + background-color:#fff; + position:static; + bottom:0; + margin:0; + height:auto; + overflow:auto; + -webkit-tap-highlight-color:rgba(0,0,0,0); + -webkit-tap-highlight-color:transparent; + } + .menusimple>li a, + .menusimple>li>ul>li a{ + padding:10px 6px 8px 6px; + display:block; + } + .menusimple li{ + display:block; + margin:4px; + position:static; + } + .menusimple>li ul{ + min-width:0; + position:relative; + } + .menusimple.menutap li:hover{ + background-color:#fff; + } + .menusimple.menutap li:hover>a{ + color:#2c6fad; + } + .menusimple.menutap li:hover>ul{ + display:none; + } + .menusimple.menutap li.hover, + .menusimple.menutap li.active{ + background-color:#2c6fad; + } + .menusimple.menutap li.hover>a, + .menusimple.menutap li.active>a{ + color:#fff; + } + .menusimple.menutap li.hover>ul, + .menusimple.menutap li.active>ul{ + display:block; + } + .logo{ + position:static; + display:inline-block; + margin:10px; + } + .content{ + position:static; + text-align:left; + margin:0; + padding:20px 10px; + border-right:0; + border-left:0; + -webkit-border-radius:0; + -moz-border-radius:0; + border-radius:0; + } + .footer{ + line-height:1.5em; + width:auto; + } + .index{ + padding:15px; + } + .index ul{ + padding:5px 0; + } + .index li{ + padding:3px 0; + } + .docreference a{ + display:block; + margin:0 auto 40px auto; + } + .glossary_term { + width: 80%; + } + .toc{ + position:static; + margin-top:0px; + padding:10px; + border:2px dashed #4892b2; + display:inline-block; + } + .toc div{ + width:auto; + } + .toc div.scroll{ + position:static; + } + .toc ul, + .toc.scroll ul{ + width:auto; + padding:0; + border:0; + } + .toc ul li ul{ + display:block; + } + .toc ul li ul li ul li{ + padding-left:0; + } + .toc ul li a{ + padding:0; + } + .toc ul li ul li a:hover:before, + .toc ul li ul li a.active:before{ + content:""; + } + .toc ul.goback li, + .toc ul.reportissue li, + .toc ul.editsource li{ + background:none; + } + .toccontent{ + width:auto; + } + .toccontent a.auto-link:link, + .toccontent a.auto-link:visited{ + color:#2c6fad; + } + .develdocdisclaimer{ + padding:15px; + width:auto; + } + .contributors{ + width:auto; + } + .tablehalf{ + position:static; + width:auto; + } + .tablehalf div{ + display:block; + width:auto; + margin-left:0; + } + .tablehalf img{ + width:auto; + height:auto; + margin:auto; + display:block; + } + .listtable div div{ + display:block; + } + .eventtable div div:first-child, + .eventtable div div:first-child+div, + .eventtable div div:first-child+div+div{ + width:auto; + } + .coredevtable div div:first-child, + .coredevtable div div:first-child+div, + .coredevtable div div:first-child+div+div{ + width:auto; + } + .press-faq>div{ + width:auto; + display:block; + margin-right:0; + } + .press-quotes p{ + width:auto; + } + .mainvideo>div{ + position:relative; + padding-bottom:56.25%; + height:0; + overflow:hidden; + } + .mainvideo iframe{ + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + } + .mainvideo img{ + height:auto; + } + .start>div{ + position:static; + } + .start>div:first-child+div{ + border-top:0; + } + .start div div{ + display:block; + width:auto; + padding:0 0 50px 0; + position:relative; + } + .start>div>div:first-child{ + border-right:0; + padding-right:0; + } + .start div div div{ + position:static; + text-align:center; + bottom:15px; + } + .start>div>div:first-child+div{ + border-left:0; + padding-left:0; + margin-left:0; + } + .resources>div{ + border-top:0; + } + .resources div div{ + display:block; + width:auto; + padding:0 0 10px 0; + min-height:0; + } + .resources>div>div:first-child{ + padding-right:0; + border-right:0; + } + .resources>div>div:first-child+div{ + border-left:0; + padding-left:0; + margin-left:0; + } + .resources, + .resources p{ + text-align:center; + } + .resourcesorg div div{ + width:auto; + display:block; + } + .resourcesorg div{ + border-top:0; + } + .resourcesmore{ + margin-top:0; + } + .resourcesmore div{ + padding:0; + border:0; + } + .walletmenu{ + -webkit-tap-highlight-color:rgba(0,0,0,0); + -webkit-tap-highlight-color:transparent; + } + .walletmenu>ul{ + display:block; + } + .walletmenu>ul li{ + display:block; + margin:15px 0; + } + .walletmenu>ul>li ul{ + position:relative; + min-width:0; + } + .walletmenu>ul.menutap li:hover{ + background-color:#fff; + } + .walletmenu>ul.menutap li:hover>a, + .walletmenu>ul.menutap li:hover>a:link, + .walletmenu>ul.menutap li:hover>a:active, + .walletmenu>ul.menutap li:hover>a:visited{ + color:#383838; + } + .walletmenu>ul.menutap>li:hover{ + background-position:left 6px; + } + .walletmenu>ul.menutap>li:hover>ul{ + display:none; + } + .walletmenu>ul.menutap>li>ul>li:hover{ + background-position:left 10px; + } + .walletmenu>ul.menutap li.active{ + background-color:#0d579b; + } + .walletmenu>ul.menutap li.active>a, + .walletmenu>ul.menutap li.active>a:link, + .walletmenu>ul.menutap li.active>a:active, + .walletmenu>ul.menutap li.active>a:visited{ + color:#fff; + } + .walletmenu>ul.menutap>li.active{ + background-position:left -62px; + } + .walletmenu>ul.menutap>li.active>ul{ + display:block; + } + .walletmenu>ul.menutap>li>ul>li.active{ + background-position:left -24px; + } + .wallets{ + width:auto; + height:auto; + -webkit-tap-highlight-color:rgba(0,0,0,0); + -webkit-tap-highlight-color:transparent; + } + .wallets>div:hover>span{ + display:none; + } + .wallets>div>div{ + border:solid 2px #2c6faf; + background-color:#f1f8fb; + -moz-transition:opacity 400ms ease-out; + -webkit-transition:opacity 400ms ease-out; + transition:opacity 400ms ease-out; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; + } + .wallets>div:hover>div{ + opacity:0; + width:0; + height:0; + visibility:hidden; + } + .wallets>div>a, + .wallets>div>a:visited, + .wallets>div>a:link, + .wallets>div>a:active{ + margin:0 13px 20px 13px; + } + .wallets>div:hover>a>span{ + display:none; + } + .wallets.walletsmobile{ + display:block; + padding:10px 0; + } + .wallets.walletsmobile>div>a{ + display:none; + } + .wallets.walletsmobile>div>div, + .wallets.walletsmobile>div:hover>div{ + display:block; + position:relative; + top:0; + left:0; + right:0; + padding:10px; + opacity:1; + width:auto; + height:auto; + visibility:visible; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div{ + padding:8px 0 8px 22px; + background-position:left 7px; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div+p{ + padding-right:5px; + height:auto; + width:auto; + overflow:visible; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div+p+div{ + position:static; + height:auto; + width:auto; + margin-top:10px; + padding:0; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div{ + display:block; + background:none; + width:auto; + height:auto; + margin-left:0; + margin-top:10px; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>p, + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>div, + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>span{ + display:none; + position:relative; + width:auto; + height:auto; + visibility:visible; + opacity:1; + border:0; + background:none; + padding:0; + top:0; + left:-20px; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>p, + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>div{ + display:block; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>span{ + display:none; + } + .download{ + text-align:left; + } + .download p{ + text-align:left; + } + .download div p{ + text-align:left; + } + .download .mainbutton{ + display:none; + } + .downloadbox{ + border:0; + padding:0; + text-align:left; + } + .downloadbox div div{ + margin:15px 0; + width:auto; + } + .downloadbox div{ + margin:0; + display:block; + } + .downloadbox>p:first-child{ + display:none; + } + .downloadbox>p+div+div+p{ + margin-top:25px; + } + .eventmap{ + height:200px; + } + .detectmobile{ + display:block; + } +} + + +@media handheld, only screen and ( max-width: 40em ), only screen and ( max-device-width: 40em ){ + .mainlist, + .mainlist>div{ + width:auto; + display:block; + } + .mainlist>div{ + margin:15px auto; + } +} diff --git a/css/ie.css b/css/ie.css new file mode 100644 index 00000000..841b9101 --- /dev/null +++ b/css/ie.css @@ -0,0 +1,387 @@ +/* +This file is licensed under the MIT License (MIT) available on +http://opensource.org/licenses/MIT. +*/ + +body{ + /*Allows to use :hover on any html tag using javascript*/ + behavior:url("/css/csshover.htc"); +} + +.head div{ + width:940px; +} +.body{ + width:940px; +} +.lang{ + border-left:2px solid #f7f7f7; + border-right:2px solid #f7f7f7; + border-top:2px solid #f7f7f7; +} +.lang li ul{ + top:28px; +} +.lang li ul li{ + zoom:1; + display:inline; +} +.lang li a, +.lang li a:link, +.lang li a:visited, +.lang li a:active{ + zoom:1; + display:inline; +} + +.menusimple{ + margin:0; + position:absolute; + top:8px; + left:245px; + padding:0; + height:35px; +} +.menusimple li{ + list-style:none; + zoom:1; + display:inline; + position:relative; + padding:0; + margin:0 3px; +} +.menusimple li a, +.menusimple li a:active, +.menusimple li a:visited, +.menusimple li a:link{ + text-decoration:none; + color:#2c6fad; +} +.menusimple li a{ + font-family:sans-serif; + display:block; + white-space:nowrap; + font-size:110%; + padding:6px 10px 4px 10px; +} +.menusimple li ul{ + width:190px; + display:none; + position:absolute; + background-color:#fff; + border:1px solid #2c6fad; + min-width:auto; + padding:5px 0; + margin:0; + left:0; +} +.menusimple li ul li{ + margin:0; + display:block; + width:100%; +} +.menusimple li ul li a{ + width:100%; + font-size:100%; + margin:1px 0; + padding:6px 10px 3px 10px; +} +.menusimple li ul li a, +.menusimple li ul li a:active, +.menusimple li ul li a:visited, +.menusimple li ul li a:link{ + text-decoration:none; + color:#2c6fad; +} +.menusimple li:hover{ + background-color:#2c6fad; +} +.menusimple li a:hover, +.menusimple li:hover a, +.menusimple li.active a, +.menusimple li.active a:active, +.menusimple li.active a:visited, +.menusimple li.active a:link{ + color:#fff; +} +.menusimple li:hover ul{ + display:block; +} +.menusimple li ul li a:hover{ + color:#fff; +} + +.index{ + font-size:0; +} +.index li{ + margin-left:-16px; +} +.index ul li{ + margin-left:16px; +} +.index a, +.index a:link, +.index a:active, +.index a:visited{ + font-size:16px; +} + + +.titleicon{ + vertical-align:middle; + margin-right:5px; +} + +.maindesc{ + width:760px; +} +.mainlist div{ + zoom:1; + display:inline; + width:240px; + text-align:center; +} +.mainlist div div{ + zoom:1; + display:inline; + line-height:1.5em; + width:auto; +} +.mainlist div div div { + display:block; +} +.mainlist .ieimg{ + display:block; + margin:10px auto; + position:relative; + height:48px; + width:48px; +} + +.mainbutton a, +.mainbutton a:link, +.mainbutton a:visited, +.mainbutton a:active{ + zoom:1; + display:inline; +} +.mainbutton a:hover, +.mainbutton a:link:hover, +.mainbutton a:visited:hover, +.mainbutton a:active:hover{ + background-image:none; + color:#fff; +} +.mainbutton .ieimg{ + margin-right:10px; + margin-left:-52px; + margin-bottom:-12px; + height:42px; + width:42px; +} + +.starttitle a{ + zoom:1; + display:inline; +} +.start div{ + border-top:expression((this.parentNode.getElementsByTagName('DIV')[5]==this)?'1px solid #e0e0e0':''); +} +.start div div{ + zoom:1; + display:inline; + padding-top:25px; + position:relative; + padding-right:expression(this.parentNode.getElementsByTagName('DIV')[0]==this?'40px':''); + border-right:expression(this.parentNode.parentNode.className=='start'&&this.parentNode.getElementsByTagName('DIV')[0]==this?'1px solid #e0e0e0':''); + padding-left:expression(this.parentNode.getElementsByTagName('DIV')[2]==this?'40px':''); + border-left:expression(this.parentNode.parentNode.className=='start'&&this.parentNode.getElementsByTagName('DIV')[2]==this?'1px solid #e0e0e0':''); + margin-left:expression(this.parentNode.getElementsByTagName('DIV')[2]==this?'-1px':''); +} +.start div div div{ + padding-top:0; +} +.start>div>div:first-child+div{ + /*This one is for IE7 only*/ + border-top:0; +} + +.resources div{ + border-top:expression(this.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'1px solid #e0e0e0':'0'); +} +.resources div div{ + zoom:1; + display:inline; + padding-top:25px; + position:relative; + padding-right:expression(this.parentNode.parentNode.className=='resources'&&this.parentNode.getElementsByTagName('DIV')[0]==this?'40px':''); + border-right:expression(this.parentNode.parentNode.className=='resources'&&this.parentNode.getElementsByTagName('DIV')[0]==this?'1px solid #e0e0e0':''); + padding-left:expression(this.parentNode.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'40px':''); + border-left:expression(this.parentNode.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'1px solid #e0e0e0':''); + margin-left:expression(this.parentNode.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'-1px':''); +} +.resources>div>div:first-child+div{ + /*This one is for IE7 only*/ + border-top:0; +} + +.resourcesorg div div{ + zoom:1; + display:inline; + padding:20px 0; +} +.resourcesorg div{ + border-top:expression(this.parentNode.className=='resourcesorg'&&this.parentNode.getElementsByTagName('DIV')[0]!=this?'1px solid #e0e0e0':'0'); +} + +.resourcesmore div{ + zoom:1; + display:inline; +} + +.docreference a{ + zoom:1; + display:inline; +} + +.downloadbox{ + zoom:1; + display:inline; +} +.downloadbox a{ + zoom:1; + display:inline; +} +.downloadbox div{ + zoom:1; + display:inline; +} +.downloadbox div div{ + display:block; +} +.downloadbox div div span{ + zoom:1; + display:inline; +} +.download span{ + zoom:1; + display:inline; + vertical-align:top; +} +.downloadbox .magnetlink{ + zoom:1; + display:inline; +} + +.listtable div div{ + zoom:1; + display:inline; +} +.eventtable span a{ + zoom:1; + display:inline; +} + +.exchanges div div{ + zoom:1; + display:inline; + padding:20px 0; +} +.exchanges div{ + border-top:expression(this.parentNode.className=='exchanges'&&this.parentNode.getElementsByTagName('DIV')[0]!=this?'1px solid #e0e0e0':'0'); +} + +.banner-message a:hover, +.banner-message a:hover:link, +.banner-message a:hover:active, +.banner-message a:hover:visited{ + color:#fff; +} + +.index{ + zoom:1; + display:inline; +} + +.boxexpand *{ + display:expression((this.parentNode.nodeName=='DIV')?'none':''); +} +.boxexpand h3{ + display:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'block':''); + margin:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'20px 0':''); +} +.boxexpand h3 a:link, +.boxexpand h3 a:visited, +.boxexpand h3 a:active{ + text-decoration:none; +} + +.tablehalf div{ + zoom:1; + display:inline; + margin-bottom:30px; +} + +.contributors div{ + zoom:1; + display:inline; +} +.contributors span{ + width:16px; + height:16px; +} + +.credit p{ + zoom:1; + display:inline; +} + +.devprojectlist li{ + display:expression((this.parentNode.childNodes[0]==this||this.parentNode.childNodes[1]==this||this.parentNode.childNodes[2]==this||this.parentNode.childNodes[3]==this)?'list-item':''); +} + +.press-faq div{ + width:400px; + display:inline; + zoom:1; + vertical-align:top; + text-align:left; + margin-bottom:15px; + margin-right:20px; +} +.press-faq div a{ + display:inline; + zoom:1; + font-weight:bold; + margin-right:20px; +} +.press-faq li a{ + font-weight:normal; +} +.press-faq div div{ + height:0; + width:auto; + margin:10px 0 0 0; + overflow:hidden; + text-align:justify; +} + +.press-videos div{ + display:inline; + zoom:1; +} +.press-videos div a{ + display:inline; + zoom:1; +} + +.press-quotes p{ + display:inline; + zoom:1; +} +.press-quotes span{ + font-weight:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'bold':''); + display:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'block':''); + margin-bottom:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'4px':''); +} diff --git a/css/ie8.less b/css/ie8.less new file mode 100644 index 00000000..a8fa0428 --- /dev/null +++ b/css/ie8.less @@ -0,0 +1,82 @@ +/* +This file is licensed under the MIT License (MIT) available on +http://opensource.org/licenses/MIT. +*/ + +.wallets>div{ + display:none; +} +.wallets>div:first-child, +.wallets>div:first-child+div, +.wallets>div:first-child+div+div, +.wallets>div:first-child+div+div+div, +.wallets>div:first-child+div+div+div+div, +.wallets>div:first-child+div+div+div+div+div, +.wallets>div:first-child+div+div+div+div+div+div, +.wallets>div:first-child+div+div+div+div+div+div+div, +.wallets>div:first-child+div+div+div+div+div+div+div+div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div{ + display:inline-block; +} + +.wallets>div:first-child+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div>span{ + top:-222px; +} + +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span, +.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span{ + top:-92px; +} + +.press-quotes p{ + display:none; +} +.press-quotes p:first-child, +.press-quotes p:first-child+p, +.press-quotes p:first-child+p+p, +.press-quotes p:first-child+p+p+p, +.press-quotes p:first-child+p+p+p+p, +.press-quotes p:first-child+p+p+p+p+p, +.press-quotes p:first-child+p+p+p+p+p+p, +.press-quotes p:first-child+p+p+p+p+p+p+p{ + display:inline-block; +} +.press-quotes.expanded p{ + display:inline-block; +} + +.devprojectlist li{ + display:none; +} +.devprojectlist li:first-child, +.devprojectlist li:first-child+li, +.devprojectlist li:first-child+li+li, +.devprojectlist li:first-child+li+li+li{ + display:list-item; +} +.devprojectlist.expanded li{ + display:list-item; +} diff --git a/css/main.scss b/css/main.scss new file mode 100644 index 00000000..aa762a7d --- /dev/null +++ b/css/main.scss @@ -0,0 +1,9 @@ +--- +# This file is licensed under the MIT License (MIT) available on +# http://opensource.org/licenses/MIT. +--- +// Import partials from `sass_dir` (defaults to `_sass`) +@import + "normalize", + "screen" +; diff --git a/css/rtl.scss b/css/rtl.scss new file mode 100644 index 00000000..52e28efd --- /dev/null +++ b/css/rtl.scss @@ -0,0 +1,406 @@ +--- +# This file is licensed under the MIT License (MIT) available on +# http://opensource.org/licenses/MIT. +--- +/*Language specific styles that override default*/ + +/*Styles for HTML tags*/ + +body{ + font-family:'DroidNaskh', sans-serif; + direction:rtl; +} +h1,h2{ + font-family:'DroidNaskh', sans-serif; +} +h2,h3{ + text-align:right; +} +ul{ + padding-right:20px; + padding-left:auto; + margin-right:0; +} +p{ + line-height:2em; +} + +/*Styles for whole website*/ + +.head{ + direction:ltr; +} +.lang li ul li{ + font-family:Arial, sans-serif; + text-align:right; +} +.menusimple li a, +.menusimple li a:active, +.menusimple li a:visited, +.menusimple li a:link{ + font-family:'DroidNaskh', sans-serif; + text-align:right; +} +.menusimple li ul{ + right:0; + left:auto; +} +.footermenu a{ + margin-right:0; + margin-left:15px; +} +.statusmenu{ + padding-left:0; + padding-right:20px; + background-position:right center; +} +.titleicon{ + margin-right:auto; + margin-left:5px; +} +h1 .rssicon{ + margin-left:0; + margin-right:10px; + margin-bottom:12px; +} +h2 .rssicon{ + margin-left:0; + margin-right:10px; + margin-bottom:18px; +} +.mainbutton a, +.mainbutton a:link, +.mainbutton a:visited, +.mainbutton a:active{ + font-family:'DroidNaskh', sans-serif; + text-align:right; + padding:15px 68px 15px 20px; +} +.mainbutton img{ + margin-left:10px; + margin-right:-52px; +} +.contributors{ + text-align:right; +} +.credit{ + text-align:right; +} +.downloadbox div{ + text-align:right; +} +.index a, +.index a:link, +.index a:active, +.index a:visited{ + line-height:2em; +} +.resources{ + text-align:right; +} +.resources>div>div:first-child{ + padding-right:0; + border-right:0; + padding-left:40px; + border-left:1px solid #e0e0e0; +} +.resources>div>div:first-child+div{ + padding-left:0; + border-left:0; + margin-left:0; + padding-right:40px; + border-right:1px solid #e0e0e0; + margin-right:-1px; +} +.resourcesorg{ + text-align:right; +} +.resourcesorg img{ + margin-right:0; + margin-left:5px; + bottom:-6px; +} +.exchanges{ + text-align:right; +} +.exchanges img{ + margin-right:0; + margin-left:5px; + bottom:-6px; +} +.downloadbox a{ + direction:ltr; +} +.downloadbox div div{ + text-align:right; + font-family:Arial, sans-serif; +} +.downloadbox div div span{ + margin-left:0; + margin-right:6px; +} + +.start{ + text-align:right; +} +.start>div>div:first-child{ + padding-right:0; + padding-left:40px; + border-right:0; + border-left:1px solid #e0e0e0; +} +.start>div>div:first-child+div{ + padding-left:0; + padding-right:40px; + border-left:0; + border-right:1px solid #e0e0e0; + margin-right:-1px +} +.start div div div a, +.start div div div a:link, +.start div div div a:active, +.start div div div a:visited{ + padding:0 8px; +} + +.anchorAf a{ + left:0; + right:-24px; +} + +.listtable div div{ + text-align:right; + padding-right:0; + padding-left:20px; +} + +.eventtable div div{ + text-align:right; + padding-right:0; + padding-left:20px; +} + +.tablehalf{ + left:0; + right:-40px; +} +.tablehalf div{ + margin-left:0; + margin-right:40px; +} +.tablehalf p{ + text-align:right; +} + +.walletmenu>ul{ + text-align:right; +} +.walletmenu>ul li{ + font-family:'DroidNaskh', sans-serif; + background-position:right 6px; +} +.walletmenu>ul>li a{ + padding:8px 42px 5px 10px; +} +.walletmenu>ul>li ul{ + left:auto; + right:0; +} +.walletmenu>ul>li>ul li{ + background-position:right 10px; +} +.walletmenu>ul>li.active, +.walletmenu>ul>li:hover{ + background-position:right -62px; +} +.walletmenu>ul>li>ul>li.active, +.walletmenu>ul>li>ul>li:hover{ + background-position:right -24px; +} +.walletmenu>ul>li>ul li.active>a{ + background-position:left center; +} + +.wallets{ + text-align:right; +} +.wallets>div>a, +.wallets>div>a:visited, +.wallets>div>a:link, +.wallets>div>a:active{ + line-height:1.2em; +} +.wallets>div>div>h2:first-child+div{ + margin-left:0; + margin-right:10px; +} +.wallets>div>div>h2:first-child+div+div>a, +.wallets>div>div>h2:first-child+div+div>a:visited, +.wallets>div>div>h2:first-child+div+div>a:link, +.wallets>div>div>h2:first-child+div+div>a:active{ + padding:0 8px; + margin:2px 0 8px 0; +} +.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{ + margin-right:0; + margin-left:10px; +} +.wallets>div>div>h2:first-child+div+div+div+p{ + padding-right:0; + padding-left:5px; +} +.wallets>div>div>h2:first-child+div+div+div>div{ + padding:5px 22px 5px 0; + background-position:right 4px; +} +.wallets>div>div>h2:first-child+div+div+div>div>div{ + margin-left:0; + margin-right:5px; +} +.wallets>div>div>h2:first-child+div+div+div>div>div>span{ + left:0; + right:15px; +} +.wallets>div>div>h2:first-child+div+div+div>div>div>div, +.wallets>div>div>h2:first-child+div+div+div>div>div>p{ + left:auto; + right:30px +} +.wallets>div>div>h2:first-child+div+div+div+p+div{ + right:auto; + left:20px; +} +.wallets .checkgood>div>span{ + background-image:url(/img/icons/checkbubble_pass_rtl.svg); +} +.wallets .checkpass>div>span{ + background-image:url(/img/icons/checkbubble_pass_rtl.svg); +} +.wallets .checkfail>div>span{ + background-image:url(/img/icons/checkbubble_fail_rtl.svg); +} +.wallets .checkneutral>div>span{ + background-image:url(/img/icons/checkbubble_neutral_rtl.svg); +} + +.warningicon{ + margin-right:0; + margin-left:6px; +} + +.press-volunteer, +.press-faq, +.press-faq p{ + text-align:right; +} +.press-faq>div{ + margin-right:0; + margin-left:30px; +} +.press-faq>div>a{ + margin-right:0; + margin-left:20px; +} +.press-pictures{ + text-align:right; +} +.press-pictures img{ + margin-right:0; + margin-left:14px; +} + +/*Override UbuntuBold by Droid Naskh*/ + +@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.eot');font-weight:normal;font-style:normal;} +@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.ttf') format('truetype');font-weight:normal;font-style:normal;} + +/*Styles specific to mobiles*/ + +@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){ + h2{ + text-align:center; + } + .titleicon, + .warningicon{ + margin:auto; + margin-bottom:5px; + } + .langselect{ + text-align:right; + } + .langselect select{ + text-align:right; + margin-left:0; + margin-right:10px; + } + .content{ + text-align:right; + } + .resources, + .resources p{ + text-align:center; + } + .resources>div>div:first-child{ + padding-left:0; + border-left:0; + } + .resources>div>div:first-child+div{ + border-right:0; + padding-right:0; + margin-right:0; + } + .walletmenu>ul.menutap>li:hover{ + background-position:right 6px; + } + .walletmenu>ul.menutap>li>ul>li:hover{ + background-position:right 10px; + } + .walletmenu>ul.menutap>li.hover{ + background-position:right -62px; + } + .walletmenu>ul.menutap>li>ul>li.hover{ + background-position:right -24px; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div{ + padding:8px 22px 8px 0; + background-position:right 7px; + } + .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div:hover>div{ + margin-right:0; + } + .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>p{ + left:0; + right:-20px; + } + .walletsdisclaimer p{ + text-align:right; + } + .download{ + text-align:right; + } + .download p{ + text-align:right; + } + .downloadbox{ + text-align:right; + } + .download div p{ + text-align:right; + } + .start>div>div:first-child{ + border-left:0; + padding-left:0; + } + .start>div>div:first-child+div{ + border-right:0; + padding-right:0; + margin-right:0; + } + .tablehalf div{ + margin-right:0; + } +} diff --git a/css/sans.css b/css/sans.css new file mode 100644 index 00000000..1fe660c7 --- /dev/null +++ b/css/sans.css @@ -0,0 +1,24 @@ +/* +This file is licensed under the MIT License (MIT) available on +http://opensource.org/licenses/MIT. +*/ + +h1,h2{ + font-family:Arial, sans-serif; + font-weight:bold; +} +.menusimple li a, +.menusimple li a:active, +.menusimple li a:visited, +.menusimple li a:link{ + font-family:Arial, sans-serif; +} +.mainbutton a, +.mainbutton a:link, +.mainbutton a:visited, +.mainbutton a:active{ + font-family:Arial, sans-serif; +} +.walletmenu ul li{ + font-family:Arial, sans-serif; +} From bb8e339b857366c68318f1c6665b03722e9a1573 Mon Sep 17 00:00:00 2001 From: "David A. Harding" Date: Thu, 15 Jun 2017 12:58:37 -0400 Subject: [PATCH 3/5] Layout: remove less CSS engine plugin & references --- _includes/layout/base/html-head.html | 8 - _less/ie.css | 387 ---- _less/ie8.less | 82 - _less/main.less | 7 - _less/normalize.less | 396 ---- _less/rtl.less | 407 ---- _less/sans.less | 24 - _less/screen.less | 2982 -------------------------- _plugins/less.rb | 71 - 9 files changed, 4364 deletions(-) delete mode 100644 _less/ie.css delete mode 100644 _less/ie8.less delete mode 100644 _less/main.less delete mode 100644 _less/normalize.less delete mode 100644 _less/rtl.less delete mode 100644 _less/sans.less delete mode 100644 _less/screen.less delete mode 100644 _plugins/less.rb diff --git a/_includes/layout/base/html-head.html b/_includes/layout/base/html-head.html index c576aa48..7ed7c7bd 100644 --- a/_includes/layout/base/html-head.html +++ b/_includes/layout/base/html-head.html @@ -3,14 +3,6 @@ This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} - - diff --git a/_less/ie.css b/_less/ie.css deleted file mode 100644 index 841b9101..00000000 --- a/_less/ie.css +++ /dev/null @@ -1,387 +0,0 @@ -/* -This file is licensed under the MIT License (MIT) available on -http://opensource.org/licenses/MIT. -*/ - -body{ - /*Allows to use :hover on any html tag using javascript*/ - behavior:url("/css/csshover.htc"); -} - -.head div{ - width:940px; -} -.body{ - width:940px; -} -.lang{ - border-left:2px solid #f7f7f7; - border-right:2px solid #f7f7f7; - border-top:2px solid #f7f7f7; -} -.lang li ul{ - top:28px; -} -.lang li ul li{ - zoom:1; - display:inline; -} -.lang li a, -.lang li a:link, -.lang li a:visited, -.lang li a:active{ - zoom:1; - display:inline; -} - -.menusimple{ - margin:0; - position:absolute; - top:8px; - left:245px; - padding:0; - height:35px; -} -.menusimple li{ - list-style:none; - zoom:1; - display:inline; - position:relative; - padding:0; - margin:0 3px; -} -.menusimple li a, -.menusimple li a:active, -.menusimple li a:visited, -.menusimple li a:link{ - text-decoration:none; - color:#2c6fad; -} -.menusimple li a{ - font-family:sans-serif; - display:block; - white-space:nowrap; - font-size:110%; - padding:6px 10px 4px 10px; -} -.menusimple li ul{ - width:190px; - display:none; - position:absolute; - background-color:#fff; - border:1px solid #2c6fad; - min-width:auto; - padding:5px 0; - margin:0; - left:0; -} -.menusimple li ul li{ - margin:0; - display:block; - width:100%; -} -.menusimple li ul li a{ - width:100%; - font-size:100%; - margin:1px 0; - padding:6px 10px 3px 10px; -} -.menusimple li ul li a, -.menusimple li ul li a:active, -.menusimple li ul li a:visited, -.menusimple li ul li a:link{ - text-decoration:none; - color:#2c6fad; -} -.menusimple li:hover{ - background-color:#2c6fad; -} -.menusimple li a:hover, -.menusimple li:hover a, -.menusimple li.active a, -.menusimple li.active a:active, -.menusimple li.active a:visited, -.menusimple li.active a:link{ - color:#fff; -} -.menusimple li:hover ul{ - display:block; -} -.menusimple li ul li a:hover{ - color:#fff; -} - -.index{ - font-size:0; -} -.index li{ - margin-left:-16px; -} -.index ul li{ - margin-left:16px; -} -.index a, -.index a:link, -.index a:active, -.index a:visited{ - font-size:16px; -} - - -.titleicon{ - vertical-align:middle; - margin-right:5px; -} - -.maindesc{ - width:760px; -} -.mainlist div{ - zoom:1; - display:inline; - width:240px; - text-align:center; -} -.mainlist div div{ - zoom:1; - display:inline; - line-height:1.5em; - width:auto; -} -.mainlist div div div { - display:block; -} -.mainlist .ieimg{ - display:block; - margin:10px auto; - position:relative; - height:48px; - width:48px; -} - -.mainbutton a, -.mainbutton a:link, -.mainbutton a:visited, -.mainbutton a:active{ - zoom:1; - display:inline; -} -.mainbutton a:hover, -.mainbutton a:link:hover, -.mainbutton a:visited:hover, -.mainbutton a:active:hover{ - background-image:none; - color:#fff; -} -.mainbutton .ieimg{ - margin-right:10px; - margin-left:-52px; - margin-bottom:-12px; - height:42px; - width:42px; -} - -.starttitle a{ - zoom:1; - display:inline; -} -.start div{ - border-top:expression((this.parentNode.getElementsByTagName('DIV')[5]==this)?'1px solid #e0e0e0':''); -} -.start div div{ - zoom:1; - display:inline; - padding-top:25px; - position:relative; - padding-right:expression(this.parentNode.getElementsByTagName('DIV')[0]==this?'40px':''); - border-right:expression(this.parentNode.parentNode.className=='start'&&this.parentNode.getElementsByTagName('DIV')[0]==this?'1px solid #e0e0e0':''); - padding-left:expression(this.parentNode.getElementsByTagName('DIV')[2]==this?'40px':''); - border-left:expression(this.parentNode.parentNode.className=='start'&&this.parentNode.getElementsByTagName('DIV')[2]==this?'1px solid #e0e0e0':''); - margin-left:expression(this.parentNode.getElementsByTagName('DIV')[2]==this?'-1px':''); -} -.start div div div{ - padding-top:0; -} -.start>div>div:first-child+div{ - /*This one is for IE7 only*/ - border-top:0; -} - -.resources div{ - border-top:expression(this.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'1px solid #e0e0e0':'0'); -} -.resources div div{ - zoom:1; - display:inline; - padding-top:25px; - position:relative; - padding-right:expression(this.parentNode.parentNode.className=='resources'&&this.parentNode.getElementsByTagName('DIV')[0]==this?'40px':''); - border-right:expression(this.parentNode.parentNode.className=='resources'&&this.parentNode.getElementsByTagName('DIV')[0]==this?'1px solid #e0e0e0':''); - padding-left:expression(this.parentNode.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'40px':''); - border-left:expression(this.parentNode.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'1px solid #e0e0e0':''); - margin-left:expression(this.parentNode.parentNode.className=='resources'&&this!=this.parentNode.getElementsByTagName('DIV')[0]?'-1px':''); -} -.resources>div>div:first-child+div{ - /*This one is for IE7 only*/ - border-top:0; -} - -.resourcesorg div div{ - zoom:1; - display:inline; - padding:20px 0; -} -.resourcesorg div{ - border-top:expression(this.parentNode.className=='resourcesorg'&&this.parentNode.getElementsByTagName('DIV')[0]!=this?'1px solid #e0e0e0':'0'); -} - -.resourcesmore div{ - zoom:1; - display:inline; -} - -.docreference a{ - zoom:1; - display:inline; -} - -.downloadbox{ - zoom:1; - display:inline; -} -.downloadbox a{ - zoom:1; - display:inline; -} -.downloadbox div{ - zoom:1; - display:inline; -} -.downloadbox div div{ - display:block; -} -.downloadbox div div span{ - zoom:1; - display:inline; -} -.download span{ - zoom:1; - display:inline; - vertical-align:top; -} -.downloadbox .magnetlink{ - zoom:1; - display:inline; -} - -.listtable div div{ - zoom:1; - display:inline; -} -.eventtable span a{ - zoom:1; - display:inline; -} - -.exchanges div div{ - zoom:1; - display:inline; - padding:20px 0; -} -.exchanges div{ - border-top:expression(this.parentNode.className=='exchanges'&&this.parentNode.getElementsByTagName('DIV')[0]!=this?'1px solid #e0e0e0':'0'); -} - -.banner-message a:hover, -.banner-message a:hover:link, -.banner-message a:hover:active, -.banner-message a:hover:visited{ - color:#fff; -} - -.index{ - zoom:1; - display:inline; -} - -.boxexpand *{ - display:expression((this.parentNode.nodeName=='DIV')?'none':''); -} -.boxexpand h3{ - display:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'block':''); - margin:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'20px 0':''); -} -.boxexpand h3 a:link, -.boxexpand h3 a:visited, -.boxexpand h3 a:active{ - text-decoration:none; -} - -.tablehalf div{ - zoom:1; - display:inline; - margin-bottom:30px; -} - -.contributors div{ - zoom:1; - display:inline; -} -.contributors span{ - width:16px; - height:16px; -} - -.credit p{ - zoom:1; - display:inline; -} - -.devprojectlist li{ - display:expression((this.parentNode.childNodes[0]==this||this.parentNode.childNodes[1]==this||this.parentNode.childNodes[2]==this||this.parentNode.childNodes[3]==this)?'list-item':''); -} - -.press-faq div{ - width:400px; - display:inline; - zoom:1; - vertical-align:top; - text-align:left; - margin-bottom:15px; - margin-right:20px; -} -.press-faq div a{ - display:inline; - zoom:1; - font-weight:bold; - margin-right:20px; -} -.press-faq li a{ - font-weight:normal; -} -.press-faq div div{ - height:0; - width:auto; - margin:10px 0 0 0; - overflow:hidden; - text-align:justify; -} - -.press-videos div{ - display:inline; - zoom:1; -} -.press-videos div a{ - display:inline; - zoom:1; -} - -.press-quotes p{ - display:inline; - zoom:1; -} -.press-quotes span{ - font-weight:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'bold':''); - display:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'block':''); - margin-bottom:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'4px':''); -} diff --git a/_less/ie8.less b/_less/ie8.less deleted file mode 100644 index a8fa0428..00000000 --- a/_less/ie8.less +++ /dev/null @@ -1,82 +0,0 @@ -/* -This file is licensed under the MIT License (MIT) available on -http://opensource.org/licenses/MIT. -*/ - -.wallets>div{ - display:none; -} -.wallets>div:first-child, -.wallets>div:first-child+div, -.wallets>div:first-child+div+div, -.wallets>div:first-child+div+div+div, -.wallets>div:first-child+div+div+div+div, -.wallets>div:first-child+div+div+div+div+div, -.wallets>div:first-child+div+div+div+div+div+div, -.wallets>div:first-child+div+div+div+div+div+div+div, -.wallets>div:first-child+div+div+div+div+div+div+div+div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div{ - display:inline-block; -} - -.wallets>div:first-child+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div>span{ - top:-222px; -} - -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span, -.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span{ - top:-92px; -} - -.press-quotes p{ - display:none; -} -.press-quotes p:first-child, -.press-quotes p:first-child+p, -.press-quotes p:first-child+p+p, -.press-quotes p:first-child+p+p+p, -.press-quotes p:first-child+p+p+p+p, -.press-quotes p:first-child+p+p+p+p+p, -.press-quotes p:first-child+p+p+p+p+p+p, -.press-quotes p:first-child+p+p+p+p+p+p+p{ - display:inline-block; -} -.press-quotes.expanded p{ - display:inline-block; -} - -.devprojectlist li{ - display:none; -} -.devprojectlist li:first-child, -.devprojectlist li:first-child+li, -.devprojectlist li:first-child+li+li, -.devprojectlist li:first-child+li+li+li{ - display:list-item; -} -.devprojectlist.expanded li{ - display:list-item; -} diff --git a/_less/main.less b/_less/main.less deleted file mode 100644 index 841ac251..00000000 --- a/_less/main.less +++ /dev/null @@ -1,7 +0,0 @@ -/* -This file is licensed under the MIT License (MIT) available on -http://opensource.org/licenses/MIT. -*/ - -@import "normalize.less"; -@import "screen.less"; diff --git a/_less/normalize.less b/_less/normalize.less deleted file mode 100644 index 559de6af..00000000 --- a/_less/normalize.less +++ /dev/null @@ -1,396 +0,0 @@ -/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ - -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined in IE 8/9. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -/** - * Correct `inline-block` display not defined in IE 8/9. - */ - -audio, -canvas, -video { - display: inline-block; -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -[hidden] { - display: none; -} - -/* ========================================================================== - Base - ========================================================================== */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - -ms-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* ========================================================================== - Links - ========================================================================== */ - -/** - * Address `outline` inconsistency between Chrome and other browsers. - */ - -a:focus { - outline: thin dotted; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* ========================================================================== - Typography - ========================================================================== */ - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari 5 and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} - -/** - * Improve readability of pre-formatted text in all browsers. - */ - -pre { - white-space: pre-wrap; -} - -/** - * Set consistent quote types. - */ - -q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* ========================================================================== - Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9. - */ - -img { - border: 0; -} - -/** - * Correct overflow displayed oddly in IE 9. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* ========================================================================== - Figures - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari 5. - */ - -figure { - margin: 0; -} - -/* ========================================================================== - Forms - ========================================================================== */ - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ - -button, -input, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -button, -input { - line-height: normal; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. - * Correct `select` style inheritance in Firefox 4+ and Opera. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * 1. Address box sizing set to `content-box` in IE 8/9. - * 2. Remove excess padding in IE 8/9. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ - -textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ -} - -/* ========================================================================== - Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} \ No newline at end of file diff --git a/_less/rtl.less b/_less/rtl.less deleted file mode 100644 index 1dd38ea1..00000000 --- a/_less/rtl.less +++ /dev/null @@ -1,407 +0,0 @@ -/* -This file is licensed under the MIT License (MIT) available on -http://opensource.org/licenses/MIT. -*/ - -/*Language specific styles that override default*/ - -/*Styles for HTML tags*/ - -body{ - font-family:'DroidNaskh', sans-serif; - direction:rtl; -} -h1,h2{ - font-family:'DroidNaskh', sans-serif; -} -h2,h3{ - text-align:right; -} -ul{ - padding-right:20px; - padding-left:auto; - margin-right:0; -} -p{ - line-height:2em; -} - -/*Styles for whole website*/ - -.head{ - direction:ltr; -} -.lang li ul li{ - font-family:Arial, sans-serif; - text-align:right; -} -.menusimple li a, -.menusimple li a:active, -.menusimple li a:visited, -.menusimple li a:link{ - font-family:'DroidNaskh', sans-serif; - text-align:right; -} -.menusimple li ul{ - right:0; - left:auto; -} -.footermenu a{ - margin-right:0; - margin-left:15px; -} -.statusmenu{ - padding-left:0; - padding-right:20px; - background-position:right center; -} -.titleicon{ - margin-right:auto; - margin-left:5px; -} -h1 .rssicon{ - margin-left:0; - margin-right:10px; - margin-bottom:12px; -} -h2 .rssicon{ - margin-left:0; - margin-right:10px; - margin-bottom:18px; -} -.mainbutton a, -.mainbutton a:link, -.mainbutton a:visited, -.mainbutton a:active{ - font-family:'DroidNaskh', sans-serif; - text-align:right; - padding:15px 68px 15px 20px; -} -.mainbutton img{ - margin-left:10px; - margin-right:-52px; -} -.contributors{ - text-align:right; -} -.credit{ - text-align:right; -} -.downloadbox div{ - text-align:right; -} -.index a, -.index a:link, -.index a:active, -.index a:visited{ - line-height:2em; -} -.resources{ - text-align:right; -} -.resources>div>div:first-child{ - padding-right:0; - border-right:0; - padding-left:40px; - border-left:1px solid #e0e0e0; -} -.resources>div>div:first-child+div{ - padding-left:0; - border-left:0; - margin-left:0; - padding-right:40px; - border-right:1px solid #e0e0e0; - margin-right:-1px; -} -.resourcesorg{ - text-align:right; -} -.resourcesorg img{ - margin-right:0; - margin-left:5px; - bottom:-6px; -} -.exchanges{ - text-align:right; -} -.exchanges img{ - margin-right:0; - margin-left:5px; - bottom:-6px; -} -.downloadbox a{ - direction:ltr; -} -.downloadbox div div{ - text-align:right; - font-family:Arial, sans-serif; -} -.downloadbox div div span{ - margin-left:0; - margin-right:6px; -} - -.start{ - text-align:right; -} -.start>div>div:first-child{ - padding-right:0; - padding-left:40px; - border-right:0; - border-left:1px solid #e0e0e0; -} -.start>div>div:first-child+div{ - padding-left:0; - padding-right:40px; - border-left:0; - border-right:1px solid #e0e0e0; - margin-right:-1px -} -.start div div div a, -.start div div div a:link, -.start div div div a:active, -.start div div div a:visited{ - padding:0 8px; -} - -.anchorAf a{ - left:0; - right:-24px; -} - -.listtable div div{ - text-align:right; - padding-right:0; - padding-left:20px; -} - -.eventtable div div{ - text-align:right; - padding-right:0; - padding-left:20px; -} - -.tablehalf{ - left:0; - right:-40px; -} -.tablehalf div{ - margin-left:0; - margin-right:40px; -} -.tablehalf p{ - text-align:right; -} - -.walletmenu>ul{ - text-align:right; -} -.walletmenu>ul li{ - font-family:'DroidNaskh', sans-serif; - background-position:right 6px; -} -.walletmenu>ul>li a{ - padding:8px 42px 5px 10px; -} -.walletmenu>ul>li ul{ - left:auto; - right:0; -} -.walletmenu>ul>li>ul li{ - background-position:right 10px; -} -.walletmenu>ul>li.active, -.walletmenu>ul>li:hover{ - background-position:right -62px; -} -.walletmenu>ul>li>ul>li.active, -.walletmenu>ul>li>ul>li:hover{ - background-position:right -24px; -} -.walletmenu>ul>li>ul li.active>a{ - background-position:left center; -} - -.wallets{ - text-align:right; -} -.wallets>div>a, -.wallets>div>a:visited, -.wallets>div>a:link, -.wallets>div>a:active{ - line-height:1.2em; -} -.wallets>div>div>h2:first-child+div{ - margin-left:0; - margin-right:10px; -} -.wallets>div>div>h2:first-child+div+div>a, -.wallets>div>div>h2:first-child+div+div>a:visited, -.wallets>div>div>h2:first-child+div+div>a:link, -.wallets>div>div>h2:first-child+div+div>a:active{ - padding:0 8px; - margin:2px 0 8px 0; -} -.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{ - margin-right:0; - margin-left:10px; -} -.wallets>div>div>h2:first-child+div+div+div+p{ - padding-right:0; - padding-left:5px; -} -.wallets>div>div>h2:first-child+div+div+div>div{ - padding:5px 22px 5px 0; - background-position:right 4px; -} -.wallets>div>div>h2:first-child+div+div+div>div>div{ - margin-left:0; - margin-right:5px; -} -.wallets>div>div>h2:first-child+div+div+div>div>div>span{ - left:0; - right:15px; -} -.wallets>div>div>h2:first-child+div+div+div>div>div>div, -.wallets>div>div>h2:first-child+div+div+div>div>div>p{ - left:auto; - right:30px -} -.wallets>div>div>h2:first-child+div+div+div+p+div{ - right:auto; - left:20px; -} -.wallets .checkgood>div>span{ - background-image:url(/img/icons/checkbubble_pass_rtl.svg); -} -.wallets .checkpass>div>span{ - background-image:url(/img/icons/checkbubble_pass_rtl.svg); -} -.wallets .checkfail>div>span{ - background-image:url(/img/icons/checkbubble_fail_rtl.svg); -} -.wallets .checkneutral>div>span{ - background-image:url(/img/icons/checkbubble_neutral_rtl.svg); -} - -.warningicon{ - margin-right:0; - margin-left:6px; -} - -.press-volunteer, -.press-faq, -.press-faq p{ - text-align:right; -} -.press-faq>div{ - margin-right:0; - margin-left:30px; -} -.press-faq>div>a{ - margin-right:0; - margin-left:20px; -} -.press-pictures{ - text-align:right; -} -.press-pictures img{ - margin-right:0; - margin-left:14px; -} - -/*Override UbuntuBold by Droid Naskh*/ - -@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.eot');font-weight:normal;font-style:normal;} -@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.ttf') format('truetype');font-weight:normal;font-style:normal;} - -/*Styles specific to mobiles*/ - -@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){ - h2{ - text-align:center; - } - .titleicon, - .warningicon{ - margin:auto; - margin-bottom:5px; - } - .langselect{ - text-align:right; - } - .langselect select{ - text-align:right; - margin-left:0; - margin-right:10px; - } - .content{ - text-align:right; - } - .resources, - .resources p{ - text-align:center; - } - .resources>div>div:first-child{ - padding-left:0; - border-left:0; - } - .resources>div>div:first-child+div{ - border-right:0; - padding-right:0; - margin-right:0; - } - .walletmenu>ul.menutap>li:hover{ - background-position:right 6px; - } - .walletmenu>ul.menutap>li>ul>li:hover{ - background-position:right 10px; - } - .walletmenu>ul.menutap>li.hover{ - background-position:right -62px; - } - .walletmenu>ul.menutap>li>ul>li.hover{ - background-position:right -24px; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div{ - padding:8px 22px 8px 0; - background-position:right 7px; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div:hover>div{ - margin-right:0; - } - .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>p{ - left:0; - right:-20px; - } - .walletsdisclaimer p{ - text-align:right; - } - .download{ - text-align:right; - } - .download p{ - text-align:right; - } - .downloadbox{ - text-align:right; - } - .download div p{ - text-align:right; - } - .start>div>div:first-child{ - border-left:0; - padding-left:0; - } - .start>div>div:first-child+div{ - border-right:0; - padding-right:0; - margin-right:0; - } - .tablehalf div{ - margin-right:0; - } -} diff --git a/_less/sans.less b/_less/sans.less deleted file mode 100644 index 1fe660c7..00000000 --- a/_less/sans.less +++ /dev/null @@ -1,24 +0,0 @@ -/* -This file is licensed under the MIT License (MIT) available on -http://opensource.org/licenses/MIT. -*/ - -h1,h2{ - font-family:Arial, sans-serif; - font-weight:bold; -} -.menusimple li a, -.menusimple li a:active, -.menusimple li a:visited, -.menusimple li a:link{ - font-family:Arial, sans-serif; -} -.mainbutton a, -.mainbutton a:link, -.mainbutton a:visited, -.mainbutton a:active{ - font-family:Arial, sans-serif; -} -.walletmenu ul li{ - font-family:Arial, sans-serif; -} diff --git a/_less/screen.less b/_less/screen.less deleted file mode 100644 index d20802a8..00000000 --- a/_less/screen.less +++ /dev/null @@ -1,2982 +0,0 @@ -/* -This file is licensed under the MIT License (MIT) available on -http://opensource.org/licenses/MIT. -*/ - -/*Styles for HTML tags*/ - -body{ - font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif; - font-size:16px; - margin:0; - padding:0; - color:#646464; - background-color:#f7f7f7; -} -h1{ - font-family:'Ubuntu', sans-serif; - font-weight:700; - color:#0d579b; - font-size:160%; - margin-top:0; - text-align:center; -} -h2{ - font-family:'Ubuntu', sans-serif; - font-weight:700; - color:#383838; - font-size:130%; - text-align:left; -} -h3{ - color:#383838; - font-size:110%; - text-align:left; -} -a:link, -a:visited, -a:active, -a.link-js{ - color:#2c6fad; - text-decoration:none; - cursor:pointer; -} -a:link:hover, -a:visited:hover, -a:active:hover, -a.link-js:hover{ - color:#63a4e1; -} -a img, -a:link img, -a:visited img, -a:active img{ - border:0; -} -blockquote{ - margin-left:0; - border-left:5px solid #eee; - padding-left:15px; - font-size: 120%; -} -pre{ - background-color:#f5f5f5; - display:block; - padding:17px; - line-height:1.5em; - font-size:75%; - border:1px solid #ccc; - white-space:pre; - overflow-y:auto; - -webkit-border-radius:3px; - -moz-border-radius:3px; - border-radius:3px; -} -pre code{ - font-size:100%; - padding:0; - border:0; - white-space:pre; -} -code{ - padding:2px 4px; - background-color:#f5f5f5; - font-size:85%; - white-space:nowrap; - border:1px solid #ccc; - -webkit-border-radius:3px; - -moz-border-radius:3px; - border-radius:3px; -} -ul,ol{ - padding-left:20px; - margin-left:0; -} -ul ul{ - list-style-type:disc; -} -li{ - margin:10px 0; -} -table td,table th{ - padding:10px; - border:1px solid #ddd; -} - -/*Styles for whole website*/ - -@font-face{ - font-family:'Ubuntu'; - src:url('/font/ubuntu/ubuntu-r-webfont.eot'); - src:url('/font/ubuntu/ubuntu-r-webfont.eot?iefix') format('eot'), - url('/font/ubuntu/ubuntu-r-webfont.woff') format('woff'), - url('/font/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), - url('/font/ubuntu/ubuntu-r-webfont.svg') format('svg'); - font-weight:300; - font-style:normal; -} -@font-face{ - font-family:'Ubuntu'; - src:url('/font/ubuntu/ubuntu-ri-webfont.eot'); - src:url('/font/ubuntu/ubuntu-ri-webfont.eot?iefix') format('eot'), - url('/font/ubuntu/ubuntu-ri-webfont.woff') format('woff'), - url('/font/ubuntu/ubuntu-ri-webfont.ttf') format('truetype'), - url('/font/ubuntu/ubuntu-ri-webfont.svg') format('svg'); - font-weight:300; - font-style:italic; -} -@font-face{ - font-family:'Ubuntu'; - src:url('/font/ubuntu/ubuntu-b-webfont.eot'); - src:url('/font/ubuntu/ubuntu-b-webfont.eot?iefix') format('eot'), - url('/font/ubuntu/ubuntu-b-webfont.woff') format('woff'), - url('/font/ubuntu/ubuntu-b-webfont.ttf') format('truetype'), - url('/font/ubuntu/ubuntu-b-webfont.svg') format('svg'); - font-weight:700; - font-style:normal; -} -@font-face{ - font-family:'Ubuntu'; - src:url('/font/ubuntu/ubuntu-bi-webfont.eot'); - src:url('/font/ubuntu/ubuntu-bi-webfont.eot?iefix') format('eot'), - url('/font/ubuntu/ubuntu-bi-webfont.woff') format('woff'), - url('/font/ubuntu/ubuntu-bi-webfont.ttf') format('truetype'), - url('/font/ubuntu/ubuntu-bi-webfont.svg') format('svg'); - font-weight:700; - font-style:italic; -} - -.banner-message, -.banner-message a, -.banner-message a:link, -.banner-message a:active, -.banner-message a:visited{ - display:block; - color:#fff; -} -.banner-message a:hover{ - text-decoration:underline; -} -.banner-message a{ - background-color:#c5251f; -} -.banner-message.alert a{ - background-color:#c5251f; -} -.banner-message.warning a{ - background-color:#E58716; -} -.banner-message.success a{ - background-color:#329239; -} -.banner-message.info a{ - background-color:#0d579b; -} -.banner-message.minor a{ - background-color: yellow; - color: black; -} -.banner-message a span{ - display:block; - margin:auto; - width:850px; - padding:10px; - text-align: center; -} - -.center { - text-align: center; - margin-right: auto; - margin-left: auto; -} - -.head{ - margin:30px 0 30px 0; -} -.head div{ - width:940px; - margin:auto; - position:relative; - z-index:100; -} -.body{ - width:940px; - margin:auto; - position:relative; -} - -.langselect{ - display:none; -} -.lang, -.lang li, -.lang ul{ - display:block; - list-style:none; - padding:0; - margin:0; - cursor:pointer; -} -.lang{ - position:absolute; - right:5px; - top:8px; - border-left:2px solid transparent; - border-right:2px solid transparent; - border-top:2px solid transparent; -} -.lang:hover{ - border-left:2px solid #ebebeb; - border-right:2px solid #ebebeb; - border-top:2px solid #ebebeb; - background-color:#fff; -} -.lang li ul{ - display:none; - right:-2px; - position:absolute; - background-color:#fff; - padding:20px; - border:2px solid #ebebeb; - white-space:nowrap; -} -.lang:hover li ul{ - display:block; -} -.lang li ul li{ - display:inline-block; - vertical-align:top; - text-align:left; - width:180px; -} -.lang li ul li ul{ - position:relative; - margin:-4px 0; - padding:0; - border:0; - top:0; -} -.lang li ul li ul li{ - display:block; -} -.lang li a, -.lang li a:link, -.lang li a:visited, -.lang li a:active{ - text-decoration:none; - font-size:115%; - display:inline-block; - color:#b8b8b8; - padding:4px 8px; -} -.lang li ul li a, -.lang li ul li a:link, -.lang li ul li a:visited, -.lang li ul li a:active{ - padding:4px 0; - width:180px; -} -.lang:hover li a, -.lang li ul li ul li:hover a, -.lang li ul li ul li a.active{ - color:#666666; -} -.lang:hover li ul li a{ - color:#b8b8b8; -} - -.logo{ - display:block; - margin-left:40px; - width:191px; - height:40px; -} - -.menumobile{ - display:none; -} - -.menusimple{ - margin:0; - position:absolute; - top:8px; - left:245px; - padding:0; - height:35px; -} -.menusimple li{ - list-style:none; - display:inline-block; - position:relative; - padding:0; - margin:0 3px; - -webkit-border-radius:5px; - -moz-border-radius:5px; - border-radius:5px; -} -.menusimple>li a, -.menusimple>li a:active, -.menusimple>li a:visited, -.menusimple>li a:link{ - color:#2c6fad; -} -.menusimple>li a{ - cursor:pointer; - font-family:'Ubuntu', sans-serif; - font-weight:300; - font-size:110%; - display:block; - text-decoration:none; - padding:6px 10px 4px 10px; - white-space:nowrap; -} -.menusimple>li ul{ - display:none; - position:absolute; - background-color:#fff; - border:1px solid #2c6fad; - min-width:120%; - padding:5px 0; - margin:0; - left:0; -} -.menusimple>li>ul li{ - margin:0; - display:block; - width:100%; - -webkit-border-radius:0; - -moz-border-radius:0; - border-radius:0; -} -.menusimple>li>ul>li a{ - font-size:100%; - margin:1px 0; - padding:6px 10px 3px 10px; -} -.menusimple li:hover, -.menusimple li.active{ - background-color:#2c6fad; -} -.menusimple li:hover>a, -.menusimple li.active>a{ - color:#fff; -} -.menusimple li:hover>ul{ - display:block; -} - -.menusimple.menumain>li:first-child, -.menusimple.menumain>li:first-child+li, -.menusimple.menumain>li:first-child+li+li+li, -.menusimple.menucore>li:first-child, -.menusimple.menucore>li:first-child+li+li{ - -webkit-border-bottom-left-radius:0; - -webkit-border-bottom-right-radius:0; - -moz-border-radius-bottomleft:0; - -moz-border-radius-bottomright:0; - border-bottom-left-radius:0; - border-bottom-right-radius:0; -} -.menusimple.menucore>li:first-child+li+li+li+li a{ - font-weight: 700; -} - -.breadcrumbs { - font-size: 75%; - padding-left: 10px; -} -.content{ - position:relative; - padding:30px 40px 40px 40px; - margin:0 5px; - text-align:justify; - background-color:#fff; - min-height:400px; - border:2px solid #ebebeb; - -webkit-border-radius:6px; - -moz-border-radius:6px; - border-radius:6px; -} -.content p, -.content li, -.content table{ - line-height:1.5em; -} - -h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa { - margin-right: 10px; -} - -.footer{ - text-align:center; - width:940px; - margin:auto; -} -.footermenu{ - position:relative; - padding:0 0 20px 0; - font-size:94%; -} -.footermenu a{ - margin-right:15px; - white-space:nowrap; -} -.footersponsor div{ - display:inline-block; - color:#8D8D8D; - margin:0 0 25px 0; - line-height:2em; -} -.footersponsor span{ - white-space:nowrap; -} -.footersponsor span, -.footersponsor a, -.footersponsor a:link, -.footersponsor a:active, -.footersponsor a:visited{ - display:inline-block; - margin:5px; -} -.footersponsor img{ - width:245px; - height:18px; -} -.footerlicense{ - font-size:94%; - padding-bottom:20px; -} - -.statusmenu{ - display:inline-block; - padding-left:20px; - background-position:left center; - background-repeat:no-repeat; - background-image:url(/img/icons/netstatus_normal.svg); -} -.statusmenu.alert{ - background-image:url(/img/icons/netstatus_alert.svg); -} - -/*Styles specific to elements in pages*/ - -.mainsummary, -.mainvideo, -.mainlist{ - text-align:center; -} -.mainsummary{ - font-size:145%; - color:#7b7c7c; - margin:20px auto 45px auto; -} -.mainvideo{ - position:relative; - margin:auto; - max-width:640px; - max-height:360px; -} -.mainvideo iframe, -.mainvideo img{ - width:640px; - height:360px; -} -.mainvideo div div{ - cursor:pointer; - position:absolute; - top:0; - left:0; - right:0; - bottom:0; -} -.mainvideo .mainvideoicon{ - display:block; - background:url(/img/icons/video_play.svg) center center no-repeat; -} -.mainvideo .mainvideoiconhover{ - display:none; - background:url(/img/icons/video_play_hover.svg) center center no-repeat; -} -.mainvideo:hover .mainvideoicon{ - display:none; -} -.mainvideo:hover .mainvideoiconhover{ - display:block; -} -.mainlist{ - font-size:125%; - max-width:760px; - margin:30px auto; - display:table; -} -.mainlist>div{ - display:table-cell; - width:240px; - min-width:200px; - text-align:center; -} -.mainlist>div>div{ - display:inline-block; - line-height:1.5em; -} -.mainlist>div>div>div{ - display:inline-block; -} -.mainlist img{ - display:block; - margin:10px auto; - vertical-align:top; - position:relative; - height:48px; - width:48px; -} -.maindesc{ - max-width:760px; - margin:auto; - line-height:1.5em; -} -.mainbutton{ - text-align:center; -} -.mainbutton a, -.mainbutton a:link, -.mainbutton a:visited, -.mainbutton a:active{ - font-family:'Ubuntu', sans-serif; - font-weight:400; - font-size:150%; - text-shadow:0 2px 6px rgba(0,0,0,0.6); - text-align:left; - display:inline-block; - background-color:#2c6fad; - border:1px solid #20598f; - background-image:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); - background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); - background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); - background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); - background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%); - color:#fff; - padding:15px 20px 20px 68px; - margin:40px 0 40px 0; - -webkit-border-radius:12px; - -moz-border-radius:12px; - border-radius:12px; -} -.mainbutton a:hover{ - background-image:none; - color:#fff; -} -.mainbutton img{ - margin-right:10px; - margin-left:-52px; - margin-bottom:-12px; - height:42px; - width:42px; -} -.mainoverview{ - font-size:130%; - text-align:center; - margin-bottom:10px; -} -.mainoverviews{ - font-size:145%; - text-align:center; - margin-bottom:10px; -} -.mainoverviews a{ - margin:5px 15px; - display:inline-block; -} - -.starttitle{ - text-align:center; -} -.starttitle span{ - padding:10px; - border-bottom:1px solid #E2E2E2; - font-size:155%; - margin:20px auto; - display:inline-block; -} -.start{ - text-align:left; -} -.start div{ - position:relative; -} -.start>div:first-child+div{ - border-top:1px solid #e0e0e0; -} -.start div div{ - display:inline-block; - width:380px; - vertical-align:top; - padding-bottom:70px; - position:static; -} -.start>div>div:first-child{ - padding-right:40px; - border-right:1px solid #e0e0e0; -} -.start>div>div:first-child+div{ - padding-left:40px; - border-left:1px solid #e0e0e0; - margin-left:-1px; -} -.start div div div a, -.start div div div a:link, -.start div div div a:active, -.start div div div a:visited{ - display:inline-block; - padding:6px 12px; - font-size:115%; - color:#fff; - border:1px solid #d57700; - background-color:#ee9209; - background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%); - -webkit-border-radius:3px; - -moz-border-radius:3px; - border-radius:3px; -} -.start div div div a:hover{ - background-image:none; - color:#fff; -} -.start h2{ - color:#0d579b; -} -.start h2 span{ - font-size:200%; - color:#ee9209; -} -.start div div div{ - display:block; - width:auto; - padding-bottom:0; - position:absolute; - bottom:35px; -} -.starttitle a{ - margin:0 20px auto; -} - -.introlink{ - text-align:center; - font-size:125%; - font-weight:bold; - margin-top:30px; -} - -.titleicon{ - width:32px; - height:32px; - vertical-align:middle; - margin-right:8px; - position:relative; - top:-2px; -} -.warningicon{ - width:42px; - height:42px; - vertical-align:middle; - margin-right:6px; -} - -.index, -.index ul, -.index li{ - list-style:none; - padding:0; - margin:0; -} -.index{ - padding:10px 20px; - border:2px dashed #4892b2; - display:inline-block; -} -.index ul{ - margin:10px 0; -} -.index li a{ - font-weight:bold; -} -.index ul ul li a{ - font-weight:normal; -} -.index a, -.index a:link, -.index a:active, -.index a:visited{ - display:block; - text-decoration:none; - line-height:1.5em; -} - -.docreference{ - text-align:center; -} -.docreference a{ - display:inline-block; - margin:20px 0 40px 0; - font-size:115%; - width:150px; -} -.docreference img{ - display:block; - height:48px; - width:48px; - margin:0 auto 10px auto; -} -.docreference span{ - display:block; - line-height:1.5em; -} -.toc{ - position:absolute; - left:20px; - text-align:left; - padding-top:40px; - margin-top:-40px; -} -.toc div{ - overflow-y:auto; - overflow-x:hidden; - width:240px; -} -.toc div.scroll{ - position:fixed; -} -.toc ul, -.toc li{ - list-style:none; - padding:0; - margin:0; -} -.toc ul{ - width:220px; - border-right:1px solid #e0e0e0; - padding:0 19px 0 0; -} -.toc ul li{ - padding:0 0 10px 0; -} -.toc ul li ul{ - position:relative; - top:0; - padding:10px 0 0 0; - border:0; - display:none; -} -.toc ul li.active ul{ - display:block; -} -.toc ul li ul li{ - padding:0 0 4px 0; -} -.toc ul li ul li ul li{ - padding-left:10px; -} -.toc ul li a{ - padding-left:20px; - font-weight:bold; -} -.toc ul li ul li a{ - font-weight:normal; -} -.toc ul li ul li a:hover:before, -.toc ul li ul li a.active:before{ - content:">"; - position:absolute; - font-weight:bold; - left:0px; -} -.toc ul.goback{ - padding-top:8px; -} -.toc ul.goback li{ - background:url(/img/icons/mini_ico_back.svg) no-repeat 0 3px; -} -.toc ul.reportissue li{ - background:url(/img/icons/mini_ico_report.svg) no-repeat 0 3px; -} -.toc ul.editsource li{ - background:url(/img/icons/mini_ico_rev.svg) no-repeat 0 3px; -} -.toc a, -.toc a:link, -.toc a:active, -.toc a:visited{ - display:block; - text-decoration:none; - line-height:1.5em; -} -.toccontent{ - width:600px; - margin:auto 0 auto auto; - position:relative; - text-align: left; -} -.toccontent h2, -.toccontent h3, -.toccontent h4, -.toccontent h5, -.toccontent h6{ - color:#383838; - margin-top: 40px; - margin-bottom: 0; -} -.toccontent h2{ - font-size:150%; -} -.toccontent h3{ - font-size:130%; -} -.toccontent h4{ - font-size:110%; -} -.toccontent h5,.toccontent h6{ - font-size:100%; -} -.toccontent img{ - max-width:100%; -} -.toccontent table thead{ - text-align:center; -} -.toccontent a.auto-link:link, -.toccontent a.auto-link:visited{ - color:#646464; -} -.toccontent:hover a.auto-link:link, -.toccontent:hover a.auto-link:visited{ - color:#2c6fad; -} -.toccontent:hover a.auto-link:link:hover, -.toccontent:hover a.auto-link:visited:hover{ - color:#63a4e1; -} -.toccontent .subhead-links{ - padding-top: 7px; -} -.toccontent a:link.term, -.toccontent a:visited.term, -.toccontent:hover a.auto-link.term:link, -.toccontent:hover a.auto-link.term:visited, -.toccontent:hover a.auto-link.term:link:hover, -.toccontent:hover a.auto-link.term:visited:hover{ - color:#000; -} -.toccontent a.term:link code, -.toccontent a.term:visited code{ - color:#646464; -} -.multicode{ - background-color:#f5f5f5; - overflow-y:auto; - padding:17px; - border:1px solid #ccc; - -webkit-border-radius:3px; - -moz-border-radius:3px; - border-radius:3px; -} -.multicode pre{ - border:0px none; - padding:0; - margin:0; - overflow-y:visible; -} -.toccontent table.ntpd tr td+td+td{ - white-space:nowrap; -} -.toccontent table.ntpd tr td+td+td+td{ - white-space:normal; -} -.toccontent table thead th{ - font-weight:normal; - border-bottom: 3px double #ddd; -} - -.anchorAf{ - position:relative; -} -.anchorAf a:first-child{ - display:none; - position:absolute; - width:24px; - left:-24px; - bottom:0; - top:0; - background:url(/img/icons/mini_ico_anchor.svg) no-repeat center center; -} -.anchorAf:hover a:first-child{ - display:block; -} -.ui-dialog .anchorAf:hover a:first-child{ - display:none; -} - -.develdocdisclaimer{ - padding:30px 0; - background:#fff; - bottom:0; - position:fixed; - width:600px; - z-index:1000; - border-top:1px solid #e0e0e0; -} -.develdocdisclaimer div{ - border:2px dashed #ee9209; - background:#fff8ea; - padding:10px; - line-height:1.5em; - position:relative; -} -.develdocdisclaimerclose, -.develdocdisclaimerclose:visited, -.develdocdisclaimerclose:link, -.develdocdisclaimerclose:active{ - display:block; - padding:1px 8px 0 8px; - color:#fff; - background-color:#ee9209; - position:absolute; - top:-14px; - right:-14px; - font-weight:bold; - cursor:pointer; - border:2px solid #fff; - -webkit-border-radius:20px; - -moz-border-radius:20px; - border-radius:20px; -} -.develdocdisclaimerclose:hover, -.develdocdisclaimerclose:visited:hover, -.develdocdisclaimerclose:link:hover, -.develdocdisclaimerclose:active:hover{ - border:2px solid #ee9209; - color:#fff; -} -.glossary_term { - display: block; - width: 20em; - padding: 5px 10px; - margin-right: auto; - margin-left: auto; -} -.ui-autocomplete-category { - font-weight: bold; - padding: .2em .4em; - margin: .8em 0 .2em; - line-height: 1.5; -} -ul.wrapped_list li { - list-style: none; - float: left; - width: 15em; - margin: 1em; -} -br.clear { - clear: left; -} -.notice { - text-align: center; -} -.notice span { - font-style: italic; -} -.subhead-links { - font-size: 85%; -} -.subhead-links img { - width: 12px; - height: 12px; -} - -div.one-column { - max-width: 600px; - margin-right: auto; - margin-left: auto; -} - -.one-column h2 { - margin-top: 60px; -} - -.one-column h2.no_gap { - margin-top: 75px; -} - -.one-column img { - max-width: 100%; -} - -.one-column th { - text-align: center; -} - -div.post { - max-width: 40em; - margin-right: auto; - margin-left: auto; -} -.post img { - max-width: 100%; -} -.post-meta { - margin-top: 20px; - font-style: italic; -} -.post-title { - padding-top: 20px; -} - -table.privacy-comparison td,table.privacy-comparison th{ - padding:3px; -} - -table.privacy-comparison tr.empty { - height: 1em; -} - -table.privacy-comparison td:nth-child(1n+2) { - width: 120px; -} - -table.validation { width: 100%; } - -table.validation tr.details td { - background-color: #F5F5F5; - padding: 10px; -} -table.validation .ui-icon { - display: inline-block; -} -table.validation tr:nth-child(even)>td { - cursor:pointer; -} -table.validation tr:nth-child(even)>td:hover { - color:#000; -} - -.received_transactions td { - width: 50%; -} - -#system-requirements-accordion div { - padding: 0; -} - -.service-choose a{ - display: block; - margin: 20px 0; -} - -button.js.showcolumn { - border:0; - margin: 10px; -} - -.not-displayed { - display: none; -} - -br.big { - margin-bottom: 50px; -} - -.font2x { - font-size: 200%; -} - -/********** SLIDER **********/ -.sliderbox { - max-width: 940px; - margin: 0px auto 30px auto; -} - -.slide-viewer { - position: relative; /* needed for IE7 */ - overflow: hidden; - height: 200px; - padding-bottom: 12px; -} - -.slide-group { - width: 100%; - height: 100%; - position: relative; -} - -.slide { - width: 100%; - height: 100%; - display: none; - position: absolute; -} - -.slide:first-child { - display: block; -} - -.slide-buttons { - text-align: center; -} - -.slide-buttons button { - background: transparent; - border: 0; - font-size: 150%; - -webkit-border-radius: 4px; - border-radius: 4px; -} - -.slide-buttons button.active { - background-color: #2c6fad; - color: #fff; -} - -.two-column-list ul { - margin-left: 4em; -} - -.two-column-list li { - list-style: none; - float: left; - width: 14em; - text-align: left; - margin-bottom: 20px; -} - -.two-column-list .fa-li { - top: 0.75em; -} - -.two-column-list li:nth-child(2n+1) { - margin-right: 75px; - clear: both; -} - -button.js { - background: transparent; - border: 0; - padding: 0; - border-bottom: 1px dotted #2c6fad; - color: #2c6fad; - font-weight: inherit; -} - -button.js:hover { - color: #63a4e1; -} - -button.active { - text-decoration: underline; -} - -.prevnext { - line-height: 1.5em; -} -.prevnext span:first-child { - float: left; -} -.prevnext span:last-child { - float: right; -} - -.callout { - text-align: center; - border-top: thin solid #C0C0C0; - border-bottom: thin solid #C0C0C0; -} - -.wallet_accordion img { - float: left; - padding-right: 30px; - padding-bottom: 10px; -} - -.wallet_accordion { - text-align: left; -} - -.right-hanger { - max-width: 300px; - text-align: right; - margin-left: auto; - font-weight: 700; -} - -.left-float { - float: left; -} - -.highlight { background: transparent; } -.highlight .c { color: #999988; font-style: italic } /* Comment */ -.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ -.highlight .k { font-weight: bold } /* Keyword */ -.highlight .o { font-weight: bold } /* Operator */ -.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ -.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ -.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ -.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #aa0000 } /* Generic.Error */ -.highlight .gh { color: #999999 } /* Generic.Heading */ -.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ -.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #555555 } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #aaaaaa } /* Generic.Subheading */ -.highlight .gt { color: #aa0000 } /* Generic.Traceback */ -.highlight .kc { font-weight: bold } /* Keyword.Constant */ -.highlight .kd { font-weight: bold } /* Keyword.Declaration */ -.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ -.highlight .kr { font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ -.highlight .m { color: #009999 } /* Literal.Number */ -.highlight .s { color: #d14 } /* Literal.String */ -.highlight .na { color: #008080 } /* Name.Attribute */ -.highlight .nb { color: #0086B3 } /* Name.Builtin */ -.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ -.highlight .no { color: #008080 } /* Name.Constant */ -.highlight .ni { color: #800080 } /* Name.Entity */ -.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ -.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ -.highlight .nn { color: #555555 } /* Name.Namespace */ -.highlight .nt { color: #000080 } /* Name.Tag */ -.highlight .nv { color: #008080 } /* Name.Variable */ -.highlight .ow { font-weight: bold } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mf { color: #009999 } /* Literal.Number.Float */ -.highlight .mh { color: #009999 } /* Literal.Number.Hex */ -.highlight .mi { color: #009999 } /* Literal.Number.Integer */ -.highlight .mo { color: #009999 } /* Literal.Number.Oct */ -.highlight .sb { color: #d14 } /* Literal.String.Backtick */ -.highlight .sc { color: #d14 } /* Literal.String.Char */ -.highlight .sd { color: #d14 } /* Literal.String.Doc */ -.highlight .s2 { color: #d14 } /* Literal.String.Double */ -.highlight .se { color: #d14 } /* Literal.String.Escape */ -.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ -.highlight .si { color: #d14 } /* Literal.String.Interpol */ -.highlight .sx { color: #d14 } /* Literal.String.Other */ -.highlight .sr { color: #009926 } /* Literal.String.Regex */ -.highlight .s1 { color: #d14 } /* Literal.String.Single */ -.highlight .ss { color: #990073 } /* Literal.String.Symbol */ -.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ -.highlight .vc { color: #008080 } /* Name.Variable.Class */ -.highlight .vg { color: #008080 } /* Name.Variable.Global */ -.highlight .vi { color: #008080 } /* Name.Variable.Instance */ -.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ - -.bggreen { - background-color: #006400; -} - -.bgred { - background-color: #8B0000; -} - -.bgyellow { - background-color: #B8860B; -} - -.fggreen { - color: #006400; -} - -.fgred { - color: #8B0000; -} - -.fgyellow { - color: #B8860B; -} - -.box{ - border:2px dashed #4892b2; - padding:0 20px 0 20px; -} -.boxexpand{ - overflow:hidden; - -moz-transition:height 400ms ease-out; - -webkit-transition:height 400ms ease-out; - transition:height 400ms ease-out; -} -.boxexpand>*{ - display:none; -} -.boxexpand>h3:first-child{ - display:block; - margin:20px 0; -} -.boxexpand>h3:first-child a:link, -.boxexpand>h3:first-child a:visited, -.boxexpand>h3:first-child a:active{ - text-decoration:none; -} -.boxexpand.expanded>*{ - display:block; -} - -.titlelight{ - color:#8c8c8c; -} - -.tablehalf{ - width:885px; - position:relative; - left:-40px; -} -.tablehalf div{ - display:inline-block; - width:400px; - vertical-align:top; - margin-left:40px; - margin-bottom:20px; -} -.tablehalf img{ - width:400px; - height:220px; - -webkit-border-radius:10px; - -moz-border-radius:10px; - border-radius:10px; -} -.tablehalf h2 img{ - width:auto; - height:auto; -} -.tablehalf p{ - text-align:left; -} -.contributors{ - width:890px; - text-align:left; - font-size:80%; -} - -.one-column .contributors { - width: 660px; -} - -.contributors img{ - width:16px; - height:16px; -} -.contributors div{ - padding:8px 0; - width:215px; - overflow:hidden; - display:inline-block; - vertical-align:top; -} -.contributors div div{ - width:auto; - padding:0; -} -.contributors div div:first-child+div{ - max-width:150px; - margin:0 2px; - white-space:nowrap; -} - -.credit{ - text-align:left; - margin:-10px 0; -} -.credit p{ - display:inline-block; - width:275px; - vertical-align:top; - margin:10px 0; -} -.credit span{ - display:block; - color:#aaa; -} - -.resources{ - text-align:left; -} -.resources>div{ - border-top:1px solid #e0e0e0; -} -.resources>div:first-child{ - border-top:0; -} -.resources div div{ - display:inline-block; - width:380px; - vertical-align:top; - padding:10px 0 25px 0; - min-height:200px; -} -.resources>div>div:first-child{ - padding-right:40px; - border-right:1px solid #e0e0e0; -} -.resources>div>div:first-child+div{ - padding-left:40px; - border-left:1px solid #e0e0e0; - margin-left:-1px; -} -.resources div div div{ - display:block; - width:auto; -} -.resources p{ - font-size:115%; - margin:6px 0; -} - -.resourcesorg{ - margin-bottom:40px; - text-align:left; - font-size:0; -} -.resourcesorg div{ - border-top:1px solid #e0e0e0; -} -.resourcesorg div:first-child,.resourcesorg div div{ - border-top:0; -} -.resourcesorg div div{ - width:278px; - font-size:16px; - display:inline-block; - vertical-align:top; -} -.resourcesorg img{ - margin-right:5px; - width:24px; - height:24px; - position:relative; - bottom:-6px; -} - -.exchanges{ - margin-bottom:40px; - text-align:left; - font-size:0; -} -.exchanges div{ - border-top:1px solid #e0e0e0; -} -.exchanges div:first-child,.exchanges div div{ - border-top:0; -} -.exchanges div div{ - width:278px; - font-size:16px; - display:inline-block; - vertical-align:top; -} -.exchanges img{ - margin-right:5px; - width:24px; - height:24px; - position:relative; - bottom:-6px; -} - -.resourcesmore{ - text-align:center; - margin-top:40px; -} -.resourcesmore div{ - display:inline-block; - text-align:left; - padding:20px 40px; - border-top:1px solid #e0e0e0; - border-left:1px solid #e0e0e0; - border-right:1px solid #e0e0e0; -} -.resourcesmore div h2{ - text-align:center; - margin-bottom:25px; -} -.resourcesmore div p{ - font-size:115%; - margin:6px 0; -} - -.coredevtable div div:first-child{ - width:200px; -} -.coredevtable div div:first-child+div{ - width:220px; -} -.coredevtable div div:first-child+div+div{ - width:80px; -} - -.chatbox{ - text-align:center; -} - -.devprojectlist{ - overflow:hidden; - margin:-10px 0; - -moz-transition:height 400ms ease-out; - -webkit-transition:height 400ms ease-out; - transition:height 400ms ease-out; -} -.devprojectlist li{ - margin:10px 0; -} -.devprojectlist li:nth-child(1n+4){ - display:none; -} -.devprojectlist.expanded li:nth-child(1n+4){ - display:list-item; -} -.devprojectlist li.more{ - display:block; -} -.devprojectlist.expanded li.more{ - display:none; -} -.devprojectlist a{ - display:inline-block; - margin-top:5px; -} - -.walletmenu{ - text-align:center; - position:relative; - z-index:90; -} -.walletmenu>ul{ - display:inline-block; - text-align:left; - padding:0 0 25px 0; - border-bottom:1px solid #E2E2E2; - background-color:#fff; -} -.walletmenu>ul li{ - font-family:'Ubuntu', sans-serif; - position:relative; - display:inline-block; - background-repeat:no-repeat; - background-position:left 6px; - padding:0; - margin:15px 10px; - font-size:130%; - font-weight:bold; - -moz-transition:background-color 400ms ease-out; - -webkit-transition:background-color 400ms ease-out; - transition:background-color 400ms ease-out; - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; -} -.walletmenu>ul>li:first-child{ - margin-left:0; -} -.walletmenu>ul>li:last-child{ - margin-right:0; -} -.walletmenu>ul>li a, -.walletmenu>ul>li a:link, -.walletmenu>ul>li a:active, -.walletmenu>ul>li a:visited{ - color:#383838; -} -.walletmenu>ul>li a{ - white-space:nowrap; - cursor:pointer; - display:block; - padding:8px 10px 5px 42px; -} -.walletmenu>ul>li ul{ - display:none; - position:absolute; - background-color:#fff; - border:1px solid #0d579b; - padding:4px 0; - min-width:110%; - left:0; - -moz-box-sizing:border-box; - -webkit-box-sizing:border-box; - box-sizing:border-box; -} -.walletmenu>ul>li>ul li{ - font-size:80%; - display:block; - margin:0; - background-position:left 10px; - -webkit-border-radius:0px; - -moz-border-radius:0px; - border-radius:0px; -} -.walletmenu>ul>li>ul>li a{ - background-image:url(/img/icons/wallet_select.svg); - background-repeat:no-repeat; - background-position:-32px center; - padding:8px 32px 5px 32px; - margin:1px 0; -} -.walletmenu>ul>li>ul>li.active>a{ - background-position:right center; -} -.walletmenu .wallet-mobile{ - background-image:url(/img/icons/wallet_menu_mobile.svg); -} -.walletmenu .wallet-desktop{ - background-image:url(/img/icons/wallet_menu_desktop.svg); -} -.walletmenu .wallet-hardware{ - background-image:url(/img/icons/wallet_menu_hardware.svg); -} -.walletmenu .wallet-web{ - background-image:url(/img/icons/wallet_menu_web.svg); -} -.walletmenu .wallet-blackberry{ - background-image:url(/img/os/wallet_menu_blackberry.svg); -} -.walletmenu .wallet-ios{ - background-image:url(/img/os/wallet_menu_ios.svg); -} -.walletmenu .wallet-android{ - background-image:url(/img/os/wallet_menu_android.svg); -} -.walletmenu .wallet-windows{ - background-image:url(/img/os/wallet_menu_windows.svg); -} -.walletmenu .wallet-windowsphone{ - background-image:url(/img/os/wallet_menu_windowsphone.svg); -} -.walletmenu .wallet-mac{ - background-image:url(/img/os/wallet_menu_mac.svg); -} -.walletmenu .wallet-linux{ - background-image:url(/img/os/wallet_menu_linux.png); -} -.walletmenu>ul li.active, -.walletmenu>ul li:hover{ - background-color:#0d579b; -} -.walletmenu>ul li:hover>a, -.walletmenu>ul li:hover>a:link, -.walletmenu>ul li:hover>a:active, -.walletmenu>ul li:hover>a:visited, -.walletmenu>ul li.active>a, -.walletmenu>ul li.active>a:link, -.walletmenu>ul li.active>a:active, -.walletmenu>ul li.active>a:visited{ - color:#fff; -} -.walletmenu>ul:hover>li:first-child, -.walletmenu>ul:hover>li:first-child+li{ - -webkit-border-bottom-left-radius:0; - -webkit-border-bottom-right-radius:0; - -moz-border-radius-bottomleft:0; - -moz-border-radius-bottomright:0; - border-bottom-left-radius:0; - border-bottom-right-radius:0; -} -.walletmenu>ul>li.active, -.walletmenu>ul>li:hover{ - background-position:left -62px; -} -.walletmenu>ul>li:hover>ul{ - display:block; -} -.walletmenu>ul>li>ul>li.active, -.walletmenu>ul>li>ul>li:hover{ - background-position:left -24px; -} - -.wallets{ - width:705px; - height:250px; - text-align:left; - position:relative; - margin:auto; - padding:60px 0 20px 0; - font-size:0; - opacity:1; - -moz-transition:opacity 400ms ease-out; - -webkit-transition:opacity 400ms ease-out; - transition:opacity 400ms ease-out; -} -.wallets.disabled{ - opacity:0; -} -.wallets>div{ - display:inline-block; - vertical-align:top; - font-size:16px; -} -.wallets>div:nth-child(1n+15){ - display:none; -} -.wallets>div>a{ - color:#2c6fad; - cursor:pointer; - font-size:94%; - text-align:center; - text-decoration:none; - font-weight:bold; - width:72px; - height:110px; - display:inline-block; - vertical-align:top; - position:relative; - margin:0 14px 20px 14px; - white-space:nowrap; - outline:0; - -moz-transition:opacity 400ms ease-out; - -webkit-transition:opacity 400ms ease-out; - transition:opacity 400ms ease-out; -} -.wallets>div>a:hover{ - color:#63a4e1; -} -.wallets>div>a>span{ - display:none; - position:absolute; - z-index:100; - height:32px; - background:url(/img/icons/wallet_bubble.svg) no-repeat center 0; - top:0; - left:0; - right:0; -} -.wallets>div>a>img{ - display:block; - width:72px; - height:72px; - margin:auto; - margin-bottom:5px; -} -.wallets>div>div, -.wallets>div>span{ - opacity:0; - width:0; - height:0; - overflow:hidden; - visibility:hidden; - display:inline-block; - position:absolute; - padding:20px; - top:-382px; - left:-20px; - right:-20px; - -moz-transition:opacity 400ms ease-out; - -webkit-transition:opacity 400ms ease-out; - transition:opacity 400ms ease-out; -} -.wallets>div>span{ - z-index:100; - border:solid 2px #2c6faf; - background-color:#f1f8fb; - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; -} -.wallets>div>div{ - z-index:102; -} -.wallets>div:nth-child(1n+7)>div, -.wallets>div:nth-child(1n+7)>span{ - top:-252px; -} -.wallets>div:nth-child(1n+13)>div, -.wallets>div:nth-child(1n+13)>span{ - top:-92px; -} -.wallets>div>div>h2{ - margin:0; - text-align:left; - display:inline-block; -} -.wallets>div>div>h2:first-child+div{ - display:inline-block; - margin-left:10px; -} -.wallets>div>div>h2:first-child+div>img{ - margin-left:4px; -} -.wallets>div>div>h2:first-child+div+div>a{ - display:inline-block; - text-decoration:none; - margin:10px 0; - padding:4px 8px; - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; -} -.wallets>div>div>h2:first-child+div+div>a:first-child{ - font-weight:bold; - background-color:#2c6fad; - background-image:-o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); - background-image:-moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); - background-image:-webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); - background-image:-ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); - background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%); - border:1px solid #255f96; - margin-right:10px; -} -.wallets>div>div>h2:first-child+div+div>a:first-child, -.wallets>div>div>h2:first-child+div+div>a:first-child:visited, -.wallets>div>div>h2:first-child+div+div>a:first-child:link, -.wallets>div>div>h2:first-child+div+div>a:first-child:active{ - color:#fff; -} -.wallets>div>div>h2:first-child+div+div>a:first-child+a{ - font-weight:normal; - color:#255f96; - border:1px solid #255f96; -} -.wallets>div>div>h2:first-child+div+div>a:first-child+a, -.wallets>div>div>h2:first-child+div+div>a:first-child+a:visited, -.wallets>div>div>h2:first-child+div+div>a:first-child+a:link, -.wallets>div>div>h2:first-child+div+div>a:first-child+a:active{ - color:#255f96; -} -.wallets>div>div>h2:first-child+div+div+div{ - margin:5px 0; -} -.wallets>div>div>h2:first-child+div+div+div>div{ - padding:5px 0 5px 22px; - background-repeat:no-repeat; - background-position:left 4px; - cursor:default; - line-height:16px; -} -.wallets>div>div>h2:first-child+div+div+div>div>div{ - display:inline-block; - background-image:url(/img/icons/wallet_help.png); - background-image:none, url(/img/icons/wallet_help.svg), url(/img/icons/wallet_help.png); - width:16px; - height:16px; - margin-left:5px; - vertical-align:top; - position:relative; -} -.wallets>div>div>h2:first-child+div+div+div>div>div>span{ - display:none; - position:absolute; - left:6px; - top:-30px; - width:25px; - height:70px; - z-index:90; - background-repeat:no-repeat; - background-position:right 30px; -} -.wallets>div>div>h2:first-child+div+div+div>div>div>p, -.wallets>div>div>h2:first-child+div+div+div>div>div>div{ - opacity:0; - width:0; - height:0; - overflow:hidden; - border:1px solid; - visibility:hidden; - position:absolute; - background-color:#fff; - left:30px; - margin:0; - -moz-transition:opacity 400ms ease-out; - -webkit-transition:opacity 400ms ease-out; - transition:opacity 400ms ease-out; - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; - z-index:90; -} -.wallets>div>div>h2:first-child+div+div+div>div>div>p{ - font-size:85%; - padding:10px; - top:-30px; -} -.wallets>div>div>h2:first-child+div+div+div>div>div>div{ - padding:0 10px; - top:-80px; -} -.wallets>div>div>h2:first-child+div+div+div>div>div>div>div>p:first-child+p{ - font-size:85%; -} -.wallets>div>div>h2:first-child+div+div+div+p{ - font-size:95%; - margin:0; - padding-right:5px; - height:137px; - width:320px; - overflow:auto; -} -.wallets>div>div>h2:first-child+div+div+div+p+div{ - position:absolute; - top:20px; - right:20px; - height:400px; - width:250px; -} -.wallets>div>div>h2:first-child+div+div+div+p+div>img{ - border:1px solid #BDBDBD; -} -.wallets .checkgood{ - color:#329239; - font-weight:bold; -} -.wallets .checkgood p{ - border-color:#329239; - font-weight:normal; -} -.wallets .checkgood>div>span{ - background-image:url(/img/icons/checkbubble_pass.svg); -} -.wallets .checkpass{ - color:#329239; -} -.wallets .checkpass p{ - border-color:#329239; -} -.wallets .checkpass>div>span{ - background-image:url(/img/icons/checkbubble_pass.svg); -} -.wallets .checkneutral{ - color:#8b8b8b; -} -.wallets .checkneutral p{ - border-color:#8b8b8b; -} -.wallets .checkneutral>div>span{ - background-image:url(/img/icons/checkbubble_neutral.svg); -} -.wallets .checkfail{ - color:#ee9209; -} -.wallets .checkfail p{ - border-color:#ee9209; -} -.wallets .checkfail>div>span{ - background-image:url(/img/icons/checkbubble_fail.svg); -} -.wallets .checkcontrol.checkpass, -.wallets .checkcontrol.checkgood{ - background-image:url(/img/icons/check_control_pass.svg); -} -.wallets .checkcontrol.checkfail{ - background-image:url(/img/icons/check_control_fail.svg); -} -.wallets .checkvalidation.checkpass, -.wallets .checkvalidation.checkgood{ - background-image:url(/img/icons/check_validation_pass.svg); -} -.wallets .checkvalidation.checkneutral{ - background-image:url(/img/icons/check_validation_neutral.svg); -} -.wallets .checkvalidation.checkfail{ - background-image:url(/img/icons/check_validation_fail.svg); -} -.wallets .checktransparency.checkpass, -.wallets .checktransparency.checkgood{ - background-image:url(/img/icons/check_transparency_pass.svg); -} -.wallets .checktransparency.checkfail{ - background-image:url(/img/icons/check_transparency_fail.svg); -} -.wallets .checkenvironment.checkpass, -.wallets .checkenvironment.checkgood{ - background-image:url(/img/icons/check_environment_pass.svg); -} -.wallets .checkenvironment.checkfail{ - background-image:url(/img/icons/check_environment_fail.svg); -} -.wallets .checkfees.checkpass, -.wallets .checkfees.checkgood{ - background-image:url(/img/icons/check_fees_pass.svg); -} -.wallets .checkfees.checkfail{ - background-image:url(/img/icons/check_fees_fail.svg); -} -.wallets .checkfees.checkneutral{ - background-image:url(/img/icons/check_fees_neutral.svg); -} -.wallets .checkprivacy.checkpass, -.wallets .checkprivacy.checkgood{ - background-image:url(/img/icons/check_privacy_pass.svg); -} -.wallets .checkprivacy.checkneutral{ - background-image:url(/img/icons/check_privacy_neutral.svg); -} -.wallets .checkprivacy.checkfail{ - background-image:url(/img/icons/check_privacy_fail.svg); -} -.wallets>div:hover>a>span, -.wallets>div.active>a>span, -.wallets.nohover>div.active:hover>a>span{ - display:block; -} -.wallets.nohover>div:hover>a>span{ - display:none; -} -.wallets>div:hover>div, -.wallets>div:hover>span, -.wallets>div.active>div, -.wallets>div.active>span, -.wallets.nohover>div.active:hover>div, -.wallets.nohover>div.active:hover>span{ - opacity:1; - width:auto; - height:400px; - visibility:visible; - overflow:visible; -} -.wallets.nohover>div:hover>div, -.wallets.nohover>div:hover>span{ - opacity:0; - width:0; - height:0; - visibility:hidden; -} -.wallets>div>div>h2:first-child+div+div>a:first-child:hover{ - background-image:none; -} -.wallets>div>div>h2:first-child+div+div+div>div:hover>div>span{ - display:block; -} -.wallets>div>div>h2:first-child+div+div+div>div:hover>div>p, -.wallets>div>div>h2:first-child+div+div+div>div:hover>div>div{ - opacity:1; - width:400px; - height:auto; - visibility:visible; -} - -.walletsswitch{ - display:none; -} -.walletsmobile{ - display:none; -} - -.walletsdisclaimer h2{ - text-align:center; -} - -h1 .rssicon{ - vertical-align:bottom; - margin-bottom:9px; - margin-left:10px; -} -h2 .rssicon{ - vertical-align:bottom; - margin-bottom:7px; - margin-left:10px; -} - -.versiontext{ - text-align:left; - margin-bottom:40px; - max-width:600px; -} -.versiontext h1{ - text-align:left; -} - -.alerttitle img{ - display:block; - margin:auto; - width:42px; - height:42px; -} -.alertstatusinactive{ - font-size:130%; - color:#0d579b; - margin-bottom:30px; -} -.alertstatusactive{ - font-size:130%; - color:#d57700; - margin-bottom:30px; -} -.alertsactive{ - margin-bottom:20px; -} -.alertsactive a{ - font-weight:bold; -} -.alerticon{ - width:42px; - height:42px; - float:left; - margin-top:12px; - margin-right:12px; -} - -.redirectmsg{ - text-align:center; - margin:20px 0; -} -.redirectmsg h1{ - color:#7b7c7c; - font-weight:400; - font-size:180%; -} -.redirectmsg p{ - font-size:150%; -} - -.attribution{ - font-size:75% -} - -.download{ - text-align:center; -} -.download p{ - text-align:justify; -} -.download div p{ - text-align:center; -} -.download h1, -.download h2{ - text-align:center; -} -.download .mainbutton a{ - margin:10px 0 35px 0; -} -.downloadbox{ - display:inline-block; - border:2px solid #fad296; - padding:20px; - font-size:125%; - -webkit-border-radius:12px; - -moz-border-radius:12px; - border-radius:12px; - margin:0 auto 20px auto; -} -.downloadbox p{ - margin:0; -} -.downloadbox p.downloadmore a{ - font-size:90%; -} -.downloadbox p.downloadkeys{ - font-size:80%; - margin-top:15px; -} -.downloadbox p.downloadkeys span{ - display:block; -} -.downloadbox p.downloadkeys a{ - display:inline-block; - padding: 5px 10px 0 20px; - background:url(/img/icons/mini_ico_key.svg) left 8px no-repeat; -} -.downloadbox div a{ - display:inline-block; -} -.downloadbox div{ - display:inline-block; - margin:0 10px; - vertical-align:top; -} -.downloadbox div div{ - display:block; - width:190px; - height:46px; - margin:25px 0; - text-align:left; -} -.downloadbox div div span{ - display:inline-block; - margin-left:6px; -} -.downloadbox div div span span{ - display:block; - margin:6px 0 0 0; - font-size:80%; -} -.downloadbox img{ - width:32px; - height:32px; - vertical-align:top; - position:relative; - top:4px; -} -.downloadbox .magnetlink{ - display:inline-block; - width:16px; - height:16px; - position:relative; - bottom:-1px; - background:url(/img/icons/mini_ico_magnet.svg) no-repeat; -} - -.eventmap{ - height:400px; - margin-bottom:25px; -} -.listtable div{ - padding:8px 0; - border-top:1px solid #E2E2E2; -} -.listtable div:first-child{ - border-top:0; -} -.listtable div div{ - display:inline-block; - vertical-align:middle; - text-align:left; - line-height:1.5em; - padding:0; - border-top:0; - padding-right:20px; -} -.eventtable div div:first-child{ - width:100px; -} -.eventtable div div:first-child+div{ - width:300px; -} -.eventtable div div:first-child+div+div{ - width:300px; -} -.eventtable span a, -.eventtable span a:link, -.eventtable span a:active, -.eventtable span a:visited{ - display:inline-block; - padding:6px 12px; - margin:15px 0 30px 0; - font-size:115%; - color:#fff; - border:1px solid #d57700; - background-color:#ee9209; - background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%); - background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%); - -webkit-border-radius:3px; - -moz-border-radius:3px; - border-radius:3px; -} -.eventtable span a:hover{ - background-image:none; - color:#fff; -} -.eventdata{ - display:none; -} - -.detectmobile{ - width:0; - height:0; - display:none; -} - -.summary{ - font-size:125%; - margin-bottom:40px; - text-align:center; -} -.summarytxt{ - margin-bottom:40px; -} - -.press h2{ - font-size:150%; -} - -.press-volunteer{ - text-align:left; - margin-bottom:40px; -} - -.press-faq{ - text-align:left; - margin-bottom:40px; -} -.press-faq>div{ - width:380px; - display:inline-block; - vertical-align:top; - margin-bottom:15px; - margin-right:30px; -} -.press-faq>div>a{ - display:inline-block; - font-weight:bold; - margin-right:20px; -} -.press-faq>div>div{ - height:0; - overflow:hidden; - -moz-transition:height 400ms ease-out; - -webkit-transition:height 400ms ease-out; - transition:height 400ms ease-out; -} -.press-faq>div>div.expanded{ - height:auto; -} -.press-faq li{ - line-height:1.5em; -} -.press-faq p{ - text-align:left; -} -.press-faq div span p{ - margin-bottom:0; -} - -.press-videos{ - margin-bottom:40px; -} -.press-videos div{ - display:inline-block; - vertical-align:top; - margin-right:10px; -} -.press-videos div a{ - display:inline-block; - margin-right:10px; - margin-bottom:10px; -} -.press-videos img{ - width:250px; - height:136px; - -webkit-border-radius:10px; - -moz-border-radius:10px; - border-radius:10px; -} - -.press-pictures{ - text-align:left; - margin-bottom:40px; -} -.press-pictures div{ - height:270px; - overflow:hidden; - -moz-transition:height 400ms ease-out; - -webkit-transition:height 400ms ease-out; - transition:height 400ms ease-out; -} -.press-pictures img{ - margin-right:14px; - margin-bottom:14px; - height:120px; - width:120px; - -webkit-border-radius:10px; - -moz-border-radius:10px; - border-radius:10px; -} -.press-pictures>a{ - display:inline-block; - padding-top:10px; - font-weight:bold; -} - -.press-quotes{ - margin-bottom:40px; - overflow:hidden; - -moz-transition:height 400ms ease-out; - -webkit-transition:height 400ms ease-out; - transition:height 400ms ease-out; -} -.press-quotes.expanded{ - height:auto; -} -.press-quotes div{ - position:relative; - left:-20px; - text-align:left; -} -.press-quotes p{ - display:inline-block; - vertical-align:top; - width:380px; - margin:0 0 20px 20px; - padding-left: 20px; -} -.press-quotes p:nth-child(1n+9){ - display:none; -} -.press-quotes.expanded p:nth-child(1n+9){ - display:inline-block; -} -.press-quotes>a{ - display:inline-block; - padding-top:10px; - font-weight:bold; -} -.press-quotes.expanded>a{ - display:none; -} -.press-quotes span:first-child{ - font-weight:bold; - display:block; - margin-bottom:4px; -} -.press-quotes span:first-child:before{ - position:absolute; - margin-left:-16px; - font-weight:bold; - font-size:180%; - content:"“"; -} -.press-quotes span:first-child:after{ - position:absolute; - margin-right:-16px; - font-weight:bold; - font-size:180%; - content:"”"; -} -.press-quotes p.final { - width: 100%; -} - -/*Styles specific to printing*/ - -@media print{ - .head{ - display:none; - } - .footer{ - display:none; - } - .content{ - padding:0; - border:0; - } - .toc{ - display:none; - } - .toccontent{ - width:auto; - } - .develdocdisclaimer{ - display:none; - } -} - -/*Styles specific to mobiles*/ - -@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){ - img{ - max-width:100%; - } - h1, - h2{ - text-align:center; - } - .toccontent .multicode, - .toccontent .multicode pre, - .toccontent pre{ - display: table; /* Triggers a block formating context so the container expands with the content */ - } - .toccontent .multicode, - .toccontent pre{ - padding:10px; - } - .toccontent .multicode pre{ - padding:0; - } - .titleicon, - .warningicon{ - display:block; - position:static; - margin:auto; - margin-bottom:5px; - } - .banner-message a span{ - width:auto; - } - .head{ - margin:0; - } - .head div{ - width:auto; - } - .body{ - width:auto; - } - .langselect{ - text-align:left; - background-color:#fff; - border-top:2px solid #ebebeb; - } - .langselect select{ - text-align:left; - background-color:transparent; - border:0; - font-size:115%; - padding:8px 0; - margin-top:12px; - margin-left:10px; - width:95%; - -webkit-appearance:none; - -moz-appearance:none; - } - .menumobile{ - cursor:pointer; - display:inline-block; - float:right; - height:40px; - width:40px; - padding:12px; - background-image:url(/img/icons/menumobile.svg); - background-repeat:no-repeat; - background-position:center center; - } - .lang, - .menusimple{ - display:none; - background-color:#fff; - position:static; - bottom:0; - margin:0; - height:auto; - overflow:auto; - -webkit-tap-highlight-color:rgba(0,0,0,0); - -webkit-tap-highlight-color:transparent; - } - .menusimple>li a, - .menusimple>li>ul>li a{ - padding:10px 6px 8px 6px; - display:block; - } - .menusimple li{ - display:block; - margin:4px; - position:static; - } - .menusimple>li ul{ - min-width:0; - position:relative; - } - .menusimple.menutap li:hover{ - background-color:#fff; - } - .menusimple.menutap li:hover>a{ - color:#2c6fad; - } - .menusimple.menutap li:hover>ul{ - display:none; - } - .menusimple.menutap li.hover, - .menusimple.menutap li.active{ - background-color:#2c6fad; - } - .menusimple.menutap li.hover>a, - .menusimple.menutap li.active>a{ - color:#fff; - } - .menusimple.menutap li.hover>ul, - .menusimple.menutap li.active>ul{ - display:block; - } - .logo{ - position:static; - display:inline-block; - margin:10px; - } - .content{ - position:static; - text-align:left; - margin:0; - padding:20px 10px; - border-right:0; - border-left:0; - -webkit-border-radius:0; - -moz-border-radius:0; - border-radius:0; - } - .footer{ - line-height:1.5em; - width:auto; - } - .index{ - padding:15px; - } - .index ul{ - padding:5px 0; - } - .index li{ - padding:3px 0; - } - .docreference a{ - display:block; - margin:0 auto 40px auto; - } - .glossary_term { - width: 80%; - } - .toc{ - position:static; - margin-top:0px; - padding:10px; - border:2px dashed #4892b2; - display:inline-block; - } - .toc div{ - width:auto; - } - .toc div.scroll{ - position:static; - } - .toc ul, - .toc.scroll ul{ - width:auto; - padding:0; - border:0; - } - .toc ul li ul{ - display:block; - } - .toc ul li ul li ul li{ - padding-left:0; - } - .toc ul li a{ - padding:0; - } - .toc ul li ul li a:hover:before, - .toc ul li ul li a.active:before{ - content:""; - } - .toc ul.goback li, - .toc ul.reportissue li, - .toc ul.editsource li{ - background:none; - } - .toccontent{ - width:auto; - } - .toccontent a.auto-link:link, - .toccontent a.auto-link:visited{ - color:#2c6fad; - } - .develdocdisclaimer{ - padding:15px; - width:auto; - } - .contributors{ - width:auto; - } - .tablehalf{ - position:static; - width:auto; - } - .tablehalf div{ - display:block; - width:auto; - margin-left:0; - } - .tablehalf img{ - width:auto; - height:auto; - margin:auto; - display:block; - } - .listtable div div{ - display:block; - } - .eventtable div div:first-child, - .eventtable div div:first-child+div, - .eventtable div div:first-child+div+div{ - width:auto; - } - .coredevtable div div:first-child, - .coredevtable div div:first-child+div, - .coredevtable div div:first-child+div+div{ - width:auto; - } - .press-faq>div{ - width:auto; - display:block; - margin-right:0; - } - .press-quotes p{ - width:auto; - } - .mainvideo>div{ - position:relative; - padding-bottom:56.25%; - height:0; - overflow:hidden; - } - .mainvideo iframe{ - position:absolute; - top:0; - left:0; - width:100%; - height:100%; - } - .mainvideo img{ - height:auto; - } - .start>div{ - position:static; - } - .start>div:first-child+div{ - border-top:0; - } - .start div div{ - display:block; - width:auto; - padding:0 0 50px 0; - position:relative; - } - .start>div>div:first-child{ - border-right:0; - padding-right:0; - } - .start div div div{ - position:static; - text-align:center; - bottom:15px; - } - .start>div>div:first-child+div{ - border-left:0; - padding-left:0; - margin-left:0; - } - .resources>div{ - border-top:0; - } - .resources div div{ - display:block; - width:auto; - padding:0 0 10px 0; - min-height:0; - } - .resources>div>div:first-child{ - padding-right:0; - border-right:0; - } - .resources>div>div:first-child+div{ - border-left:0; - padding-left:0; - margin-left:0; - } - .resources, - .resources p{ - text-align:center; - } - .resourcesorg div div{ - width:auto; - display:block; - } - .resourcesorg div{ - border-top:0; - } - .resourcesmore{ - margin-top:0; - } - .resourcesmore div{ - padding:0; - border:0; - } - .walletmenu{ - -webkit-tap-highlight-color:rgba(0,0,0,0); - -webkit-tap-highlight-color:transparent; - } - .walletmenu>ul{ - display:block; - } - .walletmenu>ul li{ - display:block; - margin:15px 0; - } - .walletmenu>ul>li ul{ - position:relative; - min-width:0; - } - .walletmenu>ul.menutap li:hover{ - background-color:#fff; - } - .walletmenu>ul.menutap li:hover>a, - .walletmenu>ul.menutap li:hover>a:link, - .walletmenu>ul.menutap li:hover>a:active, - .walletmenu>ul.menutap li:hover>a:visited{ - color:#383838; - } - .walletmenu>ul.menutap>li:hover{ - background-position:left 6px; - } - .walletmenu>ul.menutap>li:hover>ul{ - display:none; - } - .walletmenu>ul.menutap>li>ul>li:hover{ - background-position:left 10px; - } - .walletmenu>ul.menutap li.active{ - background-color:#0d579b; - } - .walletmenu>ul.menutap li.active>a, - .walletmenu>ul.menutap li.active>a:link, - .walletmenu>ul.menutap li.active>a:active, - .walletmenu>ul.menutap li.active>a:visited{ - color:#fff; - } - .walletmenu>ul.menutap>li.active{ - background-position:left -62px; - } - .walletmenu>ul.menutap>li.active>ul{ - display:block; - } - .walletmenu>ul.menutap>li>ul>li.active{ - background-position:left -24px; - } - .wallets{ - width:auto; - height:auto; - -webkit-tap-highlight-color:rgba(0,0,0,0); - -webkit-tap-highlight-color:transparent; - } - .wallets>div:hover>span{ - display:none; - } - .wallets>div>div{ - border:solid 2px #2c6faf; - background-color:#f1f8fb; - -moz-transition:opacity 400ms ease-out; - -webkit-transition:opacity 400ms ease-out; - transition:opacity 400ms ease-out; - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; - } - .wallets>div:hover>div{ - opacity:0; - width:0; - height:0; - visibility:hidden; - } - .wallets>div>a, - .wallets>div>a:visited, - .wallets>div>a:link, - .wallets>div>a:active{ - margin:0 13px 20px 13px; - } - .wallets>div:hover>a>span{ - display:none; - } - .wallets.walletsmobile{ - display:block; - padding:10px 0; - } - .wallets.walletsmobile>div>a{ - display:none; - } - .wallets.walletsmobile>div>div, - .wallets.walletsmobile>div:hover>div{ - display:block; - position:relative; - top:0; - left:0; - right:0; - padding:10px; - opacity:1; - width:auto; - height:auto; - visibility:visible; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div{ - padding:8px 0 8px 22px; - background-position:left 7px; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div+p{ - padding-right:5px; - height:auto; - width:auto; - overflow:visible; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div+p+div{ - position:static; - height:auto; - width:auto; - margin-top:10px; - padding:0; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div{ - display:block; - background:none; - width:auto; - height:auto; - margin-left:0; - margin-top:10px; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>p, - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>div, - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>span{ - display:none; - position:relative; - width:auto; - height:auto; - visibility:visible; - opacity:1; - border:0; - background:none; - padding:0; - top:0; - left:-20px; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>p, - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>div{ - display:block; - } - .wallets.walletsmobile>div>div>h2:first-child+div+div+div>div.hover>div>span{ - display:none; - } - .download{ - text-align:left; - } - .download p{ - text-align:left; - } - .download div p{ - text-align:left; - } - .download .mainbutton{ - display:none; - } - .downloadbox{ - border:0; - padding:0; - text-align:left; - } - .downloadbox div div{ - margin:15px 0; - width:auto; - } - .downloadbox div{ - margin:0; - display:block; - } - .downloadbox>p:first-child{ - display:none; - } - .downloadbox>p+div+div+p{ - margin-top:25px; - } - .eventmap{ - height:200px; - } - .detectmobile{ - display:block; - } -} - - -@media handheld, only screen and ( max-width: 40em ), only screen and ( max-device-width: 40em ){ - .mainlist, - .mainlist>div{ - width:auto; - display:block; - } - .mainlist>div{ - margin:15px auto; - } -} diff --git a/_plugins/less.rb b/_plugins/less.rb deleted file mode 100644 index 1d80f217..00000000 --- a/_plugins/less.rb +++ /dev/null @@ -1,71 +0,0 @@ -# This file is licensed under the MIT License (MIT) available on -# http://opensource.org/licenses/MIT. - -require 'digest/md5' - -module Jekyll - - class LessCSSFile < StaticFile - def write(dest) - # do nothing - end - end - - class LessCSS < Liquid::Tag - def initialize(tag_name, file, tokens) - super - @file = file.strip - end - - def render(context) - site = context.registers[:site] - config = context.registers[:site].config - if !config.has_key?('lessdone') - config['lessdone'] = {} - end - less_dir = File.join(site.source, '_less') - if File.symlink?(less_dir) - return "LessCSS directory '#{less_dir}' cannot be a symlink" - end - #Process file only if it hasn't been processed yet - if !config['lessdone'].has_key?(@file) - Dir.chdir(less_dir) do - choices = Dir['**/*'].reject { |x| File.symlink?(x) } - if choices.include?(@file) - #Generate file content with less, those that end with .css - if /\.css$/.match(@file) - f = file = File.new(@file, "r") - else - source = File.read(@file) - f = IO.popen("lessc -", "w+") - f.write(source) - f.close_write() - end - #Keep MD5 hash of the file as the file name - css = f.readlines().join() - digest = Digest::MD5.hexdigest(css) - css_file = digest + ".css" - css_path = File.join(site.dest, css_file) - #Write final file - if !File.directory?(site.dest) - Dir.mkdir(site.dest) - end - File.open(css_path, "w") do |f| - f.write(css) - end - site.static_files << LessCSSFile.new(site, site.source, '', css_file) - #Save the filename so the file isn't processed again - config['lessdone'][@file] = css_file - else - return "LessCSS file '#{@file}' not found in '#{less_dir}'" - end - end - end - #Print CSS link in HTML layout - '' - end - end - -end - -Liquid::Template.register_tag('lesscss', Jekyll::LessCSS) From b0f0b856c7efff33698a2cb5b744bdc3c2dafe16 Mon Sep 17 00:00:00 2001 From: "David A. Harding" Date: Thu, 15 Jun 2017 13:03:28 -0400 Subject: [PATCH 4/5] Layout: generate CSS with minimal whitespace to reduce bandwidth --- _config.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/_config.yml b/_config.yml index 3a7ec4ee..2fe7b627 100644 --- a/_config.yml +++ b/_config.yml @@ -599,3 +599,7 @@ defaults: type: posts values: lang: en + +## Options as of version 3.4.20 are: nested (default), compact, compressed, or expanded +sass: + style: compressed From 6b4345338f0c36880cd72550dace9ac3798e4efd Mon Sep 17 00:00:00 2001 From: "David A. Harding" Date: Thu, 15 Jun 2017 13:12:58 -0400 Subject: [PATCH 5/5] Build: create previews with --incremental rebuild option --- Makefile | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Makefile b/Makefile index 5dc1e982..ef855a36 100644 --- a/Makefile +++ b/Makefile @@ -16,7 +16,7 @@ default: clean build ## `make preview`: start the built-in Jekyll preview preview: clean - $S bundle exec jekyll serve + $S bundle exec jekyll serve --incremental ## `make test`: don't build, but do run all tests test: pre-build-tests post-build-tests