SHARE
TWEET

Código Base - Raphael Cardoso

Lucas-Gomez May 4th, 2013 1,336 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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' xmlsibns:b='http://www.google.com/2005/gml/b'>
  4. <style>
  5. #navbar-iframe { height:0px; visibility:hidden; display:none !important;}                          
  6. </style>
  7. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'/>
  8.   <head>
  9. <link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'/>
  10.     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  11.     <b:if cond='data:blog.isMobile'>
  12.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  13.     <b:else/>
  14.       <meta content='width=1200' name='viewport'/>
  15.     </b:if>
  16.     <b:include data='blog' name='all-head-content'/>
  17.     <title><data:blog.pageTitle/></title>
  18.  
  19.     <b:skin><![CDATA[/*
  20. -----------------------------------------------
  21. Blogger Template Style
  22. Name:     Blackout Designs
  23. Designer: Raphael Cardoso
  24. URL:      http://www.blackoutdesigners.com/
  25. ----------------------------------------------- */
  26.  
  27. /* Variable definitions
  28.    ====================
  29.    <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ac7979"/>
  30.  
  31.    <Group description="Page Text" selector="body">
  32.      <Variable name="body.font" description="Font" type="font"
  33.          default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  34.      <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#000000"/>
  35.    </Group>
  36.  
  37.    <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  38.      <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#d5b5d3"/>
  39.      <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="transparent"/>
  40.      <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
  41.    </Group>
  42.  
  43.    <Group description="Links" selector=".main-outer">
  44.      <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#000000"/>
  45.      <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#000000"/>
  46.      <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#000000"/>
  47.    </Group>
  48.  
  49.    <Group description="Blog Title" selector=".header h1">
  50.      <Variable name="header.font" description="Font" type="font"
  51.          default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
  52.      <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="#000000"/>
  53.    </Group>
  54.  
  55.    <Group description="Blog Description" selector=".header .description">
  56.      <Variable name="description.text.color" description="Description Color" type="color"
  57.          default="#777777"  value="#747474"/>
  58.    </Group>
  59.  
  60.    <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  61.      <Variable name="tabs.font" description="Font" type="font"
  62.          default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  63.      <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#979797"/>
  64.      <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
  65.    </Group>
  66.  
  67.    <Group description="Tabs Background" selector=".tabs-outer .PageList">
  68.      <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="#f4f4f4"/>
  69.      <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#ededed"/>
  70.    </Group>
  71.  
  72.    <Group description="Post Title" selector="h3.post-title, .comments h4">
  73.      <Variable name="post.title.font" description="Font" type="font"
  74.          default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Impact, sans-serif"/>
  75.    </Group>
  76.  
  77.    <Group description="Date Header" selector=".date-header">
  78.      <Variable name="date.header.color" description="Text Color" type="color"
  79.          default="$(body.text.color)" value="#ffffff"/>
  80.      <Variable name="date.header.background.color" description="Background Color" type="color"
  81.          default="transparent" value="transparent"/>
  82.    </Group>
  83.  
  84.    <Group description="Post Footer" selector=".post-footer">
  85.      <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#000000"/>
  86.      <Variable name="post.footer.background.color" description="Background Color" type="color"
  87.          default="#f9f9f9" value="#faf1ca"/>
  88.      <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#faf1ca"/>
  89.    </Group>
  90.  
  91.    <Group description="Gadgets" selector="h2">
  92.      <Variable name="widget.title.font" description="Title Font" type="font"
  93.         default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 36px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  94.      <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
  95.      <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#858585"/>
  96.    </Group>
  97.  
  98.    <Group description="Images" selector=".main-inner">
  99.      <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="transparent"/>
  100.      <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="transparent"/>
  101.      <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="transparent"/>
  102.    </Group>
  103.  
  104.    <Group description="Accents" selector=".content-inner">
  105.      <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="transparent"/>
  106.      <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="transparent"/>
  107.    </Group>
  108.  
  109.    <Variable name="body.background" description="Body Background" type="background"
  110.        color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none no-repeat scroll center center"/>
  111.    <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
  112.  
  113.    <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
  114.        default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
  115.    <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
  116.        default="url(http://www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>
  117.  
  118.    <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
  119.    <Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
  120.    <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="40px"/>
  121.    <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" value="0"/>
  122.    <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" value="0"/>
  123.    <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" value="0"/>
  124.  
  125.    <Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>
  126.  
  127.    <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
  128.    <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="0"/>
  129.    <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" value="0"/>
  130.    <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" value="0"/>
  131.    <Variable name="header.padding" description="Header Padding" type="length" default="30px" value="0"/>
  132.  
  133.    <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" value="1px"/>
  134.    <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" value="0"/>
  135.    <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="1px"/>
  136.  
  137.    <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="18px"/>
  138.  
  139.    <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"  value="0"/>
  140.    <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"  value="30px"/>
  141.    <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  142.        default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
  143.    <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" value="1px"/>
  144.    <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" value="1px"/>
  145.  
  146.    <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="0.4em"/>
  147.    <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="3px"/>
  148.    <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
  149.  
  150.    <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="45px"/>
  151.  
  152.    <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
  153.    <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>
  154.  
  155.    <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
  156.    <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
  157.  
  158.    <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="1em"/>
  159.    <Variable name="main.padding" description="Main Padding" type="length" default="15px" value="0"/>
  160.    <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="35px"/>
  161.    <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" value="65px"/>
  162.  
  163.    <Variable name="paging.background"
  164.        color="$(content.background.color)"
  165.        description="Background of blog paging area" type="background"
  166.        default="transparent none no-repeat scroll top center" value="transparent url(http://2.bp.blogspot.com/-NtSz3u9Wnzg/T6aoqfzwiKI/AAAAAAAAATw/oVaxo9Enrnk/s1600/tapi.png) repeat-x scroll top center"/>
  167.  
  168.    <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" value="1px"/>
  169.  
  170.    <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  171.        default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  172.    <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
  173.    <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
  174.  
  175.    <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  176.    <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  177. */
  178.  
  179. /* Content
  180. ----------------------------------------------- */
  181. #navbar{height:10px;}
  182. body {
  183.   font: $(body.font);
  184.   color: $(body.text.color);
  185.   background: $(body.background);
  186.   padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  187.   $(body.background.override)
  188. }
  189.  
  190. html body $(page.width.selector) {
  191.   min-width: 0;
  192.   max-width: 100%;
  193.   width: $(page.width);
  194. }
  195.  
  196. a:link {
  197.   text-decoration:none;
  198.   color: $(link.color);
  199. }
  200.  
  201. a:visited {
  202.   text-decoration:none;
  203.   color: $(link.visited.color);
  204. }
  205.  
  206. a:hover {
  207.   color: $(link.hover.color);
  208. }
  209.  
  210. .body-fauxcolumn-outer .fauxcolumn-inner {
  211.   background: transparent $(body.background.gradient.tile) repeat scroll top left;
  212.   _background-image: none;
  213. }
  214.  
  215. .body-fauxcolumn-outer .cap-top {
  216.   position: absolute;
  217.   z-index: 1;
  218.   height: 400px;
  219.   width: 100%;
  220.   background: $(body.background);
  221.   $(body.background.override)
  222. }
  223.  
  224. .body-fauxcolumn-outer .cap-top .cap-left {
  225.   width: 100%;
  226.   background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  227.   _background-image: none;
  228. }
  229.  
  230. .content-outer {
  231.   -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  232.   -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  233.   -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  234.   box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  235.  
  236.   margin-bottom: 1px;
  237. }
  238.  
  239. .content-inner {
  240.   padding: $(content.padding) $(content.padding.horizontal);
  241. }
  242.  
  243. $(content.background.color.selector) {
  244.   background-color: $(content.background.color);
  245. }
  246.  
  247. /* Header
  248. ----------------------------------------------- */
  249. .header-outer {
  250.   background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  251.   _background-image: none;
  252. }
  253.  
  254. .Header h1 {
  255.   font: $(header.font);
  256.   color: $(header.text.color);
  257.   text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
  258. }
  259.  
  260. .Header h1 a {
  261.   color: $(header.text.color);
  262. }
  263.  
  264. .Header .description {
  265.   font-size: $(description.text.size);
  266.   color: $(description.text.color);
  267. }
  268.  
  269. .header-inner .Header .titlewrapper {
  270.   padding: 22px $(header.padding);
  271. }
  272.  
  273. .header-inner .Header .descriptionwrapper {
  274.   padding: 0 $(header.padding);
  275. }
  276.  
  277. .date-header{display:none;}
  278.  
  279.  
  280. /* Tabs
  281. ----------------------------------------------- */
  282. .tabs-inner .section:first-child {
  283.   border-top: $(header.bottom.border.size) solid $(tabs.border.color);
  284. }
  285.  
  286. .tabs-inner .section:first-child ul {
  287.   margin-top: -$(header.border.size);
  288.   border-top: $(header.border.size) solid $(tabs.border.color);
  289.   border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
  290.   border-right: $(header.border.horizontalsize) solid $(tabs.border.color);
  291. }
  292.  
  293. .tabs-inner .widget ul {
  294.   background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
  295.   _background-image: none;
  296.   border-bottom: $(tabs.border.width) solid $(tabs.border.color);
  297.  
  298.   margin-top: $(tabs.margin.top);
  299.   margin-left: -$(tabs.margin.side);
  300.   margin-right: -$(tabs.margin.side);
  301. }
  302.  
  303. .tabs-inner .widget li a {
  304.   display: inline-block;
  305.  
  306.   padding: .6em 1em;
  307.  
  308.   font: $(tabs.font);
  309.   color: $(tabs.text.color);
  310.  
  311.   border-$startSide: $(tabs.border.width) solid $(content.background.color);
  312.   border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);
  313. }
  314.  
  315. .tabs-inner .widget li:first-child a {
  316.   border-$startSide: none;
  317. }
  318.  
  319. .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  320.   color: $(tabs.selected.text.color);
  321.   background-color: $(tabs.selected.background.color);
  322.   text-decoration: none;
  323. }
  324.  
  325. /* Columns
  326. ----------------------------------------------- */
  327. .main-outer {
  328.   border-top: $(main.border.width) solid $(body.rule.color);
  329. }
  330.  
  331. .fauxcolumn-left-outer .fauxcolumn-inner {
  332.   border-right: 1px solid $(body.rule.color);
  333. }
  334.  
  335. .fauxcolumn-right-outer .fauxcolumn-inner {
  336.   border-left: 1px solid $(body.rule.color);
  337. }
  338.  
  339. /* Headings
  340. ----------------------------------------------- */
  341. .sidebar h2{
  342. width:auto;
  343. height:80px;
  344. background:url(http://static.tumblr.com/jl6jlph/ilxmhzcks/sidebar1.png)no-repeat;
  345. color:#b3140a;
  346. font-family: 'Grand Hotel', cursive;
  347. font-size:40px;
  348. line-height: 24px;
  349. text-align:center;
  350. padding:70px 0px 5px 0px;
  351. margin-bottom: -25px;
  352. }
  353. .sidebar .widget-content{
  354. width:auto;
  355. background:url(http://static.tumblr.com/jl6jlph/NFZmhzcli/sidebar2.png)repeat;
  356. color:#000;
  357. margin:20px 0px 22px 0px;
  358. padding:20 0px 20px 0;
  359. }
  360. .sidebar .widget
  361. {
  362. text-align: center;
  363. padding-bottom: 117px;
  364. background: url(http://static.tumblr.com/jl6jlph/4lImhzcm3/sidebar3.png) bottom no-repeat;
  365. width:auto;
  366. }
  367. /* Widgets
  368. ----------------------------------------------- */
  369. .widget .zippy {
  370.   color: $(widget.alternate.text.color);
  371.   text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
  372. }
  373.  
  374. .widget .popular-posts ul {
  375.   list-style: none;
  376. }
  377.  
  378. /* Posts
  379. ----------------------------------------------- */
  380. h3.post-title {
  381. color: #b3140a;
  382. }
  383. h3.post-title a {
  384. color: #b3140a;
  385. }
  386. h3.post-title a:hover {
  387. color: #870d05;
  388. }
  389. .date-header span {
  390.   background-color: $(date.header.background.color);
  391.   color: $(date.header.color);
  392.   padding: 10px 3px;
  393.   letter-spacing: $(date.header.letterspacing);
  394.   margin: 208px;
  395. }
  396.  
  397. .main-inner {
  398.   padding-top: $(main.padding.top);
  399.   padding-bottom: $(main.padding.bottom);
  400. }
  401.  
  402. .main-inner .column-center-inner {
  403. margin-top: 30px;
  404.   padding: 0 $(main.padding);
  405. }
  406.  
  407. .main-inner .column-center-inner .section {
  408. margin-top: 30px;
  409.   margin: 0 $(main.section.margin);
  410. }
  411.  
  412. .post h3{
  413. width:auto;
  414. height:auto;
  415. background:url(http://static.tumblr.com/jl6jlph/JMemhzbuu/post1.png)no-repeat;
  416. text-align: center;
  417. font-size: 35px;
  418. font-family: 'Grand Hotel', cursive;
  419. padding:35px 0px 8px 0px;
  420. line-height:1.4em;
  421. }
  422. .post {
  423. margin: 0 0 45px 0;
  424. border-bottom:30px;
  425. Width:664px;
  426. background: url(http://static.tumblr.com/jl6jlph/51rmhzbv5/post2.png) repeat;
  427. }
  428. .post-footer {
  429. width:auto;
  430. height:146px;
  431. background: url(http://static.tumblr.com/jl6jlph/GlSmhzbvb/post3.png) no-repeat;
  432. margin:.25em 0 0;
  433. padding:12px 0px 0px 10px;
  434. font-size:12px;
  435. line-height:1.4em;
  436. color:#000000;
  437. }
  438. h3.post-title, .comments h4 {
  439. color:#000;
  440. }
  441. .post-body {
  442. width:600px;
  443. padding:0px 25px;
  444. line-height: 2;
  445. position: center;
  446. }
  447.  
  448. .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
  449. .BlogList .item-thumbnail img {
  450.   padding: $(image.border.small.size);
  451.  
  452. -webkit-transition: 3.0s;
  453. }
  454.  
  455. .post-body img, .post-body .tr-caption-container {
  456.   padding:0px;
  457. }
  458.  
  459. .post-body .tr-caption-container {
  460.   color: $(image.text.color);
  461. }
  462.  
  463. .post-body .tr-caption-container img {
  464.   padding: 0;
  465.  
  466.   background: transparent;
  467.   border: none;
  468.  
  469.   -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  470.   -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  471.   box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  472. }
  473.  
  474. .post-header {
  475.   margin: 0 0 1.5em;
  476.  
  477.   line-height: 1.6;
  478.   font-size: 90%;
  479. }
  480.  
  481. #comments .comment-author {
  482.   padding-top: 1.5em;
  483.  
  484.   border-top: 1px solid $(body.rule.color);
  485.   background-position: 0 1.5em;
  486. }
  487.  
  488. #comments .comment-author:first-child {
  489.   padding-top: 0;
  490.   border-top: none;
  491. }
  492.  
  493. .avatar-image-container {
  494. margin: .2em 0 0;
  495. -webkit-border-radius: 70px;
  496. -moz-border-radius: 70px;
  497. border-radius: 70px;
  498. }
  499. #comments .avatar-image-container img {
  500. border: 1px solid transparent;
  501. }
  502. .post-outer .comments {
  503.   border-top: 3px solid #b3140a;
  504.   background: url(http://static.tumblr.com/jl6jlph/d18mhzc2u/imgs.png) repeat;
  505.   width:550px;
  506.   margin: 0px;
  507.   padding: 20px 50px;
  508.   text-color: #ffffff;
  509. }
  510. /* Comments
  511. ----------------------------------------------- */
  512. .comments .comments-content .icon.blog-author {
  513.   background-repeat: no-repeat;
  514.   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  515. }
  516.  
  517. .comments .comments-content .loadmore a {
  518.   border-top: 1px solid $(widget.alternate.text.color);
  519.   border-bottom: 1px solid $(widget.alternate.text.color);
  520. }
  521.  
  522. .comments .comment-thread.inline-thread {
  523.   background-color: $(post.footer.background.color);
  524. }
  525.  
  526. .comments .continue {
  527.   border-top: 2px solid $(widget.alternate.text.color);
  528. }
  529.  
  530. /* Accents
  531. ---------------------------------------------- */
  532. .section-columns td.columns-cell {
  533.   border-$startSide: 1px solid $(body.rule.color);
  534. }
  535.  
  536. .blog-pager {
  537.   background: $(paging.background);
  538. }
  539.  
  540. .blog-pager-older-link, .home-link,
  541. .blog-pager-newer-link {
  542.   background-color: $(content.background.color);
  543.   padding: 5px;
  544. }
  545.  
  546. .footer-outer {
  547.   border-top: $(footer.bevel) dashed #transparent;
  548. }
  549.  
  550. /* Mobile
  551. ----------------------------------------------- */
  552. .post img {
  553. border-radius: 9px;
  554. background: url(http://static.tumblr.com/jl6jlph/d18mhzc2u/imgs.png) repeat;
  555. padding: 6px;
  556. background-position:top center;
  557. -webkit-transition-duration: .80s;
  558. }
  559. .post img:hover {
  560. border-radius: 9px;
  561. background: url(http://static.tumblr.com/jl6jlph/d18mhzc2u/imgs.png) repeat;
  562. padding: 6px;
  563. background-position:bottom center;
  564. -webkit-transition-duration: .80s;
  565. }
  566. body.mobile  {
  567.   background-size: $(mobile.background.size);
  568. }
  569.  
  570. .mobile .body-fauxcolumn-outer {
  571.   background: $(mobile.background.overlay);
  572. }
  573.  
  574. .mobile .body-fauxcolumn-outer .cap-top {
  575.   background-size: 100% auto;
  576. }
  577.  
  578. .mobile .content-outer {
  579.   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  580.   box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  581.   padding: 0 $(content.shadow.spread);
  582. }
  583.  
  584. body.mobile .AdSense {
  585.   margin: 0 -$(content.shadow.spread);
  586. }
  587.  
  588. .mobile .tabs-inner .widget ul {
  589.   margin-left: 0;
  590.   margin-right: 0;
  591. }
  592.  
  593. .mobile .post {
  594.   margin: 0;
  595. }
  596.  
  597. .mobile .main-inner .column-center-inner .section {
  598.   margin: 0;
  599. }
  600.  
  601. .mobile .date-header span {
  602.   padding: 0.1em 10px;
  603.   margin: 0 -10px;
  604. }
  605.  
  606. .mobile h3.post-title {
  607.   margin: 0;
  608. }
  609.  
  610. .mobile .blog-pager {
  611.   background: transparent none no-repeat scroll top center;
  612. }
  613.  
  614. .mobile .footer-outer {
  615.   border-top: none;
  616. }
  617.  
  618. .mobile .main-inner, .mobile .footer-inner {
  619.   background-color: $(content.background.color);
  620. }
  621.  
  622. .mobile-index-contents {
  623.   color: $(body.text.color);
  624. }
  625.  
  626. .mobile-link-button {
  627.   background-color: $(link.color);
  628. }
  629.  
  630. .mobile-link-button a:link, .mobile-link-button a:visited {
  631.   color: $(mobile.button.color);
  632. }
  633.  
  634. .mobile .tabs-inner .section:first-child {
  635.   border-top: none;
  636. }
  637.  
  638. .mobile .tabs-inner .PageList .widget-content {
  639.   background-color: $(tabs.selected.background.color);
  640.   color: $(tabs.selected.text.color);
  641.   border-top: $(tabs.border.width) solid $(tabs.border.color);
  642.   border-bottom: $(tabs.border.width) solid $(tabs.border.color);
  643. }
  644.  
  645. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  646.   border-$startSide: 1px solid $(tabs.border.color);
  647. }
  648. .feed-links {
  649.  
  650.     height:0px;visibility:hidden;display:none}
  651.  
  652. ::-webkit-scrollbar {width: 12px; height: 4px; background: #e2c4c1; }
  653. ::-webkit-scrollbar-thumb { background: #b3140a; }
  654.  
  655. #rodape-creditos {
  656. font:normal bold 13px Arial;
  657. color:#b3140a;
  658. background:url(http://static.tumblr.com/jl6jlph/d18mhzc2u/imgs.png)repeat;
  659. border-top:4px solid #b3140a;
  660. margin:0px 0px 0px;
  661. }
  662. #blog-pager a:link, #blog-pager a:visited{
  663. color:#b3140a;
  664. }
  665. .flash{
  666. position:absolute;
  667. top:100px;
  668. left:200px;
  669. }
  670. ]]></b:skin>
  671.     <b:template-skin>
  672.       <b:variable default='960px' name='content.width' type='length' value='1120px'/>
  673.       <b:variable default='0' name='main.column.left.width' type='length' value='360px'/>
  674.       <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
  675.  
  676.       <![CDATA[
  677.       body {
  678.         min-width: $(content.width);
  679.       }
  680.  
  681.       .content-outer, .content-fauxcolumn-outer, .region-inner {
  682.         margin-top:-20px;
  683.         min-width: $(content.width);
  684.         max-width: $(content.width);
  685.         _width: $(content.width);
  686.       }
  687.  
  688.       .main-inner .columns {
  689.         padding-left: $(main.column.left.width);
  690.         padding-right: $(main.column.right.width);
  691.       }
  692.  
  693.       .main-inner .fauxcolumn-center-outer {
  694.         left: $(main.column.left.width);
  695.         right: $(main.column.right.width);
  696.         /* IE6 does not respect left and right together */
  697.         _width: expression(this.parentNode.offsetWidth -
  698.             parseInt("$(main.column.left.width)") -
  699.             parseInt("$(main.column.right.width)") + 'px');
  700.       }
  701.  
  702.       .main-inner .fauxcolumn-left-outer {
  703.         width: $(main.column.left.width);
  704.       }
  705.  
  706.       .main-inner .fauxcolumn-right-outer {
  707.         width: $(main.column.right.width);
  708.       }
  709.  
  710.       .main-inner .column-left-outer {
  711. margin-top: 30px;
  712.         width: $(main.column.left.width);
  713.         right: 100%;
  714.         margin-left: -$(main.column.left.width);
  715.       }
  716.  
  717.       .main-inner .column-right-outer {
  718. margin-top: 30px;
  719.         width: $(main.column.right.width);
  720.         margin-right: -$(main.column.right.width);
  721.       }
  722.  
  723.       #layout {
  724.         min-width: 0;
  725.       }
  726.  
  727.       #layout .content-outer {
  728.         min-width: 0;
  729.         width: 800px;
  730.       }
  731.  
  732.       #layout .region-inner {
  733.         min-width: 0;
  734.         width: auto;
  735.       }
  736. .post blockquote {
  737. background: url(http://static.tumblr.com/jl6jlph/d18mhzc2u/imgs.png) repeat;
  738. color:#fff;
  739. border-right: 5px solid #b3140a;
  740. border-left: 5px solid #b3140a;
  741. padding: 5px;
  742. border-radius:15px;
  743. }
  744.       ]]>
  745.     </b:template-skin>
  746. <!--Google Analytics-->
  747. <script type='text/javascript'>
  748.  
  749.   var _gaq = _gaq || [];
  750.   _gaq.push([&#39;_setAccount&#39;, &#39;UA-35587491-1&#39;]);
  751.   _gaq.push([&#39;_setDomainName&#39;, &#39;blackoutdesigners.com&#39;]);
  752.   _gaq.push([&#39;_trackPageview&#39;]);
  753.  
  754.   (function() {
  755.     var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
  756.     ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
  757.     var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
  758.   })();
  759.  
  760. </script>
  761. <!--Fim Google Analytics-->
  762.   </head>
  763. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
  764. <script src='http://bloggerblogwidgets.googlecode.com/svn/trunk/jquery.nivo.slider.pack.js' type='text/javascript'/>
  765. <script type='text/javascript'>
  766. /* <![CDATA[ */
  767. jQuery(document).ready(function($) {
  768.  $('#w2bNivoSlider').nivoSlider({
  769.   effect           : 'random',
  770.   slices           : 10,
  771.   boxCols          : 8,
  772.   boxRows          : 4,
  773.   animSpeed        : 500,
  774.   pauseTime        : 4000,
  775.   startSlide       : 0,
  776.   directionNav     : true,
  777.   directionNavHide : true,
  778.   controlNav       : true,
  779.   keyboardNav      : false,
  780.   pauseOnHover     : true,
  781.   captionOpacity   : 0.8
  782.  });
  783. });
  784. /* ]]> */
  785. </script>
  786.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  787.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  788. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
  789. </b:section>
  790.  
  791.   <div class='body-fauxcolumns'>
  792.     <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  793.     <div class='cap-top'>
  794.       <div class='cap-left'/>
  795.       <div class='cap-right'/>
  796.     </div>
  797.     <div class='fauxborder-left'>
  798.     <div class='fauxborder-right'/>
  799.     <div class='fauxcolumn-inner'>
  800.     </div>
  801.     </div>
  802.     <div class='cap-bottom'>
  803.       <div class='cap-left'/>
  804.       <div class='cap-right'/>
  805.     </div>
  806.     </div>
  807.   </div>
  808.  
  809.   <div class='content'>
  810.   <div class='content-fauxcolumns'>
  811.     <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  812.     <div class='cap-top'>
  813.       <div class='cap-left'/>
  814.       <div class='cap-right'/>
  815.     </div>
  816.     <div class='fauxborder-left'>
  817.     <div class='fauxborder-right'/>
  818.     <div class='fauxcolumn-inner'>
  819.     </div>
  820.     </div>
  821.     <div class='cap-bottom'>
  822.       <div class='cap-left'/>
  823.       <div class='cap-right'/>
  824.     </div>
  825.     </div>
  826.   </div>
  827.  
  828.   <div class='content-outer'>
  829.   <div class='content-cap-top cap-top'>
  830.     <div class='cap-left'/>
  831.     <div class='cap-right'/>
  832.   </div>
  833.   <div class='fauxborder-left content-fauxborder-left'>
  834.   <div class='fauxborder-right content-fauxborder-right'/>
  835.   <div class='content-inner'>
  836.  
  837.     <header>
  838. <div class='flash'><embed height='400' quality='high' src='http://static.tumblr.com/jl6jlph/YLLmhzcs8/flash.swf' width='590' wmode='transparent'/></div>
  839. <img src='http://static.tumblr.com/jl6jlph/YLDmhzbmv/header.png'/>
  840.     <div class='header-outer'>
  841.     <div class='header-cap-top cap-top'>
  842.       <div class='cap-left'/>
  843.       <div class='cap-right'/>
  844.     </div>
  845.     <div class='fauxborder-left header-fauxborder-left'>
  846.     <div class='fauxborder-right header-fauxborder-right'/>
  847.     <div class='region-inner header-inner'>
  848.       <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'/>
  849.     </div>
  850.     </div>
  851.     <div class='header-cap-bottom cap-bottom'>
  852.       <div class='cap-left'/>
  853.       <div class='cap-right'/>
  854.     </div>
  855.     </div>
  856.     </header>
  857.  
  858.     <div class='tabs-outer'>
  859.     <div class='tabs-cap-top cap-top'>
  860.       <div class='cap-left'/>
  861.       <div class='cap-right'/>
  862.     </div>
  863.     <div class='fauxborder-left tabs-fauxborder-left'>
  864.     <div class='fauxborder-right tabs-fauxborder-right'/>
  865.     <div class='region-inner tabs-inner'>
  866.       <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
  867.       <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  868.     </div>
  869.     </div>
  870.     <div class='tabs-cap-bottom cap-bottom'>
  871.       <div class='cap-left'/>
  872.       <div class='cap-right'/>
  873.     </div>
  874.     </div>
  875.  
  876.     <div class='main-outer'>
  877.     <div class='main-cap-top cap-top'>
  878.       <div class='cap-left'/>
  879.       <div class='cap-right'/>
  880.     </div>
  881.  
  882.     <div class='fauxborder-left main-fauxborder-left'>
  883.     <div class='fauxborder-right main-fauxborder-right'/>
  884.     <div class='region-inner main-inner'>
  885.  
  886.       <div class='columns fauxcolumns'>
  887.  
  888.         <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  889.         <div class='cap-top'>
  890.           <div class='cap-left'/>
  891.           <div class='cap-right'/>
  892.         </div>
  893.         <div class='fauxborder-left'>
  894.         <div class='fauxborder-right'/>
  895.         <div class='fauxcolumn-inner'>
  896.         </div>
  897.         </div>
  898.         <div class='cap-bottom'>
  899.           <div class='cap-left'/>
  900.           <div class='cap-right'/>
  901.         </div>
  902.         </div>
  903.  
  904.         <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  905.         <div class='cap-top'>
  906.           <div class='cap-left'/>
  907.           <div class='cap-right'/>
  908.         </div>
  909.         <div class='fauxborder-left'>
  910.         <div class='fauxborder-right'/>
  911.         <div class='fauxcolumn-inner'>
  912.         </div>
  913.         </div>
  914.         <div class='cap-bottom'>
  915.           <div class='cap-left'/>
  916.           <div class='cap-right'/>
  917.         </div>
  918.         </div>
  919.  
  920.         <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  921.         <div class='cap-top'>
  922.           <div class='cap-left'/>
  923.           <div class='cap-right'/>
  924.         </div>
  925.         <div class='fauxborder-left'>
  926.         <div class='fauxborder-right'/>
  927.         <div class='fauxcolumn-inner'>
  928.         </div>
  929.         </div>
  930.         <div class='cap-bottom'>
  931.           <div class='cap-left'/>
  932.           <div class='cap-right'/>
  933.         </div>
  934.         </div>
  935.  
  936.         <!-- corrects IE6 width calculation -->
  937.         <div class='columns-inner'>
  938.  
  939.         <div class='column-center-outer'>
  940.         <div class='column-center-inner'>
  941.           <b:section class='main' id='main' showaddelement='no'>
  942. <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'/>
  943. </b:section>
  944.         </div>
  945.         </div>
  946.  
  947.         <div class='column-left-outer'>
  948.         <div class='column-left-inner'>
  949.           <aside>
  950.           <macro:include id='main-column-left-sections' name='sections'>
  951.             <macro:param default='0' name='num' value='1'/>
  952.             <macro:param default='sidebar-left' name='idPrefix'/>
  953.             <macro:param default='sidebar' name='class'/>
  954.             <macro:param default='true' name='includeBottom'/>
  955.           </macro:include>
  956.           </aside>
  957.         </div>
  958.         </div>
  959.  
  960.         <div class='column-right-outer'>
  961.         <div class='column-right-inner'>
  962.           <aside>
  963.           <macro:include id='main-column-right-sections' name='sections'>
  964.             <macro:param default='2' name='num' value='0'/>
  965.             <macro:param default='sidebar-right' name='idPrefix'/>
  966.             <macro:param default='sidebar' name='class'/>
  967.             <macro:param default='true' name='includeBottom'/>
  968.           </macro:include>
  969.           </aside>
  970.         </div>
  971.         </div>
  972.  
  973.         </div>
  974.  
  975.         <div style='clear: both'/>
  976.       <!-- columns -->
  977.       </div>
  978.  
  979.     <!-- main -->
  980.     </div>
  981.     </div>
  982.     <div class='main-cap-bottom cap-bottom'>
  983.       <div class='cap-left'/>
  984.       <div class='cap-right'/>
  985.     </div>
  986.     </div>
  987.  
  988. <footer>
  989.     </footer>
  990.  
  991.   <!-- content -->
  992.   </div>
  993.   </div>
  994.   <div class='content-cap-bottom cap-bottom'>
  995.     <div class='cap-left'/>
  996.     <div class='cap-right'/>
  997.   </div>
  998.   </div>
  999.   </div>
  1000.  
  1001.   <script type='text/javascript'>
  1002.     window.setTimeout(function() {
  1003.         document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  1004.       }, 10);
  1005.   </script>
  1006.   <b:include data='blog' name='google-analytics'/>
  1007. <script type='text/javascript'>
  1008. var _bcd = _bcd || [];
  1009. _bcd.push([&#39;_blogID&#39;, &#39;9494&#39;]);
  1010. _bcd.push([&#39;_trackCopies&#39;]);
  1011.  
  1012. document.write(unescape(&quot;%3Cscript src=&#39;http://l.blogcopy.com/bc.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;));
  1013. </script>
  1014. <div id='rodape-creditos'>
  1015. <table border='0' cellpadding='5' cellspacing='0' oncontextmenu='return false' ondragstart='return false' width='100%'>
  1016. <tr>
  1017. <td style='width:72%;text-align:center;'>&#169; Nome do seu blog <br/>Design por: Seu nome, Código base por:<a href='http://www.blackoutdesigners.com/' rel='nofollow' target='_blank'> Raphael Cardoso</a>.</td>
  1018. </tr>
  1019. </table>
  1020. </div>
  1021. </body>
  1022.  
  1023. <macro:includable id='sections' var='col'>
  1024.   <macro:if cond='data:col.num == 0'>
  1025.   <macro:else/>
  1026.     <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  1027.  
  1028.     <macro:if cond='data:col.num &gt;= 2'>
  1029.       <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  1030.       <tbody>
  1031.       <tr>
  1032.         <td class='first columns-cell'>
  1033.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  1034.         </td>
  1035.  
  1036.         <td class='columns-cell'>
  1037.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  1038.         </td>
  1039.  
  1040.         <macro:if cond='data:col.num &gt;= 3'>
  1041.           <td class='columns-cell'>
  1042.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  1043.           </td>
  1044.         </macro:if>
  1045.  
  1046.         <macro:if cond='data:col.num &gt;= 4'>
  1047.           <td class='columns-cell'>
  1048.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  1049.           </td>
  1050.         </macro:if>
  1051.       </tr>
  1052.       </tbody>
  1053.       </table>
  1054.  
  1055.       <macro:if cond='data:col.includeBottom'>
  1056.         <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  1057.       </macro:if>
  1058.     </macro:if>
  1059.   </macro:if>
  1060. </macro:includable>
  1061.  
  1062. <b:section-contents id='sidebar-left-1'>
  1063. <b:widget id='HTML7' locked='false' title='Código base por:' type='HTML'/>
  1064. </b:section-contents></html>
RAW Paste Data
Challenge yourself this year...
Learn something new in 2017
Top