← Back to branch summary

~ya-bo-ng/+junk/ubuntu-site-new-font

« back to all changes in this revision

Viewing changes to tour/css/systemoverlay.css

  • Committer: Matthew Nuzum
  • Date: 2012-10-18 14:23:01 UTC
  • mfrom: (105.1.54 quantal)
  • Revision ID: matthew.nuzum@canonical.com-20121018142301-63b3dcto9tteohsu
merging quantal

Show diffs side-by-side

added added

removed removed

Lines of Context:
tour/css/systemoverlay.css
1
 
/*
2
 
* System Overlay CSS
3
 
* author: Anthony Dillon
4
 
*/
5
 
 
6
 
#systemOverlay{
7
 
        width:100%;
8
 
        height:100%;
9
 
        position: absolute;
10
 
        /*background:url(../img/dash-bg-60.png);*/
11
 
        background-color:rgba(130, 60, 80, 0.8);
12
 
        top:0px;
13
 
        left:0px;
14
 
        z-index:12;
15
 
        display:none;
16
 
        font-size:17px;
17
 
        color:white;
18
 
}
19
 
 
20
 
#systemOverlay input{
21
 
        background:url(../img/overlay/search-logo.png) no-repeat 10px center;
22
 
        position: relative;
23
 
        width: 450px;
24
 
        height:40px;
25
 
        left:90px;
26
 
        
27
 
        top:30px;
28
 
        color:#666;
29
 
        font-style:italic;
30
 
        padding:0px 60px;
31
 
        font-size:18px;
32
 
                -moz-border-radius:4px 4px 4px 4px;
33
 
                -webkit-border-radius:4px 4px 4px 4px;
34
 
        border-radius:4px 4px 4px 4px;
35
 
                -moz-box-shadow: 0px 0px 5px #fff;
36
 
                -webkit-box-shadow: 0px 0px 5px #fff;
37
 
        box-shadow: 0px 0px 5px #fff;
38
 
        border:1px solid #fff;
39
 
        background-color:rgba(0,0,0,0.5);
40
 
        outline-style:none;
41
 
}
42
 
 
43
 
#systemOverlay input:active{
44
 
        
45
 
}
46
 
 
47
 
#systemOverlay #shortcuts{
48
 
        position: absolute;
49
 
        left:100px;
50
 
        top:110px;
51
 
}
52
 
 
53
 
#systemOverlay #shortcuts:hover{
54
 
        background-position: 0px -17px;
55
 
}
56
 
#systemOverlay img{
57
 
        vertical-align: text-top;
58
 
}
59
 
#systemOverlay #shortcuts img{
60
 
        vertical-align: middle;
61
 
        margin-right:15px;
62
 
}
63
 
 
64
 
#systemOverlay #shortcuts .shortcut-arrow{
65
 
        width:13px;
66
 
        height:17px;
67
 
        overflow:hidden;
68
 
        background:url(../img/overlay/shoutcurts-down.png) no-repeat;
69
 
        display: inline-block;
70
 
        margin:0px 0px 0px 15px;
71
 
}
72
 
 
73
 
#systemOverlay .app-container{
74
 
        display:none;
75
 
        position:absolute;
76
 
        left:110px;
77
 
        top:120px;
78
 
        width:91%;
79
 
}
80
 
 
81
 
#systemOverlay #overlayContents{
82
 
        margin-top:24px;
83
 
}
84
 
 
85
 
#systemOverlay #overlayContents .bottom{
86
 
        border-bottom:2px solid #806067;
87
 
        margin-bottom:20px;
88
 
} 
89
 
 
90
 
#systemOverlay .app-container .app-list{
91
 
        width:100%;
92
 
        height:92px;
93
 
        margin:20px;
94
 
        overflow:hidden;
95
 
}
96
 
 
97
 
#systemOverlay .app-container .app-list div{
98
 
        width:200px;
99
 
        height:100px;
100
 
        float:left;
101
 
        text-align:center;
102
 
}
103
 
 
104
 
#systemOverlay .app-container .app-list div img{
105
 
        padding:5px;
106
 
        height:46px;
107
 
}
108
 
 
109
 
#systemOverlay .app-container .app-list div img.hover{
110
 
        background:#ffffff;
111
 
        -moz-border-radius:4px 4px 4px 4px;
112
 
        -webkit-border-radius:4px 4px 4px 4px;
113
 
        border-radius:4px 4px 4px 4px;
114
 
}
115
 
 
116
 
#systemOverlay .app-container .app-list div p{
117
 
        font-size:14px;
118
 
}
119
 
 
120
 
#systemOverlay #shortcuts .hover{
121
 
        background-position: 0px -17px !important;
122
 
}
123
 
 
124
 
#systemOverlay #shortcuts .closed{
125
 
        background:url(../img/overlay/shoutcurts-right.png) no-repeat;
126
 
}
127
 
 
128
 
#systemOverlay #shortcuts #shortcut-contents{
129
 
        width:870px;
130
 
        position: absolute;
131
 
        top:50px;
132
 
}
133
 
#systemOverlay #shortcuts #shortcut-contents .dashClear{
134
 
        clear:both;
135
 
        height:0px;
136
 
        float:none;
137
 
}
138
 
 
139
 
#systemOverlay #shortcuts #shortcut-contents div div{
140
 
        height:104px;
141
 
        margin-bottom: 12px;
142
 
        margin-left:0px;
143
 
    width: 100%;
144
 
}
145
 
 
146
 
#systemOverlay #shortcuts #shortcut-contents div div.hover{
147
 
        background-position: center -104px !important;
148
 
}
149
 
 
150
 
#systemOverlay #shortcuts #shortcut-contents #browse-the-web div{
151
 
        background:url(../img/overlay/browse-the-web.png) no-repeat scroll center 0 transparent;
152
 
}
153
 
#systemOverlay #shortcuts #shortcut-contents #view-photos div{
154
 
        background:url(../img/overlay/view-photos.png) no-repeat scroll center 0 transparent;
155
 
}
156
 
#systemOverlay #shortcuts #shortcut-contents #check-email div{
157
 
        background:url(../img/overlay/check-email.png) no-repeat scroll center 0 transparent;
158
 
}
159
 
#systemOverlay #shortcuts #shortcut-contents #listen-to-music div{
160
 
        background:url(../img/overlay/listen-to-music.png) no-repeat scroll center 0 transparent;
161
 
}
162
 
#systemOverlay #shortcuts #shortcut-contents #media-apps div{
163
 
        background:url(../img/overlay/media-apps.png) no-repeat scroll center 0 transparent;
164
 
}
165
 
#systemOverlay #shortcuts #shortcut-contents #internet-apps div{
166
 
        background:url(../img/overlay/internet-apps.png) no-repeat scroll center 0 transparent;
167
 
}
168
 
#systemOverlay #shortcuts #shortcut-contents #more-apps div{
169
 
        background:url(../img/overlay/more-apps.png) no-repeat scroll center 0 transparent;
170
 
}
171
 
#systemOverlay #shortcuts #shortcut-contents #find-apps div{
172
 
        background:url(../img/overlay/find-files.png) no-repeat scroll center 0 transparent;
173
 
}
174
 
#systemOverlay #shortcuts #shortcut-contents div {
175
 
        margin-left:115px;
176
 
        float:left;
177
 
        text-align:center;
178
 
        margin-bottom:70px;
179
 
        width: 130px;
180
 
}
181
 
#systemOverlay #shortcuts #shortcut-contents div span{
182
 
        display:block;
183
 
        height: 40px;
184
 
}
185
 
 
186
 
#systemOverlay #shortcuts #shortcut-contents div.first{
187
 
        margin-left:0px;
188
 
}
189
 
 
190
 
#systemOverlay #dash-bottom-bar{
191
 
        width:100%;
192
 
        height:44px;
193
 
        position: absolute;
194
 
        background:url(../img/black-bg-30.png);
195
 
        background-color:rgba(0,0,0,0.3);
196
 
        bottom:0px;
197
 
}
198
 
 
199
 
#systemOverlay #dash-bottom-bar .bottom-wrapper div{
200
 
        width:60px;
201
 
        height:44px;
202
 
        float:left;
203
 
}
204
 
#systemOverlay #dash-bottom-bar .bottom-wrapper div.last{
205
 
        margin-right:0px;
206
 
}
207
 
 
208
 
#systemOverlay #dash-bottom-bar .bottom-wrapper{
209
 
        position: absolute;
210
 
}
211
 
 
212
 
#systemOverlay #dash-bottom-bar .home-icon{
213
 
        background:url(../img/dash/dash-home.png) no-repeat scroll 0px -44px;
214
 
}
215
 
#systemOverlay #dash-bottom-bar .applications-icon{
216
 
        background:url(../img/dash/dash-applications.png) no-repeat scroll 0px -44px;
217
 
}
218
 
#systemOverlay #dash-bottom-bar .music-icon{
219
 
        background:url(../img/dash/dash-music.png) no-repeat scroll 0px -44px;
220
 
}
221
 
#systemOverlay #dash-bottom-bar .files-icon{
222
 
        background:url(../img/dash/dash-files.png) no-repeat scroll 0px -44px;
223
 
}
224
 
#systemOverlay #dash-bottom-bar .video-icon{
225
 
        background:url(../img/dash/dash-video.png) no-repeat scroll 0px -44px;
226
 
}
227
 
 
228
 
#systemOverlay #dash-bottom-bar .bottom-wrapper div:hover{
229
 
        background-position: 0px -88px;
230
 
}
231
 
#systemOverlay #dash-bottom-bar div.active,
232
 
#systemOverlay #dash-bottom-bar div.active:hover{
233
 
        background-position: 0px 0px;
234
 
}
235
 
 
236