mausamixoxo

theme 44

Mar 30th, 2013
2,991
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.60 KB | None | 0 0
  1. <!--
  2. theme by euphoricaly/themes-bymausami
  3. i made the theme, so it is my right and your responsibility to keep the credit. please put it somewhere on your blog if not on the side.
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <script type="text/javascript">
  12. <!--
  13.  
  14. // Disable Right Click Script
  15.  
  16. function IE(e)
  17. {
  18. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  19. {
  20. return false;
  21. }
  22. }
  23. function NS(e)
  24. {
  25. if (document.layers || (document.getElementById && !document.all))
  26. {
  27. if (e.which == "2" || e.which == "3")
  28. {
  29. return false;
  30. }
  31. }
  32. }
  33. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  34.  
  35. //-->
  36. </script>
  37.  
  38. <script type="text/javascript"
  39. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  40.  
  41. <!-- DEFAULT VARIABLES -->
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  43. <meta name="color:background" content="#ccc"/>
  44. <meta name="color:links" content="#ddd"/>
  45. <meta name="color:link shadow" content="#fff"/>
  46. <meta name="color:hover" content="#aaa"/>
  47. <meta name="color:text" content="#aaa"/>
  48. <meta name="color:description" content="#aaa"/>
  49. <meta name="color:Title" content="#aaa"/>
  50. <meta name="color:scrollbar" content="#aaa"/>
  51. <meta name="color:Blog Title 1" content="#fff"/>
  52. <meta name="color:Blog Title 2" content="#f5d6de"/>
  53. <meta name="color:Bar" content="#fdfcfc"/>
  54. <meta name="color:Post and Side Border" content="#e7e6e6"/>
  55. <meta name="image:background" content=""/>
  56. <meta name="image:sidebar" content=""/>
  57. <meta name="text:Link One" content="" />
  58. <meta name="text:Link One Title" content="Index" />
  59. <meta name="text:Link Two" content="" />
  60. <meta name="text:Link Two Title" content="Inbox" />
  61. <meta name="text:Link Three" content="" />
  62. <meta name="text:Link Three Title" content="Link" />
  63. <meta name="text:Link Four" content="" />
  64. <meta name="text:Link Four Title" content="Link" />
  65. <meta name="text:Link Five" content="" />
  66. <meta name="text:Link Five Title" content="Link" />
  67. <meta name="text:Blog Title 1" content="summer's in the air" />
  68. <meta name="text:Blog Title 2" content="baby heaven's in your eyes" />
  69.  
  70. <style type="text/css">
  71.  
  72. ::-webkit-scrollbar {width: 5px; height: 4px; background: #fff; border-left: 1px transparent #aaaaaa;}
  73.  
  74. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 3px transparent #fff; border-top: 3px transparent #ffffff; border-left: 3px transparent #fff; border-right: 3px transparent #fff; }
  75.  
  76. #tumblr_controls {
  77. right:0px !important;
  78. position: fixed !important;
  79. -webkit-filter: invert(100%)
  80. }
  81.  
  82. body {
  83. padding: 0px;
  84. margin: 0px;
  85. color:{color:text};
  86. font-family:calibri;
  87. line-height: 8px;
  88. font-size: 11px;
  89. letter-spacing: 0px;
  90. background-color: {color:Background};
  91. background-image:url({image:Background});
  92. background-attachment: fixed;
  93. background-repeat: repeat;
  94. }
  95.  
  96. a:link, a:active, a:visited{
  97. color: {color:links};
  98. text-decoration: none;
  99. transition: all 0.9s ease;
  100. -o-transition-transition: all 0.9s ease;
  101. -webkit-transition: all 0.9s ease;
  102. -moz-transition: all 0.9s ease;
  103. }
  104.  
  105. a:hover {
  106. color:{color:hover};
  107. text-shadow:1px 1px 5px {color:link shadow};
  108. transition: all 0.9s ease;
  109. -o-transition-transition: all 0.9s ease;
  110. -webkit-transition: all 0.9s ease;
  111. -moz-transition: all 0.9s ease;
  112. }
  113.  
  114. askk{
  115. font-family:dawning;
  116. font-size:25px;
  117. text-transform:none;
  118. z-index:1;
  119. }
  120.  
  121. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  122.  
  123. @font-face{font-family:Jane Austen;src:url(http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf);}
  124.  
  125. @font-face{font-family:Basic L;src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  126.  
  127. .credit a{
  128. background:white;
  129. padding:5px;
  130. letter-spacing:1px;
  131. font-size:9px;
  132. font-family:calibri;
  133. text-transform:uppercase;
  134. color:{color:Blog Title 2};
  135. border-right: 2px solid {color:Blog Title 2};
  136. border-left:2px solid {color:Blog Title 2};
  137. }
  138.  
  139. .title{
  140. text-align: center;
  141. font-family:dawning;
  142. text-transform:none;
  143. font-size: 30px;
  144. line-height:20px;
  145. letter-spacing: 1px;
  146. color: {color:Title};
  147. }
  148.  
  149. div#center{
  150. margin:auto;
  151. position:relative;
  152. width:1400px;
  153. background-color:;
  154. overflow:hidden;
  155. }
  156.  
  157. #bar1{
  158. position:fixed;
  159. margin-top:90px;
  160. margin-left:0px;
  161. width:100%;
  162. height:25px;;
  163. z-index:1;
  164. border:1px solid {color:Post and Side Border};
  165. background:{color:Bar};
  166. }
  167.  
  168. #sidebar{
  169. position:fixed;
  170. width:275px;
  171. height:378px;
  172. margin-left:50px;
  173. margin-top:50px;
  174. background:white;;
  175. z-index:2;
  176. border:1px solid {color:Post and Side Border};
  177. }
  178.  
  179. #blogtitle{
  180. position:fixed;
  181. width:880px;
  182. height:50px;
  183. font-family:basic l;
  184. font-weight:bold;
  185. text-transform:uppercase;
  186. font-style:none;
  187. font-size:75px;
  188. text-align:center;
  189. margin-left:340px;
  190. z-index:2;
  191. margin-top:25px;
  192. text-shadow:1px 1px 0px {color:Blog Title 1};
  193. color:{color:Blog Title 1};
  194. }
  195.  
  196. #blogtitle2{
  197. position:fixed;
  198. width:880px;
  199. height:0px;
  200. font-family:jane austen;
  201. font-style:none;
  202. font-size:65px;
  203. text-align:center;
  204. margin-left:340px;
  205. z-index:2;
  206. margin-top:65px;
  207. text-shadow:0px 0px 0px {color:Blog Title 2};
  208. color:{color:Blog Title 2};
  209. }
  210.  
  211. #desc{
  212. position:fixed;
  213. text-align:center;
  214. width:258px;
  215. height:20px;
  216. padding:4px;
  217. margin-top:14px;
  218. margin-left:5px;
  219. font-style:none;
  220. font-family:calibri;
  221. font-size:10px;
  222. line-height:11px;
  223. letter-spacing:0px;
  224. color:{color:description};
  225. }
  226.  
  227. #links{
  228. position:fixed !important;
  229. width:275px;
  230. height:20px;
  231. margin-left:0px;
  232. margin-top:-5px;
  233. font-family:calibri;
  234. font-size:11px;
  235. text-transform:uppercase;
  236. letter-spacing:1px;
  237. line-height:20px;
  238. text-align:center;
  239. z-index:1;
  240. color:white;
  241. background:{color:Blog Title 2};
  242. }
  243.  
  244. #links a{
  245. color:white;
  246. }
  247.  
  248. #posts {
  249. width:1000px;
  250. margin-top:120px;
  251. margin-left:330px;
  252. position:relative;
  253. overflow:hidden;;
  254. z-index:0;
  255. padding:3px;
  256. background:transparent;
  257. }
  258.  
  259. .entry {
  260. float:left;
  261. display: block;
  262. overflow:hidden;
  263. width:260px;
  264. margin:3px;
  265. background:#fff;
  266. padding-right:15px;
  267. padding-left:15px;
  268. padding-top:15px;
  269. padding-bottom:13px;
  270. font-family:calibri;
  271. text-transform:none;
  272. letter-spacing:0px;
  273. font-size: 11px;
  274. line-height:13px;
  275. {block:PermalinkPage}
  276. width:400px;
  277. margin-left:170px;
  278. margin-top: 3px;
  279. text-align:center;
  280. opacity:1;
  281. {/block:PermalinkPage}
  282. opacity:0.8;
  283. z-index:0;
  284. webkit-transition: all 0.4s linear;
  285. -moz-transition: all 0.4s linear;
  286. transition: all 0.4s linear;
  287. border:1px solid {color:Post and Side Border};
  288. }
  289.  
  290. .entry:hover {
  291. opacity:1;
  292. webkit-transition: all 0.4s linear;
  293. -moz-transition: all 0.4s linear;
  294. transition: all 0.4s linear;
  295. }
  296.  
  297. .entry .permados a{
  298. color: #aaa;
  299. }
  300.  
  301. .entry .permalinktext a{
  302. color:#fff;
  303. }
  304.  
  305. .entry .permados{
  306. position:absolute;
  307. margin-top:5%;;
  308. margin-left:0px;
  309. width:250px;
  310. height:30px;
  311. text-transform:uppercase;
  312. background-color:#fff;;
  313. padding:5px;
  314. overflow:hidden;
  315. font-family:calibri;
  316. letter-spacing:0px;
  317. font-size: 10px;
  318. line-height:15px;
  319. text-align:center;
  320. opacity:0.0;
  321. color:#aaa;
  322. border-right-radius:50px;
  323. transition: all 0.9s ease;
  324. -o-transition-transition: all 0.9s ease;
  325. -webkit-transition: all 0.9s ease;
  326. -moz-transition: all 0.9s ease;
  327. }
  328.  
  329. .entry:hover .permados{
  330. overflow:visible;
  331. opacity:0.9;
  332. transition: all 0.9s ease;
  333. -o-transition-transition: all 0.9s ease;
  334. -webkit-transition: all 0.9s ease;
  335. -moz-transition: all 0.9s ease;
  336. }
  337.  
  338. .permalinktext {
  339. display: block;
  340. padding: 4px;
  341. margin: 0px 0px 0px 0px;
  342. text-transform:uppercase;
  343. font-family:calibri;
  344. font-size: 10px;
  345. color: #fff;
  346. line-height: 11px;
  347. letter-spacing:1px;
  348. text-align: center;
  349. text-decoration: none;
  350. background-color:{color:Blog Title 2};
  351. webkit-transition: all 0.2s linear;
  352. -webkit-transition: all 0.2s linear;
  353. -moz-transition: all 0.2s linear;
  354. transition: all 0.2s linear;
  355. }
  356.  
  357. .permalinktext:hover{
  358. webkit-transition: all 0.2s linear;
  359. -webkit-transition: all 0.2s linear;
  360. -moz-transition: all 0.2s linear;
  361. transition: all 0.2s linear;
  362. }
  363.  
  364. #infscr-loading{
  365. bottom: -50px;
  366. position: absolute;
  367. left: 50%;
  368. margin-left:-8px;
  369. width:16px;
  370. height:11px;
  371. overflow:auto;
  372. margin-bottom: 50px;
  373. }
  374.  
  375. #postnotes{
  376. text-align: center;}
  377.  
  378. #postnotes blockquote{
  379. border: 0px;}
  380.  
  381. blockquote{
  382. padding:0px 0px 0px 0px;
  383. margin:0px 0px 0px 0px;
  384. border-left: 1px dotted #555555;
  385. }
  386.  
  387. blockquote p, ul{
  388. margin:0px;
  389. padding:0px;
  390. }
  391.  
  392. a img{border: 0px;}
  393.  
  394.  
  395. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  396.  
  397. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  398. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  399.  
  400. .notes img{width:10px; position:relative; top:3px;}
  401. <--ses-->
  402. small{font-size: 90%;}
  403.  
  404. {CustomCSS}
  405.  
  406. </style>
  407.  
  408. {block:IndexPage}
  409. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  410. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  411.  
  412. <script type="text/javascript">
  413. $(window).load(function () {
  414. var $content = $('#posts');
  415. $content.masonry({itemSelector: '.entry'}),
  416. $content.infinitescroll({
  417. navSelector : 'div#pagination',
  418. nextSelector : 'div#pagination a#nextPage',
  419. itemSelector : '.entry',
  420. loading: {
  421. finishedMsg: '',
  422. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  423. },
  424. bufferPx : 600,
  425. debug : false,
  426. },
  427. // call masonry as a callback.
  428. function( newElements ) {
  429. var $newElems = $( newElements );
  430. $newElems.hide();
  431. // ensure that images load before adding to masonry layout
  432. $newElems.imagesLoaded(function(){
  433. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  434.  
  435.  
  436. });
  437. });
  438. });
  439. </script>
  440.  
  441.  
  442. {/block:IndexPage}
  443.  
  444.  
  445. <title>{title}</title>
  446.  
  447. <link rel="shortcut icon" href="http://cdn3.iconfinder.com/data/icons/other-icons/48/heart_love-48.png">
  448. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  449. <meta name="viewport" content="width=820" />
  450. </head>
  451. <body onkeydown="return false">
  452.  
  453. <body>
  454. <div id="cage">
  455. <div id="center">
  456.  
  457. <div id="blogtitle">{text:Blog Title 1}</div>
  458.  
  459. <div id="blogtitle2">{text:Blog Title 2}</div>
  460.  
  461. <div id="bar1"></div>
  462.  
  463. <div id="sidebar">
  464.  
  465. <a href="/"><img src="{image:sidebar}" style="width:250px; height:300px; padding:9px; margin-top:3px; margin-left:3px; border:0px solid {color:Sidebar Border}; background:white; "></a>
  466.  
  467. <div id="links"> navigation :
  468. <a href="{text:Link One}">{text:Link One Title}</a> /
  469. <a href="{text:Link Two}">{text:Link Two Title}</a> /
  470. <a href="{text:Link Three}">{text:Link Three Title}</a> /
  471. <a href="{text:Link Four}">{text:Link Four Title}</a> /
  472. <a href="{text:Link Five}">{text:Link Five Title}</a> </div>
  473.  
  474. <div id="desc">{description}</div>
  475.  
  476. </div>
  477.  
  478. <div class="left">
  479. <div id="posts">
  480. {block:Posts}
  481. <div class="entry">
  482.  
  483. {block:Answer}
  484. <div style="min-height:40px; padding: 3px; border-right: 2px solid {color:Blog Title 2}; border-left: 2px solid {color:Blog Title 2}; background: white; color:{color:text}; padding:2px; box-shadow: 1px 1px 1px #ddd;">
  485. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:5px; border-radius:5px; padding:3px; border:1px solid #eee;"/>
  486. <askk>{Asker}</askk>: {Question}</div>
  487. <div style="padding:3px; text-align:left;"></div>
  488. {Answer}
  489. <div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  490. {/block:Answer}
  491.  
  492. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> </div>
  493. {/block:Text}
  494.  
  495. {block:Link}<br><a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago} </a> </div>{block:Link}
  496.  
  497. {block:Photo}
  498. {block:IndexPage}
  499. <div class="permados">
  500. <a href="{permalink}"><a href="{permalink}">Reblogged this {timeago}</a> <br> <a href="{permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank"> Reblog </a></span></div>
  501. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=260px></a>{LinkCloseTag}</center>
  502. {/block:IndexPage}
  503. {block:PermalinkPage}
  504. {LinkOpenTag}
  505. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>
  506. {LinkCloseTag}
  507. {/block:PermalinkPage}
  508. {/block:Photo}
  509.  
  510. {block:Photoset}
  511. {block:IndexPage}
  512. <center>
  513. {Photoset-250}</center>
  514. <div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  515. {/block:IndexPage}
  516. {block:PermalinkPage}
  517. <center>
  518. {Photoset-500}</center>
  519. {/block:PermalinkPage}
  520. {/block:Photoset}
  521.  
  522. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Quote}
  523.  
  524. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  525. <ul class="chat">
  526. {block:Lines}
  527. <li class="user_{UserNumber}">
  528. {block:Label}
  529. <span class="label">{Label}</span>
  530. {/block:Label}
  531.  
  532. {Line}
  533. </li>
  534. {/block:Lines}
  535. <div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  536. {/block:Chat}
  537.  
  538. {block:Audio}
  539. <div style="width:300px; height:30px;">
  540. {AudioPlayerBlack}
  541. </div>
  542. {block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago}</a> </div>{/block:IndexPage}
  543. {/block:Audio}
  544.  
  545. {block:Video}{block:indexpage}{block:indexpage}{Video-400}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a></div>{/block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago} </a> </div>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:Video}
  546.  
  547. {block:PostNotes}<div align="middle">{caption}</div>
  548. <center>
  549.  
  550. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  551.  
  552. {block:HasTags}
  553. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  554. {block:RebloggedFrom}
  555. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  556. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  557.  
  558. {/block:RebloggedFrom}
  559. </center></span>
  560. <br>
  561. <div id="postnotes">{PostNotes}</div><br>
  562.  
  563. <center>{block:ContentSource}
  564. <br><a href="{SourceURL}">
  565. {lang:Source}:
  566. {block:SourceLogo}
  567. <img src="{BlackLogoURL}" width="{LogoWidth}"
  568. height="{LogoHeight}" alt="{SourceTitle}" />
  569. {/block:SourceLogo}
  570. {block:NoSourceLogo}
  571. {SourceLink}
  572. {/block:NoSourceLogo}
  573. </a>
  574. {/block:ContentSource}</center>
  575.  
  576. {/block:PostNotes}
  577. </div>
  578. {/block:Posts}
  579. </div></div>
  580.  
  581. {block:IndexPage}
  582. {block:Pagination}
  583. <div id="pagination">
  584. {block:NextPage}
  585. <a id="nextPage" href="{NextPage}"></a>
  586. {/block:NextPage}
  587. {block:PreviousPage}
  588. <a href="{PreviousPage}"></a>
  589. {/block:PreviousPage}
  590. </div>
  591. {/block:Pagination}
  592. {/block:IndexPage}
  593.  
  594. <BODY onselectstart="return false;" ondragstart="return false;">
  595. <div class="credit" style="position:fixed; top:35px; right:5px; ">
  596. <a href="http://euphoricaly.tumblr.com">&copy EUPHORICALY</a></div>
  597. </html>
Advertisement
Add Comment
Please, Sign In to add comment