├── .gitignore ├── PDF ├── docker-container-and-image.pdf └── 初探FaaS.pdf ├── PPT ├── 7-days-in-taiwan.key ├── Babel生态总览 - 陈宏图.key ├── C++ 网络库那点事儿 - 高春毅.key ├── GraphQL.html ├── Vue.js 在饿了么的应用-李清伟.pdf ├── Vue单元测试-马冉.key ├── What is pure function.html ├── border-radius.key ├── css-3d │ ├── css │ │ ├── demo.css │ │ ├── eater.woff │ │ ├── font-awesome.css │ │ ├── nodeppt.css │ │ ├── pdf.css │ │ ├── pen.cur │ │ ├── phone.css │ │ ├── sourcecode.woff │ │ ├── tangerine.woff │ │ ├── theme.blue.css │ │ ├── theme.dark.css │ │ ├── theme.green.css │ │ ├── theme.light.css │ │ └── theme.moon.css │ ├── css3-3d.htm │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ ├── source-pro-light-latin-ext.woff2 │ │ ├── source-pro-light-latin.woff2 │ │ ├── source-pro-regular-latin-ext.woff2 │ │ ├── source-pro-regular-latin.woff2 │ │ ├── source-pro-siemibold-latin-ext.woff2 │ │ └── source-pro-siemibold-latin.woff2 │ ├── img │ │ ├── bg.jpg │ │ ├── bg1.png │ │ ├── demo.jpeg │ │ ├── donghua14.png │ │ ├── prs.jpg │ │ ├── prso.jpg │ │ ├── rotate.png │ │ ├── rotate1.png │ │ ├── scale.png │ │ ├── transform-2.jpg │ │ ├── transform-28.jpg │ │ ├── transformPrigin.png │ │ └── translate.png │ └── js │ │ ├── demo.js │ │ ├── event │ │ └── broadcast.js │ │ ├── highlight │ │ ├── LICENSE │ │ ├── highlight.pack.js │ │ ├── highlight.pack.min.js │ │ └── styles │ │ │ ├── agate.css │ │ │ ├── androidstudio.css │ │ │ ├── arta.css │ │ │ ├── ascetic.css │ │ │ ├── atelier-cave.dark.css │ │ │ ├── atelier-cave.light.css │ │ │ ├── atelier-dune.dark.css │ │ │ ├── atelier-dune.light.css │ │ │ ├── atelier-estuary.dark.css │ │ │ ├── atelier-estuary.light.css │ │ │ ├── atelier-forest.dark.css │ │ │ ├── atelier-forest.light.css │ │ │ ├── atelier-heath.dark.css │ │ │ ├── atelier-heath.light.css │ │ │ ├── atelier-lakeside.dark.css │ │ │ ├── atelier-lakeside.light.css │ │ │ ├── atelier-plateau.dark.css │ │ │ ├── atelier-plateau.light.css │ │ │ ├── atelier-savanna.dark.css │ │ │ ├── atelier-savanna.light.css │ │ │ ├── atelier-seaside.dark.css │ │ │ ├── atelier-seaside.light.css │ │ │ ├── atelier-sulphurpool.dark.css │ │ │ ├── atelier-sulphurpool.light.css │ │ │ ├── brown_paper.css │ │ │ ├── brown_papersq.png │ │ │ ├── codepen-embed.css │ │ │ ├── color-brewer.css │ │ │ ├── dark.css │ │ │ ├── darkula.css │ │ │ ├── default.css │ │ │ ├── docco.css │ │ │ ├── far.css │ │ │ ├── foundation.css │ │ │ ├── github-gist.css │ │ │ ├── github.css │ │ │ ├── googlecode.css │ │ │ ├── grayscale.css │ │ │ ├── hopscotch.css │ │ │ ├── hybrid.css │ │ │ ├── idea.css │ │ │ ├── ir_black.css │ │ │ ├── kimbie.dark.css │ │ │ ├── kimbie.light.css │ │ │ ├── magula.css │ │ │ ├── mono-blue.css │ │ │ ├── monokai.css │ │ │ ├── monokai_sublime.css │ │ │ ├── obsidian.css │ │ │ ├── paraiso.dark.css │ │ │ ├── paraiso.light.css │ │ │ ├── pojoaque.css │ │ │ ├── pojoaque.jpg │ │ │ ├── railscasts.css │ │ │ ├── rainbow.css │ │ │ ├── school_book.css │ │ │ ├── school_book.png │ │ │ ├── solarized_dark.css │ │ │ ├── solarized_light.css │ │ │ ├── sunburst.css │ │ │ ├── tomorrow-night-blue.css │ │ │ ├── tomorrow-night-bright.css │ │ │ ├── tomorrow-night-eighties.css │ │ │ ├── tomorrow-night.css │ │ │ ├── tomorrow.css │ │ │ ├── vs.css │ │ │ ├── xcode.css │ │ │ └── zenburn.css │ │ ├── img.screenfull.js │ │ ├── mixjs │ │ ├── .npmignore │ │ ├── Gruntfile.js │ │ ├── MIT-LICENSE.txt │ │ ├── README.md │ │ ├── lib │ │ │ ├── event │ │ │ │ ├── broadcast.js │ │ │ │ └── wait.js │ │ │ ├── mix-0.2.js │ │ │ ├── mix.0.3.0.js │ │ │ ├── mix.0.3.0.map │ │ │ └── mix.0.3.0.min.js │ │ ├── package.json │ │ ├── research │ │ │ ├── js.php │ │ │ ├── load-test.html │ │ │ ├── loadjs.html │ │ │ └── userAgent.html │ │ └── src │ │ │ ├── Module.js │ │ │ ├── Promise.js │ │ │ ├── browser.js │ │ │ ├── core.js │ │ │ ├── getCurrentScript.js │ │ │ ├── getPath.js │ │ │ ├── intro.js │ │ │ ├── loadcss-img.js │ │ │ ├── loadcss.js │ │ │ ├── loadjs.js │ │ │ ├── outro.js │ │ │ ├── typeof.js │ │ │ └── vars.js │ │ ├── nodeppt.control.js │ │ ├── nodeppt.control.postMessage.js │ │ ├── nodeppt.control.socket.js │ │ ├── nodeppt.js │ │ ├── nodeppt.trail.js │ │ ├── prettify.js │ │ ├── qrcode.js │ │ ├── shake.js │ │ ├── socket.io.js │ │ └── zoom.js ├── debuggap.pptx ├── duang.key ├── webpack模块及按需加载机制.key ├── 《狼人杀-从相识到友尽》by 曹水.key ├── 一个有点恐怖的小故事 by 向勇.key ├── 从Vue到Que-李振东.key ├── 关于 Emoji by 杨蓉.key ├── 写好业务逻辑.pptx ├── 初探 TypeScript.pdf ├── 前端可视化实践浅析-邵丁丁.pptx ├── 实用主义的测试 - By 曾凯.pdf ├── 开始做便当－商文默.key ├── 异常时光机 by 梁远成.key ├── 更简单的 .vue 单元测试.key ├── 浅谈 HMR.html ├── 用Performance诊断页面性能-任文凯.key ├── 纯手工搭建高实时监控系统.pptx ├── 老起点的web改造新路.pdf ├── 适合人类夏天生存的城市-长春.key ├── 郁金香热.key └── 香港不完全攻略-徐凯姮.key ├── README.md ├── detail.html ├── detail.js ├── html ├── Abstract Thinking - axemea.html ├── Generator - damao.html ├── server-side-rendering.html ├── vue-amap.html ├── webpack-HMR.html └── 异地公积金贷款指南 - Galen.html ├── index.html ├── index.js ├── markdown ├── C++ 网络库那点事儿 - 高春毅.md ├── Dart - 杨一新.md ├── DebugGap - 王骆菲.md ├── Express vs Koa - 蔡伟.ppt.md ├── FB intro - Lellansin.ppt.md ├── Runner - lmk123.md ├── Samesite机制.md ├── The humble border-radius - 孙卓怡.md ├── Transform Matrix.md ├── Travel To Sichuan - 马绪双.md ├── TypeScript - Carter.md ├── What is pure function - 袁德鑫.md ├── debuggap - 王骆菲.md ├── frontend-able.md ├── respo.md ├── vue2服务端渲染 - 夏浩茗.md ├── 上海迪士尼游玩攻略 - 李名凯.md ├── 写好业务逻辑 - 李寅侃.md ├── 前端工程师快速入侵ios开发-徐亚光.md ├── 在命令行中处理图像 - 周重阳.md ├── 弹幕的二三事 - 魏陈南.md ├── 手工撸个监控系统 - 黄鼎恒.md ├── 搭建一款前端脚手架 - 葛展鹏.md ├── 浅谈 Functor - 朱良臻.md ├── 百度统计与perf监控 - 卢依宁.md ├── 谈谈移动端上的滚动 - 张成.md └── 起点中文网的的 Web 改造之路 - 梁晨.md ├── menu.json ├── needArrange ├── grid布局-olifer655 │ ├── README.md │ ├── grid │ │ ├── grid.css │ │ └── grid.html │ └── zishiying │ │ ├── zishiying.css │ │ └── zishiying.html └── 函数式编程入门简介 - Lellansin │ └── img │ ├── bg1.jpg │ ├── digui.jpg │ └── schema.jpg └── tools ├── css ├── print │ ├── paper.css │ └── pdf.css ├── reveal.css ├── reveal.scss └── theme │ ├── README.md │ ├── beige.css │ ├── black.css │ ├── blood.css │ ├── league.css │ ├── moon.css │ ├── night.css │ ├── serif.css │ ├── simple.css │ ├── sky.css │ ├── solarized.css │ ├── source │ ├── beige.scss │ ├── black.scss │ ├── blood.scss │ ├── league.scss │ ├── moon.scss │ ├── night.scss │ ├── serif.scss │ ├── simple.scss │ ├── sky.scss │ ├── solarized.scss │ └── white.scss │ ├── template │ ├── mixins.scss │ ├── settings.scss │ └── theme.scss │ └── white.css ├── img ├── github.png └── weibo.png ├── js └── reveal.js ├── lib ├── css │ └── zenburn.css ├── font │ ├── league-gothic │ │ ├── LICENSE │ │ ├── league-gothic.css │ │ ├── league-gothic.eot │ │ ├── league-gothic.ttf │ │ └── league-gothic.woff │ └── source-sans-pro │ │ ├── LICENSE │ │ ├── source-sans-pro-italic.eot │ │ ├── source-sans-pro-italic.ttf │ │ ├── source-sans-pro-italic.woff │ │ ├── source-sans-pro-regular.eot │ │ ├── source-sans-pro-regular.ttf │ │ ├── source-sans-pro-regular.woff │ │ ├── source-sans-pro-semibold.eot │ │ ├── source-sans-pro-semibold.ttf │ │ ├── source-sans-pro-semibold.woff │ │ ├── source-sans-pro-semibolditalic.eot │ │ ├── source-sans-pro-semibolditalic.ttf │ │ ├── source-sans-pro-semibolditalic.woff │ │ └── source-sans-pro.css └── js │ ├── classList.js │ ├── head.min.js │ └── html5shiv.js └── plugin ├── highlight └── highlight.js ├── markdown ├── example.html ├── example.md ├── markdown.js └── marked.js ├── math └── math.js ├── multiplex ├── client.js ├── index.js ├── master.js └── package.json ├── notes-server ├── client.js ├── index.js └── notes.html ├── notes ├── notes.html └── notes.js ├── print-pdf └── print-pdf.js ├── search └── search.js └── zoom-js └── zoom.js /.gitignore: -------------------------------------------------------------------------------- 1 | dist 2 | node_modules 3 | .DS_Store 4 | .idea 5 | _site 6 | -------------------------------------------------------------------------------- /PDF/docker-container-and-image.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PDF/docker-container-and-image.pdf -------------------------------------------------------------------------------- /PDF/初探FaaS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PDF/初探FaaS.pdf -------------------------------------------------------------------------------- /PPT/7-days-in-taiwan.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/7-days-in-taiwan.key -------------------------------------------------------------------------------- /PPT/Babel生态总览 - 陈宏图.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/Babel生态总览 - 陈宏图.key -------------------------------------------------------------------------------- /PPT/C++ 网络库那点事儿 - 高春毅.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/C++ 网络库那点事儿 - 高春毅.key -------------------------------------------------------------------------------- /PPT/Vue.js 在饿了么的应用-李清伟.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/Vue.js 在饿了么的应用-李清伟.pdf -------------------------------------------------------------------------------- /PPT/Vue单元测试-马冉.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/Vue单元测试-马冉.key -------------------------------------------------------------------------------- /PPT/border-radius.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/border-radius.key -------------------------------------------------------------------------------- /PPT/css-3d/css/eater.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/css/eater.woff -------------------------------------------------------------------------------- /PPT/css-3d/css/pen.cur: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/css/pen.cur -------------------------------------------------------------------------------- /PPT/css-3d/css/phone.css: -------------------------------------------------------------------------------- 1 | slides>slide{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-webkit-transition:none !important;transition:none !important;-moz-transform-origin:0 0 !important;-ms-transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;transform-origin:0 0 !important}slides>slide[data-transition].current,slides>slide[data-transition].next,slides>slide[data-transition].past{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-name:none;animation-name:none} 2 | -------------------------------------------------------------------------------- /PPT/css-3d/css/sourcecode.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/css/sourcecode.woff -------------------------------------------------------------------------------- /PPT/css-3d/css/tangerine.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/css/tangerine.woff -------------------------------------------------------------------------------- /PPT/css-3d/css/theme.blue.css: -------------------------------------------------------------------------------- 1 | ::selection{color:#fff;background-color:#d33682;text-shadow:none}a{color:#F47F40;background-color:transparent;border-bottom:0}a:hover{color:#FE7429;background-color:transparent}h1,h2,h3{color:#fff;text-shadow:1px 2px 0px #086fd1,3px 5px 0px rgba(0,0,0,0.2);letter-spacing:4px;font-weight:bolder}h1{text-shadow:1px 2px 0px #086fd1,3px 5px 0px rgba(0,0,0,0.2)}table{width:100%;color:#000;border-bottom:0 none;border-collapse:collapse;background-color:white;-moz-box-shadow:0 none;-webkit-box-shadow:0 none;box-shadow:0 none}table thead th{font-weight:bolder;background-color:transparent;border-bottom:1px solid #2e87d3;vertical-align:bottom}table tbody tr td{vertical-align:top;border-bottom:1px white solid}table tr{background-color:transparent}table tr:nth-child(even){background-color:transparent}table tbody tr:nth-child(odd){background-color:#eee}table td.highlight{color:#0377C0;text-shadow:1px 1px 1px #aaa;font-weight:normal;background-color:transparent !important}table.rows{border-right:1px solid #797979}slides>slide{-webkit-font-smoothing:subpixel-antialiased;color:#f8f7f7;letter-spacing:2px;background-color:#086fd1}slides>slide:nth-child(6n+1),slides>slide:nth-child(6n+2),slides>slide:nth-child(6n+3),slides>slide:nth-child(6n+4),slides>slide:nth-child(6n+5){background-color:#086fd1}slides>slide .slide-wrapper strong{text-shadow:none;font-weight:bolder;color:#4FFF00}slides>slide .slide-wrapper blockquote{position:relative;border-left:0 none;color:#000;padding:5px 5px 5px 28px;text-shadow:none}slides>slide .slide-wrapper blockquote.pull-right{border-right:0 none;padding:5px 28px 5px 5px}slides>slide .slide-wrapper blockquote.pull-right::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10e";right:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote.pull-right small::after{position:absolute;content:''}slides>slide .slide-wrapper blockquote::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10d";left:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote p{font-size:22px;line-height:1.7em}slides>slide .slide-wrapper blockquote small{color:#000;position:relative;padding-left:24px}slides>slide .slide-wrapper blockquote small::before{position:absolute;top:3px;content:'\2015 \00A0'}.progress span{background:#2187E7} 2 | -------------------------------------------------------------------------------- /PPT/css-3d/css/theme.dark.css: -------------------------------------------------------------------------------- 1 | ::selection{color:#fff;background-color:#d33682;text-shadow:none}a{color:#FA5B04;background-color:transparent;border-bottom:0}a:hover{color:#FE7429;background-color:transparent}h1,h2,h3{color:#fff;text-shadow:1px 2px 0px #232323,3px 5px 0px rgba(0,0,0,0.2);letter-spacing:4px;font-weight:bolder}h1{text-shadow:1px 2px 0px #232323,3px 5px 0px rgba(0,0,0,0.2)}table{width:100%;color:black;border-bottom:0 none;border-collapse:collapse;background-color:white;-moz-box-shadow:0 none;-webkit-box-shadow:0 none;box-shadow:0 none}table thead th{font-weight:bolder;background-color:transparent;border-bottom:1px solid #111;vertical-align:bottom}table tbody tr td{vertical-align:top;border-bottom:1px #bfbfbf solid}table tr{background-color:transparent}table tr:nth-child(even){background-color:transparent}table tbody tr:nth-child(odd){background-color:#eee}table td.highlight{color:#0377C0;text-shadow:1px 1px 1px #aaa;font-weight:normal;background-color:transparent !important}table.rows{border-right:1px solid #797979}slides>slide{-webkit-font-smoothing:subpixel-antialiased;color:#f8f7f7;letter-spacing:2px;background-color:#232323}slides>slide:nth-child(6n+1),slides>slide:nth-child(6n+2),slides>slide:nth-child(6n+3),slides>slide:nth-child(6n+4),slides>slide:nth-child(6n+5){background-color:#232323}slides>slide .slide-wrapper strong{text-shadow:none;font-weight:bolder;color:#00CED1}slides>slide .slide-wrapper blockquote{position:relative;border-left:0 none;color:#000;padding:5px 5px 5px 28px;text-shadow:none}slides>slide .slide-wrapper blockquote.pull-right{border-right:0 none;padding:5px 28px 5px 5px}slides>slide .slide-wrapper blockquote.pull-right::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10e";right:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote.pull-right small::after{position:absolute;content:''}slides>slide .slide-wrapper blockquote::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10d";left:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote p{font-size:22px;line-height:1.7em}slides>slide .slide-wrapper blockquote small{color:#000;position:relative;padding-left:24px}slides>slide .slide-wrapper blockquote small::before{position:absolute;top:3px;content:'\2015 \00A0'}.progress span{background:#2187E7} 2 | -------------------------------------------------------------------------------- /PPT/css-3d/css/theme.green.css: -------------------------------------------------------------------------------- 1 | ::selection{color:#fff;background-color:#d33682;text-shadow:none}a{color:#FF8C78;background-color:transparent;border-bottom:0}a:hover{color:#FE7429;background-color:transparent}h1,h2,h3{color:#fff;text-shadow:1px 2px 0px #699B98,3px 5px 0px rgba(0,0,0,0.2);letter-spacing:4px;font-weight:bolder}h1{text-shadow:1px 2px 0px #699B98,3px 5px 0px rgba(0,0,0,0.2)}table{width:100%;color:#f8f7f7;border-bottom:0 none;border-collapse:collapse;background-color:white;-moz-box-shadow:0 none;-webkit-box-shadow:0 none;box-shadow:0 none}table thead th{font-weight:bolder;background-color:transparent;border-bottom:1px solid #111;vertical-align:bottom}table tbody tr td{vertical-align:top;border-bottom:1px #bfbfbf solid}table tr{background-color:transparent}table tr:nth-child(even){background-color:transparent}table tbody tr:nth-child(odd){background-color:#eee}table td.highlight{color:#0377C0;text-shadow:1px 1px 1px #aaa;font-weight:normal;background-color:transparent !important}table.rows{border-right:1px solid #797979}slides>slide{-webkit-font-smoothing:subpixel-antialiased;color:#f8f7f7;letter-spacing:2px;background-color:#699B98}slides>slide:nth-child(6n+1),slides>slide:nth-child(6n+2),slides>slide:nth-child(6n+3),slides>slide:nth-child(6n+4),slides>slide:nth-child(6n+5){background-color:#699B98}slides>slide .slide-wrapper strong{text-shadow:none;font-weight:bolder;color:#00CED1}slides>slide .slide-wrapper blockquote{position:relative;background-color:#ACE2D2;border-left:0 none;color:#000;padding:5px 5px 5px 28px;text-shadow:none}slides>slide .slide-wrapper blockquote.pull-right{border-right:0 none;padding:5px 28px 5px 5px}slides>slide .slide-wrapper blockquote.pull-right::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10e";right:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote.pull-right small::after{position:absolute;content:''}slides>slide .slide-wrapper blockquote::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10d";left:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote p{font-size:22px;line-height:1.7em}slides>slide .slide-wrapper blockquote small{color:#000;position:relative;padding-left:24px}slides>slide .slide-wrapper blockquote small::before{position:absolute;top:3px;content:'\2015 \00A0'}.progress span{background:#2187E7} 2 | -------------------------------------------------------------------------------- /PPT/css-3d/css/theme.light.css: -------------------------------------------------------------------------------- 1 | ::selection{color:#fff;background-color:#d33682;text-shadow:none}a{color:#FA5B04;background-color:transparent;border-bottom:0}a:hover{color:#FE7429;background-color:transparent}h1,h2,h3{color:#000;text-shadow:1px 2px 0px #E8EFEE,3px 5px 0px rgba(0,0,0,0.2);letter-spacing:4px;font-weight:bolder}h1{text-shadow:1px 2px 0px #E8EFEE,3px 5px 0px rgba(0,0,0,0.2)}table{width:100%;color:#232323;border-bottom:0 none;border-collapse:collapse;background-color:white;-moz-box-shadow:0 none;-webkit-box-shadow:0 none;box-shadow:0 none}table thead th{font-weight:bolder;background-color:transparent;border-bottom:1px solid #111;vertical-align:bottom}table tbody tr td{vertical-align:top;border-bottom:1px #bfbfbf solid}table tr{background-color:transparent}table tr:nth-child(even){background-color:transparent}table tbody tr:nth-child(odd){background-color:#eee}table td.highlight{color:#0377C0;text-shadow:1px 1px 1px #aaa;font-weight:normal;background-color:transparent !important}table.rows{border-right:1px solid #797979}slides>slide{-webkit-font-smoothing:subpixel-antialiased;color:#232323;letter-spacing:2px;background-color:#E8EFEE}slides>slide:nth-child(6n+1),slides>slide:nth-child(6n+2),slides>slide:nth-child(6n+3),slides>slide:nth-child(6n+4),slides>slide:nth-child(6n+5){background-color:#E8EFEE}slides>slide .slide-wrapper strong{text-shadow:none;font-weight:bolder;color:#00CED1}slides>slide .slide-wrapper blockquote{position:relative;background-color:#ACE2D2;border-left:0 none;color:#232323;padding:5px 5px 5px 28px;text-shadow:none}slides>slide .slide-wrapper blockquote.pull-right{border-right:0 none;padding:5px 28px 5px 5px}slides>slide .slide-wrapper blockquote.pull-right::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10e";right:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote.pull-right small::after{position:absolute;content:''}slides>slide .slide-wrapper blockquote::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10d";left:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote p{font-size:22px;line-height:1.7em}slides>slide .slide-wrapper blockquote small{color:#232323;position:relative;padding-left:24px}slides>slide .slide-wrapper blockquote small::before{position:absolute;top:3px;content:'\2015 \00A0'}.progress span{background:#2187E7} 2 | -------------------------------------------------------------------------------- /PPT/css-3d/css/theme.moon.css: -------------------------------------------------------------------------------- 1 | ::selection{color:#fff;background-color:#d33682;text-shadow:none}a{color:#F9D905;background-color:transparent;border-bottom:0}a:hover{color:#F5BE78;background-color:transparent}h1,h2,h3{color:#E8F0F3;text-shadow:1px 2px 0px #152E4F,3px 5px 0px rgba(0,0,0,0.2);letter-spacing:4px;font-weight:bolder}h1{text-shadow:1px 2px 0px #152E4F,3px 5px 0px rgba(0,0,0,0.2)}table{width:100%;color:black;border-bottom:0 none;-moz-box-shadow:1px 1px 10px #000;-webkit-box-shadow:1px 1px 10px #000;box-shadow:1px 1px 10px #000}table thead th{background-color:#e6e6e6}table tr{background-color:white}table tr:nth-child(even){background-color:#e6e6e6}table td.highlight{color:#468847;background-color:#dff0d8 !important}table.rows{border-right:1px solid #797979}slides>slide{-webkit-font-smoothing:subpixel-antialiased;color:#E8F0F3;letter-spacing:2px;background-color:#152E4F}slides>slide:nth-child(6n+1),slides>slide:nth-child(6n+2),slides>slide:nth-child(6n+3),slides>slide:nth-child(6n+4),slides>slide:nth-child(6n+5){background-color:#152E4F}slides>slide .slide-wrapper strong{text-shadow:none;font-weight:bolder;color:#16D5B5}slides>slide .slide-wrapper blockquote{position:relative;background-color:#0B6C96;border-left:0 none;color:#E5DCDC;padding:5px 5px 5px 28px;text-shadow:none}slides>slide .slide-wrapper blockquote.pull-right{border-right:0 none;padding:5px 28px 5px 5px}slides>slide .slide-wrapper blockquote.pull-right::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10e";right:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote.pull-right small::after{position:absolute;content:''}slides>slide .slide-wrapper blockquote::before{font:normal normal normal 14px/1 FontAwesome;content:"\f10d";left:6px;position:absolute;top:6px}slides>slide .slide-wrapper blockquote p{font-size:22px;line-height:1.7em}slides>slide .slide-wrapper blockquote small{color:#999;position:relative;padding-left:24px}slides>slide .slide-wrapper blockquote small::before{position:absolute;top:3px;content:'\2015 \00A0'}.progress span{background:#2187E7} 2 | -------------------------------------------------------------------------------- /PPT/css-3d/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /PPT/css-3d/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /PPT/css-3d/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /PPT/css-3d/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /PPT/css-3d/fonts/source-pro-light-latin-ext.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/source-pro-light-latin-ext.woff2 -------------------------------------------------------------------------------- /PPT/css-3d/fonts/source-pro-light-latin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/source-pro-light-latin.woff2 -------------------------------------------------------------------------------- /PPT/css-3d/fonts/source-pro-regular-latin-ext.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/source-pro-regular-latin-ext.woff2 -------------------------------------------------------------------------------- /PPT/css-3d/fonts/source-pro-regular-latin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/source-pro-regular-latin.woff2 -------------------------------------------------------------------------------- /PPT/css-3d/fonts/source-pro-siemibold-latin-ext.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/source-pro-siemibold-latin-ext.woff2 -------------------------------------------------------------------------------- /PPT/css-3d/fonts/source-pro-siemibold-latin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/fonts/source-pro-siemibold-latin.woff2 -------------------------------------------------------------------------------- /PPT/css-3d/img/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/bg.jpg -------------------------------------------------------------------------------- /PPT/css-3d/img/bg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/bg1.png -------------------------------------------------------------------------------- /PPT/css-3d/img/demo.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/demo.jpeg -------------------------------------------------------------------------------- /PPT/css-3d/img/donghua14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/donghua14.png -------------------------------------------------------------------------------- /PPT/css-3d/img/prs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/prs.jpg -------------------------------------------------------------------------------- /PPT/css-3d/img/prso.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/prso.jpg -------------------------------------------------------------------------------- /PPT/css-3d/img/rotate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/rotate.png -------------------------------------------------------------------------------- /PPT/css-3d/img/rotate1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/rotate1.png -------------------------------------------------------------------------------- /PPT/css-3d/img/scale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/scale.png -------------------------------------------------------------------------------- /PPT/css-3d/img/transform-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/transform-2.jpg -------------------------------------------------------------------------------- /PPT/css-3d/img/transform-28.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/transform-28.jpg -------------------------------------------------------------------------------- /PPT/css-3d/img/transformPrigin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/transformPrigin.png -------------------------------------------------------------------------------- /PPT/css-3d/img/translate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/img/translate.png -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2006, Ivan Sagalaev 2 | All rights reserved. 3 | Redistribution and use in source and binary forms, with or without 4 | modification, are permitted provided that the following conditions are met: 5 | 6 | * Redistributions of source code must retain the above copyright 7 | notice, this list of conditions and the following disclaimer. 8 | * Redistributions in binary form must reproduce the above copyright 9 | notice, this list of conditions and the following disclaimer in the 10 | documentation and/or other materials provided with the distribution. 11 | * Neither the name of highlight.js nor the names of its contributors 12 | may be used to endorse or promote products derived from this software 13 | without specific prior written permission. 14 | 15 | THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND ANY 16 | EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 17 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 18 | DISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CONTRIBUTORS BE LIABLE FOR ANY 19 | DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 20 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 21 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 22 | ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 23 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 24 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 25 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/androidstudio.css: -------------------------------------------------------------------------------- 1 | /* 2 | Date: 24 Fev 2015 3 | Author: Pedro Oliveira 4 | */ 5 | 6 | .hljs { 7 | color: #a9b7c6; 8 | background: #282b2e; 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | -webkit-text-size-adjust: none; 13 | } 14 | 15 | .hljs-number { 16 | color: #6897BB; 17 | } 18 | 19 | .hljs-keyword, 20 | .hljs-deletion { 21 | color: #cc7832; 22 | } 23 | 24 | .hljs-comment { 25 | color: #808080; 26 | } 27 | 28 | .hljs-annotation { 29 | color: #bbb529; 30 | } 31 | 32 | .hljs-string, 33 | .hljs-addition { 34 | color: #6A8759; 35 | } 36 | 37 | .hljs-function .hljs-title, 38 | .hljs-change { 39 | color: #ffc66d; 40 | } 41 | 42 | .hljs-tag .hljs-title, 43 | .hljs-doctype { 44 | color: #e8bf6a; 45 | } 46 | 47 | .hljs-tag .hljs-attribute { 48 | color: #bababa; 49 | } 50 | 51 | .hljs-tag .hljs-value { 52 | color: #a5c261; 53 | } 54 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/ascetic.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Original style from softwaremaniacs.org (c) Ivan Sagalaev 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: white; 12 | color: black; 13 | -webkit-text-size-adjust: none; 14 | } 15 | 16 | .hljs-string, 17 | .hljs-tag .hljs-value, 18 | .hljs-filter .hljs-argument, 19 | .hljs-addition, 20 | .hljs-change, 21 | .hljs-name, 22 | .apache .hljs-tag, 23 | .apache .hljs-cbracket, 24 | .nginx .hljs-built_in, 25 | .tex .hljs-formula { 26 | color: #888; 27 | } 28 | 29 | .hljs-comment, 30 | .hljs-shebang, 31 | .hljs-doctype, 32 | .hljs-pi, 33 | .hljs-deletion, 34 | .apache .hljs-sqbracket { 35 | color: #ccc; 36 | } 37 | 38 | .hljs-keyword, 39 | .hljs-tag .hljs-title, 40 | .ini .hljs-title, 41 | .lisp .hljs-title, 42 | .http .hljs-title, 43 | .nginx .hljs-title, 44 | .css .hljs-tag, 45 | .hljs-winutils, 46 | .hljs-flow, 47 | .apache .hljs-tag, 48 | .tex .hljs-command, 49 | .hljs-request, 50 | .hljs-status { 51 | font-weight: bold; 52 | } 53 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-cave.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Cave Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Cave Comment */ 6 | .hljs-comment { 7 | color: #7e7887; 8 | } 9 | 10 | /* Atelier-Cave Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #be4678; 25 | } 26 | 27 | /* Atelier-Cave Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #aa573c; 35 | } 36 | 37 | /* Atelier-Cave Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #a06e3b; 41 | } 42 | 43 | /* Atelier-Cave Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #2a9292; 51 | } 52 | 53 | /* Atelier-Cave Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #398bc6; 57 | } 58 | 59 | /* Atelier-Cave Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #576ddb; 69 | } 70 | 71 | /* Atelier-Cave Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #955ae7; 75 | } 76 | 77 | .diff .hljs-deletion, 78 | .diff .hljs-addition { 79 | color: #19171c; 80 | display: inline-block; 81 | width: 100%; 82 | } 83 | 84 | .diff .hljs-deletion { 85 | background-color: #be4678; 86 | } 87 | 88 | .diff .hljs-addition { 89 | background-color: #2a9292; 90 | } 91 | 92 | .diff .hljs-change { 93 | color: #576ddb; 94 | } 95 | 96 | .hljs { 97 | display: block; 98 | overflow-x: auto; 99 | background: #19171c; 100 | color: #8b8792; 101 | padding: 0.5em; 102 | -webkit-text-size-adjust: none; 103 | } 104 | 105 | .coffeescript .javascript, 106 | .javascript .xml, 107 | .tex .hljs-formula, 108 | .xml .javascript, 109 | .xml .vbscript, 110 | .xml .css, 111 | .xml .hljs-cdata { 112 | opacity: 0.5; 113 | } 114 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-cave.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Cave Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Cave Comment */ 6 | .hljs-comment { 7 | color: #655f6d; 8 | } 9 | 10 | /* Atelier-Cave Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #be4678; 25 | } 26 | 27 | /* Atelier-Cave Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #aa573c; 35 | } 36 | 37 | /* Atelier-Cave Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #a06e3b; 41 | } 42 | 43 | /* Atelier-Cave Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #2a9292; 51 | } 52 | 53 | /* Atelier-Cave Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #398bc6; 57 | } 58 | 59 | /* Atelier-Cave Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #576ddb; 69 | } 70 | 71 | /* Atelier-Cave Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #955ae7; 75 | } 76 | 77 | .diff .hljs-deletion, 78 | .diff .hljs-addition { 79 | color: #19171c; 80 | display: inline-block; 81 | width: 100%; 82 | } 83 | 84 | .diff .hljs-deletion { 85 | background-color: #be4678; 86 | } 87 | 88 | .diff .hljs-addition { 89 | background-color: #2a9292; 90 | } 91 | 92 | .diff .hljs-change { 93 | color: #576ddb; 94 | } 95 | 96 | .hljs { 97 | display: block; 98 | overflow-x: auto; 99 | background: #efecf4; 100 | color: #585260; 101 | padding: 0.5em; 102 | -webkit-text-size-adjust: none; 103 | } 104 | 105 | .coffeescript .javascript, 106 | .javascript .xml, 107 | .tex .hljs-formula, 108 | .xml .javascript, 109 | .xml .vbscript, 110 | .xml .css, 111 | .xml .hljs-cdata { 112 | opacity: 0.5; 113 | } 114 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-dune.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Dune Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Dune Comment */ 6 | .hljs-comment { 7 | color: #999580; 8 | } 9 | 10 | /* Atelier-Dune Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #d73737; 25 | } 26 | 27 | /* Atelier-Dune Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #b65611; 35 | } 36 | 37 | /* Atelier-Dune Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #ae9513; 41 | } 42 | 43 | /* Atelier-Dune Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #60ac39; 51 | } 52 | 53 | /* Atelier-Dune Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #1fad83; 57 | } 58 | 59 | /* Atelier-Dune Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #6684e1; 69 | } 70 | 71 | /* Atelier-Dune Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #b854d4; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #20201d; 81 | color: #a6a28c; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-dune.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Dune Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Dune Comment */ 6 | .hljs-comment { 7 | color: #7d7a68; 8 | } 9 | 10 | /* Atelier-Dune Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #d73737; 25 | } 26 | 27 | /* Atelier-Dune Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #b65611; 35 | } 36 | 37 | /* Atelier-Dune Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #ae9513; 41 | } 42 | 43 | /* Atelier-Dune Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #60ac39; 51 | } 52 | 53 | /* Atelier-Dune Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #1fad83; 57 | } 58 | 59 | /* Atelier-Dune Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #6684e1; 69 | } 70 | 71 | /* Atelier-Dune Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #b854d4; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #fefbec; 81 | color: #6e6b5e; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-estuary.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Estuary Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Estuary Comment */ 6 | .hljs-comment { 7 | color: #878573; 8 | } 9 | 10 | /* Atelier-Estuary Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #ba6236; 25 | } 26 | 27 | /* Atelier-Estuary Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #ae7313; 35 | } 36 | 37 | /* Atelier-Estuary Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #a5980d; 41 | } 42 | 43 | /* Atelier-Estuary Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #7d9726; 51 | } 52 | 53 | /* Atelier-Estuary Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #5b9d48; 57 | } 58 | 59 | /* Atelier-Estuary Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #36a166; 69 | } 70 | 71 | /* Atelier-Estuary Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #5f9182; 75 | } 76 | 77 | .diff .hljs-deletion, 78 | .diff .hljs-addition { 79 | color: #22221b; 80 | display: inline-block; 81 | width: 100%; 82 | } 83 | 84 | .diff .hljs-deletion { 85 | background-color: #ba6236; 86 | } 87 | 88 | .diff .hljs-addition { 89 | background-color: #7d9726; 90 | } 91 | 92 | .diff .hljs-change { 93 | color: #36a166; 94 | } 95 | 96 | .hljs { 97 | display: block; 98 | overflow-x: auto; 99 | background: #22221b; 100 | color: #929181; 101 | padding: 0.5em; 102 | -webkit-text-size-adjust: none; 103 | } 104 | 105 | .coffeescript .javascript, 106 | .javascript .xml, 107 | .tex .hljs-formula, 108 | .xml .javascript, 109 | .xml .vbscript, 110 | .xml .css, 111 | .xml .hljs-cdata { 112 | opacity: 0.5; 113 | } 114 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-estuary.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Estuary Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Estuary Comment */ 6 | .hljs-comment { 7 | color: #6c6b5a; 8 | } 9 | 10 | /* Atelier-Estuary Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #ba6236; 25 | } 26 | 27 | /* Atelier-Estuary Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #ae7313; 35 | } 36 | 37 | /* Atelier-Estuary Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #a5980d; 41 | } 42 | 43 | /* Atelier-Estuary Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #7d9726; 51 | } 52 | 53 | /* Atelier-Estuary Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #5b9d48; 57 | } 58 | 59 | /* Atelier-Estuary Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #36a166; 69 | } 70 | 71 | /* Atelier-Estuary Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #5f9182; 75 | } 76 | 77 | .diff .hljs-deletion, 78 | .diff .hljs-addition { 79 | color: #22221b; 80 | display: inline-block; 81 | width: 100%; 82 | } 83 | 84 | .diff .hljs-deletion { 85 | background-color: #ba6236; 86 | } 87 | 88 | .diff .hljs-addition { 89 | background-color: #7d9726; 90 | } 91 | 92 | .diff .hljs-change { 93 | color: #36a166; 94 | } 95 | 96 | .hljs { 97 | display: block; 98 | overflow-x: auto; 99 | background: #f4f3ec; 100 | color: #5f5e4e; 101 | padding: 0.5em; 102 | -webkit-text-size-adjust: none; 103 | } 104 | 105 | .coffeescript .javascript, 106 | .javascript .xml, 107 | .tex .hljs-formula, 108 | .xml .javascript, 109 | .xml .vbscript, 110 | .xml .css, 111 | .xml .hljs-cdata { 112 | opacity: 0.5; 113 | } 114 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-forest.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Forest Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Forest Comment */ 6 | .hljs-comment { 7 | color: #9c9491; 8 | } 9 | 10 | /* Atelier-Forest Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #f22c40; 25 | } 26 | 27 | /* Atelier-Forest Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #df5320; 35 | } 36 | 37 | /* Atelier-Forest Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #c38418; 41 | } 42 | 43 | /* Atelier-Forest Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #7b9726; 51 | } 52 | 53 | /* Atelier-Forest Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #3d97b8; 57 | } 58 | 59 | /* Atelier-Forest Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #407ee7; 69 | } 70 | 71 | /* Atelier-Forest Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #6666ea; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #1b1918; 81 | color: #a8a19f; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-forest.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Forest Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Forest Comment */ 6 | .hljs-comment { 7 | color: #766e6b; 8 | } 9 | 10 | /* Atelier-Forest Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #f22c40; 25 | } 26 | 27 | /* Atelier-Forest Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #df5320; 35 | } 36 | 37 | /* Atelier-Forest Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #c38418; 41 | } 42 | 43 | /* Atelier-Forest Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #7b9726; 51 | } 52 | 53 | /* Atelier-Forest Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #3d97b8; 57 | } 58 | 59 | /* Atelier-Forest Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #407ee7; 69 | } 70 | 71 | /* Atelier-Forest Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #6666ea; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #f1efee; 81 | color: #68615e; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-heath.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Heath Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Heath Comment */ 6 | .hljs-comment { 7 | color: #9e8f9e; 8 | } 9 | 10 | /* Atelier-Heath Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #ca402b; 25 | } 26 | 27 | /* Atelier-Heath Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #a65926; 35 | } 36 | 37 | /* Atelier-Heath Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #bb8a35; 41 | } 42 | 43 | /* Atelier-Heath Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #918b3b; 51 | } 52 | 53 | /* Atelier-Heath Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #159393; 57 | } 58 | 59 | /* Atelier-Heath Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #516aec; 69 | } 70 | 71 | /* Atelier-Heath Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #7b59c0; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #1b181b; 81 | color: #ab9bab; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-heath.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Heath Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Heath Comment */ 6 | .hljs-comment { 7 | color: #776977; 8 | } 9 | 10 | /* Atelier-Heath Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #ca402b; 25 | } 26 | 27 | /* Atelier-Heath Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #a65926; 35 | } 36 | 37 | /* Atelier-Heath Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #bb8a35; 41 | } 42 | 43 | /* Atelier-Heath Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #918b3b; 51 | } 52 | 53 | /* Atelier-Heath Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #159393; 57 | } 58 | 59 | /* Atelier-Heath Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #516aec; 69 | } 70 | 71 | /* Atelier-Heath Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #7b59c0; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #f7f3f7; 81 | color: #695d69; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-lakeside.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Lakeside Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Lakeside Comment */ 6 | .hljs-comment { 7 | color: #7195a8; 8 | } 9 | 10 | /* Atelier-Lakeside Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #d22d72; 25 | } 26 | 27 | /* Atelier-Lakeside Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #935c25; 35 | } 36 | 37 | /* Atelier-Lakeside Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #8a8a0f; 41 | } 42 | 43 | /* Atelier-Lakeside Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #568c3b; 51 | } 52 | 53 | /* Atelier-Lakeside Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #2d8f6f; 57 | } 58 | 59 | /* Atelier-Lakeside Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #257fad; 69 | } 70 | 71 | /* Atelier-Lakeside Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #6b6bb8; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #161b1d; 81 | color: #7ea2b4; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-lakeside.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Lakeside Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Lakeside Comment */ 6 | .hljs-comment { 7 | color: #5a7b8c; 8 | } 9 | 10 | /* Atelier-Lakeside Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #d22d72; 25 | } 26 | 27 | /* Atelier-Lakeside Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #935c25; 35 | } 36 | 37 | /* Atelier-Lakeside Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #8a8a0f; 41 | } 42 | 43 | /* Atelier-Lakeside Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #568c3b; 51 | } 52 | 53 | /* Atelier-Lakeside Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #2d8f6f; 57 | } 58 | 59 | /* Atelier-Lakeside Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #257fad; 69 | } 70 | 71 | /* Atelier-Lakeside Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #6b6bb8; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #ebf8ff; 81 | color: #516d7b; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-plateau.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Plateau Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Plateau Comment */ 6 | .hljs-comment { 7 | color: #7e7777; 8 | } 9 | 10 | /* Atelier-Plateau Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #ca4949; 25 | } 26 | 27 | /* Atelier-Plateau Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #b45a3c; 35 | } 36 | 37 | /* Atelier-Plateau Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #a06e3b; 41 | } 42 | 43 | /* Atelier-Plateau Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #4b8b8b; 51 | } 52 | 53 | /* Atelier-Plateau Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #5485b6; 57 | } 58 | 59 | /* Atelier-Plateau Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #7272ca; 69 | } 70 | 71 | /* Atelier-Plateau Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #8464c4; 75 | } 76 | 77 | .diff .hljs-deletion, 78 | .diff .hljs-addition { 79 | color: #1b1818; 80 | display: inline-block; 81 | width: 100%; 82 | } 83 | 84 | .diff .hljs-deletion { 85 | background-color: #ca4949; 86 | } 87 | 88 | .diff .hljs-addition { 89 | background-color: #4b8b8b; 90 | } 91 | 92 | .diff .hljs-change { 93 | color: #7272ca; 94 | } 95 | 96 | .hljs { 97 | display: block; 98 | overflow-x: auto; 99 | background: #1b1818; 100 | color: #8a8585; 101 | padding: 0.5em; 102 | -webkit-text-size-adjust: none; 103 | } 104 | 105 | .coffeescript .javascript, 106 | .javascript .xml, 107 | .tex .hljs-formula, 108 | .xml .javascript, 109 | .xml .vbscript, 110 | .xml .css, 111 | .xml .hljs-cdata { 112 | opacity: 0.5; 113 | } 114 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-plateau.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Plateau Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Plateau Comment */ 6 | .hljs-comment { 7 | color: #655d5d; 8 | } 9 | 10 | /* Atelier-Plateau Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #ca4949; 25 | } 26 | 27 | /* Atelier-Plateau Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #b45a3c; 35 | } 36 | 37 | /* Atelier-Plateau Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #a06e3b; 41 | } 42 | 43 | /* Atelier-Plateau Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #4b8b8b; 51 | } 52 | 53 | /* Atelier-Plateau Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #5485b6; 57 | } 58 | 59 | /* Atelier-Plateau Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #7272ca; 69 | } 70 | 71 | /* Atelier-Plateau Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #8464c4; 75 | } 76 | 77 | .diff .hljs-deletion, 78 | .diff .hljs-addition { 79 | color: #1b1818; 80 | display: inline-block; 81 | width: 100%; 82 | } 83 | 84 | .diff .hljs-deletion { 85 | background-color: #ca4949; 86 | } 87 | 88 | .diff .hljs-addition { 89 | background-color: #4b8b8b; 90 | } 91 | 92 | .diff .hljs-change { 93 | color: #7272ca; 94 | } 95 | 96 | .hljs { 97 | display: block; 98 | overflow-x: auto; 99 | background: #f4ecec; 100 | color: #585050; 101 | padding: 0.5em; 102 | -webkit-text-size-adjust: none; 103 | } 104 | 105 | .coffeescript .javascript, 106 | .javascript .xml, 107 | .tex .hljs-formula, 108 | .xml .javascript, 109 | .xml .vbscript, 110 | .xml .css, 111 | .xml .hljs-cdata { 112 | opacity: 0.5; 113 | } 114 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-seaside.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Seaside Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Seaside Comment */ 6 | .hljs-comment { 7 | color: #809980; 8 | } 9 | 10 | /* Atelier-Seaside Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #e6193c; 25 | } 26 | 27 | /* Atelier-Seaside Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #87711d; 35 | } 36 | 37 | /* Atelier-Seaside Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #98981b; 41 | } 42 | 43 | /* Atelier-Seaside Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #29a329; 51 | } 52 | 53 | /* Atelier-Seaside Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #1999b3; 57 | } 58 | 59 | /* Atelier-Seaside Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #3d62f5; 69 | } 70 | 71 | /* Atelier-Seaside Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #ad2bee; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #131513; 81 | color: #8ca68c; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-seaside.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Seaside Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Seaside Comment */ 6 | .hljs-comment { 7 | color: #687d68; 8 | } 9 | 10 | /* Atelier-Seaside Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #e6193c; 25 | } 26 | 27 | /* Atelier-Seaside Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #87711d; 35 | } 36 | 37 | /* Atelier-Seaside Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #98981b; 41 | } 42 | 43 | /* Atelier-Seaside Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #29a329; 51 | } 52 | 53 | /* Atelier-Seaside Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #1999b3; 57 | } 58 | 59 | /* Atelier-Seaside Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #3d62f5; 69 | } 70 | 71 | /* Atelier-Seaside Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #ad2bee; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #f4fbf4; 81 | color: #5e6e5e; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-sulphurpool.dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Sulphurpool Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Sulphurpool Comment */ 6 | .hljs-comment { 7 | color: #898ea4; 8 | } 9 | 10 | /* Atelier-Sulphurpool Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #c94922; 25 | } 26 | 27 | /* Atelier-Sulphurpool Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #c76b29; 35 | } 36 | 37 | /* Atelier-Sulphurpool Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #c08b30; 41 | } 42 | 43 | /* Atelier-Sulphurpool Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #ac9739; 51 | } 52 | 53 | /* Atelier-Sulphurpool Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #22a2c9; 57 | } 58 | 59 | /* Atelier-Sulphurpool Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #3d8fd1; 69 | } 70 | 71 | /* Atelier-Sulphurpool Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #6679cc; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #202746; 81 | color: #979db4; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/atelier-sulphurpool.light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Sulphurpool Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Sulphurpool Comment */ 6 | .hljs-comment { 7 | color: #6b7394; 8 | } 9 | 10 | /* Atelier-Sulphurpool Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .hljs-name, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #c94922; 25 | } 26 | 27 | /* Atelier-Sulphurpool Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #c76b29; 35 | } 36 | 37 | /* Atelier-Sulphurpool Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #c08b30; 41 | } 42 | 43 | /* Atelier-Sulphurpool Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .ruby .hljs-symbol, 49 | .xml .hljs-cdata { 50 | color: #ac9739; 51 | } 52 | 53 | /* Atelier-Sulphurpool Aqua */ 54 | .hljs-title, 55 | .css .hljs-hexcolor { 56 | color: #22a2c9; 57 | } 58 | 59 | /* Atelier-Sulphurpool Blue */ 60 | .hljs-function, 61 | .python .hljs-decorator, 62 | .python .hljs-title, 63 | .ruby .hljs-function .hljs-title, 64 | .ruby .hljs-title .hljs-keyword, 65 | .perl .hljs-sub, 66 | .javascript .hljs-title, 67 | .coffeescript .hljs-title { 68 | color: #3d8fd1; 69 | } 70 | 71 | /* Atelier-Sulphurpool Purple */ 72 | .hljs-keyword, 73 | .javascript .hljs-function { 74 | color: #6679cc; 75 | } 76 | 77 | .hljs { 78 | display: block; 79 | overflow-x: auto; 80 | background: #f5f7ff; 81 | color: #5e6687; 82 | padding: 0.5em; 83 | -webkit-text-size-adjust: none; 84 | } 85 | 86 | .coffeescript .javascript, 87 | .javascript .xml, 88 | .tex .hljs-formula, 89 | .xml .javascript, 90 | .xml .vbscript, 91 | .xml .css, 92 | .xml .hljs-cdata { 93 | opacity: 0.5; 94 | } 95 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/brown_paper.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Brown Paper style from goldblog.com.ua (c) Zaripov Yura 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background:#b7a68e url(./brown_papersq.png); 12 | -webkit-text-size-adjust: none; 13 | } 14 | 15 | .hljs-keyword, 16 | .hljs-literal, 17 | .hljs-change, 18 | .hljs-winutils, 19 | .hljs-flow, 20 | .nginx .hljs-title, 21 | .tex .hljs-special, 22 | .hljs-request, 23 | .hljs-status { 24 | color:#005599; 25 | font-weight:bold; 26 | } 27 | 28 | .hljs, 29 | .hljs-subst, 30 | .hljs-tag .hljs-keyword { 31 | color: #363c69; 32 | } 33 | 34 | .hljs-string, 35 | .hljs-title, 36 | .hljs-type, 37 | .hljs-tag .hljs-value, 38 | .css .hljs-rule .hljs-value, 39 | .hljs-preprocessor, 40 | .hljs-pragma, 41 | .ruby .hljs-symbol, 42 | .ruby .hljs-symbol .hljs-string, 43 | .ruby .hljs-class .hljs-parent, 44 | .hljs-built_in, 45 | .django .hljs-template_tag, 46 | .django .hljs-variable, 47 | .smalltalk .hljs-class, 48 | .ruby .hljs-string, 49 | .django .hljs-filter .hljs-argument, 50 | .smalltalk .hljs-localvars, 51 | .smalltalk .hljs-array, 52 | .hljs-attr_selector, 53 | .hljs-pseudo, 54 | .hljs-addition, 55 | .hljs-stream, 56 | .hljs-envvar, 57 | .apache .hljs-tag, 58 | .apache .hljs-cbracket, 59 | .tex .hljs-number, 60 | .hljs-name { 61 | color: #2c009f; 62 | } 63 | 64 | .hljs-comment, 65 | .hljs-annotation, 66 | .hljs-decorator, 67 | .hljs-pi, 68 | .hljs-doctype, 69 | .hljs-deletion, 70 | .hljs-shebang, 71 | .apache .hljs-sqbracket, 72 | .nginx .hljs-built_in, 73 | .tex .hljs-formula { 74 | color: #802022; 75 | } 76 | 77 | .hljs-keyword, 78 | .hljs-literal, 79 | .css .hljs-id, 80 | .hljs-doctag, 81 | .hljs-title, 82 | .hljs-type, 83 | .vbscript .hljs-built_in, 84 | .rsl .hljs-built_in, 85 | .smalltalk .hljs-class, 86 | .diff .hljs-header, 87 | .hljs-chunk, 88 | .hljs-winutils, 89 | .bash .hljs-variable, 90 | .apache .hljs-tag, 91 | .tex .hljs-command { 92 | font-weight: bold; 93 | } 94 | 95 | .coffeescript .javascript, 96 | .javascript .xml, 97 | .tex .hljs-formula, 98 | .xml .javascript, 99 | .xml .vbscript, 100 | .xml .css, 101 | .xml .hljs-cdata { 102 | opacity: 0.8; 103 | } 104 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/brown_papersq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/js/highlight/styles/brown_papersq.png -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/codepen-embed.css: -------------------------------------------------------------------------------- 1 | /* 2 | codepen.io Embed Theme 3 | Author: Justin Perry 4 | Original theme - https://github.com/chriskempson/tomorrow-theme 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #222; 12 | color: #fff; 13 | font-family: Menlo, Monaco, 'Andale Mono', 'Lucida Console', 'Courier New', monospace; 14 | -webkit-text-size-adjust: none; 15 | } 16 | 17 | .hljs-comment, 18 | .hljs-title { 19 | color: #777; 20 | } 21 | 22 | .hljs-variable, 23 | .hljs-attribute, 24 | .hljs-tag, 25 | .hljs-regexp, 26 | .hljs-name, 27 | .ruby .constant, 28 | .xml .tag .title, 29 | .xml .pi, 30 | .xml .doctype, 31 | .html .doctype { 32 | color: #ab875d; 33 | } 34 | 35 | .css .value { 36 | color: #cd6a51; 37 | } 38 | 39 | .css .value .function, 40 | .css .value .string { 41 | color: #a67f59; 42 | } 43 | 44 | .css .value .number { 45 | color: #9b869c; 46 | } 47 | 48 | .css .id, 49 | .css .class, 50 | .css-pseudo, 51 | .css .selector, 52 | .css .tag { 53 | color: #dfc48c; 54 | } 55 | 56 | .hljs-number, 57 | .hljs-preprocessor, 58 | .hljs-built_in, 59 | .hljs-literal, 60 | .hljs-params, 61 | .hljs-constant { 62 | color: #ab875d; 63 | } 64 | 65 | .ruby .class .title, 66 | .css .rules .attribute { 67 | color: #9b869b; 68 | } 69 | 70 | .hljs-string, 71 | .hljs-value, 72 | .hljs-inheritance, 73 | .hljs-header, 74 | .ruby .symbol, 75 | .xml .cdata { 76 | color: #8f9c6c; 77 | } 78 | 79 | .css .hexcolor { 80 | color: #cd6a51; 81 | } 82 | 83 | .function, 84 | .python .decorator, 85 | .python .title, 86 | .ruby .function .title, 87 | .ruby .title .keyword, 88 | .perl .sub, 89 | .javascript .title, 90 | .coffeescript .title { 91 | color: #fff; 92 | } 93 | 94 | .hljs-keyword, 95 | .javascript .function { 96 | color: #8f9c6c; 97 | } 98 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Dark style from softwaremaniacs.org (c) Ivan Sagalaev 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #444; 12 | -webkit-text-size-adjust: none; 13 | } 14 | 15 | .hljs-keyword, 16 | .hljs-literal, 17 | .hljs-change, 18 | .hljs-winutils, 19 | .hljs-flow, 20 | .nginx .hljs-title, 21 | .tex .hljs-special { 22 | color: white; 23 | } 24 | 25 | .hljs, 26 | .hljs-subst { 27 | color: #ddd; 28 | } 29 | 30 | .hljs-string, 31 | .hljs-title, 32 | .hljs-type, 33 | .ini .hljs-title, 34 | .hljs-tag .hljs-value, 35 | .css .hljs-rule .hljs-value, 36 | .hljs-preprocessor, 37 | .hljs-pragma, 38 | .ruby .hljs-symbol, 39 | .ruby .hljs-symbol .hljs-string, 40 | .ruby .hljs-class .hljs-parent, 41 | .hljs-built_in, 42 | .django .hljs-template_tag, 43 | .django .hljs-variable, 44 | .smalltalk .hljs-class, 45 | .ruby .hljs-string, 46 | .django .hljs-filter .hljs-argument, 47 | .smalltalk .hljs-localvars, 48 | .smalltalk .hljs-array, 49 | .hljs-attr_selector, 50 | .hljs-pseudo, 51 | .hljs-addition, 52 | .hljs-stream, 53 | .hljs-envvar, 54 | .apache .hljs-tag, 55 | .apache .hljs-cbracket, 56 | .tex .hljs-command, 57 | .hljs-prompt, 58 | .coffeescript .hljs-attribute, 59 | .hljs-name { 60 | color: #d88; 61 | } 62 | 63 | .hljs-comment, 64 | .hljs-annotation, 65 | .hljs-decorator, 66 | .hljs-pi, 67 | .hljs-doctype, 68 | .hljs-deletion, 69 | .hljs-shebang, 70 | .apache .hljs-sqbracket, 71 | .tex .hljs-formula { 72 | color: #777; 73 | } 74 | 75 | .hljs-keyword, 76 | .hljs-literal, 77 | .hljs-title, 78 | .css .hljs-id, 79 | .hljs-doctag, 80 | .hljs-type, 81 | .vbscript .hljs-built_in, 82 | .rsl .hljs-built_in, 83 | .smalltalk .hljs-class, 84 | .diff .hljs-header, 85 | .hljs-chunk, 86 | .hljs-winutils, 87 | .bash .hljs-variable, 88 | .apache .hljs-tag, 89 | .tex .hljs-special, 90 | .hljs-request, 91 | .hljs-status { 92 | font-weight: bold; 93 | } 94 | 95 | .coffeescript .javascript, 96 | .javascript .xml, 97 | .tex .hljs-formula, 98 | .xml .javascript, 99 | .xml .vbscript, 100 | .xml .css, 101 | .xml .hljs-cdata { 102 | opacity: 0.5; 103 | } 104 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/docco.css: -------------------------------------------------------------------------------- 1 | /* 2 | Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars) 3 | */ 4 | 5 | .hljs { 6 | display: block; 7 | overflow-x: auto; 8 | padding: 0.5em; 9 | color: #000; 10 | background: #f8f8ff; 11 | -webkit-text-size-adjust: none; 12 | } 13 | 14 | .hljs-comment, 15 | .diff .hljs-header { 16 | color: #408080; 17 | font-style: italic; 18 | } 19 | 20 | .hljs-keyword, 21 | .assignment, 22 | .hljs-literal, 23 | .css .rule .hljs-keyword, 24 | .hljs-winutils, 25 | .javascript .hljs-title, 26 | .lisp .hljs-title, 27 | .hljs-subst { 28 | color: #954121; 29 | } 30 | 31 | .hljs-number, 32 | .hljs-hexcolor { 33 | color: #40a070; 34 | } 35 | 36 | .hljs-string, 37 | .hljs-tag .hljs-value, 38 | .hljs-doctag, 39 | .tex .hljs-formula, 40 | .hljs-name { 41 | color: #219161; 42 | } 43 | 44 | .hljs-title, 45 | .hljs-id { 46 | color: #19469d; 47 | } 48 | .hljs-params { 49 | color: #00f; 50 | } 51 | 52 | .javascript .hljs-title, 53 | .lisp .hljs-title, 54 | .hljs-subst { 55 | font-weight: normal; 56 | } 57 | 58 | .hljs-class .hljs-title, 59 | .haskell .hljs-label, 60 | .tex .hljs-command { 61 | color: #458; 62 | font-weight: bold; 63 | } 64 | 65 | .hljs-tag, 66 | .hljs-tag .hljs-title, 67 | .hljs-rule .hljs-property, 68 | .django .hljs-tag .hljs-keyword { 69 | color: #000080; 70 | font-weight: normal; 71 | } 72 | 73 | .hljs-attribute, 74 | .hljs-variable, 75 | .instancevar, 76 | .lisp .hljs-body { 77 | color: #008080; 78 | } 79 | 80 | .hljs-regexp { 81 | color: #b68; 82 | } 83 | 84 | .hljs-class { 85 | color: #458; 86 | font-weight: bold; 87 | } 88 | 89 | .hljs-symbol, 90 | .ruby .hljs-symbol .hljs-string, 91 | .ruby .hljs-symbol .hljs-keyword, 92 | .ruby .hljs-symbol .keymethods, 93 | .lisp .hljs-keyword, 94 | .tex .hljs-special, 95 | .input_number { 96 | color: #990073; 97 | } 98 | 99 | .builtin, 100 | .constructor, 101 | .hljs-built_in, 102 | .lisp .hljs-title { 103 | color: #0086b3; 104 | } 105 | 106 | .hljs-preprocessor, 107 | .hljs-pragma, 108 | .hljs-pi, 109 | .hljs-doctype, 110 | .hljs-shebang, 111 | .hljs-cdata { 112 | color: #999; 113 | font-weight: bold; 114 | } 115 | 116 | .hljs-deletion { 117 | background: #fdd; 118 | } 119 | 120 | .hljs-addition { 121 | background: #dfd; 122 | } 123 | 124 | .diff .hljs-change { 125 | background: #0086b3; 126 | } 127 | 128 | .hljs-chunk { 129 | color: #aaa; 130 | } 131 | 132 | .tex .hljs-formula { 133 | opacity: 0.5; 134 | } 135 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/far.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | FAR Style (c) MajestiC 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #000080; 12 | -webkit-text-size-adjust: none; 13 | } 14 | 15 | .hljs, 16 | .hljs-subst { 17 | color: #0ff; 18 | } 19 | 20 | .hljs-string, 21 | .ruby .hljs-string, 22 | .haskell .hljs-type, 23 | .hljs-tag .hljs-value, 24 | .hljs-rule .hljs-value, 25 | .hljs-rule .hljs-value .hljs-number, 26 | .hljs-preprocessor, 27 | .hljs-pragma, 28 | .ruby .hljs-symbol, 29 | .ruby .hljs-symbol .hljs-string, 30 | .hljs-built_in, 31 | .django .hljs-template_tag, 32 | .django .hljs-variable, 33 | .smalltalk .hljs-class, 34 | .hljs-addition, 35 | .apache .hljs-tag, 36 | .apache .hljs-cbracket, 37 | .tex .hljs-command, 38 | .coffeescript .hljs-attribute { 39 | color: #ff0; 40 | } 41 | 42 | .hljs-keyword, 43 | .css .hljs-id, 44 | .hljs-title, 45 | .hljs-type, 46 | .vbscript .hljs-built_in, 47 | .rsl .hljs-built_in, 48 | .smalltalk .hljs-class, 49 | .xml .hljs-tag .hljs-title, 50 | .hljs-winutils, 51 | .hljs-flow, 52 | .hljs-change, 53 | .hljs-envvar, 54 | .bash .hljs-variable, 55 | .tex .hljs-special, 56 | .hljs-name { 57 | color: #fff; 58 | } 59 | 60 | .hljs-comment, 61 | .hljs-doctag, 62 | .hljs-annotation, 63 | .hljs-deletion, 64 | .apache .hljs-sqbracket, 65 | .tex .hljs-formula { 66 | color: #888; 67 | } 68 | 69 | .hljs-number, 70 | .hljs-date, 71 | .hljs-regexp, 72 | .hljs-literal, 73 | .smalltalk .hljs-symbol, 74 | .smalltalk .hljs-char, 75 | .clojure .hljs-attribute { 76 | color: #0f0; 77 | } 78 | 79 | .hljs-decorator, 80 | .django .hljs-filter .hljs-argument, 81 | .smalltalk .hljs-localvars, 82 | .smalltalk .hljs-array, 83 | .hljs-attr_selector, 84 | .hljs-pseudo, 85 | .xml .hljs-pi, 86 | .diff .hljs-header, 87 | .hljs-chunk, 88 | .hljs-shebang, 89 | .nginx .hljs-built_in, 90 | .hljs-prompt { 91 | color: #008080; 92 | } 93 | 94 | .hljs-keyword, 95 | .css .hljs-id, 96 | .hljs-title, 97 | .hljs-type, 98 | .vbscript .hljs-built_in, 99 | .rsl .hljs-built_in, 100 | .smalltalk .hljs-class, 101 | .hljs-winutils, 102 | .hljs-flow, 103 | .apache .hljs-tag, 104 | .nginx .hljs-built_in, 105 | .tex .hljs-command, 106 | .tex .hljs-special, 107 | .hljs-request, 108 | .hljs-status { 109 | font-weight: bold; 110 | } 111 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/foundation.css: -------------------------------------------------------------------------------- 1 | /* 2 | Description: Foundation 4 docs style for highlight.js 3 | Author: Dan Allen 4 | Website: http://foundation.zurb.com/docs/ 5 | Version: 1.0 6 | Date: 2013-04-02 7 | */ 8 | 9 | .hljs { 10 | display: block; 11 | overflow-x: auto; 12 | padding: 0.5em; 13 | background: #eee; 14 | -webkit-text-size-adjust: none; 15 | } 16 | 17 | .hljs-header, 18 | .hljs-decorator, 19 | .hljs-annotation { 20 | color: #000077; 21 | } 22 | 23 | .hljs-horizontal_rule, 24 | .hljs-link_url, 25 | .hljs-emphasis, 26 | .hljs-attribute { 27 | color: #070; 28 | } 29 | 30 | .hljs-emphasis { 31 | font-style: italic; 32 | } 33 | 34 | .hljs-link_label, 35 | .hljs-strong, 36 | .hljs-value, 37 | .hljs-string, 38 | .scss .hljs-value .hljs-string { 39 | color: #d14; 40 | } 41 | 42 | .hljs-strong { 43 | font-weight: bold; 44 | } 45 | 46 | .hljs-blockquote, 47 | .hljs-comment { 48 | color: #998; 49 | font-style: italic; 50 | } 51 | 52 | .asciidoc .hljs-title, 53 | .hljs-function .hljs-title { 54 | color: #900; 55 | } 56 | 57 | .hljs-class { 58 | color: #458; 59 | } 60 | 61 | .hljs-id, 62 | .hljs-pseudo, 63 | .hljs-constant, 64 | .hljs-hexcolor { 65 | color: teal; 66 | } 67 | 68 | .hljs-variable { 69 | color: #336699; 70 | } 71 | 72 | .hljs-bullet { 73 | color: #997700; 74 | } 75 | 76 | .hljs-pi, 77 | .hljs-doctype { 78 | color: #3344bb; 79 | } 80 | 81 | .hljs-code, 82 | .hljs-number { 83 | color: #099; 84 | } 85 | 86 | .hljs-important { 87 | color: #f00; 88 | } 89 | 90 | .smartquote, 91 | .hljs-label { 92 | color: #970; 93 | } 94 | 95 | .hljs-preprocessor, 96 | .hljs-pragma { 97 | color: #579; 98 | } 99 | 100 | .hljs-reserved, 101 | .hljs-keyword, 102 | .scss .hljs-value { 103 | color: #000; 104 | } 105 | 106 | .hljs-regexp { 107 | background-color: #fff0ff; 108 | color: #880088; 109 | } 110 | 111 | .hljs-symbol { 112 | color: #990073; 113 | } 114 | 115 | .hljs-symbol .hljs-string { 116 | color: #a60; 117 | } 118 | 119 | .hljs-tag { 120 | color: #007700; 121 | } 122 | 123 | .hljs-at_rule, 124 | .hljs-at_rule .hljs-keyword { 125 | color: #088; 126 | } 127 | 128 | .hljs-at_rule .hljs-preprocessor { 129 | color: #808; 130 | } 131 | 132 | .scss .hljs-tag, 133 | .scss .hljs-attribute { 134 | color: #339; 135 | } 136 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/github.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | github.com style (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | color: #333; 12 | background: #f8f8f8; 13 | -webkit-text-size-adjust: none; 14 | } 15 | 16 | .hljs-comment, 17 | .diff .hljs-header { 18 | color: #998; 19 | font-style: italic; 20 | } 21 | 22 | .hljs-keyword, 23 | .css .rule .hljs-keyword, 24 | .hljs-winutils, 25 | .nginx .hljs-title, 26 | .hljs-subst, 27 | .hljs-request, 28 | .hljs-status { 29 | color: #333; 30 | font-weight: bold; 31 | } 32 | 33 | .hljs-number, 34 | .hljs-hexcolor, 35 | .ruby .hljs-constant { 36 | color: #008080; 37 | } 38 | 39 | .hljs-string, 40 | .hljs-tag .hljs-value, 41 | .hljs-doctag, 42 | .tex .hljs-formula { 43 | color: #d14; 44 | } 45 | 46 | .hljs-title, 47 | .hljs-id, 48 | .scss .hljs-preprocessor { 49 | color: #900; 50 | font-weight: bold; 51 | } 52 | 53 | .hljs-list .hljs-keyword, 54 | .hljs-subst { 55 | font-weight: normal; 56 | } 57 | 58 | .hljs-class .hljs-title, 59 | .hljs-type, 60 | .vhdl .hljs-literal, 61 | .tex .hljs-command { 62 | color: #458; 63 | font-weight: bold; 64 | } 65 | 66 | .hljs-tag, 67 | .hljs-tag .hljs-title, 68 | .hljs-rule .hljs-property, 69 | .django .hljs-tag .hljs-keyword { 70 | color: #000080; 71 | font-weight: normal; 72 | } 73 | 74 | .hljs-attribute, 75 | .hljs-variable, 76 | .lisp .hljs-body, 77 | .hljs-name { 78 | color: #008080; 79 | } 80 | 81 | .hljs-regexp { 82 | color: #009926; 83 | } 84 | 85 | .hljs-symbol, 86 | .ruby .hljs-symbol .hljs-string, 87 | .lisp .hljs-keyword, 88 | .clojure .hljs-keyword, 89 | .scheme .hljs-keyword, 90 | .tex .hljs-special, 91 | .hljs-prompt { 92 | color: #990073; 93 | } 94 | 95 | .hljs-built_in { 96 | color: #0086b3; 97 | } 98 | 99 | .hljs-preprocessor, 100 | .hljs-pragma, 101 | .hljs-pi, 102 | .hljs-doctype, 103 | .hljs-shebang, 104 | .hljs-cdata { 105 | color: #999; 106 | font-weight: bold; 107 | } 108 | 109 | .hljs-deletion { 110 | background: #fdd; 111 | } 112 | 113 | .hljs-addition { 114 | background: #dfd; 115 | } 116 | 117 | .diff .hljs-change { 118 | background: #0086b3; 119 | } 120 | 121 | .hljs-chunk { 122 | color: #aaa; 123 | } 124 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/hopscotch.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Hopscotch 3 | * by Jan T. Sott 4 | * https://github.com/idleberg/Hopscotch 5 | * 6 | * This work is licensed under the Creative Commons CC0 1.0 Universal License 7 | */ 8 | 9 | /* Comment */ 10 | .hljs-comment, 11 | .hljs-title { 12 | color: #989498; 13 | } 14 | 15 | /* Red */ 16 | .hljs-variable, 17 | .hljs-attribute, 18 | .hljs-tag, 19 | .hljs-regexp, 20 | .ruby .hljs-constant, 21 | .xml .hljs-tag .hljs-title, 22 | .xml .hljs-pi, 23 | .xml .hljs-doctype, 24 | .html .hljs-doctype, 25 | .css .hljs-id, 26 | .css .hljs-class, 27 | .css .hljs-pseudo { 28 | color: #dd464c; 29 | } 30 | 31 | /* Orange */ 32 | .hljs-number, 33 | .hljs-preprocessor, 34 | .hljs-built_in, 35 | .hljs-literal, 36 | .hljs-params, 37 | .hljs-constant { 38 | color: #fd8b19; 39 | } 40 | 41 | /* Yellow */ 42 | .ruby .hljs-class .hljs-title, 43 | .css .hljs-rules .hljs-attribute { 44 | color: #fdcc59; 45 | } 46 | 47 | /* Green */ 48 | .hljs-string, 49 | .hljs-value, 50 | .hljs-inheritance, 51 | .hljs-header, 52 | .ruby .hljs-symbol, 53 | .xml .hljs-cdata { 54 | color: #8fc13e; 55 | } 56 | 57 | /* Aqua */ 58 | .css .hljs-hexcolor { 59 | color: #149b93; 60 | } 61 | 62 | /* Blue */ 63 | .hljs-function, 64 | .python .hljs-decorator, 65 | .python .hljs-title, 66 | .ruby .hljs-function .hljs-title, 67 | .ruby .hljs-title .hljs-keyword, 68 | .perl .hljs-sub, 69 | .javascript .hljs-title, 70 | .coffeescript .hljs-title { 71 | color: #1290bf; 72 | } 73 | 74 | /* Purple */ 75 | .hljs-keyword, 76 | .javascript .hljs-function { 77 | color: #c85e7c; 78 | } 79 | 80 | .hljs { 81 | display: block; 82 | background: #322931; 83 | color: #b9b5b8; 84 | padding: 0.5em; 85 | } 86 | 87 | .coffeescript .javascript, 88 | .javascript .xml, 89 | .tex .hljs-formula, 90 | .xml .javascript, 91 | .xml .vbscript, 92 | .xml .css, 93 | .xml .hljs-cdata { 94 | opacity: 0.5; 95 | } 96 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/idea.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Intellij Idea-like styling (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | color: #000; 12 | background: #fff; 13 | -webkit-text-size-adjust: none; 14 | } 15 | 16 | .hljs-subst, 17 | .hljs-title, 18 | .json .hljs-value { 19 | font-weight: normal; 20 | color: #000; 21 | } 22 | 23 | .hljs-comment, 24 | .diff .hljs-header { 25 | color: #808080; 26 | font-style: italic; 27 | } 28 | 29 | .hljs-annotation, 30 | .hljs-decorator, 31 | .hljs-preprocessor, 32 | .hljs-pragma, 33 | .hljs-doctype, 34 | .hljs-pi, 35 | .hljs-chunk, 36 | .hljs-shebang, 37 | .apache .hljs-cbracket, 38 | .hljs-prompt, 39 | .http .hljs-title { 40 | color: #808000; 41 | } 42 | 43 | .hljs-tag, 44 | .hljs-pi { 45 | background: #efefef; 46 | } 47 | 48 | .hljs-tag .hljs-title, 49 | .hljs-id, 50 | .hljs-attr_selector, 51 | .hljs-pseudo, 52 | .hljs-literal, 53 | .hljs-keyword, 54 | .hljs-hexcolor, 55 | .css .hljs-function, 56 | .ini .hljs-title, 57 | .css .hljs-class, 58 | .hljs-list .hljs-keyword, 59 | .nginx .hljs-title, 60 | .tex .hljs-command, 61 | .hljs-request, 62 | .hljs-status { 63 | font-weight: bold; 64 | color: #000080; 65 | } 66 | 67 | .hljs-attribute, 68 | .hljs-rule .hljs-keyword, 69 | .hljs-number, 70 | .hljs-date, 71 | .hljs-regexp, 72 | .tex .hljs-special { 73 | font-weight: bold; 74 | color: #0000ff; 75 | } 76 | 77 | .hljs-number, 78 | .hljs-regexp { 79 | font-weight: normal; 80 | } 81 | 82 | .hljs-string, 83 | .hljs-value, 84 | .hljs-filter .hljs-argument, 85 | .css .hljs-function .hljs-params, 86 | .apache .hljs-tag { 87 | color: #008000; 88 | font-weight: bold; 89 | } 90 | 91 | .hljs-symbol, 92 | .ruby .hljs-symbol .hljs-string, 93 | .hljs-char, 94 | .tex .hljs-formula { 95 | color: #000; 96 | background: #d0eded; 97 | font-style: italic; 98 | } 99 | 100 | .hljs-doctag { 101 | text-decoration: underline; 102 | } 103 | 104 | .hljs-variable, 105 | .hljs-envvar, 106 | .apache .hljs-sqbracket, 107 | .nginx .hljs-built_in, 108 | .hljs-name { 109 | color: #660e7a; 110 | } 111 | 112 | .hljs-addition { 113 | background: #baeeba; 114 | } 115 | 116 | .hljs-deletion { 117 | background: #ffc8bd; 118 | } 119 | 120 | .diff .hljs-change { 121 | background: #bccff9; 122 | } 123 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/ir_black.css: -------------------------------------------------------------------------------- 1 | /* 2 | IR_Black style (c) Vasily Mikhailitchenko 3 | */ 4 | 5 | .hljs { 6 | display: block; 7 | overflow-x: auto; 8 | padding: 0.5em; 9 | background: #000; 10 | color: #f8f8f8; 11 | -webkit-text-size-adjust: none; 12 | } 13 | 14 | .hljs-shebang, 15 | .hljs-comment { 16 | color: #7c7c7c; 17 | } 18 | 19 | .hljs-keyword, 20 | .hljs-tag, 21 | .tex .hljs-command, 22 | .hljs-request, 23 | .hljs-status, 24 | .clojure .hljs-attribute { 25 | color: #96cbfe; 26 | } 27 | 28 | .hljs-sub .hljs-keyword, 29 | .method, 30 | .hljs-list .hljs-title, 31 | .nginx .hljs-title { 32 | color: #ffffb6; 33 | } 34 | 35 | .hljs-string, 36 | .hljs-tag .hljs-value, 37 | .hljs-cdata, 38 | .hljs-filter .hljs-argument, 39 | .hljs-attr_selector, 40 | .apache .hljs-cbracket, 41 | .hljs-date, 42 | .coffeescript .hljs-attribute { 43 | color: #a8ff60; 44 | } 45 | 46 | .hljs-subst { 47 | color: #daefa3; 48 | } 49 | 50 | .hljs-regexp { 51 | color: #e9c062; 52 | } 53 | 54 | .hljs-title, 55 | .hljs-sub .hljs-identifier, 56 | .hljs-pi, 57 | .hljs-decorator, 58 | .tex .hljs-special, 59 | .hljs-type, 60 | .hljs-constant, 61 | .smalltalk .hljs-class, 62 | .hljs-doctag, 63 | .nginx .hljs-built_in { 64 | color: #ffffb6; 65 | } 66 | 67 | .hljs-symbol, 68 | .ruby .hljs-symbol .hljs-string, 69 | .hljs-number, 70 | .hljs-variable, 71 | .vbscript, 72 | .hljs-literal, 73 | .hljs-name { 74 | color: #c6c5fe; 75 | } 76 | 77 | .css .hljs-tag { 78 | color: #96cbfe; 79 | } 80 | 81 | .css .hljs-rule .hljs-property, 82 | .css .hljs-id { 83 | color: #ffffb6; 84 | } 85 | 86 | .css .hljs-class { 87 | color: #fff; 88 | } 89 | 90 | .hljs-hexcolor { 91 | color: #c6c5fe; 92 | } 93 | 94 | .hljs-number { 95 | color:#ff73fd; 96 | } 97 | 98 | .coffeescript .javascript, 99 | .javascript .xml, 100 | .tex .hljs-formula, 101 | .xml .javascript, 102 | .xml .vbscript, 103 | .xml .css, 104 | .xml .hljs-cdata { 105 | opacity: 0.7; 106 | } 107 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/kimbie.dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | Name: Kimbie (dark) 3 | Author: Jan T. Sott 4 | License: Creative Commons Attribution-ShareAlike 4.0 Unported License 5 | URL: https://github.com/idleberg/Kimbie-highlight.js 6 | */ 7 | 8 | /* Kimbie Comment */ 9 | .hljs-comment, 10 | .hljs-title { 11 | color: #d6baad; 12 | } 13 | 14 | /* Kimbie Red */ 15 | .hljs-variable, 16 | .hljs-attribute, 17 | .hljs-tag, 18 | .hljs-regexp, 19 | .hljs-name, 20 | .ruby .hljs-constant, 21 | .xml .hljs-tag .hljs-title, 22 | .xml .hljs-pi, 23 | .xml .hljs-doctype, 24 | .html .hljs-doctype, 25 | .css .hljs-id, 26 | .css .hljs-class, 27 | .css .hljs-pseudo { 28 | color: #dc3958; 29 | } 30 | 31 | /* Kimbie Orange */ 32 | .hljs-number, 33 | .hljs-preprocessor, 34 | .hljs-built_in, 35 | .hljs-literal, 36 | .hljs-params, 37 | .hljs-constant { 38 | color: #f79a32; 39 | } 40 | 41 | /* Kimbie Yellow */ 42 | .ruby .hljs-class .hljs-title, 43 | .css .hljs-rule .hljs-attribute { 44 | color: #f06431; 45 | } 46 | 47 | /* Kimbie Green */ 48 | .hljs-string, 49 | .hljs-value, 50 | .hljs-inheritance, 51 | .hljs-header, 52 | .ruby .hljs-symbol, 53 | .xml .hljs-cdata { 54 | color: #889b4a; 55 | } 56 | 57 | /* Kimbie Aqua */ 58 | .css .hljs-hexcolor { 59 | color: #088649; 60 | } 61 | 62 | /* Kimbie Blue */ 63 | .hljs-function, 64 | .python .hljs-decorator, 65 | .python .hljs-title, 66 | .ruby .hljs-function .hljs-title, 67 | .ruby .hljs-title .hljs-keyword, 68 | .perl .hljs-sub, 69 | .javascript .hljs-title, 70 | .coffeescript .hljs-title { 71 | color: #8ab1b0; 72 | } 73 | 74 | /* Kimbie Purple */ 75 | .hljs-keyword, 76 | .javascript .hljs-function { 77 | color: #98676a; 78 | } 79 | 80 | .hljs { 81 | display: block; 82 | overflow-x: auto; 83 | background: #221a0f; 84 | color: #d3af86; 85 | padding: 0.5em; 86 | -webkit-text-size-adjust: none; 87 | } 88 | 89 | .coffeescript .javascript, 90 | .javascript .xml, 91 | .tex .hljs-formula, 92 | .xml .javascript, 93 | .xml .vbscript, 94 | .xml .css, 95 | .xml .hljs-cdata { 96 | opacity: 0.5; 97 | } 98 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/kimbie.light.css: -------------------------------------------------------------------------------- 1 | /* 2 | Name: Kimbie (light) 3 | Author: Jan T. Sott 4 | License: Creative Commons Attribution-ShareAlike 4.0 Unported License 5 | URL: https://github.com/idleberg/Kimbie-highlight.js 6 | */ 7 | 8 | /* Kimbie Comment */ 9 | .hljs-comment, 10 | .hljs-title { 11 | color: #a57a4c; 12 | } 13 | 14 | /* Kimbie Red */ 15 | .hljs-variable, 16 | .hljs-attribute, 17 | .hljs-tag, 18 | .hljs-regexp, 19 | .hljs-name, 20 | .ruby .hljs-constant, 21 | .xml .hljs-tag .hljs-title, 22 | .xml .hljs-pi, 23 | .xml .hljs-doctype, 24 | .html .hljs-doctype, 25 | .css .hljs-id, 26 | .css .hljs-class, 27 | .css .hljs-pseudo { 28 | color: #dc3958; 29 | } 30 | 31 | /* Kimbie Orange */ 32 | .hljs-number, 33 | .hljs-preprocessor, 34 | .hljs-built_in, 35 | .hljs-literal, 36 | .hljs-params, 37 | .hljs-constant { 38 | color: #f79a32; 39 | } 40 | 41 | /* Kimbie Yellow */ 42 | .ruby .hljs-class .hljs-title, 43 | .css .hljs-rule .hljs-attribute { 44 | color: #f06431; 45 | } 46 | 47 | /* Kimbie Green */ 48 | .hljs-string, 49 | .hljs-value, 50 | .hljs-inheritance, 51 | .hljs-header, 52 | .ruby .hljs-symbol, 53 | .xml .hljs-cdata { 54 | color: #889b4a; 55 | } 56 | 57 | /* Kimbie Aqua */ 58 | .css .hljs-hexcolor { 59 | color: #088649; 60 | } 61 | 62 | /* Kimbie Blue */ 63 | .hljs-function, 64 | .python .hljs-decorator, 65 | .python .hljs-title, 66 | .ruby .hljs-function .hljs-title, 67 | .ruby .hljs-title .hljs-keyword, 68 | .perl .hljs-sub, 69 | .javascript .hljs-title, 70 | .coffeescript .hljs-title { 71 | color: #8ab1b0; 72 | } 73 | 74 | /* Kimbie Purple */ 75 | .hljs-keyword, 76 | .javascript .hljs-function { 77 | color: #98676a; 78 | } 79 | 80 | .hljs { 81 | display: block; 82 | overflow-x: auto; 83 | background: #fbebd4; 84 | color: #84613d; 85 | padding: 0.5em; 86 | -webkit-text-size-adjust: none; 87 | } 88 | 89 | .coffeescript .javascript, 90 | .javascript .xml, 91 | .tex .hljs-formula, 92 | .xml .javascript, 93 | .xml .vbscript, 94 | .xml .css, 95 | .xml .hljs-cdata { 96 | opacity: 0.5; 97 | } 98 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/magula.css: -------------------------------------------------------------------------------- 1 | /* 2 | Description: Magula style for highligh.js 3 | Author: Ruslan Keba 4 | Website: http://rukeba.com/ 5 | Version: 1.0 6 | Date: 2009-01-03 7 | Music: Aphex Twin / Xtal 8 | */ 9 | 10 | .hljs { 11 | display: block; 12 | overflow-x: auto; 13 | padding: 0.5em; 14 | background-color: #f4f4f4; 15 | -webkit-text-size-adjust: none; 16 | } 17 | 18 | .hljs, 19 | .hljs-subst { 20 | color: black; 21 | } 22 | 23 | .hljs-string, 24 | .hljs-title, 25 | .hljs-parent, 26 | .hljs-tag .hljs-value, 27 | .hljs-rule .hljs-value, 28 | .hljs-preprocessor, 29 | .hljs-pragma, 30 | .ruby .hljs-symbol, 31 | .ruby .hljs-symbol .hljs-string, 32 | .hljs-template_tag, 33 | .django .hljs-variable, 34 | .smalltalk .hljs-class, 35 | .hljs-addition, 36 | .hljs-flow, 37 | .hljs-stream, 38 | .bash .hljs-variable, 39 | .apache .hljs-cbracket, 40 | .coffeescript .hljs-attribute { 41 | color: #050; 42 | } 43 | 44 | .hljs-comment, 45 | .hljs-annotation, 46 | .diff .hljs-header, 47 | .hljs-chunk { 48 | color: #777; 49 | } 50 | 51 | .hljs-number, 52 | .hljs-date, 53 | .hljs-regexp, 54 | .hljs-literal, 55 | .hljs-name, 56 | .smalltalk .hljs-symbol, 57 | .smalltalk .hljs-char, 58 | .hljs-change, 59 | .tex .hljs-special { 60 | color: #800; 61 | } 62 | 63 | .hljs-label, 64 | .ruby .hljs-string, 65 | .hljs-decorator, 66 | .hljs-filter .hljs-argument, 67 | .hljs-localvars, 68 | .hljs-array, 69 | .hljs-attr_selector, 70 | .hljs-pseudo, 71 | .hljs-pi, 72 | .hljs-doctype, 73 | .hljs-deletion, 74 | .hljs-envvar, 75 | .hljs-shebang, 76 | .apache .hljs-sqbracket, 77 | .nginx .hljs-built_in, 78 | .tex .hljs-formula, 79 | .hljs-prompt, 80 | .clojure .hljs-attribute { 81 | color: #00e; 82 | } 83 | 84 | .hljs-keyword, 85 | .hljs-id, 86 | .hljs-doctag, 87 | .hljs-title, 88 | .hljs-built_in, 89 | .smalltalk .hljs-class, 90 | .hljs-winutils, 91 | .bash .hljs-variable, 92 | .apache .hljs-tag, 93 | .xml .hljs-tag, 94 | .tex .hljs-command, 95 | .hljs-request, 96 | .hljs-status { 97 | font-weight: bold; 98 | color: navy; 99 | } 100 | 101 | .nginx .hljs-built_in { 102 | font-weight: normal; 103 | } 104 | 105 | .coffeescript .javascript, 106 | .javascript .xml, 107 | .tex .hljs-formula, 108 | .xml .javascript, 109 | .xml .vbscript, 110 | .xml .css, 111 | .xml .hljs-cdata { 112 | opacity: 0.5; 113 | } 114 | 115 | /* --- */ 116 | .apache .hljs-tag { 117 | font-weight: bold; 118 | color: blue; 119 | } 120 | 121 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/mono-blue.css: -------------------------------------------------------------------------------- 1 | /* 2 | Five-color theme from a single blue hue. 3 | */ 4 | .hljs { 5 | display: block; 6 | overflow-x: auto; 7 | padding: 0.5em; 8 | background: #eaeef3; 9 | -webkit-text-size-adjust: none; 10 | } 11 | 12 | .hljs, 13 | .hljs-list .hljs-built_in { 14 | color: #00193a; 15 | } 16 | 17 | .hljs-keyword, 18 | .hljs-title, 19 | .hljs-important, 20 | .hljs-request, 21 | .hljs-header, 22 | .hljs-doctag { 23 | font-weight: bold; 24 | } 25 | 26 | .hljs-comment, 27 | .hljs-chunk { 28 | color: #738191; 29 | } 30 | 31 | .hljs-string, 32 | .hljs-title, 33 | .hljs-parent, 34 | .hljs-built_in, 35 | .hljs-literal, 36 | .hljs-filename, 37 | .hljs-value, 38 | .hljs-addition, 39 | .hljs-tag, 40 | .hljs-argument, 41 | .hljs-link_label, 42 | .hljs-blockquote, 43 | .hljs-header, 44 | .hljs-name { 45 | color: #0048ab; 46 | } 47 | 48 | .hljs-decorator, 49 | .hljs-prompt, 50 | .hljs-subst, 51 | .hljs-symbol, 52 | .hljs-doctype, 53 | .hljs-regexp, 54 | .hljs-preprocessor, 55 | .hljs-pragma, 56 | .hljs-pi, 57 | .hljs-attribute, 58 | .hljs-attr_selector, 59 | .hljs-xmlDocTag, 60 | .hljs-deletion, 61 | .hljs-shebang, 62 | .hljs-string .hljs-variable, 63 | .hljs-link_url, 64 | .hljs-bullet, 65 | .hljs-sqbracket, 66 | .hljs-phony { 67 | color: #4c81c9; 68 | } 69 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/paraiso.dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | Paraíso (dark) 3 | Created by Jan T. Sott (http://github.com/idleberg) 4 | Inspired by the art of Rubens LP (http://www.rubenslp.com.br) 5 | */ 6 | 7 | /* Paraíso Comment */ 8 | .hljs-comment, 9 | .hljs-title { 10 | color: #8d8687; 11 | } 12 | 13 | /* Paraíso Red */ 14 | .hljs-variable, 15 | .hljs-attribute, 16 | .hljs-tag, 17 | .hljs-regexp, 18 | .hljs-name, 19 | .ruby .hljs-constant, 20 | .xml .hljs-tag .hljs-title, 21 | .xml .hljs-pi, 22 | .xml .hljs-doctype, 23 | .html .hljs-doctype, 24 | .css .hljs-id, 25 | .css .hljs-class, 26 | .css .hljs-pseudo { 27 | color: #ef6155; 28 | } 29 | 30 | /* Paraíso Orange */ 31 | .hljs-number, 32 | .hljs-preprocessor, 33 | .hljs-built_in, 34 | .hljs-literal, 35 | .hljs-params, 36 | .hljs-constant { 37 | color: #f99b15; 38 | } 39 | 40 | /* Paraíso Yellow */ 41 | .ruby .hljs-class .hljs-title, 42 | .css .hljs-rule .hljs-attribute { 43 | color: #fec418; 44 | } 45 | 46 | /* Paraíso Green */ 47 | .hljs-string, 48 | .hljs-value, 49 | .hljs-inheritance, 50 | .hljs-header, 51 | .ruby .hljs-symbol, 52 | .xml .hljs-cdata { 53 | color: #48b685; 54 | } 55 | 56 | /* Paraíso Aqua */ 57 | .css .hljs-hexcolor { 58 | color: #5bc4bf; 59 | } 60 | 61 | /* Paraíso Blue */ 62 | .hljs-function, 63 | .python .hljs-decorator, 64 | .python .hljs-title, 65 | .ruby .hljs-function .hljs-title, 66 | .ruby .hljs-title .hljs-keyword, 67 | .perl .hljs-sub, 68 | .javascript .hljs-title, 69 | .coffeescript .hljs-title { 70 | color: #06b6ef; 71 | } 72 | 73 | /* Paraíso Purple */ 74 | .hljs-keyword, 75 | .javascript .hljs-function { 76 | color: #815ba4; 77 | } 78 | 79 | .hljs { 80 | display: block; 81 | overflow-x: auto; 82 | background: #2f1e2e; 83 | color: #a39e9b; 84 | padding: 0.5em; 85 | -webkit-text-size-adjust: none; 86 | } 87 | 88 | .coffeescript .javascript, 89 | .javascript .xml, 90 | .tex .hljs-formula, 91 | .xml .javascript, 92 | .xml .vbscript, 93 | .xml .css, 94 | .xml .hljs-cdata { 95 | opacity: 0.5; 96 | } 97 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/paraiso.light.css: -------------------------------------------------------------------------------- 1 | /* 2 | Paraíso (light) 3 | Created by Jan T. Sott (http://github.com/idleberg) 4 | Inspired by the art of Rubens LP (http://www.rubenslp.com.br) 5 | */ 6 | 7 | /* Paraíso Comment */ 8 | .hljs-comment, 9 | .hljs-title { 10 | color: #776e71; 11 | } 12 | 13 | /* Paraíso Red */ 14 | .hljs-variable, 15 | .hljs-attribute, 16 | .hljs-tag, 17 | .hljs-regexp, 18 | .hljs-name, 19 | .ruby .hljs-constant, 20 | .xml .hljs-tag .hljs-title, 21 | .xml .hljs-pi, 22 | .xml .hljs-doctype, 23 | .html .hljs-doctype, 24 | .css .hljs-id, 25 | .css .hljs-class, 26 | .css .hljs-pseudo { 27 | color: #ef6155; 28 | } 29 | 30 | /* Paraíso Orange */ 31 | .hljs-number, 32 | .hljs-preprocessor, 33 | .hljs-built_in, 34 | .hljs-literal, 35 | .hljs-params, 36 | .hljs-constant { 37 | color: #f99b15; 38 | } 39 | 40 | /* Paraíso Yellow */ 41 | .ruby .hljs-class .hljs-title, 42 | .css .hljs-rule .hljs-attribute { 43 | color: #fec418; 44 | } 45 | 46 | /* Paraíso Green */ 47 | .hljs-string, 48 | .hljs-value, 49 | .hljs-inheritance, 50 | .hljs-header, 51 | .ruby .hljs-symbol, 52 | .xml .hljs-cdata { 53 | color: #48b685; 54 | } 55 | 56 | /* Paraíso Aqua */ 57 | .css .hljs-hexcolor { 58 | color: #5bc4bf; 59 | } 60 | 61 | /* Paraíso Blue */ 62 | .hljs-function, 63 | .python .hljs-decorator, 64 | .python .hljs-title, 65 | .ruby .hljs-function .hljs-title, 66 | .ruby .hljs-title .hljs-keyword, 67 | .perl .hljs-sub, 68 | .javascript .hljs-title, 69 | .coffeescript .hljs-title { 70 | color: #06b6ef; 71 | } 72 | 73 | /* Paraíso Purple */ 74 | .hljs-keyword, 75 | .javascript .hljs-function { 76 | color: #815ba4; 77 | } 78 | 79 | .hljs { 80 | display: block; 81 | overflow-x: auto; 82 | background: #e7e9db; 83 | color: #4f424c; 84 | padding: 0.5em; 85 | -webkit-text-size-adjust: none; 86 | } 87 | 88 | .coffeescript .javascript, 89 | .javascript .xml, 90 | .tex .hljs-formula, 91 | .xml .javascript, 92 | .xml .vbscript, 93 | .xml .css, 94 | .xml .hljs-cdata { 95 | opacity: 0.5; 96 | } 97 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/pojoaque.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Pojoaque Style by Jason Tate 4 | http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html 5 | Based on Solarized Style from http://ethanschoonover.com/solarized 6 | 7 | */ 8 | 9 | .hljs { 10 | display: block; 11 | overflow-x: auto; 12 | padding: 0.5em; 13 | color: #dccf8f; 14 | background: url(./pojoaque.jpg) repeat scroll left top #181914; 15 | -webkit-text-size-adjust: none; 16 | } 17 | 18 | .hljs-comment, 19 | .diff .hljs-header, 20 | .hljs-doctype, 21 | .lisp .hljs-string { 22 | color: #586e75; 23 | font-style: italic; 24 | } 25 | 26 | .hljs-keyword, 27 | .css .rule .hljs-keyword, 28 | .hljs-winutils, 29 | .javascript .hljs-title, 30 | .method, 31 | .hljs-addition, 32 | .css .hljs-tag, 33 | .hljs-list .hljs-keyword, 34 | .nginx .hljs-title { 35 | color: #b64926; 36 | } 37 | 38 | .hljs-number, 39 | .hljs-command, 40 | .hljs-string, 41 | .hljs-tag .hljs-value, 42 | .hljs-doctag, 43 | .tex .hljs-formula, 44 | .hljs-regexp, 45 | .hljs-hexcolor { 46 | color: #468966; 47 | } 48 | 49 | .hljs-title, 50 | .hljs-localvars, 51 | .hljs-function .hljs-title, 52 | .hljs-chunk, 53 | .hljs-decorator, 54 | .hljs-built_in, 55 | .hljs-identifier, 56 | .hljs-name, 57 | .hljs-id { 58 | color: #ffb03b; 59 | } 60 | 61 | .hljs-attribute, 62 | .hljs-variable, 63 | .lisp .hljs-body, 64 | .smalltalk .hljs-number, 65 | .hljs-constant, 66 | .hljs-class .hljs-title, 67 | .hljs-parent, 68 | .hljs-type { 69 | color: #b58900; 70 | } 71 | 72 | .css .hljs-attribute { 73 | color: #b89859; 74 | } 75 | 76 | .css .hljs-number, 77 | .css .hljs-hexcolor { 78 | color: #dccf8f; 79 | } 80 | 81 | .css .hljs-class { 82 | color: #d3a60c; 83 | } 84 | 85 | .hljs-preprocessor, 86 | .hljs-pragma, 87 | .hljs-pi, 88 | .hljs-shebang, 89 | .hljs-symbol, 90 | .hljs-symbol .hljs-string, 91 | .diff .hljs-change, 92 | .hljs-special, 93 | .hljs-attr_selector, 94 | .hljs-important, 95 | .hljs-subst, 96 | .hljs-cdata { 97 | color: #cb4b16; 98 | } 99 | 100 | .hljs-deletion { 101 | color: #dc322f; 102 | } 103 | 104 | .tex .hljs-formula { 105 | background: #073642; 106 | } 107 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/pojoaque.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/js/highlight/styles/pojoaque.jpg -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/rainbow.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Style with support for rainbow parens 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #474949; 12 | color: #d1d9e1; 13 | -webkit-text-size-adjust: none; 14 | } 15 | 16 | 17 | .hljs-body, 18 | .hljs-collection { 19 | color: #d1d9e1; 20 | } 21 | 22 | .hljs-comment, 23 | .diff .hljs-header, 24 | .hljs-doctype, 25 | .lisp .hljs-string { 26 | color: #969896; 27 | font-style: italic; 28 | } 29 | 30 | .hljs-keyword, 31 | .clojure .hljs-attribute, 32 | .hljs-winutils, 33 | .javascript .hljs-title, 34 | .hljs-addition, 35 | .css .hljs-tag { 36 | color: #cc99cc; 37 | } 38 | 39 | .hljs-number { color: #f99157; } 40 | 41 | .hljs-command, 42 | .hljs-string, 43 | .hljs-tag .hljs-value, 44 | .hljs-doctag, 45 | .tex .hljs-formula, 46 | .hljs-regexp, 47 | .hljs-hexcolor { 48 | color: #8abeb7; 49 | } 50 | 51 | .hljs-title, 52 | .hljs-localvars, 53 | .hljs-function .hljs-title, 54 | .hljs-chunk, 55 | .hljs-decorator, 56 | .hljs-built_in, 57 | .hljs-identifier { 58 | color: #b5bd68; 59 | } 60 | 61 | .hljs-class .hljs-keyword { 62 | color: #f2777a; 63 | } 64 | 65 | .hljs-variable, 66 | .smalltalk .hljs-number, 67 | .hljs-constant, 68 | .hljs-class .hljs-title, 69 | .hljs-parent, 70 | .haskell .hljs-label, 71 | .hljs-id, 72 | .hljs-name { 73 | color: #ffcc66; 74 | } 75 | 76 | .hljs-tag .hljs-title, 77 | .hljs-rule .hljs-property, 78 | .django .hljs-tag .hljs-keyword { 79 | font-weight: bold; 80 | } 81 | 82 | .hljs-attribute { 83 | color: #81a2be; 84 | } 85 | 86 | .hljs-preprocessor, 87 | .hljs-pragma, 88 | .hljs-pi, 89 | .hljs-shebang, 90 | .hljs-symbol, 91 | .hljs-symbol .hljs-string, 92 | .diff .hljs-change, 93 | .hljs-special, 94 | .hljs-attr_selector, 95 | .hljs-important, 96 | .hljs-subst, 97 | .hljs-cdata { 98 | color: #f99157; 99 | } 100 | 101 | .hljs-deletion { 102 | color: #dc322f; 103 | } 104 | 105 | .tex .hljs-formula { 106 | background: #eee8d5; 107 | } 108 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/school_book.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | School Book style from goldblog.com.ua (c) Zaripov Yura 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 15px 0.5em 0.5em 30px; 11 | font-size: 11px !important; 12 | line-height:16px !important; 13 | -webkit-text-size-adjust: none; 14 | } 15 | 16 | pre{ 17 | background:#f6f6ae url(./school_book.png); 18 | border-top: solid 2px #d2e8b9; 19 | border-bottom: solid 1px #d2e8b9; 20 | } 21 | 22 | .hljs-keyword, 23 | .hljs-literal, 24 | .hljs-change, 25 | .hljs-winutils, 26 | .hljs-flow, 27 | .nginx .hljs-title, 28 | .tex .hljs-special { 29 | color:#005599; 30 | font-weight:bold; 31 | } 32 | 33 | .hljs, 34 | .hljs-subst, 35 | .hljs-tag .hljs-keyword { 36 | color: #3e5915; 37 | } 38 | 39 | .hljs-string, 40 | .hljs-title, 41 | .hljs-type, 42 | .hljs-tag .hljs-value, 43 | .css .hljs-rule .hljs-value, 44 | .hljs-preprocessor, 45 | .hljs-pragma, 46 | .ruby .hljs-symbol, 47 | .ruby .hljs-symbol .hljs-string, 48 | .ruby .hljs-class .hljs-parent, 49 | .hljs-built_in, 50 | .django .hljs-template_tag, 51 | .django .hljs-variable, 52 | .smalltalk .hljs-class, 53 | .ruby .hljs-string, 54 | .django .hljs-filter .hljs-argument, 55 | .smalltalk .hljs-localvars, 56 | .smalltalk .hljs-array, 57 | .hljs-attr_selector, 58 | .hljs-pseudo, 59 | .hljs-addition, 60 | .hljs-stream, 61 | .hljs-envvar, 62 | .apache .hljs-tag, 63 | .apache .hljs-cbracket, 64 | .nginx .hljs-built_in, 65 | .tex .hljs-command, 66 | .coffeescript .hljs-attribute, 67 | .hljs-name { 68 | color: #2c009f; 69 | } 70 | 71 | .hljs-comment, 72 | .hljs-annotation, 73 | .hljs-decorator, 74 | .hljs-pi, 75 | .hljs-doctype, 76 | .hljs-deletion, 77 | .hljs-shebang, 78 | .apache .hljs-sqbracket { 79 | color: #e60415; 80 | } 81 | 82 | .hljs-keyword, 83 | .hljs-literal, 84 | .css .hljs-id, 85 | .hljs-doctag, 86 | .hljs-title, 87 | .hljs-type, 88 | .vbscript .hljs-built_in, 89 | .rsl .hljs-built_in, 90 | .smalltalk .hljs-class, 91 | .xml .hljs-tag .hljs-title, 92 | .diff .hljs-header, 93 | .hljs-chunk, 94 | .hljs-winutils, 95 | .bash .hljs-variable, 96 | .apache .hljs-tag, 97 | .tex .hljs-command, 98 | .hljs-request, 99 | .hljs-status { 100 | font-weight: bold; 101 | } 102 | 103 | .coffeescript .javascript, 104 | .javascript .xml, 105 | .tex .hljs-formula, 106 | .xml .javascript, 107 | .xml .vbscript, 108 | .xml .css, 109 | .xml .hljs-cdata { 110 | opacity: 0.5; 111 | } 112 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/school_book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/css-3d/js/highlight/styles/school_book.png -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/solarized_dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #002b36; 12 | color: #839496; 13 | -webkit-text-size-adjust: none; 14 | } 15 | 16 | .hljs-comment, 17 | .diff .hljs-header, 18 | .hljs-doctype, 19 | .hljs-pi, 20 | .lisp .hljs-string { 21 | color: #586e75; 22 | } 23 | 24 | /* Solarized Green */ 25 | .hljs-keyword, 26 | .hljs-winutils, 27 | .method, 28 | .hljs-addition, 29 | .css .hljs-tag, 30 | .hljs-request, 31 | .hljs-status, 32 | .nginx .hljs-title { 33 | color: #859900; 34 | } 35 | 36 | /* Solarized Cyan */ 37 | .hljs-number, 38 | .hljs-command, 39 | .hljs-string, 40 | .hljs-tag .hljs-value, 41 | .hljs-rule .hljs-value, 42 | .hljs-doctag, 43 | .tex .hljs-formula, 44 | .hljs-regexp, 45 | .hljs-hexcolor, 46 | .hljs-link_url { 47 | color: #2aa198; 48 | } 49 | 50 | /* Solarized Blue */ 51 | .hljs-title, 52 | .hljs-localvars, 53 | .hljs-chunk, 54 | .hljs-decorator, 55 | .hljs-built_in, 56 | .hljs-identifier, 57 | .vhdl .hljs-literal, 58 | .hljs-id, 59 | .css .hljs-function, 60 | .hljs-name { 61 | color: #268bd2; 62 | } 63 | 64 | /* Solarized Yellow */ 65 | .hljs-attribute, 66 | .hljs-variable, 67 | .lisp .hljs-body, 68 | .smalltalk .hljs-number, 69 | .hljs-constant, 70 | .hljs-class .hljs-title, 71 | .hljs-parent, 72 | .hljs-type, 73 | .hljs-link_reference { 74 | color: #b58900; 75 | } 76 | 77 | /* Solarized Orange */ 78 | .hljs-preprocessor, 79 | .hljs-preprocessor .hljs-keyword, 80 | .hljs-pragma, 81 | .hljs-shebang, 82 | .hljs-symbol, 83 | .hljs-symbol .hljs-string, 84 | .diff .hljs-change, 85 | .hljs-special, 86 | .hljs-attr_selector, 87 | .hljs-subst, 88 | .hljs-cdata, 89 | .css .hljs-pseudo, 90 | .hljs-header { 91 | color: #cb4b16; 92 | } 93 | 94 | /* Solarized Red */ 95 | .hljs-deletion, 96 | .hljs-important { 97 | color: #dc322f; 98 | } 99 | 100 | /* Solarized Violet */ 101 | .hljs-link_label { 102 | color: #6c71c4; 103 | } 104 | 105 | .tex .hljs-formula { 106 | background: #073642; 107 | } 108 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/solarized_light.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #fdf6e3; 12 | color: #657b83; 13 | -webkit-text-size-adjust: none; 14 | } 15 | 16 | .hljs-comment, 17 | .diff .hljs-header, 18 | .hljs-doctype, 19 | .hljs-pi, 20 | .lisp .hljs-string { 21 | color: #93a1a1; 22 | } 23 | 24 | /* Solarized Green */ 25 | .hljs-keyword, 26 | .hljs-winutils, 27 | .method, 28 | .hljs-addition, 29 | .css .hljs-tag, 30 | .hljs-request, 31 | .hljs-status, 32 | .nginx .hljs-title { 33 | color: #859900; 34 | } 35 | 36 | /* Solarized Cyan */ 37 | .hljs-number, 38 | .hljs-command, 39 | .hljs-string, 40 | .hljs-tag .hljs-value, 41 | .hljs-rule .hljs-value, 42 | .hljs-doctag, 43 | .tex .hljs-formula, 44 | .hljs-regexp, 45 | .hljs-hexcolor, 46 | .hljs-link_url { 47 | color: #2aa198; 48 | } 49 | 50 | /* Solarized Blue */ 51 | .hljs-title, 52 | .hljs-localvars, 53 | .hljs-chunk, 54 | .hljs-decorator, 55 | .hljs-built_in, 56 | .hljs-identifier, 57 | .vhdl .hljs-literal, 58 | .hljs-id, 59 | .css .hljs-function, 60 | .hljs-name { 61 | color: #268bd2; 62 | } 63 | 64 | /* Solarized Yellow */ 65 | .hljs-attribute, 66 | .hljs-variable, 67 | .lisp .hljs-body, 68 | .smalltalk .hljs-number, 69 | .hljs-constant, 70 | .hljs-class .hljs-title, 71 | .hljs-parent, 72 | .hljs-type, 73 | .hljs-link_reference { 74 | color: #b58900; 75 | } 76 | 77 | /* Solarized Orange */ 78 | .hljs-preprocessor, 79 | .hljs-preprocessor .hljs-keyword, 80 | .hljs-pragma, 81 | .hljs-shebang, 82 | .hljs-symbol, 83 | .hljs-symbol .hljs-string, 84 | .diff .hljs-change, 85 | .hljs-special, 86 | .hljs-attr_selector, 87 | .hljs-subst, 88 | .hljs-cdata, 89 | .css .hljs-pseudo, 90 | .hljs-header { 91 | color: #cb4b16; 92 | } 93 | 94 | /* Solarized Red */ 95 | .hljs-deletion, 96 | .hljs-important { 97 | color: #dc322f; 98 | } 99 | 100 | /* Solarized Violet */ 101 | .hljs-link_label { 102 | color: #6c71c4; 103 | } 104 | 105 | .tex .hljs-formula { 106 | background: #eee8d5; 107 | } 108 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/tomorrow-night-blue.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Blue Theme */ 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 5 | 6 | /* Tomorrow Comment */ 7 | .hljs-comment { 8 | color: #7285b7; 9 | } 10 | 11 | /* Tomorrow Red */ 12 | .hljs-variable, 13 | .hljs-attribute, 14 | .hljs-tag, 15 | .hljs-regexp, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #ff9da4; 25 | } 26 | 27 | /* Tomorrow Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-pragma, 31 | .hljs-built_in, 32 | .hljs-literal, 33 | .hljs-params, 34 | .hljs-constant { 35 | color: #ffc58f; 36 | } 37 | 38 | /* Tomorrow Yellow */ 39 | .ruby .hljs-class .hljs-title, 40 | .css .hljs-rule .hljs-attribute { 41 | color: #ffeead; 42 | } 43 | 44 | /* Tomorrow Green */ 45 | .hljs-string, 46 | .hljs-value, 47 | .hljs-inheritance, 48 | .hljs-header, 49 | .hljs-name, 50 | .ruby .hljs-symbol, 51 | .xml .hljs-cdata { 52 | color: #d1f1a9; 53 | } 54 | 55 | /* Tomorrow Aqua */ 56 | .hljs-title, 57 | .css .hljs-hexcolor { 58 | color: #99ffff; 59 | } 60 | 61 | /* Tomorrow Blue */ 62 | .hljs-function, 63 | .python .hljs-decorator, 64 | .python .hljs-title, 65 | .ruby .hljs-function .hljs-title, 66 | .ruby .hljs-title .hljs-keyword, 67 | .perl .hljs-sub, 68 | .javascript .hljs-title, 69 | .coffeescript .hljs-title { 70 | color: #bbdaff; 71 | } 72 | 73 | /* Tomorrow Purple */ 74 | .hljs-keyword, 75 | .javascript .hljs-function { 76 | color: #ebbbff; 77 | } 78 | 79 | .hljs { 80 | display: block; 81 | overflow-x: auto; 82 | background: #002451; 83 | color: white; 84 | padding: 0.5em; 85 | -webkit-text-size-adjust: none; 86 | } 87 | 88 | .coffeescript .javascript, 89 | .javascript .xml, 90 | .tex .hljs-formula, 91 | .xml .javascript, 92 | .xml .vbscript, 93 | .xml .css, 94 | .xml .hljs-cdata { 95 | opacity: 0.5; 96 | } 97 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/tomorrow-night-bright.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Bright Theme */ 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 4 | 5 | /* Tomorrow Comment */ 6 | .hljs-comment { 7 | color: #969896; 8 | } 9 | 10 | /* Tomorrow Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .ruby .hljs-constant, 16 | .xml .hljs-tag .hljs-title, 17 | .xml .hljs-pi, 18 | .xml .hljs-doctype, 19 | .html .hljs-doctype, 20 | .css .hljs-id, 21 | .css .hljs-class, 22 | .css .hljs-pseudo { 23 | color: #d54e53; 24 | } 25 | 26 | /* Tomorrow Orange */ 27 | .hljs-number, 28 | .hljs-preprocessor, 29 | .hljs-pragma, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #e78c45; 35 | } 36 | 37 | /* Tomorrow Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #e7c547; 41 | } 42 | 43 | /* Tomorrow Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .hljs-name, 49 | .ruby .hljs-symbol, 50 | .xml .hljs-cdata { 51 | color: #b9ca4a; 52 | } 53 | 54 | /* Tomorrow Aqua */ 55 | .hljs-title, 56 | .css .hljs-hexcolor { 57 | color: #70c0b1; 58 | } 59 | 60 | /* Tomorrow Blue */ 61 | .hljs-function, 62 | .python .hljs-decorator, 63 | .python .hljs-title, 64 | .ruby .hljs-function .hljs-title, 65 | .ruby .hljs-title .hljs-keyword, 66 | .perl .hljs-sub, 67 | .javascript .hljs-title, 68 | .coffeescript .hljs-title { 69 | color: #7aa6da; 70 | } 71 | 72 | /* Tomorrow Purple */ 73 | .hljs-keyword, 74 | .javascript .hljs-function { 75 | color: #c397d8; 76 | } 77 | 78 | .hljs { 79 | display: block; 80 | overflow-x: auto; 81 | background: black; 82 | color: #eaeaea; 83 | padding: 0.5em; 84 | -webkit-text-size-adjust: none; 85 | } 86 | 87 | .coffeescript .javascript, 88 | .javascript .xml, 89 | .tex .hljs-formula, 90 | .xml .javascript, 91 | .xml .vbscript, 92 | .xml .css, 93 | .xml .hljs-cdata { 94 | opacity: 0.5; 95 | } 96 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/tomorrow-night-eighties.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Eighties Theme */ 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 4 | 5 | /* Tomorrow Comment */ 6 | .hljs-comment { 7 | color: #999999; 8 | } 9 | 10 | /* Tomorrow Red */ 11 | .hljs-variable, 12 | .hljs-attribute, 13 | .hljs-tag, 14 | .hljs-regexp, 15 | .ruby .hljs-constant, 16 | .xml .hljs-tag .hljs-title, 17 | .xml .hljs-pi, 18 | .xml .hljs-doctype, 19 | .html .hljs-doctype, 20 | .css .hljs-id, 21 | .css .hljs-class, 22 | .css .hljs-pseudo { 23 | color: #f2777a; 24 | } 25 | 26 | /* Tomorrow Orange */ 27 | .hljs-number, 28 | .hljs-preprocessor, 29 | .hljs-pragma, 30 | .hljs-built_in, 31 | .hljs-literal, 32 | .hljs-params, 33 | .hljs-constant { 34 | color: #f99157; 35 | } 36 | 37 | /* Tomorrow Yellow */ 38 | .ruby .hljs-class .hljs-title, 39 | .css .hljs-rule .hljs-attribute { 40 | color: #ffcc66; 41 | } 42 | 43 | /* Tomorrow Green */ 44 | .hljs-string, 45 | .hljs-value, 46 | .hljs-inheritance, 47 | .hljs-header, 48 | .hljs-name, 49 | .ruby .hljs-symbol, 50 | .xml .hljs-cdata { 51 | color: #99cc99; 52 | } 53 | 54 | /* Tomorrow Aqua */ 55 | .hljs-title, 56 | .css .hljs-hexcolor { 57 | color: #66cccc; 58 | } 59 | 60 | /* Tomorrow Blue */ 61 | .hljs-function, 62 | .python .hljs-decorator, 63 | .python .hljs-title, 64 | .ruby .hljs-function .hljs-title, 65 | .ruby .hljs-title .hljs-keyword, 66 | .perl .hljs-sub, 67 | .javascript .hljs-title, 68 | .coffeescript .hljs-title { 69 | color: #6699cc; 70 | } 71 | 72 | /* Tomorrow Purple */ 73 | .hljs-keyword, 74 | .javascript .hljs-function { 75 | color: #cc99cc; 76 | } 77 | 78 | .hljs { 79 | display: block; 80 | overflow-x: auto; 81 | background: #2d2d2d; 82 | color: #cccccc; 83 | padding: 0.5em; 84 | -webkit-text-size-adjust: none; 85 | } 86 | 87 | .coffeescript .javascript, 88 | .javascript .xml, 89 | .tex .hljs-formula, 90 | .xml .javascript, 91 | .xml .vbscript, 92 | .xml .css, 93 | .xml .hljs-cdata { 94 | opacity: 0.5; 95 | } 96 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/tomorrow-night.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Theme */ 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 5 | 6 | /* Tomorrow Comment */ 7 | .hljs-comment { 8 | color: #969896; 9 | } 10 | 11 | /* Tomorrow Red */ 12 | .hljs-variable, 13 | .hljs-attribute, 14 | .hljs-tag, 15 | .hljs-regexp, 16 | .ruby .hljs-constant, 17 | .xml .hljs-tag .hljs-title, 18 | .xml .hljs-pi, 19 | .xml .hljs-doctype, 20 | .html .hljs-doctype, 21 | .css .hljs-id, 22 | .css .hljs-class, 23 | .css .hljs-pseudo { 24 | color: #cc6666; 25 | } 26 | 27 | /* Tomorrow Orange */ 28 | .hljs-number, 29 | .hljs-preprocessor, 30 | .hljs-pragma, 31 | .hljs-built_in, 32 | .hljs-literal, 33 | .hljs-params, 34 | .hljs-constant { 35 | color: #de935f; 36 | } 37 | 38 | /* Tomorrow Yellow */ 39 | .ruby .hljs-class .hljs-title, 40 | .css .hljs-rule .hljs-attribute { 41 | color: #f0c674; 42 | } 43 | 44 | /* Tomorrow Green */ 45 | .hljs-string, 46 | .hljs-value, 47 | .hljs-inheritance, 48 | .hljs-header, 49 | .hljs-name, 50 | .ruby .hljs-symbol, 51 | .xml .hljs-cdata { 52 | color: #b5bd68; 53 | } 54 | 55 | /* Tomorrow Aqua */ 56 | .hljs-title, 57 | .css .hljs-hexcolor { 58 | color: #8abeb7; 59 | } 60 | 61 | /* Tomorrow Blue */ 62 | .hljs-function, 63 | .python .hljs-decorator, 64 | .python .hljs-title, 65 | .ruby .hljs-function .hljs-title, 66 | .ruby .hljs-title .hljs-keyword, 67 | .perl .hljs-sub, 68 | .javascript .hljs-title, 69 | .coffeescript .hljs-title { 70 | color: #81a2be; 71 | } 72 | 73 | /* Tomorrow Purple */ 74 | .hljs-keyword, 75 | .javascript .hljs-function { 76 | color: #b294bb; 77 | } 78 | 79 | .hljs { 80 | display: block; 81 | overflow-x: auto; 82 | background: #1d1f21; 83 | color: #c5c8c6; 84 | padding: 0.5em; 85 | -webkit-text-size-adjust: none; 86 | } 87 | 88 | .coffeescript .javascript, 89 | .javascript .xml, 90 | .tex .hljs-formula, 91 | .xml .javascript, 92 | .xml .vbscript, 93 | .xml .css, 94 | .xml .hljs-cdata { 95 | opacity: 0.5; 96 | } 97 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/tomorrow.css: -------------------------------------------------------------------------------- 1 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 2 | 3 | /* Tomorrow Comment */ 4 | .hljs-comment { 5 | color: #8e908c; 6 | } 7 | 8 | /* Tomorrow Red */ 9 | .hljs-variable, 10 | .hljs-attribute, 11 | .hljs-tag, 12 | .hljs-regexp, 13 | .ruby .hljs-constant, 14 | .xml .hljs-tag .hljs-title, 15 | .xml .hljs-pi, 16 | .xml .hljs-doctype, 17 | .html .hljs-doctype, 18 | .css .hljs-id, 19 | .css .hljs-class, 20 | .css .hljs-pseudo { 21 | color: #c82829; 22 | } 23 | 24 | /* Tomorrow Orange */ 25 | .hljs-number, 26 | .hljs-preprocessor, 27 | .hljs-pragma, 28 | .hljs-built_in, 29 | .hljs-literal, 30 | .hljs-params, 31 | .hljs-constant { 32 | color: #f5871f; 33 | } 34 | 35 | /* Tomorrow Yellow */ 36 | .ruby .hljs-class .hljs-title, 37 | .css .hljs-rule .hljs-attribute { 38 | color: #eab700; 39 | } 40 | 41 | /* Tomorrow Green */ 42 | .hljs-string, 43 | .hljs-value, 44 | .hljs-inheritance, 45 | .hljs-header, 46 | .hljs-name, 47 | .ruby .hljs-symbol, 48 | .xml .hljs-cdata { 49 | color: #718c00; 50 | } 51 | 52 | /* Tomorrow Aqua */ 53 | .hljs-title, 54 | .css .hljs-hexcolor { 55 | color: #3e999f; 56 | } 57 | 58 | /* Tomorrow Blue */ 59 | .hljs-function, 60 | .python .hljs-decorator, 61 | .python .hljs-title, 62 | .ruby .hljs-function .hljs-title, 63 | .ruby .hljs-title .hljs-keyword, 64 | .perl .hljs-sub, 65 | .javascript .hljs-title, 66 | .coffeescript .hljs-title { 67 | color: #4271ae; 68 | } 69 | 70 | /* Tomorrow Purple */ 71 | .hljs-keyword, 72 | .javascript .hljs-function { 73 | color: #8959a8; 74 | } 75 | 76 | .hljs { 77 | display: block; 78 | overflow-x: auto; 79 | background: white; 80 | color: #4d4d4c; 81 | padding: 0.5em; 82 | -webkit-text-size-adjust: none; 83 | } 84 | 85 | .coffeescript .javascript, 86 | .javascript .xml, 87 | .tex .hljs-formula, 88 | .xml .javascript, 89 | .xml .vbscript, 90 | .xml .css, 91 | .xml .hljs-cdata { 92 | opacity: 0.5; 93 | } 94 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/vs.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Visual Studio-like style based on original C# coloring by Jason Diamond 4 | 5 | */ 6 | .hljs { 7 | display: block; 8 | overflow-x: auto; 9 | padding: 0.5em; 10 | background: white; 11 | color: black; 12 | -webkit-text-size-adjust: none; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-annotation, 17 | .diff .hljs-header, 18 | .hljs-chunk, 19 | .apache .hljs-cbracket { 20 | color: #008000; 21 | } 22 | 23 | .hljs-keyword, 24 | .hljs-id, 25 | .hljs-built_in, 26 | .smalltalk .hljs-class, 27 | .hljs-winutils, 28 | .bash .hljs-variable, 29 | .tex .hljs-command, 30 | .hljs-request, 31 | .hljs-status, 32 | .nginx .hljs-title, 33 | .xml .hljs-tag, 34 | .xml .hljs-tag .hljs-value { 35 | color: #00f; 36 | } 37 | 38 | .hljs-string, 39 | .hljs-title, 40 | .hljs-parent, 41 | .hljs-tag .hljs-value, 42 | .hljs-rule .hljs-value, 43 | .ruby .hljs-symbol, 44 | .ruby .hljs-symbol .hljs-string, 45 | .hljs-template_tag, 46 | .django .hljs-variable, 47 | .hljs-addition, 48 | .hljs-flow, 49 | .hljs-stream, 50 | .apache .hljs-tag, 51 | .hljs-date, 52 | .tex .hljs-formula, 53 | .coffeescript .hljs-attribute, 54 | .hljs-name { 55 | color: #a31515; 56 | } 57 | 58 | .ruby .hljs-string, 59 | .hljs-decorator, 60 | .hljs-filter .hljs-argument, 61 | .hljs-localvars, 62 | .hljs-array, 63 | .hljs-attr_selector, 64 | .hljs-pseudo, 65 | .hljs-pi, 66 | .hljs-doctype, 67 | .hljs-deletion, 68 | .hljs-envvar, 69 | .hljs-shebang, 70 | .hljs-preprocessor, 71 | .hljs-pragma, 72 | .userType, 73 | .apache .hljs-sqbracket, 74 | .nginx .hljs-built_in, 75 | .tex .hljs-special, 76 | .hljs-prompt { 77 | color: #2b91af; 78 | } 79 | 80 | .hljs-doctag, 81 | .hljs-xmlDocTag { 82 | color: #808080; 83 | } 84 | 85 | .hljs-type, 86 | .hljs-typename { font-weight: bold; } 87 | 88 | .vhdl .hljs-string { color: #666666; } 89 | .vhdl .hljs-literal { color: #a31515; } 90 | .vhdl .hljs-attribute { color: #00b0e8; } 91 | 92 | .xml .hljs-attribute { color: #f00; } 93 | -------------------------------------------------------------------------------- /PPT/css-3d/js/highlight/styles/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #3f3f3f; 13 | color: #dcdcdc; 14 | -webkit-text-size-adjust: none; 15 | } 16 | 17 | .hljs-keyword, 18 | .hljs-tag, 19 | .css .hljs-class, 20 | .css .hljs-id, 21 | .lisp .hljs-title, 22 | .nginx .hljs-title, 23 | .hljs-request, 24 | .hljs-status, 25 | .clojure .hljs-attribute { 26 | color: #e3ceab; 27 | } 28 | 29 | .django .hljs-template_tag, 30 | .django .hljs-variable, 31 | .django .hljs-filter .hljs-argument { 32 | color: #dcdcdc; 33 | } 34 | 35 | .hljs-number, 36 | .hljs-date { 37 | color: #8cd0d3; 38 | } 39 | 40 | .dos .hljs-envvar, 41 | .dos .hljs-stream, 42 | .hljs-variable, 43 | .apache .hljs-sqbracket, 44 | .hljs-name { 45 | color: #efdcbc; 46 | } 47 | 48 | .dos .hljs-flow, 49 | .diff .hljs-change, 50 | .python .exception, 51 | .python .hljs-built_in, 52 | .hljs-literal, 53 | .tex .hljs-special { 54 | color: #efefaf; 55 | } 56 | 57 | .diff .hljs-chunk, 58 | .hljs-subst { 59 | color: #8f8f8f; 60 | } 61 | 62 | .dos .hljs-keyword, 63 | .hljs-decorator, 64 | .hljs-title, 65 | .hljs-type, 66 | .diff .hljs-header, 67 | .ruby .hljs-class .hljs-parent, 68 | .apache .hljs-tag, 69 | .nginx .hljs-built_in, 70 | .tex .hljs-command, 71 | .hljs-prompt { 72 | color: #efef8f; 73 | } 74 | 75 | .dos .hljs-winutils, 76 | .ruby .hljs-symbol, 77 | .ruby .hljs-symbol .hljs-string, 78 | .ruby .hljs-string { 79 | color: #dca3a3; 80 | } 81 | 82 | .diff .hljs-deletion, 83 | .hljs-string, 84 | .hljs-tag .hljs-value, 85 | .hljs-preprocessor, 86 | .hljs-pragma, 87 | .hljs-built_in, 88 | .smalltalk .hljs-class, 89 | .smalltalk .hljs-localvars, 90 | .smalltalk .hljs-array, 91 | .css .hljs-rule .hljs-value, 92 | .hljs-attr_selector, 93 | .hljs-pseudo, 94 | .apache .hljs-cbracket, 95 | .tex .hljs-formula, 96 | .coffeescript .hljs-attribute { 97 | color: #cc9393; 98 | } 99 | 100 | .hljs-shebang, 101 | .diff .hljs-addition, 102 | .hljs-comment, 103 | .hljs-annotation, 104 | .hljs-pi, 105 | .hljs-doctype { 106 | color: #7f9f7f; 107 | } 108 | 109 | .coffeescript .javascript, 110 | .javascript .xml, 111 | .tex .hljs-formula, 112 | .xml .javascript, 113 | .xml .vbscript, 114 | .xml .css, 115 | .xml .hljs-cdata { 116 | opacity: 0.5; 117 | } 118 | 119 | -------------------------------------------------------------------------------- /PPT/css-3d/js/img.screenfull.js: -------------------------------------------------------------------------------- 1 | (function(window, document) { 2 | var sf = function($imgs) { 3 | $imgs.forEach(function($img) { 4 | $img.addEventListener('click', function() { 5 | show(this); 6 | }, false); 7 | }); 8 | }; 9 | 10 | function show(t) { 11 | var img = document.createElement('img'); 12 | img.src = t.src; 13 | img.className = 'transparent'; 14 | $layer.innerHTML = ''; 15 | img.onload = function() { 16 | img.style.height = this.height + 'px'; 17 | var top = this.height > $body.clientHeight ? 0 : ($body.clientHeight - this.height) / 2; 18 | img.style.top = top + 'px'; 19 | img.style.marginLeft = -this.width / 2 + 'px'; 20 | img.classList.remove('transparent'); 21 | img.onload = null; 22 | } 23 | img.style.cssText = 'max-height:' + $body.clientHeight + 'px;max-width:' + $body.clientWidth + 'px;'; 24 | $layer.appendChild(img); 25 | $layer.style.display = 'block'; 26 | setTimeout(function() { 27 | $layer.classList.remove('transparent'); 28 | }, 0); 29 | 30 | }; 31 | var $layer = document.createElement('div'); 32 | $layer.className = 'img-full transparent'; 33 | // $layer.innerHTML = ''; 34 | $layer.addEventListener('click', function() { 35 | $layer.style.display = 'none'; 36 | $layer.classList.add('transparent'); 37 | }, false); 38 | var $body = document.body || document.getElementsByTagName('body')[0]; 39 | $body.appendChild($layer); 40 | window.screenfull = sf; 41 | }(window, document)); 42 | -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/.npmignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /.sass-cache 3 | /tmp 4 | -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/Gruntfile.js: -------------------------------------------------------------------------------- 1 | var concatArr = [ 2 | 'src/intro.js', 3 | 'src/getCurrentScript.js', 4 | 'src/vars.js', 5 | 'src/typeof.js', 6 | 'src/browser.js', 7 | 'src/Module.js', 8 | 'src/Promise.js', 9 | 'src/getPath.js', 10 | 'src/loadjs.js', 11 | 'src/loadcss-img.js', 12 | 'src/core.js', 13 | 'src/outro.js']; 14 | module.exports = function(grunt) { 15 | grunt.initConfig({ 16 | pkg: grunt.file.readJSON('package.json'), 17 | jshint: { 18 | options: { 19 | noarg: true, 20 | noempty: true, 21 | curly: true, 22 | asi: true, 23 | expr: true, 24 | browser: true, 25 | strict: true, 26 | unused: true, 27 | undef: true, 28 | loopfunc: false, 29 | sub: true, 30 | boss: true, 31 | eqnull: true 32 | }, 33 | files: ['tmp/<%= pkg.name %>.js'] 34 | }, 35 | watch: { 36 | files: ['src/*.js'], 37 | tasks: 'dev' 38 | }, 39 | concat: { 40 | MixJS: { 41 | options: { 42 | separator: '\n' 43 | }, 44 | src: concatArr, 45 | dest: 'lib/<%= pkg.name %>.<%= pkg.version %>.js' 46 | }, 47 | dev: { 48 | options: { 49 | separator: '\n' 50 | }, 51 | src: concatArr, 52 | dest: 'tmp/<%= pkg.name %>.js' 53 | } 54 | }, 55 | uglify: { 56 | options: { 57 | sourceMap: 'lib/<%= pkg.name %>.<%= pkg.version %>.map', 58 | banner: '/*! <%= pkg.name %> <%= pkg.version %> <%= grunt.template.today("yyyy-mm-dd") %> by <%= pkg.author %> */\n' 59 | }, 60 | dist: { 61 | src: '<%= concat.MixJS.dest %>', 62 | dest: 'lib/<%= pkg.name %>.<%= pkg.version %>.min.js' 63 | } 64 | }, 65 | compress: { 66 | main: { 67 | options: { 68 | archive: '<%= pkg.name %>.zip' 69 | }, 70 | files: [{ 71 | expand: true, 72 | cwd: 'lib', 73 | src: ['**'], 74 | filter: 'isFile' 75 | }] 76 | } 77 | } 78 | }); 79 | 80 | // grunt.loadNpmTasks('grunt-regarde'); 81 | grunt.loadNpmTasks('grunt-contrib-uglify'); 82 | grunt.loadNpmTasks('grunt-contrib-jshint'); 83 | grunt.loadNpmTasks('grunt-contrib-watch'); 84 | grunt.loadNpmTasks('grunt-contrib-concat'); 85 | grunt.loadNpmTasks('grunt-contrib-compress'); 86 | 87 | grunt.registerTask('build', ['concat:MixJS', 'uglify']); 88 | grunt.registerTask('dev', ['concat:dev', 'jshint']); 89 | 90 | }; -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/MIT-LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright 2013 Theowang http://js8.in 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining 4 | a copy of this software and associated documentation files (the 5 | "Software"), to deal in the Software without restriction, including 6 | without limitation the rights to use, copy, modify, merge, publish, 7 | distribute, sublicense, and/or sell copies of the Software, and to 8 | permit persons to whom the Software is furnished to do so, subject to 9 | the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be 12 | included in all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/README.md: -------------------------------------------------------------------------------- 1 | MixJS - Just Another Javascript Module Loader 2 | ============= 3 | 4 | MMMMMMMM MMMMMMMM iiii JJJJJJJJJJJ SSSSSSSSSSSSSSS 5 | M:::::::M M:::::::M i::::i J:::::::::J SS:::::::::::::::S 6 | M::::::::M M::::::::M iiii J:::::::::JS:::::SSSSSS::::::S 7 | M:::::::::M M:::::::::M JJ:::::::JJS:::::S SSSSSSS 8 | M::::::::::M M::::::::::Miiiiiii xxxxxxx xxxxxxx J:::::J S:::::S 9 | M:::::::::::M M:::::::::::Mi:::::i x:::::x x:::::x J:::::J S:::::S 10 | M:::::::M::::M M::::M:::::::M i::::i x:::::x x:::::x J:::::J S::::SSSS 11 | M::::::M M::::M M::::M M::::::M i::::i x:::::xx:::::x J:::::j SS::::::SSSSS 12 | M::::::M M::::M::::M M::::::M i::::i x::::::::::x J:::::J SSS::::::::SS 13 | M::::::M M:::::::M M::::::M i::::i x::::::::x JJJJJJJ J:::::J SSSSSS::::S 14 | M::::::M M:::::M M::::::M i::::i x::::::::x J:::::J J:::::J S:::::S 15 | M::::::M MMMMM M::::::M i::::i x::::::::::x J::::::J J::::::J S:::::S 16 | M::::::M M::::::Mi::::::i x:::::xx:::::xJ:::::::JJJ:::::::J SSSSSSS S:::::S 17 | M::::::M M::::::Mi::::::i x:::::x x:::::xJJ:::::::::::::JJ S::::::SSSSSS:::::S 18 | M::::::M M::::::Mi::::::i x:::::x x:::::x JJ:::::::::JJ S:::::::::::::::SS 19 | MMMMMMMM MMMMMMMMiiiiiiiixxxxxxx xxxxxxx JJJJJJJJJ SSSSSSSSSSSSSSS 20 | 21 | version: 0.3.0 butterfly 22 | 23 | Come back soon!! 24 | -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mix", 3 | "title": "MixJS", 4 | "description": "Just Another Javascript Module Loader", 5 | "version": "0.3.0", 6 | "author": "Theowang", 7 | "email": "ksky521@gmail.com", 8 | "licenses": [ 9 | { 10 | "type": "MIT", 11 | "url": "https://github.com/ksky521/MixJS/blob/master/MIT-LICENSE.txt" 12 | } 13 | ], 14 | "devDependencies": { 15 | "grunt": "~0.4.1", 16 | "grunt-contrib-jshint": "~0.2.0", 17 | "grunt-contrib-uglify": "~0.1.2", 18 | "grunt-contrib": "~0.5.0", 19 | "grunt-contrib-concat": "~0.1.3", 20 | "grunt-contrib-watch": "~0.3.1", 21 | "grunt-contrib-compress": "~0.5.0" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/research/js.php: -------------------------------------------------------------------------------- 1 | 5 | if(typeof console!=='undefined'){ 6 | console.log && console.log('i am wake up'); 7 | } 8 | -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/research/loadjs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 动态加载js状态测试 6 | 7 | 8 |
    9 | 10 |
11 | 12 | 13 | 28 | 29 | -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/src/browser.js: -------------------------------------------------------------------------------- 1 | var UA = window.navigator.userAgent; 2 | -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/src/getCurrentScript.js: -------------------------------------------------------------------------------- 1 | //本js文件不支持defer等属性，否则计算当前路径会错误 2 | //模块加载的东西，基础js肯定不能defer掉…… 3 | var curScriptNode = (function() { 4 | var scripts = document.getElementsByTagName('script'); 5 | return scripts[scripts.length - 1]; //FF下可以使用DOC.currentScript 6 | })(); -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/src/getPath.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 获取真实url 3 | * 来自massframework 4 | * @param {[type]} url [description] 5 | * @return {[type]} [description] 6 | */ 7 | 8 | function getPath(url, root) { 9 | var ret = url; 10 | var tmp; 11 | var _2; 12 | var alias = _.alias; 13 | var id; 14 | root = root || defaultConfig.baseURL; 15 | root = root.substr(0, root.lastIndexOf('/')); 16 | id = url; //模块id 17 | 18 | if (regAlias.test(url) && alias[url]) { 19 | ret = alias[url]; 20 | 21 | } else if (/^(\w+)(\d)?:.*/.test(url)) { //如果用户路径包含协议 22 | ret = url; 23 | } else { 24 | tmp = url.charAt(0); 25 | _2 = url.slice(0, 2); 26 | 27 | if (tmp !== '.' && tmp !== '/') { //相对于根路径 28 | ret = root + '/' + url; 29 | } else if (_2 === './') { //相对于兄弟路径 30 | id = url.substr(2); 31 | ret = root + '/' + id; 32 | } else if (_2 === '..') { //相对于父路径 33 | // var arr = root.replace(/\/$/, '').split('/'); 34 | var arr = root.split('/'); 35 | tmp = url.replace(/\.\.\//g, function() { 36 | arr.pop(); 37 | return ''; 38 | }); 39 | id = tmp; 40 | ret = arr.join('/') + '/' + tmp; 41 | } 42 | } 43 | 44 | var ext = 'js'; //默认是js文件 45 | tmp = ret.replace(/[?#].*/, ''); 46 | if (/\.(\w+)$/.test(tmp)) { 47 | ext = RegExp.$1; 48 | } 49 | if (ext !== 'css' && tmp === ret && !regIsJS.test(ret)) { //如果没有后缀名会补上.js 50 | ret += '.js'; 51 | } 52 | return [ret, ext, id]; 53 | } -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/src/intro.js: -------------------------------------------------------------------------------- 1 | (function(window, undefined) { 2 | 'use strict'; 3 | var document = window.document; 4 | var setTimeout = window.setTimeout; -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/src/outro.js: -------------------------------------------------------------------------------- 1 | }(this)); -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/src/typeof.js: -------------------------------------------------------------------------------- 1 | //基本类型判断 2 | 'Function,String,Array,Number'.replace(/[^, ]+/g, function(t) { 3 | $['is' + t] = function(s) { 4 | return isType(s, t); 5 | } 6 | }); 7 | if (typeof(/./) !== 'function') { 8 | $.isFunction = function(obj) { 9 | return typeof obj === 'function'; 10 | }; 11 | } 12 | $.isObject = function(obj) { 13 | return typeof obj === 'object'; 14 | } 15 | 16 | $.isBoolean = function(obj) { 17 | return obj === true || obj === false || isType(obj, 'Boolean'); 18 | }; 19 | 20 | $.isUndefined = function(obj) { 21 | return obj === undefined; 22 | }; 23 | 24 | /** 25 | * 获取类型 26 | * @param {Object} obj 要判断的对象 27 | * @return {String} 返回类型 28 | */ 29 | 30 | function isType(obj, type) { 31 | return cleanObj.toString.call(obj).slice(8, -1) === type; 32 | } -------------------------------------------------------------------------------- /PPT/css-3d/js/mixjs/src/vars.js: -------------------------------------------------------------------------------- 1 | var VERSION = 'MixJS 0.3 butterfly'; 2 | var emptyFn = function() {}; 3 | var cleanObj = {}; 4 | var emptyArr = []; 5 | var head = document.head || document.getElementsByTagName('head')[0] || document.documentElement; 6 | var base = head.getElementsByTagName('base')[0] || null; 7 | var arrSlice = emptyArr.slice; 8 | 9 | //获取当前文件父路径 10 | var PATH = (function(node) { 11 | var url = node.hasAttribute ? node.src : node.getAttribute('src', 4); 12 | return url.substr(0, url.lastIndexOf('/')) + '/'; 13 | })(curScriptNode); 14 | 15 | //是否为js 16 | var regIsJS = /\.js$/i; 17 | //是否为css 18 | var regIsCSS = /\.css$/i; 19 | //alias 20 | var regAlias = /^[-\w\d_$]{2,}$/i; 21 | var $ = {}; 22 | 23 | var defaultConfig = { 24 | timeout: 2E4, //超时时间二十秒 25 | baseURL: PATH, 26 | charset: 'utf-8' 27 | }; 28 | 29 | //=============>maps 30 | //别名列表 31 | var mapAlias = {}; 32 | //加载完的文件列表 33 | var mapLoaded = {}; 34 | //已经定义模块的状态表：undefined|pending|defined 35 | var mapDefined = {}; 36 | //通过依赖找上一级模块的promise 37 | var mapDeps2ModulePromise = {}; -------------------------------------------------------------------------------- /PPT/debuggap.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/debuggap.pptx -------------------------------------------------------------------------------- /PPT/duang.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/duang.key -------------------------------------------------------------------------------- /PPT/webpack模块及按需加载机制.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/webpack模块及按需加载机制.key -------------------------------------------------------------------------------- /PPT/《狼人杀-从相识到友尽》by 曹水.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/《狼人杀-从相识到友尽》by 曹水.key -------------------------------------------------------------------------------- /PPT/一个有点恐怖的小故事 by 向勇.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/一个有点恐怖的小故事 by 向勇.key -------------------------------------------------------------------------------- /PPT/从Vue到Que-李振东.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/从Vue到Que-李振东.key -------------------------------------------------------------------------------- /PPT/关于 Emoji by 杨蓉.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/关于 Emoji by 杨蓉.key -------------------------------------------------------------------------------- /PPT/写好业务逻辑.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/写好业务逻辑.pptx -------------------------------------------------------------------------------- /PPT/初探 TypeScript.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/初探 TypeScript.pdf -------------------------------------------------------------------------------- /PPT/前端可视化实践浅析-邵丁丁.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/前端可视化实践浅析-邵丁丁.pptx -------------------------------------------------------------------------------- /PPT/实用主义的测试 - By 曾凯.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/实用主义的测试 - By 曾凯.pdf -------------------------------------------------------------------------------- /PPT/开始做便当－商文默.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/开始做便当－商文默.key -------------------------------------------------------------------------------- /PPT/异常时光机 by 梁远成.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/异常时光机 by 梁远成.key -------------------------------------------------------------------------------- /PPT/更简单的 .vue 单元测试.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/更简单的 .vue 单元测试.key -------------------------------------------------------------------------------- /PPT/用Performance诊断页面性能-任文凯.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/用Performance诊断页面性能-任文凯.key -------------------------------------------------------------------------------- /PPT/纯手工搭建高实时监控系统.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/纯手工搭建高实时监控系统.pptx -------------------------------------------------------------------------------- /PPT/老起点的web改造新路.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/老起点的web改造新路.pdf -------------------------------------------------------------------------------- /PPT/适合人类夏天生存的城市-长春.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/适合人类夏天生存的城市-长春.key -------------------------------------------------------------------------------- /PPT/郁金香热.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/郁金香热.key -------------------------------------------------------------------------------- /PPT/香港不完全攻略-徐凯姮.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/PPT/香港不完全攻略-徐凯姮.key -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## HomePage 2 | 3 | [elemefe.github.io/keynote](https://elemefe.github.io/keynote) 4 | 5 | ## document syntax 6 | 7 | > you can see guide from [reveal-js](http://lab.hakim.se/reveal-js/) 8 | > 9 | > but only support markdown syntax so far. 10 | > 11 | > default separator `----` 12 | 13 | # insert new item 14 | 15 | > clone this repository to your local 16 | 17 | ``` 18 | git clone git@github.com:ElemeFE/keynote.git 19 | vi keynote/markdown/xxx.md 20 | ``` 21 | 22 | > append your information in menu.json 23 | 24 | ``` 25 | vi keynote/menu.json 26 | ``` 27 | 28 | > example 29 | 30 | ``` 31 | { 32 | "list": [ 33 | { 34 | "author": "your name", 35 | "homepage": "your github homepage", 36 | "path": "fullname of your document", 37 | "title": "document name", 38 | "type": "md", 39 | "weibo": "your weibo homepage" 40 | } 41 | ] 42 | } 43 | ``` 44 | > valid types include "md" , "html". default type is "md". 45 | > 46 | > then put your file into the corresponding folder. 47 | 48 | > create new pull request to that branch named "master" and @ [Xavier](https://github.com/Yuanbin-xavier) 49 | > 50 | > if your pr is merged then you can access your document online. -------------------------------------------------------------------------------- /detail.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /detail.js: -------------------------------------------------------------------------------- 1 | const getQueryObj = () => { 2 | var obj = {}; 3 | var str = decodeURI(location.search.replace('?', '')); 4 | var arr = str.split('&'); 5 | arr.forEach(value => { 6 | let k = value.match(/(.+)=.+|$/)[1]; 7 | let v = decodeURI(value.match(/.+=(.+)|$/)[1]); 8 | if (k && v) obj[k] = v; 9 | }); 10 | return obj; 11 | }; 12 | 13 | document.addEventListener('DOMContentLoaded', () => { 14 | let node = document.getElementById('stage'); 15 | let queryObj = getQueryObj(); 16 | let path = queryObj['path']; 17 | document.title = queryObj['title']; 18 | node.dataset.markdown = path; 19 | Reveal.initialize({ 20 | width: 960, 21 | height: 700, 22 | 23 | // Factor of the display size that should remain empty around the content 24 | margin: 0.1, 25 | 26 | // Bounds for smallest/largest possible scale to apply to content 27 | minScale: 0.2, 28 | maxScale: 1.5, 29 | 30 | history: true, 31 | 32 | dependencies: [ 33 | {src: 'tools/plugin/markdown/marked.js'}, 34 | {src: 'tools/plugin/markdown/markdown.js'} 35 | ] 36 | }); 37 | }, false); -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | const DEFAULT_QUERY_PREFIX = ''; 2 | const DEFAULT_TEMPLATE_PATH = './detail.html?path=./markdown/'; 3 | 4 | const VALID_TYPES = { 5 | md: { 6 | queryPrefix: DEFAULT_QUERY_PREFIX, 7 | path: DEFAULT_TEMPLATE_PATH 8 | }, 9 | html: { 10 | queryPrefix: '?', 11 | path: './html/' 12 | } 13 | }; 14 | 15 | const ajax = (path, callback) => { 16 | let xhr = new XMLHttpRequest(); 17 | xhr.open('get', path, true); 18 | xhr.send(); 19 | xhr.onreadystatechange = () => { 20 | if (xhr.readyState == 4) { 21 | if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) { 22 | callback(xhr.responseText); 23 | } 24 | } 25 | }; 26 | }; 27 | 28 | const init = menu => { 29 | let result = ''; 30 | let data = JSON.parse(menu); 31 | let [templatePath, queryPrefix] = [DEFAULT_TEMPLATE_PATH, DEFAULT_QUERY_PREFIX]; 32 | data.list.forEach(function (value) { 33 | templatePath = VALID_TYPES[value.type] ? VALID_TYPES[value.type].path : DEFAULT_TEMPLATE_PATH; 34 | queryPrefix = VALID_TYPES[value.type] ? VALID_TYPES[value.type].queryPrefix : DEFAULT_QUERY_PREFIX; 35 | 36 | value.path = templatePath + value.path + queryPrefix; 37 | 38 | let html = ` 39 |
  • 40 | ${value.author.replace(/(.).+$/, '$1')} 41 |
    ${value.title}     42 |
    43 | 44 | 45 |
    46 |
    • `; 47 | result += html; 48 | }); 49 | document.getElementById('list').innerHTML = result; 50 | }; 51 | 52 | document.addEventListener('DOMContentLoaded', () => { 53 | ajax('./menu.json', init); 54 | }, false); 55 | -------------------------------------------------------------------------------- /markdown/DebugGap - 王骆菲.md: -------------------------------------------------------------------------------- 1 | title: DebugGap跨平台开发和调试h5 2 | speaker: vicwang163 3 | url: https://github.com/vicwang163 4 | transition: move 5 | theme: moon 6 | 7 | ---- 8 | 9 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu1bdyyj30k00b974y.jpg) 10 | 11 | ---- 12 | 13 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu2d20oj30k00b9jsv.jpg) 14 | 15 | ---- 16 | 17 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu1zvvzj30k00b9403.jpg) 18 | ---- 19 | 20 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu1an3aj30k00b9q3m.jpg) 21 | 22 | ---- 23 | 24 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu2pk2pj30k00b9tas.jpg) 25 | 26 | ---- 27 | 28 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu25lrqj30k00b9ta6.jpg) 29 | 30 | ---- 31 | 32 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9epu1bl4kj30k00b9wfg.jpg) 33 | 34 | ---- 35 | 36 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu1eahdj30k00b9aaw.jpg) 37 | 38 | ---- 39 | 40 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu26t9kj30k00b93zu.jpg) 41 | 42 | ---- 43 | 44 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9epu25mohj30k00b9wg8.jpg) 45 | 46 | ---- 47 | 48 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu29eqej30k00b9myu.jpg) 49 | 50 | ---- 51 | 52 | ![](http://ww4.sinaimg.cn/large/005OSeYugw1f9epu2moy6j30k00b9tan.jpg) 53 | 54 | ---- 55 | 56 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9epu1cs0ej30k00b9dga.jpg) 57 | 58 | ---- 59 | 60 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu2fvv0j30k00b9jru.jpg) 61 | 62 | ---- 63 | -------------------------------------------------------------------------------- /markdown/Samesite机制.md: -------------------------------------------------------------------------------- 1 | ## SameSite——防御 CSRF & XSSI 新方法 2 | `SameSite-cookies` 是 Google 开发的用于防御 CSRF 和 XSSI（Cross Site Script Inclusion，跨域脚本包含）的新安全机制，只需在 `Set-Cookie` 中加入一个新的字段属性，浏览器会根据设置的安全级别进行对应的安全 cookie 发送拦截，而目前在 Chrome-dev（51.0.2704.4）中可用。 3 | 4 | ---- 5 | 6 | ## XSSI——Cross Site Script Inclusion 7 | `XSSI` 属于 `XSS` 攻击的一种攻击方式，一般来说，浏览器允许网页加载其他域的脚本或图片等，假设我们在安全的网站上 a.com 包含一个脚本文件 `getData.js` 用于读取用户的私人信息，第一次用户需要在 a.com 登录，然后就可以根据验证返回用户私人信息并设置 cookie 以便下次使用，此时我们只做一个恶意网站 c.com，并包含了 `getData.js` 这个脚本文件，当用户点击 c.com 时，他的信息就泄露了。 8 | 9 | ---- 10 | 11 | ## 解决方案？ 12 | 13 | * 可以用 `token` 令牌等来解决 14 | 15 | * 使用 `SameSite-Cookies`，通过验证是否是从 a.com 访问的 getData.js 的方式来阻止 cookie 的发送。 16 | 17 | ---- 18 | 19 | ## SameSite 使用方式 20 | 需要在 `Set-Cookie` 中加入 `SameSite` 关键字，例如 21 | > Set-Cookie: key=value; HttpOnly; SameSite=Strict 22 | 23 | ---- 24 | 25 | ## SameSite 的两个属性 26 | Lax and Strict 27 | 28 | ---- 29 | 30 | ## no_restriction 31 | 当没有添加 SameSite 关键字的时候，默认是空的 32 | 33 | ---- 34 | 35 | ## Lax 36 | * 允许发送安全 HTTP 方法（`GET`, `HEAD`, `OPTIONS`, `TRACE`）第三方链接的 cookies 37 | 38 | * 必须是 TOP-LEVEL 即可引起地址栏变化的跳转方式，例如 ``, ``, `GET 方式的 form 表单`，此外，`XMLHttpRequest`, `` 等方式进行 GET 方式的访问将不会发送 cookies 39 | 40 | * 但是禁止发送不安全 HTTP 方法（`POST`, `PUT`, `DELETE`）第三方链接的cookies 41 | 42 | ---- 43 | 44 | ## Strict 45 | 禁止发送所有第三方链接的 cookies，默认情况下，如果添加了 SameSite 关键字，但是没有指定 value（Lax or Stict），那么默认为 Strict 46 | 47 | ---- 48 | 49 | ## 添加 `SameSite=Strict` 并从其他网站跳转 50 | ![outerLink](http://7xoehm.com1.z0.glb.clouddn.com/samesite-on.png) 51 | 52 | ---- 53 | 54 | ## 添加 `SameSite=Strict` 并从地址栏输入网址访问 55 | ![innerLink](http://7xoehm.com1.z0.glb.clouddn.com/samesite-off.png) 56 | 57 | ---- 58 | 59 | ## 在 Chrome DevTools 中查看 cookie 字段保护级别 60 | ![devTools](http://7xoehm.com1.z0.glb.clouddn.com/samesite-devtools.png) 61 | 62 | ---- 63 | 64 | ## 参考资料： 65 | * http://www.sjoerdlangkemper.nl/2016/04/14/preventing-csrf-with-samesite-cookie-attribute/ 66 | * https://tools.ietf.org/html/draft-west-first-party-cookies-07 67 | * https://chloe.re/2016/04/13/goodbye-csrf-samesite-to-the-rescue/ 68 | 69 | ---- 70 | 71 | ## Thanks 72 | -------------------------------------------------------------------------------- /markdown/The humble border-radius - 孙卓怡.md: -------------------------------------------------------------------------------- 1 | 2 | ### The Humble Border-radius 3 | #### 技术运营部 孙卓怡 4 | 5 | ---- 6 | 7 | ### 为什么叫做 8 | ### border-radius 9 | 10 | ---- 11 | 12 | ### 用来设置边框圆角 13 | ### 当使用一个半径时确定一个圆形 14 | ### 当使用两个半径时确定一个椭圆 15 | ### 这个（椭）圆与边框的交集形成圆角效果 16 | 17 | ---- 18 | 19 | ![](https://mdn.mozillademos.org/files/3638/border-radius-sh.png) 20 | 21 | ---- 22 | 23 | ### 当border的值小于border-radius 24 | #### $$r_{inner} = max(0,r_{outer} - border)$$ 25 | 26 | ---- 27 | 28 | #### 即使元素没有边框，圆角也可以用到background上面,具体效果受background-clip影响 29 | 30 | ---- 31 | 32 | ### 当border-radius的值大于border box 33 | #### $$r_{top-left}=min(r_{top-left},width*r_{top-left}/(r_{top-left}+r_{top-right})) 34 | 35 | ---- 36 | 37 | ### 简写属性 38 | #### border-top-left-radius 39 | #### border-top-right-radius 40 | #### border-bottom-left-radius 41 | #### border-bottom-right-radius 42 | 43 | ---- 44 | 45 | ### Formal syntax 46 | #### [|]{1,4}[/[|]{1,4}] 47 | 48 | ---- 49 | 50 | ### border-radius:4px 3px 6px / 2px 4px; 51 | 52 | * border-top-left-radius: 4px 2px; 53 | * border-top-right-radius: 3px 4px; 54 | * border-bottom-right-radius: 6px 2px; 55 | * border-bottom-left-radius: 3px 4px; 56 | 57 | ---- 58 | 59 | ### box-shadow & outline 60 | 61 | ---- 62 | 63 | ### border-corner-shape 64 | 65 | ![](http://media02.hongkiat.com/thumbs/640x410/css3-border-shape.webp) 66 | 67 | ---- 68 | 69 | ### 重要意义 70 | ### 方便拓展出多种图形 71 | ![](http://media02.hongkiat.com/css3-border-shape/scoop.jpg) 72 | 73 | ---- 74 | 75 | ![](http://pic.pimg.tw/dinosaurs/1390188620-4014889388.jpg) 76 | ###祝大家元旦快乐 77 | 78 | ---- 79 | 80 | 81 | -------------------------------------------------------------------------------- /markdown/Travel To Sichuan - 马绪双.md: -------------------------------------------------------------------------------- 1 | ## Travel To Sichuan For Nature Scener 2 | 3 | > Node组 - [马绪双](https://github.com/maxushuang) 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 | ---- 30 | 31 | 32 | 33 | ---- 34 | 35 | 36 | 37 | ---- 38 | 39 | 40 | 41 | ---- 42 | 43 | 44 | 45 | ---- 46 | 47 | 48 | 49 | ---- 50 | 51 | 52 | 53 | ---- 54 | 55 | 56 | 57 | ---- 58 | 59 | 60 | -------------------------------------------------------------------------------- /markdown/debuggap - 王骆菲.md: -------------------------------------------------------------------------------- 1 | title: DebugGap跨平台开发和调试h5 2 | speaker: vicwang163 3 | url: https://github.com/vicwang163 4 | transition: move 5 | theme: moon 6 | 7 | ---- 8 | 9 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu1bdyyj30k00b974y.jpg) 10 | 11 | ---- 12 | 13 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu2d20oj30k00b9jsv.jpg) 14 | 15 | ---- 16 | 17 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu1zvvzj30k00b9403.jpg) 18 | ---- 19 | 20 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu1an3aj30k00b9q3m.jpg) 21 | 22 | ---- 23 | 24 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu2pk2pj30k00b9tas.jpg) 25 | 26 | ---- 27 | 28 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu25lrqj30k00b9ta6.jpg) 29 | 30 | ---- 31 | 32 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9epu1bl4kj30k00b9wfg.jpg) 33 | 34 | ---- 35 | 36 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu1eahdj30k00b9aaw.jpg) 37 | 38 | ---- 39 | 40 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9epu26t9kj30k00b93zu.jpg) 41 | 42 | ---- 43 | 44 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9epu25mohj30k00b9wg8.jpg) 45 | 46 | ---- 47 | 48 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu29eqej30k00b9myu.jpg) 49 | 50 | ---- 51 | 52 | ![](http://ww4.sinaimg.cn/large/005OSeYugw1f9epu2moy6j30k00b9tan.jpg) 53 | 54 | ---- 55 | 56 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9epu1cs0ej30k00b9dga.jpg) 57 | 58 | ---- 59 | 60 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9epu2fvv0j30k00b9jru.jpg) 61 | 62 | ---- 63 | -------------------------------------------------------------------------------- /markdown/上海迪士尼游玩攻略 - 李名凯.md: -------------------------------------------------------------------------------- 1 | # 上海迪士尼游玩攻略 2 | 3 | [李名凯](https://github.com/lmk123) 4 | 5 | ---- 6 | 7 | ## 准备工作 8 | 9 | - 迪士尼 APP 10 | - 运动鞋 11 | - 干粮，例如三明治、面包、水 12 | - 一定要早点到！ 13 | 14 | ---- 15 | 16 | ## 了解快速通行证 17 | 18 | [快速通行证](https://www.shanghaidisneyresort.com/guest-services/fastpass/)能节省排队时间 19 | 20 | - 数量有限 21 | - 有四个地点可以领快速通行证 22 | - 限指定时间段内使用 23 | - 领完一张后要过一段时间才可以领下一张 24 | 25 | ---- 26 | 27 | ## 必玩项目 28 | 29 | - [加勒比海盗——沉落宝藏之战](https://www.shanghaidisneyresort.com/attractions/pirates-of-caribbean/) 30 | - [翱翔•飞越地平线](https://www.shanghaidisneyresort.com/attractions/soaring-over-horizon/) 31 | - [创极速光轮](https://www.shanghaidisneyresort.com/attractions/tron-lightcycle-power-run/) 32 | - [七个小矮人矿山车](https://www.shanghaidisneyresort.com/attractions/seven-dwarfs-mine-train/) 33 | 34 | 除了「加勒比海盗」，其它三个项目都可以使用「快速通行证」 35 | 36 | ---- 37 | 38 | ## 不能错过的[花车巡游](https://www.shanghaidisneyresort.com/entertainment/theme-park/mickeys-storybook-express/) 39 | 40 | - 下午三点半开始 41 | - **三点钟就去巡游开始的地方找一个最佳观赏点** 42 | 43 | ---- 44 | 45 | ## 推荐观看的演出 46 | 47 | - [冰雪奇缘：欢唱盛会](https://www.shanghaidisneyresort.com/entertainment/theme-park/frozen-sing-along-celebration/) 48 | - [风暴来临：杰克船长之惊天特技大冒险](https://www.shanghaidisneyresort.com/entertainment/theme-park/eye-of-storm-captain-jacks-spectacular/) 49 | 50 | ---- 51 | 52 | ## 美食 53 | 54 | - 火鸡腿 55 | - 热狗 56 | 57 | ---- 58 | 59 | ## 落幕：[烟火秀](https://www.shanghaidisneyresort.com/entertainment/theme-park/ignite-dream-nighttime-spectacular/) 60 | 61 | ---- 62 | 63 | ## 谢谢大家 64 | -------------------------------------------------------------------------------- /markdown/前端工程师快速入侵ios开发-徐亚光.md: -------------------------------------------------------------------------------- 1 | title: 前端工程师如何快速入侵ios开发 2 | speaker: 徐亚光 3 | url: https://github.com/ksky521/nodePPT 4 | transition: move 5 | files: /js/demo.js,/css/demo.css,/js/zoom.js 6 | theme: dark 7 | usemathjax: yes 8 | 9 | [slide] 10 | # 前端工程师如何快速入侵ios开发 11 | ## by：信息平台部-徐亚光 12 | 13 | [slide data-transition="kontext"] 14 | ## 工欲善其事，必先利其器 15 | 16 | ---- 17 | * 宇宙最强IDE—Xcode {:&.rollIn} 18 | 19 | 20 | [slide data-transition="circle"] 21 | ## feature: 22 | 23 | * 一个IDE，支持apple全系列开发 {:&.rollIn} 24 | * 语法格式，自动转换 25 | * playground—学习测试利器 26 | * storyboard，将UI和代码彻底分离 27 | 28 | 29 | [slide] 30 | # swift 31 | 32 | [slide] 33 | ## 变量声明 34 | ---- 35 | {:&.rollIn} 36 | ### 哇！一个变量 37 |
    38 | 
    39 |     
40 |     //swift
41 | 
42 |     var a = 0;
43 |     let b = 1;
44 |
    45 | 
    46 |     
47 |     //javascript
48 | 
49 |     let a = 0;
50 |     const b = 1;
51 |
    52 |
    53 | 54 | [slide data-transition="newspaper"] 55 | ## 闭包 56 | ---- 57 | {:&.rollIn} 58 | ---- 59 |
    60 | 
    61 | 
62 | function a(){
63 |     function b(i){
64 |         return i
65 |     }
66 |     return b
67 | }
68 | 
69 |
    70 | 
    71 | 
72 | func a() -> ((Int) -> Int){
73 |     func b(i: Int) -> Int{
74 |         return i
75 |     }
76 |     return b
77 | }
78 | 
79 |
    80 |
    81 | 82 | [slide data-transition="horizontal"] 83 | ## nil 84 | 85 | [slide data-transition="zoomin"] 86 | 87 | ## storyboard 88 | 89 | ### 将MVC分离到底 90 | 91 | [slide data-transition="pulse"] 92 | 93 | ## 各大App中xib文件数量 94 | 95 | 96 | 97 | [slide data-transition="earthquake"] 98 | ## 谢谢 -------------------------------------------------------------------------------- /markdown/浅谈 Functor - 朱良臻.md: -------------------------------------------------------------------------------- 1 | # 浅谈 Functor 2 | 3 | 朱良臻 4 | 5 | ---- 6 | 7 | ![Functor.001](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.001.jpeg?v=1) 8 | 9 | ---- 10 | 11 | ![Functor.002](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.002.jpeg?v=1) 12 | 13 | ---- 14 | 15 | ![Functor.003](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.003.jpeg?v=1) 16 | 17 | ---- 18 | 19 | ![Functor.004](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.004.jpeg?v=1) 20 | 21 | ---- 22 | 23 | ![Functor.005](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.005.jpeg?v=1) 24 | 25 | ---- 26 | 27 | ![Functor.006](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.006.jpeg?v=1) 28 | 29 | ---- 30 | 31 | ![Functor.007](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.007.jpeg?v=1) 32 | 33 | ---- 34 | 35 | ![Functor.008](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.008.jpeg?v=1) 36 | 37 | ---- 38 | 39 | ![Functor.009](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.009.jpeg?v=1) 40 | 41 | ---- 42 | 43 | ![Functor.010](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.010.jpeg?v=1) 44 | 45 | ---- 46 | 47 | ![Functor.011](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.011.jpeg?v=1) 48 | 49 | ---- 50 | 51 | ![Functor.012](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.012.jpeg?v=1) 52 | 53 | ---- 54 | 55 | ![Functor.013](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.013.jpeg?v=1) 56 | 57 | ---- 58 | 59 | ![Functor.014](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.014.jpeg?v=1) 60 | 61 | ---- 62 | 63 | ![Functor.015](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.015.jpeg?v=1) 64 | 65 | ---- 66 | 67 | ![Functor.016](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.016.jpeg?v=1) 68 | 69 | ---- 70 | 71 | ![Functor.017](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.017.jpeg?v=1) 72 | 73 | ---- 74 | 75 | ![Functor.018](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.018.jpeg?v=1) 76 | 77 | ---- 78 | 79 | ![Functor.019](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.019.jpeg?v=1) 80 | 81 | ---- 82 | 83 | ![Functor.020](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.020.jpeg?v=1) 84 | 85 | ---- 86 | 87 | ![Functor.021](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.021.jpeg?v=1) 88 | 89 | ---- 90 | 91 | ![Functor.022](http://7xpc78.com1.z0.glb.clouddn.com/functor/Functor.022.jpeg?v=1) 92 | 93 | ---- 94 | -------------------------------------------------------------------------------- /markdown/百度统计与perf监控 - 卢依宁.md: -------------------------------------------------------------------------------- 1 | ## 百度统计与perf监控 2 | 3 | > 物流组 - 卢依宁（啊冒） 4 | 5 | ---- 6 | 7 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.001.jpeg) 8 | 9 | ---- 10 | 11 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.002.jpeg) 12 | 13 | ---- 14 | 15 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.003.jpeg) 16 | 17 | ---- 18 | 19 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.004.jpeg) 20 | 21 | ---- 22 | 23 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.005.jpeg) 24 | 25 | ---- 26 | 27 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.006.jpeg) 28 | 29 | ---- 30 | 31 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.007.jpeg) 32 | 33 | ---- 34 | 35 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.008.jpeg) 36 | 37 | ---- 38 | 39 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.009.jpeg) 40 | 41 | ---- 42 | 43 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.010.jpeg) 44 | 45 | ---- 46 | 47 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.011.jpeg) 48 | 49 | ---- 50 | 51 | ![](http://jsorz.cn/images/slides/tongji-perf/tongji-perf.012.jpeg) 52 | -------------------------------------------------------------------------------- /markdown/起点中文网的的 Web 改造之路 - 梁晨.md: -------------------------------------------------------------------------------- 1 | title: 起点中文网的的 Web 改造之路 2 | speaker: 梁晨 3 | transition: move 4 | 5 | ---- 6 | 7 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9eq83bbuaj31kw0w045c.jpg) 8 | 9 | ---- 10 | 11 | ![](http://ww4.sinaimg.cn/large/005OSeYugw1f9eq80lrzgj31kw0w040a.jpg) 12 | 13 | ---- 14 | 15 | ![](http://ww4.sinaimg.cn/large/005OSeYugw1f9eq81looaj31kw0w0n0b.jpg) 16 | 17 | ---- 18 | 19 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9eq80keg1j31kw0w0mzc.jpg) 20 | 21 | ---- 22 | 23 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9eq80p6axj31kw0w0760.jpg) 24 | 25 | ---- 26 | 27 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9eq81avfpj31kw0w0mzf.jpg) 28 | 29 | ---- 30 | 31 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq81ik92j31kw0w0q5x.jpg) 32 | 33 | ---- 34 | 35 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq80qh4jj31kw0w0767.jpg) 36 | 37 | ---- 38 | 39 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq82382sj31kw0w041x.jpg) 40 | 41 | ---- 42 | 43 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9eq82gzyvj31kw0w0413.jpg) 44 | 45 | ---- 46 | 47 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq82bdwsj31kw0w00vu.jpg) 48 | 49 | ---- 50 | 51 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9eq82d0d6j31kw0w0ju0.jpg) 52 | 53 | ---- 54 | 55 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq80rf24j31kw0w0aby.jpg) 56 | 57 | ---- 58 | 59 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9eq82coi7j31kw0w0q6g.jpg) 60 | 61 | ---- 62 | 63 | ![](http://ww1.sinaimg.cn/large/005OSeYugw1f9eq81mg1cj31kw0w0q57.jpg) 64 | 65 | ---- 66 | 67 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq81gpi0j31kw0w0q5e.jpg) 68 | 69 | ---- 70 | 71 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq826boqj31kw0w0n02.jpg) 72 | 73 | ---- 74 | 75 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9eq82d4m9j31kw0w0jug.jpg) 76 | 77 | ---- 78 | 79 | ![](http://ww4.sinaimg.cn/large/005OSeYugw1f9eq80s1fkj31kw0w076a.jpg) 80 | 81 | ---- 82 | 83 | ![](http://ww2.sinaimg.cn/large/005OSeYugw1f9eq8390zpj31kw0w00xj.jpg) 84 | 85 | ---- 86 | 87 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9eq8309y6j31kw0w042n.jpg) 88 | 89 | ---- 90 | 91 | ![](http://ww3.sinaimg.cn/large/005OSeYugw1f9eq83k2dkj31kw0w0wjy.jpg) 92 | 93 | ---- -------------------------------------------------------------------------------- /needArrange/grid布局-olifer655/README.md: -------------------------------------------------------------------------------- 1 | # Grid-css3 布局 刘子然 2 | 3 | ### 网格容器属性(Grid Container) 4 | 5 | display 6 | 7 | grid-template-row和grid-template-columns ：定义网格的行和列 8 | 9 | grid-template-areas ：定义网格区域名称 10 | 11 | grid-column-gap和grid-row-gap ：指定网格线的大小 12 | 13 | justify-items和align-item ：沿列/行轴对齐网格项中的内容 14 | 15 | justify-content和align-content ：将网格沿列/行轴进行对齐 16 | 17 | grid-auto-columns和grid-auto-rows ：自动生成的网格轨道 18 | 19 | grid-auto-flow ：自动布局算法的工作原理 20 | 21 | ### 网格项属性(Grid Items) 22 | 23 | grid-column-start/grid-column-end ：网格项的网格线的起始位置 24 | 25 | grid-row-start/grid-row-end ： 网格项的网格线的终止位置 26 | 27 | grid-area ：网格项进行命名 28 | 29 | justify-self和align-self：沿列/行轴对齐网格项中的内容 30 | 31 | ### 浏览器配置 32 | 33 | `·chrome://flags`回车后在列表清单中找到“启用实验性网络平台功能”（`#enable-experimental-web-platform-features`），一个更为简单的方法，可以直接在浏览器地址栏中输入网址：`chrome://flags#enable-experimental-web-platform-features`立马定位需要的选项，然后点击“启用”(`enable`)按钮。开启之后，记得重启您的浏览器。 34 | 35 | 36 | ##### 反馈邮箱：348560971@qq.com 37 | -------------------------------------------------------------------------------- /needArrange/grid布局-olifer655/grid/grid.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | font-size: 60px; 5 | color: #fff; 6 | } 7 | .container { 8 | display: grid; 9 | grid-template-rows: 33.33vh 33.33vh 33.33vh; 10 | grid-template-columns: 1fr 1fr 1fr; 11 | /*定义网格区域名称*/ 12 | grid-template-areas: none; 13 | /*grid-template-areas: "header header header" 14 | "main main main";*/ 15 | /*网格线宽度*/ 16 | /*grid-column-gap: 10px; 17 | grid-row-gap: 15px;*/ 18 | 19 | /*沿列/行轴对齐网格项中的内容*/ 20 | /*justify-items: start;*/ 21 | /*align-item: start;*/ 22 | 23 | /*justify-items: stretch; 24 | align-item: stretch;*/ 25 | 26 | } 27 | .container .item1 { 28 | /*隐式轨道如何创建*/ 29 | grid-row: 3 / 4; 30 | grid-column: 3 / 4; 31 | background-color: #A4D3EE; 32 | } 33 | .container .item2 { 34 | /*grid-row: 3 / 4; 35 | grid-column: 3 / 4;*/ 36 | background-color: #9AFF9A; 37 | } 38 | .container .item3 { 39 | background-color: #EEEE00; 40 | } 41 | .container .item4 { 42 | background-color: #6495ED; 43 | } 44 | .container .item5 { 45 | background-color: #CD3278; 46 | } 47 | .container .item6 { 48 | background-color: #EE9A00; 49 | } 50 | .container .item7 { 51 | background-color: #F08080; 52 | } 53 | .container .item8 { 54 | background-color: #BF3EFF; 55 | } 56 | .container .item9 { 57 | background-color: #97FFFF; 58 | } 59 | -------------------------------------------------------------------------------- /needArrange/grid布局-olifer655/grid/grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
    10 |
    1
    11 |
    2
    12 |
    3
    13 |
    4
    14 |
    5
    15 |
    6
    16 |
    7
    17 |
    8
    18 |
    9
    19 |
    20 | 21 | 22 | -------------------------------------------------------------------------------- /needArrange/grid布局-olifer655/zishiying/zishiying.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | font-size: 60px; 5 | color: #fff; 6 | } 7 | .container { 8 | display: grid; 9 | grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 10 | grid-template-rows: 50vh 50vh; 11 | grid-auto-flow: column; 12 | /*grid-auto-flow: rows;*/ 13 | } 14 | .container .item1 { 15 | grid-column: 1; 16 | grid-row: 1 / 3; 17 | background-color: #A4D3EE; 18 | } 19 | .container .item2 { 20 | background-color: #9AFF9A; 21 | } 22 | .container .item3 { 23 | background-color: #EEEE00; 24 | } 25 | .container .item4 { 26 | background-color: #6495ED; 27 | } 28 | .container .item5 { 29 | background-color: #CD3278; 30 | } 31 | .container .item6 { 32 | grid-column: 6; 33 | grid-row: 1 / 3; 34 | background-color: #EE9A00; 35 | } 36 | -------------------------------------------------------------------------------- /needArrange/grid布局-olifer655/zishiying/zishiying.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 自动生成的网格轨道 6 | 7 | 8 | 9 |
    10 |
    1
    11 |
    2
    12 |
    3
    13 |
    4
    14 |
    5
    15 |
    6
    16 |
    17 | 18 | 19 | -------------------------------------------------------------------------------- /needArrange/函数式编程入门简介 - Lellansin/img/bg1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/needArrange/函数式编程入门简介 - Lellansin/img/bg1.jpg -------------------------------------------------------------------------------- /needArrange/函数式编程入门简介 - Lellansin/img/digui.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/needArrange/函数式编程入门简介 - Lellansin/img/digui.jpg -------------------------------------------------------------------------------- /needArrange/函数式编程入门简介 - Lellansin/img/schema.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/needArrange/函数式编程入门简介 - Lellansin/img/schema.jpg -------------------------------------------------------------------------------- /tools/css/theme/README.md: -------------------------------------------------------------------------------- 1 | ## Dependencies 2 | 3 | Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup 4 | 5 | ## Creating a Theme 6 | 7 | To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `grunt css-themes`. 8 | 9 | Each theme file does four things in the following order: 10 | 11 | 1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)** 12 | Shared utility functions. 13 | 14 | 2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)** 15 | Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3. 16 | 17 | 3. **Override** 18 | This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please. 19 | 20 | 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** 21 | The template theme file which will generate final CSS output based on the currently defined variables. 22 | -------------------------------------------------------------------------------- /tools/css/theme/source/beige.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Beige theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(../../lib/font/league-gothic/league-gothic.css); 17 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainColor: #333; 22 | $headingColor: #333; 23 | $headingTextShadow: none; 24 | $backgroundColor: #f7f3de; 25 | $linkColor: #8b743d; 26 | $linkColorHover: lighten( $linkColor, 20% ); 27 | $selectionBackgroundColor: rgba(79, 64, 28, 0.99); 28 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); 29 | 30 | // Background generator 31 | @mixin bodyBackground() { 32 | @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) ); 33 | } 34 | 35 | 36 | 37 | // Theme template ------------------------------ 38 | @import "../template/theme"; 39 | // --------------------------------------------- -------------------------------------------------------------------------------- /tools/css/theme/source/black.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. This is the opposite of the 'white' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #222; 20 | 21 | $mainColor: #fff; 22 | $headingColor: #fff; 23 | 24 | $mainFontSize: 38px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #42affa; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-light-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #222; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /tools/css/theme/source/blood.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Blood theme for reveal.js 3 | * Author: Walther http://github.com/Walther 4 | * 5 | * Designed to be used with highlight.js theme 6 | * "monokai_sublime.css" available from 7 | * https://github.com/isagalaev/highlight.js/ 8 | * 9 | * For other themes, change $codeBackground accordingly. 10 | * 11 | */ 12 | 13 | // Default mixins and settings ----------------- 14 | @import "../template/mixins"; 15 | @import "../template/settings"; 16 | // --------------------------------------------- 17 | 18 | // Include theme-specific fonts 19 | 20 | @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); 21 | 22 | // Colors used in the theme 23 | $blood: #a23; 24 | $coal: #222; 25 | $codeBackground: #23241f; 26 | 27 | $backgroundColor: $coal; 28 | 29 | // Main text 30 | $mainFont: Ubuntu, 'sans-serif'; 31 | $mainFontSize: 36px; 32 | $mainColor: #eee; 33 | 34 | // Headings 35 | $headingFont: Ubuntu, 'sans-serif'; 36 | $headingTextShadow: 2px 2px 2px $coal; 37 | 38 | // h1 shadow, borrowed humbly from 39 | // (c) Default theme by Hakim El Hattab 40 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); 41 | 42 | // Links 43 | $linkColor: $blood; 44 | $linkColorHover: lighten( $linkColor, 20% ); 45 | 46 | // Text selection 47 | $selectionBackgroundColor: $blood; 48 | $selectionColor: #fff; 49 | 50 | 51 | // Theme template ------------------------------ 52 | @import "../template/theme"; 53 | // --------------------------------------------- 54 | 55 | // some overrides after theme template import 56 | 57 | .reveal p { 58 | font-weight: 300; 59 | text-shadow: 1px 1px $coal; 60 | } 61 | 62 | .reveal h1, 63 | .reveal h2, 64 | .reveal h3, 65 | .reveal h4, 66 | .reveal h5, 67 | .reveal h6 { 68 | font-weight: 700; 69 | } 70 | 71 | .reveal p code { 72 | background-color: $codeBackground; 73 | display: inline-block; 74 | border-radius: 7px; 75 | } 76 | 77 | .reveal small code { 78 | vertical-align: baseline; 79 | } -------------------------------------------------------------------------------- /tools/css/theme/source/league.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * League theme for reveal.js. 3 | * 4 | * This was the default theme pre-3.0.0. 5 | * 6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(../../lib/font/league-gothic/league-gothic.css); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | // Override theme settings (see ../template/settings.scss) 22 | $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); 23 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); 24 | 25 | // Background generator 26 | @mixin bodyBackground() { 27 | @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) ); 28 | } 29 | 30 | 31 | 32 | // Theme template ------------------------------ 33 | @import "../template/theme"; 34 | // --------------------------------------------- -------------------------------------------------------------------------------- /tools/css/theme/source/moon.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Dark theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | /** 19 | * Solarized colors by Ethan Schoonover 20 | */ 21 | html * { 22 | color-profile: sRGB; 23 | rendering-intent: auto; 24 | } 25 | 26 | // Solarized colors 27 | $base03: #002b36; 28 | $base02: #073642; 29 | $base01: #586e75; 30 | $base00: #657b83; 31 | $base0: #839496; 32 | $base1: #93a1a1; 33 | $base2: #eee8d5; 34 | $base3: #fdf6e3; 35 | $yellow: #b58900; 36 | $orange: #cb4b16; 37 | $red: #dc322f; 38 | $magenta: #d33682; 39 | $violet: #6c71c4; 40 | $blue: #268bd2; 41 | $cyan: #2aa198; 42 | $green: #859900; 43 | 44 | // Override theme settings (see ../template/settings.scss) 45 | $mainColor: $base1; 46 | $headingColor: $base2; 47 | $headingTextShadow: none; 48 | $backgroundColor: $base03; 49 | $linkColor: $blue; 50 | $linkColorHover: lighten( $linkColor, 20% ); 51 | $selectionBackgroundColor: $magenta; 52 | 53 | 54 | 55 | // Theme template ------------------------------ 56 | @import "../template/theme"; 57 | // --------------------------------------------- 58 | -------------------------------------------------------------------------------- /tools/css/theme/source/night.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 16 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 17 | 18 | 19 | // Override theme settings (see ../template/settings.scss) 20 | $backgroundColor: #111; 21 | 22 | $mainFont: 'Open Sans', sans-serif; 23 | $linkColor: #e7ad52; 24 | $linkColorHover: lighten( $linkColor, 20% ); 25 | $headingFont: 'Montserrat', Impact, sans-serif; 26 | $headingTextShadow: none; 27 | $headingLetterSpacing: -0.03em; 28 | $headingTextTransform: none; 29 | $selectionBackgroundColor: #e7ad52; 30 | $mainFontSize: 30px; 31 | 32 | 33 | // Theme template ------------------------------ 34 | @import "../template/theme"; 35 | // --------------------------------------------- -------------------------------------------------------------------------------- /tools/css/theme/source/serif.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is brown. 4 | * 5 | * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed. 6 | */ 7 | 8 | 9 | // Default mixins and settings ----------------- 10 | @import "../template/mixins"; 11 | @import "../template/settings"; 12 | // --------------------------------------------- 13 | 14 | 15 | 16 | // Override theme settings (see ../template/settings.scss) 17 | $mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 18 | $mainColor: #000; 19 | $headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 20 | $headingColor: #383D3D; 21 | $headingTextShadow: none; 22 | $headingTextTransform: none; 23 | $backgroundColor: #F0F1EB; 24 | $linkColor: #51483D; 25 | $linkColorHover: lighten( $linkColor, 20% ); 26 | $selectionBackgroundColor: #26351C; 27 | 28 | .reveal a { 29 | line-height: 1.3em; 30 | } 31 | 32 | 33 | // Theme template ------------------------------ 34 | @import "../template/theme"; 35 | // --------------------------------------------- 36 | -------------------------------------------------------------------------------- /tools/css/theme/source/simple.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is darkblue. 4 | * 5 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. 6 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | 22 | // Override theme settings (see ../template/settings.scss) 23 | $mainFont: 'Lato', sans-serif; 24 | $mainColor: #000; 25 | $headingFont: 'News Cycle', Impact, sans-serif; 26 | $headingColor: #000; 27 | $headingTextShadow: none; 28 | $headingTextTransform: none; 29 | $backgroundColor: #fff; 30 | $linkColor: #00008B; 31 | $linkColorHover: lighten( $linkColor, 20% ); 32 | $selectionBackgroundColor: rgba(0, 0, 0, 0.99); 33 | 34 | 35 | 36 | // Theme template ------------------------------ 37 | @import "../template/theme"; 38 | // --------------------------------------------- -------------------------------------------------------------------------------- /tools/css/theme/source/sky.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Sky theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); 17 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainFont: 'Open Sans', sans-serif; 22 | $mainColor: #333; 23 | $headingFont: 'Quicksand', sans-serif; 24 | $headingColor: #333; 25 | $headingLetterSpacing: -0.08em; 26 | $headingTextShadow: none; 27 | $backgroundColor: #f7fbfc; 28 | $linkColor: #3b759e; 29 | $linkColorHover: lighten( $linkColor, 20% ); 30 | $selectionBackgroundColor: #134674; 31 | 32 | // Fix links so they are not cut off 33 | .reveal a { 34 | line-height: 1.3em; 35 | } 36 | 37 | // Background generator 38 | @mixin bodyBackground() { 39 | @include radial-gradient( #add9e4, #f7fbfc ); 40 | } 41 | 42 | 43 | 44 | // Theme template ------------------------------ 45 | @import "../template/theme"; 46 | // --------------------------------------------- 47 | -------------------------------------------------------------------------------- /tools/css/theme/source/solarized.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Light theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | 19 | /** 20 | * Solarized colors by Ethan Schoonover 21 | */ 22 | html * { 23 | color-profile: sRGB; 24 | rendering-intent: auto; 25 | } 26 | 27 | // Solarized colors 28 | $base03: #002b36; 29 | $base02: #073642; 30 | $base01: #586e75; 31 | $base00: #657b83; 32 | $base0: #839496; 33 | $base1: #93a1a1; 34 | $base2: #eee8d5; 35 | $base3: #fdf6e3; 36 | $yellow: #b58900; 37 | $orange: #cb4b16; 38 | $red: #dc322f; 39 | $magenta: #d33682; 40 | $violet: #6c71c4; 41 | $blue: #268bd2; 42 | $cyan: #2aa198; 43 | $green: #859900; 44 | 45 | // Override theme settings (see ../template/settings.scss) 46 | $mainColor: $base00; 47 | $headingColor: $base01; 48 | $headingTextShadow: none; 49 | $backgroundColor: $base3; 50 | $linkColor: $blue; 51 | $linkColorHover: lighten( $linkColor, 20% ); 52 | $selectionBackgroundColor: $magenta; 53 | 54 | // Background generator 55 | // @mixin bodyBackground() { 56 | // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) ); 57 | // } 58 | 59 | 60 | 61 | // Theme template ------------------------------ 62 | @import "../template/theme"; 63 | // --------------------------------------------- 64 | -------------------------------------------------------------------------------- /tools/css/theme/source/white.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * White theme for reveal.js. This is the opposite of the 'black' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #fff; 20 | 21 | $mainColor: #222; 22 | $headingColor: #222; 23 | 24 | $mainFontSize: 38px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #2a76dd; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-dark-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #fff; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /tools/css/theme/template/mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin vertical-gradient( $top, $bottom ) { 2 | background: $top; 3 | background: -moz-linear-gradient( top, $top 0%, $bottom 100% ); 4 | background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) ); 5 | background: -webkit-linear-gradient( top, $top 0%, $bottom 100% ); 6 | background: -o-linear-gradient( top, $top 0%, $bottom 100% ); 7 | background: -ms-linear-gradient( top, $top 0%, $bottom 100% ); 8 | background: linear-gradient( top, $top 0%, $bottom 100% ); 9 | } 10 | 11 | @mixin horizontal-gradient( $top, $bottom ) { 12 | background: $top; 13 | background: -moz-linear-gradient( left, $top 0%, $bottom 100% ); 14 | background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) ); 15 | background: -webkit-linear-gradient( left, $top 0%, $bottom 100% ); 16 | background: -o-linear-gradient( left, $top 0%, $bottom 100% ); 17 | background: -ms-linear-gradient( left, $top 0%, $bottom 100% ); 18 | background: linear-gradient( left, $top 0%, $bottom 100% ); 19 | } 20 | 21 | @mixin radial-gradient( $outer, $inner, $type: circle ) { 22 | background: $outer; 23 | background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 24 | background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) ); 25 | background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 26 | background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 27 | background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 28 | background: radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 29 | } -------------------------------------------------------------------------------- /tools/css/theme/template/settings.scss: -------------------------------------------------------------------------------- 1 | // Base settings for all themes that can optionally be 2 | // overridden by the super-theme 3 | 4 | // Background of the presentation 5 | $backgroundColor: #2b2b2b; 6 | 7 | // Primary/body text 8 | $mainFont: 'Lato', sans-serif; 9 | $mainFontSize: 36px; 10 | $mainColor: #eee; 11 | 12 | // Vertical spacing between blocks of text 13 | $blockMargin: 20px; 14 | 15 | // Headings 16 | $headingMargin: 0 0 $blockMargin 0; 17 | $headingFont: 'League Gothic', Impact, sans-serif; 18 | $headingColor: #eee; 19 | $headingLineHeight: 1.2; 20 | $headingLetterSpacing: normal; 21 | $headingTextTransform: uppercase; 22 | $headingTextShadow: none; 23 | $headingFontWeight: normal; 24 | $heading1TextShadow: $headingTextShadow; 25 | 26 | $heading1Size: 3.77em; 27 | $heading2Size: 2.11em; 28 | $heading3Size: 1.55em; 29 | $heading4Size: 1.00em; 30 | 31 | // Links and actions 32 | $linkColor: #13DAEC; 33 | $linkColorHover: lighten( $linkColor, 20% ); 34 | 35 | // Text selection 36 | $selectionBackgroundColor: #FF5E99; 37 | $selectionColor: #fff; 38 | 39 | // Generates the presentation background, can be overridden 40 | // to return a background image or gradient 41 | @mixin bodyBackground() { 42 | background: $backgroundColor; 43 | } -------------------------------------------------------------------------------- /tools/img/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/img/github.png -------------------------------------------------------------------------------- /tools/img/weibo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/img/weibo.png -------------------------------------------------------------------------------- /tools/lib/css/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #3f3f3f; 13 | color: #dcdcdc; 14 | } 15 | 16 | .hljs-keyword, 17 | .hljs-selector-tag, 18 | .hljs-tag { 19 | color: #e3ceab; 20 | } 21 | 22 | .hljs-template-tag { 23 | color: #dcdcdc; 24 | } 25 | 26 | .hljs-number { 27 | color: #8cd0d3; 28 | } 29 | 30 | .hljs-variable, 31 | .hljs-template-variable, 32 | .hljs-attribute { 33 | color: #efdcbc; 34 | } 35 | 36 | .hljs-literal { 37 | color: #efefaf; 38 | } 39 | 40 | .hljs-subst { 41 | color: #8f8f8f; 42 | } 43 | 44 | .hljs-title, 45 | .hljs-name, 46 | .hljs-selector-id, 47 | .hljs-selector-class, 48 | .hljs-section, 49 | .hljs-type { 50 | color: #efef8f; 51 | } 52 | 53 | .hljs-symbol, 54 | .hljs-bullet, 55 | .hljs-link { 56 | color: #dca3a3; 57 | } 58 | 59 | .hljs-deletion, 60 | .hljs-string, 61 | .hljs-built_in, 62 | .hljs-builtin-name { 63 | color: #cc9393; 64 | } 65 | 66 | .hljs-addition, 67 | .hljs-comment, 68 | .hljs-quote, 69 | .hljs-meta { 70 | color: #7f9f7f; 71 | } 72 | 73 | 74 | .hljs-emphasis { 75 | font-style: italic; 76 | } 77 | 78 | .hljs-strong { 79 | font-weight: bold; 80 | } 81 | -------------------------------------------------------------------------------- /tools/lib/font/league-gothic/LICENSE: -------------------------------------------------------------------------------- 1 | SIL Open Font License (OFL) 2 | http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | -------------------------------------------------------------------------------- /tools/lib/font/league-gothic/league-gothic.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'League Gothic'; 3 | src: url('league-gothic.eot'); 4 | src: url('league-gothic.eot?#iefix') format('embedded-opentype'), 5 | url('league-gothic.woff') format('woff'), 6 | url('league-gothic.ttf') format('truetype'); 7 | 8 | font-weight: normal; 9 | font-style: normal; 10 | } -------------------------------------------------------------------------------- /tools/lib/font/league-gothic/league-gothic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/league-gothic/league-gothic.eot -------------------------------------------------------------------------------- /tools/lib/font/league-gothic/league-gothic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/league-gothic/league-gothic.ttf -------------------------------------------------------------------------------- /tools/lib/font/league-gothic/league-gothic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/league-gothic/league-gothic.woff -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-italic.eot -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-italic.ttf -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-italic.woff -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-regular.eot -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-regular.ttf -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-regular.woff -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-semibold.eot -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-semibold.ttf -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-semibold.woff -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElemeFE/keynote/544479437f932cc3b875fd8cc66dd2f23f0c5ebb/tools/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff -------------------------------------------------------------------------------- /tools/lib/font/source-sans-pro/source-sans-pro.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Source Sans Pro'; 3 | src: url('source-sans-pro-regular.eot'); 4 | src: url('source-sans-pro-regular.eot?#iefix') format('embedded-opentype'), 5 | url('source-sans-pro-regular.woff') format('woff'), 6 | url('source-sans-pro-regular.ttf') format('truetype'); 7 | font-weight: normal; 8 | font-style: normal; 9 | } 10 | 11 | @font-face { 12 | font-family: 'Source Sans Pro'; 13 | src: url('source-sans-pro-italic.eot'); 14 | src: url('source-sans-pro-italic.eot?#iefix') format('embedded-opentype'), 15 | url('source-sans-pro-italic.woff') format('woff'), 16 | url('source-sans-pro-italic.ttf') format('truetype'); 17 | font-weight: normal; 18 | font-style: italic; 19 | } 20 | 21 | @font-face { 22 | font-family: 'Source Sans Pro'; 23 | src: url('source-sans-pro-semibold.eot'); 24 | src: url('source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'), 25 | url('source-sans-pro-semibold.woff') format('woff'), 26 | url('source-sans-pro-semibold.ttf') format('truetype'); 27 | font-weight: 600; 28 | font-style: normal; 29 | } 30 | 31 | @font-face { 32 | font-family: 'Source Sans Pro'; 33 | src: url('source-sans-pro-semibolditalic.eot'); 34 | src: url('source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'), 35 | url('source-sans-pro-semibolditalic.woff') format('woff'), 36 | url('source-sans-pro-semibolditalic.ttf') format('truetype'); 37 | font-weight: 600; 38 | font-style: italic; 39 | } -------------------------------------------------------------------------------- /tools/lib/js/classList.js: -------------------------------------------------------------------------------- 1 | /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/ 2 | if(typeof document!=="undefined"&&!("classList" in document.createElement("a"))){(function(j){var a="classList",f="prototype",m=(j.HTMLElement||j.Element)[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;pbody{font-family: sans-serif;}

    reveal.js multiplex server.

    Generate token'); 38 | res.end(); 39 | }); 40 | stream.on('readable', function() { 41 | stream.pipe(res); 42 | }); 43 | }); 44 | 45 | app.get("/token", function(req,res) { 46 | var ts = new Date().getTime(); 47 | var rand = Math.floor(Math.random()*9999999); 48 | var secret = ts.toString() + rand.toString(); 49 | res.send({secret: secret, socketId: createHash(secret)}); 50 | }); 51 | 52 | var createHash = function(secret) { 53 | var cipher = crypto.createCipher('blowfish', secret); 54 | return(cipher.final('hex')); 55 | }; 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | console.log( brown + "reveal.js:" + reset + " Multiplex running on port " + green + opts.port + reset ); -------------------------------------------------------------------------------- /tools/plugin/multiplex/master.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // Don't emit events from inside of notes windows 4 | if ( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var multiplex = Reveal.getConfig().multiplex; 7 | 8 | var socket = io.connect( multiplex.url ); 9 | 10 | function post() { 11 | 12 | var messageData = { 13 | state: Reveal.getState(), 14 | secret: multiplex.secret, 15 | socketId: multiplex.id 16 | }; 17 | 18 | socket.emit( 'multiplex-statechanged', messageData ); 19 | 20 | }; 21 | 22 | // Monitor events that trigger a change in state 23 | Reveal.addEventListener( 'slidechanged', post ); 24 | Reveal.addEventListener( 'fragmentshown', post ); 25 | Reveal.addEventListener( 'fragmenthidden', post ); 26 | Reveal.addEventListener( 'overviewhidden', post ); 27 | Reveal.addEventListener( 'overviewshown', post ); 28 | Reveal.addEventListener( 'paused', post ); 29 | Reveal.addEventListener( 'resumed', post ); 30 | 31 | }()); -------------------------------------------------------------------------------- /tools/plugin/multiplex/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "reveal-js-multiplex", 3 | "version": "1.0.0", 4 | "description": "reveal.js multiplex server", 5 | "homepage": "http://lab.hakim.se/reveal-js", 6 | "scripts": { 7 | "start": "node index.js" 8 | }, 9 | "engines": { 10 | "node": "~4.1.1" 11 | }, 12 | "dependencies": { 13 | "express": "~4.13.3", 14 | "grunt-cli": "~0.1.13", 15 | "mustache": "~2.2.1", 16 | "socket.io": "~1.3.7" 17 | }, 18 | "license": "MIT" 19 | } 20 | -------------------------------------------------------------------------------- /tools/plugin/notes-server/client.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // don't emit events from inside the previews themselves 4 | if( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var socket = io.connect( window.location.origin ), 7 | socketId = Math.random().toString().slice( 2 ); 8 | 9 | console.log( 'View slide notes at ' + window.location.origin + '/notes/' + socketId ); 10 | 11 | window.open( window.location.origin + '/notes/' + socketId, 'notes-' + socketId ); 12 | 13 | /** 14 | * Posts the current slide data to the notes window 15 | */ 16 | function post() { 17 | 18 | var slideElement = Reveal.getCurrentSlide(), 19 | notesElement = slideElement.querySelector( 'aside.notes' ); 20 | 21 | var messageData = { 22 | notes: '', 23 | markdown: false, 24 | socketId: socketId, 25 | state: Reveal.getState() 26 | }; 27 | 28 | // Look for notes defined in a slide attribute 29 | if( slideElement.hasAttribute( 'data-notes' ) ) { 30 | messageData.notes = slideElement.getAttribute( 'data-notes' ); 31 | } 32 | 33 | // Look for notes defined in an aside element 34 | if( notesElement ) { 35 | messageData.notes = notesElement.innerHTML; 36 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string'; 37 | } 38 | 39 | socket.emit( 'statechanged', messageData ); 40 | 41 | } 42 | 43 | // When a new notes window connects, post our current state 44 | socket.on( 'new-subscriber', function( data ) { 45 | post(); 46 | } ); 47 | 48 | // When the state changes from inside of the speaker view 49 | socket.on( 'statechanged-speaker', function( data ) { 50 | Reveal.setState( data.state ); 51 | } ); 52 | 53 | // Monitor events that trigger a change in state 54 | Reveal.addEventListener( 'slidechanged', post ); 55 | Reveal.addEventListener( 'fragmentshown', post ); 56 | Reveal.addEventListener( 'fragmenthidden', post ); 57 | Reveal.addEventListener( 'overviewhidden', post ); 58 | Reveal.addEventListener( 'overviewshown', post ); 59 | Reveal.addEventListener( 'paused', post ); 60 | Reveal.addEventListener( 'resumed', post ); 61 | 62 | // Post the initial state 63 | post(); 64 | 65 | }()); 66 | -------------------------------------------------------------------------------- /tools/plugin/notes-server/index.js: -------------------------------------------------------------------------------- 1 | var http = require('http'); 2 | var express = require('express'); 3 | var fs = require('fs'); 4 | var io = require('socket.io'); 5 | var Mustache = require('mustache'); 6 | 7 | var app = express(); 8 | var staticDir = express.static; 9 | var server = http.createServer(app); 10 | 11 | io = io(server); 12 | 13 | var opts = { 14 | port : 1947, 15 | baseDir : __dirname + '/../../' 16 | }; 17 | 18 | io.on( 'connection', function( socket ) { 19 | 20 | socket.on( 'new-subscriber', function( data ) { 21 | socket.broadcast.emit( 'new-subscriber', data ); 22 | }); 23 | 24 | socket.on( 'statechanged', function( data ) { 25 | delete data.state.overview; 26 | socket.broadcast.emit( 'statechanged', data ); 27 | }); 28 | 29 | socket.on( 'statechanged-speaker', function( data ) { 30 | delete data.state.overview; 31 | socket.broadcast.emit( 'statechanged-speaker', data ); 32 | }); 33 | 34 | }); 35 | 36 | [ 'css', 'js', 'images', 'plugin', 'lib' ].forEach( function( dir ) { 37 | app.use( '/' + dir, staticDir( opts.baseDir + dir ) ); 38 | }); 39 | 40 | app.get('/', function( req, res ) { 41 | 42 | res.writeHead( 200, { 'Content-Type': 'text/html' } ); 43 | fs.createReadStream( opts.baseDir + '/index.html' ).pipe( res ); 44 | 45 | }); 46 | 47 | app.get( '/notes/:socketId', function( req, res ) { 48 | 49 | fs.readFile( opts.baseDir + 'plugin/notes-server/notes.html', function( err, data ) { 50 | res.send( Mustache.to_html( data.toString(), { 51 | socketId : req.params.socketId 52 | })); 53 | }); 54 | 55 | }); 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | var slidesLocation = 'http://localhost' + ( opts.port ? ( ':' + opts.port ) : '' ); 65 | 66 | console.log( brown + 'reveal.js - Speaker Notes' + reset ); 67 | console.log( '1. Open the slides at ' + green + slidesLocation + reset ); 68 | console.log( '2. Click on the link in your JS console to go to the notes page' ); 69 | console.log( '3. Advance through your slides and your notes will advance automatically' ); 70 | -------------------------------------------------------------------------------- /tools/plugin/print-pdf/print-pdf.js: -------------------------------------------------------------------------------- 1 | /** 2 | * phantomjs script for printing presentations to PDF. 3 | * 4 | * Example: 5 | * phantomjs print-pdf.js "http://lab.hakim.se/reveal-js?print-pdf" reveal-demo.pdf 6 | * 7 | * By Manuel Bieh (https://github.com/manuelbieh) 8 | */ 9 | 10 | // html2pdf.js 11 | var page = new WebPage(); 12 | var system = require( 'system' ); 13 | 14 | var slideWidth = system.args[3] ? system.args[3].split( 'x' )[0] : 960; 15 | var slideHeight = system.args[3] ? system.args[3].split( 'x' )[1] : 700; 16 | 17 | page.viewportSize = { 18 | width: slideWidth, 19 | height: slideHeight 20 | }; 21 | 22 | // TODO 23 | // Something is wrong with these config values. An input 24 | // paper width of 1920px actually results in a 756px wide 25 | // PDF. 26 | page.paperSize = { 27 | width: Math.round( slideWidth * 2 ), 28 | height: Math.round( slideHeight * 2 ), 29 | border: 0 30 | }; 31 | 32 | var inputFile = system.args[1] || 'index.html?print-pdf'; 33 | var outputFile = system.args[2] || 'slides.pdf'; 34 | 35 | if( outputFile.match( /\.pdf$/gi ) === null ) { 36 | outputFile += '.pdf'; 37 | } 38 | 39 | console.log( 'Printing PDF (Paper size: '+ page.paperSize.width + 'x' + page.paperSize.height +')' ); 40 | 41 | page.open( inputFile, function( status ) { 42 | window.setTimeout( function() { 43 | console.log( 'Printed successfully' ); 44 | page.render( outputFile ); 45 | phantom.exit(); 46 | }, 1000 ); 47 | } ); 48 | 49 | --------------------------------------------------------------------------------