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; +}