Advertisement
rockatanskis

the no 1 fave elliot theme

Aug 23rd, 2016
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.29 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="http://67.media.tumblr.com/f569ca6c9bbbacb00e38c370e419f870/tumblr_inline_mymi8npYyK1qfc9y0.png">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7.  
  8. <!--
  9. base code by mrsthemes@tumblr
  10. theme by sepiol@tumblr
  11. edit as you like but do not remove the credit
  12. ->
  13.  
  14.  
  15. <!--------default variables-------->
  16. <meta name="color:background" content="#f3f3f3"/>
  17. <meta name="color:posts" content="#f3f3f3">
  18. <meta name="color:text" content="#333333"/>
  19. <meta name="color:links" content="#000000"/>
  20. <meta name="color:links hover" content="#c9c9c9"/>
  21. <meta name="color:scrollbar bg" content="#ffffff"/>
  22. <meta name="color:scrollbar" content="#f3f3f3">
  23. <meta name="color:blockquote" content="#000000">
  24. <meta name="color:header" content="#1a1a1a">
  25. <meta name="color:header title" content="#ffffff">
  26. <meta name="color:description" content="#ffffff">
  27. <meta name="color:header links" content="#ffffff">
  28.  
  29. <meta name="image:background image" content=""/>
  30. <meta name="image:header background image" content=""/>
  31.  
  32. <meta name="text:blog title" content="ARCADIA.">
  33. <meta name="text:font size" content="12">
  34.  
  35. <meta name="text:link 1 title" content="link">
  36. <meta name="text:link 1 url" content=" ">
  37. <meta name="text:link 2 title" content="link">
  38. <meta name="text:link 2 url" content=" ">
  39.  
  40. <meta name="if:show link 1" content="1" />
  41. <meta name="if:show link 2" content="1" />
  42. <meta name="if:rounded posts" content="1" />
  43.  
  44.  
  45. <!------------------------SCRIPTS--------------------->
  46.  
  47. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:200,
  56. tip_fade_speed:300
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <link href="https://fonts.googleapis.com/css?family=Cairo:400,700" rel="stylesheet">
  63.  
  64. <script src="https://use.fontawesome.com/ca84a5b723.js"></script>
  65.  
  66.  
  67. <!-------------------------------------------------------------------->
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. /*----------tooltips---------*/
  73.  
  74. #s-m-t-tooltip {
  75. max-width:300px;
  76. margin:15px;
  77. padding:5px;
  78. border:1px solid #f3f3f3;
  79. border-radius:0px;
  80. background:#ffffff;
  81. color:{color:text};
  82. z-index:999999;
  83. font-size:7px;
  84. font-style:none;
  85. font-weight:lighter;
  86. letter-spacing:2px;
  87. font-family:helvetica;
  88. text-transform:uppercase;
  89. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  90. }
  91.  
  92.  
  93. /*----------scrollbar---------*/
  94.  
  95.  
  96. ::-webkit-scrollbar {
  97. height:0px;
  98. width:0px
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:vertical {
  102. background-color:{color:scrollbar};
  103. height:50px
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb:horizontal {
  107. height:8px!important
  108. }
  109.  
  110.  
  111. /*----------basics---------*/
  112.  
  113. body {
  114. background:#0b0b0b;
  115. background-image:url('http://static.tumblr.com/eyg2cc8/y5do4kog4/bg1.png');
  116. background-position: bottom right;
  117. background-attachment:fixed;
  118. background-repeat:no-repeat;
  119. color:{color:text};
  120. font-family:arial;
  121. line-height:15px;
  122. font-size:{text:font size}px;
  123. text-align:left;
  124. overflow:hidden;
  125. }
  126.  
  127. blockquote {
  128. padding-left:10px;
  129. border-left:1px solid;
  130. border-color:{color:blockquote};
  131. margin:10px;
  132. }
  133.  
  134. a {
  135. color:{color:links};
  136. text-decoration:none;
  137. -webkit-transition:all 0.5s;
  138. -moz-transition:all 0.5s;
  139. -ms-transition:all 0.5s;
  140. -o-transition:all 0.5s;
  141. transition:all 0.5s;
  142. }
  143.  
  144. a:hover {
  145. text-decoration:none;
  146. color: {color:links hover};
  147. -webkit-transition:all 0.5s;
  148. -moz-transition:all 0.5s;
  149. -ms-transition:all 0.5s;
  150. -o-transition:all 0.5s;
  151. transition:all 0.5s;
  152. }
  153.  
  154. img {
  155. opacity:1;
  156. text-decoration:none;
  157. }
  158.  
  159. h1 {
  160. font-size:15px;
  161. font-weight:bold;
  162. }
  163.  
  164. /*----------header----------*/
  165.  
  166. .header {
  167. margin-left:-210px;
  168. background-position:bottom right;
  169. width:420px;
  170. height:29px;
  171. padding:20px;
  172. position:fixed;
  173. margin-top:-59px;
  174. z-index:10;
  175. }
  176.  
  177. .header a {color:#fff;
  178. text-decoration:none;
  179. }
  180.  
  181. .header a:hover {
  182. color:white;
  183. -webkit-transition:all 0.5s;
  184. -moz-transition:all 0.5s;
  185. -ms-transition:all 0.5s;
  186. -o-transition:all 0.5s;
  187. transition:all 0.5s;
  188. }
  189.  
  190. .headertitle {
  191. color:{color:header title};
  192. font-family:helvetica, sans-serif;
  193. font-size:24px;
  194. font-weight:bold;
  195. margin-left:0px;
  196.  
  197. }
  198.  
  199. .headerdesc {
  200. color:{color:description};
  201. font-family:helvetica, sans-serif;
  202. font-size:10px;
  203. margin-top:3px;
  204. margin-left:0px;
  205.  
  206. }
  207.  
  208. .headerlinks {
  209. width:150px;
  210. margin-left:270px;
  211. text-align:right;
  212. z-index:30;
  213. font-size:13px;
  214. position:fixed;
  215. margin-top:-20px;
  216. word-spacing:5px;
  217. }
  218.  
  219. .headerlinks a {color:{color:header links};}
  220.  
  221.  
  222. /*----------posts---------*/
  223.  
  224. .wrap {
  225. width:460px;
  226. margin-left:50%;
  227. }
  228.  
  229. .container {
  230. width:420px;
  231. padding:20px;
  232. margin-top:140px;
  233. margin-left:-210px;
  234. height:390px;
  235. background-color:white;
  236. position:relative;
  237. overflow-y:scroll;
  238. overflow-x:hidden;
  239. border-radius:10px;
  240. }
  241.  
  242. .posts {
  243. width:400px;
  244. background:{color:posts};
  245. padding:10px;
  246. {block:IfRoundedPosts}
  247. border-radius:10px;
  248. {/block:IfRoundedPosts}
  249. }
  250.  
  251. .posts a {font-family:'cairo', sans-serif;text-transform:uppercase;}
  252.  
  253. .entries {
  254. width:400px;
  255. margin-bottom:50px;
  256. }
  257.  
  258. .posts img, .posts li, .posts blockquote {
  259. max-width: 100%;
  260. }
  261.  
  262. .posts li {
  263. list-style: square;
  264. }
  265.  
  266. blockquote img {
  267. max-width:320px!important;
  268. }
  269.  
  270.  
  271. /*----------post info---------*/
  272.  
  273. .info {
  274. padding:15px;
  275. text-transform:uppercase;
  276. font-size:8px;
  277. letter-spacing:1px;
  278. margin-bottom:50px;
  279. font-family:'cairo', sans-serif;
  280. }
  281.  
  282. .tags {
  283. text-transform:none;
  284. font-family:helvetica, sans-serif;
  285. margin-top:5px;
  286. font-size:8px;
  287. letter-spacing:1px;
  288. }
  289.  
  290. .tags a {
  291. margin-right:8px;
  292. }
  293.  
  294.  
  295. /*----------post notes---------*/
  296.  
  297. ol.notes {
  298. padding:0px;
  299. list-style-type:none;
  300. }
  301.  
  302. ol.notes li.note {
  303. padding:10px;
  304. }
  305.  
  306. ol.notes li.note img.avatar {
  307. vertical-align:-4px;
  308. margin-right:10px;
  309. width:16px;
  310. height:16px;
  311. }
  312.  
  313. ol.notes li.note span.action {
  314. font-weight:none;
  315. }
  316.  
  317. ol.notes li.note .answer_content {
  318. font-weight:normal;
  319. }
  320.  
  321. ol.notes li.note blockquote {
  322. padding:4px 10px;
  323. margin:10px 0px 0px 25px;
  324. }
  325.  
  326. ol.notes li.note blockquote a {
  327. text-decoration:none;
  328. }
  329.  
  330. /*----------pagination---------*/
  331.  
  332. .pagination {
  333. width:460px;
  334. margin-left:-210px;
  335. position:fixed;
  336. text-align:center;
  337. font-size:8px;
  338. text-transform:uppercase;
  339. letter-spacing:1px;
  340. word-spacing:5px;
  341. top:585px;
  342. z-index:90000;
  343. }
  344.  
  345. .pagination a {
  346. background:#fff;
  347. padding:5px;
  348. color:#111;
  349. }
  350.  
  351.  
  352. /*----------quotes---------*/
  353.  
  354. .quote {
  355. font:'Cairo', sans-serif;
  356. width:300px;
  357. padding-top:10px;
  358. padding-bottom:10px;
  359. padding-left:50px;
  360. padding-right:50px;
  361. font-size:12px;
  362. text-align:justify;
  363. }
  364.  
  365. .quotesource {
  366. text-align:center;
  367. margin-top:10px;
  368. font-size:10px;
  369. }
  370.  
  371. b, strong {font-family: 'Cairo', sans-serif;}
  372. i, em {font-family: 'Cairo', sans-serif;
  373. }
  374.  
  375.  
  376. /*----------chat---------*/
  377.  
  378. .chat {
  379. line-height:20px;
  380. list-style:none;
  381. }
  382.  
  383. .line.odd {
  384. background:#fafafa;
  385. margin-bottom:2px;
  386. padding:5px;
  387. list-style:none;
  388. font-size:10px;
  389. }
  390.  
  391. .line.even {
  392. background:#ffffff;
  393. margin-bottom:2px;
  394. padding:5px;
  395. list-style:none;
  396. font-size:10px;
  397. }
  398.  
  399. .label {
  400. padding-right:1px;
  401. text-transform:uppercase;
  402. font-weight:bold;
  403. color:{color:links};
  404. }
  405.  
  406.  
  407. /*----------questions---------*/
  408.  
  409. .question {
  410. background:#fafafa;
  411. padding:10px;
  412. }
  413.  
  414. .asker {
  415. text-transform:uppercase;
  416. }
  417.  
  418. /*----------audio---------*/
  419.  
  420. .playerbutton {
  421. position:relative;
  422. width:30px;
  423. height:35px;
  424. overflow:hidden;
  425. }
  426.  
  427. .playerbuttonhug {
  428. position: absolute;
  429. top:-7px;
  430. left:2px;
  431. }
  432.  
  433. .tumblr_audio_player {
  434. height:50px;
  435. width:500px;
  436. }
  437.  
  438. .playerbuttonbg {
  439. position:absolute;
  440. width:35px;
  441. height:35px;
  442. background-color:#e4e4e4;
  443. padding:10px;
  444. }
  445.  
  446. .trackdetails {
  447. width:auto;
  448. display:inline-block;
  449. margin-left:70px;
  450. font-size:10px;
  451. letter-spacing:1px;
  452. text-transform:lowercase;
  453. padding:5px;
  454. line-height:15px;
  455. }
  456.  
  457. .audiowrapper {
  458. position:relative;
  459. display:inline-block;
  460. }
  461.  
  462. #qwerty {position:fixed;
  463. width:auto;
  464. height:auto;
  465. top:10px;
  466. left:10px;
  467. z-index:0;
  468. }
  469.  
  470.  
  471. #qwerty img {
  472. }
  473.  
  474.  
  475. </style>
  476. </head>
  477.  
  478. <body>
  479.  
  480. <div id="qwerty"><img src="http://static.tumblr.com/eyg2cc8/EFMo4komd/glub.png"></div>
  481.  
  482. <div class="wrap">
  483.  
  484. {block:Pagination}
  485. <div class="pagination">
  486. {block:PreviousPage}
  487. <a href="{PreviousPage}">previous</a>
  488. {/block:PreviousPage}
  489. {block:NextPage}
  490. <a href="{NextPage}">next</a>
  491. {/block:NextPage}</div>
  492. {/block:Pagination}
  493.  
  494.  
  495. <div class="header">
  496. <div class="headertitle">{text:blog title}</div>
  497. <div class="headerdesc">ind. elliot alderson, est 08/2015. written by eli.</div>
  498. <div class="headerlinks">
  499. <a href="/" title="home"><i class="fa fa-home" aria-hidden="true"></i></a>
  500. <a href="/ask" title="message"><i class="fa fa-comment" aria-hidden="true"></i></a>
  501. <a href="/rules" title="rules"><i class="fa fa-asterisk" aria-hidden="true"></i></a>
  502. <a href="/start" title="about"><i class="fa fa-link" aria-hidden="true"></i></a>
  503. <a href="/arcs" title="arcs"><i class="fa fa-book" aria-hidden="true"></i></a>
  504. <a href="/navi" title="navigate"><i class="fa fa-folder-open" aria-hidden="true"></i></a>
  505. <a href="/credit" title="credit"><i class="fa fa-cog" aria-hidden="true"></i></a> </div>
  506. </div>
  507.  
  508.  
  509. <div class="container">
  510.  
  511.  
  512. <div class="entries">
  513. {block:Posts}
  514. <div class="posts">
  515.  
  516. {block:Text}
  517. <h1>{block:Title}{Title}{/block:Title}</h1>
  518. {Body}{/block:Text}
  519.  
  520.  
  521. {block:Photo}
  522. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  523. {block:Caption}{Caption}{/block:Caption}
  524. {/block:Photo}
  525.  
  526.  
  527. {block:Photoset}
  528. {Photoset-400}
  529. {block:Caption}{Caption}{/block:Caption}
  530. {/block:Photoset}
  531.  
  532.  
  533. {block:Quote}
  534. <div class="quote">{Quote}</div>
  535. {block:Source}<div class="quotesource"> — {Source}</div>
  536. {/block:Source}{/block:Quote}
  537.  
  538.  
  539. {block:Link}
  540. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  541. {block:Description}{Description}{/block:Description}
  542. {/block:Link}
  543.  
  544.  
  545. {block:Chat}
  546. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  547. {/block:Chat}
  548.  
  549.  
  550. {block:Audio}
  551. {block:AudioPlayer}
  552. <div class="audiowrapper">
  553. <div class="playerbuttonbg">
  554. <div class="playerbutton">
  555. <div class="playerbuttonhug">
  556. {AudioPlayerGrey}
  557. </div></div></div>
  558.  
  559. <div class="trackdetails">
  560. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  561.  
  562. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  563.  
  564. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  565. {/block:AudioPlayer}
  566.  
  567. {block:Caption}
  568. <div class="caption">{Caption}</div>
  569. {/block:Caption}
  570. {/block:Audio}
  571.  
  572.  
  573. {block:Video}
  574. {Video-400}
  575. {block:Caption}{Caption}{/block:Caption}
  576. {/block:Video}
  577.  
  578.  
  579. {block:Answer}
  580. <table style="padding-bottom:5px;margin-bottom:5px;">
  581. <tr>
  582. <td style="vertical-align:top;padding-right:5px"><img src="{AskerPortraitURL-30}"></td><td style="vertical-align:top;background:#ededed;padding:5px;width:350px;border-radius:5px"><strong>{Asker}</strong><br> {Question}</td>
  583. </tr>
  584. </table>
  585. {Answer}
  586. {/block:Answer}
  587.  
  588. </div>
  589.  
  590. <div class="info">{block:Date}
  591. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  592. {/block:Date}
  593.  
  594. &nbsp;&nbsp;
  595. <a href="{Permalink}">{NoteCountWithLabel}</a>
  596. &nbsp;&nbsp;
  597.  
  598. {block:RebloggedFrom}
  599. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>&nbsp;&nbsp;
  600. {block:ContentSource}
  601. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> src</a>&nbsp;&nbsp;
  602. {/block:ContentSource}
  603. {/block:RebloggedFrom}
  604.  
  605. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  606.  
  607.  
  608. {block:HasTags}
  609. <div class="tags">
  610. {block:Tags}
  611. <a href="{TagURL}"># {Tag}</a>
  612. {/block:Tags}
  613. </div>
  614. {/block:HasTags}</div>
  615.  
  616. {block:PostNotes}
  617. {PostNotes}
  618. {/block:PostNotes}
  619.  
  620. {/block:Posts}
  621.  
  622. {block:ContentSource}
  623. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  624. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  625. {/block:SourceLogo}
  626. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  627. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  628.  
  629. </body>
  630. </div>
  631. </div></div></div></div></div></div></div></div></div></div></div>
  632. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement