Difference between revisions of "Template:Divbox/styles.css"

From blackwiki
Jump to navigation Jump to search
imported>BrandonXLF
imported>Izno
(add this here and then we can remove the center class)
 
(16 intermediate revisions by 5 users not shown)
Line 1: Line 1:
.divbox_amber {
+
/* {{pp-template}} */
background-color: #FFFFCC; border: 1px solid #663300; margin: 0.5em; padding: 0.5em;
+
.divbox {
 +
padding: 1em;
 +
margin: 0.5em;
 
}
 
}
.divbox_berk {
+
 
background-color: #b78727; border: 1px solid #0F4D92; margin: 0.5em; padding: 0.5em;
+
.divbox .divbox-heading {
 +
width: auto;
 +
margin-left: auto;
 +
margin-right: auto;
 +
font-weight: bold;
 +
text-align: center;
 
}
 
}
.divbox_black {
+
 
background-color: black; border: 1px solid white; margin: 0.5em; padding: 0.5em; color: white; font-weight: bold;
+
.divbox-amber {
 +
background-color: #ffffcc;
 +
border: 1px solid #663300;
 
}
 
}
.divbox_bloodred {
+
 
background-color: #FF3333; border: 1px solid #CC0000; margin: 0.5em; padding: 0.5em; font-weight: bold;
+
.divbox-berk {
 +
background-color: #b78727;
 +
border: 1px solid #0f4d92;
 
}
 
}
.blue {
+
 
background-color: #dee; border: 1px solid #0000CC; margin: 0.5em; padding: 0.5em;
+
.divbox-black {
 +
background-color: black;
 +
border: 1px solid white;
 +
color: white;
 +
font-weight: bold;
 
}
 
}
.divbox_brown {
+
 
background-color: #F2DEB8; border: 1px solid #663300; margin: 0.5em; padding: 0.5em;
+
.divbox-bloodred {
 +
background-color: #ff3333;
 +
border: 1px solid #cc0000;
 +
font-weight: bold;
 
}
 
}
.divbox_darkgreen {
+
 
background-color: #006A4D; color: #FFFFFF; border: 4px solid #FFFFFF; border-radius:5em; margin: 0.5em;
+
.divbox-blue {
padding: 0.5em; box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75);
+
background-color: #dee;
 +
border: 1px solid #0000cc;
 
}
 
}
.divbox_docgreen {
+
 
background-color: #ecfcf4; border: 1px solid #aaaaaa; margin: 0.5em; padding: 0.5em;
+
.divbox-brown {
 +
background-color: #f2deb8;
 +
border: 1px solid #663300;
 
}
 
}
.divbox_double {
+
 
background-color: inherit; border: 1px double #000000; margin: 0.5em; padding: 0.5em; letter-spacing: 0.5em;
+
.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_email {
+
 
font-weight:bold; font-family:monospace; margin-left:2em; padding-left:1em; border:black solid 1px; border-style:dotted solid dotted solid; background:palegreen; padding:1em; white-space:pre;
+
.divbox-docgreen {
 +
background-color: #ecfcf4;
 +
border: 1px solid #aaaaaa;
 
}
 
}
.divbox_fawn {
+
 
border: 1px solid #cd853f; margin: 0.5em; padding: 0.5em; background-color:#fff8dc; border-radius: 10px;
+
.divbox-double {
 +
background-color: inherit;
 +
border: 1px double #000000;
 +
letter-spacing: 0.5em;
 
}
 
}
.divbox_forest {
+
 
background-color: #B5DBAF; border: 1px solid #006633; margin: 0.5em; padding: 0.5em;
+
.divbox-email {
 +
font-weight: bold;
 +
margin-left: 2em;
 +
border: black solid 1px;
 +
border-style: dotted solid dotted solid;
 +
background: palegreen;
 
}
 
}
.divbox_gold {
+
 
background-color: #cc0; border: 1px solid #f00; margin: 0.5em; padding: 0.5em;
+
.divbox-fawn {
 +
border: 1px solid #cd853f;
 +
background-color: #fff8dc;
 +
border-radius: 10px;
 
}
 
}
.divbox_gray {
+
 
background-color: #EEEEEE; border: 1px solid #999999; margin: 0.5em; padding: 0.5em;
+
.divbox-forest {
 +
background-color: #b5dbaf;
 +
border: 1px solid #006633;
 
}
 
}
.divbox_gray99 {
+
 
background-color: #F9F9F9; border: 1px solid #DDDDDD; margin: 0.5em; padding: 0.5em;
+
.divbox-gold {
 +
background-color: #cc0;
 +
border: 1px solid #f00;
 
}
 
}
.divbox_grayh {
+
 
background:transparent;border:solid 4px lightgray;border-left:none;border-right:none;padding:0.5em;color:gray;margin:0.5em;
+
.divbox-gray,
 +
.divbox-grey {
 +
background-color: #eeeeee;
 +
border: 1px solid #999999;
 
}
 
}
.divbox_divbox_green {
+
 
background-color: #CCFFCC; border: 1px solid #009900; margin: 0.5em; padding: 0.5em;
+
.divbox-gray99,
 +
.divbox-grey99 {
 +
background-color: #f9f9f9;
 +
border: 1px solid #dddddd;
 
}
 
}
.divbox_divbox_greenv {
+
 
background:transparent;border:solid 8px lightgreen;border-top:none;border-bottom:none;margin: 0.5em; padding: 0.5em;
+
.divbox-grayh,
 +
.divbox-greyh {
 +
background: transparent;
 +
border: solid 4px lightgray;
 +
border-left: none;
 +
border-right: none;
 +
color: gray;
 
}
 
}
.divbox_ivory {
+
 
border: 1px solid #0000FF; margin: 0.5em; padding: 0.5em; background-color:#FFFFF0; border-radius: 10px;
+
.divbox-green {
 +
background-color: #ccffcc;
 +
border: 1px solid #009900;
 
}
 
}
.divbox_lavender {
+
 
background-color: #E6E6FA; font-size:11pt; border: 1px solid #7D00B3; margin: 0.5em; padding: 0.5em;
+
.divbox-greenv {
 +
background: transparent;
 +
border: solid 8px lightgreen;
 +
border-top: none;
 +
border-bottom: none;
 
}
 
}
.divbox_lightblue {
+
 
background-color: #F0F8FF; border: 1px solid #7CB9E8; margin: 0.5em; padding: 0.5em;
+
.divbox-ivory {
 +
border: 1px solid #0000ff;
 +
background-color: #fffff0;
 +
border-radius: 10px;
 
}
 
}
.divbox_lilac {
+
 
background-color: #C8A2C8; border: 1px solid silver; margin: 0.5em; padding: 0.5em;
+
.divbox-lavender {
 +
background-color: #e6e6fa;
 +
font-size: 11pt;
 +
border: 1px solid #7d00b3;
 
}
 
}
.divbox_n {
+
 
border: 7px solid #0FF0FF; margin: 0.5em; padding: 0.5em; background-color:#F0FFF0; border-radius: 25px;
+
.divbox-lightblue {
 +
background-color: #f0f8ff;
 +
border: 1px solid #7cb9e8;
 
}
 
}
.divbox_navy {
+
 
background-color: #AADBE0; border: 1px solid #00477B; margin: 0.5em; padding: 0.5em;
+
.divbox-lilac {
 +
background-color: #c8a2c8;
 +
border: 1px solid silver;
 
}
 
}
.divbox_none {
+
 
border: 1px hidden; margin: 0.5em; padding: 0.5em;
+
.divbox-n {
 +
border: 7px solid #0ff0ff;
 +
background-color: #f0fff0;
 +
border-radius: 25px;
 
}
 
}
.divbox_nyanza {
+
 
background-color: #E9FFDB; font-size:11pt; border: 1px solid #7D00B3; margin: 0.5em; padding: 0.5em;
+
.divbox-navy {
 +
background-color: #aadbe0;
 +
border: 1px solid #00477b;
 
}
 
}
.divbox_orange {
+
 
background-color: #FFDEB5; border: 1px solid #FF6600; margin: 0.5em; padding: 0.5em;
+
.divbox-none {
 +
border: 1px hidden;
 
}
 
}
.divbox_plain {
+
 
background-color: inherit; border: 1px solid #000000; margin: 0.5em; padding: 0.5em;
+
.divbox-nyanza {
 +
background-color: #e9ffdb;
 +
font-size: 11pt;
 +
border: 1px solid #7d00b3;
 
}
 
}
.divbox_purple {
+
 
background-color: #FFDAFF; border: 1px solid #7D00B3; margin: 0.5em; padding: 0.5em;
+
.divbox-orange {
 +
background-color: #ffdeb5;
 +
border: 1px solid #ff6600;
 
}
 
}
.divbox_red {
+
 
background-color: #FFCCCC; border: 1px solid #CC0000; margin: 0.5em; padding: 0.5em;
+
.divbox-plain {
 +
background-color: inherit;
 +
border: 1px solid #000000;
 
}
 
}
.divbox_sia {
+
 
background-color: #cccccc; border: 1px solid #6881b9; margin: 0.5em; padding: 0.5em;
+
.divbox-purple {
 +
background-color: #ffdaff;
 +
border: 1px solid #7d00b3;
 
}
 
}
.divbox_siaaa {
+
 
background-color: #d5dceb; border: 1px solid #6881b9; margin: 0.5em; padding: 0.5em;
+
.divbox-red {
 +
background-color: #ffcccc;
 +
border: 1px solid #cc0000;
 
}
 
}
.divbox_simar {
+
 
background-color: #F2DEB8; border: 4px solid #810541; border-radius:5em; margin: 0.5em; padding: 0.5em;
+
.divbox-sia {
 +
background-color: #cccccc;
 +
border: 1px solid #6881b9;
 
}
 
}
.divbox_teal {
+
 
background-color: #008080; border: 1px solid #40E0D0; margin: 0.5em; padding: 0.5em;
+
.divbox-siaaa {
 +
background-color: #d5dceb;
 +
border: 1px solid #6881b9;
 
}
 
}
.divbox_thistle {
+
 
background-color: #D8BFD8; font-size:11pt; border: 1px solid #7D00B3; margin: 0.5em; padding: 0.5em;
+
.divbox-simar {
 +
background-color: #f2deb8;
 +
border: 4px solid #810541;
 +
border-radius: 5em;
 
}
 
}
.divbox_tt {
+
 
background-color: transparent; color:darkblue; font-family:monospace; border: 1px solid grey; margin: 0.5em; padding: 0.5em;
+
.divbox-teal {
 +
background-color: #008080;
 +
border: 1px solid #40e0d0;
 
}
 
}
.divbox_wdl {
+
 
background-color: #CEE3F6; border: 1px solid #CEE3F6; margin: 0.5em; padding: 0.5em;
+
.divbox-thistle {
 +
background-color: #d8bfd8;
 +
font-size: 11pt;
 +
border: 1px solid #7d00b3;
 
}
 
}
.divbox_white {
+
 
background-color: #FFFFFF; border: 1px solid #000000; margin: 0.5em; padding: 0.5em;
+
.divbox-tt {
 +
background-color: transparent;
 +
color: darkblue;
 +
border: 1px solid grey;
 
}
 
}
.divbox_wordperfect {
+
 
background-color: blue; color:white; font-family:monospace; border: 1px solid #0000CC; margin: 0.5em; padding: 0.5em;
+
.divbox-wdl {
 +
background-color: #cee3f6;
 +
border: 1px solid #cee3f6;
 
}
 
}
.divbox_yellow {
+
 
background-color: #FFFFCC; border: 1px solid #FFCC00; margin: 0.5em; padding: 0.5em;
+
.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;
 
}
 
}

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;
}