Advertisement
Guest User

Theme

a guest
Apr 16th, 2013
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.87 KB | None | 0 0
  1. <!--Medicine // 7 by vanityoceans. keep credit in your faq. thanks!-->
  2.  
  3. <html lang="en">
  4. <head>
  5. <meta name="color:Background" content="#eeeeee"/>
  6. <meta name="color:Title" content="#aaa"/>
  7. <meta name="color:Text" content="#aaa"/>
  8. <meta name="color:Link" content="#aaa"/>
  9. <meta name="color:scrollbar" content="#ddd"/>
  10. <meta name="color:Hover" content="#000"/>
  11. <meta name="image:Background" content=""/>
  12. <meta name="image:sidebar" content=""/>
  13. <meta name="color:strip color" content="#ddd" />
  14. <meta name="text:stat1" content="online user code goes here"/>
  15. <meta name="text:stat2" content="hit count code goes here"/>
  16. <meta name="text:stat3" content="Theme best viewed on google chrome"/>
  17. <meta name="text:stat4" content="I have been logging since 2009'"/>
  18. <meta name="color:sidebar background" content="#eee"/>
  19. <meta name="text:about" content="About the blogger"/>
  20. <meta name="text:stats" content="Statistic & Quote"/>
  21. <meta name="text:links" content="My links & Music"/>
  22. <meta name="text:quote" content="quote goes here"/>
  23. <meta name="text:Link One Title" content="refresh this page" />
  24. <meta name="text:Link One" content="" />
  25. <meta name="text:Link Two Title" content="ask me anything"/>
  26. <meta name="text:Link Two" content="" />
  27. <meta name="text:Link Three Title" content="all of my links" />
  28. <meta name="text:Link Three" content="" />
  29. <meta name="text:Link Four Title" content="click for themes" />
  30. <meta name="text:Link Four" content="" />
  31. <meta name="text:quoted by" content="quoted by?" />
  32. <meta name="text:music player code" content="" />
  33. <meta name="text:playlist link"content="" />
  34. </script>
  35.  
  36. <style type="text/css">
  37. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  38. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  39. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  40. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/wt5v40t/q2Fme0ncp/wendy.ttf'); }
  41. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  42.  
  43. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  44.  
  45. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  46.  
  47. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eee; border-left: 1px solid #ddd; }
  48.  
  49. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-left: 1px solid
  50. #ddd; border-right: 1px solid #ddd; }
  51.  
  52. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  53.  
  54. body{
  55. margin:5px;
  56. background-color: {color:Background};
  57. background-image:url({image:Background});
  58. background-attachment: fixed;
  59. background-repeat: repeat;
  60. font-size: 8px;
  61. font-family: ronda;
  62. line-height:8px;
  63. color:{color:Text};
  64. }
  65. a:link, a:active, a:visited{
  66. color:{color:link};
  67. text-decoration: none;
  68. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  69. }
  70. a:hover {
  71. color:{color:hover};
  72. text-decoration: none;
  73. text-shadow:0px 0px 2px #000;
  74. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  75. }
  76. #anika{width:250px; height:auto;}
  77. {block:PermalinkPage}
  78. width:410px;
  79. {/block:PermalinkPage}
  80. }
  81. #center{
  82. padding-top:3px;
  83. padding-bottom:3px;
  84. position:fixed !important;
  85. width:250px;
  86. height:207px;
  87. background-color:white;
  88. {block:PermalinkPage}
  89. width:410px;
  90. height:207px;
  91. {/block:PermalinkPage}
  92. }
  93. #posts{
  94. float:center;
  95. {block:indexpage}
  96. width:1000px;
  97. {/block:indexpage}
  98. {block:permalinkpage}
  99. width:550px;
  100. {/block:permalinkpage}
  101. margin-left: 250px;
  102. margin-top: 180px;
  103. }
  104. #sidebar {
  105. position:fixed !important;
  106. width: 150px;
  107. height: auto;
  108. padding:10px;
  109. padding-right:472px;
  110. margin-top:-175px;
  111. margin-left: 253px;
  112. padding-left:10px;
  113. text-align: center;
  114. margin-bottom: 0px;
  115. background: #f7f7f7;
  116. z-index:99999999999999999;
  117. border:1px solid #ddd;
  118. }
  119. div#desc{
  120. position:fixed !important;
  121. opacity:1;
  122. background-color: #f7f7f7;
  123. padding:6px;
  124. color:{color:text};
  125. width: 210px;
  126. line-height:10px;
  127. border: 1px solid #ddd;
  128. height:156px;
  129. margin-top: -10px;
  130. padding-top:10px;
  131. margin-left: 160px;
  132. border-bottom:0px;
  133. border-top:0px;
  134. z-index:99999999999999999;
  135. font-family: calibri;
  136. font-size:10px;
  137. text-align: center;
  138. }
  139. div#desc2{
  140. position:fixed !important;
  141. opacity: 1;
  142. background-color: #f7f7f7;
  143. padding:6px;
  144. width: 215px;
  145. color:{color:text};
  146. line-height:10px;
  147. border: 1px solid #ddd;
  148. height:156px;
  149. z-index:99999999999999999;
  150. margin-top: -11px;
  151. padding-top:10px;
  152. margin-left: 383px;
  153. font-family: calibri;
  154. font-size:10px;
  155. text-align: left;
  156. }
  157. div#desc3{
  158. position:fixed !important;
  159. opacity: 1;
  160. background-color: #f7f7f7;
  161. padding:6px;
  162. width: 198px;
  163. line-height:10px;
  164. border: 1px solid #ddd;
  165. height:106px;
  166. margin-top: -11px;
  167. padding-top:10px;
  168. margin-left: 611px;
  169. font-family: sem;
  170. z-index:99999999999999999;
  171. text-align: left;
  172. }
  173. div#desc4{
  174. position:fixed !important;
  175. opacity: 1;
  176. background-color: #f7f7f7;
  177. padding:6px;
  178. width: 198px;
  179. border: 1px solid #ddd;
  180. line-height:10px;
  181. height:35px;
  182. margin-top: 110px;
  183. z-index:99999999999999999;
  184. padding-top:10px;
  185. margin-left: 611px;
  186. font-family: calibri;
  187. font-size:10px;
  188. text-align: left;
  189. }
  190. div#side{
  191. opacity:.8;
  192. width:10px;
  193. position:fixed !important;
  194. top:-5px;
  195. height:7770px;
  196. margin-left:220px;
  197. background: white;
  198. }
  199. div#side2{
  200. opacity: .8;
  201. width:30px;
  202. position:fixed !important;
  203. top:-5px;
  204. height:5575px;
  205. margin-left:205px;
  206. background: {color:strip color};
  207. border: 3px solid #fff;
  208. box-shadow: 0px 0px 5px #aaa;
  209. }
  210. div#side3{
  211. opacity: .8;
  212. width:30px;
  213. position:fixed !important;
  214. top:-5px;
  215. height:5575px;
  216. margin-left:1100px;
  217. background: {color:strip color};
  218. border: 3px solid #fff;
  219. box-shadow: 0px 0px 5px #aaa;
  220. }
  221. div#side4{
  222. opacity: .8;
  223. width:10px;
  224. position:fixed !important;
  225. top:-5px;
  226. height:7770px;
  227. margin-left:1110px;
  228. background: #fff;
  229. }
  230. askk {
  231. font-family: yolo;
  232. color: {color:Title};
  233. font-size:25px;
  234. z-index:1;
  235. }
  236. header {
  237. font-family: dreams;
  238. color: {color:Title};
  239. font-size:21px;
  240. line-height:20px;
  241. border-bottom: 4px double #ddd;
  242. text-transform:uppercase;
  243. z-index:1;
  244. }
  245. header2 {
  246. font-family: dreams;
  247. color: {color:Title};
  248. font-size:20px;
  249. border-bottom: 4px double #ddd;
  250. text-transform:uppercase;
  251. z-index:1;
  252. }
  253. author {
  254. font-family: learningcurve;
  255. color: {color:Title};
  256. font-size:32px;
  257. line-height:23px;
  258. text-transform:lowercase;
  259. z-index:1;
  260. }
  261. links {
  262. font-family: dreams;
  263. color: {color:text};
  264. font-size:21px;
  265. line-height:22px;
  266. text-transform:uppercase;
  267. z-index:1;
  268. }
  269. .title{
  270. font-family: dreams;
  271. font-size: 20px;
  272. line-height: 10px;
  273. color:{color:Title};
  274. text-transform: uppercase;
  275. }
  276. #entry{
  277. font-family: calibri;
  278. font-size:10px;
  279. text-align:left;
  280. z-index:9999;
  281. float:left;
  282. width: 250px;
  283. height: auto;
  284. color:{color:text};
  285. background:#f7f7f7;
  286. padding-top:10px;
  287. padding-right:11px;
  288. padding-left:11px;
  289. padding-bottom:8px;
  290. border:1px solid #ddd;
  291. margin:3px;
  292. {block:PermalinkPage}
  293. width: 810px;
  294. height: auto;
  295. {/block:PermalinkPage}
  296. line-height:12px;
  297. overflow:hidden;
  298. }
  299. #entry .perma{
  300. width:250px;
  301. height: 20px;
  302. font-family: calibri;
  303. font-size:10px;
  304. text-transform:lowercase;
  305. position: absolute;
  306. line-height: 22px;
  307. text-align: center;
  308. overflow:hidden;
  309. background-color:#f7f7f7;
  310. letter-spacing:0px;
  311. margin-top:-10px;
  312. margin-left: 0px;
  313. padding-bottom:1px;
  314. border-bottom: 1px solid #ddd;
  315. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  316. -webkit-transition: all 0.5s linear;
  317. -moz-transition: all 0.5s linear;
  318. transition: all 0.5s linear;
  319. }
  320. #entry:hover .perma{
  321. overflow:visible;
  322. opacity:.9;
  323. margin-top:0;
  324. border-top-right-radius: 0px;
  325. border-bottom-left-radius: 0px;
  326. -webkit-transition: all 0.5s linear;
  327. -webkit-transition: all 0.5s linear;
  328. -moz-transition: all 0.5s linear;
  329. transition: all 0.5s linear;
  330. }
  331. .permalinktext {
  332. display: block;
  333. padding: 1px;
  334. margin: 0px 0px 0px 8px;
  335. font-family: calibri;
  336. font-size:10px;
  337. color: #424242;
  338. line-height: 10px;
  339. text-align: right;
  340. text-decoration: none;
  341. -webkit-transition: color 0.5s ease-out;
  342. -moz-transition: color 0.5s ease-out;
  343. border-top: 1px dashed #ddd;
  344. }
  345.  
  346. #postnotes{
  347. text-align: left;}
  348. #postnotes blockquote{
  349. border: 0px;}
  350. blockquote{
  351. padding:0px 0px 2px 3px;
  352. margin:0px 0px 2px 1px;
  353. }
  354. ul, ol, li{
  355. list-style:none;
  356. margin:0px;
  357. padding:0px;
  358. }
  359. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  360. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  361. }
  362. </style>
  363. <link rel="shortcut icon" href="{favicon}">
  364. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  365. <meta name="viewport" content="width=720" />
  366. </head>
  367. <body onkeydown="return false">
  368. <div id="center">
  369. <div id="content">
  370. <div id="side2"></div>
  371. <div id="side"></div>
  372. <div id="side3"></div>
  373. <div id="side4"></div></div>
  374. <div id="sidebar">
  375.  
  376. <div id="desc">
  377. <center><header>{text:about}</header></center>{Description}</div>
  378.  
  379. <div id="desc2">
  380. <center><header>{text:stats}</header></center>
  381. &middot {text:stat1}<br>
  382. &middot {text:stat2}<br>
  383. &middot {text:stat3}<br>
  384. &middot {text:stat4}<br>
  385. -----------------------------------------------------
  386. <center>{text:quote}<br>
  387. <author>- {text:quoted by}</author></div>
  388.  
  389. <div id="desc3">
  390. <center><header2>{text:links}</header2></center><br>
  391. <center><links>
  392. <a href="{text:Link One}">{text:Link One Title}</a> <br>
  393. <a href="{text:Link Two}">{text:Link Two Title}</a> <br>
  394. <a href="{text:Link Three}">{text:Link Three Title}</a> <br>
  395. <a href="{text:Link Four}">{text:Link Four Title}</a></div>
  396.  
  397. <div id="desc4">
  398. {text:music player code}
  399.  
  400. <center>all the songs on my plalist are listed <a href="{text:playlist link}">here</a> </div>
  401.  
  402. <img src="{image:sidebar}" style="width:150px;height: 150px; "></a>
  403. </div>
  404.  
  405. <div id="posts">
  406. {block:Posts}
  407. <div id="entry">
  408.  
  409. {block:Text}
  410. {block:Title}<span class="title">{Title}</span>{/block:Title}
  411. <span class="entrytext">{Body}</span>
  412. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel} </a> <font color="#aaa">-</font> <a href="{permalink}"> {timeago}</a> </div>
  413. {/block:Text}
  414.  
  415. {block:Link}
  416. <a href="{URL}" class="title">{Name}</a>
  417. {block:Description}{Description}{/block:Description}
  418. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  419. {block:Link}
  420.  
  421. {block:Photo}{block:IndexPage}
  422. <div class="perma">
  423. <a href="{permalink}">{NoteCountWithLabel}</a> <font color="#aaa">-</font> <a href="{permalink}"> {timeago}</a> <font color="#aaa">-</font> <a href="{ReblogURL}" target="_blank"> spread some love </a></span></div>
  424. {/block:IndexPage}
  425. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=810px/>{LinkCloseTag}{/block:PermalinkPage}
  426. {/block:Photo}
  427.  
  428.  
  429. {block:Quote}
  430. <span class="entrytext">{Quote}</span>
  431. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  432. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">-</font> <a href="{permalink}">{timeago}</a> </div>
  433. {/block:Quote}
  434.  
  435. {block:Chat}
  436. {block:Title}<span class="title">{Title}</span>{/block:Title}
  437. <ul class="chat">
  438. {block:Lines}
  439. <li class="user_{UserNumber}">
  440. {block:Label}
  441. <span class="label">{Label}</span>
  442. {/block:Label}
  443.  
  444. {Line}
  445. </li>
  446. {/block:Lines}
  447. </ul>
  448. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">-</font> <a href="{permalink}">{timeago}</a> </div>
  449. {/block:Chat}
  450.  
  451.  
  452. {block:Audio}
  453. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  454. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  455. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">-</font> <a href="{permalink}">{timeago}</a> </div>
  456. {/block:Audio}
  457.  
  458. {block:Video}<center>
  459. <div style="padding-top:0px; padding-bottom:2px;">
  460. {Video-250}</div>
  461. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  462. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">-</font> <a href="{permalink}">{timeago}</a> </div>
  463. {block:Video}
  464.  
  465. {block:Answer}
  466. <br>
  467. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #f7f7f7;">
  468. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #f7f7f7; border-radius: 3px;"/>
  469. <askk>{Asker}</askk>: {Question}<br></div>
  470. <div style="font-family: arma; font-size: 8px;">
  471. {Answer}
  472. </div>
  473. {/block:Answer}
  474.  
  475. {block:PostNotes}<div align="middle">{caption}</div>
  476. <center>
  477.  
  478. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  479.  
  480. {block:HasTags}
  481. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  482. {block:RebloggedFrom}
  483. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  484. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  485.  
  486. {/block:RebloggedFrom}
  487. </center></span>
  488. <br>
  489. <div id="postnotes">{PostNotes}</div><br>
  490.  
  491. <center>{block:ContentSource}
  492. <br><a href="{SourceURL}">
  493. {lang:Source}:
  494. {block:SourceLogo}
  495. <img src="{BlackLogoURL}" width="{LogoWidth}"
  496. height="{LogoHeight}" alt="{SourceTitle}" />
  497. {/block:SourceLogo}
  498. {block:NoSourceLogo}
  499. {SourceLink}
  500. {/block:NoSourceLogo}
  501. </a>
  502. {/block:ContentSource}</center>
  503.  
  504. {/block:PostNotes}
  505. </div>
  506. {/block:Posts}
  507. </div></div>
  508.  
  509. {block:indexpage}
  510. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  511. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  512. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  513. <script type="text/javascript">
  514. $(window).load(function(){
  515. var $wall = $('#posts');
  516. $wall.imagesLoaded(function(){
  517. $wall.masonry({
  518. itemSelector: '#entry, #entry_photo',
  519. isAnimated : false
  520. });
  521. });
  522.  
  523. $wall.infinitescroll({
  524. navSelector : '#page-nav',
  525. nextSelector : '#page-nav a',
  526. itemSelector : '#entry, #entry_photo',
  527. bufferPx : 2000,
  528. debug : false,
  529. errorCallback: function() {
  530. $('#infscr-loading').fadeOut('normal');
  531. }},
  532. function( newElements ) {
  533. var $newElems = $( newElements );
  534. $newElems.hide();
  535. $newElems.imagesLoaded(function(){
  536. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  537. });
  538. }); $('#content').show(500);
  539. });
  540. </script>
  541. {/block:indexpage}
  542.  
  543. <BODY onselectstart="return false;" ondragstart="return false;">
  544. <script type="text/javascript">
  545. <!--
  546.  
  547. // Disable Right Click Script
  548.  
  549. function IE(e)
  550. {
  551. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  552. {
  553. return false;
  554. }
  555. }
  556. function NS(e)
  557. {
  558. if (document.layers || (document.getElementById && !document.all))
  559. {
  560. if (e.which == "2" || e.which == "3")
  561. {
  562. return false;
  563. }
  564. }
  565. }
  566. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  567.  
  568. //-->
  569. </script>
  570. </body>
  571. <div style="position:fixed; font-family: ronda; font-size: 10px; bottom:0px; right:5px; padding: 10px; padding-bottom:8px; background: #fff; border-top-right-radius: 20px;
  572. border-top-left-radius: 20px; border: 1px solid #ddd;">
  573. created by <a href="http://vanityoceans.tumblr.com/">vanityoceans</a>
  574. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement