Advertisement
Guest User

Untitled

a guest
Dec 21st, 2014
738
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.08 KB | None | 0 0
  1. <!----
  2.  
  3. THEME 03 - WONDERLAND by frankiesrps
  4.  
  5. Feel free to edit this theme as you wish, but please keep the credit intact. Do not use this theme as a base and redistribute as your own. Thank you!
  6.  
  7. ---->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19.  
  20. <meta name="color:background" content="#ffffff" />
  21. <meta name="color:borders" content="#d9e2e1" />
  22. <meta name="color:sidebar" content="#ebfaf9" />
  23. <meta name="color:borders" content="#505151" />
  24. <meta name="color:title" content="#b1988d" />
  25. <meta name="color:text" content="#aaaaaa" />
  26. <meta name="color:link" content="#eea384" />
  27. <meta name="color:entries" content="" />
  28. <meta name="color:navbg" content="" />
  29. <meta name="color:navfont" content="" />
  30. <meta name="color:prebg" content=""/>
  31. <meta name="color:pretext" content=""/>
  32. <meta name="color:titleshadow" content=""/>
  33. <meta name="color:navhoverbg" content=""/>
  34. <meta name="color:navhovertext" content=""/>
  35.  
  36. <meta name="image:sidebarbg" content="" />
  37. <meta name="image:sidebarimg" content="" />
  38.  
  39. <meta name="text:title1" content="TITLE1" />
  40.  
  41. <meta name="text:home text" content=""/>
  42. <meta name="text:ask text" content=""/>
  43.  
  44. <meta name="text:Link1" content="" />
  45. <meta name="text:Link1 URL" content="/" />
  46. <meta name="text:Link2" content="" />
  47. <meta name="text:Link2 URL" content="/" />
  48. <meta name="text:Link3" content="" />
  49. <meta name="text:Link3 URL" content="/" />
  50. <meta name="text:Link4" content="" />
  51. <meta name="text:Link4 URL" content="/" />
  52. <meta name="text:Link5" content="" />
  53. <meta name="text:Link5 URL" content="/" />
  54. <meta name="text:Link6" content="" />
  55. <meta name="text:Link6 URL" content="/" />
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar {width: 3px; height: 3px; background: #ffffff;}
  61. ::-webkit-scrollbar-thumb {background-color:{color:background};}
  62.  
  63. body {
  64. color:{color:text};
  65. text-align:justify;
  66. font:10px Cambria;
  67. background-color:{color:background};}
  68.  
  69.  
  70. b, strong {color:{color:text};}
  71. i, em {color:{color:text};}
  72. p {margin-top:5px; margin-bottom:5px}
  73.  
  74. blockquote {
  75. border-left:1px solid {color:borders};
  76. padding:0px 0 0px 5px;
  77. margin:0px 0px 0px 10px}
  78.  
  79. pre {
  80. font-family:Cambria;
  81. font-size:9px;
  82. text-transform:uppercase;
  83. background-color:{color:prebg};
  84. padding:2px;
  85. text-align:center;
  86. color:{color:pretext};
  87. }
  88.  
  89. a {
  90. color:{color:link};
  91. text-decoration:none;}
  92.  
  93. a:hover {
  94. color:{color:text};
  95. border-bottom:0px solid {color:link};
  96. -webkit-transition: all 0.2s ease-out;
  97. -moz-transition: all 0.2s ease-out;
  98. transition: all 0.2s ease-out;
  99. }
  100.  
  101. #header1 {
  102. font-family:arial;
  103. letter-spacing:0px;
  104. font-size:18px;
  105. color:{color:background};
  106. font-style:italic;
  107. font-weight:bold;
  108. text-align:center;
  109. text-shadow: 0px 2px 0px #000000;
  110. text-transform:uppercase;
  111.  
  112. }
  113.  
  114. #header2 {
  115. font:14px georgia;
  116. color:{color:text};
  117. text-shadow:0px 1px 1px;
  118. font-style:none;
  119. }
  120.  
  121. #sidebar {
  122. margin-left:160px;
  123. margin-top:120px;
  124. border:1px solid {color:borders};
  125. float:left;
  126. position:fixed;
  127. width:428px;
  128. height:382px;
  129. overflow:hidden;
  130. padding:2px;
  131. top:0;
  132. left:0;
  133. background-image:url('{image:sidebarbg}');
  134. background-color:transparent;
  135. background-attachment:fixed;
  136. background-size: auto;
  137. background-position:bottom left;
  138. background-repeat:repeat
  139.  
  140. }
  141.  
  142.  
  143. #sidebarimg {
  144. float:left;
  145. margin-top:0px;
  146. margin-left:196px;
  147. position:fixed;
  148. width:230px;
  149. height:380px;
  150. overflow:auto;
  151. border:1px solid {color:borders};
  152. background-color:transparent;
  153. background-image:url('{image:sidebarimg}');
  154. background-size:auto;
  155. background-position:center;
  156. background-repeat:no-repeat
  157.  
  158. }
  159.  
  160. #sbartext {
  161. background-color:#ffffff;
  162. width:162px;
  163. height:241px;
  164. font:10px cambria;
  165. color:{color:text};
  166. margin-top:0px;
  167. margin-left:0px;
  168. text-align:center;
  169. border:1px solid {color:borders};
  170. padding:8px 15px 15px 15px;
  171.  
  172. }
  173.  
  174. .pagination {
  175. margin-top:-16px;
  176. text-align:center;
  177.  
  178. }
  179.  
  180. .pagination a {
  181. display:inline-block;
  182. color:{color:link};
  183. font:39px georgia;
  184. text-transform:lowercase;
  185. text-shadow:0px 1px 1px;
  186.  
  187. }
  188.  
  189. .pagination a:hover {
  190. color:#3b3d2e;
  191. opacity:1;
  192. -webkit-transition: all 0.5s ease-out;
  193. -moz-transition: all 0.5s ease-out;
  194. transition: all 0.5s ease-out;
  195.  
  196. }
  197.  
  198. #toptitle {font-family:arial; letter-spacing:0px; font-size:23px; color:{color:title}; font-style:italic; font-weight:bold; text-align:left; text-shadow: 0px 2px 0px {color:titleshadow}; text-transform:uppercase; margin-top:9px;}
  199.  
  200. #box1 {position:fixed; width:420px; height:42px; margin-left:-7px; margin-top:-45px; background-color:transparent; border:0px solid {color:borders}; z-index:2; padding:5px 5px;}
  201.  
  202. #box2 {position:fixed; width:182px; height:27px; margin-left:0px; margin-top:77px; background-color:#ffffff; border:1px solid {color:borders}; z-index:2; padding:5px 5px;}
  203.  
  204. #box3 {position:fixed; width:192px; height:71px; margin-top:268px; background-color:#ffffff; border:1px solid {color:borders}; z-index:2; }
  205.  
  206. #nav {
  207. margin-top:0px;
  208. overflow:auto;
  209. font-style:italic;
  210. text-align:center;
  211. position:center;
  212. }
  213.  
  214. #nav a {
  215. display:inline-block;
  216. position:center;
  217. width:39px;
  218. background-color:{color:navbg};
  219. height:25px;
  220. padding:2px 2px;
  221. margin-top:3px;
  222. color:{color:navfont};
  223. font:22px Arial;
  224. font-style:italic;
  225. font-weight:bold;
  226. border:1px solid #000000;
  227. letter-spacing:0px;
  228. text-shadow: 0px 2px 0px #000000;
  229. }
  230.  
  231. #nav a:hover {
  232. letter-spacing:0px;
  233. color:{color:navhovertext};
  234. background-color:{color:navhoverbg};
  235. -webkit-transition: all 0.2s ease-out;
  236. -moz-transition: all 0.2s ease-out;
  237. transition: all 0.2s ease-out}
  238.  
  239. #entries {
  240. height:auto;
  241. width:550px;
  242. margin-left:620px;
  243. margin-top:20px;
  244.  
  245. }
  246.  
  247. #entrybar {
  248. padding:2px;
  249. margin-bottom:45px;
  250. width:auto;
  251. margin-left:0px;
  252. margin-top:0px;
  253. background-color:{color:sbar};
  254. background-image:url('{image:sidebarbg}');
  255. border: 1px solid {color:borders};
  256.  
  257. }
  258.  
  259.  
  260. #posts {
  261. border:1px solid #000000;
  262. background-color:{color:entries};
  263. font-size:10px;
  264. padding: 10px;
  265. margin-bottom:0px;
  266. color:{color:Text};
  267.  
  268.  
  269. }
  270.  
  271. #info {
  272. width:534px;
  273. margin-top:0px;
  274. margin-bottom:2px;
  275. padding:4px;
  276. background:{color:entries};
  277. color:{color:text};
  278. font:10px cambria;
  279. line-height:100%;
  280. text-align:left;
  281. font-style:italic;
  282. text-transform:lowercase;
  283. border:1px solid {color:borders};
  284. }
  285.  
  286. #info a {color:{color:links}}
  287. #info a:hover {color:{color:text}}
  288.  
  289. #tags {
  290. width:534px;
  291. background:{color:entries};
  292. margin-top:2px;
  293. padding:4px;
  294. color:{color:text};
  295. font:10px cambria;
  296. font-style:italic;
  297. text-align:right;
  298. text-transform:none;
  299. border:1px solid {color:borders};
  300.  
  301. }
  302.  
  303. #tags a {color:{color:link}}
  304. #tags a:hover {color:{color:text}}
  305. .num {color:{color:text}}
  306.  
  307. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  308. .user_2 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  309. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  310. .user_4 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  311. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  312. .user_6 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  313. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  314. .user_8 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  315. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  316. .user_10 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  317.  
  318. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  319.  
  320. #asks {
  321. text-align:left;
  322. padding:8px;
  323. background-color:{color:link};
  324. border:1px solid {color:borders};
  325. color:#ffffff;
  326. min-height:35px;
  327.  
  328. }
  329.  
  330. .asker {
  331. margin-bottom:-13px;
  332. text-transform:uppercase;
  333. font-family:arial;
  334. font-size:15px;
  335. font-style:italic;
  336. color:#ffffff;
  337. font-weight:bold;
  338. letter-spacing:0px;
  339. text-shadow:0px 2px 0px #000000;
  340.  
  341. }
  342.  
  343. #answers {
  344. margin-left:10px;
  345. margin-top:0px;
  346.  
  347. }
  348.  
  349. #audios {
  350. width:100%;
  351. height:100px;
  352. margin-bottom:5px;
  353.  
  354. }
  355.  
  356. .albumart {
  357. float:left;
  358. width:100px;
  359. height:100px;
  360.  
  361. }
  362.  
  363. .player {
  364. width:25px;
  365. height:25px;
  366. margin-top:34px;
  367. margin-left:33px;
  368. overflow:hidden;
  369. position:absolute;
  370. padding:3px;
  371. opacity:0.4;
  372. -webkit-transition:all 0.4s ease-in-out;
  373. -moz-transition:all 0.4s ease-in-out;
  374. -o-transition:all 0.4s ease-in-out;
  375. -ms-transition: all 0.4s ease-in-out;
  376. transition:all 0.5s ease-in-out;
  377.  
  378. }
  379.  
  380. .player:hover {
  381. opacity:0.7;
  382. -webkit-transition:all 0.4s ease-in-out;
  383. -moz-transition:all 0.4s ease-in-out;
  384. -o-transition:all 0.4s ease-in-out;
  385. -ms-transition: all 0.4s ease-in-out;
  386. transition:all 0.5s ease-in-out;
  387.  
  388. }
  389.  
  390. .audioinfo {
  391. margin-left:110px;
  392. line-height:150%;
  393. font-family:calibri;
  394. font-size:10px;
  395.  
  396. }
  397.  
  398. #source {
  399. margin-top:3px;
  400. text-align:right;
  401. margin-bottom:5px;
  402. font-size:10px;
  403.  
  404. }
  405.  
  406. #cred a {position:fixed;
  407. font:14px Marck Script;
  408. background-color:transparent;
  409. border:1px dotted {color:sidebar};
  410. color:{color:link};
  411. padding:5px;
  412. bottom:20px;
  413. right:20px;
  414.  
  415. }
  416.  
  417. #cred a:hover {
  418. color:{color:text};}
  419.  
  420. #credit a{
  421. position:fixed;
  422. right:3px;
  423. bottom:3px;
  424. padding:4px;
  425. background:white;
  426. font-size:11px;
  427. color:black;
  428. -moz-transition-duration:1s;
  429. -webkit-transition-duration:1s;
  430. -o-transition-duration:1s;
  431.  
  432. }
  433.  
  434. #credit a:hover {
  435. opacity:1;
  436. color:white;
  437. background:black;
  438. -moz-transition-duration:1s;
  439. -webkit-transition-duration:1s;
  440. -o-transition-duration:1s;
  441.  
  442. }
  443.  
  444.  
  445. </style>
  446. </head>
  447.  
  448. <body>
  449.  
  450. <div id="sidebar">
  451. <div id="sidebarimg"></div>
  452. <div id="box3">
  453. <div id="nav">
  454. <a href="/" title="{text:home text}">i.</a>
  455. <a href="/ask" title="{text:ask text}">ii.</a>
  456. <a href="{text:Link1 URL}" title="{text:Link1}">iii.</a>
  457. <a href="{text:Link2 URL}" title="{text:Link2}">iv.</a><br>
  458. <a href="{text:Link3 URL}" title="{text:Link3}">v.</a>
  459. <a href="{text:Link4 URL}" title="{text:Link4}">vi.</a>
  460. <a href="{text:Link5 URL}" title="{text:Link5}">vii.</a>
  461. <a href="{text:Link6 URL}" title="{text:Link6}">viii.</a>
  462. </div></div>
  463. <div id="box1">
  464. <div id="toptitle">{text:title1}</div></div>
  465. <div id="sbartext">{block:Description}{Description}{/block:Description}</div>
  466. <div id="box2">
  467. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}
  468. {block:NextPage}<a href="{NextPage}"> »</a>&nbsp;&nbsp;{/block:NextPage}{/block:Pagination}</div></div>
  469.  
  470. </div>
  471.  
  472.  
  473. <div id="entries">{block:Posts}<div id="entrybar"><div id="info">
  474. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}
  475. </div><div id="posts">
  476.  
  477.  
  478. {block:Title}<div id="header1">{Title}</div>{/block:Title}
  479. {block:Text}{Body}{/block:Text}
  480.  
  481. {block:Quote}
  482. <div id="header2">❝ {Quote} ❞</div>
  483. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  484. {/block:Quote}
  485.  
  486. {block:Link}
  487. <div id="header1"><a href="{URL}" class="link" {Target}> {Name}</a></div>
  488. {block:Description}<div class="description">{Description}</div>{/block:Description}
  489. {/block:Link}
  490.  
  491. {block:Photo}
  492. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  493. {block:Caption}{Caption}{/block:Caption}
  494. {/block:Photo}
  495.  
  496. {block:Photoset}
  497. <center>{Photoset-500}</center>
  498. {block:Caption}{Caption}{/block:Caption}
  499. {/block:Photoset}
  500.  
  501. {block:Chat}
  502. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  503. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  504. {/block:Chat}
  505.  
  506. {block:Video}
  507. {Video-500}
  508. {block:Caption}{Caption}{/block:Caption}
  509. {/block:Video}
  510.  
  511. {block:Audio}
  512. <div id="audios">
  513. <div class="player">{AudioPlayerWhite}</div>
  514. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  515. <div class="audioinfo"><br>
  516. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  517. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  518. <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
  519. <b>PLAYS:</b> {PlayCount}</div></div>
  520. {block:Caption}{Caption}{/block:Caption}
  521. {/block:Audio}
  522.  
  523. {block:Answer}
  524. <img src="{AskerPortraitURL-40}" style="height:40px; float:left; width:40px; margin-top:5px; margin-left:5px; margin-right:5px; border:1px solid {color:borders};">
  525. <div id="asks"><div class="asker">{Asker} wondered:</div>
  526. <br>{Question}</div>
  527. <div id="answers">{Answer}</div>
  528. {/block:Answer}</div>
  529.  
  530. {block:HasTags}<div id="tags">
  531. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
  532. </div>{/block:HasTags}</div>
  533.  
  534. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  535. </div></div>
  536.  
  537.  
  538. <!----- put in your url here! ---->
  539. <div id="credit"><a href="http://frankiesrps.tumblr.com">F</a></div>
  540. </body>
  541. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement