SHARE
TWEET

Código base: Raphael Cardoso (Adaptado por Cecília Camimura)

GabrielaSants Jan 21st, 2015 (edited) 217 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'>
  4. <style>
  5. #navbar-iframe { height:0px; visibility:hidden; display:none !important;}                                
  6. </style>
  7.   <head>
  8. <link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'/>
  9. <link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'/>
  10. <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'/>
  11. <link href='http://fonts.googleapis.com/css?family=Marcellus' rel='stylesheet' type='text/css'/>
  12. <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'/>
  13.     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  14.     <b:if cond='data:blog.isMobile'>
  15.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  16.     <b:else/>
  17.       <meta content='width=1100' name='viewport'/>
  18.     </b:if>
  19.     <b:include data='blog' name='all-head-content'/>
  20.     <title><data:blog.pageTitle/></title>
  21.  
  22.     <b:skin><![CDATA[/*
  23. -----------------------------------------------
  24. Template para Blogger
  25. Name:     Template Simples 2 colunas
  26. Layout e Adaptação: Cecília Camimura
  27. Código : Raphael Cardoso
  28. URL: http://midgardproductions.blogspot.com.br/
  29. ----------------------------------------------- */
  30. /* Variable definitions
  31.    ====================
  32.    <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ac7979"/>
  33.  
  34.    <Group description="Page Text" selector="body">
  35.      <Variable name="body.font" description="Font" type="font"
  36.          default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  37.      <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#000000"/>
  38.    </Group>
  39.  
  40.    <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  41.      <Variable name="body.background.color" description="Outer Background" type="color" default="#f2d56d" value="#f2d56d"/>
  42.      <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="transparent"/>
  43.      <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
  44.    </Group>
  45.  
  46.    <Group description="Links" selector=".main-outer">
  47.      <Variable name="link.color" description="Link Color" type="color" default="#000000" value="#c05941"/>
  48.      <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#9a3022"/>
  49.      <Variable name="link.hover.color" description="Hover Color" type="color" default="#FFFFFF" value="#9a3022"/>
  50.    </Group>
  51.  
  52.    <Group description="Blog Title" selector=".header h1">
  53.      <Variable name="header.font" description="Font" type="font"
  54.          default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
  55.      <Variable name="header.text.color" description="Title Color" type="color" default="#FFFFFF"  value="#000000"/>
  56.    </Group>
  57.  
  58.    <Group description="Blog Description" selector=".header .description">
  59.      <Variable name="description.text.color" description="Description Color" type="color"
  60.          default="#777777"  value="#747474"/>
  61.    </Group>
  62.  
  63.    <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  64.      <Variable name="tabs.font" description="Font" type="font"
  65.          default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  66.      <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#979797"/>
  67.      <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
  68.    </Group>
  69.  
  70.    <Group description="Tabs Background" selector=".tabs-outer .PageList">
  71.      <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="#f4f4f4"/>
  72.      <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#ededed"/>
  73.    </Group>
  74.  
  75.    <Group description="Post Title" selector="h3.post-title, .comments h4">
  76.      <Variable name="post.title.font" description="Font" type="font"
  77.          default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px 'Courier New', Courier, FreeMono, monospace"/>
  78.    </Group>
  79.  
  80.    <Group description="Date Header" selector=".date-header">
  81.      <Variable name="date.header.color" description="Text Color" type="color"
  82.          default="$(body.text.color)" value="#e4ba39"/>
  83.      <Variable name="date.header.background.color" description="Background Color" type="color"
  84.          default="transparent" value="transparent"/>
  85.    </Group>
  86.  
  87.    <Group description="Post Footer" selector=".post-footer">
  88.      <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#000000"/>
  89.      <Variable name="post.footer.background.color" description="Background Color" type="color"
  90.          default="#f9f9f9" value="#f2d56d"/>
  91.      <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#f2d56d"/>
  92.    </Group>
  93.  
  94.    <Group description="Gadgets" selector="h2">
  95.      <Variable name="widget.title.font" description="Title Font" type="font"
  96.         default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 36px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  97.      <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#ffffff"/>
  98.      <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#000000"/>
  99.    </Group>
  100.  
  101.    <Group description="Images" selector=".main-inner">
  102.      <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="transparent"/>
  103.      <Variable name="image.border.color" description="Border Color" type="color" default="#e56e74" value="transparent"/>
  104.      <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="transparent"/>
  105.    </Group>
  106.  
  107.    <Group description="Accents" selector=".content-inner">
  108.      <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="transparent"/>
  109.      <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="transparent"/>
  110.    </Group>
  111.  
  112.    <Variable name="body.background" description="Body Background" type="background"
  113.        color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none no-repeat scroll center center"/>
  114.    <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
  115.  
  116.    <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
  117.        default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
  118.    <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
  119.        default="url(http://www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>
  120.  
  121.    <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
  122.    <Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
  123.    <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="40px"/>
  124.    <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" value="0"/>
  125.    <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" value="0"/>
  126.    <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" value="0"/>
  127.  
  128.    <Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>
  129.  
  130.    <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
  131.    <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="0"/>
  132.    <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" value="0"/>
  133.    <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" value="0"/>
  134.    <Variable name="header.padding" description="Header Padding" type="length" default="30px" value="0"/>
  135.  
  136.    <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" value="1px"/>
  137.    <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" value="0"/>
  138.    <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="1px"/>
  139.  
  140.    <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="18px"/>
  141.  
  142.    <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"  value="0"/>
  143.    <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"  value="30px"/>
  144.    <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  145.        default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
  146.    <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" value="1px"/>
  147.    <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" value="1px"/>
  148.  
  149.    <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="0.4em"/>
  150.    <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="3px"/>
  151.    <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
  152.  
  153.    <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="45px"/>
  154.  
  155.    <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
  156.    <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>
  157.  
  158.    <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
  159.    <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
  160.  
  161.    <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="1em"/>
  162.    <Variable name="main.padding" description="Main Padding" type="length" default="15px" value="0"/>
  163.    <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="35px"/>
  164.    <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" value="65px"/>
  165.  
  166.    <Variable name="paging.background"
  167.        color="$(content.background.color)"
  168.        description="Background of blog paging area" type="background"
  169.        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"/>
  170.  
  171.    <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" value="1px"/>
  172.  
  173.    <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  174.        default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  175.    <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
  176.    <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#000000"/>
  177.  
  178.    <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  179.    <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  180. */
  181.  
  182. /* Content
  183. ----------------------------------------------- */
  184. #navbar{height:0px;}
  185. body {
  186.   font: $(body.font);
  187.   color: $(body.text.color);
  188.   background: $(body.background);
  189.   padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  190.   $(body.background.override)
  191. }
  192.  
  193. html body $(page.width.selector) {
  194.   min-width: 0;
  195.   max-width: 100%;
  196.   width: $(page.width);
  197. }
  198.  
  199. a:link {
  200.   text-decoration:none;
  201.   color: $(link.color);
  202. }
  203.  
  204. a:visited {
  205.   text-decoration:none;
  206.   color: $(link.visited.color);
  207. }
  208.  
  209. a:hover {
  210.   color: $(link.hover.color);
  211. }
  212.  
  213. .body-fauxcolumn-outer .fauxcolumn-inner {
  214.   background: transparent $(body.background.gradient.tile) repeat scroll top left;
  215.   _background-image: none;
  216. }
  217.  
  218. .body-fauxcolumn-outer .cap-top {
  219.   position: absolute;
  220.   z-index: 1;
  221.   height: 400px;
  222.   width: 100%;
  223.   background: $(body.background);
  224.   $(body.background.override)
  225. }
  226.  
  227. .body-fauxcolumn-outer .cap-top .cap-left {
  228.   width: 100%;
  229.   background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  230.   _background-image: none;
  231. }
  232.  
  233. .content-outer {
  234.   -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  235.   -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  236.   -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  237.   box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  238.  
  239.   margin-bottom: 1px;
  240. }
  241.  
  242. .content-inner {
  243.   padding: $(content.padding) $(content.padding.horizontal);
  244. }
  245.  
  246. $(content.background.color.selector) {
  247.   background-color: $(content.background.color);
  248. }
  249.  
  250. /* Header
  251. ----------------------------------------------- */
  252. .header-outer {
  253.   background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  254.   _background-image: none;
  255. }
  256.  
  257. .Header h1 {
  258.   font: $(header.font);
  259.   color: $(header.text.color);
  260.   text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
  261. }
  262.  
  263. .Header h1 a {
  264.   color: $(header.text.color);
  265. }
  266.  
  267. .Header .description {
  268.   font-size: $(description.text.size);
  269.   color: $(description.text.color);
  270. }
  271.  
  272. .header-inner .Header .titlewrapper {
  273.   padding: 22px $(header.padding);
  274. }
  275.  
  276. .header-inner .Header .descriptionwrapper {
  277.   padding: 0 $(header.padding);
  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. {
  343. padding-top: 50px;
  344. background: url(http://i773.photobucket.com/albums/yy20/ceciliacamimura/comeosd-28.png) no-repeat;
  345. color: #FFFFFF; /* - Cor da Fonte do Título da Sidebar - */
  346. font-family: 'Montez';  /* - Fonte do Título da Sidebar - */
  347. font-size: 55px; /* - Tamanho da Fonte do Título da Sidebar - */
  348. font-border-left: 8px solid #ba5656;/* cor da borda */
  349. height: 130px;
  350. text-align:center;
  351. font-weight:700;
  352. letter-spacing:-0.5px;
  353. margin-bottom: -22px;
  354. }
  355.  
  356. /* Widgets
  357. ----------------------------------------------- */
  358. .sidebar .widget
  359. {
  360. text-align: center;
  361. padding-bottom: 230px;
  362. background: url(http://i773.photobucket.com/albums/yy20/ceciliacamimura/fimsd-28.png) bottom no-repeat;
  363. max-width: 300px;
  364. }
  365. .sidebar .widget-content
  366. {
  367. background: url(http://i773.photobucket.com/albums/yy20/ceciliacamimura/meiosd-28.png) repeat;
  368. margin:20px 0px 22px 0px;
  369. padding:20 0px 20px 0;
  370. max-width: 1000px;
  371. }
  372. .widget .zippy {
  373.   color: $(widget.alternate.text.color);
  374.   text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
  375. }
  376.  
  377. .widget .popular-posts ul {
  378.   list-style: none;
  379. }
  380.  
  381. /* Posts
  382. ----------------------------------------------- */
  383. .date-header span {
  384.   background-color: $(date.header.background.color);
  385.   color: $(date.header.color);
  386.   font-size: 13px;
  387.   padding: 100px;;
  388.   margin: 130px;
  389.   letter-spacing: 0px;
  390. }
  391.  
  392. .main-inner {
  393.   padding-top: $(main.padding.top);
  394.   padding-bottom: $(main.padding.bottom);
  395. }
  396.  
  397. .main-inner .column-center-inner {
  398. margin-top:-10px;
  399.   padding: 0 $(main.padding);
  400. }
  401.  
  402. .main-inner .column-center-inner .section {
  403. margin-top:-10px;
  404.   margin: 0 $(main.section.margin);
  405. }
  406.  
  407. .post {
  408.   margin: 0 0 $(post.margin.bottom) 0;
  409.   border-bottom:30px;
  410. Width:664px;
  411. background:url(http://i773.photobucket.com/albums/yy20/ceciliacamimura/post2-32.png) repeat-y;
  412. }
  413. .post h3{
  414. background: #f2d56d url("http://i773.photobucket.com/albums/yy20/ceciliacamimura/post1-32.png") no-repeat left top;
  415. text-align: center;
  416. margin:.25em 0 0;
  417. padding:30px 0 8px 0px;
  418. width:664px;
  419. font-size: 35px; /* - Tamanho Fonte do Título dos posts - */
  420. font-family: 'Arial';  /* - Fonte do Título dos posts - */
  421. line-height:1.4em;
  422. }
  423.  
  424. .post-body {
  425. width:600px;
  426. padding:0px 35px;
  427.   font-size: 110%;
  428.   line-height: 2;
  429.   position: center;
  430. }
  431.  
  432. .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
  433. .BlogList .item-thumbnail img {
  434.   padding: $(image.border.small.size);
  435.  
  436.   background: $(image.background.color);
  437.   border:  0px solid $(image.border.color);
  438.  
  439.   -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  440.   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  441.   box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  442. }
  443.  
  444. .post-body img, .post-body .tr-caption-container {
  445.   padding: $(image.border.large.size);
  446. }
  447.  
  448. .post-body .tr-caption-container {
  449.   color: $(image.text.color);
  450. }
  451.  
  452. .post-body .tr-caption-container img {
  453.   padding: 0;
  454.  
  455.   background: transparent;
  456.   border: none;
  457.  
  458.   -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  459.   -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  460.   box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  461. }
  462.  
  463. .post-header {
  464.   margin: 0 0 1.5em;
  465.  
  466.   line-height: 1.6;
  467.   font-size: 90%;
  468. }
  469.  
  470. .post-footer {
  471. background:transparent url("http://i773.photobucket.com/albums/yy20/ceciliacamimura/post3-33.png") no-repeat;
  472. height: 302px;
  473.  
  474.   color: $(post.footer.text.color);
  475.   background-color: $(post.footer.background.color);
  476.   border-bottom: 1px solid $(post.footer.border.color);
  477.  
  478. width:664px;
  479. margin:.25em 0 0;
  480. padding:12px 0 0px 50px;
  481. font-size:100%;
  482. line-height:1.4em;
  483. color:#000000;
  484. }
  485.  
  486. #comments .comment-author {
  487.   padding-top: 1.5em;
  488.  
  489.   border-top: 1px solid $(body.rule.color);
  490.   background-position: 0 1.5em;
  491. }
  492.  
  493. #comments .comment-author:first-child {
  494.   padding-top: 0;
  495.   border-top: none;
  496. }
  497.  
  498. .avatar-image-container {
  499.   margin: .2em 0 0;
  500. }
  501.  
  502. #comments .avatar-image-container img {
  503.   border: 1px solid $(image.border.color);
  504. }
  505. .post-outer .comments {
  506. width:500px;
  507.   margin: 0px;
  508.   padding: 0px 20px;
  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. body.mobile  {
  553.   background-size: $(mobile.background.size);
  554. }
  555.  
  556. .mobile .body-fauxcolumn-outer {
  557.   background: $(mobile.background.overlay);
  558. }
  559.  
  560. .mobile .body-fauxcolumn-outer .cap-top {
  561.   background-size: 100% auto;
  562. }
  563.  
  564. .mobile .content-outer {
  565.   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  566.   box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  567.   padding: 0 $(content.shadow.spread);
  568. }
  569.  
  570. body.mobile .AdSense {
  571.   margin: 0 -$(content.shadow.spread);
  572. }
  573.  
  574. .mobile .tabs-inner .widget ul {
  575.   margin-left: 0;
  576.   margin-right: 0;
  577. }
  578.  
  579. .mobile .post {
  580.   margin: 0;
  581. }
  582.  
  583. .mobile .main-inner .column-center-inner .section {
  584.   margin: 0;
  585. }
  586.  
  587. .mobile .date-header span {
  588.   padding: 0.1em 10px;
  589.   margin: 0 -10px;
  590. }
  591.  
  592. .mobile h3.post-title {
  593.   margin: 0;
  594. }
  595.  
  596. .mobile .blog-pager {
  597.   background: transparent none no-repeat scroll top center;
  598. }
  599.  
  600. .mobile .footer-outer {
  601.   border-top: none;
  602. }
  603.  
  604. .mobile .main-inner, .mobile .footer-inner {
  605.   background-color: $(content.background.color);
  606. }
  607.  
  608. .mobile-index-contents {
  609.   color: $(body.text.color);
  610. }
  611.  
  612. .mobile-link-button {
  613.   background-color: $(link.color);
  614. }
  615.  
  616. .mobile-link-button a:link, .mobile-link-button a:visited {
  617.   color: $(mobile.button.color);
  618. }
  619.  
  620. .mobile .tabs-inner .section:first-child {
  621.   border-top: none;
  622. }
  623.  
  624. .mobile .tabs-inner .PageList .widget-content {
  625.   background-color: $(tabs.selected.background.color);
  626.   color: $(tabs.selected.text.color);
  627.   border-top: $(tabs.border.width) solid $(tabs.border.color);
  628.   border-bottom: $(tabs.border.width) solid $(tabs.border.color);
  629. }
  630.  
  631. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  632.   border-$startSide: 1px solid $(tabs.border.color);
  633. }
  634. .feed-links {
  635.  
  636.     height:0px;visibility:hidden;display:none}
  637.  
  638. /* ----- Seleção ------ */
  639.  
  640. ::selection {
  641.  
  642.     color:#e1e1e1;
  643.  
  644.     background: #d5b18c;
  645.  
  646. }
  647.  
  648. ::-moz-selection {
  649.  
  650.     color:#e1e1e1;
  651.  
  652.     background: #d5b18c;
  653.  
  654. }
  655.  
  656. ::-webkit-selection {
  657.  
  658.     color:#e1e1e1;
  659.  
  660.     background: #d5b18c;
  661.  
  662. }
  663.  
  664. .post-body img {margin-left: 8px;
  665. border-style: solid;
  666. border-width:0px;
  667. border-color: #c122fd;
  668. }
  669. .post-body img:hover {background:#a766a3;
  670. filter:alpha(opacity=80);
  671. opacity: 0.8;
  672. -moz-opacity:0.8;
  673. }
  674. #rodape-creditos {
  675. font:normal 13px Arial;   /* - Fonte do rodapé - */
  676. color:#000000;   /* - Cor da fonte - */
  677. background: transparent;   /* - Cor de Fundo do Rodapé - */
  678. border-top:0px solid #c24b53;     /* - Edite a borda - */
  679. margin:0px 0px 0px;     /* - Não é necessário editar - */
  680. }
  681. #rodape-creditos a:link {
  682. color:#a766a3;   /* - Cor dos Links do Rodapé - */
  683. text-decoration:none;  /* - Decorações do Link - */
  684. outline:0px solid #FFFFFF;  /* - Não é necessário editar - */
  685. }
  686. #rodape-creditos a:visited {
  687. color:#a766a3;    /* - Cor dos Links Visitados - */
  688. text-decoration:none;   /* - Decoração dos Links Visitados - */
  689. outline:0px solid #FFFFFF;   /* - Não é necessário edittar - */
  690. }
  691. #rodape-creditos a:hover {
  692. color:#a766a3;   /* - Cor do Link com o Mouse em cima - */
  693. text-decoration:underline;    /* - Decoração do Link com o mouse em cima - */
  694. outline:0px solid #FFFFFF;    /* - Não é necessário edittar - */
  695. }
  696.  
  697. ::-webkit-scrollbar {width: 12px; height: 4px; background: #ded1c8; }
  698. ::-webkit-scrollbar-thumb { background: #7c98b2; }
  699. /*--Container geral--*/
  700. .main_view { float: left; position: relative; }
  701. /*--Estilos do container das imagens--*/
  702. .window {
  703. height:102px;
  704. /*-- as imagens devem ter a mesma altura ou mais-- */
  705.  width: 333px; /*-- as imagens devem ter a mesma largura ou mais-- */
  706. border:0px solid #610000;
  707.  overflow: hidden;
  708. position: relative;
  709. }
  710. .image_reel { position: absolute; top: 0; left: 0; }
  711. .image_reel img { float: left; }
  712. /*--Estilos do container da numeração--*/
  713. .paging { position: absolute;
  714. bottom: 1px; right: -1px;
  715. width: 150px; height:41px;
  716.  z-index: 100; text-align: center;
  717. line-height: 40px;
  718. background: transparent;
  719. -moz-border-radius-topleft: 15px;
  720.  -moz-border-radius-bottomleft: 15px;
  721. -webkit-border-radius-bottomleft: 15px;
  722. -webkit-border-radius-topleft: 15px; border:0px solid #000;
  723. display: none; }
  724. /*--Estilos do link da numeração--*/
  725. .paging a { outline:none; padding: 5px 10px; text-decoration: none; color: #999;
  726. background: #000;border: 1px solid #000; -moz-border-radius: 17px; -khtml-border-radius: 17px;
  727. -webkit-border-radius: 17px; }
  728. /*--Estilos do link ativo da numeração--*/
  729. .paging a.active { font-weight: bold; border: 1px solid #000; color: #fff;
  730. background: #8eb8b5; -moz-border-radius: 17px; -khtml-border-radius: 17px;
  731. -webkit-border-radius: 17px; }
  732.  /*--Estilos do link hover da numeração--*/
  733. .paging a:hover { font-weight: bold; }
  734.  
  735. .showpageArea a {text-decoration:underline;}
  736.  
  737. .showpageNum a {
  738. background:#ADADAD;
  739. text-decoration:none;
  740. border: 1px solid #595959;
  741. margin:0 3px;
  742. padding:3px;}
  743.  
  744. .showpageNum a:hover {
  745. border: 1px solid #595959;
  746. background-color:#FFFFFF;}
  747.  
  748. .showpagePoint {
  749. color:#F997B5;
  750. text-decoration:none;
  751. border: 1px solid #000;
  752. background: #D4D4D4;
  753. margin:0 3px;
  754. padding:3px;}
  755.  
  756. .showpageOf {
  757. background: #DADADA;
  758. border: 1px solid #808080;
  759. text-decoration:none;
  760. padding:3px;
  761. margin: 0 3px 0 0;}
  762.  
  763. .showpage a {
  764. background: #D4D4D4;
  765. text-decoration:none;
  766. border: 1px solid #000;
  767. padding:3px;}
  768.  
  769. .showpage a:hover {text-decoration:none;}
  770.  
  771. .showpageNum a:link,
  772. .showpage a:link {
  773. text-decoration:none; color:#FAA0BB;
  774. }
  775. .showpagetotal{
  776. border: 1px solid #000;
  777. background-color: #B92C02;
  778. color: #000000;
  779. font-weight:normal;
  780. padding: 3px 6px !important;
  781. padding: 1px 4px ;margin:0px 4px;
  782. text-decoration: none;
  783. }
  784. .showpagetotal :hover {
  785. font-size:11px;
  786. border: 1px solid #000;
  787. color: #000000;
  788. background-color: #C5E0FE;
  789. }
  790. #menuimagem {
  791. width: 795px;
  792. height: 42px;
  793. z-index: 1;
  794. margin-bottom: -0px;
  795. margin-left: 0px;
  796. margin-right: 0px;
  797. margin-top: 0px;
  798. }
  799. .home{
  800.      position: absolute; width: 147px; height: 30px; margin-left: 0px; left: 280px; top: 55px;}
  801. .amanda{
  802. position: absolute; width: 168px; height: 30px; margin-left: 0px; left: 463px; top: 52px;}
  803. .projectos{
  804. position: absolute; width: 94px; height: 30px; margin-left: 0px; left: 710px; top: 53px;}
  805. .site{
  806. position: absolute; width: 99px; height: 30px; margin-left: 0px; left: 878px; top: 53px;}
  807. .brilho{
  808. position: absolute; width: 338px; height: 191px; margin-left: 0px; left: 750px; top: 93px;}
  809. ]]></b:skin>
  810.  
  811.     <b:template-skin>
  812.       <b:variable default='960px' name='content.width' type='length' value='1250px'/>
  813.       <b:variable default='0' name='main.column.left.width' type='length' value='360px'/>
  814.       <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
  815.  
  816.       <![CDATA[
  817.       body {
  818.         min-width: $(content.width);
  819.       }
  820.  
  821.       .content-outer, .content-fauxcolumn-outer, .region-inner {
  822. margin-top:-20px;
  823.         min-width: $(content.width);
  824.         max-width: $(content.width);
  825.         _width: $(content.width);
  826.       }
  827.  
  828.       .main-inner .columns {
  829.         padding-left: $(main.column.left.width);
  830.         padding-right: $(main.column.right.width);
  831.       }
  832.  
  833.       .main-inner .fauxcolumn-center-outer {
  834.         left: $(main.column.left.width);
  835.         right: $(main.column.right.width);
  836.         /* IE6 does not respect left and right together */
  837.         _width: expression(this.parentNode.offsetWidth -
  838.             parseInt("$(main.column.left.width)") -
  839.             parseInt("$(main.column.right.width)") + 'px');
  840.       }
  841.  
  842.       .main-inner .fauxcolumn-left-outer {
  843.         width: $(main.column.left.width);
  844.       }
  845.  
  846.       .main-inner .fauxcolumn-right-outer {
  847.         width: $(main.column.right.width);
  848.       }
  849.  
  850.       .main-inner .column-left-outer {
  851. margin-top:-3px;
  852.         width: $(main.column.left.width);
  853.         right: 100%;
  854.         margin-left: -$(main.column.left.width);
  855.       }
  856.  
  857.       .main-inner .column-right-outer {
  858. margin-top:-3px;
  859.         width: $(main.column.right.width);
  860.         margin-right: -$(main.column.right.width);
  861.       }
  862.  
  863.       #layout {
  864.         min-width: 0;
  865.       }
  866.  
  867.       #layout .content-outer {
  868.         min-width: 0;
  869.         width: 800px;
  870.       }
  871.  
  872.       #layout .region-inner {
  873.         min-width: 0;
  874.         width: auto;
  875.       }
  876. .post blockquote {
  877. border-bottom: 4px solid #a664a2; /* cor da borda */
  878. background-color: #cea9cc; /* cor de fundo */
  879. padding: 5px;
  880. font-size: 12px; /* tamanho da fonte */
  881. color: #a664a2; /* cor da fonte */
  882. text-align: justify;
  883. -webkit-border-radius: 20px;
  884. -moz-border-radius: 20px;
  885. border-radius: 20px;
  886. }
  887.       ]]>
  888.     </b:template-skin>
  889. <meta content='569fad65066e887b-2de86d4ac39e71b5-g1ea09108020db8c3-21' name='google-translate-customization'/>
  890. <!-- JavaScript Slider Horizontal - Inicio-->
  891. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
  892. <script type='text/javascript'>
  893. $(document).ready(function() {
  894.  
  895.     //Set Default State of each portfolio piece
  896.     $(&quot;.paging&quot;).show();
  897.     $(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);
  898.        
  899.     //Get size of images, how many there are, then determin the size of the image reel.
  900.     var imageWidth = $(&quot;.window&quot;).width();
  901.     var imageSum = $(&quot;.image_reel img&quot;).size();
  902.     var imageReelWidth = imageWidth * imageSum;
  903.    
  904.     //Adjust the image reel to its new size
  905.     $(&quot;.image_reel&quot;).css({&#39;width&#39; : imageReelWidth});
  906.    
  907.     //Paging + Slider Function
  908.     rotate = function(){  
  909.         var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
  910.         var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
  911.  
  912.         $(&quot;.paging a&quot;).removeClass(&#39;active&#39;); //Remove all active class
  913.         $active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)
  914.        
  915.         //Slider Animation
  916.         $(&quot;.image_reel&quot;).animate({
  917.             left: -image_reelPosition
  918.         }, 500 );
  919.        
  920.     };
  921.    
  922.     //Rotation + Timing Event
  923.     rotateSwitch = function(){      
  924.         play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
  925.             $active = $(&#39;.paging a.active&#39;).next();
  926.             if ( $active.length === 0) { //If paging reaches the end...
  927.                 $active = $(&#39;.paging a:first&#39;); //go back to first
  928.             }
  929.             rotate(); //Trigger the paging and slider function
  930.         }, 7000); //Timer speed in milliseconds (3 seconds)
  931.     };
  932.    
  933.     rotateSwitch(); //Run function on launch
  934.    
  935.     //On Hover
  936.     $(&quot;.image_reel a&quot;).hover(function() {
  937.         clearInterval(play); //Stop the rotation
  938.     }, function() {
  939.         rotateSwitch(); //Resume rotation
  940.     });  
  941.    
  942.     //On Click
  943.     $(&quot;.paging a&quot;).click(function() {  
  944.         $active = $(this); //Activate the clicked paging
  945.         //Reset Timer
  946.         clearInterval(play); //Stop the rotation
  947.         rotate(); //Trigger rotation immediately
  948.         rotateSwitch(); // Resume rotation
  949.         return false; //Prevent browser jump to link anchor
  950.     });  
  951.    
  952. });
  953.  
  954. </script>
  955. <!-- JavaScript Slider Horizonta - Fim-->
  956.  
  957. <script src='http://scarlettjohanssonbr.com/wp-content/uploads/2012/11/gradualfader.js' type='text/javascript'>
  958.  
  959. /***********************************************
  960. * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  961. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  962. * This notice must stay intact for legal use
  963. ***********************************************/
  964.  
  965. </script>
  966.  
  967.   </head>
  968.  
  969.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  970.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  971. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
  972. </b:section>
  973.  
  974.   <div class='body-fauxcolumns'>
  975.     <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  976.     <div class='cap-top'>
  977.       <div class='cap-left'/>
  978.       <div class='cap-right'/>
  979.     </div>
  980.     <div class='fauxborder-left'>
  981.     <div class='fauxborder-right'/>
  982.     <div class='fauxcolumn-inner'>
  983.     </div>
  984.     </div>
  985.     <div class='cap-bottom'>
  986.       <div class='cap-left'/>
  987.       <div class='cap-right'/>
  988.     </div>
  989.     </div>
  990.   </div>
  991.  
  992.   <div class='content'>
  993.   <div class='content-fauxcolumns'>
  994.     <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  995.     <div class='cap-top'>
  996.       <div class='cap-left'/>
  997.       <div class='cap-right'/>
  998.     </div>
  999.     <div class='fauxborder-left'>
  1000.     <div class='fauxborder-right'/>
  1001.     <div class='fauxcolumn-inner'>
  1002.     </div>
  1003.     </div>
  1004.     <div class='cap-bottom'>
  1005.       <div class='cap-left'/>
  1006.       <div class='cap-right'/>
  1007.     </div>
  1008.     </div>
  1009.   </div>
  1010.  
  1011.   <div class='content-outer'>
  1012.   <div class='content-cap-top cap-top'>
  1013.     <div class='cap-left'/>
  1014.     <div class='cap-right'/>
  1015.   </div>
  1016.   <div class='fauxborder-left content-fauxborder-left'>
  1017.   <div class='fauxborder-right content-fauxborder-right'/>
  1018.   <div class='content-inner'>
  1019.  
  1020.     <header>
  1021. <div style='text-align:center; margin-left:auto; margin-right:auto;'>
  1022. <img alt='' border='0' id='Image-Maps_7201208142053013' src='http://1.bp.blogspot.com/-GeblmmWwTKk/UJQWlQg0XPI/AAAAAAAAB8A/yns-TeFb1gY/s1600/header.png' usemap='#Image-Maps_7201208142053013'/>
  1023. <div class='home'>
  1024. <a href='http://amandaseyfriedworld.blogspot.com/'><img class='gradualfader' src='http://i773.photobucket.com/albums/yy20/ceciliacamimura/home_02.png'/></a></div>
  1025. <div class='amanda'>
  1026. <a href='http://amandaseyfriedworld.blogspot.com/p/amanda-seyfried.html'><img class='gradualfader' src='http://i773.photobucket.com/albums/yy20/ceciliacamimura/amanda02.png'/></a></div>
  1027. <div class='projectos'>
  1028. <a href='http://amandaseyfriedworld.blogspot.com/p/projectos.html'><img class='gradualfader' src='http://i773.photobucket.com/albums/yy20/ceciliacamimura/projectos02.png'/></a></div>
  1029. <div class='site'>
  1030. <a href='http://amandaseyfriedworld.blogspot.com/p/sitewww.html'><img class='gradualfader' src='http://i773.photobucket.com/albums/yy20/ceciliacamimura/site02.png'/></a></div>
  1031. <div class='brilho'>
  1032. <img class='gradualfader' src='http://i773.photobucket.com/albums/yy20/ceciliacamimura/teste2-1.png'/></div>
  1033. </div>
  1034.     <div class='header-outer'>
  1035.     <div class='header-cap-top cap-top'>
  1036.       <div class='cap-left'/>
  1037.       <div class='cap-right'/>
  1038.     </div>
  1039.     <div class='fauxborder-left header-fauxborder-left'>
  1040.     <div class='fauxborder-right header-fauxborder-right'/>
  1041.     <div class='region-inner header-inner'>
  1042.       <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'/>
  1043.     </div>
  1044.     </div>
  1045.     <div class='header-cap-bottom cap-bottom'>
  1046.       <div class='cap-left'/>
  1047.       <div class='cap-right'/>
  1048.     </div>
  1049.     </div>
  1050.     </header>
  1051.  
  1052.     <div class='tabs-outer'>
  1053.     <div class='tabs-cap-top cap-top'>
  1054.       <div class='cap-left'/>
  1055.       <div class='cap-right'/>
  1056.     </div>
  1057.     <div class='fauxborder-left tabs-fauxborder-left'>
  1058.     <div class='fauxborder-right tabs-fauxborder-right'/>
  1059.     <div class='region-inner tabs-inner'>
  1060.       <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
  1061. <b:widget id='HTML1' locked='false' title='' type='HTML'/>
  1062. </b:section>
  1063.       <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  1064.     </div>
  1065.     </div>
  1066.     <div class='tabs-cap-bottom cap-bottom'>
  1067.       <div class='cap-left'/>
  1068.       <div class='cap-right'/>
  1069.     </div>
  1070.     </div>
  1071.  
  1072.     <div class='main-outer'>
  1073.     <div class='main-cap-top cap-top'>
  1074.       <div class='cap-left'/>
  1075.       <div class='cap-right'/>
  1076.     </div>
  1077.  
  1078.     <div class='fauxborder-left main-fauxborder-left'>
  1079.     <div class='fauxborder-right main-fauxborder-right'/>
  1080.     <div class='region-inner main-inner'>
  1081.  
  1082.       <div class='columns fauxcolumns'>
  1083.  
  1084.         <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  1085.         <div class='cap-top'>
  1086.           <div class='cap-left'/>
  1087.           <div class='cap-right'/>
  1088.         </div>
  1089.         <div class='fauxborder-left'>
  1090.         <div class='fauxborder-right'/>
  1091.         <div class='fauxcolumn-inner'>
  1092.         </div>
  1093.         </div>
  1094.         <div class='cap-bottom'>
  1095.           <div class='cap-left'/>
  1096.           <div class='cap-right'/>
  1097.         </div>
  1098.         </div>
  1099.  
  1100.         <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  1101.         <div class='cap-top'>
  1102.           <div class='cap-left'/>
  1103.           <div class='cap-right'/>
  1104.         </div>
  1105.         <div class='fauxborder-left'>
  1106.         <div class='fauxborder-right'/>
  1107.         <div class='fauxcolumn-inner'>
  1108.         </div>
  1109.         </div>
  1110.         <div class='cap-bottom'>
  1111.           <div class='cap-left'/>
  1112.           <div class='cap-right'/>
  1113.         </div>
  1114.         </div>
  1115.  
  1116.         <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  1117.         <div class='cap-top'>
  1118.           <div class='cap-left'/>
  1119.           <div class='cap-right'/>
  1120.         </div>
  1121.         <div class='fauxborder-left'>
  1122.         <div class='fauxborder-right'/>
  1123.         <div class='fauxcolumn-inner'>
  1124.         </div>
  1125.         </div>
  1126.         <div class='cap-bottom'>
  1127.           <div class='cap-left'/>
  1128.           <div class='cap-right'/>
  1129.         </div>
  1130.         </div>
  1131.  
  1132.         <!-- corrects IE6 width calculation -->
  1133.         <div class='columns-inner'>
  1134.  
  1135.         <div class='column-center-outer'>
  1136.         <div class='column-center-inner'>
  1137.           <b:section class='main' id='main' showaddelement='no'>
  1138. <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'/>
  1139. </b:section>
  1140.         </div>
  1141.         </div>
  1142.  
  1143.         <div class='column-left-outer'>
  1144.         <div class='column-left-inner'>
  1145.           <aside>
  1146.           <macro:include id='main-column-left-sections' name='sections'>
  1147.             <macro:param default='0' name='num' value='1'/>
  1148.             <macro:param default='sidebar-left' name='idPrefix'/>
  1149.             <macro:param default='sidebar' name='class'/>
  1150.             <macro:param default='true' name='includeBottom'/>
  1151.           </macro:include>
  1152.           </aside>
  1153.         </div>
  1154.         </div>
  1155.  
  1156.         <div class='column-right-outer'>
  1157.         <div class='column-right-inner'>
  1158.           <aside>
  1159.           <macro:include id='main-column-right-sections' name='sections'>
  1160.             <macro:param default='2' name='num' value='0'/>
  1161.             <macro:param default='sidebar-right' name='idPrefix'/>
  1162.             <macro:param default='sidebar' name='class'/>
  1163.             <macro:param default='true' name='includeBottom'/>
  1164.           </macro:include>
  1165.           </aside>
  1166.         </div>
  1167.         </div>
  1168.  
  1169.         </div>
  1170.  
  1171.         <div style='clear: both'/>
  1172.       <!-- columns -->
  1173.       </div>
  1174.  
  1175.     <!-- main -->
  1176.     </div>
  1177.     </div>
  1178.     <div class='main-cap-bottom cap-bottom'>
  1179.       <div class='cap-left'/>
  1180.       <div class='cap-right'/>
  1181.     </div>
  1182.     </div>
  1183.  
  1184.     <footer>
  1185.     </footer>
  1186.  
  1187.   <!-- content -->
  1188.   </div>
  1189.   </div>
  1190.   <div class='content-cap-bottom cap-bottom'>
  1191.     <div class='cap-left'/>
  1192.     <div class='cap-right'/>
  1193.   </div>
  1194.   </div>
  1195.   </div>
  1196.  
  1197.   <script type='text/javascript'>
  1198.     window.setTimeout(function() {
  1199.         document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  1200.       }, 10);
  1201.   </script>
  1202.   <b:include data='blog' name='google-analytics'/>
  1203. <div id='rodape-creditos'>
  1204. <table border='0' cellpadding='5' cellspacing='0' oncontextmenu='return false' ondragstart='return false' width='100%'>
  1205. <tr>
  1206. <td style='width:72%;text-align:CENTER;'>Amanda Seyfried World - 2012. Todos os direitos reservados.<br/>Layout por <a href='http://midgardproductions.blogspot.com.br/'>Cecília Camimura</a> - Código Base desenvolvido por: <a href='http://www.blackoutdesigners.com/' rel='nofollow' target='_blank'>Raphael Cardoso</a>.</td>
  1207. </tr>
  1208. </table>
  1209. </div>
  1210. </body>
  1211. <script type='text/javascript'>
  1212. gradualFader.init() //activate gradual fader
  1213. </script>
  1214. <macro:includable id='sections' var='col'>
  1215.   <macro:if cond='data:col.num == 0'>
  1216.   <macro:else/>
  1217.     <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  1218.  
  1219.     <macro:if cond='data:col.num &gt;= 2'>
  1220.       <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  1221.       <tbody>
  1222.       <tr>
  1223.         <td class='first columns-cell'>
  1224.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  1225.         </td>
  1226.  
  1227.         <td class='columns-cell'>
  1228.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  1229.         </td>
  1230.  
  1231.         <macro:if cond='data:col.num &gt;= 3'>
  1232.           <td class='columns-cell'>
  1233.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  1234.           </td>
  1235.         </macro:if>
  1236.  
  1237.         <macro:if cond='data:col.num &gt;= 4'>
  1238.           <td class='columns-cell'>
  1239.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  1240.           </td>
  1241.         </macro:if>
  1242.       </tr>
  1243.       </tbody>
  1244.       </table>
  1245.  
  1246.       <macro:if cond='data:col.includeBottom'>
  1247.         <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  1248.       </macro:if>
  1249.     </macro:if>
  1250.   </macro:if>
  1251. </macro:includable>
  1252. </html>
RAW Paste Data
Pastebin PRO Summer Special!
Get 40% OFF on Pastebin PRO accounts!
Top