PNQ - Testes: 2013

Negrito

Itálico

Sublinhado

~~Tachado~~

backquote

Informações:

- Este layout não foi feito por mim!
- ele foi criado pela Thais Brito para o meu blog (o antigo Dreaming Together)
- Ele só está no sorteio porque o meu blog mudou de nome então quis trocar de layout também, porque muitas pessoas adoraram ele e porque ela permite que eu utilize-o como quero!
- Quem ganhar o sorteio, por favor coloque os créditos pra ela em algum lugar daqui! (http://blogthaisbrito.blogspot.com.br/)
- Ele possui cabeçalho editável!

PEGUE TODO ESSE HTML:

<?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: Travel

Designer: Sookhee Lee

URL: www.plyfly.net

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

/* Variable definitions

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

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

default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 16px Coming Soon"/>

</Group>

</Group>

</Group>

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

default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 60px Lobster"/>

</Group>

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

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

</Group>

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

default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px Lobster"/>

</Group>

</Group>

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

default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px Indie Flower"/>

</Group>

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

default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 60px Indie Flower"/>

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

default="#ffffff" value="#000000"/>

</Group>

<Variable name="post.background.color" description="Background Color" type="color"

default="transparent" value="#ffffff"/>

</Group>

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

default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px Indie Flower"/>

</Group>

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

default="$(body.font)" value="$(body.font)"/>

</Group>

</Group>

</Group>

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

color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTeYG-o7_BB6jn9GKkVSPRGT4yXLdPz3bpiQS3VwVmDcUtWVf4yw0kABykVyv-HUocZJr2HGA3_RdYS0iR80ExaL809ArGCA33J9TkWPaDU-pWsRLsO-C7FvLFENX_rMYXggIvVpqo82v/s0/background-backgrounds-floral-pattern-pink-Favim.com-363646.jpg) repeat scroll top left"/>

<Variable name="content.background" description="Content Background" type="background"

color="$(content.background.color)" default="$(color) none repeat scroll top center" value="#ffffff url(//www.blogblog.com/1kt/travel/bg_container.png) repeat-x scroll top left"/>

<Variable name="comments.background" description="Comments Background" type="background"

default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>

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

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

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

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

<Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"

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

<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: 300px;

margin: 0;

padding: 0; }

body {

font: $(body.font);

color: $(body.text.color);

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6mY49AQOrzGn7NWAt1iv_f7DPBCROAMARzIp8qLDDTjubax_u1vfy-_dsgxEQSytV-t5k7vgSft-9R9qFs9uSt1fT__zG4F0U64ILLdeBkpyMW2Su7Lp0vXDsiAL3TSbjIVUdLdMW-At/s1600/b1.png") repeat; }

html {

background: url("http://s3.favim.com/orig/43/background-backgrounds-floral-pattern-pink-Favim.com-363646.jpg") repeat; }

html body .region-inner {

min-width: 0;

max-width: 100%;

width: auto;

}

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);

}

.content-outer .content-cap-top {

height: );

background:repeat-x scroll top center;

}

.content-outer {

margin: 0 auto;

;

}

.content-inner {

background: ;

background-position: ;

background-color: ;

padding:

}

.main-inner .date-outer {

margin-bottom: 2em;

}

/* Header

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

.header-inner .Header .titlewrapper,

.header-inner .Header .descriptionwrapper {

padding-left: 10px;

padding-right: 10px;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

}

.Header h1 a {

color: $(header.text.color);

}

.Header .description {

font-size: 130%;

}

/* Tabs

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

.tabs-inner {

margin: 1em 0 0;

padding: 0;

}

.tabs-inner .section {

margin: 0;

}

.tabs-inner .widget ul {

padding: 0;

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

}

.tabs-inner .widget li {

border: none;

}

.tabs-inner .widget li a {

display: inline-block;

padding: 1em 1.5em;

color: $(tabs.text.color);

font: $(tabs.font);

}

.tabs-inner .widget li.selected a,

.tabs-inner .widget li a:hover {

position: relative;

z-index: 1;

background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;

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

}

/* Headings

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

h2 {

font: $(widget.title.font);

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

}

.main-inner h2.date-header {

font: $(date.font);

color: $(date.text.color);

}

.footer-inner .widget h2,

.sidebar .widget h2 {

padding-bottom: .5em;

}

/* Main

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

.main-inner {

padding: $(content.padding) 0;

}

.main-inner .column-center-inner {

padding: $(content.posts.padding) 0;

}

.main-inner .column-center-inner .section {

margin: 0 $(content.posts.padding);

}

.main-inner .column-right-inner {

margin-left: $(content.padding);

}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {-webkit-border-top-right-radius: 20px;

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

-moz-border-radius-topright: 20px;

-moz-border-radius-bottomright: 20px;

border-top-right-radius: 20px;

margin-left: $(content.padding);

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

}

.main-inner .column-left-inner {

margin-right: $(content.padding);

}

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

margin-right: $(content.padding);

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

}

.main-inner .column-left-inner,

.main-inner .column-right-inner {

padding: 15px 0;

}

/* Posts

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

h3.post-title {

margin-top: 20px;

}

h3.post-title a {

font: $(post.title.font);

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

}

h3.post-title a:hover {

text-decoration: underline;

}

.main-inner .column-center-outer {

background: $(post.background.color) $(post.background.url) repeat scroll top left;

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TUCEUBKgNNmhVor6LN-LcUfod-Hf4sh__T8J7nHXXBfFIXQ_zobAqh70KIUat3ZprptB9uA0dWR13lUATPyaKObX_lG2ZJiFxRoyLaR05vmr96o4trKwubEdRkvXb9vQ7vq1h6usB4k/s1600/topo+or.png);

background-position: center top;

background-repeat:no-repeat;-webkit-border-top-left-radius: 20px;

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

-moz-border-radius-topleft: 20px;

-moz-border-radius-bottomleft: 20px;

border-top-left-radius: 20px;

border-bottom-left-radius: 20px;

}

.post-body {

line-height: 1.4;

position: relative;

}

.post-header {

margin: 0 0 1em;

line-height: 1.6;

}

.post-footer {

margin: .5em 0;

line-height: 1.6;

}

#blog-pager {

font-size: 140%;

}

#comments {

background: $(comments.background);

padding: 15px;

}

#comments .comment-author {

padding-top: 1.5em;

}

#comments h4,

#comments .comment-author a,

#comments .comment-timestamp a {

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

}

#comments .comment-author:first-child {

padding-top: 0;

border-top: none;

}

.avatar-image-container {

margin: .2em 0 0;

}

/* Comments

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

.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}

.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}

.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color: #FF69B4!important;text-align:center;text-decoration:none;background: #FAF0E6;border:1px solid #FF69B4;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}

.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}

.comments .comments-content .inline-thread{padding:0}

.comments .comments-content .comment-thread{margin:8px 0}

.comments .comments-content .comment-thread:empty{display:none}

.comment-replies{margin-top:1em;margin-left:40px;background:#FAF0E6 }

.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}

.comments .comments-content .comment:first-child{padding-top:16px}

.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}

.comments .comments-content .comment-body{position:relative}

.comments .comments-content .user{font-style:normal;font-weight:normal}

.comments .comments-content .user a{color:#FF1493;font-weight:normal;text-decoration:none}

.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}

.comments .comments-content .datetime a{color: #FF69B4;font-size:12px;float:right;text-decoration:none}

.comment-content{margin:0 0 8px;padding:0 5px}

.comment-header{font-size:18px;background-color:#FFFFFF;border-bottom:1px dashed #FFE4E1;padding:5px}

.comments .comments-content .owner-actions{position:absolute;right:0;top:0}

.comments .comments-replybox{border:none;height:230px;width:100%}

.comments .comment-replybox-thread{margin-top:0}

.comments .comment-replybox-single{margin-top:5px;margin-left:48px}

.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}

.comments .thread-toggle{cursor:pointer;display:inline-block}

.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}

.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}

.comments .thread-chrome.thread-collapsed{display:none}

.comments .thread-toggle{display:inline-block}

.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}

.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}

.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}

.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihL_uG0ouUKXUGtd2RpLr45E2hFvb3gMnxY3nSUlSh6DUgaeC6Hzvk9wBQUL-QBW-DNLaSxMkOt39lnYwEtkT0M_vQFv0m4FRGPNMp69qKl6I7FW0yRF58Ay9ep1N64vi79ibuDIS1LXU/s1600/seta+rosa.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}

.comments .avatar-image-container img{padding:2px;border:1px solid #FFE4E1;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}

.comments .comment-block{margin-left:65px;position:relative;border:3px solid #FF69B4; background: #FFFFFF; border-radius:8px}

@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}

/* Widgets

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

.sidebar .widget {

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

padding-bottom: 10px;

margin: 10px 0;

}

.sidebar .widget:first-child {

margin-top: 0;

}

.sidebar .widget:last-child {

border-bottom: none;

margin-bottom: 0;

padding-bottom: 0;

}

.footer-inner .widget,

.sidebar .widget {

font: $(widget.font);

color: $(widget.text.color);

}

.sidebar .widget a:link {

color: $(widget.link.color);

text-decoration: none;

}

.sidebar .widget a:visited {

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

}

.sidebar .widget a:hover {

color: $(widget.link.color);

text-decoration: underline;

}

.footer-inner .widget a:link {

color: $(link.color);

text-decoration: none;

}

.footer-inner .widget a:visited {

color: $(link.visited.color);

}

.footer-inner .widget a:hover {

color: $(link.color);

text-decoration: underline;

}

.widget .zippy {

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

}

.footer-inner {

background: transparent $(footer.background.gradient) repeat scroll top center;

}

/* Mobile

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

body.mobile {

padding: 0 10px;

background-size: 100% auto;

}

body.mobile .AdSense {

margin: 0 -10px;

}

.mobile .body-fauxcolumn-outer {

background: $(mobile.background.overlay);

}

.mobile .footer-inner .widget a:link {

color: $(widget.link.color);

text-decoration: none;

}

.mobile .footer-inner .widget a:visited {

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

}

.mobile-post-outer a {

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

}

.mobile-link-button {

background-color: $(link.color);

}

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

color: $(mobile.button.color);

}

.mobile-index-contents {

color: $(body.text.color);

}

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

background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;

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

}

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

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

}

#menu

{background: #FFF0F5;

color: #000000;

font: normal 20px Capriola;

text-shadow:0 1px #000000;

width: 70px;

height: 50px;

display: inline-block;

padding: 25px 5px 5px 5px;

margin: 5px;

margin-right: 2px;

border-radius: 100%;

-webkit-border-radius: 100%;

-moz-border-radius: 100%;

text-align: center;

-moz-box-shadow: inset 0 0 0px 8px #ea649a;

-webkit-box-shadow: inset 0 0 0px 8px #ea649a;

box-shadow: inset 0 0 0px 8px#FF1493;

-moz-transition: all 0.4s ease-out;

-webkit-transition: all 0.8s ease-out;

-o-transition: all 0.8s ease-out;

-ms-transition: all 0.8s ease-out;

transition: all 0.8s ease-out;}

#menu:hover

{opacity: .80;

-moz-box-shadow: inset 0 0 0px 38px #FFFFFF;

-webkit-box-shadow: inset 0 0 0px 38px #000000;

box-shadow: inset 0 0 0px 38px #FFFFFF;

-webkit-transform: rotate(360deg) scale(1.1) skew(1deg) translate(0px);}

#navbar-iframe {

opacity:0;

}

#navbar-iframe:hover {

opacity:1;

}.comment-bubble {

float: left; /* posicionamento a direita, pode mudar para right*/

width : 78px; /*largura da imagem do balão*/

height : 83px; /*atura da imagem do balão*/

background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9a4ttBGawDVOPvgprXCYHeRGJyUWJJlOvzRby1QN_jgcYRABZqonq_LH_Cr6sK99bq98VsgpIRwPvbKHIW1MGN4lIbFSsbcRRLUj5_XanEnhIhq86qZI0pYnnsbtIJqN6cYPElvVZ80u/s1600/bal%25C3%25A3o3.png) no-repeat;

font-size : 28px; /*tamanho da fonte do número de comentários*/

margin-top: -19px; /*margem em relação ao topo, ajuste o nº se precisar*/

margin-left: 10px; /*margem em relação ao lado esquerdo, ajuste o nº se precisar*/

padding: 3px; /* espaçamento interno*/

text-align : center; /*texto centralizado*/

}/* Sidebar personalizada - blogthistime.blogspot.com */

.sidebar .widget {

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

border-radius: 10px; /* Bordas arredondadas */

padding: 10px;

-webkit-box-shadow: 4px 3px 5px rgba(50, 50, 50, 0.42);

-moz-box-shadow: 4px 3px 5px rgba(50, 50, 50, 0.42);

box-shadow: 4px 3px 5px rgba(50, 50, 50, 0.42);

}

/* Título dos gadgets*/

.sidebar h2 {

font-family: Brush Script MT; /*Tipo de fonte*/

text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.52);

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

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

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCAsnNdZ7XLXn9PU_hyGG8fa7vdnEsCGkzJmgVBhNGEyroE23XuBJgHyQpStiDQqRlRFzzpCeFsMbvS-5kvmG5Q9EbLFPoWwexVlvZHrxXnKLVR4Fswo2iGdVzCKdLHQV09Velbc7u1I/s1600/BASE+PARA+BANNER+(2).png") no-repeat center; /* Fundo */

height: 35px;/*Altura da imagem*/

width: 270px; /*Largura da imagem*/

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

float: right; /* Se não ficar bom, mude para left */

} /* Fim da sidebar personalizada/* ORBIT SLIDER

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

#featured {height: 1px; width: 1px; overflow: hidden;}

div.orbit {

width: 1px;

height: 1px;

position: relative;

overflow: hidden;

}

div.orbit img {

position: absolute;

top: 0;

left: 0;

}

div.orbit a img {border: none;}

div.timer {

width: 40px;

height: 40px;

overflow: hidden;

position: absolute;

top: 10px;

right:10px;

opacity: .6;

cursor: pointer;

z-index: 1001;

}

span.rotator {

display: block;

width: 40px;

height: 40px;

position: absolute;

top: 0;

left: -20px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkseW-D61HKW0JK_u9TlXdunJfR8JHjmHhHD57cOP7vS1MvLhRUEyznDOMhkWr-ehwKVQl_RxC-R40tudTBT1-S2yQJXZxYYbYKedRzH8HY_QoMw_xff7XZTwg90yHbW6J4f0ZGy0o0sFr/s1600/rotator-black.png);

background-repeat: no-repeat;

z-index: 3;

}

span.mask {

display: block;

width: 20px;

height: 40px;

position: absolute;

top: 0;

right: 0;

z-index: 2;

overflow: hidden;

}

span.rotator.move {left: 0;}

span.mask.move {

width: 40px;

left: 0;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnho-AAlF-CXeA8ZV1kGEp-VvbdVnqAy642CjlgGhTY_RJ5Ss_SljxNhm5uwoTIt5MN9nd6yvtqXNuctTOeGanJBdnyOUBa2OMZ_V6pt2ruJfuuguF4cQEN8FoDw_3Q3hGECHwIj8I6hi/s1600/timer-black.png);

background-repeat: repeat;

background-position: 0px 0px;

}

span.pause {

display: block;

width: 40px;

height: 40px;

position: absolute;

top: 0;

left: 0px;

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNRHUXwUYvUSh0UpvFQ2dz19_KXcGsC4Ts07xE1Q929OtadcWtF8zm-nPaaaL-AdEPRC_I88J4lrOvRzJG-ujr9YFQwK4N5VmRKbzqF6LGVMIYUBzQwkthhfMIVJ70GPdfAYgU0v61MEY/s1600/pause-black.png);

background-repeat: no-repeat;

z-index: 4;

opacity: 0;

}

div.timer:hover span.pause,

span.pause.active,

div.timer:hover span.pause.active { opacity: 1; }

div.caption {

background: #000;

background: rgba(0,0,0,.6);

width: 100%;

z-index: 1000;

position: absolute;

bottom:-100px;

color: #fff;

padding: 8px 0;

text-align: center;

}

div.caption span {

padding: 0 10px;

font-size: 14px;

text-shadow: 0px 1px 0px rgba(0,0,0,.8);

margin: 0;

}

.orbit-caption { display: none; }

div.orbit:hover div.slider-nav { display: block; }

div.slider-nav { display: none; }

div.slider-nav span {

width: 33px;

height: 33px;

text-indent: -9999px;

position: absolute;

z-index: 1000;

top: 43%;

cursor: pointer;

}

div.slider-nav span.right {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEtz9oEVl3roDrLj3utLkPix6LJIaQ8vVkU0Hd7AlArdW_-17zJXEsNa0AZvL0R10Ov5pu_M2Gwykgab_O7moms3sVKPNX-TU_Q3uCkhQf1beou4zOP-RIxOAsrxqzDVvsQMAzVaipqAIs/s1600/right-arrow.png);

right: 10px;

}

div.slider-nav span.left {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rb74zB3Xm3qWxFrHbMHEnlAqPx0Gzuv0uzN7phP2AWLnfh861K25fiFPIVd-B5F-MRECUflG4BuGvMBE9OYMdW0JnY2CuU225nOPCYChGFCXwCTLVf94SWZmoES3fSyFuCEIcF13hyphenhyphenkQ/s1600/left-arrow.png);

left: 10px;

}

.orbit-bullets {

position: absolute;

z-index: 1000;

list-style: none;

top: 10px;

left: 7px;

margin: 0;

padding: 0;

}

.orbit-bullets li {

float: left;

margin-left: 5px;

cursor: pointer;

color: #999;

text-indent: -9999px;

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi13l1jMRFh74ZlZotD73cnSte5-pOVyux89XF4DnsCKFwc228tj6r0k2o0E6722pHX7yhElp97aTiJMZ0QgW2r6K0xo84P8VfKs0Dv_bVxfKyrnyhr_8UMLfulTS1n23sy5sNKFbHgqdV0/s1600/bullets.png);

background-repeat: no-repeat;

background-position: 0 0;

width: 7px;

height: 7px;

overflow: hidden;

}

.orbit-bullets li.active { color: #222; background-position: -7px 0; }

.feed-links {

height:0px;

visibility:hidden;

display:none

}]]></b:skin>

<b:template-skin>

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

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

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

<![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>

<!--[if IE]>

.timer { display: none !important; }

div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }

</style>

<![endif]-->

$(window).load(function() {

$('#featured').orbit({

advanceSpeed: 5000,

'bullets': true,

'timer' : true,

'animation' : 'horizontal-slide'

});

</script>

//<![CDATA[

* jQuery Orbit Plugin 1.1

* www.ZURB.com/playground

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

x();if(a.animation=="fade"){f.eq(h).css({"z-index":2});f.eq(b).css({opacity:0,"z-index":3}).animate({opacity:1},a.animationSpeed,g);a.captions&&o()}if(a.animation=="horizontal-slide"){f.eq(h).css({"z-index":2});k=="next"&&f.eq(b).css({left:t,"z-index":3}).animate({left:0},a.animationSpeed,g);k=="prev"&&f.eq(b).css({left:-t,"z-index":3}).animate({left:0},a.animationSpeed,g);a.captions&&o()}if(a.animation=="vertical-slide"){f.eq(h).css({"z-index":2});k=="prev"&&f.eq(b).css({top:u,"z-index":3}).animate({top:0},

a.animationSpeed,g);k=="next"&&f.eq(b).css({top:-u,"z-index":3}).animate({top:0},a.animationSpeed,g);a.captions&&o()}}}var b=0,n=0,t,u,s,d=e(this).addClass("orbit"),f=d.find("img, a img");f.each(function(){var c=e(this),g=c.width();c=c.height();d.width(g);t=d.width();d.height(c);u=d.height();n++});f.eq(b).css({"z-index":3});if(a.timer){d.append('<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>');var j=e("div.timer"),p;if(j.length!=0){var C=

a.advanceSpeed/180,v=e("div.timer span.rotator"),y=e("div.timer span.mask"),z=e("div.timer span.pause"),l=0,A,w=function(){p=true;z.removeClass("active");A=setInterval(function(){var c="rotate("+l+"deg)";l+=2;v.css({"-webkit-transform":c,"-moz-transform":c,"-o-transform":c});if(l>180){v.addClass("move");y.addClass("move")}if(l>360){v.removeClass("move");y.removeClass("move");l=0;m("next")}},C)},q=function(){p=false;clearInterval(A);z.addClass("active")};w();j.click(function(){p?q():w()});if(a.startClockOnMouseOut){var B;

d.mouseleave(function(){B=setTimeout(function(){p||w()},a.startClockOnMouseOutAfter)});d.mouseenter(function(){clearTimeout(B)})}}}if(a.captions){d.append('<div class="caption"><span class="orbit-caption"></span></div>');var r=d.children("div.caption").children("span").addClass("orbit-caption").show(),o=function(){var c=f.eq(b).attr("rel"),g=e("#"+c).html(),h=r.height()+20;r.attr("id","#"+c).html(g);g?r.parent().stop().animate({bottom:0},a.captionAnimationSpeed):r.parent().stop().animate({bottom:-h},

a.captionAnimationSpeed)};o()}if(a.directionalNav){d.append('<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>');j=d.children("div.slider-nav").children("span.left");var D=d.children("div.slider-nav").children("span.right");j.click(function(){a.timer&&q();m("prev")});D.click(function(){a.timer&&q();m("next")})}if(a.bullets){d.append('<ul class="orbit-bullets"></ul>');var E=e("ul.orbit-bullets");for(i=0;i<n;i++){j=e("<li>"+i+"</li>");e("ul.orbit-bullets").append(j);

j.data("index",i);j.click(function(){a.timer&&q();m(e(this).data("index"))})}var x=function(){E.children("li").removeClass("active").eq(b).addClass("active")};x()}})}})(jQuery);

//]]>

</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>

</div>

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

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

</b:section>

</div>

</div>

</header>

</div>

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

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

</b:section>

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

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

</b:section>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

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

<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'/>

<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'/>

<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'/>

</a>

</div></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='Sobre Mim ♦' type='Text'/>

<b:widget id='HTML7' locked='false' title='Afiliados ♦' type='HTML'/>

<b:widget id='HTML6' locked='false' title='categorias ♦' type='HTML'/>

<b:widget id='HTML8' locked='false' title='Redes sociais ♦' type='HTML'/>

<b:widget id='Followers1' locked='false' title='leitores ♦' type='Followers'/>

<b:widget id='HTML2' locked='false' title='linke-me ♦' type='HTML'/>

<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog ♦' type='BlogArchive'/>

<b:widget id='Image1' locked='false' title='look do dia ♦' type='Image'/>

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

<b:widget id='PopularPosts1' locked='false' title='5+ lidos ♦' type='PopularPosts'/>

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

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

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

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

</b:section-contents></html>

Para instalar no seu blog:

Painel do Blogger >> Modelo >> Editar HTML >> [x] Expandir modelos de widgets >> Apague tudo e cole todo o HTML acima >> Clique em salvar modelo, visualize e pronto!

é isso! Que vença a melhor.
qualquer erro me informe!

1 comentários

Arquivo do blog

Postagem Teste!

sábado, 16 de março de 2013