← Back to branch summary

~patrickas/ensoft-sextant/minor

« back to all changes in this revision

Viewing changes to resources/sextant/web/style_sheet.css

  • Committer: Tarmac
  • Author(s): Robert Wills
  • Date: 2014-09-04 10:01:08 UTC
  • mfrom: (19.1.1 ensoft-sextant)
  • Revision ID: tarmac-20140904100108-r8z9l8h4bjue8umo
Enhance the Sextant branding.

Show diffs side-by-side

added added

removed removed

Lines of Context:
resources/sextant/web/style_sheet.css
1
 
pre {
2
 
    color: green;
3
 
        background: white;
4
 
        font-family: monospace;
5
 
}
6
 
 
7
 
body {
8
 
        font-family: Helvetica, sans-serif;
9
 
}
10
 
.button{
11
 
        display:block; width:100px; height:100px; border-radius:50px; font-size:15px; 
12
 
        color:#fff; line-height:100px; text-align:center; background:#FF0000
13
 
}
14
 
 
15
 
.pos_img{
16
 
        position:absolute;
17
 
        left:0px;
18
 
        top:270px;
19
 
        z-index:-1
20
 
        
21
 
}
22
 
.pos_functions{
23
 
        position:absolute;
24
 
        left:0px;
25
 
        top:250px;
26
 
        
27
 
}
28
 
 
29
 
.button2{
30
 
        display:inline-block; width:200px; height:100px; border-radius:50px; 
31
 
        font-size:15px; color:#fff; line-height:100px; 
32
 
        text-align:center; background:#000000
33
 
}
34
 
 
35
 
 
36
 
 
 
1
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200);
 
2
@import url(http://fonts.googleapis.com/css?family=Poiret+One);
 
3
 
 
4
 
 
5
pre {
 
6
    color: green;
 
7
        background: white;
 
8
        font-family: monospace;
 
9
}
 
10
 
 
11
body {
 
12
        font-family: 'Source Sans Pro', sans-serif;
 
13
    backround-color: rgb(245, 245, 245);
 
14
    margin: 0;
 
15
    padding: 0;
 
16
}
 
17
 
 
18
body.titlescreen {
 
19
    background-color: rgb(105, 145, 172);
 
20
    color: rgb(245, 245, 245);
 
21
}
 
22
 
 
23
.pos_img{
 
24
        position:absolute;
 
25
        left:0px;
 
26
        top:80px;
 
27
        z-index:-1
 
28
        
 
29
}
 
30
.pos_functions{
 
31
        position:absolute;
 
32
        left:0px;
 
33
        top:250px;
 
34
        
 
35
}
 
36
 
 
37
.button2{
 
38
        display:inline-block; width:200px; height:100px; border-radius:50px; 
 
39
        font-size:15px; color:#fff; line-height:100px; 
 
40
        text-align:center; background:#000000
 
41
}
 
42
 
 
43
 
 
44
 
 
45
 
 
46
 
 
47
div.centered {
 
48
    position: absolute;
 
49
    left: 50%;
 
50
    top: 40%;   /* for good design we position nearer the top */
 
51
    transform: translate(-50%, -40%);    
 
52
    -webkit-transform: translate(-50%, -40%);
 
53
    -moz-transform: translate(-50%, -40%);
 
54
    -ms-transform: translate(-50%, -40%);
 
55
    text-align: center;
 
56
}
 
57
 
 
58
#titlescreen-logo-text {
 
59
    font-size: 80px;
 
60
    font-family: 'Poiret One', sans-serif;
 
61
    letter-spacing: -2px;
 
62
    padding-bottom: 4px;
 
63
}
 
64
 
 
65
#titlescreen-bottombar {
 
66
    font-size: 20px;
 
67
    position: absolute;
 
68
    left: 0;
 
69
    bottom: 0;
 
70
    right: 0;
 
71
    height: 80px;
 
72
    font-weight: 300;
 
73
    text-align: center;
 
74
}
 
75
 
 
76
.toolbar {
 
77
    background-color: rgb(105, 145, 172);
 
78
    color: rgb(245, 245, 245);
 
79
    position: fixed;
 
80
    padding: 4px 10px 4px 10px;
 
81
    width: 100%;
 
82
}
 
83
 
 
84
.button {
 
85
    background-color: rgb(195, 215, 223);
 
86
    color: rgb(103, 114, 122);
 
87
    padding: 4px 10px 4px 10px;
 
88
    margin-left: 3px;
 
89
    margin-right: 3px;
 
90
    border: none;
 
91
}
 
92
 
 
93
.textbox {
 
94
    background-color: rgb(245, 245, 245);
 
95
    border: 1px solid rgb(103, 114, 122);
 
96
    color: rgb(103, 114, 122);
 
97
    padding: 2px 4px 2px 4px;
 
98
    margin: 2px;
 
99
}
 
100
 
 
101
.dropdown {
 
102
    background-color: rgb(245, 245, 245);
 
103
    border: 1px solid rgb(103, 114, 122);
 
104
    color: rgb(103, 114, 122);
 
105
    padding: 1px 4px 1px 4px;
 
106
    margin: 2px;
 
107
}
 
108
 
 
109
.button:hover {
 
110
    background-color: rgb(245, 245, 245);
 
111
}
 
112
 
 
113
 
 
114
 
 
115
 
 
116
.title {
 
117
    font-size: 41px;
 
118
    font-family: 'Poiret One', sans-serif;
 
119
    letter-spacing: -1px;
 
120
    padding-bottom: 4px;
 
121
    color: rgb(103, 114, 122);
 
122
}
 
123
 
 
124
.subtitle {
 
125
    font-size: 20px;
 
126
    color: rgb(103, 114, 122);
 
127
    font-weight: 300;
 
128
}
 
129
 
 
130
.subtitle > b {
 
131
    font-weight: 400;
 
132
}
 
133
 
 
134
 
 
135
.error-title {
 
136
    font-size: 41px;
 
137
    font-family: 'Poiret One', sans-serif;
 
138
    letter-spacing: -1px;
 
139
    padding-bottom: 4px;
 
140
    color: rgb(215, 92, 55);
 
141
}
 
142
 
 
143
.error-subtitle {
 
144
    font-size: 20px;
 
145
    color: rgb(215, 92, 55);
 
146
    font-weight: 300;
 
147
}