Advertisement
woahclaudia

theme #54 - For Love

Feb 8th, 2016
1,078
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.59 KB | None | 0 0
  1. <!--
  2.  
  3. THEME #54: "FOR LOVE" by BRAVETHEMES
  4.  
  5. ◤ ◥
  6. don't be a lil bitch;
  7. keep both credits.
  8. ◣ ◢
  9.  
  10. - - - -
  11.  
  12. for html help go to:
  13. http://bravethemes.tumblr.com
  14. http://htmlqueens.tumblr.com
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html>
  19.  
  20. <html>
  21. <head>
  22.  
  23. <meta name="image:background" content=""/>
  24. <meta name="image:corner" content="http://static.tumblr.com/146096f181b5d33024b303e03a78caa6/rkx3jqs/Txko22d85/tumblr_static_4lal069f97k0cos480o0o4swc.png"/>
  25. <meta name="image:sticky paper" content="http://static.tumblr.com/rkx3jqs/qtRo22blk/papelito.png"/>
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#000000"/>
  28. <meta name="color:body links" content="#be989b"/>
  29. <meta name="color:perma links" content="#be989b"/>
  30. <meta name="color:link hover" content="#fec1c1"/>
  31. <meta name="color:accent color" content="#fe9292"/>
  32. <meta name="select:tape image" title="Tape 1" content="http://static.tumblr.com/rkx3jqs/SjCo227nk/tape.png"/>
  33. <meta name="select:tape image" title="Tape 2" content="http://static.tumblr.com/rkx3jqs/jB3o23hlj/tape2.png"/>
  34. <meta name="select:tape image" title="Tape 3" content="http://static.tumblr.com/rkx3jqs/lH0o23hlo/tape3.png"/>
  35. <meta name="select:tape image" title="Tape 4" content="http://static.tumblr.com/rkx3jqs/M7So23hlt/tape4.png"/>
  36. <meta name="text:sticky paper" content="look it's a cute sticky paper!!!"/>
  37. <meta name="if:enable tape" content="1"/>
  38. <meta name="if:sticky note" content="1"/>
  39. <meta name="if:link 1" content="1"/>
  40. <meta name="if:link 2" content="1"/>
  41. <meta name="if:link 3" content="1"/>
  42. <meta name="if:link 4" content="1"/>
  43. <meta name="text:link 1 name" content="link 1"/>
  44. <meta name="text:link 1 url" content="link 1 url"/>
  45. <meta name="text:link 2 name" content="link 2"/>
  46. <meta name="text:link 2 url" content="link 2 url"/>
  47. <meta name="text:link 3 name" content="link 3"/>
  48. <meta name="text:link 3 url" content="link 3 url"/>
  49. <meta name="text:link 4 name" content="link 4"/>
  50. <meta name="text:link 4 url" content="link 4 url"/>
  51.  
  52. <link rel="shortcut icon" href="{favicon}">
  53.  
  54. <!-- do not touch this -->
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css">
  57. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  58. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  59. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/rkx3jqs/eUuo2ojs8/styles.css">
  60. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  61. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  62. <!-- do not touch this -->
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. .tmblr-iframe{
  68. right:2px !important;
  69. position: fixed !important;
  70. -webkit-filter: invert(100%);
  71. z-index:999999999!important;
  72. }
  73. ::-webkit-scrollbar{
  74. height:6px;
  75. width:9px;
  76. background-color:{color:accent color};
  77. border:4px solid {color:background};
  78. }
  79. ::-webkit-scrollbar-thumb{
  80. height:6px;
  81. background-color:{color:accent color};
  82. border: 2px solid {color:background};
  83. }
  84. ::selection{
  85. background:{color:accent color};
  86. color:{color:background};
  87. }
  88. ::-moz-selection{
  89. background:{color:accent color};
  90. color:{color:background};
  91. }
  92. ::-webkit-selection{
  93. background:{color:accent color};
  94. color:{color:background};
  95. }
  96. body{
  97. background-color:{color:background};
  98. background-image: url({image:background});
  99. background-attachment:fixed;
  100. background-repeat:repeat;
  101. font-family:calibri;
  102. font-size:10px;
  103. letter-spacing:1px;
  104. text-transform:uppercase;
  105. color:{color:text};
  106. text-align:left;
  107. }
  108. a{
  109. color:{color:body links};
  110. text-decoration:none;
  111. }
  112. a:hover{
  113. color:{color:link hover};
  114. -webkit-transition: all .7s ease-in-out;
  115. -moz-transition: all .7s ease-in-out;
  116. -ms-transition: all .7s ease-in-out;
  117. -o-transition: all .7s ease-in-out;
  118. transition: all .7s ease-in-out;
  119. }
  120. a:active,a:focus {
  121. outline:0;
  122. }
  123. .tape1{
  124. position:absolute;
  125. width:130px;
  126. left:60px;
  127. top:-20px;
  128. }
  129. .tape2{
  130. position:absolute;
  131. width:130px;
  132. left:60px;
  133. bottom:-20px;
  134. }
  135. .tape3{
  136. position:absolute;
  137. width:100px;
  138. left:60px;
  139. top:-15px;
  140. }
  141. .papel{
  142. background-image:url("{image:sticky paper}");
  143. padding:5px;
  144. width:220px;
  145. position:fixed;
  146. top:100px;
  147. right:30px;
  148. z-index:99;
  149. }
  150. #sider{
  151. position:fixed;
  152. bottom:20px;
  153. right:20px;
  154. width:200px;
  155. z-index:99;
  156. }
  157. .sidebar{
  158. width:220px;
  159. border:1px solid {color:accent color};
  160. padding:10px;
  161. top:200px;
  162. left:35px;
  163. background:{color:background};
  164. position:fixed;
  165. z-index:999;
  166. -webkit-box-shadow: 3px 3px 2px 1px #ddd;
  167. box-shadow: 3px 3px 2px 1px #ddd;
  168. }
  169. .blogtitle{
  170. font-size:25px;
  171. padding-bottom:6px;
  172. font-family: 'Dancing Script', cursive;
  173. text-align:center;
  174. {block:ifenabletape}margin-top:15px;{/block:ifenabletape}
  175. text-transform:capitalize;
  176. border-bottom:2px dashed {color:accent color};
  177. color:{color:body links};
  178. }
  179. #desc{
  180. text-align:justify;
  181. padding:7px;
  182. }
  183. .linkers{
  184. text-align:center;
  185. text-transform:uppercase;
  186. margin-top:5px;
  187. line-height:27px;
  188. font-size:10px;
  189. {block:ifenabletape}margin-bottom:15px;{/block:ifenabletape}
  190. -webkit-transition: all .2s ease-in-out;
  191. -moz-transition: all .2s ease-in-out;
  192. -ms-transition: all .2s ease-in-out;
  193. -o-transition: all .2s ease-in-out;
  194. transition: all .2s ease-in-out;
  195. }
  196. .linkers a{
  197. color:{color:body links};
  198. -webkit-transition: all .2s ease-in-out;
  199. -moz-transition: all .2s ease-in-out;
  200. -ms-transition: all .2s ease-in-out;
  201. -o-transition: all .2s ease-in-out;
  202. transition: all .2s ease-in-out;
  203. margin:4px;
  204. }
  205. .linkers a:hover{
  206. color:{color:link hover};
  207. -webkit-transition: all .2s ease-in-out;
  208. -moz-transition: all .2s ease-in-out;
  209. -ms-transition: all .2s ease-in-out;
  210. -o-transition: all .2s ease-in-out;
  211. transition: all .2s ease-in-out;
  212. }
  213. .content{
  214. position:relative;
  215. width:650px;
  216. margin:0px auto;
  217. height:auto;
  218. top:0px;
  219. {block:permalinkpage}width:560px;{/block:permalinkpage}
  220. }
  221. a#posted{
  222. width:15px;
  223. background:{color:accent color};
  224. color:{color:background};
  225. }
  226. a#posted:hover{
  227. background:{color:background};
  228. color:{color:accent color};
  229. }
  230. article{
  231. -webkit-box-shadow: 3px 3px 2px 1px #ddd;
  232. box-shadow: 3px 3px 2px 1px #ddd;
  233. margin:25px;
  234. padding:10px;
  235. border:1px solid {color:accent color};
  236. background:{color:background};
  237. width:250px;
  238. {block:PermalinkPage}width:500px;padding:5px;{/block:PermalinkPage}
  239. }
  240. article:hover #perma{
  241. opacity:1;
  242. right:10px;
  243. }
  244. #perma{
  245. opacity:0;
  246. position:absolute;
  247. bottom:-20px;
  248. text-align:right;
  249. right:0px;
  250. font-size:10px;
  251. text-transform:uppercase;
  252. -webkit-transition: all .2s ease-in-out;
  253. -moz-transition: all .2s ease-in-out;
  254. -ms-transition: all .2s ease-in-out;
  255. -o-transition: all .2s ease-in-out;
  256. transition: all .2s ease-in-out;
  257. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  258. }
  259. #perma a{
  260. margin:5px;
  261. color:{color:perma links};
  262. -webkit-transition: all .2s ease-in-out;
  263. -moz-transition: all .2s ease-in-out;
  264. -ms-transition: all .2s ease-in-out;
  265. -o-transition: all .2s ease-in-out;
  266. transition: all .2s ease-in-out;
  267. }
  268. #perma a:hover{
  269. color:{color:link hover};
  270. -webkit-transition: all .2s ease-in-out;
  271. -moz-transition: all .2s ease-in-out;
  272. -ms-transition: all .2s ease-in-out;
  273. -o-transition: all .2s ease-in-out;
  274. transition: all .2s ease-in-out;
  275. }
  276. blockquote{
  277. padding-left:5px;
  278. border-left:2px solid {color:accent color};
  279. margin-left:3px;
  280. width:94%;
  281. }
  282. iframe,img,embed,object,video{
  283. max-width:100%;
  284. vertical-align:text-bottom;
  285. }
  286. img{
  287. height:auto;
  288. width:auto;
  289. vertical-align:text-bottom;
  290. }
  291. pre {
  292. white-space: pre-wrap;
  293. white-space: -moz-pre-wrap;
  294. white-space: -pre-wrap;
  295. white-space: -o-pre-wrap;
  296. word-wrap: break-word;
  297. }
  298. ol{
  299. list-style-type: upper-roman;
  300. }
  301. ul{
  302. list-style-type: circle;
  303. }
  304. #note{
  305. max-height:300px;
  306. overflow:auto;
  307. }
  308. ol.notes{
  309. padding: 0px;
  310. list-style-type: upper-roman;
  311. }
  312. ol.notes li.note{
  313. padding-left:7px;
  314. text-align:left;
  315. width:400px;
  316. padding-top:5px;
  317. }
  318. ol.notes li.note img.avatar{
  319. display:none;
  320. }
  321. .whatever, .ldesc, .askpost{
  322. padding:7px;
  323. }
  324. article h2{
  325. font-size:15px;
  326. }
  327. .chat{
  328. float:left;
  329. width:100%;
  330. }
  331. .chat ul{
  332. list-style:none;
  333. margin:0;
  334. padding:0;
  335. }
  336. .odd,.even{
  337. padding:7px;
  338. }
  339. .odd{
  340. background-color:rgba({RGBcolor:accent color},.7);
  341. }
  342. .title,.link{
  343. font-size:17px;
  344. text-align:center;
  345. text-transform:capitalize;
  346. line-height:25px;
  347. padding-bottom:5px;
  348. border-bottom:1px solid {color:accent color};
  349. }
  350. .title a,.link a{
  351. color:{color:body links};
  352. }
  353. .title a:hover,.link a:hover{
  354. color:{color:link hover};
  355. }
  356. .quote{
  357. font-style:italic;
  358. font-size:15px;
  359. padding:5px;
  360. }
  361. .source{
  362. text-align:right;
  363. font-weight:bold;
  364. font-size:11px;
  365. padding:5px;
  366. }
  367. .audio{
  368. {block:IndexPage}width:250px;
  369. padding:5px;
  370. padding-bottom:10px;{/block:IndexPage}
  371. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  372. }
  373. .audio img{
  374. border:1px none #000;
  375. }
  376. .albumart{
  377. position:absolute;
  378. float:left;
  379. {block:IndexPage}width:50px;
  380. height:50px;{/block:IndexPage}
  381. {block:PermalinkPage}width:100px;
  382. height:100px;{/block:PermalinkPage}
  383. }
  384. .playbox{
  385. opacity:0.6;
  386. width:27px;
  387. height:30px;
  388. overflow:hidden;
  389. position:absolute;
  390. z-index:2;{block:IndexPage}
  391. margin-left:11px;
  392. margin-top:12px;{block:IndexPage}
  393. {block:permalinkpage}
  394. margin-left:40px;
  395. margin-top:40px;{block:permalinkPage}
  396. }
  397. .stuff{
  398. margin-top:2px;
  399. line-height:12px;
  400. {block:IndexPage}margin-left:58px;{block:IndexPage}
  401. {block:PermalinkPage}margin-left:110px;
  402. font-size:20px;
  403. line-height:30px;{/block:PermalinkPage}
  404. }
  405. .question{
  406. text-align:justify;
  407. font-style:italic;
  408. padding:7px;
  409. background:{color:accent color};
  410. }
  411. .asker{
  412. font-weight:bold;
  413. padding-bottom:5px;
  414. margin-top:5px;
  415. }
  416. .answer{
  417. text-align:left;
  418. }
  419. #pagi{
  420. display:none;
  421. }
  422. </style>
  423. </head>
  424. <body>
  425. <div id="sider"><img src="{image:corner}"></div>
  426.  
  427. {block:ifstickynote}
  428. <div class="papel">
  429. {block:ifenabletape}<div class="tape3"><img src="{select:tape image}"></div>
  430. {/block:ifenabletape}
  431. <br>{text:sticky paper}</div>
  432. {/block:ifstickynote}
  433.  
  434. <title>{Title}</title>
  435. <div class="sidebar">
  436. {block:ifenabletape}
  437. <div class="tape1"><img src="{select:tape image}"></div>
  438. <div class="tape2"><img src="{select:tape image}"></div>
  439. {/block:ifenabletape}
  440. <div class="blogtitle"><a href="/">{Title}</a></div>
  441. <div id="desc">{Description}</div>
  442. <div class="linkers">
  443. {block:iflink1}<a href="{text:link 1 url}">{text:link 1 name}</a>{/block:iflink1}
  444. {block:iflink2}<a href="{text:link 2 url}">{text:link 2 name}</a>{/block:iflink2}
  445. {block:iflink3}<a href="{text:link 3 url}">{text:link 3 name}</a>{/block:iflink3}
  446. {block:iflink4}<a href="{text:link 4 url}">{text:link 4 name}</a>{/block:iflink4}
  447. <a href="http://bravethemes.tumblr.com/" target="_blank" title="bravethemes">theme</a></div></div></div>
  448.  
  449. <div id="pagi">
  450. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}</div></div>
  451.  
  452. <div class="content">
  453. {block:Posts}
  454. <article>
  455. {block:Text}
  456. {block:Title}
  457. <div class="title">
  458. <a href="{Permalink}"><b>{Title}</b></a></div>
  459. {/block:Title}
  460. <div class="whatever">{Body}
  461. <div id="perma">
  462. <a href="{Permalink}">{NoteCountWithLabel}</a>
  463. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  464. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  465. </div>
  466. {/block:Text}
  467.  
  468. {block:Photo}
  469. <div class="photo">
  470. {block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-250}" width="250px" alt="{PhotoAlt}"/></a>{/block:IndexPage}
  471. <div id="perma">
  472. <a href="{Permalink}">{NoteCountWithLabel}</a>
  473. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  474. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  475. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  476. </div>
  477. {/block:Photo}
  478.  
  479. {block:Photoset}
  480. <div class="photos">
  481. {block:IndexPage}
  482. {Photoset-250}
  483. {/block:IndexPage}
  484. <div id="perma">
  485. <a href="{Permalink}">{NoteCountWithLabel}</a>
  486. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  487. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  488. {block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  489. {/block:Photoset}
  490.  
  491. {block:Link}
  492. <div class="link">
  493. <a href="{URL}"><b>{Name}</b></a></div>
  494. <div class="ldesc">{block:Description}{Description}{/block:Description}
  495. <div id="perma">
  496. <a href="{Permalink}">{NoteCountWithLabel}</a>
  497. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  498. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  499. </div>
  500. {/block:Link}
  501.  
  502. {block:Quote}
  503. <div class="quote">"{Quote}"</div><br>
  504. <div class="source">- {block:source}{source}{/block:source}</div>
  505. <div id="perma">
  506. <a href="{Permalink}">{NoteCountWithLabel}</a>
  507. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  508. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  509. {/block:Quote}
  510.  
  511. {block:Chat}
  512. <div class="chat">
  513. {block:Title}<b>{Title}</b><br>{/block:Title}
  514. <ul>{block:Lines}
  515. <li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>
  516. {/block:Lines}
  517. </ul>
  518. <div id="perma">
  519. <a href="{Permalink}">{NoteCountWithLabel}</a>
  520. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  521. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  522. </div>
  523. {/block:Chat}
  524.  
  525. {block:Audio}
  526. <div class="audio">
  527. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  528. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  529. <div class="stuff">
  530. <b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  531. <b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  532. <b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div><br>
  533. <div id="perma">
  534. <a href="{Permalink}">{NoteCountWithLabel}</a>
  535. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  536. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  537. </div>
  538. {/block:Audio}
  539.  
  540. {block:Video}
  541. <div class="video">
  542. {block:IndexPage}{VideoEmbed-250}{/block:IndexPage}
  543. {block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
  544. <div id="perma">
  545. <a href="{Permalink}">{NoteCountWithLabel}</a>
  546. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  547. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  548. {/block:Video}
  549.  
  550. {block:Answer}
  551. <div class="askpost">
  552. <div class="question">
  553. <img src="{AskerPortraitURL-30}" align="left" style="margin-top:-3px;margin-right:4px;border-radius:20px;background:#fff;padding:2px;">
  554. <span id="asker">{Asker} asked:</span>
  555. {Question}</div>
  556. <div class="answer">{Answer}</div>
  557. <div id="perma">
  558. <a href="{Permalink}">{NoteCountWithLabel}</a>
  559. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>
  560. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  561. </div>
  562. {/block:answer}
  563.  
  564. <div id="note">
  565. {block:permalinkpage}
  566. {block:ContentSource}
  567. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  568. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  569. {block:PostNotes}
  570. {PostNotes}
  571. {/block:PostNotes}</div>
  572. {/block:PermalinkPage}
  573.  
  574. </footer>
  575. </article>
  576. {/block:Posts}
  577. </div></div>
  578.  
  579. <!-- seriously don't touch this unless you know what it does -->
  580. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  581. <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5020775";
  582. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "http://s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.body.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");</script></div>
  583. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  584. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  585. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  586. <script src="http://static.tumblr.com/rkx3jqs/Luzo5pzpt/script.js"></script>
  587. <!-- do not touch this -->
  588. </body>
  589.  
  590. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement