Advertisement
Beautifully-Flawless

Theme 20: Rosalie

Sep 3rd, 2013
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.24 KB | None | 0 0
  1. <!-- Theme 20- Rosalie By Beautifully Flawless
  2. DO NOT REMOVE CREDITS!!DO NOT REMOVE CREDITS!!DO NOT REMOVE CREDITS!!
  3. DO NOT REMOVE CREDITS!!DO NOT REMOVE CREDITS!!DO NOT REMOVE CREDITS!!
  4. DO NOT REMOVE CREDITS!!DO NOT REMOVE CREDITS!!DO NOT REMOVE CREDITS!!
  5. -->
  6.  
  7. <html>
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
  17.  
  18. <!--Variables-->
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:Text" content="#000000" />
  21. <meta name="color:Link" content="#ddd" />
  22. <meta name="color:Posts BG" content="#fff" />
  23. <meta name="color:Posts Border" content="#ddd" />
  24. <meta name="color:Sidebar Border" content="#ddd" />
  25. <meta name="color:Sidebar BG" content="#fff" />
  26. <meta name="color:Navigation BG" content="#fff" />
  27. <meta name="color:Navigation Text" content="#000" />
  28. <meta name="color:Navigation Border" content="#888" />
  29. <meta name="color:Navigation Hover Text" content="#888" />
  30. <meta name="color:Navigation Hover Shadow" content="#888" />
  31. <meta name="color:Banner" content="#000" />
  32. <meta name="color:Banner Shadow" content="#888" />
  33.  
  34. <meta name="image:sidebar"content="http://static.tumblr.com/gdh5wux/DdIm7hds7/tumblr_lx1h1pwqra1qggkpgo1_500.jpg" />
  35. <meta name="image:fav 1" content="http://i42.tinypic.com/fk2o3r.png"/>
  36. <meta name="image:fav 2" content="http://i40.tinypic.com/33xtz7r.png"/>
  37. <meta name="image:fav 3" content="http://i43.tinypic.com/2nsqr7p.png"/>
  38. <meta name="image:fav 4" content="http://i44.tinypic.com/121vot5.png"/>
  39. <meta name="image:fav 5" content="http://i41.tinypic.com/r0sew6.png"/>
  40.  
  41. <meta name="text:Stats 1" content="INSERT STATS HERE" />
  42. <meta name="text:Stats 2" content="INSERT STATS HERE" />
  43. <meta name="text:Stats 3" content="Best Viewed With Google Chrome" />
  44. <meta name="text:Favorite 1 URL" content=""/>
  45. <meta name="text:Favorite 2 URL" content=""/>
  46. <meta name="text:Favorite 3 URL" content=""/>
  47. <meta name="text:Favorite 4 URL" content=""/>
  48. <meta name="text:Favorite 5 URL" content=""/>
  49. <meta name="text:Favorite 1" content="BLOG NAME"/>
  50. <meta name="text:Favorite 2" content="BLOG NAME"/>
  51. <meta name="text:Favorite 3" content="BLOG NAME"/>
  52. <meta name="text:Favorite 4" content="BLOG NAME"/>
  53. <meta name="text:Favorite 5" content="BLOG NAME"/>
  54.  
  55. <meta name="if:Use Background Image" content="1"/>
  56. <!--Variables-->
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar {width: 9px; height: 4px;background:transparent;}
  60. ::-webkit-scrollbar-thumb { background-color:#ddd;-webkit-box-shadow: inset 0 0 6px #000;-webkit-border-radius: 10px;
  61. border-radius: 10px;
  62. }
  63.  
  64. #tumblr_controls{
  65. position:fixed !important;
  66. -webkit-filter: invert(100%);
  67. }
  68.  
  69.  
  70. @font-face{font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  71.  
  72. @font-face{font-family:"silkscreen";src:url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf');}
  73.  
  74. @font-face{font-family:"lainie";src:url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');}
  75.  
  76. @font-face{font-family:"oregano";src:url('http://static.tumblr.com/gdh5wux/mmimerymw/oregano-regular.ttf');}
  77.  
  78. @font-face { font-family: "aspire"; src: url('http://static.tumblr.com/gdh5wux/Mtimequm2/aspire-demibold.ttf'); }
  79.  
  80.  
  81.  
  82. body {
  83. margin:0px;
  84. background-color:{color:Background};
  85. {block:ifusebackgroundimage}
  86. background-image:url('http://static.tumblr.com/gdh5wux/ATcm7ze4n/tumblr_ls23t9mld31qlg5hko2_250.png');
  87. {/block:ifusebackgroundimage}
  88. background-attachment:fixed;
  89. background-repeat:repeat;
  90. background-position:center;
  91. }
  92.  
  93. body, div, p, textarea, submit, input {
  94. font-family:"tinytots";
  95. font-size:8px;
  96. line-height:12px;
  97. color:#000;
  98. text-transform:uppercase;
  99. }
  100.  
  101. a:link, a:active, a:visited{
  102. color:{color:Link};
  103. text-decoration: none;
  104. -webkit-transition: color 0.5s ease-out;
  105. -moz-transition: color 0.5s ease-out;
  106. transition: color 0.5s ease-out;
  107. }
  108.  
  109. a:hover{
  110. color:{color:Link Hover};
  111. -webkit-transition: color 0.5s ease-out;
  112. -moz-transition: color 0.5s ease-out;
  113. transition: color 0.5s ease-out;
  114. text-shadow:0px 0px 20px #A4A4A4;
  115. }
  116.  
  117. div#posts {
  118. float:left;
  119. width:850px;
  120. z-index:99;
  121. margin-left:340px;
  122. }
  123.  
  124. .entry {
  125. float:left;
  126. margin:5px;
  127. padding:3px;
  128. overflow:hidden;
  129. border:1px solid {color:Posts Border};
  130. background-color:{color:Posts BG};
  131. {block:IndexPage}
  132. width:300px;
  133. {/block:IndexPage}
  134. {block:PermalinkPage}
  135. width:500px;
  136. {/block:PermalinkPage}
  137. -webkit-transition: opacity 0.9s linear;
  138. -webkit-transition: all 0.9s ease-in-out;
  139. -moz-transition: all 0.9s ease-in-out;
  140. -o-transition: all 0.9s ease-in-out;
  141. }
  142.  
  143. .entry:hover #permalink{
  144. opacity:1.0;
  145. -webkit-transition: opacity 0.3s ease-out;
  146. -webkit-transition: all 0.3s ease-out;
  147. -moz-transition: all 0.3s ease-out;
  148. transition: all 0.3s ease-out;
  149. }
  150.  
  151. #permalink{
  152. position:absolute;
  153. background:#fff;
  154. border-bottom:4px solid #ddd;
  155. width:300px;
  156. height:30px;
  157. top:0px;
  158. left:0px;
  159. overflow:hidden;
  160. padding:3px;
  161. opacity:0.0;
  162. font-family:calibri;
  163. font-size:8px;
  164. color:#aaa;
  165. line-height:15px;
  166. text-align:center;
  167. letter-spacing:1px;
  168. text-transform:uppercase;
  169. -webkit-transition: opacity 0.6s ease-out;
  170. -webkit-transition: all 0.6s ease-out;
  171. -moz-transition: all 0.6s ease-out;
  172. transition: all 0.6s ease-out;
  173. }
  174.  
  175. #info{
  176. font-family:'silkscreen';
  177. color:#888;
  178. font-size:8px;
  179. text-align:right;
  180. line-height:15px;
  181. margin-top:1px;
  182. border-top:1px dotted #aaa;
  183. text-transform:uppercase;
  184. }
  185.  
  186. #infscr-loading{
  187. bottom: -70px;
  188. position: absolute;
  189. left: 50%;
  190. margin-left:-8px;
  191. width:16px;
  192. height:11px;
  193. overflow:hidden;
  194. margin-bottom: 50px;
  195. }
  196.  
  197. .title{
  198. font-family:'aspire';
  199. text-transform:none;
  200. font-size:40px;
  201. line-height:30px;
  202. color:#333;
  203. text-align:center;
  204. }
  205.  
  206. .quote{
  207. font-family:'oregano';
  208. font-size:15px;
  209. text-transform:none;
  210. line-height:25px;
  211. text-align:right;
  212. color:#aaa;
  213. }
  214.  
  215. asker{
  216. font-family:'oregano';
  217. font-size:10px;
  218. text-transform:uppercase;
  219. color:#888;
  220. }
  221.  
  222. #ask{
  223. padding:3px;
  224. font-family:'silkscreen';
  225. font-size:8px;
  226. text-transform:uppercase;
  227. color:#999;
  228. }
  229.  
  230. #askbox{
  231. border:3px solid #ddd;
  232. margin-top:0px;
  233. margin-left:5px;
  234. overflow:auto;
  235. padding:4px;
  236. box-shadow: 1px 1px 1px #000;
  237. }
  238.  
  239. blockquote{
  240. padding:0px 0px 2px 5px;
  241. margin:0px 0px 2px 10px;
  242. border-left: 7px solid #999999;
  243. }
  244.  
  245. ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
  246. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  247. .user_9 .label {color:text};}
  248.  
  249. .notes img{width:10px; position:relative; top:3px;}
  250.  
  251. #name{
  252. font-size:30px;
  253. line-height:20px;
  254. margin:5px;
  255. font-family:"tangerine";
  256. text-align:center;
  257. text-transform:none;
  258. border-bottom:1px dashed #ddd;
  259. color:#888;
  260. }
  261.  
  262. .heart {display:block;height:15px;text-indent:5px;vertical-align:left; background:url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left;}
  263.  
  264.  
  265. .heart:hover{background:url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left;}
  266.  
  267. div.navigate a{
  268. background: {color:Navigation BG};
  269. color: {color:Navigation Text};
  270. width:30px;
  271. height:30px;
  272. line-height:30px;
  273. font-family:"tinytots";
  274. font-size:8px;
  275. text-align: center;
  276. border-radius:100px;
  277. text-transform:uppercase;
  278. margin:5px;
  279. border:2px solid {color:Navigation Border};
  280. position:relative;
  281. text-align:center;
  282. z-index:1;
  283. display:inline-block;
  284. box-shadow:0px 1px 1px {color:Navigation Hover Shadow};
  285. }
  286.  
  287. div.navigate a:hover{
  288. color: {color:Navigation Hover Text};
  289. box-shadow:1px 1px 2px {color:Navigation Hover Shadow};
  290. }
  291.  
  292. #faves img {
  293. opacity:1;
  294. width:50px;
  295. height:50px;
  296. margin:3px;
  297. border-radius:0px;
  298. -webkit-transition-duration:.7s;
  299. }
  300.  
  301. #faves img:hover {
  302. border-radius: 32px;
  303. -webkit-transition: 0.2s ease-in;
  304. opacity:.8;
  305. }
  306.  
  307. #sidebanner{
  308. position:fixed;
  309. width: auto;
  310. height: auto;
  311. left:20px;
  312. margin-top:550px;
  313. text-transform:none;
  314. font-size: 50px;
  315. background-color:transparent;
  316. color:{color:Banner};
  317. font-family: "lainie";
  318. line-height: 45px;
  319. z-index:9999;
  320. text-align: center;
  321. text-shadow: 2px 2px 10px {color:Banner Shadow};
  322. }
  323.  
  324. #sidebar{
  325. position:fixed;
  326. width:300px;
  327. height:500px;
  328. margin-left:20px;
  329. margin-top:40px;
  330. background-color:{color:Sidebar BG};
  331. color:{color:text};
  332. border:2px outset {color:Sidebar Border};
  333. }
  334.  
  335. #sidebar2{
  336. position:fixed;
  337. width:300px;
  338. height:500px;
  339. margin-left:1000px;
  340. margin-top:40px;
  341. background-color:{color:Sidebar BG};
  342. color:{color:text};
  343. border:2px outset {color:Sidebar Border};
  344. }
  345.  
  346. {CustomCSS}
  347. </style>
  348. <body>
  349.  
  350. <div id="sidebanner">{title}</div>
  351.  
  352. <div id="sidebar">
  353.  
  354. <img style="margin-left:0px;margin-top:-5px;width:300px;"src="http://static.tumblr.com/gdh5wux/6cbm7h8dh/stock-illustration-20365743-elegant-classical-page-rule.png">
  355.  
  356. <img style="width:100%;height:200px;margin-top:0px;"src="{image:sidebar}">
  357. <br><br>
  358. <div style="text-align:left;" id="name">About the blogette</div>
  359. {description}
  360. <div style="text-align:right;" id="name">Jadore</div>
  361. TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE
  362. </div>
  363.  
  364. <div id="sidebar2">
  365. <img style="margin-left:70px; margin-top:5px;" src="http://static.tumblr.com/gdh5wux/Ra3m7f5gr/58.png">
  366. <div style="text-align:center;" id="name">Statistics</div>
  367. <center>
  368. <div class="heart">{text:Stats 1}</div>
  369. <div class="heart">{text:Stats 2}</div>
  370. <div class="heart">{text:Stats 3}</div>
  371. </center>
  372. <br>
  373. <div style="text-align:center;" id="name">Navigation</div>
  374. <div class="navigate">
  375. <a href="/">Home</a>
  376. <a href="/ask">Inbox</a>
  377. <a href="/submit">Submit</a>
  378. <a href="/faq">Faq</a>
  379. <a href="/more">More</a>
  380. <a href="http://beautifully-flawless,tumblr.com/">Credit</a>
  381. </div>
  382. <br>
  383. <div style="text-align:center;" id="name">Favorites</div>
  384. <div id="faves">
  385. <a href="{text:Favorite 1 URL}"><img src='{image:Fav 1}'title="{text:Favorite 1}"/></a>
  386. <a href="{text:Favorite 2 URL}"><img src='{image:Fav 2}'title="{text:Favorite 2}"/></a>
  387. <a href="{text:Favorite 3 URL}"><img src='{image:Fav 3}'title="{text:Favorite 3}"/></a>
  388. <a href="{text:Favorite 4 URL}"><img src='{image:Fav 4}'title="{text:Favorite 4}"/></a>
  389. <a href="{text:Favorite 5 URL}"><img src='{image:Fav 5}'title="{text:Favorite 5}"/></a>
  390. </div>
  391. <br>
  392. <div style="text-align:center;" id="name">Blogroll</div>
  393. <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="50px" height="50px" />{/block:Followed}{/block:Following}</marquee>
  394. </div>
  395.  
  396.  
  397. <div id="posts">
  398. {block:Posts}
  399. <div class="entry">
  400.  
  401. {block:Text}
  402. {block:Title}
  403. <div class="title">{Title}</div>
  404. {/block:Title}
  405. <span class="entrytext">{Body}</span>
  406. <div id="info">
  407. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  408. </div>
  409. {/block:Text}
  410.  
  411. {block:Link}
  412. <div class="title"><a href="{URL}">{Name}</a></div>
  413. {block:Description}
  414. {Description}
  415. {/block:Description}
  416. <div id="info">
  417. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  418. </div>
  419. {block:Link}
  420.  
  421. {block:Photo}
  422. {block:IndexPage}
  423. <div id="permalink">
  424. posted {timeago}<br>
  425. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  426. </div>
  427. {LinkOpenTag}
  428. <div class="photo"><a href="{permalink}">
  429. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"/></a></div>
  430. {LinkCloseTag}
  431. {/block:IndexPage}
  432. {block:PermalinkPage}
  433. {LinkOpenTag}
  434. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  435. {LinkCloseTag}
  436. {/block:PermalinkPage}
  437. {/block:Photo}
  438.  
  439. {block:Photoset}
  440. {block:IndexPage}
  441. <div id="permalink">
  442. posted {timeago}<br>
  443. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  444. </div>
  445. {Photoset-250}
  446. {/block:IndexPage}
  447. {block:PermalinkPage}
  448. <center>
  449. {Photoset-500}
  450. </center>
  451. {/block:PermalinkPage}
  452. {/block:Photoset}
  453.  
  454. {block:Quote}
  455. {Quote}
  456. </span>
  457. {block:Source}
  458. <div class="quote">{Source}</div>
  459. {/block:Source}
  460. <div id="info">
  461. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  462. </div>
  463. {/block:Quote}
  464.  
  465. {block:Chat}
  466. {block:Title}
  467. <span class="title">{Title}</span>
  468. {/block:Title}
  469. <ul class="chat">
  470. {block:Lines}
  471. <li class="user_{UserNumber}">
  472. {block:Label}
  473. <span class="label">{Label}</span>
  474. {/block:Label}
  475. {Line}
  476. </li>
  477. {/block:Lines}
  478. </ul>
  479. <div id="info">
  480. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  481. </div>
  482. {/block:Chat}
  483.  
  484. {block:Audio}
  485. <center>
  486. <div style="width:350px;height:30px;">
  487. <div style="float:left">{AudioPlayerWhite}</div>
  488. <div style="margin-top:10px; float:right;">
  489. {block:ExternalAudio}
  490. {/block:ExternalAudio}
  491. </div></div>
  492. </center>
  493. <div id="info">
  494. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  495. </div>
  496. {/block:Audio}
  497.  
  498. {block:Video}
  499. {block:IndexPage}
  500. <center>
  501. {Video-250}
  502. </center>
  503. <div id="info">
  504. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  505. </div>
  506. {/block:IndexPage}
  507. {block:PermalinkPage}
  508. <center>
  509. {Video-500}
  510. </center>
  511. {/block:PermalinkPage}
  512. {block:Video}
  513.  
  514. {block:Answer}
  515. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:6px; box-shadow: 1px 1px 1px #000; padding:3px; background:#fff;"/>
  516. <div id="askbox">
  517. <asker>{Asker}:</asker>
  518. <div id="ask">{Question}</div>
  519. </div>
  520. {Answer}
  521. <div id="info">
  522. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  523. </div>
  524. {/block:Answer}
  525.  
  526. {block:PermalinkPage}
  527. <center>
  528. <br>
  529. {block:Caption}
  530. {Caption}
  531. {/block:Caption}
  532.  
  533. {block:ContentSource}<a href="{SourceURL}"> </a>{block:ContentSource}
  534.  
  535. {block:RebloggedFrom}
  536. <a href="{ReblogParentURL}"> </a>
  537. <a href="{ReblogRootURL}"> </a>
  538. {/block:RebloggedFrom}
  539.  
  540. {block:NoteCount}
  541. {NoteCountWithLabel}
  542. {/block:NoteCount}
  543.  
  544. {block:HasTags}
  545. &middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
  546. {/block:hasTags}
  547. </center>
  548. {/block:PermalinkPage}
  549.  
  550.  
  551. {block:PostNotes}
  552. {PostNotes}
  553. {/block:PostNotes}
  554. </div>
  555.  
  556. {/block:Posts}
  557. </div>
  558. </div>
  559.  
  560.  
  561. {block:IndexPage}
  562. {block:Pagination}
  563. <div id="pagination">
  564. {block:NextPage}
  565. <a id="nextPage" href="{NextPage}"></a>
  566. {/block:NextPage}
  567. {block:PreviousPage}
  568. <a href="{PreviousPage}"></a>
  569. {/block:PreviousPage}
  570. </div>
  571. {/block:Pagination}
  572. {/block:IndexPage}
  573.  
  574. {block:IndexPage}
  575. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  576. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  577.  
  578. <script type="text/javascript">
  579. $(window).load(function () {
  580. var $content = $('#posts');
  581. $content.masonry({itemSelector: '.entry'}),
  582. $content.infinitescroll({
  583. navSelector : 'div#pagination',
  584. nextSelector : 'div#pagination a#nextPage',
  585. itemSelector : '.entry',
  586. loading: {
  587. finishedMsg: '',
  588. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  589. },
  590. bufferPx : 600,
  591. debug : false,
  592. },
  593. // call masonry as a callback.
  594. function( newElements ) {
  595. var $newElems = $( newElements );
  596. $newElems.hide();
  597. // ensure that images load before adding to masonry layout
  598. $newElems.imagesLoaded(function(){
  599. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  600.  
  601.  
  602. });
  603. });
  604. });
  605. </script>
  606. {/block:IndexPage}
  607. </div>
  608. </body>
  609. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement