API tools faq
paste
Advertisement
diasociosos

Theme 02 - Simblr

diasociosos
Oct 27th, 2012
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.  
  5. <!--
  6. PLEASE, DO NOT REMOVE THE CREDITS
  7.  
  8. THEME: #02 SIMBLR THEME
  9. diasdeocio.tumblr.com | BY JULIANA
  10.  
  11. BASE: http://jaquethemes.tumblr.com/
  12.  
  13. --REGRAS--
  14. 1) DO NOT REMOVE THE CREDITS
  15. 2) DON'T USE AS BASE
  16. 4) IF YOU USE SOMETHING OF THIS THEME, DON'T FORGET THE CREDITS
  17.  
  18. -->
  19.  
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  22.  
  23. <!-- DEFAULT VARIABLES -->
  24. <meta name="color:background" content="#000" />
  25. <meta name="color:bold" content="#03a826" />
  26. <meta name="color:italic" content="#51976d" />
  27. <meta name="color:entry" content="#fff" />
  28. <meta name="color:slinks" content="#050000" />
  29. <meta name="color:slinks text" content="#fcfbf8" />
  30. <meta name="color:lhover" content="#236629" />
  31. <meta name="color:lhover text" content="#0a0990" />
  32. <meta name="color:title" content="#034d0f" />
  33. <meta name="color:text" content="#000" />
  34. <meta name="color:link" content="#8b8980" />
  35. <meta name="color:blockquote" content="#e4e4e2" />
  36. <meta name="color:blockquoteline" content="#95dab1" />
  37. <meta name="font:title" content="verdana" />
  38. <meta name="font:body" content="verdana" />
  39. <meta name="image:tbar2" content="http://static.tumblr.com/bcpjrkj/WWqmcl40d/tumblr_m9cj14nr881renxxto1_400.gif"/>
  40. <meta name="image:background" content="http://static.tumblr.com/bcpjrkj/7zkmcl3yo/plumbob.png" />
  41. <meta name="image:banner" content="http://static.tumblr.com/bcpjrkj/0Ekmcl41i/simmer_time.png" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:subtitulo" content="Simblr Name" />
  44. <meta name="text:Link3 Title" content="tags" />
  45. <meta name="text:Link4" content="/" />
  46. <meta name="text:Link4 Title" content="and" />
  47. <meta name="text:Link5" content="/" />
  48. <meta name="text:Link5 Title" content="links" />
  49. <meta name="text:Link6" content="/" />
  50. <meta name="text:Link6 Title" content="here" />
  51.  
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  53. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  54. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  55. <link rel="shortcut icon" href="{Favicon}" />
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  57. <style type="text/css">
  58.  
  59. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; background-repeat: no-repeat; font-family:{font:body}; font-size:11px; line-height:110%; text-align:justify}
  60.  
  61. body, a:hover,e {cursor: url(http://static.tumblr.com/bcpjrkj/b7Rmckcb4/cursor.png), auto;}
  62.  
  63. a:link, a:active, a:visited{
  64. cursor: url(http://static.tumblr.com/bcpjrkj/WOcmckchl/cursorh.png), auto;
  65. color: {color:link}; text-decoration:none}
  66. a:hover{
  67. cursor: url(http://static.tumblr.com/bcpjrkj/WOcmckchl/cursorh.png), auto;
  68. color:{color:title}}
  69.  
  70. b, strong {color: {color:bold}}
  71. i, em {color: {color:italic} }
  72. s, strike {color: {color:subli} }
  73.  
  74. ::-webkit-scrollbar-thumb:vertical {
  75. background-color: {color:bold};
  76. height: 50px;
  77. }
  78.  
  79. ::-webkit-scrollbar {
  80. height: 10px;
  81. width: 5px;
  82. background-color: {color:background};
  83. }
  84.  
  85. #sidelinkbar {position: fixed; -webkit-border-radius: 15px;
  86. -moz-border-radius: 15px;
  87. border-radius: 10px; background-color: {color:entry}; width: 160px; height: auto; position: absolute; margin-left: 710px; margin-top: 10px; float: right; padding: 5px; position: fixed;}
  88.  
  89.  
  90. .sidebarlinks{float: center; width:160px; text-align: center; font-size: 8px;}
  91. .sidebarlinks a {display: block; font-size: 9px; font-family: verdana; background-color: {color:slinks}; text-transform: normal; padding: 2px 5px; color: {color:slinks text}; letter-spacing: 0px; margin-bottom: 3px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  92. .sidebarlinks a:hover {background-color:{color:lhover}; color:{color:lhover text}; padding-left: 45px;}
  93.  
  94.  
  95.  
  96.  
  97. #toplinks {text-align: center; width: 230px;margin-top: -1px;}
  98. .toplinks a{display: block; width: 80px; line-height: 20px; margin-bottom: -3px; text-align: center; font-size: 11px; background-color: {color:slinks}; color:{color:slinks text}; text-decoration: none; text-transform: lowercase; font-family: Lucida; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear}
  99. .toplinks a:hover{text-align: center; background-color: {color:lhover}; color:{color:lhover text}; line-height: 15px}
  100.  
  101.  
  102.  
  103. #timg {margin-bottom:2px; margin-top:1px}
  104. #timg img {max-width: 160px; height: auto; text-align:center}
  105.  
  106. #timg2 {margin-bottom:2px; margin-top:1px}
  107. #timg2 img {max-width: 160px; height: auto; text-align:center}
  108.  
  109. #title {width: 150px; float: center; margin-top:10px; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:18px; color:{color:text};}
  110. #sub {width: 150px; float: justify; margin-top: 4px; margin-bottom: 4px; font-family: verdana; font-size: 9px;}
  111.  
  112. #container {background-color:transparent; width: 800px; text-align: center; margin: 0 auto -10px auto}
  113.  
  114. #entries {margin: 20px 0 10px 260px; float:right; margin-right: 130px; text-align: justify}
  115.  
  116. #entry {margin: 5px 0 -5px 0; width: 500px; background-color:{color:entry}; text-align: justify; padding: 3px}
  117.  
  118. #simg {margin-bottom:2px; margin-top:1px}
  119. #simg img {max-width: 250px; height: auto; text-align:center}
  120.  
  121. #sbar {width: 250px; float: left; margin-left: -100px; margin-top:10px; padding: 5px; background-color: {color:sbar}; text-align: center; position: fixed}
  122.  
  123. #stext {text-align:justify; font-family:verdana; font-size:9px}
  124.  
  125.  
  126. #pagination {width:242px; background:{color:entry}; font-family:verdana; text-align:center; font-size:12px; padding:4px}
  127.  
  128. #credit{padding:3px; background-color:{color:background}; font-family:verdana; font-size: 8px; text-align: center; color:{color:text}; margin-top: 0px}
  129. #credit a{text-decoration: none; color:{color:link}}
  130.  
  131. h1{color:{color:title}; font-family:{font:title}; font-size:15px; line-height:12px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  132.  
  133. h2{color:{color:title}; font-family:{font:title}; font-size:17px; line-height:12px; letter-spacing:1px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  134.  
  135.  
  136.  
  137.  
  138. #source {text-align: left}
  139.  
  140. .posts .boxnotes {z-index: 11;
  141. margin-left:15px; width:auto;padding:1px;
  142. text-align: left; height:auto;border-radius:4px;
  143. position: absolute; margin-top: 5px; text-transform:uppercase;
  144. line-height: 25px; font-family:verdana;font-size:18px;opacity: 0;
  145. -webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  146. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  147. .posts .boxnotes img{width:18px;margin-top:5px;}
  148. .posts .boxnotes a{color:#333;}
  149. .posts:hover .boxnotes {opacity: 1; }
  150. .bor{margin:1px;}
  151. /***Class do primeiro note***/
  152. .posts .boxnotess {z-index: 11;display: inline-block;height:30px; width:30px; background: rgba(0,0,0,0.5);border-radius:30px;margin-left:-5px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  153. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  154. .posts:hover .boxnotesss {margin-left:2px; }
  155. /***Class do segundo note***/
  156. .posts .boxnotesss {z-index: 11;display: inline-block;height:30px; width:30px; background: rgba(255,255,255,0.8);border-radius:30px;margin-left:-50px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  157. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  158. .posts:hover .boxnotesss { margin-left:-2px; }
  159.  
  160.  
  161.  
  162. .ask {width: 99%; background:#eee; font-weight:normal; padding:3px; margin-bottom: 1px; color:#777; font-size: 11px;border-radius:4px; }
  163. .asker {width: 407px;height:18px; background: #000; font-weight:normal; padding:3px; margin-bottom: 1px; color:#d6d6d6;font-family: 'Play', sans-serif; font-size: 11px; text-align:left;line-height:20px;text-transform:uppercase;margin-left:-8px;}
  164. .asker a{background:#; color:#fff;margin-left:auto;}
  165. .askborder {width:30px;float: left; display: inline; margin-bottom: 2px;margin-left:10px;margin-top:-3px;border: 2px solid #000;}
  166. .askborder:hover{-webkit-filter: grayscale(100%);}
  167. .resposta {background:#ffff; font-weight:normal; padding:10px; margin-bottom: 1px; text-shadow:0 0px 0px #fff;color:#aaa; font-size: 11px; }
  168. #ask{border-right: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid #eee;border-left: 10px solid transparent;width: 0px;height: 0px;}
  169.  
  170. blockquote {background:url(http://static.tumblr.com/bcpjrkj/3Lumcka3y/plumbobquote.png) repeat-y;margin: 7px; text-align: justify; padding:0 0 0 2.5em; color: {color:text}; line-height: 30px; background-color: {color:blockquote}; border-bottom: 2px solid {color:blockquoteline}; border-top: 2px solid {color:blockquoteline};}
  171.  
  172. p{margin-top:5px; margin-bottom:5px}
  173.  
  174.  
  175. img a{border:none; width:100%}
  176. .audio{background-color:black; display:block;}
  177.  
  178. .user_1 .label {color:{color:link}; font-weight:bold}
  179. .user_2 .label {color:{color:text}; font-weight:bold}
  180. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  181.  
  182. notes {width: 500px; margin: 0px; margin-left: 0px; padding: 0px; text-align: left}
  183. ol.notes {list-style: none; margin: 0 20px 0 10px; padding: 0px}
  184. ol.notes li {margin: 0px; padding: 0px;}
  185.  
  186. .notes img{width:10px; position:relative; top:1px}
  187. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  188.  
  189. div.post_ttricks img {border-radius: 18px}
  190.  
  191.  
  192. .bannerhs {margin-top:10px; margin-left:250px; float:left;}
  193.  
  194.  
  195. .ask {width: 99%; background: #eee; font-weight:normal; padding:3px; margin-bottom: 1px; text-shadow:0 px 0px #fff;color:#AAAAAA; font-size: 11px; }
  196.  
  197. .asker {width: 99%;height:12px; background: #000; font-weight:normal; padding:3px; margin-bottom: 1px; color:#fff; font-size: 8px;text-align:center;line-height:15px;text-transform:uppercase;font-family:tinytots;
  198.  
  199. -webkit-border-radius: 60px;
  200.  
  201. -webkit-border-top-right-radius: 40px;
  202.  
  203. -webkit-border-bottom-right-radius: 40px;
  204.  
  205. -moz-border-radius: 60px;
  206.  
  207. -moz-border-radius-topright: 40px;
  208.  
  209. -moz-border-radius-bottomright: 40px;
  210.  
  211. border-radius: 60px;
  212.  
  213. border-top-right-radius: 40px;
  214.  
  215. border-bottom-right-radius: 40px;}
  216.  
  217. .asker a{background:#; color:#fff;}
  218.  
  219. .askborder {float: left; margin-top: -8px; margin-left: -5px; display: inline; margin-bottom: 9px;-webkit-border-radius: 20px;
  220.  
  221. -moz-border-radius: 20px;
  222.  
  223. border-radius: 20px;}
  224.  
  225. .resposta {width: 99%; background: #fff; font-weight:normal; padding:3px; margin-bottom: 1px; text-shadow:0 0px 0px #fff;color:#aaaaaa; font-size: 11px; }
  226.  
  227. @font-face {font-family: “tinytots”;src: url(‘http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf’);}
  228.  
  229.  
  230.  
  231. </style>
  232. <style type="text/css">{CustomCSS}</style>
  233. </head>
  234.  
  235.  
  236.  
  237. <body>
  238.  
  239.  
  240.  
  241. <div class="bannerhs"> <img src="{image:Banner}"></div>
  242.  
  243. <div id="container">
  244.  
  245.  
  246. <div id="sidelinkbar">
  247.  
  248.  
  249. <div id="sub"><big><big><big>{block:ifsubtitulo}{text:subtitulo}{/block:ifsubtitulo}</big></big></big></div>
  250. <br>
  251.  
  252. <div id="timg"><img src="{image:tbar2}"/></div>
  253. <div class="sidebarlinks">
  254. <div id="stext">{block:Description}{Description}{/block:Description}</div>
  255. <a href="/">Home</a>
  256. <a href="/ask">Ask</a>
  257. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  258. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  259. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  260. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  261. <a href="http://diasdeocio.tumblr.com">Theme</a>
  262.  
  263.  
  264.  
  265. </div>
  266.  
  267. <!--
  268. PLEASE, DO NOT REMOVE THE CREDITS
  269.  
  270. THEME: #02 SIMBLR THEME
  271. diasdeocio.tumblr.com | BY JULIANA
  272.  
  273. BASE: http://jaquethemes.tumblr.com/
  274. -->
  275.  
  276. <br><br>
  277. <div class="plink">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big><big><big><big><big><big><big>&laquo;</big></big></big></big></big></big></big></a>{/block:PreviousPage}
  278. {block:NextPage}<a href="{NextPage}"><big><big><big><big><big><big><big><big>&raquo;</big></big></big></big></big></big></big></a> {/block:NextPage}{/block:Pagination}</div>
  279.  
  280. </div>
  281.  
  282.  
  283.  
  284. <div id="entries">
  285.  
  286. {block:Posts}
  287.  
  288. <div class="posts">
  289. {block:IndexPage}<div class="boxnotes"><center><div class="boxnotess"><a href="{ReblogURL}" target="_blank"><img src="http://cdn1.iconfinder.com/data/icons/TWG_Retina_Icons/64/arrow_circle_left.png"class="bor"></a></div>
  290. <div class="boxnotesss"><a class="notes" href="{Permalink}"><img src="http://static.tumblr.com/bcpjrkj/go7mcizmn/like_outline.png"class="bor"></a></center></div>{/block:IndexPage}
  291. <div class="post_ttricks">
  292. <div id="entry">
  293.  
  294.  
  295.  
  296.  
  297. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  298. {block:Text}{Body}{/block:Text}
  299.  
  300. {block:Quote}<h2>"{Quote}" — <small><small>{Source}</small></small></h2>{/block:Quote}
  301.  
  302. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  303. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  304.  
  305. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  306. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  307.  
  308. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  309.  
  310. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  311.  
  312. {block:Answer}<div class="asker"><img src="{AskerPortraitURL-64}"align="left" class="askborder"/>{Asker} asked you:
  313. </div>
  314. <center><div id="ask"></div></center><div class="ask">
  315. {Question} </div>
  316. <div class="resposta">{Answer}</div>
  317. </div>{/block:answer}
  318.  
  319. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  320.  
  321.  
  322. </div><BR>
  323. {/block:Posts}
  324. {block:PostNotes}{PostNotes}{/block:PostNotes}
  325.  
  326. </div>
  327. <br />
  328.  
  329.  
  330. <div id="simg"><img src="{image:sidebar}"/></div>
  331.  
  332.  
  333. <!--
  334. PLEASE, DO NOT REMOVE THE CREDITS
  335.  
  336. THEME: #02 SIMBLR THEME
  337. diasdeocio.tumblr.com | BY JULIANA
  338.  
  339. BASE: http://jaquethemes.tumblr.com/
  340. -->
  341.  
  342. </div>
  343.  
  344. </div>
  345.  
  346. </body>
  347. </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!