Changes for page testpage2

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

From version 66.1
edited by geosens
on 2025/01/15 18:03
Change comment: There is no comment for this version
To version 84.1
edited by geosens
on 2025/01/15 18:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,19 +6,22 @@
6 6  (((
7 7  (% class="card card1 border-green" %)
8 8  (((
9 -(% class="card-body h2-green" %)
9 +(% class="card-header h2-green" %)
10 10  (((
11 11  == Die VitiMeteo Website ==
12 +)))
12 12  
14 +(% class="card-body" %)
15 +(((
13 13  Was bietet die Vitimeteo Website.
17 +)))
14 14  
15 -(% class="version-footer align-self-end" %)
19 +(% class="card-footer text-right" %)
16 16  (((
17 17  [[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
18 18  )))
19 19  )))
20 20  )))
21 -)))
22 22  
23 23  (% class="col-xs-12 col-sm-4 col-md-4 cards-container border-blue" %)
24 24  (((
... ... @@ -28,10 +28,15 @@
28 28  (((
29 29  == Über VitiMeteo ==
30 30  
31 -Eine kurze Vorstellung des Vitimeteo - Projekts
34 +Eine kurze Vorstellung des Vitimeteo - Projekts.
32 32  )))
36 +
37 +(% class="card-footer text-right" %)
38 +(((
39 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
33 33  )))
34 34  )))
42 +)))
35 35  
36 36  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
37 37  (((
... ... @@ -45,9 +45,11 @@
45 45  (((
46 46  Vitimeteo modelliert Rebkrankheiten und -Schädlinge, um eine optimale und schonende Behandlung zu ermöglichen.
47 47  AWM will take care of making it easy for you and your users to create and manage the data.
56 +)))
48 48  
49 -(% class="card-text" %)
50 -
58 +(% class="card-footer text-right" %)
59 +(((
60 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
51 51  )))
52 52  )))
53 53  )))
... ... @@ -66,9 +66,11 @@
66 66  Was bietet Ihnen die Vitimeteo Website.
67 67  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
68 68  AWM will take care of making it easy for you and your users to create and manage the data.
79 +)))
69 69  
70 -(% class="card-text" %)
71 -
81 +(% class="card-footer text-right" %)
82 +(((
83 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
72 72  )))
73 73  )))
74 74  )))
... ... @@ -87,9 +87,11 @@
87 87  Was bietet Ihnen die Vitimeteo Website.
88 88  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
89 89  AWM will take care of making it easy for you and your users to create and manage the data.
102 +)))
90 90  
91 -(% class="card-text" %)
92 -
104 +(% class="card-footer text-right" %)
105 +(((
106 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
93 93  )))
94 94  )))
95 95  )))
... ... @@ -108,9 +108,11 @@
108 108  Was bietet Ihnen die Vitimeteo Website.
109 109  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
110 110  AWM will take care of making it easy for you and your users to create and manage the data.
125 +)))
111 111  
112 -(% class="card-text" %)
113 -
127 +(% class="card-footer text-right" %)
128 +(((
129 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
114 114  )))
115 115  )))
116 116  )))
XWiki.StyleSheetExtension[1]
Code
... ... @@ -1,8 +1,14 @@
1 -.card1 {min-height: 200px;}
1 +.card-body {min-height: 100px;}
2 +.card-footer {padding: 0 12px 0 0;}
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; }
7 +.bg-blue {background-color: blue;}
8 +.bg-green {background-color: green;}
9 +.bg-cyan {background-color: cyan;}
10 +.bg-red {background-color: red;}
11 +.h2-black > h2 {color: black;}
6 6  .h2-blue > h2 {color: blue;}
7 7  .h2-green > h2 {color: green;}
8 8  .h2-cyan > h2 {color: cyan;}