Changes for page testpage2

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

From version 58.1
edited by geosens
on 2025/01/15 17:39
Change comment: There is no comment for this version
To version 85.1
edited by geosens
on 2025/01/15 19:00
Change comment: There is no comment for this version

Summary

Details

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