JuuhMayumi

Pink Lay

Jul 24th, 2012
316
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.56 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  6. <b:if cond='data:blog.isMobile'>
  7. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  8. <b:else/>
  9. <meta content='width=1100' name='viewport'/>
  10. </b:if>
  11. <b:include data='blog' name='all-head-content'/>
  12. <title><data:blog.pageTitle/></title>
  13.  
  14. <b:skin><![CDATA[/*
  15. -----------------------------------------------
  16. Blogger Template Style
  17. Name: Travel
  18. Designer: Sookhee Lee
  19. URL: www.plyfly.net
  20. ----------------------------------------------- */
  21.  
  22. /* Variable definitions
  23. ====================
  24. <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#ecb892"/>
  25.  
  26. <Group description="Page Text" selector="body">
  27. <Variable name="body.font" description="Font" type="font"
  28. default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>
  29. <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" value="#666666"/>
  30. </Group>
  31.  
  32. <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  33. <Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="#ecb892"/>
  34. <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="transparent"/>
  35. </Group>
  36.  
  37. <Group description="Links" selector=".main-outer">
  38. <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#ec92c6"/>
  39. <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#b792ec"/>
  40. <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff9900" value="#b792ec"/>
  41. </Group>
  42.  
  43. <Group description="Blog Title" selector=".header h1">
  44. <Variable name="header.font" description="Font" type="font"
  45. default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif"/>
  46. <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff" value="#000000"/>
  47. </Group>
  48.  
  49. <Group description="Blog Description" selector=".header .description">
  50. <Variable name="description.text.color" description="Description Color" type="color"
  51. default="$(body.text.color)" value="#666666"/>
  52. </Group>
  53.  
  54. <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  55. <Variable name="tabs.font" description="Font" type="font"
  56. default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif"/>
  57. <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
  58. <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
  59. </Group>
  60.  
  61. <Group description="Tabs Background" selector=".tabs-outer .PageList">
  62. <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
  63. <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>
  64. </Group>
  65.  
  66. <Group description="Date Header" selector=".main-inner h2.date-header">
  67. <Variable name="date.font" description="Font" type="font"
  68. default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
  69. <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#666666"/>
  70. </Group>
  71.  
  72. <Group description="Post Title" selector="h3.post-title a">
  73. <Variable name="post.title.font" description="Font" type="font"
  74. default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 30px Josefin Sans"/>
  75. <Variable name="post.title.text.color" description="Text Color" type="color"
  76. default="#ffffff" value="#000000"/>
  77. </Group>
  78.  
  79. <Group description="Post Background" selector=".column-center-inner">
  80. <Variable name="post.background.color" description="Background Color" type="color"
  81. default="transparent" value="#ffffff"/>
  82. <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
  83. </Group>
  84.  
  85. <Group description="Gadget Title Color" selector="h2">
  86. <Variable name="widget.title.font" description="Font" type="font"
  87. default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
  88. <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
  89. </Group>
  90.  
  91. <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
  92. <Variable name="widget.font" description="Font" type="font"
  93. default="$(body.font)" value="$(body.font)"/>
  94. <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#cccccc"/>
  95. </Group>
  96.  
  97. <Group description="Gadget Links" selector=".sidebar .widget">
  98. <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="#cccccc"/>
  99. <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#cccccc"/>
  100. <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#ffffff"/>
  101. </Group>
  102.  
  103. <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
  104. <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
  105. <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent" value="transparent"/>
  106. </Group>
  107.  
  108. <Variable name="body.background" description="Body Background" type="background"
  109. color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="$(color) url(http://2.bp.blogspot.com/-hAXbcB5FhVg/UA2lKM_qSWI/AAAAAAAACY8/vPjUMCf09l8/s0/Marshmallow.jpg) repeat scroll top left"/>
  110. <Variable name="content.background" description="Content Background" type="background"
  111. color="$(content.background.color)" default="$(color) none repeat scroll top center" value="transparent none repeat-x scroll top center"/>
  112. <Variable name="comments.background" description="Comments Background" type="background"
  113. default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>
  114.  
  115. <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" value="0"/>
  116. <Variable name="content.imageBorder.top" description="Content Image Border Top" type="url" default="none" value="none"/>
  117.  
  118. <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="0"/>
  119. <Variable name="content.padding" description="Content Padding" type="length" default="20px" value="30px"/>
  120. <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" value="20px"/>
  121.  
  122. <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  123. default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="url(//www.blogblog.com/1kt/travel/bg_black_50.png)"/>
  124. <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
  125. default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="url(//www.blogblog.com/1kt/travel/bg_black_50.png)"/>
  126. <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
  127. default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="url(//www.blogblog.com/1kt/travel/bg_black_50.png)"/>
  128. <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="$(widget.outer.background.gradient)"/>
  129. <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  130. default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  131. <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
  132. <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  133. <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  134. */
  135.  
  136. /* Content
  137. ----------------------------------------------- */
  138. body {
  139. font: $(body.font);
  140. color: $(body.text.color);
  141. background: $(body.background);
  142. }
  143.  
  144. html body .region-inner {
  145. min-width: 0;
  146. max-width: 100%;
  147. width: auto;
  148. }
  149.  
  150. a:link {
  151. color: #1C1C1C; /* Cor do link*/
  152. text-decoration: none;
  153. -webkit-transition: color 0.7s ease-out;-moz-transition:
  154. color 0.7s ease-out;transition: color 0.7s ease-out;
  155. }
  156. a:visited {
  157. color: #9C9C9C; /*Cor dos links visitados*/
  158. text-decoration:none;
  159. filter:alpha(opacity=100);
  160. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  161. }
  162. a:hover {
  163. color: #CD2990; /*Cor do link quando passa o mouse*/
  164. text-decoration:none;
  165. filter:alpha(opacity=100);
  166. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  167. }
  168.  
  169. .content-outer .content-cap-top {
  170. height: $(content.imageBorder.top.space);
  171. background: transparent $(content.imageBorder.top) repeat-x scroll top center;
  172. }
  173.  
  174. .content-outer {
  175. margin: 0 auto;
  176. padding-top: $(content.margin);
  177. }
  178.  
  179. .content-inner {
  180. background: $(content.background);
  181. background-position: left -$(content.imageBorder.top.space);
  182. background-color: $(content.background.color);
  183. padding: $(content.padding);
  184. }
  185.  
  186. .main-inner .date-outer {
  187. margin-bottom: 2em;
  188. }
  189.  
  190. /* Header
  191. ----------------------------------------------- */
  192. .header-inner .Header .titlewrapper,
  193. .header-inner .Header .descriptionwrapper {
  194. padding-left: 10px;
  195. padding-right: 10px;
  196. }
  197.  
  198. .Header h1 {
  199. font: $(header.font);
  200. color: $(header.text.color);
  201. }
  202.  
  203. .Header h1 a {
  204. color: $(header.text.color);
  205. }
  206.  
  207. .Header .description {
  208. font-size: 130%;
  209. }
  210.  
  211. /* Tabs
  212. ----------------------------------------------- */
  213. .tabs-inner {
  214. margin: 1em 0 0;
  215. padding: 0;
  216. }
  217.  
  218. .tabs-inner .section {
  219. margin: 0;
  220. }
  221.  
  222. .tabs-inner .widget ul {
  223. padding: 0;
  224. background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
  225. }
  226.  
  227. .tabs-inner .widget li {
  228. border: none;
  229. }
  230.  
  231. .tabs-inner .widget li a {
  232. display: inline-block;
  233. padding: 1em 1.5em;
  234. color: $(tabs.text.color);
  235. font: $(tabs.font);
  236. }
  237.  
  238. .tabs-inner .widget li.selected a,
  239. .tabs-inner .widget li a:hover {
  240. position: relative;
  241. z-index: 1;
  242. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  243. color: $(tabs.selected.text.color);
  244.  
  245. }
  246. /* Headings
  247. ----------------------------------------------- */
  248. .sidebar h2 {
  249. margin: -2px -1px .65em -1px;
  250. font-family: Tahoma;
  251. line-height: 2.0em;
  252. text-transform: uppercase;
  253. color: #FFFFFF;
  254. background: #FF69B4;
  255. font-size: 15px;
  256. text-align: center;
  257. border-radius: 8px 8px 0 0;
  258. word-spacing:.3em;
  259. }
  260. h2 {
  261. font: $(widget.title.font);
  262. color: $(widget.title.text.color);
  263. }
  264.  
  265. .main-inner h2.date-header {
  266. font:Arial;color: #FFFFFF; /* Cor da Fonte */margin-left: -100px; /*Distância, caso não encoste diminue o número até dar*/background: #FF1493; /* Cor de fundo */float: left;border: 1px dashed #FFFFFF; font-size: 11px; /* Tamanho da fonte */padding: 4px;border-radius:0px 0px 0px 0px;}.main-inner h2.date-header:hover { background: #FF1493;}}
  267. font: $(date.font);
  268. color: $(date.text.color);
  269. }
  270.  
  271. .footer-inner .widget h2,
  272. .sidebar .widget h2 { text-align: center;
  273. padding-bottom: .5em;
  274. }
  275.  
  276. /* Main
  277. ----------------------------------------------- */
  278.  
  279. .main-inner {
  280. padding: $(content.padding) 0;
  281. }
  282.  
  283. .main-inner .column-center-inner {
  284. padding: $(content.posts.padding) 0;
  285. }
  286.  
  287. .main-inner .column-center-inner .section {
  288. margin: 0 $(content.posts.padding);
  289. }
  290.  
  291. .main-inner .column-right-inner {
  292. margin-left: $(content.padding);
  293. }
  294.  
  295. .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  296. margin-left: $(content.padding);
  297.  
  298. }
  299.  
  300. .main-inner .column-left-inner {
  301. margin-right: $(content.padding);
  302. }
  303.  
  304. .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  305. margin-right: $(content.padding);
  306. background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  307. }
  308.  
  309. .main-inner .column-left-inner,
  310. .main-inner .column-right-inner {
  311. padding: 15px 0;
  312. }
  313.  
  314. /* Posts
  315. ----------------------------------------------- */
  316. h3.post-title {
  317. text-align:center;
  318. }
  319.  
  320. h3.post-title {
  321. margin-top: 20px;
  322. }
  323.  
  324. h3.post-title a {
  325. font: $(post.title.font);
  326. color: $(post.title.text.color);
  327. }
  328.  
  329. h3.post-title a:hover {
  330. text-decoration: underline;
  331. }
  332.  
  333. .main-inner .column-center-outer {
  334. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  335. _background-image: none;
  336. }
  337.  
  338. .post-body {
  339.  
  340. line-height: 1.4;
  341. position: relative;
  342. }
  343. .post img {
  344. -moz-border-radius: 8px;
  345. -webkit-boder-radius: 8px;
  346. border-radius: 8px;
  347. }
  348.  
  349. .post-header {
  350. margin: 0 0 1em;
  351.  
  352. line-height: 1.6;
  353. }
  354.  
  355. .post-footer {
  356. margin: .5em 0;
  357. line-height: 1.6;
  358. }
  359.  
  360. #blog-pager {
  361. font-size: 140%;
  362. }
  363.  
  364. #comments {
  365. background: $(comments.background);
  366. padding: 15px;
  367. }
  368.  
  369. #comments .comment-author {
  370. padding-top: 1.5em;
  371. }
  372.  
  373. #comments h4,
  374. #comments .comment-author a,
  375. #comments .comment-timestamp a {
  376. color: $(post.title.text.color);
  377. }
  378.  
  379. #comments .comment-author:first-child {
  380. padding-top: 0;
  381. border-top: none;
  382. }
  383.  
  384. .avatar-image-container {
  385. margin: .2em 0 0;
  386. -webkit-border-radius: 20px;
  387. -moz-border-radius: 20px;
  388. border-radius: 20px;
  389. }
  390.  
  391. /* Comments
  392. ----------------------------------------------- */
  393. #comments a {
  394. color: $(post.title.text.color);
  395. }
  396.  
  397. .comments .comments-content .icon.blog-author {
  398. background-repeat: no-repeat;
  399. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  400. }
  401.  
  402. .comments .comments-content .loadmore a {
  403. border-top: 1px solid $(post.title.text.color);
  404. border-bottom: 1px solid $(post.title.text.color);
  405. }
  406.  
  407. .comments .comment-thread.inline-thread {
  408. background: $(post.background.color);
  409. }
  410.  
  411. .comments .continue {
  412. border-top: 2px solid $(post.title.text.color);
  413. }
  414.  
  415.  
  416. /* Widgets
  417. ----------------------------------------------- */
  418. .sidebar .widget {
  419. border-bottom: 2px solid $(widget.border.bevel.color);
  420. padding-bottom: 10px;
  421. margin: 10px 0;
  422. Background: #fff; /*Cor do fundo do gadget */
  423.  
  424. }
  425.  
  426. .sidebar .widget:first-child {
  427. margin-top: 0;
  428. }
  429.  
  430. .sidebar .widget:last-child {
  431. border-bottom: none;
  432. margin-bottom: 0;
  433. padding-bottom: 0;
  434. }
  435.  
  436. .footer-inner .widget,
  437. .sidebar .widget {
  438. font: $(widget.font);
  439. color: $(widget.text.color);
  440. }
  441.  
  442.  
  443. .sidebar .widget a:link {
  444. color: $(widget.link.color);
  445. text-decoration: none;
  446. }
  447.  
  448. .sidebar .widget a:visited {
  449. color: $(widget.link.visited.color);
  450. }
  451.  
  452. .sidebar .widget a:hover {
  453. color: $(widget.link.color);
  454. text-decoration: underline;
  455. }
  456.  
  457. .footer-inner .widget a:link {
  458. color: $(link.color);
  459. text-decoration: none;
  460. }
  461.  
  462. .footer-inner .widget a:visited {
  463. color: $(link.visited.color);
  464. }
  465.  
  466. .footer-inner .widget a:hover {
  467. color: $(link.color);
  468. text-decoration: underline;
  469. }
  470.  
  471. .widget .zippy {
  472. color: $(widget.alternate.text.color);
  473. }
  474.  
  475. .footer-inner {
  476. background: transparent $(footer.background.gradient) repeat scroll top center;
  477. }
  478.  
  479. /* Mobile
  480. ----------------------------------------------- */
  481. body.mobile {
  482. padding: 0 10px;
  483. background-size: 100% auto;
  484. }
  485.  
  486. body.mobile .AdSense {
  487. margin: 0 -10px;
  488. }
  489.  
  490. .mobile .body-fauxcolumn-outer {
  491. background: $(mobile.background.overlay);
  492. }
  493.  
  494. .mobile .footer-inner .widget a:link {
  495. color: $(widget.link.color);
  496. text-decoration: none;
  497. }
  498.  
  499. .mobile .footer-inner .widget a:visited {
  500. color: $(widget.link.visited.color);
  501. }
  502.  
  503. .mobile-post-outer a {
  504. color: $(post.title.text.color);
  505. }
  506.  
  507. .mobile-link-button {
  508. background-color: $(link.color);
  509. }
  510.  
  511. .mobile-link-button a:link, .mobile-link-button a:visited {
  512. color: $(mobile.button.color);
  513. }
  514.  
  515. .mobile-index-contents {
  516. color: $(body.text.color);
  517. }
  518.  
  519. .mobile .tabs-inner .PageList .widget-content {
  520. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  521. color: $(tabs.selected.text.color);
  522. }
  523.  
  524. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  525. border-$startSide: 1px solid $(tabs.selected.text.color);
  526. }
  527.  
  528.  
  529. .elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;
  530. box-shadow: 2px 1px 2px #909090;
  531. }
  532. .elite:hover{-webkit-transform: rotate(360deg);}
  533.  
  534.  
  535. /*** Rolagem da Vertical da Página ***/
  536. ::-webkit-scrollbar-thumb:vertical {
  537. background: #ff0f72; /*Cor da barrinha que se move*/
  538. border: 1px solid #bgh; /*Coloque borda se quiser*/
  539. height:50px;
  540.  
  541. border-radius: 20px;
  542. -moz-border-radius: 20px;
  543. -webkit-border-radius: 20px;
  544.  
  545. }
  546. /*** Rolagem da Horizontal da Página***/
  547. ::-webkit-scrollbar-thumb:horizontal {
  548. background-color:#fff; /*Cor da barrinha que se move*/
  549. border: 1px solid #bgh; /*Coloque borda se quiser*/
  550. height:10px;
  551.  
  552. border-radius: 20px;
  553. -moz-border-radius: 20px;
  554. -webkit-border-radius: 20px;
  555.  
  556. }
  557. /*** Parte fixa da rolagem (fundo que não se move) ***/
  558. ::-webkit-scrollbar {
  559. height:10px;
  560. width:15px; /*Largura da barra de rolagem*/
  561. background: #fff; /*Cor da parte fixa, que fica no mundo*/
  562. border: 1px solid #bgh; /*Coloque borda se quiser*/
  563. }
  564.  
  565.  
  566. #navbar-iframe {
  567. opacity:0;
  568. -webkit-transition: all 1s ease;
  569. -moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
  570. }
  571. #navbar-iframe:hover {
  572. opacity:1;
  573.  
  574.  
  575.  
  576. ]]></b:skin>
  577.  
  578. <b:template-skin>
  579. <b:variable default='960px' name='content.width' type='length' value='960px'/>
  580. <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  581. <b:variable default='310px' name='main.column.right.width' type='length' value='330px'/>
  582.  
  583. <![CDATA[
  584. body {
  585. min-width: $(content.width);
  586. }
  587.  
  588. .content-outer, .content-fauxcolumn-outer, .region-inner {
  589. min-width: $(content.width);
  590. max-width: $(content.width);
  591. _width: $(content.width);
  592. }
  593.  
  594. .main-inner .columns {
  595. padding-left: $(main.column.left.width);
  596. padding-right: $(main.column.right.width);
  597. }
  598.  
  599. .main-inner .fauxcolumn-center-outer {
  600. left: $(main.column.left.width);
  601. right: $(main.column.right.width);
  602. /* IE6 does not respect left and right together */
  603. _width: expression(this.parentNode.offsetWidth -
  604. parseInt("$(main.column.left.width)") -
  605. parseInt("$(main.column.right.width)") + 'px');
  606. }
  607.  
  608. .main-inner .fauxcolumn-left-outer {
  609. width: $(main.column.left.width);
  610. }
  611.  
  612. .main-inner .fauxcolumn-right-outer {
  613. width: $(main.column.right.width);
  614. }
  615.  
  616. .main-inner .column-left-outer {
  617. width: $(main.column.left.width);
  618. right: 100%;
  619. margin-left: -$(main.column.left.width);
  620. }
  621.  
  622. .main-inner .column-right-outer {
  623. width: $(main.column.right.width);
  624. margin-right: -$(main.column.right.width);
  625. }
  626.  
  627. #layout {
  628. min-width: 0;
  629. }
  630.  
  631. #layout .content-outer {
  632. min-width: 0;
  633. width: 800px;
  634. }
  635.  
  636. #layout .region-inner {
  637. min-width: 0;
  638. width: auto;
  639. }
  640. ]]>
  641. </b:template-skin>
  642. </head>
  643.  
  644. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  645. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  646. <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  647. <meta expr:content='data:blog.title' itemprop='name'/>
  648. <b:if cond='data:blog.metaDescription'>
  649. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  650. </b:if>
  651. </div>
  652. </b:if>
  653.  
  654. <div class='body-fauxcolumns'>
  655. <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  656. <div class='cap-top'>
  657. <div class='cap-left'/>
  658. <div class='cap-right'/>
  659. </div>
  660. <div class='fauxborder-left'>
  661. <div class='fauxborder-right'/>
  662. <div class='fauxcolumn-inner'>
  663. </div>
  664. </div>
  665. <div class='cap-bottom'>
  666. <div class='cap-left'/>
  667. <div class='cap-right'/>
  668. </div>
  669. </div>
  670. </div>
  671.  
  672. <div class='content'>
  673. <div class='content-fauxcolumns'>
  674. <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  675. <div class='cap-top'>
  676. <div class='cap-left'/>
  677. <div class='cap-right'/>
  678. </div>
  679. <div class='fauxborder-left'>
  680. <div class='fauxborder-right'/>
  681. <div class='fauxcolumn-inner'>
  682. </div>
  683. </div>
  684. <div class='cap-bottom'>
  685. <div class='cap-left'/>
  686. <div class='cap-right'/>
  687. </div>
  688. </div>
  689. </div>
  690.  
  691. <div class='content-outer'>
  692. <div class='content-cap-top cap-top'>
  693. <div class='cap-left'/>
  694. <div class='cap-right'/>
  695. </div>
  696. <div class='fauxborder-left content-fauxborder-left'>
  697. <div class='fauxborder-right content-fauxborder-right'/>
  698. <div class='content-inner'>
  699.  
  700. <header>
  701. <div class='header-outer'>
  702. <div class='header-cap-top cap-top'>
  703. <div class='cap-left'/>
  704. <div class='cap-right'/>
  705. </div>
  706. <div class='fauxborder-left header-fauxborder-left'>
  707. <div class='fauxborder-right header-fauxborder-right'/>
  708. <div class='region-inner header-inner'>
  709. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  710. <b:widget id='Header1' locked='true' title='Pink Lay (Cabeçalho)' type='Header'/>
  711. </b:section>
  712. </div>
  713. </div>
  714. <div class='header-cap-bottom cap-bottom'>
  715. <div class='cap-left'/>
  716. <div class='cap-right'/>
  717. </div>
  718. </div>
  719. </header>
  720.  
  721. <div class='tabs-outer'>
  722. <div class='tabs-cap-top cap-top'>
  723. <div class='cap-left'/>
  724. <div class='cap-right'/>
  725. </div>
  726. <div class='fauxborder-left tabs-fauxborder-left'>
  727. <div class='fauxborder-right tabs-fauxborder-right'/>
  728. <div class='region-inner tabs-inner'>
  729. <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
  730. <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  731. </div>
  732. </div>
  733. <div class='tabs-cap-bottom cap-bottom'>
  734. <div class='cap-left'/>
  735. <div class='cap-right'/>
  736. </div>
  737. </div>
  738.  
  739. <div class='main-outer'>
  740. <div class='main-cap-top cap-top'>
  741. <div class='cap-left'/>
  742. <div class='cap-right'/>
  743. </div>
  744.  
  745. <div class='fauxborder-left main-fauxborder-left'>
  746. <div class='fauxborder-right main-fauxborder-right'/>
  747. <div class='region-inner main-inner'>
  748.  
  749. <div class='columns fauxcolumns'>
  750.  
  751. <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  752. <div class='cap-top'>
  753. <div class='cap-left'/>
  754. <div class='cap-right'/>
  755. </div>
  756. <div class='fauxborder-left'>
  757. <div class='fauxborder-right'/>
  758. <div class='fauxcolumn-inner'>
  759. </div>
  760. </div>
  761. <div class='cap-bottom'>
  762. <div class='cap-left'/>
  763. <div class='cap-right'/>
  764. </div>
  765. </div>
  766.  
  767. <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  768. <div class='cap-top'>
  769. <div class='cap-left'/>
  770. <div class='cap-right'/>
  771. </div>
  772. <div class='fauxborder-left'>
  773. <div class='fauxborder-right'/>
  774. <div class='fauxcolumn-inner'>
  775. </div>
  776. </div>
  777. <div class='cap-bottom'>
  778. <div class='cap-left'/>
  779. <div class='cap-right'/>
  780. </div>
  781. </div>
  782.  
  783. <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  784. <div class='cap-top'>
  785. <div class='cap-left'/>
  786. <div class='cap-right'/>
  787. </div>
  788. <div class='fauxborder-left'>
  789. <div class='fauxborder-right'/>
  790. <div class='fauxcolumn-inner'>
  791. </div>
  792. </div>
  793. <div class='cap-bottom'>
  794. <div class='cap-left'/>
  795. <div class='cap-right'/>
  796. </div>
  797. </div>
  798.  
  799. <!-- corrects IE6 width calculation -->
  800. <div class='columns-inner'>
  801.  
  802. <div class='column-center-outer'>
  803. <div class='column-center-inner'>
  804. <b:section class='main' id='main' showaddelement='no'>
  805. <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
  806. </b:section>
  807. </div>
  808. </div>
  809.  
  810. <div class='column-left-outer'>
  811. <div class='column-left-inner'>
  812. <aside>
  813. <macro:include id='main-column-left-sections' name='sections'>
  814. <macro:param default='0' name='num' value='0'/>
  815. <macro:param default='sidebar-left' name='idPrefix'/>
  816. <macro:param default='sidebar' name='class'/>
  817. <macro:param default='true' name='includeBottom'/>
  818. </macro:include>
  819. </aside>
  820. </div>
  821. </div>
  822.  
  823. <div class='column-right-outer'>
  824. <div class='column-right-inner'>
  825. <aside>
  826. <macro:include id='main-column-right-sections' name='sections'>
  827. <macro:param default='2' name='num' value='1'/>
  828. <macro:param default='sidebar-right' name='idPrefix'/>
  829. <macro:param default='sidebar' name='class'/>
  830. <macro:param default='true' name='includeBottom'/>
  831. </macro:include>
  832. </aside>
  833. </div>
  834. </div>
  835.  
  836. </div>
  837.  
  838. <div style='clear: both'/>
  839. <!-- columns -->
  840. </div>
  841.  
  842. <!-- main -->
  843. </div>
  844. </div>
  845. <div class='main-cap-bottom cap-bottom'>
  846. <div class='cap-left'/>
  847. <div class='cap-right'/>
  848. </div>
  849. </div>
  850.  
  851. <footer>
  852. <div class='footer-outer'>
  853. <div class='footer-cap-top cap-top'>
  854. <div class='cap-left'/>
  855. <div class='cap-right'/>
  856. </div>
  857. <div class='fauxborder-left footer-fauxborder-left'>
  858. <div class='fauxborder-right footer-fauxborder-right'/>
  859. <div class='region-inner footer-inner'>
  860. <macro:include id='footer-sections' name='sections'>
  861. <macro:param default='2' name='num' value='1'/>
  862. <macro:param default='footer' name='idPrefix'/>
  863. <macro:param default='foot' name='class'/>
  864. <macro:param default='false' name='includeBottom'/>
  865. </macro:include>
  866. <!-- outside of the include in order to lock Attribution widget -->
  867. <b:section class='foot' id='footer-3' showaddelement='no'>
  868. <b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
  869. </b:section>
  870. </div>
  871. </div>
  872. <div class='footer-cap-bottom cap-bottom'>
  873. <div class='cap-left'/>
  874. <div class='cap-right'/>
  875. </div>
  876. </div>
  877. </footer>
  878.  
  879. <!-- content -->
  880. </div>
  881. </div>
  882. <div class='content-cap-bottom cap-bottom'>
  883. <div class='cap-left'/>
  884. <div class='cap-right'/>
  885. </div>
  886. </div>
  887. </div>
  888.  
  889. <script type='text/javascript'>
  890. window.setTimeout(function() {
  891. document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  892. }, 10);
  893. </script>
  894. <b:include data='blog' name='google-analytics'/>
  895. </body>
  896.  
  897. <macro:includable id='sections' var='col'>
  898. <macro:if cond='data:col.num == 0'>
  899. <macro:else/>
  900. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  901.  
  902. <macro:if cond='data:col.num &gt;= 2'>
  903. <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  904. <tbody>
  905. <tr>
  906. <td class='first columns-cell'>
  907. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  908. </td>
  909.  
  910. <td class='columns-cell'>
  911. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  912. </td>
  913.  
  914. <macro:if cond='data:col.num &gt;= 3'>
  915. <td class='columns-cell'>
  916. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  917. </td>
  918. </macro:if>
  919.  
  920. <macro:if cond='data:col.num &gt;= 4'>
  921. <td class='columns-cell'>
  922. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  923. </td>
  924. </macro:if>
  925. </tr>
  926. </tbody>
  927. </table>
  928.  
  929. <macro:if cond='data:col.includeBottom'>
  930. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  931. </macro:if>
  932. </macro:if>
  933. </macro:if>
  934. </macro:includable>
  935.  
  936. <b:section-contents id='sidebar-right-1'>
  937. <b:widget id='Text1' locked='false' title='Welcome ♕' type='Text'/>
  938. <b:widget id='HTML1' locked='false' title='Menu ♕' type='HTML'/>
  939. <b:widget id='HTML2' locked='false' title='Afiliados ♕' type='HTML'/>
  940. <b:widget id='Followers1' locked='false' title='Seguidores ♕' type='Followers'/>
  941. <b:widget id='Label1' locked='false' title='Tags ♕' type='Label'/>
  942. <b:widget id='BlogArchive1' locked='false' title='Arquivo ♕' type='BlogArchive'/>
  943. <b:widget id='Text2' locked='false' title='Créditos ♕' type='Text'/>
  944. </b:section-contents><b:section-contents id='footer-1'/></html>
Add Comment
Please, Sign In to add comment