API tools faq
paste
Advertisement
imgirlrauhl

Theme #17 - Cannot be broken

imgirlrauhl
Feb 28th, 2014
1,917
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.43 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2.  
  3. Theme #17 "Cannot be broken" by Vanne @ themesbyvanne.tumblr.com
  4.  
  5. .Do NOT remove the credits
  6. .Do NOT steal my codes
  7. .Do NOT use as base code
  8. .Do NOT claim as your own
  9.  
  10. Thank you so much for using my theme! <3
  11.  
  12. ----------->
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. {block:IfCuteCursor}
  19. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  20. {/block:IfCuteCursor}
  21.  
  22. {block:ifCrosshairCursor}
  23. <style type="text/css">body { cursor: crosshair; } </style>
  24. {/block:ifCrosshairCursor}
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,700' rel='stylesheet' type='text/css'>
  27.  
  28. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Sidebar Image" content="https://24.media.tumblr.com/af91dc47d72d30f55c6262fe7f111792/tumblr_n1iwcpS1KW1t0v4cmo1_400.png"/>
  35. <meta name="image:Left Stripe BG" content=""/>
  36.  
  37. <meta name="color:Background" content="#f6f6f6"/>
  38. <meta name="color:Title" content="#73a7a4"/>
  39. <meta name="color:Title Shadow" content="#b8d6d5"/>
  40. <meta name="color:Description Text" content="#757575"/>
  41. <meta name="color:Description BG" content="#ffffff"/>
  42. <meta name="color:Scrollbar" content="#b8d0bc"/>
  43. <meta name="color:Scrollbar Bottom" content="#d6e9e8"/>
  44. <meta name="color:Link" content="#7fb5bb"/>
  45. <meta name="color:Link Hover" content="#92bd9b"/>
  46. <meta name="color:Italic Text" content="#aecab1"/>
  47. <meta name="color:Bold Text" content="#96c3c5"/>
  48. <meta name="color:Blockquote Border" content="#96bdbf"/>
  49. <meta name="color:Left Stripe BG" content="#dee9d8"/>
  50. <meta name="color:Color Bar 1" content="#ffffff"/>
  51. <meta name="color:Color Bar 2" content="#dceced"/>
  52. <meta name="color:Color Bar 3" content="#b3d3d5"/>
  53. <meta name="color:Color Bar 4" content="#91c0c3"/>
  54. <meta name="color:Color Bar 5" content="#68a4a7"/>
  55. <meta name="color:Main Nav Links" content="#ffffff"/>
  56. <meta name="color:Main Nav BG" content="#bdd4c6"/>
  57. <meta name="color:Custom Links Link" content="#ffffff"/>
  58. <meta name="color:Custom Links BG" content="#a8cbc4"/>
  59. <meta name="color:Custom Links BG Hover" content="#7aaba2"/>
  60. <meta name="color:Pagination Text" content="#8cb8bb"/>
  61. <meta name="color:Pagination Text BG" content="#d7e8ea"/>
  62. <meta name="color:Pagination Links" content="#ffffff"/>
  63. <meta name="color:Pagination Links BG" content="#a5cccd"/>
  64. <meta name="color:Pagination Links BG Hover" content="#709fa1"/>
  65. <meta name="color:Entries BG" content="#ffffff"/>
  66. <meta name="color:Entries Text" content="#7b7b7b"/>
  67. <meta name="color:Entries Title" content="#9ebcac"/>
  68. <meta name="color:Chat BG 1" content="#e5f2e7"/>
  69. <meta name="color:Chat Text 1" content="#93b69b"/>
  70. <meta name="color:Chat BG 2" content="#d1e3e4"/>
  71. <meta name="color:Chat Text 2" content="#84afb3"/>
  72. <meta name="color:Asker BG" content="#bedad5"/>
  73. <meta name="color:Asker Name" content="#ffffff"/>
  74. <meta name="color:Ask Border" content="#96b4b7"/>
  75. <meta name="color:Question BG" content="#e9f3f4"/>
  76.  
  77. <meta name="if:Show Captions" content="">
  78. <meta name="if:Show Tags" content="1">
  79. <meta name="if:Image Fade" content="">
  80. <meta name="if:Black And White Images" content="">
  81. <meta name="if:Back To Top" content="1"/>
  82. <meta name="if:Cute Cursor" content=""/>
  83. <meta name="if:Crosshair Cursor" content=""/>
  84.  
  85. <meta name="text:Sidebar Title" content="cannot be broken">
  86. <meta name="text:Music Player" content="">
  87. <meta name="text:Facebook URL" content="urlexample1">
  88. <meta name="text:Twitter Username" content="username_example1">
  89. <meta name="text:Link 1 Title" content="link 1">
  90. <meta name="text:Link 1 URL" content="">
  91. <meta name="text:Link 2 Title" content="link 2">
  92. <meta name="text:Link 2 URL" content="">
  93. <meta name="text:Link 3 Title" content="link 3">
  94. <meta name="text:Link 3 URL" content="">
  95. <meta name="text:Link 4 Title" content="link 4">
  96. <meta name="text:Link 4 URL" content="">
  97. <meta name="text:Link 5 Title" content="link 5">
  98. <meta name="text:Link 5 URL" content="">
  99. <meta name="text:Link 6 Title" content="link 6">
  100. <meta name="text:Link 6 URL" content="">
  101. <meta name="text:Ask URL" content="/ask">
  102.  
  103. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  104.  
  105. <style>
  106. div#qTip {
  107. margin-top: 3px;
  108. padding: 4px 8px 4px 8px;
  109. z-index: 99999;
  110. display: none;
  111. text-align: center;
  112. font-family: Consolas;
  113. position: absolute;
  114. text-transform: uppercase;
  115. font-size: 9px;
  116. background: {color:Main Nav BG};
  117. color: {color:Main Nav Links};
  118. letter-spacing: 1px;
  119. }
  120. </style>
  121.  
  122. <style type="text/css">
  123.  
  124. @import url(http://weloveiconfonts.com/api/?family=entypo);
  125.  
  126. /* entypo */
  127. [class*="entypo-"]:before {
  128. font-family: 'entypo', sans-serif;
  129. }
  130.  
  131. iframe#tumblr_controls {
  132. right: 3px !important;
  133. position: fixed !important;
  134. opacity: 0.2;
  135. white-space: nowrap;
  136. -webkit-filter: invert(100%);
  137. -moz-filter: invert(100%);
  138. -o-filter: invert(100%);
  139. -ms-filter: invert(100%);
  140. filter: invert(100%);
  141. -webkit-transition: opacity 0.7s linear;
  142. -webkit-transition: all 0.5s ease-in-out;
  143. -moz-transition: all 0.5s ease-in-out;
  144. -o-transition: all 0.5s ease-in-out;
  145. transition: all 0.5s ease-in-out;
  146. }
  147.  
  148. iframe#tumblr_controls:hover {
  149. opacity: 0.7;
  150. }
  151.  
  152. body {
  153. background: {color:Background} url('{image:Background}');
  154. background-attachment: fixed;
  155. font-family: Roboto Condensed;
  156. }
  157.  
  158. ::-webkit-scrollbar-thumb:vertical {
  159. background: {color:Scrollbar};
  160. height: auto;
  161. }
  162.  
  163. ::-webkit-scrollbar-thumb:horizontal {
  164. background: {color:Scrollbar};
  165. height: auto;
  166. }
  167.  
  168. ::-webkit-scrollbar {
  169. height: 4px;
  170. width: 4px;
  171. background: {color:Scrollbar Bottom};
  172. }
  173.  
  174. ::selection {
  175. background: {color:Color Bar 2};
  176. }
  177.  
  178. blockquote {
  179. margin-left: 0px;
  180. margin-right: 0px;
  181. padding-left: 5px;
  182. font-style: italic;
  183. border-left: 3px solid {color:Blockquote Border};
  184. }
  185.  
  186. a {
  187. text-decoration: none;
  188. color: {color:Link};
  189. }
  190.  
  191. a:hover {
  192. color: {color:Link Hover};
  193. text-decoration: none;
  194. }
  195.  
  196. b, strong {
  197. color: {color:Bold Text};
  198. font-weight: 700;
  199. }
  200.  
  201. i, em {
  202. color: {color:Italic Text};
  203. font-weight: 400italic;
  204. }
  205.  
  206. /* SIDEBAR, LINKS, ETC */
  207. #rightnav {
  208. position: fixed;
  209. margin-top: 230px;
  210. margin-left: 590px;
  211. width: 550px;
  212. }
  213.  
  214. #title {
  215. z-index: 99999;
  216. position: fixed;
  217. margin-top: -36px;
  218. margin-left:0px;
  219. font-size: 22px;
  220. text-align: center;
  221. font-family: Roboto Condensed;
  222. color: {color:Title};
  223. width: 490px;
  224. text-shadow: 1px 1px 2px {color:Title Shadow};
  225. }
  226.  
  227. #sidebar {
  228. position: relative;
  229. margin-left: 0px;
  230. margin-top: 0px;
  231. overflow: hidden;
  232. float:left;
  233. width: 255px;
  234. background: {color:Color Bar 3};
  235. }
  236.  
  237. #sidebar img {
  238. padding: 10px 10px 7px 10px;
  239. width: 235px;
  240. }
  241.  
  242. #description {
  243. margin-top: 0px;
  244. margin-left: 10px;
  245. width: 170px;
  246. max-height: 235px;
  247. font-family: Consolas;
  248. padding: 10px;
  249. font-size: 10px;
  250. text-align: center;
  251. position: relative;
  252. float: left;
  253. overflow: auto;
  254. color: {color:Description Text};
  255. background: {color:Description BG};
  256. -webkit-transition: all 0.5s ease-in-out;
  257. -moz-transition: all 0.5s ease-in-out;
  258. -o-transition: all 0.5s ease-in-out;
  259. -ms-transition: all 0.5s ease-in-out;
  260. transition: all 0.5s ease-in-out;
  261. }
  262.  
  263. #customlink {
  264. position: relative;
  265. float:left;
  266. margin-top: 0px;
  267. margin-left: 10px;
  268. z-index: 99999;
  269. }
  270.  
  271. #customlink a {
  272. z-index: 99999;
  273. margin-bottom: 5px;
  274. position: relative;
  275. display: block;
  276. text-align: center;
  277. text-transform: uppercase;
  278. letter-spacing: 1px;
  279. font-size: 15px;
  280. width: 20px;
  281. padding:4px;
  282. background: {color:Custom Links BG};
  283. color: {color:Custom Links Link};
  284. -webkit-transition: all .7s ease;
  285. -moz-transition: all .7s ease;
  286. -o-transition: all .7s ease;
  287. transition: all .7s ease;
  288. }
  289.  
  290. #customlink a:hover {
  291. background: {color:Custom Links BG Hover};
  292. }
  293.  
  294. #musicc {
  295. z-index: 99999;
  296. margin-top: 10px;
  297. margin-left: 0px;
  298. position: fixed;
  299. display: block;
  300. text-align: center;
  301. font-size: 12px;
  302. letter-spacing: 1px;
  303. padding: 6px 4px 7px 4px;
  304. width: 21px;
  305. height: 16px;
  306. background: {color:Main Nav BG};
  307. color: {color:Main Nav Links};
  308. -webkit-transition: all .7s ease;
  309. -moz-transition: all .7s ease;
  310. -o-transition: all .7s ease;
  311. transition: all .7s ease;
  312. }
  313.  
  314. #playerr {
  315. margin-top: -22px;
  316. margin-left: -14px;
  317. width: 50px;
  318. padding: 1px 9px 10px 9px;
  319. background: {color:Description BG};
  320. overflow: hidden;
  321. opacity: 0;
  322. -webkit-transition: all 0.5s ease-in-out;
  323. -moz-transition: all 0.5s ease-in-out;
  324. -o-transition: all 0.5s ease-in-out;
  325. -ms-transition: all 0.5s ease-in-out;
  326. transition: all 0.5s ease-in-out;
  327. }
  328.  
  329. #playerr:hover {
  330. opacity: 1;
  331. margin-left: -4px;
  332. }
  333.  
  334. #pagination {
  335. z-index: 9999999;
  336. position: fixed;
  337. padding: 2px;
  338. bottom: 20px;
  339. left: 590px;
  340. width: 250px;
  341. text-align: left;
  342. }
  343.  
  344. #pagination a {
  345. display: inline;
  346. font-size: 9px;
  347. padding: 3px;
  348. margin: 0px 2px 0px 2px;
  349. text-transform: uppercase;
  350. text-align: center;
  351. letter-spacing: 1px;
  352. font-family: Consolas;
  353. color: {color:Pagination Links};
  354. background: {color:Pagination Links BG};
  355. -webkit-transition: all .7s ease;
  356. -moz-transition: all .7s ease;
  357. -o-transition: all .7s ease;
  358. transition: all .7s ease;
  359. }
  360.  
  361. #pagination a:hover {
  362. background: {color:Pagination Links BG Hover};
  363. }
  364.  
  365. span.selectedpage {
  366. color: {color:Pagination Text};
  367. background: {color:Pagination Text BG};
  368. font-size: 9px;
  369. margin: 0px 2px 0px 2px;
  370. padding: 3px;
  371. text-transform: uppercase;
  372. text-align: center;
  373. letter-spacing: 1px;
  374. font-family: Consolas;
  375. }
  376.  
  377. /* LEFT NAVIGATION */
  378. #leftnav {
  379. position: fixed;
  380. top: 0px;
  381. left: 0px;
  382. width: 50px;
  383. height: 100%;
  384. background: {color:Left Stripe BG} url('{image:Left Stripe BG}');
  385. }
  386.  
  387. #sidebarbar {
  388. width:5px;
  389. height:100%;
  390. overflow:hidden;
  391. top: 0px;
  392. left: 48px;
  393. position: fixed;
  394. }
  395.  
  396. .sidebarborder {
  397. width:100%;
  398. height:20%;
  399. float:left;
  400. }
  401.  
  402. #main {
  403. position: fixed;
  404. margin-top: 230px;
  405. margin-left: -10px;
  406. z-index: 999999999999;
  407. text-align: center;
  408. }
  409.  
  410. #main a {
  411. z-index: 99999;
  412. margin-bottom: 6px;
  413. position: relative;
  414. display: block;
  415. text-align: center;
  416. font-size: 15px;
  417. letter-spacing: 1px;
  418. padding: 17px 4px 3px 4px;
  419. width: 42px;
  420. height: 30px;
  421. background: {color:Main Nav BG};
  422. color: {color:Main Nav Links};
  423. -webkit-transition: all 0.5s ease-in-out;
  424. -moz-transition: all 0.5s ease-in-out;
  425. -o-transition: all 0.5s ease-in-out;
  426. -ms-transition: all 0.5s ease-in-out;
  427. transition: all 0.5s ease-in-out;
  428. }
  429.  
  430. #main img {
  431. margin-top: -17px;
  432. margin-left: -4px;
  433. width: 50px;
  434. }
  435.  
  436. .iconu {
  437. float: left;
  438. margin-top: -3px;
  439. margin-left: 0px;
  440. font-size: 13px;
  441. overflow: hidden;
  442. height: 22px;
  443. width: 44px;
  444. line-height: 27px;
  445. text-align: center;
  446. }
  447.  
  448. .iconti {
  449. height: 16px;
  450. width: 42px;
  451. font-size: 9px;
  452. text-transform: uppercase;
  453. font-family: Consolas;
  454. text-align: center;
  455. margin-left: 44px;
  456. margin-top: -27px;
  457. padding: 6px 0px 4px 0px;
  458. line-height: 30px;
  459. -webkit-transition: all 0.5s ease-in-out;
  460. -moz-transition: all 0.5s ease-in-out;
  461. -o-transition: all 0.5s ease-in-out;
  462. -ms-transition: all 0.5s ease-in-out;
  463. transition: all 0.5s ease-in-out;
  464. }
  465.  
  466. .iconvi {
  467. height: 16px;
  468. width: 42px;
  469. font-size: 13px;
  470. text-transform: uppercase;
  471. text-align: center;
  472. margin-left: 0px;
  473. margin-top: -4px;
  474. padding: 0px 0px 4px 0px;
  475. line-height: 30px;
  476. -webkit-transition: all 0.5s ease-in-out;
  477. -moz-transition: all 0.5s ease-in-out;
  478. -o-transition: all 0.5s ease-in-out;
  479. -ms-transition: all 0.5s ease-in-out;
  480. transition: all 0.5s ease-in-out;
  481. }
  482.  
  483. .iconu:hover .iconti {
  484. margin-left: 0px;
  485. }
  486.  
  487. .iconu:hover .iconvi {
  488. margin-left: -40px;
  489. }
  490.  
  491.  
  492. #credu {
  493. position: fixed;
  494. bottom: 10px;
  495. right: 10px;
  496. z-index: 999999999999;
  497. }
  498.  
  499. /* POSTS */
  500.  
  501. #container {
  502. margin-top: 30px;
  503. margin-bottom: 30px;
  504. margin-left: 0px;
  505. width: 400px;
  506. padding: 0px 0px 0px 90px;
  507. }
  508.  
  509. .entry {
  510. float:left;
  511. z-index: 9999;
  512. position: relative;
  513. padding: 10px 10px 7px 10px;
  514. text-align: left;
  515. font-size: 13px;
  516. color: {color:Entries Text};
  517. background: {color:Entries BG};
  518. width: 400px;
  519. margin: 20px;
  520. }
  521.  
  522. .entry img {
  523. max-width: 100%;
  524. }
  525.  
  526. #entrytitle {
  527. z-index: 99999;
  528. text-align: center;
  529. text-transform: none;
  530. font-size: 22px;
  531. line-height: 22px;
  532. font-family: Roboto Condensed;
  533. color: {color:Entries Title};
  534. }
  535.  
  536. #colour-bar {
  537. width:420px;
  538. height:5px;
  539. overflow:hidden;
  540. bottom: -3px;
  541. left: 0px;
  542. position: absolute;
  543. }
  544.  
  545. .colour-part {
  546. width:33.33%;
  547. height:100%;
  548. float:left;
  549. }
  550.  
  551. /*ASK*/
  552. #asker {
  553. background: {color:Asker BG};
  554. border-bottom: 2px solid {color:Ask Border};
  555. color: {color:Asker Name};
  556. font-family: Consolas;
  557. font-size: 10px;
  558. padding: 4px;
  559. text-align: center;
  560. text-transform: uppercase;
  561. }
  562.  
  563. #asker a {
  564. color: {color:Asker Name};
  565. }
  566.  
  567. #ask {
  568. background: {color:Question BG};
  569. padding: 5px 7px 5px 7px;
  570. line-height: 12px;
  571. font-style: italic;
  572. font-size: 10px;
  573. font-family: Consolas;
  574. }
  575.  
  576. #answer {
  577. padding: 10px 5px 0px 5px;
  578. font-size: 12px;
  579. }
  580.  
  581. {block:IfImageFade}
  582. .photo {
  583. opacity: .7;
  584. -webkit-transition: all 0.5s ease-in-out;
  585. -moz-transition: all 0.5s ease-in-out;
  586. -o-transition: all 0.5s ease-in-out;
  587. -ms-transition: all 0.5s ease-in-out;
  588. transition: all 0.5s ease-in-out;
  589. }
  590.  
  591. .photo:hover {
  592. opacity: 1;
  593. }
  594.  
  595. .entry img {
  596. opacity: .7;
  597. -webkit-transition: all 0.5s ease-in-out;
  598. -moz-transition: all 0.5s ease-in-out;
  599. -o-transition: all 0.5s ease-in-out;
  600. -ms-transition: all 0.5s ease-in-out;
  601. transition: all 0.5s ease-in-out;
  602. }
  603.  
  604. .entry img:hover {
  605. opacity: 1;
  606. }
  607. {/block:IfImageFade}
  608.  
  609. {block:IfBlackAndWhiteImages}
  610. .entry img{
  611. -webkit-transition: opacity 0.8s linear;
  612. -webkit-filter:grayscale(100%);
  613. -webkit-transition: all 0.5s ease-in-out;
  614. -moz-transition: all 0.5s ease-in-out;
  615. -o-transition: all 0.5s ease-in-out;
  616. -ms-transition: all 0.5s ease-in-out;
  617. transition: all 0.5s ease-in-out;
  618. }
  619.  
  620. .entry img:hover{
  621. -webkit-transition: opacity 0.8s linear;
  622. -webkit-filter:none;
  623. -webkit-transition: all 0.5s ease-in-out;
  624. -moz-transition: all 0.5s ease-in-out;
  625. -o-transition: all 0.5s ease-in-out;
  626. -ms-transition: all 0.5s ease-in-out;
  627. transition: all 0.5s ease-in-out;
  628. }
  629. {/block:IfBlackAndWhiteImages}
  630.  
  631. #audio img {
  632. float: left;
  633. margin-right: 10px;
  634. border-top: 7px solid {color:Color Bar 2};
  635. border-right: 7px solid {color:Color Bar 3};
  636. border-bottom: 7px solid {color:Color Bar 4};
  637. border-left: 7px solid {color:Color Bar 5};
  638. width: 40px;
  639. }
  640.  
  641. #player {
  642. overflow: hidden;
  643. position: relative;
  644. opacity: .4;
  645. margin-left: 10px;
  646. margin-top: 13px;
  647. margin-bottom: 18px;
  648. }
  649.  
  650. #player:hover {
  651. opacity: .8;
  652. }
  653.  
  654. .top {
  655. position: fixed;
  656. z-index: 999;
  657. }
  658.  
  659. .top a {
  660. font-size: 9px;
  661. text-align: center;
  662. font-family: Consolas;
  663. text-transform: uppercase;
  664. letter-spacing: 1px;
  665. padding: 6px;
  666. background: {color:Custom Links BG};
  667. color: {color:Custom Links Link};
  668. }
  669.  
  670. .top a:hover {
  671. background: {color:Custom Links BG Hover};
  672. }
  673.  
  674. #scrollToTop:link, #scrollToTop:visited {
  675. z-index: 9999;
  676. display: none;
  677. position: fixed;
  678. bottom: 15px;
  679. right: 15px;
  680. }
  681.  
  682. .chat {
  683. margin: 0;
  684. }
  685.  
  686. .chat .chat1 {
  687. margin-left: 0px;
  688. }
  689.  
  690. .chat .chat1 .chat2 {
  691. background: {color:Chat BG 1};
  692. color: {color:Chat Text 1};
  693. margin-bottom: 2px;
  694. padding: 4px 4px 5px 5px;
  695. }
  696.  
  697. .chat .chat1 .chat2.even {
  698. background: {color:Chat BG 2};
  699. color: {color:Chat Text 2};
  700. }
  701.  
  702. #tags {
  703. position: absolute;
  704. bottom: -19px;
  705. font-size: 9px;
  706. text-transform: uppercase;
  707. width: 400px;
  708. text-align: center;
  709. font-family: Consolas;
  710. }
  711.  
  712. #capp {
  713. margin-top: 10px;
  714. font-size: 12px;
  715. background: {color:Ask BG};
  716. padding: 10px;
  717. }
  718.  
  719. ol.notes {
  720. margin-top: 10px;
  721. margin-left: -25px;
  722. padding-bottom: 5px;
  723. text-transform: uppercase;
  724. font-size: 9px;
  725. font-family: Consolas;
  726. text-align: left;
  727. list-style-type: none;
  728. }
  729.  
  730. </style>
  731.  
  732. {block:IfBackToTop}
  733. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  734. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  735.  
  736. <div class="top">
  737. <a href="javascript:;" id="scrollToTop">top ↑</a>
  738. </div>
  739. {/block:IfBackToTop}
  740.  
  741. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  742.  
  743. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  744.  
  745. <script>
  746. $(function(){
  747. var $container = $('#container');
  748. $container.imagesLoaded(function(){
  749. $container.masonry({
  750. itemSelector: '.entry',
  751. });
  752. });
  753. $container.infinitescroll({
  754. itemSelector : ".entry",
  755. navSelector : "#pagination",
  756. nextSelector : "#pagination a",
  757. loadingImg : "http://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
  758. loadingText : "<em></em>",
  759. bufferPx : 10000,
  760. extraScrollPx: 12000,
  761. },
  762. // trigger Masonry as a callback
  763. function( newElements ) {
  764. var $newElems = $( newElements ).css({ opacity: 0 });
  765. // ensure that images load before adding to masonry layout
  766. $newElems.imagesLoaded(function(){
  767. $newElems.animate({ opacity: 1 });
  768. $container.masonry( 'appended', $newElems, true );
  769. });
  770. }
  771. );
  772. });
  773. </script>
  774.  
  775.  
  776. </head>
  777.  
  778. <body>
  779.  
  780. <div id="leftnav"></div>
  781.  
  782. <div id="main">
  783. <a href="/">
  784. <div class="iconu">
  785. <div class="iconvi"><span class="entypo-home"></span></div>
  786. <div class="iconti">home</div>
  787. </div>
  788. </a>
  789.  
  790. <a href="{text:Ask URL}">
  791. <div class="iconu">
  792. <div class="iconvi"><span class="entypo-mail"></span></div>
  793. <div class="iconti">ask</div>
  794. </div>
  795. </a>
  796.  
  797. <a href="/"><img src="{Favicon}"></a>
  798.  
  799. <a href="/archive">
  800. <div class="iconu">
  801. <div class="iconvi"><span class="entypo-calendar"></span></div>
  802. <div class="iconti">archive</div>
  803. </div>
  804. </a>
  805.  
  806. <a href="http://themesbyvanne.tumblr.com">
  807. <div class="iconu">
  808. <div class="iconvi"><span class="entypo-key"></span></div>
  809. <div class="iconti">theme</div>
  810. </div>
  811. </a>
  812. </div>
  813.  
  814. <div id="sidebarbar">
  815. <div class="sidebarborder" style="background-color:{color:Color Bar 1};"></div>
  816. <div class="sidebarborder" style="background-color:{color:Color Bar 2};"></div>
  817. <div class="sidebarborder" style="background-color:{color:Color Bar 3};"></div>
  818. <div class="sidebarborder" style="background-color:{color:Color Bar 4};"></div>
  819. <div class="sidebarborder" style="background-color:{color:Color Bar 5};"></div>
  820. </div>
  821.  
  822. <div id="rightnav">
  823.  
  824. <div id="title">{text:Sidebar Title}</div>
  825.  
  826. <div id="sidebar">
  827. <img src="{image:Sidebar Image}">
  828. {block:IfMusicPlayer}
  829. <div id="musicc">
  830. <span class="entypo-note-beamed"></span>
  831. <div id="playerr">
  832. {text:Music Player}
  833. </div>
  834. </div>
  835. {/block:IfMusicPlayer}
  836. </div>
  837.  
  838. <div id="customlink">
  839. {block:IfFacebookURL}
  840. <a href="http://facebook.com/{text:Facebook URL}" title="Facebook"><span class="entypo-facebook"></span></a>
  841. {/block:IfFacebookURL}
  842.  
  843. {block:IfTwitterUsername}
  844. <a href="http://twitter.com/{text:Twitter Username}" title="Twitter"><span class="entypo-twitter"></span></a>
  845. {/block:IfTwitterUsername}
  846.  
  847. {block:IfLink1Title}
  848. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}"><span class="entypo-heart"></span></a>
  849. {/block:IfLink1Title}
  850.  
  851. {block:IfLink2Title}
  852. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}"><span class="entypo-feather"></span></a>
  853. {/block:IfLink2Title}
  854.  
  855. {block:IfLink3Title}
  856. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}"><span class="entypo-star"></span></a>
  857. {/block:IfLink3Title}
  858.  
  859. {block:IfLink4Title}
  860. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}"><span class="entypo-paper-plane"></span></a>
  861. {/block:IfLink4Title}
  862.  
  863. {block:IfLink5Title}
  864. <a href="{text:Link 5 URL}" title="{text:Link 5 Title}"><span class="entypo-light-up"></span></a>
  865. {/block:IfLink5Title}
  866.  
  867. {block:IfLink6Title}
  868. <a href="{text:Link 6 URL}" title="{text:Link 6 Title}"><span class="entypo-palette"></span></a>
  869. {/block:IfLink6Title}
  870. </div>
  871. <div id="description">{Description}</div>
  872. </div>
  873.  
  874.  
  875. {block:Pagination}
  876. <div id="pagination">
  877. {block:PreviousPage}
  878. <a href="{PreviousPage}">BACK</a>
  879. {/block:PreviousPage}
  880. {block:JumpPagination length="5"}
  881. {block:CurrentPage}
  882. <span class="current_page"><span class="selectedpage">{PageNumber}</span></span>
  883. {/block:CurrentPage}
  884. {block:JumpPage}
  885. <a class="jump_page" href="{URL}">{PageNumber}</a>
  886. {/block:JumpPage}
  887. {/block:JumpPagination}
  888. {block:NextPage}
  889. <a href="{NextPage}">NEXT</a>
  890. {/block:NextPage}
  891. </div>
  892. {/block:Pagination}
  893.  
  894.  
  895.  
  896.  
  897.  
  898. <div id="container">
  899. {block:Posts}
  900. <div class="entry">
  901.  
  902.  
  903.  
  904. {block:Photo}
  905. <div class="photo"><img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}"></div>
  906. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  907. {/block:Photo}
  908.  
  909.  
  910.  
  911. {block:Photoset}
  912. {block:IndexPage}
  913. <div class="photo">{Photoset-400}</div>
  914. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  915. {/block:IndexPage}
  916. {block:PermalinkPage}<div class="photo">{Photoset-400}</div>{/block:PermalinkPage}
  917. {/block:Photoset}
  918.  
  919.  
  920.  
  921. {block:Video}
  922. {block:IndexPage}
  923. {Video-400}
  924. {block:IfShowCaptions}{block:Caption}<div id="capp">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  925. {/block:IndexPage}
  926. {block:PermalinkPage}
  927. {Video-400}
  928. {/block:PermalinkPage}
  929. {/block:Video}
  930.  
  931.  
  932.  
  933. {block:Text}
  934. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  935. {Body}
  936. <center>
  937. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  938. </center>
  939. {/block:Text}
  940.  
  941.  
  942.  
  943. {block:Audio}
  944. {block:IndexPage}
  945. {block:AlbumArt}
  946. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  947. {/block:AlbumArt}
  948. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 0px;"></div>
  949. {block:Artist}
  950. <b>Artist:</b> <i>{Artist}</i>
  951. {/block:Artist} <br />
  952. {block:Album}
  953. <b>Album:</b> <i>{Album}</i>
  954. {/block:Album}<br />
  955. {block:TrackName}
  956. <b>Track:</b> <i>{TrackName}</i>
  957. {/block:TrackName}<br />
  958. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  959. {/block:IndexPage}
  960. {/block:Audio}
  961.  
  962.  
  963.  
  964. {block:Quote}
  965. <div style="color: {color:Blockquote Text}; font-style: italic;">"{Quote}" </div>
  966. <div style="text-align: center; font-size: 9px; font-style: italic; padding-top: 3px; padding-bottom: 4px;">—{Source}</div>
  967. {/block:Quote}
  968.  
  969.  
  970.  
  971. {block:Link}
  972. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  973. {Description}
  974. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  975. {/block:Link}
  976.  
  977.  
  978.  
  979. {block:Chat}
  980. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  981. <div class="chat">
  982. <div class="chat1">
  983. {block:Lines}
  984. <div class="chat2 {Alt}">
  985. {block:Label}
  986. {Label}
  987. {/block:Label}
  988. {Line} </div>
  989. {/block:Lines}
  990. </div>
  991. </div>
  992. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  993. {/block:Chat}
  994.  
  995.  
  996.  
  997. {block:Answer}
  998. <div id="asker">{Asker}:</div>
  999. <div id="ask">{Question}</div>
  1000. <div id="answer"{Answer}</div>
  1001. {/block:Answer}
  1002.  
  1003.  
  1004. <!--- perma ---> {block:IndexPage}
  1005.  
  1006. <div id="colour-bar">
  1007.  
  1008. <a href="{permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}"><div class="colour-part" style="background:{color:Color Bar 2};"></div></a>
  1009.  
  1010. <a href="{permalink}" title="{NoteCountWithLabel}"><div class="colour-part" style="background:{color:Color Bar 3};"></div></a>
  1011.  
  1012. <a href="{ReblogURL}" target="_blank" title="Reblog"><div class="colour-part" style="background:{color:Color Bar 4};"></div></a>
  1013.  
  1014. </div>
  1015.  
  1016. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  1017.  
  1018. <!--- /perma ---> {/block:IndexPage}
  1019.  
  1020.  
  1021.  
  1022. <!-- permalink --> {block:PermalinkPage}
  1023.  
  1024. {block:Caption}{Caption}{/block:Caption}
  1025.  
  1026. {block:Date}<b>❯</b> <font style="color: {color:Italic Text};">Posted on</font> {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} <font style="color: {color:Italic Text};">at</font> {12Hour}:{Minutes}{AmPm}{/block:Date} {block:NoteCount} <font style="color: {color:Italic Text};">with</font> {NoteCountWithLabel}{/block:NoteCount}
  1027.  
  1028. {block:RebloggedFrom}<br><b>❯</b> <font style="color: {color:Italic Text};">Reblogged From</font> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1029.  
  1030. {block:HasTags}<br><b>❯</b> <font style="color: {color:Italic Text};">Tagged as</font> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}
  1031.  
  1032. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1033.  
  1034. <!-- /permalink --> {/block:PermalinkPage}
  1035.  
  1036.  
  1037.  
  1038. </div>
  1039. {/block:Posts}
  1040. </div>
  1041.  
  1042. </body>
  1043.  
  1044. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!