The Nerd World: HTML - Layout Free

Yoo minna-san

Finalmente estou aqui como prometido trazendo o Layout Free do tema antigo do Blog

o Double Rainbow :3 então aí está após o leia mais o texto de HTML ~~pois a baka aqui não conseguiu hospedar em site algum essa coisa -.-~~

USE E ABUSE

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:if cond='data:blog.isMobile'>

<b:else/>

</b:if>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Awesome Inc.

Designer: Tina Chen

URL: tinachen.org

----------------------------------------------- */

/* Variable definitions

====================

<Variable name="body.font" description="Font" type="font"

default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

<Variable name="header.font" description="Title Font" type="font"

default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="description.font" description="Font" type="font"

default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

<Variable name="description.text.color" description="Text Color" type="color"

default="$(body.text.color)" value="$(body.text.color)"/>

</Group>

<Variable name="tabs.font" description="Font" type="font"

default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

<Variable name="date.font" description="Font" type="font"

default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="post.title.font" description="Font" type="font"

default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 36px Sue Ellen Francisco"/>

</Group>

</Group>

<Variable name="widget.title.font" description="Font" type="font"

default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="widget.font" description="Font" type="font"

default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

<Variable name="body.background" description="Body Background" type="background"

color="$(body.background.color)"

default="$(color) none repeat scroll top left" value="$(color) url(//www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left"/>

<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"

default="none" value="url(//www.blogblog.com/1kt/awesomeinc/body_gradient_dark.png)"/>

<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"

default="none" value="none"/>

<Variable name="date.background" description="Date Background" type="background" color="transparent"

default="$(color) none no-repeat scroll top left" value="$(color) none no-repeat scroll top left"/>

<Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"

default="20px" value="20px"/>

<Variable name="mobile.background.size" description="Mobile Background Size" type="string"

default="$(body.background.size)" value="$(body.background.size)"/>

<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"

default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>

/* Content

----------------------------------------------- */

body, html {

height: 398px;

margin: 0;

padding: 0; }

body {

font: $(body.font);

color: $(body.text.color);

background: url("http://i.imgur.com/kALFw.png") repeat; }

html {

background: url("http://static.tumblr.com/0xqvkot/DQumcklub/oooooo.png") repeat; }

html body .content-outer {

min-width: 0;

max-width: 100%;

width: 100%;

}

a:link {

text-decoration: none;

color: $(link.color);

}

a:visited {

text-decoration: none;

color: $(link.visited.color);

}

a:hover {

text-decoration: underline;

color: $(link.hover.color);

}

.body-fauxcolumn-outer .cap-top {

position: absolute;

z-index: 1;

height: 276px;

width: 100%;

background: transparent $(body.background.gradient.cap) repeat-x scroll top left;

_background-image: none;

}

/* Columns

----------------------------------------------- */

.content-inner {

padding: 0;

}

.header-inner .section {

margin: 0 16px;

}

.tabs-inner .section {

margin: 0 16px;

}

.main-inner {

padding-top: $(date.space);

}

.main-inner .column-center-inner,

.main-inner .column-left-inner,

.main-inner .column-right-inner {

padding: 0 5px;

}

*+html body .main-inner .column-center-inner {

margin-top: -$(date.space);

}

#layout .main-inner .column-center-inner {

margin-top: 0;

}

/* Header

----------------------------------------------- */

.header-outer {

margin: $(header.margin.top) 0 $(header.margin.bottom) 0;

background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: 0 0 $(title.shadow.spread) #000000;

}

.Header h1 a {

color: $(header.text.color);

}

.Header .description {

font: $(description.font);

color: $(description.text.color);

}

.header-inner .Header .titlewrapper,

.header-inner .Header .descriptionwrapper {

padding-left: 0;

padding-right: 0;

margin-bottom: 0;

}

.header-inner .Header .titlewrapper {

padding-top: $(header.padding.top);

}

/* Tabs

----------------------------------------------- */

.tabs-outer {

overflow: hidden;

position: relative;

background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;

}

#layout .tabs-outer {

overflow: visible;

}

.tabs-cap-top, .tabs-cap-bottom {

position: absolute;

width: 100%;

border-top: 1px solid $(tabs.border.color);

}

.tabs-cap-bottom {

bottom: 0;

}

.tabs-inner .widget li a {

display: inline-block;

margin: 0;

padding: .6em 1.5em;

font: $(tabs.font);

color: $(tabs.text.color);

border-top: 1px solid $(tabs.border.color);

border-bottom: 1px solid $(tabs.border.color);

border-$startSide: 1px solid $(tabs.border.color);

height: 16px;

line-height: 16px;

}

.tabs-inner .widget li:last-child a {

border-$endSide: 1px solid $(tabs.border.color);

}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {

background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;

color: $(tabs.selected.text.color);

}

/* Headings

----------------------------------------------- */

h2 {

font: $(widget.title.font);

color: $(widget.title.text.color);

}

/* Widgets

----------------------------------------------- */

.main-inner .section {

margin: 0 27px;

padding: 0;

background: #fff; /*---- cor do fundo da caixa ----*/

padding-left: 20px; /*---- espaço à esquerda ----*/

padding-bottom: 20px; /*--- espaço de baixo ---*/

padding-right: 20px; /*--- espaço à direita ---*/

padding-top: 5px; /*---- espaço de cima ----*/

box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

}

.main-inner .column-left-outer,

.main-inner .column-right-outer {

margin-top: $(widget.outer.margin.top);

}

#layout .main-inner .column-left-outer,

#layout .main-inner .column-right-outer {

margin-top: 0;

}

.main-inner .column-left-inner,

.main-inner .column-right-inner {

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

-moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

-goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);

-webkit-border-radius: $(widget.border.radius);

-goog-ms-border-radius: $(widget.border.radius);

border-radius: $(widget.border.radius);

}

#layout .main-inner .column-left-inner,

#layout .main-inner .column-right-inner {

margin-top: 0;

}

.sidebar .widget {

font: $(widget.font);

color: $(widget.text.color);

}

.sidebar .widget a:link {

color: $(widget.link.color);

}

.sidebar .widget a:visited {

color: $(widget.link.visited.color);

}

.sidebar .widget a:hover {

color: $(widget.link.hover.color);

}

.sidebar .widget h2 {

text-shadow: 0 0 $(title.shadow.spread) #000000;

}

.main-inner .widget {

background-color: $(widget.background.color);

border: 1px solid $(widget.border.color);

padding: 0 $(widget.padding.side) 15px;

margin: 20px -16px;

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);

-webkit-border-radius: $(widget.border.radius);

-goog-ms-border-radius: $(widget.border.radius);

border-radius: $(widget.border.radius);

}

.main-inner .widget h2 {

margin: 0 -$(separator.outdent);

padding: .6em $(separator.outdent) .5em;

border-bottom: 1px solid $(widget.border.bevel.color);

}

.footer-inner .widget h2 {

padding: 0 0 .4em;

border-bottom: 1px solid $(widget.border.bevel.color);

}

.main-inner .widget h2 + div, .footer-inner .widget h2 + div {

border-top: $(title.separator.border.size) solid $(widget.border.color);

padding-top: $(widget.padding.top);

}

.main-inner .widget .widget-content {

margin: 0 -$(separator.outdent);

padding: 7px $(separator.outdent) 0;

}

.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {

margin: -$(widget.padding.top) -15px 0;

padding: 0;

list-style: none;

}

.main-inner .widget #ArchiveList {

margin: -$(widget.padding.top) 0 0;

}

.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {

padding: .5em 15px;

text-indent: 0;

color: $(widget.alternate.text.color);

border-top: $(list.separator.border.size) solid $(widget.border.color);

border-bottom: 1px solid $(widget.border.bevel.color);

}

.main-inner .widget #ArchiveList ul li {

padding-top: .25em;

padding-bottom: .25em;

}

.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {

border-top: none;

}

.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {

border-bottom: none;

}

.post-body {

position: relative;

}

.main-inner .widget .post-body ul {

padding: 0 2.5em;

margin: .5em 0;

list-style: disc;

}

.main-inner .widget .post-body ul li {

padding: 0.25em 0;

margin-bottom: .25em;

color: $(body.text.color);

border: none;

}

.footer-inner .widget ul {

padding: 0;

list-style: none;

}

.widget .zippy {

color: $(widget.alternate.text.color);

}

/* Posts

h3.post-title {

text-align:center;

}

----------------------------------------------- */

body .main-inner .Blog {

padding: 0;

margin-bottom: 1em;

background-color: transparent;

border: none;

-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);

-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);

-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);

box-shadow: 0 0 0 rgba(0, 0, 0, 0);

}

.main-inner .section:last-child .Blog:last-child {

padding: 0;

margin-bottom: 1em;

}

.main-inner .widget h2.date-header {

margin: 0 -15px 1px;

padding: 0 0 $(date.padding.bottom) 0;

font: $(date.font);

color: $(date.text.color);

background: $(date.background);

border-top: $(date.border.size) solid $(date.border.color);

border-bottom: 1px solid $(widget.border.bevel.color);

-moz-border-radius-topleft: $(date.header.border.radius.top);

-moz-border-radius-topright: $(date.header.border.radius.top);

-webkit-border-top-left-radius: $(date.header.border.radius.top);

-webkit-border-top-right-radius: $(date.header.border.radius.top);

border-top-left-radius: $(date.header.border.radius.top);

border-top-right-radius: $(date.header.border.radius.top);

position: $(date.position);

bottom: 100%;

$(date.side): $(date.header.position);

text-shadow: 0 0 $(title.shadow.spread) #000000;

}

.main-inner .widget h2.date-header span {

font: $(date.font);

display: block;

padding: .5em 15px;

border-left: $(date.border.size) solid $(date.border.color);

border-right: $(date.border.size) solid $(date.border.color);

}

.date-outer {

position: relative;

margin: $(date.space) 0 20px;

padding: 0 15px;

background-color: $(post.background.color);

border: 1px solid $(post.border.color);

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);

-webkit-border-radius: $(widget.border.radius);

-goog-ms-border-radius: $(widget.border.radius);

border-radius: $(widget.border.radius);

}

.date-outer:first-child {

margin-top: 0;

}

.date-outer:last-child {

margin-bottom: $(date.last.space.bottom);

-moz-border-radius-bottomleft: $(date.last.border.radius.bottom);

-moz-border-radius-bottomright: $(date.last.border.radius.bottom);

-webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);

-webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);

-goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);

-goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);

border-bottom-left-radius: $(date.last.border.radius.bottom);

border-bottom-right-radius: $(date.last.border.radius.bottom);

}

.date-posts {

margin: 0 -$(separator.outdent);

padding: 0 $(separator.outdent);

clear: both;

}

.post-outer, .inline-ad {

border-top: 1px solid $(post.border.bevel.color);

margin: 0 -$(separator.outdent);

padding: 15px $(separator.outdent);

}

.post-outer {

padding-bottom: 10px;

}

.post-outer:first-child {

padding-top: $(post.first.padding.top);

border-top: none;

}

.post-outer:last-child, .inline-ad:last-child {

border-bottom: none;

}

.post-body {

position: relative;

}

.post-body img {

padding: 8px;

background: $(image.background.color);

border: 1px solid $(image.border.color);

-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(image.border.radius);

-webkit-border-radius: $(image.border.radius);

border-radius: $(image.border.radius);

}

h3.post-title, h4 {

font: $(post.title.font);

color: $(post.title.text.color);

}

h3.post-title a {

font: $(post.title.font);

color: $(post.title.text.color);

}

h3.post-title a:hover {

color: $(link.hover.color);

border-bottom: 1px dashed #000000;

text-decoration: underline;

}

.post-header {

margin: 0 0 1em;

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

}

.post-body {

line-height: 1.4;

}

.post-outer h2 {

color: $(body.text.color);

}

.post-footer {

margin: 1.5em 0 0;

}

#blog-pager {

padding: 15px;

font-size: 120%;

background-color: $(pager.background.color);

border: 1px solid $(widget.border.color);

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);

-webkit-border-radius: $(widget.border.radius);

-goog-ms-border-radius: $(widget.border.radius);

border-radius: $(widget.border.radius);

-moz-border-radius-topleft: $(pager.border.radius.top);

-moz-border-radius-topright: $(pager.border.radius.top);

-webkit-border-top-left-radius: $(pager.border.radius.top);

-webkit-border-top-right-radius: $(pager.border.radius.top);

-goog-ms-border-top-left-radius: $(pager.border.radius.top);

-goog-ms-border-top-right-radius: $(pager.border.radius.top);

border-top-left-radius: $(pager.border.radius.top);

border-top-right-radius-topright: $(pager.border.radius.top);

margin-top: $(pager.space.top);

}

.blog-feeds, .post-feeds {

margin: 1em 0;

text-align: center;

color: $(feed.text.color);

}

.blog-feeds a, .post-feeds a {

color: $(feed.link.color);

}

.blog-feeds a:visited, .post-feeds a:visited {

color: $(feed.link.visited.color);

}

.blog-feeds a:hover, .post-feeds a:hover {

color: $(feed.link.hover.color);

}

.post-outer .comments {

margin-top: 2em;

}

/* Comments

----------------------------------------------- */

.comments .comments-content .icon.blog-author {

background-repeat: no-repeat;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);

}

.comments .comments-content .loadmore a {

border-top: 1px solid $(tabs.border.color);

border-bottom: 1px solid $(tabs.border.color);

}

.comments .continue {

border-top: 2px solid $(tabs.border.color);

}

/* Footer

----------------------------------------------- */

.footer-outer {

margin: -$(shadow.spread) 0 -1px;

padding: $(shadow.spread) 0 0;

color: $(footer.text.color);

overflow: hidden;

}

.footer-fauxborder-left {

border-top: 1px solid $(widget.border.color);

background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

margin: 0 -$(shadow.spread);

}

/* Mobile

----------------------------------------------- */

body.mobile {

background-size: $(mobile.background.size);

}

.mobile .body-fauxcolumn-outer {

background: $(mobile.background.overlay);

}

*+html body.mobile .main-inner .column-center-inner {

margin-top: 0;

}

.mobile .main-inner .widget {

padding: 0 0 15px;

}

.mobile .main-inner .widget h2 + div,

.mobile .footer-inner .widget h2 + div {

border-top: none;

padding-top: 0;

}

.mobile .footer-inner .widget h2 {

padding: 0.5em 0;

border-bottom: none;

}

.mobile .main-inner .widget .widget-content {

margin: 0;

padding: 7px 0 0;

}

.mobile .main-inner .widget ul,

.mobile .main-inner .widget #ArchiveList ul.flat {

margin: 0 -15px 0;

}

.mobile .main-inner .widget h2.date-header {

$(date.side): 0;

}

.mobile .date-header span {

padding: 0.4em 0;

}

.mobile .date-outer:first-child {

margin-bottom: 0;

border: 1px solid $(post.border.color);

-moz-border-radius-topleft: $(date.first.border.radius.top);

-moz-border-radius-topright: $(date.first.border.radius.top);

-webkit-border-top-left-radius: $(date.first.border.radius.top);

-webkit-border-top-right-radius: $(date.first.border.radius.top);

-goog-ms-border-top-left-radius: $(date.first.border.radius.top);

-goog-ms-border-top-right-radius: $(date.first.border.radius.top);

border-top-left-radius: $(date.first.border.radius.top);

border-top-right-radius: $(date.first.border.radius.top);

}

.mobile .date-outer {

border-color: $(post.border.color);

border-width: 0 1px 1px;

}

.mobile .date-outer:last-child {

margin-bottom: 0;

}

.mobile .main-inner {

padding: 0;

}

.mobile .header-inner .section {

margin: 0;

}

.mobile .blog-posts {

padding: 0 10px;

}

.mobile .post-outer, .mobile .inline-ad {

padding: 5px 0;

}

.mobile .tabs-inner .section {

margin: 0 10px;

}

.mobile .main-inner .widget h2 {

margin: 0;

padding: 0;

}

.mobile .main-inner .widget h2.date-header span {

padding: 0;

}

.mobile .main-inner .widget .widget-content {

margin: 0;

padding: 7px 0 0;

}

.mobile #blog-pager {

border: 1px solid transparent;

background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;

}

.mobile .main-inner .column-left-inner,

.mobile .main-inner .column-right-inner {

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

-moz-box-shadow: none;

-webkit-box-shadow: none;

-goog-ms-box-shadow: none;

box-shadow: none;

}

.mobile .date-posts {

margin: 0;

padding: 0;

}

.mobile .footer-fauxborder-left {

margin: 0;

border-top: inherit;

}

.mobile .main-inner .section:last-child .Blog:last-child {

margin-bottom: 0;

}

.mobile-index-contents {

color: $(body.text.color);

}

.mobile .mobile-link-button {

background: $(link.color) $(tabs.background.gradient) repeat scroll 0 0;

}

.mobile-link-button a:link, .mobile-link-button a:visited {

color: $(mobile.button.color);

}

.mobile .tabs-inner .PageList .widget-content {

background: transparent;

border-top: 1px solid;

border-color: $(tabs.border.color);

color: $(tabs.text.color);

}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {

border-$startSide: 1px solid $(tabs.border.color);

}

.feed-links{display:none !important;}

::-webkit-scrollbar {

width: 12px;

height: 4px;

background: #ffffff; /* Background da barra fixa */

}

::-webkit-scrollbar-thumb {

background: #000000 ; /* Background da barra móvel */

}

::-moz-selection {

background:#000; /*Fundo*/

color:#fff; /*Fonte/*

}

::selection {

background:#000; /*Fundo/*

color:#fff; /*Fonte/*

}

#navbar-iframe {

opacity:0;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

#navbar-iframe:hover {

opacity:1;

}

img {

filter: hue-rotate(360deg);

-webkit-filter: hue-rotate(360deg);

-moz-filter: hue-rotate(360deg);

-webkit-filter;(1);

-webkit-transition: all 0.7s linear;

-moz-transition: all 0.7s linear;

transition: all 0.7s linear;}

img:hover {

filter: hue-rotate(0deg);

-webkit-filter: hue-rotate(0deg);

-moz-filter: hue-rotate(0deg);

-webkit-filter;(0);}

::-moz-selection {

background:#000000; /*Cor do fundo*/

color:#ffffff; /*Cor da fonte*/

}

::selection {

background:#000000;/*Cor do fundo*/

color:#ffffff; /*Cor da fonte*/

}

.main img {

filter:alpha(opacity=82);

-moz-opacity:0.82;

opacity:0.82;

}

.main img:hover {

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

duration: 50s;

}

/*---Código por Cherry Sweet-Não retire os créditos---*/

.sidebar h2 {

background: #f5f5f5; /* background */

-moz-border-radius: 0 20px; /* bordas arredondadas */

-webkit-border-radius: 0 20px; /* bordas arredondadas */

border-radius: 0 20px; /* bordas arredondadas */

font-size: 15px; /* Tamanho da fonte */

color: #9C9C9C; /* Cor da fonte */

text-align: center; /* alinhamento do texto */

-webkit-transition-duration: 1.80s; /* velocidade da transição */

}

.sidebar h2:hover {

background: #f5f5f5; /* background em hover */

-moz-border-radius:20px 0; /* bordas arredondadas em hover */

-webkit-border-radius:20px 0; /* bordas arredondadas em hover */

border-radius:20px 0; /* bordas arredondadas em hover */

font-size: 15px; /* Tamanho da fonte em hover */

color: #9C9C9C; /* Cor da fonte em hover */

text-align: center; /* alinhamento do texto em hover */

}

/*---Código por Cherry Sweet-Não retire os créditos---*/

.elitescale{

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

-webkit-transition: 0s linear;

-webkit-transition: opacity 0.5s linear;

-webkit-transition: all 0.3s linear;

-moz-transition: all 0.3s linear;

transition: all 0.3s linear;

background-color: #87CEFA; /*Cor da borda */

padding: 3px;

}

.elitescale:hover {

background-color: #EE82EE; /*Cor da borda quando passa o mouse */

padding: 3px;

}

div#qTip {

margin:3px;

padding: 8px 22px;

border-right-width: 2px;

border-bottom-width: 2px;

display: none;

color:#000000;

background: #fdfdfd;

font: Tahoma;

font-size: 11px;

background:#fff url(http://i11.photobucket.com/albums/a168/evelynregly/5-4.png)

no-repeat 5%;

text-align: left;

position: absolute;

z-index: 1000;

box-shadow: inset 0 0 4px #eee, 0 0 4px #ccc;

}

figure {

display: block;

position: relative;

float: left;

overflow: hidden;

margin: 0 10px 10px 0;

-moz-transition: all 0.6s ease;

}

figcaption {

position: absolute;

margin-bottom: 10px;

background: #000000;

background-color: #000000;

color: #FFFFFF;

padding: 3px 3px;

opacity: 0;

-webkit-transition: all 0.8s ease;

-moz-transition: all 0.8s ease;

-o-transition: all 0.8s ease;

}

figure:hover figcaption {

opacity: 0.9;

}

