Years | Cartoon Theater

/* ----------------------------------------- */ /* Content Template: Loop item in Years - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Years - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: 4 Columns Grid Cartoons - start */ /* ----------------------------------------- */ ul.cartoons { margin: 0 0 1em; padding: 0; list-style: none; clear: both; } ul.cartoons:before, ul.cartoons:after { content: " "; display: table; } li.cartoon-item { list-style: none; float: left; margin: 0 3.8% 1.5em 0; padding: 0; position: relative; width: 22.05%; } li.cartoon-item:nth-child(4n+5) { clear: both; } li.cartoon-item:nth-child(4n) { margin-right: 0px; } @media screen and (max-width: 640px) { li.cartoon-item { width: 48%; } li.cartoon-item:nth-child(4n+5) { clear: none; } li.cartoon-item:nth-child(2n) { margin-right: 0px; } } @media screen and (max-width: 375px) { li.cartoon-item { width: 100%; margin-right: 0; float: none } } /* ----------------------------------------- */ /* Content Template: 4 Columns Grid Cartoons - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Cartoons - start */ /* ----------------------------------------- */ .cartoon-thmb { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; height: auto; display: block; margin: 0 0 0.3em; box-shadow: none; } .tint { position: relative; } .tint:before { content: ""; display: block; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,63,115,0); } a:hover .tint:before { background: rgba(255,63,115,0.3); } ul.cartoons h3 { color: #000; font-size: 15px; margin: 0; margin-bottom: 3px; padding: 0; text-transform: capitalize; } p.country { font-size: 11px; } /* ----------------------------------------- */ /* Content Template: Loop item in Cartoons - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item Taxonomy Count - start */ /* ----------------------------------------- */ ul.taxonomy-list li { margin: 0; list-style: none; padding: 5px 10px; font-size: 0.75em; display: block; background-color: #f7f7f7; margin-bottom: 5px; border: 1px solid #efefef; } ul.taxonomy-list:before, ul.taxonomy-list:after { content: " "; display: table; } ul.taxonomy-list li span { font-size: 10px; color: #ff1b6d; } ul.taxonomy-list li img { margin-right: 3px; } /* ----------------------------------------- */ /* Content Template: Loop item Taxonomy Count - end */ /* ----------------------------------------- */