API tools faq
paste
Advertisement
babesthetique

Blue Babe

babesthetique
Jun 14th, 2015
389
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-------------------------------------------
  5. Blue Babe
  6.  
  7. Theme by - babesthetique.
  8. Please do not steal any of our codes we work
  9. hard on these themes. Tweak as much as you'd
  10. like but DO NOT! remove any credits.
  11.  
  12. base theme by - Farahmir
  13.  
  14. -------------------------------------------->
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!-- color -->
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Post Background" content="#3ebcc1"/>
  24. <meta name="color:Text" content="#ffffff"/>
  25. <meta name="color:Link" content="#106062"/>
  26. <meta name="color:Title" content="#106062"/>
  27. <meta name="color:Sidebar Hovers" content="#3ebcc1"/>
  28. <meta name="color:Borders" content="#86eaed"/>
  29. <meta name="color:Scrollbar" content="#3ebcc1"/>
  30. <meta name="color:Scrollbar Bg" content="#ffffff"/>
  31.  
  32. <!-- images -->
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Sidebar Image" content=""/>
  35.  
  36. <!-- text -->
  37. <meta name="text:Link 1 URL" content="" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 URL" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3 URL" content="" />
  42. <meta name="text:Link 3" content="" />
  43. <meta name="text:Hover 1" content="" />
  44. <meta name="text:Hover 2" content="" />
  45. <meta name="text:Hover 3" content="" />
  46. <meta name="text:Hover 4" content="" />
  47. <meta name="text:Hover 5" content="" />
  48.  
  49. <!-- jquery for tooltips-->
  50.  
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!--CSS customization here. -->
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90. ::-webkit-scrollbar {background-color:{color:Scrollbar Bg}; height:8px; width:3px}
  91. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:3px}
  92. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  93.  
  94. @font-face {font-family: "starlight"; src: url('https://dl.dropboxusercontent.com/s/tfmx8gjo55fld28/starlight.ttf?dl=1'); format("truetype");}
  95.  
  96. @font-face {font-family: "zona"; src: url('https://dl.dropboxusercontent.com/s/cd5hmq5f5zxrq8l/ZonaPro-Thin.otf?dl=1'); format("truetype");}
  97.  
  98. @font-face {font-family: "skinny"; src: url('https://dl.dropboxusercontent.com/s/9mwsj1dnrcqr4lq/Skinny-Regular.ttf?dl=1'); format("truetype");}
  99.  
  100. #s-m-t-tooltip{
  101. position:absolute;
  102. margin-top: 15px;
  103. margin-left: 20px;
  104. z-index:9999;
  105. background:{color:background};
  106. padding:6px;
  107. border:1px dashed {color:Post Background};
  108. font-size:8px;
  109. color:{color:link};
  110. }
  111.  
  112.  
  113.  
  114. /*basics*/
  115. blockquote {
  116. padding:5px 0 5px 15px;
  117. border-left:2px solid {color:text};
  118. margin-left:30px;
  119. }
  120.  
  121. blockquote img {
  122. max-width:200px !important;
  123.  
  124. }
  125.  
  126. blockquote blockquote img {
  127. max-width:150px !important;
  128.  
  129. }
  130.  
  131. body {
  132. background-image:url('{image:Background}');
  133. background-repeat:repeat;
  134. background-attachment: fixed;
  135. background-color:{color:background};
  136. background-position: bottom right;
  137. margin: 0;
  138. font-family:arial;
  139. font-size:11px;
  140. text-align:justify;
  141. line-height:16px;
  142. color:{color:text};
  143.  
  144. }
  145.  
  146. a {
  147. color:{color:link};
  148. text-decoration:none;
  149. }
  150.  
  151. a:hover {
  152. text-decoration:underline;
  153.  
  154. }
  155.  
  156. img {
  157. border:none;
  158. text-decoration:none;
  159. }
  160.  
  161. small {
  162. font-size:9px;
  163.  
  164. }
  165.  
  166. big {
  167. font-size:12px;
  168.  
  169. }
  170.  
  171.  
  172. #title {
  173. font-size:20px;
  174. line-height:18px;
  175. font-weight:bold;
  176. margin-bottom:-10px;
  177. text-transform:uppercase;
  178. text-align:center;
  179. letter-spacing:2px;
  180. font-family:skinny;
  181. }
  182.  
  183.  
  184. /*sidebar*/
  185. #sidebar {
  186. text-align:left;
  187. position:fixed;
  188. margin-left:-450px;
  189. margin-top:250px;
  190. width:360px;
  191. }
  192.  
  193.  
  194. #sidebarim {
  195. margin-top:-110px;
  196. margin-bottom:10px
  197. border:6px double {color:Borders};
  198. }
  199.  
  200. #sidebarim img{
  201. height:125px;
  202. width:125px;
  203. }
  204.  
  205. .hover {
  206. position: relative;
  207. border:6px double {color:Borders};
  208. border-radius:0px 90px 90px;
  209. width:125px;
  210. height:125px;
  211. overflow: hidden;
  212. }
  213.  
  214. .hover div {
  215. width:125px;
  216. opacity:1;
  217. position: absolute;
  218. top:0;
  219. -webkit-transition: opacity .7s linear;
  220. -webkit-transition: all .7s linear;
  221. -moz-transition: all .7s linear;
  222. transition: all .7s linear;
  223. }
  224.  
  225. .hover div.slide{
  226. z-index:1000;
  227. }
  228.  
  229. .hover:hover div.slide {
  230. opacity:0;
  231. -webkit-transition: all .7s ease;
  232. -moz-transition: all .7s ease;
  233. -o-transition: all .7s ease;
  234. transition: all .7s ease;
  235. top:-150px;
  236. }
  237.  
  238. #sbline{
  239. position:fixed;
  240. background-color:transparent;
  241. margin-top:315px;
  242. margin-left:0px;
  243. width:100%;
  244. height:2px;
  245. border-bottom:6px double {color:Borders};
  246. }
  247.  
  248. #blogt {
  249. margin-top:-50px;
  250. margin-left:150px;
  251. font-size:35px;
  252. font-weight:bold;
  253. color:{color:Title};
  254. font-family:skinny;
  255. }
  256.  
  257. #links {
  258. margin-top:-57px;
  259. margin-left:-160px;
  260. line-height:16px;
  261. text-transform:uppercase;
  262. font-size:7px;
  263. font-family:starlight;
  264. }
  265.  
  266.  
  267. #links a {
  268. margin-right:5px;
  269. display:inline-block;
  270. margin-bottom:5px;
  271. }
  272.  
  273. #hovercon {
  274. position:fixed;
  275. margin-top:16px;
  276. margin-left:-165px;
  277. }
  278. #hover1 {
  279. position:fixed;
  280. margin-left:5px;
  281. background-color:{color:Sidebar Hovers};
  282. width:14px;
  283. height:14px;
  284. border-radius:90px 90px 0;
  285. }
  286. #hover2 {
  287. position:fixed;
  288. margin-left:35px;
  289. background-color:{color:Sidebar Hovers};
  290. width:14px;
  291. height:14px;
  292. border-radius:90px 90px 0;
  293. }
  294. #hover3 {
  295. position:fixed;
  296. margin-left:65px;
  297. background-color:{color:Sidebar Hovers};
  298. width:14px;
  299. height:14px;
  300. border-radius:90px 90px 0;
  301. }
  302. #hover4 {
  303. position:fixed;
  304. margin-left:97px;
  305. background-color:{color:Sidebar Hovers};
  306. width:14px;
  307. height:14px;
  308. border-radius:90px 90px 0;
  309. }
  310. #hover5 {
  311. position:fixed;
  312. margin-left:129px;
  313. background-color:{color:Sidebar Hovers};
  314. width:14px;
  315. height:14px;
  316. border-radius:90px 90px 0;
  317. }
  318.  
  319. #description {
  320. overflow:auto;
  321. border-radius:0px 90px 90px;
  322. background-color:{color:Post Background};
  323. margin-left:-4px;
  324. padding:3px;
  325. width:125px;
  326. height:120px;
  327. z-index:-9999999
  328. text-align:left;
  329.  
  330. }
  331.  
  332. /*pagination*/
  333. #pagination {
  334. margin:50px 0;
  335. text-transform:lowercase;
  336. font-weight:bold;
  337. }
  338. #pagination a {
  339. padding:0 15px;
  340. }
  341.  
  342. /*container*/
  343. #con {
  344. left:60%;
  345. margin-left:-50px;
  346. position:absolute;
  347. }
  348.  
  349.  
  350. /*posts*/
  351.  
  352. #entries {
  353. margin-left:-90px;
  354. margin-top:75px;
  355. width:250px;
  356. }
  357.  
  358. #posts {
  359. border:2px solid {color:Borders};
  360. padding:7px;
  361. background:{color:Post Background};
  362. width:250px;
  363. {block:IndexPage}
  364. margin-bottom:75px;
  365. {/block:IndexPage}
  366. {block:PermalinkPage}
  367. margin-bottom:50px;
  368. {/block:PermalinkPage}
  369.  
  370. }
  371. #posts img {
  372. max-width:250px;
  373. }
  374.  
  375. #posts img, #posts li, #posts blockquote {
  376. max-width: 100%;
  377.  
  378. }
  379. .caption {
  380. width:100%;
  381. margin-top:10px;
  382.  
  383. }
  384.  
  385. /*quote*/
  386.  
  387. #titlequote{
  388. text-align:left;
  389. font-size:14px;
  390. line-height:18px;
  391. font-weight:bold;
  392. }
  393. #source {
  394. margin-top:15px;
  395. margin-left:15px;}
  396.  
  397. /*audio*/
  398.  
  399. .player {
  400. width:25px;
  401. height:25px;
  402. overflow:hidden;
  403. position:absolute;
  404. background:white;}
  405.  
  406. .audioinfo {
  407. margin-left:50px;
  408. }
  409.  
  410.  
  411. /*asks*/
  412. .q {
  413. margin-bottom:10px;
  414. }
  415. .as {
  416. font-weight:bold;
  417.  
  418. }
  419.  
  420. .a {
  421. margin-top:10px;
  422. }
  423.  
  424.  
  425. /*chat*/
  426.  
  427. .chat ol {
  428. padding:0;
  429. list-style:none;
  430. }
  431. .line {
  432. padding:5px 0;
  433.  
  434. }
  435.  
  436. .label {
  437. font-weight:bold;
  438. }
  439.  
  440.  
  441. /*permalink and notes*/
  442.  
  443. #permalink {
  444. margin-bottom:-5px;
  445. margin-top:5px;
  446. font-size:8px;
  447. text-transform:uppercase;
  448. font-family:starlight;
  449. }
  450. #permalink a {
  451. margin-right:10px;
  452. }
  453.  
  454.  
  455. .tags {
  456. word-break:break-all;
  457. font-size:9px;
  458. }
  459.  
  460. .pagenotes {
  461. {block:IndexPage}
  462. display: none!important;
  463. {/block:IndexPage}
  464. width:400px;
  465. text-align:left;
  466.  
  467. }
  468.  
  469. .pagenotes img {
  470. display:none!important;
  471.  
  472. }
  473.  
  474. .pagenotes li {
  475. list-style-type:none;
  476. padding:5px 0px;
  477. text-align:left;
  478. margin:0 0 0 -40px;
  479. }
  480.  
  481.  
  482.  
  483.  
  484. {CustomCSS}
  485.  
  486.  
  487. </style>
  488.  
  489.  
  490.  
  491. </head>
  492.  
  493. <body>
  494.  
  495. <div id="sbline"></div>
  496.  
  497. <div id="con">
  498. <div id="sidebar">
  499.  
  500. <div class="hover">
  501. <div class="slide"><a href="/"><img src="{image:Sidebar Image}" width=125px height=125px style="border-radius:0px 90px 90px"></a></div>
  502. <br>
  503. <div id="description"><center><br><br>{Description}</div>
  504. </div>
  505. <div id="blogt">{Title}</div>
  506. <div id="links">
  507. <a href="/">home</a>
  508. <a href="/ask">ask</a>
  509. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  510. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  511. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  512. </div>
  513. <div id="hovercon">
  514. <a title="{text:Hover 1}"><div id="hover1"></div></a>
  515. <a title="{text:Hover 2}"><div id="hover2"></div></a>
  516. <a title="{text:Hover 3}"><div id="hover3"></div></a>
  517. <a title="{text:Hover 4}"><div id="hover4"></div></a>
  518. <a title="{text:Hover 5}"><div id="hover5"></div></a>
  519. </div>
  520.  
  521. </div>
  522.  
  523.  
  524.  
  525.  
  526. <div id="entries">
  527.  
  528. {block:Posts}
  529. <div id="posts">
  530.  
  531.  
  532. {block:Quote}
  533.  
  534.  
  535. <div id="titlequote">“{Quote}”</div>
  536. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  537. {/block:Quote}
  538.  
  539.  
  540.  
  541. {block:Text}
  542.  
  543. {block:Title}
  544. <div id="title">{Title}</div>{/block:Title}
  545. {Body}
  546. {/block:Text}
  547.  
  548. {block:Link}
  549. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  550. {/block:Link}
  551.  
  552. {block:Chat}
  553. {block:Title}
  554. <h1>{Title}</h1>
  555. {/block:Title}
  556. <div class="chat">
  557. <ol>{block:Lines}
  558. <li class="line {Alt}">
  559. {block:Label}
  560. <span class="label">
  561. {Label}</span>
  562. {/block:Label}{Line}</li>
  563. {/block:Lines}
  564. </ol></div>
  565. {/block:Chat}
  566.  
  567. {block:Photo}
  568. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
  569. {/block:Photo}
  570.  
  571. {block:Photoset}
  572. {Photoset-250}
  573. {/block:Photoset}
  574.  
  575. {block:Video}
  576. {Video-250}
  577. {/block:Video}
  578.  
  579. {block:Audio}
  580. <div class="player">{AudioPlayerWhite}</div>
  581. <div class="audioinfo">
  582. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  583. </div>
  584. {/block:Audio}
  585.  
  586. {block:Answer}
  587. <div class="q">
  588. <div class="as">{Asker} said: </div>
  589. {Question}</div>
  590. <div class="a">{Answer}</div>
  591. {/block:Answer}
  592.  
  593.  
  594. {block:Date}
  595.  
  596. <div id="permalink">
  597.  
  598. <a href="{Permalink}" title=" {12Hour}:{Minutes} {CapitalAmPm} on {ShortMonth} {DayOfMonth}, {Year}">date</a>
  599.  
  600. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  601.  
  602. <a href="{ReblogParentURL}"title="{ReblogParentName}">
  603. <div style="float:right;"><a href="{ReblogURL}" target="_blank">reblog</a>
  604. </div>
  605.  
  606. {block:NoteCount}<div style="float:right;"><a href="{Permalink}">{NoteCount}</a></div>{/block:NoteCount}
  607.  
  608. {block:HasTags}<a title="{block:Tags} #{Tag}{/block:Tags}">tags</a>{/block:HasTags}
  609.  
  610. </div>
  611.  
  612.  
  613. {/block:Date}
  614.  
  615.  
  616. </div>
  617.  
  618.  
  619. {block:PostNotes}
  620. <div class="pagenotes">
  621. {PostNotes}
  622. </div>
  623. {/block:PostNotes}
  624.  
  625.  
  626. {/block:Posts}
  627.  
  628. <div id="pagination">
  629. {block:Pagination}
  630. {block:PreviousPage}
  631. <a href="{PreviousPage}">&larr; previous </a>
  632. {/block:PreviousPage}
  633.  
  634.  
  635. {block:NextPage}
  636. <a href="{NextPage}">next &rarr;</a>
  637. {/block:NextPage}
  638. {/block:Pagination}
  639. </div>
  640.  
  641.  
  642.  
  643. </div>
  644.  
  645. </div>
  646.  
  647.  
  648. {block:ContentSource}
  649. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  650. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  651. {/block:SourceLogo}
  652. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  653. {/block:ContentSource}
  654.  
  655. <a style="position:fixed;bottom:20px;right:20px;" href="http://babesthetique.tumblr.com" title="theme by babesthetique">babes</a>
  656.  
  657. </body></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!