AlanePagliari

Theme 04

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