mausamixoxo

theme 11

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