fix some styling issues

ot_templating/Resources/Public/assets/style/common/module/_content.scss

@@ -24,12 +24,6 @@ $cols-header-font-color: $cols-header-font-color;
 $cols-header-font-size: $cols-header-font-size;
 $cols-header-font-weight: $cols-header-font-weight;
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 
@@ -151,6 +145,25 @@ $cols-header-font-weight: $cols-header-font-weight;
     max-width: 95%;
     height: auto;
   }
+
+  hr {
+    margin: 15px 5px;
+    border-color: #BBB;
+  }
+
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+
+  // special case
+  header {
+    h2, h3 {
+      color: $content-h1-color;
+    }
+  }
 }
 
 .leftcol, .rightcol {

ot_templating/Resources/Public/assets/style/style.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #4facc6;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-blue.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #097f9a;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-green.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #04a04c;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-grey.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #8c8c8c;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-light-blue.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #0aa5ec;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-light-red.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #dd453f;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-orange.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #e4611b;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-purple.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #a5377e;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;

ot_templating/Resources/Public/assets/style/theme-red.css

@@ -250,12 +250,6 @@ ul.dropdown-left {
   max-width: 60vw;
 }
 
-.centralcol {
-  flex: 1;
-  padding: 0 2em;
-  min-width: 600px;
-}
-
 .content {
   line-height: 1.4em;
 }
@@ -357,6 +351,19 @@ ul.dropdown-left {
   max-width: 95%;
   height: auto;
 }
+.content hr {
+  margin: 15px 5px;
+  border-color: #BBB;
+}
+
+.centralcol {
+  flex: 1;
+  padding: 0 2em;
+  min-width: 600px;
+}
+.centralcol header h2, .centralcol header h3 {
+  color: #df0009;
+}
 
 .leftcol header, .rightcol header {
   background: #323232;