Beautifully-Flawless

Theme 17: Angel

Aug 29th, 2013
345
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.77 KB | None | 0 0
  1. <!-- Theme 17- Angel 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="#ddd" />
  20. <meta name="color:Text" content="#000000" />
  21. <meta name="color:Link" content="#888"/>
  22. <meta name="color:Link Hover" content="#ddd"/>
  23. <meta name="color:Posts Border" content="#ddd"/>
  24. <meta name="color:Posts BG" content="#fff"/>
  25. <meta name="color:Title" content="#000"/>
  26. <meta name="color:Scrollbar" content="#613800" />
  27. <meta name="color:Hover BG" content="#fff"/>
  28. <meta name="color:Hover Border" content="#AE691B"/>
  29. <meta name="color:Hover Tab BG" content="#C4A582"/>
  30. <meta name="color:Hover Tab Border" content="#AE691B"/>
  31. <meta name="color:Sidebar Border" content="#ddd"/>
  32. <meta name="color:Navigate BG" content="#fff"/>
  33. <meta name="color:Navigate" content="#AE691B"/>
  34. <meta name="color:Navigate Border" content="#AE691B"/>
  35. <meta name="color:Navigate Hover BG" content="#000"/>
  36. <meta name="color:Featured Border" content="#ddd"/>
  37. <meta name="color:Featured Shadow" content="#888"/>
  38. <meta name="color:Banner" content="#fff"/>
  39. <meta name="color:Banner Shadow" content="#888"/>
  40.  
  41. <meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/ECgm7eyyl/tumblr_m06jl8hq7r1qhi11io1_1280.jpg" />
  42. <meta name="image:fav 1" content="http://i40.tinypic.com/33xtz7r.png"/>
  43. <meta name="image:fav 2" content="http://i40.tinypic.com/33xtz7r.png"/>
  44. <meta name="image:fav 3" content="http://i40.tinypic.com/33xtz7r.png"/>
  45. <meta name="image:fav 4" content="http://i40.tinypic.com/33xtz7r.png"/>
  46. <meta name="image:fav 5" content="http://i40.tinypic.com/33xtz7r.png"/>
  47. <meta name="image:fav 6" content="http://i40.tinypic.com/33xtz7r.png"/>
  48. <meta name="image:fav 7" content="http://i40.tinypic.com/33xtz7r.png"/>
  49. <meta name="image:fav 8" content="http://i40.tinypic.com/33xtz7r.png"/>
  50. <meta name="image:fav 9" content="http://i40.tinypic.com/33xtz7r.png"/>
  51. <meta name="image:fav 10" content="http://i40.tinypic.com/33xtz7r.png"/>
  52.  
  53. <meta name="text:Stats 1" content="INSERT STATS HERE" />
  54. <meta name="text:Stats 2" content="INSERT STATS HERE" />
  55. <meta name="text:Stats 3" content="INSERT STATS HERE" />
  56. <meta name="text:Stats 4" content="Best Viewed With Google Chrome" />
  57.  
  58. <meta name="text:Favorite 1 URL" content=""/>
  59. <meta name="text:Favorite 2 URL" content=""/>
  60. <meta name="text:Favorite 3 URL" content=""/>
  61. <meta name="text:Favorite 4 URL" content=""/>
  62. <meta name="text:Favorite 5 URL" content=""/>
  63. <meta name="text:Favorite 6 URL" content=""/>
  64. <meta name="text:Favorite 7 URL" content=""/>
  65. <meta name="text:Favorite 8 URL" content=""/>
  66. <meta name="text:Favorite 9 URL" content=""/>
  67. <meta name="text:Favorite 10 URL" content=""/>
  68.  
  69. <meta name="text:Favorite 1" content="BLOG NAME"/>
  70. <meta name="text:Favorite 2" content="BLOG NAME"/>
  71. <meta name="text:Favorite 3" content="BLOG NAME"/>
  72. <meta name="text:Favorite 4" content="BLOG NAME"/>
  73. <meta name="text:Favorite 5" content="BLOG NAME"/>
  74. <meta name="text:Favorite 6" content="BLOG NAME"/>
  75. <meta name="text:Favorite 7" content="BLOG NAME"/>
  76. <meta name="text:Favorite 8" content="BLOG NAME"/>
  77. <meta name="text:Favorite 9" content="BLOG NAME"/>
  78. <meta name="text:Favorite 10" content="BLOG NAME"/>
  79.  
  80. <meta name="text:Link 1 URL" content="/submit" />
  81. <meta name="text:Link 2 URL" content="/faq" />
  82. <meta name="text:Link 3 URL" content="/links" />
  83. <meta name="text:Link 1" content="Submit" />
  84. <meta name="text:Link 2" content="Faq" />
  85. <meta name="text:Link 3" content="More Links" />
  86. <meta name="text:Stats 1" content="INSERT STAT HERE" />
  87. <meta name="text:Stats 2" content="INSERT STAT HERE" />
  88. <meta name="text:Stats 3" content="INSERT STAT HERE" />
  89. <meta name="text:Stats 4" content="Best Viewed on Google Chrome" />
  90.  
  91. <meta name="if:Use Background Image" content="1"/>
  92.  
  93. <!--Variables-->
  94. <style type="text/css">
  95.  
  96. ::-webkit-scrollbar {width:6px; height: 4px;background:transparent;}
  97. ::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; box-shadow:0px 0px 10px {color:Scrollbar Shadow};}
  98.  
  99. #tumblr_controls{
  100. position:fixed !important;
  101. }
  102.  
  103.  
  104. @font-face { font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  105.  
  106. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  107.  
  108. @font-face {font-family:"Tall"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf'); }
  109.  
  110. @font-face { font-family: "oregano"; src: url('http://static.tumblr.com/gdh5wux/mmimerymw/oregano-regular.ttf'); }
  111.  
  112. @font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  113.  
  114. @font-face { font-family: "tangerine"; src: url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf'); }
  115.  
  116. @font-face { font-family:"quicksand"; src: url('http://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  117.  
  118. @font-face { font-family: "promocyja"; src: url('http://static.tumblr.com/gdh5wux/88Smoz1xf/promocyja.ttf'); }
  119.  
  120. body {
  121. margin: 0px;
  122. {block:ifusebackgroundimage}
  123. background-image:url('http://static.tumblr.com/gdh5wux/3vnm7im2q/wood_pattern.png');
  124. {/block:ifusebackgroundimage}
  125. {block:ifnotusebackgroundimage}
  126. background-color:{color:Background};
  127. {/block:ifnotusebackgroundimage}
  128. background-attachment: fixed;
  129. background-repeat: repeat;
  130. background-position: center;
  131. }
  132.  
  133. body, div, p, textarea, submit, input {
  134. font-family:"tinytots";
  135. font-size:8px;
  136. line-height:12px;
  137. color:#000;
  138. text-transform:uppercase;
  139. }
  140.  
  141. a:link, a:active, a:visited{
  142. color:#2E2E2E;
  143. text-decoration: none;
  144. -webkit-transition: color 0.5s ease-out;
  145. -moz-transition: color 0.5s ease-out;
  146. transition: color 0.5s ease-out;
  147. }
  148.  
  149. a:hover{
  150. -webkit-transition: color 0.5s ease-out;
  151. -moz-transition: color 0.5s ease-out;
  152. transition: color 0.5s ease-out;
  153. text-shadow:0px 0px 20px #A4A4A4;
  154. }
  155.  
  156. div#posts {
  157. float:left;
  158. width:960px;
  159. z-index:99;
  160. margin-left:360px;
  161. }
  162.  
  163. .entry {
  164. float:left;
  165. margin:3px;
  166. padding:3px;
  167. overflow:hidden;
  168. background-color:{color:Posts BG};
  169. border:1px solid {color:Posts Border};
  170. {block:IndexPage}
  171. width:300px;
  172. {/block:IndexPage}
  173. {block:PermalinkPage}
  174. width:500px;
  175. {/block:PermalinkPage}
  176. -webkit-transition: opacity 0.9s linear;
  177. -webkit-transition: all 0.9s ease-in-out;
  178. -moz-transition: all 0.9s ease-in-out;
  179. -o-transition: all 0.9s ease-in-out;
  180. }
  181.  
  182. .perma
  183. {
  184. opacity: 0.0;
  185. filter: alpha(opacity = 0);
  186. margin-top: -21px;
  187. width: px;
  188. height: 30px;
  189. line-height: 30px;
  190. font-size: 9px;
  191. position:absolute;
  192. text-align: center;
  193. z-index:800;
  194. color: {color:permalink};
  195.  
  196. }
  197. a.p
  198. {
  199.  
  200. color: {color:permalink};
  201. }
  202. .entry:hover .perma {
  203.  
  204. -webkit-transition: opacity 0.4s linear;
  205. opacity: 1;
  206. -moz-transition: all 0.4s linear;
  207. transition: all 0.4s linear;
  208. filter: alpha(opacity = 100);
  209.  
  210. }
  211.  
  212. select {
  213. font-size: 9px;
  214. width: 100px;
  215. margin-left: 10px;
  216.  
  217. }
  218. option {
  219. font-size: 9px;
  220. text-align: left;
  221.  
  222. }
  223. input[type=button]
  224. {
  225. font-size: 9px;
  226. }
  227.  
  228. .likep {
  229. width: 21px;
  230. height: 20px;
  231. overflow: hidden;
  232. position: relative;
  233. z-index: 99;
  234. position: absolute;
  235. margin-top: 26px;
  236. margin-left: 5px;
  237. }
  238. .rep {
  239. width: 24px;
  240. height: 20px;
  241. overflow: hidden;
  242. position: relative;
  243. z-index: 99;
  244. position: absolute;
  245. margin-top: 26px;
  246. margin-left: 29px;
  247. }
  248. .likep a:hover {
  249. background-position: 0px 0px;
  250. }
  251. .likep a {
  252. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  253. background-position: 0px 0px;
  254. display: block;
  255. z-index: 99;
  256. webkit-transition: all 0s linear;
  257. -webkit-transition: all 0s linear;
  258. -moz-transition: all 0s linear;
  259. transition: all 0s linear;
  260. }
  261. .likep img {
  262. width: 21px;
  263. height: 20px;
  264. webkit-transition: all 0.2s linear;
  265. -webkit-transition: all 0.2s linear;
  266. -moz-transition: all 0.2s linear;
  267. transition: all 0.2s linear;
  268. }
  269. .rep img{
  270. width: 24px;
  271. height: 20px;
  272. line-height: 30px;
  273. display: inline;
  274. }
  275.  
  276. .not{
  277. position:absolute;
  278. background:url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  279. height:20px;
  280. font-size:11px;
  281. line-height:20px;
  282. color:#fff;
  283. margin-top:26px;
  284. margin-left:56px;
  285. padding-left:4px;
  286. padding-right:4px;
  287. -moz-border-radius:2px;
  288. border-radius:2px;
  289. }
  290. .not a{ color: #fff;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
  291.  
  292. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {opacity: 0.8;filter: alpha(opacity = 80);}
  293.  
  294. .not:hover , .rep:hover, .likep:hover {opacity: 1!important;filter: alpha(opacity = 100)!important;}
  295.  
  296. #infscr-loading{
  297. bottom: -70px;
  298. position: absolute;
  299. left: 50%;
  300. margin-left:-8px;
  301. width:16px;
  302. height:11px;
  303. overflow:hidden;
  304. margin-bottom: 50px;
  305. }
  306.  
  307. .title{
  308. font-family:'blackswan';
  309. text-transform:none;
  310. font-size:30px;
  311. line-height:30px;
  312. color:#333;
  313. text-align:center;
  314. }
  315.  
  316. .quote{
  317. font-family:'oregano';
  318. font-size:15px;
  319. text-transform:none;
  320. line-height:25px;
  321. text-align:right;
  322. color:#aaa;
  323. }
  324.  
  325. .infinite {
  326. align:right;
  327. background:#ddd;
  328. color:black;
  329. margin:3px 0px 5px 50px;
  330. padding:7px;
  331. padding-top: 5px;
  332. position: relative;
  333. border-radius:5px;
  334. }
  335.  
  336. .infinite span {
  337. display:block;
  338. position:absolute;
  339. width:1px;height:1px;
  340. font-size: 8px;
  341. font-family: pixel;
  342. line-height: 1px;
  343. left:-10px;
  344. top:10px;
  345. border-top:5px solid transparent;
  346. border-bottom:5px solid transparent;
  347. border-right:10px solid grey;
  348. }
  349.  
  350. .askborder{float:left;margin:1px 4px 0 0;padding:2px;background: #ccc;}
  351.  
  352. blockquote{
  353. padding:0px 0px 2px 5px;
  354. margin:0px 0px 2px 10px;
  355. border-left: 7px solid #999999;
  356. }
  357.  
  358. ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
  359. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  360. .user_9 .label {color:text};}
  361.  
  362. .notes img{width:10px; position:relative; top:3px;}
  363.  
  364. #contain
  365. {background-color:{color:Hover BG};
  366. color:{color:text};
  367. text-align:center;
  368. background-position: fixed;
  369. background-attachment:fixed;
  370. border:1px solid {color:Hover Border};
  371. background-repeat:repeat;
  372. position:fixed;
  373. top:9px;
  374. left:-362px;
  375. width:350px;
  376. height:100px;
  377. z-index:9999;
  378. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  379. opacity:1;}
  380.  
  381. #contain:hover
  382. {left:0px;
  383. opacity:1;}
  384.  
  385. #containtab {
  386. background-color:{color:Hover Tab BG};
  387. border:1px solid {color:Hover Tab Border};
  388. border-radius:0px 30px 0px 0px;
  389. font-family:'quicksand';
  390. text-transform:uppercase;
  391. font-size: 20px;
  392. line-height:15px;
  393. color:{color:text};
  394. opacity:0.5;
  395. margin-top:0px;
  396. margin-left:360px;
  397. height:100px;
  398. width: 50px;
  399. }
  400.  
  401. #box
  402. {width:350px;
  403. height:100px;
  404. margin-top:1px;
  405. margin-left:10px;
  406. color:{color:text};
  407. font-family:"tinytots";
  408. background-color:{color:Hover BG};
  409. overflow-y:scroll;
  410. overflow-x:hidden;
  411. z-index:999;
  412. vertical-align:text-bottom;
  413. opacity:1;}
  414.  
  415.  
  416.  
  417. #contain2
  418. {background-color:{color:Hover BG};
  419. color:{color:text};
  420. text-align:center;
  421. background-position: fixed;
  422. background-attachment:fixed;
  423. border:1px solid {color:Hover Border};
  424. background-repeat:repeat;
  425. position:fixed;
  426. top:118px;
  427. left:-362px;
  428. width:350px;
  429. height:100px;
  430. z-index:9999;
  431. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  432. opacity:1;}
  433.  
  434. #contain2:hover
  435. {left:0px;
  436. opacity:1;}
  437.  
  438. #containtab2 {
  439. background-color:{color:Hover Tab BG};
  440. border:1px solid {color:Hover Tab Border};
  441. font-family:'quicksand';
  442. text-transform:uppercase;
  443. font-size: 20px;
  444. line-height:15px;
  445. color:{color:text};
  446. opacity:0.5;
  447. margin-top:0px;
  448. margin-left:360px;
  449. height:100px;
  450. width: 50px;
  451. }
  452.  
  453. #box2
  454. {width:350px;
  455. height:100px;
  456. margin-top:0px;
  457. margin-left:10px;
  458. color:{color:text};
  459. background-color:{color:Hover BG};
  460. overflow-y:scroll;
  461. overflow-x:hidden;
  462. z-index:999;
  463. font-family:"tinytots";
  464. vertical-align:text-bottom;
  465. opacity:1;}
  466.  
  467.  
  468. #contain3
  469. {background-color:{color:Hover BG};
  470. color:{color:text};
  471. text-align:center;
  472. background-position: fixed;
  473. background-attachment:fixed;
  474. border:1px solid {color:Hover Border};
  475. background-repeat:repeat;
  476. position:fixed;
  477. top:225px;
  478. left:-362px;
  479. width:350px;
  480. height:100px;
  481. z-index:9999;
  482. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  483. opacity:1;}
  484.  
  485. #contain3:hover
  486. {left:0px;
  487. opacity:1;}
  488.  
  489. #containtab3 {
  490. background-color:{color:Hover Tab BG};
  491. border:1px solid {color:Hover Tab Border};
  492. font-family:'quicksand';
  493. text-transform:uppercase;
  494. font-size: 20px;
  495. line-height:15px;
  496. color:{color:text};
  497. opacity:0.5;
  498. margin-top:0px;
  499. margin-left:360px;
  500. height:100px;
  501. width: 50px;
  502. }
  503.  
  504. #box3
  505. {width:350px;
  506. height:100px;
  507. margin-top:0px;
  508. margin-left:10px;
  509. color:{color:text};
  510. background-color:{color:Hover BG};
  511. overflow-y:scroll;
  512. overflow-x:hidden;
  513. z-index:999;
  514. font-family:"tinytots";
  515. vertical-align:text-bottom;
  516. opacity:1;}
  517.  
  518.  
  519. #contain4
  520. {background-color:{color:Hover BG};
  521. color:{color:text};
  522. text-align:center;
  523. background-position: fixed;
  524. background-attachment:fixed;
  525. border:1px solid {color:Hover Border};
  526. background-repeat:repeat;
  527. position:fixed;
  528. top:333px;
  529. left:-362px;
  530. width:350px;
  531. height:100px;
  532. z-index:9999;
  533. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  534. opacity:1;}
  535.  
  536. #contain4:hover
  537. {left:0px;
  538. opacity:1;}
  539.  
  540. #containtab4 {
  541. background-color:{color:Hover Tab BG};
  542. border:1px solid {color:Hover Tab Border};
  543. font-family:'quicksand';
  544. text-transform:uppercase;
  545. font-size: 20px;
  546. line-height:15px;
  547. color:{color:text};
  548. opacity:0.5;
  549. margin-top:0px;
  550. margin-left:360px;
  551. height:100px;
  552. width: 50px;
  553. }
  554.  
  555. #box4
  556. {width:350px;
  557. height:100px;
  558. margin-top:0px;
  559. margin-left:10px;
  560. color:{color:text};
  561. background-color:{color:Hover BG};
  562. z-index:999;
  563. font-family:"tinytots";
  564. overflow-y:scroll;
  565. overflow-x:hidden;
  566. vertical-align:text-bottom;
  567. opacity:1;}
  568.  
  569.  
  570. #contain5
  571. {background-color:{color:Hover BG};
  572. color:{color:text};
  573. text-align:center;
  574. background-position: fixed;
  575. background-attachment:fixed;
  576. border:1px solid {color:Hover Border};
  577. background-repeat:repeat;
  578. position:fixed;
  579. top:440px;
  580. left:-362px;
  581. width:350px;
  582. height:100px;
  583. z-index:9999;
  584. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  585. opacity:1;}
  586.  
  587. #contain5:hover
  588. {left:0px;
  589. opacity:1;}
  590.  
  591. #containtab5 {
  592. background-color:{color:Hover Tab BG};
  593. border:1px solid {color:Hover Tab Border};
  594. font-family:'quicksand';
  595. text-transform:uppercase;
  596. font-size: 20px;
  597. line-height:15px;
  598. color:{color:text};
  599. opacity:0.5;
  600. margin-top:0px;
  601. margin-left:360px;
  602. height:100px;
  603. width: 50px;
  604. }
  605.  
  606. #box5
  607. {width:350px;
  608. height:100px;
  609. margin-top:0px;
  610. margin-left:10px;
  611. background-color:{color:Hover BG};
  612. overflow-y:scroll;
  613. overflow-x:hidden;
  614. z-index:999;
  615. font-family:"tinytots";
  616. vertical-align:text-bottom;
  617. opacity:1;}
  618.  
  619. #contain6{
  620. background-color:{color:Hover BG};
  621. color:{color:text};
  622. text-align:center;
  623. background-position:fixed;
  624. background-attachment:fixed;
  625. border:1px solid {color:Hover Border};
  626. background-repeat:repeat;
  627. position:fixed;
  628. top:547px;
  629. left:-362px;
  630. width:350px;
  631. height:100px;
  632. z-index:9999;
  633. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  634. opacity:1;}
  635.  
  636.  
  637. #contain6:hover
  638. {left:0px;
  639. opacity:1;}
  640.  
  641. #containtab6 {
  642. background-color:{color:Hover Tab BG};
  643. border:1px solid {color:Hover Tab Border};
  644. border-radius:0px 0px 30px 0px;
  645. font-family:'quicksand';
  646. text-transform:uppercase;
  647. font-size:20px;
  648. line-height:15px;
  649. color:{color:text};
  650. opacity:0.5;
  651. margin-top:0px;
  652. margin-left:360px;
  653. height:100px;
  654. width: 50px;
  655. }
  656.  
  657. #box6
  658. {width:350px;
  659. height:100px;
  660. margin-top:0px;
  661. margin-left:10px;
  662. background-color:{color:Hover BG};
  663. overflow-y:scroll;
  664. overflow-x:hidden;
  665. z-index:999;
  666. font-family:"tinytots";
  667. vertical-align:text-bottom;
  668. opacity:1;}
  669.  
  670.  
  671. #sidebar{
  672. width:360px;
  673. height:650px;
  674. margin-left:-7px;
  675. margin-top:-9px;
  676. border:1px solid {color:Sidebar Border};
  677. background color:{color:text};
  678. position:fixed;
  679. }
  680.  
  681. .heart {display : block; -height: 15px; text-indent : 5px; vertical-align : left; background:
  682. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  683. padding-bottom : 2px;}
  684.  
  685. .heart:hover {display : block; -height: 15px;text-indent : 5px; vertical-align : left; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  686.  
  687.  
  688.  
  689. div.navigate a{
  690.  
  691. padding:3px;
  692. width:80px;
  693. height:10px;
  694. line-height:10px;
  695. font-family:tinytots;
  696. font-size:8px;
  697. text-align:center;
  698. text-transform:uppercase;
  699. margin-left:0px;
  700. margin-right:20px;
  701. margin-bottom:10px;
  702. text-align:center;
  703. display:inline-block;
  704. color:{color:Navigate};
  705. background:{color:Navigate BG};
  706. border:3px double {color:Navigate Border};
  707. }
  708.  
  709. div.navigate a:hover{
  710. background: {color:Navigate Hover BG};
  711. letter-spacing:2px;
  712. }
  713.  
  714. #name{
  715. width:360px;
  716. font-size:28px;
  717. line-height:20px;
  718. margin:2px;
  719. font-family:"tangerine";
  720. text-align:left;
  721. text-transform:none;
  722. color:{color:text};
  723. border-bottom:1px solid #000000;
  724. }
  725.  
  726. #faves img {
  727. opacity:0.5;
  728. width:60px;
  729. height:60px;
  730. border-radius:0px;
  731. -webkit-transition-duration:.7s;
  732. }
  733.  
  734. #faves img:hover{-webkit-transition: 0.2s ease-in;border-radius:32px;width:50px;height:50px;}
  735.  
  736. div#sidebanner{
  737. position:fixed;
  738. left:5px;
  739. top:570px;
  740. color:#ddd;
  741. font-size:70px;
  742. line-height:45px;
  743. text-align:center;
  744. text-transform:none;
  745. font-family:"blackswan";
  746. color:{color:Banner};
  747. text-shadow: 1px 1px 10px {color:Banner Shadow};
  748. }
  749.  
  750. {CustomCSS}
  751. </style>
  752. <body>
  753.  
  754. <div id="contain">
  755. <div id="box" style="float:left">
  756. <div id="name">About the Blogette</div>
  757. {Description}
  758. </div>
  759. <div id="containtab"><br>
  760. A<br>b<br>o<br>u<br>t<br>
  761. </div>
  762. </div>
  763.  
  764.  
  765.  
  766. <div id="contain2">
  767. <div id="box2" style="float:left">
  768. <div id="name">Jadore</div>
  769. 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
  770. </div>
  771. <div id="containtab2">
  772. J<br>A<br>D<br>O<br>R<br>E
  773. </div>
  774. </div>
  775.  
  776. <div id="contain3">
  777. <div id="box3" style="float:left">
  778. <div id="name">Statistics</div>
  779. <div class="heart">{text:Stats 1}</div>
  780. <div class="heart">{text:Stats 2}</div>
  781. <div class="heart">{text:Stats 3}</div>
  782. <div class="heart">{text:Stats 4}</div>
  783.  
  784. </div>
  785. <div id="containtab3"><br>
  786. S<br>T<br>A<br>T<br>S<br>
  787. </div>
  788. </div>
  789.  
  790. <div id="contain4">
  791. <div id="box4" style="float:left">
  792. <div id="name">Navigation</div>
  793. <div class="navigate">
  794. <a href="/">Home</a>
  795. <a href="/ask">ask</a>
  796. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  797. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  798. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  799. <a href="http://vanillabeaux.co.vu/">credits</a>
  800. </div>
  801. </div>
  802. <div id="containtab4"><br>
  803. L<br>I<br>N<br>K<br>S
  804. </div>
  805. </div>
  806.  
  807. <div id="contain5">
  808. <div id="box5" style="float:left">
  809. <div id="name">Favorites</div>
  810. <div id="faves">
  811. <marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  812. <a href="{text:Favorite 1 URL}"><img src='{image:Fav 1}'title="{text:Favorite 1}"/></a>
  813. <a href="{text:Favorite 2 URL}"><img src='{image:Fav 2}'title="{text:Favorite 2}"/></a>
  814. <a href="{text:Favorite 3 URL}"><img src='{image:Fav 3}'title="{text:Favorite 3}"/></a>
  815. <a href="{text:Favorite 4 URL}"><img src='{image:Fav 4}'title="{text:Favorite 4}"/></a>
  816. <a href="{text:Favorite 5 URL}"><img src='{image:Fav 5}'title="{text:Favorite 5}"/></a>
  817. <a href="{text:Favorite 6 URL}"><img src='{image:Fav 6}'title="{text:Favorite 6}"/></a>
  818. <a href="{text:Favorite 7 URL}"><img src='{image:Fav 7}'title="{text:Favorite 7}"/></a>
  819. <a href="{text:Favorite 8 URL}"><img src='{image:Fav 8}'title="{text:Favorite 8}"/></a>
  820. <a href="{text:Favorite 9 URL}"><img src='{image:Fav 9}'title="{text:Favorite 9}"/></a>
  821. <a href="{text:Favorite 10 URL}"><img src='{image:Fav 10}'title="{text:Favorite 10}"/></a>
  822. </marquee>
  823. </div>
  824. </div>
  825. <div id="containtab5"><br>
  826. F<br>A<br>V<br>E<br>S<br>
  827. </div>
  828. </div>
  829.  
  830.  
  831. <div id="contain6">
  832. <div id="box6" style="float:left">
  833. <div id="name">Blogroll</div>
  834. <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>
  835. </div>
  836. <div id="containtab6"><br>
  837. M<br>O<br>R<br>E
  838. </div>
  839. </div>
  840.  
  841.  
  842.  
  843. <div id="sidebar">
  844. <img style="width:100%; height:100%;" src="{image:sidebar}">
  845. </div>
  846.  
  847. <div id="sidebanner"><span id="bubble">{title}</span></div>
  848.  
  849.  
  850. <div id="posts">
  851.  
  852. {block:Posts}
  853. <div class="entry">
  854.  
  855. {block:IndexPage}
  856. <div class="perma">
  857. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  858.  
  859. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>
  860. {/block:IndexPage}
  861.  
  862. {block:Text}
  863. {block:Title}
  864. <div class="title">{Title}</div>
  865. {/block:Title}
  866. <span class="entrytext">{Body}</span>
  867. {/block:Text}
  868.  
  869. {block:Link}
  870. <div class="title"><a href="{URL}">{Name}</a></div>
  871. {block:Description}
  872. {Description}
  873. {/block:Description}
  874. {block:Link}
  875.  
  876. {block:Photo}
  877. {block:IndexPage}
  878. {LinkOpenTag}
  879. <div class="photo"><a href="{permalink}">
  880. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"/></a></div>
  881. {LinkCloseTag}
  882. {/block:IndexPage}
  883. {block:PermalinkPage}
  884. {LinkOpenTag}
  885. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  886. {LinkCloseTag}
  887. {/block:PermalinkPage}
  888. {/block:Photo}
  889.  
  890. {block:Photoset}
  891. {block:IndexPage}
  892. {Photoset-250}
  893. {/block:IndexPage}
  894. {block:PermalinkPage}
  895. <center>
  896. {Photoset-500}
  897. </center>
  898. {/block:PermalinkPage}
  899. {/block:Photoset}
  900.  
  901. {block:Quote}
  902. {Quote}
  903. </span>
  904. {block:Source}
  905. <div class="quote">{Source}</div>
  906. {/block:Source}
  907. {/block:Quote}
  908.  
  909. {block:Chat}
  910. {block:Title}
  911. <span class="title">{Title}</span>
  912. {/block:Title}
  913. <ul class="chat">
  914. {block:Lines}
  915. <li class="user_{UserNumber}">
  916. {block:Label}
  917. <span class="label">{Label}</span>
  918. {/block:Label}
  919. {Line}
  920. </li>
  921. {/block:Lines}
  922. </ul>
  923. {/block:Chat}
  924.  
  925. {block:Audio}
  926. <center>{AudioPlayerWhite}</center>
  927.  
  928. {block:ExternalAudio}{/block:ExternalAudio}
  929. {/block:Audio}
  930.  
  931. {block:Video}
  932. {block:IndexPage}
  933. <center>
  934. {Video-250}
  935. </center>
  936. {/block:IndexPage}
  937. {block:PermalinkPage}
  938. <center>
  939. {Video-500}
  940. </center>
  941. {/block:PermalinkPage}
  942. {block:Video}
  943.  
  944. {block:Answer}
  945. <img src="{AskerPortraitURL-30}"style="width:30px;height:30px;"align="left"class="askborder"><div class="infinite"><span></span>
  946. {Asker}: {Question}&nbsp;</div>
  947. <div style="margin-top: -5px;"><br>{Answer}</div>
  948. {/block:Answer}
  949.  
  950. {block:PermalinkPage}
  951. <center>
  952. <br>
  953. {block:Caption}
  954. {Caption}
  955. {/block:Caption}
  956.  
  957. {block:ContentSource}<a href="{SourceURL}"> </a>{block:ContentSource}
  958.  
  959. {block:RebloggedFrom}
  960. <a href="{ReblogParentURL}"> </a>
  961. <a href="{ReblogRootURL}"> </a>
  962. {/block:RebloggedFrom}
  963.  
  964. {block:NoteCount}
  965. {NoteCountWithLabel}
  966. {/block:NoteCount}
  967.  
  968. {block:HasTags}
  969. &middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
  970. {/block:hasTags}
  971. </center>
  972. {/block:PermalinkPage}
  973.  
  974.  
  975. {block:PostNotes}
  976. {PostNotes}
  977. {/block:PostNotes}
  978. </div>
  979.  
  980. {/block:Posts}
  981. </div>
  982. </div>
  983.  
  984.  
  985. {block:IndexPage}
  986. {block:Pagination}
  987. <div id="pagination">
  988. {block:NextPage}
  989. <a id="nextPage" href="{NextPage}"></a>
  990. {/block:NextPage}
  991. {block:PreviousPage}
  992. <a href="{PreviousPage}"></a>
  993. {/block:PreviousPage}
  994. </div>
  995. {/block:Pagination}
  996. {/block:IndexPage}
  997.  
  998. {block:IndexPage}
  999. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1000. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1001.  
  1002. <script type="text/javascript">
  1003. $(window).load(function () {
  1004. var $content = $('#posts');
  1005. $content.masonry({itemSelector: '.entry'}),
  1006. $content.infinitescroll({
  1007. navSelector : 'div#pagination',
  1008. nextSelector : 'div#pagination a#nextPage',
  1009. itemSelector : '.entry',
  1010. loading: {
  1011. finishedMsg: '',
  1012. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1013. },
  1014. bufferPx : 600,
  1015. debug : false,
  1016. },
  1017. // call masonry as a callback.
  1018. function( newElements ) {
  1019. var $newElems = $( newElements );
  1020. $newElems.hide();
  1021. // ensure that images load before adding to masonry layout
  1022. $newElems.imagesLoaded(function(){
  1023. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  1024.  
  1025.  
  1026. });
  1027. });
  1028. });
  1029. </script>
  1030. {/block:IndexPage}
  1031. </div>
  1032. </body>
  1033. </html>
Advertisement
Add Comment
Please, Sign In to add comment