elsaofarendelle

Elsa Theme 000

Mar 2nd, 2016 (edited)
27
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.46 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <!--- TOOLTIPS START --->
  7.  
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  10. <script>
  11. (function($){
  12. $(document).ready(function(){
  13. $("[title]").style_my_tooltips();
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18.  
  19. </style>
  20.  
  21. <!--- TOOLTIPS END --->
  22.  
  23.  
  24. <!--- CUSTOM FONT START --->
  25.  
  26. <link href='http://www.myfontfree.com/data/35/b/brain_flower/Brain Flower Euro.ttf' rel='stylesheet' type='text/css'>
  27.  
  28. <!--- CUSTOM FONT END --->
  29.  
  30.  
  31.  
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37.  
  38. <!-------------------------------------------
  39. Code by elsaofarendelle.
  40. Don't copy or distribute.
  41. Don't claim as your own.
  42. -------------------------------------------->
  43.  
  44. <!--- META CODES START --->
  45.  
  46. <!-- IMAGES -->
  47.  
  48. <meta name="image:background" content=""/>
  49. <meta name="image:sidebar" content=""/>
  50.  
  51. <!--- META CODES END --->
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. /* --- SCROLLBAR ---*/
  58.  
  59. ::-webkit-scrollbar {
  60. height: 0px;
  61. width: 3px;
  62. background: none;
  63. }
  64.  
  65. ::-webkit-scrollbar-thumb {
  66. border: 3px solid transparent;
  67. -webkit-border-radius: 10px;
  68. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  69. }
  70.  
  71. ::-webkit-scrollbar-corner{
  72. background: transparent;
  73. }
  74.  
  75. /* --- SCROLLBAR END --- */
  76.  
  77. /* --- TOOLTIPS START --- */
  78.  
  79. #s-m-t-tooltip{
  80. max-width:300px;
  81. margin:15px;
  82. padding:2px 8px;
  83. border:1px solid #a5a5a5;
  84. border-radius:0px;
  85. background:#c8c4be;
  86. color:#a5a5a5;
  87. z-index:9999999999999;
  88. font-size:15px;
  89. text-shadow:0px 0px 3px #fff;
  90. font-family: 'Brain Flower';
  91. font-weight:bold;
  92. text-transform:normal;
  93. box-shadow:0px 0px 3px #fff;
  94. -webkit-transition:all 0.7s;
  95. -moz-transition:all 0.7s;
  96. -ms-transition:all 0.7s;
  97. -o-transition:all 0.7s;
  98. transition:all 0.7s;
  99. }
  100.  
  101.  
  102. /* --- TOOLTIPS END --- */
  103.  
  104.  
  105. /* --- UPDATES START ---*/
  106.  
  107. #updates {
  108. background:#transparent;
  109. font-size:10px;
  110. font-family: times;
  111. color:#a5a5a5;
  112. text-align:left;
  113. height:30px;
  114. width:100px;
  115. padding:4px;
  116. top:40px;
  117. left:100px;
  118. z-index:10;
  119. position:fixed;
  120. overflow:hidden;
  121. -webkit-transition: all 0.5s ease-in-out;
  122. -moz-transition: all 0.5s ease-in-out;
  123. -o-transition: all 0.5s ease-in-out;
  124. }
  125.  
  126. #updates:hover {
  127. background:#transparent;
  128. height:200px;
  129. -webkit-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. -o-transition: all 0.5s ease-in-out;
  132. }
  133.  
  134. #updatestitle {
  135. font-size:25px;
  136. text-transform:normal;
  137. font-family: 'Brain Flower';
  138. font-weight:bold;
  139. color: #a5a5a5;
  140. text-shadow:0px 0px 3px #eee;
  141. transform: rotate(-9deg);
  142. -ms-transform: rotate(-9deg);
  143. -webkit-transform: rotate(-9deg);
  144. -o-transform: rotate(-9deg);
  145. -moz-transform: rotate(-9deg);
  146.  
  147. }
  148.  
  149. /* --- UPDATES END --- */
  150.  
  151.  
  152. /* --- BODY START ---*/
  153.  
  154. body {
  155. overflow:hidden;
  156. background:#c8c4be;
  157. background-image:url({image:background});
  158. background-attachment: fixed;
  159. background-repeat: no-repeat;
  160. background-position:0px 0px;
  161. margin:0px;
  162. color:#a5a5a5;
  163.  
  164. font-family:times;
  165. font-size:12px;
  166. line-height:120%;
  167. }
  168.  
  169. blockquote {
  170. padding-left:5px;
  171. border-left:2px solid;
  172. border-radius:6px;
  173. }
  174.  
  175. a {
  176. color:#a5a5a5;
  177. text-shadow:0px 0px 3px #a5a5a5;
  178. font-family: 'Brain Flower';
  179. font-size:20px;
  180. }
  181.  
  182. a {
  183. text-decoration:none;
  184. -webkit-transition:all 0.5s ease-in-out;
  185. -moz-transition:all 0.5s ease-in-out;
  186. -o-transition:all 0.5s ease-in-out;
  187. -ms-transition:all 0.5s ease-in-out;
  188. transition:all 0.5s ease-in-out;
  189. }
  190.  
  191. a:hover {
  192. color:#a5a5a5;
  193. text-shadow:0px 0px 3px #a5a5a5;
  194. }
  195.  
  196. img {none;}
  197.  
  198. h1 , h2 {
  199. font-family: 'Brain Flower';
  200. text-transform:none;
  201. font-size:20px;
  202. line-height:30px;
  203. letter-spacing:0px;
  204. text-align:center;
  205. font-style:none;
  206. color:#a5a5a5;
  207. text-shadow:0px 0px 3px #a5a5a5;
  208. }
  209.  
  210. #container {
  211. width:260px;
  212. height:280px;
  213. margin-left:165px;
  214. margin-top:257px;
  215. position:fixed;
  216. overflow:auto;
  217. padding-left:50px;
  218. padding-right:50px;
  219. padding-top:10px;
  220. padding-bottom:10px;
  221. }
  222.  
  223. #posts {
  224. width:250px;
  225. background-color: transparent;
  226. padding:-50px;
  227. text-align: justify;
  228. font-size: 12px;
  229. padding-top: -10px;
  230. margin-bottom: 50px;
  231. line-height: 100%px;
  232. font-family: georgia;
  233. z-index:50;
  234. }
  235.  
  236. #posts img {
  237. padding: 0;
  238. max-width: 100%;
  239. height: auto;
  240. }
  241.  
  242.  
  243. b {
  244. text-transform: bold;
  245. color: #a5a5a5;
  246. text-shadow:0px 0px 5px #a5a5a5;
  247. letter-spacing:1px;
  248. font-family: 'Brain Flower';
  249. font-size:15px;
  250. }
  251.  
  252. i, em {
  253. text-transform: italic;
  254. color: #a5a5a5;
  255. text-shadow:2px 2px 3px #000;
  256. letter-spacing:1px;
  257. font-family: 'Brain Flower';
  258. font-size:15px;
  259. }
  260.  
  261. /* --- BODY END --- */
  262.  
  263.  
  264. /* --- SIDEBAR START ---*/
  265.  
  266. #sidebar{
  267. position:fixed;
  268. width:91px;
  269. height:auto;
  270. margin-top:100px;
  271. margin-left:350px;
  272. text-align:left;
  273. }
  274.  
  275.  
  276. #sidebarimage img{
  277. width:200px;
  278. margin-top:5px;
  279. margin-left:-100px;
  280. margin-bottom:5px;
  281. padding:-1px;
  282. outline-offset:4px;
  283. }
  284.  
  285. #nav {
  286. position:fixed;
  287. overflow:hidden;
  288. margin-top:150px;
  289. margin-left:315px;
  290. }
  291.  
  292. #link1 a , #link2 a, #link3 a
  293.  
  294. #title{
  295. font-family: 'Brain Flower';
  296. text-align:center;
  297. margin-top:-50px;
  298. padding-bottom:0px;
  299. text-transform:none;
  300. font-style:normal;
  301. font-size:30px;
  302. }
  303.  
  304. #description {
  305. width:150px;
  306. height:200px;
  307. font-family: 'Brain Flower';
  308. margin-bottom:0px;
  309. margin-top:-100px;
  310. margin-left:-215px;
  311. text-align:justify;
  312. font-size:15px;
  313. color: #a5a5a5;
  314. text-shadow:0px 0px 0px #fff;
  315. letter-spacing:1px;
  316. line-height:115%;
  317. }
  318.  
  319. #pagination{
  320. font-family: times;
  321. width:103px;
  322. font-size:8px;
  323. text-transform:normal;
  324. margin-top: 60px;
  325. margin-left: 125px;
  326. padding-top:25px;
  327. letter-spacing:1px;
  328. font-style:normal;
  329. text-align:center;
  330. }
  331.  
  332. #pagination a {
  333. font-family: times;
  334. font-size:10px;
  335. color:#a5a5a5;
  336. text-shadow:0px 0px 3px #a5a5a5;
  337. }
  338.  
  339. /* --- SIDEBAR END --- */
  340.  
  341.  
  342. /* --- LINKS START --- */
  343.  
  344. .links1 {
  345. position:fixed;
  346. font-size:40px;
  347. top: 40px;
  348. left: 430px;
  349. }
  350.  
  351. .links1 a {
  352. text-decoration:none;
  353. text-transform:normal;
  354. color: #a5a5a5;
  355. font-family: 'Brain Flower';
  356. text-shadow: 0px 0px 3px #eee;
  357. -moz-transition-duration:.7s;
  358. -webkit-transition-duration:.7s;
  359. -o-transition-duration:.7s;
  360. }
  361.  
  362.  
  363. .links1 a:hover {
  364. text-decoration:none;
  365. text-transform:normal;
  366. color: #a5a5a5;
  367. text-shadow:0px 0px 3px #eee;
  368. }
  369.  
  370. .links2 {
  371. position:fixed;
  372. font-size:40px;
  373. top: 65px;
  374. left: 420px;
  375. }
  376.  
  377. .links2 a {
  378. text-decoration:none;
  379. text-transform:normal;
  380. color: #a5a5a5;
  381. font-family: 'Brain Flower';
  382. text-shadow: 0px 0px 3px #eee;
  383. -moz-transition-duration:.7s;
  384. -webkit-transition-duration:.7s;
  385. -o-transition-duration:.7s;
  386. }
  387.  
  388.  
  389. .links2 a:hover {
  390. text-decoration:none;
  391. text-transform:normal;
  392. color: #a5a5a5;
  393. text-shadow:0px 0px 3px #eee;
  394. }
  395.  
  396. .links3 {
  397. position:fixed;
  398. font-size:40px;
  399. top: 75px;
  400. left: 440px;
  401. }
  402.  
  403. .links3 a {
  404. text-decoration:none;
  405. text-transform:normal;
  406. color: #a5a5a5;
  407. font-family: 'Brain Flower';
  408. text-shadow: 0px 0px 3px #eee;
  409. -moz-transition-duration:.7s;
  410. -webkit-transition-duration:.7s;
  411. -o-transition-duration:.7s;
  412. }
  413.  
  414.  
  415. .links3 a:hover {
  416. text-decoration:none;
  417. text-transform:normal;
  418. color: #a5a5a5;
  419. text-shadow:0px 0px 3px #eee;
  420. }
  421.  
  422. .links4 {
  423. position:fixed;
  424. font-size:40px;
  425. top: 80px;
  426. left: 400px;
  427. }
  428.  
  429. .links4 a {
  430. text-decoration:none;
  431. text-transform:normal;
  432. color: #a5a5a5;
  433. font-family: 'Brain Flower';
  434. text-shadow: 0px 0px 3px #eee;
  435. -moz-transition-duration:.7s;
  436. -webkit-transition-duration:.7s;
  437. -o-transition-duration:.7s;
  438. }
  439.  
  440.  
  441. .links4 a:hover {
  442. text-decoration:none;
  443. text-transform:normal;
  444. color: #a5a5a5;
  445. text-shadow:0px 0px 3px #eee;
  446. }
  447.  
  448. .links5 {
  449. position:fixed;
  450. font-size:40px;
  451. top: 100px;
  452. left: 420px;
  453. }
  454.  
  455. .links5 a {
  456. text-decoration:none;
  457. text-transform:normal;
  458. color: #a5a5a5;
  459. font-family: 'Brain Flower';
  460. text-shadow: 0px 0px 3px #eee;
  461. -moz-transition-duration:.7s;
  462. -webkit-transition-duration:.7s;
  463. -o-transition-duration:.7s;
  464. }
  465.  
  466.  
  467. .links5 a:hover {
  468. text-decoration:none;
  469. text-transform:normal;
  470. color: #a5a5a5;
  471. text-shadow:0px 0px 3px #eee;
  472. }
  473.  
  474. .links6 {
  475. position:fixed;
  476. font-size:40px;
  477. top: 105px;
  478. left: 450px;
  479. }
  480.  
  481. .links6 a {
  482. text-decoration:none;
  483. text-transform:normal;
  484. color: #a5a5a5;
  485. font-family: 'Brain Flower';
  486. text-shadow: 0px 0px 3px #eee;
  487. -moz-transition-duration:.7s;
  488. -webkit-transition-duration:.7s;
  489. -o-transition-duration:.7s;
  490. }
  491.  
  492.  
  493. .links6 a:hover {
  494. text-decoration:none;
  495. text-transform:normal;
  496. color: #a5a5a5;
  497. text-shadow:0px 0px 3px #eee;
  498. }
  499.  
  500. /* ---LINKS END --- */
  501.  
  502.  
  503. /* --- CREDIT START --- */
  504.  
  505. .credit{
  506. position:fixed;
  507. font-size:10px;
  508. right:12px;
  509. bottom:8px;
  510. }
  511.  
  512. .credit a {
  513. text-decoration:none;
  514. text-transform:uppercase;
  515. color: #a5a5a5;
  516. text-shadow:0px 0px 3px #a5a5a5;
  517. -moz-transition-duration:.7s;
  518. -webkit-transition-duration:.7s;
  519. -o-transition-duration:.7s;
  520. }
  521.  
  522.  
  523. .credit a:hover {
  524. text-decoration:none;
  525. text-transform:uppercase;
  526. text-shadow:none;
  527. color: #a5a5a5;
  528. text-shadow:0px 0px 3px #a5a5a5;
  529. }
  530.  
  531. /* --- CREDIT END --- */
  532.  
  533. /* --- POST INFO START --- */
  534.  
  535. .note {
  536. padding:0px 20px 0px 20px;
  537. background-color:transparent;
  538. text-transform:lowercase;
  539. letter-spacing:0px;
  540. font-size: 11px;
  541. font-style:normal;
  542. text-align:left;
  543. line-height:120%;
  544. }
  545.  
  546. .note li {
  547. list-style-type:none;
  548. padding:5px 25px 5px 25px;
  549. text-align:left;
  550. margin-right:30px;
  551. margin-top:-50px;
  552. }
  553.  
  554.  
  555. #info {
  556. font-family: 'Brain Flower';
  557. text-align:center;
  558. margin-top:10px;
  559. padding-top:10px;
  560. padding:0px;
  561. padding-bottom:1px;
  562. text-transform:none;
  563. font-style:none;
  564. font-size:10px;
  565. color:#a5a5a5;
  566. text-shadow:0px 0px 3px #494d4f;
  567. border:1px dashed #a5a5a5;
  568. border-radius:0px;
  569. background-image:url("https://56.media.tumblr.com/ddd638cb5d800d95202d36b533fc0412/tumblr_inline_o3fl7zohkq1tmuej4_540.png");
  570. height:20px;
  571. line-height:200%;
  572. }
  573.  
  574. #info a{
  575. color:#a5a5a5;
  576. text-shadow:0px 0px 3px #a5a5a5;
  577. }
  578.  
  579. #tags {
  580. font-family: times;
  581. text-align:center;
  582. margin-top:0px;
  583. padding-bottom:0px;
  584. text-transform:none;
  585. font-style:none;
  586. font-size:10px;
  587. color:#a5a5a5;
  588. }
  589.  
  590. #tags a{
  591. color:#a5a5a5;
  592. font-size:12px;
  593. }
  594.  
  595. /* --- POST INFO END --- */
  596.  
  597.  
  598. /* --- ASK & AUDIO START --- */
  599.  
  600. .ask {
  601. color:#a5a5a5;
  602. padding:15px;
  603. margin-bottom:15px;
  604. background-image:url("https://56.media.tumblr.com/62bde3b830e2830dd66442cb99a803c7/tumblr_inline_o3fmv1Kz3q1tmuej4_540.png");
  605. border:1px dashed #a5a5a5;
  606. }
  607.  
  608. .asker {
  609. font-family: 'Brain Flower';
  610. font-size:25px;
  611. color:#a5a5a5;
  612. text-shadow:0px 0px 3px #fff;
  613. line-height:10px;
  614. text-align:center;
  615. }
  616.  
  617. .answer {
  618. color: #a5a5a5;
  619. }
  620.  
  621. .audio{
  622. background-color: #transparent;
  623. height:70px;
  624. overflow:hidden;
  625. }
  626.  
  627. /* --- ASK & AUDIO END --- */
  628.  
  629.  
  630.  
  631.  
  632. {CustomCSS}</style></head><body>
  633.  
  634.  
  635. <div id="sidebar">
  636. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  637.  
  638. <div class="links1">
  639. <a title="home" href="/">1.</a>
  640. </div>
  641.  
  642. <div class="links2">
  643. <a title="ask" href="/i">2.</a>
  644. </div>
  645.  
  646. <div class="links3">
  647. <a title="rules" href="/ii">3.</a>
  648. </div>
  649.  
  650. <div class="links4">
  651. <a title="about" href="/iii">4.</a>
  652. </div>
  653.  
  654. <div class="links5">
  655. <a title="verses" href="/iv">5.</a>
  656. </div>
  657.  
  658. <div class="links6">
  659. <a title="navigation" href="/v">6.</a>
  660. </div>
  661.  
  662. <div class="credit">
  663. <a title=theme href="http://elsaofarendelle.tumblr.com/themes">𝔼</a>
  664. </div>
  665.  
  666.  
  667. <!-- UPDATES START -->
  668.  
  669. <div id="updates">
  670. <div id="updatestitle">queen elsa</div>
  671.  
  672. <div style="padding-top:10px;">
  673.  
  674. <center><p>In Arendelle’s fair kingdom, a ruler did appear, born with a secret power so great, alone she stayed in fear.</p>
  675.  
  676. <p>Although the force was hidden, one day she let it go, and all the land was covered in eternal ice and snow.</p>
  677. </center>
  678.  
  679.  
  680. </div></div>
  681.  
  682. <!-- UPDATES END -->
  683.  
  684.  
  685. <div id="description">{Description}</div>
  686.  
  687.  
  688. <div id="scrollbar">{scrollbar}</div>
  689.  
  690.  
  691.  
  692. <div id="pagination">
  693. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{/block:Pagination}
  694. {block:Pagination}{block:NextPage}<a href="{NextPage}">/ fourth </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  695.  
  696.  
  697.  
  698. {block:HasPages}{block:Pages}
  699.  
  700. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  701.  
  702. </div></center>
  703.  
  704.  
  705. </div>
  706.  
  707. <div id="container">{block:Posts}<div id="posts">
  708.  
  709.  
  710. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  711.  
  712. {block:blockquote}{/block:blockquote}
  713.  
  714.  
  715.  
  716. {block:Photo}
  717. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  718. {/block:Photo}
  719.  
  720. {block:Photoset}
  721. <center>{Photoset-250}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  722. {/block:Photoset}
  723.  
  724. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  725.  
  726. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  727.  
  728. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  729.  
  730. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  731. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  732.  
  733. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  734.  
  735. {block:Answer}
  736. <div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
  737. {/block:Answer}
  738.  
  739.  
  740. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}"><small>❆</small></a> &nbsp;&nbsp;{block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}"><small>❉</small></a> &nbsp;&nbsp;{/block:NoteCount} {block:RebloggedFrom} {/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><small>❊</small></a> {/block:Date}</div>
  741.  
  742. <div id="tags">
  743. {block:HasTags}{block:Tags} <a href="{TagURL}">{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  744.  
  745. </div>
  746. {block:PostNotes}{PostNotes}{/block:PostNotes}
  747. {/block:Posts}</div>
  748.  
  749.  
  750. </body>
  751.  
  752. <!-- Start of StatCounter Code for Tumblr -->
  753. <script type="text/javascript">
  754. var sc_project=10794730;
  755. var sc_invisible=1;
  756. var sc_security="b7adc50a";
  757. var scJsHost = (("https:" == document.location.protocol) ?
  758. "https://secure." : "http://www.");
  759. document.write("<sc"+"ript type='text/javascript' src='" +
  760. scJsHost+
  761. "statcounter.com/counter/counter.js'></"+"script>");
  762. </script>
  763. <noscript><div class="statcounter"><a title="tumblr hit
  764. tracking tool" href="http://statcounter.com/tumblr/"
  765. target="_blank"><img class="statcounter"
  766. src="http://c.statcounter.com/10794730/0/b7adc50a/1/"
  767. alt="tumblr hit tracking tool"></a></div></noscript>
  768. <!-- End of StatCounter Code for Tumblr -->
  769.  
  770.  
  771. </html>
Advertisement
Add Comment
Please, Sign In to add comment