Advertisement
elletho

Salute -- Theme 16

Feb 9th, 2014
908
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.55 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. <head>
  5. </style>
  6.  
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!----
  14. Theme 16: 'Salute' by miichaelmando (thirlwallz.co.vu)
  15. ☮ DO NOT use this as a base theme.
  16. ☮ DO NOT take pieces of this theme for your own.
  17. ☮ DO NOT edit & redistribute.
  18. ☮ Base theme is by hogwat, use her base theme, NOT THIS THEME.
  19. ☮ DO NOT move the credit.
  20. ☮ Did you know removing credit is illegal according to the Creative Commons License?
  21.  
  22. ☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮
  23.  
  24. ☮ Edit this as much as you want for PERSONAL USE ONLY.
  25. ☮ If you follow the rules and respect them, ilysm let's get married
  26. --->
  27.  
  28.  
  29.  
  30. <!--META NAMES-->
  31.  
  32. <meta name="color:txt" content="#666666"/>
  33. <meta name="color:links" content="#6f6e6e"/>
  34. <meta name="color:hover" content="#fafafa"/>
  35.  
  36. <meta name="color:bg" content="#ffffff">
  37. <meta name="color:post bg" content="#ffffff">
  38. <meta name="color:links bg" content="#AAAAAA">
  39. <meta name="color:infobg" content="#ffffff">
  40. <meta name="color:border" content="#ffffff">
  41. <meta name="color:scrollbar" content="#AAAAAA">
  42. <meta name="color:scrollbarbg" content="#ffffff">
  43.  
  44. <meta name="image:bg" content=""/>
  45. <meta name="image:sb1" content=""/>
  46. <meta name="image:sb2" content=""/>
  47. <meta name="image:sb3" content=""/>
  48. <meta name="image:topimg" content=""/>
  49.  
  50. <meta name="text:link1" content="/">
  51. <meta name="text:link2" content="/">
  52. <meta name="text:link3" content="/">
  53.  
  54.  
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60.  
  61. ::-webkit-scrollbar-thumb {
  62. height:auto;
  63. background-color:{color:Scrollbar};
  64. }
  65.  
  66. ::-webkit-scrollbar {
  67. height:9px;
  68. width:4px;
  69. background-color:{color:ScrollbarBg};
  70. }
  71.  
  72. body {
  73. background-color:{color:bg};
  74. background-image:url('{image:bg}');
  75. background-attachment: fixed;
  76. background-repeat: repeat;
  77. font-family:courier new;
  78. font-size:12px;
  79. text-align:justify;
  80. color:{color:txt};
  81. margin:0;
  82. }
  83.  
  84. a {
  85. color:{color:links};
  86. text-decoration:none;
  87. -moz-outline-style:none;
  88. }
  89.  
  90. a:hover{
  91. color:{color:hover};
  92. -moz-transition-duration:0.3s;
  93. -webkit-transition-duration:0.3s;
  94. -o-transition-duration:0.3s;
  95. }
  96.  
  97. img {
  98. border:none;
  99. }
  100.  
  101. blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. margin:5px;
  105. }
  106.  
  107. blockquote blockquote {
  108. padding-left:5px;
  109. border-left:2px solid;
  110. margin:5px;
  111. }
  112.  
  113. /*DESC*/
  114.  
  115. #desc {
  116. width:390px;
  117. height:40px;
  118. position:fixed;
  119. padding-top:10px;
  120. padding-bottom:10px;
  121. padding-left:10px;
  122. padding-right:10px;
  123. top:500px;
  124. margin-left:790px;
  125. font-size:10px;
  126. text-align:center;
  127. background-color:{color:post bg};
  128. border:1px solid {color:border};
  129. z-index:-999999;
  130. overflow:auto;
  131. }
  132.  
  133.  
  134. /*PAGINAITON*/
  135.  
  136. #pagi {
  137. font-size:10px;
  138. text-transform:uppercase;
  139. letter-spacing:3px;
  140. font-style:normal;
  141. position:absolute;
  142. text-align:center;
  143. margin-left:638px;
  144. margin-top:77px;
  145. padding-top:3px;
  146. padding-bottom:3px;
  147. width:115px;
  148. color:{color:sblinks};
  149. background-color:{color:links bg};
  150. z-index:999999;
  151. font-family:calibri;
  152. }
  153.  
  154. #pagi a {
  155. color:{color:border};
  156. }
  157.  
  158. /*IMAGES*/
  159.  
  160.  
  161. #sb1 {
  162. position:fixed;
  163. width:130px;
  164. height:300px;
  165. top:160px;
  166. margin-left:790px;
  167. border:1px double {color:border};
  168. z-index:-999;
  169. }
  170.  
  171. #sb2 {
  172. position:fixed;
  173. width:130px;
  174. height:300px;
  175. top:180px;
  176. margin-left:930px;
  177. border:1px double {color:border};
  178. z-index:-999;
  179. }
  180.  
  181. #sb3 {
  182. position:fixed;
  183. width:130px;
  184. height:300px;
  185. top:140px;
  186. margin-left:1070px;
  187. border:1px double {color:border};
  188. z-index:-999;
  189. }
  190.  
  191. #topimg {
  192. position:absolute;
  193. width:400px;
  194. height:100px;
  195. top:10px;
  196. margin-left:230px;
  197. border:1px double {color:border};
  198. z-index:-999;
  199. }
  200.  
  201. #title {
  202. position:fixed;
  203. width:400px;
  204. height:130px;
  205. top:130px;
  206. margin-left:30px;
  207. z-index:-998;
  208. }
  209.  
  210. /*LINKS*/
  211.  
  212. #links{
  213. font-size:11px;
  214. text-align:center;
  215. text-transform:lowercase;
  216. position:absolute;
  217. line-height:60%;
  218. font-family:calibri;
  219. margin-left:638px;
  220. margin-top:2px;
  221. width:115px;
  222. z-index:9999999;
  223.  
  224. }
  225.  
  226. #links a{
  227. color:{color:sblinks};
  228. background-color:{color:links bg};
  229. width:115px;
  230. height:10px;
  231. padding-top:6px;
  232. display:block;
  233. padding-bottom:3px;
  234. }
  235.  
  236. #links a:hover{
  237. color:{color:hover};
  238. -moz-transition-duration:0.3s;
  239. -webkit-transition-duration:0.3s;
  240. -o-transition-duration:0.3s;
  241. }
  242.  
  243.  
  244. /*ENTRIES*/
  245.  
  246. #container{
  247. width:525px;
  248. margin-left:230px;
  249. margin-top:120px;
  250. position:absolute;
  251. z-index:0;
  252. }
  253.  
  254. #post{
  255. padding:15px;
  256. width:500px;
  257. background-color:{color:post bg};
  258. overflow:hidden;
  259. outline:1px solid {color:border};
  260. margin-bottom:20px;
  261. float:left;
  262. z-index:9999;
  263. }
  264.  
  265.  
  266. /*POST INFO*/
  267.  
  268. #info {
  269. width:490px;
  270. text-align:center;
  271. font-family:calibri;
  272. font-size:11px;
  273. padding:5px;
  274. color:{color:text};
  275. line-height:10px;
  276. background-color:{color:infobg};
  277. margin-top:5px;
  278. margin-bottom:5px;
  279. }
  280.  
  281. #info a{
  282. color:{color:infolinks};
  283. }
  284.  
  285. #info a:hover{
  286. color:{color:links};
  287. }
  288.  
  289. #tags{
  290. width:490px;
  291. padding:5px;
  292. margin-top:-3px;
  293. margin-left:-5px;
  294. float:left;
  295. text-align:left;
  296. font-size:8px;
  297. opacity:1;
  298. color:{color:txt};
  299. background-color:{color:infobg};
  300. transition-duration: 0.5s;
  301. -moz-transition-duration: 0.5s;
  302. -webkit-transition-duration: 0.5s;
  303. -o-transition-duration: 0.5s
  304. }
  305.  
  306. #tags a {
  307. display:inline-block;
  308. {color:infolinks};
  309. font-size:11px;
  310. text-align:center;
  311. text-decoration:none;
  312. }
  313.  
  314. #notes{
  315. font-size:9px;
  316. text-transform:uppercase;
  317. }
  318.  
  319.  
  320. /*ASKS*/
  321.  
  322. #asks {
  323. font-size:11px;
  324. text-align:left;
  325. padding:5px;
  326. margin-top:0px;
  327. background-color:{color:infobg}
  328. }
  329.  
  330.  
  331. /*CREDIT--seriously leave this please, it's really tiny.*/
  332.  
  333. #rae{
  334. float:right;
  335. position:fixed;
  336. bottom:5px;
  337. right:5px;
  338. padding:5px;
  339. font-size:12px;
  340. text-transform:uppercase;
  341. background-color:{color:post bg};
  342. border:1px solid {color:border};
  343. }
  344.  
  345. #maker a{
  346. color:{color:links};
  347. }
  348.  
  349.  
  350. {CustomCSS}
  351.  
  352. </style></head>
  353.  
  354.  
  355. <body>
  356.  
  357.  
  358. <div id="sidebar">
  359. <div id="sb1"><img src="{image:sb1}"></div>
  360. <div id="sb2"><img src="{image:sb2}"></div>
  361. <div id="sb3"><img src="{image:sb3}"></div>
  362. <div id="topimg"><img src="{image:topimg}"></div>
  363. <div id="png"><img src="{image:png}"></div>
  364. <div id="title"><img src="{image:title}"></div>
  365.  
  366. <div id="links">
  367. <a href="{text:link1}">link 1</a><br>
  368. <a href="{text:link2}">link 2</a><br>
  369. <a href="{text:link3}">link 3</a>
  370. </div>
  371. <div id="desc">{description}</div>
  372. {block:Pagination}
  373. <div id="pagi">
  374. {block:PreviousPage}
  375. <a href="{PreviousPage}">fall</a> —
  376. {/block:PreviousPage}
  377. {block:NextPage}
  378. <a href="{NextPage}">leap</a>
  379. {/block:NextPage}
  380. </div>
  381. {/block:Pagination}
  382. </div>
  383. </div>
  384.  
  385.  
  386. <div id="container">
  387. {block:Posts}
  388. <div id="post">
  389.  
  390. <!--TEXT POSTS-->
  391.  
  392. {block:Text}
  393. {block:Title}<h2>{Title}</h2>{/block:Title}
  394. {Body}
  395. {/block:Text}
  396.  
  397. <!--ASKS-->
  398.  
  399. {block:Answer}
  400. <div id="asks">
  401. <div style="padding-bottom:2px; font-size:20px;"><b><i>{Asker}:</b></i></span></div><br /> <div style="padding-left:25px; margin-top:-20px; font-size:12px;">{Question}</div>
  402. </div>
  403. {Answer}
  404. {/block:Answer}
  405.  
  406. <!--QUOTE POSTS-->
  407. {block:Quote}
  408.  
  409. <div class="quote">
  410. <div class="quotetext_{Length}">"{Quote}"</div>
  411. {block:Source}<div class="source">{Source}</div>{/block:Source}
  412. </div>
  413. {/block:Quote}
  414.  
  415. <!--LINK POSTS-->
  416.  
  417. {block:Link}
  418. <h2><a href="{URL}">{Name}</a></h2>
  419. {block:Description}{Description}{/block:Description}
  420. {/block:Link}
  421.  
  422. <!--CHAT POSTS-->
  423.  
  424. {block:Chat}
  425. {block:Title}<h2>{Title}</h2>{/block:Title}
  426. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  427. {Line}</li>{/block:Lines}</ul>
  428. {/block:Chat}
  429.  
  430. <!--PHOTO POSTS-->
  431.  
  432. {block:Photo}
  433. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  434.  
  435. {block:Caption}{Caption}{/block:Caption}
  436. {/block:Photo}
  437.  
  438. <!--PHOTOSET POSTS-->
  439.  
  440. {block:Photoset}
  441. {Photoset-500}
  442. {block:Caption}{Caption}{/block:Caption}
  443. {/block:Photoset}
  444.  
  445. <!--VIDEO POSTS-->
  446.  
  447. {block:Video}
  448. {Video-500}
  449. {block:Caption}{Caption}{/block:Caption}
  450. {/block:Video}
  451.  
  452.  
  453. <!--AUDIO-->
  454.  
  455. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  456. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  457. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  458. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  459. {/block:Audio}
  460.  
  461.  
  462. <!--POST INFO-->
  463.  
  464. <div id="info">
  465. <a href="{Permalink}">{12HourWithZero}:{Minutes}{CapitalAmPm}</a>{/block:Date}&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
  466. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
  467. {/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">©</a>&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
  468. {/block:ContentSource}<a href="{Permalink}">{NoteCount}♡</a></a></a>
  469. {block:HasTags}<div id="tags">
  470.  
  471. <big>☮FILED UNDER:</big>{block:Tags} <a href="/tagged/{Tag}">{{Tag}}</a>&nbsp;{/block:Tags}
  472. </div>{block:HasTags}
  473. </div>
  474. </div>
  475.  
  476. {/block:Posts}
  477. <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  478. {/block:Posts}</div></div></div>
  479. <br><br><br><br>
  480.  
  481.  
  482. </div></div>
  483.  
  484. {/block:Posts}
  485.  
  486. <!--DON'T REMOVE--SERIOUSLY, JUST LEAVE IT PLS-->
  487. <div id="rae">
  488. <a href="http://miichaelmando.tumblr.com/">miichaelmando</a>
  489. </div>
  490.  
  491. </body>
  492.  
  493. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement