Advertisement
flawlessdramaqueen

Theme #1

May 21st, 2013
5,932
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 KB | None | 0 0
  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. <head>
  4.  
  5. <title>{title}</title>
  6.  
  7. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <meta name="description" content="{MetaDescription}"/>
  10. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  11.  
  12.  
  13. <style type="text/css">
  14.  
  15. body{
  16. color:#abaaaa;
  17. background-image:url('');
  18. background-postition: center;
  19. background-attachment: fixed;
  20. background-repeat: repeat;
  21. font-size: 11px;
  22. color: #999;
  23. font-family: consolas;
  24. letter-spacing: px;
  25. line-height: 14px;
  26. text-align: justify;
  27. overflow-x: hidden;
  28. height: 100%;
  29. background-color: #fbfbfb;
  30. }
  31. img {max-width: 500px;}
  32. body, a, a:hover {cursor: url(http://i52.tinypic.com/25syi6r.png), progress;}
  33.  
  34. /***Links***/
  35. a:link, a:active, a:visited{
  36. color: #b5b5b5;
  37. text-decoration:none; cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
  38. -webkit-transition-duration: 0.6s;}
  39. a:hover{ color: #bfbfbf;}
  40.  
  41.  
  42. blockquote {border-left:4px double #eee; border-top-right-radius: 10px;
  43. border-bottom-right-radius: 10px; background: #f8f8f8; padding:3px 3px 3px 8px; margin:3px; }
  44.  
  45. /***Títulos***/
  46. h3{
  47. color: #b1b1b1;
  48. font-family:Inconsolata;
  49. text-transform:uppercase;
  50. font-weight:normal;
  51. font-size: 20px;
  52. line-height:25px;
  53. margin:0px;
  54. text-align:left;
  55. border-bottom: 1px dotted #eee;
  56. }
  57.  
  58. .bubble {
  59. position: relative;
  60. background-color:#f8f8f8;
  61. margin-bottom: -20px;
  62. padding:13px;
  63. text-align: justify;
  64. text-shadow: 0px 1px 1px #fff;
  65. width:480px;
  66. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  67. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  68. box-shadow: 0px 0 1px rgba(0,0,0,0);
  69.  
  70. }
  71. .bubble:after {
  72. position: absolute;
  73. display: block;
  74. content: "";
  75. border-color: #f8f8f8 transparent transparent transparent;
  76. border-style: solid;
  77. border-width: 10px;
  78. height:0;
  79. width:0;
  80. position:absolute;
  81. bottom:-19px;
  82. left:1em;
  83. }
  84.  
  85. .askborder{ margin-top: -8px; margin-left: px; background: #fff; padding: 1px; border: 1px solid #d6d4d4; -webkit-transition-duration: .50s; }
  86.  
  87. .askborder:hover{ -webkit-transform: rotate(180deg);
  88. }
  89.  
  90.  
  91. /*** Notes enfeitados por things-to-help-you ******/
  92. ol.notes { display : block; border : 1px solid #eee;background-repeat : no-repeat;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #f8f8f8; text-transform: uppercase; font-family: tahoma; letter-spacing:1px; color: #abaaaa;font-size: 8px; list-style-type: none; margin: 0; padding: 0; outline: none; }
  93. ol.notes li.note {border-top: solid 1px #eee; padding: 4px;}
  94. ol.notes li.note img.avatar {display: none;}
  95. ol.notes li.note span.action {font-weight: none;}
  96. ol.notes li.note .answer_content {font-weight: normal;}
  97. ol.notes li.note blockquote {display: none;}
  98. ol.notes li.note blockquote a {text-decoration: none;}
  99. ful { list-style: none; }
  100. ol { list-style-position: inside; }
  101.  
  102.  
  103. /***Caixa***/
  104. .box {background: #fff; margin-bottom: -7px; padding: 5px; text-align: justify; -webkit-box-shadow:0 0 1em #dfdfdf; box-shadow: 0 2px 2px -2px #dfdfdf; border: 1px solid #f0f0f0; }
  105.  
  106. b, strong {color: #CE9770; font-weight: bold; text-decoration: none; }
  107. s {color: #a2a2a2;cursor: help;}
  108. w {color: #a2a2a2; text-decoration: none;}
  109. i {color: #a2a2a2; text-decoration: none;}
  110. u {color: #a2a2a2; text-decoration: none; border-bottom: 1px dashed #A45785;}
  111.  
  112. /***Seleçao colorida***/
  113. ::-moz-selection {background: #fff; color: #a2a2a2; }
  114. ::selection {background: #fff; color:#a2a2a2; }
  115.  
  116. /*** Paginação ***/
  117. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff; font-size: 11px; font-weight: bold; font-family: tahoma;}
  118. #paginacaoml a {background: #f4c5ae; padding: 6px; color: #fff; text-decoration: none; border-bottom: 2px solid #ECA988; text-shadow: 0px 1px 1px #ECA988;}
  119. #paginacaoml a:hover {background: #ECA988; border-bottom: 2px solid #d69270; text-shadow: 0px 1px 1px #d69270;}
  120. #paginacaoml span.pagina_atual {background: #f4c5ae; padding: 6px; color: #fff; font-size: 11px; font-weight: bold; font-family: tahoma; text-decoration: none; border-bottom: 2px solid #ECA988; text-shadow: 0px 1px 1px #ECA988;}
  121.  
  122. @font-face {font-family: "04b03";
  123. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  124.  
  125. .border {border-radius: 360px; border: 3px solid #fff; width: 140px;}
  126. .border:hover { -webkit-transform: rotate(180deg); -webkit-transition-duration: .50s; }
  127.  
  128.  
  129. @font-face {font-family: "Alterebro Pixel Font"; src: url('http://static.tumblr.com/rzkfpnf/WFNm33qbe/font.ttf');}
  130.  
  131.  
  132. .title {color: #999;
  133. font: bold 24px 'Homemade Apple', cursive;
  134. line-height:30px;
  135. letter-spacing:1px;
  136. font-weight:normal;
  137. text-shadow: 0px 1px 2px #fff;
  138. margin:0px;
  139. padding:0px;
  140. margin-bottom:-0px;
  141. }
  142.  
  143. .subtitle {color: #999;
  144. font: bold 8px '04b03';
  145. letter-spacing:1px;
  146. line-height:0px;
  147. font-weight:normal;
  148. text-transform: uppercase;
  149. text-shadow: 0px 1px 2px #fff;
  150. text-align: center;
  151. margin:0px;
  152. padding:0px;
  153. margin-bottom:-0px;
  154. }
  155.  
  156. .linha { border-top: 1px solid #f8f8f8; margin-bottom:4px;}
  157.  
  158. .h5 {background:#fff; width: 495px; color: #abaaaa;font-size: 8px; margin-top:1px; text-align:center;padding:3px; text-transform: uppercase; text-indent: 8px; letter-spacing:1px; font-family: calibri; border-radius: 4px; }
  159.  
  160.  
  161.  
  162.  
  163. </style>
  164. </head>
  165. <body>
  166.  
  167. <div style=" bottom: 10px; right: 10px; z-index: 100; position: fixed; ">
  168. <a href="http://flawlessdramaqueen.tumblr.com/" tittl="by jessica">© THEME</a>
  169. </div>
  170.  
  171.  
  172.  
  173. <div style="position:fixed; width: 180px; left:305px; top:145px; text-align: right; " >
  174.  
  175. <div class="title"><center>Seu tumblr</center> </div>
  176. <div class="subtitle">write your sutitle here &hearts;</div>
  177. <br>
  178.  
  179. <center><img src="http://24.media.tumblr.com/97d45e670f479d03c573feb44932704c/tumblr_mj79h0lxaQ1s59bjpo4_250.png" class="border"></center><br>
  180.  
  181. <div class="box">
  182. {Description}
  183. </div><br>
  184. <center><a href="/" title="home">I.</a>
  185. <a href="/ask" title="ask">II.</a>
  186. <a href="/random" title="random">III.</a>
  187. <a href="/archive" title="archive">IV.</a>
  188. <a href="/tagged/SUATAG" title="tags">V.</a>
  189. </center>
  190.  
  191. </div>
  192.  
  193.  
  194. <!-- As tags -->
  195.  
  196. <div id="post" style="padding: 6px; top: 53px; left: 550px; position: absolute; width: 518px; background:transparent ; line-height:120%; margin-bottom: 10px;">
  197.  
  198.  
  199. <div id="entry">
  200.  
  201. {block:Posts}
  202.  
  203. <div class="autopagerize_page_element">
  204. <div class="box">
  205.  
  206. {block:Title}<h3>{Title}&nbsp;</h3>{/block:Title}
  207.  
  208.  
  209. {block:Link}<a href="{URL}" class="link" {Target}><h3>
  210. {Name}&nbsp;</h3></a>
  211. {/block:Link}
  212.  
  213.  
  214. {block:Quote}
  215. <h3>{Quote}</h3>
  216.  
  217. {/block:Quote}
  218.  
  219.  
  220.  
  221. {block:Text}{Body}
  222.  
  223.  
  224. {/block:Text}
  225.  
  226.  
  227. {block:Photo}
  228. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</center>
  229. {block:Caption}{Caption}{/block:Caption}
  230. {/block:Photo}
  231.  
  232.  
  233. {block:Photoset}<center>{Photoset-500}</center>
  234. {block:Caption}{Caption}{/block:Caption}
  235. {/block:Photoset}
  236.  
  237.  
  238. {block:Quote}{block:Source}<P>{Source}</p>{/block:Source}{/block:Quote} {block:Link}{block:Description}<P>
  239. {Description}</p>{/block:Description}
  240.  
  241. {/block:Link}
  242.  
  243.  
  244. {block:Chat}<ul class="chat">
  245. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  246.  
  247.  
  248. {/block:Chat}
  249.  
  250.  
  251. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  252.  
  253.  
  254. {block:Answer}
  255. <div class="bubble"><img src="{AskerPortraitURL-24}" align="left" class="askborder">&nbsp;
  256. {Asker}: {Question}</div><br><br>
  257. {Answer}
  258.  
  259. {/block:Answer}
  260.  
  261.  
  262. {block:Audio}<span class="audio"><center>
  263. {AudioPlayerWhite}</center></span>{block:Caption}{Caption}{/block:Caption}
  264.  
  265. {/block:Audio}
  266.  
  267. <div class="linha"></div><div class="h5">Posted <a href="{Permalink}">{TimeAgo} </a> <a href="{Permalink}">with {NoteCount} notes</a> <a href="{Permalink}"> ><a href="{ReblogURL}" target="_blank"> Reblog </a>
  268. <br>{block:HasTags}{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png"/> {Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  269. </div>
  270.  
  271.  
  272. </div><BR>
  273. {/block:Posts} </div> {block:PostNotes}
  274.  
  275.  
  276. <div class="box">
  277. {PostNotes}
  278. </div>
  279. </div>
  280. {/block:PostNotes}
  281.  
  282.  
  283. {/block:Video} <br><br>{/block:Posts}
  284.  
  285. <div id="paginacaoml"> <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  286.  
  287. {block:JumpPagination length="10"}
  288.  
  289. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  290.  
  291. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  292.  
  293. {/block:JumpPagination}
  294.  
  295. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</center>
  296.  
  297. </div>
  298. <br><br>
  299.  
  300. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  301. </body>
  302.  
  303. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement