Banco de Dados de HTML: HTML Template Frame ICE

Template Frame ICE

Caso tenha dúvida de como por no seu blog, consulte o tutorial disponivel em https://xdesignerhabbo.blogspot.com

Fonte: https://xdesignerhabbo.blogspot.com/2018/08/template-frame-ice.html
--

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == "error_page"'>
   <title>PÃ¡gina nÃ£o encontrada!</title>
 <b:else/>
   <title><data:blog.pageTitle/></title>
 </b:if>
 <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'/>
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

<b:skin><![CDATA[

widget{
background:#fff;
border:1px solid #b6b6af;
padding:3px;
border-radius:6px;
-webkit-box-shadow:0 0 0 3px rgba(0, 0, 0, 0.06);
box-shadow:0 0 0 3px rgba(0, 0, 0, 0.06);
margin:0 0 10px;
overflow:hidden;
width: 469px;
}
.widget .head{
border-radius:5px;
padding:13px 11px 11px;
margin:0 0 3px;
}
.widget.orange .head{
background:#f28215 url(../images/bg-orange.png);
border-bottom:3px solid #bd5d00;
}
.widget.green .head{
background:#8fd93f url(../images/bg-green.png);
border-bottom:3px solid #6cac25;
}
.widget.blue .head{
background:url(../images/bg-blue.png);
border-bottom:3px solid #2d90c1;
}
.widget .head h1{
font-size:11px;
line-height:13px;
color:#fff;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.45);
margin:0;
display:inline-block;
vertical-align:middle;
}
.widget .head h1:before{
content:'';
display:inline-block;
vertical-align:middle;
height:18px;
width:30px;
}
.widget.welcome .head h1:before{background:url(../images/sprite.png) no-repeat 6px -43px;}
.widget.send .head h1:before{background:url(../images/sprite.png) no-repeat -56px -46px;}
.widget.likes .head h1:before{background:url(../images/sprite.png) no-repeat -82px -46px;}
.widget.news .head h1:before{background:url(../images/sprite.png) no-repeat -27px -45px;}
.widget .text{
overflow:hidden;
padding:5px 6px 2px;
}
.widget p{margin:0 0 12px;}
.widget .img-1{
float:right;
max-width:100%;
height:auto;
margin:0 21px 0 0;
}
.widget .list{
padding:0;
margin:0 0 3px;
list-style:none;
}
.widget .list li{
font-weight:bold;
}
.widget .list a{
color:#e99b6f;
position:relative;
padding:0 0 0 11px;
}
.widget .list a:after{
content:'';
position:absolute;
top:6px;
left:0;
background:url(../images/sprite.png) no-repeat -94px 0;
width: 6px;
height: 5px;
}
#main .widget .event{
background:#fff url(https://image.prntscr.com/image/F7t1dtjqQradVMtR6X0N7Q.png) no-repeat 50% 0;
bavkground-position: 0px 15px;
border-radius:5px;
overflow:hidden;
color:#fff;
width:680px;
font-size: 12px;
}
.widget .img-2{
float:left;
margin:0 -100% 0 0;
width:469px;
height:auto;
}
.widget .event.text{padding:8px 9px 9px 11px;}
.widget .event h1{
font-size:26px;
line-height:28px;
text-shadow:2px 2px 0 rgba(0, 0, 0, 0.60);
margin:0 0 5px;
letter-spacing:-1px;
}
.widget .event p{
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.70);
margin:0 0 9px;
}
.widget .table-holder{
background:#e5e5e5;
border-radius:5px;
padding:3px;
-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.33);
box-shadow:0 0 0 1px rgba(0, 0, 0, 0.33);
position:relative;
color:#4c4c4c;
}
.widget .table{
width:100%;
border-collapse:separate;
border-radius:5px;
background:#fff;
border-spacing:0;
color:#7f7f7f;
text-align: center;
}
.widget .table thead{
background:#e0e0e0;
}
.widget .table th{
border:1px solid #fff;
border-right:1px solid #bfbfbf;
border-bottom:1px solid #bfbfbf;
padding:9px 5px;
color:#7e7e7e;
text-shadow:1px 1px 0 #fff;
}
.widget .table th:first-child{border-radius:5px 0 0 0;}
.widget .table th:last-child{border-radius:0 5px 0 0;}
.widget .table .col-1{width:80px;}
.widget .table .col-2{width:85px;}
.widget .table .col-3{width:83px;}
.widget .table .col-4{width:147px;}
.widget .table td{
padding:3px 5px 2px 10px;
}
.widget.green .more{
font-weight:bold;
color:#a7f552;
}
#msg { background: rgb(207,10,19); width: 100%; height: 60px;  border-bottom: 3px solid rgba(0,0,0,0.1); font-family: Helvetica,sans-serif; color: white; font-weight: lighter; font-size: 14px; text-shadow: rgba(0,0,0, 0.3) 0px 1px;}
#msgback { background: rgb(1,193,236); width: 100%; height: 63px; position: absolute; z-index: -999; }
.item-box{width:100%;height:55px;margin-bottom:5px;background-color:#f5f5f5;border:1px solid #d8d7d2;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.05);float:left;border-right:3px solid #000}.item-box>.image,.item-box>a>.image{width:55px;height:55px;margin:-1px 10px 0 -1px;border-radius:3px;background-color:#fff;background-repeat:no-repeat;background-position:50%!important;display:table;float:left;color:#fff}.item-box>.image>span,.item-box>a>.image>span{display:table-cell;text-align:center;vertical-align:middle;font-size:20px}.item-box>.body{height:100%;display:table;float:left}.item-box>.body>span{display:table-cell;vertical-align:middle}.item-box>.body>span>h1,.item-box>.body>span>h1>a{font-size:16px;display:inline;font-weight:400}.item-box>.body>span>h2{font-size:13px;margin:0;color:#737373;font-weight:400}.item-box>.body>span>h3{font-size:12px;color:#000;font-weight:400;margin:0}.item-box>.body>span>h3>a{color:#242424;font-style:italic}.item-box:last-child{margin-bottom:0}.item-box.red{border-right:3px solid #d9534f}.item-box.red>.body>span>h1,.item-box.red>.body>span>h1>a{color:#d9534f}.item-box.yellow{border-right:3px solid #f0ad4e}.item-box.yellow>.body>span>h1,.item-box.yellow>.body>span>h1>a{color:#f0ad4e}.item-box.green{border-right:3px solid #5cb85c}.item-box.green>.body>span>h1,.item-box.green>.body>span>h1>a{color:#5cb85c}.item-box.blue{border-right:3px solid #5bc0de}.item-box.blue>.body>span>h1,.item-box.blue>.body>span>h1>a{color:#5bc0de}.item-box.blue-dark{border-right:3px solid #205081}.item-box.blue-dark>.body>span>h1,.item-box.blue-dark>.body>span>h1>a{color:#205081}.item-box.orange{border-right:3px solid #fc8d00}.item-box.orange>.body>span>h1,.item-box.orange>.body>span>h1>a{color:#fc8d00}.item-box.purple{border-right:3px solid #b19cd9}.item-box.purple>.body>span>h1,.item-box.purple>.body>span>h1>a{color:#b19cd9}.item-box.brown{border-right:3px solid #836953}.item-box.brown>.body>span>h1,.item-box.brown>.body>span>h1>a{color:#836953}.item-box.black{border-right:3px solid #1c1c1c}.item-box.black>.body>span>h1,.item-box.black>.body>span>h1>a{color:#1c1c1c}.item-box.grey{border-right:3px solid #a4a4a4}.item-box.grey>.body>span>h1,.item-box.grey>.body>span>h1>a{color:#a4a4a4}.item-box.emerald{border-right:3px solid #5b9}.item-box.emerald>.body>span>h1,.item-box.emerald>.body>span>h1>a{color:#5b9}.item-box.pink{border-right:3px solid #fd809f}.item-box.pink>.body>span>h1,.item-box.pink>.body>span>h1>a{color:#fd809f}.account-box{width:100%;height:55px;margin-bottom:5px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:40px 3px 3px 40px;box-shadow:0 1px 1px rgba(0,0,0,.05);float:left}.account-box.online{border-right:3px solid #32cd32}.account-box.offline{border-right:3px solid silver}.account-box>.avatar{width:55px;height:55px;margin:-1px 10px 0 -1px;border-radius:100%;background-color:#fff;background-repeat:no-repeat;background-position:50%!important;background-size:cover;display:table;float:left;color:#e6e6e6}.account-box>.avatar>a{width:100%;height:100%;display:block}.account-box>.body{height:100%;display:table;float:left}.account-box>.body>span{display:table-cell;vertical-align:middle}.account-box>.body>span>h1,.account-box>.body>span>h1>a,.item-box>.body>span>h1>a{color:#000;font-size:14px;display:inline;font-weight:400}
/*OFICIAL FANSITE
---------------------------------------------------*/
#fansite_badge{
background:url(http://i.imgur.com/P7p8shA.gif) no-repeat;
width:123px;
height:64px;
position:fixed;
right:30px;
top:20px;}
/*ENTREVISTA
---------------------------------------------------*/
body {
background-color: rgb(240,240,240);
font-family: arial;
}
.clearfix {
clear: both;
}
.separa-entrevista {
background-color: rgb(2,126,157);
box-shadow: 0 1px rgba(0,0,0,0.15);
height: 1px;
margin: 10px;
}
.fala {
font-size: 12px;
}
.fala .habbo {
width: 54px;
height: 62px;
float: right;
margin: -8px 5px;
}
.entrevistado .habbo {
float: left;
}
.fala .msg {
background-color: rgb(215,253,255);
max-width: 540px;
box-shadow: 0 0 0 1px rgb(0,163,210), inset 0 -2px rgba(0,0,0,0.1), 0 3px rgba(0,0,0,0.1);
border-radius: 4px;
float: right;
padding: 10px;
margin: 10px;
color: #00A3D2;
position: relative;
}
.fala .msg:before {
content:'';
position: absolute;
top: 8px;
right: -8px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid rgb(215,253,255);
-webkit-filter: drop-shadow(1px 0 rgb(0,163,210));
filter: drop-shadow(1px 0 rgb(0,163,210));
}
.entrevistado .msg {
background-color: rgb(255,255,255);
max-width: 500px;
box-shadow: 0 0 0 1px rgb(90,90,90), inset 0 -2px rgba(0,0,0,0.1), 0 3px rgba(0,0,0,0.1);
color: #666666;
float: left;
}
.entrevistado .msg:before {
content:'';
position: absolute;
top: 8px;
right: 100%;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid rgb(255,255,255);
border-left: none;
-webkit-filter: drop-shadow(-1px 0 rgb(90,90,90));
filter: drop-shadow(-1px 0 rgb(90,90,90));
}
/* Equipe
----------------------------------------------- */
body {
background: #eee;
font-family: 'Lily Script One';
}
.base-enquete {
width: 104px;
height: 74px;
float: left;
margin: 6px 10px;
margin-top: 52px;
perspective: 500px;
}
.dentro {
position: absolute;
width: 100%;
height: 100%;
transition: transform 1s;
transform-style: preserve-3d;
}
.base-enquete:hover .dentro {
transform: rotateY( 180deg ) ;
transition: transform 1s;
}
.frente,
.atras {
background-color: rgb(209,209,209);
background-image: linear-gradient(to bottom, rgb(209,209,209), rgb(230,230,230));
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgb(155,155,155), inset 0 3px rgb(255,255,255), 3px 3px rgba(0,0,0,0.22);
position: absolute;
height: 100%;
width: 100%;
backface-visibility: hidden;
}
.atras {
transform: rotateY( 180deg );
}
.base-enquete .habbo {
width: 128px;
height: 100px;
background-repeat: no-repeat;
margin-top: -50px;
margin-left: 19px;
}
.base-enquete .nome {
background-color: rgb(255,210,74);
background-image: linear-gradient(to bottom, rgb(255,210,74), rgb(244,184,0));
height: 28px;
line-height: 26px;
border-radius: 0 0 6px 6px;
box-shadow: inset 0 0 0 1px rgb(206,100,1), inset 0 3px rgb(255,235,174);
font-family: Arial;
margin-top: -4px;
text-align: center;
font-size: 12px;
color: #A64F00;
text-shadow: 0 1px rgb(255,235,174);
}
/* Imager
----------------------------------------------- */
.clear{clear: both;}
#imager{width: 600px;padding: 1px;margin:0 auto; margin-top:4px;}
#imager .left{width: 120px;float: left;}
#imager .right{width: 460px;float: right;}
#imager .left #base{width: 121px;height: 120px;background: url(base.png) 25px 81px no-repeat;}
#imager .left #avatar{width: 58px;height: 120px;margin: 0 auto;}
#imager .left .pre_nex{width: 94%;margin: 1px auto;}
#imager .left .pre_nex .previous, #imager .left .pre_nex .next, #imager .left .pre_nex .middle{width: 11px;font: bold 11px Verdana;color: #666;cursor: pointer;}
#imager .left .pre_nex .middle{width: 90px;text-align: center;float: left;cursor: default;}
#imager .left .pre_nex .previous{float: left;}
#imager .left .pre_nex .next{float: right;}
#imager .right fieldset{border: none;padding: 5px;}
#imager .right fieldset label{color: #666;font-weight: bold;font-size: 13px;display: block;margin: 2px 0;}
#imager .right fieldset input{
}
#imager #bbccd{display: none;}
#box_lado_esq {width:684px; height:auto; float:left; padding:19px 0 21px 27px; border-bottom:1px solid #D3D3D3;}
#meio_box_esq {width:681px; height:auto; float:left;}
input[type="checkbox"] {float:left; margin-right:6px;}
input[type=text], input[type=password] {width:350px; float:left; font-family:Segoe UI; font-size:14px; color:#333; padding:12px; border:1px solid #C4C4C4; background:#FFF; margin:10px 0 2px 0; border-radius:1px;}
input[type=text]:hover, input[type=password]:hover {border:1px solid #B1B1B1; box-shadow:inset 0 1px 1px #DDDDDD;}
input[type=text]:focus, input[type=password]:focus {outline:0 none; border:1px solid #56B4EF; box-shadow:inset 0 1px 2px #C3C3C3;}
input[type=file] {width:350px; float:left; font-family:Segoe UI; font-size:14px; color:#333; padding:12px; border:1px solid #C4C4C4; background:#FFF; margin:10px 0 2px 0; border-radius:1px;}
input[type=file]:hover {border:1px solid #B1B1B1; box-shadow:inset 0 1px 1px #DDDDDD;}
input[type=file]:focus {outline:0 none; border:1px solid #56B4EF; box-shadow:inset 0 1px 2px #C3C3C3;}
select {width:376px; float:left; font-family:Segoe UI; font-size:14px; color:#333; padding:12px; border:1px solid #C4C4C4; background:#FFF; margin:10px 0 2px 0; border-radius:1px;}
select:hover {border:1px solid #B1B1B1; box-shadow:inset 0 1px 1px #DDDDDD;}
select:focus {outline:0 none; border:1px solid #56B4EF; box-shadow:inset 0 1px 2px #C3C3C3;}

/* Content
----------------------------------------------- */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: url(http://i.imgur.com/bJAWUw5.gif);
background-attachment: fixed;
padding: 0!important;
margin: 0;
padding: 0;
font-family: 'Ubuntu', sans-serif;
color: rgb(160,164,168);
}
a:link {
color: #3AB5DA;
text-decoration:none;
}
a:visited {
color: #3AB5DA;
text-decoration:none;
}
a:hover {
color: #3AB5DA;
text-decoration:none;
}
.body-fauxcolumn-outer .fauxcolumn-inner {
}
.content-outer {
}
.content-inner {
}
#topo {
background: url(http://i.imgur.com/DwXfbie.png);
width: 100%;
height: 277px;
margin-bottom: -20px;
border-bottom: 1px soli rgba(0,0,0,0.4);
box-shadow: 0 2px 2px rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1);
position: relative;
z-index: -999;
}
#radia {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFiWw3Yog4YYl_veTW6FRVowfezaXULOOhrLUFFCdZBJhGnIzwe6kRuk2iAaqoFHZ9UuWmgLOKkaylJSJsz-xMTnNwHDidAP4689pfGkhyKFSdB6dhvatDmPzfH0gjOSYNsEdGfbOTETSv/s1600/radial.png);
width: 600px;
height: 200px;
margin: 0 auto;
padding-top: 40px;
}
#radial {
animation-name: rotate;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: linear;
position: absolute;
top: -5px;
left: -35px;
right: 0;
margin: auto;
padding-top: 40px;
width: 286px;
height: 294px;
background: url(http://i.imgur.com/lgX2kwb.png) no-repeat center;
background-size: 100% 100%;
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
#logo {
background: url(https://i.imgur.com/vYat3or.png);http://i.imgur.com/OSbnz7s.png;
width: 170px;
height: 128px;
margin: 0 auto;
top: 70px;
left: -20px;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#slide {
width: 280px;
height: 200px;
margin: -10px;
margin-top: -16px;
margin-left: -6px;
}
/* Columns
----------------------------------------------- */
.main-outer {
margin: 0;
}
/* Emblemas
----------------------------------------------- */
#emblemas{width:61px;height:61px;margin-right:6px;margin-top:5px;line-height:60px;float:left;cursor:default;text-align:center;background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,.1);-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),inset 0 2px 8px 0 rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),inset 0 2px 8px 0 rgba(0,0,0,.1)}#emblemas:hover{background-color:rgba(0,0,0,.3)}#emblemas:hover .aviso{opacity:.9;visibility:visible;bottom:15px;z-index:9999999999999999999999999999999999999999999999999999999999999}
#emblemas {
display:inline-table;
}
.clearfix {
display: inline-block;
}
.conteudo1{
width: 100%;
height: 200px;
}
.conteudo1 .badge-holder{
background-color: #DDD;
background-position: center;
box-shadow: 0 2px 0 #CCC;
border-radius: 4px;
width: 50px;
height: 50px;
margin-bottom: 5px;
margin-right: 3px;
float: left;
transition: all 0.05s;
}
.conteudo1 .badge-holder .emblema{
margin-top: 5px;
margin-left: 5px;
float: left;
}
.conteudo1 .badge-holder:hover{
background-color: #13C0F2;
box-shadow: 0 2px 0 #0E90B5;
}
/* Posts
----------------------------------------------- */
.date-header span {
}
.main-inner {
margin: 0;
}
.main-inner .column-center-inner {
padding: 0;
}
.main-inner .column-center-inner .section {
margin: 0;
}
.post {
background: #FFF;
margin-top: 10px;
border-radius: 5px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.5);
margin-top: 0px;
margin-bottom: 15px;
}
h3.post-title, .comments h4 {
background-image: -webkit-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(240, 240, 240) 100%);
width: 100%;
height: 50px;
box-shadow: 0 1px 0 #a8a8a8, inset 0 -3px 0 rgba(0,0,0,0.05);
text-shadow: 0 1px 0 white;
font-weight: 100;
color: #3AB5DA;
line-height: 50px;
padding: 0 15px 0 15px;
font-size: 18px;
border-radius: 5px 5px 0 0;
}
h3.post-title a {
color: #3AB5DA;
}
.post-body {
padding: 5px 10px;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
}
.post-body img, .post-body .tr-caption-container {
}
.post-body .tr-caption-container {
}
.post-body .tr-caption-container img {
}
.post-header {
padding: 5px 10px;
margin-bottom: -10px;
color:#CCC;
font-size: 90%;
}
.post-header a {
color: #CCC;
}
.post-footer {
font-size: 90%;
padding: 5px 10px 5px 10px;
}
.post-timestamp {margin-left: 7px;margin-right: 5px;}
.post-comment-link {margin-left: 10px; margin-top: 0;}
.jump-link {background: rgba(0,0,0,0.1);padding: 5px 15px 5px 15px;text-align: center;border-radius: 4px;box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08); margin: 0 10px 0 10px;}
.jump-link a {color: #999;}
/* ComentÃ¡rios
----------------------------------------------- */
#comments h4, #comments .comment-author a, #comments .comment-timestamp a {
background-color: #78d9f9;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOrV97VX-Ly8qv0NhhISl0znhWtvlChywwJO5kEw4tz57AUaRtLbFtXtewp5aaqWxJzQkyj2uNRudpWbHvIhicrXkZiNotXoEOywIOnB0Q7a9j5uE2AnhGHsoayxr7ymfK-e1iZxTq6uel/s1600/nuvens.png);
background-position: center -10px;
text-shadow: 0 2px 0 rgba(0,0,0,0.2);
text-transform: uppercase;
color: #FFF;
}
#comments {
background: #FFF;
border: 1px solid #a4a4a4;
border-radius: 2px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1);
}
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left;padding: 0 10px; margin-top:-10px;}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 10px 10px;
padding:0 15px;
background: #3AB5DA;
color: #FFF;
text-align:center;
text-decoration:none;
border-radius:2px;
-moz-border-radius:2px;
height:26px;
line-height:28px;
font-weight:normal;
cursor:pointer;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.04);
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
}
.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;}
.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{font-weight:normal;text-decoration:none;}
.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAJt-V3-O0NVhJvTCwGi3UWo7oYl_3w97a0sEn9UV2glCC-6m08BrwAU24uGFo7pURJJZF7xZa9V1t1clZH5_PwoGZArgobZzA89GWmVoZOnaZUCeiE8Um9e6hG6z4e5HburFTgNXnh8K/s1600/edit_badge_button.gif);
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
float:right;
}
.comments .comments-content .datetime a{
font-size:11px;
text-decoration:none; color:#666;
}
.comment-content{
margin:10px 0;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background-image: -webkit-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(245, 245, 245) 100%);
border:1px solid rgba(0,0,0,0.4)
border-radius:2px;
-moz-border-radius:2px;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);
}
.comment-header{
font-size:18px;
background-image: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(235, 235, 235) 100%);
border-radius: 4px 4px 0 0;
padding: 10px;
padding:5px;
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1);
}
.comment-header a{
color: #444;
}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100% background: #000;}
.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/AVvXsEitcwYDPg4P6UzmX4bjGKPteunwUsJbvDVt2t9gWbGMdZlXY7L_x0xjzu2WuYK-goEadKzt1d6Mm_3aMSoGaAb39-RmJ-NzR6LOkyMHtUeZXGmbpqGiJI_pJ0Lpr3FQ2TTN7hL0Wth0yaui/s1600/imagem-arrow.png) top right no-repeat;
float:left
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:52px !important;
max-width:65px !important;
max-height:52px !important;
}
.comments .avatar-image-container img{
width:50px !important;
height:50px !important
;max-width:50px !important;
max-height:50px !important;
border-radius: 2px;
box-shadow: 0 2px 0 rgba(0,0,0,0.15);
}
/* Sidebar
----------------------------------------------- */
.sidebar {
margin: 0;
margin-bottom: 15px;
broder-radius: 5px 5px 0 0;
}
.sidebar h2 {
background-image: -webkit-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(240, 240, 240) 100%);
height: 50px;
box-shadow: 0 1px 0 #a8a8a8, inset 0 -3px 0 rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.5);
margin-bottom: -10px;
text-shadow: 0 1px 0 white;
font-weight: 100;
color: #3AB5DA;
line-height: 50px;
padding: 0 15px 0 15px;
font-size: 18px;
border-radius: 5px 5px 0 0;
}
.widget-content {
background: #FFF;
margin-top: 10px;
border-radius: 0 0 5px 5px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.5);
padding: 5px;
margin-bottom: -10px;
}
/* Menu
----------------------------------------------- */
header {
background: #FFF;
height: 50px;
border-bottom: 1px solid rgba(0,0,0,0.25);
0 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(0,0,0,0.01), 0 1px 0 rgba(255,255,255,0.8);
}
header a:link {
color: rgba(0,0,0,0.4);
}
header a:visited {
color: rgba(0,0,0,0.4);
}
header a:hover {
color: rgba(0,0,0,0.4);
}
.mm-menu {
position: relative;
z-index: 99;
margin: 0 auto;
width: 100%;
min-width: 630px;
max-width: 1000px;
text-align: center;
font-size: 0;
}
.mm-menu .icon{
background-repeat: no-repeat;
margin: 0 auto;
float: left;
position: relative;
}
[class*=submenu] {
min-width: 125px;
padding: 0 19.8px;
cursor: pointer;
text-decoration: none;
font-size: 1.22rem;
transition: .25s;
}
.mm-submenu {
display: inline-block;
width: 20%;
line-height: 50px;
color: rgba(0,0,0,0.4);
}
[class*=submenu]:hover {
background: rgba(0,0,0,0.05);
color: #AAAAAA;
}
.menu-menu {
position: absolute;
width: 20%;
z-index: -1;
top: -400px;
margin-left: -19.8px;
transition: .3s ease-in-out;
}
.mm-submenu:hover > .menu-menu,
.mm-submenu:focus > .menu-menu {
top: 50px;
}
.menu-submenu {
display: block;
background: #FFF;
color: rgba(0,0,0,0.4);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
line-height: 36px;
font-size: 85%;
width: 100%;
}
.menu-submenu:hover {
background: #DDD;
}
/* Slider
----------------------------------------------- */
#SlideContainer           {position: relative;display: block; top:0px; left:0px; right:0px; border-radius: 5px;/*Ajuste as posiÃ§Ã£o do slide*/}
#NivoSlider              { position:relative; border-radius: 5px;
width:692px  !important; height:200px  !important;
background:  #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdn1XSQuSVYdFxcsmF6e2Xbo1bgw8adgaInDKo5RRMy1i40j3TbPbZp3HMiMo55v4BhUty_xlocDym6sk6P8nXN4vOjWJ00V7dG-spdz3hwOvQeX_4cy8JeEFe1XUXPySID3EH6nBBKp9/s1600/w2bLoader.gif") no-repeat 50% 50%;margin: 0px auto; background-image: url(http://img15.hostingpics.net/pics/749527football.png);background-position: center center; border: 1px solid rgba(0,0,0,0.5);border-radius: 2px;}
#NivoSlider img           {position:absolute; top:0; left:0;  display:none;}
.nivoSlider                  {position:relative;width:100%;height:auto; border-radius: 5px;}
.nivoSlider img              {position:absolute;top:0;left:0;}
.nivo-main-image             {display:block!important;position:relative!important;width:100%!important;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
.nivo-slice                  {display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box                    {display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img                {display:block; box-shadow: inset 0 4px 0 rgba(255,255,255,0.1), inset 0 -4px 0 rgba(0,0,0,0.1);}
.nivo-caption                {padding: 5px;
position:absolute; Font-size: 14px; background:rgba(0,0,0,0.3);color:#fff;width: 278px; z-index:8; bottom: 0;}
.nivo-caption p              {padding:2px;margin:0}
.nivo-caption a              {display:inline!important}
.nivo-html-caption           {display:none}
.nivo-directionNav a         {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;
background: url("URL_IMG_SETA") no-repeat;text-indent:-9999px;border:0}
.nivo-prevNav                {left:10px}
.nivo-nextNav                {background-position:-30px 0!important;right:10px}
.nivo-controlNav             {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
.nivo-controlNav a           {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;
background:url("URL_IMG_BULLETS") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
.nivo-controlNav a.active    {font-weight:bold;background-position:0 -22px}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: 0;
padding: 0 0;
color: #999;
overflow: hidden;
text-align: right;
}
.footer-fauxborder {
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%);
border-top: 2px solid rgba(0,0,0,0.1);
box-shadow:inset 0 -5px 0px rgba(0,0,0,0.1),inset 0 10px 10px rgba(0,0,0,0.02);
margin: 0 auto 0;
}
/* 404 ERROR
----------------------------------------------- */
.status-msg-wrap {
margin: none;
width: 100%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 100%;
z-index: auto;
background: #FFF;
margin-top: 10px;
border: 1px solid #a4a4a4;
border-radius: 2px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1);
margin-top: 0px;
margin-bottom: 15px;
height: 150px;
padding: 10px;
margin-top: -10px;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
.error-text{float:left;position:relative;width:80%}
.error-text-h{float:left;position:relative;width:80%; color:#FF6666;font-size: 30px;}
#error-image{float:right;display:inline;position:relative}

--></style>
<style id='template-skin-1' type='text/css'><!--
body {
min-width: 1000px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1000px;
max-width: 1000px;
_width: 1000px;
}
.main-inner .columns {
padding-left: 0px;
padding-right: 310px;
}
.main-inner .fauxcolumn-center-outer {
left: 0px;
right: 310px;
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("0px") -
parseInt("310px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 0px;
}
.main-inner .fauxcolumn-right-outer {
width: 310px;
}
.main-inner .column-left-outer {
width: 0px;
right: 100%;
margin-left: -0px;
}
.main-inner .column-right-outer {
width: 310px;
margin-right: -310px;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}

]]></b:skin>

<b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='1000px'/>
      <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='310px'/>

<![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>
    <b:include data='blog' name='google-analytics'/>

</head>

<body>

<header>
<nav class='mm-menu'>
<a class='mm-submenu' href='/'><div class='icon' style='background: url(http://i.imgur.com/mVsrZpF.png);width:32px;height:31px; margin-top:8px; left: 35px;'/>
InÃcio</a>
<div class='mm-submenu'>
<div class='icon' style='background: url(http://i.imgur.com/5rtYEdA.png);width:40px;height:40px;margin-top:5px;left:15px;'/>
FrameICE

</div>
<div class='mm-submenu'>
<div class='icon' style='background: url(http://i.imgur.com/NGFS4NE.png);width:40px;height:40px;margin-top:4px;'/>
Frame Hotel

</div>
<div class='mm-submenu'>
<div class='icon' style='background: url(http://i.imgur.com/TCrGR8p.png);width:40px;height:40px;margin-top:4px;left:10px;'/>
Fancenter

</div>
</nav>
</header>
<div id='topo'>
<div id='radial'/>
<div id='logo'/>
</div>
<div class='content'>
<div class='content-fauxcolumns'>
</div>
<a href='http://framehotel.biz/community-fasites' target='_blank'><div id='fansite_badge'/>
</a>
<div id='msgback' style='position: fixed;'/>
<div id='msg'>
<div style='margin: 0 auto; width: 930px; padding: 20px;'>
<a href='#' id='ocultar' style=' float:left; margin-left: 60px; padding-right: 20px;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGYm3MHIAFym49uYRiHzYGJgvyCd0awPfsorGwfWM-iK7SMsxDwpatHaGhd89JkliJULk8VQgnFil68UQvh5rh8sKXSbQklwo_W33zbDSp9BUbqjf2V7gR_JQdS1PT8N273koNvLbg98wX/s1600/Image+592.png' style='margin-top:-12px; position:absolute;'/>
</a>
<b style=' float:left; margin-left: 120px;'>AVISO:</b> 
  ESTAMOS DE VOLTA! FIQUEM LIGADOS, SURPRESAS APARECERÃƒO AOS POUCOS!

</div>
</div>
</div>
<div class='content'>
  <div class='content-fauxcolumns'>
  </div>
<div class='content-outer'>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='content-inner'>
    <div class='main-outer'>

</div>
</div>
</div>
</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
            </b:widget>
            <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog' version='1'>
              <b:widget-settings>
                <b:widget-setting name='showDateHeader'>false</b:widget-setting>
                <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
                <b:widget-setting name='showShareButtons'>false</b:widget-setting>
                <b:widget-setting name='showCommentLink'>false</b:widget-setting>
                <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
                <b:widget-setting name='showAuthor'>false</b:widget-setting>
                <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
                <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
                <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
                <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
                <b:widget-setting name='style.layout'>1x1</b:widget-setting>
                <b:widget-setting name='showLabels'>false</b:widget-setting>
                <b:widget-setting name='showLocation'>false</b:widget-setting>
                <b:widget-setting name='showTimestamp'>false</b:widget-setting>
                <b:widget-setting name='postsPerAd'>1</b:widget-setting>
                <b:widget-setting name='showBacklinks'>false</b:widget-setting>
                <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
                <b:widget-setting name='showInlineAds'>false</b:widget-setting>
                <b:widget-setting name='showReactions'>false</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main' var='top'>
  <b:if cond='data:mobile == "false"'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == "false"'>
            </div>
</div>
</b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-outer">
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'>
<span><data:post.dateHeader/></span></h2>
</b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-posts">
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
<b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
<data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div>
</div>
</b:if>
      <data:adEnd/>
    </div>

    <b:include name='nextprev'/>

<b:else/>
    <b:include name='mobile-main'/>
  </b:if>

<b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
              <b:includable id='backlinks' var='post'>
  <a name='links'/><h4>
<data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
<dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
</b:loop>
    </dl>
</b:if>
  <p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
              <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'>
<data:postCommentMsg/></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </script>
  </div>
</b:includable>
              <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
<b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
              <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
              <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
<data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
               
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
               
          </b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

</p>
</b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
              <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
              <b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</b:if>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
              <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</a>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
      </div>
</b:if>

<span class='post-comment-link'>
                <b:if cond='data:blog.pageType != "item"'>
                  <b:if cond='data:blog.pageType != "static_page"'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>
<div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
</b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
            </div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
</div>
</div>
</b:includable>
              <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>NotÃcias mais recentes</a>
      </span>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>NotÃcias mais antigas</a>
      </span>
    </b:if>

<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
              <b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

<b:include data='post' name='postQuickEdit'/>
      </span>

</div>
</div>
<b:if cond='data:blog.metaDescription == ""'>
      
      <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
        <data:post.body/>
        <div style='clear: both;'/>
 
      </div>
<b:else/>
      <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
        <data:post.body/>
        <div style='clear: both;'/>
 
      </div>
</b:if>

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
</b:if>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
<b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
<span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
</b:if>
    </div>
</div>
</b:includable>
              <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
              <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
</b:includable>
              <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/> www.idandesigns.blogspot.com.br
    </div>
<div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
  </b:if>
</b:includable>
              <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </script>
  </div>
</b:includable>
              <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
              <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
<i class='fa fa-comments'/> <data:post.commentLabelFull/></h4>
<div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
<b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

<div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
</div>
</div>
</b:includable>
            </b:widget>
          </b:section>
        </div>
</div>
<div class='column-left-outer'>
        <div class='column-left-inner'>
          <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>
</div>
<div class='column-right-outer'>
        <div class='column-right-inner'>
          <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 style='clear: both'/>
      
      </div>

    </div>
</div>
</div>

  </div>
</div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
</div>
<div class='fauxborder footer-fauxborder'>
<div class='region-inner footer-inner'>
      Copyrights © <a style='color:#3AB5DA;'>HabboDream</a> ~ 2014. Todos direitos reservados.<br/>
   Este site nÃ£o possui nenhum vÃnculo externo ou interno com a Sulake Corporation Oy ou com o Habbo Hotel.<br/>
      Desenhado e Codificado por <a style='color:#3AB5DA;'>Marco Cuel</a> (<a href='http://arquivosecretohabbo.blogspot.com.br/'>ArquivoSecreto</a>)
    </div>
</div>
</div>
</footer>

<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'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
      <tbody>
<tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
        </td>

<macro:if cond='data:col.num >= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
          </td>
        </macro:if>

<macro:if cond='data:col.num >= 4'>
          <td class='columns-cell'>
            <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:if>
  </macro:if>
</macro:includable>
<b:section-contents id='sidebar-right-1'>
  <b:widget id='HTML2' locked='false' title='Link-nos' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><div style="text-align: center;">
<a href="http://www.frameice.info/"><img src="http://i.imgur.com/TGcQ2h5.png" alt="FrameICE" /></a>
<br /><textarea onfocus="this.select()" onmouseover="this.focus()" rows="3"
cols="15" name="textarea" style='padding:5px;font-size:11px; text-align: left;width:250px; height: 90px;background-color:#D9F5FF; border-radius:5px; padding:5px;color:#00A3D9;margin: 0 auto 0; border:#D9F5FF; '><a href="http://www.frameice.info/" target="_blank">
<img src="http://i.imgur.com/TGcQ2h5.png" alt="FrameICE" border="0" /></a>

Banco de Dados de HTML

Banco de Dados de HTML

terça-feira, 21 de agosto de 2018

HTML Template Frame ICE

Nenhum comentário:

Postar um comentário

HTML Template Cinema Habbo