Difference between revisions of "Template:Divbox/styles.css"
Jump to navigation
Jump to search
imported>BrandonXLF |
imported>JJMC89 (add .divbox and apply coding conventions) |
||
| Line 1: | Line 1: | ||
| − | . | + | .divbox { |
| − | + | padding: 1em; | |
| + | margin: 0.5em; | ||
} | } | ||
| − | . | + | |
| − | background-color: # | + | .divbox-amber { |
| + | background-color: #FFFFCC; | ||
| + | border: 1px solid #663300; | ||
} | } | ||
| − | . | + | |
| − | background-color: | + | .divbox-berk { |
| + | background-color: #b78727; | ||
| + | border: 1px solid #0F4D92; | ||
} | } | ||
| − | . | + | |
| − | background-color: | + | .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 | + | background-color: #dee; |
| + | border: 1px solid #0000CC; | ||
} | } | ||
| − | . | + | |
| − | background-color: #F2DEB8; border: 1px solid #663300 | + | .divbox-brown { |
| + | background-color: #F2DEB8; | ||
| + | border: 1px solid #663300; | ||
} | } | ||
| − | . | + | |
| − | background-color: #006A4D; color: #FFFFFF; border: 4px solid #FFFFFF; border-radius: | + | .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 ); | ||
} | } | ||
| − | . | + | |
| − | background-color: #ecfcf4; border: 1px solid #aaaaaa | + | .divbox-docgreen { |
| + | background-color: #ecfcf4; | ||
| + | border: 1px solid #aaaaaa; | ||
} | } | ||
| − | . | + | |
| − | background-color: inherit; border: 1px double #000000; | + | .divbox-double { |
| + | background-color: inherit; | ||
| + | border: 1px double #000000; | ||
| + | letter-spacing: 0.5em; | ||
} | } | ||
| − | . | + | |
| − | font-weight:bold; font-family:monospace; margin-left:2em; | + | .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; | ||
} | } | ||
| − | . | + | |
| − | border: 1px solid #cd853f; | + | .divbox-fawn { |
| + | border: 1px solid #cd853f; | ||
| + | background-color: #fff8dc; | ||
| + | border-radius: 10px; | ||
} | } | ||
| − | . | + | |
| − | background-color: #B5DBAF; border: 1px solid #006633 | + | .divbox-forest { |
| + | background-color: #B5DBAF; | ||
| + | border: 1px solid #006633; | ||
} | } | ||
| − | . | + | |
| − | background-color: #cc0; border: 1px solid #f00 | + | .divbox-gold { |
| + | background-color: #cc0; | ||
| + | border: 1px solid #f00; | ||
} | } | ||
| − | . | + | |
| − | background-color: #EEEEEE; border: 1px solid #999999 | + | .divbox-gray { |
| + | background-color: #EEEEEE; | ||
| + | border: 1px solid #999999; | ||
} | } | ||
| − | . | + | |
| − | background-color: #F9F9F9; border: 1px solid #DDDDDD | + | .divbox-gray99 { |
| + | background-color: #F9F9F9; | ||
| + | border: 1px solid #DDDDDD; | ||
} | } | ||
| − | . | + | |
| − | background:transparent; border:solid 4px lightgray; border-left:none; border-right:none; | + | .divbox-grayh { |
| + | background: transparent; | ||
| + | border: solid 4px lightgray; | ||
| + | border-left: none; | ||
| + | border-right: none; | ||
| + | color: gray; | ||
} | } | ||
| − | . | + | |
| − | background-color: #CCFFCC; border: 1px solid #009900 | + | .divbox-divbox-green { |
| + | background-color: #CCFFCC; | ||
| + | border: 1px solid #009900; | ||
} | } | ||
| − | . | + | |
| − | background:transparent;border:solid 8px lightgreen;border-top:none;border-bottom:none | + | .divbox-divbox-greenv { |
| + | background: transparent; | ||
| + | border: solid 8px lightgreen; | ||
| + | border-top: none; | ||
| + | border-bottom: none; | ||
} | } | ||
| − | . | + | |
| − | border: 1px solid #0000FF; | + | .divbox-ivory { |
| + | border: 1px solid #0000FF; | ||
| + | background-color: #FFFFF0; | ||
| + | border-radius: 10px; | ||
} | } | ||
| − | . | + | |
| − | background-color: #E6E6FA; font-size:11pt; border: 1px solid #7D00B3 | + | .divbox-lavender { |
| + | background-color: #E6E6FA; | ||
| + | font-size: 11pt; | ||
| + | border: 1px solid #7D00B3; | ||
} | } | ||
| − | . | + | |
| − | background-color: #F0F8FF; border: 1px solid #7CB9E8 | + | .divbox-lightblue { |
| + | background-color: #F0F8FF; | ||
| + | border: 1px solid #7CB9E8; | ||
} | } | ||
| − | . | + | |
| − | background-color: #C8A2C8; border: 1px solid silver | + | .divbox-lilac { |
| + | background-color: #C8A2C8; | ||
| + | border: 1px solid silver; | ||
} | } | ||
| − | . | + | |
| − | border: 7px solid #0FF0FF; | + | .divbox-n { |
| + | border: 7px solid #0FF0FF; | ||
| + | background-color: #F0FFF0; | ||
| + | border-radius: 25px; | ||
} | } | ||
| − | . | + | |
| − | background-color: #AADBE0; border: 1px solid #00477B | + | .divbox-navy { |
| + | background-color: #AADBE0; | ||
| + | border: 1px solid #00477B; | ||
} | } | ||
| − | . | + | |
| − | border: 1px hidden | + | .divbox-none { |
| + | border: 1px hidden; | ||
} | } | ||
| − | . | + | |
| − | background-color: #E9FFDB; font-size:11pt; border: 1px solid #7D00B3 | + | .divbox-nyanza { |
| + | background-color: #E9FFDB; | ||
| + | font-size: 11pt; | ||
| + | border: 1px solid #7D00B3; | ||
} | } | ||
| − | . | + | |
| − | background-color: #FFDEB5; border: 1px solid #FF6600 | + | .divbox-orange { |
| + | background-color: #FFDEB5; | ||
| + | border: 1px solid #FF6600; | ||
} | } | ||
| − | . | + | |
| − | background-color: inherit; border: 1px solid #000000 | + | .divbox-plain { |
| + | background-color: inherit; | ||
| + | border: 1px solid #000000; | ||
} | } | ||
| − | . | + | |
| − | background-color: #FFDAFF; border: 1px solid #7D00B3 | + | .divbox-purple { |
| + | background-color: #FFDAFF; | ||
| + | border: 1px solid #7D00B3; | ||
} | } | ||
| − | . | + | |
| − | background-color: #FFCCCC; border: 1px solid #CC0000 | + | .divbox-red { |
| + | background-color: #FFCCCC; | ||
| + | border: 1px solid #CC0000; | ||
} | } | ||
| − | . | + | |
| − | background-color: #cccccc; border: 1px solid #6881b9 | + | .divbox-sia { |
| + | background-color: #cccccc; | ||
| + | border: 1px solid #6881b9; | ||
} | } | ||
| − | . | + | |
| − | background-color: #d5dceb; border: 1px solid #6881b9 | + | .divbox-siaaa { |
| + | background-color: #d5dceb; | ||
| + | border: 1px solid #6881b9; | ||
} | } | ||
| − | . | + | |
| − | background-color: #F2DEB8; border: 4px solid #810541; border-radius:5em | + | .divbox-simar { |
| + | background-color: #F2DEB8; | ||
| + | border: 4px solid #810541; | ||
| + | border-radius: 5em; | ||
} | } | ||
| − | . | + | |
| − | background-color: #008080; border: 1px solid #40E0D0 | + | .divbox-teal { |
| + | background-color: #008080; | ||
| + | border: 1px solid #40E0D0; | ||
} | } | ||
| − | . | + | |
| − | background-color: #D8BFD8; font-size:11pt; border: 1px solid #7D00B3 | + | .divbox-thistle { |
| + | background-color: #D8BFD8; | ||
| + | font-size: 11pt; | ||
| + | border: 1px solid #7D00B3; | ||
} | } | ||
| − | . | + | |
| − | background-color: transparent; color:darkblue; font-family:monospace; border: 1px solid grey | + | .divbox-tt { |
| + | background-color: transparent; | ||
| + | color: darkblue; | ||
| + | font-family: monospace; | ||
| + | border: 1px solid grey; | ||
} | } | ||
| − | . | + | |
| − | background-color: #CEE3F6; border: 1px solid #CEE3F6 | + | .divbox-wdl { |
| + | background-color: #CEE3F6; | ||
| + | border: 1px solid #CEE3F6; | ||
} | } | ||
| − | . | + | |
| − | background-color: #FFFFFF; border: 1px solid #000000 | + | .divbox-white { |
| + | background-color: #FFFFFF; | ||
| + | border: 1px solid #000000; | ||
} | } | ||
| − | . | + | |
| − | background-color: blue; color:white; font-family:monospace; border: 1px solid #0000CC | + | .divbox-wordperfect { |
| + | background-color: blue; | ||
| + | color: white; | ||
| + | font-family: monospace; | ||
| + | border: 1px solid #0000CC; | ||
} | } | ||
| − | . | + | |
| − | background-color: #FFFFCC; border: 1px solid #FFCC00 | + | .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;
}