API tools faq
paste
Advertisement
Donniert

[11] All of me

Donniert
Jun 10th, 2014
1,470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.12 KB | None | 0 0
raw download clone embed print report
  1. <!-- N THEME 11 by Carlotta
  2. http://donthemes.tumblr.com/
  3. don't remove credits -->
  4.  
  5. <!------ RULES ------>
  6.  
  7. <!--
  8. 1. DO NOT REMOVE CREDITS
  9. 2. DO NOT REPOST THE CODE
  10. 3. DO NOT CLAIM AS YOURS
  11. 4. DO NOT USE IT AS A BASE
  12. -->
  13.  
  14. <!DOCTYPE html><html>
  15.  
  16. <head><title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}"/>
  22. {/block:Description}
  23.  
  24. <meta name="color:Background" content="#fff">
  25. <meta name="color:Title" content="#d95e40">
  26. <meta name="color:Title Background" content="#ef3b2d">
  27. <meta name="color:Header" content="#fff">
  28. <meta name="color:Header Background" content="#000">
  29. <meta name="color:Navigation" content="#fff">
  30. <meta name="color:Navigation Background" content="#20c2d9">
  31. <meta name="color:Text" content="#4e4e4e">
  32. <meta name="color:Bold Text" content="#2e63a0">
  33. <meta name="color:Italic Text" content="#e9ac68">
  34. <meta name="color:Entries Background" content="#000">
  35. <meta name="color:Entries Border" content="#509d77">
  36. <meta name="color:Sidebar Background" content="#fff">
  37. <meta name="color:Post Background" content="#fff">
  38. <meta name="color:Sidebar Text" content="#494949">
  39. <meta name="color:Sidebar Link" content="#d95e40">
  40. <meta name="color:Selection Background" content="#fff">
  41. <meta name="color:Selection Color" content="#d95e40">
  42. <meta name="color:Link" content="#d95e40">
  43. <meta name="color:Link hover" content="#4e4e4e">
  44. <meta name="color:Tags" content="#494949">
  45. <meta name="color:Tags Backgroun" content="#fff">
  46.  
  47. <meta name="font:Body" content="Helvetica">
  48.  
  49. <meta name="text:Big Sidebar Height" content="">
  50. <meta name="text:Link1" content="">
  51. <meta name="text:Link 1 name" content="">
  52. <meta name="text:Link2" content="">
  53. <meta name="text:Link 2 name" content="">
  54. <meta name="text:Link3" content="">
  55. <meta name="text:Link 3 name" content="">
  56. <meta name="text:Link4" content="">
  57. <meta name="text:Link 4 name" content="">
  58. <meta name="text:Link5" content="">
  59. <meta name="text:Link 5 name" content="">
  60. <meta name="text:Link6" content="">
  61. <meta name="text:Link 6 name" content="">
  62. <meta name="text:Link7" content="">
  63. <meta name="text:Link 7 name" content="">
  64. <meta name="text:Link8" content="">
  65. <meta name="text:Link 8 name" content="">
  66. <meta name="text:Cursor" content="http://cur.cursors-4u.net/cursors/cur-9/cur817.cur">
  67.  
  68. <meta name="image:Background" content="">
  69. <meta name="image:Sidebar" content="http://chrispiascik.wpengine.netdna-cdn.com/wp-content/uploads/2013/04/1347-20130419-AlphaPattern.jpg">
  70. <meta name="image:Big Sidebar" content="http://1.bp.blogspot.com/-6bhMmsBPRtM/UGz0HwIqHkI/AAAAAAAAAZs/mvn4GLwPTlM/s1600/HelloPattern.jpg">
  71. <meta name="image:Title Background" content="">
  72. <meta name="image:Header Background" content="">
  73. <meta name="image:Navigation Background" content="">
  74.  
  75. <meta name="if:Disable Right Click" content="1">
  76. <meta name="if:Monochrome Post" content="">
  77. <meta name="if:Monochrome Sidebar" content="">
  78. <meta name="if:400px Post" content="">
  79. <meta name="if:Big Sidebar" content="1">
  80. <meta name="if:Fixed Big Sidebar Height" content="">
  81. <meta name="if:Post Border" content="">
  82. <meta name="if:Post Background" content="">
  83. <meta name="if:Center Sidebar Text" content="">
  84. <meta name="if:Show Tags" content="1">
  85. <meta name="if:Sidebar Image" content="1">
  86. <meta name="if:Sidebar Background" content="">
  87. <meta name="if:Tags Background" content="">
  88. <meta name="if:Entries Background" content="">
  89. <meta name="if:Show Captions" content="1">
  90. <meta name="if:Infinite Scrolling" content="">
  91. <meta name="if:Submit Link" content="">
  92. <meta name="if:Tags On Hover" content="1">
  93. <meta name="if:Title" content="1">
  94.  
  95. <!-- START OF NO RIGHT CLICK CODE -->
  96. {block:ifDisableRightClick}<SCRIPT TYPE="text/javascript">
  97. <!--
  98. function clickIE() {if (document.all) {(message);return false;}}
  99. function clickNS(e) {if
  100. (document.layers||(document.getElementById&&!document.all)) {
  101. if (e.which==2||e.which==3) {(message);return false;}}}
  102. if (document.layers)
  103. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  104. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  105. document.oncontextmenu=new Function("return false")
  106. // -->
  107. </SCRIPT>{/block:ifDisableRightClick}
  108. <!-- END OF NO RIGHT CLICK CODE -->
  109.  
  110. <!-- START OF INFINITE SCROLLING CODE -->
  111. {block:IfInfiniteScrolling}
  112. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  113. {/block:IfInfiniteScrolling}
  114. <!-- END OF ININITE SCROLLING CODE -->
  115.  
  116. <!-- STICK SIDEBAR CODE -->
  117. <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script>function sticky_relocate() {
  118. var window_top = $(window).scrollTop();
  119. var div_top = $('#sticky-anchor').offset().top;
  120. if (window_top > div_top) {
  121. $('#dess').addClass('stick');
  122. } else {
  123. $('#dess').removeClass('stick');}}
  124. $(function() {
  125. $(window).scroll(sticky_relocate);
  126. sticky_relocate();});</script>
  127. <!-- END OF STICK SIDEBAR CODE -->
  128.  
  129. <!-- OTHER SCRIPT CODES -->
  130. <script type='text/javascript'>
  131. document.write(unescape("%3Cscript src='http://picuous.github.com/tumblrbox/tumblrbox.js' type='text/javascript'%3E%3C/script%3E"));
  132. </script>
  133.  
  134. <script>
  135. $(window).scroll(function() {
  136. if ($(this).scrollTop() > 600) {
  137. $(".button").stop().animate({opacity: 1}, 600);
  138. } else {
  139. $(".button").stop().animate({opacity: 0}, 600);}
  140. });</script>
  141.  
  142. <link href="http://fonts.googleapis.com/css?family=Ubuntu:bold" rel="stylesheet" type="text/css"><link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Economica:400,700' rel='stylesheet' type='text/css'>
  143.  
  144. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,300,600' rel='stylesheet' type='text/css'>
  145.  
  146. <style type="text/css">
  147.  
  148. /* ---- BODY: BACKGROUND, SCROLLBAR, TEXT ---- */
  149.  
  150. html, body, a, a:hover {{block:IfCursor}cursor: url('{text:Cursor}'), progress !important{/block:IfCursor};
  151. {block:IfNotCursor}cursor:auto{/block:IfNotCursor};}
  152.  
  153. body{
  154. background:{color:Background} url('{image:Background}');
  155. background-position: center;
  156. background-repeat: repeat;
  157. background-attachment: fixed;
  158. margin:0; padding:0;
  159. color:{color:Text};
  160. font: 11px {font:Body};
  161. line-height:110%;}
  162.  
  163. b, strong { color: {color:Bold text};}
  164. i, em { color: {color:Italic text};}
  165. small {font-size:11px;}
  166.  
  167. /* -- GENERAL LINKS -- */
  168.  
  169. a {text-decoration:none;
  170. color: {color:Link};
  171. transition: all 0.4s ease;
  172. -webkit-transition: all 0.4s ease;
  173. -moz-transition: all 0.4s ease;
  174. -o-transition: all 0.4s ease;}
  175.  
  176. a:hover {color: {color:Link Hover};}
  177.  
  178. /* -- GENERAL HOVER TRANSITION CSS -- */
  179.  
  180. * {-webkit-transition: all 0.5s ease;
  181. -moz-transition: all 0.5s ease;
  182. -o-transition: all 0.5s ease;
  183. transition: all 0.5s ease;}
  184.  
  185. *:hover {-webkit-transition: all 0.4s ease;
  186. -moz-transition: all 0.4s ease;
  187. -o-transition: all 0.4s ease;
  188. transition: all 0.4s ease;}
  189.  
  190. /* -- SCROLLBAR CHROME & SAFARI -- */
  191.  
  192. ::-webkit-scrollbar {width: 4px;}
  193.  
  194. ::-webkit-scrollbar-track {
  195. background:{color:Background} url('{image:Background}');}
  196.  
  197. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};}
  198.  
  199. ::-webkit-scrollbar-corner {
  200. background:{color:Background} url('{image:Background}');}
  201.  
  202. /* -- BIG SIDEBAR / BACKGORUND -- */
  203.  
  204. #sidem {
  205. top: 0; left:0;
  206. width: 100%;
  207. box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.3);
  208. overflow:hidden;}
  209.  
  210. {block:ifNotFixedBigSidebarHeight}
  211. #sidem img {
  212. width:100%;
  213. top:0; left:0;
  214. right:0; bottom:0;
  215. margin:0;
  216. height:auto;
  217. {block:ifNotBigSidebar}display:none;{/block:ifNotBigSidebar}}
  218. {/block:ifNotFixedBigSidebarHeight}
  219.  
  220. {block:ifFixedBigSidebarHeight}
  221. #sidem img {
  222. width:100%;
  223. height:{text:Big Sidebar Height};
  224. overflow:hidden;
  225. {block:ifNotBigSidebar}display:none;{/block:ifNotBigSidebar}}
  226. {/block:ifFixedBigSidebarHeight}
  227.  
  228. #bigimage img {
  229. {block:ifMonochromeSidebar}-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */filter: gray; /* IE 6-9 */ transition: all 0.7s ease;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;{/block:ifMonochromeSidebar}}
  230.  
  231. /* -- SIDEBAR -- */
  232.  
  233. #dess img {
  234. width:245px;
  235. height:auto;
  236. padding-bottom:4px;
  237. display:block;
  238. {block:ifNotSidebarImage}display:none;{/block:ifNotSidebarImage}}
  239.  
  240. /* -- DESCRIPTION -- */
  241.  
  242. #dess {
  243. position:absolute;
  244. padding:10px;
  245. width:245px;
  246. font-size:11px;
  247. color: {color:Sidebar Text};
  248. {block:ifSidebarBackground}background:{color:Sidebar Background}; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.15);{block:ifSidebarBackground}
  249. {block:ifNotBigSidebar}margin-left:-300px;{/block:ifNotBigSidebar}{block:ifBigSidebar}margin-left:-280px;{/block:ifBigSidebar}
  250. {block:ifCenterSidebarText}text-align:center;{/block:ifCenterSidebarText}
  251. {block:ifNotCenterSidebarText}text-align:justify;{/block:ifNotCenterSidebarText}}
  252.  
  253. #dess.stick {
  254. position: fixed;
  255. top:50px;}
  256.  
  257. #dess a {color:{color:Sidebar Link};}
  258. #dess a:hover {color: {color:Sidebar Text};}
  259.  
  260. /* -- TITLE -- */
  261.  
  262. #title {
  263. width:100%;
  264. left:0; height:26px;
  265. padding:13px 0 0 0;
  266. text-align:center;
  267. font-style:oblique;
  268. font-size:18px;
  269. font-family: 'Exo 2', sans-serif;
  270. color: {color:Title};
  271. {block:ifNotTitle}display:none;{/block:ifNotTitle}
  272. background:{color:Title Background} url('{image:Title Background}');}
  273.  
  274. /* -- HEADER BAR LINKS -- */
  275.  
  276. .button {
  277. position: fixed;
  278. top:0; left:0;
  279. z-index:800;
  280. width:100%;
  281. filter: alpha(opacity=0);-moz-opacity:0;
  282. -khtml-opacity:0;opacity:0;}
  283.  
  284. /* -- NAVIGATION -- */
  285.  
  286. #navig {
  287. position:fixed;
  288. top:0; left:0;
  289. width:100%;
  290. height:40px;
  291. background:{color:Header Background} url('{image:Header Background}');
  292. box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.3);
  293. font-size:16px;
  294. line-height:50px;
  295. font-family: 'Exo 2', sans-serif;
  296. z-index:3;}
  297.  
  298. .navtitle {
  299. margin-left:20px;
  300. color:{color:Header};
  301. font-weight:bold;
  302. text-transform:uppercase;}
  303.  
  304. #navig:hover .navtitle {color:transparent;margin-top:-10px;font-size:1px;}
  305. #navig:hover {top:35px;height:10px;}
  306.  
  307. #header {
  308. position:absolute;
  309. width:100%;
  310. height:40px;
  311. top: -50px;
  312. text-align:center;
  313. padding-top:15px;
  314. background:{color:Navigation Background} url('{image:Navigation Background}');}
  315.  
  316. .links a {
  317. display:inline;
  318. padding:2px 13px;
  319. background:transparent;
  320. border-bottom:1px solid{color:Title Background};
  321. color:{color:Title Background}!important;}
  322.  
  323. .links a:hover {
  324. background:{color:Title Background};
  325. color:{color:Title}!important;}
  326.  
  327. /* -- NAVIGATION LINKS -- */
  328.  
  329. #header a {
  330. display:inline-block;
  331. padding: 1px;
  332. margin:0 16px 2px 16px;
  333. letter-spacing:1px;
  334. line-height:25px;
  335. font-size: 14px;
  336. color:{color:Navigation};
  337. font-weight:bold;
  338. font-family: 'Exo 2', sans-serif;
  339. text-align: center;}
  340.  
  341. #header a:hover {font-style:oblique;}
  342.  
  343. /* -- CONTAINER -- */
  344.  
  345. #content {
  346. position: absolute;
  347. margin-top:10px;
  348. left: 50%;
  349. margin-bottom:10px;
  350. padding:20px;
  351. font-family: 'Exo 2', sans-serif;
  352. {block:ifNotBigSidebar}{block:ifEntriesBackground}top:18px; padding-top:20px; background:{color:Entries Background}; border-left: {color:Entries Border} 5px solid;border-right: {color:Entries Border} 5px solid;{/block:ifEntriesBackground}{/block:ifNotBigSidebar}
  353. {block:ifNot400pxPost}width:515px;margin-left:-280px;{/block:ifNot400pxPost}{block:if400pxPost}width:415px;margin-left:-230px;{/block:if400pxPost}}
  354.  
  355. /* -- POSTS -- */
  356.  
  357. .container {
  358. position: relative;
  359. word-wrap: break-word;
  360. padding:10px;
  361. margin-bottom:50px;
  362. {block:ifPostBorder} box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.15);{/block:ifPostBorder}{block:ifPostBackground}background:{color:Post Background};{block:ifPostBackground}
  363. {block:ifMonochromePost}-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE 6-9 */{/block:ifMonochromePost}}
  364.  
  365. .container:hover {
  366. -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
  367.  
  368. /* -- POST LINKS -- */
  369.  
  370. .container a {color: {color:Link};}
  371. .container a:hover { color: {color:Link hover};}
  372.  
  373. /* -- PANORAMA POST -- */
  374.  
  375. #panorama img {
  376. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  377. {block:if400pxPost}width:400px;{/block:if400pxPost}}
  378.  
  379. .tip {text-decoration: none;}
  380. .tip:hover {position: relative;}
  381. .tip span {display: none;}
  382.  
  383. .tip:hover span {
  384. padding: 5px;
  385. display: block;
  386. z-index: 100;
  387. margin:-30px 10px 10px -30px;
  388. width: auto;
  389. font-size:8px;
  390. position: absolute;
  391. text-transform:uppercase;
  392. background: {color:Post Background};
  393. color:{color:Text};}
  394.  
  395. /* -- TITLE POST -- */
  396.  
  397. h1 {
  398. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  399. font-size: 18px;
  400. text-transform: uppercase;
  401. color: {color:Link};}
  402.  
  403. /* -- CHAT POST -- */
  404.  
  405. .chat {
  406. padding:4px;
  407. line-height:16px;
  408. margin-bottom:1px;
  409. color: {color:Text};}
  410.  
  411. .chat:hover {-webkit-filter: invert(100%);}
  412.  
  413. /* -- PHOTO POST -- */
  414.  
  415. #highres {opacity: 0; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;}
  416. .entry:hover #highres {opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
  417.  
  418. #highres a {
  419. padding: 5px;
  420. display: block;
  421. z-index: 100;
  422. width: auto;
  423. font-size:8px;
  424. margin:10px;
  425. position: absolute;
  426. text-transform:uppercase;
  427. background: {color:Post Background};
  428. color:{color:Text};}
  429.  
  430. #highres a:hover {color:{color:Text}}
  431.  
  432. /* -- AUDIO ENTRIES -- */
  433.  
  434. #backaudio {
  435. position:absolute;
  436. width:26px;
  437. height:26px;
  438. padding:10px;
  439. margin:16px 0px 0px 16px;
  440. background:#fff;}
  441.  
  442. #audioplayer {
  443. margin:0px 4px 4px 0px;
  444. overflow:hidden;
  445. position:absolute;
  446. width:26px; height:26px;
  447. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  448.  
  449. #albumart {
  450. float:left;
  451. padding:2px;
  452. margin: 2px;}
  453.  
  454. #albumart img {
  455. width:68px; height:68px;}
  456.  
  457. #albuminfo {
  458. letter-spacing:1px;
  459. margin-top:-12px;
  460. line-height:15px;
  461. padding:16px 0px 16px 110px;}
  462.  
  463. /* -- VIDEO -- */
  464.  
  465. .video {
  466. position: relative;
  467. padding-bottom: 75%;
  468. height: 0;
  469. overflow: hidden;}
  470.  
  471. .video iframe, .video object, .video embed {
  472. position: absolute;
  473. top: 0; left: 0;
  474. width: 100%;
  475. height: 100%;}
  476.  
  477. /* -- QUOTE ENTRIES -- */
  478.  
  479. #quote {
  480. font-weight:bold;
  481. font-style:italic;
  482. font-size:16px;}
  483.  
  484. #quos {
  485. position:absolute;
  486. font-size:90px;
  487. width:60px;
  488. margin:25px 0px 0px -2px;
  489. font-family: 'Spirax', cursive;
  490. filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity:0.2;
  491. background:transparent;
  492. color:{color:Text};}
  493.  
  494. /* -- INFO & TAGS --*/
  495.  
  496. #tag {
  497. position:absolute;
  498. font-size:10px;
  499. padding:10px;
  500. width:150px;
  501. margin-top:-10px;
  502. z-index:1;
  503. color: {color:Tags};
  504. {block:ifTagsBackground}background:{color:Tags Background}; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.15);{/block:ifTagsBackground}
  505. font-family: 'Exo 2', sans-serif;
  506. {block:ifBigSidebar}{block:ifNot400pxPost}margin-left:520px;{/block:ifNot400pxPost}{block:if400pxPost}margin-left:420px;{/block:if400pxPost}{/block:ifBigSidebar}{block:ifNotBigSidebar}{block:ifNot400pxPost}margin-left:540px;{/block:ifNot400pxPost}{block:if400pxPost}margin-left:440px;{/block:if400pxPost}{/block:ifNotBigSidebar}
  507. {block:ifTagsOnHover}filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;{/block:ifTagsOnHover}
  508. {block:ifShowTags}display:block;{/block:ifShowTags}
  509. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}}
  510.  
  511. #tag a {
  512. margin:0px 3px;
  513. word-wrap: break-word;
  514. color: {color:Tags};}
  515.  
  516. .container:hover #tag {{block:ifTagsOnHover}filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;{/block:ifTagsOnHover}}
  517.  
  518. #info {
  519. margin:20px 0 0 0;
  520. line-height:12px;
  521. text-align: center;
  522. font-size:7px;
  523. letter-spacing:1px;
  524. text-transform:uppercase;
  525. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  526. opacity:0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity:0.7;
  527. color:{color:Text};
  528. {block:ifNot400pxPost}width:500px!important;{/block:ifNot400pxPost}
  529. {block:if400pxPost}width:400px!important;{/block:if400pxPost}}
  530.  
  531. #info a {color:{color:Text};}
  532.  
  533. /* -- TUMBLR CONTROLS -- */
  534.  
  535. #tumblr_controls {filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
  536.  
  537. #tumblr_controls:hover {filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  538.  
  539. /* -- TEXT SELECTION -- */
  540.  
  541. ::selection {
  542. background: {color:Selection Background};
  543. color: {color:Selection Color};}
  544.  
  545. ::-moz-selection {
  546. background: {color:Selection Background};
  547. color: {color:Selection Color};}
  548.  
  549. ::-webkit-selection {
  550. background: {color:Selection Background};
  551. color: {color:Selection Color};}
  552.  
  553. /* -- NOTES -- */
  554.  
  555. .notes {
  556. padding:2px;
  557. margin-left:20px;
  558. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  559. {block:if400pxPost}width:400px;{/block:if400pxPost}}
  560.  
  561. .notes a {color:{color:Link};}
  562.  
  563. ol.notes {
  564. padding: 0px;
  565. margin: 3px 0px;
  566. line-height:12px;
  567. padding-left:20px;
  568. list-style-type: none;}
  569.  
  570. ol.notes li.note {padding: 10px;}
  571. ol.notes li.note img.avatar {display:none;}
  572. ol.notes li.note span.action {font-weight: bold;}
  573. ol.notes li.note .answer_content {font-weight: normal;}
  574.  
  575. ol.notes li.note blockquote {
  576. padding: 4px 10px;
  577. margin: 10px 0px 0px 25px;
  578. border-color: {color:Text};}
  579.  
  580. ol.notes li.note blockquote a {color:{color:Link};}
  581.  
  582. /* -- OTHERS -- */
  583.  
  584. img {border:none;display:block; max-width:100%;}
  585.  
  586. /* -- BLOCKQUOTE -- */
  587.  
  588. blockquote img {max-width: 100%;}
  589.  
  590. {block:ifNot400pxPost} blockquote{max-width:500px!important;margin-left:5px;padding-left:5px;} blockquote blockquote{width:470px;} blockquote blockquote blockquote{width:458px;} blockquote blockquote blockquote blockquote{width:448px;} blockquote blockquote blockquote blockquote blockquote{width:438px;} blockquote blockquote blockquote blockquote blockquote blockquote{width:428px;} blockquote blockquote blockquote blockquote blockquote blockquote blockquote{width:418px;} blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{width:408px;}{/block:ifNot400pxPost}
  591.  
  592. {block:if400pxPost} blockquote{max-width:400px!important;margin-left:5px;padding-left:5px;} blockquote blockquote{width:370px;} blockquote blockquote blockquote{width:358px;} blockquote blockquote blockquote blockquote{width:348px;} blockquote blockquote blockquote blockquote blockquote{width:338px;} blockquote blockquote blockquote blockquote blockquote blockquote{width:328px;} blockquote blockquote blockquote blockquote blockquote blockquote blockquote{width:318px;} blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{width:308px;}{/block:if400pxPost}
  593.  
  594. input[type="text"]:focus {outline: none;}
  595.  
  596. {CustomCSS}</style></head><body>
  597.  
  598. <div class="button">
  599.  
  600. <div id="navig">
  601. <div class="navtitle"> navigation </div>
  602. <div id="header">
  603.  
  604. {block:HasPages}{block:Pages}<a href="{URL}" class="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  605.  
  606. <a href="/">home</a>
  607. <a href="/ask">askbox</a>
  608. {block:ifSubmitLink}<a href="/submit">submit.</a>{/block:ifSubmitLink}
  609. {block:IfLink1}<a href="{text:Link1}">{text:Link 1 name}</a>{/block:IfLink1}
  610. {block:IfLink2}<a href="{text:Link2}">{text:Link 2 name}</a>{/block:IfLink2}
  611. {block:IfLink3}<a href="{text:Link3}">{text:Link 3 name}</a>{/block:IfLink3}
  612. {block:IfLink4}<a href="{text:Link4}">{text:Link 4 name}</a>{/block:IfLink4}
  613. {block:IfLink5}<a href="{text:Link5}">{text:Link 5 name}</a>{/block:IfLink5}
  614. {block:IfLink6}<a href="{text:Link6}">{text:Link 6 name}</a>{/block:IfLink6}
  615. {block:IfLink7}<a href="{text:Link7}">{text:Link 7 name}</a>{/block:IfLink7}
  616. {block:IfLink8}<a href="{text:Link8}">{text:Link 8 name}</a>{/block:IfLink8}
  617. <a href="http://donthemes.tumblr.com/">theme</a>
  618. </div></div></div>
  619.  
  620. <div id="sidem"><div id="bigimage">{block:IndexPage}<img src="{image:Big Sidebar}">{/block:IndexPage}
  621. <div id="title"><div class="titlena">{Title}</div></div></div>
  622.  
  623. <div id="content">
  624.  
  625. <div id="sticky-anchor"></div>
  626. <div id="dess"> <img src="{image:Sidebar}">{block:ifSidebarImage}<br>{/block:ifSidebarImage}{block:PermalinkPage}<div class="links"><center><a href="/">home</a> <a href="/ask">askbox</a> <a href="/archive">archive</a> <a href="http://donthemes.tumblr.com/">theme</a></center><br></div>{/block:PermalinkPage}{Block:description}{description}{/Block:description}
  627. {block:ifNotInfiniteScrolling}{block:Pagination}<br><br><center>{block:PreviousPage}<a href="{PreviousPage}">back</a> . {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</center>{/block:Pagination}{/block:ifNotInfiniteScrolling}
  628. </div>
  629.  
  630. {block:ContentSource}
  631. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  632. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  633. {/block:SourceLogo}
  634. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  635. {/block:ContentSource}
  636.  
  637. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  638.  
  639. {block:Posts}
  640.  
  641. <div class="container">
  642.  
  643. {block:HasTags}<div id="tag">{block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  644.  
  645. {block:Text}<div class="texpost">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  646.  
  647. {block:ifNot400pxPost}{block:Photo}<div class="photopost">
  648. <center>{block:HighRes}<div id="highres"><a href="{PhotoURL-HighRes}" target="_blank">High-Res</a></div>{/block:HighRes}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  649. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  650. </div>{/block:Photo}{/block:ifNot400pxPost}
  651.  
  652. {block:if400pxPost}{block:Photo}<div class="photopost">
  653. <center>{block:HighRes}<div id="highres"><a href="{PhotoURL-HighRes}" target="_blank">High-Res</a></div>{/block:HighRes}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>
  654. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  655. </div>{/block:Photo}{/block:if400pxPost}
  656.  
  657. {block:ifNot400pxPost}{block:Photoset}<div class="phosepost">
  658. <center>{Photoset-500}</center>
  659. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  660. </div>{/block:Photoset}{/block:ifNot400pxPost}
  661.  
  662. {block:if400pxPost}{block:Photoset}<div class="phosepost">
  663. <center>{Photoset-400}</center>
  664. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  665. </div>{/block:Photoset}{/block:if400pxPost}
  666.  
  667. {block:Panorama}<div class="panopost">
  668. {LinkOpenTag}<div id="panorama"><div class="tip"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/><span>panorama</span></div></div>{LinkCloseTag}{block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  669. </div>{/block:Panorama}
  670.  
  671. {block:Quote}<div class="quopost">
  672. <div id="quos">"</div><div id="quote">{Quote}</div>
  673. <center>- {block:Source}{Source}{/block:Source}</center><br>
  674. </div>{/block:Quote}
  675.  
  676. {block:Link}<div class="linkpost">
  677. <a href="{URL}" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  678.  
  679. {block:Chat}<div class="chapost">
  680. {block:Title}<h1>{Title}</h1>{/block:Title}<br>{block:Lines}<div class="chat">{block:Label}<b><font style="text-transform: uppercase;">{Label}</font></b>{/block:Label} {Line}</div>{/block:Lines}
  681. </div>{/block:Chat}
  682.  
  683. {block:Audio}<div class="audpost">
  684. <div id="backaudio"><div id= "audioplayer">{AudioPlayerWhite}</div></div>
  685. <div id="albumart"><span{block:AlbumArt} style="display:none; width:68px;"{block:AlbumArt}><img src="http://i538.photobucket.com/albums/ff349/rockband8701/icon_guitar.gif"></span> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><br><div id="albuminfo"><font style="text-transform:uppercase;"><font style="color:{color:Bold Text};"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</font> by <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</font> <br>( <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album} )<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  686. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  687. </div>{/block:Audio}
  688.  
  689. {block:Video}<div class="vidpost">
  690. {block:ifNot400pxPost}<div class="video">{Video-500}</div>{/block:ifNot400pxPost}{block:if400pxPost}<div class="video">{Video-400}</div>{/block:if400pxPost}
  691. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  692. </div>{/block:Video}
  693.  
  694. {block:Answer}<div class="anspost">
  695. <div class="chat"><font style="text-transform: uppercase;"><b>{Asker}</b>: {Question}</font></div>{Answer}
  696. </div>{/block:Answer}
  697.  
  698. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}♥ {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} ● <a href="{ReblogParentURL}" title="{ReblogParentTitle}" target="_blank">via</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}" target="_blank">source</a>{/block:RebloggedFrom} {block:IndexPage}◆ <a href="{ReblogURL}" title="Reblog This Post">reblog</a>{/block:IndexPage}</div>
  699.  
  700. </div>
  701.  
  702. {block:PermalinkPage}
  703. <br><div class="notes">{block:PostNotes} {PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  704.  
  705. {/block:Posts}
  706. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  707.  
  708. </div></div>
  709.  
  710. </body></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!