API tools faq
paste
Advertisement
Donniert

[09] Gotta Stick Together

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