How to Filter and Sort Book Searches: A Step-By-Step Guide

ul>li>a
width: 100%;

#filtros .box-list ul
font-size: 1em;

#filtros .box-list ul li
display: flex;
padding: 0px 10px 0px 10px;
font-size: 0.8em;
background: none;
border: none;
font-size: 10pt;
margin: 2px 0px;

#filtros .box-list ul *
cursor: pointer;

#filtros .box-list ul input
width: 12px;
margin: auto 5px;

#filtros .box-list ul li a:hover
color: #ff5a00;

#filtros .box-list ul li ul li
text-decoration: none;
line-height: 21px;
color: #000;
width: 100%;

#filtros .box-list ul li.opened a
font-weight: normal;

#filtros .box-list ul li a.opened
font-weight: 700;
color: #ff5a00;
display: flex;
width: 100%;

#filtros .box-list ul li a.opened span.cat-title
width: 100%;
overflow: hidden;
text-overflow: ellipsis;

#filtros .box-list ul li a.opened li
width: 100%;
overflow: hidden;
text-overflow: ellipsis;

#filtros .box-list ul li ul li a:before
content: ”;

#filtros .box-list ul li a,
#filtros .box-list ul li ul li a
font-family: Helvetica,sans-serif;
white-space: unset;
margin: 0;
width: 92%;
color: #000;
letter-spacing: normal;
text-transform: none;

#filtros .box-list ul input
transform: scale(1.3);

#filtros
border: 1px solid #ccc;

#filtros .box-list p.subtitulofiltro
color: var( –naranjo );
background: transparent;
text-transform: uppercase;
font-weight: 800;
font-size: 1.3em;
letter-spacing: 0.05em;
border: none;
margin-top: 10px;
display: block !important;
padding: 0 0 5px 9px;

#filtros .box-list h6
font-size: 1.3em;
text-transform: uppercase;
font-weight: 800;
margin: 0 0 8px 10px;
letter-spacing: 0.05em;

@media ( max-width: 500px )
.categories.col-left
display: none;

]]> div
display: flex;
align-items: center;

#categoriasdeploy > div > *
margin: 0 20px;

#categoriasdeploy > div > p
color: white;
font-size: 1.8em;
letter-spacing: 0.05em;

#categoriasdeploy > div > img
width: 20px;

.categoriasdeployed-fondo
display: none;
background: black;
opacity: 0.7;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;

#categoriasdeployed
display: none;
position: fixed;
height: 500px;
background: white;
z-index: 5;
left: 0;
right: 0;
width: 80%;
margin: 0 auto;
padding: 20px;
border-radius: 20px;
top: 150px;

#categoriasdeployed > div
overflow: hidden;
overflow-y: scroll;
overflow-x: hidden;
white-space: nowrap;
height: 88%;

#categoriasdeployed > div > h5
color: black;
font-size: 2em;
margin: 0;
padding: 0;
text-transform: uppercase;

#categoriasdeployed > div > h6
color: var( –nanrajoOficial );
font-size: 1.8em;
margin: 40px 0 0 0;
padding: 0;
text-transform: uppercase;

#categoriasdeployed > div > ul
#categoriasdeployed > div > ul > li
width: 100%;
height: 15px;
margin-top: 20px;

#categoriasdeployed > div > ul > li > a
color: black;

#categoriasdeployed > div > ul > li > a > span
#categoriasdeployed > div > ul > li > input
#categoriasdeployed > div > ul > li > input ~ a
margin-left: 18px;

#categoriasdeployed > div > ul > li > input[type=checkbox]
position: relative;
cursor: pointer;

#categoriasdeployed > div > ul > li > input[type=checkbox]:before
content: “”;
display: block;
position: absolute;
width: 18px;
height: 18px;
top: 0;
left: 0;
border: 2px solid #555555;
border-radius: 3px;
background-color: white;

#categoriasdeployed > div > ul > li > input[type=checkbox]:checked:after
content: “”;
display: block;
width: 5px;
height: 10px;
border: solid var( –naranjoOficial );
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 3px;
left: 8px;

#categoriasdeployed > div::-webkit-scrollbar-thumb
border-radius: 10px;
background-color: var( –naranjoOficial );
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);

#categoriasdeployed > div::-webkit-scrollbar
width: 7px;
height: 10px;
background-color: var( –naranjoOpaco );

#categoriasdeployed > button.cerrarCategorias
background: var( –naranjoOficial );
color: white;
border: none;
text-transform: uppercase;
width: 70%;
height: 40px;
margin-top: 10px;
font-size: 1.5em;
letter-spacing: 0.05em;
font-weight: 100;
position: fixed;
bottom: 50px;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;

#filtros .box-list
display: block;

#filtros .box-list ul li
background: transparent;
border: none;

}
]]>

Category

• Artes
• Biographies, Literature and Literary Studies
• Earth Sciences, Geography, Environment, Planning
• Computing and Information Technology
• Consultation, Information and Interdisciplinary Matters
• Sports and Outdoor Leisure Activities
• Right
• Economy, Finance, Business and Management
• Lifestyles, Hobbies and Leisure
• Fiction and Related Topics
• Philosophy and Religion
• History and Archeology
• Children, Youth and Educational
• Language And Linguistics
• Math and science
• Medicine, Nursing, Veterinary
• Graphic Novel, Comic Books, Cartoons
• Health, Relationships and Personal Development
• Society and Social Sciences
• Technology, Engineering, Agriculture, Industrial Processes
• Time Period Qualifiers
• Language Qualifiers
• Place Qualifiers
• Interest Qualifiers
• Educational Purpose Qualifiers
• Style Qualifiers

You are in: