Changes for page Presentation Test Page
Last modified by Erik Bakker on 2024/07/30 14:39
From version 15.1
edited by Erik Bakker
on 2024/07/30 11:06
on 2024/07/30 11:06
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
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,23 +1,56 @@ 1 -.carousel-item-slide{ 2 - -webkit-text-size-adjust: 100%; 3 - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 4 - --rem: 16; 5 - font-family: Ubuntu,sans-serif; 6 - line-height: 1.428571429; 7 - color: #10137e; 8 - white-space: normal; 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 { 9 9 font-size: 20px; 10 - box-sizing: border-box; 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%; 11 11 margin: auto; 12 12 overflow: hidden; 13 - background-color: lightBlue;27 + background-color: burlywood; 14 14 box-shadow: 0 0 2px #888; 15 15 display: table; 16 16 table-layout: fixed; 17 - position: absolute; 18 - -webkit-transform-origin: top left; 19 - width: 900px; 20 - height: 675px; 21 - transform: scale(0.617778); 22 - left: 134px; 23 - top: 0px;} 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 +}