aboutsummaryrefslogtreecommitdiffstats
path: root/syte/static/less/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'syte/static/less/styles.css')
-rw-r--r--syte/static/less/styles.css1221
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;
- }
-}