Advertisement
jass111

Theme 2

Oct 11th, 2013
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.26 KB | None | 0 0
  1. <!---- THEME BY OFMICEANDWINCHESTER PLEASE DO NOT REMOVE THEME CREDIT ---->
  2.  
  3. <meta name="color:hover" content="#a3a3a0"/>
  4. <meta name="color:border" content="#e4e4e4">
  5. <meta name="color:background" content="#ffe5ac"/>
  6. <meta name="color:text" content="#000"/>
  7. <meta name="color:post titles" content="#000"/>
  8. <meta name="color:link" content="#000"/>
  9. <meta name="color:hover" content="#fff"/>
  10. <meta name="color:description text" content="#000"/>
  11.  
  12. <meta name="image:sidebar" content="1"/>
  13. <meta name="image:background" content=""/>
  14.  
  15. <meta name="if:link 1" content="1"/>
  16. <meta name="if:link 2" content="1"/>
  17. <meta name="if:link 3" content="1"/>
  18. <meta name="if:link 4" content=""/>
  19. <meta name="if:link 5" content=""/>
  20. <meta name="if:link 6" content=""/>
  21. <meta name="if:link 7" content=""/>
  22. <meta name="if:link 8" content=""/>
  23. <meta name="text:link 1 title" content="home"/>
  24. <meta name="text:link 1 url" content="/"/>
  25. <meta name="text:link 2 title" content="/"/>
  26. <meta name="text:link 2 url" content="/"/>
  27. <meta name="text:link 3 title" content="/"/>
  28. <meta name="text:link 3 url" content="/"/>
  29. <meta name="text:link 4 title" content=""/>
  30. <meta name="text:link 4 url" content=""/>
  31. <meta name="text:link 5 title" content=""/>
  32. <meta name="text:link 5 url" content=""/>
  33. <meta name="text:link 6 title" content=""/>
  34. <meta name="text:link 6 url" content=""/>
  35. <meta name="text:link 7 title" content=""/>
  36. <meta name="text:link 7 url" content=""/>
  37. <meta name="text:link 8 title" content=""/>
  38. <meta name="text:link 8 url" content=""/>
  39.  
  40. <script type="text/javascript">
  41. <!--
  42.  
  43. // Disable Right Click Script
  44.  
  45. function IE(e)
  46. {
  47. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  48. {
  49. return false;
  50. }
  51. }
  52. function NS(e)
  53. {
  54. if (document.layers || (document.getElementById && !document.all))
  55. {
  56. if (e.which == "2" || e.which == "3")
  57. {
  58. return false;
  59. }
  60. }
  61. }
  62. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  63.  
  64. //-->
  65. </script>
  66.  
  67.  
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}
  75.  
  76. ::-webkit-scrollbar-thumb {background-color:{color:background} ; border: 0px solid #f8f8f8;}
  77.  
  78.  
  79.  
  80.  
  81. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  82.  
  83. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  84.  
  85. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  86.  
  87. p {
  88. margin:0px;
  89. margin-top:0px;
  90. }
  91.  
  92.  
  93. body {
  94. padding:10px;
  95. margin: 1px;
  96. color:{color:text};
  97. font-family: new york;
  98. line-height:10px;
  99. font-size:10px;
  100. background-color: {color:Background};
  101. background-image:url({image:Background});
  102. background-attachment: fixed;
  103. background-repeat: repeat;
  104. }
  105.  
  106.  
  107.  
  108.  
  109.  
  110. a:link, a:active, a:visited{
  111. text-decoration: none;
  112. -webkit-transition: color 0.3s ease-out;
  113. -moz-transition: color 0.3s ease-out;
  114. transition: color 0.3s ease-out;
  115. color:{color:link};
  116. }
  117.  
  118. a:hover {
  119. text-decoration: none;
  120. font-style:;
  121. color: {color:Hover};
  122. }
  123.  
  124. div#center{
  125. margin:auto;
  126. position:relative;
  127. width:1340px;
  128. overflow:auto;
  129. overflow-y:hidden;
  130. }
  131.  
  132. .entry {
  133. padding:5px;
  134. padding-bottom:4px;
  135. border-radius:2px;
  136. border:1px solid {color:border};
  137. float:left;
  138. margin:1px;
  139. overflow:hidden;
  140. width:220px;
  141. {block:PermalinkPage}
  142. width:450px;
  143. text-align:left;
  144. line-height:10px;
  145. {/block:PermalinkPage}
  146. background:transparent;
  147. }
  148.  
  149.  
  150. #posts {
  151. width:1000px;
  152. margin-top:25px;
  153. margin-left:250px;
  154. right:auto;
  155. background:transparent;
  156. margin-right:auto;
  157. overflow-y: hidden;
  158. position:inherit;
  159. }
  160.  
  161. #sidebar {
  162. z-index:99999;
  163. margin-left:-40px;
  164. margin-top:0px;
  165. position:fixed;
  166. background:transparent;
  167. }
  168.  
  169. #sidebar img {
  170. position:fixed;
  171. width:200px;
  172. height:auto;
  173. margin-top:100px;
  174. margin-left:55px;
  175. border:1px solid {color:border};
  176. background: white;
  177. padding:3px;
  178. opacity:1;
  179. -moz-transition-duration:1s;
  180. -webkit-transition-duration:1s;
  181. -o-transition-duration:1s;
  182. }
  183.  
  184. #sidebar img:hover {
  185. position:center;
  186. border:1px solid {color:border};
  187. padding:3px;
  188. -moz-transition-duration:1s;
  189. -webkit-transition-duration:1s;
  190. -o-transition-duration:1s;
  191. }
  192.  
  193.  
  194. #links{
  195. position:fixed !important;
  196. margin-left:1250px;
  197. width:106px;
  198. height:100%;
  199. text-align:center;
  200. padding-top: 130px;
  201. opacity: 1;
  202. background-color: {color:left sidebar background};
  203. background-image:url({image:left sidebar background});
  204. }
  205. .links a{
  206. display: block;
  207. width: 90px;
  208. height: 12px;
  209. margin:15px 0px 3px 7px;
  210. border: 1px solid #cccccc;
  211. font-family: share;
  212. font-size: 9px;
  213. letter-spacing:2px;
  214. line-height: 12px;
  215. color: #545455;
  216. text-decoration: none;
  217. -webkit-transition: all 0.5s ease;
  218. -moz-transition: all 0.5s ease;
  219. background-color: {color:link background};
  220. }
  221. .links a:hover{
  222. margin:15px 0px 3px 0px;
  223. width:104px;
  224. opacity: 0.7;
  225. }
  226.  
  227. .desc {
  228. position:fixed;
  229. padding-top:0px;
  230. padding-bottom:5px;
  231. margin-top:390px;
  232. margin-left:80px;
  233. text-align:justify;
  234. font-size:11px;
  235. font-family:new york;
  236. width:155px;
  237. height:auto;
  238. color:{color:text};
  239. letter-spacing:0px;
  240. line-height:100%;
  241. background-color:transparent;
  242. opacity:1;
  243. text-transform:none;
  244. -moz-transition-duration:0.7s;
  245. -webkit-transition-duration:0.7s;
  246. -o-transition-duration:0.7s;
  247. }
  248.  
  249. .desc a{
  250. color:{color:text};
  251. }
  252.  
  253. .title{
  254. line-height: 12px;
  255. color:{color:Title};
  256. font-weight: normal;
  257. }
  258.  
  259.  
  260. .permalink {
  261. color:black;
  262. font-size:12px;
  263. opacity: 0;
  264. width:265px;
  265. height:15px;
  266. padding-bottom:0px;
  267. padding-left:5px;
  268. padding-top:5px;
  269. background-color: #fff;
  270. position: absolute;
  271. top:10px;
  272. text-align:center;
  273. text-transform:uppercase;
  274. font-family:calibri;
  275. letter-spacing:0px;
  276. line-height:12px;
  277. border-top:1px solid {color:border};
  278. border-bottom:1px solid {color:border};
  279. display:block;
  280. -webkit-transition-duration: .75s;
  281. }
  282.  
  283. .entry:hover .permalink {
  284. position: absolute;
  285. width:265px;
  286. opacity:1;
  287. z-index:99;
  288. padding-top:5px;
  289. padding-bottom:0px;
  290. -moz-transition-duration:0.7s;
  291. -webkit-transition-duration:0.7s;
  292. -o-transition-duration:0.7s;
  293. }
  294.  
  295.  
  296. #infscr-loading{
  297. bottom: -70px;
  298. position: absolute;
  299. left: 50%;
  300. margin-left:-8px;
  301. width:16px;
  302. height:11px;
  303. overflow:hidden;
  304. margin-bottom: 50px;
  305. }
  306.  
  307.  
  308. #postnotes{
  309. text-align: justify;}
  310.  
  311. #postnotes blockquote{
  312. border: 1px;}
  313.  
  314. blockquote{
  315. padding:0px 0px 2px 5px;
  316. margin:0px 0px 2px 5px;
  317. border-left: 1px solid {color:border};
  318. }
  319.  
  320. blockquote p, ul{
  321. margin:0px;
  322. padding:0px;
  323. }
  324.  
  325. a img{border: 0px;}
  326.  
  327.  
  328. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  329.  
  330. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  331. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  332.  
  333. .notes img{width:10px; position:relative; top:3px;}
  334. <--ses-->
  335. small{font-size: 90%;}
  336.  
  337. #credit{
  338. font-size: 10px;
  339. font-style:none;
  340. letter-spacing: 0px;
  341. float: center;
  342. position: fixed;
  343. bottom: 10px;
  344. right: 5px;
  345. text-transform:italic;
  346. font-family:new york;
  347. -moz-transition-duration:0.7s;
  348. -webkit-transition-duration:0.7s;
  349. -o-transition-duration:0.7s;
  350. }
  351.  
  352. #credit a{
  353. color: #000;
  354. background:{color:border};
  355. padding:5px;
  356. -moz-transition-duration:0.7s;
  357. -webkit-transition-duration:0.7s;
  358. -o-transition-duration:0.7s;
  359. }
  360.  
  361. #credit a:hover{
  362. color:{color:border};
  363. background:{color:background};
  364. -moz-transition-duration:0.7s;
  365. -webkit-transition-duration:0.7s;
  366. -o-transition-duration:0.7s;
  367. }
  368.  
  369. {CustomCSS}
  370.  
  371. </style>
  372.  
  373. {block:IndexPage}
  374. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  375. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  376.  
  377. <script type="text/javascript">
  378. $(window).load(function(){
  379. var $wall = $('#posts');
  380. $wall.imagesLoaded(function(){
  381. $wall.masonry({
  382. itemSelector: '.entry, .entry_photo',
  383. isAnimated : false
  384. });
  385. });
  386.  
  387. $wall.infinitescroll({
  388. navSelector : '#pagination',
  389. nextSelector : '#pagination a',
  390. itemSelector : '.entry, .entry_photo',
  391. bufferPx : 2000,
  392. debug : false,
  393. errorCallback: function() {
  394. $('#infscr-loading').fadeOut('normal');
  395. }},
  396. function( newElements ) {
  397. var $newElems = $( newElements );
  398. $newElems.hide();
  399. $newElems.imagesLoaded(function(){
  400. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  401. });
  402. }); $('#posts').show(500);
  403. });
  404. </script>
  405.  
  406.  
  407. {/block:IndexPage}
  408.  
  409.  
  410. <title>{title}</title>
  411.  
  412. <link rel="shortcut icon" href="{Favicon}" />
  413. <meta name="viewport" content="width=820" />
  414.  
  415.  
  416.  
  417. </head>
  418.  
  419. <body>
  420. <BODY onselectstart="return false;" ondragstart="return false;">
  421. <div class="wrapper">
  422. <div class="header">
  423. </div>
  424. <div id="cage">
  425. <div id="center">
  426.  
  427.  
  428. <div id="sidebar"><div class="sidetitle">{text:sidetitle}</div>
  429. <center>
  430. <a href="/"><img src="{image:sidebar}" width=10%></a>
  431. <div id="links">
  432. <div class="links">
  433. {block:iflink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1}
  434. {block:iflink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2}
  435. {block:iflink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3}
  436. {block:iflink4}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4}
  437. {block:iflink5}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5}
  438. {block:iflink6}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6}
  439. {block:iflink7}<a href="{text:link 7 url}">{text:link 7 title}</a>{/block:iflink7}
  440. {block:iflink8}<a href="{text:link 8 url}">{text:link 8 title}</a>{/block:iflink8}
  441. </div></div>
  442. <br>
  443. <br>
  444. <br>
  445. <br>
  446. <br>
  447. <br>
  448. <br>
  449. <br>
  450. <br>
  451. <br>
  452. <div class="desc">
  453. {Description}
  454. </center>
  455. </div>
  456.  
  457. <div class="left">
  458. <div id="posts">
  459. {block:Posts}
  460. <div class="entry">
  461.  
  462. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right>
  463. <!--EDIT THE PERMALINK STUFF ON TEXT POSTS-->
  464. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a>
  465. {/block:Text}
  466.  
  467. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  468. class="permalink"><a href="{Permalink}"><a href="{Permalink}"></a> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a><a href="{Permalink}">{NoteCount} notes {notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  469.  
  470. {block:Photo}
  471. {block:IndexPage}
  472. <center>
  473. <div class="permalink">
  474. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes </a><a href="{ReblogURL}" target="_blank"> - reblog </a> </div>
  475. <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220px"/></a></div>
  476. {/block:IndexPage}
  477. {block:PermalinkPage}
  478. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  479.  
  480. {LinkCloseTag}
  481. {/block:PermalinkPage}
  482. {/block:Photo}
  483. {block:Photoset}
  484. {block:IndexPage}
  485. <center>
  486. <div class="permalink">
  487. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  488. {Photoset-250}</center>
  489. {/block:IndexPage}
  490. {block:PermalinkPage}
  491. <center>
  492. {/block:PermalinkPage}
  493. {/block:Photoset}
  494.  
  495. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right>
  496. <!--EDIT THE PERMALINK STUFF ON QUOTES-->
  497. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes-</a><a href="{ReblogURL}" target="_blank"> reblog </a> <a
  498. </span>{/block:Quote}
  499.  
  500. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  501. <ul class="chat">
  502. {block:Lines}
  503. <li class="user_{UserNumber}">
  504. {block:Label}
  505. <span class="label">{Label}</span>
  506. <div class="permalink">
  507. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  508. {/block:Label}
  509.  
  510. {Line}
  511. </li>
  512. {/block:Lines}
  513.  
  514. <div class="permalink">
  515. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  516. {/block:Chat}
  517.  
  518. {block:Audio}
  519. <div style="width:200px; height:30px;">
  520. {AudioPlayerBlack}
  521. </div>
  522.  
  523. <div class="permalink">
  524. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  525. {/block:Audio}
  526.  
  527. {block:Video}
  528. {block:IndexPage}
  529. <center>
  530.  
  531. <div class="permalink">
  532. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  533. {Video-250}</center>
  534. {/block:IndexPage}
  535. {block:PermalinkPage}
  536. <center>
  537. {Video-400}</center>
  538. {/block:PermalinkPage}
  539. {block:Video}
  540.  
  541.  
  542. {block:Answer}
  543. <img src="{AskerPortraitURL-30}" align="left" style="margin-right:3px; border: 1px solid {color:border};"/>
  544. <div style="font-family:new york; font-size:20px; margin-top:5px; font-style:none;"> <b>{Asker} </div> <div style="font-family:new york; font-style:italic">- {Question}</b> </div>
  545. <br>
  546. <div style="font-family:new york; text-transform:none;">{Answer} </div>
  547. {/block:Answer}
  548.  
  549.  
  550. {block:PostNotes}<div align="middle">{caption}</div>
  551. <center>
  552.  
  553. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  554.  
  555. {block:HasTags}
  556. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  557. {block:RebloggedFrom}
  558. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  559. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  560.  
  561. {/block:RebloggedFrom}
  562. </center></span>
  563. <br>
  564. <div id="postnotes">{PostNotes}</div><br>
  565.  
  566. <center>{block:ContentSource}
  567. <br><a href="{SourceURL}">
  568. {lang:Source}:
  569. {block:SourceLogo}
  570. <img src="{BlackLogoURL}" width="{LogoWidth}"
  571. height="{LogoHeight}" alt="{SourceTitle}" />
  572. {/block:SourceLogo}
  573. {block:NoSourceLogo}
  574. {SourceLink}
  575. {/block:NoSourceLogo}
  576. </a>
  577. {/block:ContentSource}</center>
  578.  
  579. {/block:PostNotes}
  580. </div>
  581. {/block:Posts}
  582. </div></div>
  583.  
  584.  
  585.  
  586. {block:IndexPage}
  587. {block:Pagination}
  588. <div id="pagination">
  589. {block:NextPage}
  590. <a id="nextPage" href="{NextPage}"></a>
  591. {/block:NextPage}
  592. {block:PreviousPage}
  593. <a href="{PreviousPage}"></a>
  594. {/block:PreviousPage}
  595. </div>
  596. {/block:Pagination}
  597. {/block:IndexPage}
  598.  
  599. <div id="credit"> <a href="http://ofmiceandwinchester.tumblr.com/">CREDIT</a></div>
  600.  
  601.  
  602. </body>
  603. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement