API tools faq
paste
Advertisement
heyahminai

100% Sidebar

heyahminai
Oct 15th, 2014
4,765
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.88 KB | None | 0 0
raw download clone embed print report
  1. <!-- base code by @meroku, all edits by @heyahminai -->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <link rel="shortcut icon" href="{image:Favicon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8. <title>{Title}</title>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!-- defaults -->
  13.  
  14. <meta name="image:Sidebar" content="http://38.media.tumblr.com/tumblr_m6ep9ef4Fb1r1rrxzo1_500.gif"/>
  15. <meta name="image:Favicon" content="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/favcogumelo2.gif" />
  16. <meta name="image:Background" content="" />
  17. <meta name="image:Bottom Image" content="https://38.media.tumblr.com/3753dba1af326bdee1d0ce4c5b0c2303/tumblr_nclz83nERo1sfw719o1_250.gif" />
  18.  
  19. <meta name="color:Background" content="#ddf2e8">
  20. <meta name="color:Text" content="#777777" />
  21. <meta name="color:SelectionBG" content="#ddf2e8" />
  22. <meta name="color:SelectionText" content="#000000" />
  23. <meta name="color:HoverBoxBG" content="#d2ffc9" />
  24. <meta name="color:HoverBoxBorder" content="#a1d57a" />
  25. <meta name="color:HoverBoxText" content="#6e6c6c" />
  26. <meta name="color:Link" content="#56bc8a" />
  27. <meta name="color:Link Hover" content="#347153"/>
  28. <meta name="color:Sidebar Link" content="#56bc8a" />
  29. <meta name="color:Sidebar Link Hover" content="#ffffff" />
  30. <meta name="color:Bold" content="#777777" />
  31. <meta name="color:Post Border" content="#c8c8c8" />
  32. <meta name="color:Nav Text" content="#777777" />
  33. <meta name="color:Nav Border" content="#777777" />
  34. <meta name="color:Nav" content="#d6e8d8" />
  35. <meta name="color:Chat 1" content="#dcecf5" />
  36. <meta name="color:Chat 2" content="#ddf2e8" />
  37. <meta name="color:Chat Text" content="#777777" />
  38. <meta name="color:Sidebar Border" content="#c8c8c8" />
  39. <meta name="color:Sidebar Img Border" content="#777777" />
  40. <meta name="color:Accent Color" content="#ddf2e8" />
  41. <meta name="color:Accent Text" content="#000000" />
  42. <meta name="color:Accent Border" content="#c8c8c8" />
  43. <meta name="color:Footer Text" content="#56bc8a" />
  44. <meta name="color:scrollbar" content="#000000" />
  45.  
  46. <meta name="select:Body Font" content="consolas" title="Consolas"/>
  47. <meta name="select:Body Font" content="lucida sans" title="Lucida Sans"/>
  48. <meta name="select:Body Font" content="arial" title="Arial"/>
  49. <meta name="select:Body Font" content="Silkscreen" title="Silkscreen"/>
  50. <meta name="select:Body Font" content="courier new" title="Courier New"/>
  51. <meta name="select:Body Font" content="verdana" title="Verdana"/>
  52. <meta name="select:Body Font" content="Comic Sans MS"title="Comic Sans"/>
  53. <meta name="select:Body Font" content="Tempesta" title="Ronda"/>
  54. <meta name="select:Body Font" content="Garamond" title="Garamond"/>
  55. <meta name="select:Body Font" content="Georgia" title="Georgia"/>
  56.  
  57. <meta name="select:Title Font" content="consolas" title="Consolas">
  58. <meta name="select:Title Font" content="lucida sans" title="Lucida Sans">
  59. <meta name="select:Title Font" content="arial" title="Arial">
  60. <meta name="select:Title Font" content="Silkscreen" title="Silkscreen">
  61. <meta name="select:Title Font" content="courier new" title="Courier New">
  62. <meta name="select:Title Font" content="verdana" title="Verdana">
  63. <meta name="select:Title Font" content="Comic Sans MS"title="Comic Sans">
  64. <meta name="select:Title Font" content="Tempesta" title="Ronda">
  65. <meta name="select:Title Font" content="Garamond" title="Garamond">
  66. <meta name="select:Title Font" content="Georgia" title="Georgia">
  67.  
  68. <meta name="if:ShowTitle" content="1" title="Show Title" />
  69. <meta name="if:ShowCaption" content="0" />
  70. <meta name="if:ShowTags" content="1" title="Show Tags" />
  71. <meta name="if:Background Cover" content="1" />
  72. <meta name="if:Buttons" content="0" />
  73. <meta name="if:Menu" content="1" />
  74. <meta name="if:SmallCursor" content="1" />
  75. <meta name="if:fadedimages" content="1" />
  76. <meta name="if:grayscale" content="0" />
  77. <meta name="if:roundedpictures" content="0" />
  78. <meta name="if:RoundedPosts" content="0" />
  79. <meta name="if:customScrollbar" content="1" />
  80. <meta name="if:500Posts" content="1" />
  81. <meta name="if:400Posts" content="0" />
  82. <meta name="if:300Posts" content="0" />
  83.  
  84. <!-- post settings -->
  85. <meta name="select:Post Border" content="none" title="none"/>
  86. <meta name="select:Post Border" content="solid" title="solid"/>
  87. <meta name="select:Post Border" content="dotted" title="dotted"/>
  88. <meta name="select:Post Border" content="dashed" title="dashed"/>
  89.  
  90. <!-- sidebar settings -->
  91. <meta name="select:Sidebar Border" content="none" title="none">
  92. <meta name="select:Sidebar Border" content="solid" title="solid">
  93. <meta name="select:Sidebar Border" content="dotted" title="dotted">
  94. <meta name="select:Sidebar Border" content="dashed" title="dashed">
  95.  
  96. <meta name="select:Sidebar Img Border" content="none" title="none" />
  97. <meta name="select:Sidebar Img Border" content="solid" title="solid" />
  98. <meta name="select:Sidebar Img Border" content="dotted" title="dotted" />
  99. <meta name="select:Sidebar Img Border" content="dashed" title="dashed" />
  100.  
  101. <meta name="select:Sidebar Color" content="255,255,255" title="white">
  102. <meta name="select:Sidebar Color" content="255,168,212" title="pink">
  103. <meta name="select:Sidebar Color" content="184,168,255" title="indigo">
  104. <meta name="select:Sidebar Color" content="184,208,255" title="blue">
  105. <meta name="select:Sidebar Color" content="255,253,184" title="yellow">
  106. <meta name="select:Sidebar Color" content="255,163,25" title="orange">
  107. <meta name="select:Sidebar Color" content="103,173,90" title="green">
  108. <meta name="select:Sidebar Color" content="222,222,222" title="gray">
  109. <meta name="select:Sidebar Color" content="252,93,93" title="red">
  110. <meta name="select:Sidebar Color" content="181,251,255" title="cyan">
  111. <meta name="select:Sidebar Color" content="0,0,0" title="black">
  112.  
  113. <meta name="select:Post Color" content="255,255,255" title="white">
  114. <meta name="select:Post Color" content="255,168,212" title="pink">
  115. <meta name="select:Post Color" content="184,168,255" title="indigo">
  116. <meta name="select:Post Color" content="184,208,255" title="blue">
  117. <meta name="select:Post Color" content="255,253,184" title="yellow">
  118. <meta name="select:Post Color" content="255,163,25" title="orange">
  119. <meta name="select:Post Color" content="103,173,90" title="green">
  120. <meta name="select:Post Color" content="222,222,222" title="gray">
  121. <meta name="select:Post Color" content="252,93,93" title="red">
  122. <meta name="select:Post Color" content="181,251,255" title="cyan">
  123. <meta name="select:Post Color" content="0,0,0" title="black">
  124.  
  125.  
  126. <meta name="select:Post Transparency" content="1" title="opaque">
  127. <meta name="select:Post Transparency" content=".9" title=".9">
  128. <meta name="select:Post Transparency" content=".8" title=".8">
  129. <meta name="select:Post Transparency" content=".7" title=".7">
  130. <meta name="select:Post Transparency" content=".6" title=".6">
  131. <meta name="select:Post Transparency" content=".5" title=".5">
  132. <meta name="select:Post Transparency" content=".4" title=".4">
  133. <meta name="select:Post Transparency" content=".3" title=".3">
  134. <meta name="select:Post Transparency" content=".2" title=".2">
  135. <meta name="select:Post Transparency" content=".1" title=".1">
  136. <meta name="select:Post Transparency" content=".0" title="transparent">
  137.  
  138. <meta name="select:Sidebar Transparency" content="1" title="opaque">
  139. <meta name="select:Sidebar Transparency" content=".9" title=".9">
  140. <meta name="select:Sidebar Transparency" content=".8" title=".8">
  141. <meta name="select:Sidebar Transparency" content=".7" title=".7">
  142. <meta name="select:Sidebar Transparency" content=".6" title=".6">
  143. <meta name="select:Sidebar Transparency" content=".5" title=".5">
  144. <meta name="select:Sidebar Transparency" content=".4" title=".4">
  145. <meta name="select:Sidebar Transparency" content=".3" title=".3">
  146. <meta name="select:Sidebar Transparency" content=".2" title=".2">
  147. <meta name="select:Sidebar Transparency" content=".1" title=".1">
  148. <meta name="select:Sidebar Transparency" content=".0" title="transparent">
  149.  
  150. <meta name="select:Accent Border" content="none" title="none" />
  151. <meta name="select:Accent Border" content="solid" title="solid" />
  152. <meta name="select:Accent Border" content="dotted" title="dotted" />
  153. <meta name="select:Accent Border" content="dashed" title="dashed" />
  154.  
  155. <!-- link settings -->
  156.  
  157. <meta name="select:Link Underline" content="solid" title="solid" />
  158. <meta name="select:Link Underline" content="dotted"title="dotted" />
  159. <meta name="select:Link Underline" content="dashed"title="dashed" />
  160. <meta name="select:Link Underline" content="none" title="none" />
  161.  
  162. <meta name="select:Link Hover Underline" content="solid" title="solid" />
  163. <meta name="select:Link Hover Underline"content="dotted"title="dotted" />
  164. <meta name="select:Link Hover Underline"content="dashed"title="dashed" />
  165. <meta name="select:Link Hover Underline" content="none" title="none" />
  166.  
  167. <meta name="select:Sidebar Link Underline" content="solid" title="solid" />
  168. <meta name="select:Sidebar Link Underline" content="dotted" title="dotted" />
  169. <meta name="select:Sidebar Link Underline" content="dashed" title="dashed"/>
  170. <meta name="select:Sidebar Link Underline" content="none" title="none" />
  171.  
  172. <meta name="select:Sidebar Link Hover Underline" content="solid" title="solid" />
  173. <meta name="select:Sidebar Link Hover Underline" content="dotted" title="dotted" />
  174. <meta name="select:Sidebar Link Hover Underline" content="dashed" title="dashed"/>
  175. <meta name="select:Sidebar Link Hover Underline" content="none" title="none" />
  176.  
  177. <meta name="text:Sidebar Image" content="100" />
  178. <meta name="text:Sidebar Width" content="200" />
  179. <meta name="text:Sidebar Left" content="100" />
  180. <meta name="text:Border Width" content="1" />
  181. <meta name="text:Margin Top" content="30" />
  182. <meta name="text:Space Between Posts" content="60" />
  183. <meta name="text:Posts Left" content="600" />
  184. <meta name="text:Body Font Size" content="12" />
  185. <meta name="text:Title Font Size" content="25" />
  186. <meta name="text:Title Line Height" content="20" />
  187. <meta name="text:Tag Symbol" content="%" />
  188. <meta name="text:Via Symbol" content="&" />
  189. <meta name="text:Source Symbol" content="△" />
  190. <meta name="text:Notes Symbol" content="✮" />
  191. <meta name="text:Reblog Text" content="reblog?" />
  192. <meta name="text:Menu Title" content="navigation" />
  193. <meta name="text:Asker Text" content="ha preguntó: " />
  194. <meta name="text:Image Bottom" content="10" />
  195. <meta name="text:Image Right" content="10" />
  196.  
  197. <meta name="text:link 1 url" content="url" />
  198. <meta name="text:link1" content="link1" />
  199. <meta name="text:link 2 url" content="url" />
  200. <meta name="text:link2" content="link2" />
  201. <meta name="text:link 3 url" content="url" />
  202. <meta name="text:link3" content="link3" />
  203. <meta name="text:link 4 url" content="url" />
  204. <meta name="text:link4" content="link4" />
  205. <meta name="text:link 5 url" content="url" />
  206. <meta name="text:link5" content="link5" />
  207. <meta name="text:link 6 url" content="urk" />
  208. <meta name="text:link6" content="link6" />
  209. <meta name="text:link 7 url" content="url" />
  210. <meta name="text:link7" content="link7" />
  211. <meta name="text:link 8 url" content="url" />
  212. <meta name="text:link8" content="link8" />
  213.  
  214. </head>
  215.  
  216. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  217.  
  218. <style type="text/css">
  219.  
  220. {block:ifsmallcursor} body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;} {/block:ifsmallcursor}
  221.  
  222. {block:ifcustomscrollbar} ::-webkit-scrollbar { height: 0px; width: 9px; background: {color:scrollbar}; border: 4px solid {color:background}; opacity:1; } ::-webkit-scrollbar-thumb { background: {color:scrollbar}; border: {color:background} solid 2px; height: 8px; width: 11px; {block:ifrounded} border-radius: 8px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px; {/block:ifrounded} } {/block:ifcustomscrollbar} ::selection { background: {color:selectionBG}; color: {color:selectionText}; } ::-moz-selection { background: {color:selectionBG}; color: {color:selectionText}; } ::-webkit-selection { background: {color:selectionBG}; color: {color:selectionText}; }
  223.  
  224. #s-m-t-tooltip { z-index:9999999999999; background: {color:HoverBoxBG}; font-size: {text:BodyFontSize}px; letter-spacing: 0px; word-wrap:break-word; padding: 2px 5px 2px 6px; font-family:{select:Body Font}; display: block; margin: 10px 10px 10px 15px; border: 1px solid {color:HoverBoxBorder}; color: {color:HoverBoxText}; }
  225.  
  226. body {background-color:{color:background}; margin: 0; padding: 0; font-family: {select:Body Font}; color:{color:text}; font-size: {text:Body Font Size}px; line-height:17px; text-align:left; background-image: url('{image:background}'); background-attachment: fixed; {block:ifbackgroundcover}-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifbackgroundcover}}
  227.  
  228. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  229.  
  230. #entries a:hover {color:{color:link hover}; text-decoration: none; border-bottom: 1px {select:Link Hover Underline} {color:Link Hover};}
  231.  
  232. b, strong{color:{color:bold}}
  233.  
  234. h1 {font-size:15px;}
  235.  
  236. i, em {color:{color:italic}}
  237.  
  238. p{margin-top:6px; margin-bottom:6px}
  239.  
  240. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
  241.  
  242. #entries img{ {block:iffadedimages} opacity:.85;{/block:iffadedimages} transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; {block:ifroundedpictures} -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; {/block:ifroundedpictures} {block:ifgrayscale} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscale} }
  243.  
  244. #entries img:hover{ {block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} }
  245.  
  246. a img {border:none; width:100%;}
  247.  
  248. #container {background-color:transparent; width: 400px; margin: 0 auto -10px auto}
  249.  
  250. #entries {margin-left:{text:Posts Left}px; text-align: left; width: auto;}
  251.  
  252. #posts{ font-size: {text:Body Font Size}px; margin-top: 70px; margin-bottom:{text:Space Between Posts}px; {block:if500Posts} width: 500px;{/block:if500Posts} {block:if400Posts}width: 400px;{/block:if400Posts}{block:if300Posts} width: 300px;{/block:if300Posts}text-align: left; padding: 10px; border: {text:Border Width}px {select:Post Border} {color:Post Border}; background:rgba({select:Post Color}, {select:Post Transparency}); font-family:{select:Body Font}; color:{color:text};{block:ifroundedposts}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifroundedposts};}
  253.  
  254. #posts .link {background: {color:Accent Color}; padding: 5px; border:1px {select:Accent Border} {color:Accent Border};}
  255.  
  256. #posts .link a:hover {text-decoration: underline;}
  257.  
  258. #posts .text img {border:none;}
  259.  
  260. #posts .text a {text-decoration: none; border-bottom: 1px {select:Link Underline} {color:Link};}
  261.  
  262. #posts left { float:left;}
  263.  
  264. #posts a:hover{text-decoration: none; border-bottom: 1px {select:Link Hover Underline} {color:link hover};}
  265.  
  266. #entries #posts img {max-width:100%;{block:iffadedimages} opacity:.85;{/block:iffadedimages} transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; {block:ifroundedpictures} -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; {/block:ifroundedpictures} {block:ifgrayscale} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscale};}
  267.  
  268. #entries #posts img:hover{ {block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} ;}
  269.  
  270. #entries #posts iframe.photoset {{block:if500Posts}width:500px;{/block:if500Posts} {block:if400Posts} width: 400px;{/block:if400Posts}{block:if300Posts} width: 300px;{/block:if300Posts}{block:iffadedimages} opacity:.85;{/block:iffadedimages} transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; {block:ifroundedpictures} -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; {/block:ifroundedpictures} {block:ifgrayscale} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscale};}
  271.  
  272. #entries #posts iframe.photoset:hover {{block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} ;}
  273.  
  274. #entries #posts img:hover{ {block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} ;}
  275.  
  276. #showtitle {font-size: {text:Title Font Size}px; padding: 5px 5px 0px 5px; margin: 15px 5px 5px 5px; font-family: {select:Title Font}; line-height:{text:Title Line Height}px; border: {text:Border Width}px {select: Border} {color:Sidebar Img Border};}
  277.  
  278. /* ---------- */
  279.  
  280. #sidebar{ position:fixed; width:{text:Sidebar Width}px;background: rgba({select:Sidebar Color},{select:Sidebar Transparency}); border-left: {text:Border Width}px {select:Sidebar Border} {color:Sidebar Border}; border-right: {text:Border Width}px {select:Sidebar Border} {color:Sidebar Border}; padding:7px; overflow:hidden; left:{text:Sidebar Left}px; top:0; text-align: center;font-family:{select:Body Font}; height:100%;}
  281.  
  282. #desctext a{color:{color:Sidebar Link}; text-decoration:none; border-bottom: 1px {select:Sidebar Link Underline} {color:Sidebar Link Underline}; margin: 2px 0px 2px 0px;}
  283.  
  284. #desctext a:hover {color:{color:Sidebar Link Hover}; border-bottom: 1px {select:Link Hover Underline} {color:Sidebar Link Hover};margin: 2px 0px 2px 0px;}
  285.  
  286. #sidebar #links a {color:{color:Sidebar Link} text-decoration:none; border-bottom: 1px {select:Sidebar Link Underline} {color:Sidebar Link};}
  287.  
  288. #sidebar #links a:hover {color:{color:Sidebar Link Hover}; border-bottom: 1px {select:Sidebar Link Hover Underline} {color:Sidebar Link Hover Underline};margin: 2px 0px 2px 0px;}
  289.  
  290. /* ---------- */
  291.  
  292. #pagination{ position:fixed; width:{text:Sidebar Width}px; background: rgba({select:Sidebar Color} transparent); padding:7px; overflow:hidden; left:{text:Sidebar Left}px; text-align: center;font-family:{select:Body Font}; bottom: 20px;}
  293.  
  294. #pagination a:hover{border-bottom: 1px {select:Link Hover Underline} {color:Link Hover Underline};}
  295.  
  296. #sidebardesc {margin-top:{text:Margin Top}px; margin-left: 15px; margin-right: 15px; height: auto;}
  297.  
  298. #description {padding: 5px 0px 10px 0px; border-bottom:{text:Border Width}px {select:Sidebar Border} {color:Sidebar Border}; }
  299.  
  300. #sidebar img {margin: 5px 0px 5px 0px; {text:Border Width}px {select:Sidebar Img Border} {color:Sidebar Img Border};border: {text:Border Width}px {select:Sidebar Img Border} {color:Sidebar Img Border}; padding:10px 0px 20px 0px; ; max-width:250px;}
  301.  
  302. h2 {font-family:{select:Body Font}; font-weight:100; line-height:17px;}
  303.  
  304. .copy a {text-decoration: underline;}
  305.  
  306. #info{padding-top:5px; display:block; padding-bottom:0px; width:auto; font-size: {text:Body Font Size}px; font-family:{select:Body Font}; text-transform:none; text-align: right; word-wrap:break-word;}
  307.  
  308. .audio{background-color:black; display:block}
  309.  
  310. #album{margin:3px 3px 3px 3px; padding: 0px 0px 0px 0px; float:left; width:85px; height:80px;}
  311.  
  312. #album img {border-radius:0px; padding: 0px; width: 80px;}
  313.  
  314. #player{ float:left; width:25px; margin-left: 5px; padding-top:0px; margin-right: 30px; padding-bottom: 7px; height:18px; background-color:#fff; overflow-x:hidden; overflow-y:hidden; opacity: .9; filter:alpha(opacity=10); -moz-opacity: 0.1; -moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease; color:{color:Text}; margin-top:11px; margin-left:-91px; }
  315.  
  316. #tags { border-top: 1px solid black; padding-top: 5px;}
  317.  
  318. #tags a {color:{color:Footer Text}; border-bottom: 1px {select:Link Underline} {color:Footer Text};}
  319.  
  320. #tags a:hover {color:{color:Link Hover};}
  321.  
  322. .chat ul { list-style: none; margin: 0; padding: 0; }
  323.  
  324. .chat li { color:{color:Chat Text}; font-size:{text:Body Font Size}px; border-radius: 0.2em; border: 1px solid {color:Post Border}; margin-bottom: 2%; padding: 2%; width: 95.5%; } .chat .odd { float: left; background: {color:chat 1}; } .chat .even { float: right; background: {color:chat 2}; }
  325.  
  326. .questionask {background: {color:Accent Color}; padding: 5px;border:1px {select:Accent Border} {color:Accent Border};}
  327.  
  328. .notes img{width:10px; position:relative; top:1px}
  329.  
  330. #entries #posts .notecontainer { font-family: {select:Body Font}; font-size: {text:bodyfontsize}px; color:{color:text}; margin-top: 10px; margin-bottom: 10px; background: transparent;}
  331.  
  332.  
  333. #entries #posts .notecontainer a {color:{color:link};text-decoration: none; }
  334. #entries #posts .notecontainer ol.notes { padding: 0px 0 10px 0; list-style-type: none; font-size: {text:bodyfontsize}px; }
  335.  
  336. #entries #posts .notecontainer ol.notes li.note {padding: 10px 10px 0 10px; }
  337.  
  338. #entries #posts .notecontainer ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
  339.  
  340. #entries #posts .notecontainer ol.notes li.note span.action { font-weight: normal; }
  341.  
  342. #entries #posts .notecontainer ol.notes li.note .answer_content { font-weight: normal; }
  343.  
  344. #entries #posts .notecontainer ol.notes li.note blockquote { border-left: solid 1px {color:link}; padding: 4px 10px; margin: 10px 0px 0px 20px; }
  345.  
  346. #entries #posts .notecontainer ol.notes li.note blockquote a { text-decoration: none; color:{color:link}; }
  347.  
  348. </style>
  349.  
  350. <body>
  351. <div id="sidebar">
  352. <center>
  353. <div id="sidebardesc">
  354.  
  355.  
  356. {block:ifShowTitle}
  357. <div id="showtitle">{Title}</a></div> <!-- end show title -->
  358. {/block:ifShowTitle}
  359. <a href="/"><img src="{image:sidebar}" style="width:{text:Sidebar Image}px;position:inline;"></a>
  360.  
  361.  
  362. <div id="description">
  363.  
  364. <!-- remove the following description tag + brackets and insert your own description to make your computer descrption different from mobile! -->
  365. <div id="desctext">{description}<p>
  366.  
  367. <!-- put your hit counter and etc here!! -->
  368.  
  369. </div>
  370. </div>
  371.  
  372. <div id="links">
  373. {block:ifButtons}
  374. </br>
  375. <a href="{text:link 1 url}">{text:link1}</a>
  376. <a href="{text:link 2 url}">{text:link2}</a>
  377. <a href="{text:link 3 url}">{text:link3}</a>
  378. <a href="{text:link 4 url}">{text:link4}</a>
  379. <a href="{text:link 5 url}">{text:link5}</a>
  380. <a href="{text:link 6 url}">{text:link6}</a>
  381. <a href="{text:link 7 url}">{text:link7}</a>
  382. <a href="{text:link 8 url}">{text:link8}</a></br>
  383. {/block:ifButtons}
  384. <br>
  385.  
  386. {block:ifMenu}
  387. <select onChange="location=this.options[this.selectedIndex].value;"style="
  388. font-family:{select:body font};
  389. cursor:pointer;
  390. font-size: {text:body font size}px;
  391. color:{color:nav text};
  392. max-width:100%;
  393. padding:1px 3px;
  394. -moz-border-radius: 0px;
  395. -webkit-border-radius: 0px;
  396. border-radius: 0px;
  397. border: 1px solid {color:Nav Border};
  398. background-color: {color:Nav};
  399. margin-bottom:0px;
  400. -webkit-appearance: none;
  401. text-align:center;
  402. margin-top:5px; ">
  403.  
  404. <center><option value="">{text:Menu Title}</option></center>
  405. <option value="/">home</option>
  406. <option value="/ask">ask</option>
  407. {block:haspages}{block:pages}<option value="{url}">{label}</option>{/block:pages}{/block:haspages}
  408. {block:iflink1}<option value="{text:link 1 url}">{text:link1}</option>{/block:iflink1}
  409. {block:iflink2}<option value="{text:link 2 url}">{text:link2}</option>{/block:iflink2}
  410. {block:iflink3}<option value="{text:link 3 url}">{text:link3}</option>{/block:iflink3}
  411. {block:iflink4}<option value="{text:link 4 url}">{text:link4}</option>{/block:iflink4}
  412. {block:iflink5}<option value="{text:link 5 url}">{text:link5}</option>{/block:iflink5}
  413. {block:iflink6}<option value="{text:link 6 url}">{text:link6}</option>{/block:iflink6}
  414. {block:iflink7}<option value="{text:link 7 url}">{text:link7}</option>{/block:iflink7}
  415. {block:iflink8}<option value="{text:link 8 url}">{text:link8}</option>{/block:iflink8}
  416. <option value="http://heyahminai.tumblr.com/">theme</option>
  417. </select>
  418. </form>{/block:ifmenu}
  419. </div>
  420.  
  421.  
  422.  
  423. </div> <!-- end sidebardesc div-->
  424.  
  425. </div> <!-- end sidebar div -->
  426.  
  427. <div id="pagination">
  428. {block:Pagination}{lang:Page CurrentPage of TotalPages}{/block:Pagination}
  429. <p>
  430. {block:Pagination}
  431. {block:PreviousPage}<a href="{PreviousPage}">« back</a>{/block:PreviousPage}
  432.  
  433. {block:JumpPagination length="3"}
  434. {block:CurrentPage}
  435. <span class="current_page">{PageNumber}</span>
  436. {/block:CurrentPage}
  437.  
  438. {block:JumpPage}
  439. <a class="jump_page" href="{URL}">{PageNumber}</a>
  440. {/block:JumpPage}
  441. {/block:JumpPagination}
  442.  
  443.  
  444. {block:NextPage}
  445. <a href="{NextPage}"> next »</a>
  446. {/block:NextPage}
  447.  
  448. </div> <!-- end -->
  449. {/block:Pagination} </center>
  450. </div> <!-- end pagination div-->
  451.  
  452.  
  453. <div id="entries">
  454. {block:posts}
  455.  
  456. <div id="posts">
  457.  
  458. <div class="text">{block:Text}
  459. {block:Title}<h1><center>{Title}</h1></center>{/block:Title}{Body}
  460. {/block:Text}</div>
  461.  
  462. {block:Quote}“{Quote}” — {Source}</h2><br>{/block:Quote}
  463.  
  464. {block:Link}<div class="link"><a href="{URL}"><h1><center>{Name}</center></h1></a></div>
  465. {block:Description}<p>{Description}</p>{/block:Description}
  466. {/block:Link}
  467.  
  468. {block:Photo}<center>{block:if500Posts}<img src="{PhotoURL-500}"/>{/block:if500Posts}{block:if400Posts}<img src="{PhotoURL-400}"/>{/block:if400Posts}{block:if300Posts}<img src="{PhotoURL-300}"/>{/block:if300Posts}</center>
  469. <div class="text">{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}</div>
  470. {/block:Photo}
  471.  
  472. {block:Photoset}<center>{block:if500Posts}{Photoset-500}{/block:if500Posts}{block:if400Posts}{Photoset-400}{/block:if400Posts}{block:if300Posts}{Photoset-300}{/block:if300Posts}</center>
  473. <div class="text">{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}</div>
  474. {/block:Photoset}
  475.  
  476. <!-- -->
  477. {block:Chat}
  478. {block:Title}
  479. <div class="title" style="font-size:19px; font-weight: bold; margin-bottom: 5px; text-align:center">{Title}</div>
  480. {/block:Title}
  481. <div style="line-height:6px;"><br></div>
  482.  
  483. <div class="chat"><ul>
  484. {block:Lines}
  485. <li class="{Alt}">
  486. {block:Label}<b>{Label} </b> {/block:Label} {Line}</li>{/block:Lines}</ul></div><div class="clear"></div><div style="height:5px;"></div>{/block:Chat}
  487.  
  488. <!-- -->
  489. {block:Video}{block:if500Posts}{Video-500}{/block:if500Posts}{block:if400Posts}{Video-400}{/block:if400Posts}{block:if300Posts}{Video-300}{/block:if300Posts}{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}{/block:Video}
  490.  
  491. <div class="question">{block:Answer}<b><div class="questionask">{Asker} {text:Asker Text}</b> {Question}</div>{Answer}{/block:Answer}</div>
  492.  
  493. {block:Audio}{block:AudioPlayer}
  494.  
  495. <div id="album">
  496. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  497. </div>
  498.  
  499. <div id="player">
  500. <div style="marginp:3px;">{AudioPlayerWhite}</div>
  501. </div>
  502.  
  503. <div id="infos" style="padding: 8px;">
  504. <span style="">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:ExternalAudio}<a href="{ExternalAudioURL}" title="{lang:Download}"> +</a>{/block:ExternalAudio}</span>
  505. <br>{block:Artist}{Artist}{/block:Artist}<br>{block:Album}{Album}{/block:Album}<br>{PlayCountWithLabel}</div>
  506. <div class="clear"></div><br>{/block:AudioPlayer}
  507. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption} {/block:permalinkpage}{/block:Audio}
  508.  
  509. <center><div id="info">
  510.  
  511. <left><a href="{Permalink}">{TimeAgo} {block:NoteCount} {text:Notes symbol} {NoteCount} {/block:NoteCount} </a></left><right>{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}">{text:Via Symbol}</a> /{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">{text:Source Symbol}</a> / {/block:ContentSource}{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details">{text:Reblog Text}</a> {/block:Date}<p></right></center>
  512.  
  513. <center>
  514. {block:ifShowTags}
  515. <div id="tags">
  516. <div align="left">
  517. {block:HasTags}
  518. {block:Tags}<a href="{TagURL}">{text:Tag Symbol}{Tag}</a> {/block:Tags}
  519. {/block:HasTags}
  520. </div>
  521.  
  522. </div>{/block:ifShowTags}</center>
  523. <div class="notes">{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}</div>
  524.  
  525. </div>
  526. {/block:Posts}
  527.  
  528. </br></br></br>
  529.  
  530. </div></div></div>
  531.  
  532. <style type="text/css">
  533. .credit a{color: gray;}
  534. .credit a:hover{text-decoration: none; border-bottom: none; color: black;}
  535. .clear {clear: both; height: 0px; overflow: hidden;}
  536. </style>
  537. <div class="clear"></div><div style="position: fixed; z-index: -999999999; bottom: {text:image bottom}px; right: {text:Image Right}px;"><img src="{image:Bottom Image}"></img></div>
  538.  
  539. </body>
  540. </html>
  541. <!-- please dont remove the credit!! -->
  542. <div class="credit">{block:ifnotmenu}<div style="font-size:12px; background: white; position: fixed; z-index: 999999999; left: 5px; opacity: .85; bottom: 5px; text-align: center; padding: 1px 4px; border: 1px solid gray; color:gray;">
  543. <a href="http://heyahminai.tumblr.com" title="theme credit">THEME</a>
  544. </div>{/block:ifnotmenu}</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!