mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 09:46:12 +00:00
This fixes all issues related to translations that overflow fixed height in many cases Remove some steps in the README that are not necessary anymore Fix two display bugs in IE7 Fix one display bug in IE9 Optimize images with optipng
672 lines
13 KiB
Text
672 lines
13 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,h2,h3{
|
|
text-align:left;
|
|
}
|
|
h1{
|
|
font-family:'UbuntuBold', sans-serif;
|
|
font-weight:normal;
|
|
color:#0d579b;
|
|
font-size:160%;
|
|
margin-top: 0;
|
|
}
|
|
h2{
|
|
font-family:'UbuntuBold', sans-serif;
|
|
font-weight:normal;
|
|
color:#383838;
|
|
font-size:130%;
|
|
}
|
|
h3{
|
|
color:#383838;
|
|
font-size:100%;
|
|
}
|
|
h1 img,h2 img,h3 img{
|
|
vertical-align:middle;
|
|
margin-right:5px;
|
|
}
|
|
p {
|
|
line-height: 1.5em;
|
|
}
|
|
a:link,a:visited,a:active{
|
|
color:#4892b2;
|
|
}
|
|
a:link:hover,a:visited:hover,a:active:hover{
|
|
color:#75bfdf;
|
|
}
|
|
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;
|
|
}
|
|
li{
|
|
padding:5px 0px;
|
|
text-align:left;
|
|
}
|
|
|
|
/*Styles for whole website*/
|
|
|
|
@font-face{
|
|
font-family:'UbuntuRegular';
|
|
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:normal;
|
|
font-style:normal;
|
|
}
|
|
@font-face{
|
|
font-family:'UbuntuItalic';
|
|
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:normal;
|
|
font-style:normal;
|
|
}
|
|
@font-face{
|
|
font-family:'UbuntuBold';
|
|
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:normal;
|
|
font-style:normal;
|
|
}
|
|
@font-face{
|
|
font-family:'UbuntuBoldItalic';
|
|
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:normal;
|
|
font-style:normal;
|
|
}
|
|
|
|
.alert-message{
|
|
background-color:#fff;
|
|
}
|
|
.alert-message>div{
|
|
background-color:#fff;
|
|
background-color:#c5251f;
|
|
}
|
|
.alert-message.error>div{
|
|
background-color:#c5251f;
|
|
}
|
|
.alert-message.success>div{
|
|
background-color:#489e48;
|
|
}
|
|
.alert-message.info>div{
|
|
background-color:#517ea7;
|
|
}
|
|
.alert-message>div>div{
|
|
margin:auto;
|
|
width:960px;
|
|
padding:10px;
|
|
}
|
|
.alert-message,.alert-message a,.alert-message a:link,.alert-message a:active,.alert-message a:visited{
|
|
color:#fff;
|
|
}
|
|
|
|
#head{
|
|
margin:10px 0px;
|
|
}
|
|
#head>div{
|
|
max-width:1050px;
|
|
margin:auto;
|
|
position:relative;
|
|
overflow:hidden;
|
|
}
|
|
#head.home {
|
|
text-align:center;
|
|
}
|
|
#head.home #logo {
|
|
text-align: center;
|
|
}
|
|
#body{
|
|
max-width:1050px;
|
|
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:0px;
|
|
height:30px;
|
|
z-index: 1000;
|
|
border-left:1px solid transparent;
|
|
border-right:1px solid transparent;
|
|
border-top:1px solid transparent;
|
|
}
|
|
#lang>li>ul{
|
|
display:none;
|
|
right:-1px;
|
|
top:28px;
|
|
position:absolute;
|
|
background-color:#fff;
|
|
margin-left:-5px;
|
|
padding-bottom:4px;
|
|
border-radius-bottom-right:5px;
|
|
-webkit-border-radius-bottom-right:5px;
|
|
border-radius-bottom-left:5px;
|
|
-webkit-border-radius-bottom-left:5px;
|
|
border-left:1px solid #ebebeb;
|
|
border-right:1px solid #ebebeb;
|
|
border-bottom:1px solid #ebebeb;
|
|
z-index:100;
|
|
}
|
|
#lang:hover{
|
|
border-left:1px solid #ebebeb;
|
|
border-right:1px solid #ebebeb;
|
|
border-top:1px solid #ebebeb;
|
|
background-color:#fff;
|
|
}
|
|
#lang>li:hover>ul{
|
|
display:block;
|
|
}
|
|
#lang>li>a,#lang>li>a:link,#lang>li>a:visited,#lang>li>a:active{
|
|
padding:4px 8px;
|
|
}
|
|
#lang a,#lang a:link,#lang a:visited,#lang a:active{
|
|
padding:2px 8px;
|
|
text-decoration:none;
|
|
color:#000;
|
|
font-size:115%;
|
|
width:100px;
|
|
display:inline-block;
|
|
}
|
|
#lang>li>ul>li>a,#lang>li>ul>li>a:link,#lang>li>ul>li>a:visited,#lang>li>ul>li>a:active{
|
|
color:#5c5c5c;
|
|
}
|
|
#lang>li>ul>li:hover>a{
|
|
color:#000;
|
|
}
|
|
|
|
#logo{
|
|
display:block;
|
|
position:absolute;
|
|
left:40px;
|
|
top:12px;
|
|
width:191px;
|
|
height:40px;
|
|
}
|
|
|
|
#menumobile{
|
|
display:none;
|
|
}
|
|
|
|
#menufor{
|
|
position:relative;
|
|
bottom:-18px;
|
|
margin:2px 0px 0px 250px;
|
|
padding:0px;
|
|
height:35px;
|
|
}
|
|
#menufor li{
|
|
list-style:none;
|
|
float:left;
|
|
padding:0px;
|
|
margin:0px 8px;
|
|
border-radius:5px;
|
|
-webkit-left-radius:5px;
|
|
}
|
|
#menufor li a,#menufor li a:active,#menufor li a:visited,#menufor li a:link{
|
|
font-family:'UbuntuBold', sans-serif;
|
|
font-size:105%;
|
|
display:block;
|
|
text-decoration:none;
|
|
padding:6px 8px 3px 8px;
|
|
color:#2c6fad;
|
|
}
|
|
#menufor>li:hover,#menufor>li.active{
|
|
background-color:#2c6fad;
|
|
}
|
|
#menufor>li:hover>a,#menufor>li.active>a{
|
|
border-radius:5px;
|
|
-webkit-left-radius:5px;
|
|
color:#fff;
|
|
}
|
|
|
|
#menu{
|
|
padding:0px;
|
|
margin:26px auto 0px 32px;
|
|
}
|
|
#menu li{
|
|
list-style:none;
|
|
float:left;
|
|
margin-right: 5px;
|
|
}
|
|
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
|
|
font-family:'Ubuntu', sans-serif;
|
|
display:block;
|
|
color:#6a6a6a;
|
|
text-decoration:none;
|
|
padding: 8px 10px;
|
|
border: 1px solid transparent;
|
|
}
|
|
#menu li:hover a,#menu li.active a{
|
|
color:#000;
|
|
background-color:#fff;
|
|
border:1px solid #d8d8d8;
|
|
border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
}
|
|
|
|
#content{
|
|
position:relative;
|
|
padding:20px 265px 30px 30px;
|
|
margin: 0px 5px;
|
|
max-width:780px;
|
|
text-align:justify;
|
|
background-color:#fff;
|
|
min-height:400px;
|
|
border:2px solid #ebebeb;
|
|
border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
}
|
|
|
|
#rightbox{
|
|
width:210px;
|
|
position:absolute;
|
|
right:30px;
|
|
top:20px;
|
|
border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
padding:5px;
|
|
}
|
|
#choose>a:first-child,#before>a:first-child,#support>a:first-child{
|
|
padding:10px 8px 10px 48px;
|
|
color:#fff;
|
|
display:block;
|
|
text-align:left;
|
|
margin-bottom:10px;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
}
|
|
#choose img,#before img,#support img{
|
|
vertical-align:middle;
|
|
margin-right:8px;
|
|
margin-left:-40px;
|
|
}
|
|
#before>a:first-child,#support>a:first-child{
|
|
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%);
|
|
}
|
|
#choose>a:first-child{
|
|
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%);
|
|
}
|
|
#choose>a:first-child:hover,#before>a:first-child:hover,#support>a:first-child:hover{
|
|
background-image:none;
|
|
}
|
|
|
|
#footer{
|
|
position:relative;
|
|
top:-2px;
|
|
padding:20px 0px 20px 40px;
|
|
text-align:left;
|
|
font-size:94%;
|
|
max-width:1050px;
|
|
}
|
|
#footer>div{
|
|
padding-top:6px;
|
|
}
|
|
|
|
/*Styles specific to elements in pages*/
|
|
|
|
.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;
|
|
}
|
|
|
|
.box{
|
|
border:2px dashed #4892b2;
|
|
padding:0px 20px 0px 20px;
|
|
}
|
|
|
|
.contributors{
|
|
width:900px;
|
|
text-align:left;
|
|
}
|
|
.contributors>span>a{
|
|
font-size:80%;
|
|
}
|
|
.contributors>span{
|
|
padding:6px 0px;
|
|
width:170px;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
}
|
|
|
|
.ressources li{
|
|
font-size:115%;
|
|
padding-top:6px;
|
|
}
|
|
.ressources a,.ressources a:link,.ressources a:active,.ressources a:visited{
|
|
text-decoration:none;
|
|
}
|
|
.ressources>li{
|
|
font-weight:bold;
|
|
}
|
|
.ressources>li>ul>li{
|
|
font-weight:normal;
|
|
}
|
|
|
|
.preview{
|
|
width:880px;
|
|
padding-left:40px;
|
|
padding-top:15px;
|
|
border:2px solid #eee;
|
|
margin-top:30px;
|
|
border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
}
|
|
.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;
|
|
zoom:1;*display:inline;/*IE7 support*/
|
|
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 a,.previewrow>div>div a:link,.previewrow>div>div a:visited,.previewrow>div>div a:active{
|
|
font-weight:bold;
|
|
text-decoration:none;
|
|
font-size:125%;
|
|
}
|
|
.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 a,.previewrow .walletwarning a:link,.previewrow .walletwarning a:visited,.previewrow .walletwarning a:active{
|
|
color:#b95357;
|
|
}
|
|
|
|
.versiontext{
|
|
text-align:left;
|
|
}
|
|
|
|
.download a{
|
|
font-size:125%;
|
|
display:inline-block;
|
|
margin:5px 0px;
|
|
}
|
|
|
|
.summary{
|
|
font-size:125%;
|
|
}
|
|
|
|
.foundation{
|
|
max-width:500px;
|
|
margin:40px auto;
|
|
border:2px dashed #dfdfdf;
|
|
padding:40px;
|
|
border-radius:9px;
|
|
-webkit-border-radius:9px;
|
|
}
|
|
|
|
/*Styles specific to mobiles*/
|
|
|
|
@media handheld, only screen and (max-device-height: 37em), only screen and (max-device-width: 50em){
|
|
img{
|
|
max-width:100%;
|
|
}
|
|
#head{
|
|
margin:0px;
|
|
}
|
|
#langselect{
|
|
background-color:transparent;
|
|
border:0px;
|
|
font-size:115%;
|
|
position:absolute;
|
|
right:-20px;
|
|
top:10px;
|
|
}
|
|
#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,#menufor,#menu{
|
|
display:none;
|
|
}
|
|
#menufor{
|
|
position:static;
|
|
bottom:0px;
|
|
margin:10px 0px 0px 10px;
|
|
height:auto;
|
|
}
|
|
#menufor li{
|
|
float:none;
|
|
display:inline-block;
|
|
}
|
|
#menufor li a,#menufor li a:active,#menufor li a:visited,#menufor li a:link{
|
|
padding:6px 6px 3px 6px;
|
|
}
|
|
#menufor li{
|
|
margin:6px;
|
|
}
|
|
#menu{
|
|
position:static;
|
|
height:auto;
|
|
margin:10px 0px 10px 10px;
|
|
}
|
|
#menu li{
|
|
float:none;
|
|
display:inline-block;
|
|
padding: 5px;
|
|
}
|
|
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
|
|
padding:5px;
|
|
}
|
|
#logo{
|
|
position:static;
|
|
display:inline-block;
|
|
margin:10px;
|
|
}
|
|
#rightbox{
|
|
position:static;
|
|
margin:30px auto 20px auto;
|
|
}
|
|
#content{
|
|
position:static;
|
|
margin:0px 5px;
|
|
padding:15px 10px 20px 10px;
|
|
}
|
|
#footer{
|
|
padding:0px 0px 20px 5px;
|
|
background-color:transparent;
|
|
}
|
|
.contributors{
|
|
width:auto;
|
|
}
|
|
.foundation{
|
|
padding:20px;
|
|
}
|
|
.preview{
|
|
width:auto;
|
|
border:0px;
|
|
padding:0px;
|
|
}
|
|
.previewrow{
|
|
float:none;
|
|
padding-left:0px;
|
|
margin:auto;
|
|
}
|
|
}
|