API tools faq
paste
Advertisement
babesthetique

collab theme1 (not done)

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