Advertisement
hifenss

#THEME - 12

Dec 2nd, 2014
677
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.85 KB | None | 0 0
  1.  
  2.  
  3.  
  4. <html>
  5.  
  6. <head>
  7. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10.  
  11. <!-- DEFAULT -->
  12. <meta name="color:background" content="#ffffff" />
  13. <meta name="color:link" content="#000000" />
  14. <meta name="color:links" content="#000000" />
  15. <meta name="color:side" content="#eee" />
  16. <meta name="color:bgcontador" content="#eee" />
  17. <meta name="color:textos" content="#000000" />
  18. <meta name="color:post" content="#ffffff" />
  19. <meta name="image:sidebar" content="http://36.media.tumblr.com/7a7bd2f5828b41caf0b40210935c6a41/tumblr_n1o1csA6Yo1sgccggo1_500.jpg" />
  20. <meta name="image:background" content="" />
  21. <meta name="text:contador" content="/" />
  22. <meta name="text:Link1" content="/" />
  23. <meta name="text:Link2" content="/" />
  24. <meta name="text:Link2 Title" content="link" />
  25. <meta name="text:Link3" content="/" />
  26. <meta name="text:Link3 Title" content="link" />
  27. <meta name="text:Link4" content="/" />
  28. <meta name="text:Link4 Title" content="link" />
  29. <meta name="if:Hidden Tags" content="1"/>
  30. <meta name="if:Rolagem infinita" content="1"/>
  31. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  32. <!----lemossomel---->
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39. <style type="text/css">
  40.  
  41.  
  42. body {background-color:{color:background}; font-family:'arial'; color:{color:textos}; font-size:11px; line-height: 20px; background-image: url({image:background}); background-size:100% 100%; background-attachment: fixed; background-repeat: no-repeat; background-position: fixed; }
  43. body, a, a:hover { default!important;}
  44. a {color: {color:link}; text-decoration:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  45. a:hover {color; background-color: transparent; -webkit-transition:opacity 0.s linear;-webkit-transition:all 0.s ease-out;-moz-transition:all 0.s ease-out; transition:all 0.s ease-out;}
  46. a:hover { -webkit-transition:opacity 0.s linear; -webkit-transition:all 0.s ease-out; -moz-transition:all 0.s ease-out; transition:all 0.5s ease-out;}
  47. #background:{{image:background};}
  48.  
  49. /*-----------POSTS--------------*/
  50. #entry {width:400px; margin-left:420px; margin-top:20px; }
  51. .posts {width: 400px; text-align: justify; margin-bottom:20px; background:{color:bgcontador}; padding:20px; }
  52. .posts img{width:400px; }
  53.  
  54. /*--------------QUOTES----------------*/
  55. .quote {text-align: justify; margin-left:-2px; text-indent:0px; line-height:17px; }
  56. .quote1 {position:absolute; margin-left:20px; margin-top:2px; font-size: 0px; opacity:1; }
  57. .quotesource { text-align:center; text-transform:uppercase; margin-top:7px; fixed; padding-bottom:0px; font-size:9px; }
  58. /*--------------TEXTOS----------------*/
  59. h1 {font-size:15px; color: {color:text}; line-height:17px; text-transform:uppercase; font-family: consolas;}
  60. h1 a { color: {color:text}; }
  61. h1 a:hover { color: {color:text}; }
  62.  
  63. /*--------------IMAGENS----------------*/
  64. .image{-webkit-filter: grayscale(40%)}
  65. .image img {max-width: 400px; opacity:1;}
  66. .image img:hover { opacity:1;}
  67.  
  68.  
  69. /*--------------CHAT----------------*/
  70. .chat {line-height: 13px; list-style: none }
  71. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  72.  
  73. /*--------------PERSON----------------*/
  74. .person1 {color: {color:text}; padding: 2px; }
  75. .person1 .label {font-weight: bold; color:{color:text}}
  76. .person2 {color: {color:text}; padding: 2px; }
  77. .person2 .label {font-weight: bold; color:{color:text}}
  78. .player {width:400px; text-align: left; position:relative; }
  79.  
  80.  
  81. /*--------------ASKS----------------*/
  82.  
  83. .asker {text-align:left; padding:0px; position: relative; margin-bottom:5px; text-transform:uppercase; font-size:9px;}
  84. .question {padding:5px; text-align:left; margin-right:0px; border-bottom:1px solid {color:side}; background:{color:side}; line-height:15px;}
  85. .answer1 {color:{color:text}; text-align:left; display:block; line-height:15px; margin-top:-5px;}
  86. .answer1 a {color:{color:text}; }
  87.  
  88. .askimg{position:relative; float: left; margin-top: 0px; margin-left:0px; display:block; margin-bottom: 0px; padding-right:10px; }
  89. .askimg img {width:40px; z-index:999999999999999;}
  90.  
  91.  
  92.  
  93. /*--------------NOTES----------------*/
  94. #info2 {margin-top:-5px; letter-spacing:1px; margin-left:-1px; color:{color:link}; text-align:center; font-size:8px; padding:2px; text-transform:uppercase; border-top:1px solid {color:side};}
  95. #info2 a:hover {text-decoration:underline;}
  96. #reblog {margin-right:5px; }
  97.  
  98.  
  99. /*--------------TAGS----------------*/
  100. #tags {position:absolute; width:400px; background-color:{color:post}; opacity:0; margin-top:-10px; margin-left:0px; text-align:left; text-transform:lowercase; font-style:italic; -webkit-transition:opacity 0.8s linear;
  101. -webkit-transition:all 0.5s ease-out;
  102. -moz-transition:all 0.5s ease-out;
  103. transition:all 0.5s ease-out;}
  104. #tags {text-transform:lowercase;}
  105.  
  106. /*--------------NOTES HOVER----------------*/
  107. .notes {width: 400px; padding: 0px; margin-left: -5px; margin-top: -10px; margin-bottom: 1px; text-align:left;}
  108. ol.notes {list-style: none; margin: 0 0px 0 0px; padding: 0px; z-index: 11;}
  109. ol.notes li {background-color; margin-bottom: 2px; padding: 5px; }
  110. .notes img {display: none; border:0px; }
  111.  
  112.  
  113. /*--------------SIDEBAR----------------*/
  114. #sidebar {position:fixed; width:160px; float:center; top:20px; margin-left:230px; text-align:left; z-index:999; }
  115. .sid {width:auto; border:1px solid {color:side}; padding:7px; background-color:rgba(250,250,250,{text:opacitybg});}
  116.  
  117.  
  118. #imgs { float:center; margin-bottom:5px; }
  119. #imgs img {width:160px; }
  120. #imgs img:hover {}
  121.  
  122. .descri{ text-align:center; font-size:9px; padding:5px; background:{color:bgcontador}; line-height:14px; margin-top:2px; }
  123.  
  124.  
  125. .title{ text-align:left; font-size:16px; color: {color:text}; line-height:20px; letter-spacing:1px; border-radius:0px; text-transform:uppercase; font-family: georgia; background:{color:bgcontador}; padding:10px; border:1px solid {color:side};}
  126.  
  127. .links { text-align:center; background-color; border-radius:0px; z-index:88888; margin-top:5px; }
  128.  
  129. .links a { font-size:8px; line-height:15px; color: {color:links}; background; letter-spacing:0px; text-transform: uppercase; margin-bottom:2px; padding-left:5px; text-decoration:underline;}
  130.  
  131.  
  132.  
  133. /*--------------CREDITOS----------------*/
  134. .cred {position:fixed; width:15px; height:10px; left:-1px; bottom:30px; padding:5px; text-transform:uppercase; font-size:10px; letter-spacing:2px; cursor:help; text-align:right; color:#fff; background-color:{color:textos}; overflow:hidden; line-height:10px; border-radius:2px;}
  135. .cred:hover {width:20px;}
  136.  
  137. </style>
  138. <body>
  139.  
  140. <div id="sidebar">
  141. <div id="imgs"><a href="{text:Link1}"><img src="{image:sidebar}"></div></a>
  142. <div class="descri">{description}</div>
  143. <div class="links">
  144. <a href="{text:Link2}" > {text:Link2 Title}</a>
  145. <a href="{text:Link3}" > {text:Link3 Title}</a>
  146. <a href="{text:Link4}" > {text:Link4 Title}</a>
  147. </div>
  148. </div>
  149.  
  150.  
  151. <div id="entry">
  152.  
  153. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  154. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  155.  
  156.  
  157. {block:Posts}
  158. <div class="posts">
  159.  
  160. {block:Text}
  161. {block:ifHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifHiddenTags}
  162. {block:Title}<h1><div class="cufon">{Title}</div></h1>{/block:Title}{Body}{/block:Text}
  163.  
  164.  
  165. {block:Photo}
  166. {block:ifHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifHiddenTags}
  167. {LinkOpenTag}<center><div class="image"><img src="{PhotoURL-500}"></div></center>{LinkCloseTag}{/block:Photo}
  168.  
  169.  
  170. <div class="image">{block:Photoset}
  171. {block:ifHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifHiddenTags}
  172. {Photoset-500}{/block:Photoset}</div>
  173.  
  174.  
  175.  
  176. {block:Quote}
  177. <div class="quote1">❝</div>
  178. <div class="quote">{Quote}</div>
  179. {block:Source}<div class="quotesource">{Source}</div>
  180. {/block:Source}
  181. {/block:Quote}
  182.  
  183.  
  184. {block:Link}
  185. {block:ifHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifHiddenTags}
  186. <h1><a href="{URL}" {Target}><font size="3px">{Name}</font></a></h1>
  187. {block:Description}{Description}{/block:Description}
  188. {/block:Link}
  189.  
  190.  
  191. {block:Chat}
  192. {block:ifHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifHiddenTags}
  193. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  194. <div class="chat"><ul>{block:Lines}
  195. <li class="person{UserNumber}">{block:Label}
  196. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  197. {/block:Chat}
  198.  
  199.  
  200. {block:Audio}
  201. <div class="player">
  202. {AudioPlayerGrey}
  203. </div>
  204.  
  205. {/block:Audio}
  206.  
  207.  
  208. {block:Video}
  209. {block:ifHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifHiddenTags}
  210. {Video-500}{/block:Video}
  211.  
  212.  
  213. {block:Answer}
  214. <div class="asker">by {Asker} </div>
  215.  
  216. <div class="question"><div class="askimg"><img src="{AskerPortraitURL-40}"></div> {Question}</div>
  217. <div class="answer1" > {Answer}</div>
  218.  
  219. {/block:answer}
  220.  
  221.  
  222. <div id="cap">
  223. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  224. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  225. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  226.  
  227. <div class="source">{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  228. {/block:ContentSource}</div></div><p>
  229.  
  230.  
  231. <div id="info2">
  232. {block:Date}
  233. {block:IndexPage}
  234. {block:RebloggedFrom} {block:RebloggedFrom} <a href="{ReblogParentURL}"></a>
  235. {/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogRootURL}"></a> {/block:RebloggedFrom}
  236. {block:Date}{24Hour}:{Minutes}{AmPm}{/block:Date} .
  237. {block:NoteCount}
  238. <a href="{Permalink}">{NoteCount}</a> .
  239. {/block:NoteCount}
  240. <a id="reblog" href="{ReblogURL}">share</a>
  241. {/block:IndexPage}
  242. </div></div>
  243. {/block:Date}
  244.  
  245.  
  246. {/block:posts}
  247. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  248. </div></div>
  249.  
  250.  
  251. <div class="cred" title="creditos"> <a href="http://hifens.tumblr.com" title="hifens" style="color:#fff;"> H</a> </div>
  252.  
  253.  
  254.  
  255.  
  256. </body>
  257. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement