Advertisement
Donniert

[10 V1] Won't be Long

Aug 27th, 2013
4,052
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.05 KB | None | 0 0
  1. <!-- N THEME 10 V1 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="#ececec">
  25. <meta name="color:Text" content="#4e4e4e">
  26. <meta name="color:Bold Text" content="#2e63a0">
  27. <meta name="color:Italic Text" content="#e9ac68">
  28. <meta name="color:Entries Background" content="#ffffff">
  29. <meta name="color:Navigation Background" content="#84caa7">
  30. <meta name="color:Navigation" content="#ffffff">
  31. <meta name="color:Home" content="#ffffff">
  32. <meta name="color:Home Background" content="#2e63a0">
  33. <meta name="color:Sidebar Background" content="#2e63a0">
  34. <meta name="color:Description Background" content="#ffffff">
  35. <meta name="color:Post Background" content="#ffffff">
  36. <meta name="color:Sidebar Text" content="#dadada">
  37. <meta name="color:Sidebar Link" content="#e9ac68">
  38. <meta name="color:Link" content="#b13434">
  39. <meta name="color:Link Hover" content="#363636">
  40. <meta name="color:Title" content="#84caa7">
  41. <meta name="color:Selection Background" content="#2e63a0">
  42. <meta name="color:Selection Color" content="#ffffff">
  43. <meta name="color:Tags" content="#797979">
  44. <meta name="color:Tags Background" content="#f5f5f5">
  45. <meta name="color:Info" content="#c2c2c2">
  46. <meta name="color:Info Background" content="#f5f5f5">
  47.  
  48. <meta name="font:Body" content="Helvetica">
  49.  
  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="http://i39.tinypic.com/1674lrs.png">
  69. <meta name="image:Sidebar" content="">
  70. <meta name="image:Sidebar Background" content="http://i44.tinypic.com/15s5tlz.jpg">
  71. <meta name="image:Navigation Background" content="http://i44.tinypic.com/2vajbew.png">
  72. <meta name="image:Entries Background" content=""/>
  73.  
  74. <meta name="if:Disable Right Click" content="1">
  75. <meta name="if:Monochrome Post" content="">
  76. <meta name="if:Monochrome Sidebar" content="">
  77. <meta name="if:400px Post" content="">
  78. <meta name="if:Title" content="1">
  79. <meta name="if:Blogroll" content="">
  80. <meta name="if:Tags" content="1">
  81. <meta name="if:Right Navigation" content="">
  82. <meta name="if:Info Background" content="">
  83. <meta name="if:Post Background" content="1">
  84. <meta name="if:Post Border" content="">
  85. <meta name="if:Center Sidebar Text" content="1">
  86. <meta name="if:Sidebar Background" content="1">
  87. <meta name="if:Description Background" content="">
  88. <meta name="if:Navigation Background" content="1">
  89. <meta name="if:Entries Background" content="">
  90. <meta name="if:Tags Background" content="">
  91. <meta name="if:Show Captions" content="1">
  92. <meta name="if:White Follow Button" content="1">
  93. <meta name="if:Infinite Scrolling" content="">
  94. <meta name="if:Lazy Load" content="">
  95. <meta name="if:Submit Link" content="">
  96.  
  97. <!-- START OF NO RIGHT CLICK CODE -->
  98. {block:ifDisableRightClick}<SCRIPT TYPE="text/javascript">
  99. <!--
  100. function clickIE() {if (document.all) {(message);return false;}}
  101. function clickNS(e) {if
  102. (document.layers||(document.getElementById&&!document.all)) {
  103. if (e.which==2||e.which==3) {(message);return false;}}}
  104. if (document.layers)
  105. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  106. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  107. document.oncontextmenu=new Function("return false")
  108. // -->
  109. </SCRIPT>{/block:ifDisableRightClick}
  110. <!-- END OF NO RIGHT CLICK CODE -- !>
  111.  
  112. <!-- START OF INFINITE SCROLLING CODE -->
  113. {block:IfInfiniteScrolling}
  114. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  115. {/block:IfInfiniteScrolling}
  116. <!-- END OF ININITE SCROLLING CODE -->
  117.  
  118. <!-- START OF LAZY LOAD CODE -->
  119. {block:ifLazyLoad}
  120. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  121. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  122. <script type="text/javascript" charset="utf-8">
  123. var $j = jQuery.noConflict();
  124. $j(function() {
  125. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  126. $j("img").lazyload({
  127. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  128. effect: "fadeIn",});});
  129. </script>
  130. {/block:ifLazyLoad}
  131. <!-- END OF LAZY LOAD CODE -->
  132.  
  133. <!-- OTHER SCRIPT CODES -->
  134. <script type='text/javascript'>
  135. document.write(unescape("%3Cscript src='http://picuous.github.com/tumblrbox/tumblrbox.js' type='text/javascript'%3E%3C/script%3E"));
  136. </script>
  137.  
  138. <script type="text/javascript">
  139. function unhide(divID) {
  140. var item = document.getElementById(divID);
  141. if (item) {
  142. item.className=(item.className=='hidden')?'unhidden':'hidden';}}
  143. </script>
  144.  
  145. <script src="http://use.edgefonts.net/josefin-slab.js"></script>
  146. <link href="http://fonts.googleapis.com/css?family=Ubuntu:bold" rel="stylesheet" type="text/css"><link href='http://fonts.googleapis.com/css?family=Bangers' 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'>
  147.  
  148. <style type="text/css">
  149.  
  150. /* ---- BODY: BACKGROUND, SCROLLBAR, TEXT ---- */
  151.  
  152. html, body, a, a:hover {{block:IfCursor}cursor: url('{text:Cursor}'), progress !important{/block:IfCursor};
  153. {block:IfNotCursor}cursor:auto{/block:IfNotCursor};}
  154.  
  155. body{
  156. background:{color:Background} url('{image:Background}');
  157. background-position: center;
  158. background-repeat: repeat;
  159. background-attachment: fixed;
  160. margin:0; padding:0;
  161. color:{color:Text};
  162. font-family:Calibri!important;
  163. font-family: {font:Body};
  164. font-size: 11px;
  165. line-height:110%;}
  166.  
  167. b, strong { color: {color:Bold text};}
  168. i, em { color: {color:Italic text};}
  169. small {font-size:11px;}
  170.  
  171. /* -- GENERAL LINKS -- */
  172.  
  173. a {
  174. text-decoration:none;
  175. color: {color:Link};}
  176.  
  177. a:hover {color: {color:Link Hover};}
  178.  
  179. /* -- GENERAL HOVER TRANSITION CSS -- */
  180.  
  181. * {-webkit-transition: all 0.5s ease;
  182. -moz-transition: all 0.5s ease;
  183. -o-transition: all 0.5s ease;
  184. transition: all 0.5s ease;}
  185.  
  186. *:hover {-webkit-transition: all 0.4s ease;
  187. -moz-transition: all 0.4s ease;
  188. -o-transition: all 0.4s ease;
  189. transition: all 0.4s ease;}
  190.  
  191. /* -- SCROLLBAR CHROME & SAFARI -- */
  192.  
  193. ::-webkit-scrollbar {width: 4px;}
  194.  
  195. ::-webkit-scrollbar-track {
  196. background:{color:Background} url('{image:Background}');}
  197.  
  198. ::-webkit-scrollbar-thumb {background:{color:Sidebar Background};}
  199.  
  200. ::-webkit-scrollbar-corner {
  201. background:{color:Background} url('{image:Background}');}
  202.  
  203. /* -- SIDEBAR IMAGE -- */
  204.  
  205. #side img {
  206. width:245px;
  207. height:auto;
  208. margin:0px 0px 2px 0px;
  209. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  210. {block:ifNotDescriptionBackground}margin:0px 0px 2px -2px; border:2px solid {color:Sidebar Text};{/block:ifNotDescriptionBackground}
  211. {block:ifNotSidebarImage}display:none;{/block:ifNotSidebarImage}}
  212.  
  213. /* -- SIDEBAR -- */
  214.  
  215. #side { top:0;
  216. position: fixed;
  217. width: 300px;
  218. height:100%;
  219. {block:ifRightNavigation}left:-2px;{/block:ifRightNavigation}
  220. {block:ifNotRightNavigation}left:64px;{/block:ifNotRightNavigation}
  221. {block:ifSidebarBackground}background:{color:Sidebar Background} url('{image:Sidebar Background}');box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);{/block:ifSidebarBackground}{block:ifNotSidebarBackground}background:transparent;{/block:ifNotSidebarBackground}}
  222.  
  223. #sidebar { position:fixed;
  224. {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 */ 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}}
  225.  
  226. /* -- SIDEBAR DESCRIPTION -- */
  227.  
  228. .dess {
  229. position:absolute;
  230. width:240px;
  231. margin-left:20px;
  232. padding:10px;
  233. color: {color:Sidebar Text};
  234. {block:ifDescriptionBackground}background:{color:Description Background};box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);{/block:ifDescriptionBackground}{block:ifNotDescriptionBackground}background:transparent;{/block:ifNotDescriptionBackground}
  235. {block:ifCenterSidebarText}text-align:center;{/block:ifCenterSidebarText}
  236. {block:ifNotCenterSidebarText}text-align:justify;{/block:ifNotCenterSidebarText}}
  237.  
  238. .dess a {color:{color:Sidebar Link};}
  239. .dess a:hover {color: {color:Sidebar Text};}
  240.  
  241. /* -- BLOGROLL/FOLLOWING --*/
  242.  
  243. .hidden {display:none;}
  244. .unhidden {display:block;}
  245.  
  246. #following {
  247. position:fixed;
  248. top:0;
  249. width:300px;
  250. height:100%;
  251. z-index:2;
  252. overflow:auto;
  253. background:{color:Sidebar Background} url('{image:Sidebar Background}');
  254. {block:ifRightNavigation}margin-left:-300px;{/block:ifRightNavigation}
  255. {block:ifNotRightNavigation}margin-left:64px;{/block:ifNotRightNavigation}}
  256.  
  257. #following img { width:26px;
  258. border: transparent 4px solid;
  259. display:inline-block;
  260. margin:0px 5px 0px 0px;}
  261.  
  262. #following img:hover {
  263. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  264. border: {color:Home Background} 3px solid;}
  265.  
  266. /* -- BASE NAVIGATION -- */
  267.  
  268. #navig {
  269. position:fixed;
  270. top:0; height:100%;
  271. width:64px;
  272. z-index:9;
  273. text-align:center;
  274. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  275. {block:ifRightNavigation}margin-left:298px;{/block:ifRightNavigation}
  276. {block:ifNotRightNavigation}margin-left:0;{/block:ifNotRightNavigation}
  277. {block:ifNavigationBackground}background:{color:Navigation Background} url('{image:Navigation Background}');{/block:ifNavigationBackground}}
  278.  
  279. #basna {padding-top:25px;}
  280.  
  281. #basna a, #home a {
  282. display:inline-block;
  283. width:52px;
  284. padding:8px 0px;
  285. line-height:102%;
  286. font-size:7px;
  287. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  288. text-transform:uppercase;
  289. color:{color:Navigation};}
  290.  
  291. #home {padding:9px 5px;}
  292.  
  293. #home a {
  294. font-size:12px;
  295. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  296. background:{color:Home Background};
  297. color: {color:Home};}
  298.  
  299. #home a:hover { background:transparent;
  300. color:{color:Home Background};}
  301.  
  302. .homeback { width:0;
  303. position:absolute;
  304. background:{color:Home};}
  305.  
  306. .homeback:hover {width:100%;}
  307. #home:hover {padding:9px 0px;}
  308. #basna a:hover {color:{color:Home};}
  309.  
  310. /* --TITLE -- */
  311.  
  312. #title, #blotit {
  313. height:auto;
  314. width:240px;
  315. margin-bottom:-8px;
  316. line-height:110%;
  317. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  318. text-align:center;
  319. letter-spacing:1px;
  320. font-size:14px;
  321. padding:8px 0px;
  322. text-transform:uppercase;
  323. color: {color:Title};
  324. {block:ifTitle}display:block;{/block:ifTitle}
  325. {block:ifNotTitle}display:none;{/block:ifNotTitle}}
  326.  
  327. /* --- ENTRIES --- */
  328.  
  329. #left{
  330. position:absolute;
  331. padding:5px;
  332. left:394px;
  333. top:-18px;
  334. {block:ifNot400pxPost}width:580px;{/block:ifNot400pxPost}
  335. {block:if400pxPost}width:480px;{/block:if400pxPost}}
  336.  
  337. #bache {
  338. position:fixed;
  339. left:364px;
  340. top:0; height:100%;
  341. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);
  342. {block:ifNot400pxPost}width:615px;{/block:ifNot400pxPost}
  343. {block:if400pxPost}width:515px;{/block:if400pxPost}
  344. {block:ifEntriesBackground}background:{color:Entries Background} url('{image:Entries Background}');{/block:ifEntriesBackground}{block:ifNotEntriesBackground}background:transparent;{/block:ifNotEntriesBackground}}
  345.  
  346. /* -- EVERY POST -- */
  347.  
  348. .entry {
  349. margin-top:24px;
  350. word-wrap: break-word;
  351. padding:24px 20px;
  352. position:relative;
  353. {block:ifNot400pxPost}width:500px!important;{/block:ifNot400pxPost}
  354. {block:if400pxPost}width:400px!important;{/block:if400pxPost}
  355. {block:ifNotPostBackground}background:transparent;{/block:ifNotPostBackground}{block:ifPostBackground}background:{color:Post Background};{/block:ifPostBackground}{block:ifPostBorder}box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);{/block:ifPostBorder}
  356. {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}}
  357.  
  358. .entry:hover, #sidebar:hover {
  359. -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
  360.  
  361. /* -- POST LINKS -- */
  362.  
  363. .entry a {color: {color:Link};}
  364. .entry a:hover { color: {color:Link hover};}
  365.  
  366. /* -- PANORAMA POST -- */
  367.  
  368. #panorama img {
  369. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  370. {block:if400pxPost}width:400px;{/block:if400pxPost}}
  371.  
  372. .tip {text-decoration: none;}
  373. .tip:hover {position: relative;}
  374. .tip span {display: none;}
  375.  
  376. .tip:hover span {
  377. padding: 5px;
  378. display: block;
  379. z-index: 100;
  380. margin:-30px 10px 10px -30px;
  381. width: auto;
  382. font-size:8px;
  383. position: absolute;
  384. text-transform:uppercase;
  385. background: {color:Post Background};
  386. color:{color:Text};}
  387.  
  388. /* -- TITLE POST -- */
  389.  
  390. h1 {
  391. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  392. font-size: 18px;
  393. text-transform: uppercase;
  394. color: {color:Link};}
  395.  
  396. /* -- CHAT POST -- */
  397.  
  398. .chat {
  399. padding:4px;
  400. line-height:16px;
  401. margin-bottom:1px;
  402. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.15);
  403. color: {color:Text};}
  404.  
  405. .chat:hover {-webkit-filter: invert(100%);}
  406.  
  407. /* -- PHOTO POST -- */
  408.  
  409. #highres {opacity: 0; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;}
  410. .entry:hover #highres {opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
  411.  
  412. #highres a {
  413. padding: 5px;
  414. display: block;
  415. z-index: 100;
  416. width: auto;
  417. font-size:8px;
  418. margin:10px;
  419. position: absolute;
  420. text-transform:uppercase;
  421. background: {color:Post Background};
  422. color:{color:Text};}
  423.  
  424. #highres a:hover {color:{color:Text}}
  425.  
  426. /* -- AUDIO ENTRIES -- */
  427.  
  428. #backaudio {
  429. position:absolute;
  430. width:26px;
  431. height:26px;
  432. padding:10px;
  433. margin:16px 0px 0px 16px;
  434. background:#fff;
  435. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);}
  436.  
  437. #audioplayer {
  438. margin:0px 4px 4px 0px;
  439. overflow:hidden;
  440. position:absolute;
  441. width:26px; height:26px;
  442. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  443.  
  444. #albumart {
  445. float:left;
  446. padding:2px;
  447. margin: 2px;}
  448.  
  449. #albumart img {
  450. width:68px; height:68px;
  451. box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.3);}
  452.  
  453. #albuminfo {
  454. letter-spacing:1px;
  455. margin-top:-12px;
  456. line-height:15px;
  457. -moz-border-radius-topleft: 90px;
  458. -webkit-border-top-left-radius: 90px;
  459. border-top-left-radius: 90px;
  460. -moz-border-radius-bottomleft: 90px;
  461. -webkit-border-bottom-left-radius: 90px;
  462. border-bottom-left-radius: 90px;
  463. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.4);
  464. padding:16px 0px 16px 110px;}
  465.  
  466. #albumart img, #backaudio {
  467. -webkit-border-radius: 90px;
  468. -moz-border-radius: 90px;
  469. border-radius: 90px;}
  470.  
  471. /* -- VIDEO -- */
  472.  
  473. .video {
  474. position: relative;
  475. padding-bottom: 75%;
  476. height: 0;
  477. overflow: hidden;}
  478.  
  479. .video iframe, .video object, .video embed {
  480. position: absolute;
  481. top: 0; left: 0;
  482. width: 100%;
  483. height: 100%;}
  484.  
  485. /* -- QUOTE ENTRIES -- */
  486.  
  487. #quote {
  488. font-weight:bold;
  489. font-style:italic;
  490. font-size:16px;}
  491.  
  492. #quos {
  493. position:absolute;
  494. font-size:90px;
  495. width:60px;
  496. margin:25px 0px 0px -2px;
  497. font-family: 'Spirax', cursive;
  498. filter: alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity:0.2;
  499. background:transparent;
  500. color:{color:Text};}
  501.  
  502. /* -- TAGS --*/
  503.  
  504. #info1 {
  505. letter-spacing:1px;
  506. line-height:16px;
  507. padding:2px 6px;
  508. text-transform:uppercase;
  509. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  510. {block:ifNot400pxPost}width:528px;{/block:ifNot400pxPost}
  511. {block:if400pxPost}width:428px;{/block:if400pxPost}}
  512.  
  513. #info1, #info1 a { text-align: center;
  514. color:{color:Info}; {block:ifInfoBackground}background:{color:Info Background}; font-size:7px;{/block:ifInfoBackground} {block:ifNotInfoBackground}font-size:10px; font-weigth:bold; margin-bottom:-10px;{/block:ifNotInfoBackground}}
  515.  
  516. #tagged {
  517. font-size:10px;
  518. padding:4px;
  519. text-align: center;
  520. font-family:Calibri;
  521. {block:ifNot400pxPost}width:532px;{/block:ifNot400pxPost}
  522. {block:if400pxPost}width:432px;{/block:if400pxPost}
  523. {block:ifNotTags}filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;height:1px;{/block:ifNotTags}{block:ifTags}filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;{/block:ifTags}
  524. {block:ifNotTagsBackground}margin-top:-2px;{/block:ifNotTagsBackground}{block:ifTagsBackground}background:{color:Tags Background} url('http://i50.tinypic.com/2lo0ie9.png') repeat right top;{/block:ifTagsBackground}}
  525.  
  526. #tagged a {
  527. margin:0px 3px;
  528. word-wrap: break-word;
  529. color: {color:Tags};}
  530.  
  531. /* -- TUMBLR CONTROLS -- */
  532.  
  533. #tumblr_controls {
  534. filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;
  535. {block:ifWhiteFollowButton}-webkit-filter: invert(100%);{/block:ifWhiteFollowButton}}
  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. #scrollToTop:link, #scrollToTop:visited {
  587. position:fixed;
  588. right:20px;
  589. z-index:2;
  590. bottom:14px;
  591. padding:3px 6px;
  592. font-size:8px;
  593. font-weight:bold;
  594. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  595. text-transform:uppercase;
  596. display: none;
  597. color:{color:Home};
  598. background:{color:Home Background};
  599. {Block:PermalinkPage}color:transparent;{/Block:PermalinkPage}}
  600.  
  601. /* -- BLOCKQUOTE -- */
  602.  
  603. blockquote img {max-width: 100%;}
  604.  
  605. {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}
  606.  
  607. {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}
  608.  
  609. input[type="text"]:focus {outline: none;}
  610.  
  611. {CustomCSS}</style>
  612.  
  613. <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>
  614.  
  615. </head><body>
  616.  
  617. <div id="sidebar">
  618.  
  619. <div id="navig">
  620. <div id="home"><div class="homeback"><a href="/">home</a></div></div>
  621. <div id="basna"><a href="/ask">message</a>
  622. {block:ifSubmitLink}<a href="/submit">submit</a>{/block:ifSubmitLink}
  623. {block:ifBlogroll}<div id="broll">
  624. <a href="javascript:unhide('displaybx');">blogroll</a>
  625. <div id="displaybx" class="hidden">
  626. <div id="following"><br><center><div id="blotit">Follow Forever</div></center><br><br><br>
  627. {block:Following}{block:Followed}<a href="{FollowedURL}" target="_blank"><img src="{FollowedPortraitURL-48}"/></a>{/block:Followed}{/block:Following}</div></div>
  628. </div>{/block:ifBlogroll}
  629. <a href="/archive">archive</a>
  630. <a href="http://donthemes.tumblr.com/">theme</a>
  631.  
  632. {block:HasPages}{block:Pages}<a href="{URL}" class="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  633.  
  634. {block:IfLink1}<a href="{text:Link1}">{text:Link 1 name}</a>{/block:IfLink1}
  635. {block:IfLink2}<a href="{text:Link2}">{text:Link 2 name}</a>{/block:IfLink2}
  636. {block:IfLink3}<a href="{text:Link3}">{text:Link 3 name}</a>{/block:IfLink3}
  637. {block:IfLink4}<a href="{text:Link4}">{text:Link 4 name}</a>{/block:IfLink4}
  638. {block:IfLink5}<a href="{text:Link5}">{text:Link 5 name}</a>{/block:IfLink5}
  639. {block:IfLink6}<a href="{text:Link6}">{text:Link 6 name}</a>{/block:IfLink6}
  640. {block:IfLink7}<a href="{text:Link7}">{text:Link 7 name}</a>{/block:IfLink7}
  641. {block:IfLink8}<a href="{text:Link8}">{text:Link 8 name}</a>{/block:IfLink8}
  642.  
  643. {block:ifNotInfiniteScrolling}{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}{/block:ifNotInfiniteScrolling}
  644.  
  645. </div></div>
  646.  
  647. <div id="side">
  648. <div class="dess">
  649. <img src="{image:Sidebar}">
  650. <div id="title">{Title}</div>
  651. {Block:description}{description}{/Block:description}</div><br></div>
  652.  
  653. </div>
  654.  
  655. <div id="bache"></div>
  656. <div id="left">
  657.  
  658. {block:ContentSource}
  659. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  660. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  661. {/block:SourceLogo}
  662. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  663. {/block:ContentSource}
  664.  
  665. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  666.  
  667. {block:Posts}
  668.  
  669. <div class="entry">
  670.  
  671. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  672.  
  673. {block:ifNot400pxPost}{block:Photo}
  674. <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>
  675. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  676. {/block:Photo}{/block:ifNot400pxPost}
  677.  
  678. {block:if400pxPost}{block:Photo}
  679. <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>
  680. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  681. {/block:Photo}{/block:if400pxPost}
  682.  
  683. {block:ifNot400pxPost}{block:Photoset}
  684. <center>{Photoset-500}</center>
  685. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  686. {/block:Photoset}{/block:ifNot400pxPost}
  687.  
  688. {block:if400pxPost}{block:Photoset}
  689. <center>{Photoset-400}</center>
  690. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  691. {/block:Photoset}{/block:if400pxPost}
  692.  
  693. {block:Panorama}
  694. {LinkOpenTag}<div id="panorama"><div class="tip"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/><span>panorama</span></div></div>{LinkCloseTag}
  695. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  696. {/block:Panorama}
  697.  
  698. {block:Quote}
  699. <div id="quos">"</div><div id="quote">{Quote}</div>
  700. <center>- {block:Source}{Source}{/block:Source}</center><br>
  701. {/block:Quote}
  702.  
  703. {block:Link}
  704. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  705. {/block:Link}
  706.  
  707. {block:Chat}
  708. {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}
  709. {/block:Chat}
  710.  
  711. {block:Audio}
  712. <div id="backaudio"><div id= "audioplayer">{AudioPlayerWhite}</div></div>
  713. <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>
  714. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  715. {/block:Audio}
  716.  
  717. {block:Video}
  718. {block:ifNot400pxPost}<div class="video">{Video-500}</div>{/block:ifNot400pxPost}{block:if400pxPost}<div class="video">{Video-400}</div>{/block:if400pxPost}
  719. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  720. {/block:Video}
  721.  
  722. {block:Answer}
  723. <div class="chat"><font style="text-transform: uppercase;"><b>{Asker}</b>: {Question}</font></div>{Answer}
  724. {/block:Answer}
  725.  
  726. </div>
  727.  
  728. <div id="info1">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonth} {ShortMonth}</a>{/block:Date} {block:NoteCount}♥ {NoteCountWithLabel} {/block:NoteCount}{block:RebloggedFrom}● <a href="{ReblogParentURL}" target="_blank">via</a> <a href="{ReblogRootURL}" target="_blank">source</a>{/block:RebloggedFrom} {block:IndexPage} - <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}</div>
  729.  
  730. {block:HasTags}<div id="tagged">{block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  731.  
  732. {block:PermalinkPage}
  733. <br><div class="notes">{block:PostNotes} {PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  734.  
  735. {/block:Posts}
  736. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  737. {Block:IndexPage}<br>{/Block:IndexPage}
  738. </div>
  739. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement