├── docs
├── .nojekyll
├── CNAME
├── serve.sh
├── .gitignore
├── favicon.ico
├── apple-icon.png
├── images
│ ├── 114.png
│ ├── logo.png
│ ├── donate.png
│ ├── hero-desk.jpg
│ ├── snapshots
│ │ ├── 1.png
│ │ ├── 2.png
│ │ ├── 3.png
│ │ ├── 4.png
│ │ ├── 5.png
│ │ ├── 6.png
│ │ ├── 7.png
│ │ └── 8.png
│ ├── alipay-qcard.jpg
│ ├── hero-blue_help.jpg
│ ├── wechat-qcard.png
│ ├── btn_donateCC_LG.gif
│ ├── donate.svg
│ ├── launch-dance.svg
│ └── launch-crafts.svg
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon-96x96.png
├── ms-icon-70x70.png
├── apple-icon-57x57.png
├── apple-icon-60x60.png
├── apple-icon-72x72.png
├── apple-icon-76x76.png
├── ms-icon-144x144.png
├── ms-icon-150x150.png
├── ms-icon-310x310.png
├── android-icon-36x36.png
├── android-icon-48x48.png
├── android-icon-72x72.png
├── android-icon-96x96.png
├── apple-icon-114x114.png
├── apple-icon-120x120.png
├── apple-icon-144x144.png
├── apple-icon-152x152.png
├── apple-icon-180x180.png
├── android-icon-144x144.png
├── android-icon-192x192.png
├── apple-icon-precomposed.png
├── _sass
│ ├── _typography.scss
│ ├── _help.scss
│ ├── vendor
│ │ ├── font-awesome
│ │ │ ├── _fixed-width.scss
│ │ │ ├── _larger.scss
│ │ │ ├── _list.scss
│ │ │ ├── _core.scss
│ │ │ ├── _stacked.scss
│ │ │ ├── _bordered-pulled.scss
│ │ │ ├── _rotated-flipped.scss
│ │ │ ├── _path.scss
│ │ │ ├── _animated.scss
│ │ │ └── _mixins.scss
│ │ └── bootstrap
│ │ │ ├── mixins
│ │ │ ├── _center-block.scss
│ │ │ ├── _opacity.scss
│ │ │ ├── _size.scss
│ │ │ ├── _text-overflow.scss
│ │ │ ├── _tab-focus.scss
│ │ │ ├── _resize.scss
│ │ │ ├── _labels.scss
│ │ │ ├── _progress-bar.scss
│ │ │ ├── _text-emphasis.scss
│ │ │ ├── _reset-filter.scss
│ │ │ ├── _nav-divider.scss
│ │ │ ├── _background-variant.scss
│ │ │ ├── _alerts.scss
│ │ │ ├── _nav-vertical-align.scss
│ │ │ ├── _reset-text.scss
│ │ │ ├── _border-radius.scss
│ │ │ ├── _pagination.scss
│ │ │ ├── _responsive-visibility.scss
│ │ │ ├── _panels.scss
│ │ │ ├── _hide-text.scss
│ │ │ ├── _clearfix.scss
│ │ │ ├── _list-group.scss
│ │ │ ├── _table-row.scss
│ │ │ ├── _image.scss
│ │ │ ├── _buttons.scss
│ │ │ ├── _grid-framework.scss
│ │ │ └── _forms.scss
│ │ │ ├── _wells.scss
│ │ │ ├── _responsive-embed.scss
│ │ │ ├── _breadcrumbs.scss
│ │ │ ├── _close.scss
│ │ │ ├── _component-animations.scss
│ │ │ ├── _utilities.scss
│ │ │ ├── _thumbnails.scss
│ │ │ ├── _pager.scss
│ │ │ ├── _mixins.scss
│ │ │ ├── _media.scss
│ │ │ ├── _jumbotron.scss
│ │ │ ├── _labels.scss
│ │ │ ├── _badges.scss
│ │ │ ├── _code.scss
│ │ │ ├── _grid.scss
│ │ │ ├── _alerts.scss
│ │ │ ├── _progress-bars.scss
│ │ │ ├── _pagination.scss
│ │ │ └── _print.scss
│ ├── _donate.scss
│ ├── _layout.scss
│ ├── _code.scss
│ ├── _buttons.scss
│ ├── _anchorjs.scss
│ ├── _dl-panels.scss
│ ├── _featurette.scss
│ ├── _social.scss
│ ├── _footer.scss
│ ├── _alert.scss
│ ├── _prettify.scss
│ ├── _hamburger.scss
│ ├── _result-repository.scss
│ ├── _home.scss
│ ├── _nav.scss
│ ├── _jumbotron.scss
│ └── _examples.scss
├── vendor
│ ├── fonts
│ │ ├── FontAwesome.otf
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.ttf
│ │ ├── fontawesome-webfont.woff
│ │ └── fontawesome-webfont.woff2
│ └── images
│ │ └── fancybox
│ │ ├── blank.gif
│ │ ├── fancybox_sprite.png
│ │ ├── fancybox_loading.gif
│ │ ├── fancybox_overlay.png
│ │ ├── fancybox_sprite@2x.png
│ │ └── fancybox_loading@2x.gif
├── Gemfile
├── browserconfig.xml
├── _includes
│ ├── notice-previous.html
│ ├── nav
│ │ ├── release.html
│ │ └── screenshots.html
│ ├── ads.html
│ ├── ga.html
│ ├── social-buttons.html
│ ├── footer.html
│ ├── disqus.html
│ ├── navigation.html
│ └── head.html
├── _config.yml
├── _layouts
│ ├── home.html
│ └── default.html
├── deploy.sh
├── css
│ ├── font-awesome.scss
│ ├── cozhihu-docs.scss
│ └── bootstrap.scss
├── config.rb
├── manifest.json
├── donate.html
├── Gemfile.lock
├── README.md
├── _data
│ └── blackboard.yaml
├── release.html
└── custom.html
├── src
├── reload.html
├── skins
│ ├── custom
│ │ └── 0767c8.css
│ └── colors
│ │ ├── 008AB8.css
│ │ ├── 03BDBD.css
│ │ ├── 0767C8.css
│ │ ├── 1C7B42.css
│ │ ├── 279B61.css
│ │ ├── 3F5D7D.css
│ │ ├── 48647F.css
│ │ ├── 4A4A4A.css
│ │ ├── 4D4DFF.css
│ │ ├── 5A3A09.css
│ │ ├── 67C8FF.css
│ │ ├── 78D865.css
│ │ ├── 95CAE4.css
│ │ ├── 993333.css
│ │ ├── 993CF3.css
│ │ ├── C1C11A.css
│ │ ├── CC3333.css
│ │ ├── CC6699.css
│ │ ├── E91E63.css
│ │ ├── FD5F00.css
│ │ └── FE0001.css
├── sass
│ ├── custom
│ │ ├── 0767c8.scss
│ │ ├── 102B50.scss
│ │ └── 253238.scss
│ ├── colors
│ │ ├── 008AB8.scss
│ │ ├── 03BDBD.scss
│ │ ├── 0767C8.scss
│ │ ├── 1C7B42.scss
│ │ ├── 279B61.scss
│ │ ├── 3F5D7D.scss
│ │ ├── 48647F.scss
│ │ ├── 4A4A4A.scss
│ │ ├── 4D4DFF.scss
│ │ ├── 5A3A09.scss
│ │ ├── 67C8FF.scss
│ │ ├── 78D865.scss
│ │ ├── 95CAE4.scss
│ │ ├── 993333.scss
│ │ ├── 993CF3.scss
│ │ ├── C1C11A.scss
│ │ ├── CC3333.scss
│ │ ├── CC6699.scss
│ │ ├── E91E63.scss
│ │ ├── FD5F00.scss
│ │ ├── FE0001.scss
│ │ ├── FF00FF.scss
│ │ └── FFCC33.scss
│ └── base
│ │ ├── _variable.scss
│ │ └── _inverse-variable.scss
├── icons
│ ├── color
│ │ ├── 19.png
│ │ ├── 38.png
│ │ ├── 76.png
│ │ ├── 114.png
│ │ └── 152.png
│ └── default
│ │ ├── 114.png
│ │ ├── 152.png
│ │ ├── 19.png
│ │ ├── 38.png
│ │ └── 76.png
├── images
│ ├── alipay-qcard.jpg
│ ├── wechat-qcard.png
│ └── btn_donateCC_LG.gif
├── template
│ └── sass.tpl
├── data
│ ├── custom.json
│ └── colors.json
├── reload.js
├── _locales
│ ├── zh_CN
│ │ └── messages.json
│ ├── zh_TW
│ │ └── messages.json
│ └── en
│ │ └── messages.json
└── manifest.json
├── .gitignore
├── CHANGELOG.md
├── package.json
└── README.md
/docs/.nojekyll:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/CNAME:
--------------------------------------------------------------------------------
1 | cozhihu.w3cub.com
--------------------------------------------------------------------------------
/src/reload.html:
--------------------------------------------------------------------------------
1 | 1483969046731
--------------------------------------------------------------------------------
/src/skins/custom/0767c8.css:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/serve.sh:
--------------------------------------------------------------------------------
1 | jekyll serve --host 0.0.0.0
--------------------------------------------------------------------------------
/src/sass/custom/0767c8.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
--------------------------------------------------------------------------------
/docs/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | dist
3 | .sass-cache
4 |
5 |
--------------------------------------------------------------------------------
/docs/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/favicon.ico
--------------------------------------------------------------------------------
/docs/apple-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon.png
--------------------------------------------------------------------------------
/docs/images/114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/114.png
--------------------------------------------------------------------------------
/docs/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/logo.png
--------------------------------------------------------------------------------
/docs/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/favicon-16x16.png
--------------------------------------------------------------------------------
/docs/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/favicon-32x32.png
--------------------------------------------------------------------------------
/docs/favicon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/favicon-96x96.png
--------------------------------------------------------------------------------
/docs/images/donate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/donate.png
--------------------------------------------------------------------------------
/docs/ms-icon-70x70.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/ms-icon-70x70.png
--------------------------------------------------------------------------------
/src/icons/color/19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/color/19.png
--------------------------------------------------------------------------------
/src/icons/color/38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/color/38.png
--------------------------------------------------------------------------------
/src/icons/color/76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/color/76.png
--------------------------------------------------------------------------------
/docs/apple-icon-57x57.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-57x57.png
--------------------------------------------------------------------------------
/docs/apple-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-60x60.png
--------------------------------------------------------------------------------
/docs/apple-icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-72x72.png
--------------------------------------------------------------------------------
/docs/apple-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-76x76.png
--------------------------------------------------------------------------------
/docs/images/hero-desk.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/hero-desk.jpg
--------------------------------------------------------------------------------
/docs/ms-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/ms-icon-144x144.png
--------------------------------------------------------------------------------
/docs/ms-icon-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/ms-icon-150x150.png
--------------------------------------------------------------------------------
/docs/ms-icon-310x310.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/ms-icon-310x310.png
--------------------------------------------------------------------------------
/src/icons/color/114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/color/114.png
--------------------------------------------------------------------------------
/src/icons/color/152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/color/152.png
--------------------------------------------------------------------------------
/src/icons/default/114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/default/114.png
--------------------------------------------------------------------------------
/src/icons/default/152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/default/152.png
--------------------------------------------------------------------------------
/src/icons/default/19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/default/19.png
--------------------------------------------------------------------------------
/src/icons/default/38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/default/38.png
--------------------------------------------------------------------------------
/src/icons/default/76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/icons/default/76.png
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .sass-cache
2 | examples
3 | build
4 | dist
5 | node_modules
6 | test
7 | key.pem
8 |
9 |
--------------------------------------------------------------------------------
/docs/android-icon-36x36.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/android-icon-36x36.png
--------------------------------------------------------------------------------
/docs/android-icon-48x48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/android-icon-48x48.png
--------------------------------------------------------------------------------
/docs/android-icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/android-icon-72x72.png
--------------------------------------------------------------------------------
/docs/android-icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/android-icon-96x96.png
--------------------------------------------------------------------------------
/docs/apple-icon-114x114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-114x114.png
--------------------------------------------------------------------------------
/docs/apple-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-120x120.png
--------------------------------------------------------------------------------
/docs/apple-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-144x144.png
--------------------------------------------------------------------------------
/docs/apple-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-152x152.png
--------------------------------------------------------------------------------
/docs/apple-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-180x180.png
--------------------------------------------------------------------------------
/docs/images/snapshots/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/1.png
--------------------------------------------------------------------------------
/docs/images/snapshots/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/2.png
--------------------------------------------------------------------------------
/docs/images/snapshots/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/3.png
--------------------------------------------------------------------------------
/docs/images/snapshots/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/4.png
--------------------------------------------------------------------------------
/docs/images/snapshots/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/5.png
--------------------------------------------------------------------------------
/docs/images/snapshots/6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/6.png
--------------------------------------------------------------------------------
/docs/images/snapshots/7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/7.png
--------------------------------------------------------------------------------
/docs/images/snapshots/8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/snapshots/8.png
--------------------------------------------------------------------------------
/src/images/alipay-qcard.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/images/alipay-qcard.jpg
--------------------------------------------------------------------------------
/src/images/wechat-qcard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/images/wechat-qcard.png
--------------------------------------------------------------------------------
/docs/android-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/android-icon-144x144.png
--------------------------------------------------------------------------------
/docs/android-icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/android-icon-192x192.png
--------------------------------------------------------------------------------
/docs/images/alipay-qcard.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/alipay-qcard.jpg
--------------------------------------------------------------------------------
/docs/images/hero-blue_help.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/hero-blue_help.jpg
--------------------------------------------------------------------------------
/docs/images/wechat-qcard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/wechat-qcard.png
--------------------------------------------------------------------------------
/src/images/btn_donateCC_LG.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/src/images/btn_donateCC_LG.gif
--------------------------------------------------------------------------------
/docs/apple-icon-precomposed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/apple-icon-precomposed.png
--------------------------------------------------------------------------------
/docs/images/btn_donateCC_LG.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/images/btn_donateCC_LG.gif
--------------------------------------------------------------------------------
/docs/_sass/_typography.scss:
--------------------------------------------------------------------------------
1 | // Typography
2 |
3 | h1[id] {
4 | padding-top: 20px;
5 | margin-top: 0;
6 | }
7 |
--------------------------------------------------------------------------------
/docs/vendor/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/docs/vendor/images/fancybox/blank.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/images/fancybox/blank.gif
--------------------------------------------------------------------------------
/docs/vendor/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/docs/vendor/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/docs/vendor/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/docs/vendor/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/docs/vendor/images/fancybox/fancybox_sprite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/images/fancybox/fancybox_sprite.png
--------------------------------------------------------------------------------
/docs/vendor/images/fancybox/fancybox_loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/images/fancybox/fancybox_loading.gif
--------------------------------------------------------------------------------
/docs/vendor/images/fancybox/fancybox_overlay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/images/fancybox/fancybox_overlay.png
--------------------------------------------------------------------------------
/docs/vendor/images/fancybox/fancybox_sprite@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/images/fancybox/fancybox_sprite@2x.png
--------------------------------------------------------------------------------
/docs/vendor/images/fancybox/fancybox_loading@2x.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/icai/cozhihu/HEAD/docs/vendor/images/fancybox/fancybox_loading@2x.gif
--------------------------------------------------------------------------------
/src/sass/colors/008AB8.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #008AB8;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/03BDBD.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #03BDBD;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/0767C8.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #0767C8;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/1C7B42.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #1C7B42;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/279B61.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #279B61;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/3F5D7D.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #3F5D7D;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/48647F.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #48647F;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/4A4A4A.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #4A4A4A;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/4D4DFF.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #4D4DFF;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/5A3A09.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #5A3A09;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/67C8FF.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #67C8FF;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/78D865.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #78D865;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/95CAE4.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #95CAE4;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/993333.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #993333;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/993CF3.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #993CF3;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/C1C11A.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #C1C11A;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/CC3333.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #CC3333;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/CC6699.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #CC6699;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/E91E63.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #E91E63;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/FD5F00.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #FD5F00;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/FE0001.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #FE0001;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/FF00FF.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #FF00FF;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/src/sass/colors/FFCC33.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #FFCC33;
4 | @import "../base/variable";
5 | @import "../base/template";
6 |
--------------------------------------------------------------------------------
/docs/_sass/_help.scss:
--------------------------------------------------------------------------------
1 |
2 |
3 | .screenshots {
4 | section {
5 | margin-bottom: 15px;
6 | img{
7 | width: 100%;
8 | }
9 | }
10 | }
--------------------------------------------------------------------------------
/docs/Gemfile:
--------------------------------------------------------------------------------
1 | # frozen_string_literal: true
2 | # A sample Gemfile
3 | source "https://ruby.taobao.org"
4 |
5 | # gem "rails"
6 | gem "jekyll"
7 | gem "compass"
--------------------------------------------------------------------------------
/src/sass/custom/102B50.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #102B50;
4 | @import "../base/inverse-variable";
5 | @import "../base/inverse-template";
6 |
--------------------------------------------------------------------------------
/src/sass/custom/253238.scss:
--------------------------------------------------------------------------------
1 | // define variables
2 |
3 | $base-color: #253238;
4 | @import "../base/inverse-variable";
5 | @import "../base/inverse-template";
6 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_fixed-width.scss:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .#{$fa-css-prefix}-fw {
4 | width: (18em / 14);
5 | text-align: center;
6 | }
7 |
--------------------------------------------------------------------------------
/docs/_sass/_donate.scss:
--------------------------------------------------------------------------------
1 | .donate-table{
2 | text-align: center;
3 | border-left-width: 6px;
4 | border-right-width: 2px;
5 | &>tbody>tr>td{
6 | vertical-align: middle;
7 | }
8 | }
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_center-block.scss:
--------------------------------------------------------------------------------
1 | // Center-align a block level element
2 |
3 | @mixin center-block() {
4 | display: block;
5 | margin-left: auto;
6 | margin-right: auto;
7 | }
8 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 | All notable changes to this project will be documented in this file.
3 | This project adheres to [Semantic Versioning](http://semver.org/).
4 |
5 |
6 | ## 0.3.9
7 | * Initial release.
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_opacity.scss:
--------------------------------------------------------------------------------
1 | // Opacity
2 |
3 | @mixin opacity($opacity) {
4 | opacity: $opacity;
5 | // IE8 filter
6 | $opacity-ie: ($opacity * 100);
7 | filter: alpha(opacity=$opacity-ie);
8 | }
9 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_size.scss:
--------------------------------------------------------------------------------
1 | // Sizing shortcuts
2 |
3 | @mixin size($width, $height) {
4 | width: $width;
5 | height: $height;
6 | }
7 |
8 | @mixin square($size) {
9 | @include size($size, $size);
10 | }
11 |
--------------------------------------------------------------------------------
/src/template/sass.tpl:
--------------------------------------------------------------------------------
1 | // define variables
2 | <%if(!data.orginal){%>
3 | $base-color: #<%= data.color %>;
4 | @import "../base/<%if(data.nightmod){%>inverse-<%}%>variable";
5 | @import "../base/<%if(data.nightmod){%>inverse-<%}%>template";
6 | <%}%>
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_text-overflow.scss:
--------------------------------------------------------------------------------
1 | // Text overflow
2 | // Requires inline-block or block for proper styling
3 |
4 | @mixin text-overflow() {
5 | overflow: hidden;
6 | text-overflow: ellipsis;
7 | white-space: nowrap;
8 | }
9 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_tab-focus.scss:
--------------------------------------------------------------------------------
1 | // WebKit-style focus
2 |
3 | @mixin tab-focus() {
4 | // Default
5 | outline: thin dotted;
6 | // WebKit
7 | outline: 5px auto -webkit-focus-ring-color;
8 | outline-offset: -2px;
9 | }
10 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_resize.scss:
--------------------------------------------------------------------------------
1 | // Resize anything
2 |
3 | @mixin resizable($direction) {
4 | resize: $direction; // Options: horizontal, vertical, both
5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6 | }
7 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_labels.scss:
--------------------------------------------------------------------------------
1 | // Labels
2 |
3 | @mixin label-variant($color) {
4 | background-color: $color;
5 |
6 | &[href] {
7 | &:hover,
8 | &:focus {
9 | background-color: darken($color, 10%);
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_progress-bar.scss:
--------------------------------------------------------------------------------
1 | // Progress bars
2 |
3 | @mixin progress-bar-variant($color) {
4 | background-color: $color;
5 |
6 | // Deprecated parent class requirement as of v3.2.0
7 | .progress-striped & {
8 | @include gradient-striped;
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/docs/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 | #ffffff
--------------------------------------------------------------------------------
/docs/_sass/_layout.scss:
--------------------------------------------------------------------------------
1 | // Layout
2 |
3 | .cozh-page-container {
4 | line-height: 1.6;
5 | }
6 |
7 | section {
8 | margin-bottom: 40px;
9 | }
10 |
11 | .page-header {
12 | padding-bottom: 19px;
13 | margin-bottom: 29px;
14 | }
15 |
16 | .half-rule {
17 | width: 100px;
18 | margin: 40px auto;
19 | }
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_text-emphasis.scss:
--------------------------------------------------------------------------------
1 | // Typography
2 |
3 | // [converter] $parent hack
4 | @mixin text-emphasis-variant($parent, $color) {
5 | #{$parent} {
6 | color: $color;
7 | }
8 | a#{$parent}:hover,
9 | a#{$parent}:focus {
10 | color: darken($color, 10%);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_reset-filter.scss:
--------------------------------------------------------------------------------
1 | // Reset filters for IE
2 | //
3 | // When you need to remove a gradient background, do not forget to use this to reset
4 | // the IE filter for IE9 and below.
5 |
6 | @mixin reset-filter() {
7 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
8 | }
9 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_nav-divider.scss:
--------------------------------------------------------------------------------
1 | // Horizontal dividers
2 | //
3 | // Dividers (basically an hr) within dropdowns and nav lists
4 |
5 | @mixin nav-divider($color: #e5e5e5) {
6 | height: 1px;
7 | margin: (($line-height-computed / 2) - 1) 0;
8 | overflow: hidden;
9 | background-color: $color;
10 | }
11 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_background-variant.scss:
--------------------------------------------------------------------------------
1 | // Contextual backgrounds
2 |
3 | // [converter] $parent hack
4 | @mixin bg-variant($parent, $color) {
5 | #{$parent} {
6 | background-color: $color;
7 | }
8 | a#{$parent}:hover,
9 | a#{$parent}:focus {
10 | background-color: darken($color, 10%);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_alerts.scss:
--------------------------------------------------------------------------------
1 | // Alerts
2 |
3 | @mixin alert-variant($background, $border, $text-color) {
4 | background-color: $background;
5 | border-color: $border;
6 | color: $text-color;
7 |
8 | hr {
9 | border-top-color: darken($border, 5%);
10 | }
11 | .alert-link {
12 | color: darken($text-color, 10%);
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/data/custom.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "color": "253238",
4 | "name": "253238",
5 | "nightmod": true,
6 | "generated": true
7 | },
8 | {
9 | "color": "102B50",
10 | "name": "102B50",
11 | "nightmod": true,
12 | "generated": true
13 | },
14 | {
15 | "color": "0767c8",
16 | "name": "0767c8",
17 | "orginal": true,
18 | "generated": true
19 | }
20 | ]
--------------------------------------------------------------------------------
/docs/_includes/notice-previous.html:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/docs/_includes/nav/release.html:
--------------------------------------------------------------------------------
1 |
15 |
--------------------------------------------------------------------------------
/docs/_sass/_code.scss:
--------------------------------------------------------------------------------
1 | // Code (inline and block)
2 |
3 | // Inline code within headings retain the heading's background-color
4 | h2 code,
5 | h3 code,
6 | h4 code {
7 | background-color: inherit;
8 | }
9 |
10 | // Modify Bootstrap's styles for blocks of code
11 | pre.prettyprint {
12 | padding: 9px 14px;
13 | margin-bottom: 14px;
14 | background-color: #f7f7f9;
15 | border: 1px solid #e1e1e8;
16 | }
--------------------------------------------------------------------------------
/docs/_config.yml:
--------------------------------------------------------------------------------
1 | url: http://cozhihu.w3cub.com
2 | APPID: oaoadbdcnpjngbdopghepdhlmlbdkgpb
3 | APPNAME: cozhihu
4 | extversion: v0.4.10
5 |
6 |
7 | disqus_short_name: w3cub
8 |
9 | google_analytics_tracking_id: UA-78341631-1
10 |
11 | exclude:
12 | - serve.sh
13 | - deploy.sh
14 | - Gemfile
15 | - config.rb
16 |
17 | include:
18 | - .nojekyll
19 |
20 | sass:
21 | style: compressed
--------------------------------------------------------------------------------
/docs/_layouts/home.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% include head.html %}
5 |
6 |
7 | {% include navigation.html %}
8 |
9 | {{ content }}
10 |
11 | {% include footer.html %}
12 |
13 |
20 |
21 | {% include ga.html %}
22 |
23 |
24 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_nav-vertical-align.scss:
--------------------------------------------------------------------------------
1 | // Navbar vertical align
2 | //
3 | // Vertically center elements in the navbar.
4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
5 |
6 | @mixin navbar-vertical-align($element-height) {
7 | margin-top: (($navbar-height - $element-height) / 2);
8 | margin-bottom: (($navbar-height - $element-height) / 2);
9 | }
10 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_larger.scss:
--------------------------------------------------------------------------------
1 | // Icon Sizes
2 | // -------------------------
3 |
4 | /* makes the font 33% larger relative to the icon container */
5 | .#{$fa-css-prefix}-lg {
6 | font-size: (4em / 3);
7 | line-height: (3em / 4);
8 | vertical-align: -15%;
9 | }
10 | .#{$fa-css-prefix}-2x { font-size: 2em; }
11 | .#{$fa-css-prefix}-3x { font-size: 3em; }
12 | .#{$fa-css-prefix}-4x { font-size: 4em; }
13 | .#{$fa-css-prefix}-5x { font-size: 5em; }
14 |
--------------------------------------------------------------------------------
/docs/_includes/ads.html:
--------------------------------------------------------------------------------
1 |
2 | 友情贊助:
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/docs/deploy.sh:
--------------------------------------------------------------------------------
1 | cd _site
2 | if [ -d .git ]; then
3 | echo "inited"
4 | else
5 | # echo $PWD
6 | git init
7 | git add -A
8 | git commit -m "site init"
9 | git branch -m gh-pages
10 | git remote add -t gh-pages origin git@github.com:icai/cozhihu.git
11 | fi;
12 | # fetch pages
13 | git fetch origin gh-pages:refs/remotes/origin/gh-pages
14 | git add -A
15 | NOW=$(date -u '+%F %T %Z')
16 | git commit -m "update site at $NOW"
17 | git push origin gh-pages:gh-pages
18 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_list.scss:
--------------------------------------------------------------------------------
1 | // List Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-ul {
5 | padding-left: 0;
6 | margin-left: $fa-li-width;
7 | list-style-type: none;
8 | > li { position: relative; }
9 | }
10 | .#{$fa-css-prefix}-li {
11 | position: absolute;
12 | left: -$fa-li-width;
13 | width: $fa-li-width;
14 | top: (2em / 14);
15 | text-align: center;
16 | &.#{$fa-css-prefix}-lg {
17 | left: -$fa-li-width + (4em / 14);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/docs/_includes/ga.html:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/docs/_sass/_buttons.scss:
--------------------------------------------------------------------------------
1 | // Buttons
2 |
3 | .btn-outline-inverse {
4 | color: #0088F7;
5 | background-color: transparent;
6 | border-color: #0088F7;
7 | padding: 15px 30px;
8 | font-size: 20px;
9 | transition: all .1s ease-in-out;
10 |
11 | &:focus{
12 | border-color: #0077d8;
13 | color: #0077d8;
14 | }
15 |
16 | &:hover {
17 | color: #fff;
18 | border-color: #0088F7;
19 | background-color: #0088F7;
20 | }
21 | }
22 |
23 | .btn-toolbar {
24 | margin-bottom: 20px;
25 | }
26 |
--------------------------------------------------------------------------------
/docs/css/font-awesome.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | /*!
5 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
6 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
7 | */
8 |
9 | $fa-font-path: "../vendor/fonts";
10 |
11 | @import "vendor/font-awesome/variables";
12 | @import "vendor/font-awesome/mixins";
13 | @import "vendor/font-awesome/path";
14 | @import "vendor/font-awesome/core";
15 | @import "vendor/font-awesome/list";
16 | @import "vendor/font-awesome/icons";
17 |
--------------------------------------------------------------------------------
/docs/_sass/_anchorjs.scss:
--------------------------------------------------------------------------------
1 | // AnchorJS Styles
2 |
3 | .anchorjs-link {
4 | color: inherit;
5 | transition: all .16s linear;
6 | text-decoration: none;
7 |
8 | &:link,
9 | &:visited {
10 | text-decoration: none;
11 | color: inherit;
12 | }
13 |
14 | @media (max-width: 480px) {
15 | display: none;
16 | }
17 | }
18 |
19 | *:hover > .anchorjs-link {
20 | opacity: .5;
21 | margin-left: -0.9em !important;
22 | }
23 |
24 | *:hover > .anchorjs-link:hover,
25 | .anchorjs-link:focus {
26 | opacity: 1;
27 | }
28 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_core.scss:
--------------------------------------------------------------------------------
1 | // Base Class Definition
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix} {
5 | display: inline-block;
6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/docs/_includes/social-buttons.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/docs/config.rb:
--------------------------------------------------------------------------------
1 | require 'compass'
2 | require 'compass/exec'
3 | require 'sass-globbing'
4 |
5 | # Require any additional compass plugins here.
6 | project_type = :stand_alone
7 |
8 | # Publishing paths
9 | http_path = "/"
10 | http_images_path = "/vendor/images"
11 | http_generated_images_path = "/vendor/images"
12 | http_fonts_path = "/vendor/fonts"
13 | css_dir = "_site/css"
14 |
15 | # Local development paths
16 | sass_dir = "css"
17 | images_dir = "vendor/images"
18 | fonts_dir = "vendor/fonts"
19 |
20 | # sourcemap = true
21 | line_comments = false
22 | output_style = :compressed
23 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_reset-text.scss:
--------------------------------------------------------------------------------
1 | @mixin reset-text() {
2 | font-family: $font-family-base;
3 | // We deliberately do NOT reset font-size.
4 | font-style: normal;
5 | font-weight: normal;
6 | letter-spacing: normal;
7 | line-break: auto;
8 | line-height: $line-height-base;
9 | text-align: left; // Fallback for where `start` is not supported
10 | text-align: start;
11 | text-decoration: none;
12 | text-shadow: none;
13 | text-transform: none;
14 | white-space: normal;
15 | word-break: normal;
16 | word-spacing: normal;
17 | word-wrap: normal;
18 | }
19 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_stacked.scss:
--------------------------------------------------------------------------------
1 | // Stacked Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-stack {
5 | position: relative;
6 | display: inline-block;
7 | width: 2em;
8 | height: 2em;
9 | line-height: 2em;
10 | vertical-align: middle;
11 | }
12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13 | position: absolute;
14 | left: 0;
15 | width: 100%;
16 | text-align: center;
17 | }
18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; }
21 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_border-radius.scss:
--------------------------------------------------------------------------------
1 | // Single side border-radius
2 |
3 | @mixin border-top-radius($radius) {
4 | border-top-right-radius: $radius;
5 | border-top-left-radius: $radius;
6 | }
7 | @mixin border-right-radius($radius) {
8 | border-bottom-right-radius: $radius;
9 | border-top-right-radius: $radius;
10 | }
11 | @mixin border-bottom-radius($radius) {
12 | border-bottom-right-radius: $radius;
13 | border-bottom-left-radius: $radius;
14 | }
15 | @mixin border-left-radius($radius) {
16 | border-bottom-left-radius: $radius;
17 | border-top-left-radius: $radius;
18 | }
19 |
--------------------------------------------------------------------------------
/docs/css/cozhihu-docs.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | @import "vendor/bootstrap/variables";
5 |
6 | @import "vendor/fancybox";
7 |
8 | @import "result-repository";
9 | @import "sidenav";
10 | @import "hamburger";
11 | @import "code";
12 | @import "featurette";
13 | @import "layout";
14 | @import "nav";
15 | @import "footer";
16 | @import "alert";
17 | @import "home";
18 | @import "help";
19 | @import "timeline";
20 | @import "donate";
21 | @import "social";
22 | @import "buttons";
23 | @import "anchorjs";
24 | @import "jumbotron";
25 | @import "prettify";
26 | @import "syntax-highlighting";
27 | @import "typography";
28 | @import "dl-panels";
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_pagination.scss:
--------------------------------------------------------------------------------
1 | // Pagination
2 |
3 | @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
4 | > li {
5 | > a,
6 | > span {
7 | padding: $padding-vertical $padding-horizontal;
8 | font-size: $font-size;
9 | line-height: $line-height;
10 | }
11 | &:first-child {
12 | > a,
13 | > span {
14 | @include border-left-radius($border-radius);
15 | }
16 | }
17 | &:last-child {
18 | > a,
19 | > span {
20 | @include border-right-radius($border-radius);
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_responsive-visibility.scss:
--------------------------------------------------------------------------------
1 | // Responsive utilities
2 |
3 | //
4 | // More easily include all the states for responsive-utilities.less.
5 | // [converter] $parent hack
6 | @mixin responsive-visibility($parent) {
7 | #{$parent} {
8 | display: block !important;
9 | }
10 | table#{$parent} { display: table !important; }
11 | tr#{$parent} { display: table-row !important; }
12 | th#{$parent},
13 | td#{$parent} { display: table-cell !important; }
14 | }
15 |
16 | // [converter] $parent hack
17 | @mixin responsive-invisibility($parent) {
18 | #{$parent} {
19 | display: none !important;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/docs/_sass/_dl-panels.scss:
--------------------------------------------------------------------------------
1 | .cozh-page-panels {
2 | dt, dd {
3 | border: 1px solid $panel-default-border;
4 | }
5 |
6 | dt {
7 | background-color: $panel-default-heading-bg;
8 | border-top-left-radius: $panel-border-radius;
9 | border-top-right-radius: $panel-border-radius;
10 | padding: 5px 7.5px;
11 | }
12 |
13 | dd {
14 | background-color: $panel-bg;
15 | border-bottom-left-radius: $panel-border-radius;
16 | border-bottom-right-radius: $panel-border-radius;
17 | margin-bottom: 0.75em;
18 | padding: 7.5px;
19 | }
20 |
21 | dt + dd {
22 | border-top: none;
23 | }
24 | }
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_panels.scss:
--------------------------------------------------------------------------------
1 | // Panels
2 |
3 | @mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
4 | border-color: $border;
5 |
6 | & > .panel-heading {
7 | color: $heading-text-color;
8 | background-color: $heading-bg-color;
9 | border-color: $heading-border;
10 |
11 | + .panel-collapse > .panel-body {
12 | border-top-color: $border;
13 | }
14 | .badge {
15 | color: $heading-bg-color;
16 | background-color: $heading-text-color;
17 | }
18 | }
19 | & > .panel-footer {
20 | + .panel-collapse > .panel-body {
21 | border-bottom-color: $border;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_wells.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Wells
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .well {
8 | min-height: 20px;
9 | padding: 19px;
10 | margin-bottom: 20px;
11 | background-color: $well-bg;
12 | border: 1px solid $well-border;
13 | border-radius: $border-radius-base;
14 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 | blockquote {
16 | border-color: #ddd;
17 | border-color: rgba(0,0,0,.15);
18 | }
19 | }
20 |
21 | // Sizes
22 | .well-lg {
23 | padding: 24px;
24 | border-radius: $border-radius-large;
25 | }
26 | .well-sm {
27 | padding: 9px;
28 | border-radius: $border-radius-small;
29 | }
30 |
--------------------------------------------------------------------------------
/docs/_sass/_featurette.scss:
--------------------------------------------------------------------------------
1 | // Homepage featurettes
2 |
3 | .cozh-page-featurette {
4 | color: #777;
5 | padding: 15px 0;
6 | text-align: center;
7 |
8 | h4 {
9 | margin: 30px 0 15px;
10 | font-size: 24px;
11 | // font-size: 22px;
12 | font-weight: 300;
13 | // text-transform: uppercase;
14 | }
15 | h4 + p{
16 | margin-bottom: 20px;
17 | font-size: 16px;
18 | font-weight: 100;
19 | }
20 |
21 | .fa {
22 | font-size: 40px;
23 | // color:#454f86;
24 | color: #337ab7;
25 | }
26 | .feature-item{
27 | color:#23527c;
28 |
29 | &:hover{
30 | color: #23527c;
31 | .fa{
32 | color: inherit;
33 | }
34 | }
35 |
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_hide-text.scss:
--------------------------------------------------------------------------------
1 | // CSS image replacement
2 | //
3 | // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
4 | // mixins being reused as classes with the same name, this doesn't hold up. As
5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
6 | //
7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
8 |
9 | // Deprecated as of v3.0.1 (has been removed in v4)
10 | @mixin hide-text() {
11 | font: 0/0 a;
12 | color: transparent;
13 | text-shadow: none;
14 | background-color: transparent;
15 | border: 0;
16 | }
17 |
18 | // New mixin to use as of v3.0.1
19 | @mixin text-hide() {
20 | @include hide-text;
21 | }
22 |
--------------------------------------------------------------------------------
/docs/_sass/_social.scss:
--------------------------------------------------------------------------------
1 | // Social buttons
2 | //
3 | // Twitter and GitHub social action buttons.
4 |
5 | .cozh-page-social {
6 | margin-bottom: 20px;
7 | text-align: center;
8 | }
9 |
10 | .cozh-page-social-buttons {
11 | display: inline-block;
12 | padding-left: 0;
13 | margin-bottom: 0;
14 | list-style: none;
15 |
16 | li {
17 | display: inline-block;
18 | padding: 5px 8px;
19 | line-height: 1;
20 | }
21 |
22 | .twitter-follow-button {
23 | width: 225px !important;
24 | }
25 |
26 | .twitter-share-button {
27 | width: 98px !important;
28 | }
29 | }
30 |
31 | // Style the GitHub buttons via CSS instead of inline attributes
32 | .github-btn {
33 | overflow: hidden;
34 | border: 0;
35 | }
36 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_responsive-embed.scss:
--------------------------------------------------------------------------------
1 | // Embeds responsive
2 | //
3 | // Credit: Nicolas Gallagher and SUIT CSS.
4 |
5 | .embed-responsive {
6 | position: relative;
7 | display: block;
8 | height: 0;
9 | padding: 0;
10 | overflow: hidden;
11 |
12 | .embed-responsive-item,
13 | iframe,
14 | embed,
15 | object,
16 | video {
17 | position: absolute;
18 | top: 0;
19 | left: 0;
20 | bottom: 0;
21 | height: 100%;
22 | width: 100%;
23 | border: 0;
24 | }
25 | }
26 |
27 | // Modifier class for 16:9 aspect ratio
28 | .embed-responsive-16by9 {
29 | padding-bottom: 56.25%;
30 | }
31 |
32 | // Modifier class for 4:3 aspect ratio
33 | .embed-responsive-4by3 {
34 | padding-bottom: 75%;
35 | }
36 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_clearfix.scss:
--------------------------------------------------------------------------------
1 | // Clearfix
2 | //
3 | // For modern browsers
4 | // 1. The space content is one way to avoid an Opera bug when the
5 | // contenteditable attribute is included anywhere else in the document.
6 | // Otherwise it causes space to appear at the top and bottom of elements
7 | // that are clearfixed.
8 | // 2. The use of `table` rather than `block` is only necessary if using
9 | // `:before` to contain the top-margins of child elements.
10 | //
11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12 |
13 | @mixin clearfix() {
14 | &:before,
15 | &:after {
16 | content: " "; // 1
17 | display: table; // 2
18 | }
19 | &:after {
20 | clear: both;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_bordered-pulled.scss:
--------------------------------------------------------------------------------
1 | // Bordered & Pulled
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-border {
5 | padding: .2em .25em .15em;
6 | border: solid .08em $fa-border-color;
7 | border-radius: .1em;
8 | }
9 |
10 | .#{$fa-css-prefix}-pull-left { float: left; }
11 | .#{$fa-css-prefix}-pull-right { float: right; }
12 |
13 | .#{$fa-css-prefix} {
14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 |
18 | /* Deprecated as of 4.4.0 */
19 | .pull-right { float: right; }
20 | .pull-left { float: left; }
21 |
22 | .#{$fa-css-prefix} {
23 | &.pull-left { margin-right: .3em; }
24 | &.pull-right { margin-left: .3em; }
25 | }
26 |
--------------------------------------------------------------------------------
/docs/_sass/_footer.scss:
--------------------------------------------------------------------------------
1 | // Footer
2 |
3 | .cozh-page-footer {
4 | border-top: 1px solid #eee;
5 | color: #767676;
6 | padding-top: 40px;
7 | padding-bottom: 40px;
8 | margin-top: 100px;
9 | text-align: center;
10 |
11 | &-links {
12 | padding-left: 0;
13 | margin-top: 20px;
14 | }
15 |
16 | &-links li {
17 | display: inline;
18 | padding: 0 2px;
19 |
20 | &:after {
21 | content: "·";
22 | padding-left: 8px;
23 | }
24 |
25 | &:first-child {
26 | padding-left: 0;
27 | }
28 |
29 | &:last-child:after {
30 | content: "";
31 | padding-left: 0;
32 | }
33 | }
34 |
35 | @media (min-width: 768px) {
36 | p {
37 | margin-bottom: 0;
38 | }
39 | }
40 | }
41 |
42 |
43 |
--------------------------------------------------------------------------------
/src/reload.js:
--------------------------------------------------------------------------------
1 |
2 | (function() {
3 | var last_timestamp, reload_interval;
4 |
5 | last_timestamp = null;
6 |
7 | reload_interval = function() {
8 | var xhr;
9 | xhr = new XMLHttpRequest;
10 | xhr.open('GET', 'reload.html');
11 | xhr.send(null);
12 | return xhr.onload = function() {
13 | if (last_timestamp !== xhr.responseText) {
14 | last_timestamp = xhr.responseText;
15 | return chrome.runtime.reload();
16 | }
17 | };
18 | };
19 |
20 | (function() {
21 | var xhr;
22 | xhr = new XMLHttpRequest;
23 | xhr.open('GET', 'reload.html');
24 | xhr.send(null);
25 | return xhr.onload = function() {
26 | last_timestamp = xhr.responseText;
27 | return setInterval(reload_interval, 1000);
28 | };
29 | })();
30 |
31 | }).call(this);
32 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_rotated-flipped.scss:
--------------------------------------------------------------------------------
1 | // Rotated & Flipped Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7 |
8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10 |
11 | // Hook for IE8-9
12 | // -------------------------
13 |
14 | :root .#{$fa-css-prefix}-rotate-90,
15 | :root .#{$fa-css-prefix}-rotate-180,
16 | :root .#{$fa-css-prefix}-rotate-270,
17 | :root .#{$fa-css-prefix}-flip-horizontal,
18 | :root .#{$fa-css-prefix}-flip-vertical {
19 | filter: none;
20 | }
21 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_breadcrumbs.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Breadcrumbs
3 | // --------------------------------------------------
4 |
5 |
6 | .breadcrumb {
7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
8 | margin-bottom: $line-height-computed;
9 | list-style: none;
10 | background-color: $breadcrumb-bg;
11 | border-radius: $border-radius-base;
12 |
13 | > li {
14 | display: inline-block;
15 |
16 | + li:before {
17 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115
18 | $nbsp: "\00a0";
19 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
20 | padding: 0 5px;
21 | color: $breadcrumb-color;
22 | }
23 | }
24 |
25 | > .active {
26 | color: $breadcrumb-active-color;
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_list-group.scss:
--------------------------------------------------------------------------------
1 | // List Groups
2 |
3 | @mixin list-group-item-variant($state, $background, $color) {
4 | .list-group-item-#{$state} {
5 | color: $color;
6 | background-color: $background;
7 |
8 | // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
9 | }
10 |
11 | a.list-group-item-#{$state},
12 | button.list-group-item-#{$state} {
13 | color: $color;
14 |
15 | .list-group-item-heading {
16 | color: inherit;
17 | }
18 |
19 | &:hover,
20 | &:focus {
21 | color: $color;
22 | background-color: darken($background, 5%);
23 | }
24 | &.active,
25 | &.active:hover,
26 | &.active:focus {
27 | color: #fff;
28 | background-color: $color;
29 | border-color: $color;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_path.scss:
--------------------------------------------------------------------------------
1 | /* FONT PATH
2 | * -------------------------- */
3 |
4 | @font-face {
5 | font-family: 'FontAwesome';
6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 | font-weight: normal;
14 | font-style: normal;
15 | }
16 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_table-row.scss:
--------------------------------------------------------------------------------
1 | // Tables
2 |
3 | @mixin table-row-variant($state, $background) {
4 | // Exact selectors below required to override `.table-striped` and prevent
5 | // inheritance to nested tables.
6 | .table > thead > tr,
7 | .table > tbody > tr,
8 | .table > tfoot > tr {
9 | > td.#{$state},
10 | > th.#{$state},
11 | &.#{$state} > td,
12 | &.#{$state} > th {
13 | background-color: $background;
14 | }
15 | }
16 |
17 | // Hover states for `.table-hover`
18 | // Note: this is not available for cells or rows within `thead` or `tfoot`.
19 | .table-hover > tbody > tr {
20 | > td.#{$state}:hover,
21 | > th.#{$state}:hover,
22 | &.#{$state}:hover > td,
23 | &:hover > .#{$state},
24 | &.#{$state}:hover > th {
25 | background-color: darken($background, 5%);
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_animated.scss:
--------------------------------------------------------------------------------
1 | // Spinning Icons
2 | // --------------------------
3 |
4 | .#{$fa-css-prefix}-spin {
5 | -webkit-animation: fa-spin 2s infinite linear;
6 | animation: fa-spin 2s infinite linear;
7 | }
8 |
9 | .#{$fa-css-prefix}-pulse {
10 | -webkit-animation: fa-spin 1s infinite steps(8);
11 | animation: fa-spin 1s infinite steps(8);
12 | }
13 |
14 | @-webkit-keyframes fa-spin {
15 | 0% {
16 | -webkit-transform: rotate(0deg);
17 | transform: rotate(0deg);
18 | }
19 | 100% {
20 | -webkit-transform: rotate(359deg);
21 | transform: rotate(359deg);
22 | }
23 | }
24 |
25 | @keyframes fa-spin {
26 | 0% {
27 | -webkit-transform: rotate(0deg);
28 | transform: rotate(0deg);
29 | }
30 | 100% {
31 | -webkit-transform: rotate(359deg);
32 | transform: rotate(359deg);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/docs/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "App",
3 | "icons": [
4 | {
5 | "src": "\/android-icon-36x36.png",
6 | "sizes": "36x36",
7 | "type": "image\/png",
8 | "density": "0.75"
9 | },
10 | {
11 | "src": "\/android-icon-48x48.png",
12 | "sizes": "48x48",
13 | "type": "image\/png",
14 | "density": "1.0"
15 | },
16 | {
17 | "src": "\/android-icon-72x72.png",
18 | "sizes": "72x72",
19 | "type": "image\/png",
20 | "density": "1.5"
21 | },
22 | {
23 | "src": "\/android-icon-96x96.png",
24 | "sizes": "96x96",
25 | "type": "image\/png",
26 | "density": "2.0"
27 | },
28 | {
29 | "src": "\/android-icon-144x144.png",
30 | "sizes": "144x144",
31 | "type": "image\/png",
32 | "density": "3.0"
33 | },
34 | {
35 | "src": "\/android-icon-192x192.png",
36 | "sizes": "192x192",
37 | "type": "image\/png",
38 | "density": "4.0"
39 | }
40 | ]
41 | }
--------------------------------------------------------------------------------
/docs/_includes/footer.html:
--------------------------------------------------------------------------------
1 |
18 |
--------------------------------------------------------------------------------
/docs/_sass/_alert.scss:
--------------------------------------------------------------------------------
1 | // Alerts
2 | //
3 | // Modify Bootstrap's default alert styles to mimick
4 | // the `.bs-callout` styles from Bootstrap's docs.
5 | //
6 | // @see https://github.com/twbs/bootstrap/blob/master/docs/assets/css/src/docs.css#L711
7 | // @see https://github.com/twbs/bootstrap/blob/master/less/alerts.less
8 |
9 | .alert {
10 | background: #fff;
11 | border: 1px solid #eee;
12 | border-left-width: 5px;
13 | border-radius: 3px;
14 | color: #333;
15 | margin: 20px 0;
16 | padding: 20px;
17 |
18 | h4 {
19 | font-size: 18px;
20 | margin-top: 0;
21 | margin-bottom: 5px;
22 | }
23 |
24 | &-danger {
25 | border-left-color: #ce4844;
26 |
27 | h4 {
28 | color: #ce4844;
29 | }
30 | }
31 |
32 | &-info {
33 | border-left-color: #1b809e;
34 |
35 | h4 {
36 | color: #1b809e;
37 | }
38 | }
39 |
40 | &-warning {
41 | border-left-color: #aa6708;
42 |
43 | h4 {
44 | color: #aa6708;
45 | }
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_close.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Close icons
3 | // --------------------------------------------------
4 |
5 |
6 | .close {
7 | float: right;
8 | font-size: ($font-size-base * 1.5);
9 | font-weight: $close-font-weight;
10 | line-height: 1;
11 | color: $close-color;
12 | text-shadow: $close-text-shadow;
13 | @include opacity(.2);
14 |
15 | &:hover,
16 | &:focus {
17 | color: $close-color;
18 | text-decoration: none;
19 | cursor: pointer;
20 | @include opacity(.5);
21 | }
22 |
23 | // [converter] extracted button& to button.close
24 | }
25 |
26 | // Additional properties for button version
27 | // iOS requires the button element instead of an anchor tag.
28 | // If you want the anchor version, it requires `href="#"`.
29 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
30 | button.close {
31 | padding: 0;
32 | cursor: pointer;
33 | background: transparent;
34 | border: 0;
35 | -webkit-appearance: none;
36 | }
37 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_component-animations.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Component animations
3 | // --------------------------------------------------
4 |
5 | // Heads up!
6 | //
7 | // We don't use the `.opacity()` mixin here since it causes a bug with text
8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9 |
10 | .fade {
11 | opacity: 0;
12 | @include transition(opacity .15s linear);
13 | &.in {
14 | opacity: 1;
15 | }
16 | }
17 |
18 | .collapse {
19 | display: none;
20 |
21 | &.in { display: block; }
22 | // [converter] extracted tr&.in to tr.collapse.in
23 | // [converter] extracted tbody&.in to tbody.collapse.in
24 | }
25 |
26 | tr.collapse.in { display: table-row; }
27 |
28 | tbody.collapse.in { display: table-row-group; }
29 |
30 | .collapsing {
31 | position: relative;
32 | height: 0;
33 | overflow: hidden;
34 | @include transition-property(height, visibility);
35 | @include transition-duration(.35s);
36 | @include transition-timing-function(ease);
37 | }
38 |
--------------------------------------------------------------------------------
/docs/_includes/nav/screenshots.html:
--------------------------------------------------------------------------------
1 |
27 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_utilities.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | @include clearfix;
11 | }
12 | .center-block {
13 | @include center-block;
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | @include text-hide;
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | }
48 |
49 |
50 | // For Affix plugin
51 | // -------------------------
52 |
53 | .affix {
54 | position: fixed;
55 | }
56 |
--------------------------------------------------------------------------------
/docs/_sass/_prettify.scss:
--------------------------------------------------------------------------------
1 | // Google Code Prettify styles
2 |
3 | .com {
4 | color: #999;
5 | }
6 | .lit {
7 | color: #195f91;
8 | }
9 | .pun, .opn, .clo {
10 | color: #93a1a1;
11 | }
12 | .fun {
13 | color: #dc322f;
14 | }
15 | .str, .atv {
16 | color: #C7254E;
17 | }
18 | .kwd, .prettyprint .tag {
19 | color: #2F6F9F;
20 | }
21 | .typ, .atn, .dec, .var {
22 | color: #428BCA;
23 | }
24 | .pln {
25 | color: #333;
26 | }
27 |
28 | .prettyprint {
29 | padding: 9px 14px;
30 | margin-bottom: 20px;
31 | margin-top: 20px;
32 | border: 1px solid #eee;
33 |
34 | &.linenums {
35 | -webkit-box-shadow: inset 40px 0 0 #fbfbfb, inset 41px 0 0 #f6f6f6;
36 | -moz-box-shadow: inset 40px 0 0 #fbfbfb, inset 41px 0 0 #f6f6f6;
37 | box-shadow: inset 40px 0 0 #fbfbfb, inset 41px 0 0 #f6f6f6;
38 | }
39 | }
40 |
41 | // Specify class=linenums on a pre to get line numbering
42 | ol.linenums {
43 | margin: 0 0 0 -12px;
44 |
45 | li {
46 | padding-left: 12px;
47 | color: #bebebe;
48 | line-height: 18px;
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/docs/_sass/_hamburger.scss:
--------------------------------------------------------------------------------
1 | // Animated hamburger icon
2 | //
3 | // Add an animation to Bootstrap's `.navbar-toggle` hamburger icon,
4 | // courtesy of Julien Melissas.
5 | //
6 | // @see http://codepen.io/JulienMelissas/pen/LEBGLj
7 | // @see http://julienmelissas.com/animated-x-icon-for-the-bootstrap-navbar-toggle/
8 |
9 | .navbar-toggle {
10 | border: none;
11 | background: transparent !important;
12 |
13 | &:hover {
14 | background: transparent !important;
15 | }
16 |
17 | .icon-bar {
18 | width: 22px;
19 | transition: all 0.2s;
20 | }
21 |
22 | .top-bar {
23 | transform: rotate(45deg);
24 | transform-origin: 10% 10%;
25 | }
26 |
27 | .middle-bar {
28 | opacity: 0;
29 | }
30 |
31 | .bottom-bar {
32 | transform: rotate(-45deg);
33 | transform-origin: 10% 90%;
34 | }
35 |
36 | &.collapsed {
37 | .top-bar {
38 | transform: rotate(0);
39 | }
40 |
41 | .middle-bar {
42 | opacity: 1;
43 | }
44 |
45 | .bottom-bar {
46 | transform: rotate(0);
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/docs/images/donate.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/font-awesome/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------
3 |
4 | @mixin fa-icon() {
5 | display: inline-block;
6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
14 | @mixin fa-icon-rotate($degrees, $rotation) {
15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
16 | -webkit-transform: rotate($degrees);
17 | -ms-transform: rotate($degrees);
18 | transform: rotate($degrees);
19 | }
20 |
21 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
23 | -webkit-transform: scale($horiz, $vert);
24 | -ms-transform: scale($horiz, $vert);
25 | transform: scale($horiz, $vert);
26 | }
27 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_thumbnails.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Thumbnails
3 | // --------------------------------------------------
4 |
5 |
6 | // Mixin and adjust the regular image class
7 | .thumbnail {
8 | display: block;
9 | padding: $thumbnail-padding;
10 | margin-bottom: $line-height-computed;
11 | line-height: $line-height-base;
12 | background-color: $thumbnail-bg;
13 | border: 1px solid $thumbnail-border;
14 | border-radius: $thumbnail-border-radius;
15 | @include transition(border .2s ease-in-out);
16 |
17 | > img,
18 | a > img {
19 | @include img-responsive;
20 | margin-left: auto;
21 | margin-right: auto;
22 | }
23 |
24 | // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
25 |
26 | // Image captions
27 | .caption {
28 | padding: $thumbnail-caption-padding;
29 | color: $thumbnail-caption-color;
30 | }
31 | }
32 |
33 | // Add a hover state for linked versions only
34 | a.thumbnail:hover,
35 | a.thumbnail:focus,
36 | a.thumbnail.active {
37 | border-color: $link-color;
38 | }
39 |
--------------------------------------------------------------------------------
/docs/_includes/disqus.html:
--------------------------------------------------------------------------------
1 | {% if site.disqus_short_name %}
2 |
20 | {% endif %}
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_pager.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: $line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | @include clearfix;
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: $pager-bg;
19 | border: 1px solid $pager-border;
20 | border-radius: $pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: $pager-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: $pager-disabled-color;
50 | background-color: $pager-bg;
51 | cursor: $cursor-disabled;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/data/colors.json:
--------------------------------------------------------------------------------
1 | [
2 | { "color": "4A4A4A", "name": "4A4A4A" },
3 | { "color": "48647F", "name": "48647F" },
4 | { "color": "0767C8", "name": "0767C8" },
5 | { "color": "FE0001", "name": "FE0001" },
6 | { "color": "993333", "name": "993333" },
7 | { "color": "993CF3", "name": "993CF3" },
8 | { "color": "CC3333", "name": "CC3333" },
9 | { "color": "FD5F00", "name": "FD5F00" },
10 | { "color": "CC6699", "name": "CC6699" },
11 | { "color": "FF00FF", "name": "FF00FF" },
12 | { "color": "3F5D7D", "name": "3F5D7D" },
13 | { "color": "4D4DFF", "name": "4D4DFF" },
14 | { "color": "008AB8", "name": "008AB8" },
15 | { "color": "67C8FF", "name": "67C8FF" },
16 | { "color": "95CAE4", "name": "95CAE4" },
17 | { "color": "03BDBD", "name": "03BDBD" },
18 | { "color": "279B61", "name": "279B61" },
19 | { "color": "1C7B42", "name": "1C7B42" },
20 | { "color": "78D865", "name": "78D865" },
21 | { "color": "E91E63", "name": "E91E63" },
22 | { "color": "FFCC33", "name": "FFCC33" },
23 | { "color": "C1C11A", "name": "C1C11A" },
24 | { "color": "5A3A09", "name": "5A3A09" }
25 | ]
26 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------------------------------
3 |
4 | // Utilities
5 | @import "mixins/hide-text";
6 | @import "mixins/opacity";
7 | @import "mixins/image";
8 | @import "mixins/labels";
9 | @import "mixins/reset-filter";
10 | @import "mixins/resize";
11 | @import "mixins/responsive-visibility";
12 | @import "mixins/size";
13 | @import "mixins/tab-focus";
14 | @import "mixins/reset-text";
15 | @import "mixins/text-emphasis";
16 | @import "mixins/text-overflow";
17 | @import "mixins/vendor-prefixes";
18 |
19 | // Components
20 | @import "mixins/alerts";
21 | @import "mixins/buttons";
22 | @import "mixins/panels";
23 | @import "mixins/pagination";
24 | @import "mixins/list-group";
25 | @import "mixins/nav-divider";
26 | @import "mixins/forms";
27 | @import "mixins/progress-bar";
28 | @import "mixins/table-row";
29 |
30 | // Skins
31 | @import "mixins/background-variant";
32 | @import "mixins/border-radius";
33 | @import "mixins/gradients";
34 |
35 | // Layout
36 | @import "mixins/clearfix";
37 | @import "mixins/center-block";
38 | @import "mixins/nav-vertical-align";
39 | @import "mixins/grid-framework";
40 | @import "mixins/grid";
41 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "cozhihu",
3 | "private": true,
4 | "version": "0.4.10",
5 | "description": "zhi hu skins chrome extension",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "keywords": [
10 | "cozhihu",
11 | "zhihu",
12 | "skins",
13 | "theme"
14 | ],
15 | "author": "Terry Cai",
16 | "license": "MIT",
17 | "devDependencies": {
18 | "crxautoreload": "^0.1.1",
19 | "gulp": "^3.9.1",
20 | "gulp-clean": "^0.3.2",
21 | "gulp-clean-css": "^2.0.4",
22 | "gulp-concat": "^2.6.0",
23 | "gulp-crx-pack": "^1.0.1",
24 | "gulp-css2jsmap": "^0.1.1",
25 | "gulp-htmlmin": "^1.3.0",
26 | "gulp-imagemin": "^2.4.0",
27 | "gulp-json-editor": "^2.2.1",
28 | "gulp-jsonminify": "^1.0.0",
29 | "gulp-multifile": "^0.2.1",
30 | "gulp-plumber": "^1.1.0",
31 | "gulp-sass": "^2.2.0",
32 | "gulp-uglify": "^1.5.3",
33 | "gulp-util": "~3.0.7",
34 | "imagemin-gifsicle": "^4.2.0",
35 | "imagemin-pngquant": "^4.2.2",
36 | "run-sequence": "^1.2.1"
37 | },
38 | "dependencies": {
39 | "lodash.template": "^4.2.5",
40 | "object-assign": "~4.1.0"
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_media.scss:
--------------------------------------------------------------------------------
1 | .media {
2 | // Proper spacing between instances of .media
3 | margin-top: 15px;
4 |
5 | &:first-child {
6 | margin-top: 0;
7 | }
8 | }
9 |
10 | .media,
11 | .media-body {
12 | zoom: 1;
13 | overflow: hidden;
14 | }
15 |
16 | .media-body {
17 | width: 10000px;
18 | }
19 |
20 | .media-object {
21 | display: block;
22 |
23 | // Fix collapse in webkit from max-width: 100% and display: table-cell.
24 | &.img-thumbnail {
25 | max-width: none;
26 | }
27 | }
28 |
29 | .media-right,
30 | .media > .pull-right {
31 | padding-left: 10px;
32 | }
33 |
34 | .media-left,
35 | .media > .pull-left {
36 | padding-right: 10px;
37 | }
38 |
39 | .media-left,
40 | .media-right,
41 | .media-body {
42 | display: table-cell;
43 | vertical-align: top;
44 | }
45 |
46 | .media-middle {
47 | vertical-align: middle;
48 | }
49 |
50 | .media-bottom {
51 | vertical-align: bottom;
52 | }
53 |
54 | // Reset margins on headings for tighter default spacing
55 | .media-heading {
56 | margin-top: 0;
57 | margin-bottom: 5px;
58 | }
59 |
60 | // Media list variation
61 | //
62 | // Undo default ul/ol styles
63 | .media-list {
64 | padding-left: 0;
65 | list-style: none;
66 | }
67 |
--------------------------------------------------------------------------------
/docs/_sass/_result-repository.scss:
--------------------------------------------------------------------------------
1 | // Styles accompanying the "Loading remote data" example `templateResult
2 |
3 | .select2-result-repository {
4 | padding-top: 4px;
5 | padding-bottom: 3px;
6 |
7 | &__avatar {
8 | float: left;
9 | width: 60px;
10 | margin-right: 10px;
11 |
12 | img {
13 | width: 100%;
14 | height: auto;
15 | border-radius: 2px;
16 | }
17 | }
18 |
19 | &__meta {
20 | margin-left: 70px;
21 | }
22 |
23 | &__title {
24 | color: black;
25 | font-weight: bold;
26 | word-wrap: break-word;
27 | line-height: 1.1;
28 | margin-bottom: 4px;
29 | }
30 |
31 | &__forks,
32 | &__stargazers {
33 | margin-right: 1em;
34 | }
35 |
36 | &__forks,
37 | &__stargazers,
38 | &__watchers {
39 | display: inline-block;
40 | color: #aaa;
41 | font-size: 11px;
42 | }
43 |
44 | &__description {
45 | font-size: 13px;
46 | color: #777;
47 | margin-top: 4px;
48 | }
49 |
50 | .select2-results__option--highlighted & {
51 | &__title {
52 | color: white;
53 | }
54 |
55 | &__forks,
56 | &__stargazers,
57 | &__description,
58 | &__watchers {
59 | color: mix(#428BCA, white, 30%);
60 | }
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/docs/_sass/_home.scss:
--------------------------------------------------------------------------------
1 | // Homepage-specific styles
2 |
3 | .cozh-page-home {
4 | .cozh-page-nav {
5 | border-color: transparent;
6 | background-color: transparent;
7 | }
8 | .jumbotron {
9 | position: relative;
10 | margin-bottom: 0;
11 | color: #666;
12 | margin-top: -72px;
13 | padding-top: 250px;
14 | padding-bottom: 210px;
15 | background-size: cover;
16 | background-position: center center;
17 | background-color: #f7fafc;
18 |
19 | h1 {
20 | color: #000;
21 | margin-top: 20px;
22 | font-size: 72px;
23 | font-weight: 300;
24 | }
25 | }
26 |
27 | .container {
28 | position: relative;
29 | z-index: 1;
30 | }
31 |
32 | #particles {
33 | position: absolute;
34 | top: 0;
35 | // z-index: -1;
36 | width: 100%;
37 | height: 100%;
38 | overflow: hidden;
39 | }
40 |
41 | .lead {
42 | text-align: center;
43 | max-width: 800px;
44 | margin: 0 auto 40px;
45 | line-height: 1.5em;
46 | font-size: 25px;
47 | }
48 |
49 | .notice-previous {
50 | background: #f7fafc;
51 | color: #666;
52 | border-bottom: 1px solid #eee;
53 | padding: 15px 20px;
54 | font-weight: 300;
55 | font-size: 16px;
56 |
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/_locales/zh_CN/messages.json:
--------------------------------------------------------------------------------
1 | {
2 | "extDesc": {
3 | "message": "修改你的知乎网页配色"
4 | },
5 | "extName": {
6 | "message": "多彩知乎"
7 | },
8 | "textShadow":{
9 | "message": "使用文字阴影"
10 | },
11 | "rotateanimate": {
12 | "message": "禁用对焦页面动画"
13 | },
14 | "options": {
15 | "message": "选项"
16 | },
17 | "openZhihuTab":{
18 | "message": "打开知乎网页"
19 | },
20 | "openZhihuQuestion":{
21 | "message": "回答问题 - 知乎"
22 | },
23 | "openZhuanlanWriteTab":{
24 | "message": "写文章 - 知乎专栏"
25 | },
26 | "aboutAuthor": {
27 | "message": "关于作者"
28 | },
29 | "feedback": {
30 | "message": "意见反馈"
31 | },
32 | "blog": {
33 | "message": "博客"
34 | },
35 | "offcial": {
36 | "message": "插件官网"
37 | },
38 | "chromestore": {
39 | "message": "应用商城"
40 | },
41 | "weibo": {
42 | "message": "新浪微博"
43 | },
44 | "open": {
45 | "message": "打开"
46 | },
47 | "donate": {
48 | "message": "捐赠: "
49 | },
50 | "gotomy":{
51 | "message": "或到我的博客,微博留言。"
52 | },
53 | "countrn": {
54 | "message": "统计: 已经渲染"
55 | },
56 | "times": {
57 | "message": "次"
58 | }
59 |
60 | }
61 |
--------------------------------------------------------------------------------
/src/_locales/zh_TW/messages.json:
--------------------------------------------------------------------------------
1 | {
2 | "extDesc": {
3 | "message": "修改你的知乎網頁配色"
4 | },
5 | "extName": {
6 | "message": "多彩知乎"
7 | },
8 | "textShadow": {
9 | "message": "使用文字陰影"
10 | },
11 | "rotateanimate": {
12 | "message": "禁用對焦頁面動畫"
13 | },
14 | "options": {
15 | "message": "選項"
16 | },
17 | "openZhihuTab": {
18 | "message": "打開知乎網頁"
19 | },
20 | "openZhihuQuestion":{
21 | "message": "回答問題 - 知乎"
22 | },
23 | "openZhuanlanWriteTab": {
24 | "message": "寫文章 - 知乎專欄"
25 | },
26 | "aboutAuthor": {
27 | "message": "關於作者"
28 | },
29 | "feedback": {
30 | "message": "意見反饋"
31 | },
32 | "blog": {
33 | "message": "博客"
34 | },
35 | "offcial": {
36 | "message": "插件官網"
37 | },
38 | "chromestore": {
39 | "message": "應用商城"
40 | },
41 | "weibo": {
42 | "message": "新浪微博"
43 | },
44 | "open": {
45 | "message": "打開"
46 | },
47 | "donate": {
48 | "message": "捐贈: "
49 | },
50 | "gotomy": {
51 | "message": "或到我的博客,微博留言。"
52 | },
53 | "countrn": {
54 | "message": "統計: 已經渲染"
55 | },
56 | "times": {
57 | "message": "次"
58 | }
59 |
60 | }
61 |
--------------------------------------------------------------------------------
/src/sass/base/_variable.scss:
--------------------------------------------------------------------------------
1 | $base-color: #0767c8 !default;
2 | $anchor-color: darken($base-color, 10%) !default;
3 |
4 |
5 | $top-btn-color: lighten($base-color, 5.5%) !default;
6 |
7 | $top-btn-border: darken($top-btn-color, 10%) !default;
8 |
9 | $top-btn-border-active: darken($top-btn-border, 7%) !default;
10 | $top-btn-color-active: darken($top-btn-color, 7%) !default;
11 |
12 | $top-nav-current: darken($base-color, 6.5%) !default;
13 |
14 | $top-dropdown-color: darken($base-color, 6.5%) !default;
15 | $top-dropdown-border: darken($base-color, 7.5%) !default;
16 | $top-dropdown-hover: lighten($top-dropdown-color, 7.5%) !default;
17 |
18 | $primary-btn-color: lighten($base-color, 6.5%) !default;
19 | $primary-btn-border: darken($primary-btn-color, 7.5%) !default;
20 |
21 | $follow-btn: #8ab923 !default;
22 |
23 | $topic-plaza-bg: lighten($base-color, 80%) !default;
24 | $topic-plaza-border: lighten($base-color, 70%) !default;
25 |
26 |
27 |
28 | $topic-cat-color: $anchor-color !default;
29 |
30 |
31 | $topics-plaza-bg: mix(white, $base-color, 95%) !default;
32 | $topics-plaza-border: mix(white, $base-color, 60%) !default;
33 |
34 | $profile-progress-bar: lighten($base-color, 10%) !default;
35 |
36 |
37 | $modal-title: darken($base-color, 2%) !default;
38 | $modal-title-border: darken($base-color, 4%) !default;
39 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_image.scss:
--------------------------------------------------------------------------------
1 | // Image Mixins
2 | // - Responsive image
3 | // - Retina image
4 |
5 |
6 | // Responsive image
7 | //
8 | // Keep images from scaling beyond the width of their parents.
9 | @mixin img-responsive($display: block) {
10 | display: $display;
11 | max-width: 100%; // Part 1: Set a maximum relative to the parent
12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
13 | }
14 |
15 |
16 | // Retina image
17 | //
18 | // Short retina mixin for setting background-image and -size. Note that the
19 | // spelling of `min--moz-device-pixel-ratio` is intentional.
20 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
21 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
22 |
23 | @media
24 | only screen and (-webkit-min-device-pixel-ratio: 2),
25 | only screen and ( min--moz-device-pixel-ratio: 2),
26 | only screen and ( -o-min-device-pixel-ratio: 2/1),
27 | only screen and ( min-device-pixel-ratio: 2),
28 | only screen and ( min-resolution: 192dpi),
29 | only screen and ( min-resolution: 2dppx) {
30 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
31 | background-size: $width-1x $height-1x;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_jumbotron.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Jumbotron
3 | // --------------------------------------------------
4 |
5 |
6 | .jumbotron {
7 | padding-top: $jumbotron-padding;
8 | padding-bottom: $jumbotron-padding;
9 | margin-bottom: $jumbotron-padding;
10 | color: $jumbotron-color;
11 | background-color: $jumbotron-bg;
12 |
13 | h1,
14 | .h1 {
15 | color: $jumbotron-heading-color;
16 | }
17 |
18 | p {
19 | margin-bottom: ($jumbotron-padding / 2);
20 | font-size: $jumbotron-font-size;
21 | font-weight: 200;
22 | }
23 |
24 | > hr {
25 | border-top-color: darken($jumbotron-bg, 10%);
26 | }
27 |
28 | .container &,
29 | .container-fluid & {
30 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
31 | padding-left: ($grid-gutter-width / 2);
32 | padding-right: ($grid-gutter-width / 2);
33 | }
34 |
35 | .container {
36 | max-width: 100%;
37 | }
38 |
39 | @media screen and (min-width: $screen-sm-min) {
40 | padding-top: ($jumbotron-padding * 1.6);
41 | padding-bottom: ($jumbotron-padding * 1.6);
42 |
43 | .container &,
44 | .container-fluid & {
45 | padding-left: ($jumbotron-padding * 2);
46 | padding-right: ($jumbotron-padding * 2);
47 | }
48 |
49 | h1,
50 | .h1 {
51 | font-size: $jumbotron-heading-font-size;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/docs/donate.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Donate - Cozhihu
4 | slug: donate
5 | ---
6 |
7 |
8 |
9 |
10 |
11 | Donate
12 |
13 |
14 | Cozhihu is a free extension, donate to this project, make it better.
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | Paypal
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
Note:
41 |
After donate, please leave a meaage, order to list you in this page.
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_labels.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Labels
3 | // --------------------------------------------------
4 |
5 | .label {
6 | display: inline;
7 | padding: .2em .6em .3em;
8 | font-size: 75%;
9 | font-weight: bold;
10 | line-height: 1;
11 | color: $label-color;
12 | text-align: center;
13 | white-space: nowrap;
14 | vertical-align: baseline;
15 | border-radius: .25em;
16 |
17 | // [converter] extracted a& to a.label
18 |
19 | // Empty labels collapse automatically (not available in IE8)
20 | &:empty {
21 | display: none;
22 | }
23 |
24 | // Quick fix for labels in buttons
25 | .btn & {
26 | position: relative;
27 | top: -1px;
28 | }
29 | }
30 |
31 | // Add hover effects, but only for links
32 | a.label {
33 | &:hover,
34 | &:focus {
35 | color: $label-link-hover-color;
36 | text-decoration: none;
37 | cursor: pointer;
38 | }
39 | }
40 |
41 | // Colors
42 | // Contextual variations (linked labels get darker on :hover)
43 |
44 | .label-default {
45 | @include label-variant($label-default-bg);
46 | }
47 |
48 | .label-primary {
49 | @include label-variant($label-primary-bg);
50 | }
51 |
52 | .label-success {
53 | @include label-variant($label-success-bg);
54 | }
55 |
56 | .label-info {
57 | @include label-variant($label-info-bg);
58 | }
59 |
60 | .label-warning {
61 | @include label-variant($label-warning-bg);
62 | }
63 |
64 | .label-danger {
65 | @include label-variant($label-danger-bg);
66 | }
67 |
--------------------------------------------------------------------------------
/docs/_sass/_nav.scss:
--------------------------------------------------------------------------------
1 | // Main navigation
2 | //
3 | // Styles for the top `.navbar` and its dropdowns.
4 |
5 | .cozh-page-nav {
6 | margin-bottom: 0;
7 | border-color: #eee;
8 | background-color: #fff;
9 | // background-color: #F6F6F6;
10 | .navbar-brand {
11 | font-weight: 500;
12 | > img {
13 | display: inline;
14 | margin-right: 4px;
15 | }
16 | }
17 |
18 | .navbar-nav > .active > a,
19 | .navbar-nav > .active > a:hover,
20 | .navbar-nav > .active > a:focus {
21 | background-color: #f0f0f0;
22 | color: #000;
23 | }
24 |
25 | @media (min-width: 768px) {
26 |
27 | .navbar-nav > li > .dropdown-menu:before {
28 | position: absolute;
29 | top: -21px;
30 | left: 24px;
31 | display: block;
32 | width: 0;
33 | height: 0;
34 | border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.1);
35 | border-style: solid;
36 | border-width: 10px;
37 | content: "";
38 | }
39 |
40 | .navbar-nav > li > .dropdown-menu:after {
41 | position: absolute;
42 | top: -20px;
43 | left: 24px;
44 | display: block;
45 | width: 0;
46 | height: 0;
47 | border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
48 | border-style: solid;
49 | border-width: 10px;
50 | content: '';
51 | }
52 |
53 | .navbar-nav .dropdown-menu {
54 | border-radius: 4px;
55 | border-color: #ddd;
56 | margin-top: -1px;
57 | }
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/_locales/en/messages.json:
--------------------------------------------------------------------------------
1 | {
2 | "extDesc": {
3 | "message": "Change your Zhihu page Color"
4 | },
5 | "extName": {
6 | "message": "Cozhihu"
7 | },
8 | "textShadow": {
9 | "message": "Use Text Shadow"
10 | },
11 | "rotateanimate": {
12 | "message": "Disable Page focus animation"
13 | },
14 | "options": {
15 | "message": "Options"
16 | },
17 | "openZhihuTab": {
18 | "message": "Open Zhihu Website"
19 | },
20 | "openZhihuQuestion":{
21 | "message": "Answer Question - Zhihu"
22 | },
23 | "openZhuanlanWriteTab": {
24 | "message": "Write Zhihu Post"
25 | },
26 | "aboutAuthor": {
27 | "message": "About author"
28 | },
29 | "feedback": {
30 | "message": "Feedback"
31 | },
32 | "blog": {
33 | "message": "Blog"
34 | },
35 | "offcial": {
36 | "message": "Offcial Website"
37 | },
38 | "chromestore": {
39 | "message": "Chrome Store"
40 | },
41 | "weibo": {
42 | "message": "Weibo"
43 | },
44 | "open": {
45 | "message": "Open "
46 | },
47 | "donate": {
48 | "message": "Donate: "
49 | },
50 | "gotomy":{
51 | "message": "or leave a message on my blog or weibo."
52 | },
53 | "countrn": {
54 | "message": "Statistics: rendered "
55 | },
56 | "times": {
57 | "message": " times"
58 | }
59 |
60 |
61 | }
62 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_badges.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Badges
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .badge {
8 | display: inline-block;
9 | min-width: 10px;
10 | padding: 3px 7px;
11 | font-size: $font-size-small;
12 | font-weight: $badge-font-weight;
13 | color: $badge-color;
14 | line-height: $badge-line-height;
15 | vertical-align: middle;
16 | white-space: nowrap;
17 | text-align: center;
18 | background-color: $badge-bg;
19 | border-radius: $badge-border-radius;
20 |
21 | // Empty badges collapse automatically (not available in IE8)
22 | &:empty {
23 | display: none;
24 | }
25 |
26 | // Quick fix for badges in buttons
27 | .btn & {
28 | position: relative;
29 | top: -1px;
30 | }
31 |
32 | .btn-xs &,
33 | .btn-group-xs > .btn & {
34 | top: 0;
35 | padding: 1px 5px;
36 | }
37 |
38 | // [converter] extracted a& to a.badge
39 |
40 | // Account for badges in navs
41 | .list-group-item.active > &,
42 | .nav-pills > .active > a > & {
43 | color: $badge-active-color;
44 | background-color: $badge-active-bg;
45 | }
46 |
47 | .list-group-item > & {
48 | float: right;
49 | }
50 |
51 | .list-group-item > & + & {
52 | margin-right: 5px;
53 | }
54 |
55 | .nav-pills > li > a > & {
56 | margin-left: 3px;
57 | }
58 | }
59 |
60 | // Hover state, but only for links
61 | a.badge {
62 | &:hover,
63 | &:focus {
64 | color: $badge-link-hover-color;
65 | text-decoration: none;
66 | cursor: pointer;
67 | }
68 | }
69 |
--------------------------------------------------------------------------------
/docs/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% include head.html %}
5 |
6 |
7 | {% include navigation.html %}
8 |
9 | {{ content }}
10 |
11 | {% include footer.html %}
12 |
13 |
54 |
55 | {% include ga.html %}
56 |
57 |
58 |
--------------------------------------------------------------------------------
/docs/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://ruby.taobao.org/
3 | specs:
4 | addressable (2.5.0)
5 | public_suffix (~> 2.0, >= 2.0.2)
6 | chunky_png (1.3.8)
7 | colorator (1.1.0)
8 | compass (1.0.3)
9 | chunky_png (~> 1.2)
10 | compass-core (~> 1.0.2)
11 | compass-import-once (~> 1.0.5)
12 | rb-fsevent (>= 0.9.3)
13 | rb-inotify (>= 0.9)
14 | sass (>= 3.3.13, < 3.5)
15 | compass-core (1.0.3)
16 | multi_json (~> 1.0)
17 | sass (>= 3.3.0, < 3.5)
18 | compass-import-once (1.0.5)
19 | sass (>= 3.2, < 3.5)
20 | ffi (1.9.14)
21 | forwardable-extended (2.6.0)
22 | jekyll (3.3.1)
23 | addressable (~> 2.4)
24 | colorator (~> 1.0)
25 | jekyll-sass-converter (~> 1.0)
26 | jekyll-watch (~> 1.1)
27 | kramdown (~> 1.3)
28 | liquid (~> 3.0)
29 | mercenary (~> 0.3.3)
30 | pathutil (~> 0.9)
31 | rouge (~> 1.7)
32 | safe_yaml (~> 1.0)
33 | jekyll-sass-converter (1.5.0)
34 | sass (~> 3.4)
35 | jekyll-watch (1.5.0)
36 | listen (~> 3.0, < 3.1)
37 | kramdown (1.13.1)
38 | liquid (3.0.6)
39 | listen (3.0.8)
40 | rb-fsevent (~> 0.9, >= 0.9.4)
41 | rb-inotify (~> 0.9, >= 0.9.7)
42 | mercenary (0.3.6)
43 | multi_json (1.12.1)
44 | pathutil (0.14.0)
45 | forwardable-extended (~> 2.6)
46 | public_suffix (2.0.4)
47 | rb-fsevent (0.9.8)
48 | rb-inotify (0.9.7)
49 | ffi (>= 0.5.0)
50 | rouge (1.11.1)
51 | safe_yaml (1.0.4)
52 | sass (3.4.23)
53 |
54 | PLATFORMS
55 | ruby
56 |
57 | DEPENDENCIES
58 | compass
59 | jekyll
60 |
61 | BUNDLED WITH
62 | 1.13.7
63 |
--------------------------------------------------------------------------------
/docs/_sass/_jumbotron.scss:
--------------------------------------------------------------------------------
1 | // Jumbotron
2 | //
3 | // Modify Bootstrap's default `.jumbotron` styles.
4 |
5 | .jumbotron {
6 | background-color: #384047;
7 | // #3A95FF
8 | // background-color: #f6f6f6;
9 | border-bottom: 1px solid #eee;
10 | color: #fff;
11 | padding-left: 0;
12 | padding-right: 0;
13 | text-align: center;
14 |
15 | background-size: cover;
16 | background-position: center center;
17 | background-repeat: no-repeat;
18 |
19 |
20 | h1 {
21 | color: #fff;
22 | font-size: 60px;
23 | margin-top: 10px;
24 | }
25 |
26 | .version {
27 | color: #999;
28 | font-size: 14px;
29 | font-weight: normal;
30 | margin-bottom: 30px;
31 | }
32 | }
33 |
34 |
35 |
36 | @media screen and (min-width: 768px){
37 | .jumbotron {
38 | padding-top: 90px;
39 | padding-bottom: 90px;
40 | }
41 | }
42 |
43 | .jumbotron-community{
44 | background: url(../images/network-graphic.svg);
45 | background-size: cover;
46 | background-position: center center;
47 | background-repeat: no-repeat;
48 | }
49 |
50 | .jumbotron-donate{
51 | background-position: center center;
52 | background-repeat: no-repeat;
53 | background-size: auto;
54 | background-image: url(../images/donate.png);
55 | }
56 |
57 | .jumbotron-help {
58 | background: url(../images/hero-blue_help.jpg);
59 | background-size: cover;
60 | background-position: center center;
61 | background-repeat: no-repeat;
62 | }
63 |
64 |
65 | .jumbotron-custom {
66 | background: url(../images/hero-desk.jpg);
67 | background-size: cover;
68 | background-position: center center;
69 | background-repeat: no-repeat;
70 | }
--------------------------------------------------------------------------------
/src/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "background": {
3 | "scripts": ["reload.js", "bg/background.js"]
4 | },
5 | "content_scripts": [{
6 | "all_frames": true,
7 | "js": ["content/colorstyle.js", "content/content.js"],
8 | "matches": ["http://*/*", "https://*/*"],
9 | "run_at": "document_start"
10 | }],
11 |
12 | "content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'",
13 | "default_locale": "en",
14 | "description": "__MSG_extDesc__",
15 | "icons": {
16 | "152": "icons/color/152.png",
17 | "38": "icons/color/38.png"
18 | },
19 | "manifest_version": 2,
20 | "name": "__MSG_extName__",
21 | "options_page": "options.html",
22 | // "page_action": {
23 | // "default_icon": "icon_19.png",
24 | // "default_popup": "popup/popup.html",
25 | // "default_title": "__MSG_extDesc__"
26 | // },
27 | "browser_action": {
28 | "default_icon": "icons/color/19.png",
29 | // "default_icon": { // optional
30 | // "19": "icon_19.png", // optional
31 | // "48": "icon_48.png" // optional
32 | // },
33 | "default_title": "__MSG_extDesc__", // optional;
34 | "default_popup": "popup/popup.html" // optional
35 | },
36 | "permissions": ["tabs", "contextMenus", "storage", "http://*/*", "https://*/*", "webRequest", "webRequestBlocking", "webNavigation"],
37 |
38 | "version": "0.4.10.2",
39 | "web_accessible_resources": [
40 | "skins/*.css",
41 | "images/*.png",
42 | "icons/*/*.png"
43 | ]
44 | }
45 |
--------------------------------------------------------------------------------
/src/sass/base/_inverse-variable.scss:
--------------------------------------------------------------------------------
1 | $base-color: #0767c8 !default;
2 | $base-font-color: mix(white, $base-color, 95%) !default;
3 | $base-color2: mix(white, $base-color, 5%) !default;
4 | $anchor-color: mix(white, $base-color, 70%) !default;
5 |
6 |
7 | $split-line-color: mix(black, $base-color, 20%)!default;
8 | $split-section-color: mix(black, $base-color, 90%)!default;
9 |
10 | $body-bgcolor: $base-color;
11 |
12 | $top-btn-color: lighten($base-color, 5.5%) !default;
13 |
14 | $top-btn-border: darken($top-btn-color, 10%) !default;
15 |
16 | $top-btn-border-active: darken($top-btn-border, 7%) !default;
17 | $top-btn-color-active: darken($top-btn-color, 7%) !default;
18 |
19 | $top-nav-current: darken($base-color, 6.5%) !default;
20 |
21 | $top-dropdown-color: darken($base-color, 6.5%) !default;
22 | $top-dropdown-border: darken($base-color, 7.5%) !default;
23 | $top-dropdown-hover: lighten($top-dropdown-color, 7.5%) !default;
24 |
25 | $primary-btn-color: lighten($base-color, 6.5%) !default;
26 | $primary-btn-border: darken($primary-btn-color, 7.5%) !default;
27 |
28 | $follow-btn: #8ab923 !default;
29 |
30 | $topic-plaza-bg: lighten($base-color, 80%) !default;
31 | $topic-plaza-border: lighten($base-color, 70%) !default;
32 |
33 |
34 |
35 | $topic-cat-color: $anchor-color !default;
36 |
37 |
38 | $topics-plaza-bg: mix(black, $base-color, 10%) !default;
39 | $topics-plaza-border: mix(white, $base-color, 20%) !default;
40 |
41 | $side-topic-bg: $base-color !default;
42 |
43 | $profile-progress-bar: lighten($base-color, 10%) !default;
44 |
45 |
46 | $modal-title: darken($base-color, 2%) !default;
47 | $modal-title-border: darken($base-color, 4%) !default;
48 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_code.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Code (inline and block)
3 | // --------------------------------------------------
4 |
5 |
6 | // Inline and block code styles
7 | code,
8 | kbd,
9 | pre,
10 | samp {
11 | font-family: $font-family-monospace;
12 | }
13 |
14 | // Inline code
15 | code {
16 | padding: 2px 4px;
17 | font-size: 90%;
18 | color: $code-color;
19 | background-color: $code-bg;
20 | border-radius: $border-radius-base;
21 | }
22 |
23 | // User input typically entered via keyboard
24 | kbd {
25 | padding: 2px 4px;
26 | font-size: 90%;
27 | color: $kbd-color;
28 | background-color: $kbd-bg;
29 | border-radius: $border-radius-small;
30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31 |
32 | kbd {
33 | padding: 0;
34 | font-size: 100%;
35 | font-weight: bold;
36 | box-shadow: none;
37 | }
38 | }
39 |
40 | // Blocks of code
41 | pre {
42 | display: block;
43 | padding: (($line-height-computed - 1) / 2);
44 | margin: 0 0 ($line-height-computed / 2);
45 | font-size: ($font-size-base - 1); // 14px to 13px
46 | line-height: $line-height-base;
47 | word-break: break-all;
48 | word-wrap: break-word;
49 | color: $pre-color;
50 | background-color: $pre-bg;
51 | border: 1px solid $pre-border-color;
52 | border-radius: $border-radius-base;
53 |
54 | // Account for some code outputs that place code tags in pre tags
55 | code {
56 | padding: 0;
57 | font-size: inherit;
58 | color: inherit;
59 | white-space: pre-wrap;
60 | background-color: transparent;
61 | border-radius: 0;
62 | }
63 | }
64 |
65 | // Enable scrollable blocks of code
66 | .pre-scrollable {
67 | max-height: $pre-scrollable-max-height;
68 | overflow-y: scroll;
69 | }
70 |
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | #cozhihu(多彩知乎)
2 | ---
3 |
4 |
5 | [![Chrome Web Store][version-image]][package-url] [![Chrome Web Store][rating-image]][package-url] [![Chrome Web Store][rating-count-image]][package-url] [![Chrome Web Store][download-image]][package-url]
6 |
7 | > cozhihu is a chrome extension for zhihu skins.
8 |
9 | #### Install
10 | [ ](https://chrome.google.com/webstore/detail/oaoadbdcnpjngbdopghepdhlmlbdkgpb)
11 |
12 | ### Features
13 |
14 | - Dynamic preview the color style.
15 | - A series of skin for you to choose including night mode.
16 | - Magic browser action icon, website link for geek user.
17 | - Text shadow for the site (optional)
18 |
19 |
20 |
21 |
22 | ### Preview
23 |
24 |
25 |
26 |
27 | ###License
28 |
29 | Copyright (c) 2016 Terry Cai. Licensed under the MIT license.
30 |
31 |
32 |
33 | [rating-count-image]: https://img.shields.io/chrome-web-store/rating-count/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
34 | [rating-image]: https://img.shields.io/chrome-web-store/rating/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
35 | [download-image]: https://img.shields.io/chrome-web-store/d/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
36 | [version-image]: https://img.shields.io/chrome-web-store/v/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
37 | [package-url]: https://chrome.google.com/webstore/detail/oaoadbdcnpjngbdopghepdhlmlbdkgpb
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # cozhihu(多彩知乎)
2 | ---
3 |
4 |
5 | [![Chrome Web Store][version-image]][package-url] [![Chrome Web Store][rating-image]][package-url] [![Chrome Web Store][rating-count-image]][package-url] [![Chrome Web Store][download-image]][package-url]
6 |
7 | > cozhihu is a chrome extension for zhihu skins.
8 |
9 | #### Install
10 | [ ](https://chrome.google.com/webstore/detail/oaoadbdcnpjngbdopghepdhlmlbdkgpb)
11 |
12 | ### Features
13 |
14 | - Dynamic preview the color style.
15 | - A series of skin for you to choose including night mode.
16 | - Magic browser action icon, website link for geek user.
17 | - Text shadow for the site (optional)
18 |
19 |
20 |
21 |
22 | ### Preview
23 |
24 |
25 |
26 |
27 | ### License
28 |
29 | Copyright (c) 2016 Terry Cai. Licensed under the MIT license.
30 |
31 |
32 |
33 | [rating-count-image]: https://img.shields.io/chrome-web-store/rating-count/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
34 | [rating-image]: https://img.shields.io/chrome-web-store/rating/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
35 | [download-image]: https://img.shields.io/chrome-web-store/d/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
36 | [version-image]: https://img.shields.io/chrome-web-store/v/oaoadbdcnpjngbdopghepdhlmlbdkgpb.svg?maxAge=2592000&style=flat-square
37 | [package-url]: https://chrome.google.com/webstore/detail/oaoadbdcnpjngbdopghepdhlmlbdkgpb
38 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_buttons.scss:
--------------------------------------------------------------------------------
1 | // Button variants
2 | //
3 | // Easily pump out default styles, as well as :hover, :focus, :active,
4 | // and disabled options for all buttons
5 |
6 | @mixin button-variant($color, $background, $border) {
7 | color: $color;
8 | background-color: $background;
9 | border-color: $border;
10 |
11 | &:focus,
12 | &.focus {
13 | color: $color;
14 | background-color: darken($background, 10%);
15 | border-color: darken($border, 25%);
16 | }
17 | &:hover {
18 | color: $color;
19 | background-color: darken($background, 10%);
20 | border-color: darken($border, 12%);
21 | }
22 | &:active,
23 | &.active,
24 | .open > &.dropdown-toggle {
25 | color: $color;
26 | background-color: darken($background, 10%);
27 | border-color: darken($border, 12%);
28 |
29 | &:hover,
30 | &:focus,
31 | &.focus {
32 | color: $color;
33 | background-color: darken($background, 17%);
34 | border-color: darken($border, 25%);
35 | }
36 | }
37 | &:active,
38 | &.active,
39 | .open > &.dropdown-toggle {
40 | background-image: none;
41 | }
42 | &.disabled,
43 | &[disabled],
44 | fieldset[disabled] & {
45 | &:hover,
46 | &:focus,
47 | &.focus {
48 | background-color: $background;
49 | border-color: $border;
50 | }
51 | }
52 |
53 | .badge {
54 | color: $background;
55 | background-color: $color;
56 | }
57 | }
58 |
59 | // Button sizes
60 | @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
61 | padding: $padding-vertical $padding-horizontal;
62 | font-size: $font-size;
63 | line-height: $line-height;
64 | border-radius: $border-radius;
65 | }
66 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_grid.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Grid system
3 | // --------------------------------------------------
4 |
5 |
6 | // Container widths
7 | //
8 | // Set the container width, and override it for fixed navbars in media queries.
9 |
10 | .container {
11 | @include container-fixed;
12 |
13 | @media (min-width: $screen-sm-min) {
14 | width: $container-sm;
15 | }
16 | @media (min-width: $screen-md-min) {
17 | width: $container-md;
18 | }
19 | @media (min-width: $screen-lg-min) {
20 | width: $container-lg;
21 | }
22 | }
23 |
24 |
25 | // Fluid container
26 | //
27 | // Utilizes the mixin meant for fixed width containers, but without any defined
28 | // width for fluid, full width layouts.
29 |
30 | .container-fluid {
31 | @include container-fixed;
32 | }
33 |
34 |
35 | // Row
36 | //
37 | // Rows contain and clear the floats of your columns.
38 |
39 | .row {
40 | @include make-row;
41 | }
42 |
43 |
44 | // Columns
45 | //
46 | // Common styles for small and large grid columns
47 |
48 | @include make-grid-columns;
49 |
50 |
51 | // Extra small grid
52 | //
53 | // Columns, offsets, pushes, and pulls for extra small devices like
54 | // smartphones.
55 |
56 | @include make-grid(xs);
57 |
58 |
59 | // Small grid
60 | //
61 | // Columns, offsets, pushes, and pulls for the small device range, from phones
62 | // to tablets.
63 |
64 | @media (min-width: $screen-sm-min) {
65 | @include make-grid(sm);
66 | }
67 |
68 |
69 | // Medium grid
70 | //
71 | // Columns, offsets, pushes, and pulls for the desktop device range.
72 |
73 | @media (min-width: $screen-md-min) {
74 | @include make-grid(md);
75 | }
76 |
77 |
78 | // Large grid
79 | //
80 | // Columns, offsets, pushes, and pulls for the large desktop device range.
81 |
82 | @media (min-width: $screen-lg-min) {
83 | @include make-grid(lg);
84 | }
85 |
--------------------------------------------------------------------------------
/docs/css/bootstrap.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | /*!
5 | * Bootstrap v3.3.6 (http://getbootstrap.com)
6 | * Copyright 2011-2015 Twitter, Inc.
7 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
8 | */
9 |
10 |
11 | $font-family-sans-serif: "roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
12 | $headings-font-weight: 200;
13 |
14 |
15 | // Core variables and mixins
16 | @import "vendor/bootstrap/variables";
17 | @import "vendor/bootstrap/mixins";
18 |
19 | // Reset and dependencies
20 | @import "vendor/bootstrap/normalize";
21 | @import "vendor/bootstrap/print";
22 |
23 | // Core CSS
24 | @import "vendor/bootstrap/scaffolding";
25 | @import "vendor/bootstrap/type";
26 | @import "vendor/bootstrap/code";
27 | @import "vendor/bootstrap/grid";
28 | @import "vendor/bootstrap/tables";
29 | @import "vendor/bootstrap/forms";
30 | @import "vendor/bootstrap/buttons";
31 |
32 | // Components
33 | @import "vendor/bootstrap/component-animations";
34 | @import "vendor/bootstrap/dropdowns";
35 | @import "vendor/bootstrap/button-groups";
36 | @import "vendor/bootstrap/input-groups";
37 | @import "vendor/bootstrap/navs";
38 | @import "vendor/bootstrap/navbar";
39 | @import "vendor/bootstrap/breadcrumbs";
40 | @import "vendor/bootstrap/pagination";
41 | @import "vendor/bootstrap/pager";
42 | @import "vendor/bootstrap/labels";
43 | @import "vendor/bootstrap/badges";
44 | @import "vendor/bootstrap/jumbotron";
45 | @import "vendor/bootstrap/thumbnails";
46 | @import "vendor/bootstrap/alerts";
47 | @import "vendor/bootstrap/media";
48 | @import "vendor/bootstrap/list-group";
49 | @import "vendor/bootstrap/panels";
50 | @import "vendor/bootstrap/responsive-embed";
51 | @import "vendor/bootstrap/wells";
52 | @import "vendor/bootstrap/close";
53 |
54 | // Utility classes
55 | @import "vendor/bootstrap/utilities";
56 | @import "vendor/bootstrap/responsive-utilities";
57 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_alerts.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Alerts
3 | // --------------------------------------------------
4 |
5 |
6 | // Base styles
7 | // -------------------------
8 |
9 | .alert {
10 | padding: $alert-padding;
11 | margin-bottom: $line-height-computed;
12 | border: 1px solid transparent;
13 | border-radius: $alert-border-radius;
14 |
15 | // Headings for larger alerts
16 | h4 {
17 | margin-top: 0;
18 | // Specified for the h4 to prevent conflicts of changing $headings-color
19 | color: inherit;
20 | }
21 |
22 | // Provide class for links that match alerts
23 | .alert-link {
24 | font-weight: $alert-link-font-weight;
25 | }
26 |
27 | // Improve alignment and spacing of inner content
28 | > p,
29 | > ul {
30 | margin-bottom: 0;
31 | }
32 |
33 | > p + p {
34 | margin-top: 5px;
35 | }
36 | }
37 |
38 | // Dismissible alerts
39 | //
40 | // Expand the right padding and account for the close button's positioning.
41 |
42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
43 | .alert-dismissible {
44 | padding-right: ($alert-padding + 20);
45 |
46 | // Adjust close link position
47 | .close {
48 | position: relative;
49 | top: -2px;
50 | right: -21px;
51 | color: inherit;
52 | }
53 | }
54 |
55 | // Alternate styles
56 | //
57 | // Generate contextual modifier classes for colorizing the alert.
58 |
59 | .alert-success {
60 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
61 | }
62 |
63 | .alert-info {
64 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
65 | }
66 |
67 | .alert-warning {
68 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
69 | }
70 |
71 | .alert-danger {
72 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
73 | }
74 |
--------------------------------------------------------------------------------
/docs/images/launch-dance.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
20 |
21 |
22 |
24 |
25 |
26 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/docs/_sass/_examples.scss:
--------------------------------------------------------------------------------
1 | // Examples
2 | //
3 | // Styles for the Select2 examples, largely copied
4 | // from Bootstrap's docs styles.
5 | //
6 | // @see https://github.com/twbs/bootstrap/blob/master/docs/assets/css/src/docs.css#L533
7 |
8 | .s2-example {
9 | position: relative;
10 | padding: 45px 15px 15px;
11 | margin: 0 -15px 15px;
12 | background-color: #fafafa;
13 | box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
14 | border-color: #e5e5e5 #eee #eee;
15 | border-style: solid;
16 | border-width: 1px 0;
17 |
18 | &:after {
19 | content: "Example";
20 | position: absolute;
21 | top: 15px;
22 | left: 15px;
23 | font-size: 12px;
24 | font-weight: bold;
25 | color: #bbb;
26 | text-transform: uppercase;
27 | letter-spacing: 1px;
28 | }
29 |
30 | @media (min-width: 768px) {
31 | margin-left: 0;
32 | margin-right: 0;
33 | background-color: #fff;
34 | border-width: 1px;
35 | border-color: #eee;
36 | border-radius: 4px 4px 0 0;
37 | box-shadow: none;
38 | }
39 | }
40 |
41 | // styles for the event log in the "DOM events" section of the docs
42 | .s2-event-log {
43 | background: #002451;
44 | color: white;
45 | font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
46 | margin: 0 -15px 15px;
47 | padding: 45px 15px 15px;
48 | position: relative;
49 |
50 | &:after {
51 | content: "Event Log";
52 | position: absolute;
53 | top: 15px;
54 | left: 15px;
55 | font-size: 12px;
56 | font-weight: bold;
57 | color: #BBB;
58 | text-transform: uppercase;
59 | letter-spacing: 1px;
60 | }
61 |
62 | @media (min-width: 768px) {
63 | margin-left: 0;
64 | margin-right: 0;
65 | margin-top: -15px;
66 | border-width: 1px;
67 | border-color: #eee;
68 | box-shadow: none;
69 | }
70 | }
71 |
72 | .s2-example + pre,
73 | .s2-example + figure,
74 | .s2-event-log + pre {
75 | margin: -15px -15px 15px;
76 | border-radius: 0;
77 | border-width: 0 0 1px;
78 |
79 | @media (min-width: 768px) {
80 | margin-top: -16px;
81 | margin-left: 0;
82 | margin-right: 0;
83 | border-width: 1px;
84 | border-bottom-left-radius: 4px;
85 | border-bottom-right-radius: 4px;
86 | }
87 | }
88 |
89 | .s2-example + .s2-event-log {
90 | margin-top: -15px;
91 | }
92 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_progress-bars.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Progress bars
3 | // --------------------------------------------------
4 |
5 |
6 | // Bar animations
7 | // -------------------------
8 |
9 | // WebKit
10 | @-webkit-keyframes progress-bar-stripes {
11 | from { background-position: 40px 0; }
12 | to { background-position: 0 0; }
13 | }
14 |
15 | // Spec and IE10+
16 | @keyframes progress-bar-stripes {
17 | from { background-position: 40px 0; }
18 | to { background-position: 0 0; }
19 | }
20 |
21 |
22 | // Bar itself
23 | // -------------------------
24 |
25 | // Outer container
26 | .progress {
27 | overflow: hidden;
28 | height: $line-height-computed;
29 | margin-bottom: $line-height-computed;
30 | background-color: $progress-bg;
31 | border-radius: $progress-border-radius;
32 | @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
33 | }
34 |
35 | // Bar of progress
36 | .progress-bar {
37 | float: left;
38 | width: 0%;
39 | height: 100%;
40 | font-size: $font-size-small;
41 | line-height: $line-height-computed;
42 | color: $progress-bar-color;
43 | text-align: center;
44 | background-color: $progress-bar-bg;
45 | @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
46 | @include transition(width .6s ease);
47 | }
48 |
49 | // Striped bars
50 | //
51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
52 | // `.progress-bar-striped` class, which you just add to an existing
53 | // `.progress-bar`.
54 | .progress-striped .progress-bar,
55 | .progress-bar-striped {
56 | @include gradient-striped;
57 | background-size: 40px 40px;
58 | }
59 |
60 | // Call animation for the active one
61 | //
62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
63 | // `.progress-bar.active` approach.
64 | .progress.active .progress-bar,
65 | .progress-bar.active {
66 | @include animation(progress-bar-stripes 2s linear infinite);
67 | }
68 |
69 |
70 | // Variations
71 | // -------------------------
72 |
73 | .progress-bar-success {
74 | @include progress-bar-variant($progress-bar-success-bg);
75 | }
76 |
77 | .progress-bar-info {
78 | @include progress-bar-variant($progress-bar-info-bg);
79 | }
80 |
81 | .progress-bar-warning {
82 | @include progress-bar-variant($progress-bar-warning-bg);
83 | }
84 |
85 | .progress-bar-danger {
86 | @include progress-bar-variant($progress-bar-danger-bg);
87 | }
88 |
--------------------------------------------------------------------------------
/docs/_data/blackboard.yaml:
--------------------------------------------------------------------------------
1 | -
2 | date: 2017/01/10
3 | event: true
4 | title: "version 0.4.10"
5 | content: "Release version 0.4.10"
6 |
7 | -
8 | date: 2016/07/24
9 | event: true
10 | title: "Release first version"
11 | content: "Release extension first version to chrome store and publish offcial page"
12 |
13 |
14 | -
15 | date: 2016/07/17
16 | title: "Code woltflow more automatic"
17 | content: "Code woltflow more automatic, publish gulp plugin to npm"
18 |
19 | -
20 | date: 2016/07/02
21 | title: "Website redesign"
22 | content: "Redesign the website and change some documention"
23 | -
24 | date: 2016/06/12
25 | title: "Redesign donate page"
26 | content: "Redesign donate offcial donate page and options page."
27 |
28 | -
29 | date: 2016/05/10
30 | title: "Update offical website jumbotron"
31 | content: "Update offical website jumbotron background and description."
32 |
33 |
34 | -
35 | date: 2016/04/19
36 | title: "Redesgin community page."
37 | content: "Redesgin community page."
38 |
39 |
40 | -
41 | date: 2016/04/16
42 | event: true
43 | title: "Provide custom page"
44 | content: "Provide custom page."
45 |
46 |
47 | -
48 | date: 2016/04/13
49 | title: "Redesgin screenshots page as Help center"
50 | content: "Redesgin screenshots page as Help center page."
51 |
52 |
53 | -
54 | date: 2016/04/10
55 | title: "Add History page for website"
56 | content: "Add History page for offcial website."
57 |
58 |
59 | -
60 | date: 2016/04/06
61 | title: "Redesign options page."
62 | content: "Redesign options page and optimize code."
63 |
64 |
65 | -
66 | date: 2016/04/03
67 | title: "content"
68 | content: "UI change, Google analytics add"
69 |
70 |
71 | -
72 | date: 2016/04/1
73 | title: "App Official Page start up"
74 | content: "Do the application Official Page"
75 |
76 | -
77 | date: 2016/04/01
78 | title: "Extension demo"
79 | event: true
80 | content: "Extension demo"
81 |
82 |
83 | -
84 | date: 2016/03/28
85 | title: "UI design"
86 | content: "Find the logo, Coding, Review."
87 |
88 |
89 | -
90 | date: 2016/03/25
91 | title: "Project Coding start up"
92 | content: "Searing on the chrome App Store, no related application, and to realize my idea."
93 |
94 | -
95 | date: 2016/03/19
96 | title: "Project thinking get start"
97 | content: "Having an idea about zhihu community, duo to its color does not look good.Searing on the chrome App Store, no related application, and to realize my idea."
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_pagination.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Pagination (multiple pages)
3 | // --------------------------------------------------
4 | .pagination {
5 | display: inline-block;
6 | padding-left: 0;
7 | margin: $line-height-computed 0;
8 | border-radius: $border-radius-base;
9 |
10 | > li {
11 | display: inline; // Remove list-style and block-level defaults
12 | > a,
13 | > span {
14 | position: relative;
15 | float: left; // Collapse white-space
16 | padding: $padding-base-vertical $padding-base-horizontal;
17 | line-height: $line-height-base;
18 | text-decoration: none;
19 | color: $pagination-color;
20 | background-color: $pagination-bg;
21 | border: 1px solid $pagination-border;
22 | margin-left: -1px;
23 | }
24 | &:first-child {
25 | > a,
26 | > span {
27 | margin-left: 0;
28 | @include border-left-radius($border-radius-base);
29 | }
30 | }
31 | &:last-child {
32 | > a,
33 | > span {
34 | @include border-right-radius($border-radius-base);
35 | }
36 | }
37 | }
38 |
39 | > li > a,
40 | > li > span {
41 | &:hover,
42 | &:focus {
43 | z-index: 2;
44 | color: $pagination-hover-color;
45 | background-color: $pagination-hover-bg;
46 | border-color: $pagination-hover-border;
47 | }
48 | }
49 |
50 | > .active > a,
51 | > .active > span {
52 | &,
53 | &:hover,
54 | &:focus {
55 | z-index: 3;
56 | color: $pagination-active-color;
57 | background-color: $pagination-active-bg;
58 | border-color: $pagination-active-border;
59 | cursor: default;
60 | }
61 | }
62 |
63 | > .disabled {
64 | > span,
65 | > span:hover,
66 | > span:focus,
67 | > a,
68 | > a:hover,
69 | > a:focus {
70 | color: $pagination-disabled-color;
71 | background-color: $pagination-disabled-bg;
72 | border-color: $pagination-disabled-border;
73 | cursor: $cursor-disabled;
74 | }
75 | }
76 | }
77 |
78 | // Sizing
79 | // --------------------------------------------------
80 |
81 | // Large
82 | .pagination-lg {
83 | @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
84 | }
85 |
86 | // Small
87 | .pagination-sm {
88 | @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
89 | }
90 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/_print.scss:
--------------------------------------------------------------------------------
1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
2 |
3 | // ==========================================================================
4 | // Print styles.
5 | // Inlined to avoid the additional HTTP request: h5bp.com/r
6 | // ==========================================================================
7 |
8 | @media print {
9 | *,
10 | *:before,
11 | *:after {
12 | background: transparent !important;
13 | color: #000 !important; // Black prints faster: h5bp.com/s
14 | box-shadow: none !important;
15 | text-shadow: none !important;
16 | }
17 |
18 | a,
19 | a:visited {
20 | text-decoration: underline;
21 | }
22 |
23 | a[href]:after {
24 | content: " (" attr(href) ")";
25 | }
26 |
27 | abbr[title]:after {
28 | content: " (" attr(title) ")";
29 | }
30 |
31 | // Don't show links that are fragment identifiers,
32 | // or use the `javascript:` pseudo protocol
33 | a[href^="#"]:after,
34 | a[href^="javascript:"]:after {
35 | content: "";
36 | }
37 |
38 | pre,
39 | blockquote {
40 | border: 1px solid #999;
41 | page-break-inside: avoid;
42 | }
43 |
44 | thead {
45 | display: table-header-group; // h5bp.com/t
46 | }
47 |
48 | tr,
49 | img {
50 | page-break-inside: avoid;
51 | }
52 |
53 | img {
54 | max-width: 100% !important;
55 | }
56 |
57 | p,
58 | h2,
59 | h3 {
60 | orphans: 3;
61 | widows: 3;
62 | }
63 |
64 | h2,
65 | h3 {
66 | page-break-after: avoid;
67 | }
68 |
69 | // Bootstrap specific changes start
70 |
71 | // Bootstrap components
72 | .navbar {
73 | display: none;
74 | }
75 | .btn,
76 | .dropup > .btn {
77 | > .caret {
78 | border-top-color: #000 !important;
79 | }
80 | }
81 | .label {
82 | border: 1px solid #000;
83 | }
84 |
85 | .table {
86 | border-collapse: collapse !important;
87 |
88 | td,
89 | th {
90 | background-color: #fff !important;
91 | }
92 | }
93 | .table-bordered {
94 | th,
95 | td {
96 | border: 1px solid #ddd !important;
97 | }
98 | }
99 |
100 | // Bootstrap specific changes end
101 | }
102 |
--------------------------------------------------------------------------------
/docs/_includes/navigation.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
13 |
14 |
46 |
47 |
53 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/docs/release.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Release notes - Cozhihu
4 | slug: release
5 | ---
6 |
7 |
8 |
Release notes
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | The 0.4.10 release of cozhihu is the second release version of the cozhihu project. Mainly fix previous version bugs and optimize the user experience.
21 |
22 |
23 |
24 |
25 | Below is an in-depth review of what is new in cozhihu, as well as some of
26 | the major changes that have been made.
27 |
28 |
29 |
30 | version 0.4.10
31 |
32 |
33 | The version 0.4.10, containing the following feature:
34 |
35 |
36 |
37 |
38 | Fix page skin loading delay causes blinking
39 |
40 |
41 |
42 |
43 | version 0.3.9
44 |
45 |
46 | The version 0.3.9 is the first release, containing the following feature:
47 |
48 |
49 |
50 |
51 | Dynamic preview the color style.
52 |
53 |
54 | A series of skin for you to choose including night mode.
55 |
56 |
57 | Magic browser action icon, website link for geek user.
58 |
59 |
60 | Text shadow for the site (optional)
61 |
62 |
63 |
64 | Build system
65 |
66 |
67 | crxautoreload : chrome extension development runtime auto reload
68 | gulp-css2jsmap : convert css collection files to javascript map object
69 | gulp-multifile : generate collection files from json files and template file
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 | {% include nav/release.html %}
78 |
79 |
80 |
81 |
--------------------------------------------------------------------------------
/docs/images/launch-crafts.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_grid-framework.scss:
--------------------------------------------------------------------------------
1 | // Framework grid generation
2 | //
3 | // Used only by Bootstrap to generate the correct number of grid classes given
4 | // any value of `$grid-columns`.
5 |
6 | // [converter] This is defined recursively in LESS, but Sass supports real loops
7 | @mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
8 | @for $i from (1 + 1) through $grid-columns {
9 | $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
10 | }
11 | #{$list} {
12 | position: relative;
13 | // Prevent columns from collapsing when empty
14 | min-height: 1px;
15 | // Inner gutter via padding
16 | padding-left: ceil(($grid-gutter-width / 2));
17 | padding-right: floor(($grid-gutter-width / 2));
18 | }
19 | }
20 |
21 |
22 | // [converter] This is defined recursively in LESS, but Sass supports real loops
23 | @mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
24 | @for $i from (1 + 1) through $grid-columns {
25 | $list: "#{$list}, .col-#{$class}-#{$i}";
26 | }
27 | #{$list} {
28 | float: left;
29 | }
30 | }
31 |
32 |
33 | @mixin calc-grid-column($index, $class, $type) {
34 | @if ($type == width) and ($index > 0) {
35 | .col-#{$class}-#{$index} {
36 | width: percentage(($index / $grid-columns));
37 | }
38 | }
39 | @if ($type == push) and ($index > 0) {
40 | .col-#{$class}-push-#{$index} {
41 | left: percentage(($index / $grid-columns));
42 | }
43 | }
44 | @if ($type == push) and ($index == 0) {
45 | .col-#{$class}-push-0 {
46 | left: auto;
47 | }
48 | }
49 | @if ($type == pull) and ($index > 0) {
50 | .col-#{$class}-pull-#{$index} {
51 | right: percentage(($index / $grid-columns));
52 | }
53 | }
54 | @if ($type == pull) and ($index == 0) {
55 | .col-#{$class}-pull-0 {
56 | right: auto;
57 | }
58 | }
59 | @if ($type == offset) {
60 | .col-#{$class}-offset-#{$index} {
61 | margin-left: percentage(($index / $grid-columns));
62 | }
63 | }
64 | }
65 |
66 | // [converter] This is defined recursively in LESS, but Sass supports real loops
67 | @mixin loop-grid-columns($columns, $class, $type) {
68 | @for $i from 0 through $columns {
69 | @include calc-grid-column($i, $class, $type);
70 | }
71 | }
72 |
73 |
74 | // Create grid for specific class
75 | @mixin make-grid($class) {
76 | @include float-grid-columns($class);
77 | @include loop-grid-columns($grid-columns, $class, width);
78 | @include loop-grid-columns($grid-columns, $class, pull);
79 | @include loop-grid-columns($grid-columns, $class, push);
80 | @include loop-grid-columns($grid-columns, $class, offset);
81 | }
82 |
--------------------------------------------------------------------------------
/docs/_includes/head.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 | {{ page.title }}
30 |
31 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/docs/custom.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Custom service - Cozhihu
4 | slug: custom
5 | ---
6 |
7 |
8 |
9 |
10 | Custom service
11 |
12 |
13 | we accept paid customized services like Cozhihu or multi theme secondary development.
14 |
15 |
16 |
17 |
18 |
19 |
20 |
23 |
24 | we also accept paid customized services like Cozhihu or multi theme secondary development to improve your website user experience.
25 |
26 |
27 |
28 |
29 | List your customization requirements(idea) in the form of a document.
30 |
31 |
32 | Send a email to me, I'll give you feedback, including feasibility, price, period etc.
33 |
34 |
35 |
36 | If the parties agree, No Contract , Pay 50% of project costs.
37 |
38 |
39 |
40 |
41 |
42 |
45 |
46 |
47 | Only support the customized themes service like cozhihu or Technology Solutions:
48 |
49 |
50 |
51 |
52 | Customizing Themes and Coloring scheme
53 |
54 |
55 | Customizing Themes based on Chrome Extension
56 |
57 |
58 | Customized Themes Solutions
59 |
60 |
61 |
62 | We don't undertake any front end development job, but if ^_^.
63 |
64 |
65 |
66 |
67 |
70 |
71 |
72 | User experience of your site is so bad, your customers will be lost. Change your customer is to change yourself.
73 |
74 |
75 |
76 |
77 | Your website needs good looks, just like people.
78 |
79 |
80 | Your website needs to make, just like people.
81 |
82 |
83 | Many people fall in love with each other at first sight, mainly to see the faces.
84 |
85 |
86 |
87 |
88 | Changing now.
89 |
90 |
91 |
92 |
104 |
105 |
--------------------------------------------------------------------------------
/docs/_sass/vendor/bootstrap/mixins/_forms.scss:
--------------------------------------------------------------------------------
1 | // Form validation states
2 | //
3 | // Used in forms.less to generate the form validation CSS for warnings, errors,
4 | // and successes.
5 |
6 | @mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
7 | // Color the label and help text
8 | .help-block,
9 | .control-label,
10 | .radio,
11 | .checkbox,
12 | .radio-inline,
13 | .checkbox-inline,
14 | &.radio label,
15 | &.checkbox label,
16 | &.radio-inline label,
17 | &.checkbox-inline label {
18 | color: $text-color;
19 | }
20 | // Set the border and box shadow on specific inputs to match
21 | .form-control {
22 | border-color: $border-color;
23 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
24 | &:focus {
25 | border-color: darken($border-color, 10%);
26 | $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
27 | @include box-shadow($shadow);
28 | }
29 | }
30 | // Set validation states also for addons
31 | .input-group-addon {
32 | color: $text-color;
33 | border-color: $border-color;
34 | background-color: $background-color;
35 | }
36 | // Optional feedback icon
37 | .form-control-feedback {
38 | color: $text-color;
39 | }
40 | }
41 |
42 |
43 | // Form control focus state
44 | //
45 | // Generate a customized focus state and for any input with the specified color,
46 | // which defaults to the `$input-border-focus` variable.
47 | //
48 | // We highly encourage you to not customize the default value, but instead use
49 | // this to tweak colors on an as-needed basis. This aesthetic change is based on
50 | // WebKit's default styles, but applicable to a wider range of browsers. Its
51 | // usability and accessibility should be taken into account with any change.
52 | //
53 | // Example usage: change the default blue border and shadow to white for better
54 | // contrast against a dark gray background.
55 | @mixin form-control-focus($color: $input-border-focus) {
56 | $color-rgba: rgba(red($color), green($color), blue($color), .6);
57 | &:focus {
58 | border-color: $color;
59 | outline: 0;
60 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
61 | }
62 | }
63 |
64 | // Form control sizing
65 | //
66 | // Relative text size, padding, and border-radii changes for form controls. For
67 | // horizontal sizing, wrap controls in the predefined grid classes. ``
68 | // element gets special love because it's special, and that's a fact!
69 | // [converter] $parent hack
70 | @mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
71 | #{$parent} {
72 | height: $input-height;
73 | padding: $padding-vertical $padding-horizontal;
74 | font-size: $font-size;
75 | line-height: $line-height;
76 | border-radius: $border-radius;
77 | }
78 |
79 | select#{$parent} {
80 | height: $input-height;
81 | line-height: $input-height;
82 | }
83 |
84 | textarea#{$parent},
85 | select[multiple]#{$parent} {
86 | height: auto;
87 | }
88 | }
89 |
--------------------------------------------------------------------------------
/src/skins/colors/008AB8.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #006485; }
3 |
4 | .zu-top {
5 | background: #008AB8;
6 | border-bottom: 1px solid #006485; }
7 |
8 | .zu-top-search-input {
9 | background-color: #e6f3f8;
10 | border: 1px solid #0079a1; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #009fd4;
14 | border: 1px solid #0079a1; }
15 |
16 | .ac-active {
17 | background-color: #e6f3f8; }
18 |
19 | .zu-top-add-question {
20 | background: #009fd4;
21 | border: 1px solid #0079a1; }
22 | .zu-top-add-question:active {
23 | background: #0084b0;
24 | border: 1px solid #005e7d; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #007197; }
28 |
29 | .modal-dialog-title {
30 | background: #0082ae;
31 | border: 1px solid #007ba4; }
32 |
33 | .zg-btn-blue {
34 | background: #00a3d9;
35 | border: 1px solid #0086b3; }
36 | .zg-btn-blue:active {
37 | background: #0097ca; }
38 |
39 | .goog-buttonset-default {
40 | background: #00a3d9;
41 | border: 1px solid #0086b3; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #007197; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #008ebd; }
51 |
52 | .top-nav-profile a {
53 | background-color: #007197; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #006d92; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #00b0eb; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #99d0e3;
63 | background: #f2f9fb; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #99d0e3;
67 | background: #f2f9fb; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #93cde1;
70 | background: #ecf6f9; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #006485;
74 | border-color: #006485; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #006485;
79 | background: #ebf6f9; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #006485;
83 | background: #ebf6f9; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #ebf6f9; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #8ccadf; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #ebf6f9;
94 | color: #80c5dc; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #80c5dc; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #80c5dc; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #80c5dc; }
107 |
108 | .zm-item-vote-count {
109 | background: #ebf6f9;
110 | color: #80c5dc; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #80c5dc; }
114 |
115 | .Link--light {
116 | color: #80c5dc; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/03BDBD.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #028b8b; }
3 |
4 | .zu-top {
5 | background: #03BDBD;
6 | border-bottom: 1px solid #028b8b; }
7 |
8 | .zu-top-search-input {
9 | background-color: #e6f8f8;
10 | border: 1px solid #03a6a6; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #03d9d9;
14 | border: 1px solid #03a6a6; }
15 |
16 | .ac-active {
17 | background-color: #e6f8f8; }
18 |
19 | .zu-top-add-question {
20 | background: #03d9d9;
21 | border: 1px solid #03a6a6; }
22 | .zu-top-add-question:active {
23 | background: #03b5b5;
24 | border: 1px solid #028383; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #029c9c; }
28 |
29 | .modal-dialog-title {
30 | background: #03b3b3;
31 | border: 1px solid #03a9a9; }
32 |
33 | .zg-btn-blue {
34 | background: #04dede;
35 | border: 1px solid #03b8b8; }
36 | .zg-btn-blue:active {
37 | background: #03cfcf; }
38 |
39 | .goog-buttonset-default {
40 | background: #04dede;
41 | border: 1px solid #03b8b8; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #029c9c; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #03c2c2; }
51 |
52 | .top-nav-profile a {
53 | background-color: #029c9c; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #029797; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #04efef; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #9ae5e5;
63 | background: #f2fcfc; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #9ae5e5;
67 | background: #f2fcfc; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #94e3e3;
70 | background: #ecfbfb; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #028b8b;
74 | border-color: #028b8b; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #028b8b;
79 | background: #ebfafa; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #028b8b;
83 | background: #ebfafa; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #ebfafa; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #8ee1e1; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #ebfafa;
94 | color: #81dede; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #81dede; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #81dede; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #81dede; }
107 |
108 | .zm-item-vote-count {
109 | background: #ebfafa;
110 | color: #81dede; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #81dede; }
114 |
115 | .Link--light {
116 | color: #81dede; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/0767C8.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #054e97; }
3 |
4 | .zu-top {
5 | background: #0767C8;
6 | border-bottom: 1px solid #054e97; }
7 |
8 | .zu-top-search-input {
9 | background-color: #e6f0fa;
10 | border: 1px solid #065cb2; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #0875e3;
14 | border: 1px solid #065cb2; }
15 |
16 | .ac-active {
17 | background-color: #e6f0fa; }
18 |
19 | .zu-top-add-question {
20 | background: #0875e3;
21 | border: 1px solid #065cb2; }
22 | .zu-top-add-question:active {
23 | background: #0763c1;
24 | border: 1px solid #054a8f; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #0657a8; }
28 |
29 | .modal-dialog-title {
30 | background: #0762be;
31 | border: 1px solid #065db4; }
32 |
33 | .zg-btn-blue {
34 | background: #0877e8;
35 | border: 1px solid #0764c3; }
36 | .zg-btn-blue:active {
37 | background: #0870d9; }
38 |
39 | .goog-buttonset-default {
40 | background: #0877e8;
41 | border: 1px solid #0764c3; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #0657a8; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #076acd; }
51 |
52 | .top-nav-profile a {
53 | background-color: #0657a8; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #0654a3; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #0c80f6; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #9cc2e9;
63 | background: #f3f7fc; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #9cc2e9;
67 | background: #f3f7fc; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #96bee8;
70 | background: #edf3fa; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #054e97;
74 | border-color: #054e97; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #054e97;
79 | background: #ebf3fb; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #054e97;
83 | background: #ebf3fb; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #ebf3fb; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #8fbbe6; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #ebf3fb;
94 | color: #83b3e4; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #83b3e4; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #83b3e4; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #83b3e4; }
107 |
108 | .zm-item-vote-count {
109 | background: #ebf3fb;
110 | color: #83b3e4; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #83b3e4; }
114 |
115 | .Link--light {
116 | color: #83b3e4; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/1C7B42.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #13512c; }
3 |
4 | .zu-top {
5 | background: #1C7B42;
6 | border-bottom: 1px solid #13512c; }
7 |
8 | .zu-top-search-input {
9 | background-color: #e8f2ec;
10 | border: 1px solid #186838; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #21924e;
14 | border: 1px solid #186838; }
15 |
16 | .ac-active {
17 | background-color: #e8f2ec; }
18 |
19 | .zu-top-add-question {
20 | background: #21924e;
21 | border: 1px solid #186838; }
22 | .zu-top-add-question:active {
23 | background: #1b753f;
24 | border: 1px solid #114b28; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #166034; }
28 |
29 | .modal-dialog-title {
30 | background: #1a733e;
31 | border: 1px solid #186a39; }
32 |
33 | .zg-btn-blue {
34 | background: #229650;
35 | border: 1px solid #1b7740; }
36 | .zg-btn-blue:active {
37 | background: #1f8a4a; }
38 |
39 | .goog-buttonset-default {
40 | background: #229650;
41 | border: 1px solid #1b7740; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #166034; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #1d7f44; }
51 |
52 | .top-nav-profile a {
53 | background-color: #166034; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #155c31; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #25a558; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #a4cab3;
63 | background: #f4f8f6; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #a4cab3;
67 | background: #f4f8f6; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #9fc7af;
70 | background: #eff5f2; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #13512c;
74 | border-color: #13512c; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #13512c;
79 | background: #edf4f0; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #13512c;
83 | background: #edf4f0; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #edf4f0; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #99c4aa; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #edf4f0;
94 | color: #8ebda1; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #8ebda1; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #8ebda1; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #8ebda1; }
107 |
108 | .zm-item-vote-count {
109 | background: #edf4f0;
110 | color: #8ebda1; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #8ebda1; }
114 |
115 | .Link--light {
116 | color: #8ebda1; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/279B61.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #1d7248; }
3 |
4 | .zu-top {
5 | background: #279B61;
6 | border-bottom: 1px solid #1d7248; }
7 |
8 | .zu-top-search-input {
9 | background-color: #e9f5ef;
10 | border: 1px solid #228956; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #2db16f;
14 | border: 1px solid #228956; }
15 |
16 | .ac-active {
17 | background-color: #e9f5ef; }
18 |
19 | .zu-top-add-question {
20 | background: #2db16f;
21 | border: 1px solid #228956; }
22 | .zu-top-add-question:active {
23 | background: #25955d;
24 | border: 1px solid #1b6c44; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #208150; }
28 |
29 | .modal-dialog-title {
30 | background: #25935c;
31 | border: 1px solid #238b57; }
32 |
33 | .zg-btn-blue {
34 | background: #2eb572;
35 | border: 1px solid #26975e; }
36 | .zg-btn-blue:active {
37 | background: #2ba96a; }
38 |
39 | .goog-buttonset-default {
40 | background: #2eb572;
41 | border: 1px solid #26975e; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #208150; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #289f64; }
51 |
52 | .top-nav-profile a {
53 | background-color: #208150; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #1f7c4e; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #31c47b; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #a9d7c0;
63 | background: #f4faf7; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #a9d7c0;
67 | background: #f4faf7; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #a4d5bc;
70 | background: #eff8f3; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #1d7248;
74 | border-color: #1d7248; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #1d7248;
79 | background: #eef7f2; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #1d7248;
83 | background: #eef7f2; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #eef7f2; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #9ed2b8; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #eef7f2;
94 | color: #93cdb0; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #93cdb0; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #93cdb0; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #93cdb0; }
107 |
108 | .zm-item-vote-count {
109 | background: #eef7f2;
110 | color: #93cdb0; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #93cdb0; }
114 |
115 | .Link--light {
116 | color: #93cdb0; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/3F5D7D.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #2e445b; }
3 |
4 | .zu-top {
5 | background: #3F5D7D;
6 | border-bottom: 1px solid #2e445b; }
7 |
8 | .zu-top-search-input {
9 | background-color: #eceff2;
10 | border: 1px solid #37526e; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #486b90;
14 | border: 1px solid #37526e; }
15 |
16 | .ac-active {
17 | background-color: #eceff2; }
18 |
19 | .zu-top-add-question {
20 | background: #486b90;
21 | border: 1px solid #37526e; }
22 | .zu-top-add-question:active {
23 | background: #3c5978;
24 | border: 1px solid #2b4056; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #344d67; }
28 |
29 | .modal-dialog-title {
30 | background: #3c5876;
31 | border: 1px solid #38536f; }
32 |
33 | .zg-btn-blue {
34 | background: #4a6d93;
35 | border: 1px solid #3d5a7a; }
36 | .zg-btn-blue:active {
37 | background: #456689; }
38 |
39 | .goog-buttonset-default {
40 | background: #4a6d93;
41 | border: 1px solid #3d5a7a; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #344d67; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #416080; }
51 |
52 | .top-nav-profile a {
53 | background-color: #344d67; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #324a64; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #50769f; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #b2becb;
63 | background: #f5f7f9; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #b2becb;
67 | background: #f5f7f9; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #adbac8;
70 | background: #f0f3f6; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #2e445b;
74 | border-color: #2e445b; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #2e445b;
79 | background: #f0f2f5; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #2e445b;
83 | background: #f0f2f5; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f0f2f5; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #a9b6c5; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f0f2f5;
94 | color: #9faebe; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #9faebe; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #9faebe; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #9faebe; }
107 |
108 | .zm-item-vote-count {
109 | background: #f0f2f5;
110 | color: #9faebe; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #9faebe; }
114 |
115 | .Link--light {
116 | color: #9faebe; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/48647F.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #364a5e; }
3 |
4 | .zu-top {
5 | background: #48647F;
6 | border-bottom: 1px solid #364a5e; }
7 |
8 | .zu-top-search-input {
9 | background-color: #edf0f2;
10 | border: 1px solid #405870; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #527291;
14 | border: 1px solid #405870; }
15 |
16 | .ac-active {
17 | background-color: #edf0f2; }
18 |
19 | .zu-top-add-question {
20 | background: #527291;
21 | border: 1px solid #405870; }
22 | .zu-top-add-question:active {
23 | background: #45607a;
24 | border: 1px solid #33475a; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #3c536a; }
28 |
29 | .modal-dialog-title {
30 | background: #445f78;
31 | border: 1px solid #415a72; }
32 |
33 | .zg-btn-blue {
34 | background: #547594;
35 | border: 1px solid #46617c; }
36 | .zg-btn-blue:active {
37 | background: #4e6d8a; }
38 |
39 | .goog-buttonset-default {
40 | background: #547594;
41 | border: 1px solid #46617c; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #3c536a; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #4a6782; }
51 |
52 | .top-nav-profile a {
53 | background-color: #3c536a; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #3a5167; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #5a7ea0; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #b6c1cc;
63 | background: #f6f7f9; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #b6c1cc;
67 | background: #f6f7f9; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #b1bdc9;
70 | background: #f1f3f6; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #364a5e;
74 | border-color: #364a5e; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #364a5e;
79 | background: #f0f3f5; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #364a5e;
83 | background: #f0f3f5; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f0f3f5; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #adb9c5; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f0f3f5;
94 | color: #a4b2bf; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #a4b2bf; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #a4b2bf; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #a4b2bf; }
107 |
108 | .zm-item-vote-count {
109 | background: #f0f3f5;
110 | color: #a4b2bf; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #a4b2bf; }
114 |
115 | .Link--light {
116 | color: #a4b2bf; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/4A4A4A.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #313131; }
3 |
4 | .zu-top {
5 | background: #4A4A4A;
6 | border-bottom: 1px solid #313131; }
7 |
8 | .zu-top-search-input {
9 | background-color: #ededed;
10 | border: 1px solid #3f3f3f; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #585858;
14 | border: 1px solid #3f3f3f; }
15 |
16 | .ac-active {
17 | background-color: #ededed; }
18 |
19 | .zu-top-add-question {
20 | background: #585858;
21 | border: 1px solid #3f3f3f; }
22 | .zu-top-add-question:active {
23 | background: #464646;
24 | border: 1px solid #2d2d2d; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #393939; }
28 |
29 | .modal-dialog-title {
30 | background: #454545;
31 | border: 1px solid #404040; }
32 |
33 | .zg-btn-blue {
34 | background: #5b5b5b;
35 | border: 1px solid #474747; }
36 | .zg-btn-blue:active {
37 | background: #535353; }
38 |
39 | .goog-buttonset-default {
40 | background: #5b5b5b;
41 | border: 1px solid #474747; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #393939; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #4d4d4d; }
51 |
52 | .top-nav-profile a {
53 | background-color: #393939; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #373737; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #646464; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #b7b7b7;
63 | background: #f6f6f6; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #b7b7b7;
67 | background: #f6f6f6; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #b3b3b3;
70 | background: #f2f2f2; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #313131;
74 | border-color: #313131; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #313131;
79 | background: #f1f1f1; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #313131;
83 | background: #f1f1f1; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f1f1f1; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #aeaeae; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f1f1f1;
94 | color: #a5a5a5; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #a5a5a5; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #a5a5a5; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #a5a5a5; }
107 |
108 | .zm-item-vote-count {
109 | background: #f1f1f1;
110 | color: #a5a5a5; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #a5a5a5; }
114 |
115 | .Link--light {
116 | color: #a5a5a5; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/4D4DFF.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #1a1aff; }
3 |
4 | .zu-top {
5 | background: #4D4DFF;
6 | border-bottom: 1px solid #1a1aff; }
7 |
8 | .zu-top-search-input {
9 | background-color: #ededff;
10 | border: 1px solid #3636ff; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #6969ff;
14 | border: 1px solid #3636ff; }
15 |
16 | .ac-active {
17 | background-color: #ededff; }
18 |
19 | .zu-top-add-question {
20 | background: #6969ff;
21 | border: 1px solid #3636ff; }
22 | .zu-top-add-question:active {
23 | background: #4545ff;
24 | border: 1px solid #1212ff; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #2c2cff; }
28 |
29 | .modal-dialog-title {
30 | background: #4343ff;
31 | border: 1px solid #3939ff; }
32 |
33 | .zg-btn-blue {
34 | background: #6e6eff;
35 | border: 1px solid #4848ff; }
36 | .zg-btn-blue:active {
37 | background: #5f5fff; }
38 |
39 | .goog-buttonset-default {
40 | background: #6e6eff;
41 | border: 1px solid #4848ff; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #2c2cff; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #5252ff; }
51 |
52 | .top-nav-profile a {
53 | background-color: #2c2cff; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #2727ff; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #8080ff; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #b8b8ff;
63 | background: #f6f6ff; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #b8b8ff;
67 | background: #f6f6ff; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #b0b0ff;
70 | background: #eeeeff; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #1a1aff;
74 | border-color: #1a1aff; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #1a1aff;
79 | background: #f1f1ff; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #1a1aff;
83 | background: #f1f1ff; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f1f1ff; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #afafff; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f1f1ff;
94 | color: #a6a6ff; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #a6a6ff; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #a6a6ff; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #a6a6ff; }
107 |
108 | .zm-item-vote-count {
109 | background: #f1f1ff;
110 | color: #a6a6ff; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #a6a6ff; }
114 |
115 | .Link--light {
116 | color: #a6a6ff; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/5A3A09.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #2c1c04; }
3 |
4 | .zu-top {
5 | background: #5A3A09;
6 | border-bottom: 1px solid #2c1c04; }
7 |
8 | .zu-top-search-input {
9 | background-color: #efebe6;
10 | border: 1px solid #452d07; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #744a0c;
14 | border: 1px solid #452d07; }
15 |
16 | .ac-active {
17 | background-color: #efebe6; }
18 |
19 | .zu-top-add-question {
20 | background: #744a0c;
21 | border: 1px solid #452d07; }
22 | .zu-top-add-question:active {
23 | background: #533608;
24 | border: 1px solid #251804; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #3c2706; }
28 |
29 | .modal-dialog-title {
30 | background: #513408;
31 | border: 1px solid #472e07; }
32 |
33 | .zg-btn-blue {
34 | background: #784d0c;
35 | border: 1px solid #553709; }
36 | .zg-btn-blue:active {
37 | background: #6a440b; }
38 |
39 | .goog-buttonset-default {
40 | background: #784d0c;
41 | border: 1px solid #553709; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #3c2706; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #5f3d09; }
51 |
52 | .top-nav-profile a {
53 | background-color: #3c2706; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #372406; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #88580e; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #bdb09d;
63 | background: #f7f5f3; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #bdb09d;
67 | background: #f7f5f3; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #baac98;
70 | background: #f4f1ee; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #2c1c04;
74 | border-color: #2c1c04; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #2c1c04;
79 | background: #f2efeb; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #2c1c04;
83 | background: #f2efeb; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f2efeb; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #b5a690; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f2efeb;
94 | color: #ad9d84; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #ad9d84; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #ad9d84; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #ad9d84; }
107 |
108 | .zm-item-vote-count {
109 | background: #f2efeb;
110 | color: #ad9d84; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #ad9d84; }
114 |
115 | .Link--light {
116 | color: #ad9d84; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/67C8FF.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #34b6ff; }
3 |
4 | .zu-top {
5 | background: #67C8FF;
6 | border-bottom: 1px solid #34b6ff; }
7 |
8 | .zu-top-search-input {
9 | background-color: #f0faff;
10 | border: 1px solid #50c0ff; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #83d2ff;
14 | border: 1px solid #50c0ff; }
15 |
16 | .ac-active {
17 | background-color: #f0faff; }
18 |
19 | .zu-top-add-question {
20 | background: #83d2ff;
21 | border: 1px solid #50c0ff; }
22 | .zu-top-add-question:active {
23 | background: #5fc5ff;
24 | border: 1px solid #2cb3ff; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #46bcff; }
28 |
29 | .modal-dialog-title {
30 | background: #5dc4ff;
31 | border: 1px solid #53c1ff; }
32 |
33 | .zg-btn-blue {
34 | background: #88d4ff;
35 | border: 1px solid #62c6ff; }
36 | .zg-btn-blue:active {
37 | background: #79ceff; }
38 |
39 | .goog-buttonset-default {
40 | background: #88d4ff;
41 | border: 1px solid #62c6ff; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #46bcff; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #6ccaff; }
51 |
52 | .top-nav-profile a {
53 | background-color: #46bcff; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #41baff; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #9adaff; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #c2e9ff;
63 | background: #f7fcff; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #c2e9ff;
67 | background: #f7fcff; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #bae6ff;
70 | background: #eff9ff; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #34b6ff;
74 | border-color: #34b6ff; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #34b6ff;
79 | background: #f3fbff; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #34b6ff;
83 | background: #f3fbff; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f3fbff; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #bbe6ff; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f3fbff;
94 | color: #b3e4ff; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #b3e4ff; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #b3e4ff; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #b3e4ff; }
107 |
108 | .zm-item-vote-count {
109 | background: #f3fbff;
110 | color: #b3e4ff; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #b3e4ff; }
114 |
115 | .Link--light {
116 | color: #b3e4ff; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/78D865.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #54ce3c; }
3 |
4 | .zu-top {
5 | background: #78D865;
6 | border-bottom: 1px solid #54ce3c; }
7 |
8 | .zu-top-search-input {
9 | background-color: #f2fbf0;
10 | border: 1px solid #68d353; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #8cde7b;
14 | border: 1px solid #68d353; }
15 |
16 | .ac-active {
17 | background-color: #f2fbf0; }
18 |
19 | .zu-top-add-question {
20 | background: #8cde7b;
21 | border: 1px solid #68d353; }
22 | .zu-top-add-question:active {
23 | background: #73d65f;
24 | border: 1px solid #4fcc36; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #61d14b; }
28 |
29 | .modal-dialog-title {
30 | background: #71d65d;
31 | border: 1px solid #6ad455; }
32 |
33 | .zg-btn-blue {
34 | background: #8fdf7f;
35 | border: 1px solid #74d761; }
36 | .zg-btn-blue:active {
37 | background: #84dc73; }
38 |
39 | .goog-buttonset-default {
40 | background: #8fdf7f;
41 | border: 1px solid #74d761; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #61d14b; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #7cd969; }
51 |
52 | .top-nav-profile a {
53 | background-color: #61d14b; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #5dd046; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #9ce28e; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #c9efc1;
63 | background: #f8fdf7; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #c9efc1;
67 | background: #f8fdf7; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #c4edbb;
70 | background: #f3fbf1; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #54ce3c;
74 | border-color: #54ce3c; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #54ce3c;
79 | background: #f4fcf3; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #54ce3c;
83 | background: #f4fcf3; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f4fcf3; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #c2edba; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f4fcf3;
94 | color: #bcecb2; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #bcecb2; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #bcecb2; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #bcecb2; }
107 |
108 | .zm-item-vote-count {
109 | background: #f4fcf3;
110 | color: #bcecb2; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #bcecb2; }
114 |
115 | .Link--light {
116 | color: #bcecb2; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/95CAE4.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #6cb6da; }
3 |
4 | .zu-top {
5 | background: #95CAE4;
6 | border-bottom: 1px solid #6cb6da; }
7 |
8 | .zu-top-search-input {
9 | background-color: #f4fafc;
10 | border: 1px solid #83c1df; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #abd5ea;
14 | border: 1px solid #83c1df; }
15 |
16 | .ac-active {
17 | background-color: #f4fafc; }
18 |
19 | .zu-top-add-question {
20 | background: #abd5ea;
21 | border: 1px solid #83c1df; }
22 | .zu-top-add-question:active {
23 | background: #8fc7e2;
24 | border: 1px solid #66b3d8; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #7bbddd; }
28 |
29 | .modal-dialog-title {
30 | background: #8dc6e2;
31 | border: 1px solid #85c2e0; }
32 |
33 | .zg-btn-blue {
34 | background: #afd7eb;
35 | border: 1px solid #91c8e3; }
36 | .zg-btn-blue:active {
37 | background: #a3d1e8; }
38 |
39 | .goog-buttonset-default {
40 | background: #afd7eb;
41 | border: 1px solid #91c8e3; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #7bbddd; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #99cce5; }
51 |
52 | .top-nav-profile a {
53 | background-color: #7bbddd; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #77bbdc; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #bedeee; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #d5eaf4;
63 | background: #fafcfe; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #d5eaf4;
67 | background: #fafcfe; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #cfe7f2;
70 | background: #f4f8fd; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #6cb6da;
74 | border-color: #6cb6da; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #6cb6da;
79 | background: #f7fbfd; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #6cb6da;
83 | background: #f7fbfd; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f7fbfd; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #cfe7f3; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f7fbfd;
94 | color: #cae5f2; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #cae5f2; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #cae5f2; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #cae5f2; }
107 |
108 | .zm-item-vote-count {
109 | background: #f7fbfd;
110 | color: #cae5f2; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #cae5f2; }
114 |
115 | .Link--light {
116 | color: #cae5f2; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/993333.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #732626; }
3 |
4 | .zu-top {
5 | background: #993333;
6 | border-bottom: 1px solid #732626; }
7 |
8 | .zu-top-search-input {
9 | background-color: #f5ebeb;
10 | border: 1px solid #882d2d; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #ae3a3a;
14 | border: 1px solid #882d2d; }
15 |
16 | .ac-active {
17 | background-color: #f5ebeb; }
18 |
19 | .zu-top-add-question {
20 | background: #ae3a3a;
21 | border: 1px solid #882d2d; }
22 | .zu-top-add-question:active {
23 | background: #933131;
24 | border: 1px solid #6d2424; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #802b2b; }
28 |
29 | .modal-dialog-title {
30 | background: #913030;
31 | border: 1px solid #8a2e2e; }
32 |
33 | .zg-btn-blue {
34 | background: #b23b3b;
35 | border: 1px solid #953232; }
36 | .zg-btn-blue:active {
37 | background: #a63737; }
38 |
39 | .goog-buttonset-default {
40 | background: #b23b3b;
41 | border: 1px solid #953232; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #802b2b; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #9d3434; }
51 |
52 | .top-nav-profile a {
53 | background-color: #802b2b; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #7c2929; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #bf4040; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #d6adad;
63 | background: #faf5f5; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #d6adad;
67 | background: #faf5f5; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #d3a8a8;
70 | background: #f7f0f0; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #732626;
74 | border-color: #732626; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #732626;
79 | background: #f7efef; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #732626;
83 | background: #f7efef; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f7efef; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #d1a3a3; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f7efef;
94 | color: #cc9999; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #cc9999; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #cc9999; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #cc9999; }
107 |
108 | .zm-item-vote-count {
109 | background: #f7efef;
110 | color: #cc9999; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #cc9999; }
114 |
115 | .Link--light {
116 | color: #cc9999; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/993CF3.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #800fed; }
3 |
4 | .zu-top {
5 | background: #993CF3;
6 | border-bottom: 1px solid #800fed; }
7 |
8 | .zu-top-search-input {
9 | background-color: #f5ecfe;
10 | border: 1px solid #8e26f2; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #a756f5;
14 | border: 1px solid #8e26f2; }
15 |
16 | .ac-active {
17 | background-color: #f5ecfe; }
18 |
19 | .zu-top-add-question {
20 | background: #a756f5;
21 | border: 1px solid #8e26f2; }
22 | .zu-top-add-question:active {
23 | background: #9535f3;
24 | border: 1px solid #7c0ee6; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #891df1; }
28 |
29 | .modal-dialog-title {
30 | background: #9432f2;
31 | border: 1px solid #8f29f2; }
32 |
33 | .zg-btn-blue {
34 | background: #a95bf5;
35 | border: 1px solid #9637f3; }
36 | .zg-btn-blue:active {
37 | background: #a24df4; }
38 |
39 | .goog-buttonset-default {
40 | background: #a95bf5;
41 | border: 1px solid #9637f3; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #891df1; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #9c41f3; }
51 |
52 | .top-nav-profile a {
53 | background-color: #891df1; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #8618f1; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #b26cf6; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #d6b1fa;
63 | background: #faf5fe; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #d6b1fa;
67 | background: #faf5fe; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #d2aafa;
70 | background: #f7eefd; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #800fed;
74 | border-color: #800fed; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #800fed;
79 | background: #f7effe; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #800fed;
83 | background: #f7effe; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #f7effe; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #d1a7fa; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #f7effe;
94 | color: #cc9ef9; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #cc9ef9; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #cc9ef9; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #cc9ef9; }
107 |
108 | .zm-item-vote-count {
109 | background: #f7effe;
110 | color: #cc9ef9; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #cc9ef9; }
114 |
115 | .Link--light {
116 | color: #cc9ef9; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/C1C11A.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #949414; }
3 |
4 | .zu-top {
5 | background: #C1C11A;
6 | border-bottom: 1px solid #949414; }
7 |
8 | .zu-top-search-input {
9 | background-color: #f9f9e8;
10 | border: 1px solid #adad17; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #dada1d;
14 | border: 1px solid #adad17; }
15 |
16 | .ac-active {
17 | background-color: #f9f9e8; }
18 |
19 | .zu-top-add-question {
20 | background: #dada1d;
21 | border: 1px solid #adad17; }
22 | .zu-top-add-question:active {
23 | background: #baba19;
24 | border: 1px solid #8d8d13; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #a4a416; }
28 |
29 | .modal-dialog-title {
30 | background: #b8b819;
31 | border: 1px solid #afaf18; }
32 |
33 | .zg-btn-blue {
34 | background: #dede1e;
35 | border: 1px solid #bdbd19; }
36 | .zg-btn-blue:active {
37 | background: #d1d11c; }
38 |
39 | .goog-buttonset-default {
40 | background: #dede1e;
41 | border: 1px solid #bdbd19; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #a4a416; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #c5c51b; }
51 |
52 | .top-nav-profile a {
53 | background-color: #a4a416; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #9f9f15; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #e3e32b; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #e6e6a3;
63 | background: #fcfcf4; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #e6e6a3;
67 | background: #fcfcf4; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #e4e49d;
70 | background: #fafaee; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #949414;
74 | border-color: #949414; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #949414;
79 | background: #fafaed; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #949414;
83 | background: #fafaed; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #fafaed; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #e3e398; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #fafaed;
94 | color: #e0e08d; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #e0e08d; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #e0e08d; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #e0e08d; }
107 |
108 | .zm-item-vote-count {
109 | background: #fafaed;
110 | color: #e0e08d; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #e0e08d; }
114 |
115 | .Link--light {
116 | color: #e0e08d; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/CC3333.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #a32929; }
3 |
4 | .zu-top {
5 | background: #CC3333;
6 | border-bottom: 1px solid #a32929; }
7 |
8 | .zu-top-search-input {
9 | background-color: #faebeb;
10 | border: 1px solid #ba2e2e; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #d24949;
14 | border: 1px solid #ba2e2e; }
15 |
16 | .ac-active {
17 | background-color: #faebeb; }
18 |
19 | .zu-top-add-question {
20 | background: #d24949;
21 | border: 1px solid #ba2e2e; }
22 | .zu-top-add-question:active {
23 | background: #c63131;
24 | border: 1px solid #9d2727; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #b12c2c; }
28 |
29 | .modal-dialog-title {
30 | background: #c43131;
31 | border: 1px solid #bc2f2f; }
32 |
33 | .zg-btn-blue {
34 | background: #d34e4e;
35 | border: 1px solid #c83232; }
36 | .zg-btn-blue:active {
37 | background: #d04141; }
38 |
39 | .goog-buttonset-default {
40 | background: #d34e4e;
41 | border: 1px solid #c83232; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #b12c2c; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #cd3737; }
51 |
52 | .top-nav-profile a {
53 | background-color: #b12c2c; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #ad2b2b; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #d65c5c; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #ebadad;
63 | background: #fcf5f5; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #ebadad;
67 | background: #fcf5f5; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #eaa7a7;
70 | background: #faefef; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #a32929;
74 | border-color: #a32929; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #a32929;
79 | background: #fbefef; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #a32929;
83 | background: #fbefef; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #fbefef; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #e8a3a3; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #fbefef;
94 | color: #e69999; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #e69999; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #e69999; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #e69999; }
107 |
108 | .zm-item-vote-count {
109 | background: #fbefef;
110 | color: #e69999; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #e69999; }
114 |
115 | .Link--light {
116 | color: #e69999; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/CC6699.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #bf4080; }
3 |
4 | .zu-top {
5 | background: #CC6699;
6 | border-bottom: 1px solid #bf4080; }
7 |
8 | .zu-top-search-input {
9 | background-color: #faf0f5;
10 | border: 1px solid #c6558e; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #d37ba7;
14 | border: 1px solid #c6558e; }
15 |
16 | .ac-active {
17 | background-color: #faf0f5; }
18 |
19 | .zu-top-add-question {
20 | background: #d37ba7;
21 | border: 1px solid #c6558e; }
22 | .zu-top-add-question:active {
23 | background: #ca6095;
24 | border: 1px solid #ba3e7c; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #c44d88; }
28 |
29 | .modal-dialog-title {
30 | background: #c95e94;
31 | border: 1px solid #c7578f; }
32 |
33 | .zg-btn-blue {
34 | background: #d47faa;
35 | border: 1px solid #cb6296; }
36 | .zg-btn-blue:active {
37 | background: #d073a2; }
38 |
39 | .goog-buttonset-default {
40 | background: #d47faa;
41 | border: 1px solid #cb6296; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #c44d88; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #cd6a9c; }
51 |
52 | .top-nav-profile a {
53 | background-color: #c44d88; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #c24986; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #d98cb3; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #ebc2d6;
63 | background: #fcf7fa; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #ebc2d6;
67 | background: #fcf7fa; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #e9bcd2;
70 | background: #faf1f7; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #bf4080;
74 | border-color: #bf4080; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #bf4080;
79 | background: #fbf3f7; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #bf4080;
83 | background: #fbf3f7; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #fbf3f7; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #e8bad1; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #fbf3f7;
94 | color: #e6b3cc; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #e6b3cc; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #e6b3cc; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #e6b3cc; }
107 |
108 | .zm-item-vote-count {
109 | background: #fbf3f7;
110 | color: #e6b3cc; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #e6b3cc; }
114 |
115 | .Link--light {
116 | color: #e6b3cc; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/E91E63.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #c1134e; }
3 |
4 | .zu-top {
5 | background: #E91E63;
6 | border-bottom: 1px solid #c1134e; }
7 |
8 | .zu-top-search-input {
9 | background-color: #fde9ef;
10 | border: 1px solid #db1558; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #eb3875;
14 | border: 1px solid #db1558; }
15 |
16 | .ac-active {
17 | background-color: #fde9ef; }
18 |
19 | .zu-top-add-question {
20 | background: #eb3875;
21 | border: 1px solid #db1558; }
22 | .zu-top-add-question:active {
23 | background: #e8175e;
24 | border: 1px solid #ba124b; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #d11455; }
28 |
29 | .modal-dialog-title {
30 | background: #e6175d;
31 | border: 1px solid #dd1659; }
32 |
33 | .zg-btn-blue {
34 | background: #ec3c78;
35 | border: 1px solid #e91960; }
36 | .zg-btn-blue:active {
37 | background: #eb2e6e; }
38 |
39 | .goog-buttonset-default {
40 | background: #ec3c78;
41 | border: 1px solid #e91960; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #d11455; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #e92366; }
51 |
52 | .top-nav-profile a {
53 | background-color: #d11455; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #cd1453; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #ee4c83; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #f6a5c1;
63 | background: #fef4f7; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #f6a5c1;
67 | background: #fef4f7; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #f59ebc;
70 | background: #fdedf2; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #c1134e;
74 | border-color: #c1134e; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #c1134e;
79 | background: #fdedf3; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #c1134e;
83 | background: #fdedf3; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #fdedf3; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #f59ab9; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #fdedf3;
94 | color: #f48fb1; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #f48fb1; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #f48fb1; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #f48fb1; }
107 |
108 | .zm-item-vote-count {
109 | background: #fdedf3;
110 | color: #f48fb1; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #f48fb1; }
114 |
115 | .Link--light {
116 | color: #f48fb1; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/FD5F00.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #ca4c00; }
3 |
4 | .zu-top {
5 | background: #FD5F00;
6 | border-bottom: 1px solid #ca4c00; }
7 |
8 | .zu-top-search-input {
9 | background-color: #ffefe6;
10 | border: 1px solid #e65600; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #ff701a;
14 | border: 1px solid #e65600; }
15 |
16 | .ac-active {
17 | background-color: #ffefe6; }
18 |
19 | .zu-top-add-question {
20 | background: #ff701a;
21 | border: 1px solid #e65600; }
22 | .zu-top-add-question:active {
23 | background: #f55c00;
24 | border: 1px solid #c24900; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #dc5300; }
28 |
29 | .modal-dialog-title {
30 | background: #f35b00;
31 | border: 1px solid #e95700; }
32 |
33 | .zg-btn-blue {
34 | background: #ff731f;
35 | border: 1px solid #f85d00; }
36 | .zg-btn-blue:active {
37 | background: #ff6a10; }
38 |
39 | .goog-buttonset-default {
40 | background: #ff731f;
41 | border: 1px solid #f85d00; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #dc5300; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #ff6203; }
51 |
52 | .top-nav-profile a {
53 | background-color: #dc5300; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #d75100; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #ff7e31; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #febf99;
63 | background: #fff7f2; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #febf99;
67 | background: #fff7f2; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #feba91;
70 | background: #fff2ea; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #ca4c00;
74 | border-color: #ca4c00; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #ca4c00;
79 | background: #fff2eb; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #ca4c00;
83 | background: #fff2eb; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #fff2eb; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #feb78c; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #fff2eb;
94 | color: #feaf80; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #feaf80; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #feaf80; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #feaf80; }
107 |
108 | .zm-item-vote-count {
109 | background: #fff2eb;
110 | color: #feaf80; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #feaf80; }
114 |
115 | .Link--light {
116 | color: #feaf80; }
117 |
--------------------------------------------------------------------------------
/src/skins/colors/FE0001.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: #cb0001; }
3 |
4 | .zu-top {
5 | background: #FE0001;
6 | border-bottom: 1px solid #cb0001; }
7 |
8 | .zu-top-search-input {
9 | background-color: #ffe6e6;
10 | border: 1px solid #e70001; }
11 |
12 | .zu-top-search-form .zu-top-search-button {
13 | background: #ff1b1c;
14 | border: 1px solid #e70001; }
15 |
16 | .ac-active {
17 | background-color: #ffe6e6; }
18 |
19 | .zu-top-add-question {
20 | background: #ff1b1c;
21 | border: 1px solid #e70001; }
22 | .zu-top-add-question:active {
23 | background: #f60001;
24 | border: 1px solid #c30001; }
25 |
26 | .zu-top-nav-li.current {
27 | background: #dd0001; }
28 |
29 | .modal-dialog-title {
30 | background: #f40001;
31 | border: 1px solid #ea0001; }
32 |
33 | .zg-btn-blue {
34 | background: #ff2021;
35 | border: 1px solid #f90001; }
36 | .zg-btn-blue:active {
37 | background: #ff1112; }
38 |
39 | .goog-buttonset-default {
40 | background: #ff2021;
41 | border: 1px solid #f90001; }
42 |
43 | .zg-btn-green, .zg-btn-follow {
44 | background: #8ab923; }
45 |
46 | .zu-top-nav-userinfo.selected, html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
47 | background: #dd0001; }
48 |
49 | html.no-touchevents .top-nav-dropdown a:hover {
50 | background-color: #ff0405; }
51 |
52 | .top-nav-profile a {
53 | background-color: #dd0001; }
54 |
55 | .top-nav-dropdown li a {
56 | border-top: 1px solid #d80001; }
57 |
58 | .ProfileProgress-completeness {
59 | background: #ff3233; }
60 |
61 | .topics-plaza {
62 | border: 1px solid #ff9999;
63 | background: #fff2f2; }
64 |
65 | a.zu-main-feed-fresh-button {
66 | border: 1px solid #ff9999;
67 | background: #fff2f2; }
68 | a.zu-main-feed-fresh-button:hover, a.zu-main-feed-fresh-button:active {
69 | border: 1px solid #ff9191;
70 | background: #ffeaea; }
71 |
72 | html.no-touchevents .zm-topic-cat-main li:hover a, .zm-topic-cat-main li.current a {
73 | background: #cb0001;
74 | border-color: #cb0001; }
75 |
76 | .zm-side-nav-link.active,
77 | html.no-touchevents .zm-side-nav-link:hover {
78 | color: #cb0001;
79 | background: #ffebeb; }
80 |
81 | html.no-touchevents .SidebarListNav-itemLink:hover {
82 | color: #cb0001;
83 | background: #ffebeb; }
84 |
85 | html.no-touchevents .zh-summary:hover a.toggle-expand {
86 | background: #ffebeb; }
87 |
88 | .item-collapse.is-sticky {
89 | background: #ff8c8d; }
90 |
91 | .zm-votebar .up,
92 | .zm-votebar .down {
93 | background: #ffebeb;
94 | color: #ff8080; }
95 |
96 | .zm-votebar .up .vote-arrow {
97 | border-bottom-color: #ff8080; }
98 |
99 | .zm-votebar .down .vote-arrow {
100 | border-top-color: #ff8080; }
101 |
102 | html.no-touchevents .zm-votebar .up:hover,
103 | html.no-touchevents .zm-votebar .down:hover,
104 | .zm-votebar .up.pressed,
105 | .zm-votebar .down.pressed {
106 | background: #ff8080; }
107 |
108 | .zm-item-vote-count {
109 | background: #ffebeb;
110 | color: #ff8080; }
111 |
112 | html.no-touchevents .zm-item-vote-count:hover {
113 | background: #ff8080; }
114 |
115 | .Link--light {
116 | color: #ff8080; }
117 |
--------------------------------------------------------------------------------