API tools faq
paste
Advertisement
Donniert

[08] Have Control

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