Advertisement
Larerv

Taeyeon

Jan 6th, 2013
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.  
  5. <meta name="text:Link1" content="" />
  6. <meta name="text:Link1 Title" content="Link1" />
  7. <meta name="text:Link2" content="" />
  8. <meta name="text:Link2 Title" content="Link2" />
  9. <meta name="text:Link3" content="" />
  10. <meta name="text:Link3 Title" content="Link3" />
  11. <meta name="text:Link4" content="" />
  12. <meta name="text:Link4 Title" content="Link4" />
  13.  
  14. <meta name="color:Menu" content="#fff" />
  15. <meta name="color:Menu hover" content="#FFA500" />
  16. <meta name="color:Background" content="#F8F8FF" />
  17. <meta name="color:Posts" content="#F5F5F5" />
  18. <meta name="color:Texto" content="#000" />
  19. <meta name="color:Titulos" content="#000" />
  20. <meta name="color:Titulo do tumblr" content="#fff" />
  21. <meta name="color:Links" content="#8B8989" />
  22. <meta name="color:Links hover" content="#666" />
  23. <meta name="color:Ask" content="#F5F5F5" />
  24.  
  25. <meta name="image:Sidebar" content="http://data.whicdn.com/images/48129451/tumblr_mfq52dYNNm1racomho1_500_large.jpg"/>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  28.  
  29. <title>{title}</title>
  30.  
  31. <link rel="shortcut icon" href="{favicon}">
  32.  
  33. <style type="text/css">
  34.  
  35. /*** fundo do theme ***/
  36. body{background: {color:background}; fixed; text-align: justify; color: #000; margin-left: 50px; margin-top: 15px; padding: 0; line-height: 17px; color: #000; overflow-x:hidden; height:100%; font: 11px Verdana;}
  37.  
  38. /*** espacos ***/
  39. .both{clear: both;}
  40.  
  41. /*** titulos ***/
  42. h1 {color: {color:titulos}; font-family: georgia; font-size:18px; line-height:25px; font-weight:normal; margin:0px; padding:0px; font-style:italic; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  43.  
  44. h2 {color: {color:titulo do tumblr}; font-family: Homemade Apple; font-size:16px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  45.  
  46. .post{margin-bottom:10px;}
  47. .post .title {margin:0; padding:0; font-size:25px; line-height:22px; font-weight:;}
  48.  
  49. /*** caixas dos posts ***/
  50.  
  51. .box {
  52. overflow:hidden;
  53. letter-spacing: 1px;
  54. text-align: justify;
  55. color: {color:texto};
  56. font: 11px tahoma;
  57. background-color: {color:posts};
  58. padding:6px;
  59. border: 0px solid #9C9C9C;
  60. -moz-box-shadow: 0 0 3px #fff;
  61. -webkit-box-shadow: 0 0 3px #fff;
  62. box-shadow: 0 0 3x #fff;
  63. -moz-border-radius: 3px; -webkit-border-radius: 3px;
  64. }
  65.  
  66.  
  67. /*** linha ***/
  68. .wishlist { display: block; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCDCDC; padding-top: 0px; padding-bottom: 1px; padding-right: 0px; padding-left: 0px; margin-right: 0px; }
  69.  
  70.  
  71. /*** tamanho max. para as imagens ***/
  72. img {max-width: 1500px;}
  73.  
  74. /*** links ***/
  75.  
  76. a {
  77. color: {color:Links};
  78. text-decoration: none;
  79. -webkit-transition: color 0.5s ease-out;
  80. -moz-transition: color 0.5s ease-out;
  81. transition: color 0.5s ease-out;}
  82.  
  83. a:hover {
  84. color: {color:links hover}
  85. filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
  86.  
  87. /*** ask ***/
  88. .ask {
  89. background: {color:Ask};
  90. text-align: left;
  91. margin-left: 40px;
  92. padding: 7px 7px 7px 7px;
  93. }
  94.  
  95. /*** Menu ***/
  96. menu{font-family: calibri; color: #000; font-size: 11px; background:{color:menu}; text-align: left; margin:3px; padding:3px; border-radius:0px; width:200%; -webkit-transition-duration: .50s; }
  97.  
  98. menu:hover {font-family: calibri; color: #fff; font-size: 11px; background: {color:menu hover}; margin:3px; border-radius: 0px; padding:3px; width:190%;}
  99.  
  100. nav{font-family: calibri; color: #000; background-color: transpearant; font-size: 13px; text-align: center; margin:0px; padding:3px; border-radius:0px; width:100%; -webkit-transition-duration: .50s; display: inline;}
  101.  
  102. nav:hover {font-family: calibri; color: #000; background-color: #fff; font-size: 13px; margin:0px; border-radius: 0px; padding:3px; width:100%;}
  103.  
  104.  
  105. /*** Paginação by madlyluv.com ***/
  106.  
  107. #paginacaoml {font-size: 8px; text-transform: uppercase; font-weight: bold; line-height: 21px; }
  108.  
  109. #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none; border-radius:6px;}
  110.  
  111. #paginacaoml a:hover {background: #fff; border: none; text-shadow: 1px 1px 1px #fff;}
  112.  
  113. #paginacaoml span.pagina_atual {background: #F8F8FF; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none;}
  114.  
  115. #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none;}
  116.  
  117.  
  118. /***IMAGEM HOVER SIMONE (CEREJADOSUNDAE)***/
  119.  
  120. .imageside { margin-bottom:2px;margin-top:0px; }
  121.  
  122. .imageside img {background:#fff;width:260px; height:340px; align: center;border: 5px solid #fff;}
  123.  
  124. .imageside .descrip {-webkit-transition: all 1.0s ease-out; -moz-transition: all 2.5s ease-out; width:260px; height:54px; margin-top: -90px; color:#000; background:#fff; opacity: 0; text-align: justify; font-size: 9px; border: 5px solid #fff }
  125.  
  126. .imageside:hover .descrip {background:#ffffff; opacity: 0.99;margin-bottom:2px; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.5s ease-out;}
  127. /*** FINAL DA IMAGEM HOVER ***/
  128.  
  129. .notespost{font-family: segoe ui; font-size: 7px; text-transform: uppercase}
  130.  
  131.  
  132. .opacidade {opacity: 0.6; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  133. .opacidade:hover {opacity: 1.0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  134.  
  135. /* Opacidade no Photoset - by: DANIIDEUTSCHER*/
  136. .html_photoset {opacity: 0.6; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; max-width:467px}
  137. .html_photoset:hover {opacity: 1.0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  138.  
  139.  
  140.  
  141.  
  142. </style>
  143.  
  144. </head>
  145.  
  146. <body>
  147. <div style="position:fixed; left:260px; top:170px; position: fixed; text-align: left;" >
  148.  
  149.  
  150.  
  151. <div style="position:fixed; left:220px; top:170px; position: fixed; text-align: left;" >
  152.  
  153. <div class="imageside">
  154.  
  155. <img src="{image:Sidebar}" height="250px" class="borda-imagem">
  156.  
  157. <div class="descrip">
  158.  
  159. <div style="overflow: auto; color: none; background-color: #fff; width: 250px; font-family: verdana; text-align:justify; height: 50px; padding: 0px 10px 5px 1px; letter-spacing: 0px; font-size:10px; line-height: 100%">
  160.  
  161. {block:Description}{Description}{/block:Description}</div></div>
  162.  
  163. </div></div>
  164.  
  165. <div style="position:fixed; left:110px; top:300px; position: fixed; text-align: left;" >
  166. <a href="{text:Link1}"><menu>{text:Link1 Title}</menu></a>
  167. <a href="{text:Link2}"><menu>{text:Link2 Title}</menu></a>
  168. <a href="{text:Link3}"><menu>{text:Link3 Title}</menu></a>
  169. <a href="{text:Link4}"><menu>{text:Link4 Title}</menu></a>
  170.  
  171. </div>
  172.  
  173. <div style="position:fixed; left:260px; top:415px; position: fixed; text-align: left;" >
  174. <a href="/"><nav>home</nav></a>
  175. <a href="/ask"><nav>ask</nav></a>
  176. <a href="/archive"><nav>archive</nav></a>
  177. <a href="http://misutte.tumblr.com"><nav>theme</nav></a></div>
  178.  
  179. <div style="position:fixed; left:305px; top:390px; position: fixed; text-align: left;" >
  180. <h2>{title}</h2></div>
  181.  
  182.  
  183. <div style="position:fixed; left:300px; top:530px; position: fixed; text-align: left;" >
  184. <center><div id="paginacaoml"><span class="info" style="font-weight: normal;">Page <b>{CurrentPage}</b> of <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  185. {block:JumpPagination length="2"}
  186. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  187. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  188. {/block:JumpPagination}
  189. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  190. </center>
  191. <br>
  192. </div>
  193.  
  194. </div></div></div>
  195.  
  196.  
  197.  
  198. <!-- conteudo -->
  199. </div>
  200. <div id="conteudo">
  201. <!-- liuc -->
  202. <div id="liuc">
  203.  
  204.  
  205. <!-- TAGS PRINCIPAIS DO POST- NÃO APAGUE NADA AQUI -->
  206. <!---------- POSTS --------------------------->
  207.  
  208. <div style="position:absolute; width:480px; left: 520px; top:20px; padding-top:0px;">
  209.  
  210. {block:Posts}
  211.  
  212.  
  213. {block:Regular}<div class="post"><div class="box">
  214. {block:Title}<h1>{Title}</h1>{/block:Title}
  215. <div class="entry">{Body}</div>
  216.  
  217.  
  218.  
  219.  
  220. <!---------------- DATA DOS POSTS ------------->
  221. <div class="notespost">
  222. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> • <a href="{ReblogURL}" target="_blank">reblog</a>
  223. </div></center>
  224.  
  225. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  226.  
  227. </div></div>
  228. {/block:Regular}
  229.  
  230.  
  231. <!---------- PHOTOS --------------------------->
  232.  
  233. {block:Photo}
  234. <div class="post"><div class="box">
  235. {LinkOpenTag}<img src="{PhotoURL-500}" class="opacidade" alt="{PhotoAlt}" width=467px/>{LinkCloseTag}
  236. {block:Caption}
  237.  
  238. <div class="caption">{Caption}</div>
  239. {/block:Caption}
  240. <div style="clear:both;"></div>
  241. <BR>
  242.  
  243.  
  244.  
  245. <!---------------- DATA DOS POSTS ------------->
  246. <div class="notespost">
  247. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> • <a href="{ReblogURL}" target="_blank">reblog</a>
  248. </div></center>
  249.  
  250.  
  251.  
  252.  
  253. </div></div>
  254. {/block:Photo}
  255.  
  256.  
  257. <div style="clear:both;"></div>
  258.  
  259.  
  260. <!---------- ASK --------------------------->
  261. {block:Answer}
  262. <div class="post"><DIV CLASS="BOX">
  263. <img src="{AskerPortraitURL-40}"align="left" class="borda"/>
  264. <div class="ask"><b>{Asker}</b>:
  265. <br>{Question}<br></div>
  266. {Answer}
  267.  
  268. <div style="clear:both;"></div>
  269.  
  270. <BR>
  271.  
  272.  
  273. <!---------------- DATA DOS POSTS ------------->
  274. <div class="notespost">
  275. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a>
  276. </div></center>
  277.  
  278. </div></div>
  279. {block:Answer}
  280.  
  281. <div style="clear:both;"></div>
  282.  
  283. <!---------- QUOTES --------------------------->
  284.  
  285.  
  286. {block:Quote}
  287. <div class="post"><div class="box"><img src="http://media.tumblr.com/tumblr_lwx4xpAQOq1qj9ark.png" align="left" width="25px">
  288. {Quote}
  289. </span>
  290. {block:Source}<div class="source"><b>&mdash; {Source}</b></div>{/block:Source}
  291.  
  292. <BR>
  293.  
  294.  
  295.  
  296. <!---------------- DATA DOS POSTS ------------->
  297. <div class="notespost">
  298. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> • <a href="{ReblogURL}" target="_blank">reblog</a>
  299. </div></center>
  300.  
  301.  
  302.  
  303.  
  304. </div></div>
  305. {/block:Quote}
  306.  
  307.  
  308. <div style="clear:both;"></div>
  309.  
  310. <!---------- LINKS --------------------------->
  311.  
  312.  
  313. {block:Link}
  314. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  315. {block:Description}
  316. <div class="description">{Description}</div>
  317. {/block:Description}
  318.  
  319. <BR>
  320. <div class="divdate"></div>
  321.  
  322.  
  323. <!---------------- DATA DOS POSTS ------------->
  324. <div class="notespost">
  325. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> • <a href="{ReblogURL}" target="_blank">reblog</a>
  326. </div></center>
  327.  
  328.  
  329.  
  330. </div></div>
  331. {/block:Link}
  332.  
  333. <div style="clear:both;"></div>
  334.  
  335.  
  336. <!---------- CHAT --------------------------->
  337. {block:Chat}
  338. <div class="post"><div class="box">
  339. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>
  340. {/block:Title}
  341. <div class="chat">
  342. {block:Lines}
  343. <div class="{Alt} user_{UserNumber}">
  344. {block:Label}<div class="wishlist">
  345. <span class="label">{Label}</span>
  346. {/block:Label}
  347. {Line}
  348. </div>
  349. {/block:Lines}
  350. </div>
  351. <BR>
  352. <div class="divdate"></div>
  353.  
  354.  
  355.  
  356. <!---------------- DATA DOS POSTS ------------->
  357. <div class="notespost">
  358. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> • <a href="{ReblogURL}" target="_blank">reblog</a>
  359. </div></center>
  360.  
  361.  
  362.  
  363. </div></div>
  364. {/block:Chat}
  365.  
  366.  
  367. <div style="clear:both;"></div>
  368.  
  369. <!---------- AUDIO --------------------------->
  370. {block:Audio}
  371. <div class="post"><div class="box">
  372. {AudioPlayerWhite}
  373. {block:Caption}
  374. <div class="caption">{Caption}</div>
  375. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  376. {/block:Caption}
  377.  
  378.  
  379. <div class="divdate"></div>
  380.  
  381.  
  382. <!---------------- DATA DOS POSTS ------------->
  383. <div class="notespost">
  384. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> • <a href="{ReblogURL}" target="_blank">reblog</a>
  385. </div></center>
  386.  
  387.  
  388.  
  389. </div></div>
  390. {/block:Audio}
  391.  
  392. <div style="clear:both;"></div>
  393. <!---------- VIDEOS --------------------------->
  394.  
  395. {block:Video}
  396. <div class="post">
  397. <div class="box">
  398. {Video-500}
  399. <br>
  400. {block:Caption}
  401. <div class="caption">{Caption}</div>
  402. {/block:Caption}
  403.  
  404. <BR>
  405. <div class="divdate"></div>
  406.  
  407.  
  408. <!---------------- DATA DOS POSTS ------------->
  409. <div class="notespost">
  410. <center><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}</strong>/{Year}</a> • <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> • <a href="{ReblogURL}" target="_blank">reblog</a>
  411. </div></center>
  412.  
  413.  
  414.  
  415. </div></div>
  416. {/block:Video}
  417.  
  418. <div style="clear:both;"></div>
  419.  
  420. <!---------------- NOTAS DOS POSTS ------------->
  421. {block:PostNotes}<div class="box">
  422. <div class="notes-bottom">
  423. {PostNotes}
  424. </div>
  425. {/block:PostNotes}
  426.  
  427. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  428. {/block:Posts}
  429.  
  430.  
  431.  
  432. </div></div></div>
  433.  
  434.  
  435. </body>
  436. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement