GLPI THEME

Hello,

I have modified css to bring a new design

To install it :

copy this code in *.css file in glpi/css/palettes --

/* ===== LOGIN ===== */

#firstboxlogin { background-color: #006573; }

#logo_login { background: url(../../pics/login_logo_glpi.png) center no-repeat, #008B8D; }

#display-login { color: #FFF; }

#text-login { background-color: #008B8D; color: #FFF; }

/* ====== GENERAL ====== */

a, a:link, .ui-widget-content a { color : #006573; }

.main_form tr.headerRow th { color: #81BEAA; }

/* ====== HEADER ====== */ /* Top bar where search is located */ #header_top { background: -webkit-linear-gradient(top, #ededed 10%, #c6c6c6 90%);*/ /* Chrome10+,Safari5.1+ */ } /* language and name of the user */ #c_preference a { color: #0e628c; }

#c_recherche form #champRecherche input, #c_recherche form #champRecherche input::-webkit-input-placeholder { background-color: #096390; color: #fff; } /* Menu color - better to put same as header top */ #c_menu { background: -webkit-linear-gradient(top, #c6c6c6 10%, #ededed 90%);*/ /* Chrome10+,Safari5.1+ */ }

ul#menu a.itemP, ul#menu a.itemP1 { color: #fff; }

ul#menu ul li a { color: #30a3c6; } /* Menu color - better to put same as header top */ ul#menu > li.active , ul.ssmenu li.active { background: -webkit-linear-gradient(top, #c6c6c6 10%, #ededed 90%);*/ /* Chrome10+,Safari5.1+ */ } ul#menu > li.active > a, ul#menu ul.ssmenu li.active > a { color: #FFF; }

ul#menu > li:hover, ul#menu > li:hover > a { background-color: #0e628c; color: #fff; }

ul#menu ul li a:hover { background: #0e628c; color: #fff; }

/* ====== BUTTONS ====== */

input.submit { /* background-color: #0e628c; */

background: #ffffff; background: -webkit-linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%, #eeeeee); background: linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%, #eeeeee); border: 1px solid #7fd9f5; box-shadow: 1px 1px #30a3c6; border-radius: 7px; padding: 4px 12px; color: #000000; display: inline-block; font: normal 400 14px/1 "Calibri", sans-serif; text-align: center; text-shadow: none;

}

input.submit:hover {

padding: 5px14px; box-shadow: none; } a.vsubmit {

background: #ffffff; background: -webkit-linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%, #eeeeee); background: linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%, #eeeeee); border: 1px solid #7fd9f5; box-shadow: 1px 1px #30a3c6; border-radius: 7px;

padding: 4px 12px; color: #000000; display: inline-block; font: normal 400 14px/1 "Calibri", sans-serif; text-align: center; text-shadow: none;

}

a.vsubmit:hover { padding: 5px14px; box-shadow: none; }

/* ====== BREADCRUMB ====== */

#c_ssmenu2 .breadcrumb_item:nth-of-type(3) { background-color: #0e628c; } #c_ssmenu2 .breadcrumb_item:nth-of-type(3) a { color: #fff; } #c_ssmenu2 .breadcrumb_item:nth-of-type(3):after { border-left-color: #0e628c; }

---