Margin and Padding changes due to better visibility

templates/themes/clear-blue/base.css

 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #333333;
   border-bottom:5px solid #333333;
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #333333;
   border-bottom:3px solid #333333;
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;

templates/themes/clear-digits/base.css

 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #0A1E2D;
   border-bottom:5px solid #0A1E2D;
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #0A1E2D;
   border-bottom:3px solid #0A1E2D;
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;

templates/themes/clear-green/base.css

 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #333333;
   border-bottom:5px solid #333333;
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #333333;
   border-bottom:3px solid #333333;
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;

templates/themes/clear-red/base.css

 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #333333;
   border-bottom:5px solid #333333;
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #333333;
   border-bottom:3px solid #333333;
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;