startpage.css: adding classes for Community section

1 files changed, 59 insertions, 0 deletions

diff --git a/english/startpage.css b/english/startpage.css
index 029d8c27b87..dcbd8fc9991 100644
--- a/english/startpage.css
+++ b/english/startpage.css
@@ -60,6 +60,56 @@ hr {
   /* Currently not used and empty. */
 }
 
+/* CSS classes for columns greater than 50%.
+   Only useful in combination with the base class 'column'.
+*/
+.column-2-parts {
+  display: flex;
+  flex-direction: column;
+  flex-basis: 100%;
+  flex: 2;
+}
+.column-3-parts {
+  display: flex;
+  flex-direction: column;
+  flex-basis: 100%;
+  flex: 3;
+}
+
+.column-4-parts {
+  display: flex;
+  flex-direction: column;
+  flex-basis: 100%;
+  flex: 4;
+}
+
+.community img {
+  height: 60px;
+}
+
+div .community {
+  padding: 10px 0 10px 0;
+  color: #ffffff;
+}
+
+.column-2-parts > h2,
+.column-3-parts > h2,
+.column-4-parts > h2 {
+  padding-top: 20px;
+}
+
+.column-2-parts > p,
+.column-3-parts > p,
+.column-4-parts > p {
+  margin-top: 10px;
+}
+
+.community.column:hover,
+.community.column:focus img {
+  border: none;
+  outline: 0px;
+}
+
 .column:hover {
   border: 1px solid #e2e2e2;
   background: #fcfcfc;
@@ -321,6 +371,15 @@ ol.why-debian > li:before {
   .column {
     flex: 1;
   }
+  .column-2-parts {
+    flex: 2
+  }
+  .column-3-parts {
+    flex: 3
+  }
+  .column-4-parts {
+    flex: 4
+  }
 }
 
 @media(max-width: 1580px) {