ramfaggot

Untitled

Jul 18th, 2014
373
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.42 KB | None | 0 0
  1. <!---------
  2. theme by cyrusnigga, theme originally by takeable
  3. -------->
  4.  
  5.  
  6. <html lang="en">
  7. <head>
  8. <title>{title}</title>
  9. <link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
  10. <meta name="color:Background" content="#fff"/>
  11. <meta name="color:Title" content="#000"/>
  12. <meta name="color:Text" content="#000"/>
  13. <meta name="color:Link" content="#000"/>
  14. <meta name="color:blogtitle" content="#000"/>
  15. <meta name="image:Sidebar" content=""/>
  16. <meta name="text:blogtitle" content="compton thang$" />
  17. <meta name="text:Link One Title" content="index" />
  18. <meta name="text:Link One" content="/" />
  19. <meta name="text:Link Two Title" content="contact" />
  20. <meta name="text:Link Two" content="/ask" />
  21. <meta name="text:Link Three Title" content="more" />
  22. <meta name="text:Link Three" content="/links" />
  23. <meta name="text:Link Four Title" content="faggot" />
  24. <meta name="text:Link Four" content="" />
  25. <meta name="text:hover text one" content="refresh" />
  26. <meta name="text:hover text two" content="questions?" />
  27. <meta name="text:hover text three" content="navigations" />
  28. <meta name="text:hover text four" content="baby" />
  29. <meta name="if:faded posts" content="0"/>
  30. <meta name="if:drop down menu" content="0"/>
  31. <meta name="text:1 title" content=""/>
  32. <meta name="text:2 title" content=""/>
  33. <meta name="text:3 title" content=""/>
  34. <meta name="text:4 title" content=""/>
  35. <meta name="text:5 title" content=""/>
  36. <meta name="text:1 link" content="/"/>
  37. <meta name="text:2 link" content="/"/>
  38. <meta name="text:3 link" content="/"/>
  39. <meta name="text:4 link" content="/"/>
  40. <meta name="text:5 link" content="/"/>
  41. </script>
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
  44. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  45.  
  46. <style>
  47. div#qTip {
  48. padding:4px;
  49. height: auto;
  50. margin-top:5px;
  51. margin-left:10px;
  52. font-family:Carrois Gothic;
  53. font-size:9px;
  54. display: none;
  55. text-align: center;
  56. position: absolute;
  57. line-height: 10px;
  58. text-transform:lowercase;
  59. letter-spacing:0px;
  60. z-index: 999999999999;
  61. border:1px solid #efefef;
  62. background:#fff;
  63. border-radius:5px;
  64. color:#000;
  65. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  66. }
  67. </style>
  68.  
  69. <style type="text/css">
  70.  
  71. #entry img{
  72. {block:indexpage}
  73. max-width:200px;
  74. {/block:indexpage}
  75. {block:iffadedposts}
  76. opacity:.9;
  77. -webkit-transition: all 0.7s ease-out;
  78. -moz-transition: all 0.7s ease-out;
  79. transition: all 0.7s ease-out;
  80. {/block:iffadedposts}
  81. {/block:indexpage}
  82. }
  83. #entry img:hover{
  84. -webkit-filter:grayscale(0%);
  85. {block:iffadedposts}
  86. opacity: 1;
  87. -webkit-transition: all 0.7s ease-out;
  88. -moz-transition: all 0.7s ease-out;
  89. transition: all 0.7s ease-out;
  90. {/block:iffadedposts}
  91. }
  92. #tumblr_controls{
  93. position:fixed !important;
  94. -webkit-filter: invert(100%)
  95. }
  96.  
  97. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  98.  
  99. 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;}
  100.  
  101. ::-webkit-scrollbar {width: 3px; height: 0px; background: {color:background};}
  102.  
  103. ::-webkit-scrollbar-thumb { background-color:{color:link};width:4px; }
  104.  
  105. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  106.  
  107. a:link, a:active, a:visited{
  108. color:{color:link};
  109. text-decoration: none;
  110. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  111. }
  112. a:hover {
  113. font-style: none;
  114. color:{color:link};
  115. text-decoration:none;
  116. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  117. }
  118. #akinanamhar{width:250px; height:auto;}
  119. {block:PermalinkPage}
  120. width:410px;
  121. {/block:PermalinkPage}
  122. }
  123. #center{
  124. padding-top:3px;
  125. padding-bottom:3px;
  126. position:fixed !important;
  127. width:250px;
  128. height:207px;
  129. background-color:white;
  130. {block:PermalinkPage}
  131. width:410px;
  132. height:207px;
  133. {/block:PermalinkPage}
  134. }
  135. body{
  136. margin:5px;
  137. background-color: {color:Background};
  138. background-image:url({image:Background});
  139. background-attachment: fixed;
  140. background-repeat: repeat;
  141. color:{color:Text};
  142. }
  143. #audio {
  144. width:200px;
  145. height:auto;
  146. min-height:60px;
  147. padding-bottom:0px;
  148. }
  149. .cover {
  150. position:absolute;
  151. z-index:1;
  152. width:60px;
  153. height:60px;
  154. }
  155. .cover img {
  156. float:left;
  157. width:60px;
  158. height:60px;
  159. }
  160. .playbox {
  161. opacity:0.6;
  162. width:27px;
  163. height:30px;
  164. overflow:hidden;
  165. position:absolute;
  166. z-index:1000;
  167. margin-left:17px;
  168. margin-top:17px;
  169. text-align:center;
  170. }
  171. .info {
  172. margin-left:73px;
  173. margin-top:4px;
  174. line-height:14px;
  175. }
  176. #posts{
  177. float:center;
  178. width:700px;
  179. margin-left:450px;
  180. margin-top:-10px;
  181. {block:PermalinkPage}
  182. margin-left:230px;
  183. {/block:PermalinkPage}
  184. }
  185.  
  186. anika{
  187. background:white;
  188. line-height:12px;
  189. margin:0px;
  190. padding:3px;
  191. border:1px dotted #eee;
  192. }
  193. #sidebar {
  194. position: fixed;
  195. margin-top:-75px;
  196. margin-left:260px;
  197. z-index:9999;
  198. padding:10px;
  199. height:50000px;
  200. background:white;
  201. width:150px;
  202. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  203. border:1px solid #eee;
  204. }
  205. div#links{
  206. text-align: center;
  207. line-height: 12px;
  208. height:20px;
  209. font-family:arial;
  210. font-size:9px;
  211. padding:5px;
  212. color:black;
  213. font-style:oblique;
  214.  
  215. z-index:99999;
  216. }
  217. div#description{
  218. text-align: center;
  219. width:162px;
  220. height:auto;
  221. margin-left:-8px;
  222. color:{color:text};
  223. font-family:Carrois Gothic;
  224. font-size:9px;
  225. padding:2px;
  226. border-top:1px dotted #eee;
  227. margin-top:4px;
  228. border-bottom:1px dotted #eee;
  229. font-style:none;
  230. z-index:999999999;
  231. }
  232. #blogtitle{
  233. color:{color:blogtitle};
  234. font-size:13px;
  235. text-align:center;
  236. font-style:italic;
  237. letter-spacing:1px;
  238. z-index:1;
  239. font-family:arial;
  240. text-transform:uppercase;
  241. margin-top:160px;
  242. padding-bottom:6px;
  243. }
  244. .title{
  245. font-family:Trebuchet MS;
  246. font-size: 15px;
  247. line-height: 10px;
  248. font-style:italic;
  249. color: {color:Title};
  250. text-transform: normal;
  251. padding: 2px 0px 0px 0px;
  252. }
  253.  
  254. #entry {
  255. margin:30px;
  256. padding:10px;
  257. border:1px solid #eee;
  258. float:left;
  259. font-family:Carrois Gothic;
  260. font-size:9px;
  261. background:white;
  262. line-height:12px;
  263. width:200px;
  264. padding-bottom:20px;
  265. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  266. {block:PermalinkPage}
  267. width:350px;
  268. margin-left:260px;
  269. {/block:PermalinkPage}
  270. }
  271. #entry .perma{
  272. font-family:consolas;
  273. font-size:8px;
  274. width:auto;
  275. letter-spacing:1px;
  276. font-style:italic;
  277. text-transform:uppercase;
  278. background:#000;
  279. position: absolute;
  280. text-align: center;
  281. z-index: 99999;
  282. overflow:hidden;
  283. bottom:5px;
  284. margin-left:-4px;
  285. padding: 3px;
  286. width:200px;
  287. line-height:10px;
  288. color:#fff;
  289. height:auto;
  290. border:1px solid #fff;
  291. -webkit-transition: opacity 0.5s linear; opacity:1;
  292. -webkit-transition: all 0.5s linear;
  293. -moz-transition: all 0.5s linear;
  294. transition: all 0.5s linear;
  295. }
  296. #entry:hover .perma{
  297. overflow:visible;
  298. opacity:1;
  299. margin-top:10px;
  300. -webkit-transition: all 0.5s linear;
  301. -webkit-transition: all 0.5s linear;
  302. -moz-transition: all 0.5s linear;
  303. transition: all 0.5s linear;
  304. }
  305. .permalinktext{
  306. display: block;
  307. font-family:Trebuchet MS;
  308. font-size:9px;
  309. line-height:10px;
  310. text-align: right;
  311. margin: 5px;
  312. }
  313.  
  314. .okay{
  315. margin-top:5px;
  316. }
  317.  
  318.  
  319. </style>
  320. <title>{title}</title>
  321. <link rel="shortcut icon" href="{favicon}">
  322. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  323.  
  324. <body>
  325. <div id="center">
  326. <div id="content">
  327.  
  328.  
  329.  
  330. <div id="sidebar">
  331.  
  332.  
  333. <div id="blogtitle"><a href="/">{text:blogtitle}</a></a></div>
  334.  
  335.  
  336. <a href="/"><img src="{image:sidebar}" style="width:150px;z-index:9999;"></a></a>
  337.  
  338.  
  339.  
  340.  
  341. <div id="description">{Description}
  342.  
  343. {block:Ifdropdownmenu}
  344. <div style="margin-top:3px;">
  345. <select onchange='location=this.options[this.selectedIndex].value;' style='
  346. width:160px; background-color:#000000;
  347. border:#efefef 1px solid; height:18px; margin-top:1px; margin-bottom:2px;
  348. padding:1px; color:#fff; font-family: calibri; line-height:90%;
  349. font-style: none; font-size: 8px; text-transform: consolas;
  350. text-transform: uppercase; letter-spacing:1px; font-style:italic;'>
  351. <option>click for navigation</option>
  352.  
  353. {block:If1title}<option value="{text:1 link}">{text:1 title} </option>{/block:If1title}
  354. {block:If2title}<option value="{text:2 link}">{text:2 title} </option>{/block:If2title}
  355. {block:If3title}<option value="{text:3 link}">{text:3 title} </option>{/block:If3title}
  356. {block:If4title}<option value="{text:4 link}">{text:4 title} </option>{/block:If4title}
  357. {block:If5title}<option value="{text:5 link}">{text:5 title} </option>{/block:If5title}
  358. </select></div>
  359. {/block:Ifdropdownmenu}
  360.  
  361.  
  362.  
  363.  
  364. <div class="okay">
  365. <a href="{text:Link One}"title="{text:hover text one}"><u><anika>{text:Link One Title}</anika></u></a><font color="#fff">--</font>
  366.  
  367. <a href="{text:Link Two}"title="{text:hover text two}"><u>{text:Link Two Title}</anika></u></a><font color="#fff">-</font>
  368. <a href="{text:Link Three}"title="{text:hover text three}"><u><anika>{text:Link Three Title}</anika></u></a><font color="#fff">-</font>
  369.  
  370. <a href="{text:Link Four}"title="{text:hover text four}"><u><anika>{text:Link Four Title}</anika></u></a><font color="#fff">-</font></div>
  371.  
  372.  
  373.  
  374. </div>
  375.  
  376. </div>
  377.  
  378. <div id="posts">
  379. {block:Posts}
  380. <div id="entry">
  381.  
  382. {block:Text}
  383. {block:Title}<span class="title">{Title}</span>{/block:Title}
  384. <span class="entrytext">{Body}</span></a>
  385. {block:IndexPage}
  386. <div class="permalinktext">
  387. {Month} {DayOfMonth} with <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel}</a>
  388. </div>
  389. {/block:IndexPage}
  390. {/block:Text}
  391.  
  392. {block:Link}
  393. <a href="{URL}" class="title">{Name}</a>
  394. {block:Description}{Description}{/block:Description}
  395. {block:IndexPage}
  396. <div class="permalinktext">
  397. {Month} {DayOfMonth} with <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel}</a></div>
  398. {/block:IndexPage}
  399. {block:Link}
  400.  
  401. {block:Photo}
  402. {block:IndexPage}
  403. <div class="perma">
  404. <font color="#fff">{Month}</font> <font color="#fff">{DayOfMonth}</font> / <a href="{permalink}"title="click here for permalinkpage"><font color="#fff">{notecountwithlabel}</font></a> / <a href="{reblogurl}"title="reblog this post"><font color="#fff">reblog me</font></a></span></div>
  405. {/block:IndexPage}
  406. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/>{LinkCloseTag}{/block:PermalinkPage}
  407. {/block:Photo}
  408.  
  409. {block:Photoset}
  410. <center>
  411. {block:IndexPage}
  412. <div class="perma">
  413. <font color="#fff">{Month}</font> <font color="#fff">{DayOfMonth}</font> / <a href="{permalink}"title="click here for permalinkpage"><font color="#fff">{notecountwithlabel}</font></a> / <a href="{reblogurl}"title="reblog this post"><font color="#fff">reblog me</font></a></span></div>
  414. <div style="width: 200px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  415. {/block:IndexPage}
  416. </center>
  417. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  418. {/block:Photoset}
  419.  
  420. {block:Quote}
  421. <div class="quote">❝{quote}❞ </div>
  422. {block:IndexPage}
  423. <div class="permalinktext">
  424. {Month} {DayOfMonth} with <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel}</a></div>{/block:IndexPage}
  425. {/block:IndexPage}
  426. {/block:Quote}
  427.  
  428. {block:Chat}
  429. {block:Title}<span class="title">{Title}</span>{/block:Title}
  430. <ul class="chat">
  431. {block:Lines}
  432. <li class="user_{UserNumber}">
  433. {block:Label}
  434. <span class="label">{Label}</span>
  435. {/block:Label}
  436.  
  437. {Line}<br>
  438. {/block:Lines}
  439. {block:IndexPage}
  440. <div class="permalinktext">
  441. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  442. </div>{/block:IndexPage}
  443. {/block:Chat}
  444.  
  445. {block:Audio}
  446. <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>
  447. {block:IndexPage}
  448. <div class="permalinktext"><a href="{permalink}">{notecountwithlabel}</a>
  449. </div>
  450. {/block:IndexPage}
  451. {/block:Audio}
  452.  
  453. {block:Video}
  454. <center>
  455. {block:IndexPage}
  456. <div class="perma">
  457. <a href="{permalink}"title="click here for permalinkpage"><font color="#fff">{notecount}</font></a><br> <a href="{reblogurl}"title="reblog this post"><font color="#fff">share</font></a>
  458. </div>
  459. <div style="width: 180px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  460. {/block:IndexPage}
  461. </center>
  462. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  463. {block:Video}
  464.  
  465. {block:PermalinkPage}
  466. <center>
  467. {block:Caption}{Caption}{/block:Caption}
  468. {block:RebloggedFrom}
  469. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  470. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  471. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  472.  
  473. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  474. </center>
  475. {/block:PermalinkPage}
  476.  
  477. {block:PostNotes}<div align="middle"></div>
  478. <center></center></span><br>
  479. <div id="postnotes">{PostNotes}</div><br>
  480. <center>{block:ContentSource}
  481. <br><a href="{SourceURL}">
  482. {lang:Source}:
  483. {block:SourceLogo}
  484. <img src="{BlackLogoURL}" width="{LogoWidth}"
  485. height="{LogoHeight}" alt="{SourceTitle}" />
  486. {/block:SourceLogo}
  487. {block:NoSourceLogo}
  488. {SourceLink}
  489. {/block:NoSourceLogo}
  490. </a>
  491. {/block:ContentSource}</center>
  492.  
  493. {/block:PostNotes}
  494. </div>
  495. {/block:Posts}
  496. </div></div>
  497.  
  498. {block:indexpage}
  499. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  500. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  501. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/Vzan8xy5r/jquerymsnryv3.js"></script>
  502. <script type="text/javascript">
  503. $(window).load(function(){
  504. var $wall = $('#posts');
  505. $wall.imagesLoaded(function(){
  506. $wall.masonry({
  507. itemSelector: '#entry, #entry_photo',
  508. isAnimated : false
  509. });
  510. });
  511.  
  512. $wall.infinitescroll({
  513. navSelector : '#page-nav',
  514. nextSelector : '#page-nav a',
  515. itemSelector : '#entry, #entry_photo',
  516. bufferPx : 2000,
  517. debug : false,
  518. errorCallback: function() {
  519. $('#infscr-loading').fadeOut('normal');
  520. }},
  521. function( newElements ) {
  522. var $newElems = $( newElements );
  523. $newElems.hide();
  524. $newElems.imagesLoaded(function(){
  525. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  526. });
  527. }); $('#content').show(500);
  528. });
  529. </script>
  530. {/block:indexpage}
  531.  
  532. </body>
Add Comment
Please, Sign In to add comment