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;
23 margin: 61px 0 0 12.2em;
24 padding: 1em 1em 1.5em 1em;
25 background-color: white;
26 border: 1px solid #aaaaaa;
37 /* the left column width is specified in class .portlet */
40 ** We take advantage of keyword scaling- browsers won't go below 9px
41 ** More at http://www.w3.org/2003/07/30-font-size
42 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
46 font: small sans-serif;
47 background-color: #ffffff;
53 /* scale back up to a sane default */
73 text-decoration: none;
75 background-image: none;
87 text-decoration: underline;
94 a.new, #p-personal a.new {
98 a.new:visited, #p-personal a.new:visited {
107 margin: .4em 0 .5em 0;
123 background-color: #aaa;
125 margin: .2em 0 .2em 0;
128 h1, h2, h3, h4, h5, h6 {
130 background-image: none;
132 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
135 padding-bottom: 0.17em;
136 border-bottom: 1px solid #aaa;
170 list-style-type: square;
171 margin: 0.3em 0 0 1.5em;
173 list-style-image: url("images/bullet.png");
178 list-style-type: square;
179 margin: 0.3em 0 0 1.5em;
181 list-style-image: url("images/bulletLoading.gif");
186 margin: 0.3em 0 0 3.2em;
188 list-style-image: none;
192 margin-bottom: 0.1em;
212 border: 1px solid #2f6fab;
214 padding: 0 1em 1em 1em;
233 input.historysubmit {
234 padding: 0 0.3em 0.3em 0.3em !important;
237 height: 1.7em !important;
245 abbr, acronym, .explain {
246 border-bottom: 1px dotted black;
248 background-image: none;
253 font-family: Times, "Times New Roman", serif;
259 font-family: Times, "Times New Roman", serif;
263 background-color: #f9f9f9;
268 border: 1px dashed #2f6fab;
270 background-color: #f9f9f9;
274 /* generic classes ----------------------------------------------- */
277 font-family: monospace;
281 text-decoration: line-through;
308 /* --------------------------------------------------------------- */
311 ** the main content area
325 margin: 0 0 1.4em 1em;
334 /* Space for the right logo with rating */
335 h1.firstHeading-rating {
340 /* Space for the right logo without rating */
346 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
347 background-color: #ffce7b;
348 border: 1px solid #ffa500;
351 /* Some space under the headers in the content area */
352 #bodyContent h1, #bodyContent h2 {
356 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
361 margin-bottom: 0.1em;
364 /* user notification thing */
366 background-color: #ffce7b;
367 border: 1px solid #ffa500;
372 vertical-align: middle;
386 .errorbox, .successbox {
397 background-color: #fff2f2;
402 background-color: #dfd;
405 .errorbox h2, .successbox h2 {
414 border: 1px solid #aaa;
415 background-color: #f9f9f9;
421 /* currently unused, intended to be used by a metadata box
422 in the bottom-right corner of the content area */
423 .documentDescription {
424 /* The summary text describing the document */
450 /* small for tables and similar */
462 .pageinfo-majoredit {
463 font-weight: normal; /*bold;*/
475 border: 1px solid #aaa;
476 background-color: #f9f9f9;
485 border: 1px solid #aaa;
486 background-color: #f9f9f9;
516 list-style-type: none;
517 list-style-image: none;
540 div.floatright, table.floatright {
544 margin: 0 0 .5em .5em;
547 border: .5em solid white;
548 border-width: .5em 0 .8em 1.4em;
556 div.floatleft, table.floatleft {
559 margin: 0 .5em .5em 0;
576 border: 1px solid #ccc;
577 padding: 3px !important;
578 background-color: #f9f9f9;
584 div.thumb div a img {
585 border: 1px solid #ccc;
588 div.thumb div div.thumbcaption {
592 padding: .3em 0 .1em 0;
597 border-style: none !important;
598 background-image: none !important;
601 div.magnify a, div.magnify img {
603 border-style: none !important;
604 background-image: none !important;
610 border-width: .5em 0 .8em 1.4em;
616 border-width: .5em 1.4em .8em 0;
625 vertical-align: middle;
633 ** classes for special content elements like town boxes
634 ** intended to be referenced directly from the wiki src
640 /* table standards */
650 border: 1px solid #aaa;
651 background-color: #f9f9f9;
659 background-color: white;
661 border: 1px solid gray;
675 background-image: none;
680 margin: .1em 0 0 1.1em;
681 background-color: #f3f3f3;
693 /* Page history styling */
694 /* the auto-generated edit comments */
699 #pagehistory span.user {
704 #pagehistory span.minor {
709 border: 1px solid white;
712 #pagehistory li.selected {
713 background-color: #f9f9f9;
714 border: 1px dashed #aaa;
718 ** Diff rendering (unused)
720 table.diff, td.diff-otitle, td.diff-ntitle {
721 background-color: white;
725 background-color: #cfc;
729 td.diff-deletedline {
730 background-color: #ffa;
735 background-color: #eee;
750 margin-bottom: 0.5ex;
751 background-color: white;
753 border-top: 1px solid #494f5d;
754 border-left: 1px solid #494f5d;
755 border-bottom: 1px solid #c6d2de;
756 border-right: 1px solid #c6d2de;
759 padding-left: .125em;
760 padding-right: .125em;
766 background-color: #ddd;
770 /* individual blocks */
772 background-color: white;
776 /* entire difftextblock */
780 background-color: white;
781 /* "paper" borders */
782 border-top: 1px #e8e6df solid;
783 border-left: 1px #e8e6df solid;
784 border-bottom: 1px #d2d2d2 solid;
785 border-right: 1px #b2b2b2 solid;
793 /* + - line prefix */
796 font-family: monospace;
803 .diff del, .diff ins {
805 text-decoration: none;
808 /* blocks containing deleted or added words */
809 .diff .original, .diff .deleted,
810 .diff .final, .diff .added {
811 background-color: white;
814 /* blocks containing deleted words */
815 .diff .original, .diff .deleted {
816 background-color: #fcc;
820 /* blocks containing added words */
821 .diff .final, .diff .added {
822 background-color: #cfc;
828 background-color: #f99;
833 background-color: #9f9;
843 .pageinfo-minoredit, .pageinfo-authorid {
852 border: 1px outset gray;
853 background-color: white;
862 background-color: white;
866 /* Month-name header */
871 table.cal-header tr, table.cal-header td {
877 text-decoration: none;
880 /* Day-names header */
881 table.cal tbody tr .cal-dayname {
887 text-decoration: underline;
890 /* Individual days */
892 text-decoration: none;
897 table.cal td.cal-today {
899 border: 1px solid gray;
903 table.cal td.cal-today a.cal-hide {
907 ** keep the whitespace in front of the ^=, hides rule from konqueror
908 ** this is css3, the validator doesn't like it when validating as css2
910 #bodyContent a.external,
911 #bodyContent a[href ^="gopher://"] {
912 background-image: url("images/url.png");
913 background-position: center right;
914 background-repeat: no-repeat;
918 #bodyContent a[href ^="https://"],
920 background-image: url("images/lock_icon.png");
921 background-position: center right;
922 background-repeat: no-repeat;
926 #bodyContent a[href ^="mailto:"],
928 background-image: url("images/mail_icon.png");
929 background-position: center right;
930 background-repeat: no-repeat;
934 #bodyContent a[href ^="news://"] {
935 background-image: url("images/news_icon.png");
936 background-position: center right;
937 background-repeat: no-repeat;
941 #bodyContent a[href ^="ftp://"],
943 background-image: url("images/file_icon.png");
944 background-position: center right;
945 background-repeat: no-repeat;
949 #bodyContent a[href ^="irc://"],
951 background-image: url("images/discussionitem_icon.png");
952 background-position: center right;
953 background-repeat: no-repeat;
957 /* disable interwiki styling */
958 #bodyContent a.extiw,
959 #bodyContent a.extiw:active {
961 background-image: none;
965 #bodyContent a.external {
969 /* this can be used in the content area to switch off
970 special external link styling */
971 #bodyContent .plainlinks a {
972 background-image: none !important;
973 padding: 0 !important;
977 ** Structural Elements
981 ** general portlet styles (elements in the quickbar)
999 background-color: transparent;
1000 padding: 0 1em 0 0.5em;
1001 /*text-transform: lowercase;*/
1007 white-space: nowrap;
1021 background-color: #ffae2e;
1022 border: 1px solid #2f6fab;
1023 border-style: solid solid none solid;
1024 padding: 0 1em 0 1em;
1025 /*text-transform: lowercase;*/
1029 font-weight: normal;
1030 white-space: nowrap;
1035 border-collapse: collapse;
1036 border: 1px solid #aaa;
1037 padding: 0 .8em .3em .5em;
1050 list-style-type: square;
1051 list-style-image: url("images/bullet.png");
1063 * Optionally at the right also an image
1067 position: absolute; /*needed to use z-index */
1073 background-color: #005A99;
1085 background-repeat: no-repeat;
1086 background-position: 35% 50% !important;
1091 position: absolute; /*needed to use z-index */
1092 white-space: nowrap;
1096 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1098 font-weight: bolder;
1099 text-decoration: none;
1100 vertical-align: middle;
1103 /* At the right we put a small "wiki stamp" */
1120 ** the navigation portlet
1128 #p-navigation .pBody {
1141 #p-navigation li.active a, #p-navigation li.active a:hover {
1142 text-decoration: none;
1149 * Search in the top row (not yet), see p-personal how to do that
1166 /*text-align: center;*/
1169 div.pBody > button, #searchButton {
1176 padding: .5em 0 .4em .4em;
1177 /*text-align: center;*/
1180 #searchholder form.searchform {
1186 button.searchButton {
1192 border: 1px solid ButtonShadow;
1195 input.searchButton {
1201 background-color: White;
1202 border: 1px solid #2f6fab;
1203 text-transform: capitalize;
1212 border-style: solid;
1213 border-color: #aaa #eee #eee #aaa;
1214 -moz-box-sizing: border-box;
1218 ** the personal toolbar
1223 white-space: nowrap;
1240 #p-personal .portlet,
1241 #p-personal .pBody {
1247 background-image: none;
1250 /* this is the ul contained in the portlet */
1255 padding: 0 1.5em 0 2em;
1260 background-image: none;
1272 background-image: none;
1276 text-decoration: none;
1278 padding-left: 0.5em;
1279 padding-bottom: 0.2em;
1282 #p-personal li a:hover {
1284 background-color: #005A99;
1285 padding-bottom: 0.2em;
1287 text-decoration: none;
1290 /* the icon in front of the user name, single quotes
1291 in bg url to hide it from iemac */
1297 background-image: url('images/wikiuser.png');
1298 background-position: top left;
1299 background-repeat: no-repeat;
1301 text-transform: none;
1309 ** the page-related actions- page/talk, edit etc
1313 top: 40px; /*1.3em;*/
1314 left: /*11.5em;*/ 13.2em;
1316 white-space: nowrap;
1320 background-image: none;
1321 border-collapse: collapse;
1327 #p-cactions .hiddenStructure {
1337 border: 1px solid #aaa;
1338 border-bottom: none;
1339 padding: 0 0 .1em 0;
1342 background-color: white;
1345 #p-cactions li.selected {
1346 border-color: #fabd23;
1347 padding: 0 0 0.2em 0;
1351 background-color: #fbfbfb;
1354 padding: 0 .8em .3em;
1355 text-decoration: none;
1361 #p-cactions li.selected a {
1363 background-color: #fff;
1364 padding: 0 1em .2em;
1367 #p-cactions .new a {
1371 #p-cactions li a:hover {
1373 text-decoration: none;
1374 background-color: #fff;
1375 padding-bottom: 0.3em;
1378 /* http://universaleditbutton.org */
1379 #p-cactions li a#btn-edit {
1380 background-image: url('images/UEB16.png');
1381 background-position: top left;
1382 background-repeat: no-repeat;
1383 padding-left: 20px !important;
1384 text-transform: none;
1387 #p-cactions li a#btn-edit:hover {
1389 text-decoration: none;
1390 background-color: #fff;
1397 #p-cactions li.istalk {
1401 #p-cactions li.istalk a {
1402 padding-right: .5em;
1405 #p-cactions #ca-addsection a {
1407 padding-right: .4em;
1410 /* offsets to distinguish the tab groups */
1412 margin-right: 1.6em;
1415 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1420 ** the remaining portlets
1432 background-color: white;
1433 border: 1px solid #fabd23;
1434 margin: 0.6em 0.5em 1em 13.6em;
1435 padding: .4em 0 1.2em 0;
1450 /* hide from incapable browsers */
1451 head:first-child+body #footer li {
1452 white-space: nowrap;
1455 #f-poweredbyico, #f-copyrightico {
1456 display: table-cell;
1460 vertical-align: middle;
1466 margin: 1em 1em 1em 1em;
1471 border: 1px solid White;
1474 #preftoc li.selected {
1475 background-color: #f9f9f9;
1476 border: 1px dashed #aaaaaa;
1491 div.prefsectiontip {
1496 fieldset.operaprefsection {
1501 /* float/negative margin brokenness */
1506 * html #column-content {
1511 * html div.editsection {
1515 #pagehistory li.selected {
1529 background-color: #ffa;
1537 span.newpage, span.minor, span.searchmatch, span.bot {
1550 .sharedUploadNotice {
1554 span.updatedmarker {
1556 background-color: #0f0;
1559 span.newpageletter {
1562 background-color: yellow;
1565 span.minoreditletter {
1567 background-color: #c5ffe6;
1571 border: 1px solid #ccc;
1574 background-color: white;
1578 vertical-align: top;
1582 vertical-align: top;
1583 background-color: #f9f9f9;
1584 border: solid 2px white;
1587 table.gallery td.galleryheader {
1597 div.gallerybox div.thumb {
1599 border: 1px solid #ccc;
1619 border-bottom: 1px solid #aaa;
1620 padding-bottom: 1em;
1630 border: 1px solid gray;
1631 background-color: #ffffff;
1639 .editExternallyHelp {
1644 li span.deleted, span.history-deleted {
1645 text-decoration: line-through;
1655 /* Classes for EXIF data display */
1659 margin-bottom: 0.5em;
1663 table.mw_metadata caption {
1667 table.mw_metadata th {
1668 font-weight: normal;
1671 table.mw_metadata td {
1677 border-collapse: collapse;
1680 table.mw_metadata td, table.mw_metadata th {
1682 border: 1px solid #aaaaaa;
1683 padding-left: 0.1em;
1684 padding-right: 0.1em;
1687 table.mw_metadata th {
1688 background-color: #f9f9f9;
1691 table.mw_metadata td {
1692 background-color: #fcfcfc;
1695 table.collapsed tr.collapsable {
1702 border: 1px solid #aaaaaa;
1703 background-color: #f9f9f9;
1706 margin-bottom: 0.5em;
1713 list-style-type: none;
1718 input#wpSave, input#wpDiff {
1719 margin-right: 0.33em;
1722 #editform .editOptions {
1730 /* Classes for article validation */
1732 table.revisionform_default {
1733 border: 1px solid #000000;
1736 table.revisionform_focus {
1737 border: 1px solid #000000;
1738 background-color: #00BBFF;
1741 tr.revision_tr_default {
1742 background-color: #EEEEEE;
1745 tr.revision_tr_first {
1746 background-color: #DDDDDD;
1755 border: solid 1px #bbbbff;
1756 background-color: #eeeeff;
1760 /* Allmessages table */
1762 #allmessagestable th {
1763 background-color: #b2b2ff;
1766 #allmessagestable tr.orig {
1767 background-color: #ffe2e2;
1770 #allmessagestable tr.new {
1771 background-color: #e2ffe2;
1774 #allmessagestable tr.def {
1775 background-color: #f0f0ff;
1780 border: 1px solid #ccc;
1781 background-color: #fff;
1786 div#searchTargetContainer {
1790 background-color: white;
1796 background-color: #F0F0F0;
1797 border: solid 1px blue;
1800 div#searchTarget ul li {
1804 div#searchTarget ul li:before {
1806 content: "\00BB \0020";
1809 div.multipageimagenavbox {
1810 border: solid 1px silver;
1813 -moz-border-radius: 6px;
1814 background-color: #f0f0f0;
1817 div.multipageimagenavbox div.thumb {
1823 div.multipageimagenavbox hr {
1827 table.multipageimage td {
1832 Table pager (e.g. Special:Imagelist)
1833 - remove underlines from the navigation link
1835 - set the borders to outsets (similar to Special:Allmessages)
1836 - remove line wrapping for all td and th, set background color
1837 - restore line wrapping for the last two table cells (description and size)
1840 text-decoration: none;
1844 border-collapse: collapse;
1847 .TablePager, .TablePager td, .TablePager th {
1848 border: 0.15em solid #777777;
1849 padding: 0 0.15em 0 0.15em;
1853 background-color: #eeeeff
1857 background-color: #ffffff
1860 .TablePager tr:hover td {
1861 background-color: #eeeeff
1864 .imagelist td, .imagelist th {
1868 .imagelist .TablePager_col_links {
1869 background-color: #eeeeff
1872 .imagelist .TablePager_col_img_description {
1876 .imagelist th.TablePager_sort {
1877 background-color: #ccccff
1886 .pagelist thead td {
1887 background-color: #e8e8e8;
1888 text-decoration: none;
1893 .pagelist thead td u {
1894 text-decoration: none;
1897 .pagelist tr.evenrow {
1898 background-color: #eee;
1901 .pagelist tr.oddrow {
1902 background-color: white;
1906 background-color: ThreeDLightShadow;
1908 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1910 font-weight: normal;
1911 /*font-style: menu;*/
1912 white-space: nowrap;
1915 padding: 5px 0 5px 0;
1917 border-style: solid;
1918 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1921 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1922 text-decoration: none;
1924 font-weight: normal;
1925 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1926 background-color: ThreeDLightShadow;
1934 .wikipaging-disabled {
1938 /* <?plugin RawHtml <div class="boxright"> </div> */
1944 border: thin solid #888888;
1945 padding: 0.5em 0.5em 0.5em 0.5em;
1949 div.boxright > blockquote {
1956 background-color: #FF9999;
1959 padding-left: 0.8em;
1960 padding-right: 0.8em;
1963 border: medium solid red;
1969 background-color: #FFCCCC;
1972 padding-left: 0.8em;
1973 padding-right: 0.8em;
1976 border: 1px solid #aaa;
1983 background-color: white;
1986 padding: 0.5ex 0.5em;
1987 border: medium solid #fff8dc; /* darker ivory */
1993 background-color: #eeeeee;
1996 padding: 0.5ex 0.5em;
1997 border: thin solid #aaaaaa;
2004 /* Disabled Plugins */
2011 .disabled-plugin .title {
2013 background-color: inherit;
2019 .disabled-plugin pre {
2021 background-color: #ddd;
2023 padding: 0.3ex 0.5em;
2026 /* "(Redirected from ...)" message. */
2029 font-style: oblique;
2030 font-weight: normal;
2035 background-color: white;
2036 font-style: oblique;
2040 background-color: yellow;
2041 font-weight: normal;
2046 background-color: yellow;
2056 * The div inside the wikiadmin upload form does not
2057 * have a class yet, so it must be referenced indirectly
2059 /* div.wikiaction { background-color: #eee; } */
2060 /* div.wikiadmin { background-color: #fee; } */
2061 /* form.wikiadmin div { background-color: #fee; } */
2062 /* form.wikiformrich { background-color: #eee; } */
2067 .wiki, .named-wiki {
2068 text-decoration: none;
2069 font-weight: normal;
2070 /* font-weight: bold; */
2073 .wiki relation, .named-wiki relation, .wiki attribute, .named-wiki attribute {
2074 font-style: oblique;
2075 /* font-weight: normal; */
2079 span.relation-symbol {
2081 font-family: monospace;
2082 letter-spacing: 0.1em;
2085 /* Action buttons */
2086 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
2087 input.wikiaction, input.button, input.wikiadmin {
2088 text-decoration: none;
2089 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2090 /* don't wrap text buttons */
2091 white-space: nowrap;
2095 background-color: #fcc;
2099 .wikiunknown, .named-wikiunknown {
2100 font-weight: normal;
2104 /* QuestionMark #600 */
2105 .wikiunknown a, .named-wikiunknown a {
2107 background-color: #eee;
2108 text-decoration: none;
2109 font-weight: normal;
2115 text-decoration: underline;
2120 text-decoration: underline;
2123 /* Interwiki links */
2124 /* .wikipage { font-weight: bold; } */
2126 font-weight: normal;
2130 text-decoration: none;
2133 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
2134 font-style: oblique;
2137 .interwiki .wikipage, i .interwiki, em .interwiki {
2141 #p-rc-body div div.box-title {
2150 background-color: #eeeeee;
2151 border: thin dashed #aaa;
2160 background-color: #f2f2f2;
2169 border-top: thin dashed #aaa;
2173 font-weight: normal;
2175 vertical-align: middle;
2178 /* Top-page - RateIt */
2179 div#rateit-widget-top-1 {
2185 position: absolute; /*needed to use z-index */
2188 div#rateit-widget-top {
2198 /* Top-page - RateIt */
2200 text-decoration: none;
2201 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2205 div.public, span.public {
2206 background-color: #ffce7b;
2209 /* IncludePage plugin ================================================= */
2211 .transclusion-title {
2213 text-decoration: underline;
2214 margin-bottom: 0.25ex;
2215 margin-right: 0.25em;
2218 .transclusion, .wiki-edithelp {
2223 border: 1px solid gray;
2224 padding-left: 0.8em;
2225 padding-right: 0.8em;
2228 margin-left: 0.25em;
2229 margin-right: 0.25em;
2230 margin-bottom: 0.1ex;
2234 background-color: white;
2235 border: medium solid #fff8dc; /* darker ivory */
2236 padding-left: 0.5em;
2237 padding-right: 0.5em;
2238 padding-top: 0.75ex;
2239 padding-bottom: 0.75ex;
2246 .wiki-edithelp .wiki {
2247 /* color: #5454ff;*/
2251 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2252 padding-left: 0.5em;
2253 padding-right: 0.5em;
2255 padding-bottom: 0.5ex;
2259 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
2262 * table class="boxed"
2263 * will put a border around the table (but not around the cells)
2265 * table class="bordered"
2266 * will put a border around the table and the cells
2268 * In both cases, the caption will be bold and centered under the table
2270 * In both cases, the headers (th) will have a "#d8d8d8" background
2273 table.boxed, table.bordered, table.bordered th, table.bordered td {
2275 border-style: solid;
2276 border-collapse: collapse;
2277 vertical-align: top;
2280 table.boxed td, table.bordered td,
2281 table.boxed th, table.bordered th {
2288 table.boxed caption, table.bordered caption {
2291 caption-side: bottom;
2295 table.boxed th, table.bordered th {
2297 background-color: #d8d8d8;
2300 /* For RecentChanges plugin */
2301 td.tdselected, td.tdunselected {
2310 background-color: #554295;
2315 background-color: #e9e8de;
2318 /* Style for feedback
2319 * Use this style to tell the user that the operation he
2320 * requested was executed successfully, e.g:
2321 * User was successfully registered
2326 border-style: solid;
2327 background-color: #DFD;
2328 border-color: green;