API tools faq
paste
sleeplessthemes

Restrained Theme

sleeplessthemes
Jul 13th, 2012
15,901
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- Please keep my credit on this theme. Or at least link
  5. me as the creator on your blog somewhere. Thanks! =)
  6.  
  7. Restrained Theme by: sleeplessthemes.com & destroyer.tumblr.com
  8. Restrained Theme by: sleeplessthemes.com & destroyer.tumblr.com
  9. Restrained Theme by: sleeplessthemes.com & destroyer.tumblr.com
  10. Restrained Theme by: sleeplessthemes.com & destroyer.tumblr.com
  11. Restrained Theme by: sleeplessthemes.com & destroyer.tumblr.com
  12. Restrained Theme by: sleeplessthemes.com & destroyer.tumblr.com
  13. -->
  14.  
  15. <head>
  16. <!-- DEFAULT VARIABLES -->
  17. <meta name="color:Background" content="#f7f7f7"/>
  18. <meta name="color:box" content="#ffffff"/>
  19. <meta name="color:Text" content="#808080"/>
  20. <meta name="color:text headers" content="#1e1e1e"/>
  21. <meta name="color:bold text" content="#1e1e1e"/>
  22. <meta name="color:label background" content="#ededed"/>
  23. <meta name="color:link" content="#c1c1c1"/>
  24. <meta name="color:link hover" content="#2d2d2d"/>
  25.  
  26. <meta name="image:Portrait" content=""/>
  27. <meta name="image:Background" content="http://static.tumblr.com/eptm5us/bOvm0lv2z/bg11.jpg"/>
  28.  
  29. <meta name="if:Show Caption" content="1" />
  30. <meta name="if:Show Title" content="1" />
  31. <meta name="if:Show Infinite Scroll" content="1" />
  32.  
  33. <meta name="text:Font Size" content="10px"/>
  34. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  35. <meta name="font:Header Title" content="'Arial Black', Impact, Gadget, sans-serif, Arial, Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  36.  
  37. <meta name="text:Custom Link One" content="" />
  38. <meta name="text:Custom Link One Title" content="" />
  39. <meta name="text:Custom Link Two" content="" />
  40. <meta name="text:Custom Link Two Title" content="" />
  41. <meta name="text:Custom Link Three" content="" />
  42. <meta name="text:Custom Link Three Title" content="" />
  43. <meta name="text:Custom Link Four" content="" />
  44. <meta name="text:Custom Link Four Title" content="" />
  45.  
  46.  
  47. <title>{Title}</title>
  48.  
  49. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  50.  
  51. {block:Indexpage}
  52.  
  53. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  54.  
  55. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  56.  
  57. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  58.  
  59. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>{/block:IfShowInfiniteScroll}
  60.  
  61.  
  62. <script>
  63. jQuery(window).load(function(){
  64. var $wall = $('#posts');
  65. $wall.imagesLoaded(function(){
  66. $wall.masonry({
  67. singleMode: true,
  68. columnWidth: 290,
  69. itemSelector: '#entry'
  70. });
  71. });
  72. $wall.infinitescroll({
  73. navSelector : '#page-nav',
  74. nextSelector : '#page-nav a',
  75. itemSelector : '#entry',
  76. },
  77.  
  78. function( newElements ){
  79. $(newElements).hide();
  80. setTimeout(function(){
  81. $wall.masonry({ appendedContent: $(newElements) });
  82. },2000);
  83. setTimeout(function(){
  84. $(newElements).fadeIn('slow');
  85. },2100);
  86. },1000);
  87. });
  88. </script>
  89.  
  90.  
  91. <script>
  92. $.fn.imagesLoaded = function(callback){
  93. var elems = this.find('img'),
  94. len = elems.length,
  95. _this = this;
  96. if ( !elems.length ) {
  97. callback.call( this );}
  98. elems.bind('load',function(){
  99. if (--len <= 0){
  100. callback.call( _this );}
  101. }).each(function(){
  102. // cached images don't fire load sometimes, so we reset src.
  103. if (this.complete || this.complete === undefined){
  104. var src = this.src;
  105. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  106. // data uri bypasses webkit log warning (thx doug jones)
  107. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  108. this.src = src;}
  109. });
  110. return this;};
  111. </script>
  112.  
  113. {/block:Indexpage}
  114.  
  115. <style type="text/css">
  116.  
  117. body{
  118. margin-top:40px;
  119. text-align:justify;
  120. color: {color:text};
  121. font-family: {font:Body};
  122. font-size: {text:Font Size};
  123. line-height: 12px;
  124. text-align:justify;
  125. background-color:{color:Background};
  126. background-image:url({image:Background});
  127. background-attachment: fixed;
  128. background-position:top center;
  129. background-repeat: repeat;}
  130.  
  131. a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  132. font-family: {font:Body};
  133. font-size: {text:Font Size}; line-height:12px; }
  134. a:hover{color: {color:link hover}; line-height:12px;}
  135.  
  136.  
  137.  
  138. #tumblr_controls{
  139. position:fixed!important;}
  140.  
  141. b, strong{color: {color:bold text};
  142. font-family: {font:Body};
  143. font-size: {text:Font Size}; line-height:12px;}
  144.  
  145. #posts{
  146. margin-top:10px;
  147. margin-left: auto;
  148. margin-right: auto;
  149. width:870px;
  150. {block:PermalinkPage}width: 540px;{/block:PermalinkPage}
  151. padding-top:20px;
  152. padding-left:20px;
  153. background-color: transparent;}
  154.  
  155.  
  156. #entry{
  157. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  158. overflow: hidden;
  159. float: left;
  160. {block:IndexPage}width: 250px;{/block:IndexPage}
  161. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  162. background-color: {color:box};
  163. border: 10px solid {color:box};
  164. padding: 0px;
  165. margin: 0px 0px 22px 0px;}
  166.  
  167.  
  168. #permapage {box-shadow:
  169. 0 1px 3px rgba(0, 0, 0, 0.1);
  170. padding:4px;
  171. margin-top:12px;
  172. margin-bottom:2px;
  173. background-color:{color:label background};}
  174.  
  175. #question{
  176. overflow:SHOW;
  177. padding-bottom:3px;
  178. margin-bottom:3px;}
  179.  
  180. #askr{
  181. display:block;
  182. float:left;
  183. width:33px;
  184. overflow:hidden;
  185. margin-right:3px;}
  186.  
  187. ul {
  188. list-style: disc;
  189. padding: 4px 0px 6px 20px;}
  190.  
  191. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  192.  
  193. blockquote img{display:block; width:100%;}
  194.  
  195. blockquote p{padding:0px; margin:0px;}
  196.  
  197. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  198.  
  199. #bottominfo{
  200. padding:2px 0px 0px 0px;
  201. display:block;}
  202.  
  203. .answer p{margin:0px;}
  204. .notes img{
  205. width:10px;
  206. position:relative;
  207. top:1px;}
  208.  
  209. ol.notes, .notes li{
  210. list-style:none;
  211. margin:0px;
  212. padding:0px;}
  213.  
  214. small {font-size:7px; line-height:8px; letter-spacing:0px;}
  215. big {font-family:arial black; color:{color:text}; font-size:14px;}
  216.  
  217. a img{border:none;}
  218.  
  219. .label {
  220. color: {color:bold text};font-weight: bold; line-height:12px;}
  221.  
  222. .odd {
  223. background-color:{color:label background};}
  224.  
  225. h1 {
  226. font-size: 24px;
  227. line-height: 24px;
  228. font-family: {font:Header Title};
  229. font-weight:normal;
  230. text-transform: uppercase;
  231. letter-spacing: -1px;
  232. color:{color:text headers};
  233. text-align:center;
  234. margin:0px;
  235. padding-bottom:4px;}
  236.  
  237. h2 {
  238. color: {color:text headers};
  239. font-size: 12px;
  240. line-height: 12px;
  241. font-family: arial;
  242. font-weight:bold;
  243. text-transform: uppercase;
  244. letter-spacing: -1px;
  245. margin-top:0px;
  246. margin-bottom:-6px;
  247. padding-bottom:6px;}
  248.  
  249. h3 {width:18px; height:18px; background-color:{color:label background}; background-image:url(http://media.tumblr.com/tumblr_m0bqhowla11qaxq5z.png); -moz-border-radius: 4px; /* Firefox */
  250. -webkit-border-radius: 4px; /* Safari, Chrome */
  251. border-radius: 4px; /* CSS3 */
  252. behavior: url(http://static.tumblr.com/eptm5us/QyKlzgosw/border-radius.htc);
  253. z-index:10;
  254. padding:2px;
  255. margin:0px;
  256. text-align:center;
  257. color: {color:nav text};
  258. font-size: 14px;
  259. line-height: 14px;
  260. padding-right:4px;
  261. font-family: impact;
  262. font-weight:bold;
  263. text-transform: uppercase;
  264. letter-spacing: 0px;}
  265.  
  266.  
  267. .audio embed {width:250px; z-index:-2;}
  268.  
  269. #ask {
  270. background-color: {color:label background};
  271. padding:4px;
  272. margin-bottom:4px;}
  273.  
  274. #vid {
  275. margin-top:-12px;
  276. margin-bottom:-2px;
  277. text-align:right;}
  278.  
  279. #entry #infos {
  280. text-align:center;
  281. color: #ffffff;
  282. font-size: 8px;
  283. line-height: 10px;
  284. font-family: consolas;
  285. font-weight:normal;
  286. text-transform: uppercase;
  287. letter-spacing: 1px;
  288. opacity:0.2;
  289. filter: alpha(opacity=20);
  290. -moz-opacity:0.2;
  291. background-color:transparent;
  292. width:250px;
  293. position: absolute;
  294. left:0px;
  295. margin-top:-40px;
  296. -webkit-transition: all .6s ease-out;
  297. -moz-transition: all .6s ease-out;
  298. -o-transition: all .6s ease-out;
  299. transition: all .6s ease-out;
  300. z-index:10;
  301. overflow-y:hidden;
  302. height: 30px;
  303. padding:4px;}
  304.  
  305. #entry:hover #infos {
  306. margin-top:0px;
  307. background-color:#090909;
  308. opacity:0.8;
  309. filter: alpha(opacity=80);
  310. -moz-opacity:0.8;
  311. left:0px;}
  312.  
  313. #entry #infos #details {
  314. float:left;
  315. display:block;
  316. width:250px;
  317. height: 30px;
  318. padding: 2px 0px 0px 0px;}
  319.  
  320.  
  321. a.notecount {
  322. color: #ffffff;
  323. font-size: 8px;
  324. line-height: 10px;
  325. font-family: consolas;
  326. font-weight:normal;
  327. text-transform: uppercase;
  328. letter-spacing: 1px;}
  329.  
  330. a.notecount:hover {
  331. color: #888888;}
  332.  
  333.  
  334. a.notecount2 {
  335. color: #ffffff;
  336. font-size: 18px;
  337. line-height: 18px;
  338. padding-bottom:4px;
  339. font-family: tahoma;
  340. font-weight: bold;
  341. text-transform: uppercase;
  342. letter-spacing: -2px;}
  343.  
  344. a.notecount2:hover {
  345. color: #888888;}
  346.  
  347. p {margin:0px;
  348. padding:0px;}
  349.  
  350. a.links {
  351. font-size: 8px;
  352. line-height: 12px;
  353. font-family: tahoma;
  354. text-transform: uppercase;
  355. font-weight: normal;
  356. letter-spacing: 3px;
  357. color:{color:text headers};
  358. padding-right:4px;
  359. -webkit-transition-property:color, text;
  360. -webkit-transition-duration: .2s;
  361. -moz-transition-duration: .2s;
  362. -webkit-transition-timing-function: linear, ease-in;}
  363.  
  364. a.links:hover {
  365. color:{color:box};
  366. -webkit-transition-duration: .2s;
  367. -moz-transition-duration: .2s;}
  368.  
  369.  
  370. a.navz {
  371. font-size: 20px;
  372. line-height: 22px;
  373. font-family: arial black;
  374. text-transform: uppercase;
  375. font-weight: normal;
  376. letter-spacing: 3px;
  377. color:{color:text headers};
  378. padding-right:4px;
  379. -webkit-transition-property:color, text;
  380. -webkit-transition-duration: .2s;
  381. -moz-transition-duration: .2s;
  382. -webkit-transition-timing-function: linear, ease-in;}
  383.  
  384. a.navz:hover {
  385. color:{color:box};
  386. -webkit-transition-duration: .2s;
  387. -moz-transition-duration: .2s;}
  388.  
  389.  
  390. #icon {
  391. width:128px;
  392. height:128px;
  393. border: 8px solid {color:box};
  394. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  395. z-index:-2;
  396. -moz-border-radius: 128px; /* Firefox */
  397. -webkit-border-radius: 128px; /* Safari, Chrome */
  398. border-radius: 128px; /* CSS3 */
  399. }
  400.  
  401.  
  402. {CustomCSS}
  403. </style>
  404.  
  405. <script type="text/javascript" src="http://static.tumblr.com/j4dtzbm/TKllubdk7/scrolltopcontrol.js"></script>
  406.  
  407. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  408.  
  409. <script type="text/javascript" src="http://static.tumblr.com/eptm5us/Rb0llmimz/jquery.magnifier.js">
  410.  
  411. /***********************************************
  412. * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  413. * This notice MUST stay intact for legal use
  414. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
  415. ***********************************************/
  416. </script>
  417.  
  418. <link rel="shortcut icon" href="{Favicon}">
  419. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  420. </head>
  421. <body>
  422.  
  423.  
  424.  
  425.  
  426. <center>
  427.  
  428. <div id="icon">
  429. <img src="{PortraitURL-128}"
  430. style="
  431. z-index:-2
  432. -moz-border-radius: 128px; /* Firefox */
  433. -webkit-border-radius: 128px; /* Safari, Chrome */
  434. border-radius: 128px; /* CSS3 */"> </div>
  435.  
  436. <div style="position:relative; z-index:10000; top:-84px; margin-right:-5px; width:850px; height:20px; padding-top:8px;background-color:{color:Background};
  437. opacity:0.8;
  438. filter: alpha(opacity=80);
  439. -moz-opacity:0.8;">
  440. <a href="/" class="links">Home</a>
  441. {block:AskEnabled}<a href="/ask" class="links">Ask</a>{/block:AskEnabled}
  442. {block:SubmissionsEnabled}<a href="/submit" class="links">Submit</a>{/block:SubmissionsEnabled}
  443.  
  444. <a href="/archive" class="links">Archive</a>
  445.  
  446. {block:HasPages}
  447. {block:Pages}
  448. <a href="{URL}" class="links">{Label}</a>
  449. {/block:Pages}
  450. {/block:HasPages}
  451.  
  452. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  453.  
  454. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  455.  
  456. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  457.  
  458. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  459.  
  460.  
  461. <a href="http://sleeplessthemes.com" class="links">Theme</a>
  462.  
  463.  
  464. </div>
  465.  
  466. <div style="width:500px; margin-top:-10px;">{Description}
  467.  
  468. </center>
  469.  
  470.  
  471.  
  472.  
  473.  
  474. <div id="posts">
  475.  
  476.  
  477. {block:Posts}
  478. <div id="entry">
  479.  
  480. {block:IndexPage}
  481. <div id="infos">
  482. <div id="details">
  483. <a href="{Permalink}" class="notecount2">{NoteCountWithLabel}</a><br>
  484.  
  485. {TimeAgo} - <a href="{ReblogURL}" class="notecount">Reblog</a>
  486. </div>
  487. </div>
  488. {/block:IndexPage}
  489.  
  490.  
  491. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  492.  
  493. {block:Answer}
  494. <div id="ask"><b>{Asker}:</b> {Question}</div>
  495. <div style="padding-left: 2px;">{Answer}</div>
  496. {/block:Answer}
  497.  
  498. {block:Photo}
  499. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250"></a>
  500. {block:IfShowCaption}{block:Caption}<div style="margin-top:8px;">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  501. {/block:IndexPage}
  502.  
  503. {block:PermalinkPage}
  504. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  505. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:PermalinkPage}
  506. {/block:Photo}
  507.  
  508. {block:Photoset}
  509. {block:IndexPage}
  510. {Photoset-250}
  511. {block:IfShowCaption}{block:Caption}<div style="margin-top:8px;">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  512. {/block:IndexPage}
  513. {block:PermalinkPage}
  514. <center>{Photoset-500}</center>
  515. {block:Caption}{Caption}{/block:Caption}
  516. {/block:PermalinkPage}
  517. {/block:Photoset}
  518.  
  519.  
  520. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  521.  
  522. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  523.  
  524. {block:Chat}
  525. {block:Title}{Title}{/block:Title}
  526. {block:Lines}
  527. {block:Label}
  528. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  529. <span class="line">{Line}</span></div>
  530. {/block:Label}
  531. {/block:Lines}
  532. {/block:Chat}
  533.  
  534. {block:Audio}
  535. {block:IndexPage}{block:AlbumArt}
  536. <div style="margin-bottom:10px;"><img src="{AlbumArtURL}" width="250"></div>
  537. {/block:AlbumArt}{/block:IndexPage}
  538.  
  539. <div class="audio">{AudioPlayerBlack}</div>
  540. {block:Caption}<div style="margin-top:10px;">{Caption}</div>{/block:Caption}
  541. {/block:Audio}
  542.  
  543. {block:Video}
  544. {block:IndexPage}<div class="video">{Video-250}</div>
  545. {block:IfShowCaption}{block:Caption}<div style="margin-top:10px;">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  546. {/block:IndexPage}
  547. {block:PermalinkPage}<div class="video">{Video-500}</div>
  548. {block:IfShowCaption}{block:Caption}<div style="margin-top:10px;">{Caption}</div>{/block:Caption}{/block:IfShowCaption}{/block:PermalinkPage}
  549.  
  550. {block:IndexPage}
  551. <div id="vid"><a href="{Permalink}">∞</a></div>
  552. {/block:IndexPage}
  553. {block:Video}
  554.  
  555.  
  556.  
  557. {block:PermalinkPage}{block:Date}
  558. <div id="permapage">
  559. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  560. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}<br>{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  561. </div>{/block:Date}
  562. {/block:PermalinkPage}
  563.  
  564. {block:PostNotes}<div id="permapage">
  565. <h2>{NoteCount} Notes</h2>
  566. <br>{PostNotes}</div>{/block:PostNotes}
  567. </div>
  568.  
  569. {/block:Posts}
  570.  
  571. </div>
  572. </div>
  573.  
  574. {block:Pagination}
  575. <div style="top:400px; left:50%; position:fixed; margin-left:-470px;">
  576.  
  577. {block:PreviousPage}<a href="{PreviousPage}" class="navz">◄</a>{/block:PreviousPage}
  578. </div>
  579.  
  580. <div style="top:400px; left:50%; position:fixed; margin-left:460px;">
  581.  
  582. {block:NextPage}<a href="{NextPage}" class="navz">►</a>{/block:NextPage}
  583. </div>
  584. {/block:Pagination}
  585.  
  586.  
  587. </body>
  588. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!