API tools faq
paste
Advertisement
kellyblaesing

Theme 66

kellyblaesing
Aug 15th, 2014
207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!----------------------------------------
  4. theme por sorrisol.tumblr.com
  5.  
  6. ------------------------------------------>
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13.  
  14. <!Meta-tags go here>
  15. <meta name="color:background" content="#ffffff" />
  16. <meta name="color:text" content="#444444" />
  17. <meta name="color:title" content="#444444" />
  18. <meta name="color:link" content="#444444"/>
  19. <meta name="color:link hover" content="#e3e3e3"/>
  20. <meta name="color:bg link hover" content="#f3f3f3"/>
  21.  
  22. <meta name="image:Background Esquerda" content""/>
  23. <meta name="image:Background Direita" content""/>
  24. <meta name="image:Background Centro" content""/>
  25. <meta name="image:Tela Cheia Background" content""/>
  26.  
  27. <meta name="text:frase" content="frase" />
  28. <meta name="text:Link 1 Titulo" content="Link 1"/>
  29. <meta name="text:Link 1 URL" content=""/>
  30. <meta name="text:Link 2 Titulo" content="Link 2"/>
  31. <meta name="text:Link 2 URL" content=""/>
  32. <meta name="text:Link 3 Titulo" content="Link 3"/>
  33. <meta name="text:Link 3 URL" content=""/>
  34. <meta name="text:Link 4 Titulo" content="Link 4"/>
  35. <meta name="text:Link 4 URL" content=""/>
  36. <meta name="text:Link 5 Titulo" content="Link 5"/>
  37. <meta name="text:Link 5 URL" content=""/>
  38.  
  39. <!Leave this stuff alone>
  40. <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  41. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  42. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  43. <link rel="shortcut icon" href="{Favicon}"/>
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  45. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  46. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  47. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  48. <!CSS starts here>
  49. <style type="text/css">
  50.  
  51.  
  52. a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;color: {color:link}; text-decoration: none; text-transform: none;}
  53. a:hover {color: {color:link hover}; background-color: transparent; text-decoration: none;text-decoration:none;}
  54.  
  55. body {
  56. background-color:{color:background};
  57. background-image: url({image:Background Esquerda}), url({image:Background Direita}), url({image:Background Centro}), url({image:Tela Cheia Background});
  58. background-attachment: fixed;
  59. background-position: bottom 0px left 0px, bottom 0px right 0px, top left, top left;
  60. background-repeat: no-repeat, no-repeat, repeat, no-repeat;
  61. -webkit-background-size: auto, auto, auto, cover;
  62. -moz-background-size: auto, auto, auto, cover;
  63. -o-background-size: auto, auto, auto, cover;
  64. background-size: auto, auto, auto, cover;
  65. color:{color:text};
  66. font-family:georgia;
  67. font-size:13px;
  68. line-height: 15px;}
  69.  
  70. #wrapper {
  71. margin-left:auto;
  72. margin-right:auto;}
  73.  
  74. #sidebar {
  75. width:400px;
  76. margin-left:420px;
  77. padding-bottom:10px;}
  78.  
  79. #description {
  80. color:{color:text};
  81. margin-bottom:4px;
  82. margin-top:5px;
  83. text-align:center;}
  84.  
  85. #title {
  86. font-family: 'Julius Sans One', sans-serif;
  87. text-align:center;
  88. padding:6px;
  89. font-size:22px;
  90. margin-top:10px;}
  91.  
  92. .quote {
  93. text-align:justify;
  94. font-family:georgia;
  95. line-height: 17px;
  96. font-size:13px;}
  97.  
  98. .source
  99. {margin-top:6px;
  100. margin-left:-5px;
  101. text-align:right;
  102. border-top:1px solid #eee;
  103. font-family:georgia;
  104. font-size:12px;
  105. font-weight:bold;}
  106.  
  107. #entries {
  108. width:400px;
  109. float: left;
  110. margin-left:420px;}
  111.  
  112. #posts {
  113. overflow:hidden;
  114. padding:10px;
  115. margin-top:0px;}
  116.  
  117. img, img a {
  118. border:none;
  119. line-height:0;
  120. max-width:100%;}
  121.  
  122. a.nav{
  123. display:block;
  124. margin-left:2px;
  125. margin-top:7px;
  126. padding:3px;
  127. color: {color:link};
  128. line-height: 16px;}
  129.  
  130. a.nav:hover{
  131. color:{color:link hover};
  132. padding:3px;
  133. background-color:{color:bg link hover};}
  134.  
  135. #scrollToTop { display:none; text-decoration:none; position:fixed; bottom:100px; right:10px; overflow:hidden; width:31px; height:21px; border:none; text-indent:100%; background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top; opacity: .7; filter: alpha(opacity = 50); }
  136.  
  137. #toTopHover { width:11px; height:11px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
  138.  
  139. #scrollToTop:hover { opacity: 1; filter: alpha(opacity = 100); }
  140.  
  141. #scrollToTop:active, #toTop:focus { outline:none; }
  142. .vsanna{display: none;}
  143.  
  144. /*reblog prestigios*/
  145. .notas a{background: rgba(0,0,0,0.5);
  146. padding: 3px 4px 2px 4px;
  147. font-family: Trebuchet MS;
  148. font-weight: bold;
  149. text-align: center;
  150. display: inline-block;
  151. color: #fff;
  152. -webkit-border-radius: 2px;
  153. -moz-border-radius: 2px;
  154. border-radius: 2px;
  155. font-size: 10px;}
  156.  
  157. .notas{position: absolute;
  158. opacity: 0;margin-left:57px;
  159. -webkit-transition: all 0.66s ease;
  160. -moz-transition: all 0.66s ease;
  161. -o-transition: all 0.66s ease;
  162. transition: all 0.66s ease;}
  163.  
  164. #posts:hover .notas{opacity: 1;
  165. -webkit-transition: all 0.66s ease;
  166. -moz-transition: all 0.66s ease;
  167. -o-transition: all 0.66s ease;
  168. transition: all 0.66s ease;
  169. margin-left: 28px;}
  170.  
  171. .hover2 {margin-left: 20px;position: absolute; opacity:0; z-index: 400; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear; margin-top: 0px; max-width: 130px;}
  172.  
  173. #posts:hover .hover2 {margin-left: 1px; opacity:1; }
  174.  
  175. .hover {position: absolute; opacity:0; z-index: 400; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear; margin-top: 0px; max-width: 130px;}
  176. /* fim */
  177. </style>
  178.  
  179. <style type="text/css">{CustomCSS}</style>
  180.  
  181. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  182.  
  183. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png" border="0"></a>
  184.  
  185. </head>
  186.  
  187. <!HTML body starts here>
  188. <body>
  189.  
  190. <div id="wrapper">
  191. <div id="sidebar">
  192. <div id="title"><a href="/">{text:frase}</a></div>
  193. <div id="description">{Description}</div>
  194. <div style="border-bottom:1px solid #eee; padding:5px;"></div>
  195. <div style="margin-top:6px; margin-left:-100px; position:fixed;">
  196. <a href="{text:Link 1 URL}" class="nav">{text:link 1 titulo}</a>
  197. <a href="{text:Link 2 URL}" class="nav">{text:link 2 titulo}</a>
  198. <a href="{text:Link 3 URL}" class="nav">{text:link 3 titulo}</a>
  199. <a href="{text:Link 4 URL}" class="nav">{text:link 4 titulo}</a>
  200. <a href="{text:Link 5 URL}" class="nav">{text:link 5 titulo}</a>
  201. </div></div>
  202.  
  203. <div class = "autopagerize_page_element" >
  204.  
  205. <div id="entries">
  206.  
  207. {block:Posts}
  208. <div id="posts">
  209. {block:IndexPage}<div class="hover2"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"/></a></div>{block:NoteCount}<div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{/block:NoteCount}{/block:IndexPage}
  210. {block:Text}
  211. <big>{block:Title}{Title}{/block:Title}</big>
  212. {Body}
  213. {/block:Text}
  214.  
  215. {block:Quote}
  216. <div class="quote">"{quote}"</div>
  217. <div class="source">{source}</div>
  218. {/block:Quote}
  219.  
  220. {block:Link}
  221. <big><a href="{URL}">{Name}</a></big>
  222. {/block:Link}
  223.  
  224. {block:Chat}
  225. {block:Lines}{block:Label}{Label} {/block:Label}{Line}<br>{/block:Lines}
  226. {/block:Chat}
  227.  
  228. {block:Answer}
  229. <div><img src="{AskerPortraitURL-24}" style="border-radius:50px;"> {Asker} soprou: {Question}</div>
  230. <div class="answer">{Answer}</div>
  231. {/block:Answer}
  232.  
  233. {block:Audio}
  234. {AudioPlayer}
  235. {/block:Audio}
  236.  
  237. {block:Video}
  238. {Video-400}
  239. {/block:Video}
  240.  
  241. {block:Photo}
  242. <img src="{PhotoURL-400}"/>
  243. {/block:Photo}
  244.  
  245. {block:Photoset}
  246. <center>
  247. {Photoset-400}
  248. </center>
  249. {/block:Photoset}
  250.  
  251. {block:permalinkpage}
  252. {block:PostNotes}{PostNotes}{/block:PostNotes}
  253. {/block:PermalinkPage}
  254.  
  255. </div>
  256. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  257. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  258. {/block:Posts}
  259.  
  260. <div style="position: fixed; text-transform:uppercase; font-size:13px;
  261. font-family:trebuchet ms; background-color:#c9c9c9; padding: 6px; right: 20px; bottom: 35px;border-radius:300px; opacity: .65; ">
  262. <a title="theme por sorrisol" style="text-decoration: none; color:{color:text};font-weight:bold;"href="http://sorrisol.tumblr.com"
  263. target="_blank">S</a>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. </body>
  270. </html>
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!