API tools faq
paste
Advertisement
Guest User

test for stackoverflow

a guest
Jul 4th, 2013
399
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.47 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <!--
  6.  
  7. 'THEMENAME' crafted by Daniel.
  8. • dsherv.tumblr.com
  9. • [email protected]
  10.  
  11. It utilizes PixelUnion's Extended Photosets
  12. and Entypo's Icon Fonts extension.
  13.  
  14. You May NOT:
  15. Use this theme as a base for yours.
  16. Modify this theme, and reupload it ANYWHERE.
  17. Modify this theme, claiming it as your own.
  18.  
  19. To cut down on server time,
  20. this themes CSS is hosted externally by tumblr.
  21.  
  22. -->
  23.  
  24. <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1"/>
  25.  
  26. <meta name="text:Google Analytics ID" content="">
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <title>{Title}</title>
  32.  
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36.  
  37. <style type="text/css">
  38.  
  39. /* Default Styles */
  40.  
  41. html { }
  42. body { }
  43.  
  44. @font-face {font-family: 'Entypo';
  45. src: url(http://static.tumblr.com/nbhz7al/I1ump0np2/entypo.woff);}
  46.  
  47. @font-face {font-family: 'Entypo Social';
  48. src: url(http://static.tumblr.com/nbhz7al/rUimp4xe6/entypo-social.woff);}
  49.  
  50. #header { }
  51. #title { }
  52. #description { }
  53.  
  54. #content { }
  55. .entry { }
  56.  
  57. .photo { }
  58. .video { }
  59. .notes {display:none}
  60.  
  61. #pagination { }
  62.  
  63. /* Mobile Styles */
  64.  
  65. /* PXU Extended Photosets */
  66.  
  67. .clearit:before, .clearit:after { content: ""; display: table; }
  68. .clearit:after { clear: both; }
  69. .clearit { *zoom: 1; }
  70.  
  71. /* Photoset */
  72.  
  73. .photo-slideshow .row {clear: both;
  74. width: 100%}
  75.  
  76. .photo-slideshow .pxu-photo {display: block;
  77. float: left;
  78. margin-bottom: 0;
  79. width: 100%;
  80. overflow: hidden}
  81.  
  82. .photo-slideshow .pxu-photo img {width: 100%;
  83. height: auto;
  84. cursor: pointer;}
  85.  
  86. .photo-slideshow .pxu-photo:first-child img {margin-left: 0}
  87.  
  88. .photo-slideshow .count-1 {width: 100%}
  89.  
  90. .photo-slideshow .count-2 {width: 50%}
  91.  
  92. .photo-slideshow .count-3 {width: 33.33%}
  93.  
  94. .photo-slideshow .count-4 {width: 25%}
  95.  
  96. .photo-slideshow .count-5 {width: 20%}
  97.  
  98. .photo-slideshow .info {display: none}
  99.  
  100. /* Icons for EXIF Data and Zoom */
  101.  
  102. .photo-data {position: relative;
  103. float: left}
  104.  
  105. .icons {position: absolute;
  106. top: 5px;
  107. right: 5px;
  108. width: 20px;
  109. height: 66px;
  110. text-indent: -9999px;
  111. z-index: 999;
  112. visibility: hidden;
  113. display:none}
  114.  
  115. .icons > span, .icons .tumblr-box span {width: 20px;
  116. height: 20px;
  117. display: block;
  118. margin-bottom: 2px;
  119. cursor: pointer}
  120.  
  121. .zoom {background: url('http://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png');}
  122.  
  123. .info {background: url('http://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png');
  124. position: relative}
  125.  
  126. /* EXIF & CAPTION Data Tooltip */
  127.  
  128. .pxu-data {position: absolute;
  129. top: 30px;
  130. left: -110px;
  131. width: 240px;
  132. background: #000;
  133. background: rgba(0,0,0,.85);
  134. color: #fff;
  135. font-size: 12px;
  136. line-height: 1.4;
  137. text-indent: 0;
  138. padding: 20px;
  139. display: none;
  140. opacity: 0;
  141. filter: alpha(opacity = 0);
  142. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  143. box-shadow: 2px 2px 7px rgba(0,0,0,0.55);
  144.  
  145. -webkit-border-radius: 5px;
  146. -moz-border-radius: 5px;
  147. border-radius: 5px;
  148. -webkit-box-sizing: border-box;
  149. -moz-box-sizing: border-box;
  150. box-sizing: border-box}
  151.  
  152. .pxu-caption {margin-top: 0;
  153. word-wrap: break-word}
  154.  
  155. .pxu-caption:before {content: url('http://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
  156. opacity: 0.5;
  157. filter: alpha(opacity = 50);
  158. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  159. float: left;
  160. margin-right: 5px}
  161.  
  162. .pxu-data.caption-only .pxu-caption {margin-bottom: 0}
  163.  
  164. .pxu-data table {font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  165. font-weight: bold;
  166. width: 100%}
  167.  
  168. .pxu-data table tr {width: 100%}
  169.  
  170. .pxu-data table tr td {width: 50%;
  171. font-weight: bold;
  172. padding-bottom: 15px}
  173.  
  174. .pxu-data table tr:last-child td {padding-bottom: 0}
  175.  
  176. .pxu-data .label {color: #cccccc;
  177. text-transform: uppercase;
  178. font-size: 10px;
  179. text-align: right;
  180. padding-right: 12px;
  181. font-weight: normal}
  182.  
  183. .arrow-down {width: 0;
  184. height: 0;
  185. border-left: 10px solid transparent;
  186. border-right: 10px solid transparent;
  187. border-bottom: 10px solid rgba(0,0,0,0.85);
  188. position: absolute;
  189. top: -10px;
  190. left: 110px}
  191.  
  192. {CustomCSS}
  193.  
  194. </style>
  195.  
  196. <script src="http://static.tumblr.com/nbhz7al/CnMmowvhv/jquery-1.10.1.min.js" type="text/javascript"></script>
  197.  
  198. <script src="http://static.tumblr.com/8je4mhi/Kt6mpdfsp/extended-photosets.js" type="text/javascript"></script>
  199.  
  200. <script src="http://static.tumblr.com/8je4mhi/D7wmpf70e/jquery.infinitescroll.min.js" type="text/javascript"></script>
  201.  
  202. <script src="http://static.tumblr.com/8je4mhi/efnmpf71a/manual-trigger.js" type="text/javascript"></script>
  203.  
  204. <script type="text/javascript">
  205. $('#content').infinitescroll({
  206. navSelector : 'div.navigation',
  207. nextSelector : 'div.navigation a:#next',
  208. itemSelector : '#content div.entry',
  209. behavior : 'twitter'
  210. },function(newElements){
  211. $(newElements).find('.photo-slideshow').pxuPhotoset();
  212. }
  213. });
  214. </script>
  215.  
  216. <script type="text/javascript">
  217. $(document).ready(function() {
  218. $('.photo-slideshow').pxuPhotoset({
  219. 'ligthbox' : true,
  220. 'highRes' : true,
  221. 'rounded' : 'false',
  222. 'exif' : false,
  223. 'captions' : false,
  224. 'gutter' : '10px',
  225. 'photoset' : '.photo-slideshow',
  226. 'photoWrap' : '.photo-data',
  227. 'photo' : '.pxu-photo'
  228. }, function() {
  229. // callback
  230. });
  231. });
  232. </script>
  233.  
  234. <script type="text/javascript">
  235. $(document).ready(function() {
  236. $('.video iframe').attr('width', '100%');
  237. });
  238. </script>
  239.  
  240. <script type="text/javascript">
  241. var _gaq = _gaq || [];
  242. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  243. _gaq.push(['_trackPageview']);
  244.  
  245. (function() {
  246. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  247. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  248. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  249. })();
  250. </script>
  251.  
  252. <script type="text/javascript">
  253. $(function() {
  254. $('.entry').hover(function() {
  255. $(this).find('.notes').slideToggle(125);
  256. });
  257. });
  258. </script>
  259.  
  260. </head>
  261.  
  262. <body>
  263.  
  264. <div id="header">
  265.  
  266. <div id="title">
  267. <a href="/">{Title}</a>
  268. </div> <!-- /title -->
  269.  
  270. <div id="description">
  271. {Description}
  272. </div> <!-- /description -->
  273.  
  274. </div> <!-- /header -->
  275.  
  276. <div id="content">
  277.  
  278. {block:Posts}
  279.  
  280. <div class="entry">
  281.  
  282. {block:Text}
  283. {block:Title}
  284. <a href="{Permalink}">{Title}</a>
  285. {/block:Title}
  286.  
  287. {Body}
  288. {/block:Text}
  289.  
  290. {block:Photo}
  291. {LinkOpenTag}
  292. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  293. {LinkCloseTag}
  294.  
  295. {block:Caption}
  296. {Caption}
  297. {/block:Caption}
  298. {/block:Photo}
  299.  
  300. {block:Panorama}
  301. {LinkOpenTag}
  302. <div class="photo"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></div>
  303. {LinkCloseTag}
  304.  
  305. {block:Caption}
  306. {Caption}
  307. {/block:Caption}
  308. {/block:Panorama}
  309.  
  310. {block:Photoset}
  311.  
  312. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  313.  
  314. {block:Photos}
  315. <div class="photo-data">
  316. <div class="pxu-photo">
  317. <img alt="{PhotoAlt}" src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  318. </div>
  319. <div class="icons">
  320. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  321. <span class="zoom">Zoom</span>
  322. </a>
  323. <span class="info">Info</span>
  324. </div>
  325. </div>
  326. {/block:Photos}
  327.  
  328. </div><!-- close SLIDESHOW -->
  329.  
  330. {block:Caption}
  331. {Caption}
  332. {/block:Caption}
  333.  
  334. {/block:Photoset}
  335.  
  336. {block:Quote}
  337. "{Quote}"
  338.  
  339. {block:Source}
  340. {Source}
  341. {/block:Source}
  342. {/block:Quote}
  343.  
  344. {block:Link}
  345. <a href="{URL}"{Target}>{Name}</a>
  346.  
  347. {block:Description}
  348. {Description}
  349. {/block:Description}
  350. {/block:Link}
  351.  
  352. {block:Chat}
  353. {block:Title}
  354. <a href="{Permalink}">{Title}</a>
  355. {/block:Title}
  356.  
  357. <ul class="chat">
  358. {block:Lines}
  359. <div class="{Alt} user_{UserNumber}">
  360. {block:Label}
  361. <span class="label">{Label}</span>
  362. {/block:Label}
  363.  
  364. {Line}
  365. </div>
  366. {/block:Lines}
  367. </ul>
  368. {/block:Chat}
  369.  
  370. {block:Video}
  371. <div class="video">{Video-500}</div>
  372.  
  373. {block:Caption}
  374. {Caption}
  375. {/block:Caption}
  376. {/block:Video}
  377.  
  378. {block:Audio}
  379. {AudioPlayerGrey}
  380.  
  381. {block:Caption}
  382. {Caption}
  383. {/block:Caption}
  384. {/block:Audio}
  385.  
  386. {block:Answer}
  387. {Asker} Asked "{Question}"
  388.  
  389. {Answer}
  390. {/block:Answer}
  391.  
  392. <div class="notes">
  393.  
  394. Notes
  395.  
  396. </div> <!-- /notes -->
  397.  
  398. </div> <!-- /entry -->
  399.  
  400. {/block:Posts}
  401.  
  402. {block:Pagination}
  403. <div class="navigation">
  404. {block:PreviousPage}
  405. <a href="{PreviousPage}">Previous</a>
  406. {/block:PreviousPage}
  407.  
  408. {block:NextPage}
  409. <a id="next" href="{NextPage}">Next</a>
  410. {/block:NextPage}
  411. </div>
  412. {/block:Pagination}
  413.  
  414. </div> <!-- /content -->
  415.  
  416. </body>
  417. </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!