Theme et Style domoticz

Venez nous montrer ici vos relookings de Domoticz. Thèmes, styles, custom pages ici c'est le coin du design,
asem
Messages : 34
Inscription : 16 févr. 2015, 00:15
Localisation : Bas Rhin (67)

Re: Theme et Style domoticz

Messagepar asem » 04 avr. 2015, 02:03

Quelque petite correction

Code : Tout sélectionner

 /* ------- fonts */
@font-face {
   font-family: "OpenSans";
   font-style: normal;
   src: url('fonts/OpenSans.ttf');
   src: local('OpenSans'), url('fonts/OpenSans.ttf') format('truetype');
}
@font-face {
   font-family: "DroidSans";
   font-style: normal;
   src: url('fonts/DroidSans.ttf');
   src: local('DroidSans'), url('fonts/DroidSans.ttf') format('truetype');
}
@font-face {
   font-family: "Digit";
   font-style: normal;
   src: url('fonts/digit.ttf');
   src: local('Digit'), url('fonts/digit.ttf') format('truetype');
}
/* ------- body */
body {
/*background: #000 url(images/imgbg.jpg) repeat center top !important; */
background: black 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-gris v2";
}
/* ------- 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: 10px !important;
  border: 0px;
   background-color: #111;
  background-image: -moz-linear-gradient(center top , #333, #000);
    -moz-box-shadow: 0px -5px 10px 3px #000;
    -webkit-box-shadow: 0px -5px 10px 3px #000;
    -o-box-shadow: 0px -5px 10px 3px #000;
    box-shadow: 0px -5px 20px 3px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}
/* -------  baniere haut de page */
.bannercontent {
   padding-top: 90px !important;
}
/* ------- bouton menu */
.navbar .nav li a {
    text-decoration: none;
    text-transform: none;
    border: 0px !important;
    border-radius: 0px;
    font-family: Open Sans,sans-serif;
    padding: 10px;
    font-weight: normal !important;
    text-align: center;
    color: #aaa;
    background-image: none;
     background-color: #555;
    background-image: -moz-linear-gradient(center top , #444, #050505);
}
.navbar .nav li:hover a:hover {
    color: #FFF;
    background-color: #444 !important;
    background-image: none;
}
.navbar .nav .current_page_item > a {
     border-radius: 0px;
    color: #fff;
    background-color: #444;
    background-image: -moz-linear-gradient(center top , #999, #050505);
}
/* ------- menu deroulant */
.navbar .nav .dropdown-menu {
    border: 0px !important;
    font-family: Open Sans,sans-serif;
    padding: 5px;
    border-radius: 0px;
    background-color: #555;
    background-image: none;
    background-image: -moz-linear-gradient(center top , #555, #050505);
}
/* ------- 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: #666;
}
/* ------- version */
.brand h2{
   padding:0px !important;    width: 200px; font-size:12px;
   background-color: transparent;
  color: #555;
   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: #1a1a1a;
   padding: 5px;
   padding-left: 15px;   
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
    -moz-box-shadow:inset 0px -5px 10px 3px #000;
    -webkit-box-shadow:inset 0px -5px 10px 3px #000;
    -o-box-shadow:inset  0px -5px 10px 3px #000;
    box-shadow:inset  0px -5px 10px 3px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}

/* ------- 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: #555;
    border-radius: 0px;
    line-height: 2.0em;
    text-decoration: none;
    text-transform: none;
    font-size: 1em;
    color: #999;
    outline: medium none;
    cursor: pointer;
    overflow: hidden;
    -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 10px 0px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}
.btnstyle:hover, .btnstylerev:hover {
   color: #ccc;
  background-image: none;
  background-color: #444;
}
/* ------- 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 {
     padding-bottom: 10px !important;
    background-color: #333 !important;
    border-radius: 5px;
    -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 10px 0px #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;
    width: 100% !important;
    height: 20px !important;
    padding: 5px;   
    border-style: none;
    border-radius: 0px !important;
    color: #eee;
    background-color: #111 !important;;
     font-family: Droid Sans,sans-serif !important;
     margin-top: -5px;
     margin-left: -5px;
}
/* ------- 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: #aaccff;
    background-color: #111 !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;
    margin: -35px 3px 0px 0px;
    font-size: 200%;
    font-weight: normal;
    white-space: nowrap;
    color: #fff;
    font-family: Opensans,Droid Sans,sans-serif !important;
     background-color: #111 !important;
    border-bottom-left-radius: 15px;
    padding-left:10px;
    padding-right:8px;
    min-width:120px;
    text-align: center;
    margin: -35px -5px 0px 0px;
    /* -moz-box-shadow: 0px 0px 10px 0px #000;
    -webkit-box-shadow: 0px 0px 10px 0px #000;
    -o-box-shadow: 0px 0px 10px 0px #000;
    box-shadow:  0px 0px 10px 0px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=10);*/
}

/*-------- 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{
    float: right;
    margin: -35px 3px 0px 0px;
    font-size: 200%;
    font-weight: normal;
    white-space: nowrap;
    color: #fff;
    font-family: Opensans,Droid Sans,sans-serif !important;
     background-color: #111 !important;
    border-bottom-left-radius: 15px;
    padding-left:10px;
    padding-right:8px;
    min-width:110px;
    text-align: center;
    margin: -35px -5px 0px 0px;
}

/* ------- titre celule */
#name {
   background-color: #111 !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 #aaccff 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%;
   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: 25px;
}

.dimslider, .ui-slider-handle .ui-corner-all {
border-radius: 6px !important;
border-style: hidden;
}
.dimslider .ui-corner-all {
border-radius: 6px !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;
 
}



Modifié le: 05/04/2015 01:08
RPI B+ & B2 | Domoticz | 1-wire | Danfoss | Synology | arduino | esp8266 | modbus | camera | IPXv4

Disable adblock

This site is supported by ads and donations.
If you see this text you are blocking our ads.
Please consider a Donation to support the site.


vil1driver
Messages : 4382
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: Theme et Style domoticz

Messagepar vil1driver » 25 mai 2015, 17:07


Domoticz v3.9203 (ubuntu server) OpenZwave v1.4-3000 (zwave+ sigma designs) rfxtrx433 fw1015T1

433mhz : thgn800, ms13e2, phenix, Di.O, zk1pa, creasol sender
868mhz : fgms-001, fgfs-101, dsd37-zweu, ZW098


modules.lua

deennoo
Messages : 3978
Inscription : 25 janv. 2015, 02:00

Re: Theme et Style domoticz

Messagepar deennoo » 28 sept. 2015, 12:06

Je viens d'installer ton theme et je trouve super (plus a mon gout que 06)

Je rencontre un probleme de declage d'icone :

decalage affichage.JPG
decalage affichage.JPG (14.61 Kio) Consulté 5518 fois


Dans le 06 tu as pu corriger ceci, que dois modifier ?
De quoi se faire Plaisir et essayer d'aider...
http://www.domo-attitude.fr

vil1driver
Messages : 4382
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: Theme et Style domoticz

Messagepar vil1driver » 28 sept. 2015, 15:27

T'as bien vidé le cache ?

Domoticz v3.9203 (ubuntu server) OpenZwave v1.4-3000 (zwave+ sigma designs) rfxtrx433 fw1015T1

433mhz : thgn800, ms13e2, phenix, Di.O, zk1pa, creasol sender
868mhz : fgms-001, fgfs-101, dsd37-zweu, ZW098


modules.lua

Disable adblock

This site is supported by ads and donations.
If you see this text you are blocking our ads.
Please consider a Donation to support the site.


deennoo
Messages : 3978
Inscription : 25 janv. 2015, 02:00

Re: Theme et Style domoticz

Messagepar deennoo » 28 sept. 2015, 19:36

Oui chef tous les caches.

On voit bien le last en gris foncé.

C'est un device Somfy, peut etre que cela compte
De quoi se faire Plaisir et essayer d'aider...
http://www.domo-attitude.fr

asem
Messages : 34
Inscription : 16 févr. 2015, 00:15
Localisation : Bas Rhin (67)

Re: Theme et Style domoticz

Messagepar asem » 01 oct. 2015, 22:25

bonjour

édite le fichier "custom.css" et remplace son contenu par ça:

asem a écrit :Quelque petite correction

Code : Tout sélectionner

 /* ------- fonts */
@font-face {
   font-family: "OpenSans";
   font-style: normal;
   src: url('fonts/OpenSans.ttf');
   src: local('OpenSans'), url('fonts/OpenSans.ttf') format('truetype');
}
@font-face {
   font-family: "DroidSans";
   font-style: normal;
   src: url('fonts/DroidSans.ttf');
   src: local('DroidSans'), url('fonts/DroidSans.ttf') format('truetype');
}
@font-face {
   font-family: "Digit";
   font-style: normal;
   src: url('fonts/digit.ttf');
   src: local('Digit'), url('fonts/digit.ttf') format('truetype');
}
/* ------- body */
body {
/*background: #000 url(images/imgbg.jpg) repeat center top !important; */
background: black 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-gris v2";
}
/* ------- 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: 10px !important;
  border: 0px;
   background-color: #111;
  background-image: -moz-linear-gradient(center top , #333, #000);
    -moz-box-shadow: 0px -5px 10px 3px #000;
    -webkit-box-shadow: 0px -5px 10px 3px #000;
    -o-box-shadow: 0px -5px 10px 3px #000;
    box-shadow: 0px -5px 20px 3px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}
/* -------  baniere haut de page */
.bannercontent {
   padding-top: 90px !important;
}
/* ------- bouton menu */
.navbar .nav li a {
    text-decoration: none;
    text-transform: none;
    border: 0px !important;
    border-radius: 0px;
    font-family: Open Sans,sans-serif;
    padding: 10px;
    font-weight: normal !important;
    text-align: center;
    color: #aaa;
    background-image: none;
     background-color: #555;
    background-image: -moz-linear-gradient(center top , #444, #050505);
}
.navbar .nav li:hover a:hover {
    color: #FFF;
    background-color: #444 !important;
    background-image: none;
}
.navbar .nav .current_page_item > a {
     border-radius: 0px;
    color: #fff;
    background-color: #444;
    background-image: -moz-linear-gradient(center top , #999, #050505);
}
/* ------- menu deroulant */
.navbar .nav .dropdown-menu {
    border: 0px !important;
    font-family: Open Sans,sans-serif;
    padding: 5px;
    border-radius: 0px;
    background-color: #555;
    background-image: none;
    background-image: -moz-linear-gradient(center top , #555, #050505);
}
/* ------- 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: #666;
}
/* ------- version */
.brand h2{
   padding:0px !important;    width: 200px; font-size:12px;
   background-color: transparent;
  color: #555;
   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: #1a1a1a;
   padding: 5px;
   padding-left: 15px;   
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
    -moz-box-shadow:inset 0px -5px 10px 3px #000;
    -webkit-box-shadow:inset 0px -5px 10px 3px #000;
    -o-box-shadow:inset  0px -5px 10px 3px #000;
    box-shadow:inset  0px -5px 10px 3px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}

/* ------- 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: #555;
    border-radius: 0px;
    line-height: 2.0em;
    text-decoration: none;
    text-transform: none;
    font-size: 1em;
    color: #999;
    outline: medium none;
    cursor: pointer;
    overflow: hidden;
    -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 10px 0px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}
.btnstyle:hover, .btnstylerev:hover {
   color: #ccc;
  background-image: none;
  background-color: #444;
}
/* ------- 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 {
     padding-bottom: 10px !important;
    background-color: #333 !important;
    border-radius: 5px;
    -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 10px 0px #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;
    width: 100% !important;
    height: 20px !important;
    padding: 5px;   
    border-style: none;
    border-radius: 0px !important;
    color: #eee;
    background-color: #111 !important;;
     font-family: Droid Sans,sans-serif !important;
     margin-top: -5px;
     margin-left: -5px;
}
/* ------- 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: #aaccff;
    background-color: #111 !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;
    margin: -35px 3px 0px 0px;
    font-size: 200%;
    font-weight: normal;
    white-space: nowrap;
    color: #fff;
    font-family: Opensans,Droid Sans,sans-serif !important;
     background-color: #111 !important;
    border-bottom-left-radius: 15px;
    padding-left:10px;
    padding-right:8px;
    min-width:120px;
    text-align: center;
    margin: -35px -5px 0px 0px;
    /* -moz-box-shadow: 0px 0px 10px 0px #000;
    -webkit-box-shadow: 0px 0px 10px 0px #000;
    -o-box-shadow: 0px 0px 10px 0px #000;
    box-shadow:  0px 0px 10px 0px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=10);*/
}

/*-------- 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{
    float: right;
    margin: -35px 3px 0px 0px;
    font-size: 200%;
    font-weight: normal;
    white-space: nowrap;
    color: #fff;
    font-family: Opensans,Droid Sans,sans-serif !important;
     background-color: #111 !important;
    border-bottom-left-radius: 15px;
    padding-left:10px;
    padding-right:8px;
    min-width:110px;
    text-align: center;
    margin: -35px -5px 0px 0px;
}

/* ------- titre celule */
#name {
   background-color: #111 !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 #aaccff 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%;
   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: 25px;
}

.dimslider, .ui-slider-handle .ui-corner-all {
border-radius: 6px !important;
border-style: hidden;
}
.dimslider .ui-corner-all {
border-radius: 6px !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;
 
}



Modifié le: 05/04/2015 01:08
RPI B+ & B2 | Domoticz | 1-wire | Danfoss | Synology | arduino | esp8266 | modbus | camera | IPXv4

deennoo
Messages : 3978
Inscription : 25 janv. 2015, 02:00

Re: Theme et Style domoticz

Messagepar deennoo » 02 oct. 2015, 08:52

asem a écrit :bonjour

édite le fichier "custom.css" et remplace son contenu par ça:



Parfait nickel merci pour cette correction rapide !
De quoi se faire Plaisir et essayer d'aider...
http://www.domo-attitude.fr

vil1driver
Messages : 4382
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: Theme et Style domoticz

Messagepar vil1driver » 02 oct. 2015, 15:10

Rapide lol, tu m'ettones, c'est une auto citation d'il y à 5 mois :D
2 messages au dessus du tiens.. 8-)

Domoticz v3.9203 (ubuntu server) OpenZwave v1.4-3000 (zwave+ sigma designs) rfxtrx433 fw1015T1

433mhz : thgn800, ms13e2, phenix, Di.O, zk1pa, creasol sender
868mhz : fgms-001, fgfs-101, dsd37-zweu, ZW098


modules.lua

asem
Messages : 34
Inscription : 16 févr. 2015, 00:15
Localisation : Bas Rhin (67)

Re: Theme et Style domoticz

Messagepar asem » 02 oct. 2015, 20:49

vil1driver a écrit :Rapide lol, tu m'ettones, c'est une auto citation d'il y à 5 mois :D
2 messages au dessus du tiens.. 8-)


:lol: :lol: :lol: :lol: :lol:

démasqué :shock: :lol:
RPI B+ & B2 | Domoticz | 1-wire | Danfoss | Synology | arduino | esp8266 | modbus | camera | IPXv4

gwada28
Messages : 3
Inscription : 01 oct. 2015, 22:54
Localisation : vers Molsheim (67)

Re: Theme et Style domoticz

Messagepar gwada28 » 05 oct. 2015, 22:29

Merci pour ce partage, tout n'est pas évident pour moi, car Domoticz est installé sur mon Synology et déplacer les fichiers n'ai pas aisé.
ca donne un bon coup de jeune a l'appli.
:D
Domoticz (sur Synology DS 1812+) - FGS x1 - FGSD x1 - FGMS x2 - FGK x1 - Aeon Stick Gen5

Disable adblock

This site is supported by ads and donations.
If you see this text you are blocking our ads.
Please consider a Donation to support the site.



Revenir vers « Thèmes et Styles »

Qui est en ligne ?

Utilisateurs parcourant ce forum : ziurg et 1 invité