Advertisement
Perfect-Nicholas

Theme #27 - Sociopath

Jan 12th, 2014
3,072
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.55 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Theme #27 by llermans © tumblr.com --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#000000"/>
  12. <meta name="color:Link" content="#6b6b6b"/>
  13. <meta name="color:Link Hover" content="#ffff00" />
  14.  
  15. <meta name="image:Sidebar" content=""/>
  16. <meta name="if:Sidebar Image" content="1"/>
  17.  
  18. <meta name="text:link 1" content="index"/>
  19. <meta name="text:link 1 url" content="/"/>
  20. <meta name="text:link 2" content="inbox"/>
  21. <meta name="text:link 2 url" content="/ask"/>
  22. <meta name="text:link 3" content="link 3"/>
  23. <meta name="text:link 3 url" content="/"/>
  24. <meta name="text:link 4" content="link 4"/>
  25. <meta name="text:link 4 url" content="/"/>
  26.  
  27.  
  28. <!-- jquery -->
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32.  
  33. <script>
  34.  
  35. (function($){
  36.  
  37. $(document).ready(function(){
  38.  
  39. $("a[title]").style_my_tooltips({
  40.  
  41. tip_follows_cursor:true,
  42.  
  43. tip_delay_time:30,
  44.  
  45. tip_fade_speed:300,
  46.  
  47. attribute:"title"
  48.  
  49. });
  50.  
  51. });
  52.  
  53. })(jQuery);
  54.  
  55. </script>
  56.  
  57. <style type="text/css">
  58.  
  59. #s-m-t-tooltip {color:{color:background};font-size:10px;font-style: italic;font-family: times;margin:12px 0px 0px 12px;padding:3px 5px;max-width:400px;background-color:{color:text};text-transform:lowercase;letter-spacing: 1px;z-index:999;}
  60.  
  61. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote { margin:0; padding:0; list-style:none;}
  62.  
  63. body {font: 11px Arial, Helvetica, sans-serif; color: {color:text}; background-color: {color:background}; background-image: url('http://assets.tumblr.com/images/x.gif'); line-height:20px;}
  64. a {color: {color:link};}
  65. a:hover {background: {color:link hover};}
  66. a {text-decoration:none;}
  67. #still {width: 400px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px;}
  68.  
  69. b, strong {color:{color:text}}
  70. i, em {color:{color:text}}
  71. small {font-size:8px;}
  72. big {font-size:12px;}
  73. ul {list-style:square;text-align:justify;}
  74.  
  75. blockquote {padding: 2px 0 2px 10px;border-left: 1px solid {color:text};text-align:justify;}
  76.  
  77. blockquote p {display:block!important;}
  78.  
  79. blockquote img {max-width:220px!important;}
  80.  
  81. /* sidebar */
  82.  
  83. #sidebar {margin-left: -290px; overflow: hidden; top: 1px; line-height:15px; width: 180px; position: fixed; margin-bottom: 15px; text-align: center; margin-top:100px;}
  84. #sidebar h1 a {color: {color:text}; text-decoration: none;}
  85. #sidebar h1 a:hover {color: {color:text}; text-decoration: none;}
  86.  
  87. #sidebar img {width:180px;}
  88.  
  89. #description {text-align:justify;}
  90.  
  91. #links {}
  92. #links a {margin-right:0px;}
  93.  
  94. #title {font-size:12px; margin-bottom:3px;font-weight:bold;}
  95.  
  96. /* posts */
  97. .post {line-height: 18px; clear: both;}
  98. .post h3 {font-size: 1em;}
  99. .caption blockquote {padding-left: 20px;}
  100.  
  101. /* kinds of posts */
  102. .post text {text-align: left;}
  103.  
  104. .post photo {margin-bottom: 5px; text-align: center;}
  105. .post photo img {border: 0;}
  106.  
  107. .post quote {text-align: left;}
  108. .post quote .source {font-size: 12px;}
  109.  
  110. .answer {text-align: justify;}
  111. .question {margin-bottom: 0px;}
  112.  
  113. .post link {text-align: left;}
  114.  
  115. .post audio {text-align: left; }
  116. .post video {text-align: left;}
  117.  
  118. .post chat {text-align: left;}
  119. .post chat li {list-style-type: none;}
  120.  
  121. /* metadata */
  122. #info {margin-top: 15px; font-size: 8px; text-transform:uppercase; letter-spacing:1px;{block:permalinkpage}margin-bottom:20px;{/block:permalinkpage} {block:indexpage}margin-bottom: 100px;{/block:indexpage}line-height:150%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
  123.  
  124. ol.notes {display:block;padding-bottom:2%;text-align:left;list-style-type:decimal;margin-left:15px;padding:25px 0;}
  125. ol.notes li.note{padding:2%;}
  126. ol.notes li.note img.avatar{width:0px;height:0px;}
  127.  
  128. .pagenotes {text-align:left;}
  129.  
  130. .tags {}
  131. .tags a {margin-right:5px;}
  132. .tags a:hover {margin-right:5px;text-decoration:underline;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
  133.  
  134. /* footer */
  135. #footer {text-align: center; margin-top: 25px; word-spacing:5px; font-size: 10px;}
  136.  
  137. /*custom css */
  138. .caption{padding-top:13px;padding-left:10px;padding-bottom:5px;margin-top:5px;text-align:left;font-size:10px;font-style:italic;padding-right:10px;}
  139.  
  140. .post img{width:400px;-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
  141.  
  142. {CustomCSS}
  143.  
  144. </style></head>
  145. <body>
  146.  
  147. <div id="still">
  148.  
  149. <div id="sidebar">
  150.  
  151. {block:ifSidebarImage}<img src="{image:Sidebar}">{/block:ifSidebarImage}{block:ifNotSidebarImage}<div id="title">{title}</div>{/block:ifNotSidebarimage}
  152.  
  153. <div id="links">
  154. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  155. {block:iflink2}• <a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  156. {block:iflink3}• <a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  157. {block:iflink4}• <a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  158.  
  159. </div>
  160.  
  161. <div id="description">{description}</div>
  162.  
  163. </div>
  164.  
  165.  
  166. <div id="entries">
  167.  
  168. <ol id="posts">
  169.  
  170. {block:ContentSource}
  171. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  172. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  173. {/block:SourceLogo}
  174. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  175. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  176.  
  177. {block:Posts}
  178. {block:Text}
  179. <li class="post text">
  180. {block:Title}
  181. <h3><a href="{Permalink}">{Title}</a></h3>
  182. {/block:Title}{Body}
  183. </li>
  184. {/block:Text}
  185.  
  186. {block:Photo}
  187. <li class="post photo">
  188. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  189.  
  190. {block:Caption}
  191. <div class="caption">{Caption}</div>
  192. {/block:Caption}
  193. </li>
  194. {/block:Photo}
  195.  
  196. {block:Photoset}
  197. <li class="post photoset">
  198. {Photoset-400}{block:Caption}
  199. <div class="caption">{Caption}</div>
  200. {/block:Caption}
  201. </li>
  202. {/block:Photoset}
  203.  
  204. {block:Quote}
  205. <li class="post quote">
  206. {Quote}
  207. {block:Source}
  208. <div class="source">— {Source}</div>
  209. {/block:Source}
  210. </li>
  211. {/block:Quote}
  212.  
  213. {block:Link}
  214. <li class="post link">
  215. <a href="{URL}" {Target}>{Name}</a>
  216.  
  217. {block:Description}
  218. <div class="description">{Description}</div>
  219. {/block:Description}
  220. </li>
  221. {/block:Link}
  222.  
  223. {block:Chat}
  224. <li class="post chat">
  225. {block:Title}
  226. <h3><a href="{Permalink}">{Title}</a></h3>
  227. {/block:Title}
  228.  
  229. <ul class="chat">
  230. {block:Lines}
  231. <li class="{Alt} user_{UserNumber}">
  232. {block:Label}
  233. <span class="label">{Label}</span>
  234. {/block:Label}{Line}
  235. </li>
  236. {/block:Lines}
  237. </ul>
  238. </li>
  239. {/block:Chat}
  240.  
  241. {block:Answer}
  242. <div style="color:{color:text};">
  243. <b>{Asker}</b>: <div class="question">{Question}</div>
  244. </div><br>
  245. <div class="answer">{Answer}</div>
  246. {/block:Answer}
  247.  
  248. {block:Video}
  249. <li class="post video">
  250. {Video-500}{block:Caption}
  251. <div class="caption">{Caption}</div>
  252. {/block:Caption}
  253. </li>
  254. {/block:Video}
  255.  
  256. {block:Audio}
  257. <li class="post audio">
  258. {AudioPlayerBlack}{block:Caption}
  259. <div class="caption">{Caption}</div>
  260. {/block:Caption}
  261. </li>
  262. {/block:Audio}
  263.  
  264. {block:indexpage}
  265. <div id="info">
  266. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  267. {block:Date}<a href="{Permalink}" style="color:{color:text}; font-weight:bold;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date} <a href="{Permalink}" style="color:{color:text};">with {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank" style="color:{color:text}">Reblog</a>
  268. {block:permalinkpage}<br/>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via</a> / {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:text}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  269. </div>{/block:indexpage}
  270.  
  271. {block:PermalinkPagination}
  272. <div id="info">
  273. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  274. {block:Date}<a href="{Permalink}" style="color:{color:text}; font-weight:bold;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date} <a href="{Permalink}" style="color:{color:text};">with {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank" style="color:{color:text}">Reblog</a>
  275. {block:permalinkpage}<br/>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via</a> / {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:text}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  276. </div>{/block:PermalinkPagination}
  277.  
  278. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  279. {/block:Posts}
  280. </ol>
  281.  
  282. <p id="footer">
  283. {block:PreviousPage}
  284. <a href="{PreviousPage}">&#171; Previous</a> /
  285. {/block:PreviousPage}{block:NextPage}
  286. <a href="{NextPage}">Next &#187;</a>
  287. {/block:NextPage}
  288. <br/></br><span style="letter-spacing:1px;text-transform:uppercase;margin: 25px 0 100px 0;font-family:times;">
  289. <a href="http://llermans.tumblr.com/">Llermans' Themes</a></span>
  290. </p>
  291.  
  292. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement