add infobox css

1 files changed, 121 insertions, 0 deletions

diff --git a/infobox.css b/infobox.css
new file mode 100644
index 000000000..53f95a3f3
--- /dev/null
+++ b/infobox.css
@@ -0,0 +1,121 @@
+#infoBoxTitle {
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	border-color : #659a4c;
+	background-color : #99d67a;
+	padding : 4px 2px 4px 10px;
+	color : white;
+	font-weight : bold;
+	font-size : 16px;
+	text-shadow : #659a4c 0px 1px 0px;
+}
+
+/* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
+
+#infoBox {	
+	border-width : 1px 1px 1px 1px;
+	border-style : solid;
+	border-color : #659a4c;
+	background-color : #f8fcf5;
+	position: relative;
+	overflow : hidden;
+	left : -4px;
+	top : -4px;
+}
+
+div#errorBox {
+	background-color : #ffcccc;
+	border : 1px solid #ff0000;
+	font-size : 12px;
+	position: relative;
+	overflow : hidden;
+	left : -4px;
+	top : -4px;
+}
+
+html>body #infoBox, html>body #errorBox {
+	left : -10px;
+	top : -10px;
+	margin : 0;
+}
+
+#infoBoxShadow:before, #infoBoxShadow:after, 
+#errorBoxShadow:before, #errorBoxShadow:after {
+	content : " ";
+	display : block;
+	background : inherit;
+	width : 10px;
+	height : 10px;
+}
+
+#infoBoxShadow:before, #errorBoxShadow:before {
+	position : absolute;
+	top : 0;
+	right : 0;
+	margin : -10px 0 0 auto;
+	background-position : right top;
+}
+
+#infoBoxShadow:after, #errorBoxShadow:after {
+	margin : -10px 0 0 -10px;
+	background-position : left bottom;
+}
+
+#infoBoxShadow, #errorBoxShadow {
+	background-image : url("images/shadow.png");
+	background-position : bottom right;
+	left : 25%;
+	top : 50px;
+	width : 50%;
+	position : absolute;
+	min-width : 600px;
+} 
+
+#infoBoxShadow {
+	z-index : 5;
+}
+
+#errorBoxShadow {
+	z-index : 400;
+}
+
+div.infoBoxContents {
+	padding : 10px;
+	margin-bottom : 5px;
+	font-size : 12px;
+}
+
+div.infoBoxContents td {
+	font-size : 12px;
+}
+
+div.infoBoxContents a {
+	color : #527040;
+}
+
+div.infoBoxContents a:hover {
+	color : black;
+}
+
+div#errorBox div#xebTitle {
+	background-color : #ff0000;
+	color : white;
+	padding : 4px 2px 4px 10px;
+	color : white;
+	font-weight : bold;
+	font-size : 12px;
+}
+
+div#errorBox div#xebContent {
+	font-size : 12px;
+	padding : 10px;
+}
+
+div#errorBox textarea {
+	width : 100%;
+	height : 100px;
+}
+
+div#errorBox button {
+	margin-bottom : 10px;
+}