0

Page styling

c01000100 2 years ago updated 2 years ago 2

Would you mind terribly applying the following style adjustments to make this look just a hair more professional?  Love the site, just needs some polish!

.tableStyle, .tableStyleGrey, .tableStyleGreen {
box-shadow: 5px 5px 10px #ccc;
}

#contentliquid #content table tbody tr td {
max-width: 1em;
}

#contentliquid #content table tbody tr:first-child td:first-child {
max-width: 3em;
}

table.calendar td {
vertical-align: top;
}

For the more advanced, your results could look like this...

The Service King graphic is normally the "hardware" graphic.  Was just playing with substitutions.



Would advise folks using Chrome to add the stylebot extension to allow custom styling for specific pages of your choosing.  From there add the following to teslafi.com page:

#contentliquid #content table tbody tr td {
max-width: 1em;
}

#contentliquid #content table tbody tr:first-child td:first-child {
max-width: 3em;
}

.tableStyle, .tableStyleGrey, .tableStyleGreen, .tableStyleSticky, .tableStyleBlue {
box-shadow: 5px 5px 10px #ccc;
}

table.calendar td {
vertical-align: top;
}

#headerCharging {
padding-left: 0px;
padding-right: 0px;
}

It cleans up the UI a bit.  If you like the results, please show it by giving this feature request a thumbs up.  Thanks!