2 ** Based upon the MediaWiki 'monobook' style sheet for CSS2-capable browsers.
3 ** Copyright Gabriel Wicke - http://wikidev.net/
4 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
8 ** Michael Zeltner and Geir Bækholt)
9 ** All you guys rock :)
11 ** Added phpwiki integration: Reini Urban, based on the phpwiki.css by Jeff Dairiki
12 ** "Edit this page" icon by Helge Fahrnberger
18 margin: 0 0 .6em -12.2em;
22 margin: 61px 0 0 12.2em;
23 padding: 1em 1em 1.5em 1em;
25 border: 1px solid #aaaaaa;
31 #column-one { padding-top: 50px; }
32 /* the left column width is specified in class .portlet */
35 ** We take advantage of keyword scaling- browsers won't go below 9px
36 ** More at http://www.w3.org/2003/07/30-font-size
37 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
41 font: small sans-serif;
48 /* scale back up to a sane default */
55 .visualClear { clear: both; }
64 text-decoration: none;
68 a:visited { color: #5a3696; }
69 a:active { color: #faa700; }
70 a:hover { text-decoration: underline; }
71 a.stub { color: #772233; }
72 a.new, #p-personal a.new {
75 a.new:visited, #p-personal a.new:visited {
83 margin: .4em 0 .5em 0;
97 background-color: #aaa;
99 margin: .2em 0 .2em 0;
102 h1, h2, h3, h4, h5, h6 {
106 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
109 padding-bottom: 0.17em;
110 border-bottom: 1px solid #aaa;
112 h1 { font-size: 188%; }
113 h2 { font-size: 150%; }
118 h3 { font-size: 132%; }
119 h4 { font-size: 116%; }
120 h5 { font-size: 100%; }
121 h6 { font-size: 80%; }
125 list-style-type: square;
126 margin: 0.3em 0 0 1.5em;
128 list-style-image: url("images/bullet.png");
132 list-style-type: square;
133 margin: 0.3em 0 0 1.5em;
135 list-style-image: url("images/bulletLoading.gif");
139 margin: 0.3em 0 0 3.2em;
141 list-style-image: none;
143 li { margin-bottom: 0.1em; }
159 border: 1px solid #2f6fab;
161 padding: 0 1em 1em 1em;
165 /*background: white;*/
179 input.historysubmit {
180 padding: 0 0.3em 0.3em 0.3em !important;
183 height: 1.7em !important;
189 abbr, acronym, .explain {
190 border-bottom: 1px dotted black;
196 font-family: Times, "Times New Roman", serif;
201 font-family: Times, "Times New Roman", serif;
205 background-color: #f9f9f9;
209 border: 1px dashed #2f6fab;
211 background-color: #f9f9f9;
216 ** the main content area
219 #siteSub { display: none; }
226 margin: 0 0 1.4em 1em;
230 span.subpages { display: block; }
232 /* Space for the right logo with rating */
233 h1.firstHeading-rating {
237 /* Space for the right logo without rating */
242 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
243 background-color: #ffce7b;
244 border: 1px solid #ffa500;
246 /* Some space under the headers in the content area */
247 #bodyContent h1, #bodyContent h2 {
250 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
253 .firstHeading { margin-bottom: 0.1em; }
255 /* user notification thing */
257 background-color: #ffce7b;
258 border: 1px solid #ffa500;
263 vertical-align: middle;
274 .errorbox, .successbox {
284 background-color: #fff2f2;
288 background-color: #dfd;
290 .errorbox h2, .successbox h2 {
299 border: 1px solid #aaa;
300 background-color: #f9f9f9;
305 /* currently unused, intended to be used by a metadata box
306 in the bottom-right corner of the content area */
307 .documentDescription {
308 /* The summary text describing the document */
331 /* small for tables and similar */
342 .pageinfo-majoredit {
343 font-weight: normal; /*bold;*/
354 border: 1px solid #aaa;
355 background-color: #f9f9f9;
363 border: 1px solid #aaa;
364 background-color: #f9f9f9;
390 list-style-type: none;
391 list-style-image: none;
412 div.floatright, table.floatright {
416 margin: 0 0 .5em .5em;
419 border: .5em solid white;
420 border-width: .5em 0 .8em 1.4em;
423 div.floatright p { font-style: italic; }
424 div.floatleft, table.floatleft {
427 margin: 0 .5em .5em 0;
430 div.floatleft p { font-style: italic; }
439 border: 1px solid #ccc;
440 padding: 3px !important;
441 background-color: #f9f9f9;
446 div.thumb div a img {
447 border: 1px solid #ccc;
449 div.thumb div div.thumbcaption {
453 padding: .3em 0 .1em 0;
457 border: none !important;
458 background: none !important;
460 div.magnify a, div.magnify img {
462 border: none !important;
463 background: none !important;
468 border-width: .5em 0 .8em 1.4em;
473 border-width: .5em 1.4em .8em 0;
481 vertical-align: middle;
488 ** classes for special content elements like town boxes
489 ** intended to be referenced directly from the wiki src
495 /* table standards */
504 border: 1px solid #aaa;
505 background-color: #f9f9f9;
514 border: 1px solid gray;
530 margin: .1em 0 0 1.1em;
531 background-color: #f3f3f3;
543 /* Page history styling */
544 /* the auto-generated edit comments */
548 #pagehistory span.user {
552 #pagehistory span.minor {
556 border: 1px solid white;
558 #pagehistory li.selected {
559 background-color: #f9f9f9;
560 border: 1px dashed #aaa;
564 ** Diff rendering (unused)
566 table.diff, td.diff-otitle, td.diff-ntitle {
567 background-color: white;
573 td.diff-deletedline {
592 margin-bottom: 0.5ex;
595 border-top: 1px solid #494f5d;
596 border-left: 1px solid #494f5d;
597 border-bottom: 1px solid #c6d2de;
598 border-right: 1px solid #c6d2de;
601 padding-left: .125em;
602 padding-right: .125em;
611 /* individual blocks */
616 /* entire difftextblock */
621 /* "paper" borders */
622 border-top: 1px #e8e6df solid;
623 border-left: 1px #e8e6df solid;
624 border-bottom: 1px #d2d2d2 solid;
625 border-right: 1px #b2b2b2 solid;
632 /* + - line prefix */
635 font-family: monospace;
641 .diff del, .diff ins {
643 text-decoration: none;
646 /* blocks containing deleted or added words */
647 .diff .original, .diff .deleted,
648 .diff .final, .diff .added {
651 /* blocks containing deleted words */
652 .diff .original, .diff .deleted {
656 /* blocks containing added words */
657 .diff .final, .diff .added {
663 .diff del { background: #f99; }
665 .diff ins { background: #9f9; }
670 td.pageinfo { font-weight: bold; }
671 .pageinfo-minoredit, .pageinfo-authorid {
680 border: 1px outset gray;
694 /* Month-name header */
695 table.cal-header { font-size: larger; }
696 table.cal-header tr, table.cal-header td { text-align: center; }
699 text-decoration: none;
702 /* Day-names header */
703 table.cal tbody tr .cal-dayname { }
707 text-decoration: underline;
710 /* Individual days */
711 a.cal-hide { text-decoration: none; }
715 table.cal td.cal-today {
717 border: 1px solid gray;
720 table.cal td.cal-today a.cal-hide { }
723 ** keep the whitespace in front of the ^=, hides rule from konqueror
724 ** this is css3, the validator doesn't like it when validating as css2
726 #bodyContent a.external,
727 #bodyContent a[href ^="gopher://"] {
728 background: url("images/url.png") center right no-repeat;
731 #bodyContent a[href ^="https://"],
733 background: url("images/lock_icon.png") center right no-repeat;
736 #bodyContent a[href ^="mailto:"],
738 background: url("images/mail_icon.png") center right no-repeat;
741 #bodyContent a[href ^="news://"] {
742 background: url("images/news_icon.png") center right no-repeat;
745 #bodyContent a[href ^="ftp://"],
747 background: url("images/file_icon.png") center right no-repeat;
750 #bodyContent a[href ^="irc://"],
752 background: url("images/discussionitem_icon.png") center right no-repeat;
755 /* disable interwiki styling */
756 #bodyContent a.extiw,
757 #bodyContent a.extiw:active {
762 #bodyContent a.external {
765 /* this can be used in the content area to switch off
766 special external link styling */
767 #bodyContent .plainlinks a {
768 background: none !important;
769 padding: 0 !important;
772 ** Structural Elements
776 ** general portlet styles (elements in the quickbar)
792 background: transparent;
793 padding: 0em 1em 0em 0.5em;
794 /*text-transform: lowercase;*/
813 border: 1px solid #2f6fab;
814 border-style: solid solid none solid;
815 padding: 0em 1em 0em 1em;
816 /*text-transform: lowercase;*/
825 background-color: white;
827 border-collapse: collapse;
828 border: 1px solid #aaa;
829 padding: 0 .8em .3em .5em;
840 list-style-type: square;
841 list-style-image: url("images/bullet.png");
852 * Optionally at the right also an image
856 position: absolute; /*needed to use z-index */
864 /*background: #000099;*/
866 #p-logo h5 { display: none; }
872 background-repeat: no-repeat;
873 background-position: 35% 50% !important;
877 position: absolute; /*needed to use z-index */
882 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
885 text-decoration: none;
886 vertical-align: middle;
889 /* At the right we put a small "wiki stamp" */
905 ** the navigation portlet
912 #p-navigation .pBody {
924 #p-navigation li.active a, #p-navigation li.active a:hover {
925 text-decoration: none;
933 * Search in the top row (not yet), see p-personal how to do that
948 /*text-align: center;*/
950 div.pBody > button, #searchButton {
956 padding: .5em 0 .4em .4em;
957 /*text-align: center;*/
959 #searchholder form.searchform {
964 button.searchButton {
970 border: 1px solid ButtonShadow;
978 background-color: White;
979 border: 1px solid #2f6fab;
980 text-transform: capitalize;
989 border-color: #aaa #eee #eee #aaa;
990 -moz-box-sizing: border-box;
994 ** the personal toolbar
1008 /* background: white; */
1017 #p-personal .portlet,
1018 #p-personal .pBody {
1026 /* this is the ul contained in the portlet */
1031 padding: 0em 1.5em 0 2em;
1050 text-decoration: none;
1052 padding-left: 0.5em;
1053 padding-bottom: 0.2em;
1055 #p-personal li a:hover {
1057 background: #005A99;
1058 padding-bottom: 0.2em;
1060 text-decoration: none;
1063 /* the icon in front of the user name, single quotes
1064 in bg url to hide it from iemac */
1070 background: url('images/wikiuser.png') top left no-repeat;
1071 background-repeat: no-repeat;
1073 text-transform: none;
1075 #p-personal a.new { color:#ba0000; }
1078 ** the page-related actions- page/talk, edit etc
1082 top: 40px; /*1.3em;*/
1083 left: /*11.5em;*/ 13.2em;
1090 border-collapse: collapse;
1095 #p-cactions .hiddenStructure { display: none; }
1101 border: 1px solid #aaa;
1102 border-bottom: none;
1103 padding: 0 0 .1em 0;
1108 #p-cactions li.selected {
1109 border-color: #fabd23;
1110 padding: 0 0 0.2em 0;
1113 background-color: #fbfbfb;
1116 padding: 0 .8em .3em;
1117 text-decoration: none;
1122 #p-cactions li.selected a {
1124 background-color: #fff;
1125 padding: 0 1em .2em;
1127 #p-cactions .new a {
1130 #p-cactions li a:hover {
1132 text-decoration: none;
1133 background-color: #fff;
1134 padding-bottom: 0.3em;
1136 /* http://universaleditbutton.org */
1137 #p-cactions li a#btn-edit {
1138 background: url('images/UEB16.png') top left no-repeat;
1139 background-repeat: no-repeat;
1140 padding-left: 20px !important;
1141 text-transform: none;
1143 #p-cactions li a#btn-edit:hover {
1145 text-decoration: none;
1146 background-color: #fff;
1151 #p-cactions li.istalk {
1154 #p-cactions li.istalk a {
1155 padding-right: .5em;
1157 #p-cactions #ca-addsection a {
1159 padding-right: .4em;
1161 /* offsets to distinguish the tab groups */
1163 margin-right: 1.6em;
1165 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1170 ** the remaining portlets
1182 background-color: white;
1183 border: 1px solid #fabd23;
1184 margin: 0.6em 0.5em 1em 13.6em;
1185 padding: .4em 0 1.2em 0;
1197 /* hide from incapable browsers */
1198 head:first-child+body #footer li { white-space: nowrap; }
1199 #f-poweredbyico, #f-copyrightico {
1201 /*vertical-align: middle;*/
1204 top: -31px; /* Bump it up just a tad */
1216 margin: 1em 1em 1em 1em;
1219 #preftoc li { border: 1px solid White; }
1220 #preftoc li.selected {
1221 background-color:#f9f9f9;
1222 border:1px dashed #aaaaaa;
1234 div.prefsectiontip {
1238 fieldset.operaprefsection { margin-left: 15em }
1241 /* float/negative margin brokenness */
1242 * html #footer {margin-top: 0;}
1243 * html #column-content {
1247 * html div.editsection { font-size: smaller; }
1248 #pagehistory li.selected { position: relative; }
1260 background-color: #ffa;
1266 span.newpage, span.minor, span.searchmatch, span.bot {
1277 .sharedUploadNotice {
1281 span.updatedmarker {
1283 background-color: #0f0;
1285 span.newpageletter {
1288 background-color: yellow;
1290 span.minoreditletter {
1292 background-color: #c5ffe6;
1296 border: 1px solid #ccc;
1299 background-color: white;
1303 vertical-align: top;
1307 vertical-align: top;
1308 background-color: #f9f9f9;
1309 border: solid 2px white;
1312 table.gallery td.galleryheader {
1322 div.gallerybox div.thumb {
1324 border: 1px solid #ccc;
1344 border-bottom: 1px solid #aaa;
1345 padding-bottom: 1em;
1355 border: 1px solid gray;
1356 background-color: #ffffff;
1363 .editExternallyHelp {
1368 li span.deleted, span.history-deleted {
1369 text-decoration: line-through;
1379 /* Classes for EXIF data display */
1383 margin-bottom: 0.5em;
1387 table.mw_metadata caption {
1391 table.mw_metadata th {
1392 font-weight: normal;
1395 table.mw_metadata td {
1401 border-collapse: collapse;
1404 table.mw_metadata td, table.mw_metadata th {
1406 border: 1px solid #aaaaaa;
1407 padding-left: 0.1em;
1408 padding-right: 0.1em;
1411 table.mw_metadata th {
1412 background-color: #f9f9f9;
1415 table.mw_metadata td {
1416 background-color: #fcfcfc;
1419 table.collapsed tr.collapsable {
1427 border: 1px solid #aaaaaa;
1428 background-color: #f9f9f9;
1431 margin-bottom: 0.5em;
1438 list-style-type: none;
1443 input#wpSave, input#wpDiff {
1444 margin-right: 0.33em;
1447 #editform .editOptions {
1455 /* Classes for article validation */
1457 table.revisionform_default {
1458 border: 1px solid #000000;
1461 table.revisionform_focus {
1462 border: 1px solid #000000;
1463 background-color:#00BBFF;
1466 tr.revision_tr_default {
1467 background-color:#EEEEEE;
1470 tr.revision_tr_first {
1471 background-color:#DDDDDD;
1480 border: solid 1px #bbbbff;
1481 background-color: #eeeeff;
1486 /* Allmessages table */
1488 #allmessagestable th {
1489 background-color: #b2b2ff;
1492 #allmessagestable tr.orig {
1493 background-color: #ffe2e2;
1496 #allmessagestable tr.new {
1497 background-color: #e2ffe2;
1500 #allmessagestable tr.def {
1501 background-color: #f0f0ff;
1507 border: 1px solid #ccc;
1513 div#searchTargetContainer {
1523 background: #F0F0F0;
1524 border: solid 1px blue;
1527 div#searchTarget ul li {
1531 div#searchTarget ul li:before {
1533 content: "\00BB \0020";
1536 div.multipageimagenavbox {
1537 border: solid 1px silver;
1540 -moz-border-radius: 6px;
1541 background: #f0f0f0;
1544 div.multipageimagenavbox div.thumb {
1550 div.multipageimagenavbox hr {
1554 table.multipageimage td {
1559 Table pager (e.g. Special:Imagelist)
1560 - remove underlines from the navigation link
1562 - set the borders to outsets (similar to Special:Allmessages)
1563 - remove line wrapping for all td and th, set background color
1564 - restore line wrapping for the last two table cells (description and size)
1566 .TablePager_nav a { text-decoration: none; }
1567 .TablePager { border-collapse: collapse; }
1568 .TablePager, .TablePager td, .TablePager th {
1569 border: 0.15em solid #777777;
1570 padding: 0 0.15em 0 0.15em;
1572 .TablePager th { background-color: #eeeeff }
1573 .TablePager td { background-color: #ffffff }
1574 .TablePager tr:hover td { background-color: #eeeeff }
1576 .imagelist td, .imagelist th { white-space: nowrap }
1577 .imagelist .TablePager_col_links { background-color: #eeeeff }
1578 .imagelist .TablePager_col_img_description { white-space: normal }
1579 .imagelist th.TablePager_sort { background-color: #ccccff }
1585 .pagelist thead td {
1586 background: #e8e8e8;
1587 text-decoration: none;
1591 .pagelist thead td u { text-decoration: none; }
1592 .pagelist tr.evenrow { background: #eee; }
1593 .pagelist tr.oddrow { background: white; }
1595 background-color: ThreeDLightShadow;
1597 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1599 font-weight: normal;
1600 /*font-style: menu;*/
1601 white-space: nowrap;
1604 padding: 5px 0px 5px 0px;
1606 border-style: solid;
1607 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1609 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1610 text-decoration: none;
1612 font-weight: normal;
1613 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1614 background-color: ThreeDLightShadow;
1618 .wikipaging { font-size: 80% }
1619 .wikipaging-disabled { color: #999 }
1621 /* <?plugin RawHtml <div class="boxright"> </div> */
1627 border: thin solid #888888;
1628 padding: 0.5em 0.5em 0.5em 0.5em;
1632 div.boxright > blockquote {
1639 background-color: #FF9999;
1642 padding-left: 0.8em;
1643 padding-right: 0.8em;
1646 border: medium solid red;
1652 background-color: #FFCCCC;
1655 padding-left: 0.8em;
1656 padding-right: 0.8em;
1659 border: 1px solid #aaa;
1669 padding: 0.5ex 0.5em;
1670 border: medium solid #fff8dc; /* darker ivory */
1675 background: #eeeeee;
1676 /* font-size: smaller; */
1679 padding: 0.5ex 0.5em;
1680 border: thin solid #aaaaaa;
1685 /* Disabled Plugins */
1692 .disabled-plugin .title {
1694 background-color: inherit;
1699 .disabled-plugin pre {
1703 padding: 0.3ex 0.5em;
1706 /* "(Redirected from ...)" message. */
1709 font-style: oblique;
1710 font-weight: normal;
1713 .search-context { background: white; font-style: oblique; }
1716 font-weight: normal;
1731 * The div inside the wikiadmin upload form does not
1732 * have a class yet, so it must be referenced indirectly
1734 /* div.wikiaction { background-color: #eee; } */
1735 /* div.wikiadmin { background-color: #fee; } */
1736 /* form.wikiadmin div { background-color: #fee; } */
1737 /* form.wikiformrich { background-color: #eee; } */
1742 .wiki, .named-wiki {
1743 text-decoration: none;
1744 font-weight: normal;
1745 /* font-weight: bold; */
1747 .wiki relation, .named-wiki relation, .wiki attribute, .named-wiki attribute {
1748 font-style: oblique;
1749 /* font-weight: normal; */
1753 span.relation-symbol {
1755 font-family: monospace;
1756 letter-spacing: 0.1em;
1759 /* Action buttons */
1760 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
1761 input.wikiaction, input.button, input.wikiadmin {
1762 text-decoration: none;
1763 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1764 /* don't wrap text buttons */
1765 white-space: nowrap;
1768 .wikiunsafe { background-color: #fcc; }
1771 .wikiunknown, .named-wikiunknown {
1772 font-weight: normal;
1775 /* QuestionMark #600 */
1776 .wikiunknown a, .named-wikiunknown a {
1778 background-color: #eee;
1779 text-decoration: none;
1780 font-weight: normal;
1786 text-decoration: underline;
1790 text-decoration: underline;
1793 /* Interwiki links */
1794 /* .wikipage { font-weight: bold; } */
1795 .wikipage { font-weight: normal; }
1796 .interwiki { text-decoration: none; }
1797 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
1798 .interwiki .wikipage, i .interwiki, em .interwiki { font-style: normal; }
1800 #p-rc-body div div.box-title { display: none; }
1803 div.rss { margin: 1em; padding: 1em; font-size: 0.9em; background-color: #eeeeee; border: thin dashed #aaa; }
1804 div.feed { color: #333; margin: -0.5em; margin-bottom: 0em; padding: 0.3em; font-weight: bold; background-color: #f2f2f2; font-size: 1.2em; }
1805 div.itemdesc { padding-left: 1em; }
1806 div.rssitem { border-top: thin dashed #aaa; }
1807 a.rssicon { font-weight: normal; font-size: small; vertical-align: middle; }
1809 /* Top-page - RateIt */
1810 div#rateit-widget-top-1 {
1816 position: absolute; /*needed to use z-index */
1818 div#rateit-widget-top {
1828 /* Top-page - RateIt */
1830 text-decoration: none;
1831 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1835 div.public, span.public {
1836 background-color: #ffce7b;
1839 /* IncludePage plugin ================================================= */
1841 .transclusion-title {
1843 text-decoration: underline;
1844 margin-bottom: 0.25ex;
1845 margin-right: 0.25em;
1847 .transclusion, .wiki-edithelp {
1851 border: 1px solid gray;
1852 padding-left: 0.8em;
1853 padding-right: 0.8em;
1855 padding-bottom: 0px;
1856 margin-left: 0.25em;
1857 margin-right: 0.25em;
1858 margin-bottom: 0.1ex;
1862 border: medium solid #fff8dc; /* darker ivory */
1863 padding-left: 0.5em;
1864 padding-right: 0.5em;
1865 padding-top: 0.75ex;
1866 padding-bottom: 0.75ex;
1872 .wiki-edithelp .wiki {
1873 /* color: #5454ff;*/
1876 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1877 padding-left: 0.5em;
1878 padding-right: 0.5em;
1880 padding-bottom: 0.5ex;
1885 * table class="boxed"
1886 * will put a border around the table (but not around the cells)
1888 * table class="bordered"
1889 * will put a border around the table and the cells
1891 * In both cases, the caption will be bold and centered under the table
1893 * In both cases, the headers (th) will have a "#d8d8d8" background
1896 table.boxed, table.bordered, table.bordered th, table.bordered td {
1898 border-style: solid;
1899 border-collapse: collapse;
1900 vertical-align: top;
1903 table.boxed td, table.bordered td,
1904 table.boxed th, table.bordered th {
1908 padding-bottom: 0px;
1911 table.boxed caption, table.bordered caption {
1914 caption-side: bottom;
1918 table.boxed th, table.bordered th {
1920 background-color: #d8d8d8;
1923 /* For RecentChanges plugin */
1924 td.tdselected, td.tdunselected {
1933 background-color: #554295;
1938 background-color: #e9e8de;
1941 /* Style for feedback
1942 * Use this style to tell the user that the operation he
1943 * requested was executed successfully, e.g:
1944 * User was successfully registered
1949 border-style: solid;
1950 background-color: #DFD;
1951 border-color: green;