Changes for page Presentation Test Page
Last modified by Erik Bakker on 2024/07/30 14:39
From version 17.1
edited by Erik Bakker
on 2024/07/30 11:14
on 2024/07/30 11:14
Change comment:
There is no comment for this version
To version 20.1
edited by Erik Bakker
on 2024/07/30 11:31
on 2024/07/30 11:31
Change comment:
There is no comment for this version
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,14 +1,27 @@ 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 +} 1 1 .carousel .carousel-inner .carousel-item .carousel-item-slide { 2 2 width: 100%; 3 3 height: 100%; 4 4 margin: auto; 5 5 overflow: hidden; 6 - background-color: lightblue;20 + background-color: burlywood; 7 7 box-shadow: 0 0 2px #888; 8 8 display: table; 9 9 table-layout: fixed; 10 10 } 11 - 12 12 .carousel-item-slide { 13 13 -webkit-text-size-adjust: 100%; 14 14 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); ... ... @@ -19,17 +19,18 @@ 19 19 white-space: normal; 20 20 font-size: 40px; 21 21 box-sizing: border-box; 22 - margin: auto; 23 - overflow: hidden; 24 - background-color: lightBlue; 25 - box-shadow: 0 0 2px #888; 26 - display: table; 27 - table-layout: fixed; 28 - position: absolute; 29 - -webkit-transform-origin: top left; 30 - width: 900px; 31 - height: 675px; 32 - transform: scale(0.617778); 33 - left: 134px; 34 - top: 0; 35 35 } 36 +.carousel .carousel-inner .carousel-item.header .carousel-item-slide-content { 37 + text-align: center; 38 + vertical-align: middle; 39 +} 40 +.carousel .carousel-inner .carousel-item .carousel-item-slide .carousel-item-slide-content { 41 + font-family: 'Ubuntu, sans-serif'; 42 + display: table-cell; 43 + padding: 1em 4em 1em 4em; 44 +} 45 +.carousel .carousel-inner .carousel-item .carousel-item-slide .carousel-item-slide-content h2 { 46 + font-size: 3.1em; 47 + margin-bottom: .3em; 48 + color: green; 49 +}