Advertisement
sunkei

qt

Dec 21st, 2014
2,270
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.53 KB | None | 0 0
  1. <!--
  2. qt
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  21.  
  22.  
  23. <meta name="color:Background" content="#feedd7" />
  24. <meta name="color:ScrollBar" content="#ccc" />
  25. <meta name="color:Description" content="#8f8582" />
  26.  
  27. <meta name="color:Notes" content="#2050ff" />
  28. <meta name="color:NotesBG" content="#fff" />
  29. <meta name="color:Tag" content="#48c989" />
  30.  
  31.  
  32. <meta name="color:Entry title" content="#539dfe" />
  33. <meta name="color:Entry border" content="#111" />
  34. <meta name="color:Texts" content="#555" />
  35.  
  36.  
  37. <meta name="text:link1" content="link1" />
  38. <meta name="text:link1URL" content="/" />
  39. <meta name="text:link2" content="link2" />
  40. <meta name="text:link2URL" content="/" />
  41. <meta name="text:link3" content="link3" />
  42. <meta name="text:link3URL" content="/" />
  43.  
  44.  
  45.  
  46. <meta name="if:MenuLinks" content="0"/>
  47.  
  48.  
  49.  
  50.  
  51. {block:IfEndlessScroll}
  52.  
  53. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  54. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  57. <script type="text/javascript">
  58.  
  59. $(document).ready(function() {
  60. $('#polo').click(function() {
  61. $('.links').toggle();
  62. });
  63. });
  64. </script>
  65.  
  66. <style type="text/css">
  67.  
  68. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  69.  
  70. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  71.  
  72. ::-webkit-scrollbar-thumb {border-radius: 10px;background-color:{color:ScrollBar};border:5px solid {color:Background};}
  73. ::-webkit-scrollbar {background-color:{color:Background};height:19px;}
  74.  
  75. body
  76. {font-family:arial;
  77. font-size:10px;
  78. color:{color:Texts};
  79. background-color:{color:Background};
  80. background-image:url('{image:Background}');
  81. background-position: fixed;
  82. background-attachment:fixed;
  83. background-repeat:repeat;}
  84.  
  85. a
  86. {text-decoration:none;color:{color:Notes};}
  87.  
  88.  
  89. blockquote
  90. {border-left:1px solid {color:Entry title};
  91. padding-left:5px;}
  92.  
  93. img
  94. {margin-bottom:-3px;}
  95.  
  96.  
  97.  
  98. #menu
  99. {position:fixed; left:60px; top:60px; width:120px;font-family:arial;color:{color:Description};}
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107. #posts
  108. {margin-left:50px;
  109. {block:IndexPage} position:absolute;bottom:0px; {/block:IndexPage}
  110. {block:PermalinkPage}position:fixed;bottom:15px; {/block:PermalinkPage}; }
  111.  
  112. .post
  113. { text-align:justify;margin-right:70px;
  114. color:{color:Texts};}
  115.  
  116. .ent
  117. {width:350px;}
  118.  
  119. .bord
  120. {border: 1px solid {color:Entry border};width:250px;
  121. color:{color:Texts};
  122.  
  123. padding:3px;}
  124.  
  125.  
  126.  
  127.  
  128. .post img
  129. {max-width:250px;}
  130.  
  131. .texte a
  132. {color:{color:Entry title};
  133. text-transform:uppercase;font-size:8px;letter-spacing:1px;text-decoration:underline;}
  134.  
  135. #title
  136. {color:{color:Entry title};font-size:14px;font-style:italic;
  137. text-transform:uppercase;text-align:center;}
  138.  
  139. #quote
  140. {font-size:14px;font-family:calibri;}
  141.  
  142. #qui
  143. {font-size:8px;letter-spacing:1px;
  144. text-transform:uppercase;
  145. margin-top:3px;text-align:center;font-style:italic;}
  146.  
  147. .label
  148. {font-size:8px;letter-spacing:1px;
  149. text-transform:uppercase;font-style:italic;color:{color:Entry title};}
  150.  
  151.  
  152. .dessus div
  153. {float:right;background-color:{color:NotesBG};margin-left:2px;padding:0px 5px 0px 5px;}
  154. .notas
  155. {color:{color:Notes};}
  156. .dessus
  157. {position:absolute;margin-top:-15px;width:250px;}
  158.  
  159. #pagination
  160. {width:40px;}
  161. .tag
  162. {color:{color:Tag};}
  163. .no img
  164. {display:none;}
  165.  
  166. .fur
  167. {padding:3px;
  168. margin-bottom:5px;
  169. float:left;font-size:9px;}
  170.  
  171.  
  172.  
  173. #polo:hover
  174. {cursor:pointer;}
  175.  
  176. .links
  177. {width:50px;margin-top:25px;display:none;}
  178.  
  179. .more
  180. {margin-left:25px;color:{color:Description}; opacity:1;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; }
  181. .more:hover
  182. {opacity:0.4;}
  183.  
  184. .iro
  185. {color:{color:Link}; }
  186.  
  187.  
  188. </style>
  189. </head>
  190. <body>
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198. <div id="posts">
  199. <table><tr>
  200. {block:Posts}
  201. <td class="ent">
  202. <div class="dessus">
  203. <a href="{Permalink}"><div class="notas">+{NoteCount}</div></a>
  204. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">
  205. <div class="notos">{Tag}</div></a> {/block:Tags} {/block:HasTags}
  206. </div>
  207. <div class="post">
  208. <div class="bord">
  209.  
  210. {block:RebloggedFrom}
  211. <!--{ReblogParentName}-->
  212. {/block:RebloggedFrom}
  213.  
  214. {block:ContentSource}
  215. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  216. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  217. {/block:SourceLogo}
  218. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  219. {/block:ContentSource}
  220.  
  221.  
  222. {block:Text}
  223. {block:Title}<div id="title">{Title}</div> {/block:Title}
  224. <div class="texte">{Body}</div>
  225. {/block:Text}
  226.  
  227. {block:Link}
  228.  
  229. <a href="{URL}" target="_blank"><div id="title" style="text-decoration:underline;">{Name}</div></a>
  230.  
  231. <div class="texte">{Description}</div>
  232. {/block:Link}
  233.  
  234. {block:Photo}
  235. <img src="{PhotoURL-500}"/>
  236. {/block:Photo}
  237.  
  238. {block:Quote}
  239. <div id="quote">"{Quote}"</div>
  240. {block:Source}
  241. <div id="qui" class="texte">{Source}</div>{/block:Source}
  242. {/block:Quote}
  243.  
  244. {block:Chat}
  245. {block:Title}<div id="title">{Title}</div> {/block:Title}
  246. {block:Lines}<div class="texte">{block:Label}<span class="label">{Label}</span> {/block:Label}{Line}</div>{/block:Lines}
  247. {/block:Chat}
  248.  
  249. {block:Audio}
  250. {block:AudioPlayer}<div class="playerpost"
  251. style="background-color:#000;">{AudioPlayerBlack}</div>
  252. {/block:AudioPlayer}
  253. <div class="texte" id="qui">
  254. {block:TrackName}<span class="label">{TrackName}</span>{/block:TrackName}
  255. {block:Artist} by {Artist} {/block:Artist}
  256. {block:PlayCount} <br> {PlayCountWithLabel}{/block:PlayCount}
  257.  
  258. </div>
  259. {/block:Audio}
  260.  
  261. {block:Photoset}
  262. <div style="margin-bottom:-3px;">
  263. {Photoset-250}
  264. </div>
  265. {/block:Photoset}
  266.  
  267. {block:Video}
  268. <div style="margin-bottom:-3px;">
  269. {Video-250}
  270. </div>
  271. {/block:Video}
  272.  
  273.  
  274.  
  275. </div>
  276.  
  277.  
  278.  
  279.  
  280. </div>
  281.  
  282. </td>
  283.  
  284. {block:PermalinkPage}
  285.  
  286.  
  287.  
  288. {block:Caption}
  289. <td class="ent">
  290. <div class="texte" id="caption">{Caption}</div>
  291. </td>
  292. {/block:Caption}
  293.  
  294. {block:PostNotes}
  295. <td class="ent">
  296. <div class="texte">
  297. {block:RebloggedFrom}
  298. origin : <a href="{ReblogRootURL}">{ReblogRootName}</a> / Via : <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource}
  299. {/block:ContentSource}
  300. {/block:RebloggedFrom}
  301.  
  302. </div>
  303. {/block:PostNotes}
  304.  
  305. {block:HasTags}
  306. <div class="label">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  307. </div>
  308. {/block:HasTags}
  309.  
  310. {block:PostNotes}
  311. <div class="texte" style="margin-top:5px;height:250px;overflow:auto;" class="no">{PostNotes}</div>
  312. </td>
  313. {/block:PostNotes}
  314.  
  315.  
  316. {/block:PermalinkPage}
  317.  
  318. {/block:Posts}
  319.  
  320.  
  321.  
  322.  
  323. </div><!--posts-->
  324. </tr></table>
  325. </div>
  326.  
  327. <div id="left">
  328.  
  329. <div id="menu">
  330.  
  331. <div id="ab">{Description}</div>
  332.  
  333.  
  334. {block:Pagination}
  335. <div id="pagination" >
  336. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  337.  
  338. </div>
  339. {/block:Pagination}
  340. <div id="flesh">
  341. <div class="fur"><span id="polo" class="iro">+</span></div></div><!--flesh-->
  342.  
  343. <div class="links">
  344. <a href="/"><div class="more">home</div></a>
  345. <a href="/ask"><div class="more">message</div></a>
  346. <a href="/archive"><div class="more" >past</div></a>
  347. {block:IfMenuLinks}
  348. <a href="{text:link1URL}"><div class="more"style="margin-top:5px;">{text:link1}</div></a>
  349. <a href="{text:link2URL}"><div class="more">{text:link2}</div></a>
  350. <a href="{text:link3URL}"><div class="more">{text:link3}</div></a> {/block:IfMenuLinks}
  351. <a title="qt by gyapo" href="http://gyapo.tumblr.com/"><div class="more"style="margin-top:5px;">theme</div></a>
  352. </div><!--links-->
  353.  
  354. </div><!--menu-->
  355.  
  356. </div><!--left-->
  357. </body>
  358. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement