X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=themes%2FuPsud.css;fp=themes%2FuPsud.css;h=b965aeaf984c94b8d71a689ae4c3939b97b1766c;hb=6ad5a39df30fc67494ecbc37babadbf58a213fda;hp=b427a37296d757796a1d91c1a85dd89f311be8c6;hpb=5ab05e8da9f56a68ede3a05dbce2fccf9f44b715;p=hacks%2FsimpleWebSlides.git diff --git a/themes/uPsud.css b/themes/uPsud.css index b427a37..b965aea 100644 --- a/themes/uPsud.css +++ b/themes/uPsud.css @@ -1,70 +1,112 @@ @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% -@media print { - .sws-canvas { - width: 29.7cm; - height: 21cm; - } -} + +*/ + /* No header in this theme */ .sws-header { display: none; } -/* Title of the slide */ -.sws-title { - padding: 2vh 0 2vh 0; - height: 5vh; -} h1 { color: #00486c; - font-size: 5vh; - text-align:center; + font-size: larger; + text-align: center; } +.sws-title > h1 { + margin:0; + padding:0; +} + +.sws-cover { display:flex; + flex-direction:column; + justify-content: center; + } + + +.sws-toc { position: absolute; + left: 0; + bottom: 0; + right: 0; + top:0; + } + +.sws-toc > .sws-content { + position:absolute; + top: 20%; + width:100%; +} + + .sws-canvas { color: #696968; - background: white; - padding: 0 0 0 0; - margin: 0 0 0 0; - /* allows the canvas to cover the logo needed */ - z-index:2; + background: #fff; + padding:0; + margin: 0; + position:relative; + z-index:0; +} + + +.sws-inner-canvas { + height: 88%; + z-index: 2; + position: relative; /* to make z-index work */ + margin:0; +} + +/* Title of the slide */ +.sws-title { + height: 7%; + z-index: 2; + } .sws-footer { - height: 5vh; - text-align: right; + margin:0; + height: 5%; + text-align:right; + padding-right:1ex; + vertical-align: middle; + z-index: 1; } -.sws-canvas:after { +.sws-footer::before { + display:inline-block; + height:12%; + width: 12%; + left: 0.5ch; + bottom:0.5ch; position:absolute; - bottom: 1vh; - left:1vh; - display:block; - width:10vh; - height:10vh; - color:red; content:""; - background-size: 10vh; - background-image: url("upsud.png"); + background-size: contain; + background-image: url("logo_psud_psay.png"); background-repeat: no-repeat; - z-index: -1; + z-index: -1 ; } .sws-slide-num-sep:after { content: "/"; } + @font-face { src: url("DIN-Medium.ttf") format("truetype"); font-family: "DIN"; font-style: "normal"; - font-weight: "medium"; + font-weight:"medium"; } @font-face { @@ -77,11 +119,22 @@ h1 { body { font-family: 'DIN',sans-serif; - font-size: 3.5vh; background-color: white; color: #696968; } +/* +:root.sws-print body { + font-size: 21pt; +} + + + +@media print { + body { font-size: 21pt; } +} +*/ + p { display:block; width:92%; @@ -105,7 +158,7 @@ ul { list-style-type: square; } -ul,il { +ul, ol { list-style-position: inside; width: 92%; padding: 0 4% 0 4%; @@ -119,12 +172,12 @@ ul.empty { color: #92b938; } -.done:after { +.done::after { content: " ✔"; } li { - margin-top:0.5vh; + margin-top:0.5vmin; } tt em, code em { @@ -207,7 +260,7 @@ table.btable { } dl { - padding: 1vh 1em 1vh 1em; + padding: 1vmin 1em 1vmin 1em; } dt { display: inline; @@ -303,4 +356,17 @@ u { kbd { color: #393938; font-family:inherit; +} + +var, cite { + /* color: #696968; */ + color: #00486c; + font-family:'Computer Modern Serif'; + font-style: normal; + font-weight:bold; + +} +cite { + display:block; + text-align:center; } \ No newline at end of file