summaryrefslogtreecommitdiff
path: root/public/stylesheets/screen.sass
blob: 3c5e48ce72d66d3be3cbc71b8174c09dbc55bb4a (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
//@import compass/reset, compass/css3, compass/utilities, compass/layout
@import compass/css3

//$bg-color: #C5C1A4
$bg-color: #CCCCFF
$bg-color-div: #C5C1E4
//$border: 2px solid #C5C1A4
$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
  text-align: right
  font-size: 1.5em
  +text-shadow($ist-blue 2px 2px)

.info
  background-color: $ist-blue
  margin: 1em 0
  padding: 10px
  text-align: center
  +border-bottom-left-radius(25px)
  +border-bottom-right-radius(25px)
  +background-image(linear-gradient(#FFFFFF, $ist-blue 70%))
  +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 1px rgba(black, 0.3) inset)
  
.content

  background-image: url("/images/gray_jean.png")
      
  h1
    margin: 0.3em
    text-shadow: #FFF 0 1px 0
    font-size: x-large
    font-family: monospace
    
  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 1px 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 1px rgba(black, 0.3) inset)
    
  .model
    display: inline
    margin: 1em
    
  fieldset#bottom
    border: 0
    background-color: $ist-blue
    padding: 10px
    margin-bottom: 5em   
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 1px rgba(black, 0.3) inset)
    +border-bottom-left-radius(25px)
    +border-bottom-right-radius(25px)
    +background-clip(border-box)
      
  .predictions
    background-color: $ist-blue
    padding: 10px
    text-align: justify
    margin: 0.3em
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 1px rgba(black, 0.3) inset)
    +border-left-radius(25px)
    +border-right-radius(25px)
    +background-clip(border-box)
          
  .was
    margin-top: 2em
    padding: 1em
    background-image: url("/images/gray_jean.png")
    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 1px 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 1px rgba(black, 0.3) inset)
    +border-left-radius(25px)
    +border-right-radius(25px)
    +background-clip(border-box)
        
.footer
  margin: 20px 0 20px 0