From: Kim Nguyễn Date: Wed, 13 Apr 2016 05:27:49 +0000 (+0200) Subject: . X-Git-Url: http://git.nguyen.vg/gitweb/?p=hacks%2FsimpleWebSlides.git;a=commitdiff_plain;h=d1e38aa4ad83a802d84d74500dbfac92010ae247 . --- diff --git a/themes/DIN-Black.ttf b/themes/DIN-Black.ttf new file mode 100644 index 0000000..47fb108 Binary files /dev/null and b/themes/DIN-Black.ttf differ diff --git a/themes/logo_upsay_blanc.svg b/themes/logo_upsay_blanc.svg new file mode 100644 index 0000000..5c4bd9d --- /dev/null +++ b/themes/logo_upsay_blanc.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/reserve_upsay.svg b/themes/reserve_upsay.svg new file mode 100644 index 0000000..67a63de --- /dev/null +++ b/themes/reserve_upsay.svg @@ -0,0 +1,200 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/uPsay.css b/themes/uPsay.css new file mode 100644 index 0000000..45f37c2 --- /dev/null +++ b/themes/uPsay.css @@ -0,0 +1,487 @@ +@import url(https://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext); +@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext); +@import url("cm.css"); + +/**** structure of the slide in this theme: + no-header + title : 10% + text : 80% == 20 lines of text. + footer :10% + + + +*/ + + +/* No header in this theme */ +.sws-header { + display: none; +} + +.sws-title > h1 { + margin:0; + padding:0; +} +.sws-title { + box-sizing:border-box; +} +.sws-cover { + display:flex; + flex-direction:column; + justify-content: center; + background:#00537f; + height: 3em; + padding: 0; + margin: 0; +} + +.sws-cover .sws-content { + text-align:left; + background-color:#003a58; + background-image: url(reserve_upsay.svg); + background-size:auto 100%; + background-position: right top; + background-repeat: no-repeat; + padding-left:1em; + padding-top:0.1em; +} + +.sws-cover .sws-content :first-child { + position: relative; +} +.sws-cover.sws-inner-canvas { + height: 100%; +} + +.sws-cover h1, +.sws-cover h2, +.sws-cover h3, +.sws-cover a { + display:bock; + text-align:left; + color: white; + background-color: transparent; + padding: 0 0 0 0; + margin: 0 0 0 0; +} +.sws-cover h2 { + font-size:100%; +} +.sws-cover h3, +.sws-cover a { + font-size:70%; +} + +.sws-cover h1:first-of-type { + font-size: 250%; + font-variant:small-caps; +} + + +.sws-toc { position: absolute; + left: 0; + bottom: 0; + right: 0; + top:0; + } + +.sws-toc > .sws-content { + position:absolute; + top: 20%; + width:100%; +} + +.sws-title h1 { + color: white; + font-size: 175%; + text-align: left; + box-sizing:border-box; + padding-left:0.75em; + padding-top:0.25em; + width:100%; + height:100%; + background-color:#00537f; + background-image: url(reserve_upsay.svg); + background-size:auto 100%; + background-position: right top; + background-repeat: no-repeat; +} +.sws-title::before { + content : " "; + position:absolute; + background-image: url(logo_upsay_blanc.svg); + background-size:auto 100%; + background-position: right top; + background-repeat: no-repeat; + width:3em; + height:1em; + right:2em; + bottom: 0.2em; +} +.sws-canvas { + color: #696968; + background: #fff; + padding:0; + margin: 0; + position:relative; + z-index:0; +} + + +.sws-inner-canvas { + height: 85%; + z-index: 2; + position: relative; /* to make z-index work */ + margin:0; + box-sizing:border-box; +} + +/* Title of the slide */ +.sws-title { + position:relative; + height: 10%; + z-index: 2; + +} + +.sws-footer { + height: 5%; + text-align:right; + box-sizing:border-box; + padding-right:0.5em; + vertical-align: middle; + z-index: 1; + overflow: visible; + position:relative; +} + +.sws-footer::before { + position: absolute; + left:5%; + display:inline-block; + content: " "; + width: 90%; + top: -0.1em; + border-top:#92b938 0.1em solid; +} + +.sws-slide-num-sep:after { + content: "/"; +} + + +@font-face { + src: url("DIN-Bold.ttf") format("truetype"); + font-family: "DIN"; +} + +@font-face { + src: url("DIN-Black.ttf") format("truetype"); + font-family: "DIN"; + font-weight: bold; +} + + + +body { + font-family: "DIN", sans-serif; + background-color: white; + color: #696968; +} + +p { + display:block; + width:92%; + padding: 0 4% 0 4%; + text-align:justify; + +} + +hr { + border: none; +} + +code, pre, tt { + font-family: 'Inconsolata', monospace; + /*color: #494948;*/ +} + +code { + display: block; + white-space: pre; +} + +ul { + list-style-type: none; +} +ul > li:before { + content:"⏹ "; + color:#92b938; + white-space:pre; + font-size:90%; + position:relative; + top:-0.15em; +} + +.sws-toc li:before { + content:""; +} + +ul, ol { + list-style-position: inside; + width: 92%; + padding: 0 4% 0 4%; +} + +ul.empty { + list-style-type: none; +} + +.hl { + color: #92b938; +} + +.done::after { + content: " ✔"; +} + +li { + margin-top:0.5vmin; +} + +tt em, code em { + color: #729918; +} + +em { + color: #92b938; + font-style:normal; +} + +s { + color: #ff1111; + font-style: normal; + text-decoration: none; +} + +a { + color: #92b938; + text-decoration:none; + font-style:normal; +} + +table.desc { + width: 100%; + padding: 0% 4% 0% 4%; + margin: 0 0 0 0; +} + +table.desc tr { + margin: 0 0 0 0; + padding: 0 0 0 0; + +} +table.desc td { + vertical-align: top; + text-align: justify; + margin: 0 0 0 0; +} + +table.desc td:first-child { + color: #92b938; +} + +table.desc td:first-child:after { + content: " : "; +} + +.centerbox { + text-align: center; +} + +table.rounded { + border-collapse: separate; + border-spacing: 0.5em 0.5em ; +} +.rounded td { + padding: 0.5em 0 0.5em 0; + + text-align: center; + vertical-align:top; + border-style:solid; + border-color: #696968; + border-width: 2pt; + border-radius: 0.5em; +} +.rounded tr { + display:table-row; + width: 100%; + margin: 1em; +} + +table.btable { + border-collapse: collapse; +} + +.btable td { + border: solid 1pt #696968; +} + +dl { + padding: 1vmin 1em 1vmin 1em; +} + +dt { display: inline; + color: #92b938; + float:left; + } + +dt:after { + display:inline; + content: " : "; +} + +dd { display: block; + padding: 0 0 0 4em; + text-indent: 1em; + margin: 0 0 0 0; + } + +table.simple { + table-layout:fixed; + padding: 0 4% 0 4%; + text-align:left; + border-spacing: 2em 0; +} + +table.simple th{ + color: #92b938; + font-weight: normal; + text-align:left; +} +table.simple th, +table.simple tr { + vertical-align:top; +} +.css3:after { + content:"CSS3"; + color:white; + background: #0a64a4; + border-radius:0.25em; + font-size:small; + margin: 0.25em; + padding:0.1em; +} + +div.twocol { + width:99%; + position:absolute; + top:5em; +} + +div.twocol > div:first-child { + display:inline-block;width:47%; + position:absolute; + box-sizing:border-box; + padding: 0 1em; + border-style:dashed; + border-width: 0 1pt 0 0; + border-color:gray; + left: 0pt; + top:0pt; +} + +div.twocol > div:last-child { + display:inline-block; + width:47%; + position:absolute; + box-sizing:border-box; + padding: 0 0em 0 5em; + vertical-align:text-top; + right: 0pt; + top:0pt; +} +table.withborder { + border-collapse: collapse; +} +table.withborder td { + border-style: solid; + border-width: 1pt; + min-width:20pt; + height: 20pt; +} + +mark { + color: #ff6612; + background: none; +} + +u { + color: #00486c; + background: none; + text-decoration: none; +} + +kbd { + color: #393938; + font-family:inherit; +} + + +cite { + display:block; + text-align:center; +} + +dl.codelist dt { + font-family: 'Inconsolata', monospace; +} + +.solidbg { + background:white; +} +math { + color: #00486c; + font-family:'Computer Modern Serif'; + font-style: normal; + font-weight:bold; + border-color: #00486c; + +} +math mfrac { + display: inline-block; + vertical-align:middle; + text-align: center; +} +math mfrac > mi { display: block; } +math mfrac mi:first-of-type { + border-bottom-color: #00486c; + border-bottom-style: solid; + border-bottom-width: 0.1em; +} +var, cite { + /* color: #696968; */ + color: #00486c; + font-family:'Computer Modern Serif'; + font-style: normal; + font-weight:bold; + border-color: #00486c; + +} + +img.inline { + vertical-align:middle; + height:auto; + width:5em; +} + + +:root.sws-print em { + border-bottom-style:solid; + border-bottom-width: 0.1em; +} + +:root.sws-print mark { + border-bottom-style:dotted; + border-bottom-width: 0.1em; +} \ No newline at end of file