API tools faq
paste
Advertisement
wavethemes

Sorry Theme

wavethemes
Oct 14th, 2012
1,435
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.79 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------
  2. Sorry Theme by Bjarki
  3. _ _ ____ _______ _____ ____ ___ _ _____
  4. | |__| | / /\ \ |__ __|| ____| / /\ \ | O \ | | | ____|
  5. | __ | / /__\ \ | | | _| / /__\ \ | / | | | _|
  6. | | | | / / \ \ | | | |___ / / \ \ | O \ | |__ | |___
  7. |_| |_|/_/ \_\ |_| |_____|/_/ \_\|___/ |____||_____|
  8. please do not remove the theme credit! thank you
  9. ------------------------------------------------------------------->
  10. <html lang="en">
  11. <head>
  12. <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Spinnaker' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Miltonian' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'>
  17.  
  18. <html lang="en">
  19.  
  20.  
  21. <script type="text/javascript"
  22. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23.  
  24. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:text" content="#000000"/>
  27. <meta name="color:borda" content="#d8d8d8"/>
  28. <meta name="color:links" content="#000000"/>
  29. <meta name="color:title" content="#000000"/>
  30. <meta name="color:hover" content="#686868"/>
  31. <meta name="image:Sidebar" content=""/>
  32. <meta name="image:Background" content=""/>
  33. <meta name="text:Link one Title" content=""/>
  34. <meta name="text:Link one" content="" />
  35. <meta name="text:Link Three Title" content=""/>
  36. <meta name="text:Link Three" content=""/>
  37. <meta name="text:Link Four Title" content=""/>
  38. <meta name="text:Link Four" content=""/>
  39. <meta name="text:Link two Title" content=""/>
  40. <meta name="text:Link two" content=""/>
  41. <meta name="text:Link Five Title" content=""/>
  42. <meta name="text:Link Five" content="" />
  43. <meta name="if:Show Sidebar Image" content="0"/>
  44. <style type="text/css">
  45.  
  46. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  47. <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>
  48.  
  49.  
  50. <script type=”text/javascript”>
  51. //
  52. function desabilitaMenu(e)
  53. {
  54. if (window.Event)
  55. {
  56. if (e.which == 2 || e.which == 3)
  57. return false;
  58. }
  59. else
  60. {
  61. event.cancelBubble = true
  62. event.returnValue = false;
  63. return false;
  64. }
  65. }
  66. document.oncontextmenu = desabilitaMenu;
  67. document.onmousedown = desabilitaBotaoDireito;
  68. document.onmouseup = desabilitaBotaoDireito;
  69. </script>trols{
  70. position:fixed !important;
  71. }
  72. ::-webkit-scrollbar-thumb:vertical {
  73.  
  74. height:9px;
  75.  
  76. background-color: #a4a4a4;
  77.  
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81.  
  82. width:5px;
  83.  
  84. height:5px;
  85.  
  86. background:#fff;
  87.  
  88. margin-right:5px;
  89.  
  90. }
  91.  
  92. @font-face {
  93. font-family: "kg luck of the irish";
  94. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  95. }
  96. @font-face {
  97. font-family: "kg luck of the irish";
  98. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  99. }
  100.  
  101. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  102.  
  103. .left{
  104. float: left;
  105. margin-right: 20px;
  106. width: 802px;
  107. }
  108.  
  109. .right{
  110. float: right;
  111. width: 200px;
  112. background-color: {color:Background};
  113. }
  114.  
  115. body {
  116. padding: 0px;
  117. margin: 0px;
  118. color:#000;
  119. font-family: Fenix;
  120. font-size: 11px;
  121. background-color: {color:Background};
  122. background-image:url({image:Background});
  123. background-size: 100% 100% ;
  124. background-attachment: fixed;
  125. background-repeat: repeat;
  126. }
  127.  
  128. a:link, a:active, a:visited{
  129. color:{color:links};
  130. text-decoration: none;
  131. -webkit-transition: color 0.4s ease-out;
  132. -moz-transition: color 0.4s ease-out;
  133. }
  134.  
  135. a:hover{
  136. color:{color:hover};
  137. -webkit-transition: color 0.4s ease-out;
  138. -moz-transition: color 0.4s ease-out;
  139. text-shadow:0px 0px 1px {color:hover};
  140. }
  141.  
  142. .entry {
  143. margin:3px;
  144. padding: 1px;
  145. float:left;
  146. background-color: white;
  147. border: 1px solid {color:borda};
  148. font-family: Fenix;
  149. font-size: 11px;
  150. line-height:10px;
  151. {block:IndexPage}
  152. overflow: hidden;
  153. width:250px;
  154. {/block:IndexPage}
  155. {block:PermalinkPage}
  156. width:450px;
  157. margin-left: 158px;
  158. {/block:PermalinkPage}
  159. }
  160.  
  161. .permalink2 {
  162. text-transform: uppercase;
  163. margin: auto;
  164. font-family: 'Fenix';
  165. position: absolute;
  166. text-align: center;
  167. margin-top: 0%;
  168. width: 100%;
  169. height: 100%;
  170. background: #fff;
  171. left: 0;
  172. opacity: 0;
  173. filter: alpha(opacity = 0);
  174. -webkit-transition: all ease-in .5s;
  175. -moz-transition: all ease-in .5s;
  176. -o-transition: all ease-in .5s;
  177. -ms-transition: all ease-in .5s;
  178. transition: all ease-in .5s;
  179. }
  180. .entry:hover .permalink2 {
  181. margin-top: 0%;
  182. opacity: .9;
  183. filter: alpha(opacity = 100);
  184. }
  185.  
  186.  
  187. .permalink2 a {
  188. font-family:Fenix;
  189. font-size:13px;
  190. color: #0000;
  191. height: 100%;
  192. width: 100%;
  193. -webkit-transition: all ease-in .5s;
  194. -moz-transition: all ease-in .5s;
  195. -o-transition: all ease-in .5s;
  196. -ms-transition: all ease-in .5s;
  197. transition: all ease-in .5s;
  198. }
  199. .permalink2 a:hover {
  200. color:#aaa;
  201. -webkit-transition: all ease-in .5s;
  202. -moz-transition: all ease-in .5s;
  203. -o-transition: all ease-in .5s;
  204. -ms-transition: all ease-in .5s;
  205. transition: all ease-in .5s;
  206.  
  207. }
  208.  
  209. .entry #permalink {
  210. position: absolute;
  211. margin-top: 100px;
  212. margin-left: 6px;
  213. opacity: 0;
  214. -webkit-transition: all .5s ease;
  215. -moz-transition: all .5s ease;
  216. -o-transition: all .5s ease;
  217. transition: all .5s ease;
  218. }
  219.  
  220. .entry:hover #permalink {
  221. margin-top: 100px;
  222. margin-left: 6px;
  223. opacity: 1;
  224. }
  225.  
  226. .countreblog {
  227. letter-spacing:1px;
  228. font-family: Fenix;
  229. font-size:10px;
  230. color: #a4a4a4;
  231. line-height:5px;
  232. margin: 2px;
  233. background:#fafafa;
  234. background-repeat:repeat;
  235. border:1px solid #fafafa;
  236. padding:2px 2px;
  237. opacity: 1;
  238. -webkit-border-radius:0px;
  239. moz-border-radius:0px;
  240. -o-border-radius:0px;
  241. border-radius:0px;
  242. }
  243.  
  244. .countreblog a { color: #000; }
  245.  
  246.  
  247. div#sidebar{
  248. padding:1px;
  249. border:1px solid {color:borda};
  250. -webkit-border-radius: 0px 0px 0px 0px;
  251. z-index:999999999999999;
  252. position:absolute !important;
  253. position:fixed !important;
  254. font-family: 'Spinnaker', cursive;
  255. font-size: 11px;
  256. background-color: white;
  257. width:230px;
  258. height:auto;
  259. top:50px;
  260. left: 39px;
  261. padding:2px;
  262. }
  263. div#desc{
  264. font-size:10px;
  265. position:fixed;
  266. border:2px solid {color:borda};
  267. margin-top: 210px;
  268. margin-left: 40px;
  269. height:35;
  270. width:231px;
  271. background: transparent;
  272. border-top-right-radius:0px;
  273. border-top-left-radius:0px;
  274. }
  275.  
  276. .linkss {
  277. position:fixed;
  278. position:absolute;
  279. width:100px;
  280. height:auto;
  281. background: white;
  282. margin-top:250px;
  283. margin-left: -10px;
  284. }
  285.  
  286. #bjarki {
  287. position: fixed;
  288. height: 265px;
  289. width: 300px;
  290. margin-left: 280px;
  291. text-align: center;
  292. padding: 3px;
  293. margin-top: 0px;
  294. border-left: 2px solid black;
  295. font-family: Fenix;
  296. font-size: 10px;
  297. line-height: 10px;
  298. color: #0e0e0e;
  299. -webkit-animation: rotateIn 3s;
  300. -moz-animation: rotateIn 3s;
  301. -ms-animation: rotateIn 3s;
  302. }
  303.  
  304. #posts {
  305. width:850px;
  306. margin-left:325px;
  307. margin-top:2px;
  308. float:left;
  309. font-family: "Fenix";
  310. }
  311.  
  312. #infscr-loading{
  313. bottom: -70px;
  314. position: absolute;
  315. left: 50%;
  316. margin-left:-8px;
  317. width:16px;
  318. height:11px;
  319. overflow:hidden;
  320. margin-bottom: 50px;
  321. }
  322. div#titlee{
  323. position:fixed;
  324. margin-top:10px;
  325. margin-left:40px;
  326. height: 0px;
  327. width:auto;
  328. font-family: "Oregano";
  329. font-size:30px;
  330. background:transparent;
  331. color:{color:title};
  332. }
  333.  
  334. @font-face { font-family: "origin"; src: url('http://static.tumblr.com/lyl1wkn/6tdm8yvpc/origin-light.ttf'); }
  335. blockquote{
  336. padding:0px 0px 2px 5px;
  337. margin:0px 0px 0px 0px;
  338. border-left: 1px solid #555555;
  339. }
  340.  
  341. blockquote p, ul{
  342. margin:0px;
  343. padding:0px;
  344. }
  345.  
  346. a img{border: 0px;}
  347.  
  348. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  349.  
  350. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  351. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  352.  
  353. .notes img{
  354. width:10px;
  355. position:relative;
  356. top:3px;
  357. }
  358.  
  359. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  360. {block:IndexPage}
  361. width: 250px !important;
  362. {/block:IndexPage}
  363. }
  364. .video embed, .post div.video object {width:250px !important; height:120px !important;}
  365.  
  366. .title{
  367. font-family: 'origin';
  368. font-size: 12px;
  369. line-height:15px;
  370. color: {color:title};
  371. font-weight: normal;
  372. }
  373.  
  374. div#borda {
  375. border-bottom: 1px dashed {color:borda};}
  376.  
  377.  
  378. </style>
  379. {block:IndexPage}
  380. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  381. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  382.  
  383. <script type="text/javascript">
  384. $(window).load(function () {
  385. var $content = $('#posts');
  386. $content.masonry({itemSelector: '.entry'}),
  387. $content.infinitescroll({
  388. navSelector : 'div#pagination',
  389. nextSelector : 'div#pagination a#nextPage',
  390. itemSelector : '.entry',
  391. loading: {
  392. finishedMsg: '',
  393. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  394. },
  395. bufferPx : 600,
  396. debug : false,
  397. },
  398. // call masonry as a callback.
  399. function( newElements ) {
  400. var $newElems = $( newElements );
  401. $newElems.hide();
  402. // ensure that images load before adding to masonry layout
  403. $newElems.imagesLoaded(function(){
  404. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  405.  
  406.  
  407. });
  408. });
  409. });
  410. </script>
  411.  
  412. {/block:IndexPage}
  413.  
  414. </div>
  415. <title>{title}</title>
  416.  
  417. <link rel="shortcut icon" href="{Favicon}">
  418. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  419. <meta name="viewport" content="width=820" />
  420.  
  421.  
  422.  
  423. <div class="wrapper">
  424.  
  425. <div class="header">
  426.  
  427. </div>
  428.  
  429.  
  430.  
  431. <div id="bjarki">
  432.  
  433. </div>
  434.  
  435. <div id="titlee"><center> {Title} </center></div>
  436. <div id="sidebar"><center>{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" style="-webkit-border-radius: 0px 0px 0px 0px;;" margin-top:0px; width=230px height=150px;></a>{/block:ifshowsidebarimage}</div> </center><center>
  437. <div id="desc"><center> <!--{block:Description}-->
  438. <meta name="description" content="{MetaDescription}" />
  439. <!--{/block:Description}-->
  440. <center>{description}</center>
  441. </center>
  442. </div>
  443. <div class="linkss">
  444. <select onchange='location=this.options[this.selectedIndex].value;' style='border: 1px dashed #424242;width:235px; font-family: calibri;border-bottom-right-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:fixed;'>
  445. <option>menu</option>
  446. <option value="/"> home </option>
  447. <option value="/ask"> contact </option>
  448. {block:ifLinkOneTitle} <option value="{text:Link One}"> {text:Link One Title} </option> {/block:ifLinkOneTitle}
  449. {block:ifLinkTwoTitle} <option value="{text:Link Two}"> {text:Link Two Title} </option> {/block:ifLinkTwoTitle} {block:ifLinkThreeTitle}<option value="{text:Link Three}"> {text:Link Three Title} </option> {/block:ifLinkThreeTitle} {block:ifLinkFourTitle}<option value="{text:Link Four}"> {text:Link Four Title} </option> {/block:ifLinkFourTitle} {block:ifLinkFiveTitle} <option value="{text:Link Five}"> {text:Link Five Title} </option> {/block:ifLinkFiveTitle} <option value="http://wavethemes.tumblr.com">credit</option>
  450. </select></div>
  451. <div class="left">
  452.  
  453. <div id="posts">
  454.  
  455. {block:Posts}
  456. <div class="entry">
  457.  
  458. {block:Text}
  459. {block:IndexPage} <div id="permalink">
  460. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  461. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
  462. <span class="entrytext">{Body}</span>
  463. {/block:Text}
  464.  
  465. {block:Link}
  466. <a href="{URL}" class="title">{Name}</a>
  467. {block:Description}{Description}{/block:Description}
  468. {block:IndexPage} <div id="permalink">
  469. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  470. {block:Link}
  471.  
  472. {block:Answer}
  473. <div class="post"><div class="askborder">
  474. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{er} said: {Question}</div><br>
  475. Then I was like: {Answer}
  476. </div>
  477. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  478. {/block:Answer}
  479. {block:Photo}
  480. <center>
  481. {block:IndexPage}
  482. <div class="permalink2"><div style=" position: absolute; top: 43%; display: table-cell; vertical-align: middle; width:100%;">
  483. <p style=" position: relative; top: -50%;"><p>
  484. <a href="{Permalink}">{NoteCount} notes / {TimeAgo}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  485. {LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  486. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490. {block:IndexPage} <div id="permalink">
  491. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  492. <center><div class="photoset_photo" width="250px">{Photoset-250}</div></center>
  493. <p style="text-align: right;">
  494. {/block:Photoset}
  495. {block:Quote}{block:IndexPage} <div id="permalink">
  496. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  497. {Quote}</span> <br>
  498. {block:Source}<p align=right><strong>-{Source}</right></strong>{/block:Source}
  499. {/block:Quote}
  500.  
  501. {block:Chat}
  502. {block:IndexPage} <div id="permalink">
  503. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  504. {block:Title}<span class="title">{Title}</span>{/block:Title}
  505. <ul class="chat">
  506. {block:Lines}
  507. <li class="user_{UserNumber}">
  508. {block:Label}
  509. <span class="label">{Label}</span>
  510. {/block:Label}
  511. {Line}
  512. </li>
  513. {/block:Lines}
  514. </ul>
  515.  
  516. {/block:Chat}
  517.  
  518. {block:Audio}
  519. <div style="width:320px; height:30px;">
  520. {AudioPlayerBlack}
  521. </div>
  522. {block:IndexPage}<span class="permalink">
  523. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  524. </span>{/block:IndexPage}
  525. {/block:Audio}
  526.  
  527. {block:Video}
  528. {block:IndexPage}
  529. <div id="permalink">
  530. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  531. <center>
  532. <div class="video">{Video-250}</div></center></center>
  533. {/block:IndexPage}
  534. {block:PermalinkPage}
  535. <center>
  536. {Video-550}</center>
  537. {/block:PermalinkPage}
  538. {block:Video}
  539.  
  540. {block:PermalinkPage}
  541. <center>
  542. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  543.  
  544.  
  545. {/block:PermalinkPage}
  546.  
  547.  
  548. {block:PostNotes}{PostNotes}
  549. {/block:PostNotes}
  550. </div>
  551.  
  552.  
  553. {/block:Posts}
  554. </div>
  555. </div>
  556. {block:IndexPage}
  557. {block:Pagination}
  558. <div id="pagination">
  559. {block:NextPage}
  560. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  561. {/block:NextPage}
  562. {block:PreviousPage}
  563. <a href="{PreviousPage}">&larr;&nbsp;</a>
  564. {/block:PreviousPage}
  565. </div>
  566. {/block:Pagination}
  567. {/block:IndexPage}
  568. </div>
  569. </body>
  570. <div style="display:block;bottom:5px;right:5px;font-size:10px;font-family:georgia;position:fixed;background-color:#ffffff;padding:3px;border-radius:10px;z-index:5;opacity:0.75;">theme by <a href="http://hateable.tumblr.com">hateable</a></div>
  571. </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!