SHOW:
|
|
- or go back to the newest paste.
| 1 | <?xml version="1.0" encoding="UTF-8" ?> | |
| 2 | <!DOCTYPE html> | |
| 3 | <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'> | |
| 4 | <head> | |
| 5 | <b:if cond='data:blog.isMobile'> | |
| 6 | <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> | |
| 7 | <b:else/> | |
| 8 | <meta content='width=1100' name='viewport'/> | |
| 9 | </b:if> | |
| 10 | <b:include data='blog' name='all-head-content'/> | |
| 11 | <title><data:blog.pageTitle/></title> | |
| 12 | ||
| 13 | <b:skin><![CDATA[ | |
| 14 | ||
| 15 | .destaque {
| |
| 16 | float: right; | |
| 17 | margin-right: -20px; | |
| 18 | margin-top: -5px; | |
| 19 | background: url('http://static.tumblr.com/tx5g7yp/nFYmaau44/bot__o.png');
| |
| 20 | background-repeat: no-repeat!important; | |
| 21 | width: 64px; | |
| 22 | height: 25px;} | |
| 23 | .boxdestaque:hover .destaque {
| |
| 24 | background-position: -0px -25px;} | |
| 25 | .boxdestaque {
| |
| 26 | text-align: left; | |
| 27 | -webkit-border-radius: 6px; | |
| 28 | -moz-border-radius: 6px; | |
| 29 | border-radius: 6px; | |
| 30 | margin-right: 7px; | |
| 31 | background: #fff; | |
| 32 | padding: 5px; | |
| 33 | margin-bottom: 7px; } | |
| 34 | .boxdestaque:hover {
| |
| 35 | background: #; | |
| 36 | text-shadow: 1px 1px 1px #fff;} | |
| 37 | .boxdestaque .title {
| |
| 38 | color: #999; | |
| 39 | font-size: 11px; | |
| 40 | font-weight:none; | |
| 41 | font-family: Georgia; | |
| 42 | font-style: italic; | |
| 43 | -webkit-transition: all 1s ease; | |
| 44 | -moz-transition: all 1s ease; | |
| 45 | -o-transition: all 1s ease; | |
| 46 | transition: all 1s ease;} | |
| 47 | .boxdestaque:hover .title{
| |
| 48 | color: #7797a7; | |
| 49 | padding-left: 15px; | |
| 50 | -webkit-transition: all 1s ease; | |
| 51 | -moz-transition: all 1s ease; | |
| 52 | -o-transition: all 1s ease; | |
| 53 | transition: all 1s ease;} | |
| 54 | /* | |
| 55 | ----------------------------------------------- | |
| 56 | Blogger Template Style | |
| 57 | - | Name: Awesome Inc. |
| 57 | + | Name: Theme bridgit mendler |
| 58 | - | Designer: Tina Chen |
| 58 | + | Designer: little things html |
| 59 | - | URL: tinachen.org |
| 59 | + | URL: little-things-html.blogspot.com.br/ |
| 60 | ----------------------------------------------- */ | |
| 61 | ||
| 62 | /* Variable definitions | |
| 63 | ==================== | |
| 64 | <Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#eeeeee"/> | |
| 65 | ||
| 66 | <Group description="Page" selector="body"> | |
| 67 | <Variable name="body.font" description="Font" type="font" | |
| 68 | default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> | |
| 69 | <Variable name="body.background.color" description="Background Color" type="color" default="#000000" value="#eeeeee"/> | |
| 70 | <Variable name="body.text.color" description="Text Color" type="color" default="#ffffff" value="#444444"/> | |
| 71 | </Group> | |
| 72 | ||
| 73 | <Group description="Links" selector=".main-inner"> | |
| 74 | <Variable name="link.color" description="Link Color" type="color" default="#888888" value="#ea9999"/> | |
| 75 | <Variable name="link.visited.color" description="Visited Color" type="color" default="#444444" value="#d9d2e9"/> | |
| 76 | <Variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc" value="#d9ead3"/> | |
| 77 | </Group> | |
| 78 | ||
| 79 | <Group description="Blog Title" selector=".header h1"> | |
| 80 | <Variable name="header.font" description="Title Font" type="font" | |
| 81 | default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> | |
| 82 | <Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)" value="transparent"/> | |
| 83 | <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/> | |
| 84 | </Group> | |
| 85 | ||
| 86 | <Group description="Blog Description" selector=".header .description"> | |
| 87 | <Variable name="description.font" description="Font" type="font" | |
| 88 | default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> | |
| 89 | <Variable name="description.text.color" description="Text Color" type="color" | |
| 90 | default="$(body.text.color)" value="$(body.text.color)"/> | |
| 91 | </Group> | |
| 92 | ||
| 93 | <Group description="Tabs Text" selector=".tabs-inner .widget li a"> | |
| 94 | <Variable name="tabs.font" description="Font" type="font" | |
| 95 | default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> | |
| 96 | <Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/> | |
| 97 | <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="#ffffff"/> | |
| 98 | </Group> | |
| 99 | ||
| 100 | <Group description="Tabs Background" selector=".tabs-outer .PageList"> | |
| 101 | <Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="#eeeeee"/> | |
| 102 | <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#666666"/> | |
| 103 | <Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#999999"/> | |
| 104 | </Group> | |
| 105 | ||
| 106 | <Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span"> | |
| 107 | <Variable name="date.font" description="Font" type="font" | |
| 108 | default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Sue Ellen Francisco"/> | |
| 109 | <Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#d9ead3"/> | |
| 110 | <Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/> | |
| 111 | </Group> | |
| 112 | ||
| 113 | <Group description="Post Title" selector="h3.post-title, h4, h3.post-title a"> | |
| 114 | <Variable name="post.title.font" description="Font" type="font" | |
| 115 | default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 22px Inconsolata"/> | |
| 116 | <Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffa6a6"/> | |
| 117 | </Group> | |
| 118 | ||
| 119 | <Group description="Post Background" selector=".post"> | |
| 120 | <Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/> | |
| 121 | <Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/> | |
| 122 | <Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/> | |
| 123 | </Group> | |
| 124 | ||
| 125 | <Group description="Gadget Title" selector="h2"> | |
| 126 | <Variable name="widget.title.font" description="Font" type="font" | |
| 127 | default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Yanone Kaffeesatz"/> | |
| 128 | <Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#f4cccc"/> | |
| 129 | </Group> | |
| 130 | ||
| 131 | <Group description="Gadget Text" selector=".sidebar .widget"> | |
| 132 | <Variable name="widget.font" description="Font" type="font" | |
| 133 | default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Cambria"/> | |
| 134 | <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/> | |
| 135 | <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#666666"/> | |
| 136 | </Group> | |
| 137 | ||
| 138 | <Group description="Gadget Links" selector=".sidebar .widget"> | |
| 139 | <Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="#ea9999"/> | |
| 140 | <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#d9d2e9"/> | |
| 141 | <Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#d9ead3"/> | |
| 142 | </Group> | |
| 143 | ||
| 144 | <Group description="Gadget Background" selector=".sidebar .widget"> | |
| 145 | <Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#ffffff"/> | |
| 146 | <Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="transparent"/> | |
| 147 | <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="transparent"/> | |
| 148 | </Group> | |
| 149 | ||
| 150 | <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner"> | |
| 151 | <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="transparent"/> | |
| 152 | </Group> | |
| 153 | ||
| 154 | <Group description="Images" selector=".main-inner"> | |
| 155 | <Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="transparent"/> | |
| 156 | <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/> | |
| 157 | </Group> | |
| 158 | ||
| 159 | <Group description="Feed" selector=".blog-feeds"> | |
| 160 | <Variable name="feed.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/> | |
| 161 | </Group> | |
| 162 | ||
| 163 | <Group description="Feed Links" selector=".blog-feeds"> | |
| 164 | <Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="#ea9999"/> | |
| 165 | <Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#d9d2e9"/> | |
| 166 | <Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#d9ead3"/> | |
| 167 | </Group> | |
| 168 | ||
| 169 | <Group description="Pager" selector=".blog-pager"> | |
| 170 | <Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)" value="transparent"/> | |
| 171 | </Group> | |
| 172 | ||
| 173 | <Group description="Footer" selector=".footer-outer"> | |
| 174 | <Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/> | |
| 175 | <Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/> | |
| 176 | </Group> | |
| 177 | ||
| 178 | <Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" value="-1px"/> | |
| 179 | ||
| 180 | <Variable name="body.background" description="Body Background" type="background" | |
| 181 | color="$(body.background.color)" | |
| 182 | default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/> | |
| 183 | <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url" | |
| 184 | default="none" value="none"/> | |
| 185 | <Variable name="body.background.size" description="Body Background Size" type="string" default="auto" value="auto"/> | |
| 186 | ||
| 187 | <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url" | |
| 188 | default="none" value="url(//www.blogblog.com/1kt/awesomeinc/tabs_gradient_light.png)"/> | |
| 189 | ||
| 190 | <Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" value="none"/> | |
| 191 | <Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" value="22px"/> | |
| 192 | <Variable name="header.margin.top" description="Header Top Margin" type="length" default="0" value="0"/> | |
| 193 | <Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" value="0"/> | |
| 194 | ||
| 195 | <Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" value="8px"/> | |
| 196 | <Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" value="15px"/> | |
| 197 | <Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" value="0"/> | |
| 198 | <Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" value="none"/> | |
| 199 | <Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" value="0"/> | |
| 200 | <Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" value="0"/> | |
| 201 | ||
| 202 | <Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" value="0"/> | |
| 203 | <Variable name="date.header.position" description="Date Header Position" type="length" default="15px" value="15px"/> | |
| 204 | ||
| 205 | <Variable name="date.space" description="Date Space" type="length" default="30px" value="30px"/> | |
| 206 | <Variable name="date.position" description="Date Float" type="string" default="static" value="static"/> | |
| 207 | <Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" value="0"/> | |
| 208 | <Variable name="date.border.size" description="Date Border Size" type="length" default="0" value="0"/> | |
| 209 | <Variable name="date.background" description="Date Background" type="background" color="transparent" | |
| 210 | default="$(color) none no-repeat scroll top left" value="$(color) none no-repeat scroll top left"/> | |
| 211 | <Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/> | |
| 212 | <Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length" | |
| 213 | default="20px" value="20px"/> | |
| 214 | <Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/> | |
| 215 | ||
| 216 | <Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" value="0"/> | |
| 217 | ||
| 218 | <Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" value="0"/> | |
| 219 | <Variable name="image.border.radius" description="Image Border Radius" type="length" default="0" value="0"/> | |
| 220 | ||
| 221 | <Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" value="15px"/> | |
| 222 | <Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" value="1px"/> | |
| 223 | <Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" value="1px"/> | |
| 224 | <Variable name="shadow.spread" description="Shadow Size" type="length" default="0" value="20px"/> | |
| 225 | ||
| 226 | <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/> | |
| 227 | <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/> | |
| 228 | ||
| 229 | <Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(endSide)"/> | |
| 230 | ||
| 231 | <Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/> | |
| 232 | <Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" value="1em"/> | |
| 233 | ||
| 234 | <Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" value="none"/> | |
| 235 | ||
| 236 | <Variable name="mobile.background.size" description="Mobile Background Size" type="string" | |
| 237 | default="$(body.background.size)" value="$(body.background.size)"/> | |
| 238 | <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" | |
| 239 | default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/> | |
| 240 | <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/> | |
| 241 | */ | |
| 242 | ||
| 243 | /* Content | |
| 244 | ----------------------------------------------- */ | |
| 245 | body, html {
| |
| 246 | height: 400px; | |
| 247 | ||
| 248 | margin: 0; | |
| 249 | padding: 0; } | |
| 250 | body {
| |
| 251 | - | background: url("http://static.tumblr.com/vuapb4x/zdLmwsilm/maite_perroni_psd_by_szerina-d6a0duhszerina.jpg") no-repeat; }
|
| 251 | + | background: url("URL AQUI") no-repeat; }
|
| 252 | html {
| |
| 253 | background: url("http://static.tumblr.com/vuapb4x/RL3mwsio2/fundo.jpg") repeat; }
| |
| 254 | ||
| 255 | html body .content-outer {
| |
| 256 | min-width: 0; | |
| 257 | max-width: 100%; | |
| 258 | width: 100%; | |
| 259 | } | |
| 260 | ||
| 261 | a:link {
| |
| 262 | text-decoration: none; | |
| 263 | color: $(link.color); | |
| 264 | } | |
| 265 | ||
| 266 | a:visited {
| |
| 267 | text-decoration: none; | |
| 268 | color: $(link.visited.color); | |
| 269 | } | |
| 270 | ||
| 271 | a:hover {
| |
| 272 | text-decoration: underline; | |
| 273 | color: $(link.hover.color); | |
| 274 | } | |
| 275 | ||
| 276 | .body-fauxcolumn-outer .cap-top {
| |
| 277 | position: absolute; | |
| 278 | z-index: 1; | |
| 279 | ||
| 280 | height: 276px; | |
| 281 | width: 100%; | |
| 282 | ||
| 283 | background: transparent $(body.background.gradient.cap) repeat-x scroll top left; | |
| 284 | _background-image: none; | |
| 285 | } | |
| 286 | ||
| 287 | /* Columns | |
| 288 | ----------------------------------------------- */ | |
| 289 | .content-inner {
| |
| 290 | padding: 0; | |
| 291 | } | |
| 292 | ||
| 293 | .header-inner .section {
| |
| 294 | margin: 0 16px; | |
| 295 | } | |
| 296 | ||
| 297 | .tabs-inner .section {
| |
| 298 | margin: 0 16px; | |
| 299 | } | |
| 300 | ||
| 301 | .main-inner {
| |
| 302 | padding-top: $(date.space); | |
| 303 | } | |
| 304 | ||
| 305 | .main-inner .column-center-inner, | |
| 306 | .main-inner .column-left-inner, | |
| 307 | .main-inner .column-right-inner {
| |
| 308 | padding: 0 5px; | |
| 309 | } | |
| 310 | ||
| 311 | *+html body .main-inner .column-center-inner {
| |
| 312 | margin-top: -$(date.space); | |
| 313 | } | |
| 314 | ||
| 315 | #layout .main-inner .column-center-inner {
| |
| 316 | margin-top: 0; | |
| 317 | } | |
| 318 | ||
| 319 | /* Header | |
| 320 | ----------------------------------------------- */ | |
| 321 | .header-outer {
| |
| 322 | margin: $(header.margin.top) 0 $(header.margin.bottom) 0; | |
| 323 | background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0; | |
| 324 | } | |
| 325 | ||
| 326 | .Header h1 {
| |
| 327 | font: $(header.font); | |
| 328 | color: $(header.text.color); | |
| 329 | text-shadow: 0 0 $(title.shadow.spread) #000000; | |
| 330 | } | |
| 331 | ||
| 332 | .Header h1 a {
| |
| 333 | color: $(header.text.color); | |
| 334 | } | |
| 335 | ||
| 336 | .Header .description {
| |
| 337 | font: $(description.font); | |
| 338 | color: $(description.text.color); | |
| 339 | } | |
| 340 | ||
| 341 | .header-inner .Header .titlewrapper, | |
| 342 | .header-inner .Header .descriptionwrapper {
| |
| 343 | padding-left: 0; | |
| 344 | padding-right: 0; | |
| 345 | margin-bottom: 0; | |
| 346 | } | |
| 347 | ||
| 348 | .header-inner .Header .titlewrapper {
| |
| 349 | padding-top: $(header.padding.top); | |
| 350 | } | |
| 351 | ||
| 352 | /* Tabs | |
| 353 | ----------------------------------------------- */ | |
| 354 | .tabs-outer {
| |
| 355 | overflow: hidden; | |
| 356 | position: relative; | |
| 357 | background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0; | |
| 358 | } | |
| 359 | ||
| 360 | #layout .tabs-outer {
| |
| 361 | overflow: visible; | |
| 362 | } | |
| 363 | ||
| 364 | .tabs-cap-top, .tabs-cap-bottom {
| |
| 365 | position: absolute; | |
| 366 | width: 100%; | |
| 367 | ||
| 368 | border-top: 1px solid $(tabs.border.color); | |
| 369 | ||
| 370 | } | |
| 371 | ||
| 372 | .tabs-cap-bottom {
| |
| 373 | bottom: 0; | |
| 374 | } | |
| 375 | ||
| 376 | .tabs-inner .widget li a {
| |
| 377 | display: inline-block; | |
| 378 | ||
| 379 | margin: 0; | |
| 380 | padding: .6em 1.5em; | |
| 381 | ||
| 382 | font: $(tabs.font); | |
| 383 | color: $(tabs.text.color); | |
| 384 | ||
| 385 | border-top: 1px solid $(tabs.border.color); | |
| 386 | border-bottom: 1px solid $(tabs.border.color); | |
| 387 | border-$startSide: 1px solid $(tabs.border.color); | |
| 388 | ||
| 389 | height: 16px; | |
| 390 | line-height: 16px; | |
| 391 | } | |
| 392 | ||
| 393 | .tabs-inner .widget li:last-child a {
| |
| 394 | border-$endSide: 1px solid $(tabs.border.color); | |
| 395 | } | |
| 396 | ||
| 397 | .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
| |
| 398 | background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px; | |
| 399 | color: $(tabs.selected.text.color); | |
| 400 | } | |
| 401 | ||
| 402 | /* Headings | |
| 403 | ----------------------------------------------- */ | |
| 404 | h2 {
| |
| 405 | font: $(widget.title.font); | |
| 406 | color: $(widget.title.text.color); | |
| 407 | } | |
| 408 | ||
| 409 | /* Widgets | |
| 410 | ----------------------------------------------- */ | |
| 411 | .main-inner .section {
| |
| 412 | margin: 0 27px; | |
| 413 | padding: 0; | |
| 414 | } | |
| 415 | ||
| 416 | .main-inner .column-left-outer, | |
| 417 | .main-inner .column-right-outer {
| |
| 418 | margin-top: $(widget.outer.margin.top); | |
| 419 | } | |
| 420 | ||
| 421 | #layout .main-inner .column-left-outer, | |
| 422 | #layout .main-inner .column-right-outer {
| |
| 423 | margin-top: 0; | |
| 424 | } | |
| 425 | ||
| 426 | .main-inner .column-left-inner, | |
| 427 | .main-inner .column-right-inner {
| |
| 428 | background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0; | |
| 429 | ||
| 430 | -moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); | |
| 431 | -webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); | |
| 432 | -goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); | |
| 433 | box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); | |
| 434 | ||
| 435 | -moz-border-radius: $(widget.border.radius); | |
| 436 | -webkit-border-radius: $(widget.border.radius); | |
| 437 | -goog-ms-border-radius: $(widget.border.radius); | |
| 438 | border-radius: $(widget.border.radius); | |
| 439 | } | |
| 440 | ||
| 441 | #layout .main-inner .column-left-inner, | |
| 442 | #layout .main-inner .column-right-inner {
| |
| 443 | margin-top: 0; | |
| 444 | } | |
| 445 | ||
| 446 | .sidebar .widget {
| |
| 447 | font: $(widget.font); | |
| 448 | color: $(widget.text.color); | |
| 449 | } | |
| 450 | ||
| 451 | .sidebar .widget a:link {
| |
| 452 | color: $(widget.link.color); | |
| 453 | } | |
| 454 | ||
| 455 | .sidebar .widget a:visited {
| |
| 456 | color: $(widget.link.visited.color); | |
| 457 | } | |
| 458 | ||
| 459 | .sidebar .widget a:hover {
| |
| 460 | color: $(widget.link.hover.color); | |
| 461 | } | |
| 462 | ||
| 463 | .sidebar .widget h2 {
| |
| 464 | text-shadow: 0 0 $(title.shadow.spread) #000000; | |
| 465 | } | |
| 466 | ||
| 467 | .main-inner .widget {
| |
| 468 | background-color: $(widget.background.color); | |
| 469 | border: 1px solid $(widget.border.color); | |
| 470 | padding: 0 $(widget.padding.side) 15px; | |
| 471 | margin: 20px -16px; | |
| 472 | ||
| 473 | -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 474 | -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 475 | -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 476 | box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 477 | ||
| 478 | -moz-border-radius: $(widget.border.radius); | |
| 479 | -webkit-border-radius: $(widget.border.radius); | |
| 480 | -goog-ms-border-radius: $(widget.border.radius); | |
| 481 | border-radius: $(widget.border.radius); | |
| 482 | } | |
| 483 | ||
| 484 | .main-inner .widget h2 {
| |
| 485 | margin: 0 -$(separator.outdent); | |
| 486 | padding: .6em $(separator.outdent) .5em; | |
| 487 | border-bottom: 1px solid $(widget.border.bevel.color); | |
| 488 | } | |
| 489 | ||
| 490 | .footer-inner .widget h2, | |
| 491 | .sidebar .widget h2 {
| |
| 492 | padding-bottom: 1.1em; | |
| 493 | background:url('http://static.tumblr.com/vuapb4x/msDmwsjlw/sem_t__tulo-1.png')no-repeat;
| |
| 494 | margin-left:-23px; | |
| 495 | text-align:center; | |
| 496 | margin-top:-10px; | |
| 497 | } | |
| 498 | ||
| 499 | .main-inner .widget h2 + div, .footer-inner .widget h2 + div {
| |
| 500 | border-top: $(title.separator.border.size) solid $(widget.border.color); | |
| 501 | padding-top: $(widget.padding.top); | |
| 502 | } | |
| 503 | ||
| 504 | .main-inner .widget .widget-content {
| |
| 505 | margin: 0 -$(separator.outdent); | |
| 506 | padding: 7px $(separator.outdent) 0; | |
| 507 | } | |
| 508 | ||
| 509 | .main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
| |
| 510 | margin: -$(widget.padding.top) -15px 0; | |
| 511 | padding: 0; | |
| 512 | ||
| 513 | list-style: none; | |
| 514 | } | |
| 515 | ||
| 516 | .main-inner .widget #ArchiveList {
| |
| 517 | margin: -$(widget.padding.top) 0 0; | |
| 518 | } | |
| 519 | ||
| 520 | .main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
| |
| 521 | padding: .5em 15px; | |
| 522 | text-indent: 0; | |
| 523 | ||
| 524 | color: $(widget.alternate.text.color); | |
| 525 | ||
| 526 | border-top: $(list.separator.border.size) solid $(widget.border.color); | |
| 527 | border-bottom: 1px solid $(widget.border.bevel.color); | |
| 528 | } | |
| 529 | ||
| 530 | .main-inner .widget #ArchiveList ul li {
| |
| 531 | padding-top: .25em; | |
| 532 | padding-bottom: .25em; | |
| 533 | } | |
| 534 | ||
| 535 | .main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
| |
| 536 | border-top: none; | |
| 537 | } | |
| 538 | ||
| 539 | .main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
| |
| 540 | border-bottom: none; | |
| 541 | } | |
| 542 | ||
| 543 | .post-body {
| |
| 544 | position: relative; | |
| 545 | } | |
| 546 | ||
| 547 | .main-inner .widget .post-body ul {
| |
| 548 | padding: 0 2.5em; | |
| 549 | margin: .5em 0; | |
| 550 | ||
| 551 | list-style: disc; | |
| 552 | } | |
| 553 | ||
| 554 | .main-inner .widget .post-body ul li {
| |
| 555 | padding: 0.25em 0; | |
| 556 | margin-bottom: .25em; | |
| 557 | ||
| 558 | color: $(body.text.color); | |
| 559 | ||
| 560 | border: none; | |
| 561 | } | |
| 562 | ||
| 563 | .footer-inner .widget ul {
| |
| 564 | padding: 0; | |
| 565 | ||
| 566 | list-style: none; | |
| 567 | } | |
| 568 | ||
| 569 | .widget .zippy {
| |
| 570 | color: $(widget.alternate.text.color); | |
| 571 | } | |
| 572 | ||
| 573 | /* Posts | |
| 574 | ----------------------------------------------- */ | |
| 575 | body .main-inner .Blog {;
| |
| 576 | padding: 0; | |
| 577 | margin-bottom: 1em; | |
| 578 | ||
| 579 | background-color: transparent; | |
| 580 | border: none; | |
| 581 | ||
| 582 | -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); | |
| 583 | -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); | |
| 584 | -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); | |
| 585 | box-shadow: 0 0 0 rgba(0, 0, 0, 0); | |
| 586 | } | |
| 587 | ||
| 588 | .main-inner .section:last-child .Blog:last-child {
| |
| 589 | margin-top: 265px; | |
| 590 | padding: 0; | |
| 591 | margin-bottom: 1em; | |
| 592 | } | |
| 593 | ||
| 594 | .main-inner .widget h2.date-header {
| |
| 595 | margin: 0 -15px 1px; | |
| 596 | padding: 0 0 $(date.padding.bottom) 0; | |
| 597 | ||
| 598 | font: $(date.font); | |
| 599 | color: $(date.text.color); | |
| 600 | ||
| 601 | background: $(date.background); | |
| 602 | ||
| 603 | border-top: $(date.border.size) solid $(date.border.color); | |
| 604 | border-bottom: 1px solid $(widget.border.bevel.color); | |
| 605 | ||
| 606 | -moz-border-radius-topleft: $(date.header.border.radius.top); | |
| 607 | -moz-border-radius-topright: $(date.header.border.radius.top); | |
| 608 | -webkit-border-top-left-radius: $(date.header.border.radius.top); | |
| 609 | -webkit-border-top-right-radius: $(date.header.border.radius.top); | |
| 610 | border-top-left-radius: $(date.header.border.radius.top); | |
| 611 | border-top-right-radius: $(date.header.border.radius.top); | |
| 612 | ||
| 613 | position: $(date.position); | |
| 614 | bottom: 100%; | |
| 615 | $(date.side): $(date.header.position); | |
| 616 | text-shadow: 0 0 $(title.shadow.spread) #000000; | |
| 617 | } | |
| 618 | ||
| 619 | .main-inner .widget h2.date-header span {
| |
| 620 | font: $(date.font); | |
| 621 | display: block; | |
| 622 | padding: .5em 15px; | |
| 623 | border-left: $(date.border.size) solid $(date.border.color); | |
| 624 | border-right: $(date.border.size) solid $(date.border.color); | |
| 625 | } | |
| 626 | ||
| 627 | .date-outer {
| |
| 628 | position: relative; | |
| 629 | margin: $(date.space) 0 20px; | |
| 630 | padding: 0 15px; | |
| 631 | ||
| 632 | background-color: $(post.background.color); | |
| 633 | border: 1px solid $(post.border.color); | |
| 634 | ||
| 635 | -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 636 | -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 637 | -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 638 | box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 639 | ||
| 640 | -moz-border-radius: $(widget.border.radius); | |
| 641 | -webkit-border-radius: $(widget.border.radius); | |
| 642 | -goog-ms-border-radius: $(widget.border.radius); | |
| 643 | border-radius: $(widget.border.radius); | |
| 644 | } | |
| 645 | ||
| 646 | .date-outer:first-child {
| |
| 647 | margin-top: 0; | |
| 648 | } | |
| 649 | ||
| 650 | .date-outer:last-child {
| |
| 651 | margin-bottom: $(date.last.space.bottom); | |
| 652 | ||
| 653 | -moz-border-radius-bottomleft: $(date.last.border.radius.bottom); | |
| 654 | -moz-border-radius-bottomright: $(date.last.border.radius.bottom); | |
| 655 | -webkit-border-bottom-left-radius: $(date.last.border.radius.bottom); | |
| 656 | -webkit-border-bottom-right-radius: $(date.last.border.radius.bottom); | |
| 657 | -goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom); | |
| 658 | -goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom); | |
| 659 | border-bottom-left-radius: $(date.last.border.radius.bottom); | |
| 660 | border-bottom-right-radius: $(date.last.border.radius.bottom); | |
| 661 | } | |
| 662 | ||
| 663 | .date-posts {
| |
| 664 | margin: 0 -$(separator.outdent); | |
| 665 | padding: 0 $(separator.outdent); | |
| 666 | ||
| 667 | clear: both; | |
| 668 | } | |
| 669 | ||
| 670 | .post-outer, .inline-ad {
| |
| 671 | border-top: 1px solid $(post.border.bevel.color); | |
| 672 | ||
| 673 | margin: 0 -$(separator.outdent); | |
| 674 | padding: 15px $(separator.outdent); | |
| 675 | } | |
| 676 | ||
| 677 | .post-outer {
| |
| 678 | padding-bottom: 10px; | |
| 679 | } | |
| 680 | ||
| 681 | .post-outer:first-child {
| |
| 682 | padding-top: $(post.first.padding.top); | |
| 683 | border-top: none; | |
| 684 | } | |
| 685 | ||
| 686 | .post-outer:last-child, .inline-ad:last-child {
| |
| 687 | border-bottom: none; | |
| 688 | } | |
| 689 | ||
| 690 | .post-body {
| |
| 691 | position: relative; | |
| 692 | } | |
| 693 | ||
| 694 | .post-body img {
| |
| 695 | padding: 8px; | |
| 696 | background: $(image.background.color); | |
| 697 | border: 1px solid $(image.border.color); | |
| 698 | ||
| 699 | -moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2); | |
| 700 | -webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2); | |
| 701 | box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2); | |
| 702 | ||
| 703 | -moz-border-radius: $(image.border.radius); | |
| 704 | -webkit-border-radius: $(image.border.radius); | |
| 705 | border-radius: $(image.border.radius); | |
| 706 | } | |
| 707 | ||
| 708 | h3.post-title, h4 {
| |
| 709 | font: $(post.title.font); | |
| 710 | color: $(post.title.text.color); | |
| 711 | } | |
| 712 | ||
| 713 | h3.post-title a {
| |
| 714 | font: $(post.title.font); | |
| 715 | color: $(post.title.text.color); | |
| 716 | } | |
| 717 | ||
| 718 | h3.post-title a:hover {
| |
| 719 | color: $(link.hover.color); | |
| 720 | text-decoration: underline; | |
| 721 | } | |
| 722 | ||
| 723 | .post-header {
| |
| 724 | margin: 0 0 1em; | |
| 725 | } | |
| 726 | ||
| 727 | .post-body {
| |
| 728 | line-height: 1.4; | |
| 729 | } | |
| 730 | ||
| 731 | .post-outer h2 {
| |
| 732 | color: $(body.text.color); | |
| 733 | } | |
| 734 | ||
| 735 | .post-footer {
| |
| 736 | margin: 1.5em 0 0; | |
| 737 | } | |
| 738 | ||
| 739 | #blog-pager {
| |
| 740 | padding: 15px; | |
| 741 | font-size: 120%; | |
| 742 | ||
| 743 | background-color: $(pager.background.color); | |
| 744 | border: 1px solid $(widget.border.color); | |
| 745 | ||
| 746 | -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 747 | -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 748 | -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 749 | box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 750 | ||
| 751 | -moz-border-radius: $(widget.border.radius); | |
| 752 | -webkit-border-radius: $(widget.border.radius); | |
| 753 | -goog-ms-border-radius: $(widget.border.radius); | |
| 754 | border-radius: $(widget.border.radius); | |
| 755 | ||
| 756 | -moz-border-radius-topleft: $(pager.border.radius.top); | |
| 757 | -moz-border-radius-topright: $(pager.border.radius.top); | |
| 758 | -webkit-border-top-left-radius: $(pager.border.radius.top); | |
| 759 | -webkit-border-top-right-radius: $(pager.border.radius.top); | |
| 760 | -goog-ms-border-top-left-radius: $(pager.border.radius.top); | |
| 761 | -goog-ms-border-top-right-radius: $(pager.border.radius.top); | |
| 762 | border-top-left-radius: $(pager.border.radius.top); | |
| 763 | border-top-right-radius-topright: $(pager.border.radius.top); | |
| 764 | ||
| 765 | margin-top: $(pager.space.top); | |
| 766 | } | |
| 767 | ||
| 768 | .blog-feeds, .post-feeds {
| |
| 769 | margin: 1em 0; | |
| 770 | text-align: center; | |
| 771 | color: $(feed.text.color); | |
| 772 | } | |
| 773 | ||
| 774 | .blog-feeds a, .post-feeds a {
| |
| 775 | color: $(feed.link.color); | |
| 776 | } | |
| 777 | ||
| 778 | .blog-feeds a:visited, .post-feeds a:visited {
| |
| 779 | color: $(feed.link.visited.color); | |
| 780 | } | |
| 781 | ||
| 782 | .blog-feeds a:hover, .post-feeds a:hover {
| |
| 783 | color: $(feed.link.hover.color); | |
| 784 | } | |
| 785 | ||
| 786 | .post-outer .comments {
| |
| 787 | margin-top: 2em; | |
| 788 | } | |
| 789 | ||
| 790 | /* Comments | |
| 791 | ----------------------------------------------- */ | |
| 792 | .comments .comments-content .icon.blog-author {
| |
| 793 | background-repeat: no-repeat; | |
| 794 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); | |
| 795 | } | |
| 796 | ||
| 797 | .comments .comments-content .loadmore a {
| |
| 798 | border-top: 1px solid $(tabs.border.color); | |
| 799 | border-bottom: 1px solid $(tabs.border.color); | |
| 800 | } | |
| 801 | ||
| 802 | .comments .continue {
| |
| 803 | border-top: 2px solid $(tabs.border.color); | |
| 804 | } | |
| 805 | ||
| 806 | /* Footer | |
| 807 | ----------------------------------------------- */ | |
| 808 | .footer-outer {
| |
| 809 | margin: -$(shadow.spread) 0 -1px; | |
| 810 | padding: $(shadow.spread) 0 0; | |
| 811 | color: $(footer.text.color); | |
| 812 | overflow: hidden; | |
| 813 | } | |
| 814 | ||
| 815 | .footer-fauxborder-left {
| |
| 816 | border-top: 1px solid $(widget.border.color); | |
| 817 | background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0; | |
| 818 | ||
| 819 | -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 820 | -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 821 | -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 822 | box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); | |
| 823 | ||
| 824 | margin: 0 -$(shadow.spread); | |
| 825 | } | |
| 826 | ||
| 827 | /* Mobile | |
| 828 | ----------------------------------------------- */ | |
| 829 | body.mobile {
| |
| 830 | background-size: $(mobile.background.size); | |
| 831 | } | |
| 832 | ||
| 833 | .mobile .body-fauxcolumn-outer {
| |
| 834 | background: $(mobile.background.overlay); | |
| 835 | } | |
| 836 | ||
| 837 | *+html body.mobile .main-inner .column-center-inner {
| |
| 838 | margin-top: 0; | |
| 839 | } | |
| 840 | ||
| 841 | .mobile .main-inner .widget {
| |
| 842 | padding: 0 0 15px; | |
| 843 | } | |
| 844 | ||
| 845 | .mobile .main-inner .widget h2 + div, | |
| 846 | .mobile .footer-inner .widget h2 + div {
| |
| 847 | border-top: none; | |
| 848 | padding-top: 0; | |
| 849 | } | |
| 850 | ||
| 851 | .mobile .footer-inner .widget h2 {
| |
| 852 | padding: 0.5em 0; | |
| 853 | border-bottom: none; | |
| 854 | } | |
| 855 | ||
| 856 | .mobile .main-inner .widget .widget-content {
| |
| 857 | margin: 0; | |
| 858 | padding: 7px 0 0; | |
| 859 | } | |
| 860 | ||
| 861 | .mobile .main-inner .widget ul, | |
| 862 | .mobile .main-inner .widget #ArchiveList ul.flat {
| |
| 863 | margin: 0 -15px 0; | |
| 864 | } | |
| 865 | ||
| 866 | .mobile .main-inner .widget h2.date-header {
| |
| 867 | $(date.side): 0; | |
| 868 | } | |
| 869 | ||
| 870 | .mobile .date-header span {
| |
| 871 | padding: 0.4em 0; | |
| 872 | } | |
| 873 | ||
| 874 | .mobile .date-outer:first-child {
| |
| 875 | margin-bottom: 0; | |
| 876 | border: 1px solid $(post.border.color); | |
| 877 | ||
| 878 | -moz-border-radius-topleft: $(date.first.border.radius.top); | |
| 879 | -moz-border-radius-topright: $(date.first.border.radius.top); | |
| 880 | -webkit-border-top-left-radius: $(date.first.border.radius.top); | |
| 881 | -webkit-border-top-right-radius: $(date.first.border.radius.top); | |
| 882 | -goog-ms-border-top-left-radius: $(date.first.border.radius.top); | |
| 883 | -goog-ms-border-top-right-radius: $(date.first.border.radius.top); | |
| 884 | border-top-left-radius: $(date.first.border.radius.top); | |
| 885 | border-top-right-radius: $(date.first.border.radius.top); | |
| 886 | } | |
| 887 | ||
| 888 | .mobile .date-outer {
| |
| 889 | border-color: $(post.border.color); | |
| 890 | border-width: 0 1px 1px; | |
| 891 | } | |
| 892 | ||
| 893 | .mobile .date-outer:last-child {
| |
| 894 | margin-bottom: 0; | |
| 895 | } | |
| 896 | ||
| 897 | .mobile .main-inner {
| |
| 898 | padding: 0; | |
| 899 | } | |
| 900 | ||
| 901 | .mobile .header-inner .section {
| |
| 902 | margin: 0; | |
| 903 | } | |
| 904 | ||
| 905 | .mobile .post-outer, .mobile .inline-ad {
| |
| 906 | padding: 5px 0; | |
| 907 | } | |
| 908 | ||
| 909 | .mobile .tabs-inner .section {
| |
| 910 | margin: 0 10px; | |
| 911 | } | |
| 912 | ||
| 913 | .mobile .main-inner .widget h2 {
| |
| 914 | margin: 0; | |
| 915 | padding: 0; | |
| 916 | } | |
| 917 | ||
| 918 | .mobile .main-inner .widget h2.date-header span {
| |
| 919 | padding: 0; | |
| 920 | } | |
| 921 | ||
| 922 | .mobile .main-inner .widget .widget-content {
| |
| 923 | margin: 0; | |
| 924 | padding: 7px 0 0; | |
| 925 | } | |
| 926 | ||
| 927 | .mobile #blog-pager {
| |
| 928 | border: 1px solid transparent; | |
| 929 | background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0; | |
| 930 | } | |
| 931 | ||
| 932 | .mobile .main-inner .column-left-inner, | |
| 933 | .mobile .main-inner .column-right-inner {
| |
| 934 | background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0; | |
| 935 | ||
| 936 | -moz-box-shadow: none; | |
| 937 | -webkit-box-shadow: none; | |
| 938 | -goog-ms-box-shadow: none; | |
| 939 | box-shadow: none; | |
| 940 | } | |
| 941 | ||
| 942 | .mobile .date-posts {
| |
| 943 | margin: 0; | |
| 944 | padding: 0; | |
| 945 | } | |
| 946 | ||
| 947 | .mobile .footer-fauxborder-left {
| |
| 948 | margin: 0; | |
| 949 | border-top: inherit; | |
| 950 | } | |
| 951 | ||
| 952 | .mobile .main-inner .section:last-child .Blog:last-child {
| |
| 953 | margin-bottom: 0; | |
| 954 | } | |
| 955 | ||
| 956 | .mobile-index-contents {
| |
| 957 | color: $(body.text.color); | |
| 958 | } | |
| 959 | ||
| 960 | .mobile .mobile-link-button {
| |
| 961 | background: $(link.color) $(tabs.background.gradient) repeat scroll 0 0; | |
| 962 | } | |
| 963 | ||
| 964 | .mobile-link-button a:link, .mobile-link-button a:visited {
| |
| 965 | color: $(mobile.button.color); | |
| 966 | } | |
| 967 | ||
| 968 | .mobile .tabs-inner .PageList .widget-content {
| |
| 969 | background: transparent; | |
| 970 | border-top: 1px solid; | |
| 971 | border-color: $(tabs.border.color); | |
| 972 | color: $(tabs.text.color); | |
| 973 | } | |
| 974 | ||
| 975 | .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
| |
| 976 | border-$startSide: 1px solid $(tabs.border.color); | |
| 977 | } | |
| 978 | ||
| 979 | @font-face {font-family: 'benchnineregular';src: url('http://themes.googleusercontent.com/static/fonts/benchnine/v1/ah9xtUy9wLQ3qnWa2p-piXhCUOGz7vYGh680lGh-uXM.woff');}
| |
| 980 | .sidebar .widget {
| |
| 981 | background: #fff; | |
| 982 | box-shadow: 2px 3px 0 #ededed; | |
| 983 | padding-top: 5px; | |
| 984 | padding-left: 9px; | |
| 985 | padding-bottom: 9px; | |
| 986 | padding-right:9px; | |
| 987 | margin-bottom: -15px; | |
| 988 | border-top: 4px solid #ffffff; | |
| 989 | border-bottom: 4px solid #ffffff; | |
| 990 | border-left: 1px solid #e9e9e9; | |
| 991 | border-right: 1px solid #e9e9e9; | |
| 992 | -webkit-border-radius: 3px; | |
| 993 | -moz-border-radius: 3px; | |
| 994 | border-radius: 3px; | |
| 995 | } | |
| 996 | .sidebar .widget h2{
| |
| 997 | background: url(http://static.tumblr.com/vuapb4x/lnZmwsntv/sem_t__tulo-2.png) no-repeat left; | |
| 998 | margin-top:-20px; | |
| 999 | margin-left:-33px; | |
| 1000 | margin-bottom:10px; | |
| 1001 | padding:15px; | |
| 1002 | width:150%; | |
| 1003 | overflow:hidden; | |
| 1004 | text-transform: uppercase; | |
| 1005 | font-size: 15px; | |
| 1006 | color: #fff; | |
| 1007 | font-family: 'dolce vita'; | |
| 1008 | font-style: normal; | |
| 1009 | font-weight: normal; | |
| 1010 | text-shadow: 1px 1px 0px #ff5f7f; | |
| 1011 | } | |
| 1012 | /* Blockquote Sweet By: The Lovers */ | |
| 1013 | .post blockquote {
| |
| 1014 | background: #fffafa; | |
| 1015 | border: 1px dotted #ff82ab; | |
| 1016 | color: #ff3e96; | |
| 1017 | font-family: century gothic; | |
| 1018 | font-size: 13px; | |
| 1019 | text-align: center; | |
| 1020 | padding: 5px; | |
| 1021 | -webkit-border-radius: 10px; | |
| 1022 | -moz-border-radius: 10px; | |
| 1023 | border-radius: 10px | |
| 1024 | } | |
| 1025 | ||
| 1026 | @font-face {src: url('http://static.tumblr.com/nzkyikd/Oz9mj22qp/visitor2.ttf'); font-family: 'visitor';}.wishlist {font-family: visitor;color: #ccc;text-shadow: 1px 1px 0px #fff;background: #fbfbfb;border-radius: 4px;padding: 5px;margin: 3px;display: block;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;cursor: pointer;}.wishlist:hover {text-shadow: 1px 1px 0px #FF80BF;padding-left: 20px;box-shadow: inset 0px 100px 0px #FFC6E2;color: #ffffff;}
| |
| 1027 | ||
| 1028 | .Fast {
| |
| 1029 | border:1px solid #ccc;width:50px !important; | |
| 1030 | height:50px !important | |
| 1031 | opacity: 0.7; | |
| 1032 | padding: 1px; | |
| 1033 | border-radius: 2px; | |
| 1034 | -webkit-transition-duration: .70s; | |
| 1035 | } | |
| 1036 | .Fast:hover {
| |
| 1037 | border:1px solid #ccc;border-radius: 70px; | |
| 1038 | -webkit-transform: rotate(360deg) scale(1.1) ; | |
| 1039 | -webkit-transition-duration: .1900s; | |
| 1040 | -webkit-transition-duration: .1900s; | |
| 1041 | } | |
| 1042 | .efeitowow{
| |
| 1043 | } | |
| 1044 | .efeitowow:hover{
| |
| 1045 | -webkit-animation-name: wow; | |
| 1046 | -moz-animation-name: wow; | |
| 1047 | -o-animation-name: wow; | |
| 1048 | animation-name: wow; | |
| 1049 | -webkit-animation-duration: 1s; | |
| 1050 | } | |
| 1051 | /** Menu **/ | |
| 1052 | light{
| |
| 1053 | -webkit-transition: 0.13s ease-out; | |
| 1054 | -moz-transition: 0.13s ease-out; | |
| 1055 | transition: 0.13s ease-out; | |
| 1056 | font: normal normal 8px PF Arma Five; | |
| 1057 | text-align:center; | |
| 1058 | padding: 2px; | |
| 1059 | float: left; | |
| 1060 | margin: 2px; | |
| 1061 | width: 63px; | |
| 1062 | background: #f7f7f7; | |
| 1063 | border: 1px solid #e1e1e1; | |
| 1064 | color: #666; | |
| 1065 | } | |
| 1066 | light:hover{
| |
| 1067 | background: #f7f7f7; | |
| 1068 | border: 1px solid #e1e1e1; | |
| 1069 | color: #666; | |
| 1070 | border-radius: 10px; | |
| 1071 | } | |
| 1072 | /**FIM Menu **/ | |
| 1073 | .destaque {
| |
| 1074 | float: right; | |
| 1075 | margin-right: -10px; | |
| 1076 | margin-top: -5px; | |
| 1077 | background: url('http://i1234.photobucket.com/albums/ff411/SweetLG/218.png');
| |
| 1078 | background-repeat: no-repeat!important; | |
| 1079 | width: 64px; | |
| 1080 | height: 25px;} | |
| 1081 | ||
| 1082 | .boxdestaque:hover .destaque {
| |
| 1083 | background-position: -0px -25px;} | |
| 1084 | ||
| 1085 | .boxdestaque {
| |
| 1086 | text-align: left; | |
| 1087 | -webkit-border-radius: 4px; | |
| 1088 | -moz-border-radius: 4px; | |
| 1089 | border-radius: 4px; | |
| 1090 | margin-right: 7px; | |
| 1091 | background: #ffffff; | |
| 1092 | padding: 5px; | |
| 1093 | margin-bottom: 7px; } | |
| 1094 | ||
| 1095 | .boxdestaque:hover {
| |
| 1096 | background: #fbcece; | |
| 1097 | text-shadow: 1px 1px 1px #fff;} | |
| 1098 | ||
| 1099 | .boxdestaque .title {
| |
| 1100 | color: #ff71a3; | |
| 1101 | font-size: 11px; | |
| 1102 | font-weight:none; | |
| 1103 | font-family: Georgia; | |
| 1104 | font-style: italic; | |
| 1105 | -webkit-transition: all 1s ease; | |
| 1106 | -moz-transition: all 1s ease; | |
| 1107 | -o-transition: all 1s ease; | |
| 1108 | transition: all 1s ease;} | |
| 1109 | .boxdestaque:hover .title{
| |
| 1110 | color: #7797a7; | |
| 1111 | padding-left: 15px; | |
| 1112 | -webkit-transition: all 1s ease; | |
| 1113 | -moz-transition: all 1s ease; | |
| 1114 | -o-transition: all 1s ease; | |
| 1115 | transition: all 1s ease;} | |
| 1116 | ||
| 1117 | .cred {display: block; border-bottom: 1px dotted #ffeeef; vertical-align: middle; line-height: 13px; margin-bottom: 0px; text-decoration: none; padding: 2px; font-style: normal;font-size: 10px; background: #fff;}.cred a {background: #ffffff; padding: 2px; color: #fff;}.cred a:hover {background: #ffffff; padding: 2px; color: #fff; text-decoration: none;}]]></b:skin>
| |
| 1118 | ||
| 1119 | <b:template-skin> | |
| 1120 | <b:variable default='960px' name='content.width' type='length' value='1250px'/> | |
| 1121 | <b:variable default='0' name='main.column.left.width' type='length' value='267px'/> | |
| 1122 | <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/> | |
| 1123 | ||
| 1124 | <![CDATA[ | |
| 1125 | body {
| |
| 1126 | min-width: $(content.width); | |
| 1127 | } | |
| 1128 | ||
| 1129 | .content-outer, .content-fauxcolumn-outer, .region-inner {
| |
| 1130 | min-width: $(content.width); | |
| 1131 | max-width: $(content.width); | |
| 1132 | _width: $(content.width); | |
| 1133 | } | |
| 1134 | ||
| 1135 | .main-inner .columns {
| |
| 1136 | padding-left: $(main.column.left.width); | |
| 1137 | padding-right: $(main.column.right.width); | |
| 1138 | } | |
| 1139 | ||
| 1140 | .main-inner .fauxcolumn-center-outer {
| |
| 1141 | left: $(main.column.left.width); | |
| 1142 | right: $(main.column.right.width); | |
| 1143 | /* IE6 does not respect left and right together */ | |
| 1144 | _width: expression(this.parentNode.offsetWidth - | |
| 1145 | parseInt("$(main.column.left.width)") -
| |
| 1146 | parseInt("$(main.column.right.width)") + 'px');
| |
| 1147 | } | |
| 1148 | ||
| 1149 | .main-inner .fauxcolumn-left-outer {
| |
| 1150 | width: $(main.column.left.width); | |
| 1151 | } | |
| 1152 | ||
| 1153 | .main-inner .fauxcolumn-right-outer {
| |
| 1154 | width: $(main.column.right.width); | |
| 1155 | } | |
| 1156 | ||
| 1157 | .main-inner .column-left-outer {
| |
| 1158 | margin-top: 265px; | |
| 1159 | width: $(main.column.left.width); | |
| 1160 | right: 100%; | |
| 1161 | margin-left: -$(main.column.left.width); | |
| 1162 | } | |
| 1163 | ||
| 1164 | .main-inner .column-right-outer {
| |
| 1165 | width: $(main.column.right.width); | |
| 1166 | margin-right: -$(main.column.right.width); | |
| 1167 | } | |
| 1168 | ||
| 1169 | #layout {
| |
| 1170 | min-width: 0; | |
| 1171 | } | |
| 1172 | ||
| 1173 | #layout .content-outer {
| |
| 1174 | min-width: 0; | |
| 1175 | width: 800px; | |
| 1176 | } | |
| 1177 | ||
| 1178 | #layout .region-inner {
| |
| 1179 | min-width: 0; | |
| 1180 | width: auto; | |
| 1181 | } | |
| 1182 | ]]> | |
| 1183 | </b:template-skin> | |
| 1184 | <b:include data='blog' name='google-analytics'/> | |
| 1185 | <script> | |
| 1186 | var mensagem="Não faça isso, é plagio!"; | |
| 1187 | function bloqueio() | |
| 1188 | {alert(mensagem);}
| |
| 1189 | document.onkeydown=bloqueio; | |
| 1190 | </script> | |
| 1191 | ||
| 1192 | </head> | |
| 1193 | ||
| 1194 | <body expr:class='"loading" + data:blog.mobileClass'> | |
| 1195 | <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> | |
| 1196 | <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'> | |
| 1197 | <b:includable id='main'><script type="text/javascript"> | |
| 1198 | function setAttributeOnload(object, attribute, val) {
| |
| 1199 | if(window.addEventListener) {
| |
| 1200 | window.addEventListener('load', | |
| 1201 | function(){ object[attribute] = val; }, false);
| |
| 1202 | } else {
| |
| 1203 | window.attachEvent('onload', function(){ object[attribute] = val; });
| |
| 1204 | } | |
| 1205 | } | |
| 1206 | </script> | |
| 1207 | <div id="navbar-iframe-container"></div> | |
| 1208 | <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> | |
| 1209 | <script type="text/javascript"> | |
| 1210 | gapi.load("iframes-styles-bubble", function() {
| |
| 1211 | if (window.iframes && iframes.open) {
| |
| 1212 | iframes.open( | |
| 1213 | '//www.blogger.com/navbar.g?targetBlogID\759068098642766352397\46blogName\75Fandom+world\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://layout-bridgit-mendler.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://layout-bridgit-mendler.blogspot.com/\46vt\75-7007541747639022257', | |
| 1214 | {
| |
| 1215 | container: "navbar-iframe-container", | |
| 1216 | id: "navbar-iframe" | |
| 1217 | }, | |
| 1218 | {
| |
| 1219 | }); | |
| 1220 | } | |
| 1221 | }); | |
| 1222 | </script><script type="text/javascript"> | |
| 1223 | (function() {
| |
| 1224 | var script = document.createElement('script'); | |
| 1225 | script.type = 'text/javascript'; | |
| 1226 | script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; | |
| 1227 | var head = document.getElementsByTagName('head')[0]; | |
| 1228 | if (head) {
| |
| 1229 | head.appendChild(script); | |
| 1230 | }})(); | |
| 1231 | </script> | |
| 1232 | </b:includable> | |
| 1233 | </b:widget> | |
| 1234 | </b:section> | |
| 1235 | ||
| 1236 | <b:if cond='data:blog.pageType == "index"'> | |
| 1237 | <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> | |
| 1238 | <meta expr:content='data:blog.title' itemprop='name'/> | |
| 1239 | <b:if cond='data:blog.metaDescription'> | |
| 1240 | <meta expr:content='data:blog.metaDescription' itemprop='description'/> | |
| 1241 | </b:if> | |
| 1242 | </div> | |
| 1243 | </b:if> | |
| 1244 | ||
| 1245 | <div class='body-fauxcolumns'> | |
| 1246 | <div class='fauxcolumn-outer body-fauxcolumn-outer'> | |
| 1247 | <div class='cap-top'> | |
| 1248 | <div class='cap-left'/> | |
| 1249 | <div class='cap-right'/> | |
| 1250 | </div> | |
| 1251 | <div class='fauxborder-left'> | |
| 1252 | <div class='fauxborder-right'/> | |
| 1253 | <div class='fauxcolumn-inner'> | |
| 1254 | </div> | |
| 1255 | </div> | |
| 1256 | <div class='cap-bottom'> | |
| 1257 | <div class='cap-left'/> | |
| 1258 | <div class='cap-right'/> | |
| 1259 | </div> | |
| 1260 | </div> | |
| 1261 | </div> | |
| 1262 | ||
| 1263 | <div class='content'> | |
| 1264 | <div class='content-fauxcolumns'> | |
| 1265 | <div class='fauxcolumn-outer content-fauxcolumn-outer'> | |
| 1266 | <div class='cap-top'> | |
| 1267 | <div class='cap-left'/> | |
| 1268 | <div class='cap-right'/> | |
| 1269 | </div> | |
| 1270 | <div class='fauxborder-left'> | |
| 1271 | <div class='fauxborder-right'/> | |
| 1272 | <div class='fauxcolumn-inner'> | |
| 1273 | </div> | |
| 1274 | </div> | |
| 1275 | <div class='cap-bottom'> | |
| 1276 | <div class='cap-left'/> | |
| 1277 | <div class='cap-right'/> | |
| 1278 | </div> | |
| 1279 | </div> | |
| 1280 | </div> | |
| 1281 | ||
| 1282 | <div class='content-outer'> | |
| 1283 | <div class='content-cap-top cap-top'> | |
| 1284 | <div class='cap-left'/> | |
| 1285 | <div class='cap-right'/> | |
| 1286 | </div> | |
| 1287 | <div class='fauxborder-left content-fauxborder-left'> | |
| 1288 | <div class='fauxborder-right content-fauxborder-right'/> | |
| 1289 | <div class='content-inner'> | |
| 1290 | ||
| 1291 | <header> | |
| 1292 | <div class='header-outer'> | |
| 1293 | <div class='header-cap-top cap-top'> | |
| 1294 | <div class='cap-left'/> | |
| 1295 | <div class='cap-right'/> | |
| 1296 | </div> | |
| 1297 | <div class='fauxborder-left header-fauxborder-left'> | |
| 1298 | <div class='fauxborder-right header-fauxborder-right'/> | |
| 1299 | <div class='region-inner header-inner'> | |
| 1300 | <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> | |
| 1301 | <b:widget id='Header1' locked='false' title='Fandom world (Cabeçalho)' type='Header'> | |
| 1302 | <b:includable id='main'> | |
| 1303 | ||
| 1304 | <b:if cond='data:useImage'> | |
| 1305 | <b:if cond='data:imagePlacement == "BEHIND"'> | |
| 1306 | <!-- | |
| 1307 | Show image as background to text. You can't really calculate the width | |
| 1308 | reliably in JS because margins are not taken into account by any of | |
| 1309 | clientWidth, offsetWidth or scrollWidth, so we don't force a minimum | |
| 1310 | width if the user is using shrink to fit. | |
| 1311 | This results in a margin-width's worth of pixels being cropped. If the | |
| 1312 | user is not using shrink to fit then we expand the header. | |
| 1313 | --> | |
| 1314 | <b:if cond='data:mobile'> | |
| 1315 | <div id='header-inner'> | |
| 1316 | <div class='titlewrapper' style='background: transparent'> | |
| 1317 | <h1 class='title' style='background: transparent; border-width: 0px'> | |
| 1318 | <b:include name='title'/> | |
| 1319 | </h1> | |
| 1320 | </div> | |
| 1321 | <b:include name='description'/> | |
| 1322 | </div> | |
| 1323 | <b:else/> | |
| 1324 | <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> | |
| 1325 | <div class='titlewrapper' style='background: transparent'> | |
| 1326 | <h1 class='title' style='background: transparent; border-width: 0px'> | |
| 1327 | <b:include name='title'/> | |
| 1328 | </h1> | |
| 1329 | </div> | |
| 1330 | <b:include name='description'/> | |
| 1331 | </div> | |
| 1332 | </b:if> | |
| 1333 | <b:else/> | |
| 1334 | <!--Show the image only--> | |
| 1335 | <div id='header-inner'> | |
| 1336 | <a expr:href='data:blog.homepageUrl' style='display: block'> | |
| 1337 | <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> | |
| 1338 | </a> | |
| 1339 | <!--Show the description--> | |
| 1340 | <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> | |
| 1341 | <b:include name='description'/> | |
| 1342 | </b:if> | |
| 1343 | </div> | |
| 1344 | </b:if> | |
| 1345 | <b:else/> | |
| 1346 | <!--No header image --> | |
| 1347 | <div id='header-inner'> | |
| 1348 | <div class='titlewrapper'> | |
| 1349 | <h1 class='title'> | |
| 1350 | <b:include name='title'/> | |
| 1351 | </h1> | |
| 1352 | </div> | |
| 1353 | <b:include name='description'/> | |
| 1354 | </div> | |
| 1355 | </b:if> | |
| 1356 | </b:includable> | |
| 1357 | <b:includable id='description'> | |
| 1358 | <div class='descriptionwrapper'> | |
| 1359 | <p class='description'><span><data:description/></span></p> | |
| 1360 | </div> | |
| 1361 | </b:includable> | |
| 1362 | <b:includable id='title'> | |
| 1363 | <b:if cond='data:blog.url == data:blog.homepageUrl'> | |
| 1364 | <data:title/> | |
| 1365 | <b:else/> | |
| 1366 | <a expr:href='data:blog.homepageUrl'><data:title/></a> | |
| 1367 | </b:if> | |
| 1368 | </b:includable> | |
| 1369 | </b:widget> | |
| 1370 | </b:section> | |
| 1371 | </div> | |
| 1372 | </div> | |
| 1373 | <div class='header-cap-bottom cap-bottom'> | |
| 1374 | <div class='cap-left'/> | |
| 1375 | <div class='cap-right'/> | |
| 1376 | </div> | |
| 1377 | </div> | |
| 1378 | </header> | |
| 1379 | ||
| 1380 | <div class='tabs-outer'> | |
| 1381 | <div class='tabs-cap-top cap-top'> | |
| 1382 | <div class='cap-left'/> | |
| 1383 | <div class='cap-right'/> | |
| 1384 | </div> | |
| 1385 | <div class='fauxborder-left tabs-fauxborder-left'> | |
| 1386 | <div class='fauxborder-right tabs-fauxborder-right'/> | |
| 1387 | <div class='region-inner tabs-inner'> | |
| 1388 | <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/> | |
| 1389 | <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/> | |
| 1390 | </div> | |
| 1391 | </div> | |
| 1392 | <div class='tabs-cap-bottom cap-bottom'> | |
| 1393 | <div class='cap-left'/> | |
| 1394 | <div class='cap-right'/> | |
| 1395 | </div> | |
| 1396 | </div> | |
| 1397 | ||
| 1398 | <div class='main-outer'> | |
| 1399 | <div class='main-cap-top cap-top'> | |
| 1400 | <div class='cap-left'/> | |
| 1401 | <div class='cap-right'/> | |
| 1402 | </div> | |
| 1403 | ||
| 1404 | <div class='fauxborder-left main-fauxborder-left'> | |
| 1405 | <div class='fauxborder-right main-fauxborder-right'/> | |
| 1406 | <div class='region-inner main-inner'> | |
| 1407 | ||
| 1408 | <div class='columns fauxcolumns'> | |
| 1409 | ||
| 1410 | <div class='fauxcolumn-outer fauxcolumn-center-outer'> | |
| 1411 | <div class='cap-top'> | |
| 1412 | <div class='cap-left'/> | |
| 1413 | <div class='cap-right'/> | |
| 1414 | </div> | |
| 1415 | <div class='fauxborder-left'> | |
| 1416 | <div class='fauxborder-right'/> | |
| 1417 | <div class='fauxcolumn-inner'> | |
| 1418 | </div> | |
| 1419 | </div> | |
| 1420 | <div class='cap-bottom'> | |
| 1421 | <div class='cap-left'/> | |
| 1422 | <div class='cap-right'/> | |
| 1423 | </div> | |
| 1424 | </div> | |
| 1425 | ||
| 1426 | <div class='fauxcolumn-outer fauxcolumn-left-outer'> | |
| 1427 | <div class='cap-top'> | |
| 1428 | <div class='cap-left'/> | |
| 1429 | <div class='cap-right'/> | |
| 1430 | </div> | |
| 1431 | <div class='fauxborder-left'> | |
| 1432 | <div class='fauxborder-right'/> | |
| 1433 | <div class='fauxcolumn-inner'> | |
| 1434 | </div> | |
| 1435 | </div> | |
| 1436 | <div class='cap-bottom'> | |
| 1437 | <div class='cap-left'/> | |
| 1438 | <div class='cap-right'/> | |
| 1439 | </div> | |
| 1440 | </div> | |
| 1441 | ||
| 1442 | <div class='fauxcolumn-outer fauxcolumn-right-outer'> | |
| 1443 | <div class='cap-top'> | |
| 1444 | <div class='cap-left'/> | |
| 1445 | <div class='cap-right'/> | |
| 1446 | </div> | |
| 1447 | <div class='fauxborder-left'> | |
| 1448 | <div class='fauxborder-right'/> | |
| 1449 | <div class='fauxcolumn-inner'> | |
| 1450 | </div> | |
| 1451 | </div> | |
| 1452 | <div class='cap-bottom'> | |
| 1453 | <div class='cap-left'/> | |
| 1454 | <div class='cap-right'/> | |
| 1455 | </div> | |
| 1456 | </div> | |
| 1457 | ||
| 1458 | <!-- corrects IE6 width calculation --> | |
| 1459 | <div class='columns-inner'> | |
| 1460 | ||
| 1461 | <div class='column-center-outer'> | |
| 1462 | <div class='column-center-inner'> | |
| 1463 | <b:section class='main' id='main' showaddelement='no'> | |
| 1464 | <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'> | |
| 1465 | <b:includable id='main' var='top'> | |
| 1466 | <b:if cond='data:mobile == "false"'> | |
| 1467 | ||
| 1468 | <!-- posts --> | |
| 1469 | <div class='blog-posts hfeed'> | |
| 1470 | ||
| 1471 | <b:include data='top' name='status-message'/> | |
| 1472 | ||
| 1473 | <data:defaultAdStart/> | |
| 1474 | <b:loop values='data:posts' var='post'> | |
| 1475 | <b:if cond='data:post.isDateStart'> | |
| 1476 | <b:if cond='data:post.isFirstPost == "false"'> | |
| 1477 | </div></div> | |
| 1478 | </b:if> | |
| 1479 | </b:if> | |
| 1480 | <b:if cond='data:post.isDateStart'> | |
| 1481 | <div class="date-outer"> | |
| 1482 | </b:if> | |
| 1483 | <b:if cond='data:post.dateHeader'> | |
| 1484 | <h2 class='date-header'><span><data:post.dateHeader/></span></h2> | |
| 1485 | </b:if> | |
| 1486 | <b:if cond='data:post.isDateStart'> | |
| 1487 | <div class="date-posts"> | |
| 1488 | </b:if> | |
| 1489 | <div class='post-outer'> | |
| 1490 | <b:include data='post' name='post'/> | |
| 1491 | <b:if cond='data:blog.pageType == "static_page"'> | |
| 1492 | <b:include data='post' name='comment_picker'/> | |
| 1493 | </b:if> | |
| 1494 | <b:if cond='data:blog.pageType == "item"'> | |
| 1495 | <b:include data='post' name='comment_picker'/> | |
| 1496 | </b:if> | |
| 1497 | </div> | |
| 1498 | <b:if cond='data:post.includeAd'> | |
| 1499 | <b:if cond='data:post.isFirstPost'> | |
| 1500 | <data:defaultAdEnd/> | |
| 1501 | <b:else/> | |
| 1502 | <data:adEnd/> | |
| 1503 | </b:if> | |
| 1504 | <div class='inline-ad'> | |
| 1505 | <data:adCode/> | |
| 1506 | </div> | |
| 1507 | <data:adStart/> | |
| 1508 | </b:if> | |
| 1509 | </b:loop> | |
| 1510 | <b:if cond='data:numPosts != 0'> | |
| 1511 | </div></div> | |
| 1512 | </b:if> | |
| 1513 | <data:adEnd/> | |
| 1514 | </div> | |
| 1515 | ||
| 1516 | <!-- navigation --> | |
| 1517 | <b:include name='nextprev'/> | |
| 1518 | ||
| 1519 | <!-- feed links --> | |
| 1520 | <b:include name='feedLinks'/> | |
| 1521 | ||
| 1522 | <b:if cond='data:top.showStars'> | |
| 1523 | <script src='//www.google.com/jsapi' type='text/javascript'/> | |
| 1524 | <script type='text/javascript'> | |
| 1525 | google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
| |
| 1526 | function initialize() {
| |
| 1527 | google.annotations.setApplicationId(<data:top.blogspotReviews/>); | |
| 1528 | google.annotations.createAll(); | |
| 1529 | google.annotations.fetch(); | |
| 1530 | } | |
| 1531 | google.setOnLoadCallback(initialize); | |
| 1532 | </script> | |
| 1533 | </b:if> | |
| 1534 | ||
| 1535 | <b:else/> | |
| 1536 | <b:include name='mobile-main'/> | |
| 1537 | </b:if> | |
| 1538 | ||
| 1539 | <b:if cond='data:top.showDummy'> | |
| 1540 | <data:top.dummyBootstrap/> | |
| 1541 | </b:if> | |
| 1542 | ||
| 1543 | </b:includable> | |
| 1544 | <b:includable id='backlinkDeleteIcon' var='backlink'> | |
| 1545 | <span expr:class='"item-control " + data:backlink.adminClass'> | |
| 1546 | <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> | |
| 1547 | <img src='//www.blogger.com/img/icon_delete13.gif'/> | |
| 1548 | </a> | |
| 1549 | </span> | |
| 1550 | </b:includable> | |
| 1551 | <b:includable id='backlinks' var='post'> | |
| 1552 | <a name='links'/><h4><data:post.backlinksLabel/></h4> | |
| 1553 | <b:if cond='data:post.numBacklinks != 0'> | |
| 1554 | <dl class='comments-block' id='comments-block'> | |
| 1555 | <b:loop values='data:post.backlinks' var='backlink'> | |
| 1556 | <div class='collapsed-backlink backlink-control'> | |
| 1557 | <dt class='comment-title'> | |
| 1558 | <span class='backlink-toggle-zippy'> </span> | |
| 1559 | <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> | |
| 1560 | <b:include data='backlink' name='backlinkDeleteIcon'/> | |
| 1561 | </dt> | |
| 1562 | <dd class='comment-body collapseable'> | |
| 1563 | <data:backlink.snippet/> | |
| 1564 | </dd> | |
| 1565 | <dd class='comment-footer collapseable'> | |
| 1566 | <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> | |
| 1567 | <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> | |
| 1568 | </dd> | |
| 1569 | </div> | |
| 1570 | </b:loop> | |
| 1571 | </dl> | |
| 1572 | </b:if> | |
| 1573 | <p class='comment-footer'> | |
| 1574 | <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> | |
| 1575 | </p> | |
| 1576 | </b:includable> | |
| 1577 | <b:includable id='comment-form' var='post'> | |
| 1578 | <div class='comment-form'> | |
| 1579 | <a name='comment-form'/> | |
| 1580 | <b:if cond='data:mobile'> | |
| 1581 | <h4 id='comment-post-message'> | |
| 1582 | <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> | |
| 1583 | <p><data:blogCommentMessage/></p> | |
| 1584 | <data:blogTeamBlogMessage/> | |
| 1585 | <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> | |
| 1586 | <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%'/> | |
| 1587 | <b:else/> | |
| 1588 | <h4 id='comment-post-message'><data:postCommentMsg/></h4> | |
| 1589 | <p><data:blogCommentMessage/></p> | |
| 1590 | <data:blogTeamBlogMessage/> | |
| 1591 | <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> | |
| 1592 | <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> | |
| 1593 | </b:if> | |
| 1594 | <data:post.friendConnectJs/> | |
| 1595 | <data:post.cmtfpIframe/> | |
| 1596 | <script type='text/javascript'> | |
| 1597 | BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); | |
| 1598 | </script> | |
| 1599 | </div> | |
| 1600 | </b:includable> | |
| 1601 | <b:includable id='commentDeleteIcon' var='comment'> | |
| 1602 | <span expr:class='"item-control " + data:comment.adminClass'> | |
| 1603 | <b:if cond='data:showCmtPopup'> | |
| 1604 | <div class='goog-toggle-button'> | |
| 1605 | <div class='goog-inline-block comment-action-icon'/> | |
| 1606 | </div> | |
| 1607 | <b:else/> | |
| 1608 | <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> | |
| 1609 | <img src='//www.blogger.com/img/icon_delete13.gif'/> | |
| 1610 | </a> | |
| 1611 | </b:if> | |
| 1612 | </span> | |
| 1613 | </b:includable> | |
| 1614 | <b:includable id='comment_count_picker' var='post'> | |
| 1615 | <b:if cond='data:post.commentSource == 1'> | |
| 1616 | <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'> | |
| 1617 | </span> | |
| 1618 | <b:else/> | |
| 1619 | <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> | |
| 1620 | <data:post.commentLabelFull/>: | |
| 1621 | </a> | |
| 1622 | </b:if> | |
| 1623 | </b:includable> | |
| 1624 | <b:includable id='comment_picker' var='post'> | |
| 1625 | <b:if cond='data:post.commentSource == 1'> | |
| 1626 | <b:include data='post' name='iframe_comments'/> | |
| 1627 | <b:else/> | |
| 1628 | <b:if cond='data:post.showThreadedComments'> | |
| 1629 | <b:include data='post' name='threaded_comments'/> | |
| 1630 | <b:else/> | |
| 1631 | <b:include data='post' name='comments'/> | |
| 1632 | </b:if> | |
| 1633 | </b:if> | |
| 1634 | </b:includable> | |
| 1635 | <b:includable id='comments' var='post'> | |
| 1636 | <div class='comments' id='comments'> | |
| 1637 | <a name='comments'/> | |
| 1638 | <b:if cond='data:post.allowComments'> | |
| 1639 | <h4><data:post.commentLabelFull/>:</h4> | |
| 1640 | ||
| 1641 | <b:if cond='data:post.commentPagingRequired'> | |
| 1642 | <span class='paging-control-container'> | |
| 1643 | <b:if cond='data:post.hasOlderLinks'> | |
| 1644 | <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> | |
| 1645 |   | |
| 1646 | <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> | |
| 1647 |   | |
| 1648 | </b:if> | |
| 1649 | ||
| 1650 | <data:post.commentRangeText/> | |
| 1651 | ||
| 1652 | <b:if cond='data:post.hasNewerLinks'> | |
| 1653 |   | |
| 1654 | <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> | |
| 1655 |   | |
| 1656 | <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> | |
| 1657 | </b:if> | |
| 1658 | </span> | |
| 1659 | </b:if> | |
| 1660 | ||
| 1661 | <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> | |
| 1662 | <dl expr:class='data:post.avatarIndentClass' id='comments-block'> | |
| 1663 | <b:loop values='data:post.comments' var='comment'> | |
| 1664 | <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> | |
| 1665 | <b:if cond='data:comment.favicon'> | |
| 1666 | <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> | |
| 1667 | </b:if> | |
| 1668 | <a expr:name='data:comment.anchorName'/> | |
| 1669 | <b:if cond='data:blog.enabledCommentProfileImages'> | |
| 1670 | <data:comment.authorAvatarImage/> | |
| 1671 | </b:if> | |
| 1672 | <b:if cond='data:comment.authorUrl'> | |
| 1673 | <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> | |
| 1674 | <b:else/> | |
| 1675 | <data:comment.author/> | |
| 1676 | </b:if> | |
| 1677 | <data:commentPostedByMsg/> | |
| 1678 | </dt> | |
| 1679 | <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> | |
| 1680 | <b:if cond='data:comment.isDeleted'> | |
| 1681 | <span class='deleted-comment'><data:comment.body/></span> | |
| 1682 | <b:else/> | |
| 1683 | <p> | |
| 1684 | <data:comment.body/> | |
| 1685 | </p> | |
| 1686 | </b:if> | |
| 1687 | </dd> | |
| 1688 | <dd class='comment-footer'> | |
| 1689 | <span class='comment-timestamp'> | |
| 1690 | <a expr:href='data:comment.url' title='comment permalink'> | |
| 1691 | <data:comment.timestamp/> | |
| 1692 | </a> | |
| 1693 | <b:include data='comment' name='commentDeleteIcon'/> | |
| 1694 | </span> | |
| 1695 | </dd> | |
| 1696 | </b:loop> | |
| 1697 | </dl> | |
| 1698 | </div> | |
| 1699 | ||
| 1700 | <b:if cond='data:post.commentPagingRequired'> | |
| 1701 | <span class='paging-control-container'> | |
| 1702 | <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> | |
| 1703 | <data:post.oldestLinkText/> | |
| 1704 | </a> | |
| 1705 | <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> | |
| 1706 | <data:post.olderLinkText/> | |
| 1707 | </a> | |
| 1708 |   | |
| 1709 | <data:post.commentRangeText/> | |
| 1710 |   | |
| 1711 | <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> | |
| 1712 | <data:post.newerLinkText/> | |
| 1713 | </a> | |
| 1714 | <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> | |
| 1715 | <data:post.newestLinkText/> | |
| 1716 | </a> | |
| 1717 | </span> | |
| 1718 | </b:if> | |
| 1719 | ||
| 1720 | <p class='comment-footer'> | |
| 1721 | <b:if cond='data:post.embedCommentForm'> | |
| 1722 | <b:if cond='data:post.allowNewComments'> | |
| 1723 | <b:include data='post' name='comment-form'/> | |
| 1724 | <b:else/> | |
| 1725 | <data:post.noNewCommentsText/> | |
| 1726 | </b:if> | |
| 1727 | <b:else/> | |
| 1728 | <b:if cond='data:post.allowComments'> | |
| 1729 | <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> | |
| 1730 | </b:if> | |
| 1731 | </b:if> | |
| 1732 | ||
| 1733 | </p> | |
| 1734 | </b:if> | |
| 1735 | <b:if cond='data:showCmtPopup'> | |
| 1736 | <div id='comment-popup'> | |
| 1737 | <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> | |
| 1738 | </iframe> | |
| 1739 | </div> | |
| 1740 | </b:if> | |
| 1741 | ||
| 1742 | <div id='backlinks-container'> | |
| 1743 | <div expr:id='data:widget.instanceId + "_backlinks-container"'> | |
| 1744 | <b:if cond='data:post.showBacklinks'> | |
| 1745 | <b:include data='post' name='backlinks'/> | |
| 1746 | </b:if> | |
| 1747 | </div> | |
| 1748 | </div> | |
| 1749 | </div> | |
| 1750 | </b:includable> | |
| 1751 | <b:includable id='feedLinks'> | |
| 1752 | <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> | |
| 1753 | <b:if cond='data:feedLinks'> | |
| 1754 | <div class='blog-feeds'> | |
| 1755 | <b:include data='feedLinks' name='feedLinksBody'/> | |
| 1756 | </div> | |
| 1757 | </b:if> | |
| 1758 | ||
| 1759 | <b:else/> <!--Post feed links --> | |
| 1760 | <div class='post-feeds'> | |
| 1761 | <b:loop values='data:posts' var='post'> | |
| 1762 | <b:if cond='data:post.allowComments'> | |
| 1763 | <b:if cond='data:post.feedLinks'> | |
| 1764 | <b:include data='post.feedLinks' name='feedLinksBody'/> | |
| 1765 | </b:if> | |
| 1766 | </b:if> | |
| 1767 | </b:loop> | |
| 1768 | </div> | |
| 1769 | </b:if> | |
| 1770 | </b:includable> | |
| 1771 | <b:includable id='feedLinksBody' var='links'> | |
| 1772 | <div class='feed-links'> | |
| 1773 | <data:feedLinksMsg/> | |
| 1774 | <b:loop values='data:links' var='f'> | |
| 1775 | <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> | |
| 1776 | </b:loop> | |
| 1777 | </div> | |
| 1778 | </b:includable> | |
| 1779 | <b:includable id='iframe_comments' var='post'> | |
| 1780 | ||
| 1781 | <b:if cond='data:post.allowIframeComments'> | |
| 1782 | <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> | |
| 1783 | <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/> | |
| 1784 | ||
| 1785 | <b:if cond='data:post.embedCommentForm == "false"'> | |
| 1786 | <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> | |
| 1787 | </b:if> | |
| 1788 | </b:if> | |
| 1789 | </b:includable> | |
| 1790 | <b:includable id='mobile-index-post' var='post'> | |
| 1791 | <div class='mobile-date-outer date-outer'> | |
| 1792 | <b:if cond='data:post.dateHeader'> | |
| 1793 | <div class='date-header'> | |
| 1794 | <span><data:post.dateHeader/></span> | |
| 1795 | </div> | |
| 1796 | </b:if> | |
| 1797 | ||
| 1798 | <div class='mobile-post-outer'> | |
| 1799 | <a expr:href='data:post.url'> | |
| 1800 | <h3 class='mobile-index-title entry-title' itemprop='name'> | |
| 1801 | <data:post.title/> | |
| 1802 | </h3> | |
| 1803 | ||
| 1804 | <div class='mobile-index-arrow'>&rsaquo;</div> | |
| 1805 | ||
| 1806 | <div class='mobile-index-contents'> | |
| 1807 | <b:if cond='data:post.thumbnailUrl'> | |
| 1808 | <div class='mobile-index-thumbnail'> | |
| 1809 | <div class='Image'> | |
| 1810 | <img expr:src='data:post.thumbnailUrl'/> | |
| 1811 | </div> | |
| 1812 | </div> | |
| 1813 | </b:if> | |
| 1814 | ||
| 1815 | <div class='post-body'> | |
| 1816 | <b:if cond='data:post.snippet'><data:post.snippet/></b:if> | |
| 1817 | </div> | |
| 1818 | </div> | |
| 1819 | ||
| 1820 | <div style='clear: both;'/> | |
| 1821 | </a> | |
| 1822 | ||
| 1823 | <div class='mobile-index-comment'> | |
| 1824 | <b:if cond='data:blog.pageType != "static_page"'> | |
| 1825 | <b:if cond='data:post.allowComments'> | |
| 1826 | <b:if cond='data:post.numComments != 0'> | |
| 1827 | <b:include data='post' name='comment_count_picker'/> | |
| 1828 | </b:if> | |
| 1829 | </b:if> | |
| 1830 | </b:if> | |
| 1831 | </div> | |
| 1832 | </div> | |
| 1833 | </div> | |
| 1834 | </b:includable> | |
| 1835 | <b:includable id='mobile-main' var='top'> | |
| 1836 | <!-- posts --> | |
| 1837 | <div class='blog-posts hfeed'> | |
| 1838 | ||
| 1839 | <b:include data='top' name='status-message'/> | |
| 1840 | ||
| 1841 | <b:if cond='data:blog.pageType == "index"'> | |
| 1842 | <b:loop values='data:posts' var='post'> | |
| 1843 | <b:include data='post' name='mobile-index-post'/> | |
| 1844 | </b:loop> | |
| 1845 | <b:else/> | |
| 1846 | <b:loop values='data:posts' var='post'> | |
| 1847 | <b:include data='post' name='mobile-post'/> | |
| 1848 | </b:loop> | |
| 1849 | </b:if> | |
| 1850 | </div> | |
| 1851 | ||
| 1852 | <b:include name='mobile-nextprev'/> | |
| 1853 | </b:includable> | |
| 1854 | <b:includable id='mobile-nextprev'> | |
| 1855 | <div class='blog-pager' id='blog-pager'> | |
| 1856 | <b:if cond='data:newerPageUrl'> | |
| 1857 | <div class='mobile-link-button' id='blog-pager-newer-link'> | |
| 1858 | <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a> | |
| 1859 | </div> | |
| 1860 | </b:if> | |
| 1861 | ||
| 1862 | <b:if cond='data:olderPageUrl'> | |
| 1863 | <div class='mobile-link-button' id='blog-pager-older-link'> | |
| 1864 | <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a> | |
| 1865 | </div> | |
| 1866 | </b:if> | |
| 1867 | ||
| 1868 | <div class='mobile-link-button' id='blog-pager-home-link'> | |
| 1869 | <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> | |
| 1870 | </div> | |
| 1871 | ||
| 1872 | <div class='mobile-desktop-link'> | |
| 1873 | <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> | |
| 1874 | </div> | |
| 1875 | ||
| 1876 | </div> | |
| 1877 | <div class='clear'/> | |
| 1878 | </b:includable> | |
| 1879 | <b:includable id='mobile-post' var='post'> | |
| 1880 | <div class='date-outer'> | |
| 1881 | <b:if cond='data:post.dateHeader'> | |
| 1882 | <h2 class='date-header'><span><data:post.dateHeader/></span></h2> | |
| 1883 | </b:if> | |
| 1884 | <div class='date-posts'> | |
| 1885 | <div class='post-outer'> | |
| 1886 | ||
| 1887 | <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> | |
| 1888 | <b:if cond='data:post.thumbnailUrl'> | |
| 1889 | <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> | |
| 1890 | </b:if> | |
| 1891 | <meta expr:content='data:blog.blogId' itemprop='blogId'/> | |
| 1892 | <meta expr:content='data:post.id' itemprop='postId'/> | |
| 1893 | ||
| 1894 | <a expr:name='data:post.id'/> | |
| 1895 | <b:if cond='data:post.title'> | |
| 1896 | <h3 class='post-title entry-title' itemprop='name'> | |
| 1897 | <b:if cond='data:post.link'> | |
| 1898 | <a expr:href='data:post.link'><data:post.title/></a> | |
| 1899 | <b:else/> | |
| 1900 | <b:if cond='data:post.url'> | |
| 1901 | <b:if cond='data:blog.url != data:post.url'> | |
| 1902 | <a expr:href='data:post.url'><data:post.title/></a> | |
| 1903 | <b:else/> | |
| 1904 | <data:post.title/> | |
| 1905 | </b:if> | |
| 1906 | <b:else/> | |
| 1907 | <data:post.title/> | |
| 1908 | </b:if> | |
| 1909 | </b:if> | |
| 1910 | </h3> | |
| 1911 | </b:if> | |
| 1912 | ||
| 1913 | <div class='post-header'> | |
| 1914 | <div class='post-header-line-1'/> | |
| 1915 | </div> | |
| 1916 | ||
| 1917 | <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> | |
| 1918 | <data:post.body/> | |
| 1919 | <div style='clear: both;'/> <!-- clear for photos floats --> | |
| 1920 | </div> | |
| 1921 | ||
| 1922 | <div class='post-footer'> | |
| 1923 | <div class='post-footer-line post-footer-line-1'> | |
| 1924 | <span class='post-author vcard'> | |
| 1925 | <b:if cond='data:top.showAuthor'> | |
| 1926 | <b:if cond='data:post.authorProfileUrl'> | |
| 1927 | <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> | |
| 1928 | <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> | |
| 1929 | <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> | |
| 1930 | <span itemprop='name'><data:post.author/></span> | |
| 1931 | </a> | |
| 1932 | </span> | |
| 1933 | <b:else/> | |
| 1934 | <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> | |
| 1935 | <span itemprop='name'><data:post.author/></span> | |
| 1936 | </span> | |
| 1937 | </b:if> | |
| 1938 | </b:if> | |
| 1939 | </span> | |
| 1940 | ||
| 1941 | <span class='post-timestamp'> | |
| 1942 | <b:if cond='data:top.showTimestamp'> | |
| 1943 | <data:top.timestampLabel/> | |
| 1944 | <b:if cond='data:post.url'> | |
| 1945 | <meta expr:content='data:post.canonicalUrl' itemprop='url'/> | |
| 1946 | <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> | |
| 1947 | </b:if> | |
| 1948 | </b:if> | |
| 1949 | </span> | |
| 1950 | ||
| 1951 | <span class='post-comment-link'> | |
| 1952 | <b:if cond='data:blog.pageType != "item"'> | |
| 1953 | <b:if cond='data:blog.pageType != "static_page"'> | |
| 1954 | <b:if cond='data:post.allowComments'> | |
| 1955 | <b:include data='post' name='comment_count_picker'/> | |
| 1956 | </b:if> | |
| 1957 | </b:if> | |
| 1958 | </b:if> | |
| 1959 | </span> | |
| 1960 | </div> | |
| 1961 | ||
| 1962 | <div class='post-footer-line post-footer-line-2'> | |
| 1963 | <b:if cond='data:top.showMobileShare'> | |
| 1964 | <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> | |
| 1965 | <a href='javascript:void(0);'><data:shareMsg/></a> | |
| 1966 | </div> | |
| 1967 | </b:if> | |
| 1968 | <b:if cond='data:top.showDummy'> | |
| 1969 | <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> | |
| 1970 | </b:if> | |
| 1971 | </div> | |
| 1972 | ||
| 1973 | </div> | |
| 1974 | </div> | |
| 1975 | ||
| 1976 | <b:if cond='data:blog.pageType == "static_page"'> | |
| 1977 | <b:include data='post' name='comment_picker'/> | |
| 1978 | </b:if> | |
| 1979 | <b:if cond='data:blog.pageType == "item"'> | |
| 1980 | <b:include data='post' name='comment_picker'/> | |
| 1981 | </b:if> | |
| 1982 | </div> | |
| 1983 | </div> | |
| 1984 | </div> | |
| 1985 | </b:includable> | |
| 1986 | <b:includable id='nextprev'> | |
| 1987 | <div class='blog-pager' id='blog-pager'> | |
| 1988 | <b:if cond='data:newerPageUrl'> | |
| 1989 | <span id='blog-pager-newer-link'> | |
| 1990 | <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> | |
| 1991 | </span> | |
| 1992 | </b:if> | |
| 1993 | ||
| 1994 | <b:if cond='data:olderPageUrl'> | |
| 1995 | <span id='blog-pager-older-link'> | |
| 1996 | <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> | |
| 1997 | </span> | |
| 1998 | </b:if> | |
| 1999 | ||
| 2000 | <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> | |
| 2001 | ||
| 2002 | <b:if cond='data:mobileLinkUrl'> | |
| 2003 | <div class='blog-mobile-link'> | |
| 2004 | <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> | |
| 2005 | </div> | |
| 2006 | </b:if> | |
| 2007 | ||
| 2008 | </div> | |
| 2009 | <div class='clear'/> | |
| 2010 | </b:includable> | |
| 2011 | <b:includable id='post' var='post'> | |
| 2012 | <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> | |
| 2013 | <b:if cond='data:post.firstImageUrl'> | |
| 2014 | <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> | |
| 2015 | </b:if> | |
| 2016 | <meta expr:content='data:blog.blogId' itemprop='blogId'/> | |
| 2017 | <meta expr:content='data:post.id' itemprop='postId'/> | |
| 2018 | ||
| 2019 | <a expr:name='data:post.id'/> | |
| 2020 | <b:if cond='data:post.title'> | |
| 2021 | <h3 class='post-title entry-title' itemprop='name'> | |
| 2022 | <b:if cond='data:post.link'> | |
| 2023 | <a expr:href='data:post.link'><data:post.title/></a> | |
| 2024 | <b:else/> | |
| 2025 | <b:if cond='data:post.url'> | |
| 2026 | <b:if cond='data:blog.url != data:post.url'> | |
| 2027 | <a expr:href='data:post.url'><data:post.title/></a> | |
| 2028 | <b:else/> | |
| 2029 | <data:post.title/> | |
| 2030 | </b:if> | |
| 2031 | <b:else/> | |
| 2032 | <data:post.title/> | |
| 2033 | </b:if> | |
| 2034 | </b:if> | |
| 2035 | </h3> | |
| 2036 | </b:if> | |
| 2037 | ||
| 2038 | <div class='post-header'> | |
| 2039 | <div class='post-header-line-1'/> | |
| 2040 | </div> | |
| 2041 | ||
| 2042 | <b:if cond='data:blog.metaDescription == ""'> | |
| 2043 | <!-- Then use the post body as the schema.org description, | |
| 2044 | for good G+/FB snippeting. --> | |
| 2045 | <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'> | |
| 2046 | <data:post.body/> | |
| 2047 | <div style='clear: both;'/> <!-- clear for photos floats --> | |
| 2048 | </div> | |
| 2049 | <b:else/> | |
| 2050 | <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> | |
| 2051 | <data:post.body/> | |
| 2052 | <div style='clear: both;'/> <!-- clear for photos floats --> | |
| 2053 | </div> | |
| 2054 | </b:if> | |
| 2055 | ||
| 2056 | <b:if cond='data:post.hasJumpLink'> | |
| 2057 | <div class='jump-link'> | |
| 2058 | <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><img src='http://2.bp.blogspot.com/-JD00GwhvOuw/UokwLSbVCiI/AAAAAAAADrg/B4L-QvLBMPU/s1600/leia-mais.png'/></a> | |
| 2059 | </div> | |
| 2060 | </b:if> | |
| 2061 | ||
| 2062 | <div class='post-footer'> | |
| 2063 | <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> | |
| 2064 | <b:if cond='data:top.showAuthor'> | |
| 2065 | <data:top.authorLabel/> | |
| 2066 | <b:if cond='data:post.authorProfileUrl'> | |
| 2067 | <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> | |
| 2068 | <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> | |
| 2069 | <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> | |
| 2070 | <span itemprop='name'><data:post.author/></span> | |
| 2071 | </a> | |
| 2072 | </span> | |
| 2073 | <b:else/> | |
| 2074 | <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> | |
| 2075 | <span itemprop='name'><data:post.author/></span> | |
| 2076 | </span> | |
| 2077 | </b:if> | |
| 2078 | </b:if> | |
| 2079 | </span> <span class='post-timestamp'> | |
| 2080 | <b:if cond='data:top.showTimestamp'> | |
| 2081 | <data:top.timestampLabel/> | |
| 2082 | <b:if cond='data:post.url'> | |
| 2083 | <meta expr:content='data:post.canonicalUrl' itemprop='url'/> | |
| 2084 | <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> | |
| 2085 | </b:if> | |
| 2086 | </b:if> | |
| 2087 | </span> <span class='post-comment-link'> | |
| 2088 | <b:if cond='data:blog.pageType != "item"'> | |
| 2089 | <b:if cond='data:blog.pageType != "static_page"'> | |
| 2090 | <b:if cond='data:post.allowComments'> | |
| 2091 | <b:include data='post' name='comment_count_picker'/> | |
| 2092 | </b:if> | |
| 2093 | </b:if> | |
| 2094 | </b:if> | |
| 2095 | </span> <span class='post-icons'> | |
| 2096 | <!-- email post links --> | |
| 2097 | <b:if cond='data:post.emailPostUrl'> | |
| 2098 | <span class='item-action'> | |
| 2099 | <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> | |
| 2100 | <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> | |
| 2101 | </a> | |
| 2102 | </span> | |
| 2103 | </b:if> | |
| 2104 | ||
| 2105 | <!-- quickedit pencil --> | |
| 2106 | <b:include data='post' name='postQuickEdit'/> | |
| 2107 | </span> <div class='post-share-buttons goog-inline-block'> | |
| 2108 | <b:if cond='data:post.sharePostUrl'> | |
| 2109 | <b:include data='post' name='shareButtons'/> | |
| 2110 | </b:if> | |
| 2111 | </div> </div> | |
| 2112 | ||
| 2113 | <div class='post-footer-line post-footer-line-2'><span class='post-labels'> | |
| 2114 | <b:if cond='data:post.labels'> | |
| 2115 | <data:postLabelsLabel/> | |
| 2116 | <b:loop values='data:post.labels' var='label'> | |
| 2117 | <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> | |
| 2118 | </b:loop> | |
| 2119 | </b:if> | |
| 2120 | </span> </div> | |
| 2121 | ||
| 2122 | <div class='post-footer-line post-footer-line-3'><span class='post-location'> | |
| 2123 | <b:if cond='data:top.showLocation'> | |
| 2124 | <b:if cond='data:post.location'> | |
| 2125 | <data:postLocationLabel/> | |
| 2126 | <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> | |
| 2127 | </b:if> | |
| 2128 | </b:if> | |
| 2129 | </span> </div> | |
| 2130 | <b:if cond='data:post.authorAboutMe'> | |
| 2131 | <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> | |
| 2132 | <b:if cond='data:post.authorPhoto.url'> | |
| 2133 | <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/> | |
| 2134 | </b:if> | |
| 2135 | <div> | |
| 2136 | <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'> | |
| 2137 | <span itemprop='name'><data:post.author/></span> | |
| 2138 | </a> | |
| 2139 | </div> | |
| 2140 | <span itemprop='description'><data:post.authorAboutMe/></span> | |
| 2141 | </div> | |
| 2142 | </b:if> | |
| 2143 | </div> | |
| 2144 | </div> | |
| 2145 | </b:includable> | |
| 2146 | <b:includable id='postQuickEdit' var='post'> | |
| 2147 | <b:if cond='data:post.editUrl'> | |
| 2148 | <span expr:class='"item-control " + data:post.adminClass'> | |
| 2149 | <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> | |
| 2150 | <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> | |
| 2151 | </a> | |
| 2152 | </span> | |
| 2153 | </b:if> | |
| 2154 | </b:includable> | |
| 2155 | <b:includable id='shareButtons' var='post'> | |
| 2156 | <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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if> | |
| 2157 | </b:includable> | |
| 2158 | <b:includable id='status-message'> | |
| 2159 | <b:if cond='data:navMessage'> | |
| 2160 | <div class='status-msg-wrap'> | |
| 2161 | <div class='status-msg-body'> | |
| 2162 | <data:navMessage/> | |
| 2163 | </div> | |
| 2164 | <div class='status-msg-border'> | |
| 2165 | <div class='status-msg-bg'> | |
| 2166 | <div class='status-msg-hidden'><data:navMessage/></div> | |
| 2167 | </div> | |
| 2168 | </div> | |
| 2169 | </div> | |
| 2170 | <div style='clear: both;'/> | |
| 2171 | </b:if> | |
| 2172 | </b:includable> | |
| 2173 | <b:includable id='threaded-comment-form' var='post'> | |
| 2174 | <div class='comment-form'> | |
| 2175 | <a name='comment-form'/> | |
| 2176 | <b:if cond='data:mobile'> | |
| 2177 | <p><data:blogCommentMessage/></p> | |
| 2178 | <data:blogTeamBlogMessage/> | |
| 2179 | <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> | |
| 2180 | <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%'/> | |
| 2181 | <b:else/> | |
| 2182 | <p><data:blogCommentMessage/></p> | |
| 2183 | <data:blogTeamBlogMessage/> | |
| 2184 | <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> | |
| 2185 | <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> | |
| 2186 | </b:if> | |
| 2187 | <data:post.friendConnectJs/> | |
| 2188 | <data:post.cmtfpIframe/> | |
| 2189 | <script type='text/javascript'> | |
| 2190 | BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); | |
| 2191 | </script> | |
| 2192 | </div> | |
| 2193 | </b:includable> | |
| 2194 | <b:includable id='threaded_comment_js' var='post'> | |
| 2195 | <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> | |
| 2196 | ||
| 2197 | <script type='text/javascript'> | |
| 2198 | (function() {
| |
| 2199 | var items = <data:post.commentJso/>; | |
| 2200 | var msgs = <data:post.commentMsgs/>; | |
| 2201 | var config = <data:post.commentConfig/>; | |
| 2202 | ||
| 2203 | // <![CDATA[ | |
| 2204 | var cursor = null; | |
| 2205 | if (items && items.length > 0) {
| |
| 2206 | cursor = parseInt(items[items.length - 1].timestamp) + 1; | |
| 2207 | } | |
| 2208 | ||
| 2209 | var bodyFromEntry = function(entry) {
| |
| 2210 | if (entry.gd$extendedProperty) {
| |
| 2211 | for (var k in entry.gd$extendedProperty) {
| |
| 2212 | if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
| |
| 2213 | return '<span class="deleted-comment">' + entry.content.$t + '</span>'; | |
| 2214 | } | |
| 2215 | } | |
| 2216 | } | |
| 2217 | return entry.content.$t; | |
| 2218 | } | |
| 2219 | ||
| 2220 | var parse = function(data) {
| |
| 2221 | cursor = null; | |
| 2222 | var comments = []; | |
| 2223 | if (data && data.feed && data.feed.entry) {
| |
| 2224 | for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
| |
| 2225 | var comment = {};
| |
| 2226 | // comment ID, parsed out of the original id format | |
| 2227 | var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); | |
| 2228 | comment.id = id ? id[2] : null; | |
| 2229 | comment.body = bodyFromEntry(entry); | |
| 2230 | comment.timestamp = Date.parse(entry.published.$t) + ''; | |
| 2231 | if (entry.author && entry.author.constructor === Array) {
| |
| 2232 | var auth = entry.author[0]; | |
| 2233 | if (auth) {
| |
| 2234 | comment.author = {
| |
| 2235 | name: (auth.name ? auth.name.$t : undefined), | |
| 2236 | profileUrl: (auth.uri ? auth.uri.$t : undefined), | |
| 2237 | avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) | |
| 2238 | }; | |
| 2239 | } | |
| 2240 | } | |
| 2241 | if (entry.link) {
| |
| 2242 | if (entry.link[2]) {
| |
| 2243 | comment.link = comment.permalink = entry.link[2].href; | |
| 2244 | } | |
| 2245 | if (entry.link[3]) {
| |
| 2246 | var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); | |
| 2247 | if (pid && pid[1]) {
| |
| 2248 | comment.parentId = pid[1]; | |
| 2249 | } | |
| 2250 | } | |
| 2251 | } | |
| 2252 | comment.deleteclass = 'item-control blog-admin'; | |
| 2253 | if (entry.gd$extendedProperty) {
| |
| 2254 | for (var k in entry.gd$extendedProperty) {
| |
| 2255 | if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
| |
| 2256 | comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; | |
| 2257 | } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
| |
| 2258 | comment.displayTime = entry.gd$extendedProperty[k].value; | |
| 2259 | } | |
| 2260 | } | |
| 2261 | } | |
| 2262 | comments.push(comment); | |
| 2263 | } | |
| 2264 | } | |
| 2265 | return comments; | |
| 2266 | }; | |
| 2267 | ||
| 2268 | var paginator = function(callback) {
| |
| 2269 | if (hasMore()) {
| |
| 2270 | var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; | |
| 2271 | if (cursor) {
| |
| 2272 | url += '&published-min=' + new Date(cursor).toISOString(); | |
| 2273 | } | |
| 2274 | window.bloggercomments = function(data) {
| |
| 2275 | var parsed = parse(data); | |
| 2276 | cursor = parsed.length < 50 ? null | |
| 2277 | : parseInt(parsed[parsed.length - 1].timestamp) + 1 | |
| 2278 | callback(parsed); | |
| 2279 | window.bloggercomments = null; | |
| 2280 | } | |
| 2281 | url += '&callback=bloggercomments'; | |
| 2282 | var script = document.createElement('script');
| |
| 2283 | script.type = 'text/javascript'; | |
| 2284 | script.src = url; | |
| 2285 | document.getElementsByTagName('head')[0].appendChild(script);
| |
| 2286 | } | |
| 2287 | }; | |
| 2288 | var hasMore = function() {
| |
| 2289 | return !!cursor; | |
| 2290 | }; | |
| 2291 | var getMeta = function(key, comment) {
| |
| 2292 | if ('iswriter' == key) {
| |
| 2293 | var matches = !!comment.author | |
| 2294 | && comment.author.name == config.authorName | |
| 2295 | && comment.author.profileUrl == config.authorUrl; | |
| 2296 | return matches ? 'true' : ''; | |
| 2297 | } else if ('deletelink' == key) {
| |
| 2298 | return config.baseUri + '/delete-comment.g?blogID=' | |
| 2299 | + config.blogId + '&postID=' + comment.id; | |
| 2300 | } else if ('deleteclass' == key) {
| |
| 2301 | return comment.deleteclass; | |
| 2302 | } | |
| 2303 | return ''; | |
| 2304 | }; | |
| 2305 | ||
| 2306 | var replybox = null; | |
| 2307 | var replyUrlParts = null; | |
| 2308 | var replyParent = undefined; | |
| 2309 | ||
| 2310 | var onReply = function(commentId, domId) {
| |
| 2311 | if (replybox == null) {
| |
| 2312 | // lazily cache replybox, and adjust to suit this style: | |
| 2313 | replybox = document.getElementById('comment-editor');
| |
| 2314 | if (replybox != null) {
| |
| 2315 | replybox.height = '250px'; | |
| 2316 | replybox.style.display = 'block'; | |
| 2317 | replyUrlParts = replybox.src.split('#');
| |
| 2318 | } | |
| 2319 | } | |
| 2320 | if (replybox && (commentId !== replyParent)) {
| |
| 2321 | document.getElementById(domId).insertBefore(replybox, null); | |
| 2322 | replybox.src = replyUrlParts[0] | |
| 2323 | + (commentId ? '&parentID=' + commentId : '') | |
| 2324 | + '#' + replyUrlParts[1]; | |
| 2325 | replyParent = commentId; | |
| 2326 | } | |
| 2327 | }; | |
| 2328 | ||
| 2329 | var hash = (window.location.hash || '#').substring(1); | |
| 2330 | var startThread, targetComment; | |
| 2331 | if (/^comment-form_/.test(hash)) {
| |
| 2332 | startThread = hash.substring('comment-form_'.length);
| |
| 2333 | } else if (/^c[0-9]+$/.test(hash)) {
| |
| 2334 | targetComment = hash.substring(1); | |
| 2335 | } | |
| 2336 | ||
| 2337 | // Configure commenting API: | |
| 2338 | var configJso = {
| |
| 2339 | 'maxDepth': config.maxThreadDepth | |
| 2340 | }; | |
| 2341 | var provider = {
| |
| 2342 | 'id': config.postId, | |
| 2343 | 'data': items, | |
| 2344 | 'loadNext': paginator, | |
| 2345 | 'hasMore': hasMore, | |
| 2346 | 'getMeta': getMeta, | |
| 2347 | 'onReply': onReply, | |
| 2348 | 'rendered': true, | |
| 2349 | 'initComment': targetComment, | |
| 2350 | 'initReplyThread': startThread, | |
| 2351 | 'config': configJso, | |
| 2352 | 'messages': msgs | |
| 2353 | }; | |
| 2354 | ||
| 2355 | var render = function() {
| |
| 2356 | if (window.goog && window.goog.comments) {
| |
| 2357 | var holder = document.getElementById('comment-holder');
| |
| 2358 | window.goog.comments.render(holder, provider); | |
| 2359 | } | |
| 2360 | }; | |
| 2361 | ||
| 2362 | // render now, or queue to render when library loads: | |
| 2363 | if (window.goog && window.goog.comments) {
| |
| 2364 | render(); | |
| 2365 | } else {
| |
| 2366 | window.goog = window.goog || {};
| |
| 2367 | window.goog.comments = window.goog.comments || {};
| |
| 2368 | window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; | |
| 2369 | window.goog.comments.loadQueue.push(render); | |
| 2370 | } | |
| 2371 | })(); | |
| 2372 | // ]]> | |
| 2373 | </script> | |
| 2374 | </b:includable> | |
| 2375 | <b:includable id='threaded_comments' var='post'> | |
| 2376 | <div class='comments' id='comments'> | |
| 2377 | <a name='comments'/> | |
| 2378 | <h4><data:post.commentLabelFull/>:</h4> | |
| 2379 | ||
| 2380 | <div class='comments-content'> | |
| 2381 | <b:if cond='data:post.embedCommentForm'> | |
| 2382 | <b:include data='post' name='threaded_comment_js'/> | |
| 2383 | </b:if> | |
| 2384 | <div id='comment-holder'> | |
| 2385 | <data:post.commentHtml/> | |
| 2386 | </div> | |
| 2387 | </div> | |
| 2388 | ||
| 2389 | <p class='comment-footer'> | |
| 2390 | <b:if cond='data:post.allowNewComments'> | |
| 2391 | <b:include data='post' name='threaded-comment-form'/> | |
| 2392 | <b:else/> | |
| 2393 | <data:post.noNewCommentsText/> | |
| 2394 | </b:if> | |
| 2395 | </p> | |
| 2396 | ||
| 2397 | <b:if cond='data:showCmtPopup'> | |
| 2398 | <div id='comment-popup'> | |
| 2399 | <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> | |
| 2400 | </iframe> | |
| 2401 | </div> | |
| 2402 | </b:if> | |
| 2403 | ||
| 2404 | <div id='backlinks-container'> | |
| 2405 | <div expr:id='data:widget.instanceId + "_backlinks-container"'> | |
| 2406 | <b:if cond='data:post.showBacklinks'> | |
| 2407 | <b:include data='post' name='backlinks'/> | |
| 2408 | </b:if> | |
| 2409 | </div> | |
| 2410 | </div> | |
| 2411 | </div> | |
| 2412 | </b:includable> | |
| 2413 | </b:widget> | |
| 2414 | </b:section> | |
| 2415 | </div> | |
| 2416 | </div> | |
| 2417 | ||
| 2418 | <div class='column-left-outer'> | |
| 2419 | <div class='column-left-inner'> | |
| 2420 | <aside> | |
| 2421 | <macro:include id='main-column-left-sections' name='sections'> | |
| 2422 | <macro:param default='0' name='num' value='2'/> | |
| 2423 | <macro:param default='sidebar-left' name='idPrefix'/> | |
| 2424 | <macro:param default='sidebar' name='class'/> | |
| 2425 | <macro:param default='true' name='includeBottom'/> | |
| 2426 | </macro:include> | |
| 2427 | </aside> | |
| 2428 | </div> | |
| 2429 | </div> | |
| 2430 | ||
| 2431 | <div class='column-right-outer'> | |
| 2432 | <div class='column-right-inner'> | |
| 2433 | <aside> | |
| 2434 | <macro:include id='main-column-right-sections' name='sections'> | |
| 2435 | <macro:param default='2' name='num' value='0'/> | |
| 2436 | <macro:param default='sidebar-right' name='idPrefix'/> | |
| 2437 | <macro:param default='sidebar' name='class'/> | |
| 2438 | <macro:param default='true' name='includeBottom'/> | |
| 2439 | </macro:include> | |
| 2440 | </aside> | |
| 2441 | </div> | |
| 2442 | </div> | |
| 2443 | ||
| 2444 | </div> | |
| 2445 | ||
| 2446 | <div style='clear: both'/> | |
| 2447 | <!-- columns --> | |
| 2448 | </div> | |
| 2449 | ||
| 2450 | <!-- main --> | |
| 2451 | </div> | |
| 2452 | </div> | |
| 2453 | <div class='main-cap-bottom cap-bottom'> | |
| 2454 | <div class='cap-left'/> | |
| 2455 | <div class='cap-right'/> | |
| 2456 | </div> | |
| 2457 | </div> | |
| 2458 | ||
| 2459 | <footer> | |
| 2460 | <div class='footer-outer'> | |
| 2461 | <div class='footer-cap-top cap-top'> | |
| 2462 | <div class='cap-left'/> | |
| 2463 | <div class='cap-right'/> | |
| 2464 | </div> | |
| 2465 | <div class='fauxborder-left footer-fauxborder-left'> | |
| 2466 | <div class='fauxborder-right footer-fauxborder-right'/> | |
| 2467 | <div class='region-inner footer-inner'> | |
| 2468 | <macro:include id='footer-sections' name='sections'> | |
| 2469 | <macro:param default='2' name='num' value='1'/> | |
| 2470 | <macro:param default='footer' name='idPrefix'/> | |
| 2471 | <macro:param default='foot' name='class'/> | |
| 2472 | <macro:param default='false' name='includeBottom'/> | |
| 2473 | </macro:include> | |
| 2474 | <!-- outside of the include in order to lock Attribution widget --> | |
| 2475 | <b:section class='foot' id='footer-3' showaddelement='no'/> | |
| 2476 | </div> | |
| 2477 | </div> | |
| 2478 | <div class='footer-cap-bottom cap-bottom'> | |
| 2479 | <div class='cap-left'/> | |
| 2480 | <div class='cap-right'/> | |
| 2481 | </div> | |
| 2482 | </div> | |
| 2483 | </footer> | |
| 2484 | ||
| 2485 | <!-- content --> | |
| 2486 | </div> | |
| 2487 | </div> | |
| 2488 | <div class='content-cap-bottom cap-bottom'> | |
| 2489 | <div class='cap-left'/> | |
| 2490 | <div class='cap-right'/> | |
| 2491 | </div> | |
| 2492 | </div> | |
| 2493 | </div> | |
| 2494 | ||
| 2495 | <script type='text/javascript'> | |
| 2496 | window.setTimeout(function() {
| |
| 2497 | document.body.className = document.body.className.replace('loading', ''); | |
| 2498 | }, 10); | |
| 2499 | </script> | |
| 2500 | </body> | |
| 2501 | ||
| 2502 | <macro:includable id='sections' var='col'> | |
| 2503 | <macro:if cond='data:col.num == 0'> | |
| 2504 | <macro:else/> | |
| 2505 | <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/> | |
| 2506 | ||
| 2507 | <macro:if cond='data:col.num >= 2'> | |
| 2508 | <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'> | |
| 2509 | <tbody> | |
| 2510 | <tr> | |
| 2511 | <td class='first columns-cell'> | |
| 2512 | <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/> | |
| 2513 | </td> | |
| 2514 | ||
| 2515 | <td class='columns-cell'> | |
| 2516 | <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/> | |
| 2517 | </td> | |
| 2518 | ||
| 2519 | <macro:if cond='data:col.num >= 3'> | |
| 2520 | <td class='columns-cell'> | |
| 2521 | <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/> | |
| 2522 | </td> | |
| 2523 | </macro:if> | |
| 2524 | ||
| 2525 | <macro:if cond='data:col.num >= 4'> | |
| 2526 | <td class='columns-cell'> | |
| 2527 | <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/> | |
| 2528 | </td> | |
| 2529 | </macro:if> | |
| 2530 | </tr> | |
| 2531 | </tbody> | |
| 2532 | </table> | |
| 2533 | ||
| 2534 | <macro:if cond='data:col.includeBottom'> | |
| 2535 | <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/> | |
| 2536 | </macro:if> | |
| 2537 | </macro:if> | |
| 2538 | </macro:if> | |
| 2539 | </macro:includable> | |
| 2540 | ||
| 2541 | <b:section-contents id='sidebar-left-1'> | |
| 2542 | <b:widget id='HTML2' locked='false' title='Welcome' type='HTML'> | |
| 2543 | <b:includable id='main'> | |
| 2544 | <!-- only display title if it's non-empty --> | |
| 2545 | <b:if cond='data:title != ""'> | |
| 2546 | <h2 class='title'><data:title/></h2> | |
| 2547 | </b:if> | |
| 2548 | <div class='widget-content'> | |
| 2549 | <data:content/> | |
| 2550 | </div> | |
| 2551 | ||
| 2552 | <b:include name='quickedit'/> | |
| 2553 | </b:includable> | |
| 2554 | </b:widget> | |
| 2555 | </b:section-contents><b:section-contents id='sidebar-left-2-1'/><b:section-contents id='sidebar-left-2-2'/><b:section-contents id='sidebar-left-3'> | |
| 2556 | <b:widget id='HTML5' locked='false' title='Menu' type='HTML'> | |
| 2557 | <b:includable id='main'> | |
| 2558 | <!-- only display title if it's non-empty --> | |
| 2559 | <b:if cond='data:title != ""'> | |
| 2560 | <h2 class='title'><data:title/></h2> | |
| 2561 | </b:if> | |
| 2562 | <div class='widget-content'> | |
| 2563 | <data:content/> | |
| 2564 | </div> | |
| 2565 | ||
| 2566 | <b:include name='quickedit'/> | |
| 2567 | </b:includable> | |
| 2568 | </b:widget> | |
| 2569 | <b:widget id='HTML6' locked='false' title='Afiliados' type='HTML'> | |
| 2570 | <b:includable id='main'> | |
| 2571 | <!-- only display title if it's non-empty --> | |
| 2572 | <b:if cond='data:title != ""'> | |
| 2573 | <h2 class='title'><data:title/></h2> | |
| 2574 | </b:if> | |
| 2575 | <div class='widget-content'> | |
| 2576 | <data:content/> | |
| 2577 | </div> | |
| 2578 | ||
| 2579 | <b:include name='quickedit'/> | |
| 2580 | </b:includable> | |
| 2581 | </b:widget> | |
| 2582 | <b:widget id='HTML3' locked='false' title='Marcadores' type='HTML'> | |
| 2583 | <b:includable id='main'> | |
| 2584 | <!-- only display title if it's non-empty --> | |
| 2585 | <b:if cond='data:title != ""'> | |
| 2586 | <h2 class='title'><data:title/></h2> | |
| 2587 | </b:if> | |
| 2588 | <div class='widget-content'> | |
| 2589 | <data:content/> | |
| 2590 | </div> | |
| 2591 | ||
| 2592 | <b:include name='quickedit'/> | |
| 2593 | </b:includable> | |
| 2594 | </b:widget> | |
| 2595 | <b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'> | |
| 2596 | <b:includable id='main'> | |
| 2597 | <b:if cond='data:title'> | |
| 2598 | <h2><data:title/></h2> | |
| 2599 | </b:if> | |
| 2600 | <div class='widget-content'> | |
| 2601 | <div expr:class='data:blog.languageDirection' id='ArchiveList'> | |
| 2602 | <div expr:id='data:widget.instanceId + "_ArchiveList"'> | |
| 2603 | <b:if cond='data:style == "HIERARCHY"'> | |
| 2604 | <b:include data='data' name='interval'/> | |
| 2605 | </b:if> | |
| 2606 | <b:if cond='data:style == "FLAT"'> | |
| 2607 | <b:include data='data' name='flat'/> | |
| 2608 | </b:if> | |
| 2609 | <b:if cond='data:style == "MENU"'> | |
| 2610 | <b:include data='data' name='menu'/> | |
| 2611 | </b:if> | |
| 2612 | </div> | |
| 2613 | </div> | |
| 2614 | <b:include name='quickedit'/> | |
| 2615 | </div> | |
| 2616 | </b:includable> | |
| 2617 | <b:includable id='flat' var='data'> | |
| 2618 | <ul class='flat'> | |
| 2619 | <b:loop values='data:data' var='i'> | |
| 2620 | <li class='archivedate'> | |
| 2621 | <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) | |
| 2622 | </li> | |
| 2623 | </b:loop> | |
| 2624 | </ul> | |
| 2625 | </b:includable> | |
| 2626 | <b:includable id='interval' var='intervalData'> | |
| 2627 | <b:loop values='data:intervalData' var='i'> | |
| 2628 | <ul class='hierarchy'> | |
| 2629 | <li expr:class='"archivedate " + data:i.expclass'> | |
| 2630 | <b:include data='i' name='toggle'/> | |
| 2631 | <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a> | |
| 2632 | <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span> | |
| 2633 | <b:if cond='data:i.data'> | |
| 2634 | <b:include data='i.data' name='interval'/> | |
| 2635 | </b:if> | |
| 2636 | <b:if cond='data:i.posts'> | |
| 2637 | <b:include data='i.posts' name='posts'/> | |
| 2638 | </b:if> | |
| 2639 | </li> | |
| 2640 | </ul> | |
| 2641 | </b:loop> | |
| 2642 | </b:includable> | |
| 2643 | <b:includable id='menu' var='data'> | |
| 2644 | <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> | |
| 2645 | <option value=''><data:title/></option> | |
| 2646 | <b:loop values='data:data' var='i'> | |
| 2647 | <option expr:value='data:i.url'> | |
| 2648 | <data:i.name/> (<data:i.post-count/>)</option> | |
| 2649 | </b:loop> | |
| 2650 | </select> | |
| 2651 | </b:includable> | |
| 2652 | <b:includable id='posts' var='posts'> | |
| 2653 | <ul class='posts'> | |
| 2654 | <b:loop values='data:posts' var='i'> | |
| 2655 | <li><a expr:href='data:i.url'><data:i.title/></a></li> | |
| 2656 | </b:loop> | |
| 2657 | </ul> | |
| 2658 | </b:includable> | |
| 2659 | <b:includable id='toggle' var='interval'> | |
| 2660 | <b:if cond='data:interval.toggleId'> | |
| 2661 | <a class='toggle'> | |
| 2662 | <span class='zippy'/> | |
| 2663 | </a> | |
| 2664 | </b:if> | |
| 2665 | </b:includable> | |
| 2666 | </b:widget> | |
| 2667 | <b:widget id='HTML1' locked='false' title='Créditos' type='HTML'> | |
| 2668 | <b:includable id='main'> | |
| 2669 | <!-- only display title if it's non-empty --> | |
| 2670 | <b:if cond='data:title != ""'> | |
| 2671 | <h2 class='title'><data:title/></h2> | |
| 2672 | </b:if> | |
| 2673 | <div class='widget-content'> | |
| 2674 | <data:content/> | |
| 2675 | </div> | |
| 2676 | ||
| 2677 | <b:include name='quickedit'/> | |
| 2678 | </b:includable> | |
| 2679 | </b:widget> | |
| 2680 | </b:section-contents><b:section-contents id='footer-1'> | |
| 2681 | <b:widget id='Attribution1' locked='false' title='' type='Attribution'> | |
| 2682 | <b:includable id='main'> | |
| 2683 | <b:if cond='data:feedbackSurveyLink'> | |
| 2684 | <div class='mobile-survey-link' style='text-align: center;'> | |
| 2685 | <data:feedbackSurveyLink/> | |
| 2686 | </div> | |
| 2687 | </b:if> | |
| 2688 | ||
| 2689 | <div class='widget-content' style='text-align: center;'> | |
| 2690 | <b:if cond='data:attribution != ""'> | |
| 2691 | <data:attribution/> | |
| 2692 | </b:if> | |
| 2693 | </div> | |
| 2694 | ||
| 2695 | <b:include name='quickedit'/> | |
| 2696 | </b:includable> | |
| 2697 | </b:widget> | |
| 2698 | </b:section-contents></html> |