ramfaggot

Untitled

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