← Back to branch summary

~cooperjona/nitrotasks/quickly_trunk

« back to all changes in this revision

Viewing changes to data/media/app/sass/web.scss

  • Committer: jono Cooper
  • Date: 2012-09-05 11:26:32 UTC
  • Revision ID: jono@caffeinatedco.de-20120905112632-kz8kmdqlxuf27k78
commit before release

Show diffs side-by-side

added added

removed removed

Lines of Context:
data/media/app/sass/web.scss
 
1
@import "compass/css3";
 
2
#splash {
 
3
        opacity: 0;
 
4
}
 
5
.loader {
 
6
        padding: 5px;
 
7
        font-size: 14px;
 
8
}
 
9
.notsupport {
 
10
        background: #fff;
 
11
        width: 100%;
 
12
        height: 100%;
 
13
        position: absolute;
 
14
        font-size: 14px;
 
15
 
 
16
        p {
 
17
                margin: 50px auto;
 
18
                width: 300px;
 
19
        }
 
20
}
 
21
#syncloader {
 
22
        position: fixed;
 
23
        left: 50%;
 
24
        top: 80px;
 
25
        margin-left: -20px;
 
26
}
 
27
.web {
 
28
        #cleardataweb {
 
29
                display: block;
 
30
        }
 
31
 
 
32
        #prefsDialog .nav, .runSync, #content {
 
33
                display: none;
 
34
        }
 
35
 
 
36
        #loading {
 
37
                position: absolute;
 
38
                top: 80px;
 
39
                left: 50%;
 
40
        }
 
41
 
 
42
        #splash {
 
43
                position: fixed;
 
44
                width: 700px;
 
45
                margin-left: -400px;
 
46
                left: 50%;
 
47
                top: 80px;
 
48
                font-size: 0;
 
49
                -webkit-transition: 500ms ease opacity;
 
50
 
 
51
                h1 {
 
52
                        font-size: 32px;
 
53
                        color: #444;
 
54
                        margin: 0;
 
55
                }
 
56
                .left {
 
57
                        width: 400px;
 
58
                        a {
 
59
                                color: #fff;
 
60
                                text-decoration: underline;
 
61
                        }
 
62
                        p {
 
63
                                margin: 0;
 
64
                                background: #333;
 
65
                                color: #fff;
 
66
                                padding: 5px 10px;
 
67
                        }
 
68
                }
 
69
                .right {
 
70
                        color: #666;
 
71
                        padding-left: 50px;
 
72
                        width: 250px;
 
73
                }
 
74
                .left, .right {
 
75
                        display: inline-block;
 
76
                        font-size: 14px;
 
77
                        vertical-align: top;
 
78
                }
 
79
                h2 {
 
80
                margin: 0;
 
81
                }
 
82
                a {
 
83
                        text-decoration: none;
 
84
                        color: #0072C5;
 
85
                }
 
86
                a.dropbox, a.ubuntu {
 
87
                        display: block;
 
88
                        border-radius: 3px;
 
89
                        font-weight: bold;
 
90
                        padding: 8px 20px 7px 45px;
 
91
                        line-height: 1;
 
92
                        color: #fff;
 
93
                        cursor: pointer;
 
94
                        width: 100px;
 
95
                        margin-bottom: 5px;
 
96
                        text-decoration: none;
 
97
                }
 
98
                .dropbox {
 
99
                        text-shadow: #355782 0 1px 1px;
 
100
                        border-top: 1px #2270AB solid;
 
101
                        border-left: 1px #18639A solid;
 
102
                        border-right: 1px #18639A solid;
 
103
                        border-bottom: 1px #0F568B solid;
 
104
                        box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83c5f1;
 
105
                        background: url(monodropbox.png) no-repeat 18px 7px, -webkit-linear-gradient(#33A0E8, #2180CE);
 
106
                        background: url(monodropbox.png) no-repeat 18px 7px, -moz-linear-gradient(#33A0E8, #2180CE);
 
107
                        background: url(monodropbox.png) no-repeat 18px 7px, -ms-linear-gradient(#33A0E8, #2180CE);
 
108
                        background: url(monodropbox.png) no-repeat 18px 7px, -o-linear-gradient(#33A0E8, #2180CE);
 
109
                        background: url(monodropbox.png) no-repeat 18px 7px, linear-gradient(#33A0E8, #2180CE);
 
110
                }
 
111
                .ubuntu {
 
112
                        background: url(monoubuntu.png) no-repeat 18px 7px, -webkit-linear-gradient(top, #e26438        0%, #bd3e11 100%);
 
113
                        background: url(monoubuntu.png) no-repeat 18px 7px, -moz-linear-gradient(top, #e26438 0%,       #bd3e11 100%);
 
114
                        background: url(monoubuntu.png) no-repeat 18px 7px, -ms-linear-gradient(top, #e26438 0%,        #bd3e11 100%);
 
115
                        background: url(monoubuntu.png) no-repeat 18px 7px, -o-linear-gradient(top, #e26438 0%,         #bd3e11 100%);
 
116
                        background: url(monoubuntu.png) no-repeat 18px 7px, linear-gradient(top, #e26438 0%,    #bd3e11 100%);
 
117
                        box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #ed9e82;
 
118
        
 
119
                        text-shadow: #6f240a 0 1px 1px;
 
120
                        border-top: 1px #ad3910 solid;
 
121
                        border-right: 1px #9e340e solid;
 
122
                        border-left: 1px #9e340e solid;
 
123
                        border-bottom: 1px #8e2f0d solid;
 
124
                }
 
125
        }
 
126
 
 
127
        #web-sync-status {
 
128
                opacity: 0;
 
129
                position: absolute;
 
130
                right: 0;
 
131
                bottom: 0;
 
132
                background: #333;
 
133
                background: rgba(0,0,0,0.7);
 
134
                color: #fff;
 
135
                font-size: 13px;
 
136
                padding: 5px 15px 5px 18px;
 
137
                border-top-left-radius: 11px;
 
138
                @include transition(opacity 0.5s);
 
139
 
 
140
                &.active {
 
141
                        opacity: 1;
 
142
                }
 
143
        }
 
144
}
 
145