Advertisement
oswinoswild

THEME 02 HEAR ME ROAR

Oct 19th, 2013
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.58 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. <!--THEME 02 BY VILLAINIZES. PLEASE DON'T REMOVE/CHANGE CREDIT OR CLAIM AS YOUR OWN. ENJOY-->
  4.  
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <meta name="color:Text" content="#bbbbbb"/>
  16. <meta name="color:Link" content="#aaaaaa"/>
  17. <meta name="color:Tags" content="#cccccc"/>
  18. <meta name="color:Hover" content="#f1f1f1"/>
  19. <meta name="color:Line" content="#f2f2f2"/>
  20. <meta name="color:Border" content="#eeeeee"/>
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:homelink title" content="home">
  25. <meta name="text:linkA" content="">
  26. <meta name="text:linkA url" content="/">
  27. <meta name="text:linkB" content="">
  28. <meta name="text:linkB url" content="/">
  29. <meta name="text:linkC" content="">
  30. <meta name="text:linkC url" content="/">
  31. <meta name="text:linkD" content="">
  32. <meta name="text:linkD url" content="/">
  33.  
  34. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  35.  
  36. <style>
  37. div#qTip {
  38. padding: 5px;
  39. display: none;
  40. text-align: center;
  41. position: absolute;
  42. font-size:7px;
  43. margin-left:10px;
  44. margin-top:-2px;
  45. line-height:9px;
  46. font-family:sylfaen;
  47. z-index: 1000;
  48. border: 1px solid #888888;
  49. background-color:#fff;
  50. color: #8f8f8f;
  51. text-transform:uppercase;
  52. letter-spacing: 3px;
  53. }
  54. </style>
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59. ::-webkit-scrollbar {
  60. width: 5px;height: 5px;}
  61. ::-webkit-scrollbar-button:start:decrement,
  62. ::-webkit-scrollbar-button:end:increment {
  63. height: 6px;display: block;background-color: {color:white};}
  64. ::-webkit-scrollbar-track-piece {
  65. background-color: {color:white};}
  66. ::-webkit-scrollbar-thumb:vertical {
  67. height: 9px;background-color: {color:white};border-top:1px solid {color:white};border-bottom:1px solid {color:white};}
  68.  
  69.  
  70. body {
  71. background:{color:background};
  72. margin:0px;
  73. color:{color:text};
  74. font-family:Arial, Helvetica;
  75. font-size:9px;
  76. line-height:100%;
  77. }
  78.  
  79. a {
  80. text-decoration:none;
  81. -moz-outline-style:none;
  82. color:{color:link};
  83. }
  84.  
  85. img {
  86. border:none;
  87. }
  88.  
  89.  
  90. h1 {
  91. font-size:12px;
  92. text-transform:uppercase;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105.  
  106. a:hover {
  107. opacity:1;
  108. color:{color:hover};
  109. -webkit-transition: all 0.5s ease;
  110. -moz-transition: all 0.5s ease;
  111. -o-transition: all 0.5s ease
  112. }
  113.  
  114.  
  115. #sidebar {
  116. position:fixed;
  117. width:120px;
  118. margin-left:200px;
  119. margin-top:80px;
  120. opacity:1;
  121. }
  122.  
  123. #sidebarimage {
  124. width 130px;
  125. }
  126.  
  127. #sidebarimage img {
  128. width:130px;
  129. padding:6px;
  130. }
  131.  
  132.  
  133. .desc {
  134. position:fixed;
  135. margin-top:10px;
  136. margin-left:-18px;
  137. font-family:cambria;
  138. line-height:110%;
  139. font-size:11px;
  140. font-style:italic;
  141. width:150px;
  142. padding:9px;
  143. text-align:justify;
  144. color:{color:text};
  145. }
  146.  
  147. .desc a
  148. {color:{color:text};
  149. -moz-transition-duration:0.6s;
  150. -webkit-transition-duration:0.6s;
  151. -o-transition-duration:0.6s;
  152. }
  153.  
  154.  
  155. .links {
  156. position:fixed;
  157. margin-top:-6px;
  158. margin-left:-23px;
  159. width:160px;
  160. padding: 9px;
  161. word-spacing:2px;
  162. font-family:Arial, Helvetica;
  163. text-align:center;
  164. text-transform:uppercase;
  165. }
  166.  
  167. .links a {
  168. font-size: 11px;
  169. }
  170.  
  171. .links a:hover {
  172. color:{color:Hover}
  173. }
  174.  
  175.  
  176. #pagi{
  177. width:150px;
  178. font-size:20px;
  179. text-align:center;
  180. margin-left:950px;
  181. margin-top:250px;
  182. position:fixed;
  183. font-family:cambria;
  184. letter-spacing:0px;
  185. }
  186.  
  187. #credit {
  188. font-size:12px;
  189. font-family:calibri;
  190. font-style:normal;
  191. letter-spacing:1px;
  192. -moz-transition-duration:0.8s;
  193. -webkit-transition-duration:0.8s;
  194. -o-transition-duration:0.8s;
  195. }
  196.  
  197. #credit a {
  198. background-color:#fff;
  199. position:fixed;
  200. right:15px;
  201. bottom:10px
  202. }
  203.  
  204. #all {
  205. padding:10px;
  206. width:500px;
  207. margin-left:500px;
  208. margin-top:50px;
  209. font-size:10px;
  210. }
  211.  
  212.  
  213.  
  214. #posts {
  215. width:500px;
  216. padding-bottom:20px;
  217. padding:10px;
  218. margin-top:30px;
  219. background-color:{color:Post};
  220. }
  221.  
  222.  
  223. #details {
  224. text-align:right;
  225. margin-top:8px;
  226. text-transform:uppercase;
  227. font-size:8px;
  228. font-style:none;
  229. border-top:1px solid {color:Line};
  230. }
  231.  
  232.  
  233. #tags {
  234. font-family:cambria;
  235. letter-spacing:0px;
  236. text-transform:lowercase;
  237. font-size:11px;
  238. font-style:italic;
  239. margin-top:2px;
  240. text-align:right;
  241. }
  242.  
  243. #tags a {
  244. display:inline-block;
  245. padding:-3px;
  246. text-align:right;
  247. color:{color:Tags};
  248. -webkit-transition: all 0.6s ease-in-out;
  249. -moz-transition: all 0.6s ease-in-out;
  250. -o-transition: all 0.6s ease-in-out;
  251. -ms-transition: all 0.6s ease-in-out;
  252. -transition: all 0.6s ease-in-out;
  253. }
  254.  
  255.  
  256. #question {
  257. padding:8px;
  258. font-family:cambria;
  259. letter-spacing:2px;
  260. text-align:right;
  261. font-style:italic;
  262. border:3px {color:border} solid;
  263. color:{color:text};
  264. background-color:{color:background}
  265. }
  266.  
  267.  
  268. {CustomCSS}</style></head><body>
  269.  
  270. <div id="sidebar">
  271. <div id="sidebarimage">
  272. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  273. <div class="desc">
  274. {Description}
  275. </div>
  276. <div class="links">
  277. <a href="{text:linkA url}" title="{text:linkA}">un</a>
  278. <a href="{text:linkB url}" title="{text:linkB}">deux</a>
  279. <a href="{text:linkC url}" title="{text:linkC}">trois</a>
  280. <a href="{text:linkD url}" title="{text:linkD}">quatre</a>
  281. </div>
  282. {block:Pagination}<div id="pagi">
  283. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  284. {block:JumpPagination length="3"}
  285. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  286. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  287. {/block:JumpPagination}
  288. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  289. </div>{/block:Pagination}
  290.  
  291. </div>
  292.  
  293. <div id="all">{block:Posts}<div id="posts">
  294.  
  295. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  296.  
  297. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  298.  
  299. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  300.  
  301. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  302.  
  303. {block:Quote}{Quote}{/block:Quote}
  304.  
  305. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  306. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  307. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  308. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  309. {/block:Audio}
  310.  
  311. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  312.  
  313. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  314.  
  315.  
  316. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">β€” {Asker} roared: {Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  317.  
  318. <div id="details">
  319. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">Β© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  320. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  321. {/block:Posts}
  322. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  323. {/block:Posts}</div></div></div>
  324.  
  325.  
  326. <div id="credit"><a href="http://villainizes.tumblr.com">Β©</div>
  327.  
  328.  
  329. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement