Difference between revisions of "Template:Divbox/styles.css"
Jump to navigation
Jump to search
imported>JJMC89 (add .divbox and apply coding conventions) |
imported>Izno (add this here and then we can remove the center class) |
||
| (14 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
| + | /* {{pp-template}} */ | ||
.divbox { | .divbox { | ||
padding: 1em; | padding: 1em; | ||
| − | + | margin: 0.5em; | |
| + | } | ||
| + | |||
| + | .divbox .divbox-heading { | ||
| + | width: auto; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | font-weight: bold; | ||
| + | text-align: center; | ||
} | } | ||
.divbox-amber { | .divbox-amber { | ||
| − | background-color: # | + | background-color: #ffffcc; |
border: 1px solid #663300; | border: 1px solid #663300; | ||
} | } | ||
| Line 11: | Line 20: | ||
.divbox-berk { | .divbox-berk { | ||
background-color: #b78727; | background-color: #b78727; | ||
| − | border: 1px solid # | + | border: 1px solid #0f4d92; |
} | } | ||
| Line 22: | Line 31: | ||
.divbox-bloodred { | .divbox-bloodred { | ||
| − | background-color: # | + | background-color: #ff3333; |
| − | border: 1px solid # | + | border: 1px solid #cc0000; |
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| − | .blue { | + | .divbox-blue { |
background-color: #dee; | background-color: #dee; | ||
| − | border: 1px solid # | + | border: 1px solid #0000cc; |
} | } | ||
.divbox-brown { | .divbox-brown { | ||
| − | background-color: # | + | background-color: #f2deb8; |
border: 1px solid #663300; | border: 1px solid #663300; | ||
} | } | ||
.divbox-darkgreen { | .divbox-darkgreen { | ||
| − | background-color: # | + | background-color: #006a4d; |
| − | color: # | + | color: #ffffff; |
| − | border: 4px solid # | + | border: 4px solid #ffffff; |
border-radius: 5em; | border-radius: 5em; | ||
box-shadow: 0.1em 0.1em 0.5em rgba( 0, 0, 0, 0.75 ); | box-shadow: 0.1em 0.1em 0.5em rgba( 0, 0, 0, 0.75 ); | ||
| Line 58: | Line 67: | ||
.divbox-email { | .divbox-email { | ||
font-weight: bold; | font-weight: bold; | ||
| − | |||
margin-left: 2em; | margin-left: 2em; | ||
| − | border: black solid 1px; | + | border: black solid 1px; |
| − | border-style: dotted solid dotted solid; | + | border-style: dotted solid dotted solid; |
background: palegreen; | background: palegreen; | ||
| − | |||
} | } | ||
| Line 73: | Line 80: | ||
.divbox-forest { | .divbox-forest { | ||
| − | background-color: # | + | background-color: #b5dbaf; |
border: 1px solid #006633; | border: 1px solid #006633; | ||
} | } | ||
.divbox-gold { | .divbox-gold { | ||
| − | background-color: #cc0; | + | background-color: #cc0; |
border: 1px solid #f00; | border: 1px solid #f00; | ||
} | } | ||
| − | .divbox-gray { | + | .divbox-gray, |
| − | background-color: # | + | .divbox-grey { |
| + | background-color: #eeeeee; | ||
border: 1px solid #999999; | border: 1px solid #999999; | ||
} | } | ||
| − | .divbox-gray99 { | + | .divbox-gray99, |
| − | background-color: # | + | .divbox-grey99 { |
| − | border: 1px solid # | + | background-color: #f9f9f9; |
| + | border: 1px solid #dddddd; | ||
} | } | ||
| − | .divbox-grayh { | + | .divbox-grayh, |
| + | .divbox-greyh { | ||
background: transparent; | background: transparent; | ||
border: solid 4px lightgray; | border: solid 4px lightgray; | ||
| Line 100: | Line 110: | ||
} | } | ||
| − | . | + | .divbox-green { |
| − | background-color: # | + | background-color: #ccffcc; |
border: 1px solid #009900; | border: 1px solid #009900; | ||
} | } | ||
| − | . | + | .divbox-greenv { |
background: transparent; | background: transparent; | ||
border: solid 8px lightgreen; | border: solid 8px lightgreen; | ||
| Line 113: | Line 123: | ||
.divbox-ivory { | .divbox-ivory { | ||
| − | border: 1px solid # | + | border: 1px solid #0000ff; |
| − | background-color: # | + | background-color: #fffff0; |
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
.divbox-lavender { | .divbox-lavender { | ||
| − | background-color: # | + | background-color: #e6e6fa; |
font-size: 11pt; | font-size: 11pt; | ||
| − | border: 1px solid # | + | border: 1px solid #7d00b3; |
} | } | ||
.divbox-lightblue { | .divbox-lightblue { | ||
| − | background-color: # | + | background-color: #f0f8ff; |
| − | border: 1px solid # | + | border: 1px solid #7cb9e8; |
} | } | ||
.divbox-lilac { | .divbox-lilac { | ||
| − | background-color: # | + | background-color: #c8a2c8; |
border: 1px solid silver; | border: 1px solid silver; | ||
} | } | ||
.divbox-n { | .divbox-n { | ||
| − | border: 7px solid # | + | border: 7px solid #0ff0ff; |
| − | background-color: # | + | background-color: #f0fff0; |
border-radius: 25px; | border-radius: 25px; | ||
} | } | ||
.divbox-navy { | .divbox-navy { | ||
| − | background-color: # | + | background-color: #aadbe0; |
| − | border: 1px solid # | + | border: 1px solid #00477b; |
} | } | ||
| Line 150: | Line 160: | ||
.divbox-nyanza { | .divbox-nyanza { | ||
| − | background-color: # | + | background-color: #e9ffdb; |
font-size: 11pt; | font-size: 11pt; | ||
| − | border: 1px solid # | + | border: 1px solid #7d00b3; |
} | } | ||
.divbox-orange { | .divbox-orange { | ||
| − | background-color: # | + | background-color: #ffdeb5; |
| − | border: 1px solid # | + | border: 1px solid #ff6600; |
} | } | ||
| Line 166: | Line 176: | ||
.divbox-purple { | .divbox-purple { | ||
| − | background-color: # | + | background-color: #ffdaff; |
| − | border: 1px solid # | + | border: 1px solid #7d00b3; |
} | } | ||
.divbox-red { | .divbox-red { | ||
| − | background-color: # | + | background-color: #ffcccc; |
| − | border: 1px solid # | + | border: 1px solid #cc0000; |
} | } | ||
| Line 186: | Line 196: | ||
.divbox-simar { | .divbox-simar { | ||
| − | background-color: # | + | background-color: #f2deb8; |
border: 4px solid #810541; | border: 4px solid #810541; | ||
border-radius: 5em; | border-radius: 5em; | ||
| Line 193: | Line 203: | ||
.divbox-teal { | .divbox-teal { | ||
background-color: #008080; | background-color: #008080; | ||
| − | border: 1px solid # | + | border: 1px solid #40e0d0; |
} | } | ||
.divbox-thistle { | .divbox-thistle { | ||
| − | background-color: # | + | background-color: #d8bfd8; |
font-size: 11pt; | font-size: 11pt; | ||
| − | border: 1px solid # | + | border: 1px solid #7d00b3; |
} | } | ||
| Line 205: | Line 215: | ||
background-color: transparent; | background-color: transparent; | ||
color: darkblue; | color: darkblue; | ||
| − | |||
border: 1px solid grey; | border: 1px solid grey; | ||
} | } | ||
.divbox-wdl { | .divbox-wdl { | ||
| − | background-color: # | + | background-color: #cee3f6; |
| − | border: 1px solid # | + | border: 1px solid #cee3f6; |
} | } | ||
.divbox-white { | .divbox-white { | ||
| − | background-color: # | + | background-color: #ffffff; |
border: 1px solid #000000; | border: 1px solid #000000; | ||
} | } | ||
| Line 222: | Line 231: | ||
background-color: blue; | background-color: blue; | ||
color: white; | color: white; | ||
| − | font-family: monospace | + | border: 1px solid #0000cc; |
| − | + | } | |
| + | |||
| + | /* "monospace, monospace" per [[WP:MONO]] */ | ||
| + | .divbox-email, | ||
| + | .divbox-tt, | ||
| + | .divbox-wordperfect { | ||
| + | font-family: monospace, monospace; | ||
} | } | ||
.divbox-yellow { | .divbox-yellow { | ||
| − | background-color: # | + | background-color: #ffffcc; |
| − | border: 1px solid # | + | border: 1px solid #ffcc00; |
} | } | ||
Latest revision as of 20:58, 2 April 2019
/* {{pp-template}} */
.divbox {
padding: 1em;
margin: 0.5em;
}
.divbox .divbox-heading {
width: auto;
margin-left: auto;
margin-right: auto;
font-weight: bold;
text-align: center;
}
.divbox-amber {
background-color: #ffffcc;
border: 1px solid #663300;
}
.divbox-berk {
background-color: #b78727;
border: 1px solid #0f4d92;
}
.divbox-black {
background-color: black;
border: 1px solid white;
color: white;
font-weight: bold;
}
.divbox-bloodred {
background-color: #ff3333;
border: 1px solid #cc0000;
font-weight: bold;
}
.divbox-blue {
background-color: #dee;
border: 1px solid #0000cc;
}
.divbox-brown {
background-color: #f2deb8;
border: 1px solid #663300;
}
.divbox-darkgreen {
background-color: #006a4d;
color: #ffffff;
border: 4px solid #ffffff;
border-radius: 5em;
box-shadow: 0.1em 0.1em 0.5em rgba( 0, 0, 0, 0.75 );
}
.divbox-docgreen {
background-color: #ecfcf4;
border: 1px solid #aaaaaa;
}
.divbox-double {
background-color: inherit;
border: 1px double #000000;
letter-spacing: 0.5em;
}
.divbox-email {
font-weight: bold;
margin-left: 2em;
border: black solid 1px;
border-style: dotted solid dotted solid;
background: palegreen;
}
.divbox-fawn {
border: 1px solid #cd853f;
background-color: #fff8dc;
border-radius: 10px;
}
.divbox-forest {
background-color: #b5dbaf;
border: 1px solid #006633;
}
.divbox-gold {
background-color: #cc0;
border: 1px solid #f00;
}
.divbox-gray,
.divbox-grey {
background-color: #eeeeee;
border: 1px solid #999999;
}
.divbox-gray99,
.divbox-grey99 {
background-color: #f9f9f9;
border: 1px solid #dddddd;
}
.divbox-grayh,
.divbox-greyh {
background: transparent;
border: solid 4px lightgray;
border-left: none;
border-right: none;
color: gray;
}
.divbox-green {
background-color: #ccffcc;
border: 1px solid #009900;
}
.divbox-greenv {
background: transparent;
border: solid 8px lightgreen;
border-top: none;
border-bottom: none;
}
.divbox-ivory {
border: 1px solid #0000ff;
background-color: #fffff0;
border-radius: 10px;
}
.divbox-lavender {
background-color: #e6e6fa;
font-size: 11pt;
border: 1px solid #7d00b3;
}
.divbox-lightblue {
background-color: #f0f8ff;
border: 1px solid #7cb9e8;
}
.divbox-lilac {
background-color: #c8a2c8;
border: 1px solid silver;
}
.divbox-n {
border: 7px solid #0ff0ff;
background-color: #f0fff0;
border-radius: 25px;
}
.divbox-navy {
background-color: #aadbe0;
border: 1px solid #00477b;
}
.divbox-none {
border: 1px hidden;
}
.divbox-nyanza {
background-color: #e9ffdb;
font-size: 11pt;
border: 1px solid #7d00b3;
}
.divbox-orange {
background-color: #ffdeb5;
border: 1px solid #ff6600;
}
.divbox-plain {
background-color: inherit;
border: 1px solid #000000;
}
.divbox-purple {
background-color: #ffdaff;
border: 1px solid #7d00b3;
}
.divbox-red {
background-color: #ffcccc;
border: 1px solid #cc0000;
}
.divbox-sia {
background-color: #cccccc;
border: 1px solid #6881b9;
}
.divbox-siaaa {
background-color: #d5dceb;
border: 1px solid #6881b9;
}
.divbox-simar {
background-color: #f2deb8;
border: 4px solid #810541;
border-radius: 5em;
}
.divbox-teal {
background-color: #008080;
border: 1px solid #40e0d0;
}
.divbox-thistle {
background-color: #d8bfd8;
font-size: 11pt;
border: 1px solid #7d00b3;
}
.divbox-tt {
background-color: transparent;
color: darkblue;
border: 1px solid grey;
}
.divbox-wdl {
background-color: #cee3f6;
border: 1px solid #cee3f6;
}
.divbox-white {
background-color: #ffffff;
border: 1px solid #000000;
}
.divbox-wordperfect {
background-color: blue;
color: white;
border: 1px solid #0000cc;
}
/* "monospace, monospace" per [[WP:MONO]] */
.divbox-email,
.divbox-tt,
.divbox-wordperfect {
font-family: monospace, monospace;
}
.divbox-yellow {
background-color: #ffffcc;
border: 1px solid #ffcc00;
}