dash-docs/_less/main.less
Saivann d1c90a6232 improve translation system
jekyll now automatically generates sitemap
alternate hreflang is now correctly handled by sitemaps
language bar now gracefully associate with the translated equivalent of the page
update README with updated translation guidelines and instructions
2013-03-25 00:01:18 -04:00

572 lines
12 KiB
Text

body{
background-color:#fafafa;
color:#646464;
font-family:"Helvetica Neue", "Liberation Sans", Arial, sans-serif;
margin:0;
padding:0;
background-repeat:repeat;
background-image:url(/img/innerbg.png);
}
h1,h2{
font-family:'UbuntuBold', sans-serif;
font-weight:normal;
}
h1{
color:#0d579b;
font-size:160%;
}
h2{
color:#383838;
font-size:130%;
}
h3{
color:#383838;
font-size:100%;
}
h1 img,h2 img,h3 img{
vertical-align:middle;
margin-right:5px;
}
a:link,a:visited,a:active{
color:#4892b2;
}
a:link:hover,a:visited:hover,a:active:hover{
color:#75bfdf;
}
a 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;
}
#head{
background-image:linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
background-image:-o-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
background-image:-moz-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
background-image:-webkit-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
background-image:-ms-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
height:90px;
}
#lang,#lang li,#lang ul{
display:block;
list-style:none;
padding:0px;
margin:0px;
text-align:right;
cursor:pointer;
}
#lang{
position:absolute;
right:0px;
height:30px;
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:18px;
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{
position:absolute;
left:0px;
top:10px;
}
#logo a{
display:block;
background-image:url(/img/logotop.svg);
width:191px;
height:40px;
}
#logo span{
display:none;
}
#rightbox{
width:210px;
height:200px;
position:absolute;
right:0px;
top:16px;
border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}
#choose>a:first-child,#before>a:first-child,#start>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,#start img,#support img{
vertical-align:middle;
margin-right:8px;
margin-left:-40px;
}
#before>a:first-child,#start>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%);
}
#before>a:first-child:hover,#start>a:first-child:hover,#support>a:first-child:hover{
background-image:linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-o-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-webkit-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
}
#choose>a:first-child{
padding:12px 8px 12px 48px;
background-color:#e7750c;
border:1px solid #cc6100;
background-image:linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-o-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-moz-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-webkit-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-ms-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
}
#choose>a:first-child:hover{
background-image:linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-o-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-moz-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-webkit-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-ms-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
}
#menufor{
width:660px;
position:relative;
bottom:-18px;
margin:2px 0px 0px 210px;
padding:0px;
height:35px;
overflow:hidden;
}
#menufor li{
list-style:none;
float:left;
margin:0px 10px;
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:17px;
display:block;
text-decoration:none;
padding:6px 6px 0px 6px;
text-shadow:0px 1px 1px rgba(0,0,0,0.15);
color:#2c6fad;
border-bottom:3px solid #2c6fad;
}
#menufor>li:hover,#menufor>li.active{
background-color:#2c6fad;
background-image:linear-gradient(bottom, #265f94 15%, #2c6fad 50%);
background-image:-o-linear-gradient(bottom, #265f94 15%, #2c6fad 50%);
background-image:-moz-linear-gradient(bottom, #265f94 15%, #2c6fad 50%);
background-image:-webkit-linear-gradient(bottom, #265f94 15%, #2c6fad 50%);
background-image:-ms-linear-gradient(bottom, #265f94 15%, #2c6fad 50%);
margin:0px 8px;
}
#menufor>li:hover>a,#menufor>li.active>a{
padding:6px 8px 0px 8px;
text-shadow:0px 2px 2px rgba(0,0,0,0.4);
border-bottom:3px solid #2c6fad;
border-radius:5px;
-webkit-left-radius:5px;
color:#fff;
}
.wrap{
width:980px;
margin:auto;
position:relative;
}
#menu{
padding:0px;
margin:0px;
margin:auto;
position:relative;
left:-6px;
top:24px;
height:32px;
}
#menu li{
list-style:none;
float:left;
border:1px solid transparent;
border-radius:3px;
-webkit-border-radius:3px;
}
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
font-family:'Ubuntu', sans-serif;
height:24px;
font-size:16px;
display:block;
color:#3f3f3f;
text-decoration:none;
padding:6px 10px;
}
#menu li:hover a,#menu li.active a{
color:#000;
}
#menu li:hover,#menu li.active{
background-color:#fff;
border:1px solid #d8d8d8;
box-shadow:0px 0px 14px rgba(0,0,0,0.15);
-moz-box-shadow:0px 0px 14px rgba(0,0,0,0.15);
-webkit-box-shadow:0px 0px 14px rgba(0,0,0,0.15);
}
#content{
margin-top:5px;
position:relative;
left:-40px;
padding:15px 210px 20px 40px;
width:740px;
text-align:justify;
background-color:#fff;
min-height:400px;
border-right:2px solid #ebebeb;
border-left:2px solid #ebebeb;
border-top:2px solid #ebebeb;
box-shadow:0px 15px 70px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 15px 70px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 15px 70px rgba(0, 0, 0, 0.2);
}
.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{
width:600px;
border:2px dashed #4892b2;
padding:0px 20px 0px 20px;
}
.contributors{
width:900px;
}
.contributors a{
font-size:13px;
}
.contributors td{
padding:6px 0px;
}
.ressources li{
font-size:18px;
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;
}
.list>li{
padding:5px 0px 5px 0px;
}
.preview{
width:900px;
}
.previewcol{
clear:both;
}
.previewcol .previewrow:first-child{
padding-left:0px;
}
.previewrow{
float:left;
width:270px;
text-align:justify;
padding-left:40px;
position:relative;
}
.previewrow>h2{
font-size:18px;
}
.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:14px;
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;
padding:0px 30px;
margin-top:-270px;
background:url(/img/bubble.svg) bottom center no-repeat;
z-index:1000;
overflow:hidden;
}
.previewrow>div>div>h2{
margin-top:20px;
}
.previewrow>div:hover>div{
opacity:1;
width:auto;
height:280px;
}
.previewrow>div{
display:inline-block;
zoom:1;*display:inline;/*IE7 support*/
position:relative;
margin-right:22px;
margin-bottom:22px;
vertical-align:top;
}
.previewrow>div.last{
margin-right:0px;
}
.previewrow>div>div>span{
position:absolute;
top:24px;
right:30px;
}
.previewrow>div>div>span>img{
margin-left:4px;
}
.previewrow>div>div>h2:first-child+span+p{
font-size:15px;
}
.previewrow>div>div>h2:first-child+span+p+p{
text-align:center;
position:absolute;
width:290px;
top:190px;
left:0px;
}
.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:20px;
}
.previewrow .walletwarning a,.previewrow .walletwarning a:link,.previewrow .walletwarning a:visited,.previewrow .walletwarning a:active{
color:#b95357;
}
.previewrow .walletwarning{
background:url(/img/bubblewarn.svg) bottom center no-repeat;
}
.previewrow .walletnormal{
background:url(/img/bubble.svg) bottom center no-repeat;
}
.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;
}
.versiontext{
text-align:left;
}
.download a{
font-size:20px;
}
.summary{
font-size:20px;
}
.foundation{
width:500px;
margin:40px auto;
border:2px dashed #dfdfdf;
padding:40px;
border-radius:9px;
-webkit-border-radius:9px;
}
#footer{
position:relative;
left:-40px;
padding-left:40px;
padding-bottom:40px;
text-align:left;
margin-right:30px;
font-size:14px;
background-color:#fff;
width:950px;
border-right:2px solid #ebebeb;
border-left:2px solid #ebebeb;
border-bottom:2px solid #ebebeb;
}
#footer>div{
float:left;
margin-right:200px;
padding-top:6px;
border-top:#cfcfcf 2px solid;
}
@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#webfontKT0zjHSC') 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#webfontGetaoUfe') 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#webfontEreyFiHC') 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#webfontf1YowZka') format('svg');
font-weight:normal;
font-style:normal;
}