| Server IP : 109.234.164.53 / Your IP : 216.73.216.110 Web Server : Apache System : Linux cervelle.o2switch.net 4.18.0-553.32.1.lve.el8.x86_64 #1 SMP Thu Dec 19 13:14:03 UTC 2024 x86_64 User : computer3 ( 1098) PHP Version : 7.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/computer3/lespotdulinge.fr/cp-admin/view/stylesheet/ |
Upload File : |
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,vietnamese);
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #151515;
font-weight: 500;
line-height: 18px;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
.page-header {
vertical-align: middle;
margin: 15px 0;
padding: 0;
border-bottom: none;
}
.page-header h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 28px;
color: #333;
display: inline-block;
margin-bottom: 15px; margin-left: 0%;
background: #FFF;
width: 100%; padding : 4px 0 8px 0; border-radius: 4px;
}
.breadcrumb {
display: inline-block;
background: none;
margin: 0;
padding: 0 10px;
}
.breadcrumb li a {
color: #999999;
font-size: 11px;
padding: 0px;
margin: 0px;
}
.breadcrumb li:last-child a {
color: #1e91cf;
}
.breadcrumb li a:hover {
text-decoration: none;
}
.breadcrumb li + li:before {
content: "/";
font-family: FontAwesome;
color: #BBBBBB;
padding: 0 5px;
}
a:hover, a:focus {
text-decoration: none;
}
/* fix for bootstrap hidden and visible */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
#container {
min-height: 100%; margin-top : -5px;
width: 100%;
position: relative;
}
.container-fluid {
padding-left: 20px;
padding-right: 20px;
}
#header {
min-height: 0px;
background: #585858;
border-bottom: 1px solid #828282;
margin: 0;
padding: 0;
}
#header .nav > li {
float: left;
}
#header .nav > li li {
min-width: 200px;
}
#header .navbar-header {
min-height: 0px;
padding: 0;
}
#header .navbar-header .text {
color: #fff;
line-height: 45px; margin-left : 20px;text-rendering: optimizeLegibility;
font-family: "Open Sans",sans-serif;
font-size: 15px;
font-weight: 400;
}
/* Mobile */
@media (max-width: 767px) {
#header .navbar-header {
margin-right: 0px;
margin-left: 0px;
float: left;
}
}
#header #button-menu + .navbar-brand {
padding: 10px 10px 10px 10px;
margin-right: 10px;
height: auto;
}
#header .nav > li > a {
padding: 3px 16px;
line-height: 38px;
cursor: pointer;
border-left: 1px solid #828282; background-color: #000 ;
}
#header .nav > li > a:hover {
background-color: #151515 ;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #151515;
border-color: #428BCA;
}
#header .nav > li > a > .label {
text-shadow: none;
padding: 1px 4px;
position: absolute;
top: 8px;
left: 6px;
}
#button-menu {
padding: 10px 17px 9px 17px;
line-height: 25px;
float: left;
display: inline-block;
cursor: pointer;
color: #eee;
border-right: 1px solid #828282;
}
#profile {
display: none;
}
#column-left.active #profile {
display: block;
padding: 10px 15px 10px 15px;
overflow: auto;
border-bottom: 1px solid #585858;
}
#profile div {
float: left;
color: #C4C4C4;
}
#profile div + div {
margin-left: 15px;
}
#profile h4 {
margin-top: 6px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #FFF;
margin-bottom: 0;
}
#column-left {
width: 50px;
height: 100%;
background-color: #515151;
position: absolute;
top: 0px;
padding-top: 50px;
z-index: 10;
transition: all 0.3s;
}
#column-left.active {
width: 235px;
opacity: 1;
}
#content {
padding-bottom: 140px; min-height: 100%;
transition: all 0.3s;
}
#column-left + #content {
margin-left: 50px; margin-top: 10px;
}
#column-left + #content + #footer {
margin-left: 50px;
}
/* Mobile */
@media (max-width: 767px) {
#column-left {
overflow: hidden;
opacity: 0;
}
#column-left + #content {
margin-left: 0;
}
#column-left + #content + #footer {
margin-left: 0;
}
}
/* Menu */
#menu, #menu ul, #menu li {
padding: 0;
margin: 0;
list-style: none;
}
#menu {
margin-bottom: 25px;
}
#menu > li {
position: relative;
}
#menu li a {
text-decoration: none;
display: block;
padding: 10px;
cursor: pointer;
border-bottom: 1px solid #515151;
}
#menu li a i {
font-size: 16px;
}
#menu > li > a {
color: #C4C4C4;
font-size: 14px;
padding-left: 13px;
border-bottom: 1px solid #585858;
}
#menu > li > a:hover {
background-color: #000;
}
#menu > li > a > span {
display: none;
margin-left: 8px;
}
#menu li li a {
color: #9d9d9d;
}
#menu li li a:hover {
color: #FFFFFF;
background-color: #000;
}
#menu li li a:before {
content: "\f101";
font-size: 14px;
font-family: FontAwesome;
margin-left: 10px;
margin-right: 10px;
transition: margin ease 0.5s;
}
#menu li li a:hover:before {
margin-right: 20px;
}
#menu > li.active > a {
color: #DDDDDD;
background: #000;
}
#menu li.active li a {
color: #C4C4C4;
}
#menu li li.active > a:last-child {
color: #FFFFFF;
}
#menu li li.active a:last-child:before {
margin-left: 20px;
margin-right: 10px;
}
#menu > li > ul {
position: absolute;
left: 50px;
top: 0px;
width: 210px;
background-color: #2A2A2A; color: #fff;
visibility: hidden;
}
#menu li ul {
overflow: hidden;
}
#menu > li:hover > ul {
visibility: visible;
}
#menu li li a.parent:after, #column-left.active #menu > li a.parent:after {
font-family: FontAwesome;
content: "\f105";
float: right;
margin-right: 8px;
}
#menu li li.open > a.parent:after, #column-left.active #menu > li.open > a.parent:after {
font-family: FontAwesome;
content: "\f107";
float: right;
margin-right: 8px;
}
#menu li ul a {
padding-left: 20px;
}
#menu li li ul a {
padding-left: 40px;
}
#menu li li li ul a {
padding-left: 60px;
}
#menu li li li li ul a {
padding-left: 80px;
}
/* Menu Active */
/* Desktop */
@media (min-width: 768px) {
#column-left.active {
overflow: auto;
}
#column-left.active + #content {
margin-left: 235px;
}
#column-left.active + #content + #footer {
margin-left: 235px;
}
}
/* Mobile */
@media (max-width: 767px) {
#column-left.active + #content {
position: relative;
left: 235px;
}
#column-left.active + #content + #footer {
position: relative;
left: 235px;
}
}
#column-left.active {
width: 235px;
}
#column-left.active #menu li i {
font-size: 14px;
}
#column-left.active #menu > li > a > span {
display: inline;
}
#column-left.active #menu > li > ul {
position: relative;
left: auto;
top: auto;
width: auto;
visibility: visible;
}
#menu .active {background-color: #000; }
/* footer */
#footer {
position : absolute; bottom : 10px; right : 3%;
text-align: center;
}
/* Navs */
.nav > li.disabled > a {
color: #999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #999;
}
/* Tabs */
.nav-tabs > li > a {
color: #666;
border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs {
margin-bottom: 25px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
font-weight: bold;
color: #333;
}
/*
.form-horizontal .form-group {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.form-group + .form-group {
border-top: 1px solid #ededed;
}
*/
.form-control:hover {
border: 1px solid #b9b9b9;
border-top-color: #a0a0a0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
div.required .control-label:not(span):before, td.required:before {
content: '* ';
color: #F00;
font-weight: bold;
}
label.control-label span:after {
font-family: FontAwesome;
color: #1E91CF;
content: "\f059";
margin-left: 4px;
}
label.control-label {
/*font-weight: normal;*/
}
fieldset legend {
padding-bottom: 5px;
}
input[type="radio"], input[type="checkbox"] {
margin: 2px 0 0;
}
.radio, .checkbox {
min-height: 18px;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: relative;
width: 13px;
width: 16px \0;
height: 13px;
height: 16px \0;
-webkit-appearance: none;
background: white;
border: 1px solid #dcdcdc;
border: 1px solid transparent \0;
border-radius: 1px;
}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
border-color: #4d90fe;
outline: 0;
}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
background-color: #ebebeb;
border-color: #c6c6c6;
}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked {
background: #fff;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] {
width: 15px;
width: 18px \0;
height: 15px;
height: 18px \0;
border-radius: 1em;
}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after {
position: relative;
top: 3px;
left: 3px;
display: block;
width: 7px;
height: 7px;
content: '';
background: #666;
border-radius: 1em;
}
input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover {
border-color: #c6c6c6;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: none \9;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: none \9;
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
position: absolute;
top: -6px;
left: -5px;
display: block;
content: url('../image/checkmark.png');
}
.table thead td {
font-weight: bold;
}
.table thead > tr > td, .table tbody > tr > td {
vertical-align: middle;
}
.table a.desc:after {
content: " \f107";
font-family: FontAwesome;
font-size: 14px;
}
.table a.asc:after {
content: " \f106";
font-family: FontAwesome;
font-size: 14px;
}
.pagination {
margin: 0;
}
/* Panels */
.panel {
border-radius: 0px;
}
.panel .panel-heading {
position: relative;
}
.panel-heading h3 i {
margin-right: 8px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.panel-heading i {
font-size: 16px;
font-weight: 500;
}
.panel-heading h3 {
font-size: 16px;
font-weight: 500;
display: inline-block;
}
/* Primary Panel */
.panel-primary {
border: 1px solid #c3e4f6;
border-top: 2px solid #5cb7e7;
}
.panel-primary .panel-heading {
color: #1e91cf;
border-color: #96d0f0;
background: white;
}
/* Default Panel */
.panel-default {
border: 1px solid #e8e8e8;
border-top: 2px solid #bfbfbf;
}
.panel-default .panel-heading {
color: #595959;
border-color: #e8e8e8;
background: #fcfcfc;
}
/*
// Info
color: #115376;
background-color: #f8fcfe;
border-color: #c3e4f6;
// Danger
.panel-danger {
border-top: 2px solid lighten($warning, 15%);
color: #f56b6b;
background: #fef1f1;
border-color: #fde2e2;
}
// Warning
color: #f38733;
background-color: #fef8f4;
border-color: #fcdcc3;
// Success
color: #8fbb6c;
background: #f9fcf7;
border-color: #dfebd5;
*/
.img-thumbnail i {
color: #FFFFFF;
background-color: #EEEEEE;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
padding-top: 20px;
vertical-align: middle;
display: inline-block;
}
.img-thumbnail.list i {
width: 40px;
height: 40px;
padding-top: 10px;
}
/* Tiles */
.tile {
margin-bottom: 15px;
border-radius: 3px;
background-color: #279FE0;
color: #FFFFFF;
transition: all 1s;
}
.tile:hover {
opacity: 0.95;
}
.tile a {
color: #FFFFFF;
}
.tile-heading {
padding: 5px 8px;
text-transform: uppercase;
background-color: #1E91CF;
color: #FFF;
}
.tile .tile-heading .pull-right {
transition: all 1s;
opacity: 0.7;
}
.tile:hover .tile-heading .pull-right {
opacity: 1;
}
.tile-body {
padding: 15px;
color: #FFFFFF;
line-height: 48px;
}
.tile .tile-body i {
font-size: 50px;
opacity: 0.3;
transition: all 1s;
}
.tile:hover .tile-body i {
color: #FFFFFF;
opacity: 1;
}
.tile .tile-body h2 {
font-size: 42px;
}
.tile-footer {
padding: 5px 8px;
background-color: #3DA9E3;
}
#column-left.active #stats {
display: block;
}
#stats {
display: none;
border-radius: 2px;
color: #666666;
background: #2b2b2b;
margin: 15px 20px;
padding: 5px 0;
}
#stats ul, #stats li {
padding: 0;
margin: 0;
list-style: none;
}
#stats li {
font-size: 11px;
color: #9d9d9d;
padding: 5px 10px;
border-bottom: 1px dotted #373737;
}
#stats div:first-child {
margin-bottom: 4px;
}
#stats .progress {
height: 3px;
margin-bottom: 0;
}
/******************************************************************************/
/* Login Panel */
.panel-login {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 480px; padding-left:35px; padding-right: 35px;
margin-left: -240px;
height:470px;
background-color: #FFF;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px;
outline: medium none;
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
background-clip: padding-box;
}
.panel-body
{
position: relative;
z-index: 2;
margin-bottom: 0px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #eee;
border-radius: 4px;
box-shadow: none;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.panel-footer {
padding: 14px 15px 15px;
margin-bottom: 0px;
text-align: right;
background-color: #F5F5F5;
border-top: 1px solid #DDD;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 1px 0px #FFF inset;
}
.panel-login .panel-heading {
color: #595959;
border-color: #eee;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #eee;
border-radius: 4px;
box-shadow: none;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.panel-default {
background-color: #FFF; margin-top: 40px;
background-image: none;
border: 1px solid #eee;
border-radius: 4px;
box-shadow: none;
}
.panel-page {
background-color: #FFF; margin-top: 40px;
background-image: none;
border: 0; box-shadow: none;
}
#column-left {
width: 50px;
height: 100%;
background-color: #515151;
position: absolute;
top: 0px;
padding-top: 70px;
z-index: 10;
transition: all 0.3s ease 0s;
}
#column-left.active {
overflow: hidden;
}
form {
margin: 0px 0px 20px;
}
.form-horizontal .controls {
margin-left: 140px; margin-top: 20px;
}
.spanfilet_90 {
width: 96%; box-shadow: none; margin-top: 40px;
border-collapse: none; border: 1px solid #DDD; border-radius: 8px; padding: 20px;
}
.spantableau_90 {
width: 96%;
box-shadow: none;
margin-top: 40px;
border: 1px solid #DDD;
border-radius: 8px;
padding: 20px;
}
.span0_90 {
width: 90%;
}
.span0_70 {
width: 70%;
}
.span0_30 {
width: 30%;
}
.titre_pag {
float: right !important; margin-right : 0; margin-top :10px;
}
.container {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
.col-sm-10 {
width: 83.3333%;
}
#column-left + #content {
margin-left: 55px;
margin-top: 10px;
}
/*******************************************************************************/
.open > a {
outline: 0; color: #fff;
}
a {
text-decoration: none;
color: #c0c0c0;
}
/******* PAGIN ********/
.pagin {background : #fff; color:#CC3300; border : 1px solid #fff; border-radius : 4px;white-space: normal ;overflow: hidden; margin-left : 10px; margin-right : 10px; margin-bottom : 20px; font-size: 18px; padding : 10px;}
.pagin a {background : #fff; text-decoration:none; color:#000;}
.pagin a:hover {background : #eee; text-decoration:none; color:#CC3300;}
.elements {border : 1px solid #c0c0c0; border-radius : 4px;white-space: normal ;overflow: hidden;
margin-left : 2px; margin-right : 2px; font-size: 18px; padding : 5px 11px 5px 11px;}
.elementsactif {background : #eee; border : 1px solid #c0c0c0; border-radius : 4px;white-space: normal ;overflow: hidden;
margin-left : 2px; margin-right : 2px; font-size: 18px; padding : 5px 11px 5px 11px;}