/*
 * Stylesheet for Github About Page
 * 
 * https://github.com/AndreLion/about
 * 
 * At bottom of thie file, there is Customization Zone, 
 * you can add your own stylesheet there to control your 
 * repository card's style. Making the layout looks beeter. 
 * 
 */
body { background:#fefefe url(../assets/bg.png) repeat 0 0 scroll; }
.glyphicon { color:#666;margin-right:5px; }
.box { font-family: "Helvetica Nenu",Hevetica,Arial,sans-serif;background-color:#DDD;border-radius:5px;margin:40px 20px;box-shadow:-5px -4px 25px rgba(0, 0, 0, 0.3); }
.box .inner{ background: #fff;padding: 30px;border-radius:5px;box-shadow: inset 0 2px 0 #CCC;margin:0;border-left:none; }

#progress { position:absolute;top:0;left:0;height:2px;width:3%;background-color:#4387FD;transition:width 0.5s ease-in; }
#progress div { margin-left:99.9%;height:100%;width:1px;background-color:#4387FD;border-radius: 15px;box-shadow: 0px 0px 15px 5px rgba(67, 135, 253, 0.75); }

#tpl-wrap { display:none; }
.quote { width:350px;position:relative; }
.quote blockquote{ position: relative; }
.quote blockquote:after, 
.quote blockquote:before  { top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; }
.quote blockquote:after  { border-top-color: #ffffff;border-width: 10px;left: 65%;margin-left: 65px; }
.quote blockquote:before { border-top-color: rgba(0,0,0,0.01);border-width: 11px;left: 65%;margin-left: -11px; }
.quote blockquote p { font-family:serif;font-size: 24px;color: #b4b4b4;font-weight: 400;line-height: 40px;font-style: italic;position: relative;padding-top:10px;text-indent:100px; }
.quote blockquote p:before{ content: '\201C';font-family: serif;font-style: normal;font-weight: 700;position: absolute;font-size: 175px;top:0;left:-105px;color: #444;text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1); }
.quote .mb-attribution { text-align: right;padding: 20px 100px 20px 20px;position: relative; }
.quote .mb-thumb { display: block;width: 70px;height: 70px;border: 5px solid #fff;border-radius: 50%;background: url(https://github.global.ssl.fastly.net/images/icons/emoji/octocat.png) no-repeat center 2px;position: absolute;right: 10px;bottom: 5px;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.5),0 2px 3px rgba(0,0,0,0.6); }
.quote .mb-author{ font-family: 'Alegreya SC', serif;font-weight: 700;font-size: 18px;color:#444;text-shadow: 0 1px 1px rgba(255,255,255,0.7); }
.quote cite a{ font-family: serif;font-weight: 700;font-style: italic;color: #FFF;text-shadow: 0 1px 1px rgba(0,0,0,0.3); }
.quote cite a:hover{ color:#444;text-shadow: 0 1px 1px rgba(255,255,255,0.7); }

.namecard { width:500px; }
.namecard .inner { position:relative; }
.namecard .follow { margin: 10px 0 0 10px; }
.namecard .detail { min-height:145px;position:relative; }
.namecard .detail>span,
.namecard .detail>a { margin-left:20px;margin-bottom:5px; }
.namecard .detail .glyphicon { color:#666; }
.namecard .mask { position:absolute;top:0;left:0;margin:0;background-color:#FFF;width:100%;height:100%;opacity:0.6;border-radius:5px; }
.namecard table { position:absolute;top:0;left:0;margin:0;border-spacing:1px;border-collapse:separate;border-radius:5px;width:500px;max-width:none; }
.namecard table tr {}
.namecard table td { height:15px;padding:1px; }
#contribute .c0 { background-color:#EEE; }
#contribute .c1,#contribute .c2,#contribute .c3,#contribute .c4,
#contribute .c5 { background-color:#D6E685; }
#contribute .c6,#contribute .c7,#contribute .c8,#contribute .c9,
#contribute .c10 { background-color:#8CC665; }
#contribute .c11,#contribute .c12,#contribute .c13,#contribute .c14,
#contribute .c15 { background-color:#44A340; }
#contribute .ctop { background-color:#1E6823; }
.namecard a.name { font-weight:bold;font-size:26px;display:inline-block;margin-bottom:15px; }
.namecard .detail .share-trigger { font-size:18px;display:inline-block;margin-bottom:15px;color:#999; }
.namecard .detail .share-trigger:hover { color:#2A6496;text-decoration:none; }
.namecard .company { display:block; }
.namecard .location { display:block; }
.namecard .email { display:block; }
.namecard .blog { display:block; }
.namecard .created_at { display:block; }
.namecard .created_at .text:before { content:'Joined on '; }
.namecard .hireable { margin:30px -30px -30px; }
.namecard .hireable div { background-color:#DDD;border-radius:0 0 5px 5px;padding:5px 10px;font-size:12px;color:#666; }
.namecard .static { margin-top:20px; }
.namecard .static>div { border-right:1px solid #DDD; }
.namecard .static>div:last-child { border-right:none; }
.namecard .static span { display:block;padding:0 10px;font-size:18px; }
.namecard .static strong { display:block;color:#999;padding:0 10px;}
.namecard .twitter i { background-image:url(data:image/png;base64,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);background-size:45px 40px;height: 16px;width:19px;display: inline-block;vertical-align: bottom; }
.namecard .twitter .text:before { content:'@'; }
.namecard .public_repos span { float:left;padding:0 10px 0 0; }
.namecard .public_repos .glyphicon { line-height:22px;color:#428BCA; }
.namecard .public_repos .glyphicon:hover { cursor:pointer;color:#2A6496; }

.repocard { float:left;background-color:#FFF;overflow:hidden; }
.repocard.forked { display:none; }
.repocard .inner { padding-top:40px; }
.repocard .action { float:right;margin-right:10px;margin-top:15px; }
.repocard .action span { padding-left:3px; }
.repocard .name { font-size:26px; }
.repocard .description { max-width:500px; }
.repocard .image { float:left;margin-right:10px; }
.repocard .language { margin-left:3px;font-size:12px;color:#666; }
.repocard .language:before { content:' in '; }
.repocard hr { margin-top:10px; }
.repocard .homepage a { display:inline-block;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:sub; }
.repocard .created_at { color:#666;margin-top:15px; }
.repocard .updated_at { color:#666; }
.repocard.proud .name { font-size:38px; }
.repocard.recommend .rcmd { font-size:24px;color:#f60; }

.forkcard { float:left;background-color:#FFF;overflow:hidden;max-width:500px; }
.forkcard .fkd { font-size:24px;width:16px;overflow:hidden;-webkit-transform: rotate(45deg);transform: rotate(45deg); }
.forkcard h4 { font-size:26px;color:#666; }
.forkcard .name { font-size:20px;display:inline-block;padding:2px 15px 0 0; }
.forkcard .repo-name { height: 215px;overflow: auto; }

.aboutcard { line-height:26px; }

.resp404 { font-size:18px; }
.resp404 img { width:160px;height:160px;display:inline-block; }

.all-repos { height:100%;width:100%;background-color:transparent;position:absolute;top:0;display:none;pointer-events:none; }
.all-repos .panel { width:50%;margin:50px auto 0 auto;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);pointer-events:auto;}
.all-repos .close { float:right; }
.all-repos .panel-body { min-width:500px; }
.all-repos .panel-body h4 { }
.all-repos .panel-body a { display:inline-block;padding-right:15px; }

.share { height:100%;width:100%;background-color:transparent;position:absolute;top:0;display:none;pointer-events:none; }
.share .panel { width:30%;margin:120px auto 0 auto;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);pointer-events:auto;}
.share .close { float:right; }
.share .panel-body { min-width:400px;text-align:center; }
.share .panel-body a { display:inline-block;text-indent:-9999px;margin:20px 35px;background: url(../assets/twitter.png) 0 0 no-repeat;background-size:100%; }
.share .panel-body .tweet-button { height:52px;width:64px; }
.share .panel-body .weibo-button { height:52px;width:67px;background-image:url(../assets/weibo.png); }


/*
 * Customization Zone
 * Rule : 'repo-' is prefix, you can find your repository card by class name 'repo-your-github-repo-name'
 */

/*----Example---*/
.repo-facebook-weibo-login { width:600px !important; }
.repo-facebook-weibo-login .image { width:250px; }
.repo-css-number-scroll { width:400px !important; }
.repo-css-number-scroll .image { height:60px;width:199px; }
.repo-css-number-scroll .homepage { display:block;margin-top:87px; }
/*----Example---*/