Changes for page Presentation Test Page
Last modified by Erik Bakker on 2024/07/30 14:39
From version 34.1
edited by Erik Bakker
on 2024/07/30 14:21
on 2024/07/30 14:21
Change comment:
There is no comment for this version
To version 19.1
edited by Erik Bakker
on 2024/07/30 11:30
on 2024/07/30 11:30
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -32,50 +32,3 @@ 32 32 | |[[image:Main.Images.Microlearning.WebHome@intermediate-emagiz-monitoring-runtime-stats-keymetrics-1]] 33 33 |[[image:Powerpoint xWiki background small.png||alt="xwiki powerpoint" height="73" style="float:left" width="100"]]| 34 34 35 -== Test slide == 36 -{{html}} 37 -<Div class="SC" id="s1s0"><img /><div id="s1s4" style="top:153.9902px;left:34.59945px;height:189.078px;width:529.7338px;"><pre class="pre0" style="left:7.200001px;top:146.328px;">Next generation runtime migration</pre></div><div id="s1s5" style="top:349.836px;left:34.59929px;height:91.41969px;width:529.7338px;"><pre class="pre1" style="left:7.199997px;top:0.9508972px;">Plan Q2 2023</pre></div></Div>{{/html}} 38 - 39 -== Next slide == 40 -{{html}} 41 -<Div class="SC" id="s2s0"><img /><div id="s2s2" style="top:28.75px;left:480px;height:105.5765px;width:415.0281px;"> </div><div id="s2s3" style="top:143.75px;left:480px;height:343.6036px;width:415.0281px;"> </div></Div>{{/html}} 42 - 43 -== Current slide == 44 - 45 - 46 - 47 -{{html}}<html> 48 -<body> 49 - 50 - <!-- Define the slideshow container --> 51 - <div id="slideshow"> 52 - <div class="slide-wrapper"> 53 - 54 - <!-- Define each of the slides 55 - and write the content --> 56 - 57 - <div class="slide"> 58 - <h1 class="slide-number"> 59 - GeeksforGeeks 60 - </h1> 61 - </div> 62 - <div class="slide"> 63 - <h1 class="slide-number"> 64 - A computer science portal 65 - </h1> 66 - </div> 67 - <div class="slide"> 68 - <h1 class="slide-number"> 69 - This is an example of 70 - </h1> 71 - </div> 72 - <div class="slide"> 73 - <h1 class="slide-number"> 74 - Slideshow with HTML and CSS only 75 - </h1> 76 - </div> 77 - </div> 78 - </div> 79 -</body> 80 - 81 -</html>{{/html}}
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,0 +1,56 @@ 1 +.carousel { 2 + background: #503d75; 3 + overflow: hidden; 4 + margin: auto; 5 +} 6 +.carousel-inner { 7 + position: relative; 8 + width: 100%; 9 + overflow: hidden; 10 +} 11 +.carousel .carousel-inner .carousel-item { 12 + font-size: 20px; 13 + page-break-after: always; 14 +} 15 +.carousel-inner > .item { 16 + position: relative; 17 + display: none; 18 + -webkit-transition: .6s ease-in-out left; 19 + -o-transition: .6s ease-in-out left; 20 + transition: .6s ease-in-out left; 21 +} 22 +.carousel .carousel-inner .carousel-item .carousel-item-slide { 23 + width: 100%; 24 + height: 100%; 25 + margin: auto; 26 + overflow: hidden; 27 + background-color: burlywood; 28 + box-shadow: 0 0 2px #888; 29 + display: table; 30 + table-layout: fixed; 31 +} 32 +.carousel-item-slide { 33 + -webkit-text-size-adjust: 100%; 34 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 35 + --rem: 16; 36 + font-family: Ubuntu, sans-serif; 37 + line-height: 1.428571429; 38 + color: #207e10; 39 + white-space: normal; 40 + font-size: 40px; 41 + box-sizing: border-box; 42 +} 43 +.carousel .carousel-inner .carousel-item.header .carousel-item-slide-content { 44 + text-align: center; 45 + vertical-align: middle; 46 +} 47 +.carousel .carousel-inner .carousel-item .carousel-item-slide .carousel-item-slide-content { 48 + font-family: 'Ubuntu, sans-serif'; 49 + display: table-cell; 50 + padding: 1em 4em 1em 4em; 51 +} 52 +.carousel .carousel-inner .carousel-item .carousel-item-slide .carousel-item-slide-content h2 { 53 + font-size: 3.1em; 54 + margin-bottom: .3em; 55 + color: green; 56 +}