Advertisement
foxybieber

Fallen Humanity Theme

Apr 21st, 2012
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.89 KB | None | 0 0
  1. <html>
  2. <body>
  3. <!--
  4. theme 8 by carly (ddirections.tumblr.com)
  5. -->
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  10.  
  11. <meta name="color:background" content="#ffffff" />
  12. <meta name="color:sbar" content="#ffffff" />
  13. <meta name="color:entry" content="#ffffff" />
  14. <meta name="if:show icon" content="1"/>
  15. <meta name="color:permalink" content="#FCFCFC" />
  16. <meta name="color:navigation" content="#eeeeee" />
  17. <meta name="color:navigation hover" content="#eeeeee" />
  18.  
  19. <meta name="color:title" content="#B68A9C" />
  20. <meta name="color:text" content="#414141" />
  21. <meta name="color:link" content="#B68A9C" />
  22. <meta name="color:lhover" content="#0A0A09" />
  23. <meta name="font:links" content="georgia" />
  24.  
  25. <meta name="font:title" content="georgia" />
  26. <meta name="font:body" content="Trebuchet MS" />
  27.  
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:background" content="" />
  30.  
  31. <meta name="text:sidebar link 1" content=" link 1" />
  32. <meta name="text:sidebar link 1 url" content="/" />
  33. <meta name="text:sidebar link 2" content=" link 2" />
  34. <meta name="text:sidebar link 2 url" content="/" />
  35. <meta name="text:sidebar link 3" content=" link 3" />
  36. <meta name="text:sidebar link 3 url" content="/" />
  37. <meta name="text:sidebar link 4" content=" link 4" />
  38. <meta name="text:sidebar link 4 url" content="/" />
  39. <meta name="text:sidebar link 5" content=" link 5" />
  40. <meta name="text:sidebar link 5 url" content="/" />
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}</title>
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}" />
  46. {/block:Description}
  47. <link rel="shortcut icon" href="{Favicon}" />
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  49.  
  50. <style type="text/css">
  51.  
  52. body {
  53. color:{color:text};
  54. background-color:{color:background};
  55. background-image: url('{image:Background}');
  56. background-position: center;
  57. background-attachment:fixed;
  58. background-repeat: repeat;
  59. font-family:{font:body};
  60. font-size:9px;
  61. line-height:110%;
  62. text-align:justify}
  63.  
  64. a:link, a:active, a:visited{
  65. color: {color:link};
  66. text-decoration:none
  67. }
  68.  
  69. a:hover{
  70. color:{color:lhover};
  71. }
  72.  
  73. #entries{
  74. left:50%;
  75. margin-left:485px;
  76. margin-top:20px;
  77. width:510px}
  78.  
  79. #title {
  80. font-size:18px;
  81. text-align:center;
  82. font-family:meow;
  83. font-style:bold;
  84. line-height:105%
  85. }
  86.  
  87. #sidebarimg img {
  88. max-width: 300px;
  89. margin-left:0px;
  90. margin-top:0px;
  91. height: auto;
  92. text-align:center;
  93. }
  94.  
  95. #sbar {width:300px; float:left; margin-left:160px; top:0px; bottom:0px; background-color:{color:sbar}; text-align:justify; position:fixed; padding:5px;}
  96.  
  97. #portrait {width:80px;height:80px;margin-top:-350px; margin-left:-130px;
  98. background-color:{color:link};-moz-border-radius: 80px; -webkit-border-radius: 80px; z-index:2; position:fixed;}
  99.  
  100. #portrait img {margin-top:8px;margin-left:8px;margin-bottom:10px;-moz-border-radius:80px;-webkit-border-radius:80px;z-index:2;}
  101.  
  102. #navigation {margin-top:-260px; float:left; margin-left:-160px; width:140px}
  103. #navigation a:hover {-webkit-transition:0.3s linear}
  104. .nav a {display:block; background-color:{color:navigation}; margin:2px 0 2px 0; font-size:9px; font-family:{font:links}; text-transform:lowercase; color:{color:link}; text-decoration:none; text-align:right; padding:3px; letter-spacing:1px; border-right:{color:link} 2px solid; opacity:0.9}
  105. .nav a:hover {opacity:0.9; border-right:{color:links} 5px solid; background-color:{color:navigation hover};}
  106.  
  107. #pagination {font-color:#ff003b; font-family:arial; font-size:30px; text-transform:lowercase; text-align:center; text-decoration:none;}
  108.  
  109. #posts{
  110. overflow:hidden;
  111. background-color: {color:entry};
  112. border-left:0px solid { color:link};
  113. border-right:0px solid {color:link};
  114. padding:3px
  115. }
  116.  
  117. h1{
  118. color:{color:title};
  119. font-family:georgia;
  120. font-size:16px;
  121. line-height:17px;
  122. letter-spacing:-1px;
  123. font-weight:normal;
  124. margin:0px;
  125. padding:0px;
  126. text-align:center}
  127.  
  128. h2{
  129. color:{color:title};
  130. font-family:georgia;
  131. font-size:11px;
  132. line-height:14px;
  133. letter-spacing:-1px;
  134. font-weight:normal;
  135. margin:0px;
  136. padding:0px;
  137. margin-bottom:-0px;
  138. text-align:left
  139. }
  140.  
  141. #sbartitle {opacity: 0.2;padding:5px;margin-left:-5px;width:300px;height: 40px;margin-top:282px; color:{color:link};background-color:#;font-family: amatic sc;font-size:35px;
  142. text-align:center;text-shadow: 0px 0px 3px {color:linkhover};position:fixed; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index: 30;}
  143. #sbartitle:hover {opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index: 30;}
  144.  
  145. #permalink {display:block; margin:2px 0px 2px 0px; padding:2px; color:{color:link}; font:10px calibri; line-height:110%; text-align:center; text-transform:uppercase; background-color:{color:permalink}; overflow:hidden; border-top:1px solid #B28C8C;}
  146. #permalink a {color:link;}
  147. #permalink a:hover {color:lhover;}
  148.  
  149. #tags {background-color:trans; font-family:georgia; text-align:right; margin-top: 3px; text-transform:lowercase; font-size:10px; font-style:italic;}
  150.  
  151. #askerimg{float: center; margin: 0px 4px 2px 0}
  152.  
  153. #questions {background-color:{color:permalink}; color: {color:text}; padding:10px; margin-bottom:0px; font-size:10px; text-align:center; font-family:{font:body};}
  154.  
  155. #questions a {color:{color:text};}
  156.  
  157. blockquote {border-left:4px solid {color:text}; padding-left:5px; margin:2px 10px;}
  158. blockquote img, blockquote a img {max-width: 500px}
  159.  
  160. b, strong{
  161. color:{color:title}
  162. }
  163. i, em {
  164. color:{color:link};
  165. }
  166. p{
  167. margin-top:3px; margin-bottom:3px
  168. }
  169.  
  170. img a{border:none; width:100%}
  171. .audio{background-color:black; display:block;}
  172.  
  173. #_ {padding:10px 10px 5px 10px}
  174. .qu {font-family:georgia; font-size:40px; font-weight:bold; line-height:33px; opacity:0.7}
  175. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  176.  
  177. .user_1 .label {color:{color:link}; font-weight:bold}
  178. .user_2 .label {color:{color:text}; font-weight:bold}
  179. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  180.  
  181. .notes img{
  182. background-color: #bebebe;
  183. width:10px;
  184. position:relative;
  185. top:1px;
  186. }
  187. ol.notes, .notes li{
  188. list-style:none;
  189. margin:0px;
  190. padding:0px;
  191. }
  192. random text{
  193. background-color:transparent!important;
  194. }
  195.  
  196. ::-webkit-scrollbar-thumb:vertical {background-color:{color:link}; height:10px;}
  197.  
  198. ::-webkit-scrollbar {background-color:{color:background}; height:5px; width:10px;}
  199.  
  200. ::-moz-selection {background-color:transparent; color:{color:link};}
  201.  
  202. ::selection {background-color:transparent; color:{color:link};}
  203.  
  204.  
  205. </style>
  206. <style type="text/css">{CustomCSS}</style>
  207. </head>
  208.  
  209. <body>
  210. <div id="sbar">
  211. <div id="sidebarimg"><img src="{image:sidebar}"/>
  212. {block:Description}{Description}{/block:Description}</div>
  213. <div id="sbarlinks">
  214. {block:ifshowicon}<div id="portrait"><img src="{PortraitURL-64}"></div>{/block:ifshowicon}
  215. <div id="navigation"><div class="nav">
  216. <a href="{text:sidebar link 1 url}">{text:sidebar link 1}</a>
  217. <a href="{text:sidebar link 2 url}">{text:sidebar link 2}</a>
  218. <a href="{text:sidebar link 3 url}">{text:sidebar link 3}
  219. <a href="{text:sidebar link 4 url}">{text:sidebar link 4}
  220. <a href="{text:sidebar link 5 url}">{text:sidebar link 5}
  221. <a href=http://ddirections.tumblr.com/tagged/themes>theme &copy;</a></div></div></div>
  222. <br>
  223. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div><br>
  224.  
  225. </div></div>
  226.  
  227.  
  228. <div id="entries">
  229. {block:Posts}
  230. <div id="posts">
  231.  
  232. {block:Title}<h1>{title}&nbsp;</h1>{/block:Title}
  233. {block:Text}{Body}{/block:Text}
  234.  
  235. {block:Quote}<h2>"{quote}"</h2>{/block:Quote}
  236. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  237.  
  238. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  239. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  240.  
  241. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  242. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  243. {block:Photoset}<center>{Photoset-500}</center>
  244. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  245.  
  246. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  247.  
  248.  
  249. {block:Answer}<div id="questions"><div class="askerimg"><img src="{AskerPortraitURL-16}">&nbsp;<strong>{Asker}</strong> asked: "{Question}"</div></div><br>
  250. {Answer}{/block:answer}
  251.  
  252. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  253. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  254. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  255. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  256. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  257.  
  258. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  259.  
  260. <div id="permalink">{block:Date} posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}{/block:Date}<div style="float:right">{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} / &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div><br></div></div>
  261. <div id="tags">{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div><br>
  262.  
  263. {/block:Posts}
  264. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  265. </div>
  266. </body>
  267. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement