API tools faq
paste
ikarli

Theme 13 by blowsjob

ikarli
Jul 20th, 2013
730
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme by blowsjob; follow all rules -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  10.  
  11. <style>
  12.  
  13. div#qTip {
  14.  
  15. display: none;
  16.  
  17. text-align: center;
  18.  
  19. position: absolute;
  20.  
  21. padding:3px 4px 3px 4px;
  22.  
  23. margin:1px 0px 0px 20px;
  24.  
  25. font-size:10px;
  26.  
  27. line-height:10px;
  28.  
  29. font-family:georgia;
  30.  
  31. text-transform:uppercase;
  32.  
  33. z-index: 1010;
  34.  
  35. background: #000;
  36.  
  37. color: #fff;
  38.  
  39. text-transform:normal;
  40.  
  41. letter-spacing: 2px;
  42.  
  43. }
  44. </style>
  45.  
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  48. <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  49.  
  50.  
  51. <meta name="color:bg" content="#FFFFFF">
  52. <meta name="color:link" content="#000">
  53. <meta name="color:hover" content="#454545">
  54. <meta name="color:infobg" content="#FCFCFC">
  55. <meta name="color:text" content="#9A9A9A">
  56. <meta name="color:tags" content="#EDEDED">
  57. <meta name="color:scrollbar" content="#D6D5D5">
  58. <meta name="color:border" content="#FAFAFA">
  59.  
  60. <meta name="image:sidebar" content=""/>
  61. <meta name="text:bigletter" content=""/>
  62.  
  63. <meta name="text:linkA" content="">
  64. <meta name="text:linkA url" content="/">
  65. <meta name="text:linkB" content="">
  66. <meta name="text:linkB url" content="/">
  67. <meta name="text:linkC" content="">
  68. <meta name="text:linkC url" content="/">
  69. <meta name="text:linkD" content="">
  70. <meta name="text:linkD url" content="/">
  71. <meta name="text:linkE" content="">
  72. <meta name="text:linkE url" content="/">
  73. <meta name="text:linkF" content="">
  74. <meta name="text:linkF url" content="/">
  75. <meta name="text:linkG" content="">
  76. <meta name="text:linkG url" content="/">
  77.  
  78. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  79. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  80. <link rel="shortcut icon" href="{Favicon}" />
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86.  
  87.  
  88. a {
  89. color:{color:link};
  90. text-decoration:none;
  91. -moz-transition-duration:0.5s;
  92. -webkit-transition-duration:0.5s;
  93. -o-transition-duration:0.5s;
  94. }
  95.  
  96. a:hover {
  97. color:{color:hover};
  98. text-decoration:none;
  99. -moz-transition-duration:0.5s;
  100. -webkit-transition-duration:0.5s;
  101. -o-transition-duration:0.5s;
  102. }
  103.  
  104.  
  105. ::-webkit-scrollbar-thumb{background-color: #000;border: 2px solid #fff;height:auto;}
  106. ::-webkit-scrollbar {height:9px;width:9px;background-color: #000;border: 4px solid #fff;}
  107. ::selection {background: #000;color: #fff;}
  108. ::-moz-selection {background: #000;color: #fff;}
  109.  
  110. body {
  111. background-color:{color:bg};
  112. font-family:Calibri;
  113. font-weight:normal;
  114. }
  115.  
  116.  
  117.  
  118.  
  119. h1 {
  120. font-weight:normal;
  121. font-size:10px;
  122. text-align:center;
  123. font-style:normal;
  124. line-height:80%;
  125. letter-spacing:1px;
  126. text-transform:uppercase;
  127. color:{color:text};
  128. }
  129.  
  130. h2 {
  131. font-size:15px;
  132. text-align:center;
  133. line-height:100%;
  134. letter-spacing:-0.5px;
  135. color:{color:text};
  136. font-weight:normal;
  137. padding:5px;
  138. padding-bottom:2px;
  139. }
  140.  
  141.  
  142. blockquote {
  143. border-left:2px solid {color:text};
  144. padding-left:5px;
  145. margin:5px;
  146. }
  147.  
  148. #theme {
  149. background-color:{color:bg};
  150. width:700px;
  151. margin: 0 auto -12px auto;
  152. text-align: center;
  153. }
  154.  
  155. #sidebar {
  156. color:{color:text};
  157. position:fixed;
  158. width:200px;
  159. height:250px;
  160. background:white;
  161. margin-top:160px;
  162. margin-left:-130px;
  163. text-align:left;
  164. }
  165.  
  166. #sidebar img {
  167. width:40px;
  168. height:40px;
  169. opacity:1;
  170. margin-bottom:10px;
  171. }
  172.  
  173. #pic img {
  174. margin-top:32px;
  175. box-shadow: 10px 10px 5px #888888;
  176. width:100px;
  177. position:fixed;
  178. height:100px;
  179. margin-left:40px;
  180.  
  181. }
  182.  
  183. .links {
  184. margin-top:150px;
  185. margin-left:30px;
  186. display:inline-block;
  187. position:fixed;
  188. width:auto;
  189. font-size:1px;
  190. text-transform:uppercase;
  191. text-align:center;
  192. letter-spacing:2px;
  193. line-height:170%;
  194. -webkit-transform: rotate(270deg);
  195. -moz-transform: rotate(270deg);
  196. -o-transform: rotate(270deg);
  197. }
  198.  
  199. .links a{
  200. padding:3px;
  201. color:{color:link};
  202. letter-spacing:0px;
  203. text-decoration:none;
  204. -moz-transition-duration:1s;
  205. -webkit-transition-duration:1s;
  206. -o-transition-duration:1s;
  207. }
  208.  
  209. .links a:hover{
  210. color:{color:hover};
  211. -webkit-filter: blur(0.80px);
  212. text-shadow:2px 2px #000;
  213. -moz-transition-duration:1s;
  214. -webkit-transition-duration:1s;
  215. -o-transition-duration:1s;
  216. }
  217.  
  218. #desc {
  219. margin-top:155px;
  220. margin-left:45px;
  221. text-align:justify;
  222. font-size:13px;
  223. font-family: cambria;
  224. width:110px;
  225. color:{color:text};
  226. letter-spacing:1px;
  227. line-height:115%;
  228. }
  229.  
  230. #desc a {
  231. color:{color:link};
  232. }
  233.  
  234.  
  235. #bigletter {
  236. background-color: #2e2e2e;
  237. padding: 3px;
  238. color: #f8f8f8;
  239. font-size: 25px;
  240. font-family: Californian FB;
  241. text-transform:uppercase;
  242. font-style: none;
  243. float: left;
  244. font-weight:bold;
  245. margin-right:7px;
  246. line-height: 90%;
  247. padding-right:4px;
  248. }
  249.  
  250.  
  251. #pagi {
  252. font-size:10px;
  253. position:fixed;
  254. margin-top:10px;
  255. margin-left:90px;
  256. font-family:cambria;
  257. text-transform:lowercase;
  258. letter-spacing:3px;
  259. font-style:normal;
  260. text-align:center;
  261. }
  262.  
  263. #pagi a {
  264. color:{color:link};
  265. }
  266.  
  267. #stuffcontainer {
  268. float:left;
  269. margin-left:250px;
  270. margin-top:25px;
  271. text-align:justify;
  272. background-color:{color:bg};
  273. color:{color:text};
  274. margin-bottom: 35px;
  275. }
  276.  
  277.  
  278. #stuff {
  279. width:400px;
  280. margin-top:75px;
  281. text-align:justify;
  282. font-size:11px;
  283. line-height:90%;
  284. letter-spacing:0x;
  285. color:{color:text};
  286. }
  287.  
  288. .caption {
  289. width:400px;
  290. text-align:justify;
  291. line-height:120%;
  292. }
  293.  
  294. .ask {
  295. padding:10px;
  296. text-align:left;
  297. color:{color:text};
  298. background-color:#fff;
  299. border-bottom:2px solid #000;
  300. }
  301.  
  302. .ans {
  303. text-align:left;
  304. padding:10px;
  305. color:{color:text};
  306. }
  307.  
  308. .audio {
  309. width:400px;
  310. padding-bottom:10px;
  311. background-color:{color:infobg};
  312. }
  313.  
  314. .albumart {
  315. float:left;
  316. padding:0px 10px 10px 0px;
  317. }
  318.  
  319. .albumart img {
  320. width:45px;
  321. height:45px;
  322. }
  323.  
  324. .playercontainer {
  325. text-align:left;
  326. padding:10px;
  327. background-color:#ffffff;
  328. width:380px;
  329. }
  330.  
  331. .audioinfo {
  332. padding:10px;
  333. color:{color:text};
  334. }
  335.  
  336. #postinfo {
  337. width:390px;
  338. padding:5px;
  339. font-size:8px;
  340. color:{color:link};
  341. text-transform:uppercase;
  342. font-style:normal;
  343. letter-spacing:2px;
  344. text-align:center;
  345. -moz-transition-duration:0.5s;
  346. -webkit-transition-duration:0.5s;
  347. -o-transition-duration:0.5s;
  348. }
  349.  
  350. #postinfo a {
  351. color:{color:link};
  352. text-align:center;
  353. letter-spacing:1px;
  354. font-style:normal;
  355. }
  356.  
  357. #postinfo a:hover {
  358. color:{color:hover};
  359. }
  360.  
  361. .note {
  362. text-transform:uppercase;
  363. font-style:normal;
  364. letter-spacing:0px;
  365. font-size: 9px;
  366. text-align:left;
  367. line-height:90%;
  368. margin-left:-40px;
  369. }
  370.  
  371. .note li {
  372. list-style-type:none;
  373. border-bottom:1px solid {color:border};
  374. padding:10px 25px 10px 25px;
  375. text-align:left;
  376. margin:0px;
  377. -moz-transition-duration:0.5s;
  378. -webkit-transition-duration:0.5s;
  379. -o-transition-duration:0.5s;
  380. }
  381.  
  382. .tags {
  383. font-style:normal;
  384. width:400px;
  385. text-transform:uppercase;
  386. font-style:normal;
  387. color:#000;
  388. background:#fff;
  389. letter-spacing:2px;
  390. line-height:120%;
  391. font-size:8px;
  392. text-align:left;
  393. padding:2px;
  394. -moz-transition-duration:0.5s;
  395. -webkit-transition-duration:0.5s;
  396. -o-transition-duration:0.5s;
  397. }
  398.  
  399. .tags a {
  400. color:#000;
  401. letter-spacing:1px;
  402. padding:1px;
  403. }
  404.  
  405. .tags a:hover {
  406. color:{color:link};
  407. }
  408.  
  409. ul.chat, .chat ol, .chat li {
  410. list-style:none;
  411. margin:0px;
  412. padding:2px;
  413. }
  414.  
  415. .label {
  416. text-decoration:underline;
  417. font-weight:700;
  418. background-color:{color:infobg};
  419. margin-right:5px;
  420. }
  421.  
  422. #cred {
  423. position:fixed;
  424. font-size:8px;
  425. font-weight:normal;
  426. line-height:150%;
  427. letter-spacing:2px;
  428. right:10px;
  429. bottom:10px;
  430. font-family: 'Rock Salt', cursive;
  431. text-transform:auto;
  432. text-align:center;
  433. }
  434.  
  435. #cred a {
  436. padding:3px;
  437. color:#000};
  438. -moz-transition-duration:0.5s;
  439. -webkit-transition-duration:0.5s;
  440. -o-transition-duration:0.5s;
  441. }
  442.  
  443.  
  444.  
  445. {CustomCSS}
  446.  
  447. <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  448.  
  449. <script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  450.  
  451. <script>
  452.  
  453. (function($){
  454.  
  455. $(document).ready(function(){
  456.  
  457. $(“a[title]”).style_my_tooltips({
  458.  
  459. tip_follows_cursor:true,
  460.  
  461. tip_delay_time:20,
  462.  
  463. tip_fade_speed:400,
  464.  
  465. attribute:”title”
  466.  
  467. });
  468.  
  469. });
  470.  
  471. })(jQuery);
  472.  
  473. </script>
  474.  
  475. </style></head>
  476.  
  477.  
  478.  
  479.  
  480. <body>
  481. <div id="theme">
  482. <div id="sidebar">
  483. <div id="pic"><img src="{image:sidebar}"></div>
  484. <div class="links">
  485. <a title="{text:linkG}" href="{text:linkG url}"><img src="http://media.tumblr.com/15a0ee2f087a822831d98e0157544ce8/tumblr_inline_mpr2ieQv7K1qz4rgp.jpg"></a>
  486. <a title="{text:linkF}" href="{text:linkF url}"><img src="http://media.tumblr.com/fb20677b549edd1db55ebb6331279ec0/tumblr_inline_mpr2wte5lI1qz4rgp.jpg"></a>
  487. <a title="{text:linkE}" href="{text:linkE url}"><img src="http://media.tumblr.com/a11e0571106a1f517b253ade4a569bde/tumblr_inline_mpr3514zfD1qz4rgp.jpg"></a>
  488. <a title="{text:linkD}" href="{text:linkD url}"><img src="http://media.tumblr.com/1f728103e5152809d9bcd44bd249e512/tumblr_inline_mpr3bssSYC1qz4rgp.jpg"></a>
  489. <a title="{text:linkC}" href="{text:linkC url}"><img src="http://media.tumblr.com/4dbea037d19c9378ed2542cfabc05692/tumblr_inline_mpr3twnncF1qz4rgp.jpg"></a>
  490. <a title="{text:linkB}" href="{text:linkB url}"><img src="http://media.tumblr.com/851552de9d4c8f12a5a458ae246f595d/tumblr_inline_mpr46mK5ha1qz4rgp.jpg"></a>
  491. <a title="{text:linkA}" href="{text:linkA url}"><img src="http://media.tumblr.com/2ae736fe7e563800cd5afaa42f26eea2/tumblr_inline_mpr4fwYBgq1qz4rgp.jpg"></a>
  492. </div>
  493. <div id="desc">
  494. <div id="bigletter">
  495. {text:bigletter}</div>{Description}
  496. </div>
  497. {block:Pagination}
  498. <div id="pagi">
  499. {block:PreviousPage}
  500. <a href="{PreviousPage}">back</a>
  501. {/block:PreviousPage}
  502. -
  503. {block:NextPage}
  504. <a href="{NextPage}">forth</a>
  505. {/block:NextPage}
  506. </div>
  507. {/block:Pagination}
  508. </div>
  509.  
  510. <div id="stuffcontainer">
  511.  
  512. {block:Posts}
  513.  
  514. <div id="stuff">
  515.  
  516. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  517.  
  518. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  519.  
  520. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  521. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  522.  
  523. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  524.  
  525. {block:Photoset}<center>{Photoset-400}</center>
  526. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  527.  
  528. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  529.  
  530. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  531.  
  532. {block:Answer}<div class="ask">{Asker} <small>asked:</small> {Question}</div><div class="ans"><small>and I replied:</small>{Answer}</div>{/block:answer}
  533.  
  534. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  535. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  536. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  537. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  538. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  539.  
  540.  
  541.  
  542. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} / <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} / <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  543. {block:ContentSource} / <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  544. {block:HasTags}
  545. <div class="tags"><small>Tagged With:</small>
  546. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  547. {/block:HasTags}
  548. <div class="note">
  549. {block:PostNotes}{PostNotes}{/block:PostNotes}
  550. </div>
  551. </div>
  552. {/block:Posts}
  553.  
  554.  
  555. </div>
  556.  
  557. <div id="cred"><a href="http://blowsjob.tumblr.com/">BJs</a></div>
  558.  
  559. </div>
  560. </div>
  561. </div>
  562. </body>
  563. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!