diff --git a/_shared_assets/themes/owncloud/static/img/icon-error.svg b/_shared_assets/themes/owncloud/static/img/icon-error.svg
new file mode 100644
index 000000000..bba639bfd
--- /dev/null
+++ b/_shared_assets/themes/owncloud/static/img/icon-error.svg
@@ -0,0 +1,813 @@
+
+
+
+
\ No newline at end of file
diff --git a/_shared_assets/themes/owncloud/static/img/icon.svg b/_shared_assets/themes/owncloud/static/img/icon.svg
new file mode 100644
index 000000000..6f91abe6e
--- /dev/null
+++ b/_shared_assets/themes/owncloud/static/img/icon.svg
@@ -0,0 +1,821 @@
+
+
+
+
\ No newline at end of file
diff --git a/_shared_assets/themes/owncloud/static/style.css b/_shared_assets/themes/owncloud/static/style.css
index 998cbfcac..79d940e61 100644
--- a/_shared_assets/themes/owncloud/static/style.css
+++ b/_shared_assets/themes/owncloud/static/style.css
@@ -1039,26 +1039,55 @@ img.alignleft{ margin-right: 20px; }
margin: 0 -20px;
}
-.note {
+.admonition {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
margin: 15px 0;
}
- .note .first {
- background-color: #f5f5f5;
+
+ .admonition .first {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
font-weight: bold;
padding: 5px;
}
- .note .last {
- padding: 5px 5px 5px 50px;
- background-image: url('img/info.svg');
- background-position: 5px 5px;
- background-size: 30px;
+ .admonition .last {
+ background-position: 10px 10px;
+ background-size: 32px;
background-repeat: no-repeat;
-
+ padding: 5px 5px 5px 50px;
+ min-height: 36px;
+ }
+
+ .admonition .versionchanged, .admonition .versionadded {
+ padding-left: 50px;
+ }
+
+ .note .first {
+ background-color: #f5f5f5;
+ }
+
+ .note .last {
+ background-image: url('img/icon.svg');
+ }
+
+ .warning .first {
+ color: #fefefe;
+ background-color: #ef2929;
+ }
+
+ .warning .last {
+ background-image: url('img/icon-error.svg');
+ }
+
+
+.versionchanged, .versionadded {
+ color: #84bf40;
+}
+
+ .versionchanged, .versionadded > span {
+ font-weight: bold;
}
.indextable a {
@@ -1072,4 +1101,4 @@ img.alignleft{ margin-right: 20px; }
.headerlink {
color: #dedede;
margin-left: 5px;
-}
\ No newline at end of file
+}