API tools faq
paste
Advertisement
Donniert

[07 REV] Save Me

Donniert
Mar 4th, 2013
3,433
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.88 KB | None | 0 0
raw download clone embed print report
  1. <!-- N THEME 7 REVAMPED 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="#ffffff"/>
  25. <meta name="color:Text" content="#5f5f5f"/>
  26. <meta name="color:Bold Text" content="#649ad6"/>
  27. <meta name="color:Italic Text" content="#e9ac68"/>
  28. <meta name="color:Sidebar Background" content="#fff"/>
  29. <meta name="color:Description Background" content="#fff"/>
  30. <meta name="color:Selection Background" content="#a31e4d"/>
  31. <meta name="color:Selection Color" content="#ececec"/>
  32. <meta name="color:Sidebar Text" content="#707070"/>
  33. <meta name="color:Entries Background" content="#fff"/>
  34. <meta name="color:Tags Background" content="#fff"/>
  35. <meta name="color:Navigation" content="#e0904e"/>
  36. <meta name="color:Navigation Hover" content="#1f1f1f"/>
  37. <meta name="color:Navigation Background" content="#fff"/>
  38. <meta name="color:Post Background" content="#fff"/>
  39. <meta name="color:Info" content="#cecccc"/>
  40. <meta name="color:Info Background" content="#f7f7f7"/>
  41. <meta name="color:Sidebar Link" content="#e0904e"/>
  42. <meta name="color:Sidebar Link hover" content="#649ad6"/>
  43. <meta name="color:Link" content="#cecece"/>
  44. <meta name="color:Link hover" content="#363636"/>
  45. <meta name="color:Title" content="#000"/>
  46.  
  47. <meta name="font:Body" content="Arial"/>
  48.  
  49. <meta name="text:Link1" content=""/>
  50. <meta name="text:Link 1 name" content=""/>
  51. <meta name="text:Link2" content=""/>
  52. <meta name="text:Link 2 name" content=""/>
  53. <meta name="text:Link3" content=""/>
  54. <meta name="text:Link 3 name" content=""/>
  55. <meta name="text:Link4" content=""/>
  56. <meta name="text:Link 4 name" content=""/>
  57. <meta name="text:Link5" content=""/>
  58. <meta name="text:Link 5 name" content=""/>
  59. <meta name="text:Link6" content=""/>
  60. <meta name="text:Link 6 name" content=""/>
  61. <meta name="text:Link7" content=""/>
  62. <meta name="text:Link 7 name" content=""/>
  63. <meta name="text:Link8" content=""/>
  64. <meta name="text:Link 8 name" content=""/>
  65. <meta name="text:Cursor" content="http://cur.cursors-4u.net/cursors/cur-9/cur817.cur"/>
  66.  
  67. <meta name="image:Background" content=""/>
  68. <meta name="image:Entries Background" content=""/>
  69. <meta name="image:Sidebar Background" content=""/>
  70. <meta name="image:Sidebar" content=""/>
  71.  
  72. <meta name="if:Post Background" content=""/>
  73. <meta name="if:Tags Background" content=""/>
  74. <meta name="if:Info Background" content=""/>
  75. <meta name="if:Hover Navigation" content="1"/>
  76. <meta name="if:Hover Description" content=""/>
  77. <meta name="if:Post Border" content=""/>
  78. <meta name="if:Entries Background" content=""/>
  79. <meta name="if:Disable Right Click" content="1"/>
  80. <meta name="if:Right Sidebar" content=""/>
  81. <meta name="if:Description Background" content=""/>
  82. <meta name="if:Sidebar Background" content=""/>
  83. <meta name="if:400px Post" content=""/>
  84. <meta name="if:Center Sidebar Text" content="1"/>
  85. <meta name="if:Monochrome Post" content="">
  86. <meta name="if:Monochrome Sidebar" content="">
  87. <meta name="if:Submit Link" content=""/>
  88. <meta name="if:Title" content="1"/>
  89. <meta name="if:Show Captions" content="1"/>
  90. <meta name="if:Tags" content=""/>
  91. <meta name="if:White Follow Button" content="1"/>
  92. <meta name="if:Post Images Border" content=""/>
  93. <meta name="if:Infinite Scrolling" content="" />
  94. <meta name="if:Lazy Load" content="">
  95.  
  96. <!-- START OF NO RIGHT CLICK CODE -->
  97. {block:ifDisableRightClick}<SCRIPT TYPE="text/javascript">
  98. <!--
  99. function clickIE() {if (document.all) {(message);return false;}}
  100. function clickNS(e) {if
  101. (document.layers||(document.getElementById&&!document.all)) {
  102. if (e.which==2||e.which==3) {(message);return false;}}}
  103. if (document.layers)
  104. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  105. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  106. document.oncontextmenu=new Function("return false")
  107. // -->
  108. </SCRIPT>{/block:ifDisableRightClick}
  109. <!-- END OF NO RIGHT CLICK CODE -- !>
  110.  
  111. <!-- START OF INFINITE SCROLLING CODE -->
  112. {block:IfInfiniteScrolling}
  113. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  114. {/block:IfInfiniteScrolling}
  115. <!-- END OF ININITE SCROLLING CODE -->
  116.  
  117. <!-- START OF LAZY LOAD CODE -->
  118. {block:ifLazyLoad}
  119. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  120. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  121. <script type="text/javascript" charset="utf-8">
  122. var $j = jQuery.noConflict();
  123. $j(function() {
  124. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  125. $j("img").lazyload({
  126. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  127. effect: "fadeIn",});});
  128. </script>
  129. {/block:ifLazyLoad}
  130. <!-- END OF LAZY LOAD CODE -->
  131.  
  132. <!-- OTHER SCRIPT CODES -->
  133. <script type='text/javascript'>
  134. document.write(unescape("%3Cscript src='http://picuous.github.com/tumblrbox/tumblrbox.js' type='text/javascript'%3E%3C/script%3E"));
  135. </script>
  136.  
  137. <script src="http://use.edgefonts.net/josefin-slab.js"></script>
  138. <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'>
  139.  
  140. <style type="text/css">
  141.  
  142. /* ---- BODY: BACKGROUND, SCROLLBAR, TEXT ---- */
  143.  
  144. html, body, a, a:hover {{block:IfCursor}cursor: url('{text:Cursor}'), progress !important{/block:IfCursor};
  145. {block:IfNotCursor}cursor:auto{/block:IfNotCursor};}
  146.  
  147. body{
  148. background:{color:Background} url('{image:Background}');
  149. background-position: center;
  150. background-repeat: repeat;
  151. background-attachment: fixed;
  152. margin:0; padding:0;
  153. color:{color:Text};
  154. font: 11px {font:Body};
  155. line-height:100%;}
  156.  
  157. b, strong { color: {color:Bold text};}
  158. i, em { color: {color:Italic text};}
  159. small {font-size:11px;}
  160.  
  161. /* -- GENERAL LINKS -- */
  162.  
  163. a {text-decoration:none;
  164. color: {color:Link};}
  165.  
  166. a:hover {color: {color:Link Hover};}
  167.  
  168. /* -- GENERAL HOVER TRANSITION CSS -- */
  169.  
  170. * {transition: all 0.2s ease;
  171. -webkit-transition: all 0.2s ease;
  172. -moz-transition: all 0.2s ease;
  173. -o-transition: all 0.2s ease;}
  174.  
  175. *:hover {transition: all 0.4s ease;
  176. -webkit-transition: all 0.4s ease;
  177. -moz-transition: all 0.4s ease;
  178. -o-transition: all 0.4s ease;}
  179.  
  180. /* -- SCROLLBAR CHROME & SAFARI -- */
  181.  
  182. ::-webkit-scrollbar {width: 4px;}
  183.  
  184. ::-webkit-scrollbar-track {
  185. background:{color:Background} url('{image:Background}');}
  186.  
  187. ::-webkit-scrollbar-thumb {background:{color:Navigation Background};}
  188.  
  189. ::-webkit-scrollbar-corner {
  190. background:{color:Background} url('{image:Background}');}
  191.  
  192. /* ---- SIDEBAR ---- */
  193.  
  194. #sidebar {
  195. position:fixed;
  196. width: 230px;
  197. height:100%; top:0;
  198. padding-top:135px;
  199. {block:ifNotRightSidebar}margin-left: -240px{/block:ifNotRightSidebar};
  200. {block:ifRightSidebar}margin-left: 530px{/block:ifRightSidebar};
  201. {block:ifSidebarBackground}background:{color:Sidebar Background} url('{image:Sidebar Background}');{/block:ifSidebarBackground}
  202. {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}}
  203.  
  204. #sidebar img {
  205. width:200px;
  206. height:auto;
  207. margin-left:7px;
  208. padding:8px;
  209. background:{color:Description Background};
  210. {block:ifNotSidebarImage}display:none;{/block:ifNotSidebarImage}}
  211.  
  212. .description {
  213. position:absolute;
  214. margin-left:7px;
  215. padding:8px;
  216. width:200px;
  217. z-index:-2;
  218. {block:ifSidebarImage}margin-top:0px;{/block:ifSidebarImage}
  219. {block:ifNotSidebarImage}margin-top:18px;{/block:ifNotSidebarImage}
  220. {block:ifDescriptionBackground}background:{color:Description Background};{/block:ifDescriptionBackground}
  221. {block:ifCenterSidebarText}text-align:center;{/block:ifCenterSidebarText}
  222. {block:ifNotCenterSidebarText}text-align:justify;{/block:ifNotCenterSidebarText}{block:ifHoverDescription}filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;{/block:ifHoverDescription}}
  223.  
  224. #sidebar:hover .description {
  225. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  226.  
  227. /* -- BASIC NAVIGATION -- */
  228.  
  229. #nav1 {
  230. position:absolute;
  231. width: 210px;
  232. margin-left:10px;
  233. height: 20px;
  234. text-align:center;
  235. font-size:8px;
  236. z-index:6;
  237. background:{color:Description Background};
  238. {block:ifSidebarImage}margin-top:-40px;{/block:ifSidebarImage}{block:ifNotSidebarImage}margin-top:-10px; border-bottom: 1px solid {color:Navigation};{/block:ifNotSidebarImage}}
  239.  
  240. #nav1 a {
  241. display:inline-block;
  242. padding: 1px;
  243. letter-spacing: 1px;
  244. line-height:18px;
  245. margin-left:3px;
  246. font-family:Helvetica;
  247. text-transform:uppercase;
  248. font-weight:bold;
  249. color:{color:Navigation};}
  250.  
  251. #nav1 a:hover {color: {color:Navigation Hover};}
  252.  
  253. /* -- CUSTOM NAVIGATION -- */
  254.  
  255. #nav2 {
  256. position:absolute;
  257. margin-top:20px;
  258. height: 200px;
  259. {block:ifNotRightSidebar}margin-left:-60px;{/block:ifNotRightSidebar}
  260. {block:ifRightSidebar}margin-left:275px;{/block:ifRightSidebar}
  261. {block:ifHoverNavigation}filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;{/block:ifHoverNavigation}}
  262.  
  263. #sidebar:hover #nav2 {
  264. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  265.  
  266. #nav2 a {
  267. display:inline-block;
  268. padding: 1px 4px 1px 1px;
  269. margin:0px 0px 2px -37px;
  270. letter-spacing: 2px;
  271. line-height:20px;
  272. width:90px;
  273. height:20px;
  274. font-size:7px;
  275. text-align:center;
  276. font-weight:bold;
  277. font-family:Helvetica;
  278. text-transform:uppercase;
  279. background:{color:Navigation Background};
  280. color:{color:Navigation};}
  281.  
  282. #nav2 a:hover {
  283. color:{color:Navigation Hover};
  284. background:transparent;}
  285.  
  286. /* --TITLE -- */
  287.  
  288. #title {
  289. padding:4px;
  290. width:240px;
  291. top:18px;
  292. text-align:center;
  293. margin-left:-10px;
  294. line-height:110%;
  295. font-family:'Tabitha';
  296. letter-spacing:2px;
  297. text-transform: uppercase;
  298. font-size:12px;
  299. color: {color:Title};}
  300.  
  301. @font-face {font-family:"Tabitha"; src:url('http://static.tumblr.com/9wzbixa/UvZm26lrw/tabitha.ttf');}
  302.  
  303. /* --- ENTRIES --- */
  304.  
  305. #left{
  306. position:absolute;
  307. text-align:left;
  308. left:50%;
  309. top: 20px;
  310. {block:ifNot400pxPost}width:520px;margin-left:-260px;{/block:ifNot400pxPost}{block:if400pxPost}width:420px;margin-left:-210px;{/block:if400pxPost}}
  311.  
  312. #rules {
  313. position:fixed;
  314. text-align:left;
  315. left:50%;
  316. top:0px;
  317. height:100%;
  318. {block:ifNot400pxPost}width:540px;margin-left:-270px;{/block:ifNot400pxPost}{block:if400pxPost}width:440px;margin-left:-220px;{/block:if400pxPost}
  319. {block:ifEntriesBackground}background:{color:Entries Background} url('{image:Entries Background}');{/block:ifEntriesBackground}{block:ifNotEntriesBackground}background:transparent;{/block:ifNotEntriesBackground}}
  320.  
  321. /* -- EVERY POST -- */
  322.  
  323. .entry {
  324. word-wrap: break-word;
  325. margin-bottom:34px;
  326. padding:14px 10px;
  327. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  328. {block:if400pxPost}width:400px;{/block:if400pxPost}
  329. {block:ifPostBackground}background:{color:Post Background};{block:ifPostBackground}{block:ifPostBorder}box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);{/block:ifPostBorder}}
  330.  
  331. #info, .entry {
  332. {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 */ transition: all 0.7s ease;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;{/block:ifMonochromePost}}
  333.  
  334. .entry:hover, #sidebar:hover, #info:hover {
  335. -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none; transition: all 0.7s ease;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  336.  
  337. /* -- POST LINKS -- */
  338.  
  339. .entry a {color: {color:Link};}
  340. .entry a:hover { color: {color:Link hover};}
  341.  
  342. /* -- PANORAMA POST -- */
  343.  
  344. #panorama img {
  345. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  346. {block:if400pxPost}width:400px;{/block:if400pxPost}}
  347.  
  348. .tip {text-decoration: none;}
  349. .tip:hover {position: relative;}
  350. .tip span {display: none;}
  351.  
  352. .tip:hover span {
  353. padding: 5px;
  354. display: block;
  355. z-index: 100;
  356. margin:-30px 10px 10px -30px;
  357. width: auto;
  358. font-size:8px;
  359. position: absolute;
  360. text-transform:uppercase;
  361. background: {color:Post Background};
  362. color:{color:Text};}
  363.  
  364. /* -- TITLE POST -- */
  365.  
  366. h1 {
  367. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  368. text-transform: uppercase;
  369. font-size: 19px;
  370. font-weight: bold;
  371. line-height:105%;
  372. color: {color:Link};}
  373.  
  374. /* -- CHAT POST -- */
  375.  
  376. .chat {
  377. padding:1px;
  378. color: {color:Text};
  379. line-height:16px;}
  380.  
  381. /* -- ASKS ENTRIES -- */
  382.  
  383. #askart {
  384. float:left;
  385. width:30px;
  386. margin-left:2px;
  387. margin-top:4px;
  388. color:{color:Text};}
  389.  
  390. #askart img {
  391. border:{color:Navigation Background} 2px solid;}
  392.  
  393. #ask {
  394. padding-bottom:3px;
  395. font-size:15px;
  396. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  397. border-bottom: 1px dashed {color:Link Hover};
  398. text-transform:uppercase;
  399. letter-spacing:1px;}
  400.  
  401. #quest {
  402. padding-left:40px;
  403. margin-top:2px;
  404. font-family:calibri;
  405. font-size:14px;
  406. line-height:105%;
  407. font-style:bold;}
  408.  
  409. /* -- PHOTO POST -- */
  410.  
  411. {block:ifPostImagesBorder}.photo {
  412. display:block;
  413. padding:5px;
  414. margin-left:-5px;
  415. box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.3);
  416. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  417. {block:if400pxPost}width:400px;{/block:if400pxPost}}
  418. {/block:ifPostImagesBorder}
  419.  
  420. #highres {opacity: 0; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;}
  421. .entry:hover #highres {opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
  422.  
  423. #highres a {
  424. padding: 5px;
  425. display: block;
  426. z-index: 100;
  427. width: auto;
  428. font-size:8px;
  429. margin:10px;
  430. position: absolute;
  431. text-transform:uppercase;
  432. background: {color:Post Background};
  433. color:{color:Text};}
  434.  
  435. #highres a:hover {color:{color:Text}}
  436.  
  437. /* -- AUDIO ENTRIES -- */
  438.  
  439. #backaudio {
  440. position:absolute;
  441. width:26px;
  442. height:26px;
  443. padding:20px;
  444. margin-top:16px;
  445. margin-left:20px;
  446. background:#fff;
  447. filter: alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity: 0.2;
  448. z-index:12;
  449. transition: all 0.4s ease;
  450. -webkit-transition: all 0.4s ease;
  451. -moz-transition: all 0.4s ease;
  452. -o-transition: all 0.4s ease;}
  453.  
  454. #backaudio:hover{ filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity: 0.7;}
  455.  
  456. #audioplayer {
  457. margin:4px;
  458. overflow:hidden;
  459. position:absolute;
  460. width:26px;
  461. height:28px;
  462. margin-top:0px;
  463. margin-left:-1px;
  464. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
  465. transition: all 0.4s ease;
  466. -webkit-transition: all 0.4s ease;
  467. -moz-transition: all 0.4s ease;
  468. -o-transition: all 0.4s ease;}
  469.  
  470. #albumart {
  471. float:left;
  472. padding:2px;
  473. margin: 2px 7px;}
  474.  
  475. #albuminfo {
  476. font-size:9px;
  477. letter-spacing:1px;
  478. margin-top:6px;
  479. line-height:15px;
  480. margin-left:105px;
  481. padding-left:5px;}
  482.  
  483. /* -- VIDEO -- */
  484.  
  485. .video {
  486. position: relative;
  487. padding-bottom: 75%;
  488. height: 0;
  489. overflow: hidden;}
  490.  
  491. .video iframe, .video object, .video embed {
  492. position: absolute;
  493. top: 0; left: 0;
  494. width: 100%;
  495. height: 100%;}
  496.  
  497. /* -- QUOTE ENTRIES -- */
  498.  
  499. #quote {
  500. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  501. font-style:italic;
  502. font-size:16px;
  503. line-height:105%;
  504. z-index:2;}
  505.  
  506. #quos {
  507. position:absolute;
  508. font-size:90px;
  509. width:60px;
  510. margin:25px 0px 0px -2px;
  511. font-family: 'Spirax', cursive;
  512. filter: alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity:0.2;
  513. background:transparent;
  514. color:{color:Text};}
  515.  
  516. /* -- PAGINATION -- */
  517.  
  518. #pag {
  519. font-size:10px;
  520. font-weight:bold;
  521. font-family:Verdana;
  522. {block:IfInfiniteScrolling}display:none;{block:IfInfiniteScrolling}}
  523.  
  524. #pag a {
  525. padding:3px;
  526. display:inline-block;
  527. line-height:20px;
  528. color:{color:Title};}
  529.  
  530. #pag a:hover {color:{color:Sidebar Text};}
  531.  
  532. /* -- TAGS --*/
  533.  
  534. #info {
  535. position:absolute;
  536. font-size:7px;
  537. margin:-32px 0px 0px 0px;
  538. line-height:18px;
  539. text-align:center;
  540. padding-left:7px;
  541. font-family: Helvetica;
  542. font-weight:bold;
  543. letter-spacing:1px;
  544. text-transform:uppercase;
  545. color:{color:Info};
  546. {block:ifNot400pxPost}width:513px;{/block:ifNot400pxPost}
  547. {block:if400pxPost}width:413px;{/block:if400pxPost}
  548. {block:ifInfoBackground}background:{color:Info Background};{/block:ifInfoBackground}}
  549.  
  550. #info a, #tagged a {
  551. display:inline-block;
  552. color: {color:Info};}
  553.  
  554. #info a:hover, #tagged a:hover {color: {color:Text};}
  555.  
  556. #reb {
  557. position:absolute;
  558. width: 30px;
  559. filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
  560. {block:ifPostBackground}margin-top:-12px!important;{/block:ifPostBackground}{block:ifNotPostBackground}margin-top:2px!important;{/block:ifNotPostBackground}
  561. {block:ifNot400pxPost}{block:ifNotRightSidebar}left:535px!important; text-align: left;{/block:ifNotRightSidebar};{block:ifRightSidebar}right:535px!important; text-align: right; {/block:ifRightSidebar};{/block:ifNot400pxPost}{block:if400pxPost}{block:ifNotRightSidebar}left:435px!important; text-align: left;{/block:ifNotRightSidebar};{block:ifRightSidebar}right:435px!important; text-align: right; {/block:ifRightSidebar};{/block:if400pxPost}
  562. transition: all 0.7s ease;
  563. -webkit-transition: all 0.7s ease;
  564. -moz-transition: all 0.7s ease;
  565. -o-transition: all 0.7s ease;}
  566.  
  567. #reb img {
  568. display:block;
  569. padding:4px;
  570. margin-bottom:4px;
  571. width:24px;
  572. box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
  573. background:{color:Description Background};}
  574.  
  575. .entry:hover #reb {
  576. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  577.  
  578. h2 {
  579. display:inline;
  580. height:14px;
  581. padding:0px 5px;
  582. margin-left:2px;
  583. font-weight:bold;
  584. font-size: 8px;
  585. line-height:14px;
  586. text-align:center;
  587. letter-spacing:1px;
  588. box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  589. text-transform: uppercase;
  590. color: {color:Description Background};
  591. background: {color:Navigation};}
  592.  
  593. #tagged {
  594. margin-top:-18px;
  595. font-size:10px;
  596. font-family:Calibri;
  597. padding:4px;
  598. text-align:center;
  599. {block:ifInfoBackground} margin-top: -14px;{/block:ifInfoBackground}
  600. {block:ifTagsBackground} background:{color:Tags Background};{/block:ifTagsBackground}}
  601.  
  602. /* -- TUMBLR CONTROLS -- */
  603.  
  604. #tumblr_controls {
  605. filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;
  606. {block:ifWhiteFollowButton}-webkit-filter: invert(100%);{/block:ifWhiteFollowButton}}
  607.  
  608. #tumblr_controls:hover {
  609. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  610.  
  611. /* -- TEXT SELECTION -- */
  612.  
  613. ::selection {
  614. background: {color:Selection Background};
  615. color: {color:Selection Color};}
  616.  
  617. ::-moz-selection {
  618. background: {color:Selection Background};
  619. color: {color:Selection Color};}
  620.  
  621. ::-webkit-selection {
  622. background: {color:Selection Background};
  623. color: {color:Selection Color};}
  624.  
  625. /* -- NOTES -- */
  626.  
  627. .notes {
  628. {block:ifNot400pxPost}width:480px;{/block:ifNot400pxPost}
  629. {block:if400pxPost}width:380px;{/block:if400pxPost}
  630. padding:2px;}
  631.  
  632. .notes a {color:{color:Link};}
  633.  
  634. ol.notes {
  635. margin: 5px 0px;
  636. line-height:24px;
  637. padding-left:30px;
  638. list-style-type: none;}
  639.  
  640. ol.notes li.note {padding: 5px;}
  641.  
  642. ol.notes li.note img.avatar {
  643. margin-left: -34px;
  644. padding:2px;
  645. width: 16px;
  646. height: 16px;
  647. float:left;
  648. background: {color:Post Background};
  649. border: {color:Navigation Background} 3px solid;}
  650.  
  651. ol.notes li.note span.action {font-weight: bold;}
  652. ol.notes li.note .answer_content {font-weight: normal;}
  653.  
  654. ol.notes li.note blockquote {
  655. padding: 4px 10px;
  656. margin: 10px 0px 0px 25px;
  657. border-color: {color:Text};}
  658.  
  659. ol.notes li.note blockquote a {color:{color:Link};}
  660.  
  661. /* -- OTHERS -- */
  662.  
  663. img {border:none;display:block; max-width:100%;}
  664.  
  665. #scrollToTop:link, #scrollToTop:visited {
  666. color: transparent;
  667. background-color: transparent;
  668. display: none;
  669. position: fixed;
  670. bottom: 5px;
  671. right: 5px;
  672. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  673. text-transform:uppercase;
  674. {block:ifNotInfiniteScrolling}color:transparent;{/block:ifNotInfiniteScrolling}{block:ifInfiniteScrolling}color:{color:Link};{/block:ifInfiniteScrolling}}
  675.  
  676. /* -- BLOCKQUOTE -- */
  677.  
  678. blockquote img {max-width: 100%;}
  679.  
  680. {block:ifNot400pxPost} blockquote{max-width:500px!important;margin-left:5px;padding-left:5px;border-left:1px solid {color:Text};} 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}
  681.  
  682. {block:if400pxPost} blockquote{max-width:400px!important;margin-left:5px;padding-left:5px;border-left:1px solid {color:Text};} 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}
  683.  
  684. input[type="text"]:focus {outline: none;}
  685.  
  686. {CustomCSS}</style>
  687.  
  688. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop">Back To Top</a>
  689.  
  690. </head><body>
  691.  
  692.  
  693. <div id="rules"></div>
  694. <div id="left">
  695.  
  696. <div id="sidebar">
  697. <div id="title">{Title}</div><br>
  698. <div id="nav2">
  699.  
  700. {block:HasPages}{block:Pages}<a href="{URL}" class="{Label}">{Label}</a><br>{/block:Pages}{/block:HasPages}
  701.  
  702. {block:IfLink1}<a href="{text:Link1}">{text:Link 1 name}</a>{/block:IfLink1}<br>
  703. {block:IfLink2}<a href="{text:Link2}">{text:Link 2 name}</a>{/block:IfLink2}<br>
  704. {block:IfLink3}<a href="{text:Link3}">{text:Link 3 name}</a>{/block:IfLink3}<br>
  705. {block:IfLink4}<a href="{text:Link4}">{text:Link 4 name}</a>{/block:IfLink4}<br>
  706. {block:IfLink5}<a href="{text:Link5}">{text:Link 5 name}</a>{/block:IfLink5}<br>
  707. {block:IfLink6}<a href="{text:Link6}">{text:Link 6 name}</a>{/block:IfLink6}<br>
  708. {block:IfLink7}<a href="{text:Link7}">{text:Link 7 name}</a>{/block:IfLink7}<br>
  709. {block:IfLink8}<a href="{text:Link8}">{text:Link 8 name}</a>{/block:IfLink8}
  710.  
  711. </div>
  712. <img src="{image:Sidebar}">
  713. <div id="nav1">
  714. <a href="/">Home</a>
  715. <a href="/ask">ask</a>
  716. {block:ifSubmitLink}<a href="/submit">submit</a>{/block:ifSubmitLink}
  717. <a href="/archive">archive</a>
  718. <a href="http://donthemes.tumblr.com">theme</a>
  719. </div>
  720.  
  721. <div class="description">{Block:description}{description}{/Block:description}<br><br>
  722. <center>{block:Pagination}<div id="pag">{block:PreviousPage}<a href="{PreviousPage}">‹</a>{/block:PreviousPage}{block:JumpPagination length="3"}{block:CurrentPage}{PageNumber}{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href="{NextPage}">›</a>{/block:NextPage}</div>{/block:Pagination}</center></div>
  723. </div>
  724.  
  725.  
  726. {block:ContentSource}
  727. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  728. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  729. {/block:SourceLogo}
  730. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  731. {/block:ContentSource}
  732.  
  733. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  734. {block:Posts}
  735.  
  736. <div class="entry">
  737.  
  738. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><img src="{ReblogParentPortraitURL-30}"></a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}"><img src="{ReblogRootPortraitURL-30}"></a>{/block:RebloggedFrom}
  739. </div>
  740.  
  741. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  742.  
  743. {block:ifNot400pxPost}{block:Photo}
  744. <center><div class="photo">{block:HighRes}<div id="highres"><a href="{PhotoURL-HighRes}">High-Res</a></div>{/block:HighRes}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div></center>
  745. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  746. {/block:Photo}{/block:ifNot400pxPost}
  747.  
  748. {block:if400pxPost}{block:Photo}
  749. <div class="photo"><center>{block:HighRes}<div id="highres"><a href="{PhotoURL-HighRes}">High-Res</a></div>{/block:HighRes}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center></div>
  750. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  751. {/block:Photo}{/block:if400pxPost}
  752.  
  753. {block:ifNot400pxPost}{block:Photoset}
  754. <center><div class="photo">{Photoset-500}</div></center>
  755. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  756. {/block:Photoset}{/block:ifNot400pxPost}
  757.  
  758. {block:if400pxPost}{block:Photoset}
  759. <center><div class="photo">{Photoset-400}</div></center>
  760. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  761. {/block:Photoset}{/block:if400pxPost}
  762.  
  763. {block:Panorama}
  764. {LinkOpenTag}<div id="panorama"><div class="tip"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/><span>panorama</span></div></div>{LinkCloseTag}
  765. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  766. {/block:Panorama}
  767.  
  768. {block:Quote}
  769. <div id="quos">"</div><div id="quote">{Quote}</div>
  770. <br> <center>- {block:Source}{Source}{/block:Source}</center><br>
  771. {/block:Quote}
  772.  
  773. {block:Link}
  774. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  775. {/block:Link}
  776.  
  777. {block:Chat}
  778. {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}
  779. {/block:Chat}
  780.  
  781. {block:Audio}
  782. <div id="backaudio"><div id= "audioplayer">{AudioPlayerWhite}</div></div>
  783. <div id="albumart"><span{block:AlbumArt} style="display:none; width:88px; height:88px;"{block:AlbumArt}><img src="http://i2.ytimg.com/i/iTYam4H1s2aotDOsff8waw/1.jpg?v=50d43ae6"></span> {block:AlbumArt}<img src="{AlbumArtURL}" style="width:88px;">{/block:AlbumArt}</div><br>
  784. <div id="albuminfo"> <div class="chat"><b><font style="text-transform: uppercase;">Artist</font></b>: <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist} <br><b><font style="text-transform: uppercase;">Album</font></b>: <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br><b><font style="text-transform: uppercase;">Track</font></b>: <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b><font style="text-transform: uppercase;">Plays</font></b>: {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div><br><br>
  785. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  786. {/block:Audio}
  787.  
  788. {block:Video}
  789. {block:ifNot400pxPost}<div class="video">{Video-500}</div>{/block:ifNot400pxPost}
  790. {block:if400pxPost}<div class="video">{Video-400}</div>{/block:if400pxPost}
  791. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  792. {/block:Video}
  793.  
  794. {block:Answer}
  795. <div id="ask">{Asker}</div><div id="askart"><img src="{AskerPortraitURL-30}"></div><div id="quest">{Question}</div><br>{Answer}
  796. {/block:Answer}
  797.  
  798. </div>
  799.  
  800. <div id="info">{block:IndexPage}<a href="{ReblogURL}" target="_blank" title="Reblog this post">reblog</a> | {/block:IndexPage}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {Block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/Block:NoteCount}</div>
  801.  
  802. {block:ifTags}{block:IndexPage}{block:HasTags}<div id="tagged"><h2>tagged</h2> {block:Tags}<a href="{TagURL}"># {Tag} <br></a>{/block:Tags}</div><br>{/block:HasTags}{/block:IndexPage}{/block:ifTags}
  803.  
  804. {block:ifNotTags}{block:PermalinkPage}{block:HasTags}<div id="tagged"><h2>tagged</h2> {block:Tags}<a href="{TagURL}"># {Tag} <br></a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}{block:ifShowTags}
  805.  
  806. {block:PermalinkPage}<br><br><div id="notes">{block:PostNotes} {PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  807.  
  808. {/block:Posts}
  809. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  810. <br>
  811. </div>
  812. </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!