|
|
| (25 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | ==VOLUME I: DESIGN OF WATER SUPPLY PROJECTS ==
| + | __NOTOC__ |
| − | ====Chapter 1: Introduction====
| |
| − | The preparation of this DCOM manual has been preceded by an overview of four important global consideration of Water Supply and Sanitation prior to reviewing the water and sanitation sector in Tanzania. It is followed by an explanation of the rationale for the preparation of the 4th edition. The introductory chapter is concluded by presenting the organization of the manual as well as the purpose and content of this volume of the DCOM.
| |
| | | | |
| − | <div style="float:left; border:thin solid green;">
| + | {| class="wikitable" style="text-align: center; color: green;" |
| − | Here comes a short paragraph that is<br />
| + | |<h4>Volume I: Design of Water Supply Projects </h4> [[Preface|Readmore...]] |
| − | contained in a "div" element that is<br />
| + | |<h4> Volume II: Design of Sanitation Projects <br /> </h4>[[Volume II: Preface|Readmore...]] |
| − | floated to the right.</div>
| + | |- |
| − | | + | |<h4>Volume III: Construction Supervision for<br /> |
| − | | + | Water Supply and Sanitation Projects <br /> </h4>[[Volume III: Preface|Readmore...]] |
| − | {
| + | |<h4>Volume IV: Operation and Maintenance of Water<br /> |
| − | box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
| + | Supply and Sanitation Projects <br /> </h4>[[Volume IV: Preface|Readmore...]] |
| − | transition: 0.3s;
| + | |} |
| − | width: 40%;
| |
| − | border-radius: 5px;
| |
| − | Here comes a short paragraph that is<br />
| |
| − | contained in a "div" element that is<br />
| |
| − | }
| |
| − | | |
| − | | |
| − | {
| |
| − | box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
| |
| − | transition: 0.3s;
| |
| − | width: 40%;
| |
| − | border-radius: 5px;
| |
| − | Here comes a short paragraph that is<br />
| |
| − | contained in a "div" element that is<br />
| |
| − | }
| |
| − | =======
| |
| − | <style>
| |
| − | body {font-family: Arial, Helvetica, sans-serif;}
| |
| − | | |
| − | .callout {
| |
| − | position: fixed;
| |
| − | bottom: 35px;
| |
| − | right: 20px;
| |
| − | margin-left: 20px;
| |
| − | max-width: 300px;
| |
| − | }
| |
| − | | |
| − | .callout-header {
| |
| − | padding: 25px 15px;
| |
| − | background: #555;
| |
| − | font-size: 30px;
| |
| − | color: white;
| |
| − | }
| |
| − | | |
| − | .callout-container {
| |
| − | padding: 15px;
| |
| − | background-color: #ccc;
| |
| − | color: black
| |
| − | }
| |
| − | | |
| − | .closebtn {
| |
| − | position: absolute;
| |
| − | top: 5px;
| |
| − | right: 15px;
| |
| − | color: white;
| |
| − | font-size: 30px;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | | |
| − | .closebtn:hover {
| |
| − | color: lightgrey;
| |
| − | }
| |
| − | </style> | |
| − | ========
| |
| − | | |
| − | <div class="callout">
| |
| − | <div class="callout-header">Callout Header</div>
| |
| − | <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
| |
| − | <div class="callout-container">
| |
| − | <p>Some text to describe the callout message. <a href="#">Learn more</a> or close it if it is in your way.</p>
| |
| − | </div>
| |
| − | </div> | |
| − | | |
| − | | |
| − | <div style="background-color: #ddf5eb; border-style: dotted;">
| |
| − | {{{1}}}
| |
| − | </div>
| |
| − | | |
| − | <div style="background-color: cyan; border-style: dashed;">
| |
| − | A bunch of text that will wrap.
| |
| − | </div>
| |
| − | | |
| − | | |
| − | <blockquote style="
| |
| − | color: black;
| |
| − | border: solid thin gray;
| |
| − | padding-top: 10px;
| |
| − | padding-right: 10px;
| |
| − | padding-bottom: 10px;
| |
| − | padding-left: 10px;
| |
| − | ">
| |
| − | {{{1}}}
| |
| − | </blockquote>
| |
| − | | |
| − | | |
| − | index.php?title=MediaWiki:Common.css
| |
| − | blockquote {
| |
| − | background-color: #ddf5eb;
| |
| − | border-style: dotted;
| |
| − | } | |
