Use color for ul li (circle, disk & square)

[cmoulliard]

Currently, the objects displayed by the css are black (square, disk, circle) :

Testing this code but the paragraph is not indent

/*********************************************************************************
 * Trick to avoid to define [square] or [circle] for each item of an unordered list
 * and solve issue that we have here as we have nested lists
 * Feb 27, CHM : Added
 * Mar 04 2015, CHM: Add red colors & square, disc & circle
 *********************************************************************************/
ul li {
    list-style-type: square;
}

ul li li {
    list-style-type: disc;
}

ul li li li {
    list-style-type: circle;
}



/*.reveal ul li, ul li li, ul li li {
    color: black;
    list-style:none;
}

.reveal ul {
    margin-left: 0px; *//* Remove margin added by reveal css *//*
}

.reveal ul p {
    display: inline;
}

.reveal ul li:before {
*//*    list-style-type: square;*//*
    content: '\f0c8';
    font-family: FontAwesome;
    color: #a70000;
    font-size:0.45em;
    padding: 15px 15px 15px 0px;
}

.reveal ul li li:before {
*//*    list-style-type: circle filled;*//*
    content: '\f111';
    font-family: FontAwesome;
    color: #a70000;
    font-size:0.45em;
    padding: 15px 15px 15px 0px;
}

.reveal ul li li li:before {
*//*    list-style-type: circle line;*//*
    content: '\f10c';
    font-family: FontAwesome;
    color: #a70000;
    font-size:0.45em;
    padding: 15px 15px 15px 0px;
}*/

[cmoulliard]

Find the trick

.reveal ul li p, ul li li p, ul li li p {
    color: black;
    list-style:none;
}

.reveal ul li {
    list-style-type: square;
    color: #a70000;
}

.reveal ul li li {
    list-style-type: disc;
    color: #a70000;
}

.reveal ul li li li {
    list-style-type: circle;
    color: #a70000;
}

[cmoulliard]

Looks better