extjs/examples/modern/geocongress/sass/src/view/Main.scss

   1 #splashScreen {
   2     background: #092542 url("images/bg.png") center top no-repeat;
   3 }
   4 #splashToolbar {
   5     margin-top: 115px;
   6 }
   7
   8 #legislatorList {
   9     .x-list:after {
  10         position: absolute;
  11         left: 0;
  12         right: 0;
  13         display:block;
  14         margin-top: 20px;
  15         content: "Data provided by SunlightLabs.com";
  16         font-weight: bold;
  17         text-align: center;
  18         color: #aaa;
  19         font-size: 0.8em;
  20         text-shadow: rgba(255,255,255,.2) 0 1px 0;
  21     }
  22 }
  23
  24 .legislator-list-item {
  25     padding: 7px 10px;
  26
  27     font-weight: bold;
  28     @include bevel-text('light');
  29     @include ellipsis;
  30
  31     &.x-view-selected {
  32         background: #315d94 none !important;
  33         color: lighten(#315d94, 50%) !important;
  34     }
  35 }
  36
  37 .legislator-pic {
  38     display: inline-block;
  39     vertical-align: -17px;
  40     width: 50px;
  41     height: 50px;
  42     margin-right: 15px;
  43     background-position: center center;
  44     -webkit-border-radius: 5px;
  45     border-radius: 5px;
  46     @include st-box-shadow(#ccc 0 1px 2px);
  47 }
  48
  49 #legislatorBio {
  50
  51     .legislator-pic {
  52         margin: 10px;
  53     }
  54     .legislator-info {
  55         padding: 10px;
  56         font-size: 14px;
  57         line-height: 18px;
  58     }
  59
  60     .legislator-name {
  61         display: inline-block;
  62         padding: 0 5px;
  63
  64         .title {
  65             font-weight: bold;
  66             font-size: 0.9em;
  67         }
  68         .district {
  69             font-size: 0.8em;
  70         }
  71     }
  72 }
  73
  74 #voteList {
  75     .vote {
  76         font-size: 13px;
  77         line-height: 16px;
  78         .results {
  79             color: #999;
  80         }
  81     }
  82 }
  83
  84 .start-screen {
  85     background-color: #ccc;
  86 }
  87
  88 .x-title {
  89     font-weight: normal;
  90     display: inline-block;
  91 }
  92
  93 .x-list-emptytext {
  94     margin-top: 25px;
  95     text-align: center;
  96 }
  97
  98 #billSummary .x-dock-body .x-innerhtml {
  99     padding: 20px;
 100     font-size: 80%;
 101 }