API tools faq
paste
Advertisement
OmgImAlexis

New Theme

OmgImAlexis
Feb 13th, 2014
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  5. <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  6.  
  7. <meta name="color:background" content="#EEE" />
  8.  
  9. <link rel="shortcut icon" href="{Favicon}"/>
  10. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  11. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  13. <style>
  14. body {
  15. background-color: {color:background};
  16. }
  17. a {
  18. text-decoration: none;
  19. }
  20. #content {
  21. margin: 0 auto;
  22. width: 1650px;
  23. position: relative;
  24. }
  25. .post {
  26. width: 310px;
  27. position: relative;
  28. left: 0px;
  29. top: 0px;
  30. display: block;
  31. }
  32. a.title{
  33. font-size: 20px;
  34. font-family: 'Open Sans', sans-serif;
  35. font-weight: 300;
  36. letter-spacing: 0.8px;
  37. line-height: 25px;
  38. margin-right: 15px;
  39. display: block;
  40. }
  41. p.title {
  42. padding: 10px;
  43. padding-bottom: 0px;
  44. margin: 0px;
  45. }
  46. .inner {
  47. display:block;
  48. box-shadow: 0px 0px 3px #AAAAAA;
  49. margin:10px !important;
  50. padding:10px 0px 0px 0px !important;
  51. padding-left:0px !important;
  52. padding-top:0px !important;
  53. padding-right:0px !important;
  54. padding-bottom:0px !important;
  55. border:0px !important;
  56. border-left:0px !important;
  57. border-right:0px !important;
  58. border-top:0px !important;
  59. border-bottom:0px !important;
  60. background-color:#fff !important;
  61. background-repeat: no-repeat;
  62. background-position: center center;
  63. border-radius:2px;
  64. }
  65. .photo img {
  66. width: 100%;
  67. height: auto;
  68. display: block;
  69. }
  70. .video iframe{
  71. width: 100%;
  72. height: auto;
  73. margin-bottom: -5px;
  74. }
  75. .body {
  76. max-height: 250px;
  77. word-break: break-word;
  78. padding: 0 20px;
  79. background: #fff;
  80. font: normal x-small verdana,arial,helvetica,sans-serif;
  81. font-size: 13px;
  82. overflow-y: scroll;
  83. }
  84. .notes {
  85. text-align: center;
  86. font-weight: 100;
  87. text-decoration: none;
  88. font-family: 'Open Sans' sans-serif;
  89. cursor:pointer;
  90. background: #FFF;
  91. font-size: 14px;
  92. padding: 5px;
  93. color: #777;
  94. display: block;
  95. border-top: 1px dotted #DDD;
  96. }
  97. .notes:hover {
  98. background-color: #cee3f8;
  99. }
  100. .answer img {
  101. float: left;
  102. vertical-align: top;
  103. width: 56px;
  104. }
  105. .bubble {
  106. background: #EEE;
  107. margin-left: 65px;
  108. padding: 10px;
  109. position: relative;
  110. font: normal x-small verdana,arial,helvetica,sans-serif;
  111. min-height: 34px;
  112. }
  113. .question {
  114. padding: 2px;
  115. background: #EEE;
  116. }
  117. .hover{
  118. position:absolute;
  119. height:90%;
  120. width:290px;
  121. opacity:0;
  122. -webkit-transition: all 0.8s ease;
  123. -moz-transition: all 0.8s ease;
  124. transition: all 0.8s ease;}
  125. .hover:hover{
  126. opacity:1;
  127. -webkit-transition: all 0.8s ease;
  128. -moz-transition: all 0.8s ease;
  129. transition: all 0.8s ease;}
  130. .hover .box{
  131. height: 52px;
  132. left: 0;
  133. margin: -21px 0 0;
  134. position: absolute;
  135. right: 0;
  136. text-align: center;
  137. top: 50%;
  138. width: 290px;}
  139. .hover .hover_notes{
  140. border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  141. display: inline-block;
  142. font-family: Andale Mono,Courier New,Courier;
  143. font-size: 18px;
  144. font-weight: bold;
  145. letter-spacing: 10px;
  146. line-height: 100%;
  147. margin: 0 auto 13px;
  148. padding: 0 5px 12px 15px;
  149. text-align: center;}
  150. .hover .reblog{
  151. color: white;
  152. display: block;
  153. font-size: 7px;
  154. font-style: italic;
  155. letter-spacing: 3px;
  156. padding: 0 0 0 4px;
  157. text-align: center;
  158. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  159. text-transform: uppercase;}
  160. .hover_notes a, .reblog a{color:white;font-weight:normal;}
  161. .hover_notes a:hover, .reblog a:hover{color:white;}
  162. #header {
  163. width: 100%;
  164. text-align: center;
  165. font-family: 'Montserrat', 'Helvetica Neue', "Arial", sans-serif;
  166. }
  167. #header, #header a{
  168. font-size: 15px;
  169. text-decoration: none;
  170. color: #EEE;
  171. }
  172. #header h1 {
  173. font-weight: 400;
  174. text-transform: uppercase;
  175. font-size: 24px;
  176. letter-spacing: 5px;
  177. }
  178. </style>
  179. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-2.0.3.min.js">\x3C/script>')</script>
  180. {block:IndexPage}
  181. <script type="text/javascript" src="http://static.tumblr.com/ib6vvvn/h4Rmt3ou9/jquery.infinitescroll.min.js"></script>
  182. <script type="text/javascript" src="http://masonry.desandro.com/masonry.pkgd.min.js"></script>
  183. <script>
  184. $(window).load(function () {
  185. main_container = $("#content");
  186. container = document.querySelector('#content');
  187. entry = ".post";
  188. var msnry = new Masonry( container, {
  189. itemSelector: entry
  190. });
  191. main_container.infinitescroll({
  192. navSelector : "#pagination",
  193. nextSelector : "#pagination a#nextPage",
  194. itemSelector : entry,
  195. errorCallback: function(){},
  196. },function(arrayOfNewElems){
  197. var msnry = new Masonry( container, {
  198. itemSelector: entry
  199. });
  200. });
  201. $("#content").width(Math.floor(($(window).width()-254) / 310)*310);
  202. });
  203. $(window).resize(function() {
  204. $("#content").width(Math.floor(($(window).width()-254) / 310)*310);
  205. });
  206. </script>
  207. {/block:IndexPage}
  208. </head>
  209. <body>
  210. <div id="header">
  211. <h1>{title}</h1>
  212. <a href="/">Home</a> / <a href="/ask">Ask</a> / <a href="/archive">Archive</a><br>
  213. <script language="JavaScript">
  214. var ref = (''+document.referrer+'');
  215. var w_h = window.screen.width + " x " + window.screen.height;
  216. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2668417&e1=Online&e2=are&r=' + ref + '&wh=' + w_h + '"><\/script>');
  217. </script> | <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID1892841&name=were"></script> <br> <script src="http://tc.freehostedscripts.net/tcounter.php?url=keepsmilingbecauseyouneverknowwhosfallinginlovewithit.info&name=bitches love me."></script><br>
  218. This theme is still in heavy development.
  219. </div>
  220. <div id="content">
  221. {block:Posts}
  222. <div class="post">
  223. {block:Text}
  224. <div class="text inner">
  225. <p class="title"><a class="title" href="{Permalink}">{Title}</a></p>
  226. <div class="body">{Body}</div>
  227. {/block:Text}
  228.  
  229. {block:Photo}
  230. <div class="photo inner">
  231. <div class="hover">
  232. <div class="box">
  233. <div class="hover_notes">
  234. <a href="http://theme-neptune.tumblr.com/post/19965410241">
  235. 11284
  236. </a>
  237. </div>
  238. <div class="reblog">
  239. <a href="http://www.tumblr.com/reblog/19965410241/z7URdUnv">Reblog post</a>
  240. </div>
  241. </div>
  242. </div>
  243. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  244. {/block:Photo}
  245.  
  246. {block:Photoset}
  247. <div class="photoset inner">
  248. {Photoset-700}
  249. {block:Caption}{Caption}{/block:Caption}
  250. {/block:Photoset}
  251.  
  252. {block:Quote}
  253. <div class="quote inner">
  254. <blockquote>{Quote}</blockquote>
  255. {block:Source}<cite> {Source} </cite>{/block:Source}
  256. {/block:Quote}
  257.  
  258. {block:Link}
  259. <div class="link inner">
  260. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  261. {block:Description}{Description}{/block:Description}
  262. {/block:Link}
  263.  
  264. {block:Chat}
  265. <div class="chat inner">
  266. <ul>
  267. {block:Lines}<li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
  268. </ul>
  269. {/block:Chat}
  270.  
  271. {block:Audio}
  272. <div class="audio inner">
  273. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  274. {block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}
  275. {AudioPlayerBlack}
  276. {block:Caption}{Caption}{/block:Caption}
  277. {/block:Audio}
  278.  
  279. {block:Video}
  280. <div class="video inner">
  281. {Video-700}
  282. {/block:Video}
  283. {block:Answer}
  284. <div class="answer inner">
  285. <div class="question">
  286. <img src="{AskerPortraitURL-96}"/>
  287. <div class="bubble">{Asker}: {Question}</div>
  288. </div>
  289. <div class="body"><p>{Answer}</p></div>
  290. {/block:Answer}
  291. <a class="notes" href="{Permalink}">{NoteCountWithLabel}</a>
  292. </div>
  293. <div>
  294. {block:PostNotes}{PostNotes}{/block:PostNotes}
  295. </div>
  296. </div>
  297. {/block:Posts}
  298. {block:IndexPage}
  299. {block:Pagination}
  300. <div id="pagination">
  301. {block:NextPage}
  302. <a id="nextPage" href="{NextPage}"></a>
  303. {/block:NextPage}
  304. {block:PreviousPage}
  305. <a href="{PreviousPage}"></a>
  306. {/block:PreviousPage}
  307. </div>
  308. {/block:Pagination}
  309. {/block:IndexPage}
  310. </div>
  311. </body>
  312. </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!