69 lines
3.0 KiB
CSS
69 lines
3.0 KiB
CSS
/* -*- coding: utf-8 -*- vim:sw=4:sts=4:et:ai:si:sta:fenc=utf-8
|
|
*/@CHARSET "utf-8";
|
|
|
|
/* Icones ------------------------------------------------------------------- */
|
|
.bperror, .bpwarning, .bpdone, .bpinfo, .bpquestion, .bphelp, .bpplus, .bpminus {
|
|
padding-left: 18px; min-height: 16px; background-repeat: no-repeat;
|
|
}
|
|
.bperror { background-image: url(icons/error.png); }
|
|
.bpwarning { background-image: url(icons/warning.png); }
|
|
.bpdone { background-image: url(icons/done.png); }
|
|
.bpinfo { background-image: url(icons/info.png); }
|
|
.bpquestion { background-image: url(icons/question.png); }
|
|
.bphelp { background-image: url(icons/help.png); }
|
|
.bpplus { background-image: url(icons/plus.png); }
|
|
.bpminus { background-image: url(icons/minus.png); }
|
|
.bperrorm, .bpwarningm, .bpdonem, .bpinfom, .bpneutralm {
|
|
margin: 0.67em 0; padding: 0.33em 0 0.67em 42px; min-height: 4em; border: 2px solid #ddd;
|
|
background-repeat: no-repeat; background-position: 5px 1em;
|
|
}
|
|
.bperrorm.bpm-nobg, .bpwarningm.bpm-nobg, .bpdonem.bpm-nobg, .bpinfom.bpm-nobg, .bpneutralm.bpm-nobg {
|
|
background-color: inherit; color: inherit;
|
|
}
|
|
.bperrorm { background-image: url(icons/lerror.png); background-color: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
|
|
.bpwarningm { background-image: url(icons/lwarning.png); background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
|
|
.bpdonem { background-image: url(icons/ldone.png); background-color: #E6EFC2; color: #264409; border-color: #C6D880; }
|
|
.bpinfom { background-image: url(icons/linfo.png); border-color: #5566CC; }
|
|
.bpneutralm { background-image: url(icons/lneutral.png); }
|
|
|
|
/* Divers ------------------------------------------------------------------- */
|
|
|
|
.auto { width: auto; }
|
|
.table-auto { width: auto; }
|
|
.row-gap { margin-bottom: 1em; }
|
|
|
|
/* <div class="col-div"><span>header</span>content</div> */
|
|
.col-div { margin-left: 10em; position: relative; }
|
|
.col-div span:first-child { font-weight: bold; display: inline-block; position: absolute; left: -10em; }
|
|
/* <div><span class="col-span">header</span>content</div> */
|
|
.col-span { font-weight: bold; width: 10em; display: inline-block; }
|
|
|
|
/* <div class="vcontainer" style="height: 300px;"><div class="valign">vertical aligned content</div></div> */
|
|
.vcontainer:before { content:""; display:inline-block; height:100%; vertical-align:middle; }
|
|
.valign { display:inline-block; }
|
|
|
|
/* <div class="logo-container"><div class="bglogo"></div>content</div> */
|
|
.bglogo {
|
|
background-image: url(images/logo-bg.jpg);
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
width: 901px;
|
|
height: 192px;
|
|
z-index: -3000;
|
|
}
|
|
.logo-container { position: relative; }
|
|
@media (max-width: 992px) {
|
|
.logo-container .bglogo { left: 0px; top: 0px; }
|
|
}
|
|
@media (min-width: 992px) {
|
|
.logo-container .bglogo { right: 0px; top: 0px; }
|
|
}
|
|
|
|
/* <div class="pull-right"><div class="logo"></div></div> */
|
|
.logo {
|
|
background-image: url(images/logo-normal.png);
|
|
background-repeat: no-repeat;
|
|
width: 428px;
|
|
height: 123px;
|
|
}
|