css: added content-element-header css

css/themes.css

@@ -201,7 +201,8 @@ html body .ui-group-theme-slapos-white h3,
 html body .ui-group-theme-slapos-white h4,
 html body .ui-group-theme-slapos-white h5,
 html body .ui-group-theme-slapos-white h6,
-html .ui-page-theme-slapos-white .ui-content-element {
+html .ui-page-theme-slapos-white .ui-content-element,
+html .ui-page-theme-slapos-white .ui-content-header {
   color: rgb(115, 115, 115);
   color: rgba(0, 0, 0, 0.55);
 }
@@ -475,7 +476,8 @@ html body .ui-group-theme-slapos-black h3,
 html body .ui-group-theme-slapos-black h4,
 html body .ui-group-theme-slapos-black h5,
 html body .ui-group-theme-slapos-black h6,
-html .ui-page-theme-slapos-black .ui-content-element {
+html .ui-page-theme-slapos-black .ui-content-element,
+html .ui-page-theme-slapos-black .ui-content-header {
   color: #fff;
 }
 /* Button up */
@@ -951,16 +953,25 @@ html .ui-header .ui-last-wrap .ui-controlgroup-controls .ui-btn {
     right: 0.25em;
   }
 }
+/* ============================= content header ============================= */
+html div.ui-page div.ui-content .ui-content-header {
+  border-bottom: 1px solid;
+  border-top: 1px solid;
+  clear: both;
+  display: block;
+  margin: 0 10%;
+  padding: 1em;
+}
+@media (max-width: 20em) {
+  html div.ui-page div.ui-content .ui-content-header {
+    margin: 0 -1em;
+  }
+}
 
 /* ============================= content elements ============================= */
 /* TODO: merge with span_1 span_2... */
 html div.ui-page div.ui-content .ui-content-element {
   /* TODO: should have corners and shadow - but not like this!*/
-  /*
-  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-  box-shadow: 0 1px 3px rgba(0,0,0,.15);
-  */
   -webkit-border-radius:  .3125em;
   border-radius: .3125em;
   border: 1px solid #aaa;