Advertisement
lovedbyliam

Theme 26: steadfast

Mar 30th, 2014
550
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 KB | None | 0 0
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!----------------------
  5. (ノ◕‿◕)ノ~『✧~*ASSCHLIN'S THEMES*~✧』
  6. ---------------------------->
  7.  
  8.  
  9. <head>
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19.  
  20.  
  21. <!-- DEAFULT VARIABLES -->
  22. <meta name="color:entry" content="#FFFFFF" />
  23. <meta name="color:link" content="#888888" />
  24. <meta name="color:link hover" content="#AAAAAA" />
  25. <meta name="color:nav hover" content="#AAAAAA" />
  26. <meta name="color:text" content="#AAAAAA" />
  27. <meta name="text:link 1" content="http://" />
  28. <meta name="text:link 2" content="http://" />
  29. <meta name="text:link 3" content="http://" />
  30. <meta name="text:link 4" content="http://" />
  31. <meta name="text:link 5" content="http://" />
  32. <meta name="text:link 1 name" content="link" />
  33. <meta name="text:link 2 name" content="link" />
  34. <meta name="text:link 3 name" content="link" />
  35. <meta name="text:link 4 name" content="link" />
  36. <meta name="text:link 5 name" content="link" />
  37.  
  38. <meta name="image: sidebar" content="" />
  39.  
  40. </head>
  41. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  42. <link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  44. <style type="text/css">
  45.  
  46.  
  47. ::-webkit-scrollbar-thumb{
  48. background-color: transparent;
  49. border: 2px solid transparent;
  50. height:auto;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. height:auto;
  55. width:0px;
  56. background-color: transparent;
  57. border:5px solid transparent;
  58. }
  59.  
  60. body {
  61. text-align:justify;
  62. font-family:arial;
  63. font-size:9px;
  64. background-color:{color:background};
  65. color:#000;
  66. }
  67.  
  68. a:link, a:visited {
  69. text-decoration: none;
  70. -webkit-transition: 0.3s linear;
  71. -moz-transition: 0.3s linear;
  72. -o-transition: 0.3s linear;
  73. transition: 0.3s linear;
  74. color:#000;
  75. }
  76.  
  77. a:hover {
  78. color:{color:link hover};
  79. -webkit-transition: 0.3s linear;
  80. -moz-transition: 0.3s linear;
  81. -o-transition: 0.3s linear;
  82. transition: 0.3s linear;
  83. }
  84.  
  85. a:link img {
  86. border:0px;
  87. background-color:transparent
  88. }
  89.  
  90. h1 {
  91. color:#222222;
  92. font-family:arial;
  93. font-size:11px;
  94. text-transform:uppercase;
  95. letter-spacing:-0px;
  96. text-align:center;
  97. font-style:normal;}
  98.  
  99.  
  100. p {margin-top:7px; margin-bottom:7px;}
  101.  
  102. ul {list-style:square}
  103.  
  104.  
  105. #description {
  106. font-family:Arial;
  107. font-size:9px;
  108. text-align:justify;
  109. width:240px;
  110. padding:15px;
  111. margin-left:-12px;
  112. margin-right:auto;
  113. margin-top:-10px;}
  114.  
  115. #sidebar {
  116. position:fixed;
  117. left:670px;
  118. top:100px;
  119. width:250px;
  120. height:100%;
  121. background:transparent;
  122. overflow:hidden;
  123. text-align:center;}
  124.  
  125. .image {
  126. text-align:left;
  127. width:245px;
  128. }
  129.  
  130. .image img {
  131. width:245px;
  132. margin-top:-2px;
  133. margin-left:-5px;
  134. }
  135.  
  136. .links{
  137. padding:5px;
  138. margin-bottom:0px;
  139. word-spacing:0px;
  140. text-align:right;
  141. -webkit-transition: 0.3s linear;
  142. -moz-transition: 0.3s linear;
  143. -o-transition: 0.3s linear;
  144. transition: 0.3s linear;}
  145.  
  146. .links a{
  147. padding:3px;
  148. letter-spacing:0px;
  149. color:#444;
  150. text-decoration:none;
  151. -webkit-transition: 0.3s linear;
  152. -moz-transition: 0.3s linear;
  153. -o-transition: 0.3s linear;
  154. transition: 0.3s linear;}
  155.  
  156. .links a:hover{
  157. color:{color:nav hover};
  158. -webkit-transition: 0.3s linear;
  159. -moz-transition: 0.3s linear;
  160. -o-transition: 0.3s linear;
  161. transition: 0.3s linear;}
  162.  
  163. .pagi {
  164. font-size:10px;
  165. margin-top:-30px;
  166. text-transform:uppercase;
  167. margin-bottom:60px;
  168. padding:10px;
  169. margin-left:680px;}
  170.  
  171.  
  172. #box {
  173. width:500px;
  174. text-align:justify;
  175. padding:15px;
  176. font-size: 9px;
  177. height: auto;
  178. margin-left:120px;
  179. margin-top:20px;
  180. color: #000;
  181. background-color:{color:entry};
  182. }
  183.  
  184. blockquote {
  185. margin-left:5px;
  186. padding-left:5px;
  187. border-left: 2px solid #e4e4e4
  188. }
  189.  
  190. #quote {
  191. color:{color:title};
  192. font-size:10px;
  193. text-align:center;
  194. line-height:110%;
  195. padding:10px;
  196. font-style:italic;
  197. margin-bottom:5px;
  198. }
  199.  
  200. #quotesource {
  201. font-size:9px;
  202. text-align:right;
  203. }
  204.  
  205. #quotesource a:hover {
  206. color:{color:link hover};
  207. }
  208.  
  209.  
  210.  
  211.  
  212. .chat {
  213. padding:3px;
  214. background-color:{color:background};
  215. margin-bottom:3px}
  216.  
  217.  
  218. .audio{
  219. padding:5px;
  220. background-color:{color:background};
  221. height:27px;
  222. display: block;
  223. text-align:center;}
  224.  
  225. .audiotext{
  226. height:27px;
  227. width:281px;
  228. display: table-cell;
  229. vertical-align: middle;
  230. font:italic 14px arial;
  231. letter-spacing:1px;
  232. text-transform:lowercase;}
  233.  
  234. .audiotext a:hover{
  235. color:{color:link};
  236. cursor:help;}
  237.  
  238.  
  239. #asker {
  240. font-family:arial;
  241. font-size:9px;
  242. text-transform:uppercase;
  243. letter-spacing:1px;}
  244.  
  245. #question {
  246. background-color:#f9f9f9;
  247. width:480px;
  248. padding:10px;
  249. font-family:arial;
  250. font-size:9px;
  251. text-align:justify;
  252. line-height:90%;}
  253.  
  254. #answer {
  255. background-color:#f9f9f9;
  256. width:450px;
  257. padding:16px 25px 16px 26px;
  258. font-family:arial;
  259. font-size:9px;
  260. text-align:justify;
  261. margin-top:5px;
  262. line-height:90%;}
  263.  
  264. #postinfo {
  265. margin-top:0px;
  266. width:500px;
  267. padding-left:5px;
  268. padding-top:0px;
  269. line-height:100%;
  270. text-align:left;}
  271.  
  272. .tags {
  273. width:500px;
  274. text-align:left;
  275. opacity:.05;
  276. margin-top:10px;
  277. padding-left:5px;
  278. line-height:90%;
  279. -moz-transition-duration:1s;
  280. -webkit-transition-duration:1s;
  281. -o-transition-duration:1s;}
  282.  
  283. #box:hover .tags{
  284. opacity:1;
  285. -moz-transition-duration:1s;
  286. -webkit-transition-duration:1s;
  287. -o-transition-duration:1s;}
  288.  
  289. ol.notes, .notes li {padding:2px;list-style:none; margin-top:10px;text-align:justify;}
  290. .notes img {width: 7px;padding-right:2px;}
  291.  
  292. #credit a {
  293. position:fixed;
  294. bottom:8px;
  295. right:8px;
  296. font-family:calibri;
  297. font-size:8px;
  298. color:#eee;
  299. text-transform:uppercase;
  300. background-color:#fff;
  301. padding:4px;
  302. letter-spacing:0px;}
  303.  
  304. #credit a:hover {
  305. color:#555;}
  306.  
  307. </style>
  308. <body>
  309. <div id="sidebar">
  310.  
  311. <center><div class="links">
  312. <a href="{text:Link 1}">{text:Link 1 name}</a>
  313. <a href="{text:Link 2}">{text:Link 2 name}</a>
  314. <a href="{text:Link 3}">{text:Link 3 name}</a>
  315. <a href="{text:Link 4}">{text:Link 4 name}</a>
  316. <a href="{text:Link 5}">{text:Link 5 name}</a>
  317. </div></center>
  318. <a href="/"><span class="image"><img src="{image: sidebar}"/></span></a>
  319. <div id="description">
  320. {Description}
  321. </div>
  322. {block:Pagination}
  323. <div id="pagination">
  324. {block:PreviousPage}<a href="{PreviousPage}">next</a>{/block:PreviousPage}
  325. — {block:NextPage}<a href="{NextPage}">back</a>{/block:NextPage}
  326. </div>
  327. {/block:Pagination}
  328.  
  329. </div> <!-- sidebar -->
  330.  
  331.  
  332. <br><br>
  333. {block:Posts}
  334. <div id="box">
  335.  
  336. {block:Text}
  337. {block:Title}<h1>{title}</h1>{/block:Title}
  338. {Body}
  339. {/block:Text}
  340.  
  341. {block:Photo}
  342. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  343. {block:Caption}{Caption}{/block:Caption}
  344. {/block:Photo}
  345.  
  346. {block:Photoset}
  347. <div id="photoset">
  348. {Photoset-500}
  349. </div>
  350. {block:Caption}{Caption}{/block:Caption}
  351. {/block:Photoset}
  352.  
  353.  
  354. {block:Link}
  355. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  356. {block:Description}{Description}{/block:Description}
  357. {/block:Link}
  358.  
  359. {block:Chat}
  360. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  361. {block:Lines}
  362. <div class="chat">
  363. {block:Label}<b>{Label}</b>{/block:Label}
  364. {Line}<br></div>
  365. {/block:Lines}
  366. {/block:Chat}
  367.  
  368. {block:Audio}
  369. <div class="audio">
  370. <span style="float:left;">{AudioPlayerGrey}</span>
  371. <div class="audiotext">
  372. {block:TrackName}<a title="{block:Artist}by {Artist}{/block:Artist}">{TrackName}</a>{/block:TrackName}</div></div>
  373. {block:Caption}<br>{Caption}{/block:Caption}
  374. {/block:Audio}
  375.  
  376. {block:Video}
  377. {Video-500}
  378. {block:Caption}{Caption}{/block:Caption}
  379. {/block:Video}
  380.  
  381. {block:Quote}
  382. <div id="quote">{Quote}</div>
  383. <div id="quotesource">— {Source}</div>
  384. {/block:Quote}
  385.  
  386. {block:Answer}
  387. <div id="askbox">
  388. <div id="asker" align="right">{Asker} asked:</div>
  389. <div id="question">{Question}</div>
  390. <div id="answer">{Answer}</div>
  391. </div>
  392. {/block:Answer}
  393.  
  394.  
  395. <div style="border-top:1px solid #f4f4f4; margin-top:5px; margin-bottom:5px;"></div>
  396.  
  397.  
  398. {block:Date}<div id="postinfo"><div id="date"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} ― <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  399.  
  400. {block:RebloggedFrom}<a href="{ReblogParentURL}">source</a> /
  401. <a href="{ReblogRootURL}">via</a>{/block:RebloggedFrom} / <a href="{ReblogURL}" target="_blank">reblog</a>
  402.  
  403. </div>{/block:Date}
  404.  
  405. {block:HasTags}
  406. <div class="tags">
  407. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>
  408. {/block:HasTags}
  409.  
  410. {block:PostNotes}{PostNotes}{/block:PostNotes}
  411. </div></div></div>
  412.  
  413. {/block:Posts}
  414.  
  415. {block:ContentSource}
  416. <!— {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}
  417.  
  418. <div id="credit">
  419. <a href="keciasthemes.tumblr.com/">a$$</a>
  420. </div> <br><br><br>
  421.  
  422.  
  423. </body>
  424. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement