Advertisement
lubarichello

Skinny Love - Romione

Jun 25th, 2012
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.14 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <meta name="color:Background" content="#000" />
  5. <meta name="color:Text" content="#000000" />
  6. <meta name="color:Title" content="#000000" />
  7. <meta name="color:sidebar" content="#ffffff" />
  8. <meta name="color:post" content="#ffffff" />
  9. <meta name="color:visited" content="#fff" />
  10. <meta name="color:link" content="#999999" />
  11. <meta name="color:hover" content="#DDA4A5" />
  12. <meta name="color:active" content="#AE3E52" />
  13. <meta name="color:border" content="#eee" />
  14. <meta name="text:link1 title" content="Home" />
  15. <meta name="text:link1" content="/" />
  16. <meta name="text:link2 title" content="Message" />
  17. <meta name="text:link2" content="/ask" />
  18. <meta name="text:link3 title" content="Submit" />
  19. <meta name="text:link3" content="/submit" />
  20. <meta name="text:link4 title" content="Archive" />
  21. <meta name="text:link4" content="/archive" />
  22. <meta name="text:link5 title" content="Link" />
  23. <meta name="text:link5" content="/" />
  24. <meta name="text:link6 title" content="Link" />
  25. <meta name="text:link6" content="/" />
  26. <meta name="color:pattern" content="#FFF" />
  27. <meta name="color:Scrollbar" content"#FFF">
  28. <meta name="color:background link" content"#FFF">
  29. <meta name="color:post" content="#ffffff" />
  30.  
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:sidebar2" content=""/>
  33. <meta name="image:sidebar3" content=""/>
  34. <meta name="image:sidebar4" content=""/>
  35. <meta name="image:background" content""/>
  36.  
  37. <!-- DEFAULT VARIABLES -->
  38. <script type="text/javascript">
  39. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  40. </script>
  41. <title>{title}</title>
  42. <link rel="shortcut icon" href="{favicon}" />
  43.  
  44. <style>
  45. /*** body***/
  46.  
  47. body {background: {color:background} url('{image:background}'); font: 9.5px Times New Roman; text-align:justify; color: {color:text};background-attachment:fixed; background-repeat: repeat;}
  48.  
  49.  
  50. #spic {width:200px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; opacity:.9; z-index:1000; }
  51.  
  52.  
  53.  
  54.  
  55.      #spic:hover{opacity:0}
  56.      .desc{margin-top:-175px; }
  57.  
  58. /*** pagina ***/
  59.  
  60. #page {width: 876px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;}
  61.  
  62. /*** tamanho dos posts ***/
  63.  
  64. #posts { top: 50px; left: 500px; width:562px; position: absolute; margin-top:0px;}
  65.  
  66. /***  Tamanho da sidebar ***/
  67.  
  68. #side {width:227px; text-align: left; position: fixed; margin-top: 150px; left:150px;}
  69.  
  70.  
  71. /*** caixas dos post e sidebar ***/
  72.  
  73. .boxhl { background: {color:background}; margin-bottom: 0px;  padding: 0px;  text-align: normal; border: 0px solid {color:border} ;}
  74. .boxsidebar { background: {color:sidebar}; padding: 10px; margin-bottom: 20px; left:5px;}
  75.  
  76. /*** Titulo dos posts ***/
  77. h1 {color: {color:text}; font-family: 'Monotype Corsiva'; font-size:18px; line-height:20px; font-weight:oblique; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; border-bottom: 2px solid {color:border};}
  78.  
  79. /*** Titulo do menu ***/
  80. h2 {color: #fff; font-family:'Arial'; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  81.  
  82. /*** listinha ***/
  83. .lista { display: block; background-color: transparent; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #000; padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left: 2px; margin-right: 2px; }
  84.  
  85.  
  86.  
  87. /*** ask ***/
  88. .bubble {align:right;background: #eee; margin:5px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  89. .bubble p {margin:1px 0px;}
  90. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  91. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  92.  
  93. /*** links ***/
  94.  
  95. #linkage{
  96. background-color:{color:Background 2};
  97. width:105px;
  98. position:fixed;
  99. top:100px;
  100. margin-left:70px;
  101. border-right:2px solid {color:Border};
  102. padding:10px 0px 10px 0px;}
  103.  
  104.  
  105. #linkage img{
  106. border:6px solid {color:Border};
  107. text-align:center;
  108. opacity:.85;
  109. -webkit-border-top-right-radius: 9px;
  110. -webkit-border-bottom-left-radius: 9px;
  111. -moz-border-radius-topright: 9px;
  112. -moz-border-radius-bottomleft: 9px;
  113. border-top-right-radius: 9px;
  114. border-bottom-left-radius: 9px;
  115. -webkit-transition-duration: .90s;
  116.  
  117. }
  118. #linkage img:hover{
  119. -webkit-border-top-left-radius: 9px;
  120. -webkit-border-bottom-right-radius: 9px;
  121. -moz-border-radius-topleft: 9px;
  122. -moz-border-radius-bottomright: 9px;
  123. border-top-left-radius: 9px;
  124. border-bottom-right-radius: 9px;
  125. -webkit-border-top-right-radius: 0px;
  126. -webkit-border-bottom-left-radius: 0px;
  127. -moz-border-radius-topright: 0px;
  128. -moz-border-radius-bottomleft: 0px;
  129. border-top-right-radius: 0px;
  130. border-bottom-left-radius: 0px;}
  131.  
  132.  
  133.  
  134. #linkage a{width:70px; font-family: Medici Text; line-height:10px; overflow:hidden; display: block; text-align:center; font-style:italic; letter-spacing:1px; margin-bottom:-15px; padding:2px 10px 2px 10px; text-transform:lowercase; background-color:transparent;  border-left:1px solid {color:nav};}
  135.  
  136.  
  137.  
  138. #linkage a:hover {width:70px;color:#c89898;background-color:transparent; border-left:16px solid {color:border}; border-bottom:0px solid ; -webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; padding-left: 20px;}
  139.  
  140.  
  141.  
  142. #linkage2 a:hover {width:70px;color:{color:active}; background-color:transparent; border-left:10px solid {color:border}; border-bottom:0px solid ; -webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; padding-left: 15px;}
  143.  
  144. #linkage2 a{font-family: Bell MT; text-transform:normal; background-color:{color:background link}; text-align:center; position: fixed; width: 70px;}
  145.  
  146.  
  147. /*** blockquote***/
  148.  
  149. blockquote {border-left: 0px solid #000; font-family: URW Chancery L; color: {color:text} ; padding: 2px 2px 2px 6px; margin: 2px; line-height: 14px; background: {color:background} ;}
  150.  
  151.  /***menu***/
  152. nav {font-family: verdana; letter-spacing: 1px; font-size: 11px; line-height: 10px; display: inline-block; background:#fff; color:#000; width: 110px; float: left; padding: 5px; margin: 1px; text-align: center; text-transform: capitalize;}
  153.  
  154. nav:hover {background:#000000; color:#000000;}
  155.  
  156. p.oblique {letter-spacing:0px; font-size:20px; text-transform:normal; font-family: 'Script MT Bold'; color: {color:title}; width:100%; text-align:left; position:fixed; line-height:65%; border-bottom:0.5px dashed {color:title}; padding-top:0px; margin-bottom:20px;}
  157.  
  158.  
  159. a:visited {
  160.     color: {color:visited};
  161.     text-decoration: none;
  162. }
  163. a:link {
  164.     color: {color:link};
  165.     text-decoration: none;
  166. }
  167. a:hover {
  168.     color: {color:hover};
  169.     text-decoration: none;
  170. }
  171. a:active {
  172.     color: {color:active};
  173.     text-decoration: none;
  174. }
  175. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px;}
  176. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:10px!important;}
  177. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:10px;}
  178. ::-moz-selection {background-color:transparent; color:{color:Link};}
  179. ::selection {background-color:transparent; color:{color:link};}      
  180.  
  181. img{
  182. margin: 1px;
  183. border: none;
  184. filter: alpha(opacity=75);
  185. moz-opacity:.80;
  186. opacity:.80 ;
  187. -webkit-transition-duration: .50s;
  188. }
  189. img:hover{
  190. margin: 1px;
  191. border: none;
  192. filter: alpha(opacity=100);
  193. moz-opacity:1.0;
  194. opacity:1.0;
  195. }                    
  196. </style>
  197.  
  198.  
  199. </head>
  200. <body>
  201.  
  202.  
  203.  
  204.  
  205.  
  206. <div id="side">
  207.  
  208. <div class="boxsidebar">
  209.  
  210. <div id="pies" align="center">
  211.  
  212. <div id="foto" align="justify"><img src="{image:sidebar}" width="100px" height="100px"/> <img src="{image:sidebar2}" width="100px" height="100px"/><br> <img src="{image:sidebar3}" width="100px" height="100px"/> <img src="{image:sidebar4}" width="100px" height="100px"/> </div>
  213.  
  214. <div id="pag" align="justify">
  215. <!--
  216.  
  217. <div id="pag" align="center">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>  {/block:PreviousPage} {CurrentPage}/{TotalPages}
  218. {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}
  219. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>  {/block:PreviousPage} {CurrentPage}/{TotalPages}
  220. {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>--></div>
  221. </div></div>
  222.  
  223. <div style="text-align:center;padding:0px 0px 0px 0px;">{Description}
  224. </div><br>
  225. </div>
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232. <br />
  233.  
  234. <div id="pies" align="center">
  235. {block:ifSidebar1100pxImage}
  236. <div style="float:left;">
  237.  
  238. </div>
  239. {block:ifSidebar2100pxImage}
  240. <div style="float:right;">
  241. <img src="{image:Sidebar 2 100px}" width="100px" style="padding-bottom:5px; -webkit-border-top-right-radius: 11px; -moz-border-radius-topright: 11px; border-top-right-radius: 11px;"/>
  242. </div>
  243. {/block:ifSidebar2100pxImage}
  244. {/block:ifSidebar1100pxImage}
  245.  </div></div>
  246. </div></div></div>
  247. </div>
  248. </div>
  249.  
  250.    
  251.    
  252.    
  253.  
  254. <br>
  255. </div>
  256.  
  257. </div><!--<div id="linkage2">
  258.  
  259.  
  260. <a href="{text:link1}" > {text:link1 title} </a> <br>
  261. <a href="{text:link2}" > {text:link2 title} </a> <br>
  262. <a href="{text:link3}" > {text:link3 title} </a> <br>
  263. <a href="{text:link4}" > {text:link4 title} </a> <br>
  264. <a href="{text:link5}" > {text:link5 title} </a> <br>
  265. <a href="{text:link6}" > {text:link6 title} </a> <br>
  266. </div>-->
  267. <div id="linkage2"><div style="margin-top: 140px; margin-left: 370px;">
  268. <a href="{text:link1}">{text:link1 title}</a> <br>
  269. <a href="{text:link2}">{text:link2 title}</a> <br>
  270. <a href="{text:link3}">{text:link3 title}</a> <br>
  271. <a href="{text:link4}">{text:link4 title}</a> <br>
  272. <a href="{text:link5}">{text:link5 title}</a> <br>
  273. <a href="{text:link6}">{text:link6 title}</a></center></div></div>
  274. <div id="paginacaoml"><div style="margin-top:30px; margin-left:395px; position:fixed;"> {block:JumpPagination length="3"}{block:CurrentPage}<span class="pagina_atual"> {PageNumber}  </span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber} </a>{/block:JumpPage}
  275. {/block:JumpPagination}
  276. </div></div></div></div>
  277. <div id="pies" align="center">
  278.  
  279. <div id="posts">
  280. <div id="liuc">
  281.  
  282. {block:Posts}
  283. <div class="boxhl">
  284.  
  285. {block:Text}
  286. {block:Title}
  287. <h1>{Title}</h1>
  288. {/block:Title}
  289. {Body}
  290. {/block:Text}
  291.  
  292. {block:Photo}
  293. <center><img src="{PhotoURL-500}"width="550px"alt="{PhotoAlt}" /></center>
  294. {block:Caption}
  295. <div class="caption">{Caption}</div>
  296. {/block:Caption}
  297. {/block:Photo}
  298.  
  299. {block:Photoset}
  300. <center>{Photoset-500}</center>
  301. {block:Caption}
  302. <div class="caption">{Caption}</div>
  303. {/block:Caption}
  304. {/block:Photoset}
  305.  
  306. {block:Quote}
  307. <h1>{Quote}</h1>
  308. {block:Source}
  309. <div class="source"><div style="text-align: right">— {Source}</div></div>
  310. {/block:Source}
  311. {/block:Quote}
  312.  
  313. {block:Link}
  314. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  315. {block:Description}
  316. <div class="description">{Description}</div>
  317. {/block:Description}
  318. {/block:Link}
  319.  
  320. {block:Chat}
  321. {block:Title}
  322. {Title}
  323. {/block:Title}
  324. <ul class="chat">
  325. {block:Lines}
  326. {block:Label}
  327. <span class="label"><b>{Label}</b></span>
  328. {/block:Label}
  329. {Line}<br>
  330. {/block:Lines}
  331. </ul>
  332. {/block:Chat}
  333.  
  334. {block:Video}
  335. {Video-500}
  336. {block:Caption}
  337. <div class="caption">{Caption}</div>
  338. {/block:Caption}
  339. {/block:Video}
  340.  
  341. {block:Audio}
  342. {AudioPlayerBlack}
  343. {block:Caption}
  344. <div class="caption">{Caption}</div>
  345. {/block:Caption}
  346. {/block:Audio}
  347.  
  348. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} <b>disse:</b> {Question}&nbsp;</div>{Answer}{/block:Answer}
  349.  
  350. <div style="text-align: right">{block:HasTags}{block:Tags}&nbsp;#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a>
  351. <div class="divdate"><a href="{Permalink}"> {TimeAgo} | </a><a href="{Permalink}">{NoteCount} ♥  </a>  {block:RebloggedFrom}<a href="{ReblogParentURL}">| Via</a>{/block:RebloggedFrom}   {block:ContentSource}<a href="{SourceURL}" target=blank>| source |</a>{/block:ContentSource}  <a href="{ReblogURL}";" target="_blank">┌→ <br>
  352.  ←┘ </a></div> </div>
  353.  
  354. </div><br>
  355. {/block:Posts}
  356.  
  357.  
  358.  
  359.  
  360. </div><br>
  361.  
  362.  
  363.  
  364. </div></div></div></div></div>
  365. <div id="01" style="display:none">
  366. <div style="position:absolute; width: 560px; left:0px; top:0px; position: absolute; text-align: right;" >
  367. <div class="boxhl">
  368.  
  369.  
  370. </div></div></div>
  371.  
  372. <div id="02" style="display:none">
  373. <div style="position:absolute; width: 560px; left:0px; top:0px; position: absolute; text-align: right;" >
  374. <div class="boxhl">
  375.  
  376.  
  377. </div></div></div>
  378.  
  379. </div></div></div></div></div></div></div></div></div></div></div></div>
  380.  
  381.  
  382. <div style="position:fixed; margin-left: 0px; bottom:5px; width:290px; text-align:left; font:11px Open Sans Condensed; color:#cecacf!important; text-transform:uppercase;"><a href="http://d-art-ness.tumblr.com" target="_blank" style="color:#bebabf;">theme by d-art-ness</a></div>
  383. </body>
  384. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement