Advertisement
clairesrps

avalanche

Jan 1st, 2015
503
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.94 KB | None | 0 0
  1. <!-- theme 12, by clairesrps // avalanche -->
  2. <!-- themesbyzsu.tumblr.com // base code -->
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.  
  15. <meta name="color:Background" content="#fff" />
  16. <meta name="color:Text" content="#333" />
  17. <meta name="color:Entries" content="#fff" />
  18. <meta name="color:Title" content="#000" />
  19. <meta name="color:Borders" content="#000" />
  20. <meta name="color:Sbar" content="#fff" />
  21. <meta name="color:Sidebar" content="#fff" />
  22. <meta name="color:Sidebar nav" content="#eee" />
  23. <meta name="color:Sidebar nav hover" content="#fff" />
  24. <meta name="color:Sidebar link" content="#fff" />
  25. <meta name="color:Sidebar link hover" content="#333" />
  26. <meta name="color:Link" content="#000" />
  27. <meta name="color:Link Hover" content="#666" />
  28. <meta name="color:Scrollbar" content="#666" />
  29. <meta name="color:Pre BG" content="#666" />
  30. <meta name="color:Pre Text" content="#fff" />
  31.  
  32. <meta name="image:Background" content="" />
  33. <meta name="image:Sidebar Bg" content="" />
  34. <meta name="image:Sidebar" content="" />
  35.  
  36. <meta name="text:Link3" content="iii"/>
  37. <meta name="text:Link3 title" content="link" />
  38. <meta name="text:Link3 URL" content="/" />
  39. <meta name="text:Link4" content="iv"/>
  40. <meta name="text:Link4 title" content="link" />
  41. <meta name="text:Link4 URL" content="/" />
  42. <meta name="text:Link5" content="v"/>
  43. <meta name="text:Link5 title" content="link" />
  44. <meta name="text:Link5 URL" content="/" />
  45. <meta name="text:Link6" content="vii"/>
  46. <meta name="text:Link6 title" content="link" />
  47. <meta name="text:Link6 URL" content="/" />
  48.  
  49. <meta name="text:main title" content="this is your main title" />
  50. <meta name="text:sub title" content="this is your sub title" />
  51.  
  52. <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  53.  
  54. <script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $(“a[title]”).style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:”title”
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80. <style type="text/css">
  81.  
  82. ::-webkit-scrollbar{height: 5px; width: 5px; -webkit-border-radius: 0px; background-color:#ffffff;}
  83.  
  84. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  85. ::-webkit-scrollbar-track{background-color:#fefefe;}
  86.  
  87. ::-moz-selection {background-color:#797574;
  88. color:#fefefe;}
  89.  
  90. ::selection {background-color:#797574;
  91. color:#fefefe}
  92.  
  93. #s-m-t-tooltip {
  94. margin-top: 15px;
  95. font-family: cambria;
  96. font-size: 8px;
  97. text-transform:uppercase;
  98. padding:2px;
  99. background-color:{color:Entries};
  100. color:#797574;
  101. border:1px solid {color:Borders};
  102. z-index:9999;
  103. }
  104.  
  105. body {
  106. background: {color:Background};
  107. background-image: url('{image:Background}');
  108. background-attachment:fixed;
  109. position:absolute;
  110. font-size:12px;
  111. font-family: cambria;
  112. color:{color:Body};
  113. }
  114.  
  115. pre {
  116. font-family:cambria;
  117. font-size:8px;
  118. text-transform:Uppercase;
  119. background-color:{color:Pre Bg};
  120. padding:2px;
  121. text-align:center;
  122. border-left:2px solid {color:border};
  123. border-right:2px solid {color:border};
  124. color:{color:Pre Text};
  125. }
  126.  
  127. a {
  128. text-decoration:none;
  129. outline:none;
  130. color:{color:Link};
  131. -webkit-transition: all 0.5s ease-in-out;
  132. -moz-transition: all 0.5s ease-in-out;
  133. -o-transition: all 0.5s ease-in-out;
  134. }
  135.  
  136. a:hover {
  137. color:{color:Link Hover};
  138. -webkit-transition: all 0.5s ease-in-out;
  139. -moz-transition: all 0.5s ease-in-out;
  140. -o-transition: all 0.5s ease-in-out;
  141. }
  142.  
  143. #posttitle {
  144. font-weight:bold;
  145. color:{color:title};
  146. text-align:left;
  147. font-family: cambria;
  148. font-size: 17px;
  149. text-transform:uppercase;
  150. }
  151.  
  152. #quotes {
  153. text-transform:lowercase;
  154. text-align:left;
  155. font-family: cambria;
  156. font-weight:none;
  157. font-style:italic;
  158. color:{color:Link};
  159. font-family:cambria;
  160. text-align:left;
  161. font-size: 17px;
  162. }
  163.  
  164. #backbar {
  165. float:left;
  166. position:fixed;
  167. width:408px;
  168. height:347px;
  169. margin-left:50px;
  170. margin-top:100px;
  171. background-color:{color:sbar};
  172. background-image:url('{image:sidebar bg}');
  173. background-attachment:none;
  174. background-size:auto;
  175. background-position:top left;
  176. background-repeat:repeat;
  177. border: 1px solid {color:borders};
  178. }
  179.  
  180. #title1 {
  181. margin-top: 4px;
  182. font-family: cambria;
  183. font-family:{font:Title};
  184. color:{color:title};
  185. font-style:none;
  186. font-weight:none;
  187. text-transform:uppercase;
  188. font-size:15px;
  189. text-align:center;
  190. text-decoration:none;
  191. -webkit-transition: all 0.5s ease-in-out;
  192. -moz-transition: all 0.5s ease-in-out;
  193. -o-transition: all 0.5s ease-in-out;
  194. }
  195.  
  196. #title2 {
  197. font-family:{font:Title};
  198. color:{color:Text};
  199. font-style:none;
  200. font-weight:none;
  201. text-transform:lowercase;
  202. font-style:italic;
  203. font-size:10px;
  204. text-align:center;
  205. text-decoration:none;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  209. }
  210.  
  211. #sidebar {
  212. overflow:hidden;
  213. height: 126px;
  214. border: 1px solid {color:borders};
  215. background-color: {color:sidebar};
  216. position:fixed;
  217. margin-top:206px;
  218. margin-left:88px;
  219. width:220px;
  220. padding:5px;
  221. }
  222.  
  223. #topbar {
  224. overflow:hidden;
  225. height: 40px;
  226. border: 1px solid {color:borders};
  227. background-color: {color:sidebar};
  228. position:fixed;
  229. margin-top:3px;
  230. margin-left:3px;
  231. width:390px;
  232. padding:5px;
  233. }
  234.  
  235. #sidebarimg {
  236. float:left;
  237. position:fixed;
  238. width:230px;
  239. height:143px;
  240. margin-left:88px;
  241. margin-top:58px;
  242. background-color:{color:sidebar};
  243. background-image:url('{image:sidebar}');
  244. background-attachment:none;
  245. background-size:auto;
  246. background-position:top left;
  247. background-repeat:no-repeat;
  248. border: 1px solid {color:borders};
  249. }
  250.  
  251. #description {
  252. margin-top: 0px;
  253. margin-left:0px;
  254. margin-right:10px;
  255. font-style:normal;
  256. padding:0px;
  257. color:{color:text};
  258. font-size:10px;
  259. text-align:justify;
  260. }
  261.  
  262. #links {
  263. position:fixed;
  264. width: auto;
  265. margin-top:58px;
  266. margin-left:9px;
  267. text-align:left;
  268. }
  269.  
  270.  
  271. #links a{
  272. font-style: italic;
  273. text-shadow: 0px 0px 1px #666666;
  274. text-align:center;
  275. font-family:cambria;
  276. line-height: 92px;
  277. height: 92px;
  278. margin-left: -6px;
  279. margin-bottom:2px;
  280. letter-spacing: 0px;
  281. font-size: 12px;
  282. text-transform: lowercase;
  283. width: 80px;
  284. border: 1px solid {color:borders};
  285. display:block;
  286. background:{color:sidebar nav};
  287. color:{color:sidebar link};
  288. -webkit-transition: all 0.2s ease-in-out;
  289. -moz-transition: all 0.2s ease-in-out;
  290. -o-transition: all 0.2s ease-in-out;
  291. }
  292.  
  293. #links a:hover{
  294. border: 1px solid {color:borders};
  295. color:{color:sidebar link hover};
  296. background:{color:sidebar nav hover};
  297. font-style:italic;
  298. -webkit-transition: all 0.5s ease-in-out;
  299. -moz-transition: all 0.5s ease-in-out;
  300. -o-transition: all 0.5s ease-in-out;
  301. }
  302.  
  303. #links2 {
  304. position:fixed;
  305. width: auto;
  306. margin-top:58px;
  307. margin-left:368px;
  308. text-align:left;
  309. }
  310.  
  311.  
  312. #links2 a{
  313. font-style: italic;
  314. text-shadow: 0px 0px 1px #666666;
  315. text-align:center;
  316. font-family:cambria;
  317. line-height: 92px;
  318. height: 92px;
  319. margin-left: -45px;
  320. margin-bottom:2px;
  321. letter-spacing: 0px;
  322. font-size: 12px;
  323. text-transform: lowercase;
  324. width: 80px;
  325. border: 1px solid {color:borders};
  326. display:block;
  327. background:{color:sidebar nav};
  328. color:{color:sidebar link};
  329. -webkit-transition: all 0.2s ease-in-out;
  330. -moz-transition: all 0.2s ease-in-out;
  331. -o-transition: all 0.2s ease-in-out;
  332. }
  333.  
  334. #links2 a:hover{
  335. border: 1px solid {color:borders};
  336. color:{color:sidebar link hover};
  337. background:{color:sidebar nav hover};
  338. font-style:italic;
  339. -webkit-transition: all 0.5s ease-in-out;
  340. -moz-transition: all 0.5s ease-in-out;
  341. -o-transition: all 0.5s ease-in-out;
  342. }
  343. }
  344.  
  345. #pagination {
  346. margin-left: -10px;
  347. margin-top: 5px;
  348. font-size:10px;
  349. text-align:center;}
  350.  
  351. #pagination a {
  352. color: {color:link};
  353. }
  354.  
  355. #entries {
  356. font-size:10px;
  357. margin-left: 520px;
  358. margin-top:100px;
  359. float: right;
  360. text-align: justify;
  361. }
  362.  
  363. #entrybg {
  364. padding:2px;
  365. background-image:url('{image:Sidebar BG}');
  366. border:1px solid {color:Borders};
  367. }
  368.  
  369. #post {
  370. border:1px {color:borders} solid;
  371. background-color:{color:Entries};
  372. font-size:10px;
  373. padding: 10px;
  374. width: 500px;
  375. color:{color:Text};
  376. text-align: justify;
  377. overflow:hidden;
  378. }
  379.  
  380. #infobar {
  381. color:{color:Text};
  382. font-size:9px;
  383. text-transform:lowercase;
  384. width: 526px;
  385. margin-bottom:40px;
  386. margin-top: -1px;
  387. background-color: {color:Entries};
  388. text-align: center;
  389. padding-top: 5px;
  390. padding-bottom: 5px;
  391. border:1px {color:borders} solid;
  392. }
  393.  
  394. #tags{
  395. font-size: 9px;
  396. margin-top: 2px;
  397. text-transform: lowercase;
  398. background-color: {color:entries};
  399. text-align: left;
  400. }
  401.  
  402. .user_1 .label {
  403. color:{color:link};
  404. text-transform:uppercase;
  405. font-weight:bold}
  406.  
  407. .user_2 .label {
  408. color:{color:title};
  409. text-transform:uppercase;
  410. font-weight:bold}
  411.  
  412. .user_3 .label {
  413. color:{color:link};
  414. text-transform:uppercase;
  415. font-weight:bold}
  416.  
  417. .user_4 .label {
  418. color:{color:title};
  419. text-transform:uppercase;
  420. font-weight:bold}
  421.  
  422. .user_5 .label {
  423. color:{color:link};
  424. text-transform:uppercase;
  425. font-weight:bold}
  426.  
  427. .user_6 .label {
  428. color:{color:title};
  429. text-transform:uppercase;
  430. font-weight:bold}
  431.  
  432. .user_7 .label {
  433. color:{color:link};
  434. text-transform:uppercase;
  435. font-weight:bold}
  436.  
  437. .user_8 .label {
  438. color:{color:title};
  439. text-transform:uppercase;
  440. font-weight:bold}
  441.  
  442. .user_9 .label {
  443. color:{color:link};
  444. text-transform:uppercase;
  445. font-weight:bold}
  446.  
  447. .user_10 .label {
  448. color:{color:title};
  449. text-transform:uppercase;
  450. font-weight:bold}
  451.  
  452. ul.chat, .chat ol, .chat li {
  453. list-style:none;
  454. margin:0px 0px 5px 0px;
  455. padding:0px; 0px 0px 0px}
  456.  
  457. small {
  458. font-size: 9px;
  459. }
  460.  
  461. b, strong {
  462. color:{color:title}
  463. }
  464.  
  465. i, em {
  466. color:{color:text}
  467. }
  468.  
  469. p {
  470. margin-top:5px;
  471. margin-bottom:5px
  472. }
  473.  
  474. blockquote {
  475. border-left:2px solid {color:text};
  476. padding-left:5px;
  477. margin:0px 2px 0px 10px
  478. }
  479.  
  480. ol.notes {
  481. color: #ffffff;
  482. margin-top:-25px;
  483. margin-left:-20px;
  484. width:500px;
  485. list-style-type:none;
  486. }
  487.  
  488. ol.notes li.note {
  489. color: #ffffff;
  490. padding-top: 0px;
  491. }
  492.  
  493. ol.notes li.note img.avatar {
  494. vertical-align:1px;
  495. margin-right:10px;
  496. width:16px;
  497. height:16px;
  498. }
  499.  
  500. ol.notes li.note span.action {
  501. font-weight:normal;
  502. }
  503.  
  504. ol.notes li.note .answer_content {
  505. font-weight:normal;
  506. }
  507.  
  508. ol.notes li.note blockquote {
  509. padding:0px 6px 0px 6px;
  510. margin:5px 5px 5px 5px;
  511. }
  512.  
  513. #audio {
  514. border-radius:100%;
  515. width:100%;
  516. height:100px;
  517. margin-bottom:10px}
  518.  
  519. .albumart {
  520.  
  521. padding: 2px;
  522. border: 1px #f1f1f1 solid;
  523. float:left;
  524. width:100px;
  525. height:100px}
  526.  
  527. .player {
  528. margin-left:2px;
  529. margin-top:2px;
  530. padding:11px;
  531. display:block;
  532. height:80px;
  533. width:80px;
  534. overflow:hidden;
  535. position:absolute;
  536. opacity:0.3;
  537. background:#fff;
  538. -webkit-transition:all 0.4s ease-in-out;
  539. -moz-transition:all 0.4s ease-in-out;
  540. -o-transition:all 0.4s ease-in-out;
  541. -ms-transition: all 0.4s ease-in-out;
  542. transition:all 0.5s ease-in-out}
  543.  
  544. .player:hover {
  545. opacity:0.5;
  546. -webkit-transition:all 0.4s ease-in-out;
  547. -moz-transition:all 0.4s ease-in-out;
  548. -o-transition:all 0.4s ease-in-out;
  549. -ms-transition: all 0.4s ease-in-out;
  550. transition:all 0.5s ease-in-out}
  551.  
  552. .audioplayer {
  553. width:24px;
  554. height:24px;
  555. margin:28px 0 0 28px;
  556. overflow:hidden}
  557.  
  558. .audioinfo {
  559. margin-left:105px;
  560. height:54px;
  561. line-height:150%;
  562. font:10px cambria;
  563. color:{color:text};
  564. padding:26px 5px 24px 10px;
  565. text-align:left}
  566.  
  567. .tracktitle {
  568. color:{color:title};
  569. margin-bottom:-10px;
  570. text-transform: uppercase;
  571. font-size: 10px;
  572. }
  573.  
  574. #asks {
  575. text-align:justify;
  576. line-height:120%;
  577. color:{color:text};
  578. padding:5px;
  579. padding-bottom:10px;
  580. padding-top:5px;
  581. }
  582.  
  583.  
  584. #asker img {
  585. margin-left:-2px;
  586. margin-bottom:-15px;
  587. border-radius:50px;
  588. padding:5px;
  589. padding-bottom:5px;
  590. }
  591.  
  592. #ans {
  593. text-align:left;
  594. padding:0px;
  595. color:{color:text};
  596. }
  597.  
  598. #cred a {
  599. text-align: center;
  600. text-transform: lowercase;
  601. background-color:{color:Background};
  602. position:fixed;
  603. letter-spacing: 1px;
  604. font:10px cambria;
  605. color:{color:Link Hover};
  606. height: 16px;
  607. width: 38px;
  608. line-height: 17px;
  609. bottom:20px;
  610. right:20px
  611. }
  612.  
  613. #cred a:hover {
  614. color:{color:Link}
  615. }
  616.  
  617.  
  618. </style>
  619. <style type="text/css">{CustomCSS}</style>
  620. </head>
  621.  
  622. <body>
  623.  
  624. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  625.  
  626. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  627.  
  628. <script>
  629.  
  630. (function($){
  631.  
  632. $(document).ready(function(){
  633.  
  634. $("a[title]").style_my_tooltips({
  635.  
  636. tip_follows_cursor:true,
  637.  
  638. tip_delay_time:10,
  639.  
  640. tip_fade_speed:60,
  641.  
  642. attribute:"title"
  643.  
  644. });
  645.  
  646. });
  647.  
  648. })(jQuery);
  649.  
  650. </script>
  651.  
  652.  
  653.  
  654. <div id="backbar">
  655. <div id="topbar">
  656. <div id="title1">{text:main title}</div>
  657. <div id="title2">{text:sub title}</div></div>
  658. <div id="sidebarimg">
  659. </div>
  660. <div id="sidebar">
  661. <div id="description"><div style="overflow:auto; padding-right:5px; width: 215px; height: 95px; text-align: justify;">{block:Description}{Description}{/block:Description}</div><br>
  662.  
  663.  
  664.  
  665.  
  666. </div>
  667. <div id="pagination"><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><i>back</i></a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}"><i>next</i></a>{/block:NextPage}{/block:Pagination}</center></div>
  668. </div>
  669. <div id="links">
  670. <a href="/" title="refresh">homebase</a>
  671. <a href="/ask" title="message">askbox</a>
  672. <a href="{text:Link3 URL}" title="{text:Link3 title}">{text:Link3}</a>
  673. </div>
  674.  
  675. <div id="links2">
  676. <a href="{text:Link4 URL}" title="{text:Link4 title}">{text:Link4}</a>
  677. <a href="{text:Link5 URL}" title="{text:Link5 title}">{text:Link5}</a>
  678. <a href="{text:Link6 URL}" title="{text:Link6 title}">{text:Link6}</a>
  679. </div>
  680. </div>
  681.  
  682. </div>
  683.  
  684.  
  685. <div id="entries">
  686. {block:Posts}
  687. <div id="entrybg">
  688.  
  689. <div id="post">
  690.  
  691. {block:Text}<div id="posttitle">{title}</div>{Body}{/block:Text}
  692.  
  693. {block:Quote}<div id="quotes">“{Quote}” </div>
  694. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  695.  
  696. {block:Link}<a href="{URL}" class="link" {Target}> <div id="quotes">{Name}</div></a>
  697. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  698.  
  699. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  700. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  701.  
  702. {block:Chat}
  703. <ul class="chat">
  704. {block:title}<div id="quotes">{Title}</div>{/block:title}
  705.  
  706. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  707. {/block:Chat}
  708.  
  709. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  710.  
  711. {block:Audio}
  712. <div id="audio">
  713. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  714. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  715. <div class="audioinfo">
  716. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
  717. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist} {block:Album}<br>
  718. <b>ALBUM:</b> {Album}{/block:Album}<br>
  719. <b>PLAYED:</b> {FormattedPlayCount} times</div></div>
  720. {block:Caption}{Caption}{/block:Caption}
  721. {/block:Audio}
  722.  
  723. {block:Answer}<div id="ask" style="border: 1px {color:Borders} solid"><div id="asker"><img src="{AskerPortraitURL-64}" style="height:30px; width:30px; float:center; margin-top:0px;"><big><i><big>{Asker} inquired:</big></big></i><br><br><center>{Question}</center><br></div></div><div id="ans">{Answer}</div>{/block:answer}
  724.  
  725. </div> </div>
  726.  
  727.  
  728. {block:Date}<div id="infobar">
  729. posted <a href="{Permalink}">{TimeAgo}</a>
  730. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}"></a>{block:ContentSource}{/block:RebloggedFrom} - <a href="{ReblogURL}" target="_blank">reblog</a><br>
  731. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  732.  
  733. {/block:Posts}
  734.  
  735. {block:PostNotes}{PostNotes}{/block:PostNotes}
  736.  
  737. </div>
  738.  
  739. <!-- PLEASE DON'T REMOVE THIS -->
  740. <div id="cred"><a href="http://clairesrps.tumblr.com" title="©">♡</a></div>
  741. <!-- PLEASE DON'T REMOVE THIS -->
  742.  
  743. </body>
  744. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement