API tools faq
paste
Advertisement
sleepythemes

Page: MEDEINA

sleepythemes
Aug 30th, 2016
749
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.66 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. page: MEDEINA
  4. created by: shanny @sleepingtigers
  5.  
  6. please make sure credit is clear.
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  18.  
  19. <!-- TOOLTIP SCRIPT -->
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23. <script>
  24. (function($){
  25. $(document).ready(function(){
  26. $("a[title]").style_my_tooltips({
  27. tip_follows_cursor:true,
  28. tip_delay_time:90,
  29. tip_fade_speed:600,
  30. attribute:"title"
  31. });
  32. });
  33. })(jQuery);
  34. </script>
  35.  
  36.  
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. #s-m-t-tooltip {
  42. color:#000;
  43. font-weight:bold;
  44. font-family:times;
  45. font-size:8px;
  46. font-style:italic;
  47. text-transform:uppercase;
  48. letter-spacing:0px;
  49. word-spacing:2px;
  50. background-color:transparent;
  51. max-width:250px;
  52. padding:5px;
  53. margin:10px 15px 0px 10px;
  54. z-index:999999999999999999999999999999999999;
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. height:2px;
  59. width:0px;
  60. background:#fff;
  61.  
  62. }
  63. ::-webkit-scrollbar-thumb {
  64. background:#fff;
  65.  
  66. }
  67.  
  68.  
  69. body {
  70. color:#333;
  71. font-family: Helvetica, sans-serif;
  72. font-size:9px;
  73. background:#fff;
  74. margin:0px;
  75. }
  76.  
  77. a {
  78. color:#333;
  79. text-decoration:none;
  80. transition: 0.6s ease;
  81. -o-transition: 0.6s ease;
  82. -moz-transition: 0.6s ease;
  83. -webkit-transition: 0.6s ease;
  84. }
  85.  
  86.  
  87. h3 {
  88. font-size:7px;
  89. font-family:times;
  90. font-style:italic;
  91. letter-spacing:3px;
  92. text-transform:uppercase;
  93. padding:3px 5px 3px 5px;
  94. border:1px solid #f7f7f7;
  95. background-color:#f7f7f7;
  96. text-align:center;
  97. }
  98.  
  99. h4 {
  100. font-family:times;
  101. font-size:8px;
  102. font-style:italic;
  103. text-transform:uppercase;
  104. text-align:center;
  105. letter-spacing:3px;
  106. word-spacing:2px;
  107. border:1px solid #f7f7f7;
  108. padding:5px 0px 5px 0px;
  109. }
  110.  
  111. #center {
  112. width:390px;
  113. margin:100px auto;
  114. height:400px;
  115. }
  116.  
  117. #heading{
  118. width:390px;
  119. margin:auto;
  120. padding:0px;
  121. font-family:times;
  122. font-size:20px;
  123. font-style:italic;
  124. text-transform:uppercase;
  125. text-align:center;
  126. letter-spacing:1px;
  127. word-spacing:2px;
  128. }
  129.  
  130. #heading a{
  131. color:#ccc;
  132. }
  133.  
  134. /* T R B L */
  135.  
  136. #subhead{
  137. width:370px;
  138. margin:10px 0px 30px auto;
  139. padding:5px 10px 20px 10px;
  140. border-bottom:0px solid #f7f7f7;
  141.  
  142. font-family:times;
  143. font-size:8px;
  144. font-style:italic;
  145. text-transform:uppercase;
  146. text-align:center;
  147. letter-spacing:3px;
  148. word-spacing:2px;
  149. }
  150.  
  151. .biography {
  152. width:170px;
  153. height:10px;
  154. max-height:10px;
  155. overflow:auto;
  156. padding:5px 0px 5px 0px;
  157. margin:-24px 0px 0px -20px;
  158. border:1px solid #f7f7f7;
  159. font-weight:bold;
  160. font-family:times;
  161. font-size:8px;
  162. font-style:italic;
  163. text-transform:uppercase;
  164. text-align:center;
  165. letter-spacing:3px;
  166. word-spacing:2px;
  167. }
  168.  
  169.  
  170. .aboutone {
  171. width:170px;
  172. padding:0px 20px 15px 15px;
  173. margin:10px 0px 0px -36px;
  174. border-right:1px solid #f7f7f7;
  175. height:297px;
  176. overflow:auto;
  177. text-align:justify;
  178. line-height:150%;
  179. }
  180.  
  181. .picone {
  182. width:150px;
  183. height:150px;
  184. max-height:150px;
  185. padding:0px;
  186. margin:-342px 0px 0px 190px;
  187. border:0px solid #eee;
  188. overflow:hidden;
  189. }
  190. .picone img {
  191. width:147px;
  192. }
  193.  
  194. .psychbox {
  195. width:146px;
  196. height:167px;
  197. overflow:auto;
  198. border-left:0px solid #f7f7f7;
  199. padding:0px 20px 15px 15px;
  200. margin:10px 0px 0px 174px;
  201. text-transform:lowercase;
  202. text-align:center;
  203. line-height:150%;
  204. }
  205.  
  206.  
  207. /* NAV TAB */
  208.  
  209. .navileft {
  210. width:100%;
  211. height:100%;
  212. overflow:auto;
  213. }
  214.  
  215.  
  216. .navtitle {
  217. font-family:times;
  218. font-size:8px;
  219. font-style:italic;
  220. text-transform:uppercase;
  221. text-align:center;
  222. letter-spacing:3px;
  223. word-spacing:2px;
  224. border:1px solid #f7f7f7;
  225. }
  226.  
  227. h5 {
  228. width:45%;
  229. display:block;
  230. font-weight:normal;
  231. font-family:times;
  232. font-size:8px;
  233. font-style:italic;
  234. text-transform:uppercase;
  235. text-align:center;
  236. letter-spacing:3px;
  237. word-spacing:2px;
  238. border:1px solid #f7f7f7;
  239. padding:5px 0px 5px 0px;
  240. }
  241.  
  242. .navileft a {
  243. display:inline-block;
  244. text-align:center;
  245. color:#000;
  246. padding:0px 0px 5px 0px;
  247. margin:7px;
  248. border-bottom:1px solid #f7f7f7;
  249. background-color:#fff;
  250. width:45%;
  251. font-family:times;
  252. font-size:8px;
  253. font-style:italic;
  254. text-align:center;
  255. letter-spacing:3px;
  256. word-spacing:2px;
  257. text-transform:lowercase;
  258. }
  259.  
  260. .blogroll {
  261. overflow:auto;
  262. height:100%;
  263. }
  264.  
  265. .blogroll img{
  266. width:50px;
  267. padding:5px;
  268. -webkit-filter: grayscale(50%);
  269. filter: grayscale(50%);
  270. }
  271.  
  272. ul#tab {list-style-type:none;margin:0px;padding:0px;}
  273. ul#tab li.active {display:block;}
  274. ul#tab li {
  275. display:none;
  276. height:300px;
  277. padding:36px;
  278. margin:0px;
  279. overflow:hidden;
  280. margin-top:5px;
  281. background:#fff;
  282. border:1px solid #eee;
  283. }
  284.  
  285. ul#tabs {
  286. list-style-type:none;
  287. margin:0px
  288. height:0px;
  289. padding:0px;
  290. background:#fff;
  291. overflow:hidden;
  292. text-align:left;
  293. }
  294.  
  295. ul#tabs li.active {
  296. font-weight:bold;
  297. font-style:none;
  298. }
  299. ul#tabs li:hover, ul#tabs li.active {
  300. color:#000;
  301. }
  302.  
  303. /* Tab Title */
  304. ul#tabs li {
  305. display:inline-block;
  306. font-family:times;
  307. font-size:8px;
  308. font-style:italic;
  309. text-align:center;
  310. letter-spacing:3px;
  311. word-spacing:2px;
  312. border:0px solid #f7f7f7;
  313. padding:5px 0px 5px 0px;
  314. text-transform:lowercase;
  315. color:#aaa;
  316. cursor:crosshair;
  317. margin:0px 5px 0px 5px;
  318. }
  319.  
  320.  
  321. ul#tabs li {width:calc(25% - 12px);}
  322.  
  323.  
  324. </style>
  325. </head>
  326. <body>
  327.  
  328.  
  329.  
  330. <div id="center">
  331.  
  332.  
  333. <div id="heading">
  334. <a href="/" title="return to main">but this is a thin dream</a>
  335. </div>
  336. <div id="subhead">
  337. this is a papery tree
  338. </div>
  339.  
  340.  
  341. <!-- If you want to rename your tab titles, do so here! -->
  342.  
  343. <ul id="tabs">
  344. <li class="active">about</li>
  345. <li>contact</li>
  346. <li>navigate</li>
  347. <li>blogroll</li>
  348. </ul>
  349.  
  350.  
  351.  
  352.  
  353. <ul id="tab">
  354.  
  355.  
  356. <!-- --><li class="active">
  357.  
  358. <div class="biography">
  359. prose & lemons
  360. </div>
  361.  
  362. <div class="aboutone">
  363. <!-- Place your biography or otherwise text here! -->
  364.  
  365.  
  366. Add your biography text here. Type as much as you'd like, as the box will continue to expand and is adjusted with a set height so that it will keep in proportion with the theme. <br>
  367.  
  368. <h4>title here</h4>
  369. To add a separate piece with it's own heading as shown above, simply close the title in heading four brackets and continue on! You're all cute and deserve all the sweetest treatment from the sun and all it has to offer.
  370.  
  371. <h4>dew & poppies</h4>
  372.  
  373. Now I'm kind of just adding a bunch of random things where you're going to have a lovely story or details written out. It's gonna look as sweet as you okay. Honestly you can use this page for just about anything you'd like, I just have it displayed as a biography.
  374.  
  375.  
  376. </div>
  377.  
  378.  
  379. <div class="picone">
  380.  
  381. <!-- Insert the URL of desired profile picture This photo is 150 x 150 px - so it would be wise to resize and edit before entering it. Anything larger will be cut. -->
  382.  
  383. <img src="https://67.media.tumblr.com/b846a3ab1bd2bc2328d058ee34f4d23b/tumblr_inline_ocqs3gHQGQ1qzk63j_540.png">
  384.  
  385. </div>
  386.  
  387.  
  388. <!-- DO NOT REMOVE ANY OF THE FOLLOWING DIV STYLES. THESE ARE SO THAT IF YOU CHOOSE TO WRITE A BIT BENEATH A SPECIFIC SECTION, IT WILL NOT TAKE UP THE ENTIRE HEART OF THE SCROLL. TY! -->
  389.  
  390. <div class="psychbox">
  391.  
  392. <h3>astrological sign</h3>
  393. <div style="max-height:50px; overflow:auto; text-align:justify">
  394. cancer. fourth sign of the zodiac; cardinal, northern, nocturnal, tenacious, intuitive, fruitful.
  395. </div>
  396.  
  397. <h3>mbti</h3>
  398. <div style="max-height:50px; overflow:auto; text-align:justify">
  399. INFP. personality stuff here. again type as much as you'd like, eventually it will fall into an invisible scroll so it won't take up much room!
  400. </div>
  401.  
  402. <h3>reading</h3>
  403. <div style="max-height:50px; overflow:auto; text-align:justify">
  404. <b>The Secret History</b> by donna tartt. <i>status:</i> 57 / 592.
  405. </div>
  406.  
  407. <h3>watching</h3>
  408. <div style="max-height:50px; overflow:auto; text-align:justify">
  409. <b>agents of shield</b> S2E3
  410. </div>
  411.  
  412. <h3>moral alignment</h3>
  413. <div style="max-height:50px; overflow:auto; text-align:justify">
  414. <b>neutral good.</b> moral alignment info here.
  415. </div>
  416. </div>
  417.  
  418. <!-- --> </li>
  419.  
  420.  
  421.  
  422. <!-- --><li>
  423.  
  424.  
  425. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  426.  
  427. <!-- --></li>
  428.  
  429.  
  430.  
  431. <!-- --><li>
  432.  
  433. <div class="navileft">
  434. <h5>title</h5>
  435. <a href="/" title="title here">link</a>
  436. <a href="/" title="title here">link</a>
  437. <a href="/" title="title here">link</a>
  438. <a href="/" title="title here">link</a>
  439. <a href="/" title="title here">link</a>
  440. <a href="/" title="title here">link</a>
  441.  
  442. <h5>title</h5>
  443. <a href="/" title="title here">link</a>
  444. <a href="/" title="title here">link</a>
  445. <a href="/" title="title here">link</a>
  446. <a href="/" title="title here">link</a>
  447.  
  448. <h5>title</h5>
  449. <a href="/" title="title here">link</a>
  450. <a href="/" title="title here">link</a>
  451. <a href="/" title="title here">link</a>
  452. <a href="/" title="title here">link</a>
  453. <a href="/" title="title here">link</a>
  454. <a href="/" title="title here">link</a>
  455.  
  456. </div>
  457.  
  458. <!-- --></li>
  459.  
  460.  
  461.  
  462. <!-- --><li>
  463.  
  464.  
  465. <div class="blogroll">
  466. <center>
  467.  
  468. <div id="content">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}' title=‘{FollowedTitle}’><img border='0' src='{FollowedPortraitURL-96}' /></a>{/block:Followed}{/block:Following}</div>
  469.  
  470. </center>
  471. </div>
  472.  
  473. <!-- --></li>
  474.  
  475. </ul>
  476. </div>
  477.  
  478. <!-- Please don't delete the credit unless clearly shown elsewhere. -->
  479.  
  480. <div style="float:right; margin:0px 15px 0px 0px; font-weight:bold;"><a href="http://sleepingtigers.tumblr.com">ST</a></div>
  481.  
  482. </body>
  483. </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!