as grey 06

Forum dédié aux relookings de DomoticZ : Thèmes, styles ...
Le coin du design, c'est ici.
Répondre
asem
Messages : 34
Inscription : 16 févr. 2015, 00:15
Localisation : Bas Rhin (67)

as grey 06

Message par asem »

Bonjour!

Voici un nouveau thème en transparence et indication de l’état des capteurs... enjoy !!!
asgrey06.JPG
asgrey06.JPG (120.1 Kio) Consulté 14625 fois
lien de téléchargement: http://www.aseminfoweb.com/domoticz/as_grey_06.zip

deziper le contenu du zip,
copier le dossier "as_grey_06" dans: "/home/pi/domoticz/www/styles/" puis le sélectionner dans "configuration" > "paramètres"

à bientôt...

>>>> Mise à jour modification voir post plus bas :arrow: :arrow:
Dernière modification par asem le 17 févr. 2016, 00:07, modifié 1 fois.
RPI B+ & B2 | Domoticz | 1-wire | Danfoss | Synology | arduino | esp8266 | modbus | camera | IPXv4
Haut
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: as grey 06

Message par vil1driver »

salut,

les sliders son carrés :p
et la valeur en bleu ciel n'est pas de mon gout.
sinon super travail, bravo et merci pour le partage.
je préfère celui ci au précédent que j'aimais déjà beaucoup :D
MAJ = VIDER LE CACHE(<-Clicable)
/!\Les mises à jour de Domoticz sont souvent sources de difficultés, ne sautez pas dessus
modules.lua

Un ex domoticzien
Haut
patrice
Messages : 1720
Inscription : 22 sept. 2014, 21:51

Re: as grey 06

Message par patrice »

Hello
Je viens de tester et j'apprécie
Même les valeurs en bleu ne me choquent pas
Merci du boulot
Raspberry pi 3, Dongle RfxCom et Zigate +, plugin de pipiche, Volets Roulants profalux, contrôle d'éclairage, détecteurs de présence, alarme incendie, pilotage livebox ...
Objectif : WAF > 1
Haut
asem
Messages : 34
Inscription : 16 févr. 2015, 00:15
Localisation : Bas Rhin (67)

Re: as grey 06

Message par asem »

merci pour les compliments! :D

pour les couleurs :roll: a vous de voir il suffit de modifier à votre gout
pour la couleur des valeurs c'est ligne 339 du fichier custom.css

Code : Tout sélectionner

/*-------- text valeur */
body table#itemtablesmall tbody tr td:first-child + td,
body table#itemtablenotype tbody tr td:first-child + td,
body table#itemtable tbody tr td:first-child + td,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td,
body table#itemtabledoubleicon tbody tr td:first-child + td,
body table#itemtabletrippleicon tbody tr td:first-child + td,
body table#itemtablenostatus tbody tr td:first-child + td{
    float: right;
    font-size: 280%;
    font-weight: normal;
    margin: -35px 0 0 0;
    white-space: nowrap;
    color: #55ffff; 
    font-family: arial,Digit,Opensans,Droid Sans,sans-serif !important;
     background-color: transparent !important;
}
:lol: :lol: ;)
RPI B+ & B2 | Domoticz | 1-wire | Danfoss | Synology | arduino | esp8266 | modbus | camera | IPXv4
Haut
asem
Messages : 34
Inscription : 16 févr. 2015, 00:15
Localisation : Bas Rhin (67)

Re: as grey 06

Message par asem »

Après quelque modification et correction
dcz201602-1.jpg
dcz201602-1.jpg (122.99 Kio) Consulté 13358 fois
le petit point en haut à gauche des capteurs indique son état
> sujet sur les états: viewtopic.php?f=8&t=444

Code du fichiers custom.css

Code : Tout sélectionner

 /* ------- fonts */

/* ------- body */
body {
   /*background: #000 url(images/imgbg.jpg) repeat center top !important; */
   background: #222 url(images/imgbg.jpg) no-repeat center center fixed ;
   -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
   
}
/* ------- text apres la version */
#appversion:after {
  content: " - AS 1602";
}
/* ------- text info */
#status, #lastupdate, body table#itemtable tr td:first-child + td + td + td + td + td{color: #bbb;}
/* ------- text avant la valeur */
/* #status:before {
 content: "Val:  " !important;
 font-weight: normal;
} */
/* -------  text avant la date de mise a jour*/
body table#itemtablesmall tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td + td:before,
body table#itemtable tbody tr td:first-child + td + td + td + td + td:before ,
body table#itemtablenotype tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablenostatus tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td + td + td:before,
body table#mobileitem tbody tr td:first-child + td + td + td + td + td:before{
 content: "" !important;
}
/* -------  text avant type appareil*/
body table#itemtablesmall tbody tr td:first-child + td + td + td + td:before,
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td:before,
body table#itemtable tbody tr td:first-child + td + td + td + td:before ,
body table#itemtablenotype tbody tr td:first-child + td + td + td + td:before,
body table#itemtablenostatus tbody tr td:first-child + td + td + td + td:before,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td:before,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td:before,
body table#mobileitem tbody tr td:first-child + td + td + td + td:before{
 content: "";
}

body table#itemtablesmall tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtable tbody tr td:first-child + td + td + td + td + td:before ,
body table#itemtablenotype tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablenostatus tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td + td:before,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#mobileitem tbody tr td:first-child + td + td + td + td + td:before{
 content: "";

}

/* -------  */
.navbar .nav {margin: 0 !important;}
/* -------  bouton haut de page*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-radius: 0px !important;
}
/* -------  bouton haut de page*/
#comboroom, #combofloorplan {
   font-family: Open Sans, sans-serif;
   width: 240px;
    height: 20px;
    overflow: hidden;
    background: #888;
    border: 0px solid #000;
   color: #eee;
}
/* -------  */
#room {
font-family: Open Sans, sans-serif;
}
/* ------- copyright */
copyright {
   display: none !important;
}
#copyright a {
   text-decoration: none;
   color: #666;
}

#copyright a:hover {
   text-decoration: none;
   color: #999;
}
/* ------- barre de menu */
.navbar-inverse .navbar-inner {
   padding: 8px !important;
 border: 0px #fff solid !important;;
   background-color: transparent !important;


}
/* -------  baniere haut de page */
.bannercontent {
   padding-top: 90px !important;
}
/* ------- bouton menu */
.navbar .nav li a {
    text-decoration: none;
    text-transform: none;
    border: 1px #555 solid !important;
    border-radius: 0px;
    padding: 7px;
    font-weight: normal !important;
    text-align: center;
    color: #bbb;
    background-image: none;
     background-color: transparent !important;;

}
.navbar .nav li:hover a:hover {
    color: #FFF;
    background-image: none;
    background-color: #444 !important; 
    border: 1px #fff solid !important;
}
.navbar .nav .current_page_item > a {
    border-radius: 0px;
    padding: 7px;
    color: #fff;
    background-image: none;
    background-color: transparent !important; 
    border: 1px #ccc solid !important;
}
/* ------- menu deroulant */
.navbar .nav .dropdown-menu {
    border: 0px !important;
    padding: 5px;
    border-radius: 0px;
    background-color: #333;
    background-image: none;
}
/* ------- bouton menu */
.navbar .nav li a:hover {
   background-color: #999 !important;
   background-image: none !important;
}
/* -------  */
#timesun , #room, .room{
    background-color: transparent;
   color: #999 !important;
    float: left !important;
    padding: 5px !important;
    margin-left: -7px !important;
    margin-top: -29px !important;
   /* z-index: 1031;
    position: fixed;*/
    border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   border-color: transparent;
   font-size: 10px;
   /* display: none; */
}
/* ------- couleur titre (domoticz) */
   .brand h1{
   color: #0079C2;
}

/* ------- version */
.brand h2{
   padding:2px !important;    width: 150px; font-size:12px;
   background-color: transparent;
  color: #777;
   border-bottom-left-radius: 0px;
    -moz-box-shadow:inset 0px 0px 0px 0px #000;
    -webkit-box-shadow:inset 0px 0px 0px 0px #000;
    -o-box-shadow:inset  0px 0px 0px 0px #000;
    box-shadow:inset  0px 0px 0px 0px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=0);
}
/* ------- barre de titre groupe*/
h2{
   margin-left: 0px;
   margin-top: 10px;
   margin-bottom: 3px;
   font-family: Open Sans,sans-serif;
   text-decoration: none;
   text-transform: none;
   font-size: 1.2em;
   font-weight: 200;
   color: #fff;
   background-color: transparent;
   padding: 5px;
   padding-left: 15px;   
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
    -moz-box-shadow:inset 0px 0px 20px 0px #000;
    -webkit-box-shadow:inset 0px 0px 20px 0px #000;
    -o-box-shadow:inset  0px 0px 20px 0px #000;
    box-shadow:inset  0px 0px 20px 0px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=20);
}

/* ------- bouton haut de page */
.btnstyle, .btnstylerev {
    display: inline-block;
    height: 2.0em;
    margin-top: 0px;
    padding: 0px 10px 0px 10px;
     /*background: #555 url(images/imgbg.jpg) repeat !important;*/
    background-image: none;
      background-color: transparent;
    border-radius: 0px;
   border:1px #444 solid;
    line-height: 2.0em;
    text-decoration: none;
    text-transform: none;
    font-size: 1em;
    color: #999;
    outline: medium none;
    cursor: pointer;
    overflow: hidden;

}
.btnstyle:hover, .btnstylerev:hover {
   color: #ccc;
  background-image: none;
  background-color: #444;
  border:1px #fff solid;
}
/* ------- cellule appareil */
body table#itemtablesmall tbody tr,
body table#itemtablesmalldoubleicon tbody tr,
body table#itemtable tbody tr,
body table#itemtablenotype tbody tr,
body table#itemtablenostatus tbody tr,
body table#itemtabletrippleicon tbody tr,
body table#itemtabledoubleicon tbody tr,
body table#itemtablesmalldoubleicon tbody tr,
body table#itemtablesmalltrippleicon tbody tr,
body table#mobileitem tbody tr,
body table#itemtablesmall tbody tr:hover,
body table#itemtablesmalldoubleicon tbody tr:hover,
body table#itemtable tbody tr:hover,
body table#itemtablenotype tbody tr:hover,
body table#itemtablenostatus tbody tr:hover,
body table#itemtabletrippleicon tbody tr:hover,
body table#itemtabledoubleicon tbody tr:hover,
body table#itemtablesmalldoubleicon tbody tr:hover,
body table#itemtablesmalltrippleicon tbody tr:hover,
body table#mobileitem tbody tr:hover {

    background-color: transparent !important;
    border-radius: 0px;
     padding-bottom: 0px !important;   
   /* -moz-box-shadow:inset 0px 0px 10px 0px #000;
    -webkit-box-shadow:inset 0px 0px 10px 0px #000;
    -o-box-shadow:inset  0px 0px 10px 0px #000;
    box-shadow:inset  0px 0px 500px 2px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);*/
}

/* ------- titre celule */
body table#itemtablesmall tbody tr td:first-child,
body table#itemtablesmalldoubleicon tbody tr td:first-child ,
body table#itemtable tbody tr td:first-child,
body table#itemtablenostatus tbody tr td:first-child,
body table#itemtabledoubleicon tbody tr td:first-child ,
body table#itemtablenotype tbody tr td:first-child ,
body table#itemtabletrippleicon tbody tr td:first-child ,
body table#itemtablesmalltrippleicon tbody tr td:first-child ,
body table#mobileitem tbody tr td:first-child{
    display: block;
    font-size:130%;
    padding: 5px;   
    border-style: none;
    border-radius: 3px !important;
    color: #ffff55;
    margin-top: -13px;
    margin-left: -5px;  
    width: 7px;
    height: 7px !important;
    overflow: visible;
    margin-left: -1px !important;
    text-indent: 17px;
    margin-bottom: 25px !important;
    margin-top: -7px !important;
    padding: 0px !important;
   
}
/* ------- titre celule hover */
body table#itemtablesmall tbody tr:hover td:first-child,
body table#itemtablesmalldoubleicon tbody tr:hover td:first-child ,
body table#itemtable tbody tr:hover td:first-child,
body table#itemtablenostatus tbody tr:hover td:first-child,
body table#itemtabledoubleicon tbody tr:hover td:first-child ,
body table#itemtablenotype tbody tr:hover td:first-child ,
body table#itemtabletrippleicon tbody tr:hover td:first-child ,
body table#itemtablesmalltrippleicon tbody tr:hover td:first-child ,
body table#mobileitem tr:hover td:first-child{
    color: #ffff00;
   /* background-color: transparent !important;*/
}
/*-------- text valeur */
body table#itemtablesmall tbody tr td:first-child + td,
body table#itemtablenotype tbody tr td:first-child + td,
body table#itemtable tbody tr td:first-child + td,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td,
body table#itemtabledoubleicon tbody tr td:first-child + td,
body table#itemtabletrippleicon tbody tr td:first-child + td,
body table#itemtablenostatus tbody tr td:first-child + td{
    float: right;
    font-size: 150%;
    font-weight: normal;
    margin: -30px 2px 0px 0;
    white-space: nowrap;
    color: #ffff55;
    font-family: arial,Digit,Opensans,Droid Sans,sans-serif !important;
    background-color: transparent !important;
   /* border:0px #fff solid;*/
   


}

/*-------- text valeur double et triple*/

body table#itemtablesmalldoubleicon tbody tr td:first-child + td,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td,
body table#itemtabledoubleicon tbody tr td:first-child + td,
body table#itemtabletrippleicon tbody tr td:first-child + td{
    font-size: 150%;
}

/* ------- titre celule */
#name {
  /* background-color: transparent !important;*/
 
}

/* ------- petit bouton */
.btnsmall, .btnsmall-dis  {
   background: transparent !important;
   color: #777;
   -moz-border-radius: 0 0 0 0;
   -webkit-border-radius: 0 0 0 0;
   border-radius: 0 0 0 0;
   font-size:12px;
   margin:0px;
   padding: 3px;
   border-bottom: 5px transparent solid !important;
}
/* ------- petit bouton */
.btnsmall:hover, .btnsmall-dis:hover {
   background: transparent !important;
   color: #eee;
   -moz-border-radius: 0 0 0 0;
   -webkit-border-radius: 0 0 0 0;
   border-radius: 0 0 0 0;
   font-size:12px;
   margin:0px;
   padding: 3px;
   border-bottom: 5px #999900 solid !important;
}

/* Row Fix */
.bannav{
    margin-top: 15px;
width: 99.5% !important;
}
/* -------  couleur graphiques */
.highcharts-background{
   stroke:#333;
}

*{
   stop-color:#252525;
}

/* ------ mise en forme des sliders */
.dimslider {
   z-index:1;
   border-width: 0px;
   border-style: solide;
   border-color: #333 #333 #777 #333;
   width: 100% !important;;
   margin-top: 0px;
   max-width: 59%;
   position: absolute;
   height: 13px;
   background-color: #8e8d8d;
   /*background: url('images/bg-track.png') repeat top left;*/
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.dimslider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 25px;
   height: 25px;
   cursor: pointer;
   /*background:url('images/handle.png') no-repeat 50% 50%;*/
   font-weight: bold;
   color: #6495ED;
   border-style: none;
   outline: none;
   top: -6px;
   margin-left: -12px;
}
.dimslider .ui-slider-range {
   background: #ffffff; /* Old browsers */
   background: -moz-linear-gradient(top,  #8DD3F3 0%, #0E3957 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD3F3), color-stop(100%,#0E3957)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #8DD3F3 0%,#0E3957 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #8DD3F3 0%,#0E3957 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #8DD3F3 0%,#0E3957 100%); /* IE10+ */
   background: linear-gradient(top,  #8DD3F3 0%,#0E3957 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8DD3F3', endColorstr='#0E3957',GradientType=0 ); /* IE6-9 */
   position: absolute;
   border: 0;
   top: 0;
   height: 100%;
   border-radius: 0px;
}

.dimslider, .ui-slider-handle .ui-corner-all {
border-radius: 0px !important;
border-style: hidden;
}
.dimslider .ui-corner-all {
border-radius: 0px !important;
}

/* Mobile Dashboard items */
table.mobileitem {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
      border-style: none;
      background-color: #333;
    width: 100%;
}

.mobileitem {
    border: solid #030307 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #030307;
    -moz-box-shadow: 0 1px 1px #030307;
    box-shadow: 0 1px 1px #030307;         
      color: white;
      background-color: #333;
}

.mobileitem #name {
   background-color: #333 !important;
}
.mobileitem #name:hover {
   color: #ACF;
}
.mobileitem tr:hover {
    background: #333;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}   
   
.mobileitem td, .mobileitem th {
    border-left: 0px solid #030307;
    border-top: 1px solid #030307;
    padding: 6px;
    text-align: left;   
}

.mobileitem th {
    background-color: #111;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#030307), to(#111));
    background-image: -webkit-linear-gradient(top, #030307, #111);
    background-image: -moz-linear-gradient(top, #030307, #111);
    background-image: -ms-linear-gradient(top, #030307, #111);
    background-image: -o-linear-gradient(top, #030307, #111);
    background-image: linear-gradient(top, #030307, #111);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; 
    border-top: none;
       text-shadow: 0 0px 0 black; 
      font-weight: bold;
}

.mobileitem td:first-child, .mobileitem th:first-child {
    border-left: none;
}

.mobileitem td:last-child {
  font-weight: bold;
  text-align: right;
}

.mobileitem .btn-mini {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 10pt;
  font-weight: bold;
}

.mobileitem th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.mobileitem th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.mobileitem th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.mobileitem tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.mobileitem tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

body table#itemtablesmall tbody tr td:first-child + td + td + td + td + td#type,
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td + td#type,
body table#itemtable tbody tr td:first-child + td + td + td + td + td#type,
body table#itemtablenotype tbody tr td:first-child + td + td + td + td + td#type,
body table#itemtablenostatus tbody tr td:first-child + td + td + td + td + td#type,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td + td + #type,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td + td#type,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td + td#type,
body table#mobileitem tbody tr td:first-child + td + td + td + td + td#type{  
   font-size:0px;
   margin-top:15px;
   padding-left:52px;
}
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td + td + td#type,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td + td#type,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td + td + td#type,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td + td + td#type{  
   font-size:0px;
   margin-top:7px;
   padding-left:5px;
  
}
.span3, .span4{
   margin-top: 5px;
    -moz-box-shadow:inset  0px 2px 0px 0px #000456;
    -webkit-box-shadow:inset  0px 2px 0px 0px #000456;
    -o-box-shadow:inset  0px 2px 0px 0px #000456;
    box-shadow:inset  0px 2px 0px 0px #000456;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000456, Direction=NaN, Strength=1);
   
    border-radius: 45px 3px 20px 3px;

    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top, #000005 0%, transparent 50%, transparent 60%, #000005 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00005), color-stop(50%,transparent), color-stop(60%,transparent),color-stop(100%,#000005)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000005 0%, transparent 50%, transparent 60%, #000005 100%);; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000005 0%, transparent 50%, transparent 60%, #000005 100%);; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000005 0%, transparent 50%, transparent 60%, #000005 100%); /* IE10+ */
    background: linear-gradient(top, #000005 0%, transparent 50%, transparent 60%, #000005 100%);; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111',GradientType=0 ); /* IE6-9 */   
}
.span3:hover, .span4:hover{
    background: -moz-linear-gradient(top, #000234 0%, transparent 50%, transparent 60%, #000005 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000234), color-stop(50%,transparent), color-stop(60%,transparent),color-stop(100%,#000005)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000234 0%, transparent 50%, transparent 60%, #000005 100%);; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000234 0%, transparent 50%, transparent 60%, #000005 100%);; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000234 0%, transparent 50%, transparent 60%, #000005 100%); /* IE10+ */
    background: linear-gradient(top, #000234 0%, transparent 50%, transparent 60%, #000005 100%);; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111',GradientType=0 ); /* IE6-9 */ 
}
.ui-buttonset{
    font-size:9px;  
}
.row-fluid [class*="span"] { /* reset pour page parametres*/
   background: transparent !important;
    -moz-box-shadow:inset  0px 0px 0px 0px #000456;
    -webkit-box-shadow:inset  0px 0px 0px 0px #000456;
    -o-box-shadow:inset  0px 0px 0px 0px #000456;
    box-shadow:inset  0px 0px 0px 0px #000456;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000456, Direction=NaN, Strength=0);
}
RPI B+ & B2 | Domoticz | 1-wire | Danfoss | Synology | arduino | esp8266 | modbus | camera | IPXv4
Haut
francklek
Messages : 82
Inscription : 08 janv. 2016, 19:54

Re: as grey 06

Message par francklek »

Belle réalisation, j'adopte :P
Pi 2 / RFXtrx433E 251 / Stick Zwave Gen5 / Freebox Delta /Xiaomi gateway / Yeelight / Tablette android murale/ Google Home/RM3 mini / Domoticz V4....
Haut
mickaelr30
Messages : 210
Inscription : 29 août 2015, 15:57

Re: as grey 06

Message par mickaelr30 »

une petite question, comment vous faites pour mettre les fichiers dans domoticz ?
merci
Domoticz + Imperihome + Mydomoathome
1-wire : 12 DS18b20 + 3 DS2413
Z-Wave : 8 FGR221 + 3 FGS222 + 3 FGSD002
téléinfo : 2 modules ( consommation + production)
Mysensors+2 éclairages ws2812 et WLED
2 caméra IP +1 raspberry piscine + 1 nuc domoticz
Haut
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: as grey 06

Message par vil1driver »

avec winscp ;)

toujours visiter le blog ;)

http://easydomoticz.com/domotique-comme ... ux-debian/

Image
MAJ = VIDER LE CACHE(<-Clicable)
/!\Les mises à jour de Domoticz sont souvent sources de difficultés, ne sautez pas dessus
modules.lua

Un ex domoticzien
Haut
Ptisik
Messages : 14
Inscription : 03 mars 2016, 15:26

Re: as grey 06

Message par Ptisik »

Je n'arrive pas à l'appliquer un NAS Synology.
Il apparait bien dans la liste mais pas de changements :oops:
Haut
deennoo
Messages : 4036
Inscription : 25 janv. 2015, 02:00

Re: as grey 06

Message par deennoo »

Rafraîchie des caches de navigateur pour voir ?
De quoi se faire Plaisir et essayer d'aider...
http://www.domo-attitude.fr
Haut
Répondre

Revenir à « Thèmes et Styles »