Advertisement
InfiniteTherese

Flawless

Feb 26th, 2013
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.52 KB | None | 0 0
  1. <!-
  2. theme by slytherese.i made a lot of effort so dont delete the credit or else. if you want to remove the credit put it in your faq. you can delete this now.
  3. -!>
  4.  
  5. <html lang="en">
  6. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  7. <head>
  8.  
  9. <script type="text/javascript">
  10. </script>
  11. <meta name="color:Background" content="#C29B9B"/>
  12. <meta name="color:Title" content="#292929"/>
  13. <meta name="color:Text" content="#363636"/>
  14. <meta name="color:Link" content="#C29B9B"/>
  15. <meta name="color:scrollbar" content="#727272"/>
  16. <meta name="color:text shadow" content="#000000"/>
  17. <meta name="color:Hover" content="#ddd"/>
  18. <meta name="text:Sidebar Title" content="FLAWLESS"/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Background2" content="">
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="text:marginleft" content="150" />
  23. <meta name="text:margintop" content="330" />
  24. <meta name="text:Link One" content="" />
  25. <meta name="text:Link Two" content="" />
  26. <meta name="text:Link Three" content="" />
  27. </script>
  28.  
  29. <style type="text/css">
  30.  
  31.  
  32. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  33.  
  34. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  35.  
  36. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  37.  
  38. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  39.  
  40. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;}
  41.  
  42. @font-face {
  43. font-family: "dawning";
  44. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  45. }
  46.  
  47. ::selection {
  48. background: #ebbbaa;
  49. color: #ffffff;
  50. }
  51.  
  52.  
  53. ::-moz-selection {
  54. background: #ebbbaa;
  55. color: #ffffff;
  56. }
  57.  
  58.  
  59. body{
  60. margin:5px;
  61. background-color: {color:Background};
  62. background-image:url({image:Background});
  63. background-attachment: fixed;
  64. background-repeat: repeat;
  65. font-size: 10px;
  66. font-family: arial;
  67. letter-spacing:-1px;
  68. line-height:12px;
  69. color:{color:Text};
  70. cursor:url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;
  71. }
  72.  
  73. a:link, a:active, a:visited{
  74. color: {color:Link};
  75. text-decoration: none;
  76. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  77. }
  78.  
  79. a:hover{
  80. color:{color:Hover};
  81. text-decoration: none;
  82. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  83. text-shadow:1px 1px 5px {color:text shadow};
  84. cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), auto;
  85. }
  86.  
  87. #cunt{width:250px; height:auto;}
  88. {block:PermalinkPage}
  89. width:410px;
  90. {/block:PermalinkPage}
  91. }
  92.  
  93. #center{
  94. padding-top:3px;
  95. padding-bottom:3px;
  96. position:fixed !important;
  97. width:250px;
  98. height:207px;
  99. background-color:#fff;
  100. {block:PermalinkPage}
  101. width:410px;
  102. height:207px;
  103. {/block:PermalinkPage}
  104. }
  105.  
  106. #posts{
  107. float:center;
  108. {block:indexpage}
  109. width:500px;
  110. {/block:indexpage}
  111. {block:permalinkpage}
  112. width:800px;
  113. {/block:permalinkpage}
  114. margin:8px;
  115. margin-left: 465px;
  116. margin-top: 0px;
  117. }
  118.  
  119. #jackandfinn {
  120. position:fixed !important;
  121. width: auto;
  122. font-family: arma;
  123. height: auto;
  124. margin-left: 90px;
  125. margin-top: 150px;
  126. padding:10px;
  127. padding-top:70px;
  128. }
  129.  
  130.  
  131. div#jackharries{
  132. position:fixed !important;
  133. width: 290px;
  134. height: auto;
  135. padding:5px;
  136. opacity:0;
  137. padding-bottom: 5px;
  138. padding-top:5px;
  139. font color: #000;
  140. margin-top: 3px;
  141. margin-left:0px;
  142. font-size: 12px;
  143. line-height:12px;
  144. box-shadow: 0px 0px 5px #ddd;
  145. background-color:white;
  146. border:6px double #ddd;
  147. font-family:calibri;
  148. letter-spacing:-1px;
  149. -o-transition-transition: all 1.0s ease-out;
  150. -webkit-transition: all 1.0s ease-out;
  151. -moz-transition: all 1.0s ease-out;
  152. }
  153. #jackandfinn:hover div#jackharries{
  154. opacity:0.8;
  155. transition: all 0.9s ease-out;
  156. -o-transition-transition: all 0.9s ease-out;
  157. -webkit-transition: all 0.9s ease-out;
  158. -moz-transition: all 0.9s ease-out;
  159. }
  160.  
  161. #youtubers{
  162. background-image:url({image:Background2});
  163. opacity:0.9;
  164. top:0px;
  165. width:565px;
  166. margin-left:420px;
  167. height:100%;
  168. position:fixed;
  169. border-left:1px solid #ddd;
  170. border-right:1px solid #ddd;
  171. }
  172.  
  173.  
  174. @font-face {font-family: "SF"; src:url("http://static.tumblr.com/jdjsstr/1jYmco9ma/superpoi_r_1_.ttf")}
  175.  
  176. @font-face { font-family: "di"; src: url('http://static.tumblr.com/m6mqatb/QUklrzd0z/dubielitalic.ttf');}
  177. @font-face{
  178. font-family: "WebSymbolsRegular";
  179. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  180. }
  181. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  182. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  183.  
  184. @import url(http://fonts.googleapis.com/css?family=Finger+Paint);
  185. div#british{
  186. opacity:0.7;
  187. color:#FFFFFF;
  188. background-color:transparent;
  189. position:fixed !important;
  190. font-family:bebas;
  191. font-size: 60px;
  192. text-transform:none;
  193. letter-spacing:4px;
  194. line-height: 50px;
  195. width:652px;
  196. text-shadow:0px 0px 7px #000;
  197. margin: {text:margintop}px 0px 0px {text:marginleft}px;
  198. z-index: 99999;
  199.  
  200. }
  201.  
  202. div#finnharries{
  203. position:fixed !important;
  204. opacity:0.6;
  205. margin-left:16px;
  206. margin-top:-75px;
  207. padding:10px;
  208. background-color:white;
  209. width: 260px;
  210. border-top:3px double #aaa;
  211. border-bottom:3px double #aaa;
  212. height: 12px;
  213. text-align:center;
  214. line-height:14px;
  215. font-family:WebSymbolsRegular;
  216. font-size:20px;
  217. box-shadow: 0px 0px 5px #ddd;
  218. background-color:white;
  219. z-index: 9999;
  220. letter-spacing:-1px;
  221. text-transform: uppercase;
  222. color: {color:link}
  223. transition: all 0.9s ease-out;
  224. -o-transition-transition: all 0.9s ease-out;
  225. -webkit-transition: all 0.9s ease-out;
  226. -moz-transition: all 0.9s ease-out;
  227. }
  228.  
  229. #jackandfinn:hover #finnharries{
  230. opacity:0.8;
  231. transition: all 0.9s ease-out;
  232. -o-transition-transition: all 0.9s ease-out;
  233. -webkit-transition: all 0.9s ease-out;
  234. -moz-transition: all 0.9s ease-out;
  235. }
  236.  
  237. faqq {
  238. font-family: learningcurve;
  239. font-size:36px;
  240. letter-spacing:0px;
  241. text-shadow:2px 0px 5px #aaa;
  242. color:{color:title};
  243. text-transform:none;
  244. z-index:1;
  245. }
  246.  
  247. askk {
  248. font-family: learningcurve;
  249. color: {color:Title};
  250. font-size:23px;
  251. z-index:1;
  252. }
  253.  
  254. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  255.  
  256. #entry .perma a{
  257. color:;}
  258.  
  259. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  260.  
  261. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  262. .permalink {
  263. display: block;
  264. border-top: 1px solid #ddd;
  265. padding: 3px;
  266. margin: 4px 8px 0px 8px;
  267. font-family: arma;
  268. font-size: 8px;
  269. color: #424242;
  270. line-height: 18px;
  271. text-align: center;
  272. text-decoration: none;
  273. -webkit-transition: color 0.9s ease-out;
  274. -moz-transition: color 0.9s ease-out;
  275. }
  276.  
  277. #entry .perma a{
  278. color:;
  279. -webkit-transition: color 0.9s ease-out;
  280. -moz-transition: color 0.9s ease-out;
  281. }
  282.  
  283. #entry .perma{
  284. width:217px;
  285. height: auto;
  286. padding:2px;
  287. font-family:century gothic;
  288. text-transform:uppercase;
  289. position: absolute;
  290. font-size: 12px;
  291. letter-spacing:-1px;
  292. line-height: 17px;
  293. text-align: center;
  294. overflow:hidden;
  295. border-top: 3px double #f2f2f2;
  296. border-bottom:3px double #f2f2f2;
  297. opacity: 0.0;
  298. background-color:#fff;
  299. letter-spacing:0px;
  300. margin-top:5px;
  301. margin-left: 0px;
  302. border-radius: 0px;
  303. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  304. -webkit-transition: all 0.5s linear;
  305. -moz-transition: all 0.5s linear;
  306. transition: all 0.5s linear;
  307. }
  308.  
  309. #entry:hover .perma{
  310. margin-top: 10px;
  311. opacity: 0.8;
  312. text-transform:uppercase;
  313. overflow:visible;
  314. -webkit-transition: all 0.5s linear;
  315. -webkit-transition: all 0.5s linear;
  316. -moz-transition: all 0.5s linear;
  317. transition: all 0.5s linear;
  318. }
  319.  
  320. .permalinktext {
  321. display: block;
  322. padding: 1px;
  323. margin: 0px 0px 0px 8px;
  324. font-family: arial;
  325. letter-spacing: -1px;
  326. font-size:10px;
  327. color: #424242;
  328. line-height: 10px;
  329. text-align: right;
  330. text-decoration: none;
  331. -webkit-transition: color 0.5s ease-out;
  332. -moz-transition: color 0.5s ease-out;
  333. border-top: 1px solid #dcdcdc;
  334. }
  335.  
  336.  
  337. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  338. #postnotes{
  339. text-align: left;
  340. }
  341.  
  342. #postnotes blockquote{
  343. border: 0px;
  344. }
  345.  
  346. #entry{
  347. font-family:calibri;
  348. text-transform:normal;
  349. font-size: 11px;
  350. margin:8px;
  351. opacity:0.9;
  352. line height: 11px;
  353. text-align:center;
  354. letter-spacing:0px;
  355. float:left;
  356. width: 220px;
  357. height: auto;
  358. {block:PermalinkPage}
  359. width: 460px;
  360. height: auto;
  361. {/block:PermalinkPage}
  362. line-height:8px;
  363. background-color:#fff;
  364. padding:2px;
  365. padding-bottom:2px;
  366. margin-right:10px;
  367. overflow:hidden;
  368. margin-bottom:10px;
  369. border: 4px double #ddd;
  370.  
  371. box-shadow: 0px 0px 5px #ddd;
  372. -o-transition-transition: all 1.0s ease-out;
  373. -webkit-transition: all 1.0s ease-out;
  374. -moz-transition: all 1.0s ease-out;
  375. }
  376.  
  377.  
  378. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  379.  
  380. #permapage{
  381. font-family: tinytots;
  382. font-size: 10px;
  383. line-height: 8px;
  384. text-align: center;
  385. padding-bottom:10px;
  386. z-index:9999;}
  387.  
  388. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  389.  
  390. .title{
  391. font-family:century gothic;
  392. font-size: 20px;
  393. line-height: 25px;
  394. color: {color:Title};
  395. font-weight: normal;
  396. text-transform:uppercase;
  397. letter-spacing: 0px;
  398. padding:0px 0px 0px 0px;
  399. }
  400.  
  401. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  402.  
  403. .blogtitle{
  404. font-family:meow;
  405. font-size: 18px;
  406. line-height: 18px;
  407. color: {color:Link};
  408. font-weight: normal;
  409. }
  410.  
  411. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/jdjsstr/wyqmco9g9/wendy_1_.ttf');}
  412.  
  413. blockquote{
  414. padding:0px 0px 2px 3px;
  415. margin:0px 0px 2px 1px;
  416. }
  417. ul, ol, li{
  418. list-style:none;
  419. margin:0px;
  420. padding:0px;
  421. }
  422.  
  423. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  424. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  425. }
  426.  
  427. a.links {
  428. font-family: tinytots;
  429. font-size: 8px;
  430. line-height: 8px;
  431. text-transform: normal;
  432. letter-spacing:0px;
  433. display:block;
  434. padding: 0px;
  435. margin-bottom: 0px;
  436. }
  437.  
  438. a.links:hover {
  439. font-style: underline;
  440. text-decoration: underline;
  441. letter-spacing:10px;
  442. }
  443.  
  444.  
  445. </style>
  446. <title>{title}</title>
  447. <link rel="shortcut icon" href="{favicon}">
  448. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  449. <meta name="viewport" content="width=720" />
  450. </head>
  451. <body>
  452. <div id="crumble">
  453.  
  454.  
  455.  
  456.  
  457. </div>
  458. <div id="center">
  459. <div id="youtubers"></div>
  460. <div id="content">
  461. <div id="jackandfinn">
  462. <a href="/"><img src="{image:Sidebar}" style="width:280px; height:200px; border: 6px double #ddd; padding:10px; background-color:white; box-shadow: 0px 0px 10px #ddd;"></a>
  463. <div id="jackharries"><center><strong>>></strong> {description} <strong><< </strong> </center></div>
  464. <div id="finnharries">
  465. <a href="/">V</a> <a href="{text:Link One}">@</a> <a href="{text:Link Two}">F</a> <a href="{text:Link Three}">A</a> <a href="http://themesbytherese.tumblr.com/">N</a> </div>
  466. </div>
  467. <div id="british">{text:Sidebar Title}
  468. </div>
  469. </div>
  470.  
  471. <div id="posts">
  472.  
  473. {block:Posts}
  474. <div id="entry">
  475. {block:Text}
  476. {block:Title}<span class="title">{Title}</span>{/block:Title}
  477. <span class="entrytext">{Body}</span>
  478. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  479. {/block:Text}
  480.  
  481. {block:Link}
  482. <a href="{URL}" class="title">{Name}</a>
  483. {block:Description}{Description}{/block:Description}
  484. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  485. {block:Link}
  486.  
  487. {block:Photo}{block:IndexPage}
  488. <div class="perma">
  489. <a href="{permalink}">{NoteCountWithLabel}</a> &middot <a> <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  490. {/block:IndexPage}
  491. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=220px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=460px/>{LinkCloseTag}{/block:PermalinkPage}
  492. {/block:Photo}
  493.  
  494.  
  495. {block:Quote}
  496. <span class="entrytext">{Quote}</span>
  497. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  498. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  499. {/block:Quote}
  500.  
  501. {block:Chat}
  502. {block:Title}<span class="title">{Title}</span>{/block:Title}
  503. <ul class="chat">
  504. {block:Lines}
  505. <li class="user_{UserNumber}">
  506. {block:Label}
  507. <span class="label">{Label}</span>
  508. {/block:Label}
  509.  
  510. {Line}
  511. </li>
  512. {/block:Lines}
  513. </ul>
  514. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  515. {/block:Chat}
  516.  
  517.  
  518. {block:Audio}
  519. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  520. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  521. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  522. {/block:Audio}
  523.  
  524. {block:Video}<center>
  525. <div style="padding-top:0px; padding-bottom:2px;">
  526. {Video-250}</div>
  527. <div style="padding-bottom:5px;">{block:Caption}{/block:Caption}</div>
  528. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  529. {block:Video}
  530.  
  531. {block:Answer}
  532. <br>
  533. <div style="border-radius:5px; border: 3px double #dddddd; margin: 3px; margin-top: -2px; height:30px; overflow:auto; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  534. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  535. <askk>{Asker}</askk>: {Question}<br></div>
  536. <div style="font-family: arial; font-size: 10px; letter-spacing:-1px;">
  537. {Answer}
  538. </div>
  539. {/block:Answer}
  540.  
  541. {block:PostNotes}<div align="middle">{caption}</div>
  542. <center>
  543.  
  544. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  545.  
  546. {block:HasTags}
  547. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  548. {block:RebloggedFrom}
  549. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  550. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  551.  
  552. {/block:RebloggedFrom}
  553. </center></span>
  554. <br>
  555. <div id="postnotes">{PostNotes}</div><br>
  556.  
  557. <center>{block:ContentSource}
  558. <br><a href="{SourceURL}">
  559. {lang:Source}:
  560. {block:SourceLogo}
  561. <img src="{BlackLogoURL}" width="{LogoWidth}"
  562. height="{LogoHeight}" alt="{SourceTitle}" />
  563. {/block:SourceLogo}
  564. {block:NoSourceLogo}
  565. {SourceLink}
  566. {/block:NoSourceLogo}
  567. </a>
  568. {/block:ContentSource}</center>
  569.  
  570. {/block:PostNotes}
  571. </div>
  572. {/block:Posts}
  573. </div></div>
  574.  
  575. {block:indexpage}
  576. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  577. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  578. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  579. <script type="text/javascript">
  580. $(window).load(function(){
  581. var $wall = $('#posts');
  582. $wall.imagesLoaded(function(){
  583. $wall.masonry({
  584. itemSelector: '#entry, #entry_photo',
  585. isAnimated : false
  586. });
  587. });
  588.  
  589. $wall.infinitescroll({
  590. navSelector : '#page-nav',
  591. nextSelector : '#page-nav a',
  592. itemSelector : '#entry, #entry_photo',
  593. bufferPx : 2000,
  594. debug : false,
  595. errorCallback: function() {
  596. $('#infscr-loading').fadeOut('normal');
  597. }},
  598. function( newElements ) {
  599. var $newElems = $( newElements );
  600. $newElems.hide();
  601. $newElems.imagesLoaded(function(){
  602. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  603. });
  604. }); $('#content').show(500);
  605. });
  606. </script>
  607. {/block:indexpage}
  608.  
  609. </div>
  610.  
  611. <body onkeydown="return false">
  612. <div style="position:fixed; bottom:5px; border:2px #ddd; font-size:12px; font-family:arial; right:5px;">
  613. <a href="http://slytherese.tumblr.com/">©</a>
  614. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement