basic styles improvements

1 files changed, 56 insertions, 20 deletions

diff --git a/lib/tpl/dokuwiki/css/basic.css b/lib/tpl/dokuwiki/css/basic.css
index 8b7447239..8e14dde3b 100644
--- a/lib/tpl/dokuwiki/css/basic.css
+++ b/lib/tpl/dokuwiki/css/basic.css
@@ -28,15 +28,20 @@ body {
 
 /*____________ headers ____________*/
 
+caption,
+figcaption,
+summary,
+legend {
+    padding: 0;
+    margin: 0 0 .35em;
+    line-height: 1.2;
+}
 h1,
 h2,
 h3,
 h4,
 h5,
-h6,
-caption,
-legend {
-    font-family: Arial, sans-serif;
+h6 {
     font-weight: bold;
     padding: 0;
     line-height: 1.2;
@@ -47,9 +52,7 @@ legend {
 [dir=rtl] h3,
 [dir=rtl] h4,
 [dir=rtl] h5,
-[dir=rtl] h6,
-[dir=rtl] caption,
-[dir=rtl] legend {
+[dir=rtl] h6 {
     clear: right;
 }
 
@@ -90,6 +93,8 @@ pre,
 table,
 hr,
 blockquote,
+figure,
+details,
 fieldset,
 address {
     margin: 0 0 1.4em 0; /* bottom margin = line-height */
@@ -161,7 +166,6 @@ table {
 caption {
     caption-side: top;
     text-align: left;
-    margin: 0 0 .3em;
 }
 [dir=rtl] caption {
     text-align: right;
@@ -173,13 +177,12 @@ td {
     margin: 0;
     vertical-align: top;
     border: 1px solid __border__;
-    text-align: left;
 }
 th {
     font-weight: bold;
     background-color: __background_alt__;
+    text-align: left;
 }
-[dir=rtl] td,
 [dir=rtl] th {
     text-align: right;
 }
@@ -216,11 +219,15 @@ img {
     height: auto;
 }
 img,
-object {
+object,
+embed,
+iframe,
+video,
+audio {
     max-width: 100%;
 }
-/* IE8 and below won't display the images otherwise */
-button img {
+#IE7 img,
+#IE8 img {
     max-width: none;
 }
 
@@ -229,7 +236,6 @@ hr {
     border-bottom: solid __background__;
     border-width: 1px 0;
     height: 0;
-    width: 100%;
     text-align: center;
     clear: both;
 }
@@ -241,6 +247,11 @@ abbr {
     font-style: normal;
 }
 
+mark {
+    background: __highlight__;
+    color: inherit;
+}
+
 pre,
 code,
 samp,
@@ -289,6 +300,10 @@ sup {
     vertical-align: super;
 }
 
+small {
+    font-size: .8em;
+}
+
 /*____________ forms ____________*/
 
 /* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
@@ -299,9 +314,13 @@ form {
     padding: 0;
 }
 fieldset {
-    padding: 1em 1em 0;
+    padding: .7em 1em 0;
+    padding: .7rem 1rem; /* for those browsers understanding :last-child */
     border: 1px solid __text_alt__;
 }
+fieldset > :last-child {
+    margin-bottom: 0;
+}
 legend {
     margin: 0;
     padding: 0 .1em;
@@ -316,12 +335,16 @@ textarea,
 button,
 select,
 optgroup,
-option {
+option,
+keygen,
+output,
+meter,
+progress {
     font: inherit;
     font-weight: normal;
     color: #333;
     background-color: #fff;
-    line-height: 1;
+    line-height: normal;
     margin: 0;
     vertical-align: middle;
     -moz-box-sizing: border-box;
@@ -340,7 +363,8 @@ option {
 
 input,
 textarea,
-select {
+select,
+keygen {
     border: 1px solid #ccc;
     box-shadow: inset 0 0 1px #eee;
     border-radius: 2px;
@@ -350,11 +374,14 @@ input:focus,
 textarea:active,
 textarea:focus,
 select:active,
-select:focus {
+select:focus,
+keygen:active,
+keygen:focus {
     border-color: #999;
 }
 input[type=radio],
-input[type=checkbox] {
+input[type=checkbox],
+input[type=image] {
     padding: 0;
     border-style: none;
     box-shadow: none;
@@ -362,6 +389,8 @@ input[type=checkbox] {
 
 /* all types of buttons */
 input[type=submit],
+input[type=button],
+input[type=reset],
 input.button,
 a.button,
 button,
@@ -382,11 +411,18 @@ button,
 #IE7 input.button,
 #IE7 button {
     line-height: 1.4;
+    overflow: visible;
 }
 
 input[type=submit]:hover,
 input[type=submit]:active,
 input[type=submit]:focus,
+input[type=button]:hover,
+input[type=button]:active,
+input[type=button]:hover,
+input[type=reset]:hover,
+input[type=reset]:active,
+input[type=reset]:hover,
 input.button:hover,
 input.button:active,
 input.button:focus,