Dlr_columns@charset "utf-8";/* 22 *//* Column Styles *//* create a media query for screen devices with minimum widths of 641 pixels. */@media only screen and (min-width:641px){ p { /* a) */ /* sets the column count to 3 */ /* Chrome, Safari, Opera */ -webkit-column-count: 3; /* Firefox */ -moz-column-count: 3; column-count: 3; /* b) */ /* sets the column gap to 20 pixels */ -webkit-column-gap: 20px; /* Chrome, Safari, Opera */ -moz-column-gap: 20px; /* Firefox */ column-gap: 20px; /* c) */ /*adds a 1-pixels solid black dividing line between columns. */ /* Chrome, Safari, Opera */ -webkit-column-rule: 1px solid black; /* Firefox */ -moz-column-rule: 1px solid black; column-rule: 1px solid black; }}Dlr_mornings<!DOCTYPE html><html><head> <!-- New Perspectives on HTML5 and CSS3, 7th Edition Tutorial 6Review Assignment DLR Morning Schedule Author: Date: 11/13/2019 Filename: dlr_mornings.html --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>DLR Morning Schedule</title> <link href="dlr_reset2.css" rel="stylesheet" /> <link href="dlr_styles2.css" rel="stylesheet" /> <link href="dlr_tables2.css"rel="stylesheet"/> <link href="dlr_columns2.css"rel="stylesheet"/></head><body> <header> <h1>Listener Supported <em>Since</em> 1975</h1> <nav> <a id="navicon" href="#"><img src="dlr_navicon2.png" alt="" /></a> <ul> <li><a href="#">Home</a></li> <li><a href="#">Schedule</a></li> <li><a href="#">Programs</a></li> <li><a href="#">Music</a></li> <li><a href="#">News</a></li> <li><a href="#">Events</a></li> <li><a href="#">Listen Live</a></li> <li><a href="#">Contact Us</a></li> </ul> </nav> </header> <div id="container"> <section id="main"> <img src="dlr_logo2.png" alt="DLR" /> <h2>DLR Morning Schedule</h2> <p>DLR airs listener-supported public radio in Bismarck, North Dakota from 5:00 a.m. to 10:30 p.m. <br />You can <a href="#">Listen Live</a> to streaming audio of our broadcast or download programs from our <a href="#">Podcast</a>.<br />Please refer below for our current morning schedule.</p><table class="programs"/> <caption>All times central</caption> <colgroup> <col class="timeColumn"/> <col class="wDayColumns"span="5"/> <col class="wEndColumns"span="2"/> </colgroup> <thead> <tr> <th>Time</th> <th>Mon</th> <th>Tue</th> <th>Wed</th> <th>Thu</th> <th>Fri</th> <th>Sat</th> <th>Sun</th> </tr> </thead> <tfoot> <tr> <td colspan="8">Support your Public Radio Station</td> </tr> </tfoot><tbody> <tr> <th>5:00</th> <td rowspan="4"colspan="5">Dawn Air</td> <td rowspan="4">Dawn Air Weekends</td> <td rowspan="2">Sunday Magazine</td> </tr> <tr> <th>6:00</th> <td rowspan="2">Weekend Reflections</td> <tr> <th>6:30</th> </tr> <tr> <th>7:00</th> <td colspan="5">Local News</td> <td rowspan="2">Weekend Wrap</td> <td rowspan="2">Radio U</td> </tr><tr> <th>7:30</th> <td colspan="5">World News Feed</td> </tr> <tr> <th>8:00</th> <td rowspan="4" colspan="5">Classical Roots</td> <td rowspan="3">What Can You Say?</td> <td rowspan="4">University on the Air</td> </tr> <tr> <th>8:30</th> </tr> <tr> <th>9:00</th> </tr> <tr> <th>9:30</th> <td rowspan="3">Animal Talk</td> </tr> <tr> <th>10:00</th> <td rowspan="4" colspan="5">Symphony City</td> <td>Word Play</td> </tr> <tr> <th>10:30</th> <td>Brain Stew</td> </tr> <tr> <th>11:00</th> <td rowspan="3">Opera Live from the East Coast</td> <td>The Inner Mind</td> </tr> <tr> <th>11:30</th> <td>Grammar Rules!!</td> </tr> <tr> <th>12:00</th> <td colspan="5">Book club</td> <td>Weekend Wrap</td> </tr> </tbody></table> </section> </div> <footer> DLR · 4300 Magnolia Lane · Bismarck, ND 58504 · (701) 555 - 5611 </footer></body></html>Dlr_tables@charset "utf-8";/* New Perspectives on HTML and CSS Tutorial 6 Review Assignment Tables Style Sheet Author: Date: 11/13/2019 Filename: dlr_tables2.css*//* Table Styles */table.programs { width: 100%; border: 15px outset rgb(151, 151, 151); border-collapse: collapse; font-family: Arial, Verdana, sans-serif;}table.programs tr { height: 25px;}table.programs th, table.programs td {border: 1px solid gray; text-align: top; padding: 5px;}/* Table Caption Styles */caption { caption-side: bottom; text-align:center;}/* Table Column Styles */col.timeColumn { width: 10%; background-color: rgb(215, 205, 151);}col.wDayColumns { width: 11%; background-color: rgb(236, 255, 211);}col.wEndColumns { width:17%; background-color: rgb(255, 231, 255);}/* Table Header Styles */thead { color: white; background-color: rgb(105, 177, 60);}thead th:first-of-type { background-color: rgb(153, 86, 7);}thead th:nth-of-type(7, 8) { background-color: rgb(153, 0, 153);} /* Table Footer Styles */tfoot { color: white;background-color:
View Full Document