/* CSS Document @import url(http://fonts.googleapis.com/css?family=Open+Sans); */ /* Pour un document HTML, :root s'installe au top du */ :root { --main-background-color: #1c1c1e; /* proche noir */ --main-color: #fefefe; /* proche blanc */ } /* Avec embages */ html, body, footer { height: 100%; background-color: var(--main-background-color); color: var(--main-color); font-family: 'Times New Roman', Garamond, Georgia, Palatino; } h1, h2, h3, h4, h5, h6 { background-color: var(--main-background-color); color: var(--main-color); } /* Sans embage et à chasse fixe */ pre, code { background-color: var(--main-background-color); font-family: Consolas, Monaco, Inconsolata, 'Liberation Mono'; font-size: 0.75em; /* 0.75% */ border: 1px dashed var(--main-color); /* Contour pointillé de 1 pixel de large, noir */ padding: 10px; /* Ajout de rembourrage pour améliorer l'apparence */ } /* Style des liens Hypertexte */ a:link {text-decoration: none; color: rgb(153, 204, 255);} a:visited {color: rgb(153, 204, 255);} a:hover {background-color: yellow; text-decoration: underline; color: #ff0000;} a:active {text-decoration: none; color: #ff0000;} .text_right { text-align: right; } .text_center { text-align: center; } .button.float_right, .float_right { float: right; } .button.float_left { float: left; } .title_background { background: url('images/bg_title.png') repeat-x 0px 50%; margin: 10px 0 10px 0; overflow: hidden; } .title_background_bee { background: url('images/bee_abeille.png') no-repeat 15%; margin: 10px 0 10px 0; overflow: hidden; } .title_background h1 { background-color: var(--main-background-color); color: var(--main-color); margin: 0; display: inline; min-width: 75px; padding-right: 15px; } .stabilo_noir, .cmd_Bash { background-image: none !important; font-size: 12.0pt; font-weight: bolder; background-color: black; color: lightskyblue; } /* Header */ #header { height: 150px; padding-top: 12px; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; -moz-box-shadow: 0px 0px 4px #BBB; -webkit-box-shadow: 0px 0px 4px #BBB; box-shadow: 0px 0px 4px #BBB; background: #46464646; /* Old browsers */ background: -moz-linear-gradient(top, #46464646 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46464646), color-stop(100%, #000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #46464646 0%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #46464646 0%, #000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #46464646 0%, #000000 100%); /* IE10+ */ background: linear-gradient(top, #46464646 0%, #000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46464646', endColorstr='#000000',GradientType=0); /* IE6-9 */ } #header a { color: #99CCFF !important; } #header a:hover { color: #000080 !important; } #header a.current { color: #F7941D !important; } #header p { margin-left: 10px !important; } #header #user_menu { line-height: 20px; background-color: #333; margin-top: 15px; padding-top: 7px; color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #header #user_menu ul { list-style: none; height: 20px; margin-left: 10px; } #header #user_menu ul li { float: left; padding-right: 10px; } #header #user_menu ul li span { vertical-align: middle; line-height: 17px; } #header #main_menu { line-height: 20px; font-weight: bold; margin-top: 15px; width: 100%; } #header #main_menu ul { list-style: none; height: 20px; } #header #main_menu ul li { float: left; padding-right: 8px; } #header #main_menu ul li a { vertical-align: middle; line-height: 1px; } /* Wrapper\enveloppe en rapport avec la charte graphique du client */ #wrapper { background-color: var(--main-background-color); } /* Login */ #login { padding: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0px 0px 4px #BBB; -webkit-box-shadow: 0px 0px 4px #BBB; box-shadow: 0px 0px 4px #BBB; background: #F7F7F7; /* Old browsers */ background: -moz-linear-gradient(top, #F7F7F7 0%, #DDDDDD 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(100%, #DDDDDD)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F7F7F7 0%, #DDDDDD 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F7F7F7 0%, #DDDDDD 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F7F7F7 0%, #DDDDDD 100%); /* IE10+ */ background: linear-gradient(top, #F7F7F7 0%, #DDDDDD 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#DDDDDD',GradientType=0); /* IE6-9 */ } #login h6 { color: #FFF; background-color: #464646; border: 1px solid #CECECE; padding: 5px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #login a { color: #464646; } /* Main */ #main { margin-top: 40px; /*background-color: #FFF;*/ color: var(--main-color); background-color: var(--main-background-color); border: 1px solid #CCC; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* Footer */ #footer { margin-top: 10px; color: var(--main-color); background-color: var(--main-background-color); } /* Line */ .line { margin-top: 15px; height: 1px; background: #000; } /* Button */ .button { height: 20px; display: inline-block; margin: 3px 0 6px 2px; text-decoration: none; font-weight: bold; font-size: 9px; line-height: 12px; padding: 8px 6px 0 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } .button.large { height: 24px; padding: 11px 10px 0 10px; font-size: 14px; line-height: 14px; } .button:hover { background-position: 0 -28px; } .button:hover.large { background-position: 0 -35px; } .button.orange { background-image: url('images/buttons/button_orange.png'); border: 1px solid #F5B74E; color: rgb(69, 39, 9) !important;/* nb: cette valeur peut être overridée via dark-reader */ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); height: 30px !important; margin-top: 3px; padding-top: 0px; margin-bottom: 3px; margin-right: 2px; } .button.large.orange { background-image: url('images/buttons/button_orange_large.png'); } .button:hover.orange { border: 1px solid #D29A3A; } button.button { height: 30px !important; padding: 2px 6px 0 6px !important; } /* Form */ form label { display: inline; float: left; width: 220px; font-family: Arial, sans-serif; font-size: 13px; color: var(--main-color); } form label span { font-size: 1.2em; color: #FF7200; } form input[type="text"], form input[type="password"], form textarea, form select { padding: 5px; font-family: Arial, sans-serif; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; outline: none; background-color: #ccf; color: darkblue; } form input[type="checkbox"], form input[type="radio"] { background: none; border: 0; padding: 0; } /* stretch an img at 100% inside its div */ .img_stretched_in_its_div { height: 100%; width: 100%; object-fit: cover; } /* GroupBox */ .box { border: 1px solid #E4E4E4; margin: 15px 15px 15px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 2px 3px #DEDEDE; -moz-box-shadow: 0 2px 3px #DEDEDE; -webkit-box-shadow: 0 2px 3px #DEDEDE; } /* arrières-plans pour distinguer zô de saisie */ .backgroundDarkBlue { background: rgb(0, 51, 204); color: white; } /* iframe effet incrusté */ .iframe_incrustation { position: relative; left: 2px; /* 99% pour que les px de bordure ne débordent pas de leur parent-conteneur */ width: 99%; height: 100%; border: 6px solid #578899; border-style: inset; } /* tableau filtre-liste des produits */ #tblFiltreListe td { background-color: #A9A9A9; } #tblFiltreListe th, td { text-align: left; /* cô la propr. généraliste de 960Grid\table.css */ } /* forme un encadrement simple */ .divCadre { background-color: var(--main-background-color); color: var(--main-color); border: solid windowtext .5pt; border-color: white; padding: 1.0pt 4.0pt 1.0pt 4.0pt; } /* attr. readonly="readonly" ou disabled="disabled" */ .readonly, .disabled { background-color: #333 !important/*grisé*/; color: white !important; border: none; }