API tools faq
paste
Beautifully-Flawless

Theme 7: Annabeth

Beautifully-Flawless
Aug 8th, 2013
219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.44 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 7- Annabeth
  3. By Beautifully Flawless
  4. Base code by 0racular
  5. Do Not Delete Credit!
  6. Do Not Delete Credit!
  7. Do Not Delete Credit!
  8. Note:Custom scrollbar only works in Google Chrome and Safari.
  9. -->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <script type="text/javascript">
  15. // <![CDATA[
  16. var bgcolour="{color:Banner 1}"; // background colour
  17. var fgcolour="{color:Banner 2}"; // foreground colour
  18. var speed=100; // speed of bubbling, lower is faster
  19. var shades=10; // number of shades of bubble
  20.  
  21. /****************************
  22. * Bubbling Text Effect *
  23. *(c) 2003-6 mf2fm web-design*
  24. * http://www.mf2fm.com/rv *
  25. * DON'T EDIT BELOW THIS BOX *
  26. ****************************/
  27. var bubbcol=new Array();
  28. var bubbler, bubbtxt;
  29. var bubbchr=new Array();
  30. window.onload=function() { if (document.getElementById) {
  31. for (bubbler=0; bubbler<=shades; bubbler++) {
  32. bubbtxt="#";
  33. for (var i=1; i<6; i+=2) {
  34. var bg=parseInt(bgcolour.substring(i,i+2),16);
  35. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  36. }
  37. bubbcol[bubbler+1]=bubbtxt;
  38. }
  39. bubbler=document.getElementById("bubble");
  40. bubbtxt=bubbler.firstChild.nodeValue;
  41. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  42. for (var i=0; i<bubbtxt.length; i++) {
  43. var bubbi=document.createElement("span");
  44. bubbi.setAttribute("id", "bubb"+i);
  45. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  46. bubbler.appendChild(bubbi);
  47. }
  48. bubbler=setInterval ("bubbling()", speed);
  49. }}
  50.  
  51. function dechex(dec) {
  52. var hex=dec.toString(16);
  53. if (dec<16) return "0"+hex;
  54. else return hex;
  55. }
  56.  
  57. function bubbling() {
  58. for (var i=0; i<bubbtxt.length; i++) {
  59. var bubbme=document.getElementById("bubb"+i);
  60. if (bubbchr[i]) {
  61. bubbme.style.color=bubbcol[bubbchr[i]];
  62. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  63. }
  64. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  65. }
  66. }
  67. // ]]>
  68. </script>
  69.  
  70. <title>{Title}</title>
  71. <link rel="shortcut icon" href="{favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
  74.  
  75. <!--Variables-->
  76. <meta name="color:Background" content="#ffffff" />
  77. <meta name="color:Text" content="#000" />
  78. <meta name="color:Title" content="#000000" />
  79.  
  80. <meta name="color:Navigation BG" content="#ffffff" />
  81. <meta name="color:Navigation" content="#008cff"/>
  82. <meta name="color:Navigation Border" content="#008cff"/>
  83. <meta name="color:Navigation Shadow" content="#000"/>
  84.  
  85. <meta name="color:Links" content="#000000"/>
  86. <meta name="color:Link Hover" content="#dddddd"/>
  87.  
  88. <meta name="color:Sidebar BG" content="#ffffff"/>
  89. <meta name="color:Sidebar Border" content="#008cff"/>
  90. <meta name="color:Sidebar Shadow" content="#008cff"/>
  91.  
  92. <meta name="color:Permalink BG" content="#979696"/>
  93.  
  94. <meta name="color:Scrollbar BG" content="#ffffff"/>
  95. <meta name="color:Scrollbar" content="#000000"/>
  96.  
  97. <meta name="color:Banner 1" content="#008cff"/>
  98. <meta name="color:Banner 2" content="#74aedf"/>
  99. <meta name="color:Banner" content="#000000"/>
  100. <meta name="color:Banner Shadow" content="#888"/>
  101.  
  102. <meta name="color:Posts BG" content="#ffffff" />
  103. <meta name="color:Posts Border" content="#008cff" />
  104. <meta name="color:Posts Shadow" content="#008cff" />
  105.  
  106. <meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/pBBm5vajj/tumblr_m2bq9u9nvr1qj7acbo1_500.jpg" />
  107.  
  108. <meta name="image:Fav 1" content="http://i42.tinypic.com/fk2o3r.png" />
  109. <meta name="image:Fav 2" content="http://i40.tinypic.com/33xtz7r.png" />
  110. <meta name="image:Fav 3" content="http://i43.tinypic.com/2nsqr7p.png" />
  111. <meta name="image:Fav 4" content="http://i44.tinypic.com/121vot5.png" />
  112. <meta name="image:Fav 5" content="http://i41.tinypic.com/r0sew6.png" />
  113.  
  114. <meta name="image:Vip 1" content="http://i42.tinypic.com/fk2o3r.png" />
  115. <meta name="image:Vip 2" content="http://i40.tinypic.com/33xtz7r.png" />
  116. <meta name="image:Vip 3" content="http://i43.tinypic.com/2nsqr7p.png" />
  117. <meta name="image:Vip 4" content="http://i44.tinypic.com/121vot5.png" />
  118. <meta name="image:Vip 5" content="http://i41.tinypic.com/r0sew6.png" />
  119.  
  120. <meta name="text:Fav 1" content="BLOG NAME"/>
  121. <meta name="text:Fav 2" content="BLOG NAME"/>
  122. <meta name="text:Fav 3" content="BLOG NAME"/>
  123. <meta name="text:Fav 4" content="BLOG NAME"/>
  124. <meta name="text:Fav 5" content="BLOG NAME"/>
  125.  
  126. <meta name="text:Vip 1" content="BLOG NAME"/>
  127. <meta name="text:Vip 2" content="BLOG NAME"/>
  128. <meta name="text:Vip 3" content="BLOG NAME"/>
  129. <meta name="text:Vip 4" content="BLOG NAME"/>
  130. <meta name="text:Vip 5" content="BLOG NAME"/>
  131.  
  132. <meta name="text:Vip 1 URL" content=""/>
  133. <meta name="text:Vip 2 URL" content=""/>
  134. <meta name="text:Vip 3 URL" content=""/>
  135. <meta name="text:Vip 4 URL" content=""/>
  136. <meta name="text:Vip 5 URL" content=""/>
  137.  
  138. <meta name="text:Fav 1 URL" content=""/>
  139. <meta name="text:Fav 2 URL" content=""/>
  140. <meta name="text:Fav 3 URL" content=""/>
  141. <meta name="text:Fav 4 URL" content=""/>
  142. <meta name="text:Fav 5 URL" content=""/>
  143.  
  144. <!--Variables-->
  145. <style type="text/css">
  146.  
  147. ::-webkit-scrollbar {width: 9px; height: 4px;background:transparent;}
  148. ::-webkit-scrollbar-thumb { background-color:#ddd;-webkit-box-shadow: inset 0 0 6px #000;-webkit-border-radius: 10px;
  149. border-radius: 10px;
  150. }
  151.  
  152. #tumblr_controls{
  153. position:fixed !important;
  154. }
  155.  
  156.  
  157. @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  158.  
  159. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');}
  160.  
  161. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  162.  
  163. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  164.  
  165. @font-face { font-family: "brock"; src: url('http://static.tumblr.com/gdh5wux/aMcmequju/brockscript.ttf'); }
  166.  
  167.  
  168.  
  169. body {
  170. margin: 0px;
  171. background-color:#fff;
  172. background-image:url('http://static.tumblr.com/gdh5wux/vaLm66y2w/tumblr_looh8tfcwp1qf72le.png');
  173. background-attachment: fixed;
  174. background-repeat: repeat;
  175. background-position: center;
  176. }
  177.  
  178. body, div, p, textarea, submit, input {
  179. font-family:"tinytots";
  180. font-size:8px;
  181. line-height:12px;
  182. color:{color:Text};
  183. text-transform:uppercase;
  184. }
  185.  
  186. a:link, a:active, a:visited{
  187. color: {color:Link};
  188. text-decoration: none;
  189. -webkit-transition: color 0.4s ease-out;
  190. -moz-transition: color 0.4s ease-out;
  191. }
  192.  
  193. a:hover{
  194. color:{color:Link Hover};
  195. -webkit-transition: color 0.4s ease-out;
  196. -moz-transition: color 0.4s ease-out;
  197. text-shadow:0px 0px 1px {color:Link Hover Shadow};
  198. }
  199.  
  200. div#posts {
  201. width:505px;
  202. margin-left:400px;
  203. float:left;
  204. border:1px solid {color:Posts Border};
  205. box-shadow: 0px 0px 20px {color:Posts Shadow};
  206. }
  207.  
  208. .entry {
  209. margin:1px;
  210. float:left;
  211. background-color: {color:Posts BG};
  212. border: 1px solid #ddd;
  213. {block:IndexPage}
  214. width:500px;
  215. {/block:IndexPage}
  216. {block:PermalinkPage}
  217. width:600px;
  218. {/block:PermalinkPage}
  219. }
  220.  
  221. #info{
  222. font-family:'silkscreen';
  223. color:#888;
  224. font-size:8px;
  225. text-align:right;
  226. line-height:15px;
  227. margin-top:3px;
  228. border-top:1px dotted #aaa;
  229. text-transform:uppercase;
  230. }
  231.  
  232. .title{
  233. font-family:lainie;
  234. text-transform:none;
  235. font-size:30px;
  236. line-height:30px;
  237. color:#888;
  238. font-weight:normal;
  239. text-shadow:1px 0px 5px #888;
  240. }
  241.  
  242. .quote{
  243. font-family:caviardreams;
  244. font-size:12px;
  245. color:#888;
  246. text-transform:none;
  247. line-height:10px;
  248. text-align:right;
  249. }
  250.  
  251. asker{
  252. font-family:'Consolas';
  253. font-size:15px;
  254. line-height:20px;
  255. text-transform:uppercase;
  256. color:#ccc;
  257. }
  258.  
  259. #ask{
  260. padding:6px;
  261. font-family:'Calibri';
  262. font-size:9px;
  263. text-transform:uppercase;
  264. color:#555;
  265. }
  266.  
  267. #askbox{
  268. border-bottom:2px solid #ddd;
  269. overflow:hidden;
  270. margin-top:3px;
  271. padding:3px;
  272. box-shadow: 0px 2px 2px #888;
  273. }
  274.  
  275. blockquote{
  276. padding:0px 0px 2px 5px;
  277. margin:0px 0px 2px 10px;
  278. border-left: 7px solid #999999;
  279. }
  280.  
  281. ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
  282. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  283. .user_9 .label {color:text};}
  284.  
  285. .notes img{width:10px; position:relative; top:3px;}
  286.  
  287. #sidebarpic img{
  288. position:fixed !important;
  289. width:350px;
  290. height:640px;
  291. margin-top:5px;
  292. margin-left:10px;
  293. border:2px solid {color:Sidebar Border};
  294. background-color:{color:Sidebar BG};
  295. box-shadow: 0px 0px 10px #008cff;
  296. }
  297.  
  298. #roundsidebar{
  299. margin-left:930px;
  300. margin-top:0px;
  301. position:fixed;
  302. overflow:hidden;
  303. font-family: "tinytots";
  304. font-size:8px;
  305. width:350px;
  306. height:630px;
  307. border:2px solid {color:Sidebar Border};
  308. background-color:{color:Sidebar BG};
  309. box-shadow: 0px 0px 10px #008cff;
  310. }
  311.  
  312. #portraitpic{
  313. margin-left:2px;
  314. margin-top:0px;
  315. float:left;
  316. border:2px solid #ddd;
  317. }
  318.  
  319. #name2{
  320. font-size:20px;
  321. line-height:20px;
  322. margin:5px;
  323. font-family:"lainie";
  324. text-align:right;
  325. text-transform:none;
  326. color:#000000;
  327. border-bottom:1px solid #000000;
  328. }
  329.  
  330. #name2:first-letter{
  331. font-family:brock;
  332. font-size:20px;
  333. line-height:20px;
  334. color:#008cff;
  335. }
  336.  
  337. #faves img {
  338. opacity:1;
  339. width:50px;
  340. height:50px;
  341. border-radius:0px;
  342. border:2px solid #ddd;
  343. -webkit-transition-duration:.7s;
  344. }
  345.  
  346. #faves img:hover {
  347. opacity:.8;
  348. border-radius: 32px;
  349. -webkit-transition: 0.2s ease-in;
  350. }
  351.  
  352. .heart {
  353. display:block;
  354. height:10px;
  355. font-family:"tinytots";
  356. font-size:8px;
  357. text-indent:5px;
  358. text-align:center;
  359. vertical-align:left;
  360. background:url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left;
  361. padding-left:10px;
  362. padding-bottom:2px;}
  363.  
  364. .heart:hover{background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left;}
  365.  
  366. div.navigate a{
  367. display:inline-block;
  368. text-transform:uppercase;
  369. background-color:#fff;
  370. border: 3px double #008cff;
  371. text-align:center;
  372. font-family:"tinytots";
  373. font-size:8px;
  374. line-height:12px;
  375. float:center;
  376. margin:5px;
  377. width:62px;
  378. height:12px;
  379. color:#008cff;
  380. }
  381.  
  382.  
  383. div.navigate a:hover{
  384. letter-spacing:2px;
  385. }
  386.  
  387. div#sidebanner{
  388. position:fixed;
  389. width: auto;
  390. height: auto;
  391. left:20px;
  392. margin-top:600px;
  393. text-transform:none;
  394. font-size:40px;
  395. font-family: "caviardreams";
  396. color:{color:Banner}
  397. background-color: transparent;
  398. line-height: 45px;
  399. z-index:9999;
  400. text-align: center;
  401. text-shadow: 1px 1px 10px {color:Banner Shadow};
  402. }
  403.  
  404. {CustomCSS}
  405. </style>
  406. <body>
  407.  
  408. <div id="sidebarpic">
  409. <div id="sidebanner"><span id="bubble">{title}</span></div>
  410. <img src="{image:Sidebar}">
  411. </div>
  412.  
  413. <div id="roundsidebar">
  414. <div id="name2">About the Blogette</div>
  415. <div id="portraitpic"><a href="/"><img src="{PortraitURL-64}"></a></div>
  416. {description}
  417. <div id="name2">My Obsessions</div>
  418. 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 TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE
  419.  
  420. <div id="name2">Favorites</div>
  421. <div id="faves" >
  422. <center>
  423. <a href="{text:Fav 1 URL}"><img src='{image:Fav 1}' title="{text:Fav 1}"/></a>
  424. <a href="{text:Fav 2 URL}"><img src='{image:Fav 2}' title="{text:Fav 2}"/></a>
  425. <a href="{text:Fav 3 URL}"><img src='{image:Fav 3}' title="{text:Fav 3}"/></a>
  426. <a href="{text:Fav 4 URL}"><img src='{image:Fav 4}' title="{text:Fav 4}"/></a>
  427. <a href="{text:Fav 5 URL}"><img src='{image:Fav 5}' title="{text:Fav 5}"/></a>
  428.  
  429. <div id="name2">Vips</div>
  430. <a href="{text:Vip 1 URL}"><img src='{image:Vip 1}'title="{text:Vip 1}"></a>
  431. <a href="{text:Vip 2 URL}"><img src='{image:Vip 2}'title="{text:Vip 2}"></a>
  432. <a href="{text:Vip 3 URL}"><img src='{image:Vip 3}'title="{text:Vip 3}"></a>
  433. <a href="{text:Vip 4 URL}"><img src='{image:Vip 4}'title="{text:Vip 4}"></a>
  434. <a href="{text:Vip 5 URL}"><img src='{image:Vip 5}'title="{text:Vip 5}"></a>
  435. </center>
  436. </div>
  437. <div id="name2">Stats</div>
  438. <center>
  439. <div class="heart">INSERT STATS HERE</div>
  440. <div class="heart">INSERT STATS HERE</div>
  441. <div class="heart">INSERT STATS HERE</div>
  442. <div class="heart">Best Viewed With Google Chrome</div>
  443. </center>
  444.  
  445. <div class="navigate">
  446. <a href="/">Refresh</a>
  447. <a href="/ask">Ask</a>
  448. <a href="/faq">Faq</a>
  449. <a href="/links">Links</a>
  450. <a href="http://beautifully-flawless.tumblr.com/">credit</a>
  451. </div>
  452.  
  453. <div id="name2">BlogRoll</a>
  454. <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>
  455.  
  456. </div>
  457. </div>
  458.  
  459. <div id="posts">
  460. {block:Posts}
  461. <div class="entry">
  462.  
  463. {block:Text}
  464. {block:Title}
  465. <div class="title">{Title}</div>
  466. {/block:Title}
  467. <span class="entrytext">{Body}</span>
  468. {/block:Text}
  469.  
  470. {block:Link}
  471. <div class="title"><a href="{URL}">{Name}</a></div>
  472. {block:Description}
  473. {Description}
  474. {/block:Description}
  475. {block:Link}
  476.  
  477. {block:Photo}
  478. {block:IndexPage}
  479. {LinkOpenTag}
  480. <div class="photo"><a href="{permalink}">
  481. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"/></a></div>
  482. {LinkCloseTag}
  483. {/block:IndexPage}
  484. {block:PermalinkPage}
  485. {LinkOpenTag}
  486. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  487. {LinkCloseTag}
  488. {/block:PermalinkPage}
  489. {/block:Photo}
  490.  
  491. {block:Photoset}
  492. {block:IndexPage}
  493. {Photoset-500}
  494. {/block:IndexPage}
  495. {block:PermalinkPage}
  496. <center>
  497. {Photoset-500}
  498. </center>
  499. {/block:PermalinkPage}
  500. {/block:Photoset}
  501.  
  502. {block:Quote}
  503. {Quote}
  504. {block:Source}
  505. <div class="quote">{Source}</div>
  506. {/block:Source}
  507. {/block:Quote}
  508.  
  509. {block:Chat}
  510. {block:Title}
  511. <span class="title">{Title}</span>
  512. {/block:Title}
  513. <ul class="chat">
  514. {block:Lines}
  515. <li class="user_{UserNumber}">
  516. {block:Label}
  517. <span class="label">{Label}</span>
  518. {/block:Label}
  519. {Line}
  520. </li>
  521. {/block:Lines}
  522. </ul>
  523. {/block:Chat}
  524.  
  525. {block:Audio}
  526. <center>
  527. <div style="width:500px;height:30px;">
  528. <div style="float:left">{AudioPlayerWhite}</div>
  529. <div style="margin-top:10px; float:right;">
  530. {block:ExternalAudio}
  531. {/block:ExternalAudio}
  532. </div></div>
  533. </center>
  534. {/block:Audio}
  535.  
  536. {block:Video}
  537. {block:IndexPage}
  538. <center>
  539. {Video-500}
  540. </center>
  541. {/block:IndexPage}
  542. {block:PermalinkPage}
  543. <center>
  544. {Video-500}
  545. </center>
  546. {/block:PermalinkPage}
  547. {block:Video}
  548.  
  549. {block:Answer}
  550. <div id="askbox">
  551. <img src="{AskerPortraitURL-40}" width="40" align="left" style="border-radius:20px; margin-right:6px;border-bottom:2px solid #ddd;"/>
  552. <asker>{Asker}:</asker>
  553. <div id="ask">{Question}</div>
  554. </div>
  555. {Answer}
  556. {/block:Answer}
  557.  
  558. {block:IndexPage}
  559. <div id="info">
  560. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  561. </div>
  562. {/block:IndexPage}
  563.  
  564. {block:PermalinkPage}
  565. <center>
  566. <br>
  567. {block:Caption}
  568. {Caption}
  569. {/block:Caption}
  570.  
  571. {block:ContentSource}<a href="{SourceURL}"> </a>{block:ContentSource}
  572.  
  573. {block:RebloggedFrom}
  574. <a href="{ReblogParentURL}"> </a>
  575. <a href="{ReblogRootURL}"> </a>
  576. {/block:RebloggedFrom}
  577.  
  578. {block:NoteCount}
  579. {NoteCountWithLabel}
  580. {/block:NoteCount}
  581.  
  582. {block:HasTags}
  583. &middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
  584. {/block:hasTags}
  585. </center>
  586. {/block:PermalinkPage}
  587.  
  588.  
  589. {block:PostNotes}
  590. {PostNotes}
  591. {/block:PostNotes}
  592. </div>
  593.  
  594. {/block:Posts}
  595. </div>
  596. </div>
  597.  
  598.  
  599. </body>
  600. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!