Advertisement
Guest User

Sound Theme

a guest
Apr 3rd, 2012
10,665
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.31 KB | None | 0 0
  1. <html><head>
  2.  
  3. <!- THEME MADE BY
  4. likethesun.tumblr.com -!>
  5.  
  6. <!LEAVE CREDIT ON THEME!>
  7.  
  8. <title>{title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11.  
  12. <meta name="if:Endless Scroll" content="1"/>
  13.  
  14. <meta name="font:Body" content="Courier New"/>
  15. <meta name="font:Title" content="Courier New" />
  16.  
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Title" content="#000"/>
  19. <meta name="color:background" content="#ffffff">
  20. <meta name="color:Links" content="#000" />
  21. <meta name="color:Permalink" content="#fff"/>
  22.  
  23. <meta name="text:Font Size" content="10px"/>
  24. <meta name="text:title font size" content="22px" />
  25.  
  26.  
  27. <meta name="if:More Space Between Posts" content="1"/>
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <div class="blogtitle"><a href="/">{title}</a></center></div>
  35. <div style="position:absolute; width:400px; left:50%; margin-left:-200px; margin-top:-50px; text-align:center;">{description}</div>
  36.  
  37.  
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. body {background-color:{color:background};
  43. font-family:{font:Body}; font-size:{text:font size};
  44. line-height:10px; text-align:center; color:{color:Text};}
  45.  
  46.  
  47. a:link, a:visited {color:{color:Links}; text-decoration:none;}
  48. a:hover {text-decoration:none; opacity:1;}
  49.  
  50. img { padding: 25px;
  51. border: 0px;}
  52.  
  53. a img {border:0px; opacity:.9;}
  54. a img:hover {opacity:.85;}
  55.  
  56.  
  57. .blogtitle {z-index:2; position:fixed; width:500px;
  58. left:50%; margin-left:-300px; margin-top:-40px;
  59. font-family: {font:Title}; color:{color:title};
  60. font-size:{text:title font size};
  61. padding-bottom:4px; text-align:left;
  62. letter-spacing:px; text-transform:lowercase;}
  63.  
  64. .blogtitle a {color:{color:title};}
  65. .blogtitle a:hover {opacity:.9;}
  66.  
  67.  
  68. div.sidelinks a {background-color:{color:side links background}; margin-bottom:4px; text-align:right; display:block; position:relative; color:{color:Nav Links};}
  69. div.sidelinks a:hover {display:block; margin-bottom:4px; color:{color:Hover};}
  70.  
  71.  
  72. .container {width:570px;}
  73.  
  74. .content {margin:auto; width:400px;
  75. margin-top:90px; }
  76.  
  77.  
  78. #entry {background-color:transparent;
  79. width:475px; opacity:1;
  80. margin:auto; font-size:{text:Font Size};
  81. {block:IfMoreSpaceBetweenPosts}
  82. margin-bottom:40px; {/block:IfMoreSpaceBetweenPosts}}
  83.  
  84. #entry img {width:400px; }
  85. #entry:hover .permalink {opacity: 1;}
  86. #entry:hover {}
  87. #entry .post img {width:400px; border:0px;}
  88.  
  89.  
  90.  
  91. #description {position:fixed; left:50%; margin-left:-290px; top:5px; z-index:2; background-color:#fff; width:125px; line-height:8px; text-align:right; color:white; padding-top:2px;font-size:10px; letter-spacing:2px;}
  92.  
  93. #description:hover {opacity:1;}
  94.  
  95. #description a {color:#444; line-height:15px; padding-left:4px; padding-right:4px;}
  96.  
  97. #description a:hover {background-color:#fff; color:black; padding-top:2px; padding-left:4px;}
  98.  
  99.  
  100. .audio {background-color:#000000; margin-bottom : 2px; margin-left:35px; width:400px; text-align:center;}
  101.  
  102. blockquote {border-left: 1px solid #eee; padding-left:3px; width:98.7%; margin-left: 0px;}
  103.  
  104.  
  105.  
  106. .permalink {z-index:2; left:50%; margin-left: -200px; margin-top:20px; padding-top:0px; position: absolute; text-align: center; width: 400px; height:10px; font-size: 45px; opacity:0; color:#fff; text-transform:uppercase; font-weight:bold;}
  107.  
  108. .permalink a {color:{color:permalink};}
  109. .permalink a:hover {color:{color:permalink};}
  110. .entry:hover .permalink {opacity: .85;}
  111.  
  112.  
  113. .textperma {z-index:2; position: absolute; left:50%; margin-left:-180px; margin-top:3px; text-align:right; color:#fff; width:400px; color:#000; font-weight:bold; height:10px;}
  114.  
  115. .textperma a {color:#000;}
  116. .textperma a:hover {opacity:.85}
  117. .entry:hover .textperma {opacity: .85;}
  118.  
  119.  
  120. div.video embed,div.post div.video object {
  121. width:400px !important;}
  122.  
  123.  
  124.  
  125. </style>
  126.  
  127.  
  128.  
  129. </head>
  130. {block:IfEndlessScroll}
  131. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  132. {/block:IfEndlessScroll}
  133. </head>
  134.  
  135.  
  136. <body>
  137. <div class="container">
  138. <div class="content">
  139.  
  140.  
  141. <div></div>
  142.  
  143. </div></div>
  144.  
  145.  
  146. {block:IfEndlessScroll}
  147. <div class="autopagerize_page_element">
  148. {/block:IfEndlessScroll}
  149.  
  150. {block:Posts}
  151.  
  152. {block:Photo}{block:IndexPage}
  153. <a href="{Permalink}">
  154. {block:Post1}
  155. <img src="{PhotoURL-HighRes}" width="200" alt="{PhotoAlt}"/>
  156. {/block:Post1}
  157.  
  158. {block:Post2}
  159. <img src="{PhotoURL-HighRes}" width="250" alt="{PhotoAlt}"/>
  160. {/block:Post2}
  161.  
  162. {block:Post3}
  163. <img src="{PhotoURL-HighRes}" width="280" alt="{PhotoAlt}"/><br>
  164. {/block:Post3}
  165.  
  166. {block:Post4}
  167. <img src="{PhotoURL-HighRes}" width="200" alt="{PhotoAlt}"/>
  168. {/block:Post4}
  169.  
  170. {block:Post5}
  171. <img src="{PhotoURL-HighRes}" width="340" alt="{PhotoAlt}"/>
  172. {/block:Post5}
  173.  
  174. {block:Post6}
  175. <img src="{PhotoURL-HighRes}" width="200" alt="{PhotoAlt}"/>
  176. {/block:Post6}
  177.  
  178. {block:Post7}
  179. <img src="{PhotoURL-HighRes}" width="260" alt="{PhotoAlt}"/>
  180. {/block:Post7}
  181.  
  182. {block:Post8}
  183. <img src="{PhotoURL-HighRes}" width="280" alt="{PhotoAlt}"/>
  184. {/block:Post8}
  185.  
  186. {block:Post9}
  187. <img src="{PhotoURL-HighRes}" width="450" alt="{PhotoAlt}"/>
  188. {/block:Post9}
  189.  
  190. {block:Post10}
  191. <img src="{PhotoURL-HighRes}" width="270" alt="{PhotoAlt}"/>
  192. {/block:Post10}
  193.  
  194. {block:Post11}
  195. <img src="{PhotoURL-HighRes}" width="200" alt="{PhotoAlt}"/>
  196. {/block:Post11}
  197.  
  198. {block:Post12}
  199. <img src="{PhotoURL-HighRes}" width="250" alt="{PhotoAlt}"/>
  200. {/block:Post12}
  201.  
  202. {block:Post13}
  203. <img src="{PhotoURL-HighRes}" width="280" alt="{PhotoAlt}"/>
  204. {/block:Post13}
  205.  
  206. {block:Post14}
  207. <img src="{PhotoURL-HighRes}" width="200" alt="{PhotoAlt}"/>
  208. {/block:Post14}
  209.  
  210. {block:Post15}
  211. <img src="{PhotoURL-HighRes}" width="340" alt="{PhotoAlt}"/>
  212. {/block:Post15}
  213.  
  214. {/block:IndexPage}</a>
  215.  
  216. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}
  217. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  218. {/block:Photo}
  219.  
  220.  
  221. {/block:Posts}
  222.  
  223.  
  224.  
  225.  
  226. {/block:Posts}
  227. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  228.  
  229.  
  230. {block:IfNotEndlessScroll}<div style="width:{text:width}; position:absolute; margin-left:765px;"><div id="pag">
  231. {block:PreviousPage}<a href="{PreviousPage}" title="newer">back</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="older">forth</a>{/block:NextPage}{/block:IfNotEndlessScroll}
  232.  
  233. <div style="position:fixed; right:5px; bottom:5px;">
  234. <a href="http://themesbylts.tumblr.com">THEME</a></div>
  235. </div></div></div>
  236.  
  237. </div>
  238. </div>
  239. </body>
  240. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement