API tools faq
paste
Advertisement
my-foolishlove

Theme 13

my-foolishlove
Apr 10th, 2012
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.13 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{title}</title>
  4. <link rel="shortcut icon" href="{favicon}">
  5. <style type="text/css">
  6. body {background-color:#f7f7f7;}
  7.  
  8. #notes {
  9. width: 500px;
  10. margin: 0px;
  11. margin-left: 0px;
  12. padding: 5px;
  13. text-align: left
  14. }
  15.  
  16. ol.notes {list-style: none; margin: 0 20px 0 10px; padding: 0px}
  17. ol.notes li {margin: 0px; padding: 2px;}
  18.  
  19. #notes img{border:0px}
  20. #notes a{font-size: 10px}
  21. #container {
  22. background-color:#fff;
  23. width: 465px;
  24. position: absolute;
  25. top:99px;
  26. left: 515px;
  27. padding-bottom: 5px
  28. }
  29.  
  30. #entries {margin-top: 50px 0 0px 0}
  31.  
  32.  
  33. #entry {margin-left:400px;
  34. width: 500px;
  35. background-color:#fff;
  36. text-align: justify;
  37. padding: 20px;
  38. margin-bottom:15px;}
  39.  
  40. .image{text-align: center; margin: 0 0 5px 0}
  41. .image img{border: 0px; margin: 0; padding: 0;-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; margin-bottom:10px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
  42.  
  43. -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; margin-bottom:10px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 5px;}
  44.  
  45. #ask_form{width: 500px; }
  46.  
  47. .search_result{font-size: 12px; text-align: center}
  48.  
  49. .source{display:none}
  50.  
  51. h1{
  52. font-family: georgia;
  53. font-size:20px;
  54. letter-spacing: -1px;
  55. line-height: 20px;
  56. text-transform: none;
  57. font-weight: normal;
  58. margin: 0 0 5px 0;
  59. text-align: center
  60. }
  61.  
  62. h1 a{
  63. font-size:20px;
  64. letter-spacing: -1px;
  65. line-height: 20px;
  66. text-transform: none;
  67. font-weight: normal;
  68. margin: 0 0 5px 0;
  69. text-decoration: none;
  70. text-align: center
  71. }
  72.  
  73. .qqmarks{
  74. font-size: 80px;
  75. font-weight: bold;
  76. line-height: 80px;
  77. opacity: 0.2;
  78. filter:alpha (opacity=20)
  79. }
  80.  
  81. .qquote{
  82. font-family:Georgia;
  83. font-size: 20px;
  84. letter-spacing: -1px;
  85. line-height: 30px;
  86. text-transform: none;
  87. margin-top: -70px;
  88. margin-left: 45px
  89. }
  90.  
  91. .qsource{
  92. margin: 5px 15px 0 0;
  93. text-align: right}
  94.  
  95. .chat{
  96. line-height: 12px;
  97. list-style: none
  98. }
  99.  
  100. .chat ul {
  101. line-height: 15px;
  102. list-style: none;
  103. padding: 0px;
  104. line-height: 20px;
  105. }
  106.  
  107. .person1 {
  108. background-color:#000;
  109. color:#fff;
  110. }
  111. .person1 .label {
  112. font-weight: bold;
  113. padding: 0px;
  114. margin-left: 5px;
  115. color: #fff;
  116. }
  117. .person2 {
  118. background-color:#000;opacity:0.4;
  119. color:#fff;
  120. }
  121. .person2 .label {
  122. font-weight: bold;
  123. padding: 0px;
  124. margin-left: 5px;
  125. color: #fff;
  126. }
  127.  
  128. .audioimage{
  129. float:left;
  130. text-align: center;
  131. margin: 0 10px 5px 0;
  132. width: 205px;
  133. border: 15px solid {color:background};
  134. }
  135. .audioimage img{
  136. max-width: 205px;
  137. height: auto;
  138. margin: 0 0 2px 0
  139. }
  140. .playcount {font-style: italic}
  141.  
  142.  
  143. .asker {
  144. width: 480px;
  145. background-color: {color:background};
  146. color:{color:text};
  147. padding: 10px; }
  148. .asker img{
  149. float: left;
  150. margin: 0px 4px 2px 0
  151. }
  152. .asker a{
  153. font-size: 20px;
  154. color:{color:link};
  155. text-transform: lowercase;
  156. line-height: 27px;
  157. padding: 0; margin: 0;
  158. font-family: georgia;
  159. }
  160. .asker a:hover{
  161. font-size: 20px;
  162. color:{color:link};
  163. text-transform: lowercase;
  164. line-height:27px;
  165. padding: 0;
  166. margin: 0;
  167. font-family: georgia;
  168. }
  169. .answer {padding: 5px 0 0 0; }
  170.  
  171. #cap {
  172. padding: 2px 0 0 0;
  173. width: 500px;
  174. margin: 0 0 0 5px
  175. }
  176.  
  177. .info {
  178. margin-top: 10px;
  179. border-left: 0px solid {color:sidebarlinks};
  180. padding: 5px;
  181. background-color:#f9f9f9;
  182. text-align: center;
  183. font-size: 9px;
  184. font-family: verdana;
  185. text-transform: lowercase;-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; margin-bottom:10px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
  186.  
  187. -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; margin-bottom:10px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
  188. }
  189.  
  190. .info a {font-size: 9px;}
  191.  
  192. .info2 {
  193. padding: 2px;
  194. border-bottom: 1px dotted {color:background};
  195. text-align: right;
  196. }
  197. .tags {
  198. color: {color:text};
  199. font-size: 9px;
  200. font-family: verdana;
  201. display: inline;
  202. list-style: none;
  203. text-transform: none;
  204. }
  205. .tags a {
  206. font-size: 9px;
  207. color: {color:text};
  208. display: inline;
  209. list-style: none;
  210. text-transform: none;
  211. }
  212.  
  213. #nts {
  214. width: 500px;
  215. margin-left: 95px;
  216. padding: 10px;
  217. margin-top: 5px;
  218. font-size: 10px;
  219. text-align: left
  220. }
  221.  
  222. #nts img{display: none; border:0px}
  223.  
  224. #clear{
  225. clear: both;
  226. width: 50px;
  227. height: 0px;
  228. background-color: transparent
  229. }
  230.  
  231. #immmg img {border:4px solid #000;overflow:hidden;position:fixed;width:192px;height:192px;margin-left:170px;margin-top:49px;-webkit-transition:all 0.4s linear;}
  232. #immmg {background-color:#000;width:200px;overflow:hidden}
  233. #immmg img:hover {border:60px solid #000;overflow:hidden;position:fixed;width:80px;height:80px;margin-left:170px;margin-top:50px;}
  234. #llv {position:fixed;background-color:none;font-family:tinytots;text-transform:uppercase;font-size:8px;margin-top:243px;margin-left:170px;color:#fff;}
  235. #llv ul {text-transform:uppercase; background-color:#000;height:10px;color:#fff;padding:3px;width:60px;text-align:center;margin-bottom:-7px;}
  236. #llv a {text-transform:uppercase; color:#fff; -webkit-transition:all 0.4s linear;}
  237. #llv a:hover {text-transform:uppercase; letter-spacing:4px; -webkit-transition:all 0.3s linear ease-out;text-transform:uppercase;}
  238.  
  239. #llv2 {position:fixed;background-color:none;font-family:tinytots;text-transform:uppercase;font-size:8px;margin-top:243px;margin-left:237px;color:#fff;}
  240. #llv2 ul {text-transform:uppercase; background-color:#000;height:10px;color:#fff;padding:3px;width:60px;text-align:center;margin-bottom:-7px;}
  241. #llv2 a {text-transform:uppercase; color:#fff; -webkit-transition:all 0.4s linear;}
  242. #llv2 a:hover {text-transform:uppercase; letter-spacing:4px; -webkit-transition:all 0.3s linear ease-out;text-transform:uppercase;}
  243.  
  244. #llv3 {position:fixed;background-color:none;font-family:tinytots;text-transform:uppercase;font-size:8px;margin-top:243px;margin-left:304px;color:#fff;}
  245. #llv3 ul {text-transform:uppercase; background-color:#000;height:10px;color:#fff;padding:3px;width:60px;text-align:center;margin-bottom:-7px;}
  246. #llv3 a {text-transform:uppercase; color:#fff; -webkit-transition:all 0.4s linear;}
  247. #llv3 a:hover {text-transform:uppercase; letter-spacing:4px; -webkit-transition:all 0.3s linear ease-out;text-transform:uppercase;}
  248. .desv {overflow:hidden;position:fixed;background-color:#fff;width:201px;height:90px;margin-top:94px;margin-left:130px;font-family:"trebuchet ms";font-size:11px;-webkit-transition:all 0.4s linear;opacity:0;}
  249.  
  250. #fvt {font-size:8px;font-family:tinytots;text-transform:uppercase;background-color:#000;position:fixed;color:#fff;margin-left:170px;width:200px;margin-top:40px;text-align:center;}
  251. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  252. .tpp {background-color:#000;position:fixed;width:200px;margin-left:170px;margin-top:30px;height:10px;border-top-right-radius:100px;border-top-left-radius:100px;}
  253. .tpd {background-color:#000;position:fixed;width:200px;margin-left:170px;margin-top:302px;height:10px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;}
  254. #pp {background-color:#000;position:fixed;margin-top:285px;margin-left:170px;font-size:8px;font-family:tinytots;width:201px;text-align:center;color:#fff;}
  255. #pp a{text-decoration:none;color:#fff;}
  256. #pp a:hover{text-decoration:none;color:#eee;}
  257. a {color:#000;text-decoration:none;}
  258. a:hover {color:#888;text-decoration:none;}
  259. .siinha {background-color:#000;position:fixed;margin-top:294px;margin-left:170px;font-size:8px;font-family:tinytots;width:201px;text-align:center;color:#fff;}
  260. .siinha a{text-decoration:none;color:#fff;}
  261. .siinha a:hover{text-decoration:none;color:#eee;}
  262. </style>
  263. </head>
  264. <meta name="text:frase" content="frase pequena aqui">
  265. <meta name="text:link1" content="/">
  266. <meta name="text:link1 title" content="link here">
  267. <meta name="text:link2" content="/">
  268. <meta name="text:link2 title" content="link here">
  269. <meta name="text:link3" content="/">
  270. <meta name="text:link3 title" content="link here">
  271. <meta name="text:link4" content="/">
  272. <meta name="text:link4 title" content="link here">
  273. <meta name="text:link5" content="/">
  274. <meta name="text:link5 title" content="link here">
  275. <meta name="text:link6" content="/">
  276. <meta name="text:link6 title" content="link here">
  277. <meta name="image:sidebar" content="http://3.bp.blogspot.com/-me_qvjWrF0g/TvtPkivG8TI/AAAAAAAAAX0/X0NPnucislQ/s1600/tumblr_lmy32jae6q1qzyd2oo1_500_large.jpg">
  278. <body>
  279. <div class="tpd">
  280.  
  281. </div>
  282. <div class="siinha">
  283. theme by my-foolishlove; <a hrref="http://im-mutable.tumblr.com">inspired; </a><a href="http://late-to-write.tumblr.com"> posts;</a>
  284. </div>
  285. <div id="pp">
  286. {currentpage} >>
  287. {block:JumpPagination length="10"}
  288. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  289. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  290. {/block:JumpPagination}
  291. </div>
  292. <div class="tpp">
  293.  
  294. </div>
  295. <div id="fvt">
  296. {text:frase}
  297. </div>
  298. <div id="immmg">
  299. <div style="background-color:#000;width:200px;">
  300. <img src="{image:sidebar}">
  301. <div id="llv3">
  302. <ul><a href="{text:link1}">{text:link1 title}</a></ul>
  303. <ul><a href="{text:link2}">{text:link2 title}
  304. </a></ul>
  305. </div>
  306. <div id="llv2">
  307. <ul><a href="{text:link3}">{text:link3 title}</a></ul>
  308. <ul><a href="{text:link4}">{text:link4 title}</a></ul>
  309. </div>
  310. <div id="llv">
  311. <ul><a href="{text:link5}">{text:link5 title}</a></ul>
  312. <ul><a href="{text:link6}">{text:link6 title}</a></ul>
  313. </div>
  314. </div></div>
  315.  
  316. {block:Posts}
  317.  
  318. <div id="entry">
  319. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  320.  
  321. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  322. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  323.  
  324. {block:Photoset}{Photoset-500}
  325. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
  326. {/block:Photoset}
  327.  
  328. {block:Quote}
  329. <b class="qqmarks">"</b><div class="qquote">{Quote}</div>
  330. {block:Source}<div class="qsource">— {Source}</div>{/block:Source}
  331. {/block:Quote}
  332.  
  333. {block:Link}
  334. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  335. {block:Description}{Description}{/block:Description}
  336. {/block:Link}
  337.  
  338. {block:Chat}
  339. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  340. <div class="chat"><ul>{block:Lines}
  341. <li class="person{UserNumber}">{block:Label}
  342. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  343. {/block:Chat}
  344.  
  345. {block:Audio}
  346. <div class="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  347. {AudioPlayerWhite}
  348. <div class="playcount">{PlayCountWithLabel}</div>
  349. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  350. {/block:Audio}
  351.  
  352. {block:Video}{Video-500}
  353. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  354.  
  355. {block:Answer}
  356. <div class="asker">{Asker}, said to me:<br> {Question}</div>
  357. <div class="answer">{Answer}</div>
  358. {/block:Answer}
  359.  
  360. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  361. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  362. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  363. {/block:ContentSource}</div>
  364.  
  365.  
  366.  
  367. <div id="clear"></div>
  368.  
  369. {block:Date} <div class="info">{block:Date} Posted {DayOfMonth} {Month} {Year}, <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog this post</a>{/Block:IndexPage}<br>{block:RebloggedFrom}(originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  370. </span> / {/block:RebloggedFrom}{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>)<br>{/block:RebloggedFrom}
  371. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  372. </div></div>
  373. {/block:Posts}
  374. {block:PostNotes}
  375. <div id="nts"><div id="ntstext">{PostNotes}</div></div>
  376. {/block:PostNotes}
  377.  
  378. </div>
  379.  
  380. </div>
  381. </body>
  382. </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!