API tools faq
paste
AlanePagliari

Theme 03

AlanePagliari
Apr 20th, 2013
2,337
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5. theme 03 by britishursthemes.tumblr.com
  6. ask box is always opened for help!
  7. !-->
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  11. <style>
  12.  
  13. div#qTip {
  14. display: none;
  15. font-family:Cambria;
  16. text-align: center;
  17. position: absolute;
  18. line-height:10px;
  19. font-size: 9px;
  20. font-style: none;
  21. padding: 2px;
  22. z-index: 1000;
  23. background: #fff;
  24. border: 0px solid #f2f2f2;
  25. letter-spacing: 1px;
  26. text-transform:lowercase;
  27. color: {color:title}; }
  28. </style>
  29.  
  30. <head>
  31.  
  32. <!-- DEFAULT VARIABLES -->
  33. <meta name="color:background" content="#fffff" />
  34. <meta name="color:entry" content="#ffffff" />
  35. <meta name="color:asker" content="#fbfbfb" />
  36.  
  37. <meta name="color:title" content="#9b9b9b" />
  38. <meta name="color:text" content="#d1d0d1" />
  39. <meta name="color:link" content="#575656" />
  40. <meta name="color:linkshover" content="#575656" />
  41.  
  42. <meta name="image:sideimg1" content=""/>
  43. <meta name="image:sideimg2" content=""/>
  44.  
  45. <meta name="font:title" content="Cambria" />
  46. <meta name="font:body" content="Cambria" />
  47.  
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:Link 1 Text" content="" />
  50.  
  51. <meta name="text:Link 2" content="" />
  52. <meta name="text:Link 2 Text" content="" />
  53.  
  54. <meta name="text:Link 3" content="" />
  55. <meta name="text:Link 3 Text" content="" />
  56.  
  57. <meta name="text:Link 4" content="" />
  58. <meta name="text:Link 4 Text" content="" />
  59.  
  60. <meta name="text:Link 5" content="" />
  61. <meta name="text:Link 5 Text" content="" />
  62.  
  63. <meta name="text:Link 6" content="" />
  64. <meta name="text:Link 6 Text" content="" />
  65.  
  66. <meta name="text:Link 7" content="" />
  67. <meta name="text:Link 7 Text" content="" />
  68.  
  69. <meta name="if:Show Link 1" content="1" />
  70. <meta name="if:Show Link 2" content="1" />
  71. <meta name="if:Show Link 3" content="1" />
  72. <meta name="if:Show Link 4" content="1" />
  73. <meta name="if:Show Link 5" content="1" />
  74. <meta name="if:Show Link 6" content="1" />
  75. <meta name="if:Show Link 7" content="1" />
  76.  
  77.  
  78.  
  79. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  80. <title>{Title}</title>
  81. <meta name="google-site-verification" content="g12-tkgnJf88O_qOcPww05a17dmq46r3mnp8CD9FYKA" />
  82. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  83. <link rel="shortcut icon" href="{Favicon}" />
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  85. <style type="text/css">
  86.  
  87.  
  88. /* Scrollbar */
  89.  
  90. ::-webkit-scrollbar-thumb:vertical {
  91. height:100px;
  92. background-color: {color:text}; }
  93. ::-webkit-scrollbar-thumb:horizontal {
  94. height:5px !important;
  95. background-color: {color:text};}
  96. ::-webkit-scrollbar {
  97. height:5px; width:6px;
  98. background-color: {color:Background}; }
  99.  
  100.  
  101. /* Main */
  102.  
  103. body {
  104. font-family: Cambria;
  105. font-size:10px;
  106. line-height:110%;
  107. text-align:justify;
  108. background-color: #fff;
  109. color:{color:text}; }
  110.  
  111. a:link, a:active, a:visited {
  112. color:{color:link};
  113. text-decoration:none; }
  114.  
  115. a:hover{color:{color:linkshover}; }
  116.  
  117.  
  118. small{
  119. font-size:7px; line-height:110% }
  120.  
  121. big {
  122. font-size:14px; line-height:110% }
  123.  
  124. p {
  125. margin-top:5px; margin-bottom:5px }
  126.  
  127.  
  128. blockquote {
  129. padding:0px;
  130. padding-left:5px;
  131. margin:5px;
  132. border-left:2px solid {color:title} }
  133.  
  134. blockquote img {
  135. width: auto }
  136.  
  137. img a{
  138. border:none; width:100% }
  139.  
  140.  
  141. /* Posts */
  142.  
  143. #container {
  144. width: 800px;
  145. text-align: center;
  146. margin: 0 auto 15px auto;
  147. background-color:{color:entry}; }
  148.  
  149. #entries {
  150. width: 500px;
  151. margin: 22px 0 -10px 250px;
  152. margin-right:40px;
  153. float:right;
  154. text-align: justify; }
  155.  
  156. #entry {
  157. width: 500px;
  158. margin: 8px;
  159. padding: 8px;
  160. text-align: justify;
  161. font-family: cambria;
  162. font-size: 11px;
  163. line-height: 14px;
  164. background-color:{color:entry};
  165. border:0 solid #f2f2f2; }
  166.  
  167.  
  168. /* Sidebar */
  169.  
  170. #sidebar {
  171. top: 200px;
  172. margin-left:0px;
  173. padding:0px;
  174. position:fixed; }
  175.  
  176. #side{
  177. width:150px;
  178. margin-top:-5px;
  179. margin-bottom: 25px;
  180. padding: 5px;
  181. margin: 5px;
  182. text-align:justify;
  183. font-family: Arial;
  184. font-size: 10px;
  185. margin-top: auto; }
  186.  
  187. #sidebar img {
  188. width:150px;
  189. height:150px;
  190. border:3px double #e8e8e8;
  191. margin-bottom:10px;
  192. background-color: #fff;
  193. padding: 8px; }
  194.  
  195.  
  196. /* Hover Image */
  197.  
  198. #sidebar:hover .img_one{
  199. opacity: 1.0;
  200. -webkit-transition: 2s ease-in-out;
  201. -moz-transition: 2s ease-in-out;
  202. -o-transition: 2s ease-in-out; }
  203.  
  204. #sidebar:hover .img_two{
  205. opacity: 1.0;
  206. -webkit-transition: 2s ease-in-out;
  207. -moz-transition: 2s ease-in-out;
  208. -o-transition: 2s ease-in-out; }
  209.  
  210. .img_one:hover .img_two {
  211. opacity: 1.0;
  212. -webkit-transition: 2s ease-in-out;
  213. -moz-transition: 2s ease-in-out;
  214. -o-transition: 2s ease-in-out; }
  215.  
  216. .img_one img{
  217. width: 150px;
  218. height: 150px; }
  219.  
  220.  
  221. .img_one{
  222. -webkit-transition-duration:3s;
  223. -moz-transition-duration: 3s;
  224. -o-transition-duration: 3s;
  225. float:left;
  226. margin-right:10px;
  227. margin-top: 10px; }
  228.  
  229.  
  230. .img_two img{
  231. width: 150px;
  232. height: 150px; }
  233.  
  234. .img_two{
  235. margin-right:10px;
  236. margin-top: -184px;
  237. position:absolute;
  238. z-index:3;
  239. opacity:0;
  240. -webkit-transition: 2s ease-in-out;z
  241. -moz-transition:: 2s ease-in-out;
  242. -o-transition: 2s ease-in-out; }
  243.  
  244. /* Description and Pagination */
  245.  
  246. .descrip {
  247. width:162px;
  248. padding: 5px;
  249. margin: 0px;
  250. margin-top: 0px;
  251. font-family: Cambria;
  252. font-style:none;
  253. font-size: 8px;
  254. letter-spacing: 1px;
  255. background-color: transparent;
  256. -webkit-transition-duration: .80s;
  257. -o-transition-duration: .80s;
  258. -moz-transition-duration: .80s;
  259. -ms-transition-duration: .80s;
  260. opacity:0;}
  261.  
  262. .descrip:hover {
  263. opacity:0;
  264. -webkit-transition: all 0.6s ease-in-out;
  265. -moz-transition: all 0.6s ease-in-out;
  266. -o-transition: all 0.6s ease-in-out;
  267. -ms-transition: all 0.6s ease-in-out;
  268. transition: all 0.6s ease-in-out; }
  269.  
  270. #sidebar:hover .descrip{
  271. opacity:1;
  272. -webkit-transition: all 2s ease-in-out;
  273. -moz-transition: all 2s ease-in-out;
  274. -o-transition: all 2s ease-in-out; }
  275.  
  276. #sidebar:hover .links{
  277. opacity:1;
  278. -webkit-transition: all 2s ease-in-out;
  279. -moz-transition: all 2s ease-in-out;
  280. -o-transition: all 2s ease-in-out; }
  281.  
  282. #sidebar:hover #pagination {
  283. opacity:1;
  284. -webkit-transition: all 2s ease-in-out;
  285. -moz-transition: all 2s ease-in-out;
  286. -o-transition: all 2s ease-in-out; }
  287.  
  288.  
  289. #pagination {
  290. margin-left: 68px;
  291. -webkit-transition-duration: .80s;
  292. -o-transition-duration: .80s;
  293. -moz-transition-duration: .80s;
  294. -ms-transition-duration: .80s;
  295. opacity:0;}
  296.  
  297. .pag {
  298. text-align:center;
  299. font-size:8px;
  300. letter-spacing:1px;
  301. text-transform:uppercase;
  302. font-family: Cambria; }
  303.  
  304.  
  305. /* Links */
  306.  
  307. .links {
  308. padding:2px;
  309. position:fixed;
  310. font-family:Cambria;
  311. font-size:8px;
  312. text-align:left;
  313. letter-spacing:1px;
  314. margin-top:20px;
  315. margin-left:185px;
  316. opacity:0;
  317. -webkit-transition-duration: .80s;
  318. -o-transition-duration: .80s;
  319. -moz-transition-duration: .80s;
  320. -ms-transition-duration: .80s;
  321. color:{color:link}; }
  322.  
  323. .links a{
  324. text-transform: uppercase;
  325. padding:3px;
  326. margin-bottom:4px;
  327. font-style:normal;
  328. display: block;
  329. border-bottom: 1px solid #e8e8e8;
  330. background-color: #fff;
  331. color:{color:linkshover}; }
  332.  
  333. .links:hover {
  334. opacity:0;
  335. -webkit-transition: all 0.6s ease-in-out;
  336. -moz-transition: all 0.6s ease-in-out;
  337. -o-transition: all 0.6s ease-in-out;
  338. -ms-transition: all 0.6s ease-in-out;
  339. transition: all 0.6s ease-in-out; }
  340.  
  341. /* H */
  342.  
  343. h1 {
  344. font-family:Cambria;
  345. font-size:10px;
  346. line-height:12px;
  347. letter-spacing:0px;
  348. font-weight:normal;
  349. text-transform:none;
  350. margin-right:5px;
  351. padding:0px;
  352. text-align:right;
  353. color:{color:text}; }
  354.  
  355. h2 {
  356. font-family:Cambria;
  357. font-size:14px;
  358. line-height:12px;
  359. letter-spacing:1px;
  360. font-weight:normal;
  361. text-transform:none;
  362. margin:0px;
  363. padding:0px;
  364. text-align:none;
  365. font-style: italic;
  366. color:{color:title}; }
  367.  
  368. h3 {
  369. font-family:Cambria;
  370. font-size:14px;
  371. line-height:16px;
  372. letter-spacing:1px;
  373. font-weight:normal;
  374. text-transform:none;
  375. margin:0px;
  376. padding:0px;
  377. text-align:none;
  378. font-style: italic;
  379. color:{color:title}; }
  380.  
  381.  
  382. /* Post Info */
  383.  
  384. #info {
  385. text-align:left;
  386. font-family:Cambria;
  387. margin:2px;
  388. padding:2px;
  389. display:block;
  390. font-size:9px;
  391. letter-spacing:1px;
  392. font-style: italic;
  393. padding-bottom: 1px;
  394. text-transform:lowercase;
  395. background-color: transparent;
  396. border-top: 1px solid #e8e8e8;}
  397.  
  398. #info a {
  399. color:{color:link}; }
  400.  
  401. #tags {
  402. font-family:Cambria;
  403. margin-left: 2px;
  404. text-align:left;
  405. letter-spacing:1px;
  406. text-transform:uppercase;
  407. font-size:8px;
  408. color:{color:link}; }
  409.  
  410.  
  411. /* Ask */
  412.  
  413. #question {
  414. padding:10px;
  415. margin-left: 60px;
  416. position: relative;
  417. background-color: {color:asker}; }
  418.  
  419. #question:after, #demo:before {
  420. border: solid transparent;
  421. content: ' ';
  422. height: 0;
  423. right: 100%;
  424. position: absolute;
  425. width: 0;}
  426.  
  427. #question:after {
  428. border-width: 9px;
  429. top: 15px;
  430. border-right-color: {color:asker};
  431. }
  432.  
  433. #question:before {
  434. border-width: 14px;
  435. top: 10px;
  436. border-right-color: {color:asker};
  437. }
  438.  
  439. #q {
  440. font-family:Cambria;
  441. letter-spacing:1px;
  442. font-style: italic;
  443. color:{color:title}; }
  444. }
  445.  
  446. /* Audio */
  447.  
  448. .audio {
  449. display: block;
  450. }
  451.  
  452. .audio_details {
  453. font-size: 8px;
  454. font-style: italic;
  455. }
  456.  
  457. .albumart img {
  458. float: left;
  459. margin-right: 7px;
  460. border: 3px solid #fbfbfb;
  461. width: 68px;
  462. height: 68px;
  463. }
  464.  
  465.  
  466. /* Chat */
  467.  
  468. ul.chat, .chat ol, .chat li {
  469. list-style:none; margin:4px; padding:2px; }
  470.  
  471.  
  472. /* Post Notes */
  473.  
  474. .notes img {
  475. width:16px;
  476. position:relative;
  477. top:5px;
  478. border: 1px solid #e8e8e8;
  479. padding: 2px;
  480. }
  481.  
  482. ol.notes, .notes li {
  483. width:490px;
  484. list-style:none;
  485. margin:8px 0 -4px 5px;
  486. padding:5px
  487. }
  488.  
  489.  
  490. /* Credit */
  491.  
  492. .cred {
  493. margin-left:750px;
  494. float:right;
  495. bottom: 20px;
  496. width:10px;
  497. position:fixed;
  498. text-transform:uppercase;
  499. padding: 3px;
  500. border: 3px double #e8e8e8;
  501. margin-top: 0px;
  502. font-family: Cambria;
  503. font-style:none;
  504. font-size: 10px;
  505. letter-spacing: 1px;
  506. background-color: #fff;
  507. -webkit-transition-duration: .80s;
  508. -o-transition-duration: .80s;
  509. -moz-transition-duration: .80s;
  510. -ms-transition-duration: .80s;
  511. opacity:.5;}
  512.  
  513. .cred:hover {
  514. opacity:1;
  515. -webkit-transition: all 0.6s ease-in-out;
  516. -moz-transition: all 0.6s ease-in-out;
  517. -o-transition: all 0.6s ease-in-out;
  518. -ms-transition: all 0.6s ease-in-out;
  519. transition: all 0.6s ease-in-out; }
  520.  
  521.  
  522.  
  523. </style>
  524.  
  525. <style type="text/css">{CustomCSS}</style>
  526.  
  527. </head>
  528.  
  529. <body>
  530.  
  531. <div id="container">
  532.  
  533. <div id="entries">
  534.  
  535. <div class="cred"><a href="http://britishursthemes.tumblr.com" title="credit">©</a></div>
  536.  
  537. {block:Posts}
  538.  
  539. <div id="entry">
  540.  
  541. {block:Text}{block:Title}<h3>
  542. <a href="{Permalink}" target="_blank">{Title}</a></h3>{/block:Title}{Body}{/block:Text}
  543.  
  544. {block:Quote}<h2>“{Quote}”</h2><br> <h1>— {Source}</h1>{/block:Quote}
  545.  
  546. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  547. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  548.  
  549. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  550. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  551.  
  552. {block:Photoset}<center>{Photoset-500}</center>
  553. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  554.  
  555. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  556.  
  557. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  558.  
  559. {block:Audio}<center> <div class="post audio"> {AudioPlayerBlack}<br> <b>Played:</b> {PlayCount} times </center>
  560. {block:Caption} <div class="caption">{Caption}</div> {/block:Caption}</li> {/block:Audio}</ol>
  561.  
  562. {block:Answer}<a href="{AskerUrl}"><img align="left" src="{AskerPortraitURL-48}"></a>
  563. <div id="question" style="width:420px;"> <span style="text-transform:uppercase;">{Asker}:</span> <div id="q"> {Question}</div> </div>
  564. <span style="color:{color:text};">{Answer}</span> {/block:Answer}
  565.  
  566. <div id="info">
  567. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  568.  
  569. <span style="float: right;">
  570. {block:ContentSource}© <a href="{SourceURL}" target="_blank">{SourceLink}</a> / {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  571. <a href="{ReblogURL}" target="_blank">reblog</a>
  572. </span> </div>
  573.  
  574.  
  575. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div> {/block:HasTags} </div>
  576.  
  577. <br>
  578. {/block:Posts} {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  579. </div>
  580.  
  581.  
  582. <div id="sidebar">
  583.  
  584.  
  585. <div class="links">
  586.  
  587. {block:IfShowLink1}
  588. <a href="{text:Link 1}">
  589. {text:Link 1 Text}</a>{/block:IfShowLink1}
  590.  
  591. {block:IfShowLink2}
  592. <a href="{text:Link 2}">
  593. {text:Link 2 Text}</a>{/block:IfShowLink2}
  594.  
  595. {block:IfShowLink3}
  596. <a href="{text:Link 3}">
  597. {text:Link 3 Text}</a>{/block:IfShowLink3}
  598.  
  599. {block:IfShowLink4}
  600. <a href="{text:Link 4}">
  601. {text:Link 4 Text}</a>{/block:IfShowLink4}
  602.  
  603. {block:IfShowLink5}
  604. <a href="{text:Link 5}">
  605. {text:Link 5 Text}</a>{/block:IfShowLink5}
  606.  
  607. {block:IfShowLink6}
  608. <a href="{text:Link 6}">
  609. {text:Link 6 Text}</a>{/block:IfShowLink6}
  610.  
  611. {block:IfShowLink7}
  612. <a href="{text:Link 7}">
  613. {text:Link 7 Text}</a>{/block:IfShowLink7}
  614.  
  615. </div>
  616.  
  617.  
  618. <div id="side">
  619.  
  620. <div class="img_one"><img src="{image:sideimg1}" />
  621. <div class="img_two"><img src="{image:sideimg2}" /> </div></div>
  622.  
  623. <div class="descrip">
  624.  
  625. {Description}
  626.  
  627. </div>
  628.  
  629. <div id="pagination">{block:Pagination}
  630. {block:PreviousPage}<a href="{PreviousPage}" title="previous">«</a>{/block:PreviousPage} <span class="pag">{CurrentPage} of {TotalPages}</span>
  631. {block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}{/block:Pagination}</div></span>
  632.  
  633. </div>
  634.  
  635. </div>
  636.  
  637.  
  638. </body>
  639. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!