Advertisement
legilimens

theme 010a: ally a (bottom anchor)

Jun 27th, 2014
3,986
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.82 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.  
  4. <!--------------------------------------------------------------
  5.  
  6. ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀   █▀▀█ ▄█░ █▀▀█ █▀▀█
  7. ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀   █▄▀█ ░█░ █▄▀█ █▄▄█
  8. ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄   █▄▄█ ▄█▄ █▄▄█ ▀░░▀
  9. ░█▀▀█ ▒█░░░ ▒█░░░ ▒█░░▒█   ░█▀▀█
  10. ▒█▄▄█ ▒█░░░ ▒█░░░ ▒█▄▄▄█   ▒█▄▄█
  11. ▒█░▒█ ▒█▄▄█ ▒█▄▄█ ░░▒█░░   ▒█░▒█
  12.  
  13. THEME 010A (ALLY A) BY LEGILIMEN
  14. you should know the rules by now honestly
  15. dont be a dumb ass rabbit named peter okay okay
  16. questions? send me a message
  17.  
  18. ---------------------------------------------------------->
  19.  
  20. <html>
  21. <head>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <meta name="description" content="{MetaDescription}" />
  25.  
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:text" content="#919191"/>
  29. <meta name="color:link" content="#393939"/>
  30. <meta name="color:ask text" content="#919191">
  31. <meta name="color:ask background" content="#fff">
  32. <meta name="color:scrollbar" content="#ffffff">
  33. <meta name="color:link hover" content="#000"/>
  34. <meta name="color:postinfo hover" content="#fff"/>
  35. <meta name="color:postinfo" content="#000">
  36. <meta name="color:subtitle" content="#000">
  37. <meta name="color:description" content="#000">
  38. <meta name="color:sidebar background" content="#000">
  39.  
  40. <meta name="text:subtitle" content="return"/>
  41. <meta name="image:sidebar" content=""/>
  42.  
  43. <meta name="text:link1" content="index" />
  44. <meta name="text:link1 url" content="/">
  45. <meta name="text:link2" content="mail" />
  46. <meta name="text:link2 url" content"/ask">
  47. <meta name="text:link3" content="" />
  48. <meta name="text:link3 url" content="/">
  49. <meta name="text:link4" content="" />
  50. <meta name="text:link4 url" content="/">
  51. <meta name="text:link5" content="" />
  52. <meta name="text:link5 url" content="/">
  53.  
  54.  
  55.  
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58. <link rel="shortcut icon" href="{Favicon}" />
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60. <link href='http://fonts.googleapis.com/css?family=Open+Sans:800&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. *, body, a, a:hover {cursor: url(http://i1347.photobucket.com/albums/p715/breezeblocks/themes/cursor_zpsc12dc478.png), auto;}
  66.  
  67.  
  68. a {
  69. color:{color:link};
  70. text-decoration:none;
  71. -moz-transition-duration:0.6s;
  72. -webkit-transition-duration:0.6s;
  73. -o-transition-duration:0.6s;
  74. }
  75.  
  76. a:hover {
  77. color:{color:link hover};
  78. }
  79.  
  80.  
  81. ::-webkit-scrollbar {background-color:{color:scrollbar}; height:8px; width:3px}
  82. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  83. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  84.  
  85.  
  86. body {
  87. background-color:{color:background};
  88. font-family:helvetica;
  89. font-weight:lighter;
  90. font-size:9;
  91. letter-spacing:0px;
  92. }
  93.  
  94. h1 {
  95. font-weight:normal;
  96. font-size:9px;
  97. text-align:center;
  98. font-style:italic;
  99. font-family:arial;
  100. line-height:80%;
  101. letter-spacing:0px;
  102. text-transform:uppercase;
  103. color:{color:text};
  104. }
  105.  
  106. h2 {
  107. font-size:15px;
  108. text-align:center;
  109. line-height:100%;
  110. letter-spacing:-0.5px;
  111. color:{color:text};
  112. font-weight:bold;
  113. font-family: 'Open Sans' sans-serif;
  114. padding:10px;
  115. }
  116.  
  117. blockquote {
  118. border-left:1px solid {color:text};
  119. padding-left:20px;
  120. padding-top:10px;
  121. padding-bottom:10px;
  122. margin:10px;
  123. }
  124.  
  125. #theme {
  126. background-color:{color:background};
  127. width:700px;
  128. margin: 0 auto -12px auto;
  129. text-align: center;
  130. float:left;
  131. }
  132.  
  133. #sidebar {
  134. color:{color:text};
  135. position:fixed;
  136. width:400px;
  137. height:1280px;
  138. text-align:left;
  139. float:left;
  140. position:fixed;
  141. top:0;
  142. left:0;
  143. z-index:.9;
  144. background-color:{color:sidebar background};
  145. }
  146.  
  147. #sidebar img{
  148. width: 400px;
  149. padding: 0px;
  150. margin-bottom:0px;
  151. position:fixed;
  152. bottom:0;
  153. left:0;
  154. z-index: 999;
  155.  
  156. }
  157.  
  158.  
  159. .links {
  160. bottom:0;
  161. left:0;
  162. z-index: 999;
  163. font-size:10px;
  164. letter-spacing:0px;
  165. text-align:center;
  166. margin-left:75px;
  167. margin-bottom:145px;
  168. width:250px;
  169. overflow:hidden;
  170. position:fixed;
  171. }
  172.  
  173. .links a{
  174. padding-right:10px;
  175. color:{color:link};
  176. line-height:110%;
  177. text-decoration:none;
  178. -moz-transition-duration:.5s;
  179. -webkit-transition-duration:.5s;
  180. -o-transition-duration:.5s;
  181. }
  182.  
  183. .links a:hover{
  184. color:{color:link hover};
  185. text-decoration:none;
  186. -moz-transition-duration:.5s;
  187. -webkit-transition-duration:.5s;
  188. -o-transition-duration:.5s;
  189. }
  190.  
  191. #subtitle {
  192. margin-left:50px;
  193. font-family: 'Open Sans', sans-serif;
  194. text-transform: uppercase;
  195. font-size: 40px;
  196. letter-spacing:5px;
  197. position:fixed;
  198. font-weight:bold;
  199. color:{color:subtitle};
  200. margin-bottom:160px;
  201. bottom:0;
  202. left:0;
  203. z-index: 999;
  204. width: 300px;
  205. line-height:100%;
  206. text-align:center;
  207. padding-bottom:13px;
  208. }
  209.  
  210. .desc {
  211. margin-left:65px;
  212. text-align:center;
  213. font-size:10px;
  214. font-family: arial;
  215. letter-spacing:0px;
  216. line-height:120%;
  217. height:70px;
  218. padding-top: 3px;
  219. margin-bottom:70px;
  220. width:260px;
  221. color:{color:description};
  222. position:fixed;
  223. bottom:0;
  224. left:0;
  225. z-index: 999;
  226. }
  227.  
  228. .pagination {
  229. text-transform:uppercase;
  230. letter-spacing:0px;
  231. text-align:center;
  232. font-family:helvetica;
  233. bottom:0;
  234. position:relative;
  235. width:500px;
  236. margin-bottom:110px;
  237. margin-left:10px;
  238. margin-top:50px;
  239. opacity:1;
  240. text-align:center;
  241. }
  242.  
  243. .pagination a {
  244. color:{color:link};
  245. }
  246.  
  247. .jump_page {
  248. padding: 20px;
  249. color:#585858;
  250. font-family:helvetica;
  251. font-size:9px;
  252. opacity:1;
  253. text-decoration:none;
  254. }
  255.  
  256. .current_page, .jump_page:hover {
  257. padding: 20px;
  258. color: #585858;
  259. font-family:helvetica;
  260. font-size:9px;
  261. font-style:bold;
  262. }
  263.  
  264. #stuffcontainer {
  265. float:left;
  266. margin-left:550px;
  267. margin-top:-25px;
  268. margin-bottom:30px;
  269. text-align:justify;
  270. text-transform:none;
  271. background-color:{color:background};
  272. color:{color:text};
  273. margin-bottom: 35px;
  274. }
  275.  
  276. #stuff {
  277. width:500px;
  278. margin-top:75px;
  279. text-align:justify;
  280. font-size:11px;
  281. line-height:100%;
  282. letter-spacing:0px;
  283. color:{color:text};
  284. }
  285.  
  286. .caption {
  287. width:500px;
  288. line-height:110%;
  289. text-transform:none;
  290. }
  291.  
  292. /**Ask Posts**/
  293.  
  294. .ask {
  295. padding:10px;
  296. text-align:right;
  297. color:{color:ask text};
  298. background-color:{color:ask background};
  299. }
  300.  
  301. .ans {
  302. text-align:right;
  303. padding:5px;
  304. color:{color:text};
  305. }
  306.  
  307. /**Audio Posts**/
  308.  
  309. .audio {
  310. height:60px;
  311. padding:5px;
  312. }
  313.  
  314.  
  315. .audio-player {
  316. opacity:1;
  317. filter:alpha(opacity=90);
  318. width:25px;
  319. height:25px;
  320. overflow:hidden;
  321. position:absolute;
  322. border:30px;
  323. z-index:2;
  324. margin-left:12px;
  325. margin-top:12px;
  326. opacity:.1;
  327. -webkit-transition: all 0.6s ease-out;
  328. -o-transition: all 0.6s ease-out;
  329. -webkit-transition: all 0.6s ease-out;
  330. -moz-transition: all 0.6s ease-out;
  331. }
  332.  
  333. .audio-info {
  334. font-size:15px;
  335. margin-top:4px;
  336. position:relative;
  337. margin-left:70px;
  338. line-height:110%;
  339. padding:2px;
  340. }
  341.  
  342. .audio:hover .audio-player {
  343. opacity:.6;
  344. -webkit-transition: all 0.6s ease-out;
  345. -o-transition: all 0.6s ease-out;
  346. -webkit-transition: all 0.6s ease-out;
  347. -moz-transition: all 0.6s ease-out;
  348. }
  349.  
  350. /**Chat Posts**/
  351.  
  352. .chat ol {
  353. line-height:500%;
  354. }
  355.  
  356. .label {
  357. font-weight:bold;
  358. padding-right:1px;
  359. letter-spacing:1px;
  360. text-transform:uppercase;
  361. }
  362. /**Post Info, Notes**/
  363.  
  364. #postinfo {
  365. font-family:arial;
  366. width:500px;
  367. font-size:8px;
  368. color:{color:link};
  369. text-transform:uppercase;
  370. font-style:normal;
  371. text-align:left;
  372. margin-top:-12px;
  373. }
  374.  
  375. #postinfo a {
  376. color:{color:postinfo}
  377. }
  378.  
  379. #postinfo a:hover {
  380. color:{color:postinfo hover};
  381. }
  382.  
  383. #tags {
  384. text-transform:lowercase;
  385. height:20px;
  386. overflow:auto;
  387. font-size:8px;
  388. font-family:arial;
  389. text-align:right;
  390. margin-top:-12px;
  391. width:390px;
  392. letter-spacing:1px;
  393. margin-left:108px;
  394. padding:2px 2px 2px 2px;
  395. }
  396.  
  397. #tags a{
  398. color:{color:postinfo};
  399. }
  400.  
  401. #tags a:hover {
  402. color:{color:postinfo hover};
  403. }
  404.  
  405. .note {
  406. text-transform:lowercase;
  407. font-style:normal;
  408. letter-spacing:0px;
  409. font-size: 9px;
  410. text-align:left;
  411. line-height:90%;
  412. margin-left:0px;
  413. margin-top: 50px;
  414. }
  415.  
  416. .note li {
  417. list-style-type:none;
  418. padding:10px 10px 10px 10px;
  419. text-align:left;
  420. -moz-transition-duration:0.5s;
  421. -webkit-transition-duration:0.5s;
  422. -o-transition-duration:0.5s;
  423. }
  424.  
  425. .note img{
  426. display:none;
  427. }
  428.  
  429. .note li a{
  430. font-style: none;
  431. background-color: {color:background};
  432. padding:10px 10px 10px 10px;
  433. }
  434.  
  435. .note li a:hover{
  436. font-style:none;
  437. background-color: {color:ask background};
  438. padding:10px 10px 10px 10px;
  439. }
  440.  
  441. #credit {
  442. position:fixed;
  443. font-size:10px;
  444. font-weight:normal;
  445. line-height:150%;
  446. letter-spacing:2px;
  447. right:10px;
  448. bottom:10px;
  449. text-transform:uppercase;
  450. text-align:center;
  451. }
  452.  
  453. #credit a {
  454. padding:3px;
  455. color:{color:link};
  456. background-color:{color:background};
  457. -moz-transition-duration:0.5s;
  458. -webkit-transition-duration:0.5s;
  459. -o-transition-duration:0.5s;
  460. }
  461.  
  462.  
  463.  
  464. {CustomCSS}
  465.  
  466. #s-m-t-tooltip {
  467.  
  468. max-width:300px;
  469.  
  470.  
  471. padding:5px 5px 5px 5px;
  472.  
  473. margin:20px 0px 0px 20px;
  474.  
  475. background-color:{color:sidelinks background};
  476.  
  477. font-family:arial; /* change the font */
  478.  
  479. font-style:none;
  480.  
  481. font-size:9px; /* change the font size */
  482.  
  483. line-height:9px;
  484.  
  485. letter-spacing:1px; /* change the letter spacing */
  486.  
  487. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  488.  
  489. color:{color:sidelinks}; /* change the text color */
  490.  
  491. z-index: 100;
  492.  
  493. }
  494.  
  495. </style>
  496.  
  497. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
  498. </head>
  499. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  500.  
  501. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  502.  
  503. <script>
  504.  
  505. (function($){
  506.  
  507. $(document).ready(function(){
  508.  
  509. $("a[title]").style_my_tooltips({
  510.  
  511. tip_follows_cursor:true,
  512.  
  513. tip_delay_time:10,
  514.  
  515. tip_fade_speed:100,
  516.  
  517. attribute:"title"
  518.  
  519. });
  520.  
  521. });
  522.  
  523. })(jQuery);
  524.  
  525. </script>
  526.  
  527.  
  528. <div id="theme">
  529.  
  530. <div id="sidebar">
  531.  
  532. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div><p>
  533. <div id="subtitle">{text:subtitle}</div><div class="links">
  534. {block:IfLink1}
  535. <a href="{text:link1 url}">{text:link1}</a>
  536. {/block:IfLink1}
  537. {block:IfLink2}
  538. <a href="{text:link2 url}">{text:link2}</a>
  539. {/block:IfLink2}
  540. {block:IfLink3}
  541. <a href="{text:link3 url}">{text:link3}</a>
  542. {/block:IfLink3}
  543. {block:IfLink4}
  544. <a href="{text:link4 url}">{text:link4}</a>
  545. {/block:IfLink4}
  546. {block:IfLink5}
  547. <a href="{text:link5 url}">{text:link5}</a>
  548. {/block:IfLink5}
  549.  
  550. </div><div class="desc">
  551. {Description}
  552. </div></div>
  553.  
  554.  
  555. </div>
  556.  
  557. </div></div>
  558.  
  559. <div id="stuffcontainer">
  560.  
  561. {block:Posts}
  562.  
  563. <div id="stuff">
  564.  
  565. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  566.  
  567. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  568.  
  569. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  570. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  571.  
  572. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  573.  
  574. {block:Photoset}<center>{Photoset-500}</center>
  575. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  576.  
  577. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  578.  
  579. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  580.  
  581. {block:Answer}<div class="ask"><i>{Asker} asked</i> {Question}</div><div class="ans">{Answer}</div>
  582. <div style= text-align:center;></div>{/block:answer}
  583.  
  584. {block:Audio}
  585. <div class="audio">
  586. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  587.  
  588. <div class="audio-info">
  589. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  590. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  591. </div></div>
  592. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  593. {/block:Audio}
  594. <br><br>
  595.  
  596. <div id="postinfo">{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonth}{/block:Date}</a> &nbsp&nbsp{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&nbsp&nbsp{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource} &nbsp&nbsp{block:NoteCount}<font family="Latha" color="#d71732" size="1">&hearts;</font> <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</div> <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp&nbsp&nbsp&nbsp{/block:Tags}{/block:HasTags}</div></div>
  597. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes} </div>
  598. {/block:Posts} <div class="pagination"><div style="color:#fff;">{block:Pagination}
  599. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&larr;</a>{/block:PreviousPage}
  600. {block:JumpPagination length="3"}
  601. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  602. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  603. {block:NextPage}<a href="{NextPage}" class="jump_page">&rarr;</a>{/block:NextPage}
  604. {/block:Pagination}</div></div>
  605.  
  606. <div id="credit"><a href="http://legilimen.tumblr.com/" title="@legilimenthemes">LG</a></div>
  607.  
  608. </div>
  609. </div>
  610. </div>
  611. </body>
  612. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement