API tools faq
paste
Advertisement
noctarnalthemes

Shoreline Theme

noctarnalthemes
Dec 15th, 2014
3,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
MagikSF 14.57 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. 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>
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!