subordinavel

theme 12

Jun 7th, 2012
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.75 KB | None | 0 0
  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 BYsubordinavel 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.  
  13. <div id=”entries”>
  14. <head>
  15.  
  16. <script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  19. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  20.  
  21.  
  22.  
  23.  
  24. <!-- DEFAULT VARIABLES -->
  25. <meta name="color:background" content="#f8f8f8" />
  26. <meta name="color:link" content="#000000" />
  27. <meta name="color:hover" content="#ffffff" />
  28. <meta name="color:scroll" content="#000000" />
  29. <meta name="color:sidebar" content="#fff" />
  30. <meta name="color:text" content="#000000" />
  31. <meta name="color:post" content="#ffffff" />
  32. <meta name="color:textlinks" content="#000000" />
  33. <meta name="color:bglinks" content="#ffffff" />
  34. <meta name="color:textlinkshover" content="#ffffff" />
  35. <meta name="color:bglinkshover" content="#000000" />
  36. <meta name="color:tiracolor" content="#000000" />
  37.  
  38.  
  39. <meta name="image:sidebar"content="http://26.media.tumblr.com/tumblr_m2hn1geyNQ1r0x0cpo1_500.jpg"/>
  40. <meta name="image:background" content=""/>
  41.  
  42.  
  43. <meta name="text:Link1" content="/" />
  44. <meta name="text:Link1 Title" content="link1" />
  45. <meta name="text:Link2" content="/" />
  46. <meta name="text:Link2 Title" content="link2" />
  47. <meta name="text:Link3" content="/" />
  48. <meta name="text:Link3 Title" content="link3" />
  49. <meta name="text:Link4" content="/" />
  50. <meta name="text:Link4 Title" content="link4" />
  51. <meta name="text:Link5" content="/" />
  52. <meta name="text:Link5 Title" content="link5" />
  53.  
  54.  
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  56. <title>{Title}</title>
  57. <link rel="shortcut icon" href="{Favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. {block:Description}
  60. <meta name="description" content="{MetaDescription}" />
  61. {/block:Description}
  62.  
  63. {block:IfEnableEndlessScrolling}
  64. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  65. {/block:IfEnableEndlessScrolling}
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70.  
  71. body {
  72. background-color: {color:background};
  73. color:{color:text};
  74. font-family: verdana;
  75. font-size: 11px;
  76. text-align: center;
  77. line-height:120%;
  78. margin:0;
  79. padding:0;
  80. background-image:url('{image:background}');
  81. background-attachment: fixed
  82. }
  83.  
  84. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: .40s;}
  85. a:hover {color: {color:hover}; background-color: {color:bg hover}; text-decoration: none;}
  86.  
  87. p {margin: 6px 0 0 0}
  88.  
  89. blockquote {border-left:2px {color:post} solid; padding-left:5px; margin:0px 2px 0px 10px}
  90.  
  91.  
  92. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:background}}
  93.  
  94. #entries{margin-top:10px; margin-left:-70px;}
  95.  
  96. #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;}
  97.  
  98. #xright {position: fixed; margin-top: 50px; margin-left: 597px; overflow: auto; width: 526px; height: 705px;}
  99.  
  100.  
  101.  
  102. .tags{font-size: 9px; color:{color:link}; font-family: verdana; background-color: {color:post};}
  103. .tags a:hover {background-color: {color:post}; color:{linkhover}; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all 0.2s linear;}
  104.  
  105.  
  106. h1 {font-family: georgia; text-align: center; font-size: 13px; color: {color:text}; font-weight: normal; line-height: 18px;}
  107.  
  108. h1 a {text-align: center; font-size: 13px; color: {color:text}; font-weight: normal; line-height: 18px;}
  109.  
  110. h1 a:hover {text-align: center; font-size: 13px; color: {color:text}; font-weight: normal; line-height: 18px;}
  111.  
  112.  
  113.  
  114. .image {text-align: center; border: 0px; }
  115. .image img {max-width: 500px; margin-bottom: 3px }
  116. .markqt {font-size: 90px; font-family: {font:title}; color:{color:text}; line-height: 90px; margin-left: 5px; opacity: 0.1; filter:alpha (opacity=100);}
  117. .qt {font-family: verdana; font-size: 18px; line-height: 23px; margin-top: -95px; margin-left: 45px; padding: 10px;}
  118. .qsr{margin: 5px 15px 0 0; text-align: right; text-transform: none;}
  119. .qsr a, a:hover{text-transform: none;}
  120.  
  121. .chat {line-height: 12px; list-style: none }
  122. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  123. .person1 {background-color:{color:background}; color: {color:text}; }
  124. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  125. .person2 {color: {color:text}; }
  126. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  127.  
  128. .audio{background-color:black; display:block;}
  129. .source{display:none}
  130.  
  131. #questions {background-color:{color:background}; color: {color:text}; padding:10px; margin-bottom:0px; font-family:verdana; font-size:9px}
  132. #questions a {color:{color:link}}
  133.  
  134.  
  135.  
  136. #cap {width: 500px; margin-top: -2px;}
  137.  
  138. #vam {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  139. .vam a {font-size: 9px;}
  140.  
  141.  
  142.  
  143. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  144. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  145.  
  146. .qqmarks{
  147. font-size: 80px;
  148. font-weight: bold;
  149. line-height: 80px;
  150. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  151. opacity: 0.2;
  152. filter:alpha (opacity=20)
  153. }
  154.  
  155.  
  156.  
  157. .qquote {font-family: georgia; text-align: justify; font-size: 13px; line-height: 15px; padding: 3px;}
  158.  
  159. .qsource {text-align: center; text-transform: none; margin-left: 0px; margin-bottom: 5px;}
  160.  
  161. .qsource a, a:hover{text-transform: none;}
  162.  
  163.  
  164. .notes {width: 520px; padding: 0px; margin-top: 0px; margin-bottom: 10px; font-size: 9px; text-align: left; margin-left:0px;}
  165.  
  166. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11; margin-left:417px;}
  167.  
  168. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  169.  
  170. .notes img{display: none; border:0px}
  171.  
  172.  
  173.  
  174.  
  175. b{text-transform: block; color:;}
  176. i{text-transform: italic; color:{color:text}}
  177. p{margin:2px 0 2px 0}
  178. u {text-decoration: none; border-bottom: 1px dashed;}
  179. d1 {opacity:0.8}
  180. d2 {opacity:0.6}
  181.  
  182. d3 {opacity:0.4}
  183. d4 {opacity:0.2}
  184.  
  185. ::-webkit-scrollbar{width:8px;height:5px;}
  186. ::-webkit-scrollbar-button:start:decrement
  187. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:background;}
  188. ::-webkit-scrollbar-track-piece{background-color:{color:background};}
  189. ::-webkit-scrollbar-thumb:vertical{height:100px; background-color:{color:scroll};}
  190. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scroll};}
  191.  
  192.  
  193.  
  194. #sidebar {position:fixed; float: justify; z-index:2; left: -600px; top: 350px; padding-top:70px; padding: 1px; text-align: justify; width: auto; height: auto; background-color: transparent}
  195.  
  196. #img {text-align: justify; overflow: hidden; height:120px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 9px; font-family: verdana; position: fixed; margin-left:657px; width:120px; background-color: {color:sidebar}; color: {color:sidebar}; margin-top:-165px; background-attachment: fixed;}
  197.  
  198. #img img{width: 120px; height: 120px; margin-left: 3px; margin-top: 3px; -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; border: 2px solid {color:background};}
  199.  
  200. #img img:hover{width: 120px; height: 120px; margin-left: 3px; margin-top: 3px; opacity: 0.6; -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s;border: 2px solid {color:sidebar}}
  201.  
  202.  
  203.  
  204. #nhec {
  205.  
  206. width:400px;
  207.  
  208. text-align:center;
  209.  
  210. margin-left: -210px;
  211.  
  212. margin-top:82px;
  213.  
  214.  
  215. position:fixed;
  216.  
  217. font-family:georgia;
  218.  
  219. font-size:16px;
  220.  
  221. font-style:italic;
  222.  
  223. color:#000;
  224.  
  225. line-height:25px;
  226.  
  227. background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  228.  
  229. -webkit-background-clip: text;
  230.  
  231. -webkit-text-fill-color: transparent;
  232.  
  233. -webkit-transform: rotate(-90deg)
  234. }
  235.  
  236. #nhec:hover {
  237.  
  238. width:400px;
  239.  
  240. text-align:center;
  241.  
  242. margin-left: -210px;
  243.  
  244. margin-top:82px;
  245.  
  246.  
  247. position:fixed;
  248.  
  249. font-family:georgia;
  250.  
  251. font-size:16px;
  252.  
  253. font-style:italic;
  254.  
  255. color:#000;
  256.  
  257. line-height:25px;
  258.  
  259. background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#000));
  260.  
  261. -webkit-background-clip: text;
  262.  
  263. -webkit-text-fill-color: transparent;
  264.  
  265. -webkit-transform: rotate(-90deg)
  266. }
  267.  
  268.  
  269. #tira {margin-top: -47px; margin-left: 662px; position: fixed; background-color:{color:tiracolor}; height: 2px; width:115px;}
  270.  
  271. #links {margin-top:-95px; margin-left: 780px; position:fixed; width: auto;}
  272.  
  273. #links a{display: block; width: 130px; height: 15px; font-family: verdana; line-height: 5px; font-size: 9px; -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};}
  274. #links a:hover{color: {color:textlinkshover}; background-color: {color:bglinkshover}; letter-spacing: 0px; width:135px; }
  275.  
  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.  
  288. .descrição {margin-top:-48px ; 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:105px; font-style: none; color: {color:text}; height:auto; line-height:11px; padding: 5px; text-align: center; border-top: 4px solid {color:sidebar};}
  289.  
  290. .your {margin-top: -180px ; margin-left:657px; 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:9px; color: {color:text}; height:9px; line-height:8px; padding: 3px; font-style: normal;}
  291.  
  292.  
  293. .your2 {margin-top:-300px ; 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: 730px; padding: 2px; margin-top: -160px; 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.  
  335. <div id="entries">
  336. {block:Posts}
  337. <div id="post">
  338.  
  339. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  340.  
  341. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  342.  
  343. {block:Photoset}{Photoset-500}{/block:Photoset}
  344.  
  345. {block:Quote}
  346. <div class="qquote"><center>“{Quote}”</div>
  347. {block:Source}<div class="qsource">— {Source}</center></div>{/block:Source}
  348. {/block:Quote}
  349.  
  350. {block:Link}
  351. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  352. {block:Description}{Description}{/block:Description}
  353. {/block:Link}
  354.  
  355. {block:Chat}
  356. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  357. <div class="chat"><ul>{block:Lines}
  358. <li class="person{UserNumber}">{block:Label}
  359. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  360. {/block:Chat}
  361.  
  362. {block:Audio}
  363. <br>
  364. <div class="audio">{AudioPlayerBlack}</div>
  365. {block:Caption}{Caption}{/block:Caption}
  366. {/block:Audio}
  367.  
  368. {block:Video}{Video-500}{/block:Video}
  369.  
  370.  
  371.  
  372.  
  373. {block:Answer}<div id="questions">{Asker} asked: "{Question}"</div>
  374. {Answer}{/block:answer}
  375.  
  376. <div id="cap">
  377. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  378. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  379. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  380.  
  381. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  382. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  383. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  384. {/block:ContentSource}</div></div>
  385. <br>
  386. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  387.  
  388. <div id="vam">
  389.  
  390.  
  391. <div style="float:left;" class="tags">
  392. {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>
  393. {block:RebloggedFrom} originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  394. </span>{/block:RebloggedFrom} {block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  395. </div>
  396. </ br>
  397. <br clear="all" /></div></div>
  398.  
  399.  
  400. {/block:Posts}
  401. {block:PostNotes}
  402. <div id="notes"><div id="hehe">{PostNotes}</div></div>
  403. {/block:PostNotes}
  404.  
  405. </div>
  406. </div>
  407.  
  408. <div id="sidebar">
  409. <div class="your"><center><a href="http://subordinavel.tumblr.com">© </a></center></div>
  410.  
  411. <div id="img"><img src="{image:sidebar}"/></a></div>
  412.  
  413.  
  414. <div class="descrição">
  415. {description}</div>
  416.  
  417. <div id="links">
  418. <a href="{text:Link1}">{text:Link1 Title}</a>
  419. <a href="{text:Link2}">{text:Link2 Title}</a>
  420. <a href="{text:Link3}">{text:Link3 Title}</a>
  421. <a href="{text:Link4}">{text:Link4 Title}</a>
  422. <a href="{text:Link5}">{text:Link5 Title}</a></div>
  423.  
  424. <div id="tira"></div>
  425.  
  426.  
  427. <div class="ps"><div id="paginal">
  428. {block:JumpPagination length="3"}
  429. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  430. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  431. {/block:JumpPagination}
  432. </div></div>
  433.  
  434.  
  435. </div>
Advertisement
Add Comment
Please, Sign In to add comment