correction couleurs et ajout liens infobox
This commit is contained in:
thienan
@@ -1,240 +1,255 @@
|
|||||||
/* style.less */
|
/* style.less */
|
||||||
@error: #b94a48;
|
@error: #b94a48;
|
||||||
|
|
||||||
/* ajout pour Nicola */
|
/* ajout pour Nicola */
|
||||||
@media (max-width: 992px) {
|
@media (max-width: 992px) {
|
||||||
.navbar-header {
|
.navbar-header {
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
.navbar-left,.navbar-right {
|
.navbar-left,.navbar-right {
|
||||||
float: none !important;
|
float: none !important;
|
||||||
}
|
}
|
||||||
.navbar-toggle {
|
.navbar-toggle {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.navbar-collapse {
|
.navbar-collapse {
|
||||||
border-top: 1px solid transparent;
|
border-top: 1px solid transparent;
|
||||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
|
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
|
||||||
}
|
}
|
||||||
.navbar-fixed-top {
|
.navbar-fixed-top {
|
||||||
top: 0;
|
top: 0;
|
||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
}
|
}
|
||||||
.navbar-collapse.collapse {
|
.navbar-collapse.collapse {
|
||||||
display: none!important;
|
display: none!important;
|
||||||
}
|
}
|
||||||
.navbar-nav {
|
.navbar-nav {
|
||||||
float: none!important;
|
float: none!important;
|
||||||
margin-top: 7.5px;
|
margin-top: 7.5px;
|
||||||
}
|
}
|
||||||
.navbar-nav>li {
|
.navbar-nav>li {
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
.navbar-nav>li>a {
|
.navbar-nav>li>a {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
.collapse.in{
|
.collapse.in{
|
||||||
display:block !important;
|
display:block !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
background-color: #fe9900;
|
background-color: #fe9900;
|
||||||
color: #404040 !important;
|
color: #404040 !important;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
border: 0;
|
border: 0;
|
||||||
font-size: 20px !important;
|
font-size: 20px !important;
|
||||||
line-height: 1.42857143 !important;
|
line-height: 1.42857143 !important;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar li a, .navbar .navbar-brand {
|
.navbar li a, .navbar .navbar-brand {
|
||||||
color: #404040 !important;
|
color: #404040 !important;
|
||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-nav li a:hover, .navbar-nav li.active a {
|
.navbar-nav li a:hover, .navbar-nav li.active a {
|
||||||
color: #f4511e !important;
|
color: #f4511e !important;
|
||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
background-color: #fff !important;
|
background-color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-default .navbar-toggle {
|
.navbar-default .navbar-toggle {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dropdown */
|
/* Dropdown */
|
||||||
.open .dropdown-toggle {
|
.open .dropdown-toggle {
|
||||||
color: #000000 ;
|
color: #000000 ;
|
||||||
background-color: #555 !important;
|
background-color: #555 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dropdown links */
|
/* Dropdown links */
|
||||||
.dropdown-menu li a {
|
.dropdown-menu li a {
|
||||||
color: #000000 !important;
|
color: #000000 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* On hover, the dropdown links will turn red */
|
/* On hover, the dropdown links will turn red */
|
||||||
.dropdown-menu li a:hover {
|
.dropdown-menu li a:hover {
|
||||||
background-color: #f4511e !important;
|
background-color: #f4511e !important;
|
||||||
color: #000000 !important;
|
color: #000000 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* push modal dialog down the viewport */
|
/* push modal dialog down the viewport */
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
top:7%;
|
top:7%;
|
||||||
}
|
}
|
||||||
.type-ligne-panel {
|
.type-ligne-panel {
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background-color: #2f2f2f;
|
background-color: #2f2f2f;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
padding-bottom: 1em;
|
padding-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group {
|
.form-group {
|
||||||
label.error {
|
label.error {
|
||||||
color: @error;
|
color: @error;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.gly-spin {
|
.gly-spin {
|
||||||
-webkit-animation: spin 2s infinite linear;
|
-webkit-animation: spin 2s infinite linear;
|
||||||
-moz-animation: spin 2s infinite linear;
|
-moz-animation: spin 2s infinite linear;
|
||||||
-o-animation: spin 2s infinite linear;
|
-o-animation: spin 2s infinite linear;
|
||||||
animation: spin 2s infinite linear;
|
animation: spin 2s infinite linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bg {
|
#bg {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
/* Set up proportionate scaling */
|
/* Set up proportionate scaling */
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
/* Set rules to fill background */
|
/* Set rules to fill background */
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-primary {
|
.logo-primary {
|
||||||
color: #337ab7;
|
color: #337ab7;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
.logo-info {
|
.logo-info {
|
||||||
color: #5BC0DE;
|
color: #5BC0DE;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
.logo-success {
|
.logo-success {
|
||||||
color: #5CB85C;
|
color: #5CB85C;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
.logo-danger {
|
.logo-danger {
|
||||||
color: #D9534F;
|
color: #D9534F;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
.logo-warning {
|
.logo-warning {
|
||||||
color: #F0AD4E;
|
color: #F0AD4E;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
.logo-small {
|
.logo-small {
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
.bg-PE {
|
.bg-PE {
|
||||||
background-color: #ffffb3 !important;
|
background-color: #ffffb3 !important;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.bg-ME {
|
.bg-ME {
|
||||||
background-color: #ffe44d !important;
|
background-color: #ffe44d !important;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.bg-PL {
|
.bg-PL {
|
||||||
background-color: #b3ff66 !important;
|
background-color: #b3ff66 !important;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.bg-PO {
|
.bg-PO {
|
||||||
background-color: #b1dae7 !important;
|
background-color: #b1dae7 !important;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.bg-CD {
|
.bg-CD {
|
||||||
background-color: #ffb3cc !important;
|
background-color: #ffb3cc !important;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-page {
|
.bg-mar {
|
||||||
page-break-before: always;
|
background-color: #800000 !important;
|
||||||
}
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-choco {
|
||||||
#signature_img {
|
background-color: #D2691E !important;
|
||||||
width: 350px;
|
color: white;
|
||||||
height: 150px;
|
}
|
||||||
padding: 20px;
|
|
||||||
}
|
.bg-tan {
|
||||||
|
background-color: #D2B48C !important;
|
||||||
.gly-spin {
|
color: black;
|
||||||
-webkit-animation: spin 2s infinite linear;
|
}
|
||||||
-moz-animation: spin 2s infinite linear;
|
|
||||||
-o-animation: spin 2s infinite linear;
|
.new-page {
|
||||||
animation: spin 2s infinite linear;
|
page-break-before: always;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-moz-keyframes spin {
|
|
||||||
0% {
|
|
||||||
-moz-transform: rotate(0deg);
|
#signature_img {
|
||||||
}
|
width: 350px;
|
||||||
100% {
|
height: 150px;
|
||||||
-moz-transform: rotate(359deg);
|
padding: 20px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
@-webkit-keyframes spin {
|
.gly-spin {
|
||||||
0% {
|
-webkit-animation: spin 2s infinite linear;
|
||||||
-webkit-transform: rotate(0deg);
|
-moz-animation: spin 2s infinite linear;
|
||||||
}
|
-o-animation: spin 2s infinite linear;
|
||||||
100% {
|
animation: spin 2s infinite linear;
|
||||||
-webkit-transform: rotate(359deg);
|
}
|
||||||
}
|
|
||||||
}
|
@-moz-keyframes spin {
|
||||||
@-o-keyframes spin {
|
0% {
|
||||||
0% {
|
-moz-transform: rotate(0deg);
|
||||||
-o-transform: rotate(0deg);
|
}
|
||||||
}
|
100% {
|
||||||
100% {
|
-moz-transform: rotate(359deg);
|
||||||
-o-transform: rotate(359deg);
|
}
|
||||||
}
|
}
|
||||||
}
|
@-webkit-keyframes spin {
|
||||||
@keyframes spin {
|
0% {
|
||||||
0% {
|
-webkit-transform: rotate(0deg);
|
||||||
-webkit-transform: rotate(0deg);
|
}
|
||||||
transform: rotate(0deg);
|
100% {
|
||||||
}
|
-webkit-transform: rotate(359deg);
|
||||||
100% {
|
}
|
||||||
-webkit-transform: rotate(359deg);
|
}
|
||||||
transform: rotate(359deg);
|
@-o-keyframes spin {
|
||||||
}
|
0% {
|
||||||
}
|
-o-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
/* ne pas affichier l'url after the link */
|
-o-transform: rotate(359deg);
|
||||||
@media print {
|
}
|
||||||
a[href]:after {
|
}
|
||||||
content: none !important;
|
@keyframes spin {
|
||||||
}
|
0% {
|
||||||
}
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ne pas affichier l'url after the link */
|
||||||
|
@media print {
|
||||||
|
a[href]:after {
|
||||||
|
content: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,15 +1,37 @@
|
|||||||
<metal:block use-macro="main_template">
|
<metal:block use-macro="main_template">
|
||||||
<div metal:fill-slot="content">
|
<div metal:fill-slot="content">
|
||||||
|
|
||||||
|
<!-- <div class="sidebar-wrapper">
|
||||||
|
<aside class="main-sidebar">
|
||||||
|
|
||||||
|
<section class="sidebar">
|
||||||
|
|
||||||
|
<ul class="sidebar-menu" data-widget="tree">
|
||||||
|
<li class="header">HEADER</li>
|
||||||
|
<li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
|
||||||
|
<li class="treeview">
|
||||||
|
<a href="#"><i class="fa fa-link"></i> <span>Multilevel</span>
|
||||||
|
<span class="pull-right-container">
|
||||||
|
<i class="fa fa-angle-left pull-right"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<ul class="treeview-menu">
|
||||||
|
<li><a href="#">Link in level 2</a></li>
|
||||||
|
<li><a href="#">Link in level 2</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</aside>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
<br />
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-3 text-center" tal:condition="logged_in=='CAO'">
|
|
||||||
<a href="${request.application_url}/devis_list">
|
|
||||||
<span class="glyphicon glyphicon-text-height logo-small"></span>
|
|
||||||
<h4>E-DEVIS</h4></a>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<div class="info-box bg-grey">
|
<div class="info-box bg-tan">
|
||||||
<span class="info-box-icon"><i class="glyphicon glyphicon-folder-open"></i></span>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-folder-open"></i></span>
|
||||||
<div class="info-box-content">
|
<div class="info-box-content">
|
||||||
<span class="info-box-number">DEMANDES DEVIS</span>
|
<span class="info-box-number">DEMANDES DEVIS</span>
|
||||||
@@ -21,7 +43,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<div class="info-box bg-blue">
|
<div class="info-box bg-tan">
|
||||||
<span class="info-box-icon"><i class="glyphicon glyphicon-file"></i></span>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-file"></i></span>
|
||||||
<div class="info-box-content">
|
<div class="info-box-content">
|
||||||
<span class="info-box-number">DEVIS</span>
|
<span class="info-box-number">DEVIS</span>
|
||||||
@@ -33,7 +55,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<div class="info-box bg-orange">
|
<div class="info-box bg-tan">
|
||||||
<span class="info-box-icon"><i class="glyphicon glyphicon-inbox"></i></span>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-inbox"></i></span>
|
||||||
<div class="info-box-content">
|
<div class="info-box-content">
|
||||||
<span class="info-box-number">FACTURES</span>
|
<span class="info-box-number">FACTURES</span>
|
||||||
@@ -44,26 +66,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-3 text-center" tal:condition="logged_in=='CAO'">
|
||||||
|
<a href="${request.application_url}/devis_list">
|
||||||
|
<div class="info-box bg-mar">
|
||||||
|
<span class="info-box-icon"><i class="glyphicon glyphicon-text-height"></i></span>
|
||||||
|
<div class="info-box-content">
|
||||||
|
<span class="info-box-number">E-DEVIS</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-3 text-center">
|
<div class="col-sm-3">
|
||||||
<a href="${request.application_url}/agenda/today">
|
<a href="${request.application_url}/agenda/today">
|
||||||
<span class="glyphicon glyphicon-calendar logo-small"></span><br />
|
<div class="info-box bg-tan">
|
||||||
<h4>MON AGENDA</h4></a>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-calendar"></i></span>
|
||||||
</div>
|
<div class="info-box-content">
|
||||||
<div class="col-sm-3">
|
<span class="info-box-number">AGENDA</span>
|
||||||
<div class="info-box bg-yellow">
|
<span class="info-box-text">A traiter : </span>
|
||||||
<span class="info-box-icon"><i class="glyphicon glyphicon-calendar"></i></span>
|
<span class="info-box-number"><span class="badge bg-red">${nb_rdv.nb_rdv}</span></span>
|
||||||
<div class="info-box-content">
|
</div>
|
||||||
<span class="info-box-number">AGENDA</span>
|
|
||||||
<span class="info-box-text">A traiter : </span>
|
|
||||||
<span class="info-box-number"><span class="badge bg-red">${nb_rdv.nb_rdv}</span></span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<div class="info-box bg-green">
|
<div class="info-box bg-tan">
|
||||||
<span class="info-box-icon"><i class="glyphicon glyphicon-tint"></i></span>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-tint"></i></span>
|
||||||
<div class="info-box-content">
|
<div class="info-box-content">
|
||||||
<span class="info-box-number">RDF</span>
|
<span class="info-box-number">RDF</span>
|
||||||
@@ -73,38 +104,50 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<div class="info-box bg-purple">
|
<a href="${request.application_url}/demandes" tal:condition="access > 0">
|
||||||
<span class="info-box-icon"><i class="glyphicon glyphicon-envelope"></i></span>
|
<div class="info-box bg-choco">
|
||||||
<div class="info-box-content">
|
<span class="info-box-icon"><i class="glyphicon glyphicon-envelope"></i></span>
|
||||||
<span class="info-box-number">EMAILS</span>
|
<div class="info-box-content">
|
||||||
<span class="info-box-text">A traiter : </span>
|
<span class="info-box-number">EMAILS</span>
|
||||||
<span class="info-box-number"><span class="badge bg-red">${nb_mails}</span></span>
|
<span class="info-box-text">A traiter : </span>
|
||||||
|
<span class="info-box-number"><span class="badge bg-purple">${nb_mails}</span></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<div class="row text-center" tal:condition="access >= 5">
|
<div class="row" tal:condition="access >= 5">
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<a href="${request.application_url}/planning/today">
|
<a href="${request.application_url}/planning/today">
|
||||||
<span class="glyphicon glyphicon-calendar logo-small"></span><br />
|
<div class="info-box bg-choco">
|
||||||
<h4>PLANNING</h4></a>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-calendar"></i></span>
|
||||||
</div>
|
<div class="info-box-content">
|
||||||
<div class="col-sm-3">
|
<span class="info-box-number">PLANNING</span>
|
||||||
<a href="${request.application_url}/demandes" tal:condition="access > 0">
|
</div>
|
||||||
<span class="glyphicon glyphicon-download-alt logo-warning"></span>
|
</div>
|
||||||
<h4>EMAILS <span class="glyphicon glyphicon-arrow-right"></span> DOSSIERS</h4></a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<a href="${request.application_url}/upload_om" tal:condition="access > 0">
|
<a href="${request.application_url}/upload_om" tal:condition="access > 0">
|
||||||
<span class="glyphicon glyphicon-download-alt logo-warning"></span>
|
<div class="info-box bg-choco">
|
||||||
<h4>PDF <span class="glyphicon glyphicon-arrow-right"></span> DOSSIERS</h4></a>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-download-alt"></i></span>
|
||||||
|
<div class="info-box-content">
|
||||||
|
<span class="info-box-number">PDF <span class="glyphicon glyphicon-arrow-right"></span> DOSSIERS</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-3">
|
<div class="col-sm-3">
|
||||||
<a href="${request.application_url}/stats" tal:condition="access > 6">
|
<a href="${request.application_url}/stats" tal:condition="access > 6">
|
||||||
<span class="glyphicon glyphicon-stats logo-warning"></span>
|
<div class="info-box bg-mar">
|
||||||
<h4>STATISTIQUES</h4></a>
|
<span class="info-box-icon"><i class="glyphicon glyphicon-stats"></i></span>
|
||||||
|
<div class="info-box-content">
|
||||||
|
<span class="info-box-number">STATS</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|||||||
Reference in New Issue
Block a user