Template:Colored box/style.css - Revision history

SciWhiz12: try use currentColor for shadow

2021-02-14T21:39:30Z

try use currentColor for shadow

SciWhiz12: slightly increase width

2021-02-14T21:38:26Z

slightly increase width

SciWhiz12: suppress margin of paragraph element in inner div, not the icon img element

2021-02-14T21:37:25Z

suppress margin of paragraph element in inner div, not the icon img element

SciWhiz12: also suppress margin of paragraph element in icon div

2021-02-14T21:33:57Z

also suppress margin of paragraph element in icon div

SciWhiz12: suppress margin for the first child of the content div for the colored box (this is so the paragraph element doesn't expand the space between title and content)

2021-02-14T21:32:55Z

suppress margin for the first child of the content div for the colored box (this is so the paragraph element doesn't expand the space between title and content)

SciWhiz12: remove the border-left-style by default

2021-02-14T21:23:40Z

remove the border-left-style by default

SciWhiz12: adjust CSS of colored box to the new style

2021-02-14T21:21:11Z

adjust CSS of colored box to the new style

Curle at 03:04, 19 September 2020

2020-09-19T03:04:08Z

Curle at 03:02, 19 September 2020

2020-09-19T03:02:25Z

Curle at 03:01, 19 September 2020

2020-09-19T03:01:00Z

@@ Line 4: / Line 4: @@
   border-color: transparent;
   border-left-width: 0.5em;
-  box-shadow: 0 0 0.2em #cccccc;
+  box-shadow: 0 0 0.2em currentColor;
   background: inherit;
   width: 70%;

@@ Line 6: / Line 6: @@
   box-shadow: 0 0 0.2em #cccccc;
   background: inherit;
-  width: 60%;
+  width: 70%;
   margin: 0.5em auto;
   display: flex;

@@ Line 19: / Line 19: @@
+}
-.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child, .mw-tpl-colorbox-icon p {
+.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child, .mw-tpl-colorbox-inner p {
   margin: 0;
+}

@@ Line 19: / Line 19: @@
+}
-.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child {
+.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child, .mw-tpl-colorbox-icon p {
   margin: 0;
+}

@@ Line 19: / Line 19: @@
+}
-.mw-tpl-colorbox-title p {
+.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child {
   margin: 0;
+}

@@ Line 1: / Line 1: @@
 .mw-tpl-colorbox {
   box-sizing: border-box;
-  margin: 0.5em 0.5em 1em 0.5em;
+  border-radius: 0.1em;
-  border-radius: 0.2em;
+  border-color: transparent;
-  background: rgb(27, 32, 35);
+ border-left-width: 0.5em;
-  box-shadow: 0 0 0.2em #999999;
+  border-left-style: solid;
+}
 .mw-tpl-colorbox-title {
- background: rgb(0, 71, 127);
+  border-radius: 0.1em 0.1em 0 0;
- color: #FFFFFF;
+ font-size: 120%;
-  border-radius: 0.2em 0.2em 0 0;
+  padding: 0.25em 0.6em 0.1em 0.6em;
+}
-.mw-tpl-colorbox-title-icon {
+.mw-tpl-colorbox-title p {
   opacity: 0.8;
+}
@@ Line 24: / Line 36: @@
 .mw-tpl-colorbox-content {
-  padding: 0.5em 1em 0.5em 1em;
+  padding: 0.3em 0.75em 0.3em 0.75em;
+}