CONTAMINACIÓN AUDITIVA

lilypad

Por arriba de la página:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="content-type" content="text/html; charset=utf-8"  /> <title>Lilypads by FCT</title> <FCK:meta name="keywords" content=""  /> <FCK:meta name="description" content=""  /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper">   <div id="header">     <div id="logo">       <h1><a href="#" _fcksavedurl="#">Lily Pads</a></h1>       <h2><span>By Free CSS Templates</span></h2>     </div>        </div>      <div id="menu">     <ul>       <li class="active"><a href="#" _fcksavedurl="#">Home</a></li>       <li><a href="#" _fcksavedurl="#">Products</a></li>       <li><a href="#" _fcksavedurl="#">About</a></li>       <li><a href="#" _fcksavedurl="#">Contact</a></li>     </ul>   </div>      <div id="splash"><img src="https://img.webme.com/pic/k/keyinfo/img03.jpg" _fcksavedurl="https://img.webme.com/pic/k/keyinfo/img03.jpg" width="940" height="255" alt="" /></div>   <div id="page">     <div id="page-bgtop">       <div id="content">         <div class="post">           <h2 class="title"><a href="#" _fcksavedurl="#">Lorem Ipsum Dolor Volutpat</a></h2>                                </div>

Por debajo de la página:

</div>       </div>              <div id="sidebar">         <ul>           <li id="search">             <h2>Search</h2>             <form method="get" action="">               <fieldset>                 <input type="text" id="search-text" name="s" value="" />                 <input type="submit" id="search-submit" value="Search" />               </fieldset>             </form>           </li>           <li>             <h2>Lorem Ipsum</h2>             <ul>               <li><a href="#" _fcksavedurl="#">Fusce dui neque fringilla</a></li>               <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li>               <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li>               <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li>               <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li>               <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li>               <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li>             </ul>           </li>           <li>             <h2>Volutpat Dolore</h2>             <ul>               <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li>               <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li>               <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li>               <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li>               <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li>               <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li>               <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li>             </ul>           </li>           <li>             <h2>Bebindum Mauris </h2>             <ul>               <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li>               <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li>               <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li>               <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li>               <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li>               <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li>               <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li>               <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li>             </ul>           </li>         </ul>       </div>              <div style="clear: both; height: 1px"></div>     </div>   </div>      <div id="footer">     <p>Copyright © 2013 Tu web. All Rights Reserved. Diseño adaptado por:<a href="http://arelious.es.tl" _fcksavedurl="http://arelious.es.tl">Arelious</a>.    </div>    </div>  </body> </html>

CSS-Code
sin Style Tags:

#header_container, #nav_container, #sidebar_container, #content h2#title {display: none;} #     lli.nav_element{display: none;}   # li.nav_element a{display: none;}   # h1#title{display: none;}   # h2#title span {display: none;}   # div.header{display: none;}   # li.nav_element{list-style-type: none;}   # li.nav_element{display: none;}  /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  * { 	margin: 0; 	padding: 0; }  body { 	margin: 0px; 	background: #FFFFFF url(https://img.webme.com/pic/k/keyinfo/img01.jpg) repeat-x left top; 	text-align: justify; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 13px; 	color: #231F20; }  h1, h2, h3 { }  h1 { }  h2 { }  h3 { }  p, blockquote, ul, ol { 	margin-bottom: 20px; 	line-height: 2em; }  p { }  blockquote { }  ul, ol, li { 	margin: 0px; 	padding: 0px; 	list-style: none; }  a { 	text-decoration: underline; 	color: #7EBA25; }  a:hover { 	text-decoration: none; 	color: #7EBA25; }  /* Wrapper */  #wrapper { }  /* Header */  #header { 	width: 880px; 	height: 105px; 	margin: 0 auto; }  /* Logo */  #logo { 	float: left; 	width: 270px; 	height: 105px; 	margin: 0px; }  #logo h1 { 	margin: 0; 	padding: 0; 	font: normal 36px Georgia, "Times New Roman", Times, serif; 	color: #FFFFFF; }  #logo h1 a { 	color: #FFFFFF; }  #logo h2 { 	margin: -2px 0 0 0; 	padding: 0; 	text-transform: uppercase; 	letter-spacing: 2px; 	font-size: 10px; 	font-weight: bold; }  #logo a { 	text-decoration: none; 	color: #FFFFFF; }  /* Menu */  #menu { 	width: 940px; 	height: 47px; 	margin: 0 auto; 	background: url(https://img.webme.com/pic/k/keyinfo/img02.jpg) repeat-x left top; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; 	margin-left: 30px; }  #menu li { 	display: inline; 	text-align: center; }  #menu a { 	display: block; 	float: left; 	height: 32px; 	margin-right: 2px; 	padding: 15px 20px 0px 20px; 	text-decoration: none; 	text-align: center; 	text-transform: uppercase; 	font-size: 11px; 	font-weight: bold; 	color: #7EBA25; }  #menu a:hover, #menu .active a { 	background: #000000; 	color: #FFFFFF; }  #splash { 	width: 940px; 	height: 255px; 	margin: 0 auto; }  /* Search */  #header-search { 	width: 940px; 	height: 51px; 	margin: 0 auto; 	padding: 0px 0px 0px 0px; }  #header-search form { 	float: right; 	width: 300px; 	margin: 0; 	padding: 12px 0px 0px 0px; }  #header-search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #header-search-text { 	width: 200px; 	padding: 2px 3px; 	background: #1E1E1E; 	border: none; 	color: #4D4D4D; }  #header-search-submit { 	background: none; 	border: none; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #E4E4E4; }  #search { 	height: 51px; 	margin: 0 auto; 	padding: 0px 0px 60px 0px; }  #search form { 	margin: 0; 	padding: 12px 0px 0 0; }  #search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search input { 	float: left; 	font: 12px Arial, Helvetica, sans-serif; }  #search-text { 	width: 160px; 	height: 18px; 	padding: 3px 0 3px 5px; 	border: 1px solid #CCCCCC; 	color: #000000; }  #search-submit { 	margin-left: 10px; 	padding: 4px 4px; 	border: none; 	background: #000000; 	color: #FFFFFF; }  /* Page */  #page { 	width: 940px; 	margin: 0 auto; 	padding-top: 30px; }  #page-bgtop { }  /* Content */  #content { 	float: right; 	width: 640px; } .post { 	margin: 0px 0px 30px 0px; 	border-bottom: 1px solid #CCCCCC; }  .post .title { 	margin: 0px; 	padding: 0px 0px 5px 0px; 	color: #515151; }  .post .title a { 	padding: 4px 35px 4px 15px; 	background: #000000; 	text-decoration: none; 	font-weight: normal; 	color: #FFFFFF; }  .post .entry { 	padding: 20px 0px; }  .post img { 	float: left; 	padding: 15px 0px; }  .post .meta { 	text-align: right; 	padding: 0px 0 20px 0; 	font-weight: bold; 	color: #202020; }  .post .byline { 	float: right; 	margin-top: -30px; 	font-size: 12px; 	font-weight: bold; 	color: #5E5E5E; }  /* Sidebar */  #sidebar { 	float: left; 	width: 240px; 	margin: 0px; 	padding: 0px 30px 30px 0px; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  #sidebar li { 	margin-bottom: 1px; }  #sidebar li ul { 	margin: 0px; 	padding: 0px 0px 40px 0px; }  #sidebar li li { 	margin: 0; 	padding: 9px 0px; 	border: none; 	border-bottom: 1px solid #CCCCCC; }  #sidebar h2 { 	margin: 0px; 	padding: 0px 0px 20px 0px; 	font-size: 160%; 	font-weight: normal; 	color: #7EBA25; }  #sidebar h3 { 	font-size: 77%; 	color: #110404; }  #sidebar p { 	margin: 0; 	line-height: normal; 	color: #D4C792; }  #sidebar a { 	border: none; 	text-decoration: none; 	color: #4A4949; }  #sidebar a:hover { 	text-decoration: underline; }  /* Submenu */  #submenu { }  /* News */  #news { }  #news a { 	font-size: 85%; }  /* Footer */  #footer { 	margin: 0 auto; 	padding: 20px 0px; 	background: #000000; 	color: #686767; }  #footer p { 	margin: 0; 	text-align: center; 	font-size: 77%; }  #footer a { 	text-decoration: underline; 	color: #A1A1A1; }  #footer a:hover { 	text-decoration: none; }

ISIL/FINAL

CONTAMINACIÓN AUDITIVA

Contaminación Auditiva

lilypad