342 lines
8.8 KiB
CSS
342 lines
8.8 KiB
CSS
@CHARSET "utf-8";/* -*- coding: utf-8 -*- vim:sw=4:sts=4:et:ai:si:sta:fenc=utf-8 */
|
|
|
|
/* Icones ------------------------------------------------------------------- */
|
|
.bperror, .bpwarning, .bpdone, .bpinfo, .bpquestion, .bphelp, .bpplus, .bpminus {
|
|
padding-left: 22px; 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.67em 0.67em 0.67em 42px; min-height: 4em; border: 2px solid #ddd;
|
|
background-repeat: no-repeat; background-position: 5px 1em;
|
|
border-radius: 5px;
|
|
}
|
|
.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, .table-auto { width: auto; }
|
|
.gap-row { margin-top: 1em; }
|
|
.row-gap { margin-bottom: 1em; }
|
|
.left-gap { margin-left: 1em;}
|
|
.right-gap { margin-right: 1em;}
|
|
|
|
/* si un navbar-form contient des btn-sm ou des btn-xs, utiliser les classes ci-dessous. */
|
|
.navbar-form-sm { margin-top: 10px; margin-bottom: 10px; }
|
|
.navbar-form-xs { margin-top: 14px; margin-bottom: 14px; }
|
|
|
|
/* <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="bglogo-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;
|
|
}
|
|
.bglogo-container { position: relative; }
|
|
@media (max-width: 992px) {
|
|
.bglogo-container .bglogo { left: 0; top: 0; }
|
|
}
|
|
@media (min-width: 992px) {
|
|
.bglogo-container .bglogo { right: 0; top: 0; }
|
|
}
|
|
|
|
/* <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;
|
|
}
|
|
|
|
/* Mots de passe */
|
|
.password {
|
|
/*
|
|
padding: 0.2em 0.5em;
|
|
margin: 0 0.2em;
|
|
background-color: #eee;
|
|
border-radius: 3px;
|
|
border: 1px solid #b4b4b4;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
|
|
color: #333;
|
|
font-size: 1.2em;
|
|
font-family: "Courier New", Courier, monospace;
|
|
*/
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.hpc .hp {
|
|
color: transparent;
|
|
text-shadow: 0 0 5px rgba(0,0,0,0.5);
|
|
}
|
|
.hpc:hover .hp {
|
|
color: inherit;
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* Messenger ---------------------------------------------------------------- */
|
|
|
|
/* Messenger sections ------------------------------------------------------- */
|
|
|
|
.msg-section {
|
|
margin-bottom: 20px;
|
|
background-color: #fff;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
}
|
|
.msg-section-heading {
|
|
padding: 10px 15px;
|
|
border-bottom: 1px solid transparent;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
.msg-section-heading > .dropdown .dropdown-toggle {
|
|
color: inherit;
|
|
}
|
|
.msg-section-title {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
font-size: 16px;
|
|
color: inherit;
|
|
}
|
|
.msg-section-title > a,
|
|
.msg-section-title > small,
|
|
.msg-section-title > .small,
|
|
.msg-section-title > small > a,
|
|
.msg-section-title > .small > a {
|
|
color: inherit;
|
|
}
|
|
.msg-section-footer {
|
|
padding: 10px 15px;
|
|
background-color: #f5f5f5;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
.msg-section-default {
|
|
border-color: #ddd;
|
|
}
|
|
.msg-section-default > .msg-section-heading {
|
|
color: #333333;
|
|
background-color: #f5f5f5;
|
|
border-color: #ddd;
|
|
}
|
|
.msg-section-default > .msg-section-heading .badge {
|
|
color: #f5f5f5;
|
|
background-color: #333333;
|
|
}
|
|
.msg-section-primary {
|
|
border-color: #337ab7;
|
|
}
|
|
.msg-section-primary > .msg-section-heading {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7;
|
|
}
|
|
.msg-section-primary > .msg-section-heading .badge {
|
|
color: #337ab7;
|
|
background-color: #fff;
|
|
}
|
|
.msg-section-success {
|
|
border-color: #d6e9c6;
|
|
}
|
|
.msg-section-success > .msg-section-heading {
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6;
|
|
}
|
|
.msg-section-success > .msg-section-heading .badge {
|
|
color: #dff0d8;
|
|
background-color: #3c763d;
|
|
}
|
|
.msg-section-info {
|
|
border-color: #bce8f1;
|
|
}
|
|
.msg-section-info > .msg-section-heading {
|
|
color: #31708f;
|
|
background-color: #d9edf7;
|
|
border-color: #bce8f1;
|
|
}
|
|
.msg-section-info > .msg-section-heading .badge {
|
|
color: #d9edf7;
|
|
background-color: #31708f;
|
|
}
|
|
.msg-section-warning {
|
|
border-color: #faebcc;
|
|
}
|
|
.msg-section-warning > .msg-section-heading {
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3;
|
|
border-color: #faebcc;
|
|
}
|
|
.msg-section-warning > .msg-section-heading .badge {
|
|
color: #fcf8e3;
|
|
background-color: #8a6d3b;
|
|
}
|
|
.msg-section-danger {
|
|
border-color: #ebccd1;
|
|
}
|
|
.msg-section-danger > .msg-section-heading {
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
border-color: #ebccd1;
|
|
}
|
|
.msg-section-danger > .msg-section-heading .badge {
|
|
color: #f2dede;
|
|
background-color: #a94442;
|
|
}
|
|
|
|
/* Messenger messages ------------------------------------------------------- */
|
|
|
|
.msg {
|
|
position: relative;
|
|
padding: 0.75rem 1.25rem;
|
|
margin: 0;
|
|
border: 1px solid transparent;
|
|
border-radius: 0.25rem;
|
|
}
|
|
.msg + .msg:last-child { margin-bottom: 1rem; }
|
|
.msg-section-body > .msg + .msg:last-child { margin-bottom: 0; }
|
|
.msg-heading {
|
|
color: inherit;
|
|
}
|
|
.msg-link {
|
|
font-weight: 700;
|
|
}
|
|
.msg-dismissible {
|
|
padding-right: 4rem;
|
|
}
|
|
.msg-dismissible .close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
padding: 0.75rem 1.25rem;
|
|
color: inherit;
|
|
}
|
|
.msg-primary {
|
|
color: #004085;
|
|
background-color: #cce5ff;
|
|
border-color: #b8daff;
|
|
}
|
|
.msg-primary hr {
|
|
border-top-color: #9fcdff;
|
|
}
|
|
.msg-primary .msg-link {
|
|
color: #002752;
|
|
}
|
|
.msg-secondary {
|
|
color: #383d41;
|
|
background-color: #e2e3e5;
|
|
border-color: #d6d8db;
|
|
}
|
|
.msg-secondary hr {
|
|
border-top-color: #c8cbcf;
|
|
}
|
|
.msg-secondary .msg-link {
|
|
color: #202326;
|
|
}
|
|
.msg-success {
|
|
color: #155724;
|
|
background-color: #d4edda;
|
|
border-color: #c3e6cb;
|
|
}
|
|
.msg-success hr {
|
|
border-top-color: #b1dfbb;
|
|
}
|
|
.msg-success .msg-link {
|
|
color: #0b2e13;
|
|
}
|
|
.msg-info {
|
|
color: #0c5460;
|
|
background-color: #d1ecf1;
|
|
border-color: #bee5eb;
|
|
}
|
|
.msg-info hr {
|
|
border-top-color: #abdde5;
|
|
}
|
|
.msg-info .msg-link {
|
|
color: #062c33;
|
|
}
|
|
.msg-warning {
|
|
color: #856404;
|
|
background-color: #fff3cd;
|
|
border-color: #ffeeba;
|
|
}
|
|
.msg-warning hr {
|
|
border-top-color: #ffe8a1;
|
|
}
|
|
.msg-warning .msg-link {
|
|
color: #533f03;
|
|
}
|
|
.msg-danger {
|
|
color: #721c24;
|
|
background-color: #f8d7da;
|
|
border-color: #f5c6cb;
|
|
}
|
|
.msg-danger hr {
|
|
border-top-color: #f1b0b7;
|
|
}
|
|
.msg-danger .msg-link {
|
|
color: #491217;
|
|
}
|
|
.msg-light {
|
|
color: #818182;
|
|
background-color: #fefefe;
|
|
border-color: #fdfdfe;
|
|
}
|
|
.msg-light hr {
|
|
border-top-color: #ececf6;
|
|
}
|
|
.msg-light .msg-link {
|
|
color: #686868;
|
|
}
|
|
.msg-dark {
|
|
color: #1b1e21;
|
|
background-color: #d6d8d9;
|
|
border-color: #c6c8ca;
|
|
}
|
|
.msg-dark hr {
|
|
border-top-color: #b9bbbe;
|
|
}
|
|
.msg-dark .msg-link {
|
|
color: #040505;
|
|
}
|
|
|
|
.msg-result-failure {
|
|
color: #721c24 !important;
|
|
background-color: #f8d7da !important;
|
|
border-color: #f5c6cb !important;
|
|
}
|
|
.msg-result-success {
|
|
color: #155724 !important;
|
|
background-color: #d4edda !important;
|
|
border-color: #c3e6cb !important;
|
|
}
|