diff options
author | digitalcraftsman <digitalcraftsman@users.noreply.github.com> | 2015-10-04 17:16:53 +0300 |
---|---|---|
committer | digitalcraftsman <digitalcraftsman@users.noreply.github.com> | 2015-10-04 17:16:53 +0300 |
commit | adf090b5ee76f816c2a3be233a5d8d44419df065 (patch) | |
tree | 349b0616acd491b11572f7187e7e292ab4e49fe4 /static/css | |
parent | 4977705359600f56f51418e6347127db3b3ca3f4 (diff) |
Add static files
Diffstat (limited to 'static/css')
-rw-r--r-- | static/css/font-awesome.min.css | 4 | ||||
-rw-r--r-- | static/css/images/avatar.png | bin | 0 -> 17955 bytes | |||
-rw-r--r-- | static/css/images/logo.png | bin | 0 -> 6321 bytes | |||
-rw-r--r-- | static/css/images/thumb-default-small.png | bin | 0 -> 3862 bytes | |||
-rw-r--r-- | static/css/style.css | 1919 |
5 files changed, 1923 insertions, 0 deletions
diff --git a/static/css/font-awesome.min.css b/static/css/font-awesome.min.css new file mode 100644 index 0000000..123de92 --- /dev/null +++ b/static/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} diff --git a/static/css/images/avatar.png b/static/css/images/avatar.png Binary files differnew file mode 100644 index 0000000..baba51e --- /dev/null +++ b/static/css/images/avatar.png diff --git a/static/css/images/logo.png b/static/css/images/logo.png Binary files differnew file mode 100644 index 0000000..ba8db2d --- /dev/null +++ b/static/css/images/logo.png diff --git a/static/css/images/thumb-default-small.png b/static/css/images/thumb-default-small.png Binary files differnew file mode 100644 index 0000000..e1ec3b4 --- /dev/null +++ b/static/css/images/thumb-default-small.png diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..0e199ed --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,1919 @@ +body { + width: 100%; +} +body:before, +body:after { + content: ""; + display: table; +} +body:after { + clear: both; +} +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-family: inherit; + font-size: 100%; + vertical-align: baseline; +} +body { + line-height: 1; + color: #000; + background: #fff; +} +ol, +ul { + list-style: none; +} +table { + border-collapse: separate; + border-spacing: 0; + vertical-align: middle; +} +caption, +th, +td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +a img { + border: none; +} +input, +button { + margin: 0; + padding: 0; +} +input::-moz-focus-inner, +button::-moz-focus-inner { + border: 0; + padding: 0; +} +html, +body, +#container { + height: 100%; +} +body { + color: #565a5f; + background: #f5f8f9; + font: 14px "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif; + -webkit-text-size-adjust: 100%; +} +a { + color: #38b7ea; + text-decoration: none; +} +a:visited { + color: #38b7ea; +} +.outer { + max-width: 1320px; + margin: 0 auto; + padding: 0 20px; +} +.outer:before, +.outer:after { + content: ""; + display: table; +} +.outer:after { + clear: both; +} +@media screen and (max-width: 559px) { + .outer { + padding: 0; + } +} +.left, +.alignleft { + float: left; +} +.right, +.alignright { + float: right; +} +.clear { + clear: both; +} +.logo { + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; +} +#container { + position: relative; +} +#container > .outer { + margin-bottom: 30px; +} +@media screen and (min-width: 1200px) { + #main { + display: inline; + float: left; + width: 52.3076923076923%; + margin: 0 0.7692307692308%; + } +} +@media screen and (min-width: 800px) and (max-width: 1199px) { + #main { + display: inline; + float: left; + width: 67.6923076923077%; + margin: 0 0.7692307692308%; + } +} +.archive-article-header a, +.layout-wrap-inner.tag-cloud a, +.archive-article-header a:visited, +.layout-wrap-inner.tag-cloud a:visited { + color: #565a5f; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + transition: 0.2s ease; +} +.archive-article-header a:hover, +.layout-wrap-inner.tag-cloud a:hover, +.archive-article-header a:visited:hover, +.layout-wrap-inner.tag-cloud a:visited:hover { + color: #38b7ea; +} +.article-date, +.article-category-link, +.archive-year, +.widget-title { + text-decoration: none; + text-transform: uppercase; + color: #999; + line-height: 1em; +} +#header, +#profile .inner, +.article-inner, +#comments, +.archive-article, +#toTop { + background: #fff; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); + box-shadow: 0 1px 2px rgba(0,0,0,0.05); +} +.article-entry h1, +.widget h1 { + font-size: 2em; +} +.article-entry h2, +.widget h2 { + font-size: 1.5em; +} +.article-entry h3, +.widget h3 { + font-size: 1.3em; +} +.article-entry h4, +.widget h4 { + font-size: 1.2em; +} +.article-entry h5, +.widget h5 { + font-size: 1em; +} +.article-entry h6, +.widget h6 { + font-size: 1em; + color: #999; +} +.article-entry hr, +.widget hr { + border: 1px dashed #eceff2; +} +.article-entry strong, +.widget strong { + font-weight: bold; +} +.article-entry em, +.widget em, +.article-entry cite, +.widget cite { + font-style: italic; +} +.article-entry sup, +.widget sup, +.article-entry sub, +.widget sub { + font-size: 0.75em; + line-height: 0; + position: relative; + vertical-align: baseline; +} +.article-entry sup, +.widget sup { + top: -0.5em; +} +.article-entry sub, +.widget sub { + bottom: -0.2em; +} +.article-entry small, +.widget small { + font-size: 0.85em; +} +.article-entry acronym, +.widget acronym, +.article-entry abbr, +.widget abbr { + border-bottom: 1px dotted; +} +.article-entry ul, +.widget ul, +.article-entry ol, +.widget ol, +.article-entry dl, +.widget dl { + margin: 0 20px; + line-height: 1.6em; +} +.article-entry ul ul, +.widget ul ul, +.article-entry ol ul, +.widget ol ul, +.article-entry ul ol, +.widget ul ol, +.article-entry ol ol, +.widget ol ol { + margin-top: 0; + margin-bottom: 0; +} +.article-entry ul, +.widget ul { + list-style: disc; +} +.article-entry ol, +.widget ol { + list-style: decimal; +} +.article-entry dt, +.widget dt { + font-weight: bold; +} +#header { + background: #fff; + position: relative; +} +#header a, +#header a:visited { + white-space: nowrap; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + transition: 0.2s ease; + color: #565a5f; +} +#header a:hover { + color: #38b7ea; +} +.header-inner #logo, +#main-nav, +#sub-nav, +#search-form-wrap { + height: 40px; + line-height: 40px; + padding: 12px 15px; +} +.header-inner #logo, +#main-nav { + float: left; +} +#sub-nav, +#search-form-wrap { + float: right; +} +.header-inner { + height: 100%; + position: relative; +} +.header-inner #logo { + display: inline-block; +} +.header-inner #logo .logo { + display: inline-block; + width: 40px; + height: 40px; + margin-right: 5px; +} +.header-inner #logo .site-title { + font-size: 16px; + display: inline-block; + vertical-align: top; + font-weight: 600; +} +#header-title { + text-align: center; + height: 40px; + position: absolute; + top: 50%; + left: 0; + margin-top: -20px; +} +.header-sub { + border-top: 1px solid #eceff2; +} +.header-sub ul { + margin: 0 15px; +} +.header-sub ul:before, +.header-sub ul:after { + content: ""; + display: table; +} +.header-sub ul:after { + clear: both; +} +.header-sub ul li { + float: left; + margin: 0 10px; +} +.header-sub ul li a { + display: inline-block; + line-height: 48px; +} +.header-sub .main-nav-link { + display: inline-block; + line-height: 48px; +} +@media screen and (min-width: 560px) and (max-width: 799px) { + #header-sub { + display: none; + } +} +@media screen and (max-width: 559px) { + #header-sub { + display: none; + } +} +@media screen and (min-width: 560px) and (max-width: 799px) { + #main-nav { + display: none; + } +} +@media screen and (max-width: 559px) { + #main-nav { + display: none; + } +} +@media screen and (min-width: 800px) and (max-width: 1199px) { + #main-nav-mobile { + display: none; + } +} +@media screen and (min-width: 1200px) { + #main-nav-mobile { + display: none; + } +} +.nav-icon, +.main-nav-link { + float: left; + display: block; + padding: 0 15px; +} +.nav-icon { + text-align: center; + font-size: 14px; + width: 14px; + height: 14px; + position: relative; + cursor: pointer; + height: 40px !important; + line-height: 40px !important; +} +.main-nav-link { + font-weight: 300; +} +@media screen and (min-width: 1200px) { + #sub-nav { + display: none; + } +} +#sub-nav #profile-nav #profile-anchor { + display: block; + height: 40px; + line-height: 40px; +} +#sub-nav #profile-nav #profile-anchor:before, +#sub-nav #profile-nav #profile-anchor:after { + content: ""; + display: table; +} +#sub-nav #profile-nav #profile-anchor:after { + clear: both; +} +#sub-nav #profile-nav .avatar, +#sub-nav #profile-nav .fa { + float: left; +} +#sub-nav #profile-nav .avatar { + width: 40px; + height: 40px; + margin-right: 8px; +} +#sub-nav #profile-nav .fa { + line-height: 40px; +} +@media screen and (max-width: 559px) { + #search-form-wrap { + display: none; + } +} +#search-form-wrap .search-form { + position: relative; +} +#search-form-wrap .search-form .search-form-input { + width: 100%; + height: 40px; + padding: 0 30px 0 10px; + line-height: 40px; + -webkit-border-radius: 21px; + border-radius: 21px; +} +#search-form-wrap .search-form .search-form-input::-webkit-search-results-decoration, +#search-form-wrap .search-form .search-form-input::-webkit-search-cancel-button { + -webkit-appearance: none; +} +#search-form-wrap .search-form .search-form-submit { + top: 50%; + right: 15px; + border: none; + cursor: pointer; + margin-top: -7px; + background: none; + position: absolute; + font: 13px font-icon; + font-family: 'FontAwesome'; +} +#search-form-wrap .search-form .search-form-submit:before { + content: '\f002'; +} +#search-form-wrap .search-form .search-form-submit:hover, +#search-form-wrap .search-form .search-form-submit:focus { + color: #777; +} +.search-form-input { + width: 200px; + outline: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #565a5f; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + transition: 0.2s ease; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font: 14px "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif; + border: 1px solid #eceff2; +} +.search-form-input:focus { + border-color: #38b7ea; +} +#main-nav-mobile { + overflow-y: hidden; + overflow-x: auto; +} +#main-nav-mobile .menu { + margin: 0; + height: 48px; +} +#main-nav-mobile .menu:before, +#main-nav-mobile .menu:after { + content: ""; + display: table; +} +#main-nav-mobile .menu:after { + clear: both; +} +#main-nav-mobile .menu .search-form-input { + display: none; + padding: 0 10px; + margin-right: 15px; + height: 32px; + line-height: 32px; + -webkit-border-radius: 16px; + border-radius: 16px; +} +@media screen and (max-width: 559px) { + #main-nav-mobile .menu .search-form-input { + display: block; + } +} +#main-nav-mobile .menu .search-form-input::-webkit-search-results-decoration, +#main-nav-mobile .menu .search-form-input::-webkit-search-cancel-button { + -webkit-appearance: none; +} +.bio { + text-align: center; +} +#profile .inner .bio h2 { + font-size: 1.3em; + font-weight: bold; + margin-top: 15px; +} +#profile .inner .bio p { + margin: 5px 20px 10px 20px; + text-align: justify; + max-width: 300px; + line-height: 1.5em; +} +.profile-block { + padding: 15px 20px; + border-bottom: 1px solid #eceff2; +} +.profile-block:last-child { + border-bottom: none; +} +#profile { + display: inline; + float: left; + width: 21.5384615384615%; + margin: 0 0.7692307692308%; + display: none; +} +@media screen and (min-width: 1200px) { + #profile { + display: block; + } +} +#profile .inner { + margin-top: 40px; + background: #fff; +} +#profile .inner .base-info #avatar { + display: block; + margin: 10px auto 20px; + width: 128px; + height: 128px; +} +#profile .inner .base-info #name, +#profile .inner .base-info #title, +#profile .inner .base-info #location { + display: block; + text-align: center; +} +#profile .inner .base-info #name { + font-size: 20px; + font-weight: 600; +} +#profile .inner .base-info #location { + font-size: 12px; + margin-top: 5px; + color: #9a9ea3; +} +#profile .inner .base-info #location .fa { + margin-right: 5px; +} +#profile .inner .base-info #follow { + color: #fff; + width: 150px; + height: 40px; + display: block; + font-size: 14px; + line-height: 40px; + text-align: center; + margin: 20px auto 10px; + background: #38b7ea; + -webkit-border-radius: 20px; + border-radius: 20px; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + transition: 0.2s ease; +} +#profile .inner .base-info #follow:hover { + background: #49c8fb; +} +#profile .inner .article-info { + padding: 0px; +} +#profile .inner .article-info:before, +#profile .inner .article-info:after { + content: ""; + display: table; +} +#profile .inner .article-info:after { + clear: both; +} +#profile .inner .article-info .article-info-block { + width: 50%; + float: left; + padding: 20px 15px; + text-align: center; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 20px; +} +#profile .inner .article-info .article-info-block span { + display: block; + font-size: 14px; + text-transform: uppercase; +} +#profile .inner .article-info .article-info-block:first-child { + border-right: 1px solid #eceff2; +} +#profile .inner .contact-info .contact-list { + width: 100%; +} +#profile .inner .contact-info .contact-list td { + text-align: center; + font-size: 24px; +} +#profile .inner .contact-info .contact-list td a { + position: relative; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + transition: 0.2s ease; + color: #898d92; +} +#profile .inner .contact-info .contact-list td a:hover { + color: #565a5f; +} +#profile .inner .contact-info .contact-list td a:hover:after { + right: -50%; + top: -41px; + color: #fff; + background: #333; + font-size: 14px; + content: attr(title); + display: block; + padding: 5px 15px; + position: absolute; + white-space: nowrap; + -webkit-border-radius: 2px; + border-radius: 2px; + text-transform: uppercase; + -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); + box-shadow: 0 0 2px rgba(0,0,0,0.2); + z-index: 1; +} +#profile .inner .contact-info .contact-list td a:hover:before { + top: -12px; + right: 8px; + border: solid; + border-color: #333 transparent; + border-width: 5px 5px 0 5px; + content: ""; + display: block; + position: absolute; + z-index: 2; +} +#profile.card { + top: 50px; + right: 20px; + z-index: 999; + display: block; + min-width: 280px; + position: absolute; +} +#profile.card .profile-inner { + position: relative; + -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); + box-shadow: 0 2px 5px rgba(0,0,0,0.2); +} +#profile.card .profile-inner:before, +#profile.card .profile-inner:after { + z-index: 1; + content: ''; + top: -20px; + right: 10px; + position: absolute; + border-width: 10px; + border-style: solid; + border-color: transparent transparent #fff transparent; +} +#profile.card .profile-inner:after { + z-index: 0; + border-color: transparent transparent #dbdee1 transparent; +} +.article { + margin: 40px 0; +} +.article-inner { + overflow: hidden; +} +.article-banner { + width: 100%; + height: auto; +} +.article-meta:before, +.article-meta:after { + content: ""; + display: table; +} +.article-meta:after { + clear: both; +} +.article-meta > div { + margin-bottom: 5px; +} +.article-meta .article-date, +.article-meta .article-category { + margin-right: 10px; + color: #9a9ea3; +} +.article-meta a { + color: #9a9ea3; +} +.article-meta a:hover { + color: #38b7ea; +} +.article-date { + float: left; +} +.article-category { + float: left; + line-height: 1em; + color: #565a5f; +} +.article-category .fa-angle-right { + margin: 0 5px; +} +.article-header { + padding: 20px 20px 0; +} +.article-header .article-title { + display: block; + margin-bottom: 14px; +} +.article-title { + text-decoration: none; + font-size: 2em; + color: #565a5f; + line-height: 1.1em; + -webkit-transition: color 0.2s; + -moz-transition: color 0.2s; + -ms-transition: color 0.2s; + transition: color 0.2s; +} +a.article-title:visited { + color: #565a5f; +} +a.article-title:hover { + color: #38b7ea; +} +.article-entry { + color: #565a5f; + padding: 0 20px; + line-height: 1.6em; +} +.article-entry:before, +.article-entry:after { + content: ""; + display: table; +} +.article-entry:after { + clear: both; +} +.article-entry p, +.article-entry table { + line-height: 1.6em; + margin: 1.6em 0; +} +.article-entry h1, +.article-entry h2, +.article-entry h3, +.article-entry h4, +.article-entry h5, +.article-entry h6 { + font-weight: bold; +} +.article-entry h1, +.article-entry h2, +.article-entry h3, +.article-entry h4, +.article-entry h5, +.article-entry h6 { + line-height: 1.1em; + margin: 1.1em 0; +} +.article-entry a { + color: #38b7ea; + text-decoration: none; +} +.article-entry a:hover { + text-decoration: underline; +} +.article-entry ul, +.article-entry ol, +.article-entry dl { + margin-top: 1.6em; + margin-bottom: 1.6em; +} +.article-entry img, +.article-entry video { + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +.article-entry iframe { + border: none; +} +.article-entry table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; +} +.article-entry th { + font-weight: bold; + border-bottom: 3px solid #eceff2; + padding-bottom: 0.5em; +} +.article-entry td { + border-bottom: 1px solid #eceff2; + padding: 10px 0; +} +.article-entry blockquote { + font-family: Georgia, "Times New Roman", serif; + font-size: 1.4em; + margin: 1.6em 20px; + text-align: center; +} +.article-entry blockquote footer { + font-size: 14px; + margin: 1.6em 0; + font-family: "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif; +} +.article-entry blockquote footer cite:before { + content: "—"; + padding: 0 0.5em; +} +.article-entry .pullquote { + text-align: left; + width: 45%; + margin: 0; +} +.article-entry .pullquote.left { + margin-left: 0.5em; + margin-right: 1em; +} +.article-entry .pullquote.right { + margin-right: 0.5em; + margin-left: 1em; +} +.article-entry .caption { + color: #999; + display: block; + font-size: 0.9em; + margin-top: 0.5em; + position: relative; + text-align: center; +} +.article-entry .video-container { + position: relative; + padding-top: 56.25%; + height: 0; + overflow: hidden; +} +.article-entry .video-container iframe, +.article-entry .video-container object, +.article-entry .video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin-top: 0; +} +.article-more-link a { + display: inline-block; + line-height: 1em; + padding: 6px 15px; + -webkit-border-radius: 15px; + border-radius: 15px; + background: #f5f8f9; + color: #999; + text-shadow: 0 1px #fff; + text-decoration: none; +} +.article-more-link a:hover { + background: #38b7ea; + color: #fff; + text-decoration: none; + text-shadow: 0 1px #169cd2; +} +.article-footer { + font-size: 0.85em; + line-height: 1.6em; + border-top: 1px solid #eceff2; + padding-top: 1.6em; + margin: 0 20px 20px; +} +.article-footer:before, +.article-footer:after { + content: ""; + display: table; +} +.article-footer:after { + clear: both; +} +.article-footer a { + color: #999; + text-decoration: none; +} +.article-footer a:hover { + color: #565a5f; +} +.article-tag-list-item { + float: left; + margin-right: 10px; +} +.article-tag-list-link:before { + content: "#"; +} +.article-comment-link { + float: right; +} +.article-comment-link:before { + content: "\f075"; + font-family: FontAwesome; + padding-right: 8px; +} +.article-share-link { + cursor: pointer; + float: right; + margin-left: 20px; +} +.article-share-link:before { + content: "\f064"; + font-family: FontAwesome; + padding-right: 6px; +} +#article-nav { + position: relative; +} +#article-nav:before, +#article-nav:after { + content: ""; + display: table; +} +#article-nav:after { + clear: both; +} +@media screen and (min-width: 1200px) { + #article-nav { + margin: 40px 0; + } + #article-nav:before { + width: 8px; + height: 8px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -4px; + margin-left: -4px; + content: ""; + -webkit-border-radius: 50%; + border-radius: 50%; + background: #787c81; + } +} +.article-nav-link-wrap { + text-decoration: none; + color: #999; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-top: 40px; + text-align: center; + display: block; +} +.article-nav-link-wrap:hover { + color: #565a5f; +} +@media screen and (min-width: 1200px) { + .article-nav-link-wrap { + width: 50%; + margin-top: 0; + } +} +@media screen and (min-width: 1200px) { + #article-nav-newer { + float: left; + text-align: right; + padding-right: 20px; + } +} +@media screen and (min-width: 1200px) { + #article-nav-older { + float: right; + text-align: left; + padding-left: 20px; + } +} +.article-nav-caption { + letter-spacing: 2px; + line-height: 1em; + font-weight: bold; + color: #565a5f; + text-transform: uppercase; +} +#article-nav-newer .article-nav-caption { + margin-right: -2px; +} +.article-nav-title { + font-size: 0.85em; + line-height: 1.6em; + margin-top: 0.5em; +} +.article-share-box { + position: absolute; + display: none; + background: #fff; + -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); + box-shadow: 0px 2px 2px rgba(0,0,0,0.1); + -webkit-border-radius: 3px; + border-radius: 3px; + margin-left: -145px; + overflow: hidden; + z-index: 1; +} +.article-share-box.on { + display: block; +} +.article-share-input { + width: 100%; + background: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font: 14px "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif; + padding: 0 15px; + color: #565a5f; + outline: none; + border: 1px solid #eceff2; + -webkit-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + height: 36px; + line-height: 36px; +} +.article-share-links { + background: #f5f8f9; +} +.article-share-links:before, +.article-share-links:after { + content: ""; + display: table; +} +.article-share-links:after { + clear: both; +} +.article-share-twitter, +.article-share-facebook, +.article-share-pinterest, +.article-share-google { + width: 50px; + height: 36px; + display: block; + float: left; + position: relative; + color: #999; + text-shadow: 0 1px #fff; +} +.article-share-twitter:before, +.article-share-facebook:before, +.article-share-pinterest:before, +.article-share-google:before { + font-size: 20px; + width: 20px; + height: 20px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -10px; + margin-left: -10px; + text-align: center; +} +.article-share-twitter:hover, +.article-share-facebook:hover, +.article-share-pinterest:hover, +.article-share-google:hover { + color: #fff; +} +.article-share-twitter:hover { + background: #00aced; + text-shadow: 0 1px #008abe; +} +.article-share-facebook:hover { + background: #3b5998; + text-shadow: 0 1px #2f477a; +} +.article-share-pinterest:hover { + background: #cb2027; + text-shadow: 0 1px #a21a1f; +} +.article-share-google:hover { + background: #dd4b39; + text-shadow: 0 1px #be3221; +} +.article-gallery { + background: #000; + position: relative; +} +.article-gallery-photos { + position: relative; + overflow: hidden; +} +.article-gallery-img { + display: none; + max-width: 100%; +} +.article-gallery-img:first-child { + display: block; +} +.article-gallery-img.loaded { + position: absolute; + display: block; +} +.article-gallery-img img { + display: block; + max-width: 100%; + margin: 0 auto; +} +#comments { + padding: 20px; + margin: 40px 0; +} +#comments a { + color: #38b7ea; +} +.archives:before, +.archives:after { + content: ""; + display: table; +} +.archives:after { + clear: both; +} +.archives .article:first-child { + margin: 20px 0; +} +.archive-year-wrap, +.archive-category-wrap, +.archive-tag-wrap, +.layout-title { + font-size: 1.4em; + margin: 40px 0 20px 0; +} +@media screen and (max-width: 559px) { + .archive-year-wrap, + .archive-category-wrap, + .archive-tag-wrap, + .layout-title { + padding: 0 15px; + font-size: 1.2em; + } +} +.archive-year-wrap .fa, +.archive-category-wrap .fa, +.archive-tag-wrap .fa, +.layout-title .fa { + margin-right: 3px; +} +.archive-year-wrap .archive-year, +.archive-category-wrap .archive-year, +.archive-tag-wrap .archive-year, +.layout-title .archive-year { + color: #565a5f; +} +.archive-year-wrap .archive-year:hover, +.archive-category-wrap .archive-year:hover, +.archive-tag-wrap .archive-year:hover, +.layout-title .archive-year:hover { + color: #38b7ea; +} +@media screen and (max-width: 559px) { + .layout-wrap-inner { + padding: 0 15px; + } +} +.archive-article { + -webkit-column-break-inside: avoid; + page-break-inside: avoid; + overflow: hidden; + break-inside: avoid-column; + padding: 0; + margin-bottom: 15px; +} +.archive-article:before, +.archive-article:after { + content: ""; + display: table; +} +.archive-article:after { + clear: both; +} +.archive-article-thumbnail { + float: left; + margin-right: 10px; +} +.archive-article-thumbnail .thumbnail { + width: 160px; + height: 90px; + display: block; + position: relative; + overflow: hidden; +} +.archive-article-thumbnail .thumbnail span { + width: 100%; + height: 100%; + display: block; +} +.archive-article-thumbnail .thumbnail .thumbnail-image { + position: absolute; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + background-position: center; +} +.archive-article-thumbnail .thumbnail .thumbnail-none { + background-image: url("images/thumb-default-small.png"); +} +@media screen and (max-width: 559px) { + .archive-article-thumbnail .thumbnail { + width: 120px; + height: 67.5px; + } +} +.archive-article-header { + padding: 10px; +} +.archive-article-title { + font-size: 1.2em; + line-height: 1.2em; +} +@media screen and (max-width: 559px) { + .archive-article-title { + font-size: 1em; + line-height: 1em; + height: 1em; + overflow: hidden; + display: block; + } +} +.archive-article-date { + display: block; + margin-top: 8px; +} +.layout-wrap-inner.list-categories ul { + margin-left: 15px; + list-style: none; +} +.layout-wrap-inner.list-categories ul li, +.layout-wrap-inner.list-categories ul .category-list-child { + padding: 10px 0; + font-size: 14px; + border-bottom: 1px solid border-color; +} +.layout-wrap-inner.list-categories ul li a, +.layout-wrap-inner.list-categories ul .category-list-child a { + color: #777; +} +.layout-wrap-inner.list-categories ul ul, +.layout-wrap-inner.list-categories ul ol { + list-style: none; +} +.layout-wrap-inner.list-categories ul ul li, +.layout-wrap-inner.list-categories ul ol li { + border: none; +} +.layout-wrap-inner.list-categories ul ul li:last-child, +.layout-wrap-inner.list-categories ul ol li:last-child { + padding-bottom: 0px; +} +.layout-wrap-inner.list-categories li a:before { + color: #ccc; + content: "\f0da"; + font-size: 12px; + margin-right: 6px; + font-family: FontAwesome; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + transition: 0.2s ease; +} +.layout-wrap-inner.list-categories li a:hover:before { + color: #333; +} +.layout-wrap-inner.tag-cloud a { + margin-right: 8px; +} +.layout-wrap-inner.tag-cloud a:before { + content: '#'; +} +#page-nav { + margin: 40px auto; + text-align: center; + color: #999; + overflow: hidden; +} +#page-nav:before, +#page-nav:after { + content: ""; + display: table; +} +#page-nav:after { + clear: both; +} +#page-nav a, +#page-nav span { + height: 32px; + padding: 0 10px; + line-height: 32px; + text-align: center; + display: inline-block; + -webkit-border-radius: 2px; + border-radius: 2px; +} +#page-nav a { + color: #999; + text-decoration: none; +} +#page-nav a:hover { + color: #fff; + background: #38b7ea; +} +#page-nav .page-number { + display: inline-block; +} +@media screen and (max-width: 559px) { + #page-nav .page-number { + display: none; + } +} +#page-nav .current { + color: #565a5f; + font-weight: bold; +} +#page-nav .space { + color: #eceff2; +} +#footer { + padding: 20px 0; + border-top: 1px solid #eceff2; + color: #565a5f; + font-size: 16px; + text-align: center; +} +#footer .outer { + margin-bottom: 0; +} +#footer a { + color: #38b7ea; + text-decoration: none; +} +#footer a:hover { + text-decoration: underline; +} +#footer-info { + line-height: 1.6em; + font-size: 0.85em; +} +.article-entry pre, +.article-entry .highlight { + background: #34383d; + margin: 0 -20px; + padding: 15px 20px; + border-style: solid; + border-color: #eceff2; + border-width: 1px 0; + overflow: auto; + color: #ccc; + line-height: 22.400000000000002px; +} +.article-entry .highlight .gutter pre, +.article-entry .gist .gist-file .gist-data .line-numbers { + color: #666; + font-size: 0.85em; +} +.article-entry pre, +.article-entry code { + font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace; +} +.article-entry code { + background: #f5f8f9; + text-shadow: 0 1px #fff; + padding: 0 0.3em; +} +.article-entry pre code { + background: none; + text-shadow: none; + padding: 0; +} +.article-entry .highlight pre { + border: none; + margin: 0; + padding: 0; +} +.article-entry .highlight table { + margin: 0; + width: auto; +} +.article-entry .highlight td { + border: none; + padding: 0; +} +.article-entry .highlight figcaption { + font-size: 0.85em; + color: #999; + line-height: 1em; + margin-bottom: 1em; +} +.article-entry .highlight figcaption:before, +.article-entry .highlight figcaption:after { + content: ""; + display: table; +} +.article-entry .highlight figcaption:after { + clear: both; +} +.article-entry .highlight figcaption a { + float: right; +} +.article-entry .highlight .gutter pre { + text-align: right; + padding-right: 20px; +} +.article-entry .highlight .line { + height: 22.400000000000002px; +} +.article-entry .gist { + margin: 0 -20px; + border-style: solid; + border-color: #eceff2; + border-width: 1px 0; + background: #34383d; + padding: 15px 20px 15px 0; +} +.article-entry .gist .gist-file { + border: none; + font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace; + margin: 0; +} +.article-entry .gist .gist-file .gist-data { + background: none; + border: none; +} +.article-entry .gist .gist-file .gist-data table { + background: none; +} +.article-entry .gist .gist-file .gist-data .pl-vo { + color: #fff; +} +.article-entry .gist .gist-file .gist-data .line-numbers { + background: none; + border: none; + padding: 0 20px 0 0; + height: 22.400000000000002px; + vertical-align: top; +} +.article-entry .gist .gist-file .gist-data .line-data { + padding: 0 !important; +} +.article-entry .gist .gist-file .highlight { + margin: 0; + padding: 0; + border: none; +} +.article-entry .gist .gist-file .gist-meta { + background: #34383d; + color: #999; + font: 0.85em "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif; + text-shadow: 0 0; + padding: 0; + margin-top: 1em; + margin-left: 20px; +} +.article-entry .gist .gist-file .gist-meta a { + color: #38b7ea; + font-weight: normal; +} +.article-entry .gist .gist-file .gist-meta a:hover { + text-decoration: underline; +} +pre .comment, +pre .title, +pre .template_comment, +pre .header, +pre .javadoc { + color: #999; +} +pre .variable, +pre .attribute, +pre .tag, +pre .regexp, +pre .ruby .constant, +pre .xml .tag .title, +pre .xml .pi, +pre .xml .doctype, +pre .html .doctype, +pre .css .id, +pre .css .class, +pre .css .pseudo, +pre .winutils, +pre .method, +pre .request, +pre .status, +pre .nginx .title, +pre .diff .change, +pre .special, +pre .attr_selector, +pre .important, +pre .subst, +pre .clojure .title, +pre .deletion { + color: #f2777a; +} +pre .number, +pre .preprocessor, +pre .preprocessor .keyword, +pre .built_in, +pre .literal, +pre .params, +pre .constant, +pre .command, +pre .lisp .body, +pre .parent, +pre .haskell .type { + color: #f99157; +} +pre .class, +pre .ruby .class .title, +pre .css .rules .attribute, +pre .addition { + color: #9c9; +} +pre .string, +pre .value, +pre .inheritance, +pre .ruby .symbol, +pre .symbol .string, +pre .xml .cdata, +pre .function .title { + color: #9c9; +} +pre .css .hexcolor, +pre .phpdoc, +pre .tex .formula { + color: #6cc; +} +pre .function, +pre .python .decorator, +pre .python .title, +pre .ruby .function .title, +pre .ruby .title .keyword, +pre .perl .sub, +pre .javascript .title, +pre .coffeescript .title, +pre .localvars, +pre .chunk, +pre .decorator, +pre .identifier, +pre .vhdl { + color: #69c; +} +pre .keyword, +pre .javascript .function { + color: #c9c; +} +@media screen and (min-width: 1200px) { + #sidebar { + display: inline; + float: left; + width: 21.5384615384615%; + margin: 0 0.7692307692308%; + } +} +@media screen and (min-width: 800px) and (max-width: 1199px) { + #sidebar { + display: inline; + float: left; + width: 29.230769230769198%; + margin: 0 0.7692307692308%; + } +} +.widget { + line-height: 1.6em; + word-wrap: break-word; + font-size: 0.9em; +} +.widget ul, +.widget ol { + list-style: none; + margin: 0; +} +.widget ul ul, +.widget ol ul, +.widget ul ol, +.widget ol ol { + margin: 0 20px; +} +.widget ul ul, +.widget ol ul { + list-style: disc; +} +.widget ul ol, +.widget ol ol { + list-style: decimal; +} +.category-list-count, +.tag-list-count, +.archive-list-count { + padding-left: 5px; + color: #999; + font-size: 0.85em; +} +.category-list-count:before, +.tag-list-count:before, +.archive-list-count:before { + content: "("; +} +.category-list-count:after, +.tag-list-count:after, +.archive-list-count:after { + content: ")"; +} +.tagcloud a { + margin-right: 5px; +} +.widget-wrap { + margin: 40px 10px; +} +@media screen and (max-width: 559px) { + .widget-wrap { + margin: 40px 20px; + } +} +.widget-title { + margin-bottom: 0; +} +.widget { + padding: 15px 5px; +} +.widget a { + color: #777; + text-decoration: none; +} +.widget a:hover { + color: #333; +} +.widget ul ul, +.widget ol ul, +.widget dl ul, +.widget ul ol, +.widget ol ol, +.widget dl ol, +.widget ul dl, +.widget ol dl, +.widget dl dl { + margin-left: 15px; + list-style: disc; +} +.widget ul, +.widget ol { + list-style: none; +} +.widget ul li, +.widget ol li, +.widget ul .category-list-child, +.widget ol .category-list-child { + padding: 10px 0; + font-size: 14px; + border-bottom: 1px solid border-color; +} +.widget ul li a, +.widget ol li a, +.widget ul .category-list-child a, +.widget ol .category-list-child a { + color: #777; +} +.widget ul ul, +.widget ol ul, +.widget ul ol, +.widget ol ol { + list-style: none; +} +.widget ul ul li, +.widget ol ul li, +.widget ul ol li, +.widget ol ol li { + border: none; +} +.widget ul ul li:last-child, +.widget ol ul li:last-child, +.widget ul ol li:last-child, +.widget ol ol li:last-child { + padding-bottom: 0px; +} +.widget ul:not(#recent-post) li a:before, +.widget ol:not(#recent-post) li a:before { + color: #ccc; + content: "\f0da"; + font-size: 12px; + margin-right: 6px; + font-family: FontAwesome; + -webkit-transition: 0.2s ease; + -moz-transition: 0.2s ease; + -ms-transition: 0.2s ease; + transition: 0.2s ease; +} +.widget ul:not(#recent-post) li a:hover:before, +.widget ol:not(#recent-post) li a:hover:before { + color: #333; +} +#toTop { + cursor: pointer; + text-align: center; + width: 64px; + height: 64px; + color: #fff; + font-size: 32px; + line-height: 64px; + background: #565a5f; + -webkit-border-radius: 4px; + border-radius: 4px; +} +@media screen and (min-width: 560px) and (max-width: 799px) { + #toTop { + width: 54px; + height: 54px; + font-size: 28px; + line-height: 54px; + } +} +@media screen and (max-width: 559px) { + #toTop { + width: 54px; + height: 54px; + font-size: 28px; + line-height: 54px; + } +} +#toTop.fix { + bottom: 20px; + position: fixed; +} +#recent-post li { + padding: 10px 0 10px 94px; +} +#recent-post li:before, +#recent-post li:after { + content: ""; + display: table; +} +#recent-post li:after { + clear: both; +} +#recent-post.no-thumbnail li { + padding: 10px 0px; +} +#recent-post li .item-thumbnail { + opacity: 1; + float: left; + margin-left: -94px; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -ms-transition: all 0.2s ease; + transition: all 0.2s ease; +} +#recent-post li .item-thumbnail .thumbnail { + width: 80px; + height: 80px; + display: block; + position: relative; + overflow: hidden; +} +#recent-post li .item-thumbnail .thumbnail span { + width: 100%; + height: 100%; + display: block; +} +#recent-post li .item-thumbnail .thumbnail .thumbnail-image { + position: absolute; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + background-position: center; +} +#recent-post li .item-thumbnail .thumbnail .thumbnail-none { + background-image: url("images/thumb-default-small.png"); + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + background-size: 100% 100%; +} +#recent-post li .item-inner a, +#recent-post li .item-inner .item-category { + font-size: 13px; + text-transform: uppercase; +} +#recent-post li .item-inner a a, +#recent-post li .item-inner .item-category a { + color: #38b7ea; +} +#recent-post li .item-inner a a:hover, +#recent-post li .item-inner .item-category a:hover { + color: #333; +} +#recent-post li .item-inner a a, +#recent-post li .item-inner .item-category a, +#recent-post li .item-inner a .fa, +#recent-post li .item-inner .item-category .fa { + margin-right: 5px; +} +#recent-post li .item-inner .item-title { + font-size: 15px; +} +#recent-post li .item-inner .item-title a { + color: #333; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -ms-transition: all 0.2s ease; + transition: all 0.2s ease; +} +#recent-post li .item-inner .item-date { + color: #aaa; + font-size: 13px; + text-transform: uppercase; +} +#recent-post li:hover .item-thumbnail { + opacity: 0.8; +} +#recent-post li:hover .item-title a { + color: #38b7ea; +} |