diff options
Diffstat (limited to 'syte/static/less/styles.css')
| -rw-r--r-- | syte/static/less/styles.css | 1221 |
1 files changed, 1221 insertions, 0 deletions
diff --git a/syte/static/less/styles.css b/syte/static/less/styles.css new file mode 100644 index 0000000..1797222 --- /dev/null +++ b/syte/static/less/styles.css @@ -0,0 +1,1221 @@ +html, +body { + margin: 0; + padding: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +cite, +code, +del, +dfn, +em, +img, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dd, +dl, +dt, +li, +ol, +ul, +fieldset, +form, +label, +legend, +button, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + margin: 0; + padding: 0; + border: 0; + font-weight: normal; + font-style: normal; + font-size: 100%; + font-family: inherit; +} +strong, +b { + font-weight: bold; +} +em, +i { + font-style: italic; +} +body { + line-height: 1; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +html { + overflow-y: scroll; + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +a:focus { + outline: thin dotted; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; +} +button, +input { + line-height: normal; + *overflow: visible; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} +input[type="search"] { + -webkit-appearance: textfield; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +textarea { + overflow: auto; + vertical-align: top; +} +/* mixins.less + * CSS Reset and base mixinis for LESS based development. + * Inspired by bootstrap.less initially created by Mark Dotto + * https://github.com/markdotto/preboot.less + **/ +.fade { + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + opacity: 0; +} +.fade.in { + opacity: 1; +} +body { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 15px; + color: #404040; +} +::selection, +::-moz-selection { + background: #333366; + color: #fff; + text-shadow: none; +} +h1, +.h1 { + font-size: 30px; + line-height: 35px; + font-weight: 500; +} +h2, +.h2 { + font-size: 24px; + line-height: 30px; + font-weight: 500; +} +h3, +.h3 { + font-size: 18px; + line-height: 25px; + font-weight: 500; +} +h4, +.h4 { + font-size: 16px; + line-height: 20px; + font-weight: 500; +} +h5, +.h5 { + font-size: 16px; + line-height: 20px; + font-weight: 500; +} +h6, +.h6 { + font-size: 14px; + line-height: 20px; + font-weight: 500; +} +ul { + margin: 0 0 15px 15px; +} +ol { + margin: 0 0 15px 20px; +} +li { + margin-bottom: 5px; +} +li ul, +li ol { + margin-bottom: 0; +} +dl { + margin-bottom: 10px; +} +dl dt { + font-weight: bold; +} +dl dd { + margin: 0 0 5px 10px; +} +p { + line-height: 25px; + margin-top: 20px; + margin-bottom: 20px; +} +a { + color: #000000; + text-decoration: none; + border-bottom: 1px solid #404040; +} +a:hover { + color: #333366; + border-bottom: 1px solid #333366; +} +a.no-border { + border-bottom: 0; +} +blockquote { + margin-top: 20px 0; + padding: 0 0 0 20px; + border-left: 5px solid #333366; +} +blockquote p:first-child { + margin-top: 5px; +} +.descr { + display: block; + font-size: 12px; + line-height: 20px; + color: #7f7e7e; +} +.btn { + display: inline-block; + padding: 4px 10px 4px; + font-size: 13px; + line-height: 18px; + color: #333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #e6e6e6; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6)); + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(top, #ffffff, #e6e6e6); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); + border: 1px solid #ccc; + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +} +.btn:hover { + color: #333; + text-decoration: none; + background-color: #e6e6e6; + background-position: 0 -15px; + border-bottom-color: #b3b3b3; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.modal-backdrop { + position: fixed; + z-index: 1000; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #000; +} +.modal-backdrop.fade, +.modal-backdrop.fade-large { + -webkit-transition: opacity .2s linear; + -moz-transition: opacity .2s linear; + -o-transition: opacity .2s linear; + transition: opacity .2s linear; + filter: alpha(opacity=0); + -khtml-opacity: 0; + -moz-opacity: 0; + opacity: 0; +} +.modal-backdrop, +.modal-backdrop.fade.in { + filter: alpha(opacity=50); + -khtml-opacity: 0.5; + -moz-opacity: 0.5; + opacity: 0.5; +} +.modal { + position: fixed; + top: 0; + left: 240px; + z-index: 1050; + overflow: auto; + width: 400px; + height: 100%; + background-color: #fff; + border-right: 1px solid #404040; + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); +} +.modal.fade-large { + width: 700px; + -webkit-transition: left .4s ease-out; + -moz-transition: left .4s ease-out; + -o-transition: left .4s ease-out; + transition: left .4s ease-out; + left: -1100px; +} +.modal.fade { + -webkit-transition: left .4s ease-out; + -moz-transition: left .4s ease-out; + -o-transition: left .4s ease-out; + transition: left .4s ease-out; + left: -700px; +} +.modal.fade.in, +.modal.fade-large.in { + left: 240px; +} +.close { + float: right; + font-size: 26px; + line-height: 30px; + font-weight: bold; + color: #000; + background-color: #fff; + text-shadow: 0 1px 0 #ffffff; + filter: alpha(opacity=20); + -khtml-opacity: 0.2; + -moz-opacity: 0.2; + opacity: 0.2; +} +.close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + filter: alpha(opacity=40); + -khtml-opacity: 0.4; + -moz-opacity: 0.4; + opacity: 0.4; +} +.profile { + background: #e9e9e9 url('/static/imgs/b.png'); +} +.profile-info { + position: relative; + padding: 15px; + background: #fff; +} +.profile-info .close { + line-height: 20px; +} +.profile-info .btn { + position: absolute; + right: 17px; + bottom: 20px; +} +.profile-avatar { + display: inline-block; + float: left; + border-bottom: 0; +} +.profile-avatar img { + height: 52px; + width: 52px; + border: 2px solid #333366; +} +.profile-avatar:hover { + border-bottom: 0; +} +.profile-name { + display: block; + float: left; + margin: 0 0 10px 10px; +} +.profile-name h2 { + font-size: 22px; + line-height: 30px; +} +.profile-name h2 a { + font-weight: 500; + color: #404040; + border-bottom: 0; +} +.profile-name h3 { + font-size: 16px; + line-height: 20px; +} +.profile-name h3 a { + color: #777; + border-bottom: 0; +} +.profile-name h2 a:hover, +.profile-name h3 a:hover { + color: #333366; +} +.profile-description { + clear: left; + font-size: 13px; + line-height: 18px; + font-style: italic; + color: #777; + margin: 0; + padding: 5px 0; +} +.profile-description a { + border-bottom: 0; +} +.profile-location-url { + clear: left; + margin: 0; +} +.profile-location-url span { + display: inline-block; + font-size: 13px; + line-height: 18px; + color: #777; +} +.profile-location-url .divider { + padding: 0 4px; + color: #ccc; +} +.profile-location-url a { + border-bottom: 0; +} +.profile-stats { + margin: 0; + list-style: none; + overflow: hidden; + border-top: 1px solid #C2C2C2; + border-bottom: 1px solid #C2C2C2; + background: #fff; +} +.profile-stats li { + display: inline; +} +.profile-stats li a, +.profile-stats li span { + float: left; + padding: 7px 15px; + color: #777; + font-size: 10px; + line-height: 16px; + text-transform: uppercase; + border-left: 1px solid #C2C2C2; + border-bottom: 0; +} +.profile-stats li strong { + display: block; + color: #404040; + font-size: 14px; +} +.profile-stats li a:hover, +.profile-stats li a:hover strong { + color: #333366; +} +.profile-stats li:first-child span { + border-left: 0; +} +.profile-info-footer { + padding: 10px 15px; + border-bottom: 1px solid #c2c2c2; +} +.profile-watchers { + display: inline-block; + background: url('/static/imgs/ico-watchers.png') no-repeat; + margin-left: 10px; + padding-left: 20px; +} +.profile-forks { + display: inline-block; + background: url('/static/imgs/ico-forks.png') no-repeat; + margin-left: 10px; + padding-left: 20px; +} +.profile-comments { + display: inline-block; + background: url('/static/imgs/ico-comments.png') no-repeat; + margin-left: 10px; + padding-left: 20px; +} +.profile-likes { + display: inline-block; + background: url('/static/imgs/ico-likes.png') no-repeat; + margin-left: 10px; + padding-left: 20px; +} +.profile.twitter { + overflow: hidden; +} +.profile-tweets { + list-style: none; + margin: 0; + background: #fff; +} +.profile-tweets li { + padding: 10px 15px; + border-bottom: 1px solid #c2c2c2; +} +.tweet-title { + border-bottom: 0; + position: relative; + padding-left: 45px; +} +.tweet-title img { + position: absolute; + left: 0; + width: 32px; + height: 32px; + border: 2px solid #333366; +} +.tweet-title span { + color: #777; + font-size: 13px; + padding-left: 3px; +} +.tweet-title:hover { + border-bottom: 0; +} +.tweet-text { + color: #777; + margin: 0; + padding: 3px 0; + font-size: 13px; + line-height: 18px; + margin-left: 45px; +} +.tweet-text a { + border-bottom: 0; +} +.tweet-date { + margin: 0; + font-size: 13px; + line-height: 18px; + margin-left: 45px; + color: #999; +} +.profile-repos { + list-style: none; + margin: 0; + background: #fff; +} +.profile-repos li { + padding: 10px 15px; + border-bottom: 1px solid #c2c2c2; +} +.profile-repo-name { + border-bottom: 0; + font-weight: 500; +} +.profile-repo-name:hover { + border-bottom: 0; +} +.profile-repo-text { + color: #777; + margin: 0; + padding: 5px 0; + font-size: 13px; + line-height: 18px; +} +.profile-repo-stats { + list-style: none; + margin: 0; + font-size: 13px; + line-height: 18px; +} +.profile-repo-stats li { + padding: 0; + border: 0; + display: inline-block; + zoom: 1; + *display: inline; +} +.profile-repo-stats a { + border-bottom: 0; +} +.profile-repo-stats a:hover { + border-bottom: 0; + color: #333366; +} +.profile-shots { + list-style: none; + margin: 0; + padding: 15px 0; +} +.profile-shots > li { + float: left; + width: 300px; + padding: 10px; + margin: 0 0px 20px 20px; + background: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); +} +.profile-shot { + border-bottom: 0; + display: block; +} +.profile-shot img { + width: 300px; + height: 225px; +} +.profile-shot:hover { + border-bottom: 0; +} +.profile-shot-title { + display: block; + padding: 5px 0; + font-size: 13px; + line-height: 18px; + color: #4b4b4b; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.profile-shot-stats { + list-style: none; + margin: 0; + font-size: 13px; + line-height: 18px; +} +.profile-shot-stats li { + margin-bottom: 0; + padding: 0; + border: 0; + display: inline-block; + zoom: 1; + *display: inline; +} +.profile-shot-stats li:first-child a, +.profile-shot-stats li:first-child span { + margin-left: 0; +} +.profile-shot-stats a { + border-bottom: 0; +} +.profile-shot-stats a:hover { + border-bottom: 0; + color: #333366; +} +.profile-shot-date { + float: right; + color: #999; +} +.instagram .profile-shot img { + width: 300px; + height: 300px; +} +code, +pre { + padding: 0 3px 2px; + color: #333; + font-family: "Monaco", Courier New, monospace; + font-size: 12px; + font-weight: normal; + line-height: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +code { + padding: 2px 4px; + color: #333366; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} +pre { + display: block; + padding: 8px; + margin: 0 0 9px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +pre.prettyprint { + margin-bottom: 20px; +} +pre code { + padding: 0; + color: inherit; + background-color: transparent; + border: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +blockquote code { + padding: 0; + color: inherit; + background-color: transparent; + border: 0; +} +.com { + color: #93a1a1; +} +.lit { + color: #195f91; +} +.pun, +.opn, +.clo { + color: #93a1a1; +} +.fun { + color: #dc322f; +} +.str, +.atv { + color: #da3f47; +} +.kwd, +.linenums .tag { + color: #1e347b; +} +.typ, +.atn, +.dec, +.var { + color: teal; +} +.pln { + color: #48484c; +} +.prettyprint { + padding: 8px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} +.prettyprint.linenums { + -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; +} +ol.linenums { + margin: 0 0 0 33px; + /* IE indents via margin-left */ + +} +ol.linenums li { + padding-left: 12px; + color: #bebec5; + line-height: 18px; + text-shadow: 0 1px 0 #fff; +} +.main-header { + position: fixed; + z-index: 1100; + top: 0; + left: 0; + width: 240px; + height: 100%; + min-height: 700px; + float: left; + border-right: 1px solid #c2c2c2; + background: #e9e9e9 url('/static/imgs/b.png'); +} +.main-header hgroup .picture a { + display: inline-block; + height: 84px; + width: 84px; + margin: 60px 35px 20px 35px; + border: 3px solid #333366; + background: #000000 0 url('https://twimg0-a.akamaihd.net/profile_images/1149409097/20101018060848_samrat94_6HR8FZ5V2JQDPU34ENIKCWBL0STAMO91XG7Y.jpg'); + -webkit-box-shadow: 0 1px 1px #f9f9f9, inset 0 0 6px #000000; + -moz-box-shadow: 0 1px 1px #f9f9f9, inset 0 0 6px #000000; + box-shadow: 0 1px 1px #f9f9f9, inset 0 0 6px #000000; +} +.main-header hgroup h1 { + font-size: 24px; + margin: 0 35px; + text-shadow: 0 1px 1px #f9f9f9; +} +.main-header hgroup h2 { + margin: 10px 35px; + font-size: 14px; + font-weight: normal; + line-height: 25px; + color: #4b4b4b; +} +.main-header nav { + margin: 65px 0; +} +.main-header nav ul { + border-top: 1px solid #d2d2d2; + list-style: none; + margin-left: 0; +} +.main-header nav li { + margin-bottom: 0; +} +.main-header nav a, +.main-header nav a:hover { + border-bottom: 1px solid #d2d2d2; +} +.main-header nav a { + position: relative; + padding: 15px 30px; + color: #404040; + display: block; + font-weight: 500; + text-shadow: 0 1px 1px #f9f9f9; +} +.main-header nav a:hover { + color: #fff; + background: #333366; + border-right: 0; + text-shadow: none; +} +.main-header nav .sel { + border-right: 6px solid #333366; +} +.main-header .spinner { + position: absolute !important; + right: 30px; + top: 23px; +} +.main-header .fork-me { + position: absolute; + left: 30px; + bottom: 20px; + font-size: 13px; + color: #4b4b4b; + border-bottom: none; +} +.main-header .fork-me:hover { + color: #333366; +} +.main-section { + position: relative; + overflow: hidden; + margin-left: 241px; + padding: 35px; +} +.main-section h3.date { + width: 100%; + display: block; + margin-left: -34px; + padding: 20px 35px 30px 75px; + border-bottom: 1px solid #C2C2C2; + border-top: 1px solid #C2C2C2; + font-size: 16px; + font-weight: bold; + background-color: #ffffff; + background-color: rgba(255, 255, 255, 0.8); + color: #333366; +} +a.button_accent { + margin: 40px 50px; + padding: 10px 20px; + display: inline-block; + border: 3px solid #333366; + border-radius: 70px; + -moz-border-radius: 70px; + -webkit-border-radius: 70px; + text-transform: uppercase; + color: #333366; + font-size: 17px; + font-weight: 400; +} +a.button_accent:link { + color: #0e94ec; +} +a.button_accent:hover { + color: #ffffff; + background-color: #333366; + outline: 0; +} +a.button_accent:active { + color: #ffffff; + background-color: #333399; + outline: 0; +} +.blog-section { + padding: 0; +} +.blog-section hgroup h2, +.blog-section hgroup h1 { + font-size: 30px; + line-height: 35px; + font-weight: 500; + line-height: 40px; + margin: 50px 0 25px 0; +} +.blog-section hgroup h2 a { + border-bottom: 0; + font-weight: 500; +} +.blog-section hgroup h3 a { + display: none; +} +.blog-section hgroup h3 a.active { + position: fixed; + top: 0; + bottom: auto; + margin-top: 0; +} +.blog-section article { + width: 700px; + overflow: hidden; + line-height: 25px; + padding: 5px 35px 50px 34px; +} +.blog-section article img { + padding: 2px; + border: 1px solid #C2C2C2; + margin: 0px 15px 5px 0px; +} +.blog-section article a.img-link { + border-bottom: 0; +} +.blog-section article a.img-link:hover img { + border-color: #333366; +} +.blog-section footer { + padding-top: 10px; +} +.blog-section footer h4 { + float: left; + text-transform: uppercase; + font-size: 13px; + line-height: 28px; + padding: 0px 15px 0px 0; +} +.tags { + list-style: none; + margin: 0; +} +.tags li { + display: inline-block; + zoom: 1; + *display: inline; +} +.tags a { + padding: 3px 10px; + font-size: 13px; + text-shadow: 0 1px 1px #F9F9F9; + background: #E9E9E9; + border: 1px solid #C2C2C2; +} +.tags a:hover { + background: #333366; + color: #fff; + text-shadow: none; + border: 1px solid #333366; +} +.mobile-nav { + display: none; +} +.load-more-button { + display: inline-block; + margin: 0 20px 50px 20px; + padding: 10px 30px; + background-color: #333366; + color: #fff; +} +.load-more-button:hover { + border: 1px solid #333366; + background: #fff; + color: #333366; +} +.load-more-button .spinner { + left: 140px; + top: -8px; +} +@media (max-width: 767px) { + header.main-header hgroup .picture a, + header.main-header nav { + margin-top: 30px; + } + .blog-section article { + width: 400px; + } + .blog-section article img { + max-width: 400px; + } +} +@media (max-width: 600px) { + body { + background: #e9e9e9 url('/static/imgs/b.png'); + overflow-x: hidden; + } + .mobile-nav { + display: block; + position: fixed; + top: 0; + height: 45px; + width: 100%; + z-index: 3000; + background: #e9e9e9 url('/static/imgs/b.png'); + border-top: 3px solid #333366; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + } + .mobile-nav h3 { + float: right; + padding: 10px; + } + .mobile-nav h3 a { + border-bottom: 0; + font-weight: bold; + color: #404040; + text-shadow: 0 1px 1px #f9f9f9; + } + .mobile-nav .nav-btn { + float: left; + padding: 7px 10px 4px; + margin: 8px 10px; + background-color: #333333; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#404040), to(#333333)); + background-image: -moz-linear-gradient(top, #404040, #333333); + background-image: -ms-linear-gradient(top, #404040, #333333); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #333333)); + background-image: -webkit-linear-gradient(top, #404040, #333333); + background-image: -o-linear-gradient(top, #404040, #333333); + background-image: linear-gradient(top, #404040, #333333); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#333333', GradientType=0); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px #f9f9f9; + -moz-box-shadow: 0 1px 1px #f9f9f9; + box-shadow: 0 1px 1px #f9f9f9; + } + .mobile-nav .nav-btn-bar { + display: block; + width: 18px; + height: 2px; + margin-bottom: 3px; + background-color: #f9f9f9; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + } + header.main-header { + position: absolute; + } + header.main-header hgroup .picture a { + margin: 60px 0 10px 10px; + } + header.main-header hgroup h1 { + font-size: 18px; + margin: 0 10px; + } + header.main-header hgroup h2 { + margin: 0 10px 10px 10px; + } + header.main-header nav { + margin: 20px 0; + } + header.main-header .fork-me { + display: none; + } + .main-section { + margin: 45px 0 0 0; + position: relative; + min-height: 500px; + left: 0; + z-index: 2000; + background-color: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -webkit-transition: left .3s ease-out; + -moz-transition: left .3s ease-out; + -o-transition: left .3s ease-out; + transition: left .3s ease-out; + } + .main-section.nav-opened { + left: 240px; + } + .blog-section hgroup h2, + .blog-section hgroup h1 { + font-size: 24px; + line-height: 30px; + font-weight: 500; + margin: 10px 0 5px 0; + } + .blog-section hgroup h3 a { + position: static; + margin: 0; + padding: 5px 0; + border: 0; + font-weight: 300; + } + .blog-section article { + width: 95%; + padding: 10px 10px 30px; + border-bottom: 1px solid #C2C2C2; + } + .blog-section article img { + max-width: 300px; + } + .blog-section .loading { + padding: 15px; + } + .modal-backdrop { + z-index: 3500; + } + .modal { + position: absolute; + width: 100%; + height: 1500px; + z-index: 4000; + top: 45px; + } + .modal.fade-large { + width: 100%; + } + .modal.fade.in, + .modal.fade-large.in { + left: 0; + } + .profile.twitter, + .profile.github, + .profile.dribbble, + .profile.instagram { + overflow: scroll; + } + .profile-info .btn { + position: static; + margin-top: 5px; + } + .shots-likes-received, + .shots-likes-given { + display: none; + } + .profile-shots { + padding: 10px 0; + } + .profile-shots > li { + margin: 0 0 20px 10px; + width: 280px; + } + .profile-shots img { + width: 280px; + height: 210px; + } + .instagram .profile-shot img { + width: 280px; + height: 280px; + } +} |