122 lines
2 KiB
CSS
122 lines
2 KiB
CSS
|
#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;
|
||
|
|
}
|