Difference between revisions of "Template:Colored box/style.css"

From Forge Community Wiki
m
(try use currentColor for shadow)
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
.mw-tpl-colorbox {
 
.mw-tpl-colorbox {
 
  box-sizing: border-box;
 
  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;
+
  box-shadow: 0 0 0.2em currentColor;
 +
  background: inherit;
 +
  width: 70%;
 +
margin: 0.5em auto;
 +
display: flex;
 +
flex-flow: row nowrap;
 +
align-items: center;
 
}
 
}
  
 
.mw-tpl-colorbox-title {
 
.mw-tpl-colorbox-title {
background: #7dbae8;
+
  border-radius: 0.1em 0.1em 0 0;
color: #000000;
+
font-size: 120%;
  border-radius: 0.2em 0.2em 0 0;
+
  padding: 0.25em 0.6em 0.1em 0.6em;
  padding: 0.5em 1em 0.5em 1em;
 
 
}
 
}
  
.mw-tpl-colorbox-title-icon {
+
.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child, .mw-tpl-colorbox-inner p {
 +
margin: 0;
 +
}
 +
 
 +
.mw-tpl-colorbox-icon {
 
  opacity: 0.8;
 
  opacity: 0.8;
 +
margin: 0.25em;
 +
margin-left: 0.8em;
 
}
 
}
  
Line 24: Line 35:
  
 
.mw-tpl-colorbox-content {
 
.mw-tpl-colorbox-content {
  padding: 0.5em 1em 0.5em 1em;
+
  padding: 0.3em 0.75em 0.3em 0.75em;
color: #11151d;
 
 
}
 
}

Latest revision as of 21:39, 14 February 2021

.mw-tpl-colorbox {
 box-sizing: border-box;
 border-radius: 0.1em;
 border-color: transparent;
 border-left-width: 0.5em;
 box-shadow: 0 0 0.2em currentColor;
 background: inherit;
 width: 70%;
 margin: 0.5em auto;
 display: flex;
 flex-flow: row nowrap;
 align-items: center;
}

.mw-tpl-colorbox-title {
 border-radius: 0.1em 0.1em 0 0;
 font-size: 120%;
 padding: 0.25em 0.6em 0.1em 0.6em;
}

.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child, .mw-tpl-colorbox-inner p {
 margin: 0;
}

.mw-tpl-colorbox-icon {
 opacity: 0.8;
 margin: 0.25em;
 margin-left: 0.8em;
}

.mw-tpl-colorbox-title-corner {
 float: right;
 font-size: 0.7em;
}

.mw-tpl-colorbox-content {
 padding: 0.3em 0.75em 0.3em 0.75em;
}