mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 17:56:16 +00:00
975001c2f1
Remove right buttons and merge them in the menu Switch to a centered design Apply a consistent summary text for each page Remove link to the Foundation in the main menu Add a "Join Foundation" text in Participate Add a link to the Foundation in the bottom page menu Add a "Getting started" page with links to external merchants and exchanges directories. Rewrite home page with weusecoins video and introductive links Add useful contextual links on "Individuals", "Businesses" and "Developers" page Re-design "Community" and "Resources" pages Add links to the wiki, bitcoinmining.com, coindesk, thegenesisblock, letstalkbitcoin, usebitcoins.info and howtobuybitcoins.info Re-design "Download" page with OS autodetect button Improve "Secure your wallet" texts with a mention about exchanges
1503 lines
28 KiB
Text
1503 lines
28 KiB
Text
/*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;
|
|
}
|
|
p {
|
|
line-height:1.5em;
|
|
}
|
|
a:link,
|
|
a:visited,
|
|
a:active{
|
|
color:#2c6fad;
|
|
text-decoration:none;
|
|
}
|
|
a:link:hover,
|
|
a:visited:hover,
|
|
a:active:hover{
|
|
color:#63a4e1;
|
|
}
|
|
a img,a:link img,a:visited img,a:active img{
|
|
border:0;
|
|
}
|
|
blockquote{
|
|
margin-left:0px;
|
|
margin-bottom:18px;
|
|
border-left:5px solid #eee;
|
|
padding-left:15px;
|
|
}
|
|
pre{
|
|
background-color:#f5f5f5;
|
|
display:block;
|
|
padding:17px;
|
|
margin:0 0 18px;
|
|
line-height:18px;
|
|
font-size:12px;
|
|
border:1px solid #ccc;
|
|
-webkit-border-radius:3px;
|
|
-moz-border-radius:3px;
|
|
border-radius:3px;
|
|
white-space:pre-wrap;
|
|
word-wrap:break-word;
|
|
}
|
|
ul{
|
|
padding-left:20px;
|
|
margin-left:0px;
|
|
}
|
|
ul ul{
|
|
list-style-type:disc;
|
|
}
|
|
li{
|
|
padding:5px 0px;
|
|
text-align:left;
|
|
}
|
|
li p{
|
|
margin:0px;
|
|
}
|
|
|
|
/*Styles for whole website*/
|
|
|
|
@font-face{
|
|
font-family:'Ubuntu';
|
|
src:url('/font/ubuntu-r-webfont.eot');
|
|
src:url('/font/ubuntu-r-webfont.eot?iefix') format('eot'),
|
|
url('/font/ubuntu-r-webfont.woff') format('woff'),
|
|
url('/font/ubuntu-r-webfont.ttf') format('truetype'),
|
|
url('/font/ubuntu-r-webfont.svg') format('svg');
|
|
font-weight:300;
|
|
font-style:normal;
|
|
}
|
|
@font-face{
|
|
font-family:'Ubuntu';
|
|
src:url('/font/ubuntu-ri-webfont.eot');
|
|
src:url('/font/ubuntu-ri-webfont.eot?iefix') format('eot'),
|
|
url('/font/ubuntu-ri-webfont.woff') format('woff'),
|
|
url('/font/ubuntu-ri-webfont.ttf') format('truetype'),
|
|
url('/font/ubuntu-ri-webfont.svg') format('svg');
|
|
font-weight:300;
|
|
font-style:italic;
|
|
}
|
|
@font-face{
|
|
font-family:'Ubuntu';
|
|
src:url('/font/ubuntu-b-webfont.eot');
|
|
src:url('/font/ubuntu-b-webfont.eot?iefix') format('eot'),
|
|
url('/font/ubuntu-b-webfont.woff') format('woff'),
|
|
url('/font/ubuntu-b-webfont.ttf') format('truetype'),
|
|
url('/font/ubuntu-b-webfont.svg') format('svg');
|
|
font-weight:700;
|
|
font-style:normal;
|
|
}
|
|
@font-face{
|
|
font-family:'Ubuntu';
|
|
src:url('/font/ubuntu-bi-webfont.eot');
|
|
src:url('/font/ubuntu-bi-webfont.eot?iefix') format('eot'),
|
|
url('/font/ubuntu-bi-webfont.woff') format('woff'),
|
|
url('/font/ubuntu-bi-webfont.ttf') format('truetype'),
|
|
url('/font/ubuntu-bi-webfont.svg') format('svg');
|
|
font-weight:700;
|
|
font-style:italic;
|
|
}
|
|
|
|
.alert-message div{
|
|
background-color:#c5251f;
|
|
}
|
|
.alert-message div div{
|
|
margin:auto;
|
|
width:850px;
|
|
padding:10px;
|
|
}
|
|
.alert-message,.alert-message a,.alert-message a:link,.alert-message a:active,.alert-message a:visited{
|
|
color:#fff;
|
|
}
|
|
.alert-message a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
#head{
|
|
margin:30px 0px 30px 0px;
|
|
}
|
|
#head>div{
|
|
max-width:940px;
|
|
margin:auto;
|
|
position:relative;
|
|
z-index:100;
|
|
}
|
|
#head.home {
|
|
text-align:center;
|
|
}
|
|
#head.home #logo {
|
|
text-align: center;
|
|
}
|
|
#body{
|
|
max-width:940px;
|
|
margin:auto;
|
|
position:relative;
|
|
}
|
|
|
|
#langselect{
|
|
display:none;
|
|
}
|
|
#lang,#lang li,#lang ul{
|
|
display:block;
|
|
list-style:none;
|
|
padding:0px;
|
|
margin:0px;
|
|
text-align:right;
|
|
cursor:pointer;
|
|
}
|
|
#lang{
|
|
position:absolute;
|
|
right:5px;
|
|
top:8px;
|
|
height:30px;
|
|
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;
|
|
top:28px;
|
|
position:absolute;
|
|
background-color:#fff;
|
|
margin-left:-5px;
|
|
padding-bottom:4px;
|
|
border-left:2px solid #ebebeb;
|
|
border-right:2px solid #ebebeb;
|
|
border-bottom:2px solid #ebebeb;
|
|
}
|
|
#lang:hover li ul{
|
|
display:block;
|
|
}
|
|
#lang li a,#lang li a:link,#lang li a:visited,#lang li a:active{
|
|
text-decoration:none;
|
|
font-size:115%;
|
|
width:100px;
|
|
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:2px 8px;
|
|
|
|
}
|
|
#lang:hover li a{
|
|
color:#666666;
|
|
}
|
|
#lang:hover li ul li a{
|
|
color:#b8b8b8;
|
|
}
|
|
#lang li ul li:hover a{
|
|
color:#666666;
|
|
}
|
|
|
|
#logo{
|
|
display:block;
|
|
margin-left:40px;
|
|
width:191px;
|
|
height:40px;
|
|
}
|
|
|
|
#menumobile{
|
|
display:none;
|
|
}
|
|
|
|
#menusimple{
|
|
margin:0px;
|
|
position:absolute;
|
|
top:8px;
|
|
left:245px;
|
|
padding:0px;
|
|
height:35px;
|
|
}
|
|
#menusimple li{
|
|
list-style:none;
|
|
display:inline-block;
|
|
position:relative;
|
|
padding:0px;
|
|
margin:0px 3px;
|
|
border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
}
|
|
#menusimple li:first-child,#menusimple li:first-child+li{
|
|
border-bottom-left-radius:0px;
|
|
border-bottom-right-radius:0px;
|
|
-webkit-border-bottom-left-radius:0px;
|
|
-webkit-border-bottom-right-radius:0px;
|
|
}
|
|
#menusimple li a{
|
|
font-family:'Ubuntu', sans-serif;
|
|
font-weight:300;
|
|
font-size:110%;
|
|
display:block;
|
|
text-decoration:none;
|
|
padding:6px 10px 4px 10px;
|
|
color:#2c6fad;
|
|
white-space:nowrap;
|
|
}
|
|
#menusimple li:hover,
|
|
#menusimple li.active{
|
|
background-color:#2c6fad;
|
|
}
|
|
#menusimple li:hover a,
|
|
#menusimple li.active a{
|
|
color:#fff;
|
|
}
|
|
#menusimple li ul{
|
|
display:none;
|
|
position:absolute;
|
|
background-color:#fff;
|
|
border:1px solid #2c6fad;
|
|
min-width:120%;
|
|
padding:5px 0px;
|
|
margin:0px;
|
|
}
|
|
#menusimple li:hover ul{
|
|
display:block;
|
|
}
|
|
#menusimple li ul li{
|
|
padding:0px;
|
|
margin:0px;
|
|
display:block;
|
|
width:100%;
|
|
border-radius:0px;
|
|
-webkit-border-radius:0px;
|
|
}
|
|
#menusimple li ul li a,
|
|
#menusimple li ul li a:active,
|
|
#menusimple li ul li a:visited,
|
|
#menusimple li ul li a:link{
|
|
display:block;
|
|
color:#2c6fad;
|
|
font-size:100%;
|
|
width:100%;
|
|
margin:1px 0px;
|
|
padding:6px 10px 3px 10px;
|
|
}
|
|
#menusimple li ul li:hover a,
|
|
#menusimple li ul li.active a{
|
|
color:#fff;
|
|
}
|
|
|
|
#content{
|
|
position:relative;
|
|
padding:30px 40px 40px 40px;
|
|
margin: 0px 5px;
|
|
text-align:justify;
|
|
background-color:#fff;
|
|
min-height:400px;
|
|
border:2px solid #ebebeb;
|
|
border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
}
|
|
|
|
#footer{
|
|
position:relative;
|
|
top:-2px;
|
|
padding:20px 0px 20px 40px;
|
|
text-align:left;
|
|
font-size:94%;
|
|
max-width:940px;
|
|
}
|
|
#footer div{
|
|
padding-top:6px;
|
|
}
|
|
#footer>div>a{
|
|
margin-right:15px;
|
|
white-space:nowrap;
|
|
}
|
|
#footer>div>span{
|
|
margin-top:15px;
|
|
display:block;
|
|
}
|
|
|
|
/*Styles specific to elements in pages*/
|
|
|
|
.mainsummary, .mainvideo, .mainlist{
|
|
text-align:center;
|
|
}
|
|
.mainsummary{
|
|
font-size:145%;
|
|
color:#7b7c7c;
|
|
margin:20px auto 45px auto;
|
|
}
|
|
.mainvideo iframe{
|
|
width:640px;
|
|
height:360px;
|
|
}
|
|
.mainlist{
|
|
font-size:125%;
|
|
margin:30px 0px;
|
|
}
|
|
.mainlist>div{
|
|
width:250px;
|
|
display:inline-block;
|
|
}
|
|
.mainlist>div>div{
|
|
display:inline-block;
|
|
line-height:1.5em;
|
|
text-align:left;
|
|
}
|
|
.mainlist>div:first-child{
|
|
text-align:left;
|
|
}
|
|
.mainlist>div:first-child+div{
|
|
text-align:center;
|
|
}
|
|
.mainlist>div:first-child+div+div{
|
|
text-align:right;
|
|
}
|
|
.mainlist>div>div>div{
|
|
display:inline-block;
|
|
}
|
|
.mainlist img{
|
|
vertical-align:top;
|
|
position:relative;
|
|
top:4px;
|
|
margin-right:10px;
|
|
float:left;
|
|
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:0px 2px 6px rgba(0,0,0,0.6);
|
|
text-align:left;
|
|
display:inline-block;
|
|
background-color:#2c6fad;
|
|
border:1px solid #20598f;
|
|
background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
|
|
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%);
|
|
color:#fff;
|
|
padding:15px 20px 20px 68px;
|
|
margin:40px 0px 40px 0px;
|
|
border-radius:12px;
|
|
-webkit-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;
|
|
}
|
|
|
|
.start{
|
|
text-align:left;
|
|
}
|
|
.start>div:first-child+div{
|
|
border-top:1px solid #fad296;
|
|
}
|
|
.start div div{
|
|
display:inline-block;
|
|
width:380px;
|
|
vertical-align:top;
|
|
padding-bottom:15px;
|
|
}
|
|
.start>div>div:first-child{
|
|
padding-right:40px;
|
|
}
|
|
.start>div>div:first-child+div{
|
|
padding-left:40px;
|
|
border-left:1px solid #fad296;
|
|
}
|
|
.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;
|
|
margin-bottom:10px;
|
|
font-size:115%;
|
|
color:#fff;
|
|
border:1px solid #d57700;
|
|
background-color:#ee9209;
|
|
background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%);
|
|
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%);
|
|
border-radius:3px;
|
|
-webkit-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 p{
|
|
text-align:justify;
|
|
}
|
|
.start div div div{
|
|
display:block;
|
|
width: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;
|
|
}
|
|
|
|
.index,.index ul,.index li{
|
|
list-style:none;
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
.index{
|
|
padding:20px;
|
|
border:2px dashed #4892b2;
|
|
display:inline-block;
|
|
}
|
|
.index li a{
|
|
font-weight:bold;
|
|
}
|
|
.index ul{
|
|
padding:20px 0px 20px 20px;
|
|
}
|
|
.index a,
|
|
.index a:link,
|
|
.index a:active,
|
|
.index a:visited{
|
|
display:block;
|
|
text-decoration:none;
|
|
line-height:1.5em;
|
|
}
|
|
|
|
.box{
|
|
border:2px dashed #4892b2;
|
|
padding:0px 20px 0px 20px;
|
|
}
|
|
.boxexpand{
|
|
overflow:hidden;
|
|
}
|
|
.boxexpand>*{
|
|
display:none;
|
|
}
|
|
.boxexpand>h3:first-child{
|
|
display:block;
|
|
margin:20px 0px;
|
|
}
|
|
.boxexpand>h3:first-child a:link,
|
|
.boxexpand>h3:first-child a:visited,
|
|
.boxexpand>h3:first-child a:active{
|
|
text-decoration:none;
|
|
}
|
|
|
|
.titlelight{
|
|
color:#a0a0a0;
|
|
}
|
|
|
|
.contributors{
|
|
width:900px;
|
|
text-align:left;
|
|
}
|
|
.contributors span a{
|
|
font-size:80%;
|
|
}
|
|
.contributors span{
|
|
padding:6px 0px;
|
|
width:170px;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
}
|
|
|
|
.resources{
|
|
text-align:left;
|
|
}
|
|
.resources>div:first-child+div{
|
|
border-top:1px solid #e0e0e0;
|
|
}
|
|
.resources div div{
|
|
display:inline-block;
|
|
width:380px;
|
|
vertical-align:top;
|
|
padding:10px 0px 25px 0px;
|
|
min-height:200px;
|
|
}
|
|
.resources>div>div:first-child{
|
|
padding-right:40px;
|
|
}
|
|
.resources>div>div:first-child+div{
|
|
padding-left:40px;
|
|
border-left:1px solid #e0e0e0;
|
|
}
|
|
.resources div div div{
|
|
display:block;
|
|
width:auto;
|
|
}
|
|
.resources p{
|
|
font-size:115%;
|
|
margin:6px 0px;
|
|
}
|
|
|
|
#chatbox{
|
|
text-align:center;
|
|
}
|
|
|
|
.devprojectlist{
|
|
overflow:hidden;
|
|
}
|
|
.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 li.more{
|
|
display:block;
|
|
}
|
|
.devprojectlist a{
|
|
display:inline-block;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.floatimg{
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.preview{
|
|
margin-top:-5px;
|
|
}
|
|
.previewcol{
|
|
clear:both;
|
|
}
|
|
.previewcol .previewrow:first-child{
|
|
padding-left:0px;
|
|
}
|
|
.previewrow{
|
|
float:left;
|
|
width:260px;
|
|
text-align:justify;
|
|
padding-left:30px;
|
|
position:relative;
|
|
}
|
|
.previewrow>h2{
|
|
font-size:115%;
|
|
}
|
|
.previewrow>div{
|
|
display:inline-block;
|
|
position:relative;
|
|
margin-right:17px;
|
|
margin-bottom:12px;
|
|
vertical-align:top;
|
|
}
|
|
.previewrow>div.last{
|
|
margin-right:0px;
|
|
}
|
|
.previewrow>div>a>img{
|
|
display:block;
|
|
margin:auto;
|
|
margin-bottom:10px;
|
|
}
|
|
.previewrow>div>a,.previewrow>div>a:visited,.previewrow>div>a:link,.previewrow>div>a:active{
|
|
font-size:94%;
|
|
text-align:center;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
width:72px;
|
|
height:110px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
.previewrow>div>div{
|
|
opacity:0;
|
|
transition:opacity 400ms ease-out;
|
|
-moz-transition:opacity 400ms ease-out;
|
|
-webkit-transition:opacity 400ms ease-out;
|
|
width:0px;
|
|
height:0px;
|
|
display:inline-block;
|
|
position:absolute;
|
|
left:-110px;
|
|
right:-110px;
|
|
bottom:100px;
|
|
padding:0px;
|
|
z-index:1000;
|
|
overflow:hidden;
|
|
}
|
|
.previewrow>div:hover>div{
|
|
opacity:1;
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
.previewrow>div>div>div:first-child{
|
|
background:url(/img/bubbletop.svg) bottom center no-repeat;
|
|
height:10px;
|
|
}
|
|
.previewrow>div>div>div:first-child+div{
|
|
background:url(/img/bubblemiddle.svg) bottom center repeat-y;
|
|
padding:0px 30px;
|
|
}
|
|
.previewrow>div>div>div:first-child+div+div{
|
|
background:url(/img/bubblebottom.svg) bottom center no-repeat;
|
|
height:64px;
|
|
}
|
|
.previewrow>div>div>div>span {
|
|
position:absolute;
|
|
top:24px;
|
|
right:30px;
|
|
}
|
|
.previewrow>div>div>div>h2{
|
|
margin:0px;
|
|
padding-top:10px;
|
|
}
|
|
.previewrow>div>div>div>span>img{
|
|
margin-left:4px;
|
|
}
|
|
.previewrow>div>div>div>h2:first-child+span+p{
|
|
font-size:95%;
|
|
line-height:1.2em;
|
|
margin:0px;
|
|
padding:10px 0px;
|
|
}
|
|
.previewrow>div>div>div>h2:first-child+span+p+p{
|
|
text-align: center;
|
|
margin:0px;
|
|
padding:0px;
|
|
position:relative;
|
|
bottom:-10px;
|
|
}
|
|
.previewrow>div>div>div>h2:first-child+span+p+p>a,
|
|
.previewrow>div>div>div>h2:first-child+span+p+p>a:visited,
|
|
.previewrow>div>div>div>h2:first-child+span+p+p>a:link,
|
|
.previewrow>div>div>div>h2:first-child+span+p+p>a:active {
|
|
font-weight:bold;
|
|
text-decoration:none;
|
|
color:#fff;
|
|
background-color:#2c6fad;
|
|
background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
|
|
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%);
|
|
border:1px solid #255f96;
|
|
padding:4px 8px;
|
|
border-radius:4px;
|
|
-webkit-border-radius:4px;
|
|
}
|
|
.previewrow>div>div>div>h2:first-child+span+p+p>a:hover{
|
|
background-image:none;
|
|
}
|
|
.previewrow .walletwarning>div:first-child{
|
|
background:url(/img/bubblewarntop.svg) bottom center no-repeat;
|
|
}
|
|
.previewrow .walletwarning>div:first-child+div{
|
|
background:url(/img/bubblewarnmiddle.svg) bottom center repeat-y;
|
|
}
|
|
.previewrow .walletwarning>div:first-child+div+div{
|
|
background:url(/img/bubblewarnbottom.svg) bottom center no-repeat;
|
|
}
|
|
.previewrow .walletwarning>div>h2:first-child+span+p+p a,
|
|
.previewrow .walletwarning>div>h2:first-child+span+p+p a:link,
|
|
.previewrow .walletwarning>div>h2:first-child+span+p+p a:visited,
|
|
.previewrow .walletwarning>div>h2:first-child+span+p+p a:active {
|
|
background-color:#b95357;
|
|
background-image:linear-gradient(bottom, #a04246 14%, #b95357 70%);
|
|
background-image:-o-linear-gradient(bottom, #a04246 14%, #b95357 70%);
|
|
background-image:-moz-linear-gradient(bottom, #a04246 14%, #b95357 70%);
|
|
background-image:-webkit-linear-gradient(bottom, #a04246 14%, #b95357 70%);
|
|
background-image:-ms-linear-gradient(bottom, #a04246 14%, #b95357 70%);
|
|
border:1px solid #a04246;
|
|
}
|
|
.previewrow .walletwarning>div>h2:first-child+span+p+p a:hover{
|
|
background-image:none;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.alerttext{
|
|
margin-bottom:40px;
|
|
}
|
|
.alerttext h1{
|
|
text-align:left;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.download{
|
|
text-align:center;
|
|
}
|
|
.download h1,.download h2{
|
|
text-align:center;
|
|
}
|
|
.download .mainbutton a{
|
|
margin:10px 0px 35px 0px;
|
|
}
|
|
.downloadbox{
|
|
display:inline-block;
|
|
text-align:center;
|
|
border:2px solid #fad296;
|
|
padding:20px;
|
|
font-size:125%;
|
|
border-radius:12px;
|
|
-webkit-border-radius:12px;
|
|
margin:0px auto 20px auto;
|
|
}
|
|
.downloadbox p{
|
|
margin:0;
|
|
margin-top:20px;
|
|
margin-bottom:0px;
|
|
}
|
|
.downloadbox p:first-child{
|
|
margin-top:0px;
|
|
margin-bottom:20px;
|
|
}
|
|
.downloadbox a{
|
|
display:inline-block;
|
|
}
|
|
.downloadbox div{
|
|
margin:10px 0px;
|
|
text-align:left;
|
|
}
|
|
.downloadbox span{
|
|
width:16px;
|
|
height:16px;
|
|
display:inline-block;
|
|
}
|
|
.download span{
|
|
width:16px;
|
|
height:16px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.summary{
|
|
font-size:125%;
|
|
margin-bottom:40px;
|
|
text-align:center;
|
|
}
|
|
.summarytxt{
|
|
margin-bottom:40px;
|
|
}
|
|
|
|
.press h2{
|
|
font-size:150%;
|
|
}
|
|
|
|
.press-volunteer{
|
|
text-align:left;
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
.press-volunteer>div>div{
|
|
width:400px;
|
|
height:150px;
|
|
display:inline-block;
|
|
margin-right:20px;
|
|
margin-bottom:30px;
|
|
vertical-align:top;
|
|
}
|
|
.press-volunteer>div>div>img{
|
|
float:left;
|
|
margin-right:30px;
|
|
}
|
|
.press-volunteer>div>div>img:first-child+p{
|
|
font-weight:bold;
|
|
color:#2c6fad;
|
|
margin:0px;
|
|
}
|
|
.press-volunteer>div>div>img:first-child+p+p{
|
|
margin:0px;
|
|
}
|
|
.press-volunteer>div>div>img:first-child+p+p+p{
|
|
font-size:80%;
|
|
}
|
|
.press-volunteer>div>div>img:first-child+p+p+p+p{
|
|
margin:0px;
|
|
}
|
|
.press-volunteer>div>p>img{
|
|
vertical-align:bottom;
|
|
}
|
|
.press-volunteer>div:first-child+div+div>p{
|
|
margin-top:0px;
|
|
margin-bottom:10px;
|
|
}
|
|
.press-volunteer>div:first-child>p:first-child+p{
|
|
height:0px;
|
|
overflow:hidden;
|
|
margin-top:0px;
|
|
margin-bottom:10px;
|
|
font-size:85%;
|
|
text-align:justify;
|
|
transition:height 400ms ease-out;
|
|
-moz-transition:height 400ms ease-out;
|
|
-webkit-transition:height 400ms ease-out;
|
|
}
|
|
|
|
.press-faq{
|
|
text-align:left;
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
.press-faq>div{
|
|
width:380px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
text-align:left;
|
|
margin-bottom:15px;
|
|
margin-right:30px;
|
|
}
|
|
.press-faq>div>a{
|
|
display:inline-block;
|
|
font-weight:bold;
|
|
margin-right:20px;
|
|
}
|
|
.press-faq>div>div{
|
|
height:0px;
|
|
overflow:hidden;
|
|
text-align:justify;
|
|
transition: height 400ms ease-out;
|
|
-moz-transition: height 400ms ease-out;
|
|
-webkit-transition: height 400ms ease-out;
|
|
}
|
|
.press-faq li{
|
|
text-align:justify;
|
|
line-height:1.5em;
|
|
}
|
|
.press-faq>div>span>p{
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
.press-materials{
|
|
text-align:left;
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.press-materials>div>a{
|
|
font-weight: bold;
|
|
font-size: 110%;
|
|
}
|
|
.press-materials>div{
|
|
display:inline-block;
|
|
width:278px;
|
|
vertical-align:top;
|
|
position:relative;
|
|
}
|
|
.press-materials>div>div{
|
|
height:270px;
|
|
overflow:hidden;
|
|
transition: height 400ms ease-out;
|
|
-moz-transition: height 400ms ease-out;
|
|
-webkit-transition: height 400ms ease-out;
|
|
}
|
|
.press-materials>div:first-child+div>div img{
|
|
margin-right: 14px;
|
|
margin-bottom: 14px;
|
|
height:120px;
|
|
width:120px;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
.press-materials>div:first-child>div>p>a{
|
|
margin-right:10px;
|
|
margin-bottom:10px;
|
|
display:inline-block;
|
|
}
|
|
.press-materials>div:first-child+div+div>div>p{
|
|
margin-bottom:25px;
|
|
margin-top:0px
|
|
}
|
|
.press-materials>div:first-child+div+div>div>p>span:first-child{
|
|
font-weight:bold;
|
|
display:block;
|
|
}
|
|
|
|
.press-news{
|
|
text-align:left;
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
.press-news>div{
|
|
height:125px;
|
|
margin-bottom:30px;
|
|
width:700px;
|
|
}
|
|
.press-news>div>a>img{
|
|
float:left;
|
|
margin-right:30px;
|
|
}
|
|
.press-news>div>a:first-child+a{
|
|
display:block;
|
|
margin-bottom:10px;
|
|
}
|
|
.press-news a:link,
|
|
.press-news a:active,
|
|
.press-news a:visited{
|
|
font-weight:bold;
|
|
color:#2c6fad;
|
|
}
|
|
.press-news>div>a:first-child+a+a+p{
|
|
font-size:80%;
|
|
}
|
|
|
|
/*Styles specific to mobiles*/
|
|
|
|
@media handheld, only screen and (max-device-height: 37em), only screen and (max-device-width: 50em){
|
|
img{
|
|
max-width:100%;
|
|
}
|
|
h1{
|
|
text-align:left;
|
|
}
|
|
.summary{
|
|
text-align:left;
|
|
}
|
|
#head{
|
|
margin:0px;
|
|
}
|
|
#langselect{
|
|
background-color:transparent;
|
|
border:0px;
|
|
font-size:115%;
|
|
position:absolute;
|
|
right:-20px;
|
|
top:10px;
|
|
width:150px;
|
|
text-align:right;
|
|
}
|
|
#menumobile{
|
|
display:inline-block;
|
|
float:right;
|
|
height:40px;
|
|
width:40px;
|
|
padding:12px;
|
|
background-image:url(/img/menumobile.svg);
|
|
background-repeat:no-repeat;
|
|
background-position:center center;
|
|
}
|
|
#lang,
|
|
#menusimple{
|
|
display:none;
|
|
}
|
|
#menusimple{
|
|
position:static;
|
|
bottom:0px;
|
|
margin:0px 0px 10px 0px;
|
|
height:auto;
|
|
}
|
|
#menusimple li a,
|
|
#menusimple li ul li a,
|
|
#menusimple li ul li a:active,
|
|
#menusimple li ul li a:visited,
|
|
#menusimple li ul li a:link{
|
|
padding:10px 6px 8px 6px;
|
|
display:block;
|
|
}
|
|
#menusimple li{
|
|
display:block;
|
|
margin:4px;
|
|
position:static;
|
|
}
|
|
#menusimple li ul{
|
|
min-width:0;
|
|
position:relative;
|
|
}
|
|
#menusimple ul.hover{
|
|
display:block;
|
|
}
|
|
#logo{
|
|
position:static;
|
|
display:inline-block;
|
|
margin:10px;
|
|
}
|
|
#content{
|
|
position:static;
|
|
margin:0px 5px;
|
|
padding:15px 10px 20px 10px;
|
|
}
|
|
#footer{
|
|
padding:20px 0px 20px 5px;
|
|
background-color:transparent;
|
|
}
|
|
.contributors{
|
|
width:auto;
|
|
}
|
|
.preview{
|
|
display:none;
|
|
}
|
|
.preview{
|
|
width:auto;
|
|
border:0px;
|
|
padding:0px;
|
|
}
|
|
.previewrow{
|
|
float:none;
|
|
padding-left:0px;
|
|
margin:auto;
|
|
}
|
|
.press-volunteer>div>div{
|
|
width:200px;
|
|
height:auto;
|
|
}
|
|
.press-volunteer>div>div>img{
|
|
float:none;
|
|
margin-right:0px;
|
|
margin-bottom:20px;
|
|
}
|
|
.press-faq>div{
|
|
width:auto;
|
|
display:block;
|
|
margin-right:0px;
|
|
}
|
|
.press-news>div{
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
.press-news>div>a>img{
|
|
float:none;
|
|
margin-right:0px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.mainvideo{
|
|
position:relative;
|
|
padding-bottom:56.25%;
|
|
padding-top:30px;
|
|
height:0;
|
|
overflow:hidden;
|
|
}
|
|
.mainvideo iframe{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.mainlist>div{
|
|
width:auto;
|
|
display:block;
|
|
}
|
|
.mainlist>div>div{
|
|
margin:10px;
|
|
}
|
|
.mainlist>div:first-child,.mainlist>div:first-child+div,.mainlist>div:first-child+div+div{
|
|
text-align:left;
|
|
}
|
|
.start>div:first-child+div{
|
|
border-top:0px;
|
|
}
|
|
.start div div{
|
|
display:block;
|
|
width:auto;
|
|
padding:0px;
|
|
}
|
|
.start>div>div:first-child{
|
|
padding-right:0px;
|
|
}
|
|
.start>div>div:first-child+div{
|
|
border-left:0px;
|
|
padding-left:0px;
|
|
}
|
|
.resources>div:first-child+div{
|
|
border-top:0px;
|
|
}
|
|
.resources div div{
|
|
display:block;
|
|
width:auto;
|
|
padding:0px 0px 10px 0px;
|
|
min-height:0;
|
|
}
|
|
.resources>div>div:first-child{
|
|
padding-right:0px;
|
|
}
|
|
.resources>div>div:first-child+div{
|
|
border-left:0px;
|
|
padding-left:0px;
|
|
}
|
|
}
|
|
|
|
/* Deprecated styles (should be removed when translations are updated) */
|
|
|
|
body.old #menufor{
|
|
margin:0px;
|
|
position:absolute;
|
|
top:8px;
|
|
left:250px;
|
|
padding:0px;
|
|
height:35px;
|
|
}
|
|
body.old h1{
|
|
text-align:left;
|
|
}
|
|
body.old .summary{
|
|
text-align:left;
|
|
}
|
|
body.old .alert-message div div{
|
|
width:960px;
|
|
}
|
|
body.old #menufor li{
|
|
list-style:none;
|
|
float:left;
|
|
padding:0px;
|
|
margin:0px 8px;
|
|
border-radius:5px;
|
|
-webkit-left-radius:5px;
|
|
}
|
|
body.old #menufor li a,
|
|
body.old #menufor li a:active,
|
|
body.old #menufor li a:visited,
|
|
body.old #menufor li a:link{
|
|
font-family:'Ubuntu', sans-serif;
|
|
font-weight:700;
|
|
font-size:105%;
|
|
display:block;
|
|
text-decoration:none;
|
|
padding:6px 8px 3px 8px;
|
|
color:#2c6fad;
|
|
white-space:nowrap;
|
|
}
|
|
body.old #menufor li:hover,
|
|
body.old #menufor li.active{
|
|
background-color:#2c6fad;
|
|
}
|
|
body.old #menufor li:hover a,
|
|
body.old #menufor li.active a{
|
|
border-radius:5px;
|
|
-webkit-left-radius:5px;
|
|
color:#fff;
|
|
}
|
|
body.old #menu{
|
|
padding:0px;
|
|
margin:12px auto -12px 32px;
|
|
}
|
|
body.old #menu li{
|
|
list-style:none;
|
|
display:inline-block;
|
|
margin:0px;
|
|
}
|
|
#menu li a,
|
|
#menu li a:active,
|
|
#menu li a:visited,
|
|
#menu li a:link{
|
|
font-family:'Ubuntu', sans-serif;
|
|
font-weight:300;
|
|
display:block;
|
|
color:#6a6a6a;
|
|
text-decoration:none;
|
|
padding: 8px 10px;
|
|
border: 2px solid transparent;
|
|
white-space:nowrap;
|
|
}
|
|
body.old #menu li:hover a,
|
|
body.old #menu li.active a{
|
|
color:#000;
|
|
background-color:#fff;
|
|
border:2px solid #ebebeb;
|
|
border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
}
|
|
body.old #head>div{
|
|
max-width:1050px;
|
|
}
|
|
|
|
body.old #body{
|
|
max-width:1050px;
|
|
}
|
|
|
|
body.old #content{
|
|
padding:20px 265px 30px 30px;
|
|
}
|
|
body.old #content.wide{
|
|
padding:20px 40px 30px 30px;
|
|
max-width:990px;
|
|
}
|
|
|
|
body.old #rightbox{
|
|
width:210px;
|
|
position:absolute;
|
|
right:30px;
|
|
top:20px;
|
|
border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
padding:5px;
|
|
}
|
|
body.old #rightbox.wide{
|
|
display:none;
|
|
}
|
|
|
|
body.old #choose a,
|
|
body.old #before a,
|
|
body.old #support a{
|
|
font-family:'Ubuntu', sans-serif;
|
|
font-weight:300;
|
|
padding:10px 8px 10px 48px;
|
|
color:#fff;
|
|
display:block;
|
|
text-align:left;
|
|
margin-bottom:10px;
|
|
text-decoration:none;
|
|
border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
}
|
|
body.old #choose img,
|
|
body.old #before img,
|
|
body.old #support img{
|
|
vertical-align:middle;
|
|
margin-right:8px;
|
|
margin-left:-40px;
|
|
width:32px;
|
|
height:32px;
|
|
}
|
|
body.old #before a,
|
|
body.old #support a{
|
|
background-color:#2c6fad;
|
|
border:1px solid #20598f;
|
|
background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
|
|
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%);
|
|
}
|
|
body.old #choose a{
|
|
padding:12px 8px 12px 48px;
|
|
background-color:#e78406;
|
|
border:1px solid #d57700;
|
|
background-image:linear-gradient(bottom, #d57700 14%, #e78406 70%);
|
|
background-image:-o-linear-gradient(bottom, #d57700 14%, #e78406 70%);
|
|
background-image:-moz-linear-gradient(bottom, #d57700 14%, #e78406 70%);
|
|
background-image:-webkit-linear-gradient(bottom, #d57700 14%, #e78406 70%);
|
|
background-image:-ms-linear-gradient(bottom, #d57700 14%, #e78406 70%);
|
|
}
|
|
body.old #choose a:hover,
|
|
body.old #before a:hover,
|
|
body.old #support a:hover{
|
|
background-image:none;
|
|
}
|
|
|
|
body.old .downloadold a{
|
|
font-size:125%;
|
|
display:inline-block;
|
|
margin:5px 0px;
|
|
}
|
|
body.old .downloadold span{
|
|
width:16px;
|
|
height:16px;
|
|
display:inline-block;
|
|
}
|
|
|
|
body.old .preview{
|
|
margin-top:40px;
|
|
}
|
|
|
|
body.old #footer{
|
|
max-width:1050px;
|
|
}
|
|
body.old .foundation{
|
|
max-width:500px;
|
|
margin:40px auto;
|
|
border:2px dashed #dfdfdf;
|
|
padding:40px;
|
|
border-radius:9px;
|
|
-webkit-border-radius:9px;
|
|
}
|
|
body.old .preview{
|
|
width:880px;
|
|
padding-left:40px;
|
|
padding-top:15px;
|
|
border:2px solid #eee;
|
|
border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
}
|
|
body.old .resourcesold{
|
|
font-size:115%;
|
|
font-weight:bold;
|
|
}
|
|
body.old .resourcesold ul{
|
|
padding-top:5px;
|
|
}
|
|
body.old .resourcesold li{
|
|
padding-top:6px;
|
|
}
|
|
body.old .resourcesold a,
|
|
body.old .resourcesold a:link,
|
|
body.old .resourcesold a:active,
|
|
body.old .resourcesold a:visited{
|
|
text-decoration:none;
|
|
}
|
|
body.old .resourcesold li ul li{
|
|
font-weight:normal;
|
|
}
|
|
|
|
/* Deprecated styles specific to mobiles (should be removed when translations are updated) */
|
|
|
|
@media handheld, only screen and (max-device-height: 37em), only screen and (max-device-width: 50em){
|
|
body.old #menufor,
|
|
body.old #menu{
|
|
display:none;
|
|
}
|
|
body.old #menufor{
|
|
position:static;
|
|
bottom:0px;
|
|
margin:10px 0px 0px 0px;
|
|
height:auto;
|
|
}
|
|
body.old #menufor li{
|
|
float:none;
|
|
display:inline-block;
|
|
}
|
|
body.old #menufor li a,
|
|
body.old #menufor li a:active,
|
|
body.old #menufor li a:visited,
|
|
body.old #menufor li a:link{
|
|
padding:6px 6px 3px 6px;
|
|
}
|
|
body.old #menufor li{
|
|
margin:6px;
|
|
}
|
|
body.old #menu{
|
|
position:static;
|
|
height:auto;
|
|
margin:10px 0px 10px 0px;
|
|
}
|
|
body.old #menu li{
|
|
float:none;
|
|
display:inline-block;
|
|
padding: 5px;
|
|
}
|
|
body.old #menu li a,
|
|
body.old #menu li a:active,
|
|
body.old #menu li a:visited,
|
|
body.old #menu li a:link{
|
|
padding:5px;
|
|
}
|
|
body.old #rightbox,
|
|
body.old #rightbox.wide{
|
|
display:block;
|
|
position:static;
|
|
margin:30px auto 20px auto;
|
|
}
|
|
body.old #content{
|
|
padding:15px 10px 20px 10px;
|
|
}
|
|
body.old #content.wide{
|
|
position:static;
|
|
margin:0px 5px;
|
|
padding:15px 10px 20px 10px;
|
|
}
|
|
body.old .foundation{
|
|
padding:20px;
|
|
}
|
|
}
|