Advertisement
Guest User

Ttt

a guest
Jul 28th, 2015
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.90 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. theme by doremysweet
  8.  
  9. ----->
  10.  
  11.  
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <meta name="color:bg" content="#ccc"/>
  18. <meta name="color:postbg" content="#fff"/>
  19. <meta name="if:transparent" content="0"/>
  20. <meta name="text:link 1" content="link"/>
  21. <meta name="text:link 1 url" content="/"/>
  22. <meta name="text:link 2" content="link"/>
  23. <meta name="text:link 2 url" content="/"/>
  24. <meta name="text:link 3" content="link"/>
  25. <meta name="text:link 3 url" content="/"/>
  26.  
  27. <meta name="if:border" content="1"/>
  28.  
  29. <meta name="if:rounded sideimg" content="0"/>
  30.  
  31. <meta name="text:link symbol" content="/"/>
  32.  
  33. <meta name="image:sideimg" content="/"/>
  34.  
  35. <meta name="text:reblog symbol" content="♥"/>
  36. <meta name="color:postborder" content="#0000"/>
  37. <meta name="color:sidelinks" content="#0000"/>
  38. <meta name="color:link bg" content="#0000"/>
  39. <meta name="color:link hover bg" content="#0000"/>
  40. <meta name="if:tiled bg" content="0"/>
  41. <meta name="if:max bg" content="0">
  42. <meta name="color:link" content="#000"/>
  43. <meta name="color:link hover" content="#fff"/>
  44. <meta name="color:text" content="#000"/>
  45. <meta name="color:sidebar text" content="#eaeaea"/>
  46.  
  47. <meta name="color:footer border" content="#000"/>
  48. <meta name="color:footer text" content="#000"/>
  49. <meta name="select:font" title="consolas" content="consolas"/>
  50. <meta name="select:font" title="arial" content="arial"/>
  51. <meta name="if:semitransparent" content="0"/>
  52. <meta name="if:top sidebar" content="0"/>
  53. <meta name="if:link1" content="0"/>
  54. <meta name="if:link2" content="0"/>
  55. <meta name="if:link3" content="0"/>
  56. <meta name="if:linkbg" content="1"/>
  57. <meta name="color:link symbol color" content="#FCBEE8"/>
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. <meta name="image:Background" content="" />
  70.  
  71. <title>{Title}</title>
  72.  
  73. <link rel="shortcut icon" href="{Favicon}">
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  76.  
  77. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  78.  
  79. <style type="text/css">
  80.  
  81.  
  82. /*
  83. general text styles, fonts and colours
  84. */
  85.  
  86. body {
  87. margin:0px;
  88. background:{color:bg};
  89. font-family: {select:font};
  90. font-size:13px;
  91. line-height:140%;
  92.  
  93. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  94. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  95. -webkit-background-size: cover;
  96. -moz-background-size: cover;
  97. -o-background-size: cover;
  98. background-size: cover;
  99. {/block:ifmaxbg}
  100. }
  101.  
  102. p{
  103. margin:0 0 10px 0;
  104. padding:0px;
  105. }
  106.  
  107. pre {
  108. white-space: pre-wrap;
  109. white-space: -moz-pre-wrap;
  110. white-space: -pre-wrap;
  111. white-space: -o-pre-wrap;
  112. word-wrap: break-word;
  113. }
  114.  
  115.  
  116. a{
  117.  
  118. color:{color:link};
  119. text-decoration:none;
  120.  
  121.  
  122. }
  123.  
  124. a:hover{
  125. color:{color:link hover};
  126. -webkit-transition: color 0.2s ease-out;
  127. -moz-transition: color 0.2s ease-out;
  128. transition: color 0.2s ease-out;
  129. }
  130.  
  131.  
  132. li{
  133. }
  134.  
  135. /*
  136. containers etc
  137. */
  138. #wrapper{
  139. width:600px;
  140. margin:50px auto;
  141.  
  142. }
  143.  
  144. #sidebar{
  145. {block:ifborder}
  146. border:4px double {color:postborder};{/block:ifborder}
  147. {block:ifsemitransparent}
  148. opacity: 0.8;
  149. filter: alpha(opacity=20);
  150. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  151. {/block:ifsemitransparent}
  152. width:120px;
  153. position:fixed;
  154. padding:10px;
  155. left:150px;
  156. top:175px;
  157. font-size:14px;
  158. {block:iftopsidebar}
  159. top:55px;
  160. {/block:iftopsidebar}
  161. color:{color:sidebar text};
  162.  
  163.  
  164.  
  165.  
  166. background:{color:postbg};
  167. {block:iftransparent}
  168. background:{color:bg};
  169.  
  170.  
  171. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  172. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  173. -webkit-background-size: cover;
  174. -moz-background-size: cover;
  175. -o-background-size: cover;
  176. background-size: cover;
  177. {/block:ifmaxbg}
  178. {/block:iftransparent}
  179.  
  180.  
  181. }
  182.  
  183. .sidelinks{
  184. background:{color:postbg}
  185. {block:iftransparent}
  186. background:{color:bg};
  187. {block:ififtiledbackground}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:ififtiledbackground}
  188. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  189. -webkit-background-size: cover;
  190. -moz-background-size: cover;
  191. -o-background-size: cover;
  192. background-size: cover;
  193. {/block:ifmaxbg}
  194. {/block:iftransparent};
  195. padding:5px;
  196. text-align:left;
  197. color:{color:link symbol color};
  198. }
  199.  
  200.  
  201. .sidelinks a{
  202.  
  203. color:{color:sidelinks};
  204. text-decoration:none;
  205. {block:iflinkbg}background-color:{color:link bg};{/block:iflinkbg}
  206.  
  207.  
  208. }
  209.  
  210. .sidelinks a:hover{
  211. color:{color:link hover};
  212. background:{color:link hover bg};
  213. -webkit-transition: color 0.2s ease-out;
  214. -moz-transition: color 0.2s ease-out;
  215. transition: color 0.2s ease-out;
  216. }
  217.  
  218.  
  219. #content{
  220. width:430px;
  221. margin-left:200px;
  222. overflow:hidden;
  223.  
  224. }
  225.  
  226. .post{
  227.  
  228.  
  229. width:400px margin:0 0 50px 0;
  230. margin:0px 0px 50px 0px;
  231. padding:10px;
  232. color:{color:text};
  233. {block:ifsemitransparent}
  234. opacity: 0.8;
  235. filter: alpha(opacity=20);
  236. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  237. {/block:ifsemitransparent}
  238. background:{color:postbg};
  239. {block:iftransparent}
  240. background:{color:bg};
  241. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  242. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  243. -webkit-background-size: cover;
  244. -moz-background-size: cover;
  245. -o-background-size: cover;
  246. background-size: cover;
  247. {/block:ifmaxbg}
  248. {/block:iftransparent}
  249.  
  250. {block:ifborder}
  251. ;border:4px double {color:postborder};
  252. {/block:ifborder}
  253.  
  254. }
  255.  
  256. #sidebar img{
  257. max-width:100%;
  258. {block:ifborder}
  259. border:1px solid {color:postborder};{/block:ifborder}
  260. {block:ifroundedsideimg}
  261. border-radius:80px;
  262. {/block:ifroundedsideimg}
  263. }
  264.  
  265.  
  266. .post img
  267. {
  268. max-width:100%;
  269.  
  270. }
  271.  
  272. #nav{
  273. margin:50px 0 0 0;
  274. }
  275.  
  276.  
  277. /*
  278. content in the body of the posts - quotes, asks, etc
  279. "media" contains photos, photosets, videos, audio posts
  280. */
  281. .media{
  282. margin:0 0 10px 0;
  283.  
  284. }
  285.  
  286. .title{
  287. font-weight:normal;
  288. font-size:18px;
  289. margin:0 0 10px 0;
  290. }
  291.  
  292. .quote{
  293. font-weight:normal;
  294. font-size:16px;
  295. font-style:italic;
  296. margin:0 0 10px 0;
  297. }
  298.  
  299.  
  300.  
  301. .question{
  302. margin-bottom:10px;
  303. }
  304.  
  305. blockquote{
  306. margin:0 0 10px 10px;
  307. padding:0 0 0 10px;
  308. border-left:solid 1px #000;
  309. }
  310.  
  311. /*
  312. post footers - date, tags, via and source
  313. */
  314. .post .footer{
  315.  
  316. margin:6;
  317. text-align:left;
  318. border: solid 1px {color:footer border};
  319. padding:7px;
  320. font-size:12px;color:{color:footer text};
  321. }
  322.  
  323.  
  324. /*
  325. post notes
  326. */
  327. ol.notes{
  328. list-style-type:none;
  329. padding:6;
  330. margin:0;
  331.  
  332. }
  333.  
  334. ol.notes li.note img{
  335. width:16px;
  336. height:16px;
  337. }
  338.  
  339. ol.notes li.note{
  340. margin:0px;
  341. }
  342.  
  343. {CustomCSS}
  344. </style>
  345. </head>
  346.  
  347.  
  348. <body>
  349.  
  350.  
  351.  
  352. <div id="wrapper">
  353.  
  354.  
  355. <div id="sidebar">
  356. <center> <img src ={image:sideimg}> </center>
  357.  
  358. {block:Description}
  359. <p><center>{Description}</center></p>
  360. {/block:Description}
  361. <div class="sidelinks">
  362. {text:link symbol} <a href="/" title="{text:homepage}">home</a><br>
  363. {text:link symbol} <a href="/ask" title="{text:ask page}">ask</a><br>
  364. {block:ifLink1}
  365. {text:link symbol} <a href="{text:link 1 url}" title="{text:link 1}">{text:link 1}</a><br>{/block:ifLink1}
  366. {block:ifLink2}
  367. {text:link symbol} <a href="{text:link 2 url}" title="{text:link 2}">{text:link 2}</a><br>{/block:ifLink2}
  368. {block:ifLink3}
  369. {text:link symbol} <a href="{text:link 3 url}" title="{text:link 3}">{text:link 3}</a><br> {/block:ifLink3}
  370. {text:link symbol} <a href="http://doremysweet.tumblr.com" title="by doremysweet">theme</a><br>
  371.  
  372.  
  373.  
  374. </div>
  375.  
  376.  
  377. </div>
  378.  
  379.  
  380.  
  381. <div id="content">
  382. {block:Posts}
  383.  
  384. <div class="post">
  385.  
  386. {block:Text}
  387. {block:Title}
  388. <div class="title">{Title}</div>
  389. {/block:Title}
  390. {Body}
  391. {/block:Text}
  392.  
  393. {block:Photo}
  394. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  395. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  396. {/block:Photo}
  397.  
  398. {block:Photoset}
  399. <div class="media"><center>{Photoset-400}</center></div>
  400. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  401. {/block:Photoset}
  402. {block:Quote}
  403. <div class="quote">"{Quote}"</div>
  404. {block:Source}
  405. <div class="quotesource">{Source}</div>
  406. {/block:Source}
  407. {/block:Quote}
  408.  
  409. {block:Link}
  410. <div class="title"><a href="{URL}">{Name}</a></div>
  411. {block:Description}
  412. <div class="description">{Description}</div>
  413. {/block:Description}
  414. {/block:Link}
  415.  
  416. {block:Chat}
  417. {block:Title}
  418. <div class="title">{Title}</div>
  419. {/block:Title}
  420.  
  421. {block:Lines}
  422. <div class="{Alt} user_{UserNumber}">
  423. {block:Label}
  424. <b>{Label}</b>{/block:Label}
  425. &nbsp;{Line}
  426. </div>
  427. {/block:Lines}
  428. {/block:Chat}
  429.  
  430. {block:Video}
  431. <div class="media">{Video-400}</div>
  432. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  433. {/block:Video}
  434.  
  435. {block:Audio}
  436. <div class="media">
  437. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  438. {AudioPlayerWhite}
  439. {block:TrackName}{TrackName}<br>{/block:TrackName}
  440. {block:Artist}{Artist}<br>{/block:Artist}
  441. {block:Album}{Album}{/block:Album}
  442. </div>
  443. {block:Caption}{Caption}{/block:Caption}
  444. {/block:Audio}
  445.  
  446. {block:Answer}
  447. <div class="question"><span style="font-size:13px;"><b><i>{Asker} said: {Question}</b></i></span>
  448. </div>
  449. <div class="caption">{Answer}</div>
  450. {/block:Answer}
  451.  
  452.  
  453. {block:Date}
  454. <div class="footer">
  455. {TimeAgo} <a href="{Permalink}">{block:NoteCount} ({NoteCount})
  456. {/block:NoteCount}</a>
  457. {text:reblog symbol} <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  458.  
  459.  
  460.  
  461. </div>
  462.  
  463. {block:PermalinkPage}
  464. {block:NoteCount}
  465. {block:PostNotes}{PostNotes}{/block:PostNotes}
  466. {/block:NoteCount}
  467. {/block:PermalinkPage}
  468. {/block:Date}
  469.  
  470. </div>
  471. {/block:Posts}
  472.  
  473. {block:Pagination}
  474. <div id="nav">
  475. {block:PreviousPage}<a href="{PreviousPage}"> << </a>{/block:PreviousPage}
  476.  
  477. {block:NextPage}<a href="{NextPage}"> >> </a>{/block:NextPage}
  478. </div>
  479. {/block:Pagination}
  480. </div>
  481. </div>
  482.  
  483. </div>
  484.  
  485. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  486. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  487.  
  488. </body>
  489. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement