Advertisement
worenow

Theme 07

Jul 2nd, 2014
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.99 KB | None | 0 0
  1. <!---- base hakunax/ theme por worenow --->
  2. <html>
  3. <head>
  4.  
  5. <meta name="color:background" content="#fff" />
  6. <meta name="color:text" content="#000" />
  7. <meta name="color:post" content="#fff" />
  8. <meta name="color:link" content="#000" />
  9. <meta name="color:descri" content="#fff" />
  10. <meta name="color:hover" content="#000" />
  11. <meta name="image:sidebar" content="http://static.tumblr.com/99604fce1d7e218e7848901865f9d06b/ywstpsk/w5Tn26m58/tumblr_static_tumblr_n23jteva7o1t9s5dio1_500.jpg" />
  12.  
  13.  
  14. <meta name="text:Link1" content="/" />
  15. <meta name="text:Link1 Title" content="one" />
  16. <meta name="text:Link2" content="/" />
  17. <meta name="text:Link2 Title" content="two" />
  18. <meta name="text:Link3" content="/" />
  19. <meta name="text:Link3 Title" content="three" />
  20. <meta name="text:Link4" content="/" />
  21. <meta name="text:Link4 Title" content="for" />
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:11px calibri; text-align: center;}
  45.  
  46. a {color: {color:link}; text-decoration: none; text-transform: none;}
  47. a:hover {color: {color:hover};}
  48.  
  49. p {margin: 6px 0 0 0}
  50.  
  51. blockquote {margin: 3px; border-left: 3px solid {color:background}; padding-left: 5px; }
  52. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  53. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  54. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  55.  
  56. blockquote img{max-width: 470px!important}
  57. blockquote blockquote img{max-width: 450px!important}
  58. blockquote blockquote blockquote img{max-width: 430px!important}
  59. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  60.  
  61. #container {width: 400px; margin:50px auto: 50px auto;}
  62.  
  63. #entry {float:left; margin-left:510px; margin-top:30px; width:400px;}
  64.  
  65. .posts {width: 400px; background-color: {color:post}; padding: 2px; text-align: justify; margin-bottom:2px; position: relative; font-family:calibri; font-size:11px;}
  66.  
  67. h1 {font-family: cambria; font-size: 14px; line-height: 15px; text-align: center; font-weight: normal; margin-bottom:5px;}
  68. h1 a {color: {color:link};}
  69. h1 a: {color: {color:hover};}
  70.  
  71. .image {text-align: center; border: 0px}
  72. .image img {width: 400px; margin-bottom: 0px;-webkit-filter: grayscale(20%) }
  73.  
  74. .quote {font-family: calibri; text-align: left; font-size: 12px; line-height:15px; padding: 3px; border-top: 0px solid #eee;}
  75. .quotesource {background-color: #eee; text-align: center; text-transform: none; margin-bottom: 5px;font-family: calibri; font-size: 11px}
  76.  
  77.  
  78. .chat {line-height: 13px; list-style: none }
  79. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  80. .person1 {color: {color:text}; padding: 2px; }
  81. .person1 .label {font-weight: bold; color:{color:text}}
  82. .person2 {color: {color:text}; padding: 2px; }
  83. .person2 .label {font-weight: bold; color:{color:text}}
  84.  
  85. .player {background-color: #000; text-align: left; display:block;}
  86.  
  87. .asker {padding: px;font-size: 11px; font-family:calibri; text-align:;border-bottom:2px solid #fff;}
  88.  
  89. .answer {font-size:11px; font-family: calibri;padding: 1px}
  90. .answer img {max-width: 430px; }
  91.  
  92.  
  93. #info {text-align: left; margin-top:0px; font-size: 11px; font-family: calibri; font-style:italic; text-transform: lowercase; z-index: 0; margin-left:px; width: 200px; margin-bottom: -13px;}
  94. #info a {font-size:10px; text-transform: lowercase;}
  95.  
  96.  
  97. #photoset {width: 415px; margin-top: -2px;}
  98. .source {display: none;}
  99.  
  100. .notes {width:550px; padding:0px; margin-top:1px; margin-bottom:1px; font-size:12px; text-align:center} ol.notes {list-style: none; margin: 0 20px 0 0px; padding:0px; border-bottom: 1px sΓ³lida #ccc; z-index:11;} ol.notes li {background-color:{color:post};margin-bottom:1px; padding:5px;}.notes img{display:none; border:0px}
  101.  
  102. .posts:hover .tags{opacity:0.8;}
  103. .tags {position:absolute; width:150px; text-align:left; font: 8px cambria; font-style:hknx; text-transform: lowercase; margin-left:404px; -webkit-transition-duration: 0.2s; opacity:0;}
  104. .tags a {font-size: 10px; text-transform: lowercase;}
  105. ::-webkit-scrollbar{width:10px;
  106. height:8px;}
  107. ::-webkit-scrollbar-button:start:decrement
  108. ::-webkit-scrollbar-button:end:increment{display:block;
  109. height:4;
  110. background-color:transparent;}
  111. ::-webkit-scrollbar-track-piece{background-color:#ffffff;
  112. -webkit-border-radius:0;
  113. -webkit-border-bottom-right-radius:3px;
  114. -webkit-border-bottom-left-radius:3px;}
  115. ::-webkit-scrollbar-thumb:vertical{height:50px;
  116. background-color:#eee;}
  117. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  118. background-color:#eee;}
  119.  
  120. .pht {position:fixed;border-right:2px solid {color:text} ;border-bottom:0px solid {color:text}; border-left:px solid {color:text} ; border-top:0px solid {color:text}; margin-top:30px; margin-left:2px; margin-bottom:0px; padding:2px; line-height:10px; height:auto; width:166px;}/* by hakunax */
  121. .pht img {display: inline; height:auto; width:165px; left:355px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}/* by hakunax */
  122. .pht img:hover {opacity:0.7;-webkit-transition: all 0.5s ease-out;
  123. -moz-transition: all 0.5s ease-out;}/* by hakunax */
  124. img{-webkit-transition: all 0.8s linear;-moz-transition: all 0.8s linear;transition: all 0.8s linear}
  125. img:hover{-webkit-filter: grayscale(100%);z-index: -97px;}
  126.  
  127. #hola {position:fixed;background-color:{color:background}-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;height:10px; width:180px; padding:3px;margin-left:-42px; margin-top:-150px; position:fixed; text-align:left;}
  128. #hola img {line-height:40px; width:40px; height:auto; opacity:0.9; }
  129.  
  130. .matata {position:fixed;bottom:30px;font-family:georgia;right:10px;font-size:9px;opacity:0.6;color:{color:text};}/* by hakunax */
  131. #matata hover {font-weight:hknx;}
  132. #sdb {float:left; position:fixed; width:281px; bottom:20px; height:auto;top:70px; left:320px;
  133. padding:0px; text-align: center; position: fixed;}
  134.  
  135. #descri {width:185px;background-color:#;position: fixed;font-style:; font-family:calibri; font-size:12px; line-height:auto; height:px;text-align:center; color:#000;background:#fff;padding:0px;margin-top:356px;margin-left:120px;border-bottom:px solid #ddd;border:px solid #ddd;border-left:px solid #ddd; text-transform:;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out; opacity:10; font-weight:bold;}
  136.  
  137.  
  138. #menu{position: fixed; width:246px;height:10; z-index:9; margin-left:0px; margin-top:3px;text-align:center; opacity:9;padding-left:1px;font-family: cambria;letter-spacing: 0px;line-height:14px;font-style:haku;color:{color:background};font-size:12px;-webkit-transition-duration: 0.9s;padding-bottom:5px; background:#fff;}/* by hakunax */
  139. #menu a:hover {text-decoration:line-through; }
  140.  
  141. </style>
  142.  
  143. <body>
  144.  
  145. <div id="sdb">
  146. <div id="sidebar">
  147. <div class="pht">
  148. <img src="{image:sidebar}"/>
  149. <div id="hola">
  150. <img src="http://static.tumblr.com/fnjapln/zihn6z31h/1152191055_91.jpg">
  151. <div id="menu">
  152. <a href="{text:Link1}"> {text:Link1 Title}</a>
  153. <a href="{text:Link2}"> {text:Link2 Title}</a>
  154. <a href="{text:Link3}"> {text:Link3 Title}</a>
  155. <a href="{text:Link4}"> {text:Link4 Title}</a>
  156.  
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161.  
  162. </div>
  163.  
  164. <div class="autopagerize_page_element">
  165. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  166.  
  167.  
  168. <div id="entry">
  169. <div class="autopagerize_page_element">
  170.  
  171.  
  172. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  173. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  174.  
  175.  
  176. {block:Posts}
  177. <div class="posts">
  178. <div class="tags"><a href="{Permalink}">{TimeAgo}</a>{block:IndexPage}<br><a href="{Permalink}"{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a></br><a href="{ReblogUrl}" target="_blank">reblog</a></br>{/block:IndexPage}{block:HasTags}{block:Tags}+<a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>
  179. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  180.  
  181. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  182.  
  183. {block:Photoset}{Photoset-400}{/block:Photoset}
  184.  
  185. {block:Quote}
  186. <div class="quote">β€œ{Quote}”</div>
  187. {block:Source}<div class="quotesource"> β€” {Source}</div>
  188. {/block:Source}
  189. {/block:Quote}
  190.  
  191. {block:Link}
  192. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  193. {block:Description}{Description}{/block:Description}
  194. {/block:Link}
  195.  
  196. {block:Chat}
  197. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  198. <div class="chat"><ul>{block:Lines}
  199. <li class="person{UserNumber}">{block:Label}
  200. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  201. {/block:Chat}
  202.  
  203. {block:Audio}
  204. <div class="player">{AudioPlayerBlack}</div>
  205. {block:Caption}{Caption}{/block:Caption}
  206. {/block:Audio}
  207.  
  208. {block:Video}{Video-500}{/block:Video}
  209.  
  210.  
  211. {block:Answer}
  212. <div class="asker"><span></span><b>{Asker} gemeu:</b> {Question}&nbsp;</div><div class="questions">{Answer}</div>{/block:Answer}
  213.  
  214.  
  215. <div id="cap">
  216. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  217. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  218. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  219.  
  220. <div class=""><a href="">{block:SourceLogo}
  221. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="" />
  222. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  223. {/block:ContentSource}</div></div>
  224. <br>
  225.  
  226. <div class="hakuna">
  227. {block:Date}<div id="info">
  228. <left> <a href="{Permalink}"></a>{block:Date}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a></a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource} <a href=""></a>{/block:ContentSource} {block:IndexPage} <a href="{ReblogUrl}" target="_blank"></a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  229. </div></left>{/block:IfShowTags}{/block:Date}</div>
  230. </div>
  231.  
  232. {/block:Posts}
  233. {block:PostNotes}<div class="">{PostNotes}</div>{/block:PostNotes}
  234.  
  235.  
  236.  
  237.  
  238.  
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243.  
  244. </div>
  245. <div class="matata" title="theme by worenow"><a href="http://worenow.tumblr.com"> worenow </div>
  246.  
  247.  
  248. </body>
  249. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement