API tools faq
paste
Advertisement
noctarnalthemes

Tired Gal 400px

noctarnalthemes
Dec 19th, 2014
3,164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
MagikSF 15.93 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. Theme by PoeticMomento
  5. If you have any coding questions feel free to ask me.
  6. I worked hard on this theme so please don't disrespect me by copying/stealing/redistributing this theme or it's code.
  7. -->
  8.  
  9. <title>tired gal theme</title>
  10. <link rel="shortcut icon" href="http://static.tumblr.com/a94fb92d1486b8c8636184e529183ad0/imnherg/tkcnd8xdq/tumblr_static_cc3735dyxvwokoccsogo8skg0.png" />
  11.  
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <meta<html lang="en">
  19. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="http://www.w3.org/1999/xhtml">
  21. <head>
  22.  
  23.  
  24. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  26. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  27. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Roboto|Roboto:300italic,300,700,700italic' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
  32.  
  33.  
  34. <style>
  35.  
  36.  
  37. div#qTip {
  38. z-index:999999999999999999999999;
  39. padding:4px;
  40. margin: 8px 0px 0px 5px;
  41. display: none;
  42. font-family:trebuchet ms;font-weight:lighter;color:#fff;font-size:10px;
  43. border-radius:0px;
  44. text-align: center;
  45. position: absolute;
  46. letter-spacing: 1px;
  47. background: #786569;
  48. max-width:220px;
  49. text-transform:none;
  50. }
  51.    
  52. </style>
  53.  
  54. <style type="text/css">
  55. p {margin:0px;margin-top:0px;}
  56.  
  57. #content {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);padding-top:7px;width:500px;margin-left:auto;margin-right:auto;}
  58.  
  59. iframe#tumblr_controls {position:fixed !important;-webkit-filter: invert(100%) ;-moz-transition: all 0.8s ease-out;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;opacity: 0.5;}
  60. iframe#tumblr_controls {top:2px !important;right:3px !important;position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;
  61. transition: all 0.8s ease-out;}
  62. iframe#tumblr_controls:hover {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  63.  
  64. ::-webkit-scrollbar {width:7px;height:7px;background-color:#ffffff;}
  65. ::-webkit-scrollbar-track {background-color:#ffffff;}
  66. ::-webkit-scrollbar-thumb {background-color:#bea8e0;border:1px solid #ffffff;}
  67.  
  68.  
  69.  
  70.  
  71.  
  72. body {margin:0px;padding:0px;font-family:trebuchet ms;letter-spacing:0px;font-size:10px;color:#000;line height:110%;font-weight:lighter;background:#fff;background-image:url('http://static.tumblr.com/631a73a25a5b08210c5f8550aa130f5c/qudkd6d/QQ2n9s9v9/tumblr_static_bkypsnu34u0wswgg0osk0kc8g.png');background-attachment:fixed!important;}
  73.  
  74. li{list-style:square;}
  75.  
  76. .entry {float:center;text-align:left;font-weight:lighter;display:block;border-radius:0px;overflow:hidden;width:400px;margin-bottom:80px;padding-left:20px;padding-right:20px;padding-bottom:20px;background:#fff;border:1px solid #eee;border-top:8px solid #eee;}
  77.  
  78. .entry img {opacity:1;}
  79.  
  80.  a:link, a:active, a:visited{
  81. color:#000;text-transform:normal; letter-spacing:1px; word-spacing:1px;text-decoration:underline;}
  82. a:hover {
  83. color:#bea8e0;
  84. cursor: url(https://31.media.tumblr.com/a4ef52bd5c446be57b611f9eff3b0b6f/tumblr_inline_n28a2gXuob1rugs40.png), auto;
  85. }
  86.  
  87. #bordertop{position:fixed;left:-10px;width:105%;background:#fff;height:15px;}#borderbottom{position:fixed;bottom:0px;width:105%;background:#fff;height:15px;}#borderleft{position:fixed;left:0px;height:105%;background:#fff;width:15px;}#borderright{position:fixed;right:0px;height:105%;background:#fff;width:15px;}
  88.  
  89. #postbub{margin-left:50px;position:fixed;top:70px;max-height:70%;overflow-y:auto;overflow-x:hidden;border:1px solid #dadada;width:450px;padding:20px;background-attachment:fixed;background-repeat:repeat;background-position:center;background:#fff;}
  90.  
  91.  
  92. #iconpicture{position: fixed;top:70px;width:145px;height:auto;margin-left:-108px;z-index:100;background:#fff;font-size:10px;border:1px solid #dadada;}
  93.  
  94. #description{position: fixed;top:229px;width:145px;height:auto;margin-left:-108px;z-index:100;background:transparent;font-size:10px;}
  95.  
  96. #insidedesc{background:#eee;padding:6px;background:#eee;text-align:center;}
  97.  
  98. #about{width:125px;background:#fff;text-align:center;border:1px solid #dadada;padding:10px;margin-bottom:10px;}
  99.  
  100. #navigation{position: fixed;width:125px;height:auto;z-index:100;background:#fff;font-size:10px;border:1px solid #dadada;padding:10px;}
  101.  
  102.  
  103. .links{margin-top:-5px;}
  104. .links a{display:block;width:120px;text-align:center;background:#fff;margin-top:5px;color:#000;font-size:10px;letter-spacing:1px;font-family:arial;text-transform:lowercase;padding:1px;text-decoration:none;border:1px solid #dadada;}
  105. .links a:hover {background:#bea8e0;color:#000;}
  106.  
  107.  
  108. #pagina a{display:block;width:105px;text-align:center;background:#fff;color:#000;font-size:10px;letter-spacing:1px;font-family:arial;text-transform:lowercase;padding:1px;text-decoration:none;margin-bottom:5px;border:1px solid #dadada;}
  109. #pagina a:hover {background:#b4ccd5;color:#000;}
  110.  
  111. #captions{font-size:10px;}
  112.  
  113. .permalink-top {margin-top: 10px;margin-bottom: 10px;font-size: 10px;margin-left: 0px;text-transform:uppercase;}
  114. .permies{margin-left:20px;margin-top:-18px;}
  115. .permies a{text-transform:uppercase; color:#444; letter-spacing: 0px; font-size: 10px; font-weight:lighter;text-decoration:none;}
  116. .rebloggie a{padding:2px;text-decoration:none;}
  117.  
  118.  
  119. .title {font-size:16px; letter-spacing:0px; text-transform:normal;font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  120.  
  121. #quotebar{font-size:20px; letter-spacing:0px; text-transform:normal;font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  122.  
  123. .short_quote, .medium_quote, .long_quote {height:auto; text-align:left; font-family:'arial'; font-weight:lighter; color:#000;}
  124. .short_quote {font-size:16px; line-height:20px;}
  125. .medium_quote {font-size:14px; line-height:18px;}
  126. .long_quote {font-size:10px; line-height:14px;}
  127.  
  128. #infscr-loading{bottom: -70px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:11px;overflow:hidden;margin-bottom: 50px;}
  129.  
  130. #audio {width:400px;height:auto;min-height:60px;padding-bottom:0px;}
  131. .cover {position:absolute;z-index:1;width:60px;height:60px;}
  132. .cover img {float:left;width:60px;height:60px;}
  133. .playbox {opacity:0.6;width:27px;height:30px;overflow:hidden;position:absolute;z-index:1000;margin-left:17px;margin-top:17px;text-align:center;}.info {margin-left:73px;margin-top:4px;line-height:14px;}
  134.  
  135. #linkbots{width:400px;background:#b4ccd5;text-align:center;padding-top:6px;padding-bottom:6px;margin-bottom:4px;}
  136. #linkbots a{color:#000;font-family:roboto;font-size:16px;text-decoration:none;}
  137. #linkbots a:hover{color:#fff;}
  138.  
  139. .bubble {background: #eee;width:380px;text-align:center;padding:10px;margin-top:6px;margin-bottom:5px;}
  140. #asker {font-size:12px; letter-spacing:0px; text-transform:lowercase; font-weight:lighter; text-align:center; color:#000; word-spacing:2px;margin-bottom:6px;}
  141. #asker a {font-size:12px; letter-spacing:0px; text-transform:lowercase; font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  142. #asker a:hover {text-decoration: underline;background:#fff;}
  143.  
  144. #chat_post {margin-bottom:5px;}
  145.     .chat .line {width:390px; padding-left:5px; line-height:20px;border-bottom:1px solid #aaa;}
  146.     .label {font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  147.  
  148.  
  149.  
  150.  
  151. #postnotes{
  152. text-align: justify;}
  153.  
  154. #postnotes blockquote{
  155. border: 0px;}
  156.  
  157.  
  158. blockquote {margin:0px 0px; display:block; position:relative; background-color:transparent; border-left:1px solid #b4ccd5;padding:5px 10px; color:#000;}
  159. blockquote:before {content:''; position:absolute; height:100%SEMI> padding:5px 0px; top:10px; left:-5px;}
  160. blockquote img {max-width:100%!important;}
  161.  
  162. blockquote blockquote, blockquote blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px;}
  163.  
  164. a img{border: 0px;}
  165. .notes img{width:10px; position:relative; top:3px;}
  166.  
  167. {CustomCSS}
  168.  
  169. </style>
  170.  
  171. {block:IndexPage}
  172. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  173. <script type="text/javascript">$(window).load(function () {var $content = $('#posts');$content.masonry({itemSelector: '.entry'}),$content.infinitescroll({navSelector : 'div#pagination',nextSelector : 'div#pagination a#nextPage',itemSelector : '.entry',loading: {finishedMsg: '',img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'},bufferPx : 600,debug : false,},// call masonry as a callback.
  174. function( newElements ) {var $newElems = $( newElements );$newElems.hide();// ensure that images load before adding to masonry layout
  175. $newElems.imagesLoaded(function(){$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  176. <script type="text/javascript">$(window).load(function(){var $wall = $('#posts');$wall.imagesLoaded(function(){$wall.masonry({itemSelector: '.entry, .entry_photo',isAnimated : false});});$wall.infinitescroll({navSelector : '#pagination',nextSelector : '#pagination a',itemSelector : '.entry, .entry_photo',bufferPx : 2000,debug : false,errorCallback: function() {$('#infscr-loading').fadeOut('normal');}},function( newElements ) {var $newElems = $( newElements );$newElems.hide();$newElems.imagesLoaded(function(){$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );});}); $('#posts').show(500);});
  177. </script>
  178.  
  179. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  180.  
  181.  
  182.  
  183. {/block:IndexPage}
  184.  
  185.  
  186.  
  187.  
  188. </head>
  189.  
  190. <body>
  191.  
  192. <div id="bordertop"></div><div id="borderbottom"></div>
  193. <div id="borderleft"></div><div id="borderright"></div>
  194.  
  195. <!----LEAVE THIS ALONE----->
  196. <div id="content">
  197. <div id="iconpicture">
  198.  
  199.  
  200.  
  201. <!---MAKE SURE YOUR SIDEBAR PICTURE IS SQUARE OR IT WILL FUCK UP THE SIDEBAR
  202. TO GET AN IMAGE URL, RIGHT CLICK ON THE PICTURE, CLICK COPY IMAGE URL AND PASTE IT WHERE THE IMAGE URL IS BELOW
  203.  
  204. TO UPLOAD YOUR OWN IMAGE, GO HERE
  205. https://www.tumblr.com/themes/upload_static_file
  206. ----->
  207.  
  208. <img src="http://static.tumblr.com/fmwjxgn/FXnngu0qh/poeticicon.png" style="width:120px;background:#fff;padding:12px;">
  209.  
  210.  
  211.  
  212.  
  213. <!---LEAVE THIS ALONE---->        
  214. </div><div id="description"><div id="about"><div id="insidedesc">
  215.  
  216.  
  217.  
  218. <!----THIS IS YOUR DESCRIPTION, IT CAN BE AS LONG OR SHORT AS YOU WANT------->
  219. anne, 21, ISFJ.<br>
  220. I read a lot and think too much.
  221.  
  222.  
  223.  
  224.  
  225.  
  226. <!----LEAVE THESE ALONE----->
  227.  
  228. </div></div><div id="navigation"><div class="links">
  229.  
  230.  
  231.  
  232.  
  233.  
  234. <!----THESE ARE YOUR LINKS, ADD AND REMOVE WHATEVER YOU WANT,
  235. TO HAVE MORE LINKS COPY AND PASTE THIS CODE
  236.  
  237. <a href="URL HERE">TITLE HERE</a>
  238.  
  239. ------>
  240.  
  241.  
  242.  
  243. <a href="/">homepage</a>
  244. <a href="/ask">contact</a>
  245. <a href="/archive">history</a>
  246.  
  247.  
  248.  
  249.  
  250. <!----LEAVE THESE ALONE------>    
  251. </div></div></div>
  252.    
  253.  
  254.  
  255. <!---DO NOT TOUCH THIS, IT IS ALL THE CODING FOR THE POSTS------>
  256.  
  257. <div class="left">
  258. <div id="postbub">
  259. {block:Posts}
  260. <div class="entry">
  261.  
  262. <div class="permalink-top"><div class="rebloggie"><a href="{ReblogURL}" title="reblog this post"><img src="http://static.tumblr.com/fmwjxgn/WlDngkyjs/location.png" style="opacity:0.8;"></a></div> <div class="permies"><a href="{permalink}" title="{block:Tags}#{Tag} {/block:Tags}">+ {block:Date}{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear} + {24HourWithZero}:{Minutes}{/block:Date}</a></div>
  263.   </div>
  264.  
  265. {block:Photo}
  266. {block:IndexPage}
  267. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  268. <div id="captions">
  269. {caption}</div>
  270.  
  271. {/block:IndexPage}
  272. {block:PermalinkPage}
  273. {LinkOpenTag}
  274. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  275.  
  276. {LinkCloseTag}
  277. {/block:PermalinkPage}
  278. {/block:Photo}
  279.  
  280. {block:Photoset}  
  281. {block:IndexPage}
  282. {/block:IndexPage}
  283. {block:PermalinkPage} {/block:PermalinkPage}                
  284.  
  285. <div style="opacity:1;">
  286. {Photoset-400}</div>
  287. <div id="captions">
  288. {caption}</div>
  289.  
  290.  
  291. {block:IndexPage}  </a>{/block:IndexPage}
  292. {block:PermalinkPage} </center>{/block:PermalinkPage}
  293. {/block:Photoset}
  294.  
  295. {block:Answer}
  296. <div class="bubble"><div id="asker">{Asker} <x>says:</x></div>{Question}</div>
  297. {Answer}
  298. {/block:answer}
  299.  
  300.  
  301. {block:Text}{block:Title}
  302.  
  303. <span class="title"><i class="fa fa-pencil fa-fw" title="Text Post"></i> {Title}</span>{/block:Title}
  304. <span class="body">{Body}</span>
  305.  
  306. {/block:Text}
  307.  
  308. {block:Link}
  309. <div id="linkbots"><a href="{URL}">{Name}</a></div>{block:Description}<div class="body">{Description}</div>{/block:Description}
  310. {block:Link}
  311.  
  312. {block:Quote}
  313. <div class="{Length}_quote">"{Quote}"</div>
  314. {/block:Quote}
  315.  
  316. {block:Chat}
  317. <div class="chat">
  318. {block:Lines}<div class="chat"><div class="line {Alt}">
  319. <div class="{Alt} user_{UserNumber}">
  320. {block:Label}
  321. <span class="label">{Label}</span>
  322. {/block:Label}
  323. {Line}</div>
  324. </div></div>
  325. {/block:Lines}
  326. </div>
  327.  
  328. {/block:Chat}
  329.  
  330. {block:Audio}
  331. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  332. {block:IndexPage}
  333. {/block:indexpage} {/block:IndexPage}
  334. {/block:Audio}
  335.  
  336. {block:Video}
  337. {block:IndexPage}
  338. <center>
  339. {Video-400}</center>
  340.  
  341. {/block:IndexPage}
  342. {block:PermalinkPage}
  343. <center>
  344. {Video-400}</center>
  345. {/block:PermalinkPage}
  346. {block:Video}
  347.  
  348.  
  349. {block:PermalinkPage}
  350. <center>
  351. {block:Caption}{Caption}{/block:Caption}
  352. {block:RebloggedFrom}
  353. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  354. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  355.  
  356. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  357. </center>
  358. {/block:PermalinkPage}
  359.  
  360. {block:PostNotes}<div align="middle"></div>
  361. <center></center></span><br>
  362. <div id="postnotes">{PostNotes}</div><br>
  363. <center>{block:ContentSource}
  364. <br><a href="{SourceURL}">
  365. {lang:Source}:
  366. {block:SourceLogo}
  367. <img src="{BlackLogoURL}" width="{LogoWidth}"
  368. height="{LogoHeight}" alt="{SourceTitle}" />
  369. {/block:SourceLogo}
  370. {block:NoSourceLogo}
  371. {SourceLink}
  372. {/block:NoSourceLogo}
  373. </a>
  374. {/block:ContentSource}</center>
  375.  
  376. {/block:PostNotes}
  377. </div>
  378. {/block:Posts}
  379.  
  380. <div id="pagina">
  381. <center>
  382. {block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}<a href="http://poeticmomento.tumblr.com">theme credit</a></center></div>
  383.  
  384. </div></div>
  385.  
  386. </body>
  387.  
  388.  
  389.  
  390. </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!