API tools faq
paste
Advertisement
thepinkrebellion

wteveryolo theme by zenthemes

thepinkrebellion
Aug 6th, 2012
48
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.32 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <link href='http://static.tumblr.com/gfiuv4c/DXAm7yocz/rollin.css' rel='stylesheet' type='text/css'>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  6. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <meta name="color:Background" content="#EEEEEE"/>
  10. <meta name="color:Box" content="#ffffff"/>
  11. <meta name="color:Text" content="#130C11"/>
  12. <meta name="color:Hover" content="#ffffff"/>
  13. <meta name="color:Hover Shadow" content="#000000"/>
  14. <meta name="color:Link" content="#000000"/>
  15. <meta name="color:Sidebar" content="#fcfcfc"/>
  16. <meta name="image:sidebar" content="1"/>
  17. <meta name="image:Background" content="1"/>
  18. <meta name="if:Show Blog Title" content=""/>
  19. <meta name="if:Fix Tumblr Controls" content="1"/>
  20. <meta name="if:Grayscale Photo Hover" content="1"/>
  21.  
  22.  
  23. <style type="text/css">
  24.  
  25. ::-webkit-scrollbar-thumb:vertical {
  26. background-color:#bebebe;
  27. height:auto;
  28. border-bottom: 1px solid #aaaaaa;
  29. border-top: 1px solid #aaaaaa;
  30. border-left: 1px solid #aaaaaa;
  31. border-right: 1px solid #aaaaaa;
  32. }
  33. ::-webkit-scrollbar {
  34. height:auto;
  35. width:7px;
  36. border-left: 1px solid #aaaaaa;
  37. background-color:#ECECEC;
  38. }
  39.  
  40. #tumblr_controls{
  41. position:fixed !important;
  42. }
  43.  
  44. .wrapper{
  45. margin: 0px auto;
  46. width: 802px;
  47. }
  48.  
  49. .header{
  50. float: left;
  51. width: 100%;
  52. }
  53.  
  54. .left{
  55. float: left;
  56. margin-right: 20px;
  57. width: 702px;
  58. }
  59.  
  60. .menuu {
  61. display : block;
  62. text-align: center;
  63. background-color : transparent;
  64. font-size: 18px;
  65. width: 70px;
  66. height: 20px;
  67. letter-spacing:0px;
  68. margin-top:5px;
  69. margin-left:3px;
  70. line-height:18px;
  71. border-style: solid;
  72. color: #000;
  73. font-family: amatic sc;
  74. text-align:center;
  75. -webkit-transition-duration: .4s;
  76. -webkit-border-radius:2px;
  77. moz-border-radius:2px;
  78. -o-border-radius:2px;
  79. border-radius:2px;
  80. border-top-right-radius:0px;
  81. border-bottom-right-radius:60px;
  82. border-top-left-radius:60px;
  83. border-bottom-left-radius:0px;
  84. display: inline-block;
  85. }
  86.  
  87. .menuu:hover {
  88. background-color: transparent;
  89. -moz-transition: all .2s ease-in-out;
  90. -o-transition: all .2s ease-in-out;
  91. transition: all .2s ease-in-out;
  92. -webkit-transition: all .2s ease-in-out;
  93. -webkit-transition-duration: .8s;
  94. -webkit-border-radius:2px;
  95. moz-border-radius:2px;
  96. -o-border-radius:2px;
  97. border-radius:2px;
  98. border-top-right-radius:600px;
  99. border-bottom-right-radius:0px;
  100. border-top-left-radius:0px;
  101. border-bottom-left-radius:600px;
  102. -webkit-transition-duration: 0.4s;
  103. -webkit-transition-duration: 0.4s;
  104. }
  105.  
  106.  
  107. .right{
  108. float: right;
  109. width: 200px;
  110. background-color: {color:Background};
  111. }
  112.  
  113. body {
  114. padding: 0px;
  115. margin: 0px;
  116. color:{color:text};
  117. font-family: 'Ubuntu', sans-serif;
  118. font-size: 11px;
  119. background-color: {color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-size: cover;
  123. }
  124.  
  125. a:link, a:active, a:visited{
  126. color: {color:Link};
  127. text-decoration: none;
  128. -webkit-transition: color 0.4s ease-out;
  129. -moz-transition: color 0.4s ease-out;
  130. }
  131. #themet{
  132. position:fixed !important;
  133. width:auto;
  134. height:auto;
  135. right:3px;
  136. top:26px;
  137. }
  138. a:hover{
  139. color:{color:Hover};
  140. text-shadow:0px 0px 8px {color:Hover Shadow};
  141. -webkit-transition: color 0.4s ease-out;
  142. -moz-transition: color 0.4s ease-out;
  143. }
  144.  
  145. .entry {
  146. margin:5px;
  147. padding: 5px;
  148. float:left;
  149. background-color: {color:box};
  150. font-family: 'Ubuntu', sans-serif;
  151. font-size: 11px;
  152. line-height:12px;
  153. {block:IndexPage}
  154. width:270px;
  155. {/block:IndexPage}
  156. {block:PermalinkPage}
  157. width:582px;
  158. {/block:PermalinkPage}
  159. }
  160.  
  161. .entry .permalink{
  162. position:absolute;
  163. width:270px;
  164. height:30px;
  165. padding-bottom:0px;
  166. background-color:#ddd;
  167. border:0px solid #000;
  168. overflow:hidden;
  169. font-family: 'Amatic SC';
  170. text-transform: uppercase;
  171. font-size: 25px;
  172. line-height:26px;
  173. text-align:center;
  174. opacity:0.0;
  175. -webkit-transition: all 0.2s linear;
  176. -webkit-transition: all 0.2s linear;
  177. -moz-transition: all 0.2s linear;
  178. transition: all 0.2s linear;
  179. }
  180.  
  181. .entry:hover .permalink{
  182. margin-top:0px;
  183. margin-left:0px;
  184. overflow:visible;
  185. -webkit-transition: all 0.4s linear; opacity: 0.8;
  186. -webkit-transition: all 0.4s linear;
  187. -moz-transition: all 0.4s linear;
  188. transition: all 0.4s linear;
  189. }
  190.  
  191. .links{
  192. display: block;
  193. font-size: 20px;
  194. text-align: center;
  195. margin-left: 1px;
  196. font-famil:amatic sc;
  197. color: white;
  198. background-color: #d1d1d1;
  199. border: 1px solid {color:text};
  200. }
  201. .links a{
  202. color: #fff;}
  203. .links {
  204. width: 80px;
  205. height: 35px;
  206. font-family: amatic sc;
  207. background-color:#4e4e4e;
  208. margin-right: 12px;
  209. margin-top: 8px;
  210. font-size:20px;
  211. letter-spacing:0px;
  212. line-height:30px;
  213. text-align:center;
  214. border: 1px solid #444444;
  215. -webkit-transition-duration: 1.4s;
  216. -moz-box-shadow: 0 0 1px #888;
  217. -webkit-box-shadow: 0 0 1px#888;
  218. display: inline-block;
  219. }
  220.  
  221. .links:hover {
  222. letter-spacing:1px;
  223. background-color:#EBEBEB;
  224.  
  225. }
  226.  
  227.  
  228. #sidebar{
  229. -webkit-animation: rollIn 1.5s;
  230. -moz-animation: rollIn 1.5s;
  231. -ms-animation: rollIn 1.5s;
  232. opacity:0.75;
  233. filter:alpha(opacity=70); /* For IE8 and earlier */
  234. z-index:9999999;
  235. position:absolute !important;
  236. position:fixed !important;
  237. width:110px;
  238. background-color:{color:Sidebar};
  239. background-image:url({image:Sidebar});
  240. background-repeat: repeat;
  241. height:100%;
  242. opacity:1;
  243. top:0px;
  244. margin-left:60px;
  245. padding-right:6px;
  246. z-index:10;
  247. padding-top:150px;
  248. overflow:hidden;
  249. text-align:center;
  250. }
  251.  
  252. {block:ifGrayscalePhotoHover}
  253. img{
  254. -webkit-filter: grayscale(0%);
  255. }
  256. img:hover{
  257. -webkit-filter: grayscale(100%);
  258. z-index: -9999999999999999999999999px;
  259. }
  260. {/block:ifGraayscalePhotoHover}
  261.  
  262.  
  263. #posts {
  264. width: 700px;
  265. margin-left:180px;
  266. margin-top:3px;
  267. float:left;
  268. font-family: cambria;
  269. }
  270.  
  271. #infscr-loading{
  272. bottom: -70px;
  273. position: absolute;
  274. left: 50%;
  275. margin-left:-8px;
  276. width:16px;
  277. height:11px;
  278. overflow:hidden;
  279. margin-bottom: 50px;
  280. }
  281.  
  282. .title{
  283. font-family: 'Ubuntu', sans-serif;
  284. font-size: 11px;
  285. line-height:14px;
  286. color: {colot:text};
  287. font-weight: normal;
  288. }
  289.  
  290. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  291. {CustomCSS}
  292.  
  293. </style>
  294.  
  295. {block:IndexPage}
  296. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  297. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  298.  
  299. <script type="text/javascript">
  300. $(window).load(function () {
  301. var $content = $('#posts');
  302. $content.masonry({itemSelector: '.entry'}),
  303. $content.infinitescroll({
  304. navSelector : 'div#pagination',
  305. nextSelector : 'div#pagination a#nextPage',
  306. itemSelector : '.entry',
  307. loading: {
  308. finishedMsg: '',
  309. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  310. },
  311. bufferPx : 5000,
  312. debug : false,
  313. },
  314. // call masonry as a callback.
  315. function( newElements ) {
  316. var $newElems = $( newElements );
  317. $newElems.hide();
  318. // ensure that images load before adding to masonry layout
  319. $newElems.imagesLoaded(function(){
  320. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  321.  
  322.  
  323. });
  324. });
  325. });
  326. </script>
  327.  
  328. {/block:IndexPage}
  329.  
  330. <title>{title}</title>
  331.  
  332. <link rel="shortcut icon" href="{Favicon}">
  333. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  334. <meta name="viewport" content="width=820" />
  335.  
  336. </head>
  337. <body>
  338. </div>
  339.  
  340. <div class="wrapper">
  341. <div class="header">
  342. </div>
  343. <div id="sidebar">
  344. <a href="/"><div id="blogtitle">{title}</div></a>
  345. <div id="desc">{Description}</div>
  346. <span class="menuu">
  347. <a href="/">HOME</a></span><br><span class="menuu">
  348. <a href="/ask">ASK</a></span><br>{block:HasPages}{block:Pages}<span class="menuu">
  349. <a href="{URL}">{Label}</a></span><br>{/block:Pages}{/block:HasPages}<span class="menuu">
  350. <a href="http://http://☯☹.tumblr.com/">THEME</a></span>
  351.  
  352.  
  353. </div>
  354.  
  355.  
  356. <div class="left">
  357.  
  358. <div id="posts">
  359.  
  360. {block:Posts}
  361. <div class="entry">
  362.  
  363. {block:IndexPage}
  364. <div class="permalink"> <a href="{permalink}">{NoteCountWithLabel}</a> //
  365. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  366. {/block:IndexPage}
  367. {block:Photo}
  368. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="270"/></a></div>{LinkCloseTag}{/block:IndexPage}
  369. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="583"/></a>{LinkCloseTag}{/block:PermalinkPage}
  370. {/block:Photo}
  371. {block:Video}
  372. {block:IndexPage}
  373. <center>
  374. {Video-320}</center>
  375. {/block:IndexPage}
  376. {block:PermalinkPage}
  377. <center>
  378. {Video-550}</center>
  379. {/block:PermalinkPage}
  380. {block:Video}
  381. {block:Photoset}
  382. {block:IndexPage}
  383. <center>
  384. {Photoset-320}</center>
  385. {/block:IndexPage}
  386. {block:PermalinkPage}
  387. <center>
  388. {Photoset-550}</center>
  389. {/block:PermalinkPage}
  390. {/block:Photoset}
  391.  
  392. {block:Quote}
  393. {Quote}</span>
  394. {block:Source}<strong>{Source}</strong>{/block:Source}
  395. {/block:Quote}
  396. {block:Text}
  397. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  398. {/block:Text}
  399.  
  400. {block:Link}
  401. <a href="{URL}" class="title">{Name}</a>
  402. {block:Description}{Description}{/block:Description}
  403. {block:Link}
  404. {block:Chat}
  405. {block:Title}<span class="title">{Title}</span>{/block:Title}
  406. <ul class="chat">
  407. {block:Lines}
  408. <li class="user_{UserNumber}">
  409. {block:Label}
  410. <span class="label">{Label}</span>
  411. {/block:Label}
  412.  
  413. {Line}
  414. </li>
  415. {/block:Lines}
  416. </ul>
  417. {/block:Chat}
  418.  
  419. {block:Audio}
  420. <center><div style="width:250px; height:50px;"><div style="float:left">{AudioPlayer}</div><div style="margin-top:10px; float:right;">
  421. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  422. {/block:Audio}
  423.  
  424. {block:PermalinkPage}
  425. <center>
  426. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  427.  
  428.  
  429. {/block:PermalinkPage}
  430.  
  431.  
  432. {block:PostNotes}{PostNotes}
  433. {/block:PostNotes}
  434. </div>
  435.  
  436.  
  437. {/block:Posts}
  438. </div>
  439. </div>
  440. {block:IndexPage}
  441. {block:Pagination}
  442. <div id="pagination">
  443. {block:NextPage}
  444. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  445. {/block:NextPage}
  446. {block:PreviousPage}
  447. <a href="{PreviousPage}">&larr;&nbsp;</a>
  448. {/block:PreviousPage}
  449. </div>
  450. {/block:Pagination}
  451. {/block:IndexPage}
  452. </div>
  453.  
  454. </body>
  455. </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!