Created
September 2, 2014 07:28
-
-
Save kran/672de32e57f9ff99ecd3 to your computer and use it in GitHub Desktop.
css for postach
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import url('http://fonts.useso.com/css?family=Droid+Sans:400,700|Vollkorn:400italic'); | |
| /** | |
| * Page styles | |
| */ | |
| /*--------------------------------------------------- | |
| LESS Elements 0.9.1 | |
| --------------------------------------------------- | |
| A set of useful LESS mixins | |
| More info at: http://lesselements.com | |
| MODIFIED BY: Brandon Brown | |
| ---------------------------------------------------*/ | |
| * html .clearfix { | |
| zoom: 1; | |
| } | |
| /* IE6 */ | |
| *:first-child + html .clearfix { | |
| zoom: 1; | |
| } | |
| /* IE7 */ | |
| /* used for styling post content in themes */ | |
| /** | |
| * Utilities | |
| * Mixins used throughout themes and the main site | |
| */ | |
| /** | |
| * REM units mixin with PX fallback for legacy browsers with no REM unit support | |
| * https://github.com/christopher-ramirez/remixings | |
| */ | |
| .hide { | |
| display: none; | |
| } | |
| .show { | |
| display: block; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .pull-right { | |
| float: right; | |
| } | |
| .align-center { | |
| text-align: center; | |
| } | |
| .text-left { | |
| text-align: left; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| .text-right { | |
| text-align: right; | |
| } | |
| .text-justify { | |
| text-align: justify; | |
| } | |
| .no-underline { | |
| text-decoration: none; | |
| } | |
| .uppercase { | |
| text-transform: uppercase; | |
| } | |
| .lowercase { | |
| text-transform: lowercase; | |
| } | |
| .block { | |
| display: block; | |
| } | |
| .block:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .block:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .inline-block { | |
| display: inline-block; | |
| } | |
| .hidden { | |
| display: none; | |
| visibility: hidden; | |
| } | |
| .hide-text { | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .truncate { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| word-break: break-all; | |
| word-wrap: break-word; | |
| } | |
| .no-flick { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| } | |
| .vertical-center { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| } | |
| .clearfix:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| /** | |
| * Visibility Utilites | |
| * NOTE: Only include these if you aren't using Bootstrap! | |
| */ | |
| .visible-phone { | |
| display: none !important; | |
| } | |
| .visible-tablet { | |
| display: none !important; | |
| } | |
| .hidden-desktop { | |
| display: none !important; | |
| } | |
| .visible-desktop { | |
| display: inherit !important; | |
| } | |
| @media (min-width: 768px) and (max-width: 979px) { | |
| .hidden-desktop { | |
| display: inherit !important; | |
| } | |
| .visible-desktop { | |
| display: none !important ; | |
| } | |
| .visible-tablet { | |
| display: inherit !important; | |
| } | |
| .hidden-tablet { | |
| display: none !important; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .hidden-desktop { | |
| display: inherit !important; | |
| } | |
| .visible-desktop { | |
| display: none !important; | |
| } | |
| .visible-phone { | |
| display: inherit !important; | |
| } | |
| .hidden-phone { | |
| display: none !important; | |
| } | |
| } | |
| .visible-print { | |
| display: none !important; | |
| } | |
| @media print { | |
| .visible-print { | |
| display: inherit !important; | |
| } | |
| .hidden-print { | |
| display: none !important; | |
| } | |
| } | |
| /* Override Utilities | |
| --------------------------------------------- */ | |
| .gist { | |
| font-size: 13px; | |
| font-size: 0.8125rem; | |
| } | |
| /*! | |
| * Font Awesome 3.1.0 | |
| * the iconic font designed for Bootstrap | |
| * ------------------------------------------------------- | |
| * The full suite of pictographic icons, examples, and documentation | |
| * can be found at: http://fontawesome.io | |
| * | |
| * License | |
| * ------------------------------------------------------- | |
| * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - | |
| * http://scripts.sil.org/OFL | |
| * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - | |
| * http://opensource.org/licenses/mit-license.html | |
| * - Font Awesome documentation licensed under CC BY 3.0 License - | |
| * http://creativecommons.org/licenses/by/3.0/ | |
| * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: | |
| * "Font Awesome by Dave Gandy - http://fontawesome.io" | |
| * Contact | |
| * ------------------------------------------------------- | |
| * Email: dave@fontawesome.io | |
| * Twitter: http://twitter.com/fortaweso_me | |
| * Work: Lead Product Designer @ http://kyruus.com | |
| */ | |
| /* FONT PATH | |
| * -------------------------- */ | |
| @font-face { | |
| font-family: 'FontAwesome'; | |
| src: url('http://postach.io/static/themes/gridly/http://postach.io/static/themes/gridly/_assets/fontawesome/font/fontawesome-webfont.eot?v=3.1.0'); | |
| src: url('http://postach.io/static/themes/gridly/http://postach.io/static/themes/gridly/_assets/fontawesome/font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('http://postach.io/static/themes/gridly/http://postach.io/static/themes/gridly/_assets/fontawesome/font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('http://postach.io/static/themes/gridly/http://postach.io/static/themes/gridly/_assets/fontawesome/font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('http://postach.io/static/themes/gridly/http://postach.io/static/themes/gridly/_assets/fontawesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* FONT AWESOME CORE | |
| * -------------------------- */ | |
| [class^="icon-"], | |
| [class*=" icon-"] { | |
| font-family: FontAwesome; | |
| font-weight: normal; | |
| font-style: normal; | |
| text-decoration: inherit; | |
| -webkit-font-smoothing: antialiased; | |
| *margin-right: .3em; | |
| } | |
| [class^="icon-"]:before, | |
| [class*=" icon-"]:before { | |
| text-decoration: inherit; | |
| display: inline-block; | |
| speak: none; | |
| } | |
| /* makes the font 33% larger relative to the icon container */ | |
| .icon-large:before { | |
| vertical-align: -10%; | |
| font-size: 1.3333333333333333em; | |
| } | |
| /* makes sure icons active on rollover in links */ | |
| a [class^="icon-"], | |
| a [class*=" icon-"], | |
| a [class^="icon-"]:before, | |
| a [class*=" icon-"]:before { | |
| display: inline; | |
| } | |
| /* increased font size for icon-large */ | |
| [class^="icon-"].icon-fixed-width, | |
| [class*=" icon-"].icon-fixed-width { | |
| display: inline-block; | |
| width: 1.2857142857142858em; | |
| text-align: center; | |
| } | |
| [class^="icon-"].icon-fixed-width.icon-large, | |
| [class*=" icon-"].icon-fixed-width.icon-large { | |
| width: 1.5714285714285714em; | |
| } | |
| ul.icons-ul { | |
| list-style-type: none; | |
| text-indent: -0.7142857142857143em; | |
| margin-left: 2.142857142857143em; | |
| } | |
| ul.icons-ul > li .icon-li { | |
| width: 0.7142857142857143em; | |
| display: inline-block; | |
| text-align: center; | |
| } | |
| [class^="icon-"].hide, | |
| [class*=" icon-"].hide { | |
| display: none; | |
| } | |
| .icon-muted { | |
| color: #eeeeee; | |
| } | |
| .icon-light { | |
| color: #ffffff; | |
| } | |
| .icon-dark { | |
| color: #333333; | |
| } | |
| .icon-border { | |
| border: solid 1px #eeeeee; | |
| padding: .2em .25em .15em; | |
| -webkit-border-top-right-radius: 3px; | |
| -webkit-border-bottom-right-radius: 0; | |
| -webkit-border-bottom-left-radius: 0; | |
| -webkit-border-top-left-radius: 0; | |
| -moz-border-radius-topright: 3px; | |
| -moz-border-radius-bottomright: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| -moz-border-radius-topleft: 0; | |
| border-top-right-radius: 3px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| border-radius: 3px; | |
| } | |
| .icon-2x { | |
| font-size: 2em; | |
| } | |
| .icon-2x.icon-border { | |
| border-width: 2px; | |
| -webkit-border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 0; | |
| -webkit-border-bottom-left-radius: 0; | |
| -webkit-border-top-left-radius: 0; | |
| -moz-border-radius-topright: 4px; | |
| -moz-border-radius-bottomright: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| -moz-border-radius-topleft: 0; | |
| border-top-right-radius: 4px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| border-radius: 4px; | |
| } | |
| .icon-3x { | |
| font-size: 3em; | |
| } | |
| .icon-3x.icon-border { | |
| border-width: 3px; | |
| -webkit-border-top-right-radius: 5px; | |
| -webkit-border-bottom-right-radius: 0; | |
| -webkit-border-bottom-left-radius: 0; | |
| -webkit-border-top-left-radius: 0; | |
| -moz-border-radius-topright: 5px; | |
| -moz-border-radius-bottomright: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| -moz-border-radius-topleft: 0; | |
| border-top-right-radius: 5px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| border-radius: 5px; | |
| } | |
| .icon-4x { | |
| font-size: 4em; | |
| } | |
| .icon-4x.icon-border { | |
| border-width: 4px; | |
| -webkit-border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 0; | |
| -webkit-border-bottom-left-radius: 0; | |
| -webkit-border-top-left-radius: 0; | |
| -moz-border-radius-topright: 6px; | |
| -moz-border-radius-bottomright: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| -moz-border-radius-topleft: 0; | |
| border-top-right-radius: 6px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| border-radius: 6px; | |
| } | |
| .icon-5x { | |
| font-size: 5em; | |
| } | |
| .icon-5x.icon-border { | |
| border-width: 5px; | |
| -webkit-border-top-right-radius: 7px; | |
| -webkit-border-bottom-right-radius: 0; | |
| -webkit-border-bottom-left-radius: 0; | |
| -webkit-border-top-left-radius: 0; | |
| -moz-border-radius-topright: 7px; | |
| -moz-border-radius-bottomright: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| -moz-border-radius-topleft: 0; | |
| border-top-right-radius: 7px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| border-radius: 7px; | |
| } | |
| .pull-right { | |
| float: right; | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| [class^="icon-"].pull-left, | |
| [class*=" icon-"].pull-left { | |
| margin-right: .3em; | |
| } | |
| [class^="icon-"].pull-right, | |
| [class*=" icon-"].pull-right { | |
| margin-left: .3em; | |
| } | |
| /* BOOTSTRAP SPECIFIC CLASSES | |
| * -------------------------- */ | |
| /* Bootstrap 2.0 sprites.less reset */ | |
| [class^="icon-"], | |
| [class*=" icon-"] { | |
| display: inline; | |
| width: auto; | |
| height: auto; | |
| line-height: normal; | |
| vertical-align: baseline; | |
| background-image: none; | |
| background-position: 0% 0%; | |
| background-repeat: repeat; | |
| margin-top: 0; | |
| } | |
| /* more sprites.less reset */ | |
| .icon-white, | |
| .nav-pills > .active > a > [class^="icon-"], | |
| .nav-pills > .active > a > [class*=" icon-"], | |
| .nav-list > .active > a > [class^="icon-"], | |
| .nav-list > .active > a > [class*=" icon-"], | |
| .navbar-inverse .nav > .active > a > [class^="icon-"], | |
| .navbar-inverse .nav > .active > a > [class*=" icon-"], | |
| .dropdown-menu > li > a:hover > [class^="icon-"], | |
| .dropdown-menu > li > a:hover > [class*=" icon-"], | |
| .dropdown-menu > .active > a > [class^="icon-"], | |
| .dropdown-menu > .active > a > [class*=" icon-"], | |
| .dropdown-submenu:hover > a > [class^="icon-"], | |
| .dropdown-submenu:hover > a > [class*=" icon-"] { | |
| background-image: none; | |
| } | |
| /* keeps Bootstrap styles with and without icons the same */ | |
| .btn [class^="icon-"].icon-large, | |
| .nav [class^="icon-"].icon-large, | |
| .btn [class*=" icon-"].icon-large, | |
| .nav [class*=" icon-"].icon-large { | |
| line-height: .9em; | |
| } | |
| .btn [class^="icon-"].icon-spin, | |
| .nav [class^="icon-"].icon-spin, | |
| .btn [class*=" icon-"].icon-spin, | |
| .nav [class*=" icon-"].icon-spin { | |
| display: inline-block; | |
| } | |
| .nav-tabs [class^="icon-"], | |
| .nav-pills [class^="icon-"], | |
| .nav-tabs [class*=" icon-"], | |
| .nav-pills [class*=" icon-"], | |
| .nav-tabs [class^="icon-"].icon-large, | |
| .nav-pills [class^="icon-"].icon-large, | |
| .nav-tabs [class*=" icon-"].icon-large, | |
| .nav-pills [class*=" icon-"].icon-large { | |
| line-height: .9em; | |
| } | |
| .btn [class^="icon-"].pull-left.icon-2x, | |
| .btn [class*=" icon-"].pull-left.icon-2x, | |
| .btn [class^="icon-"].pull-right.icon-2x, | |
| .btn [class*=" icon-"].pull-right.icon-2x { | |
| margin-top: .18em; | |
| } | |
| .btn [class^="icon-"].icon-spin.icon-large, | |
| .btn [class*=" icon-"].icon-spin.icon-large { | |
| line-height: .8em; | |
| } | |
| .btn.btn-small [class^="icon-"].pull-left.icon-2x, | |
| .btn.btn-small [class*=" icon-"].pull-left.icon-2x, | |
| .btn.btn-small [class^="icon-"].pull-right.icon-2x, | |
| .btn.btn-small [class*=" icon-"].pull-right.icon-2x { | |
| margin-top: .25em; | |
| } | |
| .btn.btn-large [class^="icon-"], | |
| .btn.btn-large [class*=" icon-"] { | |
| margin-top: 0; | |
| } | |
| .btn.btn-large [class^="icon-"].pull-left.icon-2x, | |
| .btn.btn-large [class*=" icon-"].pull-left.icon-2x, | |
| .btn.btn-large [class^="icon-"].pull-right.icon-2x, | |
| .btn.btn-large [class*=" icon-"].pull-right.icon-2x { | |
| margin-top: .05em; | |
| } | |
| .btn.btn-large [class^="icon-"].pull-left.icon-2x, | |
| .btn.btn-large [class*=" icon-"].pull-left.icon-2x { | |
| margin-right: .2em; | |
| } | |
| .btn.btn-large [class^="icon-"].pull-right.icon-2x, | |
| .btn.btn-large [class*=" icon-"].pull-right.icon-2x { | |
| margin-left: .2em; | |
| } | |
| /* EXTRAS | |
| * -------------------------- */ | |
| /* Stacked and layered icon */ | |
| .icon-stack { | |
| position: relative; | |
| display: inline-block; | |
| width: 2em; | |
| height: 2em; | |
| line-height: 2em; | |
| vertical-align: -35%; | |
| } | |
| .icon-stack [class^="icon-"], | |
| .icon-stack [class*=" icon-"] { | |
| display: block; | |
| text-align: center; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| font-size: 1em; | |
| line-height: inherit; | |
| *line-height: 2em; | |
| } | |
| .icon-stack .icon-stack-base { | |
| font-size: 2em; | |
| *line-height: 1em; | |
| } | |
| /* Animated rotating icon */ | |
| .icon-spin { | |
| display: inline-block; | |
| -webkit-animation: spin 2s infinite linear; | |
| animation: spin 2s infinite linear; | |
| } | |
| @-webkit-keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| } | |
| } | |
| @-ms-keyframes spin { | |
| 0% { | |
| -ms-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -ms-transform: rotate(359deg); | |
| } | |
| } | |
| @keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| transform: rotate(359deg); | |
| } | |
| } | |
| /* Icon rotations and mirroring */ | |
| .icon-rotate-90:before { | |
| -webkit-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
| } | |
| .icon-rotate-180:before { | |
| -webkit-transform: rotate(180deg); | |
| -ms-transform: rotate(180deg); | |
| transform: rotate(180deg); | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
| } | |
| .icon-rotate-270:before { | |
| -webkit-transform: rotate(270deg); | |
| -ms-transform: rotate(270deg); | |
| transform: rotate(270deg); | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
| } | |
| .icon-flip-horizontal:before { | |
| -webkit-transform: scale(-1, 1); | |
| -ms-transform: scale(-1, 1); | |
| transform: scale(-1, 1); | |
| } | |
| .icon-flip-vertical:before { | |
| -webkit-transform: scale(1, -1); | |
| -ms-transform: scale(1, -1); | |
| transform: scale(1, -1); | |
| } | |
| /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | |
| readers do not read off random characters that represent icons */ | |
| .icon-glass:before { | |
| content: "\f000"; | |
| } | |
| .icon-music:before { | |
| content: "\f001"; | |
| } | |
| .icon-search:before { | |
| content: "\f002"; | |
| } | |
| .icon-envelope:before { | |
| content: "\f003"; | |
| } | |
| .icon-heart:before { | |
| content: "\f004"; | |
| } | |
| .icon-star:before { | |
| content: "\f005"; | |
| } | |
| .icon-star-empty:before { | |
| content: "\f006"; | |
| } | |
| .icon-user:before { | |
| content: "\f007"; | |
| } | |
| .icon-film:before { | |
| content: "\f008"; | |
| } | |
| .icon-th-large:before { | |
| content: "\f009"; | |
| } | |
| .icon-th:before { | |
| content: "\f00a"; | |
| } | |
| .icon-th-list:before { | |
| content: "\f00b"; | |
| } | |
| .icon-ok:before { | |
| content: "\f00c"; | |
| } | |
| .icon-remove:before { | |
| content: "\f00d"; | |
| } | |
| .icon-zoom-in:before { | |
| content: "\f00e"; | |
| } | |
| .icon-zoom-out:before { | |
| content: "\f010"; | |
| } | |
| .icon-off:before { | |
| content: "\f011"; | |
| } | |
| .icon-signal:before { | |
| content: "\f012"; | |
| } | |
| .icon-cog:before { | |
| content: "\f013"; | |
| } | |
| .icon-trash:before { | |
| content: "\f014"; | |
| } | |
| .icon-home:before { | |
| content: "\f015"; | |
| } | |
| .icon-file:before { | |
| content: "\f016"; | |
| } | |
| .icon-time:before { | |
| content: "\f017"; | |
| } | |
| .icon-road:before { | |
| content: "\f018"; | |
| } | |
| .icon-download-alt:before { | |
| content: "\f019"; | |
| } | |
| .icon-download:before { | |
| content: "\f01a"; | |
| } | |
| .icon-upload:before { | |
| content: "\f01b"; | |
| } | |
| .icon-inbox:before { | |
| content: "\f01c"; | |
| } | |
| .icon-play-circle:before { | |
| content: "\f01d"; | |
| } | |
| .icon-repeat:before, | |
| .icon-rotate-right:before { | |
| content: "\f01e"; | |
| } | |
| /* F020 doesn't work in Safari. all shifted one down */ | |
| .icon-refresh:before { | |
| content: "\f021"; | |
| } | |
| .icon-list-alt:before { | |
| content: "\f022"; | |
| } | |
| .icon-lock:before { | |
| content: "\f023"; | |
| } | |
| .icon-flag:before { | |
| content: "\f024"; | |
| } | |
| .icon-headphones:before { | |
| content: "\f025"; | |
| } | |
| .icon-volume-off:before { | |
| content: "\f026"; | |
| } | |
| .icon-volume-down:before { | |
| content: "\f027"; | |
| } | |
| .icon-volume-up:before { | |
| content: "\f028"; | |
| } | |
| .icon-qrcode:before { | |
| content: "\f029"; | |
| } | |
| .icon-barcode:before { | |
| content: "\f02a"; | |
| } | |
| .icon-tag:before { | |
| content: "\f02b"; | |
| } | |
| .icon-tags:before { | |
| content: "\f02c"; | |
| } | |
| .icon-book:before { | |
| content: "\f02d"; | |
| } | |
| .icon-bookmark:before { | |
| content: "\f02e"; | |
| } | |
| .icon-print:before { | |
| content: "\f02f"; | |
| } | |
| .icon-camera:before { | |
| content: "\f030"; | |
| } | |
| .icon-font:before { | |
| content: "\f031"; | |
| } | |
| .icon-bold:before { | |
| content: "\f032"; | |
| } | |
| .icon-italic:before { | |
| content: "\f033"; | |
| } | |
| .icon-text-height:before { | |
| content: "\f034"; | |
| } | |
| .icon-text-width:before { | |
| content: "\f035"; | |
| } | |
| .icon-align-left:before { | |
| content: "\f036"; | |
| } | |
| .icon-align-center:before { | |
| content: "\f037"; | |
| } | |
| .icon-align-right:before { | |
| content: "\f038"; | |
| } | |
| .icon-align-justify:before { | |
| content: "\f039"; | |
| } | |
| .icon-list:before { | |
| content: "\f03a"; | |
| } | |
| .icon-indent-left:before { | |
| content: "\f03b"; | |
| } | |
| .icon-indent-right:before { | |
| content: "\f03c"; | |
| } | |
| .icon-facetime-video:before { | |
| content: "\f03d"; | |
| } | |
| .icon-picture:before { | |
| content: "\f03e"; | |
| } | |
| .icon-pencil:before { | |
| content: "\f040"; | |
| } | |
| .icon-map-marker:before { | |
| content: "\f041"; | |
| } | |
| .icon-adjust:before { | |
| content: "\f042"; | |
| } | |
| .icon-tint:before { | |
| content: "\f043"; | |
| } | |
| .icon-edit:before { | |
| content: "\f044"; | |
| } | |
| .icon-share:before { | |
| content: "\f045"; | |
| } | |
| .icon-check:before { | |
| content: "\f046"; | |
| } | |
| .icon-move:before { | |
| content: "\f047"; | |
| } | |
| .icon-step-backward:before { | |
| content: "\f048"; | |
| } | |
| .icon-fast-backward:before { | |
| content: "\f049"; | |
| } | |
| .icon-backward:before { | |
| content: "\f04a"; | |
| } | |
| .icon-play:before { | |
| content: "\f04b"; | |
| } | |
| .icon-pause:before { | |
| content: "\f04c"; | |
| } | |
| .icon-stop:before { | |
| content: "\f04d"; | |
| } | |
| .icon-forward:before { | |
| content: "\f04e"; | |
| } | |
| .icon-fast-forward:before { | |
| content: "\f050"; | |
| } | |
| .icon-step-forward:before { | |
| content: "\f051"; | |
| } | |
| .icon-eject:before { | |
| content: "\f052"; | |
| } | |
| .icon-chevron-left:before { | |
| content: "\f053"; | |
| } | |
| .icon-chevron-right:before { | |
| content: "\f054"; | |
| } | |
| .icon-plus-sign:before { | |
| content: "\f055"; | |
| } | |
| .icon-minus-sign:before { | |
| content: "\f056"; | |
| } | |
| .icon-remove-sign:before { | |
| content: "\f057"; | |
| } | |
| .icon-ok-sign:before { | |
| content: "\f058"; | |
| } | |
| .icon-question-sign:before { | |
| content: "\f059"; | |
| } | |
| .icon-info-sign:before { | |
| content: "\f05a"; | |
| } | |
| .icon-screenshot:before { | |
| content: "\f05b"; | |
| } | |
| .icon-remove-circle:before { | |
| content: "\f05c"; | |
| } | |
| .icon-ok-circle:before { | |
| content: "\f05d"; | |
| } | |
| .icon-ban-circle:before { | |
| content: "\f05e"; | |
| } | |
| .icon-arrow-left:before { | |
| content: "\f060"; | |
| } | |
| .icon-arrow-right:before { | |
| content: "\f061"; | |
| } | |
| .icon-arrow-up:before { | |
| content: "\f062"; | |
| } | |
| .icon-arrow-down:before { | |
| content: "\f063"; | |
| } | |
| .icon-share-alt:before, | |
| .icon-mail-forward:before { | |
| content: "\f064"; | |
| } | |
| .icon-resize-full:before { | |
| content: "\f065"; | |
| } | |
| .icon-resize-small:before { | |
| content: "\f066"; | |
| } | |
| .icon-plus:before { | |
| content: "\f067"; | |
| } | |
| .icon-minus:before { | |
| content: "\f068"; | |
| } | |
| .icon-asterisk:before { | |
| content: "\f069"; | |
| } | |
| .icon-exclamation-sign:before { | |
| content: "\f06a"; | |
| } | |
| .icon-gift:before { | |
| content: "\f06b"; | |
| } | |
| .icon-leaf:before { | |
| content: "\f06c"; | |
| } | |
| .icon-fire:before { | |
| content: "\f06d"; | |
| } | |
| .icon-eye-open:before { | |
| content: "\f06e"; | |
| } | |
| .icon-eye-close:before { | |
| content: "\f070"; | |
| } | |
| .icon-warning-sign:before { | |
| content: "\f071"; | |
| } | |
| .icon-plane:before { | |
| content: "\f072"; | |
| } | |
| .icon-calendar:before { | |
| content: "\f073"; | |
| } | |
| .icon-random:before { | |
| content: "\f074"; | |
| } | |
| .icon-comment:before { | |
| content: "\f075"; | |
| } | |
| .icon-magnet:before { | |
| content: "\f076"; | |
| } | |
| .icon-chevron-up:before { | |
| content: "\f077"; | |
| } | |
| .icon-chevron-down:before { | |
| content: "\f078"; | |
| } | |
| .icon-retweet:before { | |
| content: "\f079"; | |
| } | |
| .icon-shopping-cart:before { | |
| content: "\f07a"; | |
| } | |
| .icon-folder-close:before { | |
| content: "\f07b"; | |
| } | |
| .icon-folder-open:before { | |
| content: "\f07c"; | |
| } | |
| .icon-resize-vertical:before { | |
| content: "\f07d"; | |
| } | |
| .icon-resize-horizontal:before { | |
| content: "\f07e"; | |
| } | |
| .icon-bar-chart:before { | |
| content: "\f080"; | |
| } | |
| .icon-twitter-sign:before { | |
| content: "\f081"; | |
| } | |
| .icon-facebook-sign:before { | |
| content: "\f082"; | |
| } | |
| .icon-camera-retro:before { | |
| content: "\f083"; | |
| } | |
| .icon-key:before { | |
| content: "\f084"; | |
| } | |
| .icon-cogs:before { | |
| content: "\f085"; | |
| } | |
| .icon-comments:before { | |
| content: "\f086"; | |
| } | |
| .icon-thumbs-up:before { | |
| content: "\f087"; | |
| } | |
| .icon-thumbs-down:before { | |
| content: "\f088"; | |
| } | |
| .icon-star-half:before { | |
| content: "\f089"; | |
| } | |
| .icon-heart-empty:before { | |
| content: "\f08a"; | |
| } | |
| .icon-signout:before { | |
| content: "\f08b"; | |
| } | |
| .icon-linkedin-sign:before { | |
| content: "\f08c"; | |
| } | |
| .icon-pushpin:before { | |
| content: "\f08d"; | |
| } | |
| .icon-external-link:before { | |
| content: "\f08e"; | |
| } | |
| .icon-signin:before { | |
| content: "\f090"; | |
| } | |
| .icon-trophy:before { | |
| content: "\f091"; | |
| } | |
| .icon-github-sign:before { | |
| content: "\f092"; | |
| } | |
| .icon-upload-alt:before { | |
| content: "\f093"; | |
| } | |
| .icon-lemon:before { | |
| content: "\f094"; | |
| } | |
| .icon-phone:before { | |
| content: "\f095"; | |
| } | |
| .icon-check-empty:before { | |
| content: "\f096"; | |
| } | |
| .icon-bookmark-empty:before { | |
| content: "\f097"; | |
| } | |
| .icon-phone-sign:before { | |
| content: "\f098"; | |
| } | |
| .icon-twitter:before { | |
| content: "\f099"; | |
| } | |
| .icon-facebook:before { | |
| content: "\f09a"; | |
| } | |
| .icon-github:before { | |
| content: "\f09b"; | |
| } | |
| .icon-unlock:before { | |
| content: "\f09c"; | |
| } | |
| .icon-credit-card:before { | |
| content: "\f09d"; | |
| } | |
| .icon-rss:before { | |
| content: "\f09e"; | |
| } | |
| .icon-hdd:before { | |
| content: "\f0a0"; | |
| } | |
| .icon-bullhorn:before { | |
| content: "\f0a1"; | |
| } | |
| .icon-bell:before { | |
| content: "\f0a2"; | |
| } | |
| .icon-certificate:before { | |
| content: "\f0a3"; | |
| } | |
| .icon-hand-right:before { | |
| content: "\f0a4"; | |
| } | |
| .icon-hand-left:before { | |
| content: "\f0a5"; | |
| } | |
| .icon-hand-up:before { | |
| content: "\f0a6"; | |
| } | |
| .icon-hand-down:before { | |
| content: "\f0a7"; | |
| } | |
| .icon-circle-arrow-left:before { | |
| content: "\f0a8"; | |
| } | |
| .icon-circle-arrow-right:before { | |
| content: "\f0a9"; | |
| } | |
| .icon-circle-arrow-up:before { | |
| content: "\f0aa"; | |
| } | |
| .icon-circle-arrow-down:before { | |
| content: "\f0ab"; | |
| } | |
| .icon-globe:before { | |
| content: "\f0ac"; | |
| } | |
| .icon-wrench:before { | |
| content: "\f0ad"; | |
| } | |
| .icon-tasks:before { | |
| content: "\f0ae"; | |
| } | |
| .icon-filter:before { | |
| content: "\f0b0"; | |
| } | |
| .icon-briefcase:before { | |
| content: "\f0b1"; | |
| } | |
| .icon-fullscreen:before { | |
| content: "\f0b2"; | |
| } | |
| .icon-group:before { | |
| content: "\f0c0"; | |
| } | |
| .icon-link:before { | |
| content: "\f0c1"; | |
| } | |
| .icon-cloud:before { | |
| content: "\f0c2"; | |
| } | |
| .icon-beaker:before { | |
| content: "\f0c3"; | |
| } | |
| .icon-cut:before { | |
| content: "\f0c4"; | |
| } | |
| .icon-copy:before { | |
| content: "\f0c5"; | |
| } | |
| .icon-paper-clip:before { | |
| content: "\f0c6"; | |
| } | |
| .icon-save:before { | |
| content: "\f0c7"; | |
| } | |
| .icon-sign-blank:before { | |
| content: "\f0c8"; | |
| } | |
| .icon-reorder:before { | |
| content: "\f0c9"; | |
| } | |
| .icon-list-ul:before { | |
| content: "\f0ca"; | |
| } | |
| .icon-list-ol:before { | |
| content: "\f0cb"; | |
| } | |
| .icon-strikethrough:before { | |
| content: "\f0cc"; | |
| } | |
| .icon-underline:before { | |
| content: "\f0cd"; | |
| } | |
| .icon-table:before { | |
| content: "\f0ce"; | |
| } | |
| .icon-magic:before { | |
| content: "\f0d0"; | |
| } | |
| .icon-truck:before { | |
| content: "\f0d1"; | |
| } | |
| .icon-pinterest:before { | |
| content: "\f0d2"; | |
| } | |
| .icon-pinterest-sign:before { | |
| content: "\f0d3"; | |
| } | |
| .icon-google-plus-sign:before { | |
| content: "\f0d4"; | |
| } | |
| .icon-google-plus:before { | |
| content: "\f0d5"; | |
| } | |
| .icon-money:before { | |
| content: "\f0d6"; | |
| } | |
| .icon-caret-down:before { | |
| content: "\f0d7"; | |
| } | |
| .icon-caret-up:before { | |
| content: "\f0d8"; | |
| } | |
| .icon-caret-left:before { | |
| content: "\f0d9"; | |
| } | |
| .icon-caret-right:before { | |
| content: "\f0da"; | |
| } | |
| .icon-columns:before { | |
| content: "\f0db"; | |
| } | |
| .icon-sort:before { | |
| content: "\f0dc"; | |
| } | |
| .icon-sort-down:before { | |
| content: "\f0dd"; | |
| } | |
| .icon-sort-up:before { | |
| content: "\f0de"; | |
| } | |
| .icon-envelope-alt:before { | |
| content: "\f0e0"; | |
| } | |
| .icon-linkedin:before { | |
| content: "\f0e1"; | |
| } | |
| .icon-undo:before, | |
| .icon-rotate-left:before { | |
| content: "\f0e2"; | |
| } | |
| .icon-legal:before { | |
| content: "\f0e3"; | |
| } | |
| .icon-dashboard:before { | |
| content: "\f0e4"; | |
| } | |
| .icon-comment-alt:before { | |
| content: "\f0e5"; | |
| } | |
| .icon-comments-alt:before { | |
| content: "\f0e6"; | |
| } | |
| .icon-bolt:before { | |
| content: "\f0e7"; | |
| } | |
| .icon-sitemap:before { | |
| content: "\f0e8"; | |
| } | |
| .icon-umbrella:before { | |
| content: "\f0e9"; | |
| } | |
| .icon-paste:before { | |
| content: "\f0ea"; | |
| } | |
| .icon-lightbulb:before { | |
| content: "\f0eb"; | |
| } | |
| .icon-exchange:before { | |
| content: "\f0ec"; | |
| } | |
| .icon-cloud-download:before { | |
| content: "\f0ed"; | |
| } | |
| .icon-cloud-upload:before { | |
| content: "\f0ee"; | |
| } | |
| .icon-user-md:before { | |
| content: "\f0f0"; | |
| } | |
| .icon-stethoscope:before { | |
| content: "\f0f1"; | |
| } | |
| .icon-suitcase:before { | |
| content: "\f0f2"; | |
| } | |
| .icon-bell-alt:before { | |
| content: "\f0f3"; | |
| } | |
| .icon-coffee:before { | |
| content: "\f0f4"; | |
| } | |
| .icon-food:before { | |
| content: "\f0f5"; | |
| } | |
| .icon-file-alt:before { | |
| content: "\f0f6"; | |
| } | |
| .icon-building:before { | |
| content: "\f0f7"; | |
| } | |
| .icon-hospital:before { | |
| content: "\f0f8"; | |
| } | |
| .icon-ambulance:before { | |
| content: "\f0f9"; | |
| } | |
| .icon-medkit:before { | |
| content: "\f0fa"; | |
| } | |
| .icon-fighter-jet:before { | |
| content: "\f0fb"; | |
| } | |
| .icon-beer:before { | |
| content: "\f0fc"; | |
| } | |
| .icon-h-sign:before { | |
| content: "\f0fd"; | |
| } | |
| .icon-plus-sign-alt:before { | |
| content: "\f0fe"; | |
| } | |
| .icon-double-angle-left:before { | |
| content: "\f100"; | |
| } | |
| .icon-double-angle-right:before { | |
| content: "\f101"; | |
| } | |
| .icon-double-angle-up:before { | |
| content: "\f102"; | |
| } | |
| .icon-double-angle-down:before { | |
| content: "\f103"; | |
| } | |
| .icon-angle-left:before { | |
| content: "\f104"; | |
| } | |
| .icon-angle-right:before { | |
| content: "\f105"; | |
| } | |
| .icon-angle-up:before { | |
| content: "\f106"; | |
| } | |
| .icon-angle-down:before { | |
| content: "\f107"; | |
| } | |
| .icon-desktop:before { | |
| content: "\f108"; | |
| } | |
| .icon-laptop:before { | |
| content: "\f109"; | |
| } | |
| .icon-tablet:before { | |
| content: "\f10a"; | |
| } | |
| .icon-mobile-phone:before { | |
| content: "\f10b"; | |
| } | |
| .icon-circle-blank:before { | |
| content: "\f10c"; | |
| } | |
| .icon-quote-left:before { | |
| content: "\f10d"; | |
| } | |
| .icon-quote-right:before { | |
| content: "\f10e"; | |
| } | |
| .icon-spinner:before { | |
| content: "\f110"; | |
| } | |
| .icon-circle:before { | |
| content: "\f111"; | |
| } | |
| .icon-reply:before, | |
| .icon-mail-reply:before { | |
| content: "\f112"; | |
| } | |
| .icon-folder-close-alt:before { | |
| content: "\f114"; | |
| } | |
| .icon-folder-open-alt:before { | |
| content: "\f115"; | |
| } | |
| .icon-expand-alt:before { | |
| content: "\f116"; | |
| } | |
| .icon-collapse-alt:before { | |
| content: "\f117"; | |
| } | |
| .icon-smile:before { | |
| content: "\f118"; | |
| } | |
| .icon-frown:before { | |
| content: "\f119"; | |
| } | |
| .icon-meh:before { | |
| content: "\f11a"; | |
| } | |
| .icon-gamepad:before { | |
| content: "\f11b"; | |
| } | |
| .icon-keyboard:before { | |
| content: "\f11c"; | |
| } | |
| .icon-flag-alt:before { | |
| content: "\f11d"; | |
| } | |
| .icon-flag-checkered:before { | |
| content: "\f11e"; | |
| } | |
| .icon-terminal:before { | |
| content: "\f120"; | |
| } | |
| .icon-code:before { | |
| content: "\f121"; | |
| } | |
| .icon-reply-all:before { | |
| content: "\f122"; | |
| } | |
| .icon-mail-reply-all:before { | |
| content: "\f122"; | |
| } | |
| .icon-star-half-full:before, | |
| .icon-star-half-empty:before { | |
| content: "\f123"; | |
| } | |
| .icon-location-arrow:before { | |
| content: "\f124"; | |
| } | |
| .icon-crop:before { | |
| content: "\f125"; | |
| } | |
| .icon-code-fork:before { | |
| content: "\f126"; | |
| } | |
| .icon-unlink:before { | |
| content: "\f127"; | |
| } | |
| .icon-question:before { | |
| content: "\f128"; | |
| } | |
| .icon-info:before { | |
| content: "\f129"; | |
| } | |
| .icon-exclamation:before { | |
| content: "\f12a"; | |
| } | |
| .icon-superscript:before { | |
| content: "\f12b"; | |
| } | |
| .icon-subscript:before { | |
| content: "\f12c"; | |
| } | |
| .icon-eraser:before { | |
| content: "\f12d"; | |
| } | |
| .icon-puzzle-piece:before { | |
| content: "\f12e"; | |
| } | |
| .icon-microphone:before { | |
| content: "\f130"; | |
| } | |
| .icon-microphone-off:before { | |
| content: "\f131"; | |
| } | |
| .icon-shield:before { | |
| content: "\f132"; | |
| } | |
| .icon-calendar-empty:before { | |
| content: "\f133"; | |
| } | |
| .icon-fire-extinguisher:before { | |
| content: "\f134"; | |
| } | |
| .icon-rocket:before { | |
| content: "\f135"; | |
| } | |
| .icon-maxcdn:before { | |
| content: "\f136"; | |
| } | |
| .icon-chevron-sign-left:before { | |
| content: "\f137"; | |
| } | |
| .icon-chevron-sign-right:before { | |
| content: "\f138"; | |
| } | |
| .icon-chevron-sign-up:before { | |
| content: "\f139"; | |
| } | |
| .icon-chevron-sign-down:before { | |
| content: "\f13a"; | |
| } | |
| .icon-html5:before { | |
| content: "\f13b"; | |
| } | |
| .icon-css3:before { | |
| content: "\f13c"; | |
| } | |
| .icon-anchor:before { | |
| content: "\f13d"; | |
| } | |
| .icon-unlock-alt:before { | |
| content: "\f13e"; | |
| } | |
| .icon-bullseye:before { | |
| content: "\f140"; | |
| } | |
| .icon-ellipsis-horizontal:before { | |
| content: "\f141"; | |
| } | |
| .icon-ellipsis-vertical:before { | |
| content: "\f142"; | |
| } | |
| .icon-rss-sign:before { | |
| content: "\f143"; | |
| } | |
| .icon-play-sign:before { | |
| content: "\f144"; | |
| } | |
| .icon-ticket:before { | |
| content: "\f145"; | |
| } | |
| .icon-minus-sign-alt:before { | |
| content: "\f146"; | |
| } | |
| .icon-check-minus:before { | |
| content: "\f147"; | |
| } | |
| .icon-level-up:before { | |
| content: "\f148"; | |
| } | |
| .icon-level-down:before { | |
| content: "\f149"; | |
| } | |
| .icon-check-sign:before { | |
| content: "\f14a"; | |
| } | |
| .icon-edit-sign:before { | |
| content: "\f14b"; | |
| } | |
| .icon-external-link-sign:before { | |
| content: "\f14c"; | |
| } | |
| .icon-share-sign:before { | |
| content: "\f14d"; | |
| } | |
| /* ====================== | |
| * Local Variables/Overrides | |
| * ====================== */ | |
| /* ====================== */ | |
| /* Set viewport to device width for responsive view */ | |
| @-webkit-viewport { | |
| width: device-width; | |
| } | |
| @-moz-viewport { | |
| width: device-width; | |
| } | |
| @-ms-viewport { | |
| width: device-width; | |
| } | |
| @-o-viewport { | |
| width: device-width; | |
| } | |
| @viewport { | |
| width: device-width; | |
| } | |
| * { | |
| -ms-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| background-repeat: no-repeat; | |
| } | |
| html { | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| html, | |
| body { | |
| min-height: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| padding-top: 10px; | |
| padding-top: 0.625rem; | |
| padding-bottom: 20px; | |
| padding-bottom: 1.25rem; | |
| font-weight: normal; | |
| font-size: 100%; | |
| font-family: 'Droid Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| line-height: 1.625; | |
| color: #252525; | |
| background: url('http://postach.io/static/themes/gridly/img/light/bg.jpg'); | |
| } | |
| @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25 * 96dpi) { | |
| body { | |
| font-weight: 300; | |
| } | |
| } | |
| body.dark { | |
| background: url('http://postach.io/static/themes/gridly/img/dark/bg.jpg'); | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin: 0.8125px 0; | |
| color: #252525; | |
| line-height: 1.625; | |
| } | |
| h1.title, | |
| h2.title, | |
| h3.title, | |
| h4.title, | |
| h5.title, | |
| h6.title { | |
| color: #707070; | |
| border-bottom-width: 1px; | |
| border-bottom-width: 0.0625rem; | |
| border-bottom: solid #d7d7d7; | |
| } | |
| h1 a, | |
| h2 a, | |
| h3 a, | |
| h4 a, | |
| h5 a, | |
| h6 a { | |
| font-weight: inherit; | |
| } | |
| h1 small, | |
| h2 small, | |
| h3 small, | |
| h4 small, | |
| h5 small, | |
| h6 small { | |
| color: #898989; | |
| font-weight: normal; | |
| font-size: 70%; | |
| } | |
| h1 { | |
| font-size: 36px; | |
| font-size: 2.25rem; | |
| } | |
| h2 { | |
| font-size: 24px; | |
| font-size: 1.5rem; | |
| } | |
| h3 { | |
| font-size: 21px; | |
| font-size: 1.3125rem; | |
| } | |
| h4 { | |
| font-size: 18px; | |
| font-size: 1.125rem; | |
| } | |
| h5 { | |
| font-size: 16px; | |
| font-size: 1rem; | |
| } | |
| h6 { | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| } | |
| p { | |
| margin: 0; | |
| margin-bottom: 20px; | |
| margin-bottom: 1.25rem; | |
| } | |
| p img { | |
| margin: 0; | |
| } | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| a { | |
| -webkit-transition: 0.1s ease-in; | |
| transition: 0.1s ease-in; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| color: #363636; | |
| text-decoration: none; | |
| } | |
| a:hover, | |
| a:active, | |
| a:focus { | |
| color: #505050; | |
| text-decoration: none; | |
| } | |
| ul, | |
| ol { | |
| margin-left: 40px; | |
| margin-left: 2.5rem; | |
| padding: 0; | |
| } | |
| blockquote, | |
| blockquote p { | |
| font-size: 17px; | |
| font-size: 1.0625rem; | |
| color: #898989; | |
| font-style: italic; | |
| } | |
| blockquote { | |
| margin: 0; | |
| margin-left: 20px; | |
| margin-left: 1.25rem; | |
| margin-bottom: 20px; | |
| margin-bottom: 1.25rem; | |
| padding: 9px 20px; | |
| padding: 0.5625rem 20px; | |
| padding: 9px 1.25rem; | |
| padding: 0.5625rem 1.25rem; | |
| border-left-width: 4px; | |
| border-left-width: 0.25rem; | |
| border-left: solid #cccccc; | |
| font-size: 16px; | |
| font-size: 1rem; | |
| font-weight: 400; | |
| font-family: "Vollkorn"; | |
| line-height: 1.625; | |
| } | |
| blockquote cite { | |
| display: block; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| color: #555555; | |
| } | |
| blockquote cite:before { | |
| content: "\2014 \0020"; | |
| } | |
| blockquote cite a, | |
| blockquote cite a:visited, | |
| blockquote cite a:visited { | |
| color: #555555; | |
| } | |
| blockquote.right { | |
| text-align: right; | |
| border-left: none; | |
| border-right-width: 1px; | |
| border-right-width: 0.0625rem; | |
| border-right: solid #d7d7d7; | |
| } | |
| sub, | |
| sup { | |
| position: relative; | |
| vertical-align: baseline; | |
| font-size: 75%; | |
| line-height: 0; | |
| } | |
| sup { | |
| top: -8px; | |
| top: -0.5rem; | |
| } | |
| sub { | |
| bottom: -4px; | |
| bottom: -0.25rem; | |
| } | |
| em { | |
| font-style: italic; | |
| } | |
| strong { | |
| font-weight: bold; | |
| color: #363636; | |
| } | |
| small { | |
| font-size: 80%; | |
| } | |
| hr { | |
| border-width: 0; | |
| border: solid #d7d7d7; | |
| border-top-width: 1px; | |
| border-top-width: 0.0625rem; | |
| margin: 10px 0; | |
| margin: 0.625rem 0; | |
| height: 0; | |
| } | |
| hr:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| hr:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| hr.large { | |
| margin: 20px 0; | |
| margin: 1.25rem 0; | |
| height: 8px; | |
| height: 0.5rem; | |
| background: #ebebeb; | |
| border: none; | |
| } | |
| .avatar a, | |
| .avatar img { | |
| border-radius: 50%; | |
| margin: auto; | |
| padding: 0; | |
| } | |
| .avatar a { | |
| display: inline-block; | |
| height: 96px; | |
| height: 6rem; | |
| width: 96px; | |
| width: 6rem; | |
| -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); | |
| box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); | |
| border: solid #ffffff; | |
| border-width: 2px; | |
| border-width: 0.125rem; | |
| } | |
| .avatar img { | |
| height: 92px; | |
| height: 5.75rem; | |
| width: 92px; | |
| width: 5.75rem; | |
| } | |
| /** | |
| * Page styles | |
| */ | |
| .wrap { | |
| width: 94%; | |
| margin-left: 3%; | |
| } | |
| .header { | |
| width: 100%; | |
| margin-bottom: 20px; | |
| margin-bottom: 1.25rem; | |
| } | |
| .header:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .header:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .header .avatar, | |
| .header .nav-logo { | |
| display: inline-block; | |
| vertical-align: middle; | |
| float: left; | |
| margin-top: 6px; | |
| margin-top: 0.375rem; | |
| } | |
| .header .avatar { | |
| margin-top: 12px; | |
| margin-top: 0.75rem; | |
| margin-right: 30px; | |
| margin-right: 1.875rem; | |
| } | |
| .header .logo { | |
| margin-bottom: 10px; | |
| margin-bottom: 0.625rem; | |
| } | |
| #nav { | |
| border-top: solid rgba(255, 255, 255, 0.45); | |
| border-top-width: 1px; | |
| border-top-width: 0.0625rem; | |
| -webkit-box-shadow: 0 -1px 0 rgba(133, 133, 133, 0.2); | |
| box-shadow: 0 -1px 0 rgba(133, 133, 133, 0.2); | |
| } | |
| #nav:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| #nav:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| #nav ul { | |
| display: inline-block; | |
| list-style: none; | |
| margin: 0 auto; | |
| padding: 0; | |
| } | |
| #nav ul li { | |
| float: left; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| } | |
| #nav ul li a { | |
| display: block; | |
| margin-top: 16px; | |
| margin-top: 1rem; | |
| margin-right: 10px; | |
| margin-right: 0.625rem; | |
| text-decoration: none; | |
| } | |
| #nav ul li a:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| #nav ul li a:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| #nav ul li a:hover, | |
| #nav ul li a.active { | |
| text-decoration: underline; | |
| } | |
| .footer { | |
| width: 100%; | |
| display: inline; | |
| padding-top: 10px; | |
| padding-top: 0.625rem; | |
| margin-top: 20px; | |
| margin-top: 1.25rem; | |
| } | |
| .copyright { | |
| width: 100%; | |
| display: inline; | |
| float: left; | |
| border-top: solid rgba(255, 255, 255, 0.45); | |
| border-top-width: 1px; | |
| border-top-width: 0.0625rem; | |
| -webkit-box-shadow: 0 -1px 0 rgba(133, 133, 133, 0.2); | |
| box-shadow: 0 -1px 0 rgba(133, 133, 133, 0.2); | |
| } | |
| .copyright:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .copyright:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .copyright p { | |
| padding-top: 15px; | |
| padding-top: 0.9375rem; | |
| color: #4f5356; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| } | |
| .copyright a { | |
| color: #898989; | |
| text-decoration: none; | |
| } | |
| .copyright a:hover { | |
| color: #000000; | |
| text-decoration: underline; | |
| } | |
| /** | |
| * General Page styles | |
| */ | |
| .tag-head { | |
| margin-bottom: 15px; | |
| margin-bottom: 0.9375rem; | |
| } | |
| .posts { | |
| position: relative; | |
| } | |
| .page, | |
| .post, | |
| .blog-post { | |
| -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.15); | |
| box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.15); | |
| } | |
| .page, | |
| .post { | |
| width: 740px; | |
| width: 46.25rem; | |
| margin-top: 15px; | |
| margin-top: 0.9375rem; | |
| margin-bottom: 30px; | |
| margin-bottom: 1.875rem; | |
| background: #ffffff; | |
| } | |
| .post-area { | |
| margin-bottom: 30px; | |
| margin-bottom: 1.875rem; | |
| } | |
| .post-area .blog-post { | |
| width: 23.5%; | |
| margin-right: 10px; | |
| margin-right: 0.625rem; | |
| margin-bottom: 10px; | |
| margin-bottom: 0.625rem; | |
| position: relative; | |
| background: #ffffff; | |
| } | |
| .post-area .blog-post .post-image { | |
| z-index: 5; | |
| position: relative; | |
| } | |
| .post-area .blog-post .post-image .post-tags { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| margin-bottom: 7px; | |
| margin-bottom: 0.4375rem; | |
| height: 30px; | |
| height: 1.875rem; | |
| background-color: rgba(0, 0, 0, 0.5); | |
| z-index: 10; | |
| } | |
| .post-area .blog-post .post-image .post-tags p { | |
| margin: 0; | |
| padding: 0; | |
| line-height: 30px; | |
| padding-left: 20px; | |
| padding-left: 1.25rem; | |
| padding-right: 40px; | |
| padding-right: 2.5rem; | |
| color: #ffffff; | |
| } | |
| .post-area .blog-post .post-image .post-tags a { | |
| color: #ffffff; | |
| } | |
| .post-area .blog-post .post-image .post-tags a:hover { | |
| color: #555555; | |
| } | |
| .post-area .blog-post .post-date, | |
| .post-area .blog-post .post-tags, | |
| .post-area .blog-post .post-link { | |
| color: #8e8e8e; | |
| font-size: 10px; | |
| font-size: 0.625rem; | |
| padding-bottom: 0; | |
| padding-top: 0; | |
| } | |
| .post-area .blog-post .post-date { | |
| margin-bottom: 10px; | |
| margin-bottom: 0.625rem; | |
| padding-bottom: 6px; | |
| padding-bottom: 0.375rem; | |
| border-bottom: dotted #cccccc; | |
| border-bottom-width: 1px; | |
| border-bottom-width: 0.0625rem; | |
| } | |
| .post-area .blog-post .post-link { | |
| padding-top: 6px; | |
| padding-top: 0.375rem; | |
| margin: 0; | |
| text-align: right; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| border-top: dotted #cccccc; | |
| border-top-width: 1px; | |
| border-top-width: 0.0625rem; | |
| } | |
| .post-content { | |
| display: block; | |
| /* found in _assets/less/elements.less */ | |
| width: auto; | |
| padding: 20px; | |
| overflow: hidden; | |
| } | |
| .post-content ul, | |
| .post-content ol, | |
| .post-content li, | |
| .post-content blockquote, | |
| .post-content p, | |
| .post-content div, | |
| .post-content b, | |
| .post-content i { | |
| text-align: left; | |
| } | |
| .post-content ul strong, | |
| .post-content ol strong, | |
| .post-content li strong, | |
| .post-content blockquote strong, | |
| .post-content p strong, | |
| .post-content div strong, | |
| .post-content b strong, | |
| .post-content i strong { | |
| font-weight: bold; | |
| } | |
| .post-content b { | |
| font-weight: bold; | |
| } | |
| .post-content p, | |
| .post-content div { | |
| padding: 7.5px 0; | |
| margin: 0; | |
| } | |
| .post-content p.gist, | |
| .post-content div.gist { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .post-content p.gist .gist-file, | |
| .post-content div.gist .gist-file, | |
| .post-content p.gist .gist-data, | |
| .post-content div.gist .gist-data, | |
| .post-content p.gist .gist-syntax, | |
| .post-content div.gist .gist-syntax, | |
| .post-content p.gist .file-data, | |
| .post-content div.gist .file-data, | |
| .post-content p.gist .line, | |
| .post-content div.gist .line { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .post-content table { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .post-content blockquote { | |
| padding: 7.5px 15px; | |
| margin: 7.5px 0; | |
| border-left: 5px solid #e5e5e5; | |
| } | |
| .post-content ul { | |
| padding: 7.5px 0 11.25px; | |
| margin-left: 50px; | |
| } | |
| .post-content ul li { | |
| padding: 0; | |
| margin: 0; | |
| list-style-type: square; | |
| } | |
| .post-content ol { | |
| padding: 7.5px 0 11.25px; | |
| margin-left: 30px; | |
| } | |
| .post-content ol li { | |
| padding: 0; | |
| margin: 0; | |
| list-style-type: decimal; | |
| } | |
| .post-content h1 { | |
| padding-bottom: 15px; | |
| } | |
| .post-content h2, | |
| .post-content h3 { | |
| padding-top: 15px; | |
| } | |
| .post-content img { | |
| max-width: 100%; | |
| } | |
| .post-content .mejs-container { | |
| margin-top: 7.5px; | |
| } | |
| .post-content .post-pdf { | |
| position: relative; | |
| } | |
| .post-content .post-pdf .pdf-fullscreen { | |
| position: absolute; | |
| bottom: 30px; | |
| left: 30px; | |
| color: #000; | |
| font-size: 12px; | |
| padding: 10px; | |
| background-color: #1abc9c; | |
| border-radius: 7px; | |
| -moz-opacity: 0.3; | |
| -khtml-opacity: 0.3; | |
| -webkit-opacity: 0.3; | |
| opacity: 0.3; | |
| -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); | |
| filter: alpha(opacity=30); | |
| -webkit-transition: all 0.1s ease-in; | |
| transition: all 0.1s ease-in; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| border: 0; | |
| } | |
| .post-content .post-pdf .pdf-fullscreen:hover { | |
| color: #fff; | |
| -moz-opacity: 1; | |
| -khtml-opacity: 1; | |
| -webkit-opacity: 1; | |
| opacity: 1; | |
| -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
| filter: alpha(opacity=100); | |
| } | |
| .post-content .post-pdf object { | |
| display: block; | |
| min-height: 400px; | |
| } | |
| .post-content a { | |
| text-decoration: underline; | |
| } | |
| .post-content .socialbar-container a { | |
| text-decoration: none; | |
| } | |
| .post-content .post-date { | |
| padding-bottom: 10px; | |
| color: #999; | |
| } | |
| .post-footer { | |
| padding: 0 20px 20px 20px; | |
| } | |
| .comments { | |
| padding: 15px; | |
| padding: 0.9375rem; | |
| } | |
| .post-nav { | |
| width: 35px; | |
| width: 2.1875rem; | |
| display: inline; | |
| float: left; | |
| margin-left: 10px; | |
| margin-left: 0.625rem; | |
| margin-top: 15px; | |
| margin-top: 0.9375rem; | |
| } | |
| .pagination { | |
| width: 100%; | |
| height: 30px; | |
| height: 1.875rem; | |
| margin-top: 30px; | |
| margin-top: 1.875rem; | |
| display: block; | |
| } | |
| .pagination:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .pagination:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .pagination:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .pagination:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .pagination .post-prev, | |
| .pagination .post-next { | |
| padding: 10px 15px; | |
| padding: 0.625rem 15px; | |
| padding: 10px 0.9375rem; | |
| padding: 0.625rem 0.9375rem; | |
| color: #555555; | |
| } | |
| .pagination .post-prev:hover, | |
| .pagination .post-next:hover { | |
| color: #111111; | |
| } | |
| .pagination .post-prev { | |
| float: left; | |
| } | |
| .pagination .post-next { | |
| float: right; | |
| text-align: right; | |
| } | |
| .social-icons { | |
| float: right; | |
| margin-top: 14px; | |
| margin-top: 0.875rem; | |
| display: block; | |
| } | |
| .social-icons ul { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| text-align: center; | |
| } | |
| .social-icons li { | |
| display: inline-block; | |
| } | |
| .social-icons a { | |
| border-radius: 50%; | |
| margin: 0 8px; | |
| margin: 0 0.5rem; | |
| height: 44px; | |
| height: 2.75rem; | |
| width: 44px; | |
| width: 2.75rem; | |
| padding: 2px; | |
| padding: 0.125rem; | |
| color: #252525; | |
| } | |
| .social-icons a i { | |
| font-size: 22px; | |
| font-size: 1.375rem; | |
| line-height: 1.4; | |
| } | |
| .social-icons a span { | |
| font-size: 0; | |
| } | |
| .post-next a, | |
| .post-prev a { | |
| -webkit-transition: none; | |
| transition: none; | |
| height: 35px; | |
| height: 2.1875rem; | |
| width: 35px; | |
| width: 2.1875rem; | |
| display: inline; | |
| float: left; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .post-next a:hover, | |
| .post-prev a:hover { | |
| height: 35px; | |
| height: 2.1875rem; | |
| width: 35px; | |
| width: 2.1875rem; | |
| } | |
| .post-next a { | |
| background: url(http://postach.io/static/themes/gridly/img/btn-left.png) top left no-repeat; | |
| } | |
| .post-next a:hover { | |
| background: url(http://postach.io/static/themes/gridly/img/btn-left.png) top right no-repeat; | |
| } | |
| .post-prev a { | |
| background: url(http://postach.io/static/themes/gridly/img/btn-right.png) top left no-repeat; | |
| } | |
| .post-prev a:hover { | |
| background: url(http://postach.io/static/themes/gridly/img/btn-right.png) top right no-repeat; | |
| } | |
| .post-pdf { | |
| position: relative; | |
| } | |
| .post-pdf .pdf-fullscreen { | |
| position: absolute; | |
| bottom: 30px; | |
| bottom: 1.875rem; | |
| left: 30px; | |
| left: 1.875rem; | |
| color: #fff; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| padding: 10px; | |
| padding: 0.625rem; | |
| background-color: #363636; | |
| border-radius: 7px; | |
| -moz-opacity: 0.3; | |
| -khtml-opacity: 0.3; | |
| -webkit-opacity: 0.3; | |
| opacity: 0.3; | |
| -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); | |
| filter: alpha(opacity=30); | |
| -webkit-transition: 0.1s ease-in; | |
| transition: 0.1s ease-in; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| border: 0; | |
| } | |
| .post-pdf .pdf-fullscreen:hover { | |
| -moz-opacity: 1; | |
| -khtml-opacity: 1; | |
| -webkit-opacity: 1; | |
| opacity: 1; | |
| -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
| filter: alpha(opacity=100); | |
| } | |
| .post-pdf object { | |
| display: block; | |
| min-height: 400px; | |
| min-height: 25rem; | |
| } | |
| /* Dark theme styles | |
| ==================================== */ | |
| .dark .header, | |
| .dark .footer { | |
| color: #efefef; | |
| } | |
| .dark .header a, | |
| .dark .footer a { | |
| color: #efefef; | |
| } | |
| .dark .header a:hover, | |
| .dark .footer a:hover { | |
| color: #cccccc; | |
| } | |
| .dark .tag-head { | |
| color: #efefef; | |
| } | |
| .dark .pagination .post-prev, | |
| .dark .pagination .post-next { | |
| color: #efefef; | |
| } | |
| .dark .pagination .post-prev:hover, | |
| .dark .pagination .post-next:hover { | |
| color: #b7b7b7; | |
| } | |
| /* | |
| * Greater than 1200px width | |
| */ | |
| /* | |
| * Less than 959px width | |
| */ | |
| @media screen and (max-width: 59.9375em) { | |
| .post-area .blog-post { | |
| width: 31.9%; | |
| } | |
| } | |
| /* | |
| * Less than 767px width | |
| */ | |
| @media screen and (max-width: 47.9375em) { | |
| body { | |
| padding-left: 10px; | |
| padding-left: 0.625rem; | |
| padding-right: 10px; | |
| padding-right: 0.625rem; | |
| } | |
| .wrap, | |
| .post, | |
| .page, | |
| .blog-post, | |
| .post-content { | |
| width: 100%; | |
| } | |
| .wrap { | |
| margin-left: 0; | |
| } | |
| .header .social-icons { | |
| float: left; | |
| } | |
| .post-area .blog-post { | |
| width: 47%; | |
| } | |
| } | |
| /* | |
| * Less than 479px width | |
| */ | |
| @media screen and (max-width: 29.9375em) { | |
| .header, | |
| .footer { | |
| text-align: center; | |
| } | |
| .header { | |
| margin-bottom: 15px; | |
| margin-bottom: 0.9375rem; | |
| } | |
| .header .avatar, | |
| .header .nav-logo { | |
| float: none; | |
| } | |
| .header .avatar { | |
| margin: 0; | |
| display: block; | |
| } | |
| .header .avatar:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .header .avatar:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .header .nav-logo { | |
| width: 100%; | |
| } | |
| .header .social-icons { | |
| float: none; | |
| } | |
| #nav ul li { | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| } | |
| .footer p { | |
| float: none; | |
| margin-bottom: 0; | |
| } | |
| .post-content { | |
| padding: 15px 20px; | |
| padding: 0.9375rem 20px; | |
| padding: 15px 1.25rem; | |
| padding: 0.9375rem 1.25rem; | |
| } | |
| .post-area .blog-post { | |
| width: 100%; | |
| } | |
| } | |
| .login { | |
| -ms-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| height: 100%; | |
| display: block; | |
| width: 100%; | |
| padding-top: 100px; | |
| background-color: transparent; | |
| } | |
| .login form { | |
| background-color: #fff; | |
| padding: 40px; | |
| -ms-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: block; | |
| width: 380px; | |
| margin: 0 auto; | |
| } | |
| .login form div { | |
| padding-bottom: 7px; | |
| } | |
| .login input { | |
| display: block; | |
| width: 100%; | |
| height: auto; | |
| font-size: 12pt; | |
| line-height: 12pt; | |
| padding: 7px; | |
| } | |
| .login input.input-password { | |
| margin: 0; | |
| } | |
| .login input.input-submit { | |
| color: #fff; | |
| border: 0; | |
| background-color: #2eb18d; | |
| border-radius: 5px; | |
| } | |
| .login label { | |
| font-weight: bold; | |
| font-size: 10pt; | |
| line-height: 10pt; | |
| padding-bottom: 7px; | |
| } | |
| .login p { | |
| padding-bottom: 20px; | |
| margin: 0; | |
| } | |
| .login p.login-copyright { | |
| padding-top: 20px; | |
| font-size: 9pt; | |
| } | |
| .login .login-error { | |
| display: block; | |
| background-color: #f76643; | |
| color: #fff; | |
| font-size: 10pt; | |
| line-height: 10pt; | |
| padding: 7px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment