Changes for page testpage2

Last modified by geosens on 2025/01/15 19:04

From version 61.1
edited by geosens
on 2025/01/15 17:46
Change comment: There is no comment for this version
To version 76.1
edited by geosens
on 2025/01/15 18:16
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,17 +6,18 @@
6 6  (((
7 7  (% class="card card1 border-green" %)
8 8  (((
9 -(% class="card-body h2-green" %)
9 +(% class="card-header h2-black bg-green" %)
10 10  (((
11 11  == Die VitiMeteo Website ==
12 +)))
13 +(% class="card-body" %)
14 +(((
15 +Was bietet die Vitimeteo Website.
12 12  
13 -Was bietet Ihnen die Vitimeteo Website.
14 -\\[[App Within Minutes>>AppWithinMinutes]] (AWM).
15 -
16 16  
17 -(% class="version-footer" %)
18 +(% class="version-footer text-right" %)
18 18  (((
19 - [[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
20 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
20 20  )))
21 21  )))
22 22  )))
... ... @@ -35,7 +35,7 @@
35 35  )))
36 36  )))
37 37  
38 -(% class="col-xs-12 col-sm-4 col-md-4 cards-container border-cyan" %)
39 +(% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
39 39  (((
40 40  (% class="card card1" %)
41 41  (((
... ... @@ -43,11 +43,13 @@
43 43  (((
44 44  == Die Modelle ==
45 45  
46 -VitiMeteo modelliert Rebkrankheiten, um eine optimale und Naturschonende Behandlung zu ermöglichen.
47 -
48 -(% class="version-footer" %)
47 +(% class="card-text" %)
49 49  (((
50 - [[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
49 +Vitimeteo modelliert Rebkrankheiten und -Schädlinge, um eine optimale und schonende Behandlung zu ermöglichen.
50 +AWM will take care of making it easy for you and your users to create and manage the data.
51 +
52 +(% class="card-text" %)
53 +
51 51  )))
52 52  )))
53 53  )))
XWiki.StyleSheetExtension[1]
Code
... ... @@ -1,9 +1,17 @@
1 -.card1 {min-height: 200px;}
1 +.card1 {min-height: 200px;
2 + border-radius: 10px !important;
3 + box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
4 +}
2 2  .border-blue {border-color: blue; }
3 3  .border-green {border-color: green; }
4 4  .border-cyan {border-color: cyan; }
5 5  .border-red {border-color: red; }
9 +.bg-blue {background-color: blue;}
10 +.bg-green {background-color: green;}
11 +.bg-cyan {background-color: cyan;}
12 +.bg-red {background-color: red;}
13 +.h2-black > h2 {color: black;}
6 6  .h2-blue > h2 {color: blue;}
7 -.h2-green > h2 {color: green;}
15 +.h2-green > h2 {color: green; background-color: green;}
8 8  .h2-cyan > h2 {color: cyan;}
9 9  .h2-red > h2 {color: red;}