API tools faq
paste
bangyixing

Theme #20 - Guardian

bangyixing
Aug 31st, 2013
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.03 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. THEME MADE BY ANDREA @ MLIKBOY
  6. PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
  7. -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic' rel='stylesheet' type='text/css'>
  16.  
  17. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  18. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  19. <script type="text/javascript" charset="utf-8">
  20. var $j = jQuery.noConflict();
  21. $j(function() {
  22. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  23. $j("img").lazyload({
  24. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  25. effect: "fadeIn",
  26. });
  27. });
  28. </script>
  29.  
  30. </style>
  31.  
  32. <!--Default Variables-->
  33. <!--Colors-->
  34.  
  35. <meta name="color:Background" content="#ffffff"/>
  36. <meta name="color:Title" content="#474545"/>
  37. <meta name="color:Blog Title" content="#000000"/>
  38. <meta name="color:Border" content="#eeeeee"/>
  39. <meta name="color:Link" content="#000000"/>
  40. <meta name="color:Scrollbar" content="#fbfbfb"/>
  41. <meta name="color:Hover" content="#cfcfcf"/>
  42. <meta name="color:Description" content="#fafafa"/>
  43. <meta name="color:Asker" content="#fafafa"/>
  44. <meta name="color:Quote" content="#fafafa"/>
  45. <meta name="color:Info" content="#fafafa"/>
  46. <meta name="color:Info Background" content="#222121"/>
  47. <meta name="color:Hover" content="#cfcfcf"/>
  48. <meta name="color:Tags" content="#d7d9da"/>
  49. <meta name="color:Text" content="#000000"/>
  50. <!--Images-->
  51.  
  52. <meta name="image:Background" content=""/>
  53. <meta name="image:Sidebar" content=""/>
  54.  
  55. <!--Titles-->
  56.  
  57. <meta name="text:Title" content="guardian" />
  58.  
  59. <!--Links-->
  60.  
  61. <meta name="text:Link1" content="/" />
  62. <meta name="text:Link1 Title" content="link" />
  63. <meta name="text:Link2" content="/" />
  64. <meta name="text:Link2 Title" content="link" />
  65.  
  66. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background: {color:Border};
  72. height: 80px;
  73. }
  74.  
  75. ::-webkit-scrollbar {
  76. height: 10px;
  77. width: 10px;
  78. background: {color:Scrollbar};
  79. }
  80.  
  81.  
  82. body {
  83. background-image: url("{image:background}");
  84. background-attachment: fixed;
  85. font-family:Trebuchet MS;
  86. font-size:10px;
  87. margin:50px;
  88. text-align:justify;
  89. letter-spacing:0px;
  90. line-height:100%;
  91. background:{color:background};
  92. color:{color:text};
  93. }
  94.  
  95. a {
  96. text-decoration:none;
  97. outline:none;
  98. -moz-outline-style:none;
  99. color:{color:Text};
  100. -webkit-transition: all 0.5s ease;
  101. -moz-transition: all 0.5s ease;
  102. -o-transition: all 0.5s ease;
  103. }
  104.  
  105. img {
  106. border:none;
  107. }
  108.  
  109. blockquote blockquote {
  110. padding-left:5px;
  111. border-left:1px solid;
  112. }
  113.  
  114. h1 {
  115. font-size:20px;
  116. text-transform:lowercase;
  117. font-style:italic;
  118. line-height:140%;
  119. text-align:center;
  120. font-family:Playfair Display;
  121. color:{color:Title};
  122. }
  123.  
  124. a:hover {
  125. color: {color:Horver};
  126. }
  127.  
  128. small{
  129. font-size:9px;
  130. line-height:140%;
  131. }
  132.  
  133. big {
  134. font-size:12px;
  135. line-height:140%;
  136. }
  137.  
  138. b, strong{
  139. color:{color:Text};
  140. }
  141. i, em {
  142. color:{color:Text};
  143. }
  144. p{
  145. margin-top:5px;
  146. margin-bottom:5px;
  147. }
  148.  
  149. blockquote {
  150. padding:0px;
  151. padding-left:5px;
  152. margin:5px;
  153. border-left:1px solid {color:Border};
  154. }
  155.  
  156. blockquote img {
  157. max-width:500px;
  158. }
  159.  
  160. .audio { height:60px; padding:5px; margin-bottom:5px;}
  161. .audio-album { position:absolute; width:60px; }
  162. .audio-player { position:absolute; width:25px; height:25px; margin-left:15px; margin-top:15px; opacity:0.9; overflow:hidden; border:2px solid {color:Border}; }
  163. .audio-info { margin-top:-2px; position:relative; margin-left:70px; padding:5px; }
  164.  
  165. #entries {
  166. overflow:hidden;
  167. margin-left:420px;
  168. letter-spacing:1px;
  169. }
  170.  
  171. #post {
  172. margin:15px;
  173. padding-left:15px;
  174. padding-right:15px;
  175. padding-top:25px;
  176. width:500px;
  177. }
  178.  
  179. #quote {
  180. padding:10px;
  181. margin-bottom:5px;
  182. background:{color:Quote};
  183. font-family:Courier;
  184. font-size:12px;
  185. font-style:none;
  186. letter-spacing:1px;
  187. -webkit-border-radius:2px;
  188. -moz-border-radius:2px;
  189. border-radius:2px;
  190. }
  191.  
  192. #chat {
  193. text-transform:lowercase;
  194. }
  195.  
  196. #website {
  197. font-style:italic;
  198. text-align:right;
  199. font-size:12px;
  200. color:{color:Text};
  201. }
  202.  
  203. #sidebar {
  204. position:fixed;
  205. margin-left:170px;
  206. margin-top:-50px;
  207. }
  208.  
  209. #sidebarimage img {
  210. width:250px;
  211. height:100%;
  212. position:fixed;
  213. margin-top:0px;
  214. margin-left:-220px;
  215. }
  216.  
  217. #title {
  218. font-size:30px;
  219. position:fixed;
  220. margin-left:30px;
  221. margin-top:0px;
  222. font-family:Consolas;
  223. font-style:none;
  224. text-align:center;
  225. line-height:40%;
  226. padding:20px;
  227. padding-bottom:100%;
  228. padding-top:120px;
  229. width:160px;
  230. letter-spacing:0px;
  231. text-transform:uppercase;
  232. color:{color:Background};
  233. background:{color:Blog Title};
  234. text-shadow: 2px 0 .2px #ff24a4, -2px 0 .2px #ace900;
  235. }
  236.  
  237. #qTip {
  238. padding: 3px;
  239. display: none;
  240. text-align: center;
  241. position:fixed;
  242. font-size:10px;
  243. text-transform:uppercase;
  244. font-family:Calibri;
  245. background: {color:Text};
  246. color: {color:Background};
  247. font-style:none;
  248. letter-spacing: 1px;
  249. }
  250.  
  251. #links {
  252. font-size:12px;
  253. position:fixed;
  254. margin-left:35px;
  255. margin-top:155px;
  256. font-family:Consolas;
  257. font-style:none;
  258. text-align:center;
  259. line-height:40%;
  260. padding:5px;
  261. width:180px;
  262. opacity:1;
  263. letter-spacing:0px;
  264. text-transform:uppercase;
  265. color:{color:Background};
  266. background:{color:Link};
  267. -moz-transition-duration:0.5s;
  268. -webkit-transition-duration:0.5s;
  269. -o-transition-duration:0.5s;
  270. }
  271.  
  272. #links a {
  273. display:inline-block;
  274. width:26px;
  275. padding:5px;
  276. margin-right:2px;
  277. margin-bottom:0px;
  278. color:{color:Background};
  279. background:{color:Link};
  280. text-shadow:10px 0px transparent, -10px 0px transparent;
  281. }
  282.  
  283. #links a:hover {
  284. text-shadow:0px 0px {color:Background}, -0px 0px {color:Background};
  285. color:{color:Background};
  286. background:{color:Link};
  287. -moz-transition-duration:0.7s;
  288. -webkit-transition-duration:0.7s;
  289. -o-transition-duration:0.7s;
  290.  
  291. }
  292.  
  293. #description {
  294. font-size:11px;
  295. width:170px;
  296. height:auto;
  297. font-family:Consolas;
  298. text-transform:none;
  299. position:fixed;
  300. text-align:justify;
  301. font-style:none;
  302. line-height:100%;
  303. margin-left:35px;
  304. margin-top:185px;
  305. letter-spacing:1px;
  306. padding:10px;
  307. opacity:1;
  308. position:fixed;
  309. color:{color:Background};
  310. background:{color:Link};
  311. -moz-transition-duration:1s;
  312. -webkit-transition-duration:1s;
  313. -o-transition-duration:1s;
  314. }
  315.  
  316. #description a {
  317. color:{color:Background};
  318. }
  319.  
  320. #description a:hover {
  321. color:{color:Hover};
  322. }
  323.  
  324. #info {
  325. font-family:Trebuchet MS;
  326. margin-top:12px;
  327. font-size:7px;
  328. color:{color:Text};
  329. text-transform:uppercase;
  330. font-style:normal;
  331. text-align:left;
  332. -moz-transition-duration:0.5s;
  333. -webkit-transition-duration:0.5s;
  334. -o-transition-duration:0.5s;
  335. }
  336.  
  337. #info a {
  338. color:{color:Link};
  339. }
  340.  
  341. #info a:hover {
  342. color:{color:Hover};
  343. }
  344.  
  345. #tags {
  346. font-family:Trebuchet Ms;
  347. font-style:none;
  348. text-transform:uppercase;
  349. font-style:none;
  350. color:{color:Tags};
  351. line-height:120%;
  352. font-size:7px;
  353. opacity:1;
  354. text-align:center;
  355. padding-top:5px;
  356. -moz-transition-duration:.5s;
  357. -webkit-transition-duration:.5s;
  358. -o-transition-duration:.5s;
  359. }
  360.  
  361.  
  362. #tags a {
  363. color:{color:Text};
  364. }
  365.  
  366. #tags a:hover {
  367. color:{color:Hover};
  368. }
  369. #notes {
  370. text-transform:uppercase;
  371. font-size:8px;
  372. font-family:Calibri;
  373. }
  374.  
  375. #question {
  376. float:left;
  377. line-height:130%;
  378. }
  379.  
  380. #question img {
  381. margin-right:11px;
  382. border:1px solid {color:Border};
  383. padding:5px;
  384. }
  385.  
  386. #credit {
  387. font-family:Calibri;
  388. font-size:9px;
  389. letter-spacing:1px;
  390. float:right;
  391. position:fixed;
  392. bottom:15px;
  393. right:10px;
  394. }
  395.  
  396. #credit a {
  397. color:{color:Background};
  398. padding:5px;
  399. text-transform:uppercase;
  400. background:{color:Link};
  401. }
  402.  
  403. #credit a:hover {
  404. color:{color:Link};
  405. font-style:none;
  406. background:{color:Background};
  407. }
  408.  
  409. {CustomCSS}</style></head><body>
  410.  
  411. <div id="sidebar">
  412. <div id="title">{text:Title}</div>
  413. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  414. <div id="links">
  415. <a href="/" title="refresh">I.</a>
  416. <a href="/ask" title="message">II.</a>
  417. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">III.</a>{/block:ifLink1}
  418. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">IV.</a>{/block:ifLink2}
  419. </div>
  420.  
  421. <div id="description">{Description}<p><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">fall</a>{/block:PreviousPage} — {block:NextPage}<a href="{NextPage}">jump</a>{/block:NextPage}{/block:Pagination}</center>
  422. </div></div>
  423.  
  424. <div id="entries">
  425. {block:Posts}
  426. <div id="post">
  427.  
  428. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  429.  
  430. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  431.  
  432. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  433.  
  434. {block:Quote}<div id="quote">❝{Quote}</i>❞{block:Source} — {Source}</div>{/block:Source}{/block:Quote}
  435.  
  436. {block:Link}<div id="website"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  437.  
  438. <div id="chat">
  439. {block:Chat}
  440. {block:Title}
  441. <h1>{Title}</h1>
  442. {/block:Title}
  443. {block:Lines}
  444. <blockquote>{block:Label}<b>{Label}</b>{/block:Label} -
  445. {Line}</blockquote><br>
  446. {/block:Lines}{/block:Chat}
  447. </div>
  448.  
  449. {block:Audio}
  450. <div class="audio">
  451. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  452. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  453. <div class="audio-info">
  454. {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
  455. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  456. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  457. {block:PlayCount}<b>Plays:</b> {PlayCount}<br>{/block:PlayCount}
  458. </div></div>
  459. {/block:Audio}
  460.  
  461. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  462.  
  463. {block:Answer}<div id="question"<div id="question"><img src="{AskerPortraitURL-24}"></div> "{Question}"<br>
  464. — <b><i>{Asker}</i></b><br><br>
  465. {Answer}<br>{/block:Answer}
  466.  
  467. {block:Date}<div id="info"> {block:RebloggedFrom} <a href="{ReblogParentURL}">via </a> ‧ {/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">source</a> — {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a> {/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  468. <a href="{Permalink}" style="float:right; background-color:{color:Info Background}; padding:3px; color:{color:Background};">{TimeAgo}</a>
  469. {/block:Date}</div>
  470. {block:HasTags}
  471. <div id="tags">
  472. {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  473. {/block:HasTags}
  474. <div id="notes">
  475. {block:PostNotes}{PostNotes}{/block:PostNotes}
  476. </div>
  477. </div>
  478. {/block:Posts}
  479.  
  480.  
  481. <div id="credit"><a href="http://mlikboy.tumblr.com/">mlikboy</a></div>
  482.  
  483. </body>
  484. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!