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

Untitled

By: a guest on May 5th, 2012  |  syntax: None  |  size: 5.43 KB  |  hits: 12  |  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. ////// CSSSS
  2.  
  3. a {font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #6699cc; text-decoration: none; font:Verdana, Geneva, sans-serif;}
  4. p {
  5.         font-family:Verdana, Geneva, sans-serif;
  6.         font-size:11pt;
  7.         color:#000;
  8.         font-style: normal;
  9.         line-height: 13pt;
  10. }
  11.  
  12. .full {
  13.         margin:auto;
  14.         background-image:url('/edietologs/img/bg.png');
  15.         background-repeat:no-repeat;
  16.         width: 930px;}
  17. .header {
  18.         height: 295px;
  19.         background-image: url(/edietologs/img/dakteris.png);
  20.         background-repeat:no-repeat;
  21.         background-position:700px 80px;
  22.         }
  23. .title {
  24.         font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  25.         font:"Trebuchet MS", Arial, Helvetica, sans-serif;
  26.         text-align:center;
  27.         position:absolute;
  28.         margin-top: 200px;
  29.         margin-left: 165px;}
  30.        
  31. .title_up {font-size:18px; color:#999; margin: 0px; padding: 0px;}
  32. .title_down {font-size: 48px; color: #333333; margin: 0px; padding: 0px;}
  33. .logo { position:absolute; margin-top: 59px;}
  34. .bar_up {width: 396 px; text-align:right; margin-top: 25px; float:right;  margin-right: 10px;}
  35. .language_icon {margin: 0px; padding: 0px;}
  36. .footer {text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
  37. .footer_text {margin: auto; width: 570px; text-align:center;}
  38. .banner {margin-top: -1px;}
  39. .main {margin: auto; width: 844px;}
  40. .clicked {float: left;}
  41.  
  42. .first_text {width: 505px; float:left}
  43. .first_video {float: right; background-image: url('img/frame.png'); background-repeat:no-repeat; width: 268px; height: 180px; padding: 3px 5px 13px 11px;}
  44.  
  45. /// HTML
  46.  
  47.  
  48. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  49.  
  50. <html xmlns="http://www.w3.org/1999/xhtml">
  51.  
  52. <head>
  53.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54.        
  55.         <title>eDietologs</title>
  56.        
  57.         <link type="text/css" rel="stylesheet" href="style.css" />
  58.  
  59. </head>
  60. <body>
  61.  
  62. <div class="full">
  63.         <div class="header">
  64.                 <div class="bar_up"><a href="#">LANGUAGE</a><IMG class="language_icon" align="middle" src="img/language_icon.png" /><a href="#">Sākums</a> &nbsp;|&nbsp; <a href="#">Autorizēties</a></div>
  65.  
  66.                 <div class="logo"><img src="img/logo.png" /></div>
  67.                 <div class="title"><div class="title_up">Lorem ipsum dolor sit amet. Lorem ipsum dolor.</div><div class="title_down">eDietologs — lorem ipsum</div></div>
  68.         </div>
  69.                 <div class="banner"><img src="img/banner.png" vspace="0" border="0" alt=""/></div>
  70.        
  71.  
  72.         <div class="main">  
  73.                 <div class="first_text"><p><b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Pellentesque pellentesque congue diam, vitae vestibulum sem consequat quis. In ullamcorper feugiat enim, at euismod tortor adipiscing ac.<br /><br />
  74. Fusce imperdiet dolor eget turpis euismod pulvinar. In ullamcorper feugiat enim, at euismod tortor adipiscing ac. Vitae vestibulum sem consequat quis. Consectetur adipiscing elit. Pellentesque pellentesque congue diam.</p><p align="right"><a href="#">...uzzināt vairāk</a></p></div>
  75.                 <div class="first_video"></div>
  76.         </div>
  77.  
  78.                 <div class="clicked">
  79.                 <img src="img/girl.png" align="left" />
  80.                 <img src="img/baloon.png" align="left" />
  81.             <p>Lorem ipsum dolor sit amet
  82.  
  83. Donec ut hendrerit tortor. Suspendisse imperdiet varius odio ut dignissim. Sed porttitor lacinia tincidunt. Etiam volutpat urna at urna pharetra pulvinar. Maecenas sit amet metus elit.
  84.  
  85. Nullam felis nisi, suscipit id placerat eget, hendrerit sed purus. Aenean scelerisque, massa non euismod mattis, felis dui commodo ante, ac cursus lorem eros a tortor.
  86.  
  87. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus massa sit amet lacus mollis semper. Morbi sed enim ut dolor vestibulum pretium sit amet nec ipsum. Duis a semper metus. In hac habitasse platea dictumst.
  88.  
  89. Lorem ipsum
  90.  
  91. Pellentesque dignissim interdum porta. Aliquam in gravida neque. Praesent tincidunt fermentum ultricies. Curabitur diam massa, vestibulum eu mattis sit amet, gravida tincidunt libero.
  92.  
  93. Sed interdum dignissim erat ut convallis. Suspendisse est diam, tempor iaculis gravida ut, convallis eget ligula. Suspendisse potenti. Phasellus massa erat, mollis nec ullamcorper sed, eleifend in ipsum. Praesent rutrum ipsum non nisi luctus blandit at et nisi.
  94.  
  95.  
  96. Lorem ipsum dolor sit amet.
  97. Lorem ipsum dolor
  98.  
  99. Nunc id velit felis, vel viverra quam. Vivamus fringilla nulla a ligula pulvinar vitae posuere leo ultricies. In vel sapien eget libero dictum luctus at sed tellus. Vivamus hendrerit malesuada risus, quis pretium nunc adipiscing accumsan.
  100.  
  101. Nulla facilisi. Duis eu ante sodales lorem egestas congue. Nunc sit amet tortor est. Maecenas sollicitudin condimentum est, a tristique risus ornare quis. Proin auctor euismod lacinia. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eu risus eget dui faucibus cursus eu quis justo.
  102.  
  103. Aliquam erat volutpat. Pellentesque nibh augue, convallis mattis tempus quis, sodales quis massa. Donec et ipsum sed turpis aliquam feugiat. Etiam vel diam sapien, nec placerat nulla. Donec et ipsum sed turpis aliquam feugiat. Etiam vel diam sapien, nec placerat nulla. </p></div>
  104.  
  105.  
  106.  
  107.                                         <div class="footer"><img src="img/line.png" /><p class="footer_text"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at lacus ac metus condimentum sollicitudin. Sed sagittis ullamcorper nibh, at posuere nisi porta non.</p><img src="img/logo_small.png" /></div>
  108.  
  109. </div>
  110.  
  111. </body>
  112. </html>
create a new version of this paste RAW Paste Data