Advertisement
babesthetique

in my arms

Jul 10th, 2015
518
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.31 KB | None | 0 0
  1. <!DOCTYPE>
  2.  
  3. <!--------------------------------------------------------------
  4.  
  5. in my arms.
  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 - louerry
  13.  
  14. ---------------------------------------------------------->
  15.  
  16. <html>
  17. <head>
  18.  
  19.  
  20. <meta name="color:background" content="#FBE4FE">
  21. <meta name="color:description" content="#EDEDED">
  22. <meta name="color:link" content="#E6E4E4">
  23. <meta name="color:hover" content="#454545">
  24. <meta name="color:text" content="#9A9A9A">
  25. <meta name="color:tags" content="#EDEDED">
  26. <meta name="color:scrollbar bg" content="#D6D5D5">
  27. <meta name="color:scrollbar" content="#D6D5D5">
  28. <meta name="color:sidebar border" content="#FAFAFA">
  29. <meta name="color:blog border" content="#000000"/>
  30. <meta name="color:blog border" content="#000000"/>
  31. <meta name="color:blog border" content="#000000"/>
  32. <meta name="color:blog border" content="#000000"/>
  33. <meta name="color:tooltip background" content="#000000"/>
  34. <meta name="color:tooltip text" content="#000000"/>
  35.  
  36. <meta name="image:sidebar" content="http://static.tumblr.com/615f0934fccbe2c29d1438332ed5c2a8/4anrclx/PMOnqhm7w/tumblr_static_afitmcka0jcws480co4oosk8c.jpg"/>
  37. <meta name="image:background image" content="http://static.tumblr.com/00470b7eb0e2daaa896a94d264bc9171/4anrclx/3ISnqhlob/tumblr_static_cnda3sx6y0ow4gwwsww4w44kc.jpg"/>
  38.  
  39. <meta name="text:link1" content="">
  40. <meta name="text:link1 url" content="/">
  41. <meta name="text:link2" content="">
  42. <meta name="text:link2 url" content="/">
  43. <meta name="text:link3" content="">
  44. <meta name="text:link3 url" content="/">
  45. <meta name="text:link4" content="">
  46. <meta name="text:link4 url" content="/">
  47. <meta name="text:link5" content="">
  48. <meta name="text:link5 url" content="/">
  49. <meta name="text:asker text" content="mumbled">
  50.  
  51. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  52. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53. <link rel="shortcut icon" href="{Favicon}" />
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  57.  
  58. <!-- start of script tooltip -->
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60.  
  61. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script>
  64.  
  65. (function($){
  66.  
  67. $(document).ready(function(){
  68.  
  69. $("a[title]").style_my_tooltips({
  70.  
  71. tip_follows_cursor:true,
  72.  
  73. tip_delay_time:90,
  74.  
  75. tip_fade_speed:600,
  76.  
  77. attribute:"title"
  78.  
  79. });
  80.  
  81. });
  82.  
  83. })(jQuery);
  84.  
  85. </script>
  86.  
  87. <!-- end of script tooltip -->
  88.  
  89. <style type="text/css">
  90. #s-m-t-tooltip {
  91.  
  92. max-width:300px;
  93. background-color:{color:tooltip background};
  94. border:1px solid {color:tooltip text};
  95. font-family:Calibri;
  96. font-size:10px;
  97. color:{color:tooltip text};
  98. letter-spacing:1px;
  99. text-transform:lowercase;
  100. padding:3px;
  101. margin:20px 0px 0px 20px;
  102. z-index:9999999999999999999999;
  103. border-radius: 2px;
  104.  
  105. }
  106.  
  107. #top{position:fixed;left:0px;top:0;width:100%;height:35px;background:{color:blog border};z-index:6;}
  108. #bottom{position:fixed;left:0px;bottom:0;width:100%;height:35px;background:{color:blog border};z-index:6;}
  109. #left{position:fixed;left:0px;bottom:0;height:100%;width:35px;background:{color:blog border};z-index:6;}
  110. #right{position:fixed;right:0px;bottom:0;height:100%;width:35px;background:{color:blog border};z-index:6;}
  111.  
  112. a {
  113. color:{color:link};
  114. text-decoration:none;
  115. -moz-transition-duration:0.6s;
  116. -webkit-transition-duration:0.6s;
  117. -o-transition-duration:0.6s;
  118. }
  119.  
  120. a:hover {
  121. color:{color:hover};
  122. text-decoration:none;
  123. -moz-transition-duration:0.6s;
  124. -webkit-transition-duration:0.6s;
  125. -o-transition-duration:0.6s;
  126. }
  127.  
  128. ::-webkit-scrollbar {background-color:{color:scrollbar bg}; height:8px; width:8px}
  129. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  130. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  131.  
  132.  
  133. body {
  134. background-color:{color:background};
  135. background-image:url('{image:Background Image}');
  136. background-repeat:repeat;
  137. background-attachment:fixed;
  138. background-position:left top;
  139. font-family:Calibri;
  140. font-weight:normal;
  141. }
  142.  
  143. h1 {
  144. font-weight:normal;
  145. font-size:10px;
  146. text-align:center;
  147. font-style:normal;
  148. line-height:80%;
  149. letter-spacing:1px;
  150. text-transform:lowercase;
  151. color:{color:text};
  152. }
  153.  
  154. h2 {
  155. font-size:15px;
  156. text-align:center;
  157. line-height:100%;
  158. letter-spacing:-0.5px;
  159. color:{color:text};
  160. font-weight:normal;
  161. padding:5px;
  162. padding-bottom:2px;
  163. }
  164.  
  165. blockquote {
  166. border-left:2px solid {color:text};
  167. padding-left:5px;
  168. margin:5px;
  169. border-radius:6px;
  170. }
  171.  
  172.  
  173. #theme {
  174. background-color:{color:background};
  175. width:700px;
  176. margin: 0 auto -12px auto;
  177. text-align: center;
  178. }
  179.  
  180. #sidebar {
  181. color:{color:text};
  182. font-family: 'Orbitron', sans-serif;
  183. position:fixed;
  184. width:150px;
  185. height:auto;
  186. margin-top:180px;
  187. text-align:left;
  188. position:fixed;
  189. bottom:40px;left:60px;
  190. }
  191.  
  192. #sidebar img {
  193. width:150px;
  194. height:150px;
  195. margin-bottom:10px;
  196. border:2px dotted {color:sidebar border};
  197. moz-border-radius-bottomright: 100px;
  198. border-bottom-right-radius: 100px;
  199. -moz-border-radius-topleft: 100px;
  200. border-top-left-radius: 100px;
  201. -moz-border-radius-bottomleft: 100px;
  202. border-bottom-left-radius: 100px;
  203. -moz-border-radius-topright: 100px;
  204. border-top-right-radius: 100px;
  205. }
  206.  
  207.  
  208. .links {
  209. margin-bottom:10px;
  210. font-size:12px;
  211. text-transform:lowercase;
  212. text-align:center;
  213. letter-spacing:2px;
  214. line-height:170%;
  215. }
  216.  
  217. .links a{
  218. padding:3px;
  219. color:{color:link};
  220. letter-spacing:0px;
  221. text-decoration:none;
  222. -moz-transition-duration:1s;
  223. -webkit-transition-duration:1s;
  224. -o-transition-duration:1s;
  225. }
  226.  
  227. .links a:hover{
  228. color:{color:hover};
  229. -moz-transition-duration:1s;
  230. -webkit-transition-duration:1s;
  231. -o-transition-duration:1s;
  232. }
  233.  
  234. .desc {
  235. margin-bottom:10px;
  236. text-align:center;
  237. font-size:10px;
  238. color:{color:description};
  239. letter-spacing:1px;
  240. line-height:150%;
  241. width: 150px;
  242. height:60px;
  243. overflow:auto;
  244. }
  245.  
  246. .desc a {
  247. color:{color:link};
  248. }
  249.  
  250. .pagi {
  251. font-size:15px;
  252. text-transform:uppercase;
  253. letter-spacing:3px;
  254. font-style:normal;
  255. text-align:center;
  256. }
  257.  
  258. .pagi a {
  259. color:{color:link};
  260. }
  261.  
  262. #stuffcontainer {
  263. float:left;
  264. margin-left:120px;
  265. margin-top:0px;
  266. margin-bottom:30px;
  267. text-align:justify;
  268. background-color:{color:blog border};
  269. color:{color:text};
  270. margin-bottom: 35px;
  271. }
  272.  
  273. #stuff {
  274. width:250px;
  275. margin-top:75px;
  276. text-align:justify;
  277. font-size:11px;
  278. line-height:90%;
  279. letter-spacing:0x;
  280. color:{color:text};
  281. }
  282.  
  283. .caption {
  284. width:250px;
  285. text-align:justify;
  286. line-height:120%;
  287. }
  288.  
  289. /**Ask Posts**/
  290.  
  291. .ask {
  292. padding:10px;
  293. text-align:center;
  294. color:{color:asktext};
  295. background-color:{color:infobg};
  296. }
  297.  
  298. .ans {
  299. text-align:left;
  300. padding:5px;
  301. color:{color:text};
  302. }
  303.  
  304. /**Audio Posts**/
  305.  
  306. .audio {
  307. height:60px;
  308. padding:5px;
  309. margin-bottom:55px;
  310. }
  311.  
  312. .audio-album {
  313. position:absolute;
  314. width:110px;
  315. -webkit-transition: opacity 0.6s linear;
  316. opacity: 1;
  317. }
  318.  
  319. .audio-player {
  320. opacity:1;
  321. filter:alpha(opacity=90);
  322. width:25px;
  323. height:25px;
  324. overflow:hidden;
  325. position:absolute;
  326. border:30px;
  327. z-index:2;
  328. margin-left:43px;
  329. margin-top:43px;
  330. opacity:0;
  331. -webkit-transition: all 0.6s ease-out;
  332. -o-transition: all 0.6s ease-out;
  333. -webkit-transition: all 0.6s ease-out;
  334. -moz-transition: all 0.6s ease-out;
  335. }
  336.  
  337. .audio-info {
  338. margin-top:7px;
  339. position:relative;
  340. margin-left:120px;
  341. line-height:180%;
  342. padding:2px;
  343. }
  344.  
  345. .audio:hover .audio-player {
  346. opacity:.6;
  347. -webkit-transition: all 0.6s ease-out;
  348. -o-transition: all 0.6s ease-out;
  349. -webkit-transition: all 0.6s ease-out;
  350. -moz-transition: all 0.6s ease-out;
  351. }
  352.  
  353. /**Chat Posts**/
  354.  
  355. ul.chat, .chat ol, .chat li {
  356. list-style:none;
  357. margin:0px;
  358. padding:2px;
  359. }
  360.  
  361. .label {
  362. text-decoration:bold;
  363. font-weight:700;
  364. margin-right:5px;
  365. }
  366.  
  367. /**Post Info, Notes**/
  368.  
  369. #postinfo {
  370. width:244px;
  371. padding:3px;
  372. font-family: 'Orbitron', sans-serif;
  373. font-size:9px;
  374. color:{color:link};
  375. text-transform:lowercase;
  376. font-style:normal;
  377. letter-spacing:2px;
  378. text-align:center;
  379. -moz-transition-duration:0.5s;
  380. -webkit-transition-duration:0.5s;
  381. -o-transition-duration:0.5s;
  382. }
  383.  
  384. #postinfo a {
  385. color:{color:link};
  386. text-align:center;
  387. letter-spacing:1px;
  388. font-family: 'Orbitron', sans-serif;
  389. font-style:normal;
  390. }
  391.  
  392. #postinfo a:hover {
  393. color:{color:hover};
  394. }
  395.  
  396. #tags {
  397. text-align:center;
  398. font-size:10px;
  399. font-family: 'Orbitron', sans-serif;
  400. }
  401.  
  402. .note {
  403. text-transform:lowercase;
  404. font-style:normal;
  405. letter-spacing:0px;
  406. font-size: 9px;
  407. text-align:left;
  408. line-height:90%;
  409. margin-left:-20px;
  410. padding-bottom:-10px;
  411. }
  412.  
  413. .note li {
  414. list-style-type:none;
  415. padding:10px 25px 10px 25px;
  416. text-align:left;
  417. margin:0px;
  418. -moz-transition-duration:0.5s;
  419. -webkit-transition-duration:0.5s;
  420. -o-transition-duration:0.5s;
  421. }
  422.  
  423. #credit {
  424. position:fixed;
  425. font-size:10px;
  426. font-weight:normal;
  427. line-height:150%;
  428. letter-spacing:2px;
  429. right:10px;
  430. bottom:10px;
  431. text-transform:uppercase;
  432. text-align:center;
  433. }
  434.  
  435. #credit a {
  436. padding:3px;
  437. color:{color:link};
  438. background-color:{color:background};
  439. -moz-transition-duration:0.5s;
  440. -webkit-transition-duration:0.5s;
  441. -o-transition-duration:0.5s;
  442. }
  443.  
  444. img {
  445. max-width:100%;
  446. height:auto;
  447. }
  448.  
  449. {CustomCSS}
  450.  
  451. </style></head>
  452.  
  453. <body>
  454.  
  455. <div id="top"></div>
  456. <div id="right"></div>
  457. <div id="left"></div>
  458. <div id="bottom"></div>
  459. <div id="theme">
  460. <div id="sidebar">
  461. <img src="{image:sidebar}">
  462. <div class="links">
  463. {block:IfLink1}
  464. <a href="{text:link1 url}">{text:link1}</a>
  465. {/block:IfLink1}
  466. {block:IfLink2}
  467. <a href="{text:link2 url}">{text:link2}</a>
  468. {/block:IfLink2}
  469. {block:IfLink3}
  470. <a href="{text:link3 url}">{text:link3}</a>
  471. {/block:IfLink3}
  472. {block:IfLink4}
  473. <a href="{text:link4 url}">{text:link4}</a>
  474. {/block:IfLink4}
  475. {block:IfLink5}
  476. <a href="{text:link5 url}">{text:link5}</a>
  477. {/block:IfLink5}
  478. </div>
  479. <div class="desc">
  480. {Description}
  481. </div>
  482. {block:Pagination}
  483. <div class="pagi">
  484. {block:PreviousPage}
  485. <a href="{PreviousPage}">←</a>
  486. {/block:PreviousPage}
  487. {block:NextPage}
  488. <a href="{NextPage}">→</a>
  489. {/block:NextPage}
  490. </div>
  491. {/block:Pagination}
  492. </div>
  493.  
  494. <div id="stuffcontainer">
  495.  
  496. {block:Posts}
  497.  
  498. <div id="stuff">
  499.  
  500. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  501.  
  502. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  503.  
  504. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  505. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  506.  
  507. {block:Photo}<center><img src="{PhotoURL-250}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  508.  
  509. {block:Photoset}<center>{Photoset-250}</center>
  510. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  511.  
  512. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  513.  
  514. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  515.  
  516. {block:Answer}<div class="ask"><i>{Asker} {text:asker text}</i> {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  517.  
  518. {block:Audio}
  519. <div class="audio">
  520. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  521. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  522.  
  523. <div class="audio-info">
  524. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  525. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  526. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  527. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  528. </div></div>
  529. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  530. {/block:Audio}
  531.  
  532. <div id="postinfo">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} + <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</div>
  533. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  534. </div>
  535. {/block:Posts}
  536.  
  537. {block:PostNotes}
  538. {PostNotes}
  539. {/block:PostNotes}
  540.  
  541. </div>
  542.  
  543. <a style="position:fixed;bottom:40px;right:40px;" href="http://babesthetique.tumblr.com" title="theme by babesthetique">b a b e s</a>
  544.  
  545. </div>
  546. </div>
  547. </div>
  548. </body>
  549. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement