Advertisement
clairesrps

give me love.

Aug 7th, 2014
418
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.87 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <!-- theme 5, by clairesrps // give me love -->
  6. <!-- themesbyzsu.tumblr.com // base code -->
  7.  
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. <meta name="color:Background" content="#fff" />
  20. <meta name="color:Text" content="#333" />
  21. <meta name="color:Entries" content="#fff" />
  22. <meta name="color:InfoBar" content="#fff" />
  23. <meta name="color:Title" content="#000" />
  24. <meta name="color:Borders" content="#000" />
  25. <meta name="color:Sbar" content="#fff" />
  26. <meta name="color:Sidebar" content="#fff" />
  27. <meta name="color:Sidebar nav" content="#eee" />
  28. <meta name="color:Sidebar nav hover" content="#fff" />
  29. <meta name="color:Sidebar link" content="#fff" />
  30. <meta name="color:Sidebar link hover" content="#333" />
  31. <meta name="color:Link" content="#000" />
  32. <meta name="color:Link Hover" content="#666" />
  33. <meta name="color:Scrollbar" content="#666" />
  34. <meta name="color:Pre BG" content="#666" />
  35. <meta name="color:Pre Text" content="#fff" />
  36. <meta name="color:Ask BG" content="#eeeeee" />
  37.  
  38. <meta name="image:Background" content="" />
  39. <meta name="image:Entries Bg" content="" />
  40. <meta name="image:Sidebar" content="" />
  41. <meta name="image:Sidebar2" content="" />
  42.  
  43. <meta name="text:Link1" content="refresh" />
  44. <meta name="text:Link1 URL" content="/" />
  45. <meta name="text:Link2" content="askbox" />
  46. <meta name="text:Link2 URL" content="/" />
  47. <meta name="text:Link3" content="link" />
  48. <meta name="text:Link3 URL" content="/" />
  49. <meta name="text:Link4" content="link" />
  50. <meta name="text:Link4 URL" content="/" />
  51. <meta name="text:Link5" content="link" />
  52. <meta name="text:Link5 URL" content="/" />
  53. <meta name="text:Link6" content="link" />
  54. <meta name="text:Link6 URL" content="/" />
  55.  
  56. <meta name="text:main title" content="this is your main title" />
  57. <meta name="text:sub title" content="this is your sub title" />
  58.  
  59. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  60.  
  61. <style type="text/css">
  62.  
  63. ::-webkit-scrollbar{height: 5px; width: 5px; -webkit-border-radius: 0px; background-color:#ffffff;}
  64.  
  65. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  66. ::-webkit-scrollbar-track{background-color:#fefefe;}
  67.  
  68. body {
  69. background: {color:Background};
  70. background-image: url('{image:Background}');
  71. background-attachment:fixed;
  72. position:absolute;
  73. font-size:12px;
  74. font-family: georgia;
  75. color:{color:Body};
  76. }
  77.  
  78. pre {
  79. font-family:georgia;
  80. font-size:8px;
  81. text-transform:uppercase;
  82. background-color:{color:Pre Bg};
  83. padding:2px;
  84. text-align:center;
  85. border-left:6px solid {color:border};
  86. border-right:6px solid {color:border};
  87. color:{color:Pre Text};
  88. }
  89.  
  90. a {
  91. text-decoration:none;
  92. outline:none;
  93. color:{color:Link};
  94. -webkit-transition: all 0.5s ease-in-out;
  95. -moz-transition: all 0.5s ease-in-out;
  96. -o-transition: all 0.5s ease-in-out;
  97. }
  98.  
  99. a:hover {
  100. color:{color:Link Hover};
  101. -webkit-transition: all 0.5s ease-in-out;
  102. -moz-transition: all 0.5s ease-in-out;
  103. -o-transition: all 0.5s ease-in-out;
  104. }
  105.  
  106. #posttitle {
  107. font-weight:bold;
  108. color:{color:title};
  109. text-align:left;
  110. font-family: georgia;
  111. font-size: 17px;
  112. text-transform:uppercase;
  113. }
  114.  
  115. #quotes {
  116. text-transform:lowercase;
  117. text-align:left;
  118. font-family: georgia;
  119. font-weight:none;
  120. font-style:italic;
  121. color:{color:Link};
  122. font-family:georgia;
  123. text-align:left;
  124. font-size: 17px;
  125. }
  126.  
  127.  
  128.  
  129. #topbar {
  130. overflow:hidden;
  131. height: 60px;
  132. border: 1px solid transparent;
  133. background-color: transparent;
  134. position:fixed;
  135. margin-top:-64px;
  136. margin-left:-30px;
  137. width:350px;
  138. padding:5px;
  139. }
  140.  
  141. #topbar2 {
  142. overflow:hidden;
  143. height: 25px;
  144. border: 1px solid transparent;
  145. background-color: transparent;
  146. position:fixed;
  147. margin-top:290px;
  148. margin-left:60px;
  149. width:340px;
  150. padding:5px;
  151. }
  152.  
  153. #title1 {
  154. color:{color:title};
  155. text-shadow: 1px 1px 0px #333333;
  156. margin-top: 26px;
  157. font-family: georgia;
  158. font-style:none;
  159. font-weight:bold;
  160. font-style:italic;
  161. font-size:28px;
  162. text-align:center;
  163. text-decoration:none;
  164. -webkit-transition: all 0.5s ease-in-out;
  165. -moz-transition: all 0.5s ease-in-out;
  166. -o-transition: all 0.5s ease-in-out;
  167. }
  168.  
  169. #title2 {
  170. color:{color:title};
  171. text-shadow: 1px 1px 0px #333333;
  172. margin-top: 0px;
  173. font-family: georgia;
  174. font-style:none;
  175. font-weight:bold;
  176. font-style:italic;
  177. font-size:20px;
  178. text-align:center;
  179. text-decoration:none;
  180. -webkit-transition: all 0.5s ease-in-out;
  181. -moz-transition: all 0.5s ease-in-out;
  182. -o-transition: all 0.5s ease-in-out;
  183. }
  184.  
  185. #sidebar {
  186. overflow:hidden;
  187. height: 300px;
  188. border: 1px solid {color:borders};
  189. background-color: {color:sidebar};
  190. position:fixed;
  191. margin-top:150px;
  192. margin-left:100px;
  193. width:200px;
  194. padding:5px;
  195. }
  196.  
  197. #sidebarimg {
  198. float:left;
  199. position:fixed;
  200. width:200px;
  201. height:152px;
  202. margin-left:315px;
  203. margin-top:150px;
  204. background-color:{color:sidebar};
  205. background-image:url('{image:sidebar}');
  206. background-attachment:none;
  207. background-size:auto;
  208. background-position:top left;
  209. background-repeat:no-repeat;
  210. border: 1px solid {color:borders};
  211. }
  212.  
  213. #sidebarimg2 {
  214. float:left;
  215. position:fixed;
  216. width:200px;
  217. height:152px;
  218. margin-left:315px;
  219. margin-top:308px;
  220. background-color:{color:sidebar};
  221. background-image:url('{image:sidebar2}');
  222. background-attachment:none;
  223. background-size:auto;
  224. background-position:top left;
  225. background-repeat:no-repeat;
  226. border: 1px solid {color:borders};
  227. }
  228.  
  229. #description {
  230. margin-top: 5px;
  231. margin-left:10px;
  232. margin-right:10px;
  233. font-style:normal;
  234. padding:0px;
  235. color:{color:text};
  236. font-size:10px;
  237. text-align:justify;
  238. }
  239.  
  240. #links {
  241. position:fixed;
  242. width: auto;
  243. margin-top:-90px;
  244. margin-left:-1px;
  245. text-align:left;
  246. }
  247.  
  248.  
  249. #links a{
  250. font-style: normal;
  251. text-decoration:none;
  252. text-align:center;
  253. font-family:georgia;
  254. line-height: 25px;
  255. height: 25px;
  256. margin-left:-1px;
  257. margin-bottom:1px;
  258. letter-spacing: 0px;
  259. font-size: 10px;
  260. text-transform: lowercase;
  261. width: 58px;
  262. border: 0px solid {color:borders};
  263. display:inline-block;
  264. background:{color:sidebar nav};
  265. color:{color:sidebar link};
  266. -webkit-transition: all 0.2s ease-in-out;
  267. -moz-transition: all 0.2s ease-in-out;
  268. -o-transition: all 0.2s ease-in-out;
  269. }
  270.  
  271. #links a:hover{
  272. border: 0px solid {color:borders};
  273. color:{color:sidebar link hover};
  274. font-style:italic;
  275. letter-spacing:0px;
  276. background:{color:sidebar nav hover};
  277. -webkit-transition: all 0.5s ease-in-out;
  278. -moz-transition: all 0.5s ease-in-out;
  279. -o-transition: all 0.5s ease-in-out;
  280. }
  281.  
  282. #pagination {
  283. margin-left: -100px;
  284. margin-top: 73px;
  285. font-size:10px;
  286. text-align:center;}
  287.  
  288. #pagination a {
  289. color: {color:link};
  290. }
  291.  
  292. #entries {
  293. font-size:10px;
  294. margin-left: 600px;
  295. margin-top:130px;
  296. float: right;
  297. text-align: justify;
  298. }
  299.  
  300. #entrybg {
  301. padding:2px;
  302. background-image:url('{image:Entries BG}');
  303. border:1px solid {color:Borders};
  304. }
  305.  
  306. #post {
  307. border:1px {color:borders} solid;
  308. background-color:{color:Entries};
  309. font-size:10px;
  310. padding: 10px;
  311. width: 500px;
  312. color:{color:Text};
  313. text-align: justify;
  314. overflow:hidden;
  315. }
  316.  
  317. #infobar {
  318. color:{color:Text};
  319. font-size:9px;
  320. text-transform:lowercase;
  321. width: 526px;
  322. margin-bottom:40px;
  323. margin-top: -1px;
  324. background-color: {color:infobar};
  325. text-align: center;
  326. padding-top: 5px;
  327. padding-bottom: 5px;
  328. border:1px {color:borders} solid;
  329. }
  330.  
  331. #tags{
  332. font-size: 9px;
  333. margin-top: 2px;
  334. text-transform: lowercase;
  335. background-color: {color:entries};
  336. text-align: left;
  337. }
  338.  
  339. .user_1 .label {
  340. color:{color:link};
  341. text-transform:uppercase;
  342. font-weight:bold}
  343.  
  344. .user_2 .label {
  345. color:{color:title};
  346. text-transform:uppercase;
  347. font-weight:bold}
  348.  
  349. .user_3 .label {
  350. color:{color:link};
  351. text-transform:uppercase;
  352. font-weight:bold}
  353.  
  354. .user_4 .label {
  355. color:{color:title};
  356. text-transform:uppercase;
  357. font-weight:bold}
  358.  
  359. .user_5 .label {
  360. color:{color:link};
  361. text-transform:uppercase;
  362. font-weight:bold}
  363.  
  364. .user_6 .label {
  365. color:{color:title};
  366. text-transform:uppercase;
  367. font-weight:bold}
  368.  
  369. .user_7 .label {
  370. color:{color:link};
  371. text-transform:uppercase;
  372. font-weight:bold}
  373.  
  374. .user_8 .label {
  375. color:{color:title};
  376. text-transform:uppercase;
  377. font-weight:bold}
  378.  
  379. .user_9 .label {
  380. color:{color:link};
  381. text-transform:uppercase;
  382. font-weight:bold}
  383.  
  384. .user_10 .label {
  385. color:{color:title};
  386. text-transform:uppercase;
  387. font-weight:bold}
  388.  
  389. ul.chat, .chat ol, .chat li {
  390. list-style:none;
  391. margin:0px 0px 5px 0px;
  392. padding:0px; 0px 0px 0px}
  393.  
  394. small {
  395. font-size: 9px;
  396. }
  397.  
  398. b, strong {
  399. color:{color:title}
  400. }
  401.  
  402. i, em {
  403. color:{color:text}
  404. }
  405.  
  406. p {
  407. margin-top:5px;
  408. margin-bottom:5px
  409. }
  410.  
  411. blockquote {
  412. border-left:2px solid {color:text};
  413. padding-left:5px;
  414. margin:0px 2px 0px 10px
  415. }
  416.  
  417. ol.notes {
  418. color: #ffffff;
  419. margin-top:-25px;
  420. margin-left:-20px;
  421. width:500px;
  422. list-style-type:none;
  423. }
  424.  
  425. ol.notes li.note {
  426. color: #ffffff;
  427. padding-top: 0px;
  428. }
  429.  
  430. ol.notes li.note img.avatar {
  431. vertical-align:1px;
  432. margin-right:10px;
  433. width:16px;
  434. height:16px;
  435. }
  436.  
  437. ol.notes li.note span.action {
  438. font-weight:normal;
  439. }
  440.  
  441. ol.notes li.note .answer_content {
  442. font-weight:normal;
  443. }
  444.  
  445. ol.notes li.note blockquote {
  446. padding:0px 6px 0px 6px;
  447. margin:5px 5px 5px 5px;
  448. }
  449.  
  450. #audio {
  451. border-radius:100%;
  452. width:100%;
  453. height:100px;
  454. margin-bottom:10px}
  455.  
  456. .albumart {
  457.  
  458. padding: 2px;
  459. border: 1px #f1f1f1 solid;
  460. float:left;
  461. width:100px;
  462. height:100px}
  463.  
  464. .player {
  465. margin-left:2px;
  466. margin-top:2px;
  467. padding:11px;
  468. display:block;
  469. height:80px;
  470. width:80px;
  471. overflow:hidden;
  472. position:absolute;
  473. opacity:0.3;
  474. background:#fff;
  475. -webkit-transition:all 0.4s ease-in-out;
  476. -moz-transition:all 0.4s ease-in-out;
  477. -o-transition:all 0.4s ease-in-out;
  478. -ms-transition: all 0.4s ease-in-out;
  479. transition:all 0.5s ease-in-out}
  480.  
  481. .player:hover {
  482. opacity:0.5;
  483. -webkit-transition:all 0.4s ease-in-out;
  484. -moz-transition:all 0.4s ease-in-out;
  485. -o-transition:all 0.4s ease-in-out;
  486. -ms-transition: all 0.4s ease-in-out;
  487. transition:all 0.5s ease-in-out}
  488.  
  489. .audioplayer {
  490. width:24px;
  491. height:24px;
  492. margin:28px 0 0 28px;
  493. overflow:hidden}
  494.  
  495. .audioinfo {
  496. margin-left:105px;
  497. height:54px;
  498. line-height:150%;
  499. font:10px georgia;
  500. color:{color:text};
  501. padding:26px 5px 24px 10px;
  502. text-align:left}
  503.  
  504. .tracktitle {
  505. color:{color:title};
  506. margin-bottom:-10px;
  507. text-transform: uppercase;
  508. font-size: 10px;
  509. }
  510.  
  511. #asks {
  512. text-align:justify;
  513. line-height:120%;
  514. color:{color:text};
  515. padding:5px;
  516. padding-bottom:10px;
  517. padding-top:5px;
  518. }
  519.  
  520.  
  521. #asker img {
  522. margin-left:-2px;
  523. margin-bottom:-15px;
  524. border-radius:50px;
  525. padding:5px;
  526. padding-bottom:5px;
  527. }
  528.  
  529. #ans {
  530. text-align:left;
  531. padding:0px;
  532. color:{color:text};
  533. }
  534.  
  535. #cred a {
  536. text-align: center;
  537. text-transform: lowercase;
  538. background-color:{color:Background};
  539. position:fixed;
  540. letter-spacing: 1px;
  541. font:10px georgia;
  542. color:{color:Link Hover};
  543. height: 16px;
  544. width: 38px;
  545. line-height: 17px;
  546. bottom:20px;
  547. right:20px
  548. }
  549.  
  550. #cred a:hover {
  551. color:{color:Link}
  552. }
  553.  
  554.  
  555.  
  556.  
  557. </style>
  558. <style type="text/css">{CustomCSS}</style>
  559. </head>
  560.  
  561. <body>
  562.  
  563. <div id="backbar">
  564. <div id="sidebarimg">
  565. </div>
  566. <div id="sidebarimg2">
  567. </div>
  568.  
  569. <div id="sidebar">
  570. <div id="topbar">
  571. <div id="title1">{text:main title}</div>
  572. </div>
  573.  
  574. <div id="topbar2">
  575. <div id="title2">{text:sub title}</div>
  576. </div>
  577. <div id="description"><div style="overflow:auto; padding-right:5px; width: 180px; height: 200px; text-align: justify;">{block:Description}{Description}{/block:Description}
  578.  
  579. <div id="links">
  580. <a href="/">{text:Link1}</a>
  581. <a href="/ask">{text:Link2}</a>
  582. <a href="{text:Link3 URL}">{text:Link3}</a><br>
  583. <a href="{text:Link4 URL}">{text:Link4}</a>
  584. <a href="{text:Link5 URL}">{text:Link5}</a>
  585. <a href="{text:Link6 URL}">{text:Link6}</a>
  586. </div></div>
  587.  
  588.  
  589.  
  590. </div>
  591. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big><i>back</i></big></a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}"><big><i>next</i></big></a>{/block:NextPage}{/block:Pagination}</div>
  592. </div>
  593.  
  594. </div>
  595.  
  596. </div>
  597.  
  598.  
  599. <div id="entries">
  600. {block:Posts}
  601. <div id="entrybg">
  602.  
  603. <div id="post">
  604.  
  605. {block:Text}<div id="posttitle">{title}</div>{Body}{/block:Text}
  606.  
  607. {block:Quote}<div id="quotes">“{Quote}” </div>
  608. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  609.  
  610. {block:Link}<a href="{URL}" class="link" {Target}> <div id="quotes">{Name}</div></a>
  611. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  612.  
  613. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  614. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  615.  
  616. {block:Chat}
  617. <ul class="chat">
  618. {block:title}<div id="quotes">{Title}</div>{/block:title}
  619.  
  620. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  621. {/block:Chat}
  622.  
  623. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  624.  
  625. {block:Audio}
  626. <div id="audio">
  627. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  628. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  629. <div class="audioinfo">
  630. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
  631. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist} {block:Album}<br>
  632. <b>ALBUM:</b> {Album}{/block:Album}<br>
  633. <b>PLAYED:</b> {FormattedPlayCount} times</div></div>
  634. {block:Caption}{Caption}{/block:Caption}
  635. {/block:Audio}
  636.  
  637. {block:Answer}<div id="ask" style="border: 3px {color:Borders} double"><div id="asker"><img src="{AskerPortraitURL-64}" style="height:30px; width:30px; float:center; margin-top:0px;"><big><i><big>{Asker} asked:</big></big></i><br><br><center>{Question}</center><br></div></div><div id="ans">{Answer}</div>{/block:answer}
  638.  
  639. </div> </div>
  640.  
  641.  
  642. {block:Date}<div id="infobar">
  643. posted <a href="{Permalink}">{TimeAgo}</a>
  644. {block:NoteCount} ♡ {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} ♡ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}"></a>{block:ContentSource}{/block:RebloggedFrom} ♡ <a href="{ReblogURL}" target="_blank">reblog</a><br>
  645. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  646.  
  647. {/block:Posts}
  648.  
  649. {block:PostNotes}{PostNotes}{/block:PostNotes}
  650.  
  651. </div>
  652.  
  653. <!-- PLEASE DON'T REMOVE THIS -->
  654. <div id="cred"><a href="http://clairesrps.tumblr.com" title="©">♡ </a></div>
  655. <!-- PLEASE DON'T REMOVE THIS -->
  656.  
  657. </body>
  658. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement