noctarnalthemes

Shoreline Theme

Dec 15th, 2014
554
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. TO CHANGE THE BACKGROUND IMAGE, GO DOWN TO
  10.  
  11. "body{"
  12.  
  13. and change the image url where it says
  14.  
  15. "background-image:url('http://static.tumblr.com/fmwjxgn/e6Tngn2mg/rocky_shores.jpg');"
  16. -->
  17.  
  18. <title>{title}</title>
  19. <link rel="shortcut icon" href="{favicon}" />
  20.  
  21.  
  22. <head>
  23.  
  24. <script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26.  
  27. <meta<html lang="en">
  28. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  29. <html xmlns="http://www.w3.org/1999/xhtml">
  30. <head>
  31.  
  32.  
  33. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  35. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Roboto|Roboto:300italic,300,700,700italic' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
  41.  
  42.  
  43. <style>
  44.  
  45.  
  46. div#qTip {
  47. z-index:999999999999999999999999;
  48. padding:4px;
  49. margin: 8px 0px 0px 5px;
  50. display: none;
  51. font-family:trebuchet ms;font-weight:lighter;color:#000;font-size:10px;
  52. border-radius:0px;
  53. text-align: center;
  54. position: absolute;
  55. letter-spacing: 1px;
  56. background: #decee8;
  57. max-width:220px;
  58. text-transform:none;
  59. }
  60.    
  61. </style>
  62.  
  63. <style type="text/css">
  64. p {margin:0px;margin-top:0px;}
  65.  
  66. #content {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);padding-top:7px;width:500px;margin-left:auto;margin-right:auto;}
  67.  
  68. 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;}
  69. 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;
  70. transition: all 0.8s ease-out;}
  71. 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;}
  72.  
  73. ::-webkit-scrollbar {width:7px;height:7px;background-color:#ffffff;}
  74. ::-webkit-scrollbar-track {background-color:#ffffff;}
  75. ::-webkit-scrollbar-thumb {background-color:#000;border:1px solid #ffffff;}
  76.  
  77.  
  78.  
  79. body {margin:0px;padding:0px;font-family:trebuchet ms;letter-spacing:0px;font-size:10px;color:#000;line height:110%;font-weight:lighter;background:#faf7ff;background-image:url('http://static.tumblr.com/fmwjxgn/e6Tngn2mg/rocky_shores.jpg');background-attachment:fixed!important;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:repeat;}
  80.  
  81. li{list-style:square;}
  82.  
  83. #posts {-webkit-filter: grayscale(0%);padding:2px;padding-top:40px;padding-left:20px;padding-right:20px;padding-bottom:0px;width:250px;margin-left:150px;margin-top:-20px;margin-right:auto;background:transparent;z-index:0;}
  84.  
  85. .entry {float:center;text-align:left;font-weight:lighter;display:block;border-radius:0px;overflow:hidden;width:250px;margin-bottom:80px;padding-left:20px;padding-right:20px;padding-bottom:20px;background:#fff;border:1px solid #000;border-top:8px solid #000;}
  86.  
  87. .entry img {opacity:1;}
  88.  
  89.  a:link, a:active, a:visited{
  90. color:#000;text-transform:normal; letter-spacing:1px; word-spacing:1px;text-decoration:underline;}
  91. a:hover {
  92. color:#decee8;
  93. cursor: url(https://31.media.tumblr.com/a4ef52bd5c446be57b611f9eff3b0b6f/tumblr_inline_n28a2gXuob1rugs40.png), auto;
  94. }
  95.  
  96. #postbub{margin-left:70px;position:fixed;top:10%;max-height:70%;overflow-y:auto;overflow-x:hidden;border:1px solid #000;border-top:10px solid #000;width:300px;padding:20px;background-color:#ffffff;background-image:url('');background-attachment:fixed;background-repeat:repeat;background-position:center;}
  97.  
  98. .links{margin-top:0px;}
  99. .links a{display:inline-block;width:48px;text-align:center;background:#000;border-radius:2px;margin-top:5px;color:#fff;font-size:10px;letter-spacing:1px;font-family:arial;text-transform:lowercase;padding:1px;margin-right:5px;text-decoration:none;margin-bottom:15px;}
  100. .links a:hover {background:#fff;color:#000;}
  101.  
  102.  
  103. #pagina a{display:block;width:105px;text-align:center;background:#000;border-radius:2px;color:#fff;font-size:10px;letter-spacing:1px;font-family:arial;text-transform:lowercase;padding:1px;text-decoration:none;margin-bottom:5px;border:1px solid #000;}
  104. #pagina a:hover {background:#fff;color:#000;}
  105.  
  106.  
  107.  
  108.  
  109. #captions{font-size:10px;}
  110.  
  111. x{color:#000;}
  112.  
  113. h1{color:#000;font-family:Roboto;font-size:14px;text-align:center;text-transform:uppercase;margin-bottom:2px;letter-spacing:1px;font-weight:lighter;line-height:17px;}
  114.  
  115.  
  116. .permalink-top {margin-top: 10px;margin-bottom: 10px;font-size: 10px;margin-left: 0px;text-transform:uppercase;}
  117. .permies{margin-left:20px;margin-top:-18px;}
  118. .permies a{text-transform:uppercase; color:#000; letter-spacing: 0px; font-size: 10px; font-weight:lighter;text-decoration:none;}
  119. .rebloggie a{padding:2px;text-decoration:none;}
  120.  
  121.  
  122. .title {font-size:16px; letter-spacing:0px; text-transform:normal;font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  123.  
  124. #quotebar{font-size:20px; letter-spacing:0px; text-transform:normal;font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  125.  
  126. .short_quote, .medium_quote, .long_quote {height:auto; text-align:left; font-family:'arial'; font-weight:lighter; color:#000;}
  127. .short_quote {font-size:16px; line-height:20px;}
  128. .medium_quote {font-size:14px; line-height:18px;}
  129. .long_quote {font-size:10px; line-height:14px;}
  130.  
  131. #infscr-loading{bottom: -70px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:11px;overflow:hidden;margin-bottom: 50px;}
  132.  
  133. #audio {width:250px;height:auto;min-height:60px;padding-bottom:0px;}
  134. .cover {position:absolute;z-index:1;width:60px;height:60px;}
  135. .cover img {float:left;width:60px;height:60px;}
  136. .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;}
  137.  
  138. .bubble {background: #eee;width:230px;text-align:center;padding:10px;margin-top:6px;margin-bottom:5px;}
  139. #asker {font-size:12px; letter-spacing:0px; text-transform:lowercase; font-weight:lighter; text-align:center; color:#000; word-spacing:2px;margin-bottom:6px;}
  140. #asker a {font-size:12px; letter-spacing:0px; text-transform:lowercase; font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  141. #asker a:hover {text-decoration: underline;background:#fff;}
  142.  
  143. #chat_post {margin-bottom:5px;}
  144.     .chat .line {width:240px; padding-left:5px; line-height:20px;border-bottom:1px solid #aaa;}
  145.     .label {font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:lighter; text-align:center; color:#000; word-spacing:2px;}
  146.  
  147.  
  148.  
  149.  
  150. #postnotes{
  151. text-align: justify;}
  152.  
  153. #postnotes blockquote{
  154. border: 0px;}
  155.  
  156.  
  157. blockquote {margin:0px 0px; display:block; position:relative; background-color:transparent; border-left:1px solid #000;padding:5px 10px; color:#000;}
  158. blockquote:before {content:''; position:absolute; height:100%SEMI> padding:5px 0px; top:10px; left:-5px;}
  159. blockquote img {max-width:100%!important;}
  160.  
  161. blockquote blockquote, blockquote blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px;}
  162.  
  163. a img{border: 0px;}
  164. .notes img{width:10px; position:relative; top:3px;}
  165.  
  166. {CustomCSS}
  167.  
  168. </style>
  169.  
  170. {block:IndexPage}
  171. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  172. <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.
  173. function( newElements ) {var $newElems = $( newElements );$newElems.hide();// ensure that images load before adding to masonry layout
  174. $newElems.imagesLoaded(function(){$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  175. <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);});
  176. </script>
  177.  
  178. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  179.  
  180.  
  181.  
  182. {/block:IndexPage}
  183.  
  184.  
  185.  
  186.  
  187. </head>
  188.  
  189. <body>
  190.  
  191.  
  192. <div id="content">
  193.  
  194.  
  195.  
  196.  
  197. <div class="left">
  198. <div id="postbub">
  199. <div style="margin-top:-15px">
  200.  
  201. <!---THIS IS WHERE YOUR TITLE GOES. KEEP IT ONE LINE.---->
  202. <h1>{title}</h1>
  203. <center>
  204. <div class="links">
  205.  
  206. <!---THESE ARE YOUR LINKS--->
  207. <a href="/">index</a>
  208. <a href="/ask">mail</a>
  209. <a href="/link01">link01</a>
  210. <a href="/link02">link02</a>
  211.  
  212.  
  213. </div></center></div>
  214.  
  215. <!---THIS IS THE POSTS, LEAVE IT ALONE OR YOUR THEME WON'T SHOW POSTS AND IT WILL FUCK UP THE DESIGN---->
  216.  
  217.  
  218. {block:Posts}
  219. <div class="entry">
  220.  
  221. <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:1;"></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>
  222.    </div>
  223.  
  224. {block:Photo}
  225. {block:IndexPage}
  226. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  227. <div id="captions">
  228. {caption}</div>
  229.  
  230. {/block:IndexPage}
  231. {block:PermalinkPage}
  232. {LinkOpenTag}
  233. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  234.  
  235. {LinkCloseTag}
  236. {/block:PermalinkPage}
  237. {/block:Photo}
  238.  
  239. {block:Photoset}  
  240. {block:IndexPage}
  241. {/block:IndexPage}
  242. {block:PermalinkPage} {/block:PermalinkPage}                
  243.  
  244. <div style="opacity:1;">
  245. {Photoset-250}</div>
  246. <div id="captions">
  247. {caption}</div>
  248.  
  249.  
  250. {block:IndexPage}  </a>{/block:IndexPage}
  251. {block:PermalinkPage} </center>{/block:PermalinkPage}
  252. {/block:Photoset}
  253.  
  254. {block:Answer}
  255. <div class="bubble"><div id="asker">{Asker} <x>says:</x></div>{Question}</div>
  256. {Answer}
  257. {/block:answer}
  258.  
  259.  
  260. {block:Text}{block:Title}
  261.  
  262. <span class="title"><i class="fa fa-pencil fa-fw" title="Text Post"></i> {Title}</span>{/block:Title}
  263. <span class="body">{Body}</span>
  264.  
  265. {/block:Text}
  266.  
  267. {block:Link}
  268. <a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  269. {block:Link}
  270.  
  271. {block:Quote}
  272. <div class="{Length}_quote">"{Quote}"</div>
  273. {/block:Quote}
  274.  
  275. {block:Chat}
  276. <div class="chat">
  277. {block:Lines}<div class="chat"><div class="line {Alt}">
  278. <div class="{Alt} user_{UserNumber}">
  279. {block:Label}
  280. <span class="label">{Label}</span>
  281. {/block:Label}
  282. {Line}</div>
  283. </div></div>
  284. {/block:Lines}
  285. </div>
  286.  
  287. {/block:Chat}
  288.  
  289. {block:Audio}
  290. <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>
  291. {block:IndexPage}
  292. {/block:indexpage} {/block:IndexPage}
  293. {/block:Audio}
  294.  
  295. {block:Video}
  296. {block:IndexPage}
  297. <center>
  298. {Video-400}</center>
  299.  
  300. {/block:IndexPage}
  301. {block:PermalinkPage}
  302. <center>
  303. {Video-400}</center>
  304. {/block:PermalinkPage}
  305. {block:Video}
  306.  
  307.  
  308. {block:PermalinkPage}
  309. <center>
  310. {block:Caption}{Caption}{/block:Caption}
  311. {block:RebloggedFrom}
  312. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  313. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  314.  
  315. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  316. </center>
  317. {/block:PermalinkPage}
  318.  
  319. {block:PostNotes}<div align="middle"></div>
  320. <center></center></span><br>
  321. <div id="postnotes">{PostNotes}</div><br>
  322. <center>{block:ContentSource}
  323. <br><a href="{SourceURL}">
  324. {lang:Source}:
  325. {block:SourceLogo}
  326. <img src="{BlackLogoURL}" width="{LogoWidth}"
  327. height="{LogoHeight}" alt="{SourceTitle}" />
  328. {/block:SourceLogo}
  329. {block:NoSourceLogo}
  330. {SourceLink}
  331. {/block:NoSourceLogo}
  332. </a>
  333. {/block:ContentSource}</center>
  334.  
  335. {/block:PostNotes}
  336. </div>
  337. {/block:Posts}
  338.  
  339. <div id="pagina">
  340. <center>
  341. {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>
  342.  
  343. </div></div>
  344.  
  345.  
  346. </body>
  347.  
  348.  
  349.  
  350. </html>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×