whattheweasley

Probending

Apr 20th, 2012
4,048
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.23 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- DO NOT REMOVE THE FOLLOWING
  6. ► Theme 12: Probending by Rachael: pevensied @ tumblr.com ◄
  7. • if you're using my theme, please keep credit in tact.
  8. • this theme isn't a base theme, do not redistribute.
  9. • edit to your heart's consent, but this will always be MY theme
  10. -->
  11.  
  12. <body>
  13. <head>
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16. <meta name="color:background" content="#FFFFFF" />
  17. <meta name="color:entry" content="#FFFFFF" />
  18.  
  19. <meta name="color:title" content="#695D51" />
  20. <meta name="color:text" content="#C0AEA0" />
  21. <meta name="color:sidebar text" content="#C0AEA0" />
  22. <meta name="color:link" content="#A89A8D" />
  23. <meta name="color:link hover" content="#0A0A09" />
  24.  
  25. <meta name="color:nav link" content="#F5EBE4" />
  26. <meta name="color:nav link hover" content="#E3DEC3" />
  27. <meta name="color:selection" content="#DB9CB7" />
  28.  
  29. <meta name="font:title" content="helvetica" />
  30. <meta name="font:body" content="helvetica" />
  31.  
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="if:show tags" content="0" />
  36. <meta name="if:fading images" content="1" />
  37. <meta name="text:title font size" content="20"/>
  38. <meta name="text:link one" content="/"/>
  39. <meta name="text:link one name" content="link 1"/>
  40. <meta name="text:link two" content="/"/>
  41. <meta name="text:link two name" content="link 2"/>
  42. <meta name="text:link three" content="/"/>
  43. <meta name="text:link three name" content="link 3"/>
  44.  
  45.  
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47. <title>{Title}</title>
  48.  
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52.  
  53. <link rel="shortcut icon" href="{Favicon}" />
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55.  
  56. <style type="text/css">
  57.  
  58. /* ---------- scroll bar --------- */
  59. ::-webkit-scrollbar-thumb:vertical {background-color:{color:nav link}; height:30px;}
  60. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:nav link}; height:10px!important;}
  61. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:5px;}
  62.  
  63. /* ---------- color selection --------- */
  64.  
  65. ::-moz-selection {color:{color:selection};background: {color:link hover};}
  66.  
  67. ::selection {color: {color:selection};background: {color:link hover};}
  68.  
  69. /* ---------- follow/dash fade --------- */
  70. iframe#tumblr_controls {
  71. top:0px !important;
  72. right:3px !important;
  73. position: fixed !important;
  74. -webkit-transition: opacity 0.7s linear;
  75. opacity: 0.4;
  76. -webkit-transition: all 0.8s ease-out;
  77. -moz-transition: all 0.8s ease-out;
  78. transition: all 0.8s ease-out;}
  79.  
  80. iframe#tumblr_controls:hover{
  81. -webkit-transition: opacity 0.7s linear;
  82. opacity: 1;
  83. -webkit-transition: all 0.4s ease-out;
  84. -moz-transition: all 0.4s ease-out;
  85. transition: all 0.4s ease-out;}
  86.  
  87.  
  88. body {
  89. color:{color:text};
  90. background-color:{color:background};
  91. background-image: url('{image:Background}');
  92. background-position: center;
  93. background-attachment:fixed;
  94. background-repeat: repeat;
  95. font-family:{font:body};
  96. font-size:9px;
  97. line-height:110%;
  98. text-align:justify}
  99.  
  100. a:link, a:active, a:visited{
  101. color: {color:link};
  102. text-decoration:none;
  103. -webkit-transition: all 0.7s
  104. ease-out;-moz-transition: all 0.7s ease-out;
  105. transition: all 0.7s ease-out;
  106. }
  107.  
  108. a:hover{
  109. color:{color:link hover};
  110. background-color: transparent;
  111. }
  112.  
  113. #entries{
  114. left:70%;
  115. margin-left:500px;
  116. margin-top:20px;
  117. width:500px}
  118.  
  119. {block:iffadingimages}
  120. #entries img {
  121. opacity: .8;
  122. -webkit-transition: all 0.5s ease;
  123. }
  124.  
  125. #entries img:hover {
  126. opacity: 1;
  127. }
  128.  
  129. .trans {
  130. opacity: .8;
  131. -webkit-transition: all 0.5s ease;
  132. }
  133.  
  134. .trans:hover {
  135. opacity: 1;
  136. }
  137.  
  138. {/block:iffadingimages}
  139. #posts{
  140. overflow:hidden;
  141. background-color: {color:entry};
  142. border-right:4px solid {color:entry};
  143. {block:ifnotshowtags}border-bottom:1px dashed {color:text};{/block:ifnotshowtags}
  144. padding:4px;
  145. margin-bottom:6px;
  146. -webkit-transition-duration: 0.8s;
  147. }
  148. #posts:hover #info {
  149. opacity:1.0;
  150. margin-left:510px;
  151. width:70px;
  152. }
  153.  
  154. .description {
  155. color:{color:sidebar text};
  156. font-family:calibri;
  157. font-size:10px;
  158. width:74%;
  159. height:100%;
  160. margin-left:0px;
  161. padding-bottom:10px;
  162. }
  163.  
  164.  
  165. #icon img {
  166. position:fixed;
  167. max-width: 100px;
  168. margin-left:365px;
  169. margin-top:80px;
  170. z-index:9999;
  171. text-align:center;
  172. border:5px solid {color:nav link};
  173. -webkit-transition: all 0.7s ease-out;
  174. -moz-transition: all 0.7s ease-out;
  175. transition: all 0.7s ease-out;
  176. }
  177.  
  178. #icon img:hover {
  179. -webkit-transform: rotate(360deg);
  180. }
  181. #sidebar {
  182. width:220px;
  183. margin-left:200px;
  184. margin-top:100px;
  185. position:fixed;
  186. overflow:hidden;
  187. background-color: transparent;
  188. border-left:0px solid;
  189. border-right:0px solid;
  190. padding:0;
  191. -webkit-transition: all 0.7s ease-out;
  192. -moz-transition: all 0.7s ease-out;
  193. transition: all 0.7s ease-out;
  194. }
  195.  
  196. h1{
  197. color:{color:title};
  198. font-family:{font:title};
  199. font-size:12px;
  200. line-height:17px;
  201. letter-spacing:1px;
  202. font-weight:normal;
  203. text-transform:uppercase;
  204. margin:0px;
  205. padding:0px;
  206. text-align:center
  207. }
  208.  
  209. h2{
  210. color:{color:title};
  211. font-family:{font:title};
  212. font-size:16px;
  213. line-height:14px;
  214. letter-spacing:-1px;
  215. font-weight:normal;
  216. text-transform:case;
  217. margin:0px;
  218. padding:0px;
  219. margin-bottom:1px;
  220. text-align:center
  221. }
  222.  
  223.  
  224. #source {text-align: right}
  225.  
  226.  
  227. #tags {
  228. display:block;
  229. {block:ifshowtags}width:500px;{/block:ifshowtags}
  230. padding-top:3px;
  231. padding-bottom: 2px;
  232. border-top:1px dashed {color:text};
  233. background-color:{color:entry};
  234. font-size:10px;
  235. text-transform:case;
  236. text-align:{block:ifshowtags}center{/block:ifshowtags}{block:ifnotshowtags}left{/block:ifnotshowtags};
  237. -webkit-transition: all 0.7s ease-out;
  238. -moz-transition: all 0.7s ease-out;
  239. transition: all 0.7s ease-out;
  240. {block:ifnotshowtags}opacity:0.8;{/block:ifnotshowtags}
  241. }
  242.  
  243. #info {
  244. width:70px;
  245. position: absolute;
  246. margin-left:490px;
  247. margin-top:10px;
  248. font-style:italic;
  249. {block:ifshowtags}
  250. border-bottom:1px dashed {color:text};
  251. {/block:ifshowtags}
  252. background-color: {color:entry};
  253. color:{color:text};
  254. text-align:left;
  255. text-transform: uppercase lowercase;
  256. padding: 3px;
  257. font-family: calibri;
  258. font-size:10px;
  259. opacity:0.0;
  260. -webkit-transition: all 0.7s ease-out;
  261. -moz-transition: all 0.7s ease-out;
  262. transition: all 0.7s ease-out;
  263. }
  264. #info a:hover {
  265. color:{color:link hover};
  266. }
  267.  
  268. .reblogicons img {
  269. border: 2px solid {color:text};
  270. }
  271.  
  272.  
  273.  
  274. #effie {
  275. width:110%;
  276. z-index:800;
  277. background: {color:nav link};
  278. line-height: 20px;
  279. padding:0px 2px;
  280. text-align:left;
  281. }
  282.  
  283. #effie a {
  284. background:transparent;
  285. font: normal 9px calibri;
  286. color: {color:nLink};
  287. letter-spacing: 1px;
  288. padding:1px 2px;
  289. text-transform: uppercase;
  290. opacity:0.9
  291. }
  292. #effie a:hover {
  293. background-color:{color:nav link hover};
  294. opacity:1}
  295.  
  296. /* If you want the font used for the title, please do not just copy the below code. Download it from dafont.com (http://www.dafont.com/throw-my-hands-up-in-the-air.font) and host it on your own account */
  297. tit
  298. @font-face {
  299. font-family: "throw my hands up in the air";
  300. src: url('http://static.tumblr.com/z5o2pr2/2wCm2g5s0/throwmyhandsupintheair.ttf');
  301. }
  302.  
  303. #love {
  304. position:fixed;
  305. width:162px;
  306. height:auto;
  307. overflow:auto;
  308. color:{color:text};
  309. font-family:"throw my hands up in the air";
  310. font-size:{text:title font size}px;
  311. line-height:normal;
  312. letter-spacing:1px;
  313. text-transform:case;
  314. margin-left:200px;
  315. margin-top:75px;
  316. text-align:center;
  317. z-index:9999;
  318. }
  319.  
  320. #pagination {
  321. color: {color:link};
  322. font-family:{font:title};
  323. text-align:center;
  324. font-size:20px;
  325. }
  326.  
  327. #credit {
  328. position:fixed;
  329. width:100px;
  330. right:0px;
  331. bottom:3px;
  332. line-height:5px;
  333. letter-spacing:0px;
  334. font:10px georgia;
  335. color: {color:text};
  336. text-transform:lowercase;
  337. font-style:italic;
  338. }
  339.  
  340. #questions {
  341. background-color:{color:entry};
  342. color: {color:text};
  343. padding:10px;
  344. margin-bottom:0px;
  345. font-family:{font:body};
  346. font-size:11px
  347. }
  348. #questions a {
  349. color:{color:link}
  350. }
  351.  
  352. blockquote {
  353. border-left:1px {color:text} dotted;
  354. padding-left:5px;
  355. margin:0px 2px 0px 10px
  356. }
  357. blockquote img, blockquote a img { max-width: 490px}
  358.  
  359. b, strong{
  360. color:{color:title}
  361. }
  362. i, em {
  363. color:{color:link};
  364. }
  365. p{
  366. margin-top:3px; margin-bottom:3px
  367. }
  368.  
  369. img a{border:none; width:100%}
  370. .audio{background-color: transparent; display:block;}
  371.  
  372. .user_1 .label {color:{color:link}; font-weight:bold}
  373. .user_2 .label {color:{color:text}; font-weight:bold}
  374. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  375.  
  376. .notes img{
  377. background-color: #bebebe;
  378. width:10px;
  379. position:relative;
  380. top:1px;
  381. }
  382. ol.notes, .notes li{
  383. list-style:none;
  384. margin:0px;
  385. padding:0px;
  386. }
  387. random text{
  388. background-color:transparent!important;
  389. }
  390.  
  391. </style>
  392. <style type="text/css">{CustomCSS}</style>
  393. </head>
  394.  
  395. <body>
  396.  
  397.  
  398. <div id="love"><a href="/"><font color="{color:text}">{title}</font></a></div>
  399.  
  400. <div id="icon">
  401. {block:ifsidebarimage}<img src="{image:sidebar}" width="70px" />{/block:ifsidebarimage}
  402. {block:ifnotsidebarimage}<img src="{PortraitURL-96}" width="70" />{/block:ifnotsidebarimage}
  403. </div>
  404. <div id="sidebar">
  405.  
  406. <div id="effie">
  407. <a href="/">home</a>
  408. <a href="/ask">ask</a>
  409. {block:IfLinkOne}<a href="{text:link one}">{text:link one name}</a>{/block:ifLinkOne}
  410. {block:IfLinkTwo}<a href="{text:link two}">{text:link two name}</a>{/block:ifLinkTwo}
  411. {block:IfLinkThree}<a href="{text:link three}">{text:link three name}</a>{/block:ifLinkThree}
  412.  
  413. </div>
  414. <div class="description"><div align="right">{description}</div>
  415. {block:Pagination}
  416. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  417. {block:NextPage}<a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  418. {/block:Pagination}
  419. </div></div>
  420.  
  421. <!-- Please do not remove my credit.-->
  422. <div id="credit"><a target="blank"href="http://pevensied.tumblr.com/stuff/themes"><font color="{color:text}">theme by pevensied</a></font></div>
  423. <!-- If you must, you MUST give ME credit in FAQ, About Me, or anywhere visible.-->
  424.  
  425. <div id="entries">
  426.  
  427. {block:Posts}
  428. <div id="posts">
  429.  
  430. {block:date}
  431. <div id="info">
  432. <div align="center">
  433. <a href="{permalink}">{TimeAgo}</a><br>
  434. {NoteCount} notes <br>
  435. {block:RebloggedFrom}<div class="reblogicons"><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
  436. {block:ContentSource}<a href="{SourceURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{block:ContentSource}</div>{/block:RebloggedFrom}
  437. {/block:ContentSource}
  438. {block:ifnotshowtags}<br>
  439. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a><br> {/block:Tags}{/block:HasTags}</div>
  440. {/block:ifnotshowtags}
  441. </div>
  442. </div>
  443. {/block:date}
  444.  
  445.  
  446. {block:Title}<h1>{title}&nbsp;</h1>{/block:Title}
  447. {block:Text}{Body}{/block:Text}
  448.  
  449. {block:Quote}<h2>“{quote}”</h2>{/block:Quote}
  450. {block:Source}<center><div class="source">— {Source}</div></center>{/block:Source}
  451.  
  452. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  453. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  454.  
  455. {block:Photo}<div class="trans">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  456. {block:Photoset}<center><div class="trans">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  457.  
  458. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  459. {/block:Chat}
  460.  
  461. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  462.  
  463. {block:Answer}<div id="questions">{Asker} pondered: {Question}</div>
  464. {Answer}{/block:answer}
  465.  
  466. {block:Audio}<center><span class="audio">{AudioPlayerWhite}</span>{block:Caption}{Caption}{/block:Caption}</center>{/block:Audio}<br>
  467.  
  468. {block:ifshowtags}
  469. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  470. {/block:ifshowtags}
  471.  
  472. <div class="info"></div>
  473. </div>
  474. {/block:Posts}
  475. {block:PostNotes}{PostNotes}{/block:PostNotes}
  476.  
  477. </div>
  478.  
  479. </body>
  480. </html>
Advertisement
Add Comment
Please, Sign In to add comment