API tools faq
paste
Advertisement
Lairacah4you

Theme 06 - Cute Colors

Lairacah4you
Apr 7th, 2014
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.77 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{favicon}">
  7.  
  8. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  9.  
  10.  
  11. </head>
  12.  
  13. <style>
  14.  
  15. .sem{display: none;}
  16.  
  17.  
  18.  
  19.  
  20.  
  21. /*Corpo*/
  22. body {background: #f0f0f0 url('http://static.tumblr.com/ua81nyy/DlIn2uhwf/sem_t__tulo-1.png'); font-size: 11px;font-family:'Calibri';text-align:justify; color: #444;}
  23.  
  24. #perma {margin-top:3px; font-family: calibri; color:#000; text-align: center; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; text-transform: uppercase; font-size:9px; padding: 0px;border-top: 1px solid #f0f0f0;}
  25. #perma a {font-size:9px; font-family: calibri; text-transform: uppercase; color:#9cbed4}
  26. #perma a:hover {color:#ffaa77;}
  27. #ago {background-color:#0000; width: 814px; text-align: center; margin: 0px auto 0px 120px;}
  28.  
  29. .credits {
  30. float: left;
  31. display: block;
  32. width:490px;
  33. vertical-align : middle;
  34. margin-bottom: 1px;
  35. font-family: 'Georgia';
  36. font-size: 10px;
  37. color: #666 ;
  38. text-align: left;
  39. background: url('http://static.tumblr.com/ywlup7y/P4tm242r5/coracao2.png') no-repeat left;
  40. padding-left:15px;
  41. padding-bottom:2px;
  42. border-bottom: 1px solid #e5e5e5;
  43.  
  44. }
  45.  
  46. .credits:hover {
  47. background: url('http://static.tumblr.com/ywlup7y/P4tm242r5/coracao2.png') no-repeat left;opacity:0.7;padding-left:15px;
  48. padding-bottom:2px;
  49. }
  50.  
  51.  
  52. .core {width:14px;height:14px;background-image: url('http://static.tumblr.com/ywlup7y/P4tm242r5/coracao2.png');}
  53.  
  54. /* Titulo dos Posts */
  55. h1 {
  56. color:#c5d694;
  57. font-family: 'Yanone Kaffeesatz';
  58. font-size:20px;
  59. line-height:40px;
  60. margin:0px;
  61. padding:0px;
  62. margin-bottom:-0px;
  63. text-align:center;
  64. letter-spacing: 0px;
  65. font-weight:normal;
  66. overflow: hidden;}
  67.  
  68.  
  69. h2 {
  70. color:#444;
  71. font-family: 'Oswald';
  72. font-size:15px;
  73. line-height:30px;
  74. margin:0px;
  75. padding:0px;
  76. margin-bottom:0px;
  77. text-align:center;
  78. letter-spacing: 0px;
  79. font-weight:normal;
  80. overflow: hidden;}
  81.  
  82. c {font-size: 10px;font-family:'Calibri';text-align:justify; color: #444;}
  83.  
  84. /* links */
  85. a {color: #9cbed4; text-decoration: none;}
  86. a:hover {color: #555}
  87.  
  88. /* formatação */
  89.  
  90. b, strong, bold {color: #e68ead;}
  91. u, underline {color: #D6B4C8; border-bottom: 1px dashed #000;text-decoration:none;}
  92. i, em {color: #a4ce88;}
  93. s, strike {color: #ffaa77;}
  94.  
  95.  
  96. /* --- blockquote ------- */
  97. blockquote { margin-bottom: 5px; padding: 3px ; background: #F0F0F0; background-position: left; margin-top: 5px; margin-left: 2px; margin-right: 2px; font-size: 8pt; color: #; }
  98.  
  99. /* page */
  100. #content {width: 800px;margin: auto;}
  101.  
  102. /* sidebar */
  103. #sidebar {width:230px;position: fixed;margin-left: 520px;margin-top:-4px;padding:5px;}
  104. .sidei {background: #fff; padding:3px;margin-bottom: 4px;overflow:hidden;}
  105.  
  106. .side {background: #fff; padding:5px;margin-bottom: 4px;overflow:hidden;}
  107.  
  108. /* posts */
  109. #post { width:510px;color: #999 position: relative; margin-left:0px;margin-top:60px;}
  110.  
  111. .box {background: #fff;padding:5px;margin-bottom: 7px;overflow:hidden;}
  112.  
  113. .box1 {background: #fff;padding:5px;margin-bottom: 7px;overflow:hidden;}
  114.  
  115. #image {width:222px;height:281px;background-image: url('http://static.tumblr.com/ua81nyy/ZKBn2rhng/tumblr_m7mmpgz0h21rw9lc6o1_500_large.png');}
  116.  
  117.  
  118.  
  119.  
  120. /* Menu */
  121. #menu {
  122. width:10px;
  123. height:0px;
  124. position: fixed;text-align:center;
  125. }
  126.  
  127. .link1 a {
  128. float:left;
  129. width:10px;
  130. height:22px;
  131. color: transparent;
  132. background-color:#9cbed4;opacity:0.6;
  133. margin-bottom:3px;
  134. margin-left:1px;
  135. transition: all 0.7s ease-out;padding:3px;
  136. }
  137.  
  138. .link1 a:hover {
  139. background:#e68ead;
  140. font-family: Tahoma;
  141. color: #fff;
  142. width: 210px;opacity:0.9;
  143. transition: all 0.7s ease-out;
  144. }
  145.  
  146. .link2 a {
  147. float:left;
  148. width:10px;
  149. height:22px;
  150. color: transparent;
  151. background-color:#9cbed4;opacity:0.6;
  152. margin-bottom:3px;
  153. margin-left:1px;
  154. transition: all 0.7s ease-out;padding:3px;
  155. }
  156.  
  157. .link2 a:hover {
  158. background:#f76067;
  159. font-family: Tahoma;
  160. color: #fff;
  161. width: 210px;opacity:0.9;
  162. transition: all 0.7s ease-out;
  163. }
  164.  
  165. .link3 a {
  166. float:left;
  167. width:10px;
  168. height:22px;
  169. color: transparent;
  170. background-color:#9cbed4;opacity:0.6;
  171. margin-bottom:3px;
  172. margin-left:1px;
  173. transition: all 0.7s ease-out;padding:3px;
  174. }
  175.  
  176. .link3 a:hover {
  177. background:#a4ce88;
  178. font-family: Tahoma;
  179. color: #fff;
  180. width: 210px;opacity:0.9;
  181. transition: all 0.7s ease-out;
  182. }
  183.  
  184. .link4 a {
  185. float:left;
  186. width:10px;
  187. height:22px;
  188. color: transparent;
  189. background-color:#9cbed4;opacity:0.6;
  190. margin-bottom:3px;
  191. margin-left:1px;
  192. transition: all 0.7s ease-out;padding:3px;
  193. }
  194.  
  195. .link4 a:hover {
  196. background:#ebec7c;
  197. font-family: Tahoma;
  198. color: #fff;
  199. width: 210px;opacity:0.9;
  200. transition: all 0.7s ease-out;
  201. }
  202.  
  203. .link5 a {
  204. float:left;
  205. width:10px;
  206. height:22px;
  207. color: transparent;
  208. background-color:#9cbed4;opacity:0.6;
  209. margin-bottom:3px;
  210. margin-left:1px;
  211. transition: all 0.7s ease-out;padding:3px;
  212. }
  213.  
  214. .link5 a:hover {
  215. background:#919efd;
  216. font-family: Tahoma;
  217. color: #fff;
  218. width: 210px;opacity:0.9;
  219. transition: all 0.7s ease-out;
  220. }
  221.  
  222. .link6 a {
  223. float:left;
  224. width:10px;
  225. height:22px;
  226. color: transparent;
  227. background-color:#9cbed4;opacity:0.6;
  228. margin-bottom:3px;
  229. margin-left:1px;
  230. transition: all 0.7s ease-out;padding:3px;
  231. }
  232.  
  233. .link6 a:hover {
  234. background:#ffaa77;
  235. font-family: Tahoma;
  236. color: #fff;
  237. width: 210px;opacity:0.9;
  238. transition: all 0.7s ease-out;
  239. }
  240.  
  241. .image {float: right; margin-right: 20pxmargin-bottom: 5px; background: #e68ead; padding: 2px; border: 5px solid #fff;margin-top:-2px;}
  242.  
  243.  
  244. .link7 a {
  245. float:left;
  246. width:10px;
  247. height:22px;
  248. color: transparent;
  249. background-color:#9cbed4;opacity:0.6;
  250. margin-bottom:3px;
  251. margin-left:1px;
  252. transition: all 0.7s ease-out;padding:3px;
  253. }
  254.  
  255. .link7 a:hover {
  256. background:#c7b8ef;
  257. font-family: Tahoma;
  258. color: #fff;
  259. width: 210px;opacity:0.9;
  260. transition: all 0.7s ease-out;
  261. }
  262.  
  263. .image {float: right; margin-right: 20pxmargin-bottom: 5px; background: #e68ead; padding: 2px; border: 5px solid #fff;margin-top:-2px;}
  264.  
  265. @font-face {
  266. font-family: "tinytots";
  267. src: url('http://static.tumblr.com/no9dwxu/1aPm2ginl/tinytots.ttf');
  268. }
  269.  
  270. #paginaspame {font-size: 8px;
  271. font-family: tinytots;
  272. line-height: 21px;
  273. border-top: 3px solid #CCCCCB;
  274. margin-top: -6px;}
  275.  
  276. #paginaspame span.pagina_atual {margin: 0 1px 0 0;
  277. color: #fff;
  278. text-shadow: 1px 1px #777;
  279. background:#e68ead;
  280. text-transform:uppercase;
  281. padding-top: 6px;
  282. padding-left: 15px;
  283. padding-right: 15px;
  284. padding-bottom: 6px;}
  285.  
  286. #paginaspame a { margin: 0 1px 0 0;
  287. padding-bottom: 6px;
  288. padding-top: 6px;
  289. padding-left: 15px;
  290. padding-right: 15px;
  291. color: #fff;
  292. text-decoration: none;
  293. text-shadow: 1px 1px #777;
  294. background:#c7b8ef!important;
  295. text-transform:uppercase; }
  296.  
  297. #paginaspame a:hover {border: none;
  298. color: #fff;text-shadow: 0px 0px #555;
  299. }
  300. </style>
  301. <body>
  302. <div id="content">
  303. <div id="sidebar">
  304. <div class="sidei">
  305. <div id="image">
  306. <br><br><br>
  307. <div id="menu">
  308. <div class="link1"><a href="/">Home</a></div>
  309. <div class="link2"><a href="http://theme-04-uad.tumblr.com/ask">Ask</a></div>
  310. <div class="link3"><a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('frame').innerHTML=document.getElementById('01').innerHTML">About Me</a></div>
  311. <div class="link7"><a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('frame').innerHTML=document.getElementById('02').innerHTML">Extras</a></div>
  312. <div class="link4"><a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('frame').innerHTML=document.getElementById('03').innerHTML">Créditos</a></div>
  313. <div class="link5"><a href="seu-link-aqui">Link</a></div>
  314. <div class="link6"><a href="seu-link-aqui">Link</a></div>
  315.  
  316. </div>
  317.  
  318. </div>
  319.  
  320.  
  321.  
  322.  
  323. </div>
  324. <div class="side">
  325. <c>Todos nos carregamos conosco uma história. Aquela que só nos atrevemos a lembrar, quando durante a noite no escuro, encontamos nossas cabeças no travesseiro e o silêncio cala fundo.</c>
  326. </div>
  327.  
  328. </div>
  329.  
  330. <div id="post"><div id="frame">
  331. {block:Posts}
  332.  
  333. {block:ContentSource}<a href="{SourceURL}" target="_blank"></a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  334.  
  335.  
  336. <div class="box">
  337. {block:Text}
  338. {block:Title} <h1>{Title} </h1>{/block:Title}
  339. {Body}
  340. {/block:Text}
  341.  
  342. {block:Photo}
  343. {LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}
  344. {block:Caption} {Caption} {/block:Caption}
  345. {/block:Photo}
  346.  
  347.  
  348. {block:Photoset}
  349. <center>{Photoset-500}</center>
  350. {block:Caption} {Caption} {/block:Caption}
  351. {/block:Photoset}
  352.  
  353. {block:Quote}
  354. <center><h2>"{Quote}"</h2></center><br>
  355. {block:Source}<center>- <b>{Source}</b></center>{/block:Source}
  356.  
  357. {/block:Quote}
  358.  
  359.  
  360. {block:Link}
  361. <a href="{URL}" {Target}>{Name}</a>
  362. {block:Description} {Description}{/block:Description}
  363. {/block:Link}
  364.  
  365. {block:Chat}
  366. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  367. {block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <b>{Label}</b> {/block:Label} {Line}</li>{/block:Lines}
  368. {block:Chat}
  369.  
  370. {block:Video}
  371. {Video-500}
  372. {block:Caption}{Caption}{/block:Caption}
  373. {/block:Video}
  374.  
  375.  
  376. {block:Audio}
  377. {AudioPlayerGrey}
  378. {block:TrackName}{TrackName}{/block:TrackName}
  379. {block:Artist}{Artist}{/block:Artist}
  380. {block:Album}{Album}{/block:Album}
  381. {block:PlayCount}{PlayCount}{/block:PlayCount}
  382. {block:Caption}{Caption}{/block:Caption}
  383. {/block:Audio}
  384.  
  385.  
  386. {block:Answer}
  387. <img src="{AskerPortraitURL-16}"> {Asker}{Question}<br>
  388. {Answer}
  389. {/block:Answer}
  390.  
  391.  
  392. <div id="perma">
  393. {block:Date} {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} / <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} / <a href="{ReblogRootURL}" title="{ReblogRootTitle}">org</a>{/block:RebloggedFrom} / <a href="{ReblogURL}" target="_blank">reblog</a>
  394.  
  395. </div>
  396. </div>
  397.  
  398. <div class="sem">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  399. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  400. {/block:Posts}
  401.  
  402. <center><div id="paginaspame"><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  403. {block:JumpPagination length="5"}
  404. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  405. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  406. {/block:JumpPagination}
  407. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}<br></center></div></center>
  408.  
  409.  
  410. </div>
  411.  
  412.  
  413.  
  414. <div id="01" style="display:none;">
  415. <div class="box1">
  416. <h1>About Me</h1>
  417. <img class="image" src="{PortraitURL-64}" width="64" height="64" >
  418. Tem dias que a gente não quer uma vida de aventuras. Tem dias que a gente não quer um grande amor. Tem dias que a gente só precisa saber que existe alguém do nosso lado, pro que der e vier. Essa pessoa é alguém que você ama, além de qualquer coisa. Alguém que vai fazer besteiras e coisas erradas com você. Alguém que vai te dizer "não" e vai dizer que você está errado. Alguém que vai se oferecer pra fugir com você e pra te abraçar quando você chorar. Alguém que vai bater no seu namorado quando ele te fizer mal. No meu mundo, a gente chama isso de amizade.<br>
  419. <b>Aqui vc coloca um texto legal pra sua descrição e tals.bjs</b>
  420. </div>
  421.  
  422. <div class="box1">
  423. <h1> Wishlist </h1>
  424. <IMG SRC="http://static.tumblr.com/e4yc5en/ftQlxp0gl/not.png"> NÃO FIZ<br>
  425. <img src="http://static.tumblr.com/e4yc5en/i9Mlxp0hc/minigif-mpg84.gif"> FIZ<br>
  426. <IMG SRC="http://static.tumblr.com/e4yc5en/ftQlxp0gl/not.png"> NÃO FIZ<br>
  427. <img src="http://static.tumblr.com/e4yc5en/i9Mlxp0hc/minigif-mpg84.gif"> FIZ<br>
  428. <img src="http://static.tumblr.com/e4yc5en/i9Mlxp0hc/minigif-mpg84.gif"> FIZ<br>
  429. <IMG SRC="http://static.tumblr.com/e4yc5en/ftQlxp0gl/not.png"> NÃO FIZ<br>
  430.  
  431. </div>
  432. </div>
  433.  
  434.  
  435.  
  436.  
  437. <div id="02" style="display:none;">
  438. <div class="box1">
  439. <h1>Recomendo</h1>
  440. <center><a href="http://" class="nav" target="_blank">Nome do Tumblr</a> + <a href="http://" class="nav" target="_blank">Nome do Tumblr</a> + <a href="http://" class="nav" target="_blank">Nome do Tumblr</a> + <a href="http://" class="nav" target="_blank">Nome do Tumblr</a> + <a href="http://" class="nav" target="_blank">Nome do Tumblr</a> + <a href="http://" class="nav" target="_blank">Nome do Tumblr</a> + <a href="http://" class="nav" target="_blank">Nome do Tumblr</a> </center>
  441.  
  442. </div>
  443.  
  444. <div class="box1">
  445. <h1>Following</h1>
  446. <center>{block:Following}
  447. {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" border="6" title="{FollowedTitle}" /></a>{/block:Followed}
  448. {/block:Following} </center>
  449.  
  450. </div>
  451.  
  452. </div>
  453.  
  454.  
  455.  
  456.  
  457.  
  458. <div id="03" style="display:none;">
  459. <div class="box1">
  460. <h1>Créditos</h1>
  461. <div class="credits">Theme desenvolvido totalmente por:<a href="http://uma-artista-desconhecida.tumblr.com/"> Laira</a> - <a href="http://cssandhtml-4you.tumblr.com/">CssandHtml-4you</a><br>
  462. </div>
  463. <div class="credits">Paginação: <a href="http://ilovethemes.tumblr.com/">I Love Themes</a>
  464. </div>
  465.  
  466.  
  467. </div>
  468. </div>
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483. </div>
  484.  
  485. </div>
  486.  
  487. </body>
  488.  
  489. </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!