figure:before {

content: "?";

position: absolute;

font-weight: 800;

background: #ff55a9;

text-shadow: 0 0 5px white;

color: #FFF;

width: 24px;

height: 24px;

-webkit-border-radius: 12px;

-moz-border-radius: 12px;

border-radius: 12px;

text-align: center;

font-size: 14px;

line-height: 24px;

-moz-transition: all 0.6s ease;

opacity: 0.75; }

figure:hover:before {

opacity: 0;

}

.cap-left:before { bottom: 10px; left: 10px; }

.cap-left figcaption { bottom: 0; left: -30%; }

.cap-left:hover figcaption { left: 0; }

/* Aqui definimos as propriedades CSS para a lista do menu */

ul#navigation {

position: absolute;

margin: -25px;

padding: 0px;

top: 0px;

right: 150px;

list-style: none;

z-index:999999;

width:721px;

}

ul#navigation li {

width: 103px;

display:inline;

float:left;

}

ul#navigation li a {

display: block;

float:left;

margin-top: -2px;

width: 100px;

height: 25px;

background-color:#d4d4d4; /*---cor de fundo---*/

background-repeat:no-repeat;

background-position:50% 10px;

border:1px dashed #8d898b; /*---cor da borda---*/

-moz-border-radius:0px 0px 10px 10px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-khtml-border-bottom-right-radius: 10px;

-khtml-border-bottom-left-radius: 10px;

text-decoration:none;

text-align:center;

padding-top:80px;

opacity: 0.8;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

ul#navigation li a:hover{

background-color:#CAE3F2;

opacity: 1;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

ul#navigation li a span{

letter-spacing:2px;

font-size:13px;

color:#3e3d3e; /*---cor do link---*/

text-shadow: 0 -1px 1px #fff;

}

/* Aqui definimos as imagens de fundo para os links dos itens da lista do menu*/

ul#navigation .home a{

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwP-YU7Rj6cCkrgGMpcdsLhtRet3swM4Ts5jxjSf_t4Mi0a22lqrD29dQmfWY2UDIs9RmkLJ_7Iwyg9E-fjMrDbyiPkfN5tuJjJ_4K9m5o3EuZYU-Hdt1Ijnur6KgNleZSLBmECyl-r4U/s1600/28.png);

}

ul#navigation .sobre a {

}

ul#navigation .foryou a {

}

ul#navigation .tutoriais a {

}

ul#navigation .png a {

}

u {color: #666666; text-decoration: none; border-bottom: 1px dashed #FF008C;} /* Estilo do sublinhado */

/*Para remover o logo do google*/

.gsc-branding-text, .gsc-branding-img-noclear {display:none;}

/* Personalização do Campo de texto */

td.gsc-input input {border: 2px solid #e7e7e7; background:#fff; color:#ff0048; font-family:verdana; font-size:11px; } /* Fim da personalização do Campo de texto */

/*personalização do botão*/

input.gsc-search-button {font-family:'trebuchet ms'; font-size:14px; color:#fff; background:#ff0048; border:0px; font-weight:normal; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }

input.gsc-search-button:hover {background:#b779db; color:#fff;} /*fundo e cor do texto quando passa o mouse*/

/*fim da personalização do botão*/

.jump-link{float: right; /* no lado direito ou esquero, pode mudar para left */background-color: #FF80FF; /* cor do fundo */padding-left: 2px; /* espaçamento esquerda */padding-right: 2px; /* espaçamento direita */padding-bottom: 5px; /* espaçamento embaixo */padding-top: 5px; /* espaçamento emcima */font-size: 10pt; /* tamanho da fonte */color: #000000; /* cor da fonte */text-align: center; /* alinhamento do texto */width: 100px; /* largura do fundo */opacity: 0.7; /* opacidade */-webkit-transition-duration: 1.00s; /* duração da volta do hover */border-radius: 20px;}

.jump-link:hover{background-color: #CFD9F6; /* cor do fundo com o mouse em cima */padding-left: 2px; /* espaçamento esquerda */padding-right: 2px; /* espaçamento direita */padding-bottom: 5px; /* espaçamento embaixo */padding-top: 5px; /* espaçamento em cima */color: #000000; /* cor da fonte */width: 100px; /*largura do fundo com o mouse em cima */opacity: 1.0; /* opacidade */-webkit-transition-duration: 1.00s; /* duração do hover */text-decoration: none; /* sem sublinhado, negrito, itálico ou tachado */}

]]></b:skin>

<b:template-skin>

<b:variable default='960px' name='content.width' type='length' value='1150px'/>

<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>

<b:variable default='310px' name='main.column.right.width' type='length' value='406px'/>

<![CDATA[

body {

min-width: $(content.width);

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: $(content.width);

max-width: $(content.width);

_width: $(content.width);

}

.main-inner .columns {

padding-left: $(main.column.left.width);

padding-right: $(main.column.right.width);

}

.main-inner .fauxcolumn-center-outer {

left: $(main.column.left.width);

right: $(main.column.right.width);

/* IE6 does not respect left and right together */

_width: expression(this.parentNode.offsetWidth -

parseInt("$(main.column.left.width)") -

parseInt("$(main.column.right.width)") + 'px');

}

.main-inner .fauxcolumn-left-outer {

width: $(main.column.left.width);

}

.main-inner .fauxcolumn-right-outer {

width: $(main.column.right.width);

}

.main-inner .column-left-outer {

width: $(main.column.left.width);

right: 100%;

margin-left: -$(main.column.left.width);

}

.main-inner .column-right-outer {

width: $(main.column.right.width);

margin-right: -$(main.column.right.width);

}

#layout {

min-width: 0;

}

#layout .content-outer {

min-width: 0;

width: 800px;

}

#layout .region-inner {

min-width: 0;

width: auto;

}

]]>

</b:template-skin>

$(function() {

var d=300;

$('#navigation a').each(function(){

$(this).stop().animate({

'marginTop':'-80px'

},d+=150);

});

$('#navigation > li').hover(

function () {

$('a',$(this)).stop().animate({

'marginTop':'-2px'

},200);

function () {

$('a',$(this)).stop().animate({

'marginTop':'-80px'

},200);

}

);

});

</script>

</head>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>

</b:section>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.metaDescription'>

</b:if>

</div>

</b:if>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<li class='Parceria'><a href='http://thenerd-world.blogspot.com.br/p/parceria.html'><span>Parceria</span></a></li>

<li class='Afiliação'><a href='http://thenerd-world.blogspot.com.br/p/afiliacao.html'><span>Afiliação</span></a></li>

<li class='Créditos'><a href='http://thenerd-world.blogspot.com.br/p/selinhos.html'><span>Créditos</span></a></li>

</ul>

</div>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='teste (Cabeçalho)' type='Header'/>

</b:section>

</div>

</div>

</header>

</div>

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>

<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='HTML4' locked='false' title='' type='HTML'/>

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>

</b:section>

</div>

<aside>

<macro:include id='main-column-left-sections' name='sections'>

<macro:param default='0' name='num' value='0'/>

<macro:param default='sidebar-left' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

<aside>

<macro:include id='main-column-right-sections' name='sections'>

<macro:param default='2' name='num' value='1'/>

<macro:param default='sidebar-right' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

</div>

</div>

</div>

</div>

<macro:include id='footer-sections' name='sections'>

<macro:param default='2' name='num'/>

<macro:param default='footer' name='idPrefix'/>

<macro:param default='foot' name='class'/>

<macro:param default='false' name='includeBottom'/>

</macro:include>

<b:section class='foot' id='footer-3' showaddelement='no'>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

</b:section>

</div>

</div>

</footer>

</div>

</div>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>

<b:include data='blog' name='google-analytics'/>

</body>

<macro:includable id='sections' var='col'>

<macro:if cond='data:col.num == 0'>

<macro:else/>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>

<macro:if cond='data:col.num >= 2'>

<tbody>

<tr>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>

</td>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>

</td>

<macro:if cond='data:col.num >= 3'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>

</td>

</macro:if>

<macro:if cond='data:col.num >= 4'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>

</td>

</macro:if>

</tr>

</tbody>

</table>

<macro:if cond='data:col.includeBottom'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>

</macro:if>

</macro:includable>

<b:section-contents id='sidebar-right-1'>

<b:widget id='Text1' locked='false' title='' type='Text'/>

<b:widget id='HTML2' locked='false' title='#MEGUSTA' type='HTML'/>

<b:widget id='Followers1' locked='false' title='#NEKOS' type='Followers'/>

<b:widget id='Label1' locked='false' title='#TAGS' type='Label'/>

<b:widget id='Poll1' locked='false' title='#NEWLAY' type='Poll'/>

<b:widget id='HTML1' locked='false' title='#FRIENDS' type='HTML'/>

<b:widget id='CustomSearch1' locked='false' title='#PESQUISE' type='CustomSearch'/>

</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>

<b:widget id='HTML3' locked='false' title='voltar ao topo' type='HTML'/>

</b:section-contents><b:section-contents id='footer-2-2'/></html>

Nenhum comentário:

Postar um comentário

Antes de comentar, siga as regras
caso algo não estiver certo seu comentário será simplesmente ignorado

- Não Xingue ninguém
- Não seja obsceno nas postagens
- Nem ouse em ME ofender, e nem a outros usuários
- Siga o Blog XD

e aqui alguns emoticons para uso:

´ ▽ ` )ﾉヽ(ｏ`皿′ｏ)ﾉ (・∀・ ) (￣(エ)￣) （￣へ￣） ( 　ﾟ,_ゝﾟ) (ι´Д｀)ﾉ (･ｪ-) ლ(́◉◞౪◟◉‵ლ) щ(ಠ益ಠщ) (ノಠ益ಠ)ノ彡┻━┻ ｡◕ ‿ ◕｡ ಠ_ಠ ( °٢° ) ʘ‿ʘ ಥ⌣ಥ ಥ‿ಥ (ΘεΘ;) (n˘v˘•) ¬(✪㉨✪) ヽ(๏∀๏ )ﾉ（╹ェ╹）╮ (─▽─) щ(ಥДಥщ) ≖‿≖ (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧ (⊙ヮ⊙) ᕦ(ò_óˇ)ᕤ ᕙ(⇀‸↼‶)ᕗ ( ಠ◡ಠ ) (•⊙ω⊙•) ‘︿’ （　´∀｀）☆ (≧ω≦) (´ー｀) (つд｀) (￣。￣) (*~▽~) ( ^▽^)σ )~O~) (=゜ω゜) (´ω｀) (ノ_・。) (-＿- )ノ (´ヘ｀;) （　´∀｀） ((((゜д゜;)))) (=ω=;) (。・_・。) (o´ω｀o) (^▽^) (*´д｀*) (￣□￣) ∩(︶▽︶)∩ (✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (✖╭╮✖) (≧◡≦) (¬_¬) (◑‿◐) (◕‿-) ✖‿✖ (-’_’-) (╥_╥) (╯_╰) (╯3╰) (o_-) (¬‿¬) (◣_◢) (∪ ◡ ∪) (≧ω≦) o(≧o≦)o (⋋▂⋌) (=´∀｀)人(´∀｀=)！(◎_◎) （＾Ｏ＾☆♪@(・●・)@*･゜ﾟ･*:.｡..｡.:*･’(*ﾟ▽ﾟ*)’･*:.｡. .｡.:*･゜ﾟ･*o(^▽^)o (^-^)/(^O^)／＼(^o^)／ ( ´ ▽ ` )ﾉ(＾ｰ^)ノヾ(＠⌒ー⌒＠)ノ( T_T)＼(^-^ )(｀_´)ゞ(￣^￣)ゞ(^^) (^ ^) (^_^) (^-^) (^o^) (^O^) (^○^) (^｡^)) ^o^((⌒▽⌒) (￣▽￣) （＾∇＾）（＾Ｏ＾） (*^^*) (*^_^*) (*^◯^*)(o^^o)(#^.^#)(*^o^*)\(//∇//)\♪───≧∇≦────♪*･゜ﾟ･:.｡..｡.:*･’(*▽*)’*:.｡. .｡.:*･゜ﾟ･*☆*:.｡. o(≧▽≦)o .｡.:*☆(((o(*ﾟ▽ﾟ*)o)))p(^_^)q（＾＿＾）☆(^_-)(^_−)−☆☆〜（ゝ。∂）(^ー゜)(^з^)-☆( ^ ^ )/□( ^ ^ )/■♪(*^^)o∀*∀o(^^*)♪d(^_^o)(￣ー￣)ｖ（＾＿＾ｖ）♪♪（ｖ＾＿＾）ｖ♪( ´▽｀)

7.2.13

HTML - Layout Free

Nenhum comentário:

Postar um comentário