summaryrefslogtreecommitdiff
path: root/public/stylesheets/screen.sass
blob: a27a233b19dc78ccd77848fe5137c9907cb2e456 (plain)
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
//@import compass/reset, compass/css3, compass/utilities, compass/layout
@import compass/css3

$bg-color: #CCCCFF
$bg-color-div: #C5C1E4
$ist-blue: #B9DCFF

body
  background-image: url("/images/gray_jean.png")
  background-color: $bg-color
  overflow: scroll
  font-family: sans-serif
  margin: 1em
  min-width: 800px
  min-heigth: 600px
  
  a
    text-decoration: none
    font-weight: bold
    color: black

.logo
  img
    float: left
  h1
    margin-bottom: 5em

  
.content

  background-image: url("/images/gray_jean.png")
      
  h1
    margin: 0.3em
    text-shadow: #FFF 0 1px 0
    font-size: x-large
    font-family: Verdana
    
  h2
    text-shadow: #FFF 0 1px 0
    font-size: x-large
    font-family: monospace   
    
  .arrow
    margin: 5px 0px 5px 20px
    
  .back
    display: inline
 
  .close
    text-align: right
    
  fieldset#top
    border: 0
    margin-top: 5em
    padding: 10px
    background-color: $ist-blue
    +border-top-left-radius(25px)
    +border-top-right-radius(25px)
    +background-clip(border-box)
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
    draw
      display: block
    
  fieldset#middle
    border: 0
    padding: 10px
    background-color: $ist-blue
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
    
    #model a
      font-weight: normal
    
  fieldset#bottom
    border: 0
    background-color: $ist-blue
    padding: 10px
    margin-bottom: 5em   
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
    +border-bottom-left-radius(25px)
    +border-bottom-right-radius(25px)
    +background-clip(border-box)
  
  .predictions
    margin-top: 5em
    background-color: $ist-blue
    padding: 10px
    text-align: justify
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
    +border-left-radius(25px)
    +border-right-radius(25px)
    +background-clip(border-box)
    
  .results
    margin-top: 2em
    padding: 1em
    background-image: url("/images/gray_jean.png")
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
    +border-bottom-left-radius(25px)
    +border-bottom-right-radius(25px)
    +background-clip(border-box)
    
    #tableinfo
      text-align: right
    
    .tablesorter
      width: 100%
      thead
        background-color: $ist-blue
        tr
          th.header
            background-image: url("/images/bg.gif")
            background-repeat: no-repeat
            background-position: center left
            cursor: pointer
            padding-left: 20px
            border: 1px solid #dad9c7
            margin-left: -1px
          th.headerSortDown 
            background-image: url("/images/desc.gif") 
            background-color: #3399FF
          th.headerSortUp 
            background-image: url("/images/asc.gif") 
            background-color: #3399FF
      tbody
        tr.odd
          td
            background-color: #F0F0F6
        tr.even
          td
            background-color: #F0F0FF
    .result
      width: 100%
      thead
        padding-left: 20px
        border: 1px solid #dad9c7
        margin-left: -1px
      
      
        
.footer
  margin: 20px 0 20px 0