Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

THEME 1

By: subordinavel on May 11th, 2012  |  syntax: None  |  size: 17.35 KB  |  hits: 147  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-- THEME BY SUBORDINAVEL. BESE PORM-ETALHEART. NÃO RETIRE OS CRÉDITOS DE MANEIRA ALGUMA -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9.  
  10. <head>
  11.  
  12. <script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  15. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  16.  
  17.  
  18.  
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21. <meta name="color:background" content="#f8f8f8" />
  22. <meta name="color:link" content="#000000" />
  23. <meta name="color:hover" content="#ffffff" />
  24. <meta name="color:scroll" content="#000000" />
  25. <meta name="color:sidebar" content="#fff" />
  26. <meta name="color:text" content="#000000" />
  27. <meta name="color:post" content="#ffffff" />
  28. <meta name="color:textlinks" content="#000000" />
  29. <meta name="color:bglinks" content="#ffffff" />
  30. <meta name="color:textlinkshover" content="#ffffff" />
  31. <meta name="color:bglinkshover" content="#000000" />
  32. <meta name="color:tiracolor" content="#ffffff" />
  33.  
  34.  
  35. <meta name="image:sidebar"content="http://static.tumblr.com/acf4wvl/gTjm3tr3s/tumblr_m3rnwnclyx1qheyfso1_250.jpg"/>
  36. <meta name="image:background" content=""/>
  37.  
  38.  
  39. <meta name="text:Link1" content="/" />
  40. <meta name="text:Link1 Title" content="link1" />
  41. <meta name="text:Link2" content="/" />
  42. <meta name="text:Link2 Title" content="link2" />
  43. <meta name="text:Link3" content="/" />
  44. <meta name="text:Link3 Title" content="link3" />
  45. <meta name="text:Link4" content="/" />
  46. <meta name="text:Link4 Title" content="link4" />
  47. <meta name="text:Link5" content="/" />
  48. <meta name="text:Link5 Title" content="link5" />
  49. <meta name="text:Link6" content="/" />
  50. <meta name="text:Link6 Title" content="link6" />
  51.  
  52.  
  53. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54.                       <title>{Title}</title>
  55.         <link rel="shortcut icon" href="{Favicon}">
  56.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57.         {block:Description}
  58.   <meta name="description" content="{MetaDescription}" />
  59.         {/block:Description}
  60.  
  61. {block:IfEnableEndlessScrolling}
  62. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  63. {/block:IfEnableEndlessScrolling}
  64.  
  65.  
  66.     <style type="text/css">
  67.  
  68.  
  69. body {
  70. background-color: {color:background};
  71. color:{color:text};
  72. font-family: verdana;
  73. font-size: 11px;
  74. text-align: center;
  75. line-height:120%;
  76. margin:0;
  77. padding:0;
  78. background-image:url('{image:background}');
  79. background-attachment: fixed
  80. }
  81.  
  82. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: .40s;}
  83. a:hover {color: {color:hover}; background-color: {color:bg hover}; text-decoration: none;}
  84.  
  85. p {margin: 6px 0 0 0}
  86.  
  87. blockquote {border-left:2px {color:post} solid; padding-left:5px; margin:0px 2px 0px 10px}
  88.  
  89.  
  90. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:background}}
  91.  
  92. #entries{margin-top:10px; margin-left:-140px;}
  93.  
  94. #post {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative; color:{color:text}; margin-left:417px;}
  95.  
  96. #xright {position: fixed; margin-top: 50px; margin-left: 597px; overflow: auto; width: 526px; height: 705px;}
  97.  
  98.  
  99.  
  100. .tags{font-size: 9px; color:{color:link}; font-family: verdana;  background-color: {color:post};}
  101. .tags a:hover {background-color: {color:post}; color:{linkhover}; -webkit-transition: all .2s linear; -moz-transition:  all .2s linear; transition:  all 0.2s linear;}
  102.  
  103.  
  104. h1 {font-family: georgia; text-align: center; font-size: 13px; color: {color:text}; font-weight: normal; line-height: 18px;}
  105.  
  106. h1 a {text-align: center; font-size: 13px; color: {color:text}; font-weight: normal; line-height: 18px;}
  107.  
  108. h1 a:hover {text-align: center; font-size: 13px; color: {color:text}; font-weight: normal; line-height: 18px;}
  109.  
  110.  
  111.  
  112. .image {text-align: center; border: 0px; }
  113. .image img {max-width: 500px; margin-bottom: 3px }
  114. .markqt {font-size: 90px; font-family: {font:title}; color:{color:text}; line-height: 90px; margin-left: 5px; opacity: 0.1; filter:alpha (opacity=100);}
  115. .qt {font-family: verdana; font-size: 18px; line-height: 23px;  margin-top: -95px; margin-left: 45px; padding: 10px;}
  116. .qsr{margin: 5px 15px 0 0; text-align: right; text-transform: none;}
  117. .qsr a, a:hover{text-transform: none;}
  118.  
  119. .chat {line-height: 12px; list-style: none }
  120. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  121. .person1 {background-color:{color:background}; color: {color:text}; }
  122. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  123. .person2 {color: {color:text}; }
  124. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  125.  
  126. .audio{background-color:black; display:block;}
  127. .source{display:none}
  128.  
  129. #questions {background-color:{color:background}; color: {color:text}; padding:10px; margin-bottom:0px; font-family:verdana; font-size:9px}
  130. #questions a {color:{color:link}}
  131.  
  132.  
  133.  
  134. #cap {width: 500px; margin-top: -2px;}
  135.  
  136. #vam {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  137. .vam a {font-size: 9px;}
  138.  
  139.  
  140.  
  141. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  142. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  143.  
  144. .qqmarks{
  145. font-size: 80px;
  146. font-weight: bold;
  147. line-height: 80px;
  148. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  149. opacity: 0.2;
  150. filter:alpha (opacity=20)
  151. }
  152.  
  153.  
  154.  
  155. .qquote {font-family: georgia; text-align: justify; font-size: 13px; line-height: 15px; padding: 3px;}
  156.  
  157. .qsource {text-align: center; text-transform: none; margin-left: 0px; margin-bottom: 5px;}
  158.  
  159. .qsource a, a:hover{text-transform: none;}
  160.  
  161.  
  162. .notes {width: 520px; padding: 0px; margin-top: 0px; margin-bottom: 10px; font-size: 9px; text-align: left; margin-left:0px;}
  163.  
  164. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11; margin-left:417px;}
  165.  
  166. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  167.  
  168. .notes img{display: none; border:0px}
  169.  
  170.  
  171.  
  172.  
  173. b{text-transform: block; color:;}
  174. i{text-transform: italic; color:{color:text}}
  175. p{margin:2px 0 2px 0}
  176. u {text-decoration: none; border-bottom: 1px dashed;}
  177. d1 {opacity:0.8}
  178. d2 {opacity:0.6}
  179. d3 {opacity:0.4}
  180. d4 {opacity:0.2}
  181.  
  182. ::-webkit-scrollbar{width:8px;height:5px;}
  183. ::-webkit-scrollbar-button:start:decrement
  184. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:background;}
  185. ::-webkit-scrollbar-track-piece{background-color:{color:background};}
  186. ::-webkit-scrollbar-thumb:vertical{height:100px; background-color:{color:scroll};}
  187. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scroll};}
  188.        
  189.  
  190.  
  191. #sidebar {position:fixed; float: justify; z-index:2; left: -570px; top: 500px; padding-top:70px; padding: 1px; text-align: justify; width: auto; height: auto; background-color: transparent}
  192.  
  193.  
  194.  
  195. #giodescrip {text-align: justify; overflow: hidden; height:115px; -webkit-border-radius: 0px 0px 0px 0px; 7font-size: 9px; font-family: verdana; position: fixed; margin-left:657px; width:120px; background-color: {color:sidebar}; color: {color:sidebar}; margin-top:-320px; background-attachment: fixed;}
  196.  
  197. #giodescrip img{width: 110px; height: 105px; margin-left: 3px; margin-top: 3px; -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; border: 6px solid {color:background};}
  198.  
  199. #giodescrip img:hover{width: 110px; height: 105px; margin-left: 3px; margin-top: 3px; opacity: 0.6;  -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s;border: 2px solid {color:sidebar}}
  200.  
  201.  
  202.  
  203. #nhec {
  204.  
  205. width:400px;
  206.  
  207. text-align:center;
  208.  
  209. margin-left: -210px;
  210.  
  211. margin-top:82px;
  212.  
  213.  
  214. position:fixed;
  215.  
  216. font-family:georgia;
  217.  
  218. font-size:16px;
  219.  
  220. font-style:italic;
  221.  
  222. color:#000;
  223.  
  224. line-height:25px;
  225.  
  226.   background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  227.  
  228.   -webkit-background-clip: text;
  229.  
  230.   -webkit-text-fill-color: transparent;
  231.  
  232. -webkit-transform: rotate(-90deg)
  233. }
  234.  
  235. #nhec:hover {
  236.  
  237. width:400px;
  238.  
  239. text-align:center;
  240.  
  241. margin-left: -210px;
  242.  
  243. margin-top:82px;
  244.  
  245.  
  246. position:fixed;
  247.  
  248. font-family:georgia;
  249.  
  250. font-size:16px;
  251.  
  252. font-style:italic;
  253.  
  254. color:#000;
  255.  
  256. line-height:25px;
  257.  
  258.   background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#000));
  259.  
  260.   -webkit-background-clip: text;
  261.  
  262.   -webkit-text-fill-color: transparent;
  263.  
  264. -webkit-transform: rotate(-90deg)
  265. }
  266.  
  267.  
  268. #tira {margin-top: -142px; margin-left: 779px; position: fixed; background-color:{color:tiracolor}; height: 10px; width:2px;}
  269.  
  270. #gio {margin-top:-300px; margin-left: 780px; position:fixed; width: auto;}
  271.  
  272. #gio a{display: block; width: 60px; height: 10px; font-family: verdana; line-height: 5px; font-size: 10px; -webkit-transition-duration: 0.9s; text-align: center; color: {color:textlinks}; background-color: {color:bglinks}; -moz-transition-duration: 0.9s; padding-top:3px; margin-bottom: 0px; text-transform: none;  border-bottom: 1px solid {color:background};}
  273. #gio a:hover{color: {color:textlinkshover}; background-color: {color:bglinkshover}; letter-spacing: 0px; width:70px; }
  274. #gio a{display: block; width: 60px; height: 10px; font-family: verdana; line-height: 5px; font-size: 10px; -webkit-transition-duration: 0.9s; text-align: center; color: {color:textlinks}; background-color: {color:bglinks}; -moz-transition-duration: 0.9s; padding-top:3px; margin-bottom: 0px; text-transform: none;  border-bottom: 1px solid {color:background};}
  275. #gio a:hover{color: {color:textlinkshover}; background-color: {color:bglinkshover}; letter-spacing: 0px; width:70px; }
  276.  
  277.  
  278.  
  279.  #tchan {width: 24px; position: fixed; background-color: #f7f7f7; font-family: tinytots;font-size:8px; text-align: center; padding: 5px; height: 27px; margin-left: 0px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; z-index: 1; margin-top: 0px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; z-index: 1; margin-top: 0px; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; text-decoration:none;}
  280.  
  281. #tchan2 {width: 24px; position: fixed; background-color: #f7f7f7; font-family: tinytots;font-size:8px; text-align: center; padding: 5px; height: 27px; margin-left: 0px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; z-index: 1; margin-top: 0px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; z-index: 1;}
  282.  
  283. #tchan3 {width: 24px; position: fixed; background-color: #f7f7f7;font-family: tinytots;font-size:8px; text-align: center; padding: 5px; height: 27px; margin-left: 0px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; z-index: 1; margin-top: 0px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; z-index: 1;}
  284.  
  285. #tchan4 {width: 24px; position: fixed; background-color: #f7f7f7; font-size: 8px; font-family: tinytots; padding: 5px; height: 27px; margin-left: 0px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; z-index: 1; margin-top: 0px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; z-index: 1;}
  286.  
  287. #tchan5 {width: 24px; position: fixed; background-color: #f7f7f7; font-size: 8px; font-family: tinytots; padding: 5px; height: 27px; margin-left: 0px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; z-index: 1; margin-top: 0px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; z-index: 1;}
  288.  
  289.  
  290. .your {margin-top: -330px ; margin-left:660px; position: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; background-color:{color:sidebar}; font-family: verdana; font-size:9px; width:114px; color: {color:text}; height:9px; line-height:8px; padding: 3px; font-style: normal;}
  291.  
  292.  
  293. .your2 {margin-top:-207px ; margin-left:657px; position: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; background-color:transparent; font-family: verdana; font-size:9px; width:114px; font-style: none; color: {color:text}; height:auto; line-height:11px; padding: 5px; text-align: justify; border-top: 4px solid {color:sidebar};}
  294.  
  295.  
  296. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  297.  
  298. #paginal {font-family: tinytots; font-size: 8px; text-align: center;}
  299. #paginal a {background: {color:sidebar}; margin: 0 0px 0 0; padding: 1px 3px; color: {color:text}; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  300. #paginal a:hover {background: {color:sidebar}; color: {color:text}; }
  301. #paginal span.pagina_atual {background:{color:sidebar}; margin: 0 0px 0 0; padding: 1px 3px; color: {color:text}; font-weight: bold; text-decoration: none; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  302. #paginal span.pagina_atual:hover {opacity:1;}
  303. .ps {position: relative; margin-left: 780px; padding: 2px; margin-top: -220px; width: auto; background-color: transparent; color: {color:text};}
  304.  
  305. #tumblr_controls{position: fixed!important}
  306. #tumblr_controls{position: fixed!important}
  307. #tumblr_controls{position: fixed!important}
  308. #tumblr_controls{position: fixed!important}
  309.  
  310. iframe#tumblr_controls {
  311.     position: fixed !important;
  312.     top: 0 !important;
  313.     right: 0 !important;
  314.      opacity: 1.0 !important;
  315.  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  316. }
  317.  
  318.  
  319. iframe#tumblr_controls:hover {
  320.     position: fixed !important;
  321.     top: 0 !important;
  322.     right: 0 !important;
  323.      opacity: 0.8 !important;
  324.  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  325. }
  326.  
  327.  
  328. </style>
  329.  
  330.  
  331. <body>
  332.  
  333.  
  334. <div id="entries">
  335. {block:Posts}
  336. <div id="post">
  337.  
  338. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  339.  
  340. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  341.  
  342. {block:Photoset}{Photoset-500}{/block:Photoset}
  343.  
  344. {block:Quote}
  345. <div class="qquote"><center>“{Quote}”</div>
  346. {block:Source}<div class="qsource">— {Source}</center></div>{/block:Source}
  347. {/block:Quote}
  348.  
  349. {block:Link}
  350. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  351. {block:Description}{Description}{/block:Description}
  352. {/block:Link}
  353.  
  354. {block:Chat}
  355. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  356. <div class="chat"><ul>{block:Lines}
  357. <li class="person{UserNumber}">{block:Label}
  358. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  359. {/block:Chat}
  360.  
  361. {block:Audio}
  362. <br>
  363. <div class="audio">{AudioPlayerBlack}</div>
  364. {block:Caption}{Caption}{/block:Caption}
  365. {/block:Audio}
  366.  
  367. {block:Video}{Video-500}{/block:Video}
  368.  
  369.  
  370.  
  371.  
  372. {block:Answer}<div id="questions">{Asker} asked: "{Question}"</div>
  373. {Answer}{/block:answer}
  374.  
  375. <div id="cap">
  376. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  377. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  378. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  379.  
  380. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  381.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  382.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  383. {/block:ContentSource}</div></div>
  384. <br>
  385. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  386.  
  387. <div id="vam">
  388.  
  389.  
  390. <div style="float:left;" class="tags">
  391. {block:Date} <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog this</a>{/block:IndexPage}<br>
  392. {block:RebloggedFrom} originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  393. </span>{/block:RebloggedFrom} {block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  394. </div>
  395. </ br>
  396. <br clear="all" /></div></div>
  397.  
  398.  
  399.  {/block:Posts}
  400. {block:PostNotes}
  401. <div id="notes"><div id="hehe">{PostNotes}</div></div>
  402. {/block:PostNotes}
  403.  
  404. </div>
  405. </div>
  406.  
  407. <div id="sidebar">
  408.  <div class="your2">{description}</div>
  409.  <div class="your"><center><a href="http://m-etalheart.tumblr.com">theme subordinavel</a></center></div>
  410.  
  411. <div id="giodescrip"><img src="{image:sidebar}"/></a></div>
  412.  
  413. <div id="gio">
  414. <a href="{text:Link1}">{text:Link1 Title}</a>
  415. <a href="{text:Link2}">{text:Link2 Title}</a>
  416. <a href="{text:Link3}">{text:Link3 Title}</a>
  417. <a href="{text:Link4}">{text:Link4 Title}</a>
  418. <a href="{text:Link5}">{text:Link5 Title}</a>
  419. <a href="{text:Link6}">{text:Link6 Title}</a></div>
  420.  
  421. <div id="tira"></div>
  422.  
  423.  
  424. <div class="ps"><div id="paginal">
  425. {block:JumpPagination length="3"}
  426. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  427. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  428. {/block:JumpPagination}
  429. </div></div>
  430.  
  431.  
  432. </div>
create a new version of this paste RAW Paste Data