API tools faq
paste
Advertisement
Beautifully-Flawless

Theme 4: Genevieve

Beautifully-Flawless
Aug 8th, 2013
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.18 KB | None | 0 0
raw download clone embed print report
  1. <!--Theme 4- Genevieve
  2. By Beautifully-Flawless
  3. <!--Base Code By Oracular-->
  4. <!--Do not remove credit-->
  5. <!--Do not remove credit-->
  6. <!--Do not remove credit-->
  7. <html>
  8. <head>
  9. <!--Title Bar Maker-->
  10. <script type="text/javascript">
  11.  
  12. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  13. function tb8_makeArray(n){
  14. this.length = n;
  15. return this.length;
  16. }
  17.  
  18. tb8_messages = new tb8_makeArray(1);
  19. tb8_messages[0] = "ωєℓ¢σмє вєαυтιƒυℓ~!";
  20. tb8_rptType = 'infinite';
  21. tb8_rptNbr = 5;
  22. tb8_speed = 80;
  23. tb8_delay = 2000;
  24. var tb8_counter=1;
  25. var tb8_currMsg=0;
  26. var tb8_tekst ="";
  27. var tb8_i=0;
  28. var tb8_TID = null;
  29. function tb8_pisi(){
  30. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  31. document.title = tb8_tekst;
  32. tb8_sp=tb8_speed;
  33. tb8_i++;
  34. if (tb8_i==tb8_messages[tb8_currMsg].length){
  35. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  36. }
  37. if (tb8_currMsg == tb8_messages.length){
  38. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  39. clearTimeout(tb8_TID);
  40. return;
  41. }
  42. tb8_counter++;
  43. tb8_currMsg = 0;
  44. }
  45. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  46. }
  47. tb8_pisi()
  48. </script>
  49.  
  50.  
  51. <!--DO NOT DELETE THIS CODING-->
  52. <script type="text/javascript"
  53. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54. <!--DO NOT DELETE THIS CODING-->
  55.  
  56. <title>{Title}</title>
  57. <link rel="shortcut icon" href="{favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. {block:Description}
  60. <meta name="description" content="{MetaDescription}" />
  61. {/block:Description}
  62.  
  63. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  64. <meta name="color:Background" content="#fff"/>
  65. <meta name="color:Sidebar BG" content="#FFFFFF"/>
  66. <meta name="color:Posts Border" content="#ddd"/>
  67. <meta name="color:Text" content="#000000"/>
  68. <meta name="color:Title" content="#000000"/>
  69. <meta name="color:Scrollbar" content="#fff"/>
  70. <meta name="color:Scrollbar BG" content="#000"/>
  71. <meta name="color:Link" content="#000000"/>
  72. <meta name="color:Link Hover" content="#A4A4A4"/>
  73. <meta name="color:Link Hover Shadow" content="#41414"/>
  74. <meta name="color:Portrait Border" content="#c4b296"/>
  75. <meta name="color:Portrait BG" content="#ffffff"/>
  76. <meta name="color:Navigation Border" content="#e91a00"/>
  77. <meta name="color:Sidebar Shadow" content="#e91a00"/>
  78. <meta name="color:Navigation BG" content="#ffffff" />
  79. <meta name="color:Navigation" content="#e91a00" />
  80. <meta name="color:Navigation Hover" content="#000000" />
  81. <meta name="color:Sidebar BG" content="#ffffff" />
  82. <meta name="color:Sidebar Border" content="#e91a00" />
  83.  
  84.  
  85. <meta name="image:Background" content=""/>
  86. <meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/zi7m5bmn7/91127592430462760_6gpx06o0_c.jpg" />
  87. <meta name="image:favicon" content="http://olhar-43.net/conteudo/minigifs/11/65.gif"/>
  88.  
  89. <meta name="text:Custom Link URL 1" content=""/>
  90. <meta name="text:Custom Link URL 2" content=""/>
  91. <meta name="text:Custom Link URL 3" content=""/>
  92.  
  93. <meta name="text:Custom Link 1" content=""/>
  94. <meta name="text:Custom Link 2" content=""/>
  95. <meta name="text:Custom Link 3" content=""/>
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  101.  
  102. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  103.  
  104. @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  105.  
  106. @font-face { font-family: "flw"; src: url('http://static.tumblr.com/gdh5wux/bP4meqv60/flwscrp.ttf'); }
  107.  
  108. @font-face { font-family: "edwardian"; src: url('http://static.tumblr.com/oetadgc/sUtm6d6kz/ufonts.com_edwardian-script-itc-2.ttf'); }
  109.  
  110. body, a, a:hover {cursor: url('http://media.tumblr.com/tumblr_m6ani47MHm1rqir0v.png'), progress;}
  111.  
  112. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Scrollbar BG}; }
  113. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  114.  
  115. #tumblr_controls{
  116. position:fixed !important;
  117. }
  118.  
  119. body {
  120. margin: 0px;
  121. background-color:{color:background};
  122. background-image:url({image:Background});
  123. background-attachment: fixed;
  124. background-repeat: repeat;
  125. background-position: center;
  126. }
  127.  
  128. body, div, p, textarea, submit, input {
  129. font-family:"silkscreen";
  130. font-size: 8px;
  131. color:{color:Text};
  132. text-transform:uppercase;
  133. }
  134.  
  135. a:link, a:active, a:visited{
  136. color: {color:Link};
  137. text-decoration: none;
  138. -webkit-transition: color 0.4s ease-out;
  139. -moz-transition: color 0.4s ease-out;
  140. }
  141.  
  142. a:hover{
  143. color:{color:Link Hover};
  144. -webkit-transition: color 0.4s ease-out;
  145. -moz-transition: color 0.4s ease-out;
  146. text-shadow:0px 0px 1px {color:Link Hover Shadow};
  147. }
  148.  
  149. div#posts {
  150. width:810px;
  151. margin-left:360px;
  152. float:left;
  153. }
  154.  
  155. .entry {
  156. margin:1px;
  157. float:left;
  158. background-color:#fff;
  159. border: 1px solid {color:Posts Border};
  160. {block:IndexPage}
  161. width:350px;
  162. {/block:IndexPage}
  163. {block:PermalinkPage}
  164. width:500px;
  165. margin-left:60px;
  166. {/block:PermalinkPage}
  167. }
  168.  
  169. .entry .permalink{
  170. position:absolute;
  171. width:400px;
  172. height:7px;
  173. padding-bottom:4px;
  174. padding-top:2px;
  175. margin-top:-10px;
  176. background-color:#fff;
  177. overflow:hidden;
  178. font-family:"silkscreen";
  179. text-transform:uppercase;
  180. font-size:8px;
  181. line-height:10px;
  182. color:#e91a00;
  183. text-align:center;
  184. opacity:0.0;
  185. -webkit-transition: all 0.2s linear;
  186. -webkit-transition: all 0.2s linear;
  187. -moz-transition: all 0.2s linear;
  188. transition: all 0.2s linear;
  189. }
  190.  
  191. .entry:hover .permalink{
  192. margin-top:0px;
  193. opacity: 0.8;
  194. overflow:hidden;
  195. -webkit-transition: all 0.4s linear;
  196. -webkit-transition: all 0.4s linear;
  197. -moz-transition: all 0.4s linear;
  198. transition: all 0.4s linear;
  199. }
  200.  
  201. #infscr-loading{
  202. bottom: -70px;
  203. position: absolute;
  204. left: 50%;
  205. margin-left:-8px;
  206. width:16px;
  207. height:11px;
  208. overflow:hidden;
  209. margin-bottom: 50px;
  210. }
  211.  
  212. .title{
  213. font-family:edwardian;
  214. text-transform:none;
  215. font-size:30px;
  216. line-height:30px;
  217. color:#000;
  218. font-weight: normal;
  219. }
  220.  
  221. quote{
  222. font-family:caviardreams;
  223. font-size:12px;
  224. color:#888;
  225. text-transform:none;
  226. line-height:10px;
  227. text-align:left;
  228. }
  229.  
  230. blockquote{
  231. padding:0px 0px 2px 5px;
  232. margin:0px 0px 2px 10px;
  233. border-left: 1px dotted #555555;
  234. }
  235.  
  236. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  237. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  238. .user_9 .label {color:{color:text};}
  239. .notes img{width:10px; position:relative; top:3px;}
  240.  
  241. div#sidebar{
  242. position:fixed !important;
  243. width: 335px;
  244. height:645px;
  245. margin-top:1px;
  246. margin-left:10px;
  247. overflow:hidden;
  248. overflow-x:hidden;
  249. font-family:tinytots;
  250. font-size:8px;
  251. text-transform:uppercase;
  252. border:2px solid {color:Sidebar Border};
  253. background-color:{color:Sidebar BG};
  254. -moz-box-shadow: 0 0 8px {color:Sidebar Shadow};
  255. -webkit-box-shadow: 0 0 8px {color:Sidebar Shadow};
  256. box-shadow: 0 0 8px {color:Sidebar Shadow};
  257. }
  258.  
  259. #name2{
  260. width: 385px;
  261. font-size:30px;
  262. line-height:15px;
  263. margin:2px;
  264. font-family:"flw";
  265. text-align:left;
  266. text-transform:none;
  267. color:#000000;
  268. border-bottom:1px solid #000000;
  269. }
  270.  
  271. #portraitpic img{
  272. margin-left:0px;
  273. margin-top:0px;
  274. width:48px;
  275. float:left;
  276. background-color:{color:Portrait BG};
  277. }
  278.  
  279. #navbox{
  280. position:fixed;
  281. width:160px;
  282. height:auto;
  283. margin-left:1100px;
  284. margin-top:100px;
  285. }
  286.  
  287. div.navigate a{
  288. background-color:{color:Navigation BG};
  289. font-family: "silkscreen";
  290. font-size: 8px;
  291. color: {color:Navigation};
  292. text-decoration: none;
  293. border:1px solid {color:Navigation Border};
  294. text-transform: uppercase;
  295. display: block;
  296. width: 160px;
  297. height: 25px;
  298. margin-bottom: 3px;
  299. line-height: 26px;
  300. text-align: center;
  301. -webkit-transition: all 0.5s ease-in-out;
  302. -moz-transition: all 0.5s ease-in-out;
  303. -o-transition: all 0.5s ease-in-out;
  304. -ms-transition: all 0.5s ease-in-out;
  305. transition: all 0.5s ease-in-out;
  306. }
  307.  
  308. div.navigate a:hover {
  309. font-family:"tinytots";
  310. letter-spacing: 2px;
  311. color: {color:Navigation Hover};
  312. }
  313.  
  314.  
  315.  
  316. {CustomCSS}
  317. </style>
  318. <body>
  319.  
  320. <div id="sidebar">
  321. <img style="width:350px; height:400px;"src="{image:sidebar}">
  322. <br><br>
  323. <div id="name2">About the Blogette</div>
  324. <div id="portraitpic"><a href="/"><img src="{PortraitURL-64}"></a></div>
  325. {description}
  326. <br><br><br>
  327. <div id="name2">Stats</div>
  328. <center>
  329. <div class="heart">INSERT STATS HERE</div>
  330. <div class="heart">INSERT STATS HERE</div>
  331. <div class="heart">INSERT STATS HERE</div>
  332. <div class="heart">Best Viewed With Google Chrome</div>
  333. </center>
  334. <br><br><br>
  335. <div id="name2">BlogRoll</div>
  336. <marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' width="45px" height="45px" />{/block:Followed}{/block:Following}</marquee>
  337. </div>
  338.  
  339.  
  340. <div id="navbox">
  341. <div class="navigate">
  342. <a href="/">home</a>
  343. <a href="/ask">ask</a>
  344. <a href="/archive">archive</a>
  345. <a href="http://beautifully-flawless.tumblr.com/">Credit</a>
  346. </div>
  347. </div>
  348.  
  349.  
  350. <img style="width:300px;position:fixed; bottom:0px;right:-20px;" src="http://static.tumblr.com/gdh5wux/EEHm5brxi/graceful_decorative_embellishment_by_diza__14_.png">
  351.  
  352.  
  353. <div id="posts">
  354. {block:Posts}
  355. <div class="entry">
  356.  
  357. {block:IndexPage}
  358. <div class="permalink">
  359. <a href="{Permalink}">
  360. <a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://th98.photobucket.com/albums/l256/SoccerE92/myspace/th_ht13.gif"> <a href="{ReblogURL}" target="_blank"> reblog</a></span>
  361. </div>
  362. {/block:IndexPage}
  363.  
  364. {block:Text}
  365. {block:Title}
  366. <div class="title">{Title}</div>
  367. {/block:Title}
  368. <span class="entrytext">{Body}</span>
  369. {/block:Text}
  370.  
  371. {block:Link}
  372. <div class="title"><a href="{URL}">{Name}</a></div>
  373. {block:Description}{Description}{/block:Description}
  374. {block:Link}
  375.  
  376. {block:Photo}
  377. {block:IndexPage}
  378. {LinkOpenTag}
  379. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  380. {LinkCloseTag}
  381. {/block:IndexPage}
  382.  
  383. {block:PermalinkPage}
  384. {LinkOpenTag}
  385. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="450"/></a>
  386. {LinkCloseTag}
  387. {/block:PermalinkPage}
  388. {/block:Photo}
  389.  
  390. {block:Photoset}
  391. {block:IndexPage}
  392. <center>
  393. {Photoset-250}
  394. </center>
  395. {/block:IndexPage}
  396. {block:PermalinkPage}
  397. <center>
  398. {Photoset-500}
  399. </center>
  400. {/block:PermalinkPage}
  401. {/block:Photoset}
  402.  
  403. {block:Quote}
  404. {Quote}
  405. {block:Source}
  406. <quote>{Source}</quote>
  407. {/block:Source}
  408. {/block:Quote}
  409.  
  410. {block:Chat}
  411. {block:Title}
  412. <div class="title">{Title}</div>
  413. {/block:Title}
  414. <ul class="chat">
  415. {block:Lines}
  416. <li class="user_{UserNumber}">
  417. {block:Label}
  418. <span class="label">{Label}</span>
  419. {/block:Label}
  420. {Line}</li>
  421. {/block:Lines}
  422. </ul>
  423. {/block:Chat}
  424.  
  425. {block:Audio}
  426. <center>
  427. <div style="width:350px; height:30px;">
  428. <div style="float:left">{AudioPlayerWhite}</div>
  429. <div style="margin-top:10px; float:right;">
  430. {block:ExternalAudio}
  431. {/block:ExternalAudio}
  432. </div>
  433. </div>
  434. </center>
  435. {/block:Audio}
  436.  
  437. {block:Video}
  438. {block:IndexPage}
  439. <center>
  440. {Video-250}
  441. </center>
  442. {/block:IndexPage}
  443. {block:PermalinkPage}
  444. <center>
  445. {Video-500}
  446. </center>
  447. {/block:PermalinkPage}
  448. {block:Video}
  449.  
  450. {block:Answer}
  451. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; border:1px solid {color:border};"/>
  452. {Asker}: {Question}<br>
  453. {Answer}
  454. {/block:Answer}
  455.  
  456. {block:PermalinkPage}
  457. <center>
  458. <br>
  459. {block:Caption}
  460. {Caption}
  461. {/block:Caption}
  462. <br>
  463. {block:ContentSource}
  464. Source: <a href="{SourceURL}">{SourceTitle}</a>
  465. {block:ContentSource}
  466. <br>
  467. {block:RebloggedFrom}
  468. Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  469. <a href="{ReblogRootURL}"> </a>
  470. {/block:RebloggedFrom}
  471. <br>
  472. {block:NoteCount}
  473. {NoteCountWithLabel}
  474. {/block:NoteCount}
  475. <br>
  476. {block:HasTags}
  477. &middot;
  478. {block:Tags}
  479. <a href="TagURL">#{Tag}</a>
  480. {/block:Tags}
  481. {/block:hasTags}
  482. </center>
  483. {/block:PermalinkPage}
  484.  
  485.  
  486. {block:PostNotes}{PostNotes}{/block:PostNotes}
  487. </div>
  488. {/block:Posts}
  489. </div>
  490.  
  491. {block:IndexPage}
  492. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  493. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  494.  
  495. <script type="text/javascript">
  496. $(window).load(function () {
  497. var $content = $('#posts');
  498. $content.masonry({itemSelector: '.entry'}),
  499. $content.infinitescroll({
  500. navSelector : 'div#pagination',
  501. nextSelector : 'div#pagination a#nextPage',
  502. itemSelector : '.entry',
  503. loading: {
  504. finishedMsg: '',
  505. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  506. },
  507. bufferPx : 600,
  508. debug : false,
  509. },
  510. // call masonry as a callback.
  511. function( newElements ) {
  512. var $newElems = $( newElements );
  513. $newElems.hide();
  514. // ensure that images load before adding to masonry layout
  515. $newElems.imagesLoaded(function(){
  516. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  517.  
  518.  
  519. });
  520. });
  521. });
  522. </script>
  523.  
  524. {/block:IndexPage}
  525.  
  526. {block:IndexPage}
  527. {block:Pagination}
  528. <div id="pagination">
  529. {block:NextPage}
  530. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  531. {/block:NextPage}
  532. {block:PreviousPage}
  533. <a href="{PreviousPage}">&larr;&nbsp;</a>
  534. {/block:PreviousPage}
  535. </div>
  536. {/block:Pagination}
  537. {/block:IndexPage}
  538. </div>
  539.  
  540. </body>
  541. </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!