veusthemes

Cardiff Theme

Aug 17th, 2011
28,844
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.51 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <!--
  5. Theme by Livings
  6. -->
  7.  
  8. <head> <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#FFFFFF" />
  10. <meta name="color:text" content="#222" />
  11. <meta name="color:link" content="#222" />
  12. <meta name="color:hover link" content="#fff"/>
  13. <meta name="if:Endless Scroll" content="1"/>
  14. <meta name="text:Width" content="300"/>
  15. <meta name="text:font size" content="9px" />
  16. <meta name="text:Custom Link One" content="" />
  17. <meta name="text:Custom Link One Title" content="" />
  18. <meta name="text:Custom Link Two" content="" />
  19. <meta name="text:Custom Link Two Title" content="" />
  20. <meta name="if:Maximised Background Image" content="0"/>
  21. <meta name="image:Background" content=""/>
  22. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&v1' rel='stylesheet'
  23. type='text/css'>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <style type="text/css">
  31.  
  32. body{text-align:justify;margin-top:20px;margin-bottom:20px;color:{color:text};font-family:georgia;font-size:{text:font size};background:{color:background};{block:IfNotMaximisedBackgroundImage}
  33. background-image:url({image:Background});
  34. background-attachment:fixed;
  35. background-repeat:repeat;
  36. {/block:IfNotMaximisedBackgroundImage}
  37. }
  38. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  39. {block:IfMaximisedBackgroundImage}
  40. #bg img {
  41. z-index:-1;
  42. position:fixed;
  43. top:0;
  44. left:0;
  45. height:100%;
  46. width:100%;
  47. }
  48. {block:IfMaximisedBackgroundImage}
  49.  
  50. a:link, a:visited, a:active{color:{color:link}; text-decoration:none; outline: none; -moz-
  51. outline-style: none;}
  52. a img{border:0px;}
  53. a:hover{outline: none;background:{color:hover link}; color:{color:text}; -moz-outline-style: none;}
  54. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text};}
  55. blockquote img{display:block;}
  56. blockquote p{padding:0px; margin:0px;}
  57. blockquote blockquote{position:relative; left:5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  58. .title{text-align:center; font-family:cedarville cursive; font-size:35px; color:{color:text};line-height:19px; margin-bottom:-4px;text-align:center;}
  59. .nav{text-align:center; font-family:georgia; font-size:{text:font size}; color:{color:text};line-height:11px; text-align:center;}
  60. .hc{text-align:left; font-family:cedarville cursive; font-size:20px; color:{color:link};line-height:14px;}
  61. .src{margin-top:3px; text-align:right;}
  62. #foot{padding-top:8px; margin-top:10px; width:{text:Width}px; border-top:1px dashed {color:text};}
  63. .audio {width:{text:Width}px; background-color:#000 !important;}
  64. .download{position:absolute; margin-top:1px; margin-left:460px;}
  65. .lines{font-style:normal;}
  66. .lines .line{color:{color:chat2}; margin-bottom:3px; width:{text:Width}px; padding:3px; background:{color:chat1};}
  67. .lines .line.even{color:{color:chat1}; margin-bottom:3px; width:{text:Width}px; padding:3px; background:{color:chat2};}
  68. .of{font-size:13px; font-style:italic;}
  69. .page{font-size:20px;}
  70. .info {position:relative; width:300px; margin:auto; top:25px;margin-bottom:30px; order-right: 1px solid #000;}
  71. .entry{text-align:justify;padding-top:5px;padding-bottom:5px;width:{text:Width}px;}
  72. .photo_entry{padding-top:5px;padding-bottom:5px;width:{text:Width}px;}
  73. .date{color:{color:entry}; font-size:10px; display:none; position:absolute; width:90px; right:92%; padding-right:10px; margin-right:10px;}
  74. div#post{width:{text:Width}px;margin-top:05px;margin-bottom:5px;font-size:{text:font size};}
  75. #entry:hover .date {display: block;}
  76. .date a {color:{color:entry};}
  77. .date a:hover {color:{color:entry};}
  78. #content {width:{text:Width}px;width:{text:Width}px;
  79. margin: auto;position:center;}
  80. #dess{width:180px;float:left; margin-left:-191px; margin-top:0px; font-size:{text:font size};
  81. text-align:right;}
  82. .permalink {float:right;margin-left:-50px;position: absolute;text-align: right;width: 30px;height:30px;font-size:10px;font-family:{font:body}; opacity:0;-webkit-transition: 0.3s ease-in;}
  83. .entry:hover .permalink{opacity: 1; margin-left:-40px;-webkit-transition: 0.3s ease-in;}
  84. .photo_entry:hover .permalink{opacity: 1; margin-left:-40px;-webkit-transition: 0.3s ease-in;}
  85. .page{font-family:{font:Body};font-size:{text:Page font size}px;padding-top:10px;}
  86.  
  87. </style>
  88. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScroll}
  89.  
  90.  
  91. {CustomCSS}
  92. </style>
  93. </head>
  94. <body>
  95. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  96. <div id="content">
  97. <div class="info">
  98. <div class="title"><a href="/">{title}</a></div><br>
  99. <div class="nav">{block:Description}{Description}{/block:Description}<Br><a href="/archive">archive</a> &nbsp;<a href="/ask">message</a> &nbsp;<a href="http://livings.tumblr.com/">credit</a> {block:IfCustomLinkOneTitle} &nbsp;<a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle} &nbsp;<a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle} </div>
  100. </div>
  101.  
  102. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  103.  
  104. {block:Posts}
  105. {block:Text}
  106. <div class="entry">
  107. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  108. {block:Title}<div class="hc">{Title}</div>{/block:Title}
  109. <div class="two">{Body}</div>
  110. </div>
  111. {/block:Text}
  112.  
  113. {block:Photo}
  114. <div class="photo_entry">
  115. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  116. <div class="one">{LinkOpenTag}<img src="{photoURL-500}" width="{text:Width}" />{LinkCloseTag}</div>
  117. {block:IfShowCaption}{block:Caption}<div class="two">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  118. </div>
  119. {/block:Photo}
  120. {block:Photoset}
  121. <div class="entry">
  122. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  123. <div class="one">{Photoset-500}</div>
  124. {block:Caption}<div class="two">{Caption}</div>{/block:Caption}
  125. </div>
  126. {/block:Photoset}
  127.  
  128. {block:Quote}
  129. <div class="entry">
  130. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  131. "{Quote}" {block:Source} <i><b>-{source}</b></i>{/block:Source}
  132. </div>
  133. {/block:Quote}
  134.  
  135.  
  136. {block:Link}
  137. <div class="entry">
  138. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  139. <div class="h2"><a href="{URL}">{Name}</a></div>
  140. </div>
  141. {/block:Link}
  142.  
  143. {block:Chat}
  144. <div class="entry">
  145. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  146. <div class="chat">
  147. <div class="one">{block:Title}<b>{Title}</b>{/block:Title}</div>
  148. {block:Lines}<div class="two">{block:Label}<div class="three"><b>{Label}</b> {Line}</div></div>{/block:Label}{/block:Lines}
  149. </div></div>
  150. {/block:Chat}
  151.  
  152. {block:Audio}
  153. <div class="entry">
  154. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  155. <div class="audio">
  156. {AudioPlayerBlack}</div>
  157. <div style="padding:2px; font-size:10px; text-align:left;font-style:italic;">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  158. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  159. </div>
  160. {/block:Audio}
  161.  
  162. {block:Video}
  163. <div class="entry">
  164. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  165. <div class="one"><center>{Video-500}</center></div>
  166. {block:Caption}<div class="two">{Caption}</div>{/block:Caption}
  167. </div>
  168. {/block:Video}
  169.  
  170. {block:Answer}
  171. <div class="entry">
  172. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  173. <div class="one"><div class="asker">{Asker}: {Question}</div></div></div>
  174. <div class="two"><div style="padding:2px;">{Answer}</div></div>
  175. {/block:Answer}
  176.  
  177. {block:PostNotes}
  178. {PostNotes}
  179. {/block:PostNotes}
  180.  
  181. {/block:posts}
  182.  
  183.  
  184. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  185. {block:IfNotEndlessScroll}<div style="text-align:right;">{block:PreviousPage}<a href="{PreviousPage}">Previous </a> . {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}</div>{/block:Pagination}
  186. {/block:IfNotEndlessScroll}
  187.  
  188.  
  189.  
  190. </div></div>
  191.  
  192.  
  193. </div>
  194. </body>
  195. </html>
Advertisement
Add Comment
Please, Sign In to add comment