Advertisement
elletho

We Are Who We Are -- Theme 13

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