@-webkit-keyframes attireNavEnter { from {
opacity:0;
-webkit-transform:translate3d(0, -1em, 0)
}
to { opacity:1; -webkit-transform:translate3d(0, 0, 0) }
}
@-moz-keyframes attireNavEnter { from {
opacity:0;
-moz-transform:translate3d(0, -1em, 0)
}
to { opacity:1; -moz-transform:translate3d(0, 0, 0) }
}
@keyframes attireNavEnter { from {
opacity:0;
-webkit-transform:translate3d(0, -1em, 0);
-moz-transform:translate3d(0, -1em, 0);
-ms-transform:translate3d(0, -1em, 0);
-o-transform:translate3d(0, -1em, 0);
transform:translate3d(0, -1em, 0)
}
to { opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
}
.attireMainNav { position:relative; margin-bottom:-1em; z-index:10; background-color:#fff; display:none; }
.attireMainNav>.toggleBtn { margin:0; padding:0; border:0; cursor:pointer; background:none; padding:0; display:inline-block; width:60px; height:60px; text-indent:-9999em; overflow:hidden }
.attireMainNav>.toggleBtn::-moz-focus-inner {
padding:0;
border:0
}
.attireMainNav>.toggleBtn:before { right:0; width:auto; text-indent:0 }
.attireMainNav>.toggleBtn:before { font-size:2.6em; width:2.30769em }
.attireMainNav>ul { padding:0 0 1em; display:none }
.attireMainNav.isActive { margin-bottom:0 }
.attireMainNav.isActive>ul { -webkit-animation:attireNavEnter 0.3s; -moz-animation:attireNavEnter 0.3s; animation:attireNavEnter 0.3s; display:block }
.attireMainNav a { font-size:1.4em; display:block; padding:1.07143em 1.42857em; color:#636363; letter-spacing:0.07em; text-transform:uppercase }
.attireMainNav a:hover { color:#2B91F5 }
@media screen and (min-width: 45.0625em) {
.attireMainNav {
margin-bottom:0
}
.attireMainNav>.toggleBtn {
display:none
}
.attireMainNav>ul {
display:block;
overflow:hidden;
padding:0 1.5em
}
.attireMainNav li {
float:left
}
.attireMainNav a {
font-size:1.4em;
display:block;
padding:1.42857em 1.07143em
}
}
.githubRibbon { position:absolute; right:0; top:0; width:10em; z-index:20 }
.githubRibbon>img { display:block; width:100% }
@media screen and (min-width: 45.0625em) {
.githubRibbon {
width:14.9em
}
}
.attireBlock { background-color:#fff; position:relative; border-top:1px solid #e3e3e3 }
.attireBlock:first-child { border-top:0 }
.attireBlock>.inner { padding:2em }
.attireBlock.mod1 { background-color:#FBFBFB }
@media screen and (min-width: 45.0625em) {
.attireBlock>.inner {
max-width:70em;
padding:6em 2.5em;
margin:0 auto
}
}
.attireSeparator { margin:2.5em 0; position:relative; border:0; border-top:1px solid #e3e3e3 }
.attireSeparator.mod1 { margin:3.5em 0; width:10em }
.attireSeparator.mod2 { margin:6em 0; width:10em; border-top:5px solid #636363 }
.attireFooter { padding:2em; border-top:1px solid #e3e3e3 }
.attireFooter>p { font-family:Lato, Arial, sans-serif; font-weight:300; font-style:normal; font-size:1.5em }
.attireAuthor { position:relative; margin-bottom:3em }
.attireAuthor>.imageElement { display:inline-block; overflow:hidden; vertical-align:middle; width:4em; height:4em; position:relative; border-radius:50%; border-radius:50% }
.attireAuthor>.imageElement>img { display:block; width:100% }
.attireAuthor>.name { font-family:Lato, Arial, sans-serif; font-weight:700; font-style:normal; font-size:1.3em; display:inline-block; vertical-align:middle; position:relative; text-transform:uppercase; letter-spacing:0.1em; padding:0 1em; background-color:#fff; color:#303030 }
.attireAuthor>.name:first-child { padding-left:0 }
@media screen and (max-width: 45em) {
.attireAuthor>.socialBox {
position:relative;
padding:1em 0 0;
margin-top:0.5em
}
.attireAuthor>.socialBox a {
font-size:1.4em;
display:block;
padding:.57143em .35714em .57143em 3.92857em;
color:#707070
}
.attireAuthor>.socialBox a:before {
font-size:1.3em
}
.attireAuthor>.socialBox:before {
content:"";
position:absolute;
left:5.5em;
top:0;
right:0;
border-top:1px solid #e3e3e3
}
}
@media screen and (min-width: 45.0625em) {
.attireAuthor {
margin-bottom:5em
}
.attireAuthor.noImage {
margin-top:4em
}
.attireAuthor>.imageElement {
width:5em;
height:5em
}
.attireAuthor>.socialBox {
position:absolute;
right:0;
top:50%;
margin-top:-2em;
background-color:#fff;
padding:0 2em 0 1em
}
.attireAuthor>.socialBox a {
padding:0;
display:inline-block;
width:40px;
height:40px;
text-indent:-9999em;
overflow:hidden
}
.attireAuthor>.socialBox a:before {
right:0;
width:auto;
text-indent:0
}
.attireAuthor>.socialBox a:before {
font-size:2em;
color:#636363
}
.attireAuthor>.socialBox a:hover:before {
color:#2B91F5
}
.attireAuthor:before {
content:"";
position:absolute;
left:0;
right:0;
top:50%;
border-top:1px solid #e3e3e3
}
}
.attireTitleType1 { font-family:Lato, Arial, sans-serif; font-weight:900; font-style:normal; font-size:4em; padding:0; margin:0; word-wrap:break-word; letter-spacing:-0.01em }
@media screen and (min-width: 45.0625em) {
.attireTitleType1 {
font-size:6em
}
}
.attireTitleType1+.attireTextType2 { margin-top:1.5625em }
.attireTitleType2 { font-family:Lato, Arial, sans-serif; font-weight:900; font-style:normal; font-size:3.8em; padding:0; margin:0 0 .55556em; word-wrap:break-word }
.attireTitleType3 { font-family:Lato, Arial, sans-serif; font-weight:700; font-style:normal; font-size:2.2em; padding:0; margin:0 0 .68182em; word-wrap:break-word }
.attireTextType1 { font-family:Lato, Arial, sans-serif; font-weight:300; font-style:normal; font-size:2.2em; padding:0; margin:.90909em 0 .90909em; color:#707070; line-height:1.4 }
@media screen and (min-width: 45.0625em) {
.attireTextType1 {
font-size:2.8em;
margin:.71429em 0 1.07143em
}
}
.attireTextType2 { font-size:1.8em; padding:0; margin:0 0 1.11111em; color:#636363; line-height:1.6 }
.attireTextType3 { font-size:1.6em; padding:0; margin:0 0 1.25em; color:#636363; line-height:1.6 }
.attireListType1 { margin-bottom:2em }
.attireListType1 li { font-size:1.7em; padding-left:1.76471em; margin:.58824em 0; position:relative; color:#636363; line-height:1.6 }
.attireListType1 li:before { content:"—"; position:absolute; left:0; top:0em }
.attireTextButtonType1 { margin:0; padding:0; border:0; cursor:pointer; background:none; color:#2B91F5 }
.attireTextButtonType1::-moz-focus-inner {
padding:0;
border:0
}
.attireCodeHighlight[class*="language-"] {
margin:2em 0
}
.attireCodeHighlight>code { font-size:1.4em }
.attireCodeToggleBlock .attireCodeHighlight { display:none }
.attireCodeToggleBlock.isActive .attireCodeHighlight { display:block }
.attireCodeToggleBtn { margin:0; padding:0; border:0; cursor:pointer; background:none; padding:0 1.2em 0 0; color:#2B91F5 }
.attireCodeToggleBtn::-moz-focus-inner {
padding:0;
border:0
}
.attireCodeToggleBtn:before { left:auto; right:0; text-align:right }
.attireUserRepositories { padding:2em; background-color:#FBFBFB; border-top:1px solid #e3e3e3 }
.attireUserRepositories>.loader { font-family:Lato, Arial, sans-serif; font-weight:300; font-style:normal; font-size:1.6em; padding:1.25em 0; text-align:center; color:#707070 }
.attireUserRepositories>.title { font-family:Lato, Arial, sans-serif; font-weight:300; font-style:normal; font-size:1.5em; padding-bottom:1.33333em; color:#707070 }
.attireUserRepositories>ul>li { padding:2em 0; position:relative }
.attireUserRepositories>ul>li:last-child { padding-bottom:0 }
.attireUserRepositories>ul>li:before { content:""; position:absolute; left:0; top:0; width:3em; border-top:1px solid #e3e3e3 }
@media screen and (min-width: 45.0625em) {
.attireUserRepositories>.title {
text-align:center;
position:relative;
padding:.33333em 0 1.66667em
}
.attireUserRepositories>.title:before {
content:"";
position:absolute;
top:100%;
left:50%;
width:3.33333em;
margin-left:-1.66667em;
border-top:1px solid #e3e3e3
}
.attireUserRepositories>ul {
max-width:110em;
margin:0 auto;
overflow:hidden
}
.attireUserRepositories>ul>li {
float:left;
width:33.33333%;
box-sizing:border-box;
padding:3em 4em 4em
}
.attireUserRepositories>ul>li:before {
display:none
}
}
.attireUserRepo { display:block }
.attireUserRepo>.title { font-family:Lato, Arial, sans-serif; font-weight:700; font-style:normal; font-size:2.4em; margin-bottom:.75em; color:#303030 }
.attireUserRepo>.description { font-size:1.6em; line-height:1.6; color:#636363 }