API tools faq
paste
Advertisement
ikarli

Theme 18 by blowsjob

ikarli
Oct 13th, 2013
2,109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.62 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 the rules -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  12.  
  13. <meta name="color:bg" content="#FFFFFF">
  14. <meta name="color:link" content="#E6E4E4">
  15. <meta name="color:link bg" content="#838382"
  16. <meta name="color:hover" content="#454545">
  17. <meta name="color:infobg" content="#FCFCFC">
  18. <meta name="color:text" content="#9A9A9A">
  19. <meta name="color:tags" content="#EDEDED">
  20. <meta name="color:scrollbar" content="#D6D5D5">
  21. <meta name="color:border" content="#FAFAFA">
  22.  
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="if:Show Crown" content="1" />
  25.  
  26. <meta name="text:linkA" content="">
  27. <meta name="text:linkA url" content="/">
  28. <meta name="text:linkB" content="">
  29. <meta name="text:linkB url" content="/">
  30. <meta name="text:linkC" content="">
  31. <meta name="text:linkC url" content="/">
  32. <meta name="text:linkD" content="">
  33. <meta name="text:linkD url" content="/">
  34. <meta name="text:linkE" content="">
  35. <meta name="text:linkE url" content="/">
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. ::-webkit-scrollbar-thumb {
  46. height:auto;
  47. background-color:{color:Scrollbar};
  48. }
  49.  
  50. ::-webkit-scrollbar {
  51. height:9px;
  52. width:4px;
  53. background-color:{color:ScrollbarBg};
  54. }
  55.  
  56. body {
  57. background:{color:background};
  58. margin:0px;
  59. color:{color:text};
  60. font-family:calibri;
  61. font-size:10px;
  62. line-height:100%;
  63. letter-spacing:0px;
  64. text-align:justify;
  65. background-image:url('{image:Background}');
  66. }
  67.  
  68. a {
  69. text-decoration:none;
  70. outline:none;
  71. -moz-outline-style:none;
  72. color:#838382;
  73. }
  74.  
  75. img {
  76. border:none;
  77. }
  78.  
  79. blockquote {
  80. padding-left:5px;
  81. border-left:2px solid;
  82. }
  83.  
  84. blockquote blockquote {
  85. padding-left:5px;
  86. border-left:2px solid;
  87. }
  88.  
  89. h1 {
  90. font-size:8px;
  91. letter-spacing:2px;
  92. text-transform:uppercase;
  93. font-family:'CAMBRIA';
  94. font-style:none;
  95. line-height:10px;
  96. text-align:left;
  97. padding:0px;
  98. }
  99.  
  100. a:hover {
  101. color:#000000;
  102. -moz-transition-duration:0.3s;
  103. -webkit-transition-duration:0.3s;
  104. -o-transition-duration:0.3s;
  105. }
  106.  
  107.  
  108. /*ENTRIES*/
  109.  
  110. #entries {
  111. padding:10px;
  112. width:500px;
  113. margin-left:552px;
  114. margin-top:5px;
  115. font-size:10px;
  116. font-family:'arial';
  117. letter-spacing:0px;
  118. }
  119.  
  120. #post {
  121. width:500px;
  122. padding-bottom:40px;
  123. padding:25px;
  124. margin-top:50px;
  125. }
  126.  
  127. /*SIDEBAR*/
  128.  
  129. #sidebar {
  130. position:fixed;
  131. margin-left:300px;
  132. margin-top:80px;
  133. }
  134.  
  135. #sidebarimage {
  136. width 130px;
  137. }
  138.  
  139. #sidebarimage img {
  140. width:235px;
  141. margin-top:164px;
  142. padding:3px;
  143. margin-left:-100px;
  144. -moz-transition-duration:0.3s;
  145. -webkit-transition-duration:0.3s;
  146. -o-transition-duration:0.3s;
  147. }
  148.  
  149. #sidebarimage img:hover {
  150. opacity:0.7;
  151. -moz-transition-duration:0.6s;
  152. -webkit-transition-duration:0.6s;
  153. -o-transition-duration:0.6s;
  154. }
  155.  
  156. #crown img {
  157. position:fixed;
  158. margin-top:80px;
  159. margin-left:-53px;
  160. width:150px;
  161. }
  162.  
  163. .links {
  164. width:192px;
  165. font-family:georgia;
  166. padding: 4px;
  167. font-size:12px;
  168. text-align:center;
  169. font-style:italic;
  170. text-transform:lowercase;
  171. position:fixed;
  172. margin-top:7px;
  173. margin-left:-84px;
  174. }
  175.  
  176. .links a{
  177. color: #838382;
  178. display: inline-block;
  179. overflow: hidden;
  180. vertical-align: top;
  181. -webkit-perspective: 600px;
  182. -moz-perspective: 600px;
  183. -o-perspective: 600px;
  184. -ms-perspective: 600px;
  185. perspective: 600px;
  186. -webkit-perspective-origin: 50% 50%;
  187. -moz-perspective-origin: 50% 50%;
  188. -o-perspective-origin: 50% 50%;
  189. -ms-perspective-origin: 50% 50%;
  190. perspective-origin: 50% 50%;
  191. }
  192.  
  193. .links a span{
  194. display: block;
  195. position: relative;
  196. padding: 0 2px;
  197. -webkit-transition: all 400ms ease;
  198. -moz-transition: all 400ms ease;
  199. -o-transition: all 400ms ease;
  200. -ms-transition: all 400ms ease;
  201. transition: all 400ms ease;
  202. -webkit-transform-origin: 50% 0%;
  203. -moz-transform-origin: 50% 0%;
  204. -o-transform-origin: 50% 0%;
  205. -ms-transform-origin: 50% 0%;
  206. transform-origin: 50% 0%;
  207. -webkit-transform-style: preserve-3d;
  208. -moz-transform-style: preserve-3d;
  209. -o-transform-style: preserve-3d;
  210. -ms-transform-style: preserve-3d;
  211. transform-style: preserve-3d;
  212. }
  213.  
  214. .links a:hover span {
  215. background: #eee;
  216. -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  217. -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  218. -o-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  219. -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  220. transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  221. }
  222.  
  223. .links a span:after {
  224. content: attr(data-title);
  225. display: block;
  226. position: absolute;
  227. left: 0;
  228. top: 0;
  229. padding: 0 2px;
  230. color: #fff;
  231. background: {color:link bg};
  232. -webkit-transform-origin: 50% 0%;
  233. -moz-transform-origin: 50% 0%;
  234. -o-transform-origin: 50% 0%;
  235. -ms-transform-origin: 50% 0%;
  236. transform-origin: 50% 0%;
  237. -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  238. -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  239. -o-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  240. -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  241. transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  242. }
  243.  
  244.  
  245.  
  246. #description {
  247. text-align:justify;
  248. font-family:'Arial';
  249. width:230px;
  250. margin-top:7px;
  251. margin-left:-16px;
  252. font-size:9px;
  253. position:fixed;
  254. text-transform:none;
  255. color:{color:DescriptionText};
  256. }
  257.  
  258. #pagination {
  259. font-style:bold;
  260. padding:2px;
  261. font-family:'arial';
  262. letter-spacing:0px;
  263. font-size:9px;
  264. text-align:center;
  265. padding:2px;
  266. margin-top:10px;
  267. text-transform:lowercase;
  268. }
  269.  
  270.  
  271. /*POST INFO*/
  272.  
  273. #info {
  274. width:500px;
  275. text-align:left;
  276. font-family:'trebuchet ms';
  277. margin-top:3px;
  278. margin-left:px;
  279. letter-spacing:1px;
  280. font-size:7px;
  281. font-style:none;
  282. padding:1px;
  283. line-height:10px;
  284. text-transform:uppercase;
  285. border-color:{color:Border};
  286. }
  287.  
  288. #info a {
  289. text-align:center;
  290. color:{color:Post Links};
  291. }
  292.  
  293. #info a:hover {
  294. -moz-transition-duration:0.3s;
  295. -webkit-transition-duration:0.3s;
  296. -o-transition-duration:0.3s;
  297. color:{color:Hover}
  298. }
  299.  
  300. #tags {
  301. float:left;
  302. width:489px;
  303. margin-top:-7px;
  304. margin-left:-5px;
  305. text-align:left;
  306. font-size:4px;
  307. padding:5px;
  308. font-size:8px;
  309. opacity:1;
  310. transition-duration: 0.5s;
  311. -moz-transition-duration: 0.5s;
  312. -webkit-transition-duration: 0.5s;
  313. -o-transition-duration: 0.5s
  314. color:#838382;
  315. }
  316.  
  317. #tags a {
  318. letter-spacing:0px;
  319. font-size:8px;
  320. text-align:center;
  321. font-family:'CALIBRI';
  322. text-decoration:none;
  323. display:inline-block;
  324. color:#838382;
  325. -moz-transition-duration:0.3s;
  326. -webkit-transition-duration:0.3s;
  327. -o-transition-duration:0.3s;
  328. }
  329.  
  330. #tags a:hover {
  331. background-color:#fff;
  332. letter-spacing:3px;
  333. -moz-transition-duration:0.3s;
  334. -webkit-transition-duration:0.3s;
  335. -o-transition-duration:0.3s;
  336. color:{color:Hover};
  337. }
  338.  
  339. /*QUESTION*/
  340.  
  341. #ask {
  342. padding:10px;
  343. text-align:left;
  344. color:{color:text};
  345. border-bottom:1px solid #838382;
  346. }
  347.  
  348.  
  349.  
  350.  
  351. #ans {
  352. text-align:left;
  353. padding:10px;
  354. color:{color:text};
  355. }
  356.  
  357. /*CREDIT*/
  358.  
  359. #cred {
  360. position:fixed;
  361. font-size:10px;
  362. font-weight:normal;
  363. font-family:'Pacifico', cursive;
  364. line-height:150%;
  365. letter-spacing:2px;
  366. right:10px;
  367. bottom:10px;
  368. text-transform:auto;
  369. text-align:center;
  370. }
  371.  
  372. #cred a {
  373. padding:3px;
  374. color:#000;
  375. -moz-transition-duration:0.5s;
  376. -webkit-transition-duration:0.5s;
  377. -o-transition-duration:0.5s;
  378. }
  379.  
  380.  
  381.  
  382.  
  383. {CustomCSS}
  384.  
  385. </style></head>
  386.  
  387. <body>
  388. <div id="sidebar">
  389. {block:IfShowCrown}<div id="crown"><img src="http://media.tumblr.com/d99716774c1a91c0997a980527d23b77/tumblr_inline_mssd0hAiqb1qz4rgp.jpg"></div>{/block:IfShowCrown}
  390. <div id="sidebarimage">
  391. <img src="{image:Sidebar}">
  392. </a>
  393. </div>
  394. <div class="links">
  395. {block:IfLinkA}
  396. <a href="{text:linkA url}"><span data-title="{text:linkA}">{text:linkA}</span></a>
  397. {/block:IfLinkA}
  398. {block:IfLinkB}
  399. <a href="{text:linkB url}"><span data-title="{text:linkB}">{text:linkB}</span></a>
  400. {/block:IfLinkB}
  401. {block:IfLinkC}
  402. <a href="{text:linkC url}"><span data-title="{text:linkC}">{text:linkC}</span></a>
  403. {/block:IfLinkC}
  404. {block:IfLinkD}
  405. <a href="{text:linkD url}"><span data-title="{text:linkD}">{text:linkD}</span></a>
  406. {/block:IfLinkD}
  407. {block:IfLinkE}
  408. <a href="{text:linkE url}"><span data-title="{text:linkE}">{text:linkE}</span></a>
  409. {/block:IfLinkE}
  410.  
  411. <div id="description">{Description}
  412.  
  413. {block:Pagination}
  414. <div id="pagination">
  415. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  416. — {block:NextPage}<a href="{NextPage}">past</a>{/block:NextPage}
  417. </div>
  418. {/block:Pagination}
  419. </div>
  420. </div>
  421. </div>
  422.  
  423. <div id="entries">
  424. {block:Posts}
  425. <div id="post">
  426.  
  427. {block:Text}
  428. <h1>{block:Title}{Title}{/block:Title}</h1>
  429. {Body}{/block:Text}
  430.  
  431. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  432. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  433.  
  434. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  435. {/block:Caption}{/block:Photoset}
  436.  
  437. {block:Quote}<h2>"{Quote}"</h2>
  438. {block:Source}<div class="qsource"> —{Source}</div>
  439. {/block:Source}{/block:Quote}
  440.  
  441. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  442.  
  443. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  444.  
  445. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  446. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  447. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  448. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  449. {/block:Audio}<br>
  450.  
  451. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  452.  
  453. {block:Answer}<div id="ask"><big><big><big><font face="'Rouge Script', cursive">{Asker}</font></big></big></big> <small>asked:</small> "{Question}"</div><div id="ans"><left><small>and I declared:</small></left>{Answer}</div>{/block:answer}
  454.  
  455. <div id="info">
  456. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  457. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  458. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  459. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  460. with {NoteCountWithLabel}</a>
  461. {block:HasTags}<div id="tags">
  462. Tagged With:
  463. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  464. </div>{block:HasTags}
  465. </div>
  466. </div>
  467. {/block:Posts}
  468. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  469. {/block:Posts}</div></div></div>
  470. <br><br><br><br>
  471.  
  472. <div id="cred">
  473. <a href="http://blowsjob.tumblr.com/">Cred.</a>
  474. </div>
  475. </div>
  476.  
  477.  
  478. </body>
  479. </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!