diff options
Diffstat (limited to 'syte/static/less/styles.css')
-rw-r--r-- | syte/static/less/styles.css | 1221 |
1 files changed, 0 insertions, 1221 deletions
diff --git a/syte/static/less/styles.css b/syte/static/less/styles.css deleted file mode 100644 index 1797222..0000000 --- a/syte/static/less/styles.css +++ /dev/null @@ -1,1221 +0,0 @@ -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; - } -} |