next set of spans (#16434)

* next set of spans

* some more

* next

* next

* next

* .

* text...

* next... rest soon

* .

* .

* ok last set for the night

* .

* .

* .

* .

* some more

* next

* next

* all for now

* .

* some more easy ones

* some more easy ones

* .

* .

* some more bolds

* oups auto complete moment

* add the remaining spans

* this as well

* this as well

* .

* .,

* resync them properly

html/browser/common.css

@@ -157,23 +157,22 @@ h4
 }
 
 .uiTitleWrapper
- {
- 	position:fixed;
- 	top:0px;
- 	left:0px;
- 	right:0px;
- 	z-index: 10
- }
-
- .uiTitleButtons
- {
- 	position:fixed;
- 	top:0px;
- 	right:0px;
- 	height:32px;
- 	z-index:11;
- }
+{
+	position:fixed;
+	top:0px;
+	left:0px;
+	right:0px;
+	z-index: 10
+}
 
+.uiTitleButtons
+{
+	position:fixed;
+	top:0px;
+	right:0px;
+	height:32px;
+	z-index:11;
+}
 
 .uiTitle.icon
 {
@@ -214,6 +213,63 @@ h4
 	color: #272727;
 }
 
+.darkgreen {
+	color: #008000;
+}
+
+.grey {
+	color: #838383;
+}
+
+
+.crimson {
+	color: #dc143c;
+}
+
+.maroon {
+	color: #800000;
+}
+
+.brown {
+	color: #8d4925;
+}
+
+.blue {
+	color: #0000ff;
+}
+
+.black {
+	color: #000000;
+}
+
+.white {
+	color: #000000;
+}
+
+.darkgray {
+	color: #808080;
+}
+
+.gray {
+	color: #a9a9a9;
+}
+
+.yellow {
+	color: #ffcc00;
+}
+
+.pink {
+	color: #ffc0cb;
+}
+
+.cyan {
+	color: #00ffff;
+}
+
+.nicegreen {
+	color: #14a833;
+}
+
 .notice
 {
 	position: relative;
@@ -225,6 +281,18 @@ h4
 	margin: 4px;
 }
 
+.boldnotice
+{
+	position: relative;
+	background: #E9C183;
+	color: #15345A;
+	font-weight: bold;
+	font-size: 10px;
+	font-style: italic;
+	padding: 2px 4px 0 4px;
+	margin: 4px;
+}
+
 .notice.icon
 {
 	padding: 2px 4px 0 20px;
@@ -328,3 +396,16 @@ div.notice
 	width: 100%;
 	clear: both;
 }
+
+.italic,
+.italics {
+	font-style: italic;
+}
+
+.bold {
+	font-weight: bold;
+}
+
+.underline {
+	text-decoration: underline;
+}