Advertisement
elletho

Red Lips -- Theme 17

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