← Back to branch summary

~ya-bo-ng/ubuntu-online-tour/13.10

« back to all changes in this revision

Viewing changes to 13.04/12.10/css/welcome.css

  • Committer: Anthony Dillon
  • Date: 2013-10-02 09:35:39 UTC
  • Revision ID: anthony.dillon@canonical.com-20131002093539-ewxr0tx9oi85ppoi
Inishal setup of the 13.10 version of the tour

Show diffs side-by-side

added added

removed removed

Lines of Context:
13.04/12.10/css/welcome.css
 
1
/*
 
2
 *  Welcome Screen CSS
 
3
 *  author: Anthony Dillon
 
4
 */
 
5
 
 
6
#welcome {
 
7
        position: absolute;
 
8
        top: 0;
 
9
        left: 0;
 
10
        width: 100%;
 
11
        height: 100%;
 
12
        z-index: 1000;
 
13
        font-weight:400;
 
14
        background:url(../img/black-bg-60.png);
 
15
        background: rgba(0,0,0,0.6);
 
16
        overflow:hidden;
 
17
        display:none;
 
18
}
 
19
#welcome-screen {
 
20
        width: 660px;
 
21
        left: 0;
 
22
        top: 0;
 
23
                -moz-border-radius: 8px;
 
24
                -webkit-border-radius: 8px;
 
25
                -khtml-border-radius: 8px;
 
26
        border-radius: 8px;
 
27
                -moz-box-shadow: 0 0 10px #000;
 
28
                -webkit-box-shadow: 0 0 10px #000;
 
29
        box-shadow: 0 0 10px #000;      
 
30
        position: absolute;
 
31
        color: #4c4c4c;
 
32
        display: none;
 
33
        padding: 30px 0 20px;
 
34
        z-index:2;
 
35
        background: url("../img/folder/chrome.png") repeat-x scroll 0 0 #fff;
 
36
}
 
37
#welcome-screen .control{
 
38
        margin-bottom: 6px;
 
39
    margin-top: -25px;
 
40
}
 
41
#welcome-screen .welcome-header{
 
42
        background: url("../img/welcome/circle-of-friends.png") 20px 20px no-repeat #fff;
 
43
        height: 108px;
 
44
    padding: 7px 100px 0 110px;
 
45
    border-bottom:1px solid #d5d5d5;
 
46
}
 
47
#welcome-screen .welcome-select{
 
48
        border-top:1px solid #fff;
 
49
        padding:15px;
 
50
}
 
51
#welcome-screen .welcome-select select{
 
52
        margin-left:10px;
 
53
}
 
54
#welcome-screen h1 {
 
55
        font-size: 25px;
 
56
        line-height:1.3;
 
57
        font-weight:500;
 
58
        margin-bottom: 0px;
 
59
        margin-top: 20px;
 
60
}
 
61
#welcome-screen h2 {
 
62
        font-size: 16px;
 
63
        font-weight:500;
 
64
        margin-top: 5px;
 
65
}
 
66
#welcome-screen ul {
 
67
        padding: 0;
 
68
        overflow: hidden;
 
69
        margin:0;
 
70
        background-color: #F2F1F0;
 
71
        border-bottom: 1px solid #D5D5D5;
 
72
        margin-bottom:20px;
 
73
}
 
74
#welcome-screen li {
 
75
        float: left;
 
76
        list-style: none;
 
77
}
 
78
#welcome-screen li a {
 
79
        padding: 28px 0 22px 57px;
 
80
        display: block;
 
81
        width: 160px;
 
82
        text-decoration: none;
 
83
        cursor: pointer;
 
84
        font-size: 16px;
 
85
        color: #333;
 
86
        border-bottom:1px dotted #C0B7B0;
 
87
        border-right:1px dotted #C0B7B0;
 
88
}
 
89
#welcome-screen li a:hover {
 
90
        background-color: #fff;
 
91
        color:#DD4814;
 
92
}
 
93
 
 
94
#welcome-screen li a.completed {
 
95
        color:#AEA79F;
 
96
        background: url("../img/welcome/completed.png") no-repeat 12px 15px !important;
 
97
        background-color: #e8e8e8 !important;
 
98
}
 
99
#welcome-screen li img {
 
100
        float:left;
 
101
        margin-left: -48px;
 
102
    margin-top: -20px;
 
103
}
 
104
#welcome-screen .browse-files {
 
105
        background: url("../img/welcome/browse-files.png") no-repeat 12px 15px;
 
106
}
 
107
#welcome-screen .surf-the-web {
 
108
        background: url("../img/welcome/surf-the-web.png") no-repeat 12px 15px;
 
109
        border-right:0px;
 
110
        border-top:1px solid #fff;
 
111
}
 
112
#welcome-screen .check-email {
 
113
        background: url("../img/welcome/check-email.png") no-repeat 12px 15px;
 
114
        border-top:1px solid #fff;
 
115
}
 
116
#welcome-screen .watch-video {
 
117
        background: url("../img/welcome/watch-video.png") no-repeat 12px 15px;
 
118
        border-right:0px;
 
119
        border-bottom:0px;
 
120
}
 
121
#welcome-screen .view-photos {
 
122
        background: url("../img/welcome/view-photos.png") no-repeat 12px 15px;
 
123
        border-right:0px;
 
124
}
 
125
#welcome-screen .find-apps {
 
126
        background: url("../img/welcome/find-apps.png") no-repeat 12px 15px;
 
127
}
 
128
#welcome-screen .create-documents {
 
129
        background: url("../img/welcome/create-documents.png") no-repeat 15px 15px;
 
130
}
 
131
#welcome-screen .create-spreadsheets {
 
132
        background: url("../img/welcome/create-spreadsheets.png") no-repeat 15px 15px;
 
133
        border-bottom:0px;
 
134
}
 
135
#welcome-screen .create-presentations {
 
136
        background: url("../img/welcome/create-presentations.png") no-repeat 15px 15px;
 
137
        border-bottom: 0px;
 
138
}
 
139
#welcome-screen .listen-music{
 
140
        background: url("../img/welcome/listen-to-music.png") no-repeat 12px 15px;
 
141
}
 
142
#welcome-screen .system-indicators{
 
143
        background: url("../img/welcome/indicators.png") no-repeat 12px 15px;
 
144
        border-bottom:1px solid #d5d5d5;
 
145
}
 
146
#welcome-screen .applications{
 
147
        background: url("../img/welcome/applications.png") no-repeat 12px 15px;
 
148
        border-right:0px;
 
149
        border-bottom:1px solid #d5d5d5;
 
150
}
 
151
#welcome-screen .explore-mode, 
 
152
#welcome-screen .tour-mode {
 
153
        margin-right: 15px;
 
154
        background: url("../img/welcome/background-link-explore.png") center center repeat-x;
 
155
        color: #333;
 
156
}
 
157
#welcome-screen .download,
 
158
#welcome-screen .explore-mode, 
 
159
#welcome-screen .tour-mode {
 
160
        padding: 10px 20px;
 
161
                -moz-border-radius: 4px 4px 4px 4px;
 
162
                -webkit-border-radius: 4px 4px 4px 4px;
 
163
        border-radius: 4px 4px 4px 4px;
 
164
        display: block;
 
165
        float: right;
 
166
        font-size: 14px;
 
167
        text-decoration: none;
 
168
        border: 1px solid #c0b7b0;
 
169
        cursor: pointer;
 
170
}
 
171
#welcome-screen .download:active,
 
172
#welcome-screen .explore-mode:active, 
 
173
#welcome-screen .tour-mode:active {
 
174
        position: relative;
 
175
        top: -1px;
 
176
}
 
177
 
 
178
#welcome-screen .language-mode {
 
179
                -moz-border-radius: 4px 4px 4px 4px;
 
180
                -webkit-border-radius: 4px 4px 4px 4px;
 
181
        border-radius: 4px 4px 4px 4px;
 
182
        display: block;
 
183
        float: left;
 
184
        font-size: 14px;
 
185
        text-decoration: none;
 
186
        border: 1px solid #c0b7b0;
 
187
        cursor: pointer;
 
188
        margin-left: 15px;
 
189
        background: url("../img/welcome/background-link-explore.png") center center repeat-x;
 
190
        color: #333;
 
191
        padding: 9px 0;
 
192
        overflow:hidden;
 
193
}
 
194
 
 
195
#welcome-screen .language-mode a,
 
196
#welcome-screen .language-mode span {
 
197
        padding:11px;
 
198
}
 
199
 
 
200
#welcome-screen .primary,
 
201
#welcome-screen .language-mode span {
 
202
        background: url("../img/welcome/background-link-download.png") center center repeat-x;
 
203
        color: #fff;
 
204
}
 
205
 
 
206
#welcome-screen .control {
 
207
        background: url("../img/welcome/window-buttons.png") no-repeat;
 
208
        padding-left:60px;
 
209
}