Advertisement
lubbilubb

\(-___________-;)/ v2

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