API tools faq
paste
AlanePagliari

Theme 05

AlanePagliari
Feb 13th, 2014
2,508
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.11 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. theme 05 by britishursthemes.tumblr.com
  5. ask box is always opened for help!!
  6. -->
  7.  
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head>
  12.  
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:background" content="#ffffff" />
  15. <meta name="color:side" content="#ffffff" />
  16. <meta name="color:entry" content="#ffffff" />
  17. <meta name="color:asker" content="#fbfbfb" />
  18.  
  19. <meta name="color:title" content="#5a5a5a" />
  20. <meta name="color:text" content="#858585" />
  21. <meta name="color:link" content="#a9a9a9" />
  22. <meta name="color:linkshover" content="#a9a9a9" />
  23.  
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 1 Text" content="" />
  26.  
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 2 Text" content="" />
  29.  
  30. <meta name="text:Link 3" content="" />
  31. <meta name="text:Link 3 Text" content="" />
  32.  
  33. <meta name="text:Link 4" content="" />
  34. <meta name="text:Link 4 Text" content="" />
  35.  
  36. <meta name="if:Show Link 1" content="1" />
  37. <meta name="if:Show Link 2" content="1" />
  38. <meta name="if:Show Link 3" content="1" />
  39. <meta name="if:Show Link 4" content="1" />
  40.  
  41.  
  42. <meta name="image:sidebar" content=""/>
  43.  
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45. <title>{Title}</title>
  46. <meta name="google-site-verification" content="g12-tkgnJf88O_qOcPww05a17dmq46r3mnp8CD9FYKA" />
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50. <style type="text/css">
  51.  
  52. /* Scrollbar */
  53.  
  54. ::-webkit-scrollbar-thumb{
  55. background-color: {color:linkshover};
  56. border: 2px solid #ffffff;
  57. height:auto; }
  58.  
  59. ::-webkit-scrollbar {
  60. height:8px;
  61. width:8px;
  62. background-color: {color:linkshover};
  63. border: 4px solid #ffffff; }
  64.  
  65. /* Main */
  66.  
  67. body {
  68. background:{color:background};
  69. color:{color:text};
  70. font-family:helvetica;
  71. font-size:10px;
  72. text-align:justify;
  73. margin:0;
  74. line-height:15px;}
  75.  
  76. a:link, a:active, a:visited {
  77. text-decoration:none;
  78. color:{color:link};
  79. -webkit-transition: all 0.6s ease-in-out;
  80. -moz-transition: all 0.6s ease-in-out;
  81. -o-transition: all 0.6s ease-in-out;
  82. -ms-transition: all 0.6s ease-in-out;
  83. transition: all 0.6s ease-in-out;}
  84.  
  85. a:hover{
  86. color:{color:linkshover};
  87. -webkit-transition: all 0.6s ease-in-out;
  88. -moz-transition: all 0.6s ease-in-out;
  89. -o-transition: all 0.6s ease-in-out;
  90. -ms-transition: all 0.6s ease-in-out;
  91. transition: all 0.6s ease-in-out;}
  92.  
  93.  
  94. small{
  95. font-size:7px; line-height:110% }
  96.  
  97. big {
  98. font-size:14px; line-height:110% }
  99.  
  100. p {
  101. margin-top:5px; margin-bottom:5px }
  102.  
  103. blockquote {
  104. padding:0px;
  105. padding-left:5px;
  106. margin:5px;
  107. border-left:1px solid {color:text} }
  108.  
  109. blockquote img {
  110. width: auto; }
  111.  
  112. img a{
  113. border:none; width:100% }
  114.  
  115.  
  116. /* Posts */
  117.  
  118. #container {
  119. width: 800px;
  120. text-align: center;
  121. margin: 0 auto 15px auto;
  122. background-color:{color:entry}; }
  123.  
  124. #entries {
  125. width: 500px;
  126. margin: 22px 0 -10px 250px;
  127. margin-right:100px;
  128. float:right;
  129. text-align: justify; }
  130.  
  131. #entry {
  132. width: 500px;
  133. margin: 8px;
  134. margin-top: 10px;
  135. padding: 8px;
  136. text-align: justify;
  137. font-size: 10px;
  138. line-height: 14px;
  139. border:0px solid #f2f2f2;
  140. background-color: {color:entry};
  141. font-family:{font:body};}
  142.  
  143. /* Sidebar */
  144.  
  145. #sidebar {
  146. top: 150px;
  147. margin-left:-50px;
  148. padding:0px;
  149. position:fixed; }
  150.  
  151. #side{
  152. width:200px;
  153. margin-top:5px;
  154. margin-bottom: 25px;
  155. padding: 5px;
  156. margin: 5px;
  157. text-align:justify;
  158. font-size: 10px;
  159. margin-top: auto;
  160. background-color: #fff;}
  161.  
  162. #side img {
  163. max-width:200px;
  164. margin-bottom:5px; }
  165.  
  166. /* Description and Pagination */
  167.  
  168. #descrip {
  169. font-size: 10px;
  170. letter-spacing: 0px;
  171. color: {color:text};}
  172.  
  173.  
  174. #pagination {
  175. font-size: 8px;
  176. letter-spacing: 1px;
  177. text-transform: uppercase;
  178. text-align: center;
  179. color: {color:text}; }
  180.  
  181. #pagination a {
  182. display: inline;
  183. padding: 2px 6px 2px 6px;
  184. text-decoration: none;
  185. color: {color:link}; }
  186.  
  187. #pagination_current {
  188. color: {color:text}; }
  189.  
  190. /* Blog Title */
  191.  
  192. #title {
  193. margin-bottom: 5px; }
  194.  
  195. #title a {
  196. font-size: 17px;
  197. font-family: Helvetica;
  198. font-weight: bold;
  199. text-transform:lowercase;
  200. letter-spacing: 0px;
  201. line-height: 14px;
  202. color: {color:title}; }
  203.  
  204.  
  205. /* Links */
  206.  
  207. #links{
  208. text-align:center;
  209. padding:2px;
  210. margin-top:5px;
  211. list-style:none;
  212. background:{color:asker}; }
  213.  
  214. #links a {
  215. line-height:20px;
  216. text-decoration:none;
  217. margin:0 7px;
  218. display:inline-block;
  219. font-size:8px;
  220. letter-spacing:1px;
  221. text-transform:uppercase; }
  222.  
  223. #morelinks {
  224. font-size:8px;
  225. letter-spacing:1px;
  226. line-height:16px;
  227. text-align:left;
  228. padding-top:10px;
  229. text-transform:uppercase;
  230. font-weight:normal;
  231. width:70px; }
  232.  
  233.  
  234. #morelinks a {
  235. border-right: 1px solid {color:asker};
  236. width:65px;
  237. color:{color:linkshover};
  238. margin-right:5px;
  239. float:left;
  240. padding-left:2px;
  241. margin-bottom:5px;
  242. text-decoration:none;
  243. -webkit-transition: all 0.6s ease-in-out;
  244. -moz-transition: all 0.6s ease-in-out;
  245. -o-transition: all 0.6s ease-in-out;
  246. -ms-transition: all 0.6s ease-in-out;
  247. transition: all 0.6s ease-in-out; }
  248.  
  249. #morelinks a:hover {
  250. color:{color:link};
  251. background:{color:asker};
  252. -webkit-transition: all 0.6s ease-in-out;
  253. -moz-transition: all 0.6s ease-in-out;
  254. -o-transition: all 0.6s ease-in-out;
  255. -ms-transition: all 0.6s ease-in-out;
  256. transition: all 0.6s ease-in-out; }
  257.  
  258. /* H */
  259.  
  260. h1 {
  261. font-size:10px;
  262. line-height:100%;
  263. letter-spacing:0px;
  264. font-weight:normal;
  265. text-transform:none;
  266. margin-right:5px;
  267. padding:0px;
  268. text-align:center;
  269. color:{color:text}; }
  270.  
  271. h2 {
  272. font-size:14px;
  273. line-height:120%;
  274. letter-spacing:0px;
  275. font-weight:normal;
  276. text-transform:none;
  277. margin:0px;
  278. padding:0px;
  279. text-align:none;
  280. font-weight: bold;
  281. color:{color:title}; }
  282.  
  283. h3 {
  284. font-size:14px;
  285. line-height:16px;
  286. letter-spacing:0px;
  287. font-weight:normal;
  288. text-transform:none;
  289. margin:0px;
  290. padding:0px;
  291. text-align:none;
  292. font-weight: bold;
  293. color: {color:title}; }
  294.  
  295.  
  296.  
  297. /* Post Info */
  298.  
  299. #info {
  300. margin-top:5px;
  301. padding:2px;
  302. font-size:8px;
  303. letter-spacing:1px;
  304. text-transform:uppercase;
  305. border-top: 1px solid #f1f1f1;
  306. text-align:left;}
  307.  
  308. #info a{
  309. margin-left: -2px;
  310. padding-right:6px;}
  311.  
  312. .tags {
  313. margin-bottom:-2px;
  314. line-height:100%;
  315. margin-top:0px;
  316. padding:5px;}
  317.  
  318. .tags a {
  319. padding-right:5px; }
  320.  
  321.  
  322. /* Ask */
  323.  
  324. #question {
  325. padding:10px;
  326. margin-left: 25px;
  327. position: relative;
  328. border-bottom: 1px solid #fbfbfb; }
  329.  
  330. #icon img {
  331. margin-top: 8px;
  332. border-radius:100%;}
  333.  
  334. #q {
  335. letter-spacing:0px;
  336. font-style: none;
  337. color:{color:title}; }
  338.  
  339.  
  340. /* Audio */
  341.  
  342. .audio {
  343. width:500px;
  344. padding-bottom:10px; }
  345.  
  346. .albumart {
  347. float:left;
  348. padding:0px 10px 10px 0px;}
  349.  
  350. .albumart img {
  351. width:64px;
  352. height:64px;
  353. padding:10px;
  354. padding-bottom:15px; }
  355.  
  356. .playercontainer {
  357. text-align:left;
  358. padding:0px;
  359. width:480px; }
  360.  
  361. .audioinfo {
  362. padding:10px;
  363. color:{color:text}; }
  364.  
  365. /* Chat */
  366.  
  367. .chat ol {
  368. padding:0;
  369. line-height:180%;
  370. list-style:none; }
  371.  
  372. .line.odd {
  373. background:{color:asker};
  374. padding:2px; }
  375.  
  376. .line.even {
  377. padding:5px; }
  378.  
  379. .label {
  380. font-weight:bold;
  381. padding-right:1px;
  382. letter-spacing:1px;
  383. text-transform:uppercase;
  384. color:{color:title};}
  385.  
  386.  
  387. /* Post Notes */
  388.  
  389. .notes img {
  390. width:16px;
  391. position:relative;
  392. top:8px;
  393. border: 0px solid #e8e8e8;
  394. padding: 2px; }
  395.  
  396. ol.notes, .notes li {
  397. font-size: 8px;
  398. letter-spacing: 1px;
  399. text-transform: uppercase;
  400. width:490px;
  401. list-style:none;
  402. margin:8px 0 -3px 5px;
  403. padding:4px; }
  404.  
  405.  
  406.  
  407. </style>
  408.  
  409.  
  410. <style type="text/css">{CustomCSS}</style>
  411.  
  412. </head>
  413.  
  414. <body>
  415.  
  416. <div id="container">
  417.  
  418. <div id="entries">
  419.  
  420. {block:Posts}
  421.  
  422. <div id="entry">
  423.  
  424. {block:Text}{block:Title}<h3>
  425. <a href="{Permalink}" target="_blank">{Title}</a></h3>{/block:Title}{Body}{/block:Text}
  426.  
  427. {block:Quote}<h2>{Quote}</h2> <center><h1>— {Source}</h1></center>{/block:Quote}
  428.  
  429. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  430. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  431.  
  432. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
  433. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  434.  
  435. {block:Photoset}<center>{Photoset-500}</center>
  436. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  437.  
  438. {block:Chat}
  439. {block:Title}<h3>{Title}</h3>{/block:Title}
  440. <div class="chat"><ol>{block:Lines}<li class="line {Alt}">
  441. {block:Label}<span class="label">{Label}</span>
  442. {/block:Label}{Line}</li>{/block:Lines}</ol></div>
  443. {/block:Chat}
  444.  
  445. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  446.  
  447. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  448. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  449. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  450. <div class="playercontainer">{AudioPlayerWhite}</div></div>
  451. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  452.  
  453. {block:Answer}
  454. <div id="icon"><a href="{AskerUrl}"><img align="left" src="{AskerPortraitURL-24}"></a></div>
  455. <div id="question" style="width:455px;"> <span style="text-transform:uppercase;">{Asker} said:</span> {Question} </div>
  456. <span style="color:{color:text};">{Answer}</span> {/block:Answer}
  457.  
  458. {block:Date}<div id="info">
  459. <div id="date">
  460. <a href="{Permalink}"><span style="background:{color:asker}; padding: 4px;">{TimeAgo}</a></span>
  461.  
  462. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  463. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  464. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  465. <span style="float: right;"> <a href="{ReblogURL}" target="_blank">reblog</a></span>
  466.  
  467. </div></div>{/block:Date}
  468.  
  469. {block:HasTags}
  470. <div class="tags">
  471. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>
  472. {/block:HasTags}
  473.  
  474. </div>
  475.  
  476. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  477. </div>
  478.  
  479. <div id="sidebar">
  480.  
  481. <div id="side">
  482.  
  483. <div id="title"><a href="/"><center>{Title}</center></a></div>
  484.  
  485. <a href="/"><img src="{image:sidebar}"/></a>
  486.  
  487.  
  488. <div id="links">
  489. <a href="/">home</a>
  490. <a href="/ask">ask</a>
  491. <a href="/archive">archive</a>
  492. <a href="http://britishursthemes.tumblr.com">credit</a>
  493. </div>
  494.  
  495. <div id="morelinks">
  496. {block:IfShowLink1}
  497. <a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  498.  
  499. {block:IfShowLink2}
  500. <a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  501.  
  502. {block:IfShowLink3}
  503. <a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  504.  
  505. {block:IfShowLink4}
  506. <a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  507.  
  508. </div>
  509.  
  510. <div id="descrip">
  511.  
  512. {Description}
  513.  
  514. </div>
  515.  
  516. {block:Pagination}
  517. <div id="pagination"><br>
  518.  
  519. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  520. Page {CurrentPage} of {TotalPages}
  521. {block:NextPage} <a href="{NextPage}"> next</a>{/block:NextPage}{/block:Pagination}
  522. </div>
  523.  
  524.  
  525. </div>
  526.  
  527. </div>
  528.  
  529. </body>
  530. </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!