heylittletrains

11 NOT ABOUT ANGELS

Jul 5th, 2014
1,660
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.07 KB | None | 0 0
  1. <!--
  2. Theme #11 NOT ABOUT ANGELS by msswans.
  3. Edit all you want; Just make sure to leave the credits intact.
  4. -->
  5.  
  6. <head>
  7.  
  8.  
  9. <meta name="color:BG" content="#ffffff">
  10. <meta name="color:Scrollbar" content="#f1f0f0">
  11. <meta name="color:Text" content="#393939">
  12. <meta name="color:Link" content="#393939">
  13. <meta name="color:Hover" content="#252525">
  14. <meta name="color:Border" content="#eeeeee">
  15. <meta name="color:Main Links" content="#000000">
  16. <meta name="color:Hover Links" content="#926a6a">
  17. <meta name="color:Dot Link" content="#eeeeee">
  18. <meta name="color:Dot Link Hover" content="#ffffff">
  19.  
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:Second Title" content="" />
  24.  
  25.  
  26. <meta name="text:Link1 url" content="/" />
  27. <meta name="text:Link1" content="link 1" />
  28. <meta name="text:Link2 url" content="/" />
  29. <meta name="text:Link2" content="link 2" />
  30. <meta name="text:Link3 url" content="/" />
  31. <meta name="text:Link3" content="link 3" />
  32. <meta name="text:Link4 url" content="/" />
  33. <meta name="text:Link4" content="link 4" />
  34.  
  35. <meta name="if:400px" content="0"/>
  36.  
  37.  
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  39. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40. <link rel="shortcut icon" href="{Favicon}" />
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  46.  
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("[title],a[title],img[title]").style_my_tooltips({
  51. tip_follows_cursor:"true",
  52. tip_delay_time:100,
  53. tip_fade_speed:100,
  54. attribute:"title"
  55. });
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic' rel='stylesheet'>
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65.  
  66. ::-webkit-scrollbar{height: 9px; width: 7px; -webkit-border-radius: 0px; background-color:{color:background};}
  67. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  68. ::-webkit-scrollbar-track{background-color:{color:bg};}
  69.  
  70. a {
  71. text-decoration:none;
  72. -moz-transition-duration:0.5s;
  73. -webkit-transition-duration:0.5s;
  74. -o-transition-duration:0.5s;
  75. color:{color:link};
  76. }
  77.  
  78. a:hover {
  79. text-decoration:none;
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. color:{color:hover};
  84. }
  85.  
  86.  
  87. body {
  88. font-family:cambria;
  89. font-weight:normal;
  90. background-color:{color:bg};
  91. }
  92.  
  93. h1 {
  94. font-family:cambria;
  95. font-size:11px;
  96. font-style:italic;
  97. text-transform:normal;
  98. color:{color:text};
  99. text-align:center;
  100. font-weight:normal;
  101. letter-spacing:0px;
  102. padding:10px;
  103. width:auto;
  104. }
  105.  
  106. h2 {
  107. font-family:'playfair display', cursive;
  108. font-size:13px;
  109. font-weight:normal;
  110. text-align:center;
  111. font-style:italic;
  112. }
  113.  
  114. h3 {
  115. font-family:'playfair display', cursive;
  116. font-size:13px;
  117. font-weight:normal;
  118. text-align:center;
  119. font-style:italic;
  120. padding:40px;
  121. padding-top:0px;
  122. padding-bottom:0px;
  123. }
  124.  
  125. blockquote {
  126. margin:5px;
  127. margin-top:5px;
  128. text-align:left;
  129. font-size:10px;
  130. }
  131.  
  132. #topbar {
  133. top:0;
  134. left:0;
  135. margin-top:50px;
  136. text-align:left;
  137. margin-left:350px;
  138. width:500px;
  139. {block:if400px}
  140. width:400px;
  141. {/block:if400px}
  142. color:{color:text};
  143. }
  144.  
  145. .toptitle {
  146. font-family:'playfair display', cursive;
  147. font-style:italic;
  148. font-size:15px;
  149. letter-spacing:-0.5px;
  150. text-transform:normal;
  151. padding-bottom:4px;
  152. border-bottom:1px solid {color:border};
  153. }
  154.  
  155. .toplinks {
  156. margin-top:5px;
  157. font-family:cambria;
  158. }
  159.  
  160. .toplinks a {
  161. text-transform:uppercase;
  162. font-size:8px;
  163. display:inline-block;
  164. background-color:{color:main links};
  165. padding:4px 12px 4px 12px;
  166. color:#ffffff;
  167. }
  168.  
  169. .toplinks a:hover {
  170. background-color:{color:bg};
  171. color:{color:text};
  172. }
  173.  
  174. #sidebar {
  175. top:0;
  176. left:0;
  177. background-color:{color:bg};
  178. padding:0px;
  179. position:fixed;
  180. width:300px;
  181. height:100%;
  182. color:{color:text};
  183. }
  184.  
  185. #sidebar img {
  186. opacity:1;
  187. width:300px;
  188. height:auto
  189. }
  190.  
  191. #mainsidebar {
  192. top:0;
  193. left:0;
  194. position:fixed;
  195. width:200px;
  196. padding:30px;
  197. margin-top:400px;
  198. margin-left:20px;
  199. z-index:10000;
  200. border:1px solid {color:border};
  201. background-color:#ffffff;
  202. color:{color:text};
  203. }
  204.  
  205. #title {
  206. margin-top:-5px;
  207. font-family:'playfair display', cursive;
  208. font-style:italic;
  209. font-size:12px;
  210. line-height:130%;
  211. text-align:center;
  212. text-transform:normal;
  213. }
  214.  
  215. #links {
  216. margin-top:5px;
  217. font-family:cambria;
  218. font-size:10px;
  219. text-align:center;
  220. text-transform:uppercase;
  221. width:auto;
  222. }
  223.  
  224. #links a:hover{
  225. background-color:transparent;
  226. }
  227.  
  228. .link {
  229. display:inline-block;
  230. width:8px;
  231. height:8px;
  232. border:1px solid #ccc;
  233. background-color:{color:dot link};
  234. margin:8px;
  235. -webkit-transition: all 0.7s ease;
  236. -moz-transition: all 0.7s ease;
  237. -o-transition: all 0.7s ease;
  238. border-radius:100px;
  239. }
  240.  
  241. .link:hover{
  242. background-color:{color:bg};
  243. -webkit-transition: all 0.7s ease;
  244. -moz-transition: all 0.7s ease;
  245. -o-transition: all 0.7s ease;
  246. }
  247.  
  248. #s-m-t-tooltip {
  249. font-family:cambria;
  250. font-size:8px;
  251. text-align:center;
  252. height:8px;
  253. width:auto;
  254. padding:7px;
  255. margin-top:15px;
  256. margin-left:15px;
  257. background:{color:hover links};
  258. text-transform:uppercase;
  259. line-height:120%;
  260. position:absolute;
  261. z-index:1000000;
  262. color:#ffffff;
  263. }
  264.  
  265. .desc {
  266. margin-top:5px;
  267. font-family:cambria;
  268. font-size:10px;
  269. line-height:120%;
  270. text-align:center;
  271. }
  272.  
  273. .desc a {
  274. color:{color:link};
  275. }
  276.  
  277. #stuffcontainer {
  278. float:left;
  279. margin-left:350px;
  280. margin-top:40px;
  281. text-align:justify;
  282. color:{color:text};
  283. font-size:10px;
  284. }
  285.  
  286. #stuff {
  287. padding:0px;
  288. background-color:{color:bg};
  289. width:500px;
  290. {block:if400px}
  291. width:400px;
  292. {/block:if400px}
  293. margin-top:10px
  294. text-align:justify;
  295. font-size:9px
  296. font-family:cambria;
  297. font-style:normal;
  298. line-height:150%;
  299. color:{color:text};
  300. margin-bottom:60px;
  301. }
  302.  
  303. #stuff a {
  304. color:{color:link};
  305. }
  306.  
  307. #stuff a:hover {
  308. color:{color:hover};
  309. }
  310.  
  311. #pagi {
  312. font-size:10px;
  313. font-family:cambria;
  314. font-style:normal;
  315. text-transform:normal;
  316. text-align:center;
  317. margin-top:20px;
  318. height:50px;
  319. padding:10px;
  320. }
  321.  
  322. #pagi a {
  323. color:{color:link};
  324. margin:5px;
  325. padding:5px;
  326. display:inline-block;
  327. }
  328.  
  329. #pagi a:hover {
  330. color:{color:hover};
  331. }
  332.  
  333. .caption {
  334. font-size:10px
  335. width:500px;
  336. {block:if400px}
  337. width:400px;
  338. {/block:if400px}
  339. text-align:justify;
  340. line-height:120%;
  341. }
  342.  
  343. .ask {
  344. font-family:cambria;
  345. line-height:130%;
  346. font-style:normal;
  347. font-size:10px;
  348. padding:10px;
  349. text-align:center;
  350. color:{color:text};
  351. border-bottom:1px solid {color:border};
  352. }
  353.  
  354.  
  355. .ans {
  356. font-family:cambria;
  357. font-size:10px;
  358. font-style:italic;
  359. padding:10px;
  360. text-align:center;
  361. line-height:130%;
  362. color:{color:text};
  363. background-color:{color:bg};
  364. }
  365.  
  366. .audio {
  367. width:500px;
  368. {block:if400px}
  369. width:400px;
  370. {/block:if400px}
  371. }
  372.  
  373. .albumart {
  374. float:left;
  375. }
  376.  
  377. .albumart img {
  378. margin-top:-5px;
  379. width:50px;
  380. height:50px;
  381. padding:5px;
  382. border:1px solid;
  383. border-color:{color:border};
  384. }
  385.  
  386. .playercontainer {
  387. float:left;
  388. width:auto;
  389. text-align:justify;
  390. padding-bottom:10px;
  391. }
  392.  
  393. .audioinfo {
  394. color:{color:text};
  395. margin-left:75px;
  396. }
  397.  
  398. #postinfo {
  399. font-family:cambria;
  400. width:500px;
  401. {block:if400px}
  402. width:400px;
  403. {/block:if400px}
  404. padding:0px;
  405. margin-top:7px;
  406. font-size:11px;
  407. font-style:normal;
  408. text-transform:normal;
  409. letter-spacing:0px;
  410. text-align:left;
  411. }
  412.  
  413. #postinfo a {
  414. padding:3px;
  415. color:{color:link};
  416. font-style:normal;
  417. text-transform:normal;
  418. }
  419.  
  420. #postinfo a:hover {
  421. text-decoration:none;
  422. }
  423.  
  424. ol.notes {
  425. padding:0px;
  426. margin:25px 0px;
  427. list-style-type:none;
  428. }
  429.  
  430. ol.notes li.note {
  431. padding: 10px;
  432. }
  433.  
  434. ol.notes li.note img.avatar {
  435. vertical-align:-4px;
  436. border-radius:100%;
  437. margin-right:10px;
  438. width:16px;
  439. height:16px;
  440. }
  441.  
  442. ol.notes li.note span.action {
  443. font-weight:normal;
  444. }
  445.  
  446. ol.notes li.note .answer_content {
  447. font-weight:normal;
  448. }
  449.  
  450. ol.notes li.note blockquote {
  451. padding:9px 6px 9px 6px;
  452. margin:10px 0px 0px 25px;
  453. }
  454.  
  455. .tags {
  456. margin-top:5px;
  457. padding:5px;
  458. width:490px;
  459. {block:if400px}
  460. width:390px;
  461. {/block:if400px}
  462. font-family:cambria;
  463. font-size:10px;
  464. font-style:italic;
  465. text-transform:lowercase;
  466. text-align:left;
  467. border-top:1px solid {color:border};
  468. }
  469.  
  470. .tags a {
  471. letter-spacing:0px;
  472. padding:5px;
  473. color:{color:link};
  474. }
  475.  
  476. .tags a:hover {
  477. color:{color:hover};
  478. }
  479.  
  480.  
  481. .chat ol {
  482. line-height:170%;
  483. list-style:none;
  484. width:500px;
  485. {block:if400px}
  486. width:400px;
  487. {/block:if400px}
  488. margin-left:-40px;
  489. }
  490.  
  491. .line.odd {
  492. background:#f6f6f6;
  493. margin-bottom:2px;
  494. padding:4px;
  495. }
  496.  
  497. .line.even {
  498. background:#fafafa;
  499. margin-bottom:2px;
  500. padding:4px;
  501. }
  502.  
  503. .label {
  504. padding-right:2px;
  505. text-transform:normal;
  506. font-weight:bold;
  507. color:{color:link};
  508. }
  509.  
  510.  
  511. {CustomCSS}
  512.  
  513. </style></head>
  514. <body>
  515. <div id="topbar">
  516. <div class="toptitle">{title}</div>
  517. <div class="toplinks">
  518. <a href="/">Home</a>
  519. <a href="/ask">Message</a>
  520. <a href="/archive">Archive</a>
  521. <a href="http://msswans.tumblr.com">Theme</a>
  522. </div>
  523. </div>
  524. <div id="sidebar">
  525. <img src="{image:sidebar}"</a>
  526. </div>
  527. <div id="mainsidebar">
  528. <div id="title">{text:second title}</div>
  529. <div class="desc">
  530. {description}
  531. </div>
  532. <div id="links">
  533. <a href="{text:link1 url}" title="{text:link1}"><div class="link"></div></a>
  534. <a href="{text:link2 url}" title="{text:link2}"><div class="link"></div></a>
  535. <a href="{text:link3 url}" title="{text:link3}"><div class="link"></div></a>
  536. <a href="{text:link4 url}" title="{text:link4}"><div class="link"></div></a>
  537. </div>
  538.  
  539. </div>
  540.  
  541. <div id="stuffcontainer">
  542.  
  543. {block:Posts}
  544.  
  545. <div id="stuff">
  546.  
  547. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  548.  
  549. {block:Quote}<h3>“{Quote}”</h3><h1>― {Source}</h1>{/block:Quote}
  550.  
  551. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  552. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  553.  
  554. {block:Photo}{block:ifnot400px}<img src="{PhotoURL-500}"/>{/block:ifnot400px}{block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  555.  
  556. {block:Photoset}{block:ifnot400px}{Photoset-500}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  557.  
  558. {block:Video}{block:ifnot400px}{video-500}{/block:ifnot400px}{block:if400px}{video-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  559.  
  560. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  561.  
  562. {block:Answer}<div class="ask"><b>{Asker}:</b> {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  563.  
  564. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  565. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  566. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  567. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  568. {/block:Audio}
  569.  
  570. {block:Date}
  571. <div id="permalink">
  572.  
  573. <div id="postinfo">
  574. <table style="font-size:11px; color:{color:link}; margin-top:10px;" width="100%"><tr><td>
  575. {block:Date}<font style="background-color:{color:main links}; text-transform:uppercase; font-size:8px; color:#ffffff; padding:4px 12px 4px 12px;">{ShortMonth} {DayOfMonth}</font>{/block:Date}
  576. {block:NoteCount} <a href="{Permalink}" style="text-transform:normal;">{NoteCountwithLabel}</a> {/block:NoteCount}
  577. </td>
  578.  
  579. <td style="text-align:right; text-transform:lowecase;">
  580. {block:RebloggedFrom}<b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  581. {block:ContentSource} &nbsp <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  582. </td></tr></table>
  583.  
  584.  
  585. </div>
  586.  
  587.  
  588. </div>
  589. {/block:Date}
  590.  
  591. {block:HasTags}
  592. <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  593. </div>
  594. {/block:HasTags}
  595.  
  596.  
  597. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}
  598. {/block:PostNotes}
  599.  
  600.  
  601. </div>
  602.  
  603.  
  604. {/block:Posts}
  605.  
  606. <div id="pagi">
  607. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">← Previous</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}">Forth →</a>{/block:NextPage}{/block:Pagination}
  608. </div>
  609.  
  610. </div>
  611. </div>
  612. </div>
  613. </body>
  614. </html>
Advertisement
Add Comment
Please, Sign In to add comment