Advertisement
lubbilubb

\(-___________-;)/

Sep 10th, 2014
4,520
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.85 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.  
  19. <meta name="color:background" content="#ffdada" />
  20. <meta name="color:nav bg" content="#D4C4DE" />
  21. <meta name="color:nav border" content="#B4B5D3" />
  22. <meta name="color:nav text" content="#5B4470" />
  23. <meta name="color:perma bg" content="#D4C4DE" />
  24. <meta name="color:perma text" content="#5B4470" />
  25. <meta name="color:text" content="#000000" />
  26. <meta name="color:links" content="#5B4470" />
  27. <meta name="color:link hover" content="#ffffff" />
  28. <meta name="color:highlight" content="#000000" />
  29. <meta name="color:highlight text" content="#ffffff" />
  30. <meta name="color:scrollbar background" content="#000000" />
  31. <meta name="color:scrollbar" content="#ffffff" />
  32. <meta name="color:scrollbar border" content="#000000" />
  33.  
  34. <meta name="image:background" content="http://static.tumblr.com/bba957aaef8250caeea4228dd6a6fb3e/apnhngn/yTynbp77x/tumblr_static_1guzqf68cmck0w4cs88484g0o.jpg" />
  35. <meta name="image:favicon" content="http://static.tumblr.com/414502a306b33c79ad8b014d463182f1/apnhngn/Xcenbplej/tumblr_static_18nbz006k7s0cco44sww40ww0.gif" />
  36. <meta name="image:sidebar" content="http://static.tumblr.com/fe25335453df57d7e5a136a4b8f84fc2/apnhngn/YODnbp77x/tumblr_static_8hefq18vqqkg08oggc4cgssgs.gif" />
  37. <meta name="image:transparent" content="" />
  38.  
  39. <meta name="select:font" content="arial" title="arial">
  40. <meta name="select:font" content="courier new" title="courier new">
  41. <meta name="select:font" content="verdana" title="verdana">
  42. <meta name="select:font" content="consolas" title="consolas">
  43. <meta name="select:font" content="inconsolata" title="inconsolata">
  44.  
  45. <meta name="if:250px posts" content="0" />
  46. <meta name="if:400px posts" content="1" />
  47. <meta name="if:max bg" content="0" />
  48. <meta name="if:infinite scroll" content="0">
  49. <meta name="if:tiny cursor" content="1">
  50. <meta name="if:hide description" content="0" />
  51. <meta name="if:hide captions" content="0">
  52. <meta name="if:hide tags" content="0">
  53.  
  54. <meta name="text:sidebar height" content="250" />
  55. <meta name="text:font size" content="11" />
  56. <meta name="text:note symbol" content="❤" />
  57. <meta name="text:dropbox title" content="。。。" />
  58. <meta name="text:link 1 title" content="" />
  59. <meta name="text:link 2 title" content="" />
  60. <meta name="text:link 3 title" content="" />
  61. <meta name="text:url 1" content="" />
  62. <meta name="text:url 2" content="" />
  63. <meta name="text:url 3" content="" />
  64. <meta name="text:transparent horizontal" content=""/>
  65. <meta name="text:transparent vertical" content=""/>
  66.  
  67. <style type="text/css">
  68.  
  69. @font-face {
  70. font-family: 'Inconsolata';
  71. font-style: normal;
  72. font-weight: 250;
  73. src: local('Inconsolata'), url(http://themes.googleusercontent.com/static/fonts/inconsolata/v7/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  74. }
  75.  
  76. ::-webkit-scrollbar {width: 6px; height: 3px; background: {color:scrollbar background};}
  77. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ; border: 1px solid {color:scrollbar border}; }
  78.  
  79. ::selection {
  80. background: {color:highlight};
  81. color: {color:highlight text};
  82. }
  83. ::-moz-selection {
  84. background: {color:highlight};
  85. color: {color:highlight text};
  86. }
  87.  
  88. {block:iftinycursor}body, a {
  89. cursor:url('http://i.imgur.com/2qleX.jpg'), auto
  90. }
  91.  
  92. a:hover {
  93. cursor: url('http://i.imgur.com/IepP2.jpg'), auto;
  94.  
  95. } {/block:iftinycursor}
  96.  
  97. body {
  98. background: {color:Background} url('{image:Background}') top left fixed repeat; {block:ifmaxbg}background-size:cover;{/block:ifmaxbg};
  99. color: {color:text};
  100. font-family: {select:font};
  101. font-size: {text:font size}px;
  102. }
  103.  
  104. #sidebar {
  105. background-color: opacity 0;
  106. width: 120px;
  107. position: fixed;
  108. top: {text:sidebar height}px;
  109. left: 330px;
  110. }
  111.  
  112. #sidebar .image {
  113. width:auto;
  114. }
  115.  
  116. #sidebar .description {
  117. color: {color:text};
  118. font-family: {select:font};
  119. font-size: {text:font size}px;
  120. text-align: center;
  121. margin-top:3px;
  122. {block:ifhidedescription}display: none;{/block:ifhidedescription}
  123. }
  124.  
  125. #content {
  126. width: {block:if250pxposts}250px;{/block:if250pxposts} {block:if400pxposts}400px;{/block:if400pxposts}
  127. margin: 10px 0 60px 530px;
  128. padding: 25px 0 40px;
  129. color: black;
  130. }
  131.  
  132. #content #posts {
  133. width: {block:if250pxposts}250px;{/block:if250pxposts} {block:if400pxposts}400px;{/block:if400pxposts}
  134. background:transparent;
  135. margin-bottom: 40px;
  136. padding: 5px;
  137. color: {color:text};
  138. word-wrap: break-word;
  139. }
  140.  
  141. #content a {
  142. background-color:{color:perma bg};
  143. color: {color:links};
  144. text-decoration: none;
  145. font-size: {text:font size}px;
  146. }
  147.  
  148. #content a:hover {
  149. background:transparent;
  150. color: {color:link hover};
  151. text-decoration: none
  152. }
  153.  
  154. #content blockquote {
  155. border-left: solid 2px black;
  156. margin: 0;
  157. padding-left: 10px;
  158. }
  159.  
  160. #posts #img {
  161. border: 0;
  162. text-align:center;
  163. max-width:100%;
  164. }
  165.  
  166. #posts #img a {
  167. background:transparent;
  168. }
  169.  
  170. #content #posts .title {
  171. font-size: 18px;
  172. font-weight:bold;
  173. }
  174.  
  175. #content #posts .neji {
  176. font-size:{text:font size}px;
  177. overflow: hidden;
  178. }
  179.  
  180. #content #posts #permalink {
  181. background-color: transparent;
  182. text-align: center;
  183. padding: 2px 7px 3px 0;
  184. }
  185.  
  186. #content #posts #permalink a{
  187. background-color:{color:perma bg};
  188. color: {color:perma text};
  189. text-decoration:none;
  190. }
  191.  
  192. #content #posts #permalink a:hover{
  193. background:transparent;
  194. color: {color:link hover};
  195. padding-left:4px;
  196. padding-right:4px;
  197. text-decoration:none;
  198. }
  199.  
  200. #content #posts #tags .comma:last-child {
  201. display: none;
  202. }
  203.  
  204. #content #notecontainer {
  205. color: {color:text};
  206. width: {block:if250pxposts}250px;{/block:if250pxposts} {block:if400pxposts}400px;{/block:if400pxposts}
  207. font-size: 10px;
  208. margin-top: 10px;
  209. height: 270px;
  210. overflow: auto;
  211. }
  212.  
  213. #content #notecontainer a {
  214. color: {color:links};
  215. font-size: 10px;
  216. }
  217.  
  218. #content #notecontainer ol.notes {
  219. list-style-type: none;
  220. text-align:right;
  221. color: {color:text};
  222. }
  223.  
  224. #content #notecontainer img.avatar {
  225. margin-right: 5px;
  226. width: 16px;
  227. height: 16px;
  228. }
  229.  
  230. #posts #caption {
  231. {block:ifhidecaptions}{block:IndexPage}
  232. display: none;{/block:IndexPage}{block:ifhidecaptions}
  233. }
  234.  
  235.  
  236. #tags {
  237. {block:ifhidetags}{block:IndexPage}
  238. display: none;{/block:IndexPage}{block:ifhidetags}
  239. margin-top: 3px;
  240. }
  241.  
  242.  
  243. .aa {
  244. {block:if250pxposts}width:250px;{/block:if250pxposts}
  245. {block:if400pxposts}width:400px;{/block:if400pxposts}
  246. }
  247.  
  248. .ap {
  249. background:black;
  250. {block:if250pxposts}width:250px;{/block:if250pxposts}
  251. {block:if400pxposts}width:400px;{/block:if400pxposts}
  252. margin-bottom:3px;
  253. }
  254.  
  255.  
  256. .gwisoon {
  257. width: 20px;
  258. height: 30px;
  259. overflow: hidden;
  260. position: relative;
  261. z-index: 1000;
  262. margin: 15px 24px 13px 16px;
  263. }
  264.  
  265. .daesung {
  266. background-color: #000;
  267. position: absolute;
  268. z-index: 1000;
  269. margin-top: {block:if250pxposts}100px{/block:if250pxposts} {block:if400pxposts}171px{/block:if400pxposts};
  270. margin-left: {block:if250pxposts}95px{/block:if250pxposts} {block:if400pxposts}167px{/block:if400pxposts};
  271. opacity:.69;
  272. }
  273.  
  274. img {
  275. border: 0;
  276. max-width: 100%;
  277. }
  278.  
  279. <style type="text/css">{CustomCSS}</style>
  280.  
  281. {block:ifinfinitescroll}
  282. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  283. {/block:ifinfinitescroll}
  284.  
  285. </head>
  286.  
  287. <body>
  288.  
  289. <div id="sidebar">
  290. <center><a href="/"><img class="image" src="{image:sidebar}" style="max-width:100%;"/></a>
  291. <div class="description">
  292. {description}</div>
  293. </center>
  294.  
  295. <center><select onChange="location=this.options[this.selectedIndex].value;" style="font:{text:font size}px {select:font}; color:{color:nav text}; border: 1px solid {color:nav border}; float:center; background-color:{color:nav bg}; width: auto; -webkit-appearance: none; margin-top:8px; text-align:center;">
  296. <option value="">{text:dropbox title}</option>
  297. <option value="/">home</option>
  298. <option value="/ask">ask</option>
  299. <option value="/archive">past</option>
  300. {block:iflink1title}<option value="{text:url 1}">{text:link 1 title}</option>{block:iflink1title}
  301. {block:iflink2title}<option value="{text:url 2}">{text:link 2 title}</option>{block:iflink2title}
  302. {block:iflink3title}<option value="{text:url 3}">{text:link 3 title}</option>{block:iflink3title}
  303. <option value="http://330px.tumblr.com">theme</option>
  304. </select></form></center>
  305. </div>
  306.  
  307. <div id="content">
  308.  
  309. <div class="autopagerize_page_element">
  310. {block:Posts}
  311.  
  312. {block:NoRebloggedFrom}
  313. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  314. {/block:NoRebloggedFrom}
  315.  
  316. {block:ContentSource}
  317. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  318. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  319. {/block:SourceLogo}
  320. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  321. {/block:ContentSource}
  322.  
  323. <div id="posts">
  324.  
  325. {block:Photo}<div id="img">
  326. {LinkOpenTag}{block:if250pxposts}<img src="{PhotoURL-250}" />{/block:if250pxposts}{LinkCloseTag}{block:if400pxposts}<img src="{PhotoURL-400}" />{/block:if400pxposts}</div>
  327. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions} {block:ifhidecaptions} {block:permalinkpage} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:permalinkpage} {/block:ifhidecaptions}
  328. {/block:Photo}
  329.  
  330. {block:Photoset}
  331. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}{block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  332. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions} {block:ifhidecaptions} {block:permalinkpage} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:permalinkpage} {/block:ifhidecaptions}
  333. {/block:Photoset}
  334.  
  335. {block:Video}
  336. {block:if250pxposts}{Video-250}{/block:if250pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}
  337. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions} {block:ifhidecaptions} {block:permalinkpage} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:permalinkpage} {/block:ifhidecaptions}
  338. {/block:Video}
  339.  
  340. {block:audio}
  341.  
  342. {block:AlbumArt}
  343. <div class="aa"><img src="{AlbumArtURL}"></div>
  344. {/block:AlbumArt}
  345.  
  346. {block:audioplayer}<div class="ap">{AudioplayerBlack}
  347. </div>{/block:audioplayer}
  348.  
  349.  
  350.  
  351. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions} {block:ifhidecaptions} {block:permalinkpage} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:permalinkpage} {/block:ifhidecaptions}
  352.  
  353. {/block:Audio}
  354.  
  355. {block:Text}
  356. {block:Title}<div class="title">{Title}</div>{/block:Title}
  357. <div class="neji">{Body}</div>
  358. {/block:Text}
  359.  
  360. {block:Answer}
  361. <div class="title">{Question}</div>
  362. <div class="text">- {Asker}</div>
  363. <div class="text">{Answer}</div>
  364. {/block:Answer}
  365.  
  366. {block:Chat}
  367. {block:Title}{Title}<br />{/block:Title}
  368. {block:Lines}
  369. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  370. {/block:Lines}
  371. {/block:Chat}
  372.  
  373. {block:Quote}
  374. <div class="title">“{Quote}”</div>
  375. {block:Source}<div class="text"><br>- {Source}</div>{/block:Source}
  376. {/block:Quote}
  377.  
  378. {block:Link}
  379. <a href="{URL}" >{Name}</a>
  380. {/block:Link}
  381.  
  382. <div id="permalink">
  383. {block:indexpage}<a href="{Permalink}">{NoteCount}{text:note symbol}</a>{/block:indexpage}
  384. {block:HasTags}<div id="tags">
  385. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  386. </div>
  387. {/block:HasTags}
  388.  
  389.  
  390. </div>
  391. </div>
  392.  
  393. {block:PostNotes}<center><div id="notecontainer">{PostNotes}</div></center>
  394. {/block:PostNotes}
  395.  
  396. {/block:Posts}
  397.  
  398. {block:ifnotinfinitescroll}
  399. <center>
  400. {block:Pagination}
  401. <div class="pagination">
  402. {block:PreviousPage}
  403. <a href="{PreviousPage}">Previous</a>
  404. {/block:PreviousPage}
  405.  
  406. {block:JumpPagination length="5"}
  407. {block:CurrentPage}
  408. <span class="current_page">{PageNumber}</span>
  409. {/block:CurrentPage}
  410.  
  411. {block:JumpPage}
  412. <a class="jump_page" href="{URL}">{PageNumber}</a>
  413. {/block:JumpPage}
  414. {/block:JumpPagination}
  415.  
  416. {block:NextPage}
  417. <a href="{NextPage}">Next</a>
  418. {/block:NextPage}
  419. </div>
  420. {/block:Pagination}
  421. </div></center>{/block:ifnotinfinitescroll}
  422. </div>
  423.  
  424. <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>
  425.  
  426. </body>
  427. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement