API tools faq
paste
Advertisement
lennonthemes

skinnylove

lennonthemes
May 17th, 2013
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.81 KB | None | 0 0
raw download clone embed print report
  1. <!-------skinny love theme
  2. by bonivur.tumblr.com
  3. theme blog is nirvanaing.tumblr.com
  4. RULES:
  5. I. do not redistribute my themes.
  6. II. do not remove the credit.
  7. III. do not claim the code as your own.
  8. IV. you are allowed to do some HTML editing.
  9. V. do not use as a base code.
  10. *violators will be prosecuted to the full extent of the law!*
  11. THEME F.A.Q:
  12. I. hover links
  13. II. no infinitive scroll
  14. III. sidebar image
  15. ------->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!---colours-->
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:text" content="#b6b5b5"/>
  27. <meta name="color:link" content="#000000"/>
  28. <meta name="color:linkhover" content="#cccccc"/>
  29. <meta name="color:scrollbar" content="ececec"/>
  30. <meta name="color:questions" content="ececec"/
  31.  
  32. <!--images--->
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <!--links-->
  36. <meta name="text:link 1" content="link 1"/>
  37. <meta name="text:link 1 url" content="/" />
  38. <meta name="text:link 2" content="link 2"/>
  39. <meta name="text:link 2 url" content="/" />
  40.  
  41.  
  42.  
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. ::selection {background: #f7f7f7; color:#FFF;}
  49. ::-moz-selection {background: #ececec; color:#FFF;}
  50. ::-webkit-selection {background: #ececec; color:#FFF;}
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
  53. height:100px;}
  54.  
  55. ::-webkit-scrollbar { height:10px;width:7px; background-color:#fff;}
  56.  
  57. @import url(http://fonts.googleapis.com/css?family=Anaheim);
  58.  
  59. /* --- BODY ---*/
  60.  
  61. body {
  62. font-style:none;
  63. background:{color:background};
  64. margin:0px; color:{color:text};
  65. font-family:anaheim;
  66. font-size:11px;
  67. line-height:100%;
  68.  
  69. }
  70.  
  71. blockquote {
  72. border-left:1px solid #ECECEC;
  73. padding-left:2px;
  74. margin:5px;
  75. }
  76.  
  77. a {
  78. color:{color:link}
  79. }
  80.  
  81. a {
  82. text-decoration:none;
  83. -webkit-transition:all 0.5s ease-in-out;
  84. -moz-transition:all 0.5s ease-in-out;
  85. -o-transition:all 0.5s ease-in-out;
  86. -ms-transition:all 0.5s ease-in-out;
  87. transition:all 0.5s ease-in-out;
  88. }
  89.  
  90. a:hover {
  91. color:{color:linkhover}
  92. }
  93.  
  94.  
  95. img {none;}
  96.  
  97. img
  98. {
  99. opacity:0.7;
  100. filter:alpha(opacity=70);
  101. }
  102. img:hover
  103. {
  104. opacity:1.0;
  105. filter:alpha(opacity=100);
  106.  
  107. -webkit-transition:
  108. opacity 1s linear;
  109. opacity: 1;
  110. filter: none;
  111. -webkit-filter: opacity(1.0);
  112. -webkit-transition: all 2s ease;
  113. -o-transition:all 2s ease-in-out;
  114. -ms-transition:all 2s ease-in-out;
  115. transition:all 2s ease-in-out;
  116. }
  117.  
  118. img
  119. {
  120. -webkit-transition: all 2s ease;
  121. -o-transition:all 2s ease-in-out;
  122. -ms-transition:all 2s ease-in-out;
  123. transition:all 2s ease-in-out;
  124. }
  125.  
  126.  
  127. h1 , h2 {
  128. font-family:calibri;
  129. text-transform:lowercase;
  130. font-size:14px;
  131. line-height:30px;
  132. letter-spacing:0px;
  133. text-align:center;
  134. font-style:none;
  135. }
  136.  
  137. #entries {
  138. padding:10px;
  139. width:500px;
  140. margin-left:500px;
  141. margin-top:50px;
  142.  
  143. }
  144.  
  145. #post {
  146. width:500px;
  147. padding-bottom:100px;
  148. font-style:uppercase;
  149. padding:15px;
  150. margin-bottom:10px;
  151. }
  152.  
  153.  
  154.  
  155.  
  156. /* --- SIDEBAR ---*/
  157.  
  158.  
  159. #sidebar
  160. {
  161. width:120px;
  162. position:fixed;
  163. margin-left:90px;
  164. margin-top:240px;
  165. }
  166.  
  167. #sidebar {width:120px;}
  168.  
  169. #sidebarimage img
  170. {
  171. margin-left:140px;
  172. width:100px;
  173. max-height:140px;
  174. margin-top:-10px;
  175. padding:5px;
  176. padding-bottom:5px;
  177.  
  178.  
  179. }
  180.  
  181.  
  182.  
  183.  
  184.  
  185. #nav {
  186. position:fixed;
  187. overflow:hidden;
  188. margin-top:150px;
  189. margin-left:316px;
  190. }
  191.  
  192. #link1 a , #link2 a, #link3 a
  193.  
  194. #title
  195. {
  196. font-family:cambria;
  197. text-align:center;
  198. margin-top:-129px;
  199. padding-bottom:0px;
  200. text-transform:none;
  201. font-style:normal;
  202. font-size:10px;
  203. }
  204.  
  205.  
  206.  
  207. #description {
  208. margin-left: 150px;
  209. margin-top: -5px;
  210. width: 90px;
  211. line-height: 100%;
  212. background-color:#000;
  213. text-transform:none;
  214. text-align:center;
  215. font-family:calibri;
  216. font-size: 10px;
  217. font-style:italic;
  218. max-height:100px;
  219. padding-bottom:5px;
  220. padding-top:5px;
  221. border:1px solid #ececec;
  222. border-width:1px;
  223. }
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231. #links {
  232. position: fixed;
  233. font-family:times;
  234. padding-top: 2px;
  235. padding-bottom:5px;
  236. margin-top:-120px;
  237. margin-left:60px;
  238. padding-left:190px;
  239. padding-right:0px;
  240. letter-spacing:1px;
  241. height:100px;
  242. width:170px;
  243.  
  244.  
  245.  
  246. }
  247.  
  248. #links:hover {
  249. margin-left: 70px;
  250. margin-top: -120px;
  251. -webkit-transition: all 1s ease;
  252. -o-transition:all 1s ease-in-out;
  253. -ms-transition:all 1s ease-in-out;
  254. transition:all 1s ease-in-out;
  255.  
  256. }
  257. #links
  258. {
  259. opacity:0.0;
  260. filter:alpha(opacity=0);
  261. }
  262. #links:hover
  263. {
  264. opacity:1.0;
  265. filter:alpha(opacity=100);
  266. -webkit-transition:
  267. opacity 1s linear;
  268. opacity: 1;
  269. filter: none;
  270. -webkit-filter: opacity(1.0);
  271. -webkit-transition: all 1s ease;
  272. -o-transition:all 1s ease-in-out;
  273. -ms-transition:all 1s ease-in-out;
  274. transition:all 1s ease-in-out;
  275. }
  276.  
  277. #links
  278. {
  279. -webkit-transition: all 1s ease;
  280. -o-transition:all 1s ease-in-out;
  281. -ms-transition:all 1s ease-in-out;
  282. transition:all 1s ease-in-out;
  283. }
  284.  
  285. #links a {
  286. padding 5px;
  287. padding-top:3px;
  288. padding-bottom:1px;
  289. margin-bottom:5px;
  290. font-size:8px;
  291. font-style:normal;
  292. text-align:left;
  293. text-transform:uppercase;
  294.  
  295.  
  296. }
  297.  
  298.  
  299.  
  300.  
  301.  
  302. #askie {
  303. background-color: {color:questions};
  304. color: {color:text};
  305. border: 1px {color:border};
  306. margin-left:0px;
  307. padding:5px;
  308. margin-top:5px;
  309. margin-bottom:5px;
  310. font-family:calibri;
  311. font-size:10px;
  312. font-style:normal;
  313. text-align:center;
  314. }
  315.  
  316. #reply {
  317. font-family:cambria;
  318. }
  319.  
  320.  
  321.  
  322. .note {
  323. padding:0px 20px 0px 20px;
  324. background-color:#FFFFFF;
  325. text-transform:lowercase;
  326. letter-spacing:0px;
  327. font-size: 11px;
  328. font-style:normal;
  329. text-align:left;
  330. line-height:120%;
  331. }
  332.  
  333. .note li {
  334. list-style-type:none;
  335. padding:5px 25px 5px 25px;
  336. text-align:left;
  337. margin-right:30px;
  338. margin-top:-50px;
  339. }
  340.  
  341.  
  342. #info {
  343. font-family:times;
  344. text-align:center;
  345. margin-top:10px;
  346. padding-top:10px;
  347. padding:5px;
  348. text-transform:lowercase;
  349. font-style:normal;
  350. font-size:10px;
  351. line-height:100%;
  352. border:1px dotted #ececec;
  353. border-width:1px;
  354. border-bottom-color:#ffffff;
  355. border-left-color:#fff;
  356. border-right-color:#fff;
  357.  
  358. }
  359.  
  360. #bonivur {
  361. font-family:times;
  362. text-align:center;
  363. margin-top:-5px;
  364. padding-bottom:-10px;
  365. text-transform:normal;
  366. font-size:10px;
  367.  
  368. }
  369.  
  370. #tags {
  371. font-family:times;
  372. text-align:center;
  373. margin-top:-5px;
  374. padding-bottom:-5px;
  375. text-transform:lowercase;
  376. font-style:normal;
  377. font-size:10px;
  378.  
  379. }
  380.  
  381.  
  382.  
  383.  
  384. #pagination
  385. {
  386. font-size:10px;
  387. margin-top:5px;
  388. margin-left:95px;
  389. font-family:times;
  390. font-style:normal;
  391. text-align:center;
  392. width:50px
  393. text-transform:uppercase;
  394. letter-spacing:1px;
  395. }
  396.  
  397.  
  398.  
  399. #merpydoo {
  400. position:fixed;
  401. font-family:times new;
  402. font-size:12px;
  403. font-style:italic;
  404. line-height:150%;
  405. right:4px;
  406. bottom:4px;
  407. text-transform:lowercase;
  408. text-align:center;}
  409.  
  410. #merpydoo a {
  411. padding:3px;
  412. -moz-transition-duration:0.5s;
  413. -webkit-transition-duration:0.5s;
  414. -o-transition-duration:0.5s;}
  415.  
  416. #merpy {
  417. position:fixed;
  418. font-family:times new;
  419. font-size:12px;
  420. font-style:italic;
  421. line-height:150%;
  422. right:4px;
  423. bottom:4px;
  424. text-transform:lowercase;
  425. text-align:center;}
  426.  
  427. #merpy a {
  428. padding:3px;
  429. -moz-transition-duration:0.5s;
  430. -webkit-transition-duration:0.5s;
  431. -o-transition-duration:0.5s;}
  432.  
  433.  
  434.  
  435.  
  436. {CustomCSS}</style></head><body>
  437.  
  438. <head>
  439. <style>
  440. #links ul
  441. {
  442. list-style-type:none;
  443. margin:2px;
  444. padding:2px;
  445. }
  446. #links a
  447. {
  448. display:block;
  449. max-width:150px;
  450. }
  451.  
  452.  
  453. </style>
  454. </head>
  455.  
  456.  
  457. <script type="text/javascript">
  458. WebFontConfig = {
  459. google: { families: [ 'Anaheim::latin' ] }
  460. };
  461. (function() {
  462. var wf = document.createElement('script');
  463. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  464. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  465. wf.type = 'text/javascript';
  466. wf.async = 'true';
  467. var s = document.getElementsByTagName('script')[0];
  468. s.parentNode.insertBefore(wf, s);
  469. })(); </script>
  470.  
  471.  
  472.  
  473. <div id="sidebar">
  474. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  475. <div id="links">
  476. <a href="/">index</a>
  477. <a href="/ask">letters</a>
  478. <a href="{text:link 1 url}">{text:link 1}</a>
  479. <a href="{text:link 2 url}">{text:link 2}</a>
  480. <a href="http://bonivur.tumblr.com/">credit</a>
  481. </div>
  482.  
  483.  
  484. <div id="description">{Description}</div>
  485.  
  486. <div id="scrollbar">{scrollbar}</div>
  487.  
  488.  
  489.  
  490. <div id="pagination">
  491. {block:Pagination}
  492. <div id="pagination">
  493. {block:PreviousPage}
  494. <a href="{PreviousPage}">back</a>
  495. {/block:PreviousPage}
  496. {block:NextPage}
  497. <a href="{NextPage}">next</a>
  498. {/block:NextPage}
  499. </div>
  500. {/block:Pagination}</div>
  501.  
  502. <div id="merpydoo"><a href="http://bonivur.tumblr.com/">ℬonIvur</a></div>
  503.  
  504. {block:HasPages}{block:Pages}
  505.  
  506. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  507.  
  508. </div></center>
  509.  
  510.  
  511. </div>
  512.  
  513. <div id="entries">{block:Posts}<div id="post">
  514.  
  515. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  516.  
  517. {block:blockquote}{/block:blockquote}
  518.  
  519.  
  520.  
  521. {block:Photo}
  522. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  523. {/block:Photo}
  524.  
  525. {block:Photoset}
  526. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  527. {/block:Photoset}
  528.  
  529. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  530.  
  531. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  532.  
  533. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  534.  
  535. {block:Audio}{AudioPlayerwhite}{block:AlbumArt}
  536. {AudioEmbed-100}{/block:AlbumArt}<br>{block:TrackName}<b>Track:</b>
  537. {TrackName}{/block:TrackName}<br>{block:Artist}<b>Artist:</b>
  538. {Artist}
  539. {/block:Artist}<br>{block:Album}<b>Album:</b>
  540. {Album}{/block:Album}<br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  541.  
  542. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  543.  
  544. {block:Answer}<div id="askie"<a href="{askerURL}"><b>{Asker}</b> asked: "{Question}"</div>
  545. <div id="reply">{Answer}</div>{/block:answer}
  546.  
  547.  
  548. <div id="info">{block:Date}<a href="{Permalink}"> {TimeAgo}{/block:Date}{/block:Date} </a> {block:NoteCount}<a href="{Permalink}"> - {NoteCountWithLabel} </a>{/block:NoteCount}{block:RebloggedFrom}/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
  549.  
  550.  
  551.  
  552. <div id="tags">
  553. {block:HasTags} {block:Tags} TAGGED: <a href="{TagURL}"> {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  554.  
  555. </div>
  556. {block:PostNotes}{PostNotes}{/block:PostNotes}
  557. {/block:Posts}</div>
  558.  
  559.  
  560. <div id="merpy"><a href="http://bonivur.tumblr.com/">ℬonIvur</a></div>
  561.  
  562.  
  563. </div>
  564.  
  565. </body>
  566.  
  567.  
  568. </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!