From 134477f21deb617d06245635b081e548058922da Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 13 Sep 2010 15:04:05 +0400 Subject: [PATCH] add infobox css --- infobox.css | 121 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 121 insertions(+) create mode 100644 infobox.css 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; +}