API tools faq
paste
Advertisement
topshopandtea

theme 12

topshopandtea
Sep 7th, 2013
167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.79 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Candor theme by hogwat please dont steal.
  4.  
  5. I spent the entire week making it. I almost failed a class because of this so please.
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  10. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  17.  
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:posts title" content="#aaa" />
  20. <meta name="color:text" content="#9b9898" />
  21. <meta name="color:bold" content="#6f6e6e" />
  22. <meta name="color:italic" content="#b9b8b8" />
  23. <meta name="color:description" content="#b9b8b8" />
  24. <meta name="color:navigation links" content="#aaa" />
  25. <meta name="color:hyperlinks" content="#a2a2a2"/>
  26. <meta name="color:posts border" content="#f5f5f5" />
  27. <meta name="color:info bg" content="#fafafa" />
  28.  
  29.  
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="" />
  32.  
  33. <meta name="text:Link2" content="/" />
  34. <meta name="text:Link2 Title" content="" />
  35.  
  36. <meta name="text:Link3" content="/" />
  37. <meta name="text:Link3 Title" content="" />
  38.  
  39. <meta name="text:Link4" content="/" />
  40. <meta name="text:Link4 Title" content="" />
  41.  
  42. <meta name="image:sidebar" content="" />
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700,900,900italic,700italic' rel='stylesheet' type='text/css'>
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. iframe#tumblr_controls {
  50. right:0px !important;
  51. position:fixed !important;
  52. }
  53.  
  54. iframe#tumblr_controls {
  55. white-space:nowrap;
  56. -webkit-filter: invert(100%);
  57. -moz-filter: invert(100%);
  58. -o-filter: invert(100%);
  59. -ms-filter: invert(100%);
  60. filter: invert(100%);
  61. opacity:.6;transition: .8s ease-in-out;
  62. -webkit-transition: .8s ease-in-out;
  63. -moz-transition: .8s ease-in-out;
  64. -o-transition: .8s ease-in-out;
  65. }
  66.  
  67.  
  68. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  69.  
  70. ::-webkit-scrollbar-track {background-color:#fff;}
  71. ::-webkit-scrollbar-thumb {background-color:#fafafa;}
  72. ::-webkit-scrollbar {width:5px;height:5px;}
  73.  
  74. body{
  75. background-color: {color:background};
  76. font-family:calibri;
  77. line-height:100%;
  78. color:{color:text};
  79. word-wrap: break-word;
  80. font-size:10px;
  81. text-align:justify;}
  82.  
  83. a { text-decoration:none;
  84. cursor:pointer;
  85. color:{color:hyperlinks};}
  86.  
  87. a:link, a:active, a:visited {
  88. color: {color:hyperlinks};}
  89.  
  90. a:hover {
  91. color:{color:hyperlinks hover};}
  92.  
  93. b, strong {
  94. font-weight:heavy;
  95. color:{color:bold};}
  96.  
  97. i, em {
  98. font-weight:light;
  99. color:{color:italic};}
  100.  
  101. blockquote {
  102. margin: 5px;
  103. padding:0px 3px 0px 3px;
  104. line-height:90%;;
  105. border-left: 1px solid #ddd;}
  106.  
  107. pre, xmp, plaintext, listing {
  108. display: block;
  109. white-space: pre;
  110. padding: 5px;
  111. word-wrap: break-word;
  112. font-size: 10px;}
  113.  
  114.  
  115. #sidebar { width:1550px; position:fixed; margin-left:-10px; margin-top:-120px; opacity:1; height:90px; background-color:#000; }
  116.  
  117. #wit{
  118. font-family:arial; font-size:80px; margin-bottom: 0px; position:fixed; margin-top: -19px; margin-left: 160px; color:#000000;
  119. }
  120.  
  121. #sidebarimage{
  122. width:100px;
  123. margin-top:15px;
  124. margin-left:50px;
  125. }
  126.  
  127. #sidebarimage img { width:50px; padding:3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; outline: 5px solid #eee;}
  128.  
  129. #links { width:120px;
  130. font-family:serif;
  131. font-size:9px;
  132. opacity:1;
  133. text-align:center;
  134. padding-top:4px;
  135. letter-spacing:1px;
  136. text-transform:lowercase;
  137. padding-bottom:1px;
  138. margin-top:60px;
  139. margin-left:160px;
  140. margin-bottom:2px;
  141. color:{color:sblinks};
  142. text-shadow:11px 0px transparent, -11px 0px transparent;
  143. }
  144.  
  145. #links a{
  146. display:block;
  147. color:#fff;
  148. background-color:#000;
  149. font-family:bebas neue;
  150. width:85px;
  151. padding-top:9px;
  152. font-weight:bold;
  153. font-size:11px;
  154. text-transform:uppercase;
  155. margin-top:5px;
  156. padding:5px;
  157. height:10px;
  158. border-bottom:3px solid #fff;
  159. }
  160.  
  161. #links a:hover {
  162. text-decoration:none;
  163. border-bottom:3px solid #ee114f;
  164. -moz-transition-duration:.4s;
  165. -webkit-transition-duration:.4s;
  166. -o-transition-duration:.4s;
  167. }
  168.  
  169. #title{
  170. font-family:century gothic;
  171. font-size:35px; margin-top:-210px;
  172. color:#fff;
  173. font-weight:bold;
  174. text-transform:uppercase;
  175. letter-spacing:-3px;
  176. margin-left:125px;
  177. }
  178.  
  179. #sidebar:hover #title{
  180. opacity:0;
  181. ; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  182. }
  183.  
  184. #sidebar #title{
  185. ; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;
  186. }
  187.  
  188. #sidebar:hover #description{
  189. opacity:1;
  190. ; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;
  191. }
  192.  
  193. #sidebar #description{
  194. ; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;
  195. }
  196.  
  197. #description { width: 250px; font-family:tahoma; padding:5px; font-size:9px; opacity: 0; text-align:justify; margin-top:-40px; margin-left:120px; color:#fff;}
  198.  
  199.  
  200.  
  201. #pagination { font-size:10px; text-align:center; color:{color:link}; font-family:calibri; letter-spacing:2px; margin-left:-1131px; margin-top:190px;}
  202.  
  203. #pagination a{
  204. color:#000;
  205. }
  206.  
  207. #entry{
  208. margin-top: 120px;
  209. margin-bottom: 70px;
  210. margin-left: 420px;
  211. width:500px;}
  212.  
  213. #posts{
  214. line-height:90%;
  215. background:#fff;
  216. width:500px;
  217. padding:20px;
  218. margin-bottom:35px;}
  219.  
  220.  
  221. .info {
  222.  
  223. margin-top:10px;
  224. width:490px;
  225. text-transform:uppercase;
  226. text-align: center;
  227. letter-spacing:1px;
  228. font-family: consolas;
  229. font-size:8px;
  230. color:#fff;
  231. border-top:1px solid #f5f5f5;
  232. padding:6px;
  233. background:#000;}
  234.  
  235. .info a{
  236. color:#fff;
  237. }
  238.  
  239. .pnotes {
  240. background:transparent;
  241. max-height:250px;
  242. width:500px;
  243. text-align: left;
  244. overflow:auto;
  245. line-height:15px;
  246. padding:5px;
  247. margin-left: -20px;}
  248.  
  249. .pnotes img{width:16px;}
  250.  
  251. .pnotes li{list-style-type:none; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;}
  252.  
  253. ol.notes {margin: 25px 0px;}
  254.  
  255. img.avatar {
  256. vertical-align: -4px;
  257. width: 16px;
  258. height: 16px;
  259. padding: 1px;}
  260.  
  261. .posttitle{
  262. color:{color:posts title};
  263. font-family: century gothic;
  264. font-style:none;
  265. text-transform:uppercase;
  266. font-weight:bold;
  267. line-height: 100%;
  268. font-size:25px;}
  269.  
  270. #asker {
  271. font-family:century gothic;
  272. text-transform: uppercase;
  273. line-height: 100%;
  274. font-weight:bold;
  275. text-align:left;
  276. padding:7px;
  277. font-size:15px;
  278. margin-top:-10px;
  279. }
  280.  
  281. #asker img{
  282. width:30px;
  283. height:30px;
  284. margin-top:20px;
  285. }
  286.  
  287. #questions {
  288. text-align:justify;
  289. color: {color:text};
  290. padding:10px;
  291. font-family:arial;
  292. text-transform:uppercase;
  293. font-size:10px;
  294. background:#fafafa;}
  295.  
  296. #quote {
  297. font-family:arial;
  298. font-style:none;
  299. font-size: 18px;
  300. letter-spacing:1px;
  301. line-height: 100%;
  302. padding: 10px;
  303. text-transform:uppercase;
  304. font-weight:bold;
  305. text-align:left;
  306. margin-bottom: 10px;}
  307.  
  308. #source {font-size: 9px; text-align: right;font-family:calibri;}
  309.  
  310. .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  311. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  312. .chat li{
  313. list-style-type: none;
  314. margin-top:2px;
  315. padding:8px;}
  316.  
  317. /*AUDIO*/
  318.  
  319. .cover {position: relative; z-index: 1;width:95px;height:95px; margin-bottom:55px; margin-left:100px;}
  320.  
  321.  
  322. .playbutton {width: 20px;
  323. height: 30px;
  324. overflow: hidden;
  325. position: relative;
  326. z-index: 1000;
  327. margin: 15px 24px 13px 16px;}
  328.  
  329. .playbox {background-color: #000;
  330. position: absolute;
  331. z-index: 1000;
  332. margin-top: 20px;
  333. margin-left: 117px;
  334. opacity:0.5}
  335.  
  336. .stuff {
  337. text-transform:lowercase;text-align:center;padding:20px;margin-left:150px;margin-top:-130px;width:200px;
  338. }
  339.  
  340. </style>
  341.  
  342. </head>
  343. <body>
  344.  
  345.  
  346.  
  347. <div id="sidebar">
  348. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  349. <div id="links">
  350. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  351. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  352. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  353. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  354. </div>
  355.  
  356. <div id="title">bitch dont kill my vibe</div>
  357.  
  358. <div id="description">{Description}</div>
  359.  
  360. {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}</div>{/block:Pagination}
  361. </div>
  362.  
  363. <div id="wit">▼</div>
  364.  
  365. <div id="entry">
  366. {block:Posts}
  367. <div id="posts">
  368.  
  369. {block:Quote}
  370. <div id="quote">"{Quote}"<br><div id="source">---{Source}</small></div></div>
  371. {block:indexpage}
  372. <div class="info">
  373. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  374. {block:NoteCount}{NoteCount}{/block:NoteCount}
  375. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  376. Filed under:
  377. <br>
  378. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  379. {/block:indexpage}
  380. {/block:Quote}
  381.  
  382. {block:Photo}
  383. {block:indexpage}
  384. <center><img src="{PhotoURL-500}" style="max-width:500px;"/></center>
  385. {block:Caption}{Caption}{/block:Caption}
  386. <div class="info">
  387. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  388. {block:NoteCount}{NoteCount}{/block:NoteCount}
  389. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  390. Filed under:<br>
  391. {block:HasTags} {block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  392. {/block:indexpage}
  393. {block:permalinkpage}
  394. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
  395. {block:Caption}{Caption}{/block:Caption}
  396. {/block:permalinkpage}
  397. {/block:Photo}
  398.  
  399. {block:Photoset}
  400. {block:indexpage}
  401. <center>{Photoset-500}</center>
  402. {block:Caption}{Caption}{/block:Caption}
  403. <div class="info">
  404. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  405. {block:NoteCount}{NoteCount}{/block:NoteCount}
  406. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  407. Filed under:
  408. <br>
  409. {block:HasTags} {block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  410. {/block:indexpage}
  411. {block:permalinkpage}
  412. <center>{Photoset-500}</center>
  413. {block:Caption}{Caption}{/block:Caption}
  414. {/block:permalinkpage}
  415. {/block:Photoset}
  416.  
  417. {block:Link}
  418. <a href="{URL}" class="link" {Target}><div class="posttitle">{Name} &rarr;</div></a>
  419. {block:Description}{Description}{/block:Description}
  420. {block:indexpage}
  421. <div class="info">
  422. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  423. {block:NoteCount}{NoteCount}{/block:NoteCount}
  424. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  425. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  426. {/block:indexpage}
  427. {block:Link}
  428.  
  429. {block:Chat}
  430. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  431. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  432. {/block:Label}
  433. {block:indexpage}
  434. <div class="info">
  435. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  436. {block:NoteCount}{NoteCount}{/block:NoteCount}
  437. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  438. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  439. {/block:indexpage}
  440. {/block:Chat}
  441.  
  442. {block:Audio}
  443. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  444. {block:AlbumArt}
  445. <img src="{AlbumArtUrl}" class="cover">
  446. {/block:AlbumArt}
  447. <div class="stuff">{block:TrackName}
  448. {TrackName}
  449. {/block:TrackName}{block:ExternalAudio}(<a href="{ExternalAudioURL}">dwnld</a>)
  450. {/block:ExternalAudio}<br>
  451.  
  452. <span style="text-transform:uppercase;font-size:7px;">{block:Artist}
  453. {Artist}
  454. {/block:Artist}</span><br>
  455. [<strong>
  456. {block:Album}
  457. {Album}
  458. {/block:Album}
  459. </strong>]</div>
  460.  
  461. <div class="info">
  462. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  463. {block:NoteCount}{NoteCount}{/block:NoteCount}
  464. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  465. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  466. {/block:Audio}
  467.  
  468. {block:Text}
  469. {block:Title}
  470. <div class="posttitle">{Title}</div>
  471. {/block:Title}
  472. {Body}
  473. {block:indexpage}
  474. <div class="info">
  475. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  476. {block:NoteCount}{NoteCount}{/block:NoteCount}
  477. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  478. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  479. {/block:indexpage}
  480. {/block:Text}
  481.  
  482. {block:Video}
  483. {Video-500}
  484. {block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
  485. {block:indexpage}
  486. <div class="info">
  487. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  488. {block:NoteCount}{NoteCount}{/block:NoteCount}
  489. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  490. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  491. {/block:indexpage}
  492. {block:permalinkpage}
  493. <center>{Video-500}</center>
  494. {block:Caption}{Caption}{/block:Caption}
  495. {/block:permalinkpage}
  496. {block:Video}
  497.  
  498. {block:Answer}
  499. <div id="asker"><img src="{AskerPortraitURL-30}"> {Asker}:</div><div id="questions">{Question}</div>{Answer}
  500. {block:indexpage}
  501. <div class="info">
  502. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  503. {block:NoteCount}{NoteCount}{/block:NoteCount}
  504. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  505. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  506. {/block:indexpage}
  507. {/block:Answer}
  508.  
  509.  
  510. {block:permalinkpage}
  511. <p>
  512. {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}
  513. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  514. {block:ContentSource}source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  515. {block:HasTags}
  516. {block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}{/block:HasTags}
  517. {block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}
  518.  
  519. <div class="pnotes">
  520. {block:PostNotes}
  521. {PostNotes-16}
  522. {/block:PostNotes}
  523. </div>{/block:permalinkpage}</div>
  524.  
  525. {/block:Posts}
  526. </div>
  527. </body>
  528. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!