~D13 - css-bluedawn

css-bluedawn

Vista Previa:Link

Texto por encima de la pagina

<div id="wrapper">
<div id="top">
</div>
<div id="container">
<div id="header">
<h1>Blue Dawn</h1>
<h3>Subtitulo de la web</h3>
<form method="get" action="http://www.google.com/search"> <input name="q" style="width: 190px;" placeholder="Buscar en el sitio..." type="text"><input style="display: none;" name="sitesearch" value="AQUI VA LA URL DE TU PAGINA sin http y/o www" checked="checked" type="radio"></form>
</div>
<div id="aside">
<h2>MENU</h2>
<ul>
  <li><a href="#">Link1</a></li>
  <li><a href="#">Link2</a></li>
  <li><a href="#">Link3</a></li>
  <li><a href="#">Link4</a></li>
  <li><a href="#">Link5</a></li>
</ul>
<h2>Box</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
<h2>Menu2</h2>
<ul>
  <li><a href="#">Menu1</a></li>
  <li><a href="#">Menu2</a></li>
  <li><a href="#">Menu3</a></li>
  <li><a href="#">Menu4</a></li>
  <li><a href="#">Menu5</a></li>
</ul>

</div>
<div id="main">

Texto por debajo de la pagina

</div>
<div id="footer">20xx-2011 Tuweb</div>
</div>
<div id="end">
<div id="legal">Diseño por <a href="http://darknet13.es.tl" target="_blank">~D13</a></div>
</div>
</div>

CSS Code sin Style Tags

a img {border: 0px;}
#header_container {display: none;}
#nav_container {display: none;}
#sidebar_container{display:none;}
h2#title {display: none;}
table[height ="102"] {margin-right:auto;margin-left:auto;}
#counter {display:none;}
* {
  margin: 0px;
}
body {
  background-color: #0193de;
  background-image: url(https://img.webme.com/pic/d/darknet13/bluedawnbg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
}
#top {
  background-image: url(https://img.webme.com/pic/d/darknet13/bluedawnconttop.png);
  font-size: 0px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#wrapper {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
}
#container {
  border-style: none;
  background-repeat: repeat-y;
  background-position: center top;
  background-image: url(https://img.webme.com/pic/d/darknet13/bluedawncontmid.png);
}
#header {
  background-image: url(https://img.webme.com/pic/d/darknet13/bluedawnheader.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 75px;
  text-align: center;
  padding-top: 95px;
  padding-bottom: 5px;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}
#header h1 {
  font-size: 35px;
}
#header h3 {
  font-size: 20px;
  color: white;
}
#header input {
  border-style: none;
  bottom: 20px;
  position: absolute;
  right: 10px;
  background-color: #2083a4;
  color: white;
  padding-left: 15px;
  border-radius:10px;
}
#aside {
  float: left;
  width: 235px;
  font-size: 15px;
  padding-left: 5px;
  margin-left: 15px;
}
#aside h2 {
  background-image: url(https://img.webme.com/pic/d/darknet13/bluedawnheader.jpg);
  background-position: center bottom;
  height: 34px;
  padding-top: 5px;
  text-align: center;
  font-size: 19px;
  color: white;
  margin-right: 2px;
  border-radius:20px;
}
#aside ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#aside li {
  margin: 0px;
  padding: 0px;
  color: #568ce9;
  list-style-type: circle;
  font-size: 16px;
  display: list-item;
  list-style-position: inside;
}
#aside li:hover {
  list-style-type: disc;
  color: #568ce9;
}
#aside li a {
  color: #568ce9;
  text-decoration: none;
  font-size: 16px;
  margin-right: 5px;
}
#main {
  width: 614px;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}
#footer {
  clear: left;
  text-align: center;
  font-size: 13px;
}
#end {
  background-image: url(https://img.webme.com/pic/d/darknet13/bluedawncontend.png);
  font-size: 0px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
}
#legal, #legal a {
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  font-size: 8px;
  color: white;
  text-align: right;
}
#end #legal {
  color: black;
  position: absolute;
  right: 13px;
}
#end #legal a {
  color: black;
  text-decoration: none;
}