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

From blackwiki
Jump to navigation Jump to search
imported>BrandonXLF
imported>JJMC89
(add .divbox and apply coding conventions)
Line 1: Line 1:
.divbox_amber {
+
.divbox {
background-color: #FFFFCC; border: 1px solid #663300; margin: 0.5em; padding: 1em;
+
padding: 1em;
 +
margin: 0.5em;
 
}
 
}
.divbox_berk {
+
 
background-color: #b78727; border: 1px solid #0F4D92; margin: 0.5em; padding: 1em;
+
.divbox-amber {
 +
background-color: #FFFFCC;
 +
border: 1px solid #663300;
 
}
 
}
.divbox_black {
+
 
background-color: black; border: 1px solid white; margin: 0.5em; padding: 1em; color: white; font-weight: bold;
+
.divbox-berk {
 +
background-color: #b78727;
 +
border: 1px solid #0F4D92;
 
}
 
}
.divbox_bloodred {
+
 
background-color: #FF3333; border: 1px solid #CC0000; margin: 0.5em; padding: 1em; font-weight: bold;
+
.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;
 +
}
 +
 
.blue {
 
.blue {
background-color: #dee; border: 1px solid #0000CC; margin: 0.5em; padding: 1em;
+
background-color: #dee;
 +
border: 1px solid #0000CC;
 
}
 
}
.divbox_brown {
+
 
background-color: #F2DEB8; border: 1px solid #663300; margin: 0.5em; padding: 1em;
+
.divbox-brown {
 +
background-color: #F2DEB8;
 +
border: 1px solid #663300;
 
}
 
}
.divbox_darkgreen {
+
 
background-color: #006A4D; color: #FFFFFF; border: 4px solid #FFFFFF; border-radius:5em; margin: 0.5em;  
+
.divbox-darkgreen {
padding: 1em; box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75);
+
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; margin: 0.5em; padding: 1em;
+
.divbox-docgreen {
 +
background-color: #ecfcf4;
 +
border: 1px solid #aaaaaa;
 
}
 
}
.divbox_double {
+
 
background-color: inherit; border: 1px double #000000; margin: 0.5em; padding: 1em; letter-spacing: 0.5em;
+
.divbox-double {
 +
background-color: inherit;
 +
border: 1px double #000000;
 +
letter-spacing: 0.5em;
 
}
 
}
.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-email {
 +
font-weight: bold;
 +
font-family: monospace;
 +
margin-left: 2em;
 +
border: black solid 1px;  
 +
border-style: dotted solid dotted solid;  
 +
background: palegreen;
 +
white-space: pre;
 
}
 
}
.divbox_fawn {
+
 
border: 1px solid #cd853f; margin: 0.5em; padding: 1em; background-color:#fff8dc; border-radius: 10px;
+
.divbox-fawn {
 +
border: 1px solid #cd853f;
 +
background-color: #fff8dc;
 +
border-radius: 10px;
 
}
 
}
.divbox_forest {
+
 
background-color: #B5DBAF; border: 1px solid #006633; margin: 0.5em; padding: 1em;
+
.divbox-forest {
 +
background-color: #B5DBAF;
 +
border: 1px solid #006633;
 
}
 
}
.divbox_gold {
+
 
background-color: #cc0; border: 1px solid #f00; margin: 0.5em; padding: 1em;
+
.divbox-gold {
 +
background-color: #cc0;  
 +
border: 1px solid #f00;
 
}
 
}
.divbox_gray {
+
 
background-color: #EEEEEE; border: 1px solid #999999; margin: 0.5em; padding: 1em;
+
.divbox-gray {
 +
background-color: #EEEEEE;
 +
border: 1px solid #999999;
 
}
 
}
.divbox_gray99 {
+
 
background-color: #F9F9F9; border: 1px solid #DDDDDD; margin: 0.5em; padding: 1em;
+
.divbox-gray99 {
 +
background-color: #F9F9F9;
 +
border: 1px solid #DDDDDD;
 
}
 
}
.divbox_grayh {
+
 
background:transparent; border:solid 4px lightgray; border-left:none; border-right:none; padding:1em; color:gray; margin:0.5em;
+
.divbox-grayh {
 +
background: transparent;
 +
border: solid 4px lightgray;
 +
border-left: none;
 +
border-right: none;
 +
color: gray;
 
}
 
}
.divbox_divbox_green {
+
 
background-color: #CCFFCC; border: 1px solid #009900; margin: 0.5em; padding: 1em;
+
.divbox-divbox-green {
 +
background-color: #CCFFCC;
 +
border: 1px solid #009900;
 
}
 
}
.divbox_divbox_greenv {
+
 
background:transparent;border:solid 8px lightgreen;border-top:none;border-bottom:none;margin: 0.5em; padding: 1em;
+
.divbox-divbox-greenv {
 +
background: transparent;
 +
border: solid 8px lightgreen;
 +
border-top: none;
 +
border-bottom: none;
 
}
 
}
.divbox_ivory {
+
 
border: 1px solid #0000FF; margin: 0.5em; padding: 1em; background-color:#FFFFF0; border-radius: 10px;
+
.divbox-ivory {
 +
border: 1px solid #0000FF;
 +
background-color: #FFFFF0;
 +
border-radius: 10px;
 
}
 
}
.divbox_lavender {
+
 
background-color: #E6E6FA; font-size:11pt; border: 1px solid #7D00B3; margin: 0.5em; padding: 1em;
+
.divbox-lavender {
 +
background-color: #E6E6FA;
 +
font-size: 11pt;
 +
border: 1px solid #7D00B3;
 
}
 
}
.divbox_lightblue {
+
 
background-color: #F0F8FF; border: 1px solid #7CB9E8; margin: 0.5em; padding: 1em;
+
.divbox-lightblue {
 +
background-color: #F0F8FF;
 +
border: 1px solid #7CB9E8;
 
}
 
}
.divbox_lilac {
+
 
background-color: #C8A2C8; border: 1px solid silver; margin: 0.5em; padding: 1em;
+
.divbox-lilac {
 +
background-color: #C8A2C8;  
 +
border: 1px solid silver;
 
}
 
}
.divbox_n {
+
 
border: 7px solid #0FF0FF; margin: 0.5em; padding: 1em; background-color:#F0FFF0; border-radius: 25px;
+
.divbox-n {
 +
border: 7px solid #0FF0FF;
 +
background-color: #F0FFF0;
 +
border-radius: 25px;
 
}
 
}
.divbox_navy {
+
 
background-color: #AADBE0; border: 1px solid #00477B; margin: 0.5em; padding: 1em;
+
.divbox-navy {
 +
background-color: #AADBE0;
 +
border: 1px solid #00477B;
 
}
 
}
.divbox_none {
+
 
border: 1px hidden; margin: 0.5em; padding: 1em;
+
.divbox-none {
 +
border: 1px hidden;
 
}
 
}
.divbox_nyanza {
+
 
background-color: #E9FFDB; font-size:11pt; border: 1px solid #7D00B3; margin: 0.5em; padding: 1em;
+
.divbox-nyanza {
 +
background-color: #E9FFDB;
 +
font-size: 11pt;
 +
border: 1px solid #7D00B3;
 
}
 
}
.divbox_orange {
+
 
background-color: #FFDEB5; border: 1px solid #FF6600; margin: 0.5em; padding: 1em;
+
.divbox-orange {
 +
background-color: #FFDEB5;
 +
border: 1px solid #FF6600;
 
}
 
}
.divbox_plain {
+
 
background-color: inherit; border: 1px solid #000000; margin: 0.5em; padding: 1em;
+
.divbox-plain {
 +
background-color: inherit;
 +
border: 1px solid #000000;
 
}
 
}
.divbox_purple {
+
 
background-color: #FFDAFF; border: 1px solid #7D00B3; margin: 0.5em; padding: 1em;
+
.divbox-purple {
 +
background-color: #FFDAFF;
 +
border: 1px solid #7D00B3;
 
}
 
}
.divbox_red {
+
 
background-color: #FFCCCC; border: 1px solid #CC0000; margin: 0.5em; padding: 1em;
+
.divbox-red {
 +
background-color: #FFCCCC;
 +
border: 1px solid #CC0000;
 
}
 
}
.divbox_sia {
+
 
background-color: #cccccc; border: 1px solid #6881b9; margin: 0.5em; padding: 1em;
+
.divbox-sia {
 +
background-color: #cccccc;
 +
border: 1px solid #6881b9;
 
}
 
}
.divbox_siaaa {
+
 
background-color: #d5dceb; border: 1px solid #6881b9; margin: 0.5em; padding: 1em;
+
.divbox-siaaa {
 +
background-color: #d5dceb;
 +
border: 1px solid #6881b9;
 
}
 
}
.divbox_simar {
+
 
background-color: #F2DEB8; border: 4px solid #810541; border-radius:5em; margin: 0.5em; padding: 1em;
+
.divbox-simar {
 +
background-color: #F2DEB8;
 +
border: 4px solid #810541;
 +
border-radius: 5em;
 
}
 
}
.divbox_teal {
+
 
background-color: #008080; border: 1px solid #40E0D0; margin: 0.5em; padding: 1em;
+
.divbox-teal {
 +
background-color: #008080;
 +
border: 1px solid #40E0D0;
 
}
 
}
.divbox_thistle {
+
 
background-color: #D8BFD8; font-size:11pt; border: 1px solid #7D00B3; margin: 0.5em; padding: 1em;
+
.divbox-thistle {
 +
background-color: #D8BFD8;
 +
font-size: 11pt;
 +
border: 1px solid #7D00B3;
 
}
 
}
.divbox_tt {
+
 
background-color: transparent; color:darkblue; font-family:monospace; border: 1px solid grey; margin: 0.5em; padding: 1em;
+
.divbox-tt {
 +
background-color: transparent;
 +
color: darkblue;
 +
font-family: monospace;
 +
border: 1px solid grey;
 
}
 
}
.divbox_wdl {
+
 
background-color: #CEE3F6; border: 1px solid #CEE3F6; margin: 0.5em; padding: 1em;
+
.divbox-wdl {
 +
background-color: #CEE3F6;
 +
border: 1px solid #CEE3F6;
 
}
 
}
.divbox_white {
+
 
background-color: #FFFFFF; border: 1px solid #000000; margin: 0.5em; padding: 1em;
+
.divbox-white {
 +
background-color: #FFFFFF;
 +
border: 1px solid #000000;
 
}
 
}
.divbox_wordperfect {
+
 
background-color: blue; color:white; font-family:monospace; border: 1px solid #0000CC; margin: 0.5em; padding: 1em;
+
.divbox-wordperfect {
 +
background-color: blue;
 +
color: white;
 +
font-family: monospace;
 +
border: 1px solid #0000CC;
 
}
 
}
.divbox_yellow {
+
 
background-color: #FFFFCC; border: 1px solid #FFCC00; margin: 0.5em; padding: 1em;
+
.divbox-yellow {
 +
background-color: #FFFFCC;
 +
border: 1px solid #FFCC00;
 
}
 
}

Revision as of 04:11, 25 September 2018

.divbox {
	padding: 1em;
	 margin: 0.5em;
}

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

.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;
	font-family: monospace;
	margin-left: 2em;
	border: black solid 1px; 
	border-style: dotted solid dotted solid; 
	background: palegreen;
	white-space: pre;
}

.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 {
	background-color: #EEEEEE;
	border: 1px solid #999999;
}

.divbox-gray99 {
	background-color: #F9F9F9;
	border: 1px solid #DDDDDD;
}

.divbox-grayh {
	background: transparent;
	border: solid 4px lightgray;
	border-left: none;
	border-right: none;
	color: gray;
}

.divbox-divbox-green {
	background-color: #CCFFCC;
	border: 1px solid #009900;
}

.divbox-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;
	font-family: monospace;
	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;
	font-family: monospace;
	border: 1px solid #0000CC;
}

.divbox-yellow {
	background-color: #FFFFCC;
	border: 1px solid #FFCC00;
}