API tools faq
paste
Advertisement
wildthemes

michelle theme four column

wildthemes
Sep 23rd, 2012
372
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.93 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <!--
  3. michelle theme by wildthemes. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.-->
  4.  
  5. <!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.
  6.  
  7. taking credits off/stealing/using my themes as a basecode is illegal.-->
  8.  
  9. <!--IMPORTANT: for infinite/endless scrolling/show all posts on your blog, go to customize -> scroll down to advanced -> change posts per page to 15.-->
  10.  
  11.  
  12.  
  13. <meta name="if:show photo" content="1"/>
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Post" content="#ffffff"/>
  16. <meta name="text:reblog label" content="reblog" />
  17.  
  18. <meta name="color:Text" content="#bbbbbb"/>
  19. <meta name="color:Title" content="#000000"/>
  20. <meta name="color:Hover" content="#130C11"/>
  21. <meta name="color:Scrollbar" content="#cccccc"/>
  22. <meta name="color:Link" content="#000000"/>
  23. <meta name="image:Background" content="1"/>
  24. <meta name="image:sidebar" content="1"/>
  25. <meta name="image:SidebarPost background" content="1"/>
  26.  
  27. <meta name="text:Link One Title" content="link 1" />
  28. <meta name="text:Link One" content="" />
  29. <meta name="text:Link Two Title" content="link 2" />
  30. <meta name="text:Link Two" content="" />
  31. <meta name="text:Link Three Title" content="link 3" />
  32. <meta name="text:Link Three" content="" />
  33. <meta name="text:Link Four Title" content="link 4" />
  34. <meta name="text:Link Four" content="" />
  35.  
  36. <script type="text/javascript"
  37. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  44.  
  45. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  46.  
  47. .wrapper{
  48. margin: 0px auto;
  49. width: 717px;
  50. }
  51.  
  52. #tumblr_controls{
  53. position:fixed !important;
  54. top: 3px;
  55. right: 3px;
  56. }
  57.  
  58. body {
  59. padding: 0px;
  60. margin: 0px;
  61. color:{color:text};
  62. background-color: {color:Background};
  63. background-image:url({image:Background});
  64. background-attachment: fixed;
  65. background-size: 1200px;
  66. font-family: calibri;
  67. font-size: 10px;
  68. line-height:10px;
  69. color:{color:text};
  70. }
  71.  
  72.  
  73. p {
  74. margin:0px;
  75. margin-top:0px;
  76. }
  77.  
  78. a:link, a:active, a:visited{
  79. color: {color:Link};
  80. text-decoration: none;
  81. -webkit-transition: color 0.5s ease-out;
  82. -moz-transition: color 0.5s ease-out;
  83. }
  84.  
  85. a:hover{
  86. color:{color:Hover};
  87. -webkit-transition: color 0.3s ease-out;
  88. -moz-transition: color 0.3s ease-out;
  89. text-shadow: 3px 0 0 rgba(255,0,0,0.3), -2px 0 0 rgba(0,255,0,0.3);
  90.  
  91. }
  92.  
  93. .entry {
  94. margin:3px;
  95. padding: 8px;
  96. padding-bottom: 5px;
  97. float:left;
  98. background-color: {color:Post};
  99. border: solid 1px #cecece;
  100. font-family: calibri;
  101. font-size: 11px;
  102. line-height:14px;
  103. {block:IndexPage}
  104. width:220px;
  105. {/block:IndexPage}
  106. {block:PermalinkPage}
  107. width:500px;
  108. {/block:PermalinkPage}
  109. }
  110.  
  111.  
  112.  
  113.  
  114. #border{
  115. width:990px;
  116. margin-left: -5px;
  117. z-index:0;
  118. position:fixed !important;
  119. bottom:0px;
  120. height:100%;
  121. background-color: #cecece;
  122. opacity: .8;
  123. background-image:url({image:SidebarPost background});
  124. }
  125.  
  126.  
  127. #sidebarbg{
  128. width:280px;
  129. margin-left: -300px;
  130. z-index:0;
  131. position:fixed !important;
  132. top:150px;
  133. height:290px;
  134. background-color: #ccc;
  135. opacity: .8;
  136. background-image:url({image:SidebarPost background});
  137. }
  138.  
  139. #blogtitle{
  140. position:fixed;
  141. width:230px;
  142. height:25px;
  143. padding-top:0px;
  144. padding-bottom: 0px;
  145. margin-left: 0px;
  146. overflow:hidden;
  147. top: 300px;
  148. font-family: origin;
  149. font-size: 20px;
  150. letter-spacing:1px;
  151. text-transform:uppercase;
  152. line-height:150%;
  153. background:white;
  154. text-align:center;
  155. padding-left: 0px;
  156. padding-right: 0px;
  157. opacity:0.5;padding:5px;
  158. }
  159.  
  160. #blogtitle:hover{
  161. position:fixed;
  162. width:230px;
  163. height:25px;
  164. padding-top:0px;
  165. padding-bottom: 0px;
  166. margin-left: 0px;
  167. overflow:hidden;
  168. top: 300px;
  169. font-family: origin;
  170. font-size: 20px;
  171. letter-spacing:1px;
  172. text-transform:uppercase;
  173. line-height:150%;
  174. background:white;
  175. text-align:center;
  176. padding-left: 0px;
  177. padding-right: 0px;-webkit-transition: all 0.3s linear;
  178. -moz-transition: all 0.3s linear;
  179. transition: all 0.3s linear;
  180. opacity:0.9;padding:5px;
  181. }
  182. .wildthemes a {}
  183.  
  184. .entry .wildthemes{
  185.  
  186. position:absolute;
  187. width:220px;
  188. height:25px;
  189. padding-top:0px;
  190. padding-bottom: 0px;
  191. margin-left: 0px;
  192. overflow:hidden;
  193. bottom: 0px;
  194. font-family: calibri;
  195. font-size: 11px;
  196. letter-spacing:1px;
  197. text-transform:uppercase;
  198. line-height:150%;
  199. text-align:center;
  200. padding-left: 0px;
  201. padding-right: 0px;
  202. opacity:0.0;padding:3px;
  203.  
  204.  
  205. -webkit-transition: all 0.3s linear;
  206. -moz-transition: all 0.3s linear;
  207. transition: all 0.3s linear;
  208. background-color:{color:Post};
  209.  
  210. }
  211. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  212.  
  213.  
  214. .entry:hover .wildthemes{
  215. overflow:visible;
  216. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  217. transition: all 0.4s linear;
  218. margin-left: 0px;
  219. width:220px;
  220. background-color:{color:posts};
  221. height: 18px;
  222. padding:3px;
  223. bottom: 20px;
  224.  
  225. opacity:0.8;
  226.  
  227. -webkit-transition: all 0.3s linear;
  228. -moz-transition: all 0.3s linear;
  229. transition: all 0.3s linear; }
  230. }
  231.  
  232. .entry:hover .wildthemes:hover{
  233. opacity: 1;
  234. width: 150px;
  235. -webkit-transition: all 0.5s linear;
  236. -moz-transition: all 0.5s linear;
  237. transition: all 0.5s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
  238.  
  239. display: inline-block;
  240. }
  241. }
  242.  
  243. .entry:hover .details {
  244. opacity: 1.0;
  245. margin:12px 0px 0px 0px;
  246. filter: alpha(opacity = 100);
  247. -webkit-transition: all .25s ease-in-out;
  248. -moz-transition: all .25s ease-in-out;
  249. -o-transition: all .25s ease-in-out;
  250. transition: all .25s ease-in-out;
  251. }
  252.  
  253.  
  254. .permahover {
  255. text-align: right;
  256. line-height:200%;
  257. opacity: 0.0;
  258. filter: alpha(opacity = 0);
  259. font-size: 9px;
  260. line-height: 9px;
  261. text-transform: uppercase;
  262. }
  263.  
  264. .entry:hover .permahover {
  265. text-align: center;
  266. opacity: 1;
  267. filter: alpha(opacity = 50);
  268.  
  269.  
  270. }
  271.  
  272. .text {
  273. padding: 0px;
  274. }
  275.  
  276.  
  277.  
  278. .entry:hover .textperma {
  279. opacity: 1;
  280. filter: alpha(opacity = 100);
  281. -webkit-transition: all ease-in 250ms;
  282. -moz-transition: all ease-in 250ms;
  283. -o-transition: all ease-in 250ms;
  284. -ms-transition: all ease-in 250ms;
  285. transition: all ease-in 250ms;
  286. }
  287.  
  288.  
  289.  
  290.  
  291. #pagination{
  292. display:none;
  293. }
  294.  
  295. #posts {
  296. position:relative;
  297. margin-top:0px;
  298. padding-bottom:7px;
  299. padding-left:120px;
  300. {block:IndexPage}
  301. width: 1000px;
  302. margin-left: -120px;
  303. margin-top: 0px;
  304. {/block:IndexPage}
  305. {block:PermalinkPage}
  306. width: 500px;
  307. margin-left: 50px;
  308. {/block:PermalinkPage}
  309. }
  310.  
  311. .links a{
  312. font-size: 10px;
  313. line-height:130%;
  314. letter-spacing:1px;
  315. margin: 0px;
  316. font-family:origin;
  317. color: #000;
  318. text-transform: uppercase;
  319. -webkit-transition: all 0.3s linear;
  320. -webkit-transition: all 0.3s linear;
  321. -moz-transition: all 0.3s linear;
  322. transition: all 0.3s linear;
  323. }@font-face { font-family: "origin"; src: url('http://static.tumblr.com/lyl1wkn/6tdm8yvpc/origin-light.ttf'); }
  324.  
  325.  
  326. .links:hover a{
  327. -webkit-transition: all 0.3s linear;
  328. -webkit-transition: all 0.3s linear;
  329. -moz-transition: all 0.3s linear;
  330. transition: all 0.3s linear;
  331. }
  332. @font-face { font-family: "holla"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  333.  
  334. #linkz{
  335. z-index:999999999999999;
  336. position:fixed !important;
  337. font-size: 9px;
  338. line-height:11px;
  339. letter-spacing:0px;
  340. background-color:{color:Post};
  341. border: 1px solid #cecece;
  342. font-family:origin;
  343. width:248px;;
  344. margin-left:-290px;
  345. margin-top:160px;
  346. height:auto;
  347. padding:4px;
  348. z-index:10;
  349. overflow:hidden;
  350. text-align:center;
  351. }
  352.  
  353. #sidebar{
  354. z-index:999999999999999;
  355. position:fixed !important;
  356. font-size: 11px;
  357. line-height:11px;
  358. letter-spacing:0px;
  359. background-color:{color:Post};
  360. border: 1px solid #cecece;
  361. font-family: calibri;
  362. width:240px;;
  363. margin-left:-290px;
  364. margin-top:192px;
  365. height:auto;
  366. padding:8px;
  367. z-index:10;
  368. overflow:hidden;
  369. text-align:center;
  370. }
  371.  
  372.  
  373.  
  374. #description{
  375. z-index:999999999999999;
  376. position:fixed !important;
  377. font-size: 11px;
  378. line-height:11px;
  379. letter-spacing:0px;
  380. background-color:{color:Post};
  381. border: 1px solid #cecece;
  382. font-family: calibri;
  383. width:240px;;
  384. margin-left:-290px;
  385. margin-top:385px;
  386. height:30px;
  387. padding:8px;
  388. z-index:10;
  389. overflow:visible;
  390. overflow:scroll;
  391. text-align:center;
  392. }
  393.  
  394.  
  395. #postnotes{
  396. text-align: justify;}
  397.  
  398. #postnotes blockquote{
  399. border: 0px;}
  400.  
  401. #infscr-loading{
  402. bottom: -70px;
  403. position: absolute;
  404. left: 50%;
  405. margin-left:-8px;
  406. width:16px;
  407. height:11px;
  408. overflow:hidden;
  409. margin-bottom: 50px;
  410. }
  411.  
  412. .title{
  413. font-family: consolas;
  414. font-size: 14px;
  415. line-height:{text:title line height}px;
  416. color: {color:Title};
  417. font-weight: normal;
  418. padding:0px 0px 0px 0px;
  419. }
  420.  
  421. blockquote{
  422. padding:2px 2px 2px 5px;
  423. margin:4px 4px 4px 7px;
  424. border-left: 4px solid #dddddd;
  425. }
  426.  
  427. {CustomCSS}
  428.  
  429. </style>
  430.  
  431. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  432. <script type="text/javascript">
  433. $(function(){
  434. $("#pageLink").click(function(){
  435. $("#titlePages").fadeToggle(500);
  436. });
  437. });
  438. </script>
  439.  
  440. {block:IndexPage}
  441. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  442. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  443. <script type="text/javascript">
  444. $(window).load(function () {
  445. var $content = $('#posts');
  446. $content.masonry({
  447. itemSelector: '.entry',
  448. isAnimated: true
  449. }),
  450. $content.infinitescroll({
  451. navSelector : '#pagination',
  452. nextSelector : '#pagination a#nextPage',
  453. itemSelector : '.entry',
  454. loading: {
  455. finishedMsg: '',
  456. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  457. },
  458. bufferPx : 200,
  459. debug : false,
  460. },
  461. // call masonry as a callback.
  462. function( newElements ) {
  463. var $newElems = $( newElements );
  464. $newElems.hide();
  465. // ensure that images load before adding to masonry layout
  466. $newElems.imagesLoaded(function(){
  467. $content.masonry( 'appended',
  468. $newElems, true,
  469. function(){$newElems.fadeIn(300);}
  470. );
  471.  
  472.  
  473. });
  474. });
  475. });
  476. </script>
  477. {/block:IndexPage}
  478.  
  479. <title>{title}</title>
  480.  
  481. <link rel="shortcut icon" href="{Favicon}">
  482. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  483. <meta name="viewport" content="width=820" />
  484.  
  485. </style>
  486.  
  487. </head>
  488. <body>
  489.  
  490.  
  491. <div class="wrapper">
  492. <div style="position:fixed;right:0px;top:28px;">
  493. </span>
  494. </div>
  495.  
  496.  
  497.  
  498. <div id="border"></div>
  499. <div id="sidebarbg"></div>
  500. <div id="sidebar">
  501. <div id="blogtitle">{Title}</div>
  502.  
  503. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=240px; height=170px;></a>{/block:ifshowphoto}
  504.  
  505.  
  506.  
  507. </div>
  508.  
  509.  
  510. <div id="description">{Description}</div>
  511.  
  512. <div id="linkz">
  513. <div style="margin-top:2px;">
  514. <span class="links"><a href="/"><big><big>↺</a> </big></big> </span> -
  515. {block:ifLinkOneTitle}<span class="links"><a href="{text:Link One}">{text:Link One Title}</a></span> {/block:ifLinkOneTitle} -
  516. {block:ifLinkTwoTitle}<span class="links"><a href="{text:Link Two}">{text:Link Two Title}</a></span> {/block:ifLinkTwoTitle} -
  517. {block:ifLinkThreeTitle}<span class="links"><a href="{text:Link Three}">{text:Link Three Title}</a></span>{/block:ifLinkThreeTitle} -
  518. {block:ifLinkFourTitle}<span class="links"><a href="{text:Link Four}">{text:Link Four Title}</a></span>{/block:ifLinkFourTitle}
  519. </div></div>
  520.  
  521. <div id="posts">
  522.  
  523. {block:Posts}
  524. <div class="entry">
  525.  
  526. {block:Text}
  527. {block:Title}<span class="title">{Title}</span>{/block:Title}
  528. <div class="caption"><span class="entrytext">{Body}</span></div>
  529. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  530. {/block:Text}
  531.  
  532. {block:Link}
  533. <a href="{URL}" class="title">{Name}</a>
  534. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  535. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  536. {block:Link}
  537.  
  538.  
  539. {block:Photo}
  540. {block:indexpage} <div class="wildthemes"><p><a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">{text:reblog label}</a> | <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">♥</a> </div>
  541.  
  542. <img src="{PhotoURL-HighRes}" width="100%"/>
  543. {/block:indexpage}
  544. {block:permalinkpage}
  545. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  546. {/block:permalinkpage} {block:IndexPage}
  547. {/block:IndexPage}
  548. {/block:Photo}
  549.  
  550.  
  551. {block:Photoset}
  552. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  553. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  554. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  555. {/block:Photoset}
  556.  
  557. {block:Quote}
  558. {Quote}</span>
  559. {block:Source}{Source}{/block:Source}
  560. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  561. {/block:Quote}
  562.  
  563. {block:Chat}
  564. {block:Title}<span class="title">{Title}</span>{/block:Title}
  565. <ul class="chat">
  566. {block:Lines}
  567. <li class="user_{UserNumber}">
  568. {block:Label}
  569. <span class="label">{Label}</span>
  570. {/block:Label}
  571.  
  572. {Line}
  573. </li>
  574. {/block:Lines}
  575. </ul>
  576. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  577. {/block:Chat}
  578.  
  579. {block:Audio}
  580. <div style="width:250px; height:28px;">{AudioPlayerWhite}</div>
  581. {block:IndexPage}
  582. <div class="caption">
  583. {caption}</div>{/block:IndexPage}
  584. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  585. {/block:Audio}
  586.  
  587. {block:Video}
  588. <center>
  589. {block:IndexPage}
  590. {Video-250}
  591. {/block:IndexPage}
  592. </center>
  593. {block:PermalinkPage}
  594. <center>{Video-500}</center>
  595. {/block:PermalinkPage}
  596. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  597. {block:Video}
  598.  
  599. {block:Answer}
  600. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  601. <strong>{Asker}: {Question}</strong>
  602. <div class="caption">
  603. {Answer}</div>
  604. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  605. {/block:Answer}
  606.  
  607. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  608.  
  609. {block:PermalinkPage}
  610. {block:Date}
  611. {block:Caption}{Caption}{/block:Caption}<center>
  612. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}<br>
  613. {block:NoteCount}{NoteCount} notes{/block:NoteCount}{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  614. {/block:Date}
  615.  
  616. {/block:PermalinkPage}
  617.  
  618. {block:PostNotes}{PostNotes}
  619. {/block:PostNotes}
  620. </div>
  621.  
  622.  
  623. {/block:Posts}
  624. </div>
  625. </div>
  626. {block:IndexPage}<br>
  627. {block:Pagination}
  628. <div id="pagination">
  629. {block:NextPage}
  630. <a id="nextPage" href="{NextPage}">next</a>
  631. {/block:NextPage}
  632. {block:PreviousPage}
  633. <a href="{PreviousPage}">back</a>
  634. {/block:PreviousPage}
  635. </div>
  636. {/block:Pagination}
  637. {/block:IndexPage}
  638. </div>
  639.  
  640.  
  641. </body>
  642. </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!