Changes for page testpage2

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

From version 85.1
edited by geosens
on 2025/01/15 19:00
Change comment: There is no comment for this version
To version 73.1
edited by geosens
on 2025/01/15 18:14
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,56 +6,53 @@
6 6  (((
7 7  (% class="card card1 border-green" %)
8 8  (((
9 -(% class="card-header h2-green" %)
9 +(% class="card-header bg-green" %)
10 10  (((
11 11  == Die VitiMeteo Website ==
12 -)))
12 +
13 13  (% class="card-body" %)
14 14  (((
15 15  Was bietet die Vitimeteo Website.
16 -)))
17 -(% class="card-footer text-right" %)
16 +
17 +
18 +(% class="version-footer text-right" %)
18 18  (((
19 19  [[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
20 20  )))
21 21  )))
22 22  )))
24 +)))
25 +)))
23 23  
24 24  (% class="col-xs-12 col-sm-4 col-md-4 cards-container border-blue" %)
25 25  (((
26 26  (% class="card card1" %)
27 27  (((
28 -(% class="card-header" %)
31 +(% class="card-body" %)
29 29  (((
30 30  == Über VitiMeteo ==
34 +
35 +Eine kurze Vorstellung des Vitimeteo - Projekts
31 31  )))
32 -(% class="card-body" %)
33 -(((
34 -Eine kurze Vorstellung des Vitimeteo - Projekts.
35 35  )))
36 -(% class="card-footer text-right" %)
37 -(((
38 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
39 39  )))
40 -)))
41 -)))
42 42  
43 43  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
44 44  (((
45 45  (% class="card card1" %)
46 46  (((
47 -(% class="card-header" %)
44 +(% class="card-body" %)
48 48  (((
49 49  == Die Modelle ==
50 -)))
51 -(% class="card-body" %)
47 +
48 +(% class="card-text" %)
52 52  (((
53 53  Vitimeteo modelliert Rebkrankheiten und -Schädlinge, um eine optimale und schonende Behandlung zu ermöglichen.
54 54  AWM will take care of making it easy for you and your users to create and manage the data.
52 +
53 +(% class="card-text" %)
54 +
55 55  )))
56 -(% class="card-footer text-right" %)
57 -(((
58 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
59 59  )))
60 60  )))
61 61  )))
... ... @@ -64,19 +64,19 @@
64 64  (((
65 65  (% class="card card1" %)
66 66  (((
67 -(% class="card-header" %)
64 +(% class="card-body" %)
68 68  (((
69 69  == Die VitiMeteo Website 4 ==
70 -)))
71 -(% class="card-body" %)
67 +
68 +(% class="card-text" %)
72 72  (((
73 73  Was bietet Ihnen die Vitimeteo Website.
74 74  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
75 75  AWM will take care of making it easy for you and your users to create and manage the data.
73 +
74 +(% class="card-text" %)
75 +
76 76  )))
77 -(% class="card-footer text-right" %)
78 -(((
79 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
80 80  )))
81 81  )))
82 82  )))
... ... @@ -94,11 +94,9 @@
94 94  Was bietet Ihnen die Vitimeteo Website.
95 95  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
96 96  AWM will take care of making it easy for you and your users to create and manage the data.
97 -)))
98 98  
99 -(% class="card-footer text-right" %)
100 -(((
101 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
95 +(% class="card-text" %)
96 +
102 102  )))
103 103  )))
104 104  )))
... ... @@ -117,11 +117,9 @@
117 117  Was bietet Ihnen die Vitimeteo Website.
118 118  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
119 119  AWM will take care of making it easy for you and your users to create and manage the data.
120 -)))
121 121  
122 -(% class="card-footer text-right" %)
123 -(((
124 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
116 +(% class="card-text" %)
117 +
125 125  )))
126 126  )))
127 127  )))
XWiki.StyleSheetExtension[1]
Code
... ... @@ -1,5 +1,4 @@
1 -.card-body {min-height: 100px;}
2 -.card-footer {padding: 0 12px 0 0;}
1 +.card1 {min-height: 200px;}
3 3  .border-blue {border-color: blue; }
4 4  .border-green {border-color: green; }
5 5  .border-cyan {border-color: cyan; }
... ... @@ -10,6 +10,6 @@
10 10  .bg-red {background-color: red;}
11 11  .h2-black > h2 {color: black;}
12 12  .h2-blue > h2 {color: blue;}
13 -.h2-green > h2 {color: green;}
12 +.h2-green > h2 {color: green; background-color: green;}
14 14  .h2-cyan > h2 {color: cyan;}
15 15  .h2-red > h2 {color: red;}