Advertisement
Donniert

[10 V2] Won't be Long

Aug 27th, 2013
742
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.03 KB | None | 0 0
  1. <!-- N THEME 10 V2 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://i40.tinypic.com/24oc6r6.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="">
  81. <meta name="if:Right Navigation" content="">
  82. <meta name="if:Info Background" content="">
  83. <meta name="if:Post Background" content="">
  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="1">
  90. <meta name="if:Tags Background" content="">
  91. <meta name="if:Show Captions" content="1">
  92. <meta name="if:White Follow Button" content="">
  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. {block:ifRightNavigation}margin-left:5px;{/block:ifRightNavigation}
  219. {block:ifNotRightNavigation}margin-left:67px;{/block:ifNotRightNavigation}}
  220.  
  221. #sidebar { position:fixed;
  222. top:0; height:100%; width:100%;
  223. {block:ifNot400pxPost}left:615px;{/block:ifNot400pxPost}
  224. {block:if400pxPost}left:515px;{/block:if400pxPost}
  225. {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}
  226. {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 */{/block:ifMonochromeSidebar}}
  227.  
  228. /* -- SIDEBAR DESCRIPTION -- */
  229.  
  230. .dess {
  231. position:absolute;
  232. width:240px;
  233. margin-left:20px;
  234. padding:10px;
  235. color: {color:Sidebar Text};
  236. {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}
  237. {block:ifCenterSidebarText}text-align:center;{/block:ifCenterSidebarText}
  238. {block:ifNotCenterSidebarText}text-align:justify;{/block:ifNotCenterSidebarText}}
  239.  
  240. .dess a {color:{color:Sidebar Link};}
  241. .dess a:hover {color: {color:Sidebar Text};}
  242.  
  243. /* -- BLOGROLL/FOLLOWING --*/
  244.  
  245. .hidden {display:none;}
  246. .unhidden {display:block;}
  247.  
  248. #following {
  249. position:fixed;
  250. top:0;
  251. width:300px;
  252. height:100%;
  253. z-index:2;
  254. overflow:auto;
  255. margin-left:64px;
  256. overflow:auto;
  257. direction:rtl;
  258. {block:ifNotRightNavigation}background:{color:Sidebar Background} url('{image:Sidebar Background}');{/block:ifNotRightNavigation}}
  259.  
  260. #following img { width:26px;
  261. border: transparent 4px solid;
  262. display:inline-block;
  263. margin:0px 5px 0px 0px;}
  264.  
  265. #following img:hover {
  266. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  267. border: {color:Home Background} 3px solid;}
  268.  
  269. /* -- BASE NAVIGATION -- */
  270.  
  271. #navig {
  272. position:fixed;
  273. top:0; height:100%;
  274. width:64px;
  275. z-index:9;
  276. text-align:center;
  277. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  278. {block:ifRightNavigation}margin-left:305px;{/block:ifRightNavigation}
  279. {block:ifNotRightNavigation}margin-left:0;{/block:ifNotRightNavigation}
  280. {block:ifNavigationBackground}background:{color:Navigation Background} url('{image:Navigation Background}');{/block:ifNavigationBackground}}
  281.  
  282. #basna {padding-top:25px;}
  283.  
  284. #basna a, #home a {
  285. display:inline-block;
  286. width:52px;
  287. padding:8px 0px;
  288. line-height:102%;
  289. font-size:7px;
  290. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  291. text-transform:uppercase;
  292. color:{color:Navigation};}
  293.  
  294. #home {padding:9px 5px;}
  295.  
  296. #home a {
  297. font-size:12px;
  298. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  299. background:{color:Home Background};
  300. color: {color:Home};}
  301.  
  302. #home a:hover { background:transparent;
  303. color:{color:Home Background};}
  304.  
  305. .homeback { width:0;
  306. position:absolute;
  307. background:{color:Home};}
  308.  
  309. .homeback:hover {width:100%;}
  310. #home:hover {padding:9px 0px;}
  311. #basna a:hover {color:{color:Home};}
  312.  
  313. /* --TITLE -- */
  314.  
  315. #title, #blotit {
  316. height:auto;
  317. width:240px;
  318. margin-bottom:-8px;
  319. line-height:110%;
  320. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  321. text-align:center;
  322. letter-spacing:1px;
  323. font-size:14px;
  324. padding:8px 0px;
  325. text-transform:uppercase;
  326. color: {color:Title};
  327. {block:ifTitle}display:block;{/block:ifTitle}
  328. {block:ifNotTitle}display:none;{/block:ifNotTitle}}
  329.  
  330. /* --- ENTRIES --- */
  331.  
  332. #left{
  333. position:absolute;
  334. padding:5px;
  335. left:30px;
  336. top:-18px;
  337. {block:ifNot400pxPost}width:580px;{/block:ifNot400pxPost}
  338. {block:if400pxPost}width:480px;{/block:if400pxPost}}
  339.  
  340. #bache {
  341. position:fixed;
  342. left:0; top:0; height:100%;
  343. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);
  344. {block:ifNot400pxPost}width:615px;{/block:ifNot400pxPost}
  345. {block:if400pxPost}width:515px;{/block:if400pxPost}
  346. {block:ifEntriesBackground}background:{color:Entries Background} url('{image:Entries Background}');{/block:ifEntriesBackground}{block:ifNotEntriesBackground}background:transparent;{/block:ifNotEntriesBackground}}
  347.  
  348. /* -- EVERY POST -- */
  349.  
  350. .entry {
  351. margin-top:24px;
  352. word-wrap: break-word;
  353. padding:24px 20px;
  354. position:relative;
  355. {block:ifNot400pxPost}width:500px!important;{/block:ifNot400pxPost}
  356. {block:if400pxPost}width:400px!important;{/block:if400pxPost}
  357. {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}
  358. {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}}
  359.  
  360. .entry:hover, #sidebar:hover {
  361. -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
  362.  
  363. /* -- POST LINKS -- */
  364.  
  365. .entry a {color: {color:Link};}
  366. .entry a:hover { color: {color:Link hover};}
  367.  
  368. /* -- PANORAMA POST -- */
  369.  
  370. #panorama img {
  371. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  372. {block:if400pxPost}width:400px;{/block:if400pxPost}}
  373.  
  374. .tip {text-decoration: none;}
  375. .tip:hover {position: relative;}
  376. .tip span {display: none;}
  377.  
  378. .tip:hover span {
  379. padding: 5px;
  380. display: block;
  381. z-index: 100;
  382. margin:-30px 10px 10px -30px;
  383. width: auto;
  384. font-size:8px;
  385. position: absolute;
  386. text-transform:uppercase;
  387. background: {color:Post Background};
  388. color:{color:Text};}
  389.  
  390. /* -- TITLE POST -- */
  391.  
  392. h1 {
  393. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  394. font-size: 18px;
  395. text-transform: uppercase;
  396. color: {color:Link};}
  397.  
  398. /* -- CHAT POST -- */
  399.  
  400. .chat {
  401. padding:4px;
  402. line-height:16px;
  403. margin-bottom:1px;
  404. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.15);
  405. color: {color:Text};}
  406.  
  407. .chat:hover {-webkit-filter: invert(100%);}
  408.  
  409. /* -- PHOTO POST -- */
  410.  
  411. #highres {opacity: 0; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;}
  412. .entry:hover #highres {opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
  413.  
  414. #highres a {
  415. padding: 5px;
  416. display: block;
  417. z-index: 100;
  418. width: auto;
  419. font-size:8px;
  420. margin:10px;
  421. position: absolute;
  422. text-transform:uppercase;
  423. background: {color:Post Background};
  424. color:{color:Text};}
  425.  
  426. #highres a:hover {color:{color:Text}}
  427.  
  428. /* -- AUDIO ENTRIES -- */
  429.  
  430. #backaudio {
  431. position:absolute;
  432. width:26px;
  433. height:26px;
  434. padding:10px;
  435. margin:16px 0px 0px 16px;
  436. background:#fff;
  437. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);}
  438.  
  439. #audioplayer {
  440. margin:0px 4px 4px 0px;
  441. overflow:hidden;
  442. position:absolute;
  443. width:26px; height:26px;
  444. filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  445.  
  446. #albumart {
  447. float:left;
  448. padding:2px;
  449. margin: 2px;}
  450.  
  451. #albumart img {
  452. width:68px; height:68px;
  453. box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.3);}
  454.  
  455. #albuminfo {
  456. letter-spacing:1px;
  457. margin-top:-12px;
  458. line-height:15px;
  459. -moz-border-radius-topleft: 90px;
  460. -webkit-border-top-left-radius: 90px;
  461. border-top-left-radius: 90px;
  462. -moz-border-radius-bottomleft: 90px;
  463. -webkit-border-bottom-left-radius: 90px;
  464. border-bottom-left-radius: 90px;
  465. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.4);
  466. padding:16px 0px 16px 110px;}
  467.  
  468. #albumart img, #backaudio {
  469. -webkit-border-radius: 90px;
  470. -moz-border-radius: 90px;
  471. border-radius: 90px;}
  472.  
  473. /* -- VIDEO -- */
  474.  
  475. .video {
  476. position: relative;
  477. padding-bottom: 75%;
  478. height: 0;
  479. overflow: hidden;}
  480.  
  481. .video iframe, .video object, .video embed {
  482. position: absolute;
  483. top: 0; left: 0;
  484. width: 100%;
  485. height: 100%;}
  486.  
  487. /* -- QUOTE ENTRIES -- */
  488.  
  489. #quote {
  490. font-weight:bold;
  491. font-style:italic;
  492. font-size:16px;}
  493.  
  494. #quos {
  495. position:absolute;
  496. font-size:90px;
  497. width:60px;
  498. margin:25px 0px 0px -2px;
  499. font-family: 'Spirax', cursive;
  500. filter: alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity:0.2;
  501. background:transparent;
  502. color:{color:Text};}
  503.  
  504. /* -- TAGS --*/
  505.  
  506. #info1 {
  507. letter-spacing:1px;
  508. line-height:16px;
  509. padding:2px 6px;
  510. text-transform:uppercase;
  511. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  512. {block:ifNot400pxPost}width:528px;{/block:ifNot400pxPost}
  513. {block:if400pxPost}width:428px;{/block:if400pxPost}}
  514.  
  515. #info1, #info1 a { text-align: center;
  516. 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}}
  517.  
  518. #tagged {
  519. font-size:10px;
  520. padding:4px;
  521. text-align: center;
  522. font-family:Calibri;
  523. {block:ifNot400pxPost}width:532px;{/block:ifNot400pxPost}
  524. {block:if400pxPost}width:432px;{/block:if400pxPost}
  525. {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}
  526. {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}}
  527.  
  528. #tagged a {
  529. margin:0px 3px;
  530. word-wrap: break-word;
  531. color: {color:Tags};}
  532.  
  533. /* -- TUMBLR CONTROLS -- */
  534.  
  535. #tumblr_controls {
  536. filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;
  537. {block:ifWhiteFollowButton}-webkit-filter: invert(100%);{/block:ifWhiteFollowButton}}
  538.  
  539. #tumblr_controls:hover {filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
  540.  
  541. /* -- TEXT SELECTION -- */
  542.  
  543. ::selection {
  544. background: {color:Selection Background};
  545. color: {color:Selection Color};}
  546.  
  547. ::-moz-selection {
  548. background: {color:Selection Background};
  549. color: {color:Selection Color};}
  550.  
  551. ::-webkit-selection {
  552. background: {color:Selection Background};
  553. color: {color:Selection Color};}
  554.  
  555. /* -- NOTES -- */
  556.  
  557. .notes {
  558. padding:2px;
  559. margin-left:20px;
  560. {block:ifNot400pxPost}width:500px;{/block:ifNot400pxPost}
  561. {block:if400pxPost}width:400px;{/block:if400pxPost}}
  562.  
  563. .notes a {color:{color:Link};}
  564.  
  565. ol.notes {
  566. padding: 0px;
  567. margin: 3px 0px;
  568. line-height:12px;
  569. padding-left:20px;
  570. list-style-type: none;}
  571.  
  572. ol.notes li.note {padding: 10px;}
  573. ol.notes li.note img.avatar {display:none;}
  574. ol.notes li.note span.action {font-weight: bold;}
  575. ol.notes li.note .answer_content {font-weight: normal;}
  576.  
  577. ol.notes li.note blockquote {
  578. padding: 4px 10px;
  579. margin: 10px 0px 0px 25px;
  580. border-color: {color:Text};}
  581.  
  582. ol.notes li.note blockquote a {color:{color:Link};}
  583.  
  584. /* -- OTHERS -- */
  585.  
  586. img {border:none;display:block; max-width:100%;}
  587.  
  588. #scrollToTop:link, #scrollToTop:visited {
  589. position:fixed;
  590. right:20px;
  591. z-index:2;
  592. bottom:14px;
  593. padding:3px 6px;
  594. font-size:8px;
  595. font-weight:bold;
  596. font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  597. text-transform:uppercase;
  598. display: none;
  599. color:{color:Home};
  600. background:{color:Home Background};
  601. {Block:PermalinkPage}color:transparent;{/Block:PermalinkPage}}
  602.  
  603. /* -- BLOCKQUOTE -- */
  604.  
  605. blockquote img {max-width: 100%;}
  606.  
  607. {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}
  608.  
  609. {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}
  610.  
  611. input[type="text"]:focus {outline: none;}
  612.  
  613. {CustomCSS}</style>
  614.  
  615. <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>
  616.  
  617. </head><body>
  618.  
  619. <div id="sidebar">
  620.  
  621. <div id="navig">
  622. <div id="home"><div class="homeback"><a href="/">home</a></div></div>
  623. <div id="basna"><a href="/ask">message</a>
  624. {block:ifSubmitLink}<a href="/submit">submit</a>{/block:ifSubmitLink}
  625. {block:ifBlogroll}<div id="broll">
  626. <a href="javascript:unhide('displaybx');">blogroll</a>
  627. <div id="displaybx" class="hidden">
  628. <div id="following"><br><center><div id="blotit">Follow Forever</div></center><br><br><br>
  629. {block:Following}{block:Followed}<a href="{FollowedURL}" target="_blank"><img src="{FollowedPortraitURL-48}"/></a>{/block:Followed}{/block:Following}</div></div>
  630. </div>{/block:ifBlogroll}
  631. <a href="/archive">archive</a>
  632. <a href="http://donthemes.tumblr.com/">theme</a>
  633.  
  634. {block:HasPages}{block:Pages}<a href="{URL}" class="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  635.  
  636. {block:IfLink1}<a href="{text:Link1}">{text:Link 1 name}</a>{/block:IfLink1}
  637. {block:IfLink2}<a href="{text:Link2}">{text:Link 2 name}</a>{/block:IfLink2}
  638. {block:IfLink3}<a href="{text:Link3}">{text:Link 3 name}</a>{/block:IfLink3}
  639. {block:IfLink4}<a href="{text:Link4}">{text:Link 4 name}</a>{/block:IfLink4}
  640. {block:IfLink5}<a href="{text:Link5}">{text:Link 5 name}</a>{/block:IfLink5}
  641. {block:IfLink6}<a href="{text:Link6}">{text:Link 6 name}</a>{/block:IfLink6}
  642. {block:IfLink7}<a href="{text:Link7}">{text:Link 7 name}</a>{/block:IfLink7}
  643. {block:IfLink8}<a href="{text:Link8}">{text:Link 8 name}</a>{/block:IfLink8}
  644.  
  645. {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}
  646.  
  647. </div></div>
  648.  
  649. <div id="side">
  650. <div class="dess">
  651. <img src="{image:Sidebar}">
  652. <div id="title">{Title}</div>
  653. {Block:description}{description}{/Block:description}</div><br></div>
  654.  
  655. </div>
  656.  
  657. <div id="bache"></div>
  658. <div id="left">
  659.  
  660. {block:ContentSource}
  661. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  662. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  663. {/block:SourceLogo}
  664. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  665. {/block:ContentSource}
  666.  
  667. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  668.  
  669. {block:Posts}
  670.  
  671. <div class="entry">
  672.  
  673. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  674.  
  675. {block:ifNot400pxPost}{block:Photo}
  676. <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>
  677. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  678. {/block:Photo}{/block:ifNot400pxPost}
  679.  
  680. {block:if400pxPost}{block:Photo}
  681. <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>
  682. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  683. {/block:Photo}{/block:if400pxPost}
  684.  
  685. {block:ifNot400pxPost}{block:Photoset}
  686. <center>{Photoset-500}</center>
  687. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  688. {/block:Photoset}{/block:ifNot400pxPost}
  689.  
  690. {block:if400pxPost}{block:Photoset}
  691. <center>{Photoset-400}</center>
  692. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  693. {/block:Photoset}{/block:if400pxPost}
  694.  
  695. {block:Panorama}
  696. {LinkOpenTag}<div id="panorama"><div class="tip"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/><span>panorama</span></div></div>{LinkCloseTag}
  697. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  698. {/block:Panorama}
  699.  
  700. {block:Quote}
  701. <div id="quos">"</div><div id="quote">{Quote}</div>
  702. <center>- {block:Source}{Source}{/block:Source}</center><br>
  703. {/block:Quote}
  704.  
  705. {block:Link}
  706. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  707. {/block:Link}
  708.  
  709. {block:Chat}
  710. {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}
  711. {/block:Chat}
  712.  
  713. {block:Audio}
  714. <div id="backaudio"><div id= "audioplayer">{AudioPlayerWhite}</div></div>
  715. <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>
  716. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  717. {/block:Audio}
  718.  
  719. {block:Video}
  720. {block:ifNot400pxPost}<div class="video">{Video-500}</div>{/block:ifNot400pxPost}{block:if400pxPost}<div class="video">{Video-400}</div>{/block:if400pxPost}
  721. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  722. {/block:Video}
  723.  
  724. {block:Answer}
  725. <div class="chat"><font style="text-transform: uppercase;"><b>{Asker}</b>: {Question}</font></div>{Answer}
  726. {/block:Answer}
  727.  
  728. </div>
  729.  
  730. <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>
  731.  
  732. {block:HasTags}<div id="tagged">{block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  733.  
  734. {block:PermalinkPage}
  735. <br><div class="notes">{block:PostNotes} {PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  736.  
  737. {/block:Posts}
  738. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  739. {Block:IndexPage}<br>{/Block:IndexPage}
  740. </div>
  741. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement