AlanePagliari

Theme 02

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