alefranz / dabblet.css

Created December 21, 2011


    
    View dabblet.css 
  
  
      dabblet.css
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            17
            18
            19
            20
            21
            22
            23
            24
            25
            26
            27
            28
            29
            30
            31
            32
            33
            34
            35
            36
            37
            38
            39
          
          
            /**
 * Homepage
 */
body {
  background: #eef;
  background: linear-gradient(45deg, #ccd, #eef);
  min-height:100%;
}
 
h1 {
  /*font-family: 'Trade Winds', cursive;*/
  /*font-family: 'Tienne', serif;*/
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  font-style: italic;
 
  padding: 40px 0;
  font-size: 30pt;
  text-align: center;
  text-shadow: 1px 1px 2px #88d; 
 
}
 
.box-container {
  width: 960px;
  margin:auto;
 
}
 
.box {
  background: #bbb;
  background: linear-gradient(45deg, #eee, #ddd);
  border-radius: 10px;
  width: 280px;
  height: 160px;
  margin: 20px;
  float: left;
  box-shadow: 0 0 4px 4px white;
}

          
    View dabblet.css 
  
  
      dabblet.html
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            17
            18
            19
          
          
            <link href='http://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Tienne:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
<h1>
Long Titleofthepage
</h1>
 
<div class="box-container">
 
<div class="box">
</div>
 
<div class="box">
</div>
 
<div class="box">
</div>
 
</div>

          
    View dabblet.css 
  
  
      settings.json
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
          
          
            {"view":"split","prefixfree":"1","page":"css"}