Advertisement
Lolovers

Blogroll 02

Aug 23rd, 2013
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.99 KB | None | 0 0
  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.  
  4. <head>
  5.  
  6.  
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="{favicon}">
  9.  
  10.  
  11.  
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Kavoon' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17.  
  18. <style type="text/css">
  19.  
  20.  
  21.  
  22. body {background: url("http://static.tumblr.com/eun3dfg/5bvmrzig5/bg.png"); }
  23.  
  24.  
  25. #pagina {background-image: url('http://static.tumblr.com/eun3dfg/qJPmrzij1/page.png');width: 700px; margin-left: auto;margin-right: auto;}
  26.  
  27. #header {background: url('http://static.tumblr.com/eun3dfg/6Ramrzigh/header.png') no-repeat top center; width: 700px;height: 98px; margin-top: 0px;z-index:1000; margin-left:0px; margin-right:0px;}
  28.  
  29. #footer {background:url('http://static.tumblr.com/eun3dfg/NgGmrzijb/footer.png') no-repeat; width: 700px; height: 29px; clear: both; padding-bottom: 0px; z-index:500;margin-left:0px; margin-right:0px;background-repeat: no-repeat;}
  30.  
  31. #sidebar { width: 0px; text-align: justify; padding: 5px; float: left; margin-top: 0px; margin-left: 10px; color: #5C4666; border-right:1px dotted #c4c4c4;}
  32.  
  33. #conteudo { width: 700px; font-family: bold;text-align: justify; margin-left:5px; margin-right:-25px; float: right; margin-top: 0px;z-index:500;}
  34.  
  35.  
  36.  
  37. b, strong { color: #dba984; TEXT-DECORATION: none; border-bottom: 1px dashed #none; border-radius:5px;
  38. }
  39. u {color: #eae1b6; TEXT-DECORATION: none; border-bottom: 1px solid #eee;
  40. }
  41. s, strike {color: #eae1b6;
  42. }
  43. i {color: #fcaf9d; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  44. }
  45. em { color: #dedcda; TEXT-DECORATION: none; border-bottom: 1px dashed #none;
  46. }
  47. ul {color: #dedcda; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  48. }
  49. x {color: #fff; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  50. }
  51.  
  52. a:link, a:active, a:visited {
  53. color: #dba984;
  54. text-decoration: none;
  55. cursor: auto;
  56. }
  57.  
  58. a:hover { color: #dba984;
  59. text-decoration: none;
  60. cursor: auto;}
  61.  
  62.  
  63.  
  64. ::-moz-selection {background: #f8c0c2; color: #fff;}
  65. ::selection {background: #f8c0c2; color:#fff;}
  66.  
  67.  
  68. .menu{width:500px;}
  69. .menu a {width:100px; background: rgba(255, 255, 255, 0.4); font-family: "04b03", small fonts;; font-size: 8px; padding: 5px; border-radius: 1px; color: #a0b8c8; padding-top:10px; padding-bottom:10px;text-align: center;padding-left:25px; padding-right:22px;-webkit-transition: all ease-out 0.80s; }
  70.  
  71. .menu a:hover {border-top:3px solid #fff;}
  72.  
  73.  
  74.  
  75. .border {border: 5px solid #f5f5f5; margin:3px;}
  76.  
  77. .banner {position:fixed; margin-left:-70px; margin-top:50px;}
  78.  
  79. .posicao{position:absolute; width:140px; margin-top:-489px; margin-left:152px;}
  80.  
  81.  
  82. #barrinha {width:650px; height:500px; background-color:#transparent; overflow:auto;}
  83.  
  84. .outrap {width: 300px; margin-top:-59px; margin-left: 18px; position:absolute;}
  85.  
  86.  
  87. </style>
  88.  
  89.  
  90.  
  91. <body>
  92.  
  93. <div class="barrinhatopo"></div>
  94.  
  95. <div id="pagina">
  96. <div class="banner"><img src="http://static.tumblr.com/eun3dfg/8ZRmrzjpw/mmmmmmmmmmmm.png"></div>
  97.  
  98. <div id="header"></div>
  99.  
  100.  
  101.  
  102.  
  103. <div class="outrap">
  104.  
  105. <div class="menu">
  106. <a href="/">Home</a>
  107.  
  108. <a href="/ask">Ask</a>
  109.  
  110. <a href="/archive">Archive</a>
  111.  
  112. <a href="/random">Random</a>
  113.  
  114. <a href="http://lovers-of-designs.tumblr.com/">Créditos</a>
  115.  
  116.  
  117.  
  118.  
  119.  
  120. </div></div>
  121.  
  122.  
  123.  
  124.  
  125. <div id="conteudo">
  126. <div id="local">
  127. <div id="barrinha">
  128.  
  129. {block:Following}
  130. {block:Followed}
  131. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" class="border"/></a>
  132. {/block:Followed}
  133. {/block:Following}
  134.  
  135. </div></div>
  136.  
  137.  
  138.  
  139.  
  140.  
  141. <div id="about" style="display:none;"><br>
  142. <div class="caixinha1">
  143. </div></div>
  144. <div id="tumblr" style="display:none;"><br>
  145. <div class="caixinha1">
  146. </div>
  147. </div>
  148.  
  149. <div id="creditos" style="display:none;"><br><div class="caixinha1">
  150.  
  151.  
  152.  
  153.  
  154.  
  155. </div></div></div>
  156.  
  157.  
  158.  
  159.  
  160. <div id="footer"></div>
  161.  
  162. </div>
  163.  
  164.  
  165. </body>
  166. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement