Don't like ads? PRO users don't see any ads ;-)
Guest

#5

By: a guest on Apr 9th, 2012  |  syntax: None  |  size: 13.53 KB  |  hits: 174  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <meta name="description" content="tefra.tumblr.com" />
  6. <meta name="keywords" content="tefra tumblr, blog, tumblr, tumblr photo blog, photolog, photoblog, tumblr blog, fashion blog, fashion, haute couture, spring 2012, spring/summer 2012, fall 2012, fashion week, backstage, beauty, beaute, scans, fashion scans, fashion model scans, fashion models, models, new faces, female models, young models, women\'s fashion, womenswear" />
  7. <meta name="robots" content="index, follow" />
  8. </head>
  9.  
  10. <title>{Title}</title>
  11.   <link rel="shortcut icon" href="{PortraitURL-16}    " />
  12.     <link rel="apple-touch-icon"{PortraitURL-16}    "/>
  13. <style type="text/css">
  14.  
  15. ::-webkit-scrollbar-thumb:vertical {
  16. background-color:#f1f1f1;
  17. height:20px;
  18.  
  19. }
  20.  
  21. ::-webkit-scrollbar-thumb:horizontal {
  22. background-color:#f1f1f1;
  23. height:20px;
  24.  
  25. }
  26.  
  27. ::-webkit-scrollbar {
  28. height:20px;
  29. width:20px;
  30. background-color:#FFFFFF;
  31.  
  32. }
  33.  
  34.  
  35. #toTop {
  36.     display:none;
  37.         text-decoration:none;
  38.         position:fixed;
  39.         bottom:10px;
  40.         right:10px;
  41.         overflow:hidden;
  42.         width:42px;
  43.         height:42px;
  44.         border:none;
  45.         text-indent:-999px;
  46.     -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
  47.         background: #f1f1f1 url(http://i43.tinypic.com/20hmr6b.png) no-repeat center;
  48. }
  49.  
  50. #toTopHover {
  51.         background: #ccc url(http://i43.tinypic.com/20hmr6b.png) no-repeat center;
  52.         width:42px;
  53.         height:42px;
  54.         -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
  55.         display:block;
  56.         overflow:hidden;
  57.         float:left;
  58.         opacity: 0;
  59.         -moz-opacity: 0;
  60.         filter:alpha(opacity=0);
  61. }
  62.  
  63. #toTop:active, #toTop:focus {
  64.         outline:none;
  65. }
  66.  
  67.  iframe#tumblr_controls {
  68.  
  69.  -webkit-transition: all 1s ease-in-out;
  70.     -moz-transition: all 1s ease-in-out;
  71.     -o-transition: all 1s ease-in-out;
  72.     -ms-transition: all 1s ease-in-out;    
  73.     transition: all 1s ease-in-out;
  74.     opacity: 0;
  75.  right:3px !important; top:-23px !important; position: fixed !important; height: 80px; }
  76.  
  77. iframe#tumblr_controls:hover{right:3px !important; top:0px !important; opacity: 100; overflow: hidden; background: none !important;}
  78.  
  79.  
  80. body {
  81. font-family: garamond;
  82. color: #000;
  83. font-size: 10pt;
  84. margin: 0;
  85. padding: 0;
  86. background: #fff;
  87. line-height: 13px;
  88. }
  89.  
  90.  
  91. .date {
  92. display: none;
  93. text-align: center;
  94. position: relative;
  95. padding: 3px 0 5px 0;
  96. top: -8px;
  97. font-style: italic;
  98. font-size: 7pt;
  99. color: #999;
  100. {block:IndexPage}
  101. width: 250px;
  102. {/block:IndexPage}
  103. {block:Permalink}
  104. width: 200px;
  105. margin: 0 auto;
  106. {/block:Permalink}
  107.  
  108. }
  109.  
  110. ol {
  111. list-style: none;
  112. }
  113.  
  114.  
  115. h3, h2, h1 {
  116. margin: 0;
  117. padding: 0;
  118. }
  119.  
  120.  
  121.  
  122.  
  123. a, a:link, a:visited, a:active, a:focus {
  124. outline: none;
  125. text-decoration: none;
  126. color: #000;
  127. }
  128.  
  129. a:hover {
  130. color: #333;
  131. }
  132.  
  133.  
  134. #menu {
  135. width: 500px;
  136. margin: 20px auto 10px auto;
  137. text-align:center;
  138. position: relative;
  139. left: 5px;
  140. }
  141.  
  142. .answer {
  143. margin: 0 auto 20px auto;
  144. width: 500px;
  145. }
  146.  
  147.  
  148. .title {
  149. font-size: 12pt;
  150. font-family: times new roman;
  151. text-transform: uppercase;
  152. font-weight: bold;
  153. font-style: italic;
  154. padding: 0 0 7px 0;
  155. }
  156.  
  157. .title a {
  158. -webkit-transition: all 1s ease-in-out;
  159.     -moz-transition: all 1s ease-in-out;
  160.     -o-transition: all 1s ease-in-out;
  161.     -ms-transition: all 1s ease-in-out;    
  162.     transition: all 1s ease-in-out;
  163. color: #000;
  164. }
  165.  
  166. .title ul {
  167. list-style: none;
  168. margin: 0;
  169. padding: 5px 0 0 0;
  170. font-weight: lighter;
  171. font-size: 7pt;
  172. text-transform: lowercase;
  173.  
  174. }
  175.  
  176. .title ul li a{
  177. -webkit-transition: all 1s ease-in-out;
  178.     -moz-transition: all 1s ease-in-out;
  179.     -o-transition: all 1s ease-in-out;
  180.     -ms-transition: all 1s ease-in-out;    
  181.     transition: all 1s ease-in-out;
  182. color: #999;
  183. }
  184.  
  185. .title ul li a:hover, .title a:hover {
  186. color: #000!important;
  187. }
  188.  
  189. #menu li {
  190. display: inline;
  191. margin: 4px 0;
  192. }
  193.  
  194. #menu li a {
  195. background: none!important;
  196.     margin: 0 0 0 -1px;
  197.     padding : 3px 6px;
  198.     }
  199.  
  200.  
  201. .permalink {
  202. text-align: center;
  203. }
  204.  
  205. .permalink a {
  206. padding: 1px 7px 3px 7px;
  207. }
  208.  
  209. .text, .audio{
  210. margin: 0 auto 10px auto!important;
  211. {block:PermalinkPage}
  212. width: 500px!important;
  213. text-align: center;
  214. {/block:PermalinkPage}
  215. }
  216.  
  217. .post {
  218. margin: 0 auto 30px auto!important;
  219. width: 500px;
  220. }
  221.  
  222. .caption {
  223. margin: 0 0 0 5px;
  224. }
  225.  
  226. .photo {
  227. margin: 0 auto 10px auto;
  228. {block:PermalinkPage}
  229. width: 700px!important;
  230. {/block:PermalinkPage}
  231. }
  232.  
  233. .photo a {
  234. opacity: 1;
  235.  
  236. }
  237.  
  238. .photo img{
  239. {block:IndexPage}
  240.  
  241. {/block:IndexPage}
  242. {block:PermalinkPage}
  243. max-width: 700px!important;
  244. {/block:PermalinkPage}
  245. }
  246.  
  247.  
  248. .photo:hover .info_bar {
  249. {block:IndexPage}
  250. opacity: 1;
  251. {/block:IndexPage}
  252. }
  253.  
  254.  
  255. .photoset {
  256. {block:IndexPage}
  257. position: relative;
  258. left: 1px;
  259. width: 500px!important;
  260. {/block:IndexPage}
  261. {block:PermalinkPage}
  262. width: 500px!important;
  263. margin: 0 auto!important;
  264. {/block:PermalinkPage}
  265. }
  266.  
  267. .photoset .permalink {
  268. margin: 4px 0 0 0;
  269. }
  270.  
  271. .reblogvia {
  272. display: none!important;
  273. }
  274.  
  275. .notecount {
  276.  
  277. padding: 0 10px 10px 0;
  278. margin: 15px 0 0 0;
  279. text-decoration: underline;
  280. }
  281.  
  282. .tags {
  283. margin: 5px 0 0 0;
  284. padding: 3px;
  285. }
  286.  
  287. .tags ul {
  288. margin: 0;
  289. padding: 0;
  290. }
  291.  
  292. .tags ul li {
  293. list-style: none;
  294. display: inline;
  295. margin: 0 5px 0 0;
  296. }
  297.  
  298. .video embed, .video object {
  299. width: 500px;}
  300.  
  301. .video {
  302. {block:PermalinkPage}
  303. width: 850px!important;
  304. text-align: center;
  305. {/block:PermalinkPage}
  306.  
  307. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  308.  
  309.  
  310. </style>
  311.  
  312. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  313.  
  314. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  315.  
  316. <script src="http://lab.mattvarone.com/projects/jquery/totop/js/easing.js" type="text/javascript"></script>
  317.     <!-- UItoTop plugin -->
  318.         <script src="http://lab.mattvarone.com/projects/jquery/totop/js/jquery.ui.totop.js" type="text/javascript"></script>
  319.  
  320.                
  321.         <script type="text/javascript">
  322.                 $(document).ready(function() {
  323.                         /*
  324.                         var defaults = {
  325.                                 containerID: 'moccaUItoTop', // fading element id
  326.                                 containerHoverClass: 'moccaUIhover', // fading element hover class
  327.                                 scrollSpeed: 1200,
  328.                                 easingType: 'linear'
  329.                         };
  330.                         */
  331.                        
  332.                         $().UItoTop({ easingType: 'easeOutQuart' });
  333.                        
  334.                 });
  335.         </script>
  336. </head>
  337. <body id="top">
  338.  
  339.  
  340. <div id="menu">
  341.  <div class="title"><a href="/">{Title}</a>
  342. <ul>
  343.  <li><a href="/link">link</a></li>
  344.  <li><a href="/link">link</a></li>
  345.  <li><a href="/link">link</a></li>
  346.  <li><a href="/link">link</a></li>
  347. </ul>
  348. </div>
  349. </div>
  350.  
  351. <div class="autopagerize_page_element">
  352.  
  353.             {block:Posts}
  354.             {block:ContentSource}
  355. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  356. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  357. {/block:SourceLogo}
  358. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  359. {/block:ContentSource}
  360.  
  361.  
  362. {block:RebloggedFrom}
  363. <div class="reblogvia">via <a href="{ReblogParentURL}">{ReblogParentName}</a>></div>
  364. {block:RebloggedFrom}
  365.          
  366.                  {block:Photo}
  367.                         <div class="post photo">
  368.                        
  369.                      {block:Date}  <div class="date">{Month} {DayOfMonth}, {Year}</div>{/block:Date}  
  370. {block:IndexPage}
  371.  
  372. <a href="{Permalink}"><img src="{PhotoURL-500}" style="width: 500px;" alt="{PhotoAlt}"/></a>
  373.  
  374.  
  375.    
  376. {/block:IndexPage}
  377.  
  378. {block:PermalinkPage}
  379.  
  380.                         <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  381.  
  382. <div class="caption">{Caption}</div>{/block:Caption}    
  383.  
  384.  
  385. {block:HasTags}
  386. <div class="tags">
  387.  
  388.                     <ul>tags:&nbsp;
  389.                         {block:Tags}
  390.                             <li>
  391.                                 -<a href="{TagURL}">{Tag}</a>
  392.                             </li>
  393.  
  394.                         {/block:Tags}</ul>
  395. </div>                {/block:HasTags}
  396.  
  397.     {block:NoteCount}<div class="notecount">{TimeAgo} with {NoteCount} notes</div> {/block:NoteCount}
  398.  
  399.  
  400. {block:PostNotes} <div class="notes">{PostNotes}  </div>  {/block:PostNotes}
  401.  
  402. {/block:PermalinkPage}
  403.  
  404.  
  405.                             </div>
  406.  
  407.            {/block:Photo}
  408.            
  409.                 {block:Photoset}
  410.                         <div class="post photoset">
  411.                           {block:Date}  <div class="date">{Month} {DayOfMonth}, {Year}</div>{/block:Date}  
  412. {block:IndexPage}
  413.  
  414.             {Photoset-500}
  415.            
  416.             {block:Caption}
  417. <div class="caption">{Caption}</div>{/block:Caption}
  418.  
  419. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>
  420. {/block:IndexPage}
  421.  
  422. {block:PermalinkPage}
  423.                     <center>                        {Photoset-500}
  424. </center>
  425.  
  426. <div class="caption">{Caption}</div>{/block:Caption}    
  427.  
  428.        
  429.  
  430. {block:HasTags}
  431. <div class="tags">
  432.  
  433.                     <ul>tags:&nbsp;
  434.                         {block:Tags}
  435.                             <li>
  436.                                 -<a href="{TagURL}">{Tag}</a>
  437.                             </li>
  438.  
  439.                         {/block:Tags}</ul>
  440. </div>                {/block:HasTags}
  441.  
  442.     {block:NoteCount}<div class="notecount">{TimeAgo} with {NoteCount} notes</div> {/block:NoteCount}
  443.     {block:PostNotes} <div class="notes">{PostNotes}  </div>  {/block:PostNotes}
  444.  
  445.  
  446. {/block:PermalinkPage}
  447.  
  448.  
  449.                             </div>
  450.  
  451.            {/block:Photoset}
  452.  
  453.  
  454.  
  455.          {block:Text}        
  456.  
  457. <div class="post text">
  458.   {block:Date}  <div class="date">{Month} {DayOfMonth}, {Year}</div>{/block:Date}  
  459.   {block:IndexPage}
  460.                        {block:Title}
  461.                            <a href="{Permalink}">{Title}</a>
  462.                         {/block:Title}
  463.  
  464.                        <a href="{Permalink}">{Body}</a>
  465.  
  466.                        {/block:IndexPage}  
  467.      {block:PermalinkPage}
  468.      
  469.      {block:Title}
  470.                            <a href="{Permalink}">{Title}</a>
  471.                         {/block:Title}
  472.  
  473.                        {Body}
  474.              
  475. {block:HasTags}<div class="tags">
  476.  
  477.                     <ul>tags:&nbsp;
  478.                         {block:Tags}
  479.                             <li>
  480.                                 -<a href="{TagURL}">{Tag}</a>
  481.                             </li>
  482.  
  483.                         {/block:Tags}</ul>
  484. </div>                {/block:HasTags}
  485.  
  486.  
  487.     {block:NoteCount}<div class="notecount">{TimeAgo} with {NoteCount} notes</div> {/block:NoteCount}
  488.    
  489.     {block:PostNotes} <div class="notes">{PostNotes}  </div>  {/block:PostNotes}
  490.  
  491. {/block:PermalinkPage}
  492.  </div>
  493.  
  494.                 {/block:Text}
  495.  
  496.                 {block:Audio}
  497.  
  498.                     <div class="post audio">
  499.   {block:Date}  <div class="date">{Month} {DayOfMonth}, {Year}</div>{/block:Date}  
  500.                         {AudioPlayerBlack}
  501.  
  502.                         {block:Caption}
  503.                             <div class="caption">{Caption}</div>
  504.                         {/block:Caption}
  505.                        
  506.                         <div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>
  507.                        
  508.                    
  509.      {block:PermalinkPage}
  510.              
  511. {block:HasTags}<div class="tags">
  512.  
  513.                     <ul>tags:&nbsp;
  514.                         {block:Tags}
  515.                             <li>
  516.                                 -<a href="{TagURL}">{Tag}</a>
  517.                             </li>
  518.  
  519.                         {/block:Tags}</ul>
  520. </div>                {/block:HasTags}
  521.     {block:NoteCount}<div class="notecount">{TimeAgo} with {NoteCount} notes</div> {/block:NoteCount}
  522.     {block:PostNotes} <div class="notes">{PostNotes}  </div>  {/block:PostNotes}
  523.  
  524. {/block:PermalinkPage}
  525.  
  526.  
  527. </div>
  528.  
  529.                 {/block:Audio}
  530.  
  531. {block:Video}
  532.  
  533.                     <div class="post video">
  534.                        
  535.  {Video-500}
  536.  
  537. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{block:IndexPage}
  538.  
  539.      {block:PermalinkPage}
  540.  
  541.  {block:Caption}
  542.                             <div class="caption">{Caption}</div>
  543.                         {/block:Caption}
  544.              
  545. {block:HasTags}<div class="tags">
  546.  
  547.                     <ul>tags:&nbsp;
  548.                         {block:Tags}
  549.                             <li>
  550.                                 -<a href="{TagURL}">{Tag}</a>
  551.                             </li>
  552.  
  553.                         {/block:Tags}</ul>
  554. </div>                {/block:HasTags}
  555.     {block:NoteCount}<div class="notecount">{TimeAgo} with {NoteCount} notes</div> {/block:NoteCount}
  556.     {block:PostNotes} <div class="notes">{PostNotes}  </div>  {/block:PostNotes}
  557.  
  558. {/block:PermalinkPage}
  559.  
  560.                     </div>
  561.                 {/block:Video}
  562.                
  563.                
  564.                 {block:Answer}
  565.                 <div class="answer">
  566.                   {block:Date}  <div class="date">{Month} {DayOfMonth}, {Year}</div>{/block:Date}  
  567.                 {block:IndexPage}
  568.                <b>{Asker}</b>: <i>{Question}</i>  
  569. <a href="{Permalink}">{Answer}</a>
  570.  
  571. {/block:IndexPage}
  572. {block:PermalinkPage}
  573.                <b>{Asker}</b>: <i>{Question}</i>
  574. {Answer}
  575.     {block:NoteCount}<div class="notecount">{TimeAgo} with {NoteCount} notes</div> {/block:NoteCount}
  576.     {block:PostNotes} <div class="notes">{PostNotes}  </div>  {/block:PostNotes}
  577.  
  578. {/block:PermalinkPage}
  579.  
  580.              </div>  
  581.                 {/block:Answer}
  582.  
  583.             {/block:Posts}
  584.             </div>
  585.  
  586.  
  587. </body>
  588. </html>