Dashticz - Custom CSS

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: robgeerts, htilburgs

schorrie
Posts: 7
Joined: Friday 09 February 2018 15:15
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Dashticz - Custom CSS

Post by schorrie » Friday 23 February 2018 13:22

damn, off course, stupid of me

thx for the correction

Vomera
Posts: 18
Joined: Wednesday 06 September 2017 9:11
Target OS: Linux
Domoticz version:
Contact:

Re: Dashticz - Custom CSS

Post by Vomera » Monday 14 May 2018 11:59

Is there a way to activate a block ?
I have the garbage block and it looks like it is inactive, the color of the bin and text are darker then the rest of the blocks.

edit: not needed anymore
Last edited by Vomera on Tuesday 15 May 2018 17:12, edited 1 time in total.

Wheeling
Posts: 7
Joined: Tuesday 02 May 2017 15:14
Target OS: Raspberry Pi
Domoticz version: 3.5877
Location: Holland
Contact:

Re: Dashticz - Custom CSS

Post by Wheeling » Monday 14 May 2018 21:19

Is it possible to enlarge the textbox so that the text fits next to eachother in the textbox?
Deshticz.png
Deshticz.png (133.07 KiB) Viewed 92 times
PS. keep up the good work on Dashticz :)

User avatar
EdwinK
Posts: 1148
Joined: Sunday 22 January 2017 22:46
Target OS: Raspberry Pi
Domoticz version: BETA
Location: Rhoon
Contact:

Re: Dashticz - Custom CSS

Post by EdwinK » Thursday 17 May 2018 14:15

Screen Shot 2018-05-17 at 14.12.44.png
Screen Shot 2018-05-17 at 14.12.44.png (256.87 KiB) Viewed 52 times
It looks like the tile for the sunscreen is a bit too big. Tried several things in custom.css, but can't get it to be the same size as the other tiles.

This is what I have in custom.css

Code: Select all

h1, h2, h3, h4, h5, h6 {
font-family: 'tahoma';
margin: 0px;
margin-left: 15px;
font-weight: 900;
font-size: 200%;
}

/* Schakelaars */
.fa.fa-lightbulb-o.on           {color:#00FF00;}
.fa.fa-lightbulb-o.off          {color:#ff0000;}
.fa.fa-tv.on                    {color:#00FF00;}
.fa.fa-tv.off                   {color:#ff6666;}
.fa.fa-file-movie-o.on          {color:#00FF00;}
.fa.fa-file-movie-o.off         {color:#ffff00;}
.fa.fa-music.on                 {color:#00FF00;}
.fa.fa-music.off                {color:#0099ff;}
.fa.fa-power-off.off.on         {color:#00FF00;}
.fa.fa-power-off.off            {color:#ff8000;}
.fa-toggle-on.on                {color:#00FF00;}
.fa-toggle-on.off               {color:#ff0000;}
.fa-sign-out.on                {color:#00FF00;}
.fa-sign-out.off               {color:#ff0000;}


/* Weather */
.wi                             {color:#fff000;}

.fa-lightbulb-o:before          {font-size: 25px;}
.fa.fa-tv.on:before             {font-size: 25px;}
.fa.fa-tv.off:before            {font-size: 25px;}
.fa.fa-file-movie-o.on:before   {font-size: 25px;}
.fa.fa-file-movie-o.off:before  {font-size: 25px;}
.fa.fa-music.on:before          {font-size: 25px;}
.fa.fa-music.off:before         {font-size: 25px;}
.fa.fa-power-off.off.on:before  {font-size: 25px;}
.fa.fa-power-off.off:before     {font-size: 25px;}
.fa-toggle-on.on:before         {font-size: 25px;}
.fa-toggle-on.off:before        {font-size: 25px;}
fa-sign-out:before              {font-size: 25px;}




/* Calendar font modifications with NO icon active */

.col-xs-12.items {
   font-size: 15px;
}


.transbg.col-xs-1,
.transbg.col-xs-2,
.transbg.col-xs-3,
.transbg.col-xs-4,
.transbg.col-xs-5,
.transbg.col-xs-6,
.transbg.col-xs-7,
.transbg.col-xs-8,
.transbg.col-xs-9,
.transbg.col-xs-10,
.transbg.col-xs-11,
.transbg.col-xs-12 {
padding-top:15px;
padding-bottom:15px;
border: 3px solid rgba(255,255,255,0);	/* border: 7px -> 3px - Smaller space between blocks */
background: rgba(0,0,0,0.2);	
background-clip: padding-box;
}
Running latest BETA on a Pi-3 | Toon Thermostat | RFxcom | Dashticz V2 |

Post Reply

Who is online

Users browsing this forum: Wheeling and 3 guests