View: searchpub

/* ----------------------------------------- */ /* View slug: searchpub - start */ /* ----------------------------------------- */ table { border: 1px solid #dd3333; } .thead { color: red !important; } .operator { width: 14%; padding: 5px; color: white !important; } .occurence { width: 11%; padding: 5px } .reg_no { width: 10% } .s_no { width: 7% } .download { width: 11% } /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 50%; padding-right: 10px; white-space: nowrap; } /* ----------------------------------------- */ /* View slug: searchpub - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-publication - start */ /* ----------------------------------------- */ body { border: 0px; padding: 0px; } #table_class { } /* ----------------------------------------- */ /* Content Template: loop-item-in-publication - end */ /* ----------------------------------------- */