Advertisement
Guest User

Untitled

a guest
Nov 27th, 2014
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. THEME 04: BEST FRIENDS
  9. by gemmastylesassists
  10.  
  11. SIMPLE THEME MADE BY ANA.
  12. DON'T STEAL ANYTHING. THANK YOU.
  13.  
  14. --------------------------------------------->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  19. <meta name="description" content="" />
  20. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  21.  
  22.  
  23. <meta name="color:Background" content="#FFFFFF">
  24. <meta name="color:Link" content="#5D5C5C">
  25. <meta name="color:Link Hover" content="#9D9D9D">
  26. <meta name="color:Text" content="#4F4E4E">
  27. <meta name="color:Scrollbar" content="#000000">
  28. <meta name="color:Blockquote" content="#EAEAEA">
  29. <meta name="color:Info Border" content="#F5F5F5">
  30. <meta name="color:Questions Border" content="#FBFBFB">
  31. <meta name="color:ohtitle" content="000000">
  32. <meta name="color:descbg" content="000000">
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35.  
  36. <meta name="text:link1" content="link 001">
  37. <meta name="text:link1 url" content="/">
  38. <meta name="text:link1 hover" content="/">
  39. <meta name="text:link2" content="link 002">
  40. <meta name="text:link2 url" content="/">
  41. <meta name="text:link2 hover" content="/">
  42. <meta name="text:link3" content="link 003">
  43. <meta name="text:link3 url" content="/">
  44. <meta name="text:link3 hover" content="/">
  45. <meta name="text:link4" content="link 004">
  46. <meta name="text:link4 url" content="/">
  47. <meta name="text:link4 hover" content="/">
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:6px}
  53. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  54. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  55.  
  56. em, i { font-family:georgia; color:{color:Info Border};}
  57. b, strong { font-family:'courier new'; color:{color:scrollbar}; text-transform:uppercase;}
  58.  
  59. h1 {
  60. font-weight:normal;
  61. font-size:10px;
  62. text-align:center;
  63. font-style:italic;
  64. line-height:50%;
  65. letter-spacing:0px;
  66. font-family:calibri;
  67. text-transform:none;
  68. color:{color:Text};
  69. }
  70.  
  71. h2 {
  72. font-size:10px;
  73. font-family:calibri;
  74. letter-spacing:0px;
  75. margin-bottom:12px;
  76. padding-bottom:10px;
  77. font-weight:normal;
  78. line-height:90%;
  79. text-transform:lowercase;
  80. color:{color:Text};
  81. margin: 0px;
  82. }
  83.  
  84. pre {
  85. width:500px;
  86. text-align: left;
  87. word-wrap: break-word;
  88. color:{color:Text};
  89. }
  90.  
  91. blockquote {
  92. border-left:1px solid {color:Blockquote};
  93. padding-left:6px;
  94. font-size:12px;
  95. margin:8px;
  96. }
  97.  
  98. body {
  99. color: {color:Text};
  100. background-color:{color:Background};
  101. }
  102.  
  103. a {
  104. color: {color:Link};
  105. text-decoration: none;
  106. -moz-transition-duration: 0.5s;
  107. -o-transition-duration: 0.5s;
  108. -webkit-transition-duration: 0.5s;
  109. transition-duration: 0.5s;
  110. }
  111.  
  112. a:hover {
  113. color: {color:Link Hover};
  114. -moz-transition-duration: 0.5s;
  115. -o-transition-duration: 0.5s;
  116. -webkit-transition-duration: 0.5s;
  117. transition-duration: 0.5s;
  118. }
  119.  
  120. .sidebar {
  121. width:245px;
  122. position: fixed;
  123. margin-top:70px;
  124. margin-left:10px;
  125. }
  126.  
  127. .sidebarimage {
  128. width:245px;
  129. margin-bottom:4px;
  130. }
  131.  
  132. .sidebarlinks {
  133. width:240px;
  134. margin-bottom:3px;
  135. font-size:11px;
  136. padding:5px;
  137. font-family:calibri;
  138. text-transform:lowercase;
  139. text-align:left;
  140. border-bottom: 1px solid {color:Questions Border};
  141. }
  142.  
  143. .sidebarlinks a {
  144. color:{color:Link};
  145. padding:2px;
  146. -moz-transition-duration: 0.5s;
  147. -o-transition-duration: 0.5s;
  148. -webkit-transition-duration: 0.5s;
  149. transition-duration: 0.5s;
  150. }
  151.  
  152. .sidebarlinks a:hover {
  153. color:{color:Link Hover};
  154. -moz-transition-duration: 0.5s;
  155. -o-transition-duration: 0.5s;
  156. -webkit-transition-duration: 0.5s;
  157. transition-duration: 0.5s;
  158. }
  159.  
  160. .description {
  161. width:240px;
  162. padding:5px;
  163. margin-top:15px;
  164. padding-bottom:4px;
  165. line-height:98%;
  166. text-align:center;
  167. font-size:11px;
  168. font-family:arial;
  169. color:{color:Text};
  170. background-color:{color:descbg};
  171. }
  172.  
  173. .description a {
  174. color:{color:Link};
  175. }
  176.  
  177. .description a:hover {
  178. color:{color:Link Hover};
  179. }
  180.  
  181. .pagination {
  182. font-family:arial;
  183. text-align:right;
  184. font-size:22px;
  185. }
  186.  
  187. .pagination a {
  188. color:{color:Link};
  189. padding:3px;
  190. -moz-transition-duration: 0.5s;
  191. -o-transition-duration: 0.5s;
  192. -webkit-transition-duration: 0.5s;
  193. transition-duration: 0.5s;
  194. }
  195.  
  196. .pagination a:hover {
  197. color:{color:Link Hover};
  198. -moz-transition-duration: 0.5s;
  199. -o-transition-duration: 0.5s;
  200. -webkit-transition-duration: 0.5s;
  201. transition-duration: 0.5s;
  202. }
  203.  
  204. .container {
  205. width:900px;
  206. margin: auto;
  207. margin-top:-8px;
  208. }
  209.  
  210. .postscontainer {
  211. max-width:500px;
  212. margin: auto;
  213. margin-top:-60px;
  214. margin-left:350px;
  215. }
  216.  
  217. .posts {
  218. width:500px;
  219. line-height:100%;
  220. font-size:10px;
  221. font-family:calibri;
  222. margin-top:120px;
  223. text-align:justify;
  224. }
  225.  
  226. .posts img {
  227. max-width:500px;
  228. }
  229.  
  230. .info {
  231. margin-top:20px;
  232. padding-top:3px;
  233. margin-bottom:1px;
  234. text-align:left;
  235. font-size:10px;
  236. font-family:calibri;
  237. color:{color:Text};
  238. border-top:1px solid {color:Info Border};
  239. }
  240.  
  241. .info a {
  242. color:{color:Link};
  243. }
  244.  
  245. .info a:hover {
  246. text-decoration:underline;
  247. color:{color:Link Hover};
  248. }
  249.  
  250. .tags {
  251. width:500px;
  252. position:absolute;
  253. margin-top:1px;
  254. line-height:100%;
  255. font-family:calibri;
  256. font-size:10px;
  257. text-align:left;
  258. }
  259.  
  260. .tags a {
  261. color:{color:Link};
  262. }
  263.  
  264. .tags a:hover {
  265. text-decoration:underline;
  266. color:{color:Link Hover};
  267. }
  268.  
  269. .postnote {
  270. width:500px;
  271. font-family:calibri;
  272. text-transform:lowercase;
  273. font-size:10px;
  274. text-align:left;
  275. line-height:90%;
  276. margin-top:40px;
  277. }
  278.  
  279. .postnote li {
  280. list-style-type:none;
  281. border-bottom:1px solid {color:Info Border};
  282. padding:37px 0px 3px 0px;
  283. text-align:left;
  284. margin:0px;
  285. -moz-transition-duration:0.5s;
  286. -webkit-transition-duration:0.5s;
  287. -o-transition-duration:0.5s;
  288. }
  289.  
  290. .postnote img {
  291. width:20px;
  292. padding: 3px;
  293. margin:2px 7px -3px 6px;
  294. text-align:left;
  295. }
  296.  
  297. .music {
  298. width:500px;
  299. padding-bottom:10px;
  300. }
  301.  
  302. .albumart {
  303. float:left;
  304. padding:10px 10px 10px 0px;
  305. }
  306.  
  307. .albumart img {
  308. width:100px;
  309. padding: 3px;
  310. border-radius:65px;
  311. margin:-25px 7px -3px 6px;
  312. }
  313.  
  314. .playercontainer {
  315. text-align:left;
  316. padding:5px 5px -5px;
  317. width:480px;
  318. }
  319.  
  320. .ohtitle {
  321. margin-top:-15px;
  322. text-align:right;
  323. font-family:georgia;
  324. font-style:italic;
  325. font-size:20px;
  326. color:{color:ohtitle};
  327. }
  328.  
  329. .musicinfo {
  330. padding:10px;
  331. margin-top:9px;
  332. color:{color:Text};
  333. }
  334.  
  335. .quote {
  336. font-size:10px;
  337. font-family:calibri;
  338. letter-spacing:0px;
  339. line-height:90%;
  340. font-weight:normal;
  341. text-align:center;
  342. }
  343.  
  344. .source {
  345. font-family:calibri;
  346. font-size:10px;
  347. font-style:normal;
  348. text-align:center;
  349. line-height:17px;
  350. }
  351.  
  352. .chat ol {
  353. font-size:10px;
  354. font-family:calibri;
  355. line-height:100%;
  356. padding:0px;
  357. list-style:none;
  358. }
  359.  
  360. .label {
  361. font-size:10px;
  362. font-family:calibri;
  363. font-weight:bold;
  364. color:{color:Text};
  365. }
  366.  
  367. .line.odd {
  368. padding:4px;
  369. margin-bottom:2px;
  370. }
  371.  
  372. .line.even {
  373. padding:4px;
  374. margin-bottom:2px;
  375. }
  376.  
  377. .ask {
  378. font-size:10px;
  379. font-family:calibri;
  380. margin-top:6;
  381. text-align:left;
  382. padding-top:4px;
  383. text-transform:lowercase;
  384. }
  385.  
  386. .question {
  387. width:500px;
  388. letter-spacing:0px;
  389. margin-top:3px;
  390. padding-bottom:10px;
  391. text-align:justify;
  392. color:{color:Text};
  393. font-size:10px;
  394. font-family:calibri;
  395. border-bottom: 1px solid {color:Questions Border};
  396. }
  397.  
  398. .answer {
  399. width:500px;
  400. letter-spacing:0px;
  401. text-align:justify;
  402. padding-top:5px;
  403. margin-bottom:-5px;
  404. font-size:10px;
  405. font-family:calibri;
  406. color:{color:Text};
  407. }
  408.  
  409. .askimg {
  410. padding: 3px;
  411. width:50px;
  412. margin-bottom:15px;
  413. border-radius:50px;
  414. margin:-20px 7px -3px 6px;
  415. }
  416.  
  417. .cana a{
  418. position:fixed;
  419. width:10px;
  420. bottom:10px;
  421. right:10px;
  422. height:10px;
  423. color:#94877f;
  424. background:{color:background};
  425. padding:5px;
  426. border-radius:15px;
  427. border:1px solid {color:Border};
  428. font-size:20px;
  429. line-height:8px;
  430. -moz-transition-duration:1s;
  431. -webkit-transition-duration:1s;
  432. -o-transition-duration:1s;
  433. }
  434.  
  435.  
  436. .credit a {
  437. font-style:normal;
  438. padding:3px;
  439. color:{color:Link};
  440. -moz-transition-duration:0.5s;
  441. -webkit-transition-duration:0.5s;
  442. -o-transition-duration:0.5s;
  443. }
  444.  
  445. </style>
  446. </head>
  447.  
  448. <body>
  449. <div class="container">
  450. <div class="sidebar">
  451. <div class="ohtitle">{Title}</div>
  452. <center><a href="/">
  453. <img src="{image:sidebar}" class="sidebarimage">
  454. </a></center>
  455. <div class="sidebarlinks">
  456. <a href="/">home</a>
  457. <a href="/ask">ask</a>
  458. <a href="{text:link1 url}" title="{text:link1 hover}">{text:link1}</a>
  459. <a href="{text:link2 url}" title="{text:link2 hover}">{text:link2}</a>
  460. <a href="{text:link3 url}" title="{text:link3 hover}">{text:link3}</a>
  461. <a href="{text:link4 url}" title="{text:link4 hover}">{text:link4}</a>
  462. </div>
  463. <div class="description">
  464. {Description}
  465. </div>
  466. {block:Pagination}
  467. <div class="pagination">
  468. {block:PreviousPage}
  469. <a href="{PreviousPage}"> ← </a>
  470. {/block:PreviousPage}
  471. {block:NextPage}
  472. <a href="{NextPage}"> → </a>
  473. {/block:NextPage}
  474. </div>
  475. {/block:Pagination}
  476. </div>
  477.  
  478.  
  479.  
  480.  
  481. <div class="postscontainer">
  482. {block:Posts}
  483.  
  484. <div class="posts">
  485.  
  486. {block:Text}
  487. {block:Title}<h2>{Title}</h2>{/block:Title}
  488. {Body}
  489. {/block:Text}
  490.  
  491. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  492.  
  493. {/block:Quote}
  494.  
  495. {block:Link}
  496. <h2><a href="{URL}">{Name}</a></h2>
  497. {block:Description}{Description}{/block:Description}
  498. {/block:Link}
  499.  
  500. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  501. </ol></div>{/block:Chat}
  502.  
  503. {block:Answer}<img src="{AskerPortraitURL-48}" width="20px" align="left" class="askimg"> <div class="ask"><span style="text-transform:lowercase;"><b>{Asker}</b> whispered:</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  504.  
  505. {block:Photo}
  506. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  507. {/block:Photo}
  508.  
  509. {block:Photoset}
  510. {Photoset-500}
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:Photoset}
  513.  
  514. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  515. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  516. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  517. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  518. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  519.  
  520. {block:Video}
  521. {Video-500}
  522. {block:Caption}{Caption}{/block:Caption}
  523. {/block:Video}
  524.  
  525. {block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} © <a href="{SourceURL}"></a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource} /<a href="{ReblogURL}">reblog</a>{/block:RebloggedFrom}</div>{/block:Date}
  526.  
  527. {block:HasTags}
  528. <div class="tags">
  529. {block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}
  530. </div>
  531. {/block:HasTags}
  532.  
  533. <div class="postnote">
  534. {block:PostNotes}{PostNotes}{/block:PostNotes}
  535. </div>
  536. {/block:Posts}
  537.  
  538.  
  539. <div class="cana"><a href="http://gemmastylesassists.tumblr.com" title="#04 best friends">ℊ</a></div>
  540.  
  541. </div>
  542. </div>
  543. </div>
  544. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement