From 2d43a1dd763392de713914baa28cea8df8378f8c Mon Sep 17 00:00:00 2001 From: Still Hsu <341464@gmail.com> Date: Tue, 19 Jun 2018 06:15:36 +0800 Subject: [PATCH] Improve styling + Change title font to Noto Sans + Add materialized design for commit message box --- .../plugins/LastModifiedPostProcessor.dll | Bin 11776 -> 11776 bytes .../light-dark-theme/styles/dark.css | 38 ++++++++++++++++ .../light-dark-theme/styles/light.css | 37 +++++++++++++++ .../light-dark-theme/styles/master.css | 43 +++++++++++++++++- 4 files changed, 117 insertions(+), 1 deletion(-) diff --git a/docs/_template/last-modified/plugins/LastModifiedPostProcessor.dll b/docs/_template/last-modified/plugins/LastModifiedPostProcessor.dll index 2c9a4c2046c632a74d184bab5d2688bdc28ef83c..f0485de7b1fbcd6eafb38adeb430e3157a66b34f 100644 GIT binary patch delta 670 zcmYjOO=uHA6n-^g9iVbwHj? z;*>iM;0nnsEqDUCU-C(8p3h2M{V&^^BD2@+h3Zq;E=B(vUXvC|@5IJ1Iy>0c))|+~ zb_E|nIVk6ji5mZHcPebzfe9)&{cS*DkA<-HPiUHQN72hBq;`#IK}Dl(m8FsUSym{2 zuA#CLa<;}BveoC2A-~62>;%w)en&)?Sq~~|?uh>AVG#;21lJ%38OXvF#2jS! zg4QcL7aS56nYR_z;oKRP^SG=}XEkmAvJ)a1(tAH~z( ziVYx>QxuCf5Ow^gbsb4_5R86A7!f~-;3-}A20tXeysceN)_oy+ePiw+ujtjGrWkLD zBDL$;^MO|{-Y52VmqyBHZ;b~$X=tQsUpCeW_k_w$3Ism@YTpmtq{OuM9=b#Dkv0w= bkxYm}%(e`JI8Ok$@zkbi`yxBUiYdPVgX^K0 delta 635 zcmYk4Ur19?9LImZyPbRQ<|dm%MXs!^dpFIEv1^f}6lq2V8ABT-tq}!f6s-;#_z+Gh zk($;xU`V)n@j(oRU8sj%BIvajAETap2%>yh554s}=B#r#=X}oh_wO9eDdvi~r}OTI zmC9PV)Q)rIwexsLAa<}wKfpN=Rgz*1JFp~Xa2m%2Dk0`J08ngLJx)gXsYDVkxWjFl z3P%CFag_^&_y}=`1sOjn@~kzwBJDexrt;OjjULqbZ*u2VvBd69zm5nJxJ?iXG-5@h|Z11Eg#0jS;G>GhT%BI7o`cnGnDYQ&A#q`@qK;a zSnsv4^DHQA{&RYPEQiaJ2CB0fdi#fSZK&9~oleFYrOD3p7d#sodxgt%n3GXDU8 zUrd>1z^GJLI`iJacee%>tJgcT;+0wI-W9j%qD-{@d1UlK;PLa}i@qN@3a__&k|X74 z3ywQ8)&h$6mL(eFMGu1P^d+2U@%swePV<2$h_+bmI>>BDLE71{Ec6@)@R8Siw-Zcm IV>zw;0r@YRYXATM diff --git a/docs/_template/light-dark-theme/styles/dark.css b/docs/_template/light-dark-theme/styles/dark.css index 19899c7e9..2ea9aea29 100644 --- a/docs/_template/light-dark-theme/styles/dark.css +++ b/docs/_template/light-dark-theme/styles/dark.css @@ -261,3 +261,41 @@ select { background-color: #3b3b3b; border-color: #2e2e2e; } + +/* + Following code regarding collapse container are fetched + or modified from the Materialize project. + + The MIT License (MIT) + Copyright (c) 2014-2018 Materialize + https://github.com/Dogfalo/materialize +*/ + +/* all collapse container */ +.collapse-container.last-modified { + -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7); + box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7); + border-top: 1px solid rgba(96, 96, 96, 0.7); + border-right: 1px solid rgba(96, 96, 96, 0.7); + border-left: 1px solid rgba(96, 96, 96, 0.7); +} + +/* header */ +.collapse-container.last-modified>:nth-child(odd) { + background-color: #3f3f3f; + border-bottom: 1px solid rgba(96, 96, 96, 0.7); +} + +/* body */ +.collapse-container.last-modified>:nth-child(even) { + border-bottom: 1px solid rgba(96, 96, 96, 0.7); + background-color: inherit; +} + +span.arrow-d{ + border-top: 5px solid white +} + +span.arrow-r{ + border-left: 5px solid white +} \ No newline at end of file diff --git a/docs/_template/light-dark-theme/styles/light.css b/docs/_template/light-dark-theme/styles/light.css index a602274a2..244e03ed9 100644 --- a/docs/_template/light-dark-theme/styles/light.css +++ b/docs/_template/light-dark-theme/styles/light.css @@ -54,3 +54,40 @@ select { background-color: #fcfcfc; border-color: #aeb1b5; } + +/* + Following code regarding collapse container are fetched + or modified from the Materialize project. + + The MIT License (MIT) + Copyright (c) 2014-2018 Materialize + https://github.com/Dogfalo/materialize +*/ + +/* all collapse container */ +.collapse-container.last-modified { + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + border-top: 1px solid #ddd; + border-right: 1px solid #ddd; + border-left: 1px solid #ddd; +} + +/* header */ +.collapse-container.last-modified>:nth-child(odd) { + background-color: #fff; + border-bottom: 1px solid #ddd; +} + +/* body */ +.collapse-container.last-modified>:nth-child(even) { + border-bottom: 1px solid #ddd; +} + +span.arrow-d{ + border-top: 5px solid black +} + +span.arrow-r{ + border-left: 5px solid black +} \ No newline at end of file diff --git a/docs/_template/light-dark-theme/styles/master.css b/docs/_template/light-dark-theme/styles/master.css index c8dbe8884..1c59e7b41 100644 --- a/docs/_template/light-dark-theme/styles/master.css +++ b/docs/_template/light-dark-theme/styles/master.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css?family=Titillium+Web'); +@import url('https://fonts.googleapis.com/css?family=Titillium+Web|Noto+Sans'); html, body { font-family: 'Titillium Web', 'Segoe UI', Tahoma, Helvetica, sans-serif; @@ -25,6 +25,7 @@ h3, h4, h5, h6 { + font-family: 'Noto Sans', Verdana, Geneva, Tahoma, sans-serif; line-height: 130%; } @@ -63,3 +64,43 @@ select { background-size: 5px 5px, 5px 6px; background-repeat: no-repeat; } + +/* + Following code regarding collapse container are fetched + or modified from the Materialize project. + + The MIT License (MIT) + Copyright (c) 2014-2018 Materialize + https://github.com/Dogfalo/materialize +*/ + +/* all collapse container */ +.collapse-container.last-modified { + margin: 0.5rem 0 1rem 0; +} + +/* header */ +.collapse-container.last-modified>:nth-child(odd):focus { + outline: 0; +} +.collapse-container.last-modified>:nth-child(odd) { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + line-height: 1.5; + padding: 0.75rem; + background-image:none; + border: 0px; +} + +/* body */ +.collapse-container.last-modified>:nth-child(even) { + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 1rem; + border: 0px; +}