X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=themes%2FuPsud.css;h=bd95f873f288b3b54f69a6b10b3b05ee99971005;hb=HEAD;hp=99da253e44ce794b340f89a7053b606adf5805cd;hpb=ad268c9cd746bf3c74c379055ea0c3518353882a;p=hacks%2FsimpleWebSlides.git diff --git a/themes/uPsud.css b/themes/uPsud.css index 99da253..bd95f87 100644 --- a/themes/uPsud.css +++ b/themes/uPsud.css @@ -1,102 +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% + + -/* Slide layout - .sws-{header,inner-canvas,footer} are in - a .sws-canvas which fills the whole viewport vertically - and is horizontally centered. - The .sws-canvas has an aspect ratio of 4/3 or 16/9 */ -body { - padding: 0 0 0 0; - margin: 0 0 0 0; - overflow: hidden; -} /* No header in this theme */ .sws-header { display: none; } -/* Title of the slide */ + h1 { color: #00486c; - font-size: 5vh; - text-align:center; + font-size: larger; + text-align: center; } -/* The inner canvas and content */ -.sws-inner-canvas { - top: 0vh; - height: 80vh; + +.sws-title > h1 { + margin:0; + padding:0; } -.sws-content { - padding: 3vh 0; - left: 0; - right: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 { - border-style:solid; - border-width:1pt; - border-color: #696968; color: #696968; - background: white; - display:block; + background: #fff; + padding:0; + margin: 0; + position:relative; + z-index:0; } -:root.sws-display body { - background: black; -} -:root.sws-print .sws-canvas { - margin-top:1cm; - padding: 0 0; - margin-bottom:1cm; - margin-left:1cm; - margin-right:1cm; - height: 18.6cm; - width:27.7cm; - overflow:visible; +.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; -:root.sws-display .sws-canvas { - margin-top:0; - margin-bottom:0; - height: 99vh; } .sws-footer { - top: 88vh; - right: 5vh; - 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; 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 ; } .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 { @@ -109,10 +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%; @@ -120,11 +142,15 @@ p { text-align:justify; } + + code, pre, tt { font-family: 'Inconsolata', monospace; - color: #494948; + /*color: #494948;*/ } + code { + display: block; white-space: pre; } @@ -132,7 +158,7 @@ ul { list-style-type: square; } -ul,il { +ul, ol { list-style-position: inside; width: 92%; padding: 0 4% 0 4%; @@ -144,10 +170,14 @@ ul.empty { .hl { color: #92b938; +} +.done::after { + content: " ✔"; } + li { - margin-top:0.5vh; + margin-top:0.5vmin; } tt em, code em { @@ -158,6 +188,12 @@ em { color: #92b938; font-style:normal; } +s { + color: #ff1111; + font-style: normal; + text-decoration: none; +} + a { color: #92b938; text-decoration:none; @@ -170,15 +206,27 @@ table.desc { margin: 0 0 0 0; } -.desc tr { +table.desc tr { margin: 0 0 0 0; padding: 0 0 0 0; + } -.desc td { +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; } @@ -202,9 +250,131 @@ table.rounded { 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; +} + +var, cite { + /* color: #696968; */ + color: #00486c; + font-family:'Computer Modern Serif'; + font-style: normal; + font-weight:bold; + +} +cite { + display:block; + text-align:center; +} + +dl.codelist dt { + font-family: 'Inconsolata', monospace; +} + +.solidbg { + background:white; } \ No newline at end of file