Uncategorised

Protected: Responsive Tables Proof

*{margin:0;padding:0}body{}.tsc-table-wrap{margin:50px auto;max-width:1140px}p{margin:20px 0}table{width:100%;border-collapse:collapse}tr:nth-of-type(odd){background:#eee}th{background-color:#a178d1;padding: 8px;background-image:url(http://arenadm.com/wp-content/uploads/2016/05/logo-large-white.png);background-position:right;background-repeat:no-repeat;background-size:contain;color:#fff;font-weight:300;font-size:1.7em;font-family:Arial,Helvetica,sans-serif}td,th{padding:6px;border:1px solid #a178d1;text-align:left}.seg{font-size:.9em}.seg-time{font-weight:100;vertical-align:text-top;width:25%}.tsc-seg-title{color:#a178d1;font-weight:700;letter-spacing:-.02em;width:100%;margin-bottom:.4em}.tsc-seg-detail{text-indent:15px}@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){table,thead,tbody,th,td,tr{display:block}tr{margin-bottom:3px}td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}td:nth-of-type(1):before{content:"Time"}td:nth-of-type(2):before{content:"Segment"}td:nth-of-type(3):before{content:"Item Note"}}@media only screen Day 1 08:45 – 09:45 ...

Read more