static/scss/screen.scss

   1 @import "reset",
   2                 "var",
   3                 "compass/css3/images",
   4                 "compass/css3/border-radius",
   5                 "compass/css3/box-shadow";
   6
   7 html{
   8         background: $bgcolor;
   9         height:100%;
  10 }
  11
  12 body{
  13         @include background(
  14                 image-url("bg.png"),
  15                 radial-gradient(rgba(0,0,0,0), rgba(0,0,0,.5) 800px, rgba(0,0,0,.9) 900px)
  16         );
  17         padding:1px;
  18         margin:-1px;
  19         min-height:100%;
  20         font-family:Helvetica, Arial, sans-serif;
  21         font-size:13px;
  22         line-height:15px;
  23 }
  24
  25 #container{
  26         width: $containerwidth;
  27         margin:40px auto;
  28 }
  29
  30 #nameplate{
  31         color:#FFF;
  32         font-size:80px;
  33         line-height:80px;
  34         text-align:center;
  35         text-shadow:1px 1px 0 rgba(0,0,0,.6);
  36 }
  37
  38 #content{
  39         background:$contentbg;
  40         @include border-radius(4px);
  41         @include box-shadow(rgba(0,0,0,.35) 0 0 36px, rgba(0,0,0,.1) 0 10px 10px inset);
  42         border:$contentborderwidth solid $contentbg;
  43         padding:$contentpadding;
  44         margin-top:20px;
  45 }
  46
  47 #pagefooter{
  48         font-size:12px;
  49         color: lighten($bgcolor, 40%);
  50         text-shadow:0 -1px 0 rgba(0,0,0,.5);
  51         width:600px;
  52         margin:20px auto;
  53         p{
  54                 margin-bottom:15px;
  55         }
  56 }