Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme - Oh Love

By: winchestersnothemes on Aug 21st, 2012  |  syntax: None  |  size: 13.83 KB  |  hits: 595  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <head>
  2. <!--  http://winchestersnote.tumblr.com--!>
  3. <!-- DEFAULT VARIABLES -->
  4. <meta name="color:background" content="#000000"/>
  5. <meta name="color:post" content="#000000"/>
  6. <meta name="color:text" content="#636363"/>
  7. <meta name="color:link" content="636363"/>
  8. <meta name="color:link hover" content="#777"/>
  9. <meta name="color:sidebar" content="#000000"/>
  10. <meta name="color:scroll" content="#636363"/>
  11. <meta name="color:scroll bg" content="#000000"/>
  12. <meta name="color:descr" content="#636363"/>
  13. <meta name="color:linkks" content="#636363"/>
  14.  
  15.  
  16. <meta name="image:background" content=""/>
  17. <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_lvg5fu9xr41r1jb8to1_500.jpg"/>
  18.  
  19. <meta name="text:Link1" content="" />
  20. <meta name="text:Link1 Title" content="um" />
  21. <meta name="text:Link2" content="" />
  22. <meta name="text:Link2 Title" content="dois" />
  23. <meta name="text:Link3" content="" />
  24. <meta name="text:Link3 Title" content="tres" />
  25. <meta name="text:Link4" content="" />
  26. <meta name="text:Link4 Title" content="quatro" />
  27. <meta name="text:Link5" content="" />
  28. <meta name="text:Link5 Title" content="cinco" />
  29. <title>{Title}</title>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  32.  
  33. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  34.  
  35. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  36.  
  37. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  38.  
  39.  
  40. <script>
  41. jQuery(window).load(function(){
  42. var $wall = $('#posts');
  43. $wall.imagesLoaded(function(){
  44. $wall.masonry({
  45. singleMode: true,
  46. columnWidth: 312,
  47. itemSelector: '#space'
  48. });
  49. });
  50. $wall.infinitescroll({
  51. navSelector : '#page-nav',
  52. nextSelector : '#page-nav a',
  53. itemSelector : '#space',
  54. },
  55.  
  56. function( newElements ){
  57. $(newElements).hide();
  58. setTimeout(function(){
  59. $wall.masonry({ appendedContent: $(newElements) });
  60. },2000);
  61. setTimeout(function(){
  62. $(newElements).fadeIn('slow');
  63. },2100);
  64. },1000);
  65. });
  66. </script>
  67.  
  68.  
  69. <script>
  70. $.fn.imagesLoaded = function(callback){
  71. var elems = this.find('img'),
  72. len = elems.length,
  73. _this = this;
  74. if ( !elems.length ) {
  75. callback.call( this );}
  76. elems.bind('load',function(){
  77. if (--len <= 0){
  78. callback.call( _this );}
  79. }).each(function(){
  80. // cached images don't fire load sometimes, so we reset src.
  81. if (this.complete || this.complete === undefined){
  82. var src = this.src;
  83. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  84. // data uri bypasses webkit log warning (thx doug jones)
  85. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  86. this.src = src;}
  87. });
  88. return this;};
  89. </script>
  90.  
  91. {/block:Indexpage}
  92. <style type="text/css">
  93.  
  94. body{margin:0px; background-color:{color:background}; background-image:url({image:Background});
  95. background-attachment: fixed; background-repeat: repeat; font-family: verdana; font-size: 09px; color:{color:Text};}
  96.  
  97. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  98.  
  99. a:hover{color:{color:link hover}; text-decoration: none;}
  100.  
  101. #center{position:relative; width:1270px; overflow:auto; overflow-y:hidden;}
  102.  
  103. #posts{margin-left: 400px; margin-top:5px; width: 650px;height: auto; margin-bottom: 20px;}
  104.  
  105.  
  106. #space{float: left; width: 300px; padding: 3px; margin: 3px; background-color: {color:post};}
  107.  
  108. #space img{max-width:300px}
  109.  
  110.  
  111. #space:hover .nothing {opacity:0.9; margin-top:0px}
  112.  
  113. .nothing{position:absolute; font-size:9px;text-transform:uppercase; font-family: calibri; letter-spacing: 0px; color:{color:text}; margin-left:0px; opacity:0; height:13px; width: 297px; margin-bottom:0px; margin-top:00px; background-color:{color:post}; display:inline; border-left:3px solid {color:post}; text-align:center; padding:1px; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; padding-top: 2px; z-index: 999999999999999999999999999999999999999999999999999999; }
  114. .nothing a {color:{color:text}; background-color: {color:post}; text-transform:uppercase; font-style:normal; width: 418px;}
  115. .nothing a:hover {color:; text-transform:uppercase; color:{color:link hover}}
  116.  
  117.  
  118. .permalink{display: block; font: normal 9px Helvetica, Arial, Sans Serif; text-align: right; text-transform: none; padding: 1px;}
  119.  
  120. .permalink a{color:#999;}
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  128.  
  129. .video embed, .post div.video object {width:300px !important; height:200 !important;}
  130.  
  131. blockquote{padding:0px 0px 2px 3px; margin:0px 0px 2px 1px; border-left: 1px solid {color:background};}
  132.  
  133. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  134. {/block:ifFadedImages}
  135.  
  136. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.7s linear; opacity: .7;}
  137. {/block:ifInvertedFade}
  138.  
  139. ::-webkit-scrollbar{width:10px;height:5px;}
  140. ::-webkit-scrollbar-button:start:decrement}
  141. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  142. ::-webkit-scrollbar-track-piece{background-color:{color:scroll bg}; border:4px solid {color:scroll bg}}
  143. ::-webkit-scrollbar-thumb:vertical{height:100px; background-color:{color:scroll};  border:4px solid {color:scroll bg}}
  144. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scroll};  border:4px solid {color:scroll bg}}
  145.  
  146. #barra {width: 100%; height: 100%; position: fixed; top: -1px; background: {color:bg}; margin-left: 400px;  background-color:{color:post}; background-attachment:fixed;}
  147.  
  148. #damon {position: fixed; margin: 0px 0px 0px -448px;}
  149.  
  150.  
  151. #masoq3{text-align: justify; font-size: 9px; font-family: verdana; position: relative; margin-left: 593px; width: 240px; height: 525px; background-color:{color:sidebar}; color: #000000; padding: 7px; margin-top:0px; background-attachment: fixed; border-bottom: 0px solid #8b8a8a;}
  152.  
  153. .links1 {position: fixed; width: 250px; margin-left:-5px; margin-top:-249px; padding: 0px; text-align: center; z-index:3;}
  154. .links1 a {margin-top:-1px; font-family:calibri; text-align:center; font-size:10px; text-transform:uppercase; font-weight:none; padding:2px; letter-spacing:0px;color:{color:linkks}; }
  155. .links1  a:hover{text-align: center; background-color:{color:sidebar}; color{color:link hover}; letter-spacing:0px;}
  156.  
  157.  
  158. #simgg {margin-top: 180px; margin-bottom: 0px; padding:37px;}
  159. #simgg img{width: 230px; height:auto; border: 0px solid ; margin-left:-32px;margin-top:-40px;position: fixed;}
  160.  
  161. .titlee{text-align: justify; margin-bottom:1px; font-family: verdana; font-size: 9px; color:{color:descr}; letter-spacing: 0px; text-transform: none;
  162. position: fixed;width: 235px;
  163. padding: 0px; margin-top:-235px;
  164. }
  165.  
  166.  
  167. .ps {z-index: 3;padding: 0px; text-align: center; font-size: 10px; color: {color:text}; font-family: georgia;position:fixed;margin-top:-101px; margin-left:190px;background-color:{color:sidebar}; height:21;line-height: 18px;}
  168.  
  169. #tumblr_controls{position: fixed!important}
  170. #tumblr_controls{position: fixed!important}
  171. #tumblr_controls{position: fixed!important}
  172. #tumblr_controls{position: fixed!important}
  173.  
  174. iframe#tumblr_controls {
  175.     position: fixed !important;
  176.     top: 0 !important;
  177.     right: 0 !important;
  178.      opacity: 1.0 !important;
  179.  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  180. }
  181.  
  182.  
  183. iframe#tumblr_controls:hover {
  184.     position: fixed !important;
  185.     top: 0 !important;
  186.     right: 0 !important;
  187.      opacity: 1.0 !important;
  188.  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  189. }
  190.  
  191.  
  192. </style>
  193.  
  194. <link rel="shortcut icon" href="{Favicon}">
  195. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  196. <meta name="viewport" content="width=820" />
  197. </head>
  198.  
  199. <body>
  200.  
  201. <div id="barra"></div>
  202.  
  203. <div id="damon">
  204.  
  205. <div id="masoq3">
  206.  
  207. <div id="simgg"><img src="{image:sidebar}"></div>
  208.  
  209. <div class="titlee">{description}</div>
  210.  
  211. <div class="links1">
  212. <a href="{text:Link1}">{text:Link1 Title}</a>
  213. <a href="{text:Link2}">{text:Link2 Title}</a>
  214. <a href="{text:Link3}">{text:Link3 Title}</a>
  215. <a href="{text:Link4}">{text:Link4 Title}</a>
  216. <a href="{text:Link5}">{text:Link5 Title}</a><a href="http://winchestersnote.tumblr.com/"title="base s-pook ">@</a>  
  217. </div>
  218.  
  219. <div class="ps">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  220.  
  221.  
  222.  
  223.  
  224.  
  225. </div></div>
  226.  
  227.  
  228.  
  229.  
  230. <div id="center">
  231.  
  232.  
  233. <div id="posts">
  234. {block:Posts}
  235. <div id="space">
  236.  
  237. {block:Text}
  238. <span class="nothing">
  239. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  240. </span>
  241. {block:Title}<span class="title">{Title}</span>{/block:Title}
  242. <span class="entrytext">{Body}</span>
  243. {/block:Text}
  244.  
  245. {block:Answer}
  246. <span class="nothing">
  247. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  248. </span>
  249. <div style="background-color:{color:background}; padding: 4px; {block:IndexPage}width: 292px;{/block:IndexPage}{block:PermalinkPage}width:492px;{/block:PermalinkPage}"><b>{Asker}</b>: {Question}</div>
  250. <div style="padding-left: 4px;">{Answer}</div>
  251. {/block:Answer}  
  252.  
  253. {block:Link}
  254. <span class="nothing">
  255. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  256. </span>
  257. <a href="{URL}" class="title">{Name}</a>
  258. {block:Description}{Description}{/block:Description}
  259. {block:Link}
  260.  
  261. {block:Photo}
  262. <span class="nothing">
  263. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  264. </span>
  265. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px/></a>
  266. {/block:Photo}
  267.  
  268. {block:Photoset}
  269. <span class="nothing">
  270. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  271. </span>
  272. <center><div style="padding-top: 10px; padding-bottom: 10px; background-color:{color:post};">{Photoset-250}</div></center>
  273. {/block:Photoset}
  274.  
  275. {block:Quote}
  276. <span class="nothing">
  277. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  278. </span>
  279. <div style="background-color:{color:post}; padding: 4px;"><center>"{Quote}"</center><div style="text-align:right; font-weight: bold; border-top:1px solid {color:background}">{block:Source}— {Source}{/block:Source}</div></div>
  280. {/block:Quote}
  281.  
  282. {block:Chat}
  283. <span class="nothing">
  284. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  285. </span>
  286. {block:Title}<span class="title">{Title}</span>{/block:Title}
  287. <ul class="chat">
  288. {block:Lines}
  289. <li class="user_{UserNumber}">
  290. {block:Label}
  291. <span class="label">{Label}</span>
  292. {/block:Label}
  293.  
  294. {Line}
  295. </li>
  296. {/block:Lines}
  297. </ul>
  298. {/block:Chat}
  299.  
  300. {block:Audio}
  301. <span class="nothing">
  302. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  303. </span>
  304. <div style="background-color:#000; width: 300px;"><div style="width:300px; height:27px;">{AudioPlayerBlack}</div></div>
  305. {/block:Audio}
  306.  
  307. {block:Video}
  308. <span class="nothing">
  309. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  310. </span>
  311. {block:IndexPage}{Video-250}{/block:IndexPage}
  312. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  313. {block:Video}
  314.  
  315.  
  316. {block:PostNotes}{PostNotes}
  317. {/block:PostNotes}</div>
  318. {/block:Posts}
  319.  
  320. </div>
  321. </div>
  322. </div>
  323.  
  324. </body>
  325. </html>
create a new version of this paste RAW Paste Data