mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
Re-structure design and layout
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
This commit is contained in:
Saivann
parent
3b22ebcf65
commit
975001c2f1
35 changed files with 2033 additions and 342 deletions
|
|
@ -14,7 +14,7 @@ h1{
|
|||
color:#0d579b;
|
||||
font-size:160%;
|
||||
margin-top:0;
|
||||
text-align:left;
|
||||
text-align:center;
|
||||
}
|
||||
h2{
|
||||
font-family:'Ubuntu', sans-serif;
|
||||
|
|
@ -28,10 +28,6 @@ h3{
|
|||
font-size:110%;
|
||||
text-align:left;
|
||||
}
|
||||
h1 img,h2 img,h3 img{
|
||||
vertical-align:middle;
|
||||
margin-right:5px;
|
||||
}
|
||||
p {
|
||||
line-height:1.5em;
|
||||
}
|
||||
|
|
@ -132,7 +128,7 @@ li p{
|
|||
}
|
||||
.alert-message div div{
|
||||
margin:auto;
|
||||
width:960px;
|
||||
width:850px;
|
||||
padding:10px;
|
||||
}
|
||||
.alert-message,.alert-message a,.alert-message a:link,.alert-message a:active,.alert-message a:visited{
|
||||
|
|
@ -146,7 +142,7 @@ li p{
|
|||
margin:30px 0px 30px 0px;
|
||||
}
|
||||
#head>div{
|
||||
max-width:1050px;
|
||||
max-width:940px;
|
||||
margin:auto;
|
||||
position:relative;
|
||||
z-index:100;
|
||||
|
|
@ -158,7 +154,7 @@ li p{
|
|||
text-align: center;
|
||||
}
|
||||
#body{
|
||||
max-width:1050px;
|
||||
max-width:940px;
|
||||
margin:auto;
|
||||
position:relative;
|
||||
}
|
||||
|
|
@ -241,7 +237,7 @@ li p{
|
|||
margin:0px;
|
||||
position:absolute;
|
||||
top:8px;
|
||||
left:250px;
|
||||
left:245px;
|
||||
padding:0px;
|
||||
height:35px;
|
||||
}
|
||||
|
|
@ -250,7 +246,7 @@ li p{
|
|||
display:inline-block;
|
||||
position:relative;
|
||||
padding:0px;
|
||||
margin:0px 6px;
|
||||
margin:0px 3px;
|
||||
border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
}
|
||||
|
|
@ -316,9 +312,8 @@ li p{
|
|||
|
||||
#content{
|
||||
position:relative;
|
||||
padding:20px 265px 30px 30px;
|
||||
padding:30px 40px 40px 40px;
|
||||
margin: 0px 5px;
|
||||
max-width:780px;
|
||||
text-align:justify;
|
||||
background-color:#fff;
|
||||
min-height:400px;
|
||||
|
|
@ -327,65 +322,6 @@ li p{
|
|||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
}
|
||||
#content.wide{
|
||||
padding:20px 40px 30px 30px;
|
||||
max-width:990px;
|
||||
}
|
||||
|
||||
#rightbox{
|
||||
width:210px;
|
||||
position:absolute;
|
||||
right:30px;
|
||||
top:20px;
|
||||
border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
padding:5px;
|
||||
}
|
||||
#rightbox.wide{
|
||||
display:none;
|
||||
}
|
||||
|
||||
#choose a,#before a,#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;
|
||||
}
|
||||
#choose img,#before img,#support img{
|
||||
vertical-align:middle;
|
||||
margin-right:8px;
|
||||
margin-left:-40px;
|
||||
width:32px;
|
||||
height:32px;
|
||||
}
|
||||
#before a,#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%);
|
||||
}
|
||||
#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%);
|
||||
}
|
||||
#choose a:hover,#before a:hover,#support a:hover{
|
||||
background-image:none;
|
||||
}
|
||||
|
||||
#footer{
|
||||
position:relative;
|
||||
|
|
@ -393,20 +329,196 @@ li p{
|
|||
padding:20px 0px 20px 40px;
|
||||
text-align:left;
|
||||
font-size:94%;
|
||||
max-width:1050px;
|
||||
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{
|
||||
|
|
@ -473,20 +585,32 @@ li p{
|
|||
}
|
||||
|
||||
.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%;
|
||||
font-weight:bold;
|
||||
}
|
||||
.resources ul{
|
||||
padding-top:5px;
|
||||
}
|
||||
.resources li{
|
||||
padding-top:6px;
|
||||
}
|
||||
.resources a,.resources a:link,.resources a:active,.resources a:visited{
|
||||
text-decoration:none;
|
||||
}
|
||||
.resources li ul li{
|
||||
font-weight:normal;
|
||||
margin:6px 0px;
|
||||
}
|
||||
|
||||
#chatbox{
|
||||
|
|
@ -519,13 +643,7 @@ li p{
|
|||
}
|
||||
|
||||
.preview{
|
||||
width:880px;
|
||||
padding-left:40px;
|
||||
padding-top:15px;
|
||||
border:2px solid #eee;
|
||||
margin-top:30px;
|
||||
border-radius:8px;
|
||||
-webkit-border-radius:8px;
|
||||
margin-top:-5px;
|
||||
}
|
||||
.previewcol{
|
||||
clear:both;
|
||||
|
|
@ -601,7 +719,7 @@ li p{
|
|||
background:url(/img/bubblebottom.svg) bottom center no-repeat;
|
||||
height:64px;
|
||||
}
|
||||
.previewrow>div>div>div>span{
|
||||
.previewrow>div>div>div>span {
|
||||
position:absolute;
|
||||
top:24px;
|
||||
right:30px;
|
||||
|
|
@ -688,10 +806,16 @@ h2 .rssicon{
|
|||
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;
|
||||
|
|
@ -709,10 +833,45 @@ h2 .rssicon{
|
|||
font-weight:bold;
|
||||
}
|
||||
|
||||
.download a{
|
||||
font-size:125%;
|
||||
.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;
|
||||
margin:5px 0px;
|
||||
}
|
||||
.download span{
|
||||
width:16px;
|
||||
|
|
@ -723,20 +882,12 @@ h2 .rssicon{
|
|||
.summary{
|
||||
font-size:125%;
|
||||
margin-bottom:40px;
|
||||
text-align:center;
|
||||
}
|
||||
.summarytxt{
|
||||
margin-bottom:40px;
|
||||
}
|
||||
|
||||
.foundation{
|
||||
max-width:500px;
|
||||
margin:40px auto;
|
||||
border:2px dashed #dfdfdf;
|
||||
padding:40px;
|
||||
border-radius:9px;
|
||||
-webkit-border-radius:9px;
|
||||
}
|
||||
|
||||
.press h2{
|
||||
font-size:150%;
|
||||
}
|
||||
|
|
@ -751,7 +902,7 @@ h2 .rssicon{
|
|||
width:400px;
|
||||
height:150px;
|
||||
display:inline-block;
|
||||
margin-right:30px;
|
||||
margin-right:20px;
|
||||
margin-bottom:30px;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
|
@ -799,7 +950,7 @@ h2 .rssicon{
|
|||
border-radius: 8px;
|
||||
}
|
||||
.press-faq>div{
|
||||
width:400px;
|
||||
width:380px;
|
||||
display:inline-block;
|
||||
vertical-align:top;
|
||||
text-align:left;
|
||||
|
|
@ -840,7 +991,7 @@ h2 .rssicon{
|
|||
}
|
||||
.press-materials>div{
|
||||
display:inline-block;
|
||||
width:300px;
|
||||
width:278px;
|
||||
vertical-align:top;
|
||||
position:relative;
|
||||
}
|
||||
|
|
@ -909,6 +1060,12 @@ h2 .rssicon{
|
|||
img{
|
||||
max-width:100%;
|
||||
}
|
||||
h1{
|
||||
text-align:left;
|
||||
}
|
||||
.summary{
|
||||
text-align:left;
|
||||
}
|
||||
#head{
|
||||
margin:0px;
|
||||
}
|
||||
|
|
@ -967,26 +1124,18 @@ h2 .rssicon{
|
|||
display:inline-block;
|
||||
margin:10px;
|
||||
}
|
||||
#rightbox,#rightbox.wide{
|
||||
display:block;
|
||||
position:static;
|
||||
margin:30px auto 20px auto;
|
||||
}
|
||||
#content,#content.wide{
|
||||
#content{
|
||||
position:static;
|
||||
margin:0px 5px;
|
||||
padding:15px 10px 20px 10px;
|
||||
}
|
||||
#footer{
|
||||
padding:0px 0px 20px 5px;
|
||||
padding:20px 0px 20px 5px;
|
||||
background-color:transparent;
|
||||
}
|
||||
.contributors{
|
||||
width:auto;
|
||||
}
|
||||
.foundation{
|
||||
padding:20px;
|
||||
}
|
||||
.preview{
|
||||
display:none;
|
||||
}
|
||||
|
|
@ -1023,11 +1172,66 @@ h2 .rssicon{
|
|||
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) */
|
||||
|
||||
#menufor{
|
||||
body.old #menufor{
|
||||
margin:0px;
|
||||
position:absolute;
|
||||
top:8px;
|
||||
|
|
@ -1035,7 +1239,16 @@ h2 .rssicon{
|
|||
padding:0px;
|
||||
height:35px;
|
||||
}
|
||||
#menufor li{
|
||||
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;
|
||||
|
|
@ -1043,10 +1256,10 @@ h2 .rssicon{
|
|||
border-radius:5px;
|
||||
-webkit-left-radius:5px;
|
||||
}
|
||||
#menufor li a,
|
||||
#menufor li a:active,
|
||||
#menufor li a:visited,
|
||||
#menufor li a:link{
|
||||
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%;
|
||||
|
|
@ -1056,22 +1269,21 @@ h2 .rssicon{
|
|||
color:#2c6fad;
|
||||
white-space:nowrap;
|
||||
}
|
||||
#menufor li:hover,
|
||||
#menufor li.active{
|
||||
body.old #menufor li:hover,
|
||||
body.old #menufor li.active{
|
||||
background-color:#2c6fad;
|
||||
}
|
||||
#menufor li:hover a,
|
||||
#menufor li.active a{
|
||||
body.old #menufor li:hover a,
|
||||
body.old #menufor li.active a{
|
||||
border-radius:5px;
|
||||
-webkit-left-radius:5px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#menu{
|
||||
body.old #menu{
|
||||
padding:0px;
|
||||
margin:12px auto -12px 32px;
|
||||
}
|
||||
#menu li{
|
||||
body.old #menu li{
|
||||
list-style:none;
|
||||
display:inline-block;
|
||||
margin:0px;
|
||||
|
|
@ -1089,50 +1301,203 @@ h2 .rssicon{
|
|||
border: 2px solid transparent;
|
||||
white-space:nowrap;
|
||||
}
|
||||
#menu li:hover a,
|
||||
#menu li.active a{
|
||||
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){
|
||||
#menufor,
|
||||
#menu,
|
||||
#menusimple{
|
||||
body.old #menufor,
|
||||
body.old #menu{
|
||||
display:none;
|
||||
}
|
||||
#menufor{
|
||||
body.old #menufor{
|
||||
position:static;
|
||||
bottom:0px;
|
||||
margin:10px 0px 0px 0px;
|
||||
height:auto;
|
||||
}
|
||||
#menufor li{
|
||||
body.old #menufor li{
|
||||
float:none;
|
||||
display:inline-block;
|
||||
}
|
||||
#menufor li a,#menufor li a:active,#menufor li a:visited,#menufor li a:link{
|
||||
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;
|
||||
}
|
||||
#menufor li{
|
||||
body.old #menufor li{
|
||||
margin:6px;
|
||||
}
|
||||
#menu{
|
||||
body.old #menu{
|
||||
position:static;
|
||||
height:auto;
|
||||
margin:10px 0px 10px 0px;
|
||||
}
|
||||
#menu li{
|
||||
body.old #menu li{
|
||||
float:none;
|
||||
display:inline-block;
|
||||
padding: 5px;
|
||||
}
|
||||
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue