@ CSS:
Code
/* +++ INFO LOGI +++ */
.bx{
border:1px #E7E7E7 solid;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
background-color:#ffffff;
padding:10px;
overflow:hidden;
position:relative;
}
.bx strong{
font-size:16px;
}
.bx.error{
border:1px #ff6600 solid;
}
.bx.ok{
border:1px #74c008 solid;
}
.bx.panel .btn {
margin-bottom:0;
}
.bx.ok strong{
color:#74c008;
}
.bx.error strong{
color:#ff6600;
}
.bx.info{
border:1px #6d9fc6 solid;
background-color:#E1EEF9;
}
.bx.gray {
background-color: #F3F3F3;
border-color: #F3F3F3;
}
.bx.info strong, .bx.info b{
color:#6d9fc6;
}
.bx.withheading{
padding:0px;
background-color:#f8f8f8;
}
.bx .heading{
background-color:#e7e7e7;
border-bottom:1px #E7E7E7 solid;
padding:5px 10px;
}
.bx .content{
padding:10px;
color:#393939;
}
.bx a.closeIcon{
position: absolute;
top: 5px;
right: 5px;
}
.bx{
margin-bottom:10px;
}
.bx.ok .bxicon{
width:32px;
height:32px;
float:left;
margin-right:10px;
padding:0px;
}
.bx.error .bxicon{
width:32px;
height:29px;
float:left;
margin-right:10px;
padding:0px;
}
/* INFO LOGU BEIGAS */
Vietā, kur vēlamies redzēt:
Zaļsh:
Code
<div class="bx ok"><div class="bx content">Sheit atradīsies Jūsu aktuālā mājaslapas informācija. info info info info info info info infoinfo info info info info info info info<div align="right">© buzz.ucoz.lv</div></div> </div>
Oranžs:
Code
<div class="bx error"><div class="bx content">Sheit atradīsies Jūsu aktuālā mājaslapas informācija. info info info info info info info infoinfo info info info info info info info<div align="right">© buzz.ucoz.lv</div></div> </div>
Iznākums: