Use color for ul li (circle, disk & square)
Closed this issue · 2 comments
cmoulliard commented
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 commented
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 commented