API tools faq
paste
Advertisement
galvanizes

ALLYDIA THEME #1

galvanizes
Feb 12th, 2014
597
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.12 KB | None | 0 0
raw download clone embed print report
  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.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!--META NAMES-->
  11.  
  12. <meta name="color:body" content="#666666"/>
  13. <meta name="color:links" content="#6f6e6e"/>
  14. <meta name="color:sblinks" content="#ffffff">
  15. <meta name="color:hover" content="#fafafa"/>
  16. <meta name="color:info" content="#a8a8a8">
  17. <meta name="color:desc" content="#aaaaaa">
  18. <meta name="color:sb bg" content="#ffffff">
  19. <meta name="color:sb3 bg" content="#9b0034">
  20.  
  21. <meta name="color:bg" content="#ffffff">
  22. <meta name="color:scrollbar" content="#AAAAAA">
  23. <meta name="color:scrollbarbg" content="#ffffff">
  24.  
  25. <meta name="image:sb" content="https://31.media.tumblr.com/01b13a7fcb482bb24e48eff7cb96f9ca/tumblr_inline_n0ttmf36NT1s0wa8r.gif"/>
  26. <meta name="image:sb2" content="https://31.media.tumblr.com/143c2c5d38102c83609e7a8d82acb2c8/tumblr_inline_n0ttyfhVaJ1s0wa8r.gif"/>
  27. <meta name="image:bg img" content="https://31.media.tumblr.com/a31d1e8386a3923156b5121dfe6d426f/tumblr_inline_n0tmsjoXVv1s0wa8r.png"/>
  28. <meta name="image:lydia" content="https://31.media.tumblr.com/d0c81d6c1a7481051c6e45df3c4649dc/tumblr_inline_n0uiahtXj71s0wa8r.png"/>
  29.  
  30. <meta name="text:link A" content="I"/>
  31. <meta name="text:link A url" content="/"/>
  32. <meta name="text:link B" content="II"/>
  33. <meta name="text:link B url" content="/">
  34. <meta name="text:link C" content="III"/>
  35. <meta name="text:link C url" content="/">
  36. <meta name="text:link D" content="IV"/>
  37. <meta name="text:link D url" content="/">
  38.  
  39.  
  40. <!--ALLYDIA Theme By Galvanizes-->
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45. font-face { font-family: "pacifico"; src: url('http://static.tumblr.com/thlqi32/jACn0ncsa/pacifico.ttf'); }
  46.  
  47. ::-webkit-scrollbar-thumb {
  48. height:auto;
  49. background-color:{color:Scrollbar};
  50. }
  51.  
  52. ::-webkit-scrollbar {
  53. height:9px;
  54. width:4px;
  55. background-color:{color:ScrollbarBg};
  56. }
  57.  
  58. body {
  59. background-color:{color:bg};
  60. font-family:calibri;
  61. font-size:9px;
  62. text-align:justify;
  63. color:{color:body};
  64. margin:0;
  65. background-image:url('{image:bg img}');
  66. background-attachment:fixed;
  67. }
  68.  
  69. b {
  70. font-family:calibri;
  71. color:{color:sb3 bg};
  72. }
  73.  
  74. h2 {
  75. font-family:calibri;
  76. color:{color:sb3 bg};
  77. font-size:24px;
  78. text-align:justify;
  79. text-transform:uppercase;
  80. }
  81.  
  82.  
  83. a {
  84. color:{color:links};
  85. text-decoration:none;
  86. -moz-outline-style:none;
  87. }
  88.  
  89. a:hover{
  90. color:{color:hover};
  91. -moz-transition-duration:0.3s;
  92. -webkit-transition-duration:0.3s;
  93. -o-transition-duration:0.3s;
  94. }
  95.  
  96. img {
  97. border:none;
  98. }
  99.  
  100. blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. color:{color:sb3 bg};
  104. }
  105.  
  106. blockquote blockquote {
  107. padding-left:5px;
  108. border-left:2px solid;
  109. }
  110.  
  111. blockquote img {max-width:100%;}
  112.  
  113.  
  114. /*SIDEBAR*/
  115.  
  116. #sidebar{
  117. position:fixed;
  118. margin-top:55px;
  119. margin-left:225px;
  120. width:250px;
  121. }
  122.  
  123. #sidebarimg img{
  124. width:250px;
  125. height:160px;
  126. }
  127.  
  128. #sidebarimg2 img{
  129. width:250px;
  130. height:160px;
  131. margin-top:325px;
  132. margin-left:225px;
  133. position: fixed;
  134. }
  135.  
  136. #sidebar2 {
  137. width: 300px;
  138. background-color: {color:sb bg};
  139. position: fixed;
  140. left: 200px;
  141. top: 0px;
  142. height: 100%;
  143. }
  144.  
  145. #sidebar3 {
  146. width: 100px;
  147. background-color: {color:sb3 bg};
  148. position: fixed;
  149. left: 100px;
  150. top: 0px;
  151. height: 100%;
  152. background-image:url('{image:sb3 bg}');
  153. }
  154.  
  155.  
  156. #links{
  157. width:250px;
  158. font-size:10px;
  159. margin-left:-200px;
  160. margin-top:-10px;
  161. text-align:center;
  162. text-transform:uppercase;
  163. }
  164.  
  165. #links a{
  166. color:{color:sblinks};
  167. }
  168.  
  169. #links a:hover{
  170. background:#ffffff;
  171. border-left:10px solid {color:hover};
  172. border-right:10px solid {color:hover};
  173. border-top:5px solid {color:hover};
  174. border-bottom:5px solid {color:hover};
  175. color:{color:sb3 bg};
  176. -moz-transition-duration:0.3s;
  177. -webkit-transition-duration:0.3s;
  178. -o-transition-duration:0.3s;
  179. }
  180.  
  181. #title {
  182. line-height: 100%;
  183. font-family: 'Pacifico';
  184. font-size: 34px;
  185. letter-spacing: 0px;
  186. color: {color:sb3 bg};
  187. text-transform: none;
  188. text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
  189. margin-top:-140px;
  190. margin-left:0px;
  191. }
  192.  
  193. #desc{
  194. width:250px;
  195. height:100px;
  196. overflow:auto;
  197. margin-top:-130px;
  198. font-size:10px;
  199. text-transform:uppercase;
  200. color:{color:desc};
  201. }
  202.  
  203.  
  204. .pagi {
  205. font-size:25px;
  206. text-transform:uppercase;
  207. letter-spacing:3px;
  208. font-style:normal;
  209. text-align:center;
  210. margin-left:-400px;
  211. margin-top:-50px;
  212. }
  213.  
  214. .pagi a {
  215. color:{color:sblinks};
  216. }
  217.  
  218.  
  219. /*ENTRIES*/
  220.  
  221. #container {
  222. max-width:500px;
  223. margin-top:0px;
  224. margin-left:550px;
  225. padding-left:20px;
  226. padding-right:20px;
  227. padding-top:50px;
  228. }
  229.  
  230. #posts{
  231. left:20px;
  232. margin:60px;
  233. width:400px;
  234. padding:15px;
  235. border:1px solid {color:Post Border};
  236. background:{color:Posts Background};
  237. color:{color:Post text};
  238. }
  239.  
  240. #post img {max-width:100%;}
  241.  
  242.  
  243.  
  244. /*POST INFO*/
  245.  
  246. #info {
  247. width:580px;
  248. text-align:right;
  249. font-family:calibri;
  250. font-size:10px;
  251. text-transform:uppercase;
  252. padding:1px;
  253. color:{color:info};
  254. line-height:10px;
  255. border-top:2px solid {color:info};
  256. border-right:10px solid {color:info};
  257. margin-top:15px;
  258. margin-bottom:35px;
  259. margin-left:-70px;
  260. }
  261.  
  262. #info a{
  263. color:{color:info};
  264. }
  265.  
  266. #info a:hover{
  267. color:{color:hover};
  268. }
  269.  
  270. #notes{
  271. font-size:7px;
  272. text-transform:uppercase;
  273. }
  274.  
  275. /*TAGS*/
  276.  
  277. #tags {
  278. width:400px;
  279. text-align:left;
  280. font-family:calibri;
  281. font-size:10px;
  282. text-transform:uppercase;
  283. float:left;
  284. margin-top:15px;
  285. margin-left:-60px;
  286. }
  287.  
  288. #tags a {
  289. color:{color:Links};
  290. text-decoration:none;
  291.  
  292. }
  293.  
  294. #tags a:hover {
  295. background:{color:sb3 bg};
  296. border-left:1px solid {color:sb3 bg};
  297. border-right:1px solid {color:sb3 bg};
  298. border-top:2px solid {color:sb3 bg};
  299. border-bottom:2px solid {color:sb3 bg};
  300. color:#ffffff;
  301. -moz-transition-duration:0.3s;
  302. -webkit-transition-duration:0.3s;
  303. -o-transition-duration:0.3s;
  304. }
  305.  
  306.  
  307. /*QUOTE*/
  308.  
  309. .quote {
  310. font-size:16px;
  311. text-align:center;
  312.  
  313. }
  314.  
  315. .source {
  316. font-size:10px;
  317. color:{color:sb3 bg};
  318. font-weight:bold;
  319. padding-top:10px;
  320. padding-right:50px;
  321. text-align:right;
  322. text-transform:uppercase;
  323. }
  324.  
  325.  
  326. /*AUDIO*/
  327.  
  328. .audio {
  329. margin-top:-30px;
  330. padding-bottom:10px;
  331. padding-top:20px;
  332. }
  333.  
  334. .playbutton {width: 20px;
  335. height: 30px;
  336. overflow: hidden;
  337. position: relative;
  338. z-index: 1000;
  339. margin: 15px 24px 13px 16px;}
  340.  
  341.  
  342. .playbox {
  343. background-color: #000;
  344. position: absolute;
  345. z-index: 1000;
  346. margin-top: 25px;
  347. margin-left: 20px;
  348. opacity: 0.5;}
  349.  
  350. .cover {position: relative; z-index: 1;width:100px;height:100px;}
  351.  
  352. .musicinfo {
  353. font-family:calibri;
  354. text-transform:uppercase;
  355. z-index:1000;
  356. margin-top:-70px;
  357. padding-left:125px;
  358. padding-bottom:35px;
  359. }
  360.  
  361.  
  362. /*CHAT*/
  363.  
  364. .chat {
  365. padding-bottom:20px;
  366. }
  367.  
  368. .chat ul {
  369. list-style: none;
  370. margin: 0;
  371. padding: 0;
  372. }
  373.  
  374. .chat li {
  375. border-radius: 0.2em;
  376. border: 1px solid rgba(0, 0, 0, 0.05);
  377. box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  378. margin-bottom: 2%;
  379. padding: 2%;
  380. width: 50%;
  381. }
  382.  
  383. .chat .odd {
  384. background: {color:info};
  385. color:{color:sb3 bg};
  386. }
  387.  
  388. .chat .even {
  389. margin-left:250px;
  390. background:{color:sb3 bg};
  391. color:#ffffff;
  392. }
  393.  
  394. /*ASK*/
  395.  
  396. .asks {
  397. background:{color:sb3 bg};
  398. border:5px solid {color:sb3 bg};
  399. color:#ffffff;
  400. margin-bottom:10px;
  401. }
  402.  
  403. .asks .left {
  404. width:20px;
  405. border-right:1px solid #ffffff;
  406. }
  407.  
  408. .asks .asker {
  409. padding-bottom:2px;
  410. font-weight:bold;
  411. font-size:12px;
  412. text-transform:uppercase;
  413. text-decoration:none;
  414. letter-spacing:0px;
  415. line-height:16px;
  416. color:#ffffff;
  417. }
  418. .asks .asker a {color:#ffffff;}
  419.  
  420. .asks .user {padding:2px 2px 6px 12px;}
  421.  
  422.  
  423. /*PHOTO*/
  424.  
  425. .photo {
  426. padding-top:10px;
  427. padding-bottom:30px;
  428. }
  429.  
  430.  
  431. /*TEXT*/
  432.  
  433. .text {
  434. padding-bottom:30px;
  435. }
  436.  
  437. /*EXTRAS*/
  438.  
  439. ::selection {
  440. background: {color:sb3 bg};
  441. color: #ffffff;
  442. }
  443.  
  444. ::-moz-selection {
  445. background: {color:sb3 bg};
  446. color: #ffffff;
  447. }
  448.  
  449. ::-webkit-selection {
  450. background: {color:sb3 bg};
  451. color: #ffffff;
  452. }
  453.  
  454.  
  455. #allison {
  456. font-family:calibri;
  457. font-size:10.5px;
  458. color: {color:desc};
  459. width:250px;
  460. height:100px;
  461. overflow:auto;
  462. padding-top:3px;
  463. left: 225px;
  464. top:510px;
  465. text-align:center;
  466. position:fixed;
  467. float:left;
  468. }
  469.  
  470. #lydia img{
  471. width:100px;
  472. top: 620px;
  473. left: 305px;
  474. position:fixed;
  475. float:left;
  476. }
  477.  
  478.  
  479. #badge
  480. #badge a{
  481. display:block
  482. }
  483. #badge .allydia {
  484. margin-top:0px;filter: alpha(opacity = 0);
  485. opacity:0;-webkit-transition: all 0.5s ease-out;
  486. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  487. }
  488.  
  489. #badge:hover .allydia {
  490. margin-top:0px;
  491. -webkit-transition: all 0.8s ease-out;
  492. -moz-transition: all 0.8s ease-out;
  493. transition: all 0.8s ease-out;
  494. filter: alpha(opacity = 100);
  495. filter: alpha(opacity = 100);
  496. opacity:100;
  497. }
  498.  
  499.  
  500. /*CREDIT*/
  501.  
  502. #maker{
  503. background: white;
  504. float:right;
  505. position:fixed;
  506. bottom:5px;
  507. right:15px;
  508. padding:5px;
  509. font-size:8px;
  510. text-transform:uppercase;
  511. }
  512.  
  513. #maker a{
  514. color:{color:links};
  515. }
  516.  
  517.  
  518. {CustomCSS}
  519.  
  520. </style></head>
  521.  
  522.  
  523. <body>
  524.  
  525. <div id="sidebar2">
  526. <img src="{image:sb3 bg}">
  527. </div>
  528. <div id="sidebar3"></div>
  529.  
  530. <div id="sidebar">
  531. <div id="sidebarimg">
  532. <img src="{image:sb}"></div>
  533. <div id="links">
  534. <a href='/'>index</a><BR><BR>
  535. <a href='/ask'>ask</a><BR><BR>
  536. <a href="{text:link A url}">{text:link A}</a><BR><BR>
  537. <a href="{text:link B url}">{text:link B}</a><BR><BR>
  538. <a href="{text:link C url}">{text:link C}</a><BR><BR>
  539. <a href="{text:link D url}">{text:link D}</a>
  540. </div>
  541.  
  542.  
  543.  
  544. <div id="desc">{description}</div>
  545.  
  546. <div id="title">{Title}</div>
  547.  
  548.  
  549.  
  550. {block:Pagination}
  551. <div class="pagi">
  552. {block:PreviousPage}
  553. <a href="{PreviousPage}">←</a>
  554. {/block:PreviousPage}
  555. {block:NextPage}
  556. <a href="{NextPage}">→</a>
  557. {/block:NextPage}
  558. </div>
  559. {/block:Pagination}
  560. </div>
  561. <div id="sidebarimg2">
  562. <img src="{image:sb2}"></div>
  563. </div>
  564.  
  565.  
  566.  
  567. <div id="container">
  568. {block:Posts}
  569. <div id="post">
  570.  
  571. <!--TEXT POSTS-->
  572.  
  573. {block:Text}<div class="text">
  574. {block:Title}<h2>{Title}</h2>{/block:Title}
  575. {Body}</div>
  576. {/block:Text}
  577.  
  578. <!--ASKS-->
  579.  
  580. {block:Answer}
  581. <div class="asks"><table cellspacing="0px" cellpadding="0px"><tr>
  582. <td class="left"></td>
  583. <td class="user"><span class="asker">{Asker} ASKED;</span><br /> {Question}</td>
  584. </tr></table>
  585. </div> <div class="cap">{Answer}</div>
  586. {/block:Answer}
  587.  
  588. <!--QUOTE POSTS-->
  589. {block:Quote}
  590.  
  591. <div class="quote">
  592. <div class="quotetext_{Length}">"{Quote}"</div>
  593. {block:Source}<div class="source">{Source}</div>{/block:Source}
  594. </div>
  595. {/block:Quote}
  596.  
  597. <!--LINK POSTS-->
  598.  
  599. {block:Link}
  600. <h2><a href="{URL}">{Name}</a></h2>
  601. {block:Description}{Description}{/block:Description}
  602. {/block:Link}
  603.  
  604. <!--CHAT POSTS-->
  605.  
  606. {block:Chat}
  607. <div class="chat">
  608. <ul>{block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  609. </ul>
  610. </div>
  611. {/block:Chat}
  612.  
  613. <!--PHOTO POSTS-->
  614.  
  615. {block:Photo}<div class="photo">
  616. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  617.  
  618. {block:Caption}{Caption}{/block:Caption}</div>
  619. {/block:Photo}
  620.  
  621. <!--PHOTOSET POSTS-->
  622.  
  623. {block:Photoset}<div class="photo">
  624. {Photoset-500}
  625. {block:Caption}{Caption}{/block:Caption}</div>
  626. {/block:Photoset}
  627.  
  628. <!--VIDEO POSTS-->
  629.  
  630. {block:Video}<div class="photo">
  631. {Video-500}
  632. {block:Caption}{Caption}{/block:Caption}</div>
  633. {/block:Video}
  634.  
  635.  
  636. <!--AUDIO-->
  637.  
  638.  
  639. {block:Audio}
  640. <div class="audio">
  641. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  642.  
  643. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}
  644.  
  645. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  646. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  647. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></div>
  648. {/block:Audio}
  649.  
  650.  
  651. <!--TAGS INFO-->
  652.  
  653. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>
  654. {/block:Tags}
  655. </div>
  656. {/block:HasTags}
  657.  
  658. <!--POST INFO-->
  659.  
  660. <div id="info">
  661. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> AND {/block:RebloggedFrom}
  662. {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  663. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  664. <a href="{Permalink}">with {NoteCount}</a> <a style="color:#f377a0;">♥</a></a>
  665.  
  666. </div>
  667. </div>
  668.  
  669. {/block:Posts}
  670. <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  671. {/block:Posts}</div></div></div>
  672. <br><br><br><br>
  673.  
  674.  
  675. </div></div>
  676.  
  677. {/block:Posts}
  678.  
  679.  
  680. <!--BADGE OPTIONS-->
  681.  
  682. <div id="badge">
  683. <div id="lydia"><img src="{image:lydia}"></div>
  684. <div class="allydia">
  685. <div id="allison">
  686. Write whatever you want.<br>
  687. This is basically an updates tab<br><br>
  688. <b>you can change the badge and upload something else if you wish</b><br><BR>If you keep typing it will automatically set it to scroll so you don't go over your badge. Yes yes.</BR>
  689. </div>
  690. </div></div>
  691.  
  692. <!--THEME MAKER'S CREDIT-->
  693. <div id="maker">
  694. <a href="http://galvanizes.tumblr.com/">galvanizes</a>
  695. </div>
  696.  
  697. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!