mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
284bc0f430
Add Funke What is Bitcoin video Add tcatm and cberbeast pictures Add many new quotes Refresh design for pictures and materials
1471 lines
26 KiB
Text
1471 lines
26 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;
|
|
}
|
|
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:0;
|
|
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;
|
|
white-space:pre-wrap;
|
|
word-wrap:break-word;
|
|
-webkit-border-radius:3px;
|
|
-moz-border-radius:3px;
|
|
border-radius:3px;
|
|
}
|
|
ul{
|
|
padding-left:20px;
|
|
margin-left:0;
|
|
}
|
|
ul ul{
|
|
list-style-type:disc;
|
|
}
|
|
li{
|
|
padding:5px 0;
|
|
}
|
|
li p{
|
|
margin:0;
|
|
}
|
|
|
|
/*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 0 30px 0;
|
|
}
|
|
.head div{
|
|
max-width:940px;
|
|
margin:auto;
|
|
position:relative;
|
|
z-index:100;
|
|
}
|
|
.body{
|
|
max-width:940px;
|
|
margin:auto;
|
|
position:relative;
|
|
}
|
|
|
|
.langselect{
|
|
display:none;
|
|
}
|
|
.lang,
|
|
.lang li,
|
|
.lang ul{
|
|
display:block;
|
|
list-style:none;
|
|
padding:0;
|
|
margin:0;
|
|
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: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:first-child,
|
|
.menusimple 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;
|
|
}
|
|
.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 0;
|
|
margin:0;
|
|
left:0;
|
|
}
|
|
.menusimple li:hover ul{
|
|
display:block;
|
|
}
|
|
.menusimple li ul li{
|
|
padding:0;
|
|
margin:0;
|
|
display:block;
|
|
width:100%;
|
|
-webkit-border-radius:0;
|
|
-moz-border-radius:0;
|
|
border-radius:0;
|
|
}
|
|
.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%;
|
|
margin:1px 0;
|
|
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: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{
|
|
line-height:1.5em;
|
|
}
|
|
|
|
.footer{
|
|
position:relative;
|
|
top:-2px;
|
|
padding:20px 0 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;
|
|
}
|
|
.footer div span a{
|
|
margin-right:auto;
|
|
}
|
|
|
|
/*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 0;
|
|
}
|
|
.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: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;
|
|
}
|
|
|
|
.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 p{
|
|
text-align:justify;
|
|
}
|
|
.start div div div{
|
|
display:block;
|
|
width:auto;
|
|
padding-bottom:0;
|
|
position:absolute;
|
|
bottom:35px;
|
|
}
|
|
|
|
.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:0;
|
|
margin:0;
|
|
}
|
|
.index{
|
|
padding:20px;
|
|
border:2px dashed #4892b2;
|
|
display:inline-block;
|
|
}
|
|
.index ul{
|
|
padding:10px 0;
|
|
}
|
|
.index li{
|
|
font-weight:bold;
|
|
}
|
|
.index ul li{
|
|
font-weight:normal;
|
|
}
|
|
.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:0 20px 0 20px;
|
|
}
|
|
.boxexpand{
|
|
overflow:hidden;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.contributors{
|
|
width:890px;
|
|
text-align:left;
|
|
}
|
|
.contributors span a{
|
|
font-size:80%;
|
|
}
|
|
.contributors span{
|
|
padding:6px 0;
|
|
width:170px;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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:0;
|
|
}
|
|
.previewrow{
|
|
float:left;
|
|
width:255px;
|
|
text-align:justify;
|
|
padding-left:40px;
|
|
position:relative;
|
|
}
|
|
.previewrow>h2{
|
|
font-size:115%;
|
|
}
|
|
.previewrow>p{
|
|
font-size:95%;
|
|
}
|
|
.previewrow>div{
|
|
display:inline-block;
|
|
position:relative;
|
|
margin-right:15px;
|
|
margin-bottom:12px;
|
|
vertical-align:top;
|
|
}
|
|
.previewrow>div:first-child+div+div,
|
|
.previewrow>div:first-child+div+div+div+div+div{
|
|
margin-right:0;
|
|
}
|
|
.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;
|
|
white-space:nowrap;
|
|
}
|
|
.previewrow>div>div{
|
|
opacity:0;
|
|
-moz-transition:opacity 400ms ease-out;
|
|
-webkit-transition:opacity 400ms ease-out;
|
|
transition:opacity 400ms ease-out;
|
|
width:0;
|
|
height:0;
|
|
display:inline-block;
|
|
position:absolute;
|
|
left:-110px;
|
|
right:-110px;
|
|
bottom:100px;
|
|
padding:0;
|
|
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:0 25px;
|
|
}
|
|
.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:0;
|
|
padding-top:10px;
|
|
font-size:115%;
|
|
}
|
|
.previewrow>div>div>div>span>img{
|
|
margin-left:4px;
|
|
}
|
|
.previewrow>div>div>div>h2:first-child+span+p{
|
|
font-size:95%;
|
|
margin:0;
|
|
padding:10px 0;
|
|
}
|
|
.previewrow>div>div>div>h2:first-child+span+p+p{
|
|
text-align:center;
|
|
margin:0;
|
|
padding:0;
|
|
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:-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;
|
|
padding:4px 8px;
|
|
-webkit-border-radius:4px;
|
|
-moz-border-radius:4px;
|
|
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:-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%);
|
|
background-image: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;
|
|
}
|
|
.previewrow .walletinfo>div:first-child{
|
|
background:url(/img/bubbleinfotop.svg) bottom center no-repeat;
|
|
}
|
|
.previewrow .walletinfo>div:first-child+div{
|
|
background:url(/img/bubbleinfomiddle.svg) bottom center repeat-y;
|
|
}
|
|
.previewrow .walletinfo>div:first-child+div+div{
|
|
background:url(/img/bubbleinfobottom.svg) bottom center no-repeat;
|
|
}
|
|
.previewrow .walletinfo>div>h2:first-child+span+p+p a,
|
|
.previewrow .walletinfo>div>h2:first-child+span+p+p a:link,
|
|
.previewrow .walletinfo>div>h2:first-child+span+p+p a:visited,
|
|
.previewrow .walletinfo>div>h2:first-child+span+p+p a:active{
|
|
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%);
|
|
border:1px solid #d57700;
|
|
}
|
|
.previewrow .walletinfo>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;
|
|
}
|
|
|
|
.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 h1,
|
|
.download h2{
|
|
text-align:center;
|
|
}
|
|
.download .mainbutton a{
|
|
margin:10px 0 35px 0;
|
|
}
|
|
.downloadbox{
|
|
display:inline-block;
|
|
text-align:center;
|
|
border:2px solid #fad296;
|
|
padding:20px;
|
|
font-size:125%;
|
|
-webkit-border-radius:12px;
|
|
-moz-border-radius:12px;
|
|
border-radius:12px;
|
|
margin:0 auto 20px auto;
|
|
}
|
|
.downloadbox p{
|
|
margin:0;
|
|
margin-top:20px;
|
|
margin-bottom:0;
|
|
}
|
|
.downloadbox p:first-child{
|
|
margin-top:0;
|
|
margin-bottom:20px;
|
|
}
|
|
.downloadbox a{
|
|
display:inline-block;
|
|
}
|
|
.downloadbox div{
|
|
margin:10px 0;
|
|
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;
|
|
margin-bottom:40px;
|
|
}
|
|
.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;
|
|
-webkit-border-radius:10px;
|
|
-moz-border-radius:10px;
|
|
border-radius:10px;
|
|
}
|
|
.press-volunteer>div>div>img:first-child+p{
|
|
font-weight:bold;
|
|
color:#2c6fad;
|
|
margin:0;
|
|
}
|
|
.press-volunteer>div>div>img:first-child+p+p{
|
|
margin:0;
|
|
}
|
|
.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:0;
|
|
}
|
|
.press-volunteer>div>p>img{
|
|
vertical-align:bottom;
|
|
}
|
|
.press-volunteer>div:first-child+div+div>p{
|
|
margin-top:0;
|
|
margin-bottom:10px;
|
|
}
|
|
.press-volunteer>div:first-child>p:first-child+p{
|
|
height:0;
|
|
overflow:hidden;
|
|
margin-top:0;
|
|
margin-bottom:10px;
|
|
font-size:85%;
|
|
text-align:justify;
|
|
-moz-transition:height 400ms ease-out;
|
|
-webkit-transition:height 400ms ease-out;
|
|
transition:height 400ms ease-out;
|
|
}
|
|
|
|
.press-faq{
|
|
text-align:left;
|
|
margin-bottom:40px;
|
|
}
|
|
.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:0;
|
|
overflow:hidden;
|
|
text-align:justify;
|
|
-moz-transition:height 400ms ease-out;
|
|
-webkit-transition:height 400ms ease-out;
|
|
transition:height 400ms ease-out;
|
|
}
|
|
.press-faq li{
|
|
text-align:justify;
|
|
line-height:1.5em;
|
|
}
|
|
.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;
|
|
}
|
|
.press-quotes div{
|
|
position:relative;
|
|
left:-20px;
|
|
text-align:left;
|
|
height:350px;
|
|
overflow:hidden;
|
|
-moz-transition:height 400ms ease-out;
|
|
-webkit-transition:height 400ms ease-out;
|
|
transition:height 400ms ease-out;
|
|
}
|
|
.press-quotes p{
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
width:400px;
|
|
margin:0 0 20px 20px;
|
|
}
|
|
.press-quotes>a{
|
|
display:inline-block;
|
|
padding-top:10px;
|
|
font-weight:bold;
|
|
}
|
|
.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-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{
|
|
width:185px;
|
|
height:123px;
|
|
float:left;
|
|
margin-right:30px;
|
|
-webkit-border-radius:10px;
|
|
-moz-border-radius:10px;
|
|
border-radius:10px;
|
|
}
|
|
.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:0;
|
|
}
|
|
.langselect{
|
|
background-color:transparent;
|
|
border:0;
|
|
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:0;
|
|
margin:0 0 10px 0;
|
|
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;
|
|
text-align:left;
|
|
margin:0;
|
|
padding:15px 10px 20px 10px;
|
|
border-right:0;
|
|
border-left:0;
|
|
-webkit-border-radius:0;
|
|
-moz-border-radius:0;
|
|
border-radius:0;
|
|
}
|
|
.footer{
|
|
padding:20px 0 20px 5px;
|
|
background-color:transparent;
|
|
}
|
|
.index{
|
|
padding:15px;
|
|
}
|
|
.index ul{
|
|
padding:5px 0;
|
|
}
|
|
.index li{
|
|
padding:3px 0;
|
|
}
|
|
.contributors{
|
|
width:auto;
|
|
}
|
|
.tablehalf{
|
|
position:static;
|
|
width:auto;
|
|
}
|
|
.tablehalf div{
|
|
display:block;
|
|
width:auto;
|
|
margin-left:0;
|
|
}
|
|
.tablehalf img{
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
.preview{
|
|
display:none;
|
|
}
|
|
.preview{
|
|
width:auto;
|
|
border:0;
|
|
padding:0;
|
|
}
|
|
.previewrow{
|
|
float:none;
|
|
padding-left:0;
|
|
margin:auto;
|
|
}
|
|
.press-volunteer>div>div{
|
|
width:220px;
|
|
height:auto;
|
|
}
|
|
.press-volunteer>div>div>img{
|
|
float:none;
|
|
margin-right:0;
|
|
margin-bottom:20px;
|
|
}
|
|
.press-volunteer>div:first-child>p:first-child+p{
|
|
text-align:left;
|
|
}
|
|
.press-faq>div{
|
|
width:auto;
|
|
display:block;
|
|
margin-right:0;
|
|
}
|
|
.press-faq>div>div{
|
|
text-align:left;
|
|
}
|
|
.press-faq li{
|
|
text-align:left;
|
|
}
|
|
.press-quotes p{
|
|
width:auto;
|
|
}
|
|
.press-news>div{
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
.press-news>div>a>img{
|
|
float:none;
|
|
margin-right:0;
|
|
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 p{
|
|
text-align:left;
|
|
}
|
|
.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{
|
|
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;
|
|
}
|
|
}
|
|
|
|
/* Deprecated styles (should be removed when translations are updated) */
|
|
|
|
.resourcesold{
|
|
font-size:115%;
|
|
font-weight:bold;
|
|
}
|
|
.resourcesold ul{
|
|
padding-top:5px;
|
|
}
|
|
.resourcesold li{
|
|
padding-top:6px;
|
|
text-align:left;
|
|
}
|
|
.resourcesold a,
|
|
.resourcesold a:link,
|
|
.resourcesold a:active,
|
|
.resourcesold a:visited{
|
|
text-decoration:none;
|
|
}
|
|
.resourcesold li ul li{
|
|
font-weight:normal;
|
|
}
|