daily pastebin goal
83%
SHARE
TWEET

Indigo

stylesheet Jun 16th, 2016 6 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.  
  5. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  6. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  7.  
  8. <!--
  9.  
  10. ==============================================
  11.  Coded by Monica T.
  12. http://monicagalaxy.info/
  13. Theme: "Indigo"
  14. Updated: June 16, 2016
  15. DO NOT REMOVE CREDITS
  16. ==============================================
  17.  
  18. -->
  19. <meta charset="UFT-8">
  20. <title>"Indigo" template | 2016 template by monica</title>
  21. </head>
  22.  
  23. <style type="text/css">
  24.  
  25. body {
  26.     background: url("http://imgur.com/pBOPuvE.jpg") repeat-x;
  27.     font-size: 11px;
  28.     color: #333;
  29.     line-height: 20px;
  30.     font-family: 'Open Sans', sans-serif;
  31.     text-align: left;
  32. }
  33.  
  34. .whole {
  35.         width: 863px;
  36.         margin: 0 auto;
  37. }
  38.  
  39. .content {
  40.         border-top: 12px solid #6B7A8F;
  41.     width: 640px;
  42.     margin: 0 auto;
  43.         background-color: #fff;
  44.         padding: 20px;
  45.         margin-top: 30px;
  46.         text-align: left;
  47. }
  48.  
  49. .navigation{
  50.         float: left;
  51.         margin-top: 73px;
  52.         padding: 2px;
  53. }
  54.  
  55. .part {
  56.     width: 48%;
  57.     margin: 1px 1%;
  58.     float: left;
  59. }
  60.        
  61. h1 {
  62.     font-family: 'Montserrat', sans-serif;
  63.     color: #636563;
  64.     letter-spacing: 0px;
  65.     font-size: 16px;
  66.     text-align: left;
  67.     border-right: none;
  68.     letter-spacing: 2px;
  69.     text-transform: uppercase;
  70.     padding: 2px;
  71. }
  72. h2 {
  73.     font-family: 'Montserrat', sans-serif;
  74.     background-color: #DCC7AA;
  75.     color: #636563;
  76.     letter-spacing: 0px;
  77.     font-size: 11px;
  78.     text-align: left;
  79.         border-bottom: 5px solid #fff;
  80.     border-right: none;
  81.     letter-spacing: 2px;
  82.     padding: 2px;
  83. }
  84.  
  85. h3 {
  86.         font-family: 'Montserrat', sans-serif;
  87.     background-color: #fae5d7;
  88.     color: #636563;
  89.     letter-spacing: 0px;
  90.     font-size: 11px;
  91.     text-align: left;
  92.         border-bottom: 5px solid #fff;
  93.     border-right: none;
  94.     letter-spacing: 2px;
  95.     padding: 2px;
  96. }
  97.  
  98. a.nav, a.nav:active, a.nav:link, a.nav:visited {
  99.         display: block;
  100.         text-align: right;
  101.         font-family: 'Montserrat', sans-serif;
  102.         width: 80px;
  103.         font-size: 10px;
  104.         background-color: #6B7A8F;
  105.         color: #f4f4f4;
  106.     padding: 5px;
  107.         text-transform: uppercase;
  108. }
  109. a.nav:hover {
  110.     text-decoration: none;
  111.         text-transform: uppercase;
  112.         opacity: 0.8;
  113. }
  114.  
  115. a:link, a:visited {
  116.     color: #777;
  117.     background-color: #fff;
  118.     text-decoration: none;
  119. }
  120. a:hover {
  121.         color: #636563;
  122.     text-decoration: none;
  123. }
  124.  
  125. img {
  126.         border: 4px solid #6B7A8F;
  127.         float: right;
  128.         margin: 4px;
  129. }
  130.  
  131. img:hover {
  132.        float: right;
  133.        opacity: 0.8;
  134. }
  135.  
  136.  
  137.        
  138. </style>
  139. <div class="whole">
  140.  
  141. <div class="navigation">
  142. <a href="#" class="nav">link</a><br>
  143. <a href="#" class="nav">link</a><br>
  144. <a href="#" class="nav">link</a><br>
  145. <a href="#" class="nav">link</a><br>
  146. <a href="http://monicagalaxy.info" class="nav">css</a><br>
  147. </div>
  148.  
  149. <div class="navigation">
  150.  
  151. </div>
  152.  
  153.  
  154. <div class="content">
  155.  
  156. <h1>header one</h1>
  157. <p><img src="http://lacabossedor.com/wp-content/plugins/woocommerce/assets/images/placeholder.png" height="110" width="118"> This is a premade template by  <a href="http://monicagalaxy.info">Monica</a>. Please leave the credit.<br>
  158.  Lorem ipsum dolor sit amet, ferri singulis molestiae mel te. Ne pro semper prompta. Aperiam alterum molestiae pro in, congue nusquam posidonium vis at. Vim id periculis definitionem, vim ne equidem interpretaris. At vel malorum consulatu referrentur, hinc maiorum intellegebat eu has, eum purto adolescens vituperata in. Ius cu aeque quando efficiendi, ne est odio liber ridens, pericula explicari duo ei. Appetere theophrastus no vis, an conceptam expetendis has, id mei quem mundi mnesarchum. Vel cu iusto essent vocent, at causae dignissim mei.</p>
  159.  
  160. <h2>header two</h2>
  161. <div class="part">
  162. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  163. </div>
  164.  
  165. <div class="part">
  166. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  167. </div>
  168.  
  169. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  170.  
  171. <h3>header three</h3>
  172. <p>Lorem ipsum dolor sit amet, ferri singulis molestiae mel te. Ne pro semper prompta. Aperiam alterum molestiae pro in, congue nusquam posidonium vis at. Vim id periculis definitionem, vim ne equidem interpretaris. At vel malorum consulatu referrentur, hinc maiorum intellegebat eu has, eum purto adolescens vituperata in. Ius cu aeque quando efficiendi, ne est odio liber ridens, pericula explicari duo ei. Appetere theophrastus no vis, an conceptam expetendis has, id mei quem mundi mnesarchum. Vel cu iusto essent vocent, at causae dignissim mei.</p>
  173. </div>
  174.  
  175. </div>
  176. </body>
  177. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top