dash-docs/_less/screen.less
Saivann 187ed2562a Improve contributors.rb plugin
Validate returned data from GitHub API
htmlescape data on the HTML page
Drop unnecessary yaml dependency
Add more comments in the code
Add more aliases in _config.yml
Fix vertical-align style
2014-06-06 15:33:16 -04:00

2050 lines
38 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;
border-left:5px solid #eee;
padding-left:15px;
}
pre{
background-color:#f5f5f5;
display:block;
padding:17px;
line-height:1.5em;
font-size:75%;
border:1px solid #ccc;
white-space:pre;
overflow-y:auto;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
pre code{
font-size:100%;
padding:0;
border:0;
white-space:pre;
}
code{
padding:2px 4px;
background-color:#f5f5f5;
font-size:85%;
white-space:nowrap;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
ul,ol{
padding-left:20px;
margin-left:0;
}
ul ul{
list-style-type:disc;
}
li{
margin:10px 0;
}
table td,table th{
padding:10px;
border:1px solid #ddd;
}
/*Styles for whole website*/
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-r-webfont.eot');
src:url('/font/ubuntu/ubuntu-r-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-r-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-r-webfont.ttf') format('truetype'),
url('/font/ubuntu/ubuntu-r-webfont.svg') format('svg');
font-weight:300;
font-style:normal;
}
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-ri-webfont.eot');
src:url('/font/ubuntu/ubuntu-ri-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-ri-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-ri-webfont.ttf') format('truetype'),
url('/font/ubuntu/ubuntu-ri-webfont.svg') format('svg');
font-weight:300;
font-style:italic;
}
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-b-webfont.eot');
src:url('/font/ubuntu/ubuntu-b-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-b-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-b-webfont.ttf') format('truetype'),
url('/font/ubuntu/ubuntu-b-webfont.svg') format('svg');
font-weight:700;
font-style:normal;
}
@font-face{
font-family:'Ubuntu';
src:url('/font/ubuntu/ubuntu-bi-webfont.eot');
src:url('/font/ubuntu/ubuntu-bi-webfont.eot?iefix') format('eot'),
url('/font/ubuntu/ubuntu-bi-webfont.woff') format('woff'),
url('/font/ubuntu/ubuntu-bi-webfont.ttf') format('truetype'),
url('/font/ubuntu/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;
}
.foundation-banner{
text-align:center;
width:940px;
margin:auto;
}
.foundation-banner div{
display:inline-block;
color:#8D8D8D;
padding:15px 30px 15px 30px;
margin:0 0 20px 0;
line-height:2em;
}
.foundation-banner a,
.foundation-banner a:link,
.foundation-banner a:active,
.foundation-banner a:visited{
color:#666;
font-weight:bold;
margin-left:6px;
white-space:nowrap;
}
.foundation-banner img{
vertical-align:top;
position:relative;
top:2px;
width:32px;
height:32px;
}
.head{
margin:30px 0 30px 0;
}
.head div{
width:940px;
margin:auto;
position:relative;
z-index:100;
}
.body{
width:940px;
margin:auto;
position:relative;
}
.langselect{
display:none;
}
.lang,
.lang li,
.lang ul{
display:block;
list-style:none;
padding:0;
margin:0;
cursor:pointer;
}
.lang{
position:absolute;
right:5px;
top:8px;
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;
position:absolute;
background-color:#fff;
padding:20px;
border:2px solid #ebebeb;
white-space:nowrap;
}
.lang:hover li ul{
display:block;
}
.lang li ul li{
display:inline-block;
vertical-align:top;
text-align:left;
width:180px;
}
.lang li ul li ul{
position:relative;
margin:-4px 0;
padding:0;
border:0;
top:0;
}
.lang li ul li ul li{
display:block;
}
.lang li a,
.lang li a:link,
.lang li a:visited,
.lang li a:active{
text-decoration:none;
font-size:115%;
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:4px 0;
width:180px;
}
.lang:hover li a,
.lang li ul li ul li:hover a,
.lang li ul li ul li a.active{
color:#666666;
}
.lang:hover li ul li a{
color:#b8b8b8;
}
.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;
padding:20px 0;
text-align:center;
width:940px;
font-size:94%;
}
.footermenu{
display:inline;
}
.footermenu a{
margin-right:15px;
white-space:nowrap;
}
/*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;
}
.starttitle{
text-align:center;
}
.starttitle a{
padding:10px;
border-bottom:1px solid #E2E2E2;
font-size:155%;
margin:20px auto;
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 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;
}
.warningicon{
width:42px;
height:42px;
vertical-align:middle;
margin-right:6px;
}
.index,
.index ul,
.index li{
list-style:none;
padding:0;
margin:0;
}
.index{
padding:10px 20px;
border:2px dashed #4892b2;
display:inline-block;
}
.index ul{
margin:10px 0;
}
.index li a{
font-weight:bold;
}
.index ul ul li a{
font-weight:normal;
}
.index a,
.index a:link,
.index a:active,
.index a:visited{
display:block;
text-decoration:none;
line-height:1.5em;
}
.docreference{
text-align:center;
}
.docreference a{
display:inline-block;
margin:0 15px 40px 15px;
font-size:125%;
}
.docreference img{
display:block;
height:48px;
width:48px;
margin:0 auto 10px auto;
}
.docreference span{
display:block;
line-height:1.5em;
}
.docreference span+span{
font-size:80%;
}
.toc{
position:absolute;
left:20px;
text-align:left;
padding-top:40px;
margin-top:-40px;
}
.toc div{
overflow-y:auto;
overflow-x:hidden;
width:240px;
}
.toc div.scroll{
position:fixed;
}
.toc ul,
.toc li{
list-style:none;
padding:0;
margin:0;
}
.toc ul{
width:220px;
border-right:1px solid #e0e0e0;
padding:0 19px 0 0;
}
.toc ul li{
padding:0 0 10px 0;
}
.toc ul li ul{
position:relative;
top:0;
padding:10px 0 0 0;
border:0;
display:none;
}
.toc ul li.active ul{
display:block;
}
.toc ul li ul li{
padding:0 0 4px 0;
}
.toc ul li ul li ul li{
padding-left:10px;
}
.toc ul li a{
padding-left:20px;
font-weight:bold;
}
.toc ul li ul li a{
font-weight:normal;
}
.toc ul li ul li a:hover:before,
.toc ul li ul li a.active:before{
content:">";
position:absolute;
font-weight:bold;
left:0px;
}
.toc ul.goback{
padding-top:8px;
}
.toc ul.goback li{
background:url(/img/mini_ico_back.svg) no-repeat 0 3px;
}
.toc ul.reportissue li{
background:url(/img/mini_ico_report.svg) no-repeat 0 3px;
}
.toc a,
.toc a:link,
.toc a:active,
.toc a:visited{
display:block;
text-decoration:none;
line-height:1.5em;
}
.toccontent{
width:600px;
margin:auto 0 auto auto;
position:relative;
}
.toccontent h2{
font-size:150%;
color:#383838;
}
.toccontent h3{
font-size:130%;
color:#383838;
}
.toccontent h4{
font-size:110%;
color:#383838;
}
.toccontent h5,.toccontent h6{
font-size:100%;
color:#383838;
}
.toccontent img{
max-width:100%;
}
.toccontent a.auto-link:link,
.toccontent a.auto-link:visited{
color:#646464;
}
.toccontent p:hover a.auto-link:link,
.toccontent p:hover a.auto-link:visited{
color:#2c6fad;
}
.toccontent p:hover a.auto-link:link:hover,
.toccontent p:hover a.auto-link:visited:hover{
color:#63a4e1;
}
.toccontent a:link.term,
.toccontent a:visited.term,
.toccontent p:hover a.auto-link.term:link,
.toccontent p:hover a.auto-link.term:visited,
.toccontent p:hover a.auto-link.term:link:hover,
.toccontent p:hover a.auto-link.term:visited:hover{
color:#000;
}
.toccontent a.term:link code,
.toccontent a.term:visited code{
color:#646464;
}
.anchorAf{
position:relative;
}
.anchorAf a{
display:none;
position:absolute;
width:24px;
left:-24px;
bottom:0;
top:0;
background:url(/img/mini_ico_anchor.svg) no-repeat center center;
}
.anchorAf:hover a{
display:block;
}
.develdocdisclaimer{
padding:30px 0;
background:#fff;
bottom:0;
position:fixed;
width:600px;
z-index:1000;
border-top:1px solid #e0e0e0;
}
.develdocdisclaimer div{
border:2px dashed #ee9209;
background:#fff8ea;
padding:10px;
line-height:1.5em;
position:relative;
}
.develdocdisclaimerclose,
.develdocdisclaimerclose:visited,
.develdocdisclaimerclose:link,
.develdocdisclaimerclose:active{
display:block;
padding:1px 8px 0 8px;
color:#fff;
background-color:#ee9209;
position:absolute;
top:-14px;
right:-14px;
font-weight:bold;
cursor:pointer;
border:2px solid #fff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.develdocdisclaimerclose:hover,
.develdocdisclaimerclose:visited:hover,
.develdocdisclaimerclose:link:hover,
.develdocdisclaimerclose:active:hover{
border:2px solid #ee9209;
color:#fff;
}
.highlight { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
.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;
}
.tablehalf p{
text-align:left;
}
.contributors{
width:890px;
text-align:left;
}
.contributors span a{
font-size:80%;
}
.contributors span{
padding:8px 0;
width:170px;
overflow:hidden;
display:inline-block;
vertical-align:top;
}
.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;
}
.resources .resourcesext{
margin-top:5px;
min-height:0;
}
.resources .resourcesext p{
padding-left:24px;
background:url(/img/mini_ico_link.svg) no-repeat 0 4px;
}
.resourcesorg{
margin-bottom:40px;
text-align:left;
font-size:0;
}
.resourcesorg div{
border-top:1px solid #e0e0e0;
}
.resourcesorg div:first-child,.resourcesorg div div{
border-top:0;
}
.resourcesorg div div{
width:278px;
font-size:16px;
display:inline-block;
vertical-align:top;
}
.resourcesorg img{
margin-right:5px;
width:24px;
height:24px;
position:relative;
bottom:-6px;
}
.resourcesmore{
text-align:center;
margin-top:40px;
}
.resourcesmore div{
display:inline-block;
text-align:left;
padding:20px 40px;
border-top:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
}
.resourcesmore div h2{
text-align:center;
margin-bottom:25px;
}
.resourcesmore div p{
font-size:115%;
margin:6px 0;
padding-left:24px;
background:url(/img/mini_ico_link.svg) no-repeat 0 4px;
}
.coredevtable div div:first-child{
width:200px;
}
.coredevtable div div:first-child+div{
width:220px;
}
.coredevtable div div:first-child+div+div{
width:80px;
}
.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;
}
.pleftfloat{
overflow:hidden;
}
.pleftfloat img{
float:left;
margin-right:10px;
}
.preview{
margin-top:25px;
}
.previewcol{
clear:both;
}
.previewcol .previewrow{
padding-left:19px;
padding-right:20px;
}
.previewcol .previewrow:first-child{
padding-left:0;
}
.previewcol .previewrow:first-child+div{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.previewcol .previewrow:first-child+div+div{
padding-right:0;
}
.previewrow{
float:left;
width:255px;
text-align:left;
position:relative;
}
.previewrow>h2{
font-size:115%;
margin-top:0;
}
.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;
width:72px;
height:72px;
}
.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;
}
.previewmobile{
display: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 p{
text-align:justify;
}
.download div p{
text-align:center;
}
.download h1,
.download h2{
text-align:center;
}
.download .mainbutton a{
margin:10px 0 35px 0;
}
.downloadbox{
display:inline-block;
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:20px 0 0 0;
}
.downloadbox p:first-child{
margin:0 0 10px 0;
}
.downloadbox p a{
font-size:90%;
}
.downloadbox a{
display:inline-block;
}
.downloadbox div{
display:inline-block;
margin:0 10px;
vertical-align:top;
}
.downloadbox div div{
display:block;
width:190px;
margin:10px 0;
text-align:left;
}
.downloadbox img{
width:32px;
height:32px;
position:relative;
bottom:-22px;
}
.downloadbox small{
display:block;
position:relative;
left:40px;
margin-top:4px;
}
.eventmap{
height:400px;
margin-bottom:25px;
}
.listtable div{
padding:8px 0;
border-top:1px solid #E2E2E2;
}
.listtable div:first-child{
border-top:0;
}
.listtable div div{
display:inline-block;
vertical-align:middle;
text-align:left;
line-height:1.5em;
padding:0;
border-top:0;
padding-right:20px;
}
.eventtable div div:first-child{
width:100px;
}
.eventtable div div:first-child+div{
width:300px;
}
.eventtable div div:first-child+div+div{
width:300px;
}
.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-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 printing*/
@media print{
.head{
display:none;
}
.footer{
display:none;
}
.foundation-banner{
display:none;
}
.content{
padding:0;
border:0;
}
.toc{
display:none;
}
.toccontent{
width:auto;
}
.develdocdisclaimer{
display:none;
}
}
/*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;
}
.head div{
width:auto;
}
.body{
width:auto;
}
.langselect{
background-color:transparent;
border:0;
font-size:115%;
position:absolute;
right:-20px;
top:18px;
width:120px;
text-indent:20px;
}
.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{
line-height:1.5em;
width:auto;
}
.footermenu{
display:block;
margin-bottom:20px;
}
.foundation-banner{
width:auto;
}
.index{
padding:15px;
}
.index ul{
padding:5px 0;
}
.index li{
padding:3px 0;
}
.docreference{
width:220px;
margin:0 0 40px 0;
}
.toc{
position:static;
margin-top:0px;
padding:10px;
border:2px dashed #4892b2;
display:inline-block;
}
.toc div{
width:auto;
}
.toc div.scroll{
position:static;
}
.toc ul,
.toc.scroll ul{
width:auto;
padding:0;
border:0;
}
.toc ul li ul{
display:block;
}
.toc ul li ul li ul li{
padding-left:0;
}
.toc ul li a{
padding:0;
}
.toc ul li ul li a:hover:before,
.toc ul li ul li a.active:before{
content:"";
}
.toc ul.goback li{
background:none;
}
.toc ul.reportissue li{
background:none;
}
.toccontent{
width:auto;
}
.toccontent a.auto-link:link,
.toccontent a.auto-link:visited{
color:#2c6fad;
}
.develdocdisclaimer{
padding:15px;
width:auto;
}
.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;
}
.previewrow.previewmobile{
display:block;
}
.previewrow{
width:auto;
text-align:left;
}
.previewrow>p{
font-size:100%;
}
.previewrow>h2{
margin-top:20px;
}
.previewrow>div>div{
position:fixed;
right:10px;
left:10px;
top:10px;
bottom:auto;
border:2px solid #2c6faf;
background:#f1f8fb;
z-index:1000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:none;
}
.previewrow>div>div>div{
padding:10px;
}
.previewrow>div>div>div:first-child{
background:none;
height:auto;
}
.previewrow>div>div>div>h2:first-child+span+p+p{
margin:10px 0;
position:static;
}
.previewrow .walletinfo{
border:2px solid #ee9209;
background-color:#fff8ea;
}
.previewrow .walletwarning{
border:2px solid #b95357;
background-color:#fff6f0;
}
.previewrow .walletwarning>div:first-child{
background:none;
height:auto;
}
.previewrow .walletinfo>div:first-child{
background:none;
height:auto;
}
.listtable div div{
display:block;
}
.eventtable div div:first-child,
.eventtable div div:first-child+div,
.eventtable div div:first-child+div+div{
width:auto;
}
.coredevtable div div:first-child,
.coredevtable div div:first-child+div,
.coredevtable div div:first-child+div+div{
width:auto;
}
.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>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;
}
.resourcesorg div div{
width:auto;
display:block;
}
.resourcesorg div{
border-top:0;
}
.resourcesmore{
margin-top:0;
}
.resourcesmore div{
padding:0;
border:0;
}
.resourcesmore div h2{
text-align:left;
}
.download{
text-align:left;
}
.download p{
text-align:left;
}
.download div p{
text-align:left;
}
.download h1,
.download h2{
text-align:left;
}
.download .mainbutton{
display:none;
}
.downloadbox{
border:0;
padding:0;
text-align:left;
}
.downloadbox div div{
margin:0;
width:auto;
}
.downloadbox>p:first-child{
display:none;
}
.eventmap{
height:200px;
}
}