JSFiddle - React, Tailwind, and code Playground
HTML
<ul class='alien'>
<li> me default </li>
<li> me red </li>
</ul>
<ul>
<li> me default </li>
<li> me red </li>
</ul>
CSS
body {
font-family: 'Open Sans', sans-serif;
color: #868686;
}
/*
Light 300
Normal 400
Normal 400 Italic
Medium 500
Medium 500 Italic
Bold 700.main-search button
*/
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
h1 {
display: inline-block;
width: 100%;
color: #333;
font: 30px/30px "Open Sans", sans-serif;
margin: 0 0 16px;
}
h2 {
display: inline-block;
width: 100%;
color: #333;
font: 25px/25px "Open Sans", sans-serif;
margin: 0 0 6px;
}
h3 {
display: inline-block;
width: 100%;
color: #333;
font: 20px/20px "Open Sans", sans-serif;
}
h4 {
display: inline-block;
width: 100%;
color: #333;
font: 18px/18px "Open Sans", sans-serif;
}
h5 {
color: #333;
font: 16px/16px "Open Sans", sans-serif;
}
h6 {
color: #333;
font: 14px/14px "Open Sans", sans-serif;
}
p {
margin: 0 0 24px;
color: #333;
font: 14px/24px "Open Sans",sans-serif;
}
p a {
color: #ffa240;
text-decoration: underline;
}
p a:hover {
color: #f36f31;
text-decoration: none;
}
blockquote {
display: block;
width: 100%;
clear: both;
}
blockquote p {
color: #333;
font: bold 14px/24px "Open Sans",sans-serif;
}
ul {list-style:none!important; margin: 0; padding: 0;}
input,textarea, a:focus {outline:none;}
a, a:focus {
color: #ffa240;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.container {
margin: 0 auto;
display: block;
}
/*listMarket*/
.listMarket li:before {
background: none repeat scroll 0 0 #ffa240;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
content: "";
display: block;
height: 6px;
left: 0;
position: absolute;
top: 5px;
width: 6px;
}
.listMarket li {
color: #595858;
font: 14px/14px "Open Sans",sans-serif;
padding: 0 0 0 15px;
position: relative;
...
JavaScript
/*
Theme Name: spbkursof
*/
.tab-content ul li:before{
background: none repeat scroll 0 0 #ffa240;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
content: "";
display: block;
height: 6px;
left: 0;
position: absolute;
top: 5px;
width: 6px;
}
.tab-content ul li {
color: #595858;
font: 14px/14px "Open Sans",sans-serif;
padding: 0 0 0 15px;
position: relative;
text-align: left;
margin: 0 0 10px;
}
.align-center{text-align: center;
margin: auto!important;}
.pagination > li {
display: inline-block;
margin-left: 5px;
}