Unit 7 World History Paper
shemo.reyvon
TheSwahiliCoast.html.zipUnits/Unit 7/The Swahili Coast.html
The Swahili Coast
From 1000 to 1500 CE, numerous Swahili states emerged along this 1,000 mile stretch from Mogadishu in the north (present-day Somalia) to Sofala in the south (present-day Mozambique). Click the links below to read more about this region.
html_templates/Link_Grey/css/theme.css
@charset "utf-8"; /* Template CSS v1.0 * Last Modified: 2014-04-26 * * HTML course templates was created by D2L for use in course development * If you need help with HTML templates, please visit the Brightspace Community -------------------------------------------------------------------------------- */ /* Theme: Link_Grey * Color Glossary for easy changing of colors later * light grey: #6D7B88 * grey: #3A4148 * dark grey: #2A333B * light blue: #4C9EC9 * blue: #0c7bb6 * dark blue: #085076 ------------------------------------------------ */ /* Global HTML Styles ----------------------- */ html { /* Visual */ background-color: #fff; /* white */ color: #403c3d; /* grey */ } body { /* Visual */ background-color: #fff; } /* Page Structure, * Layout classes --------------------------------- */ hr { /* Visual */ background-color: #333; } #footer { /* Visual */ border-top: 1px solid #3A4148; /* dark grey */ border-bottom: 10px solid #3A4148; /* dark grey */ } /* Headings ---------------- */ h1 { /* Visual */ background-color: #fff; /* white */ border-top: 2px solid #6D7B88; /* light grey */ border-bottom: 2px solid #6D7B88; /* light grey */ color: #6D7B88; /* light grey */ } h2 { color: #2A333B; /* dark grey */ } h3 { color: #3A4148; /* grey */ } /* Image ---------------*/ .image { /* Visual */ border-radius: 5px; border: 1px solid #ccc; /* light grey */ } /* Links and Text -------------------- */ a { color: #0C7BB6; /* blue */ } a:visited { color: #085076; /* dark blue */ } a:hover { color: #4C9EC9; /* light blue */ } a:focus { border: 2px solid #ccc; } blockquote { border-left: 10px solid #6D7B88; /* light grey */ } blockquote:before { /* Visual */ color: #6D7B88; /* light grey */ } pre { /* Visual */ background-color: #f4f4f4; /* near white */ border: 1px solid #ccc; /* light grey */ } /* List ----------*/ /* Tables --------- */ table th { /* Visual */ color: #fff; border: 1px solid #aaa; background: #59646e; /* Old browsers */ background: -moz-linear-gradient(top, #59646e 0%, #3a4148 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59646e), color-stop(100%,#3a4148)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59646e 0%,#3a4148 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59646e 0%,#3a4148 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59646e 0%,#3a4148 100%); /* IE10+ */ background: linear-gradient(to bottom, #59646e 0%,#3a4148 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59646e', endColorstr='#3a4148',GradientType=0 ); /* IE6-9 */ } tr:nth-child(2n+1) { /* Visual */ background-color: #f9f9f9; /* near white */ color: #000; } table td { /* Visual */ border: 1px solid #ccc; /* light grey */ }
html_templates/Link_Grey/css/template.css
@charset "utf-8"; /* Template CSS v1.0 * Last Modified: 2014-04-26 * * HTML course templates created by D2L for use in course development * If you need help with HTML templates, please visit the Brightspace Community -------------------------------------------------------------------------------- */ /* Color Glossary for easy changing of colors later * grey: #403c3d * dark grey: #333 * light grey: #ccc * near white: #f9f9f9 * light blue: #3388CC * blue: #005599 ------------------------------------------------ */ /* HTML5 display-role reset for older browsers ---------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Global HTML Styles ----------------------- */ html { /* Box-model */ margin: 0; padding: 0; border: 0; /* Typography */ font-size: 100%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; /* Visual */ background-color: #fff; /* white */ color: #403c3d; /* dark grey */ } body { /* Box-model */ display: block; width: 100%; height: 100%; max-width: 900px; min-width: 300px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding-left: 20px; padding-right: 20px; padding-top: 0px; /* Visual */ background-color: #fff; } /* Page Structure, * Layout classes --------------------------------- */ #content { height: auto; min-height: 490px; padding-bottom: 1em; } .row { overflow:hidden; margin-bottom:1em; } .floatright { float: right; padding: 5px; } .floatleft { float: left; padding: 5px; } .center { display: block; overflow:hidden; margin: auto; text-align: center; } hr { clear: both; /* Visual */ background-color: #333; /* dark grey */ } #footer { /* Positioning */ position: relative; clear: both; /* Box-model */ width: 100%; max-width: 900px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; /* Typography */ font-size: 80%; /* Visual */ border-top: 1px solid #403c3d; /* grey */ border-bottom: 10px solid #403c3d; /* grey */ } /* Headings ---------------- */ h1, h2, h3, h4, h5, h6 { font-family: inherit; } h1 { /* Box-model */ margin-top: 0; margin-left: -20px; margin-right: -20px; padding-top: 0; padding-left: 20px; padding-right: 20px; /* Typography */ line-height: 2em; /* Visual */ background-color: #403c3d; /* dark grey */ color: #fff; } .assignment, .assessment, .information, .process, .reading, .discussion { overflow: hidden; line-height: 35px; padding-left: 40px; background-repeat: no-repeat; } .assignment { background-image: url(../images/assignment.png); } .assessment { background-image: url(../images/assessment.png); } .information { background-image: url(../images/information.png); } .process { background-image: url(../images/process.png); } .reading { background-image: url(../images/reading.png); } .discussion { background-image: url(../images/discussion.png); } /* Image ---------------*/ img { max-width: 100%; padding: 6px; } .image { display: inline-block; margin-left: 10px; margin-right: 10px; padding: 0; text-align: center; /* Visual */ border-radius: 5px; border: 1px solid #ccc; /* light grey */ } .caption { padding: 0; margin: 0; margin-bottom: 6px; } /* Links and Text -------------------- */ a { font-weight:800; } a:focus { border: 2px solid #ccc; /* light grey */ } p { line-height: 1.4em; } strong { font-weight: bold; } em { font-style: italic; } blockquote { quotes: "\201C""\201D""\2018""\2019"; /* quotation mark: left double, right double, left single, right single*/ /* Box-model */ margin: 1.5em 1em; padding: 0.5em 1em; /* Typography */ font-style: italic; /* Visual */ background: #F9F9F9; /* near white */ border-left: 10px solid #ccc; /* light grey */ } blockquote:before { content: open-quote; /* Box-model */ margin-right: 0.2em; vertical-align: -0.4em; /* Typography */ font-family: Arial, Helvetica, sans-serif; font-size: 5em; font-weight:800; line-height: 0.1em; /* Visual */ color: #ccc; } blockquote cite { /* Box-model */ display: block; margin-top: 5px; /* Typography */ font-size: 0.9em; /* Visual */ color: #333; /* grey */ } blockquote cite:before { content: "\2014 \2009"; /* em dash thin space */ } pre { padding: 20px; font-family: "Courier New", Courier, monospace; /* Visual */ background-color: #f9f9f9; /* near white */ border: 1px solid #ccc; /* light grey */ } cite { font-style: italic; } /* List ----------*/ ul, ol { overflow: hidden; line-height: 1.2em; } dl { } li, dt, dd { padding: 5px; } ul li { list-style: none; background: url(../images/arrow.png) no-repeat 0 7px; padding-left: 25px; margin-left: -25px; line-height: 25px; } /* ------- Tables ------- */ table { margin: 20px; border-spacing: 0; } table th { /* Box-model */ height: 36px; padding: 5px; /* Typography */ font-size: 16px; line-height: 36px; /* Visual */ background-color: #403c3d; color: #fff; border: 1px solid #ccc; /* light grey */ border-bottom: 0; } table thead th:empty { background: transparent; border: none; } table caption { font-weight: bold; } tr:nth-child(2n+1) { /* Visual */ background-color: #f9f9f9; /* near white */ color: #000; /* black */ } table td { padding: 5px; border-collapse: collapse; border: 1px solid #ccc; /* light grey */ } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } html, body { width: 98%; margin: 0; border-bottom: 0; padding: 0; height: auto !important; } #content { height: auto; min-height: 0; padding: 0; } a[href]:after { content: " [" attr(href) "]"; } abbr[title]:after { content: " [" attr(title) "]"; } /* * Don't show links for images, or javascript/internal links */ a[href*="javascript:"]:after, a[href*="#"]:after { content: ""; } pre, blockquote { page-break-inside: avoid; } blockquote { min-height:0; margin:0; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } h1 { line-height: 1em; background-color: #FFF; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .assignment, .assessment, .information, .process, .reading, .discussion { padding-left: 0; } .assignment:before { content: url(../images/assignment.png); margin-right:5px; } .assessment:before { content: url(../images/assessment.png); margin-right:5px; } .information:before { content: url(../images/information.png); margin-right:5px; } .process:before { content: url(../images/process.png); margin-right:5px; } .reading:before { content: url(../images/reading.png); margin-right:5px; } .discussion:before { content: url(../images/discussion.png); margin-right:5px; } ul li:before { content: url(../images/arrow.png); margin-right:5px; } @page { margin: 1em; } }
