Advertisement
lubbilubb

bb88

Oct 5th, 2014
1,995
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.25 KB | None | 0 0
  1. <!--
  2.  
  3. theme by 330px
  4. you edit it as much as you like
  5. just dont remove credit, please~
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. <link rel="shortcut icon" href="{image:favicon}" />
  17.  
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:sidebar" content=""#ffffff" />
  20. <meta name="color:posts" content=""#ffffff" />
  21. <meta name="color:border" content="#000000" />
  22. <meta name="color:perma" content="#000000" />
  23. <meta name="color:perma text" content="#ffffff" />
  24. <meta name="color:text" content="#000000"/>
  25. <meta name="color:link" content="#000000"/>
  26. <meta name="color:link hover" content="#ffffff"/>
  27. <meta name="color:highlight" content="#000000" />
  28. <meta name="color:highlight text" content="#ffffff" />
  29.  
  30. <meta name="image:favicon" content="http://static.tumblr.com/c0ebc8e6e6fef1a02bbeabb162681358/apnhngn/KK4ncyi4m/tumblr_static_4im8wxuzjnk0kggs4cggck80s.png" />
  31.  
  32. <meta name="if:max bg" content="0" />
  33. <meta name="if:custom cursor" content="0" />
  34. <meta name="if:250px posts" content="0" />
  35. <meta name="if:400px posts" content="1" />
  36. <meta name="if:infinite scroll" content="0" />
  37. <meta name="if:transparent posts" content="0" />
  38. <meta name="if:border" content="1" />
  39.  
  40. <meta name="image:background" content="" />
  41. <meta name="image:cursor" content="" />
  42. <meta name="image:transparent" content="" />
  43.  
  44. <meta name="text:nav title" content="navigation" />
  45. <meta name="text:font size" content="11" />
  46. <meta name="text:link 1 title" content="" />
  47. <meta name="text:link 1 url" content="" />
  48. <meta name="text:link 2 title" content="" />
  49. <meta name="text:link 2 url" content="" />
  50. <meta name="text:link 3 title" content="" />
  51. <meta name="text:link 3 url" content="" />
  52. <meta name="text:link 4 title" content="" />
  53. <meta name="text:link 4 url" content="" />
  54. <meta name="text:transparent horizontal" content="" />
  55. <meta name="text:transparent vertical" content="" />
  56.  
  57.  
  58. <style type="text/css">
  59. {block:ifcustomcursor}body, a {
  60. cursor:url('{image:cursor}'), auto
  61. }
  62.  
  63. a:hover {
  64. cursor: url('{image:cursor}'), auto;
  65.  
  66. }{/block:ifcustomcursor}
  67.  
  68. ::selection {
  69. background: {color:highlight};
  70. color: {color:highlight text};
  71. }
  72. ::-moz-selection {
  73. background: {color:highlight};
  74. color: {color:highlight text};
  75. }
  76.  
  77. body {
  78. background: {color:background} url('{image:background}') top left fixed repeat; {block:ifmaxbg}background-size:cover;{/block:ifmaxbg};
  79. background-color:{color:background};
  80. font-family:consolas;
  81. font-size: {text:font size}px;
  82. margin: 0;
  83. word-wrap: break-word;
  84. color: {color:text};
  85. background-attachment: fixed;
  86. }
  87.  
  88. #s-m-t-tooltip {
  89. max-width:300px;
  90. margin:-20px 20px 20px 20px;
  91. background-color: #ffffff;
  92. color:#000000;
  93. border: 1px solid #000000;
  94. padding:3px 5px 3px 5px;
  95. font-size:10px;
  96. letter-spacing: 2px;
  97. line-height:11px;
  98. -webkit-transition: all 0.2s ease-out;
  99. -moz-transition: all 0.2s ease-out;
  100. transition: all 0.2s ease-out;
  101. z-index:999999999999999999999999999999999999;
  102. }
  103.  
  104. #container {
  105. margin:0 auto;
  106. width:{block:if250pxposts}250px;{/block:if250pxposts} {block:if400pxposts}400px;{/block:if400pxposts}
  107. }
  108.  
  109. #sidebar {
  110. background-color:{color:sidebar} {block:iftransparentposts}transparent{/block:iftransparentposts};
  111. border: solid 1px {color:border} {block:ifnotborder}none{/block:ifnotborder};
  112. padding: 8px;
  113. margin-left:-190px;
  114. width:135px;
  115. position:fixed;
  116. z-index:9999;
  117. }
  118.  
  119. #sidebar .title {
  120. text-align: right;
  121. font-size: 23px;
  122. font-style:italic;
  123. font-weight: 700;
  124. margin-top:-4%;
  125. }
  126.  
  127. #sidebar .title a {
  128. color: {color:link};
  129. text-decoration: none;
  130. }
  131.  
  132. #sidebar .title a:hover {
  133. color: {color:link hover};
  134. text-decoration: none;
  135. margin-top:1%;
  136. }
  137.  
  138. #sidebar .description {
  139. color: {color:text};
  140. text-align: right;
  141. }
  142.  
  143. #sidebar .navbox {
  144. margin-top:4%;
  145. }
  146.  
  147. #content {
  148. margin:auto;
  149. margin-top: 45px;
  150. }
  151.  
  152. #content img {
  153. border:0px;
  154. }
  155.  
  156. #content a {
  157. color:{color:link};
  158. text-decoration: none;
  159. font-size: {text:font size}px;
  160. }
  161.  
  162. #content a:hover {
  163. color:{color:link hover};
  164. text-decoration: none;
  165. }
  166.  
  167. #content blockquote {
  168. border-left: solid 1px #E0E0E0;
  169. margin: 11px;
  170. padding-left: 10px;
  171. }
  172.  
  173. #posts {
  174. background-color:{color:posts} {block:iftransparentposts} transparent{/block:iftransparentposts};
  175. border: solid 1px {color:border} {block:ifnotborder}none{/block:ifnotborder};
  176. position: relative;
  177. width:{block:if250pxposts}250px;{/block:if250pxposts} {block:if400pxposts}400px;{/block:if400pxposts}
  178. margin-bottom: 16px;
  179. padding: 8px;
  180. }
  181.  
  182. #posts img, .posts li, .posts blockquote {
  183. max-width: 100%;
  184. }
  185.  
  186. #posts .yoochun {
  187. font-size: 18px;
  188. font-style:italic;
  189. font-weight: 700;
  190. text-align:center;
  191. }
  192.  
  193. #posts .backsid {
  194. font-size: {text:font size}px;
  195. text-align:right;
  196. }
  197.  
  198. #posts .junsu {
  199. font-size: 18px;
  200. font-weight: 700;
  201. }
  202.  
  203. #posts .omgsun {
  204. font-size: 18px;
  205. font-weight: 700;
  206. color:white;
  207. background-color:#67c295;
  208. padding: 10px;
  209. }
  210.  
  211. #posts .omgsun:hover {
  212. background-color:transparent;
  213. color:{color:link hover};
  214. }
  215.  
  216. .jaejoong {
  217. background:#000000;
  218. padding:5px;
  219. margin-bottom: 5px;
  220. }
  221.  
  222. .kissb {
  223. text-align:left;
  224. }
  225.  
  226. .2play {
  227. float:right;
  228. }
  229.  
  230. #tp {
  231. color: #404654;
  232. font-family: consolas;
  233. font-size: {text:font size}px;
  234. background: #F5F5F5;
  235. border: 1px solid #DBDBDB;
  236. padding: 15px;
  237. position: relative;
  238. }
  239.  
  240. #tp a {
  241. color: #404654;
  242. font-family: consolas;
  243. font-size: {text:font size}px;
  244. }
  245.  
  246. .niall {
  247. margin: -20px 0 0 33px;
  248. }
  249.  
  250. .nile {
  251. margin-top:-1px;
  252. }
  253.  
  254. .naill {
  255. margin: 11px 0 0 0;
  256. }
  257.  
  258. #arry {
  259. background-color:{color:perma} {block:iftransparentposts}transparent{/block:iftransparentposts};
  260. color: {color:perma text};
  261. text-align:center;
  262. padding: 2px;
  263. margin: 4px 0 0 -2px;
  264. }
  265.  
  266. #arry a {
  267. color: {color:perma text};
  268. }
  269.  
  270. #arry a:hover {
  271. color: {color:link hover};
  272. }
  273.  
  274. .mithra {
  275. text-align:right;
  276. }
  277.  
  278. .tablo {
  279. color:{color:link};
  280. text-align:center;
  281. font-size:13px;
  282. text-decoration: none;
  283. margin: 45px 0 35px 0;
  284. }
  285.  
  286. .gd {
  287. }
  288.  
  289. .top a {
  290. color:{color:link};
  291. }
  292.  
  293. .top a:hover {
  294. color:{color:link hover};
  295. }
  296. </style>
  297.  
  298. <style type="text/css">{CustomCSS}</style>
  299.  
  300. {block:ifinfinitescroll}
  301. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  302. {/block:ifinfinitescroll}
  303.  
  304. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  305. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  306. <script>
  307. (function($){
  308. $(document).ready(function(){
  309. $("a[title]").style_my_tooltips({
  310. tip_follows_cursor:true,
  311. tip_delay_time:90,
  312. tip_fade_speed:100,
  313. attribute:"title"
  314. });
  315. });
  316. })(jQuery);
  317. </script>
  318.  
  319. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  320.  
  321. </head>
  322.  
  323. <body>
  324.  
  325. <div id="container">
  326.  
  327. <div id="sidebar"><div class="title"><a href="/">{Title}</a></div>
  328. <div class="description">{description}</div>
  329. <div class=navbox><div align="right"><select onChange="location=this.options[this.selectedIndex].value;"style="font-family:'consolas';color:black;background-color:white;font-size:{text:font size}px;width:auto;height:20px;margin-left:-10px;">
  330. <option value="">{text:nav title}</option>
  331. <option value="/">home</option>
  332. <option value="/ask">ask</option>
  333. <option value="/archive">past</option>
  334. {block:iflink1title}<option value="{text:link 1 url}">{text:link 1 title}</option>{block:iflink1title}
  335. {block:iflink2title}<option value="{text:link 2 url}">{text:link 2 title}</option>{block:iflink2title}
  336. {block:iflink3title}<option value="{text:link 3 url}">{text:link 3 title}</option>{block:iflink3title}
  337. </select></form></div>
  338.  
  339.  
  340. </div>
  341.  
  342.  
  343. </div>
  344.  
  345.  
  346. <div id="content">
  347.  
  348. <div class="autopagerize_page_element">
  349. {block:Posts}
  350. <div id="posts">
  351.  
  352. {block:Photo}{LinkOpenTag}{block:if250pxposts}<img src="{PhotoURL-250}" />{/block:if250pxposts}{LinkCloseTag}{block:if400pxposts}<img src="{PhotoURL-400}" />{/block:if400pxposts}{/block:Photo}
  353. {block:Photoset}{block:if250pxposts}<div class="gd">{Photoset-250}</div>{/block:if250pxposts}{block:if400pxposts}<div class="gd">{Photoset-400}</div>{/block:if400pxposts}{/block:Photoset}
  354. {block:Text}<div class="top">{block:Title}<div class="junsu">{Title}</div>{/block:Title}
  355. {Body}</div>{/block:Text}
  356. {block:Quote}<div class="yoochun">“{Quote}”</div>
  357. <div class="backsid">— {Source}</div>{/block:Quote}
  358. {block:Link}<a href="{URL}" target="_blank"><div class="omgsun">{Name} »</div></a>
  359. {block:Description}{Description}{/block:Description}{/block:Link}
  360. {block:Chat}{block:Title}<div class="junsu">{Title}</div>{/block:Title}
  361. {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />{/block:Lines}{/block:Chat}
  362. {block:Video}{block:if250pxposts}<div class="gd">{Video-250}</div>{/block:if250pxposts}{block:if400pxposts}<div class="gd">{Video-400}</div>{/block:if400pxposts}{/block:Video}
  363. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  364. <div class="jaejoong">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>{/block:Audio}
  365. {block:Answer}<div id="tp"><div class="nile"><img src="{AskerPortraitURL-24}"></div><div class="niall"> {Asker} said:</div><div class="naill">{Question}</div></div><div class="top">{Answer}</div>{/block:Answer}
  366.  
  367.  
  368. {block:permalinkpage}
  369.  
  370. {block:Caption}{Caption}{/block:Caption}
  371.  
  372. <div class="mithra">{block:date}Posted: {MonthNumber}.{DayofMonth}.{Year} {24Hour}:{Minutes}<br />{/block:date}
  373.  
  374. {block:NoteCount}
  375. Notes:
  376. {NoteCount} -
  377. {/block:NoteCount}
  378.  
  379. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">Source</a> / {/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a><br />{/block:RebloggedFrom}
  380. {block:hastags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:hastags}
  381. </div>
  382.  
  383. {block:PostNotes}{PostNotes}{/block:PostNotes}
  384.  
  385. {/block:permalinkpage}
  386.  
  387. {block:indexpage}<div id="arry"><a href="{Permalink}" title="permalink">{NoteCount}</a> / <a href="{ReblogURL}" title="reblog" target="_blank">↻</a></div>{/block:indexpage}
  388.  
  389. </div>
  390. {/block:Posts}</div>
  391.  
  392. {block:ifnotinfinitescroll}
  393. {block:Pagination}
  394.  
  395. <div class="tablo">
  396. {block:PreviousPage}
  397. <a href="{PreviousPage}">[Previous]</a>
  398. {/block:PreviousPage}
  399.  
  400. {block:NextPage}
  401. <a href="{NextPage}">[Next]</a>
  402. {/block:NextPage}
  403. </div>
  404.  
  405. {/block:Pagination}
  406. {/block:ifnotinfinitescroll}
  407.  
  408. <div style="position:fixed; z-index:-1; left:{text:transparent horizontal}px; bottom:{text:transparent vertical}px; opacity:1;"><img style="width:100%;" src="{image:transparent}"></div>
  409.  
  410. <div style="position:fixed; bottom:0; left:0; padding:8px;"><a title="theme credit" style="background:white; border:1px solid black; color:black; padding:2px;"href="http://330px.tumblr.com/">☹</a></div></div>
  411. </body>
  412. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement