Advertisement
benparish

theme 009: "babylove"

Feb 5th, 2016
1,018
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.66 KB | None | 0 0
  1. <!--
  2. theme by:
  3.  
  4. █░█ ░▀░ ▀▀█▀▀ █▀▀ █░░█ █▀▀▄ █▀▀█ █░░█ █▀▀
  5. █▀▄ ▀█▀ ░░█░░ ▀▀█ █░░█ █░░█ █▄▄█ █▄▄█ █▀▀
  6. ▀░▀ ▀▀▀ ░░▀░░ ▀▀▀ ░▀▀▀ ▀░░▀ ▀░░▀ ▄▄▄█ ▀▀▀
  7.  
  8. steal and i find u
  9. -->
  10.  
  11. <html>
  12.  
  13.  
  14. <head>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. <meta name="color:bg" content="#fff" />
  21. <meta name="color:accent" content="#ccc" />
  22. <meta name="color:text" content="#000" />
  23. <meta name="color:darkeraccent" content="#99beab" />
  24.  
  25. <meta name="text:link1" content="link1 url" />
  26. <meta name="text:link1 title" content="link1" />
  27. <meta name="text:link2" content="link2 url" />
  28. <meta name="text:link2 title" content="link2" />
  29. <meta name="text:title2" content="line of short lyrics;" />
  30. <meta name="image:bgimg" content="" />
  31. <meta name="image:sbimg1" content="" />
  32. <meta name="image:sbimg2" content="" />
  33. <meta name="image:headerimg" content="" />
  34.  
  35.  
  36. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar {width: 6px; height: 3px; background: #transparent;}
  42. ::-webkit-scrollbar-thumb {background-color:#ffffff ; border-radius:20;}
  43.  
  44. body { font-size:10px;
  45. font-family:'arial', 'calibri', 'times new roman';
  46. line-height:100%;
  47. color: {color:text};
  48. background-color:{color:bg};
  49. background-image:url({image:bgimg});
  50. }
  51.  
  52.  
  53. sub, small, sup {
  54. font-size:9px;
  55. }
  56.  
  57. h1 {
  58. color:{color:accent};
  59. font-family: 'Montserrat', sans-serif;
  60. font-size:24px;
  61. line-height:100%;
  62. text-align:center;
  63. }
  64.  
  65. h1 a {
  66. color:{color:accent};
  67. font-family: 'Montserrat', sans-serif;
  68. font-size:24px;
  69. line-height:100%;
  70. text-align:center;
  71. }
  72.  
  73. h2 {
  74. color:{color:accent};
  75. font-family: 'Montserrat', sans-serif;
  76. font-size:18px;
  77. }
  78.  
  79. b {
  80. font-weight:bold;
  81. color:{color:accent};
  82. font-family: 'Montserrat', sans-serif;
  83. }
  84.  
  85. blockquote {
  86. border-left:2px solid #ccc;
  87. padding-left:4px;
  88. }
  89.  
  90. h3 {
  91. font-size:15px;
  92. font-style:italic;
  93. text-align:center;
  94. letter-spacing:2px;
  95. }
  96.  
  97. a {
  98. color:{color:accent};
  99. font-family: 'Montserrat', sans-serif;
  100. text-decoration:none;
  101. font-size:12px;
  102. -moz-transition-duration: 0.5s;
  103. -o-transition-duration: 0.5s;
  104. -webkit-transition-duration: 0.5s;
  105. transition-duration: 0.5s;
  106. font-weight:bold;
  107. }
  108.  
  109. a:hover {
  110. -moz-transition-duration: 0.5s;
  111. -o-transition-duration: 0.5s;
  112. -webkit-transition-duration: 0.5s;
  113. transition-duration: 0.5s;
  114. font-size:12px;
  115. color:#fff;
  116. }
  117.  
  118. #container {
  119. width:800px;
  120. margin-left:0px;
  121. margin-top:460px;
  122. }
  123.  
  124. #sidebar {
  125. width:100px;
  126. padding:20px;
  127. padding-bottom:10px;
  128. margin-left:360px;
  129. background-color:{color:bg};
  130. height:550px;
  131. margin-top:-27px;
  132. position:fixed;
  133. }
  134.  
  135.  
  136.  
  137. .linkys {
  138. text-align:center;
  139. width:100px;
  140. font-size:13px;
  141. line-height:1;
  142. margin-top:20px;
  143. }
  144.  
  145. .linkys a {
  146. font-size:10px;
  147. letter-spacing:3px;
  148. text-transform:uppercase;
  149. font-weight:normal;
  150. padding:4px;
  151. padding-left:5px;
  152. text-shadow:{color:darkeraccent} 0px 1px 1px;
  153. color:#ccc;
  154.  
  155. }
  156.  
  157. .description {
  158. width:80px;
  159. line-height:1;
  160. padding:5px;
  161. height:auto;
  162. padding-bottom:0px;
  163. font-size:9px;
  164. margin-left:7px;
  165. float:center;
  166. border-left:2px solid #ccc;
  167. padding-left:4px;
  168. margin-top:6px;
  169. }
  170.  
  171. .titleyo {
  172. font-size:10px;
  173. line-height:0.9;
  174. color:white;
  175. background-color:{color:accent};
  176. margin-top:-47px;
  177. margin-left:-20px;
  178. font-weight:bold;
  179. text-transform:uppercase;
  180. text-align:left;
  181. letter-spacing:1px;
  182. padding:6px;
  183. height:33px;
  184. width:128px;
  185. font-weight:100;
  186. font-family: arial;
  187. }
  188.  
  189. .headimg {
  190. background-image:url('{image:headerimg}');
  191. width:625px;
  192. margin-left:360px;
  193. z-index:1000;
  194. height:75px;
  195. background-size:contain;
  196. position:fixed;
  197. margin-top:-118px;
  198. }
  199.  
  200.  
  201. .pagination a {
  202. color:white;
  203. }
  204.  
  205. .postcol {
  206. width: 445px;
  207. border:solid 1px #ccc;
  208. padding:20px;
  209. position:relative;
  210. background-color:{color:bg};
  211. margin-left: 498px;
  212. height:510px;
  213. padding-right:20px;
  214. overflow:auto;
  215. margin-top:-330px;
  216.  
  217. }
  218.  
  219. .posts {
  220. margin-bottom: 0px;
  221. padding: 20px;
  222. padding-top:20px;
  223. background-color:white;
  224. margin-top:0px;
  225. }
  226.  
  227. .askerr {
  228. background-color:#eee;
  229. padding:12px;
  230. width:350px;
  231. margin-left:25px;
  232. }
  233.  
  234. .triangles {
  235. width: 0;
  236. height: 0;
  237. border-style: solid;
  238. border-width: 10px 10px 0 0;
  239. margin-top:-1px;
  240. margin-left:25px;
  241. border-color: #eee transparent transparent transparent;
  242. -webkit-transform:rotate(10deg)
  243.  
  244. }
  245.  
  246. .circlee {
  247. width:24px;
  248. height:24px;
  249. margin-top:10px;
  250. margin-left:-7px;
  251. position:absolute;
  252. border-radius:100%;
  253. }
  254.  
  255. .permalink {
  256. width:420px;
  257. background-color:{color:accent};
  258. padding:10px;
  259. color:white;
  260. margin-left:0px;
  261. margin-top:0px;
  262. font-size:9px;
  263. text-transform:lowercase;
  264. }
  265.  
  266. .permalink a {
  267. color:white;
  268. font-size:9px;
  269. }
  270.  
  271. .cover {
  272. position: relative;
  273. z-index: 1;
  274. width:110px;
  275. margin-top:00px;
  276. height:110px;
  277. border:7px solid #fff;
  278. background-size:contain;
  279. }
  280.  
  281. .playbutton {width: 20px;
  282. height: 22px;
  283. overflow: hidden;
  284. position: relative;
  285. background-color:#fff;
  286. z-index: 1000
  287. opacity:0.8;
  288. }
  289.  
  290. .playbox {
  291. background-color: #fff;
  292. position: relative;
  293. z-index: 1000;
  294. width:124px;
  295. height:25px;
  296. margin-left: 0px;
  297. opacity: 1;}
  298.  
  299.  
  300.  
  301. .chatter b {
  302. font-family:'consolas';
  303. color:{color:accent};
  304. font-weight:bold;
  305. }
  306.  
  307. .info {
  308. padding:10px;
  309. background-color:#eee;
  310. font-size:10px;
  311. width:400px;
  312. margin-left:0px;
  313. text-transform:lowercase;
  314. }
  315.  
  316. .info b {
  317. text-transform:lowercase;
  318. }
  319.  
  320.  
  321. .tags a {
  322. color:{color:darkeraccent};
  323. font-size:9px;
  324.  
  325. }
  326.  
  327. .coollyricswoo {
  328. color:white;
  329. text-shadow: {color:darkeraccent} -1px 2px 0px;
  330. font-size:30px;
  331. width:469px;
  332. margin-left:-21px;
  333. line-height:0.9;
  334. text-align:right;
  335. padding:9px;
  336. margin-top:-65px;
  337. background-color:{color:Accent};
  338. position:fixed;
  339. font-family: 'Montserrat', sans-serif;
  340. }
  341.  
  342. .coollyricswoo a {
  343. font-size:20px;
  344. }
  345.  
  346. .credit {
  347. font-size:11px;
  348. right:10px;
  349. bottom:2px;
  350. position:fixed;
  351. z-index:1000;
  352. }
  353.  
  354. .sbimg {
  355. border:7 solid white;
  356. width:100px;
  357. height:100px;
  358. margin-top:15px;
  359. position:fixed;
  360. background-size:contain;
  361. background-image:url('{image:sbimg1}');
  362.  
  363. }
  364.  
  365. .sbimg2 {
  366. border:7 solid white;
  367. width:100px;
  368. height:100px;
  369. margin-top:130px;
  370. position:fixed;
  371. background-image:url('{image:sbimg2}');
  372. background-size:contain;
  373.  
  374. }
  375.  
  376.  
  377. imga {
  378. -webkit-filter: grayscale(1);
  379. -webkit-filter: grayscale(100%);
  380. filter: grayscale(100%);
  381. filter: url(#greyscale);
  382. filter: gray;
  383. }
  384.  
  385.  
  386. </style>
  387. </head>
  388.  
  389. <body>
  390.  
  391. <div id="container"><div class="headimg"></div><div id="sidebar"><P>
  392. <center>
  393. <div class="titleyo">{Title}</div><BR>
  394. <div class="description">{Description}</div>
  395.  
  396. <div class="linkys"><a href="/">refresh</a> <P> <a href="/ask">message</a> <P> <a href="{text:link1}">rules</a> <P><a href="{text:link2}">muses</a> </div>
  397.  
  398. <div class="sbimg"></div>
  399.  
  400.  
  401. <div class="sbimg2"></div>
  402. </center>
  403.  
  404.  
  405.  
  406. </div></div>
  407.  
  408. <div class="postcol"><div class="coollyricswoo">{text:title2} {block:Pagination}<span class="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</span>
  409. {/block:Pagination}</div>
  410.  
  411. {block:Posts}
  412. <div class="posts">
  413.  
  414. <!-- {block:NoRebloggedFrom}
  415. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  416. {/block:NoRebloggedFrom} -->
  417.  
  418. {block:ContentSource}<!-- {SourceURL}
  419. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  420. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  421. {/block:ContentSource}
  422.  
  423.  
  424. {block:Text}
  425. {block:Title}<h1>{Title}</h1>{/block:Title}
  426. {Body}
  427. {/block:Text}
  428.  
  429. {block:Answer}<span class="circlee"><img src='{AskerPortraitURL-24}'></span>
  430. <div class="askerr">{Asker} whispered: {Question}</div><div class="triangles"></div>
  431. {Answer}
  432. {/block:Answer}
  433.  
  434. {block:Quote}
  435. <h1>{Quote}</h1>
  436. {block:Source}{Source}{/block:Source}
  437. {/block:Quote}
  438.  
  439. {block:Link}
  440. <a href="{URL}"><h1>{Name}</h1></a>
  441. {block:Description}{Description}{/block:Description}
  442. {/block:Link}
  443.  
  444. {block:Chat}
  445. {block:Title}<h1>{Title}</h1>{/block:Title}
  446. {block:Lines}<div class="chatter">{block:Label}<B>{Label}</B>{/block:Label}
  447. {Line}</div>{/block:Lines}<P>
  448. {/block:Chat}
  449.  
  450. {block:Photo}
  451. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  452. {block:Caption}{Caption}{/block:Caption}
  453. {/block:Photo}
  454.  
  455. {block:Photoset}
  456. {Photoset-400}
  457. {block:Caption}{Caption}{/block:Caption}
  458. {/block:Photoset}
  459.  
  460. {block:Video}
  461. {Video-400}
  462. {block:Caption}{Caption}{/block:Caption}
  463. {/block:Video}
  464.  
  465. {block:Audio}<table cellspacing="20px" class="info"><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  466. {block:AlbumArt}
  467. <img src="{AlbumArtURL}" class="cover">
  468. {/block:AlbumArt}
  469. </td><td>{block:TrackName}
  470. <div style="text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:2px; font-style:italic">{TrackName}</div>
  471. {block:Artist}
  472. {Artist}
  473. {/block:Artist}{/block:TrackName}
  474. <P>{block:Caption}{Caption}{/block:Caption}</td></tr>
  475. </table><P>
  476. {/block:Audio}
  477.  
  478. </div>
  479. <div class="permalink"><I>{block:Date}{TimeAgo}{/block:Date} &nbsp; <a href="{Permalink}">{NoteCount} NOTES</a> &nbsp; {block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}</I>
  480. </div><P><div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags} </div>
  481. <BR>{block:PostNotes}{PostNotes}{/block:PostNotes}
  482. {/block:Posts}
  483.  
  484. </div>
  485.  
  486.  
  487. </div>
  488.  
  489. <div class="credit"><a href="http://kitsunaye.tumblr.com">©</a></div>
  490.  
  491.  
  492. </body>
  493. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement