← Back to branch summary

~cm-t/ubuntu-fr-tour/ubuntu-fr-tour

« back to all changes in this revision

Viewing changes to 12.04/css/welcome.css

  • Committer: cm-t arudy
  • Date: 2013-10-22 01:24:09 UTC
  • Revision ID: arudy@ubuntu-fr.org-20131022012409-3dmo4i9u4ufohe5f
First Fr push to 13.10
Fixed many icons (updated to new version or fixed graphic)
Added Cloud indicator
Added Keyboard uindicator
Fixed many layout to fit Fr string

Show diffs side-by-side

added added

removed removed

Lines of Context:
12.04/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
 
        padding: 124px 20px 20px 20px;
21
 
        width: 660px;
22
 
        left: 0;
23
 
        top: 0;
24
 
                -moz-border-radius: 8px;
25
 
                -webkit-border-radius: 8px;
26
 
                -khtml-border-radius: 8px;
27
 
        border-radius: 8px;
28
 
                -moz-box-shadow: 0 0 10px #000;
29
 
                -webkit-box-shadow: 0 0 10px #000;
30
 
        box-shadow: 0 0 10px #000;      
31
 
        background: url("../img/welcome/background-welcome.jpg") -100px 0 no-repeat;
32
 
        position: absolute;
33
 
        background-color: #efedec;
34
 
        color: #4c4c4c;
35
 
        display: none;
36
 
        z-index:2;
37
 
}
38
 
 
39
 
#welcome-screen .close{
40
 
        background:url(../img/error/close-button.png) no-repeat;
41
 
        height:19px;
42
 
        width:18px;
43
 
        position:absolute;
44
 
        top:6px;
45
 
        left:10px;
46
 
        float:left;
47
 
}
48
 
 
49
 
#welcome-screen .close:hover{
50
 
        background-position: 0px -19px !important;
51
 
}
52
 
 
53
 
#welcome-screen h1 {
54
 
        color: #fff;
55
 
        font-size: 24px;
56
 
        font-weight:400;
57
 
}
58
 
#welcome-screen h2 {
59
 
        padding: 10px 0;
60
 
        font-size: 16px;
61
 
        font-weight:400;
62
 
}
63
 
#welcome-screen ul {
64
 
        margin: 20px auto;
65
 
        padding: 0;
66
 
        overflow: hidden;
67
 
}
68
 
#welcome-screen li {
69
 
        padding-bottom: 20px;
70
 
        float: left;
71
 
        list-style: none;
72
 
}
73
 
#welcome-screen li a {
74
 
        padding: 90px 0 0 0;
75
 
        display: block;
76
 
        width: 165px;
77
 
        text-align: center;
78
 
        text-decoration: none;
79
 
        cursor: pointer;
80
 
        font-size: 13px;
81
 
        color: #333;
82
 
}
83
 
#welcome-screen li a:hover {
84
 
        opacity: 0.5;
85
 
}
86
 
#welcome-screen .browse-files {
87
 
        background: url("../img/welcome/browse-files.png") center 6px no-repeat;
88
 
}
89
 
#welcome-screen .surf-the-web {
90
 
        background: url("../img/welcome/surf-the-web.png") center 0 no-repeat;
91
 
}
92
 
#welcome-screen .check-email {
93
 
        background: url("../img/welcome/check-email.png") center 0 no-repeat;
94
 
}
95
 
#welcome-screen .view-photos {
96
 
        background: url("../img/welcome/view-photos.png") center 0 no-repeat;
97
 
}
98
 
#welcome-screen .find-apps {
99
 
        background: url("../img/welcome/find-apps.png") center 0 no-repeat;
100
 
}
101
 
#welcome-screen .create-documents {
102
 
        background: url("../img/welcome/create-documents.png") center 0 no-repeat;
103
 
}
104
 
#welcome-screen .create-spreadsheets {
105
 
        background: url("../img/welcome/create-spreadsheets.png") center 0 no-repeat;
106
 
}
107
 
#welcome-screen .create-presentations {
108
 
        background: url("../img/welcome/create-presentations.png") center 6px no-repeat;
109
 
}
110
 
#welcome-screen .explore-mode, 
111
 
#welcome-screen .tour-mode {
112
 
        margin-right: 15px;
113
 
        background: url("../img/welcome/background-link-explore.png") center center repeat-x;
114
 
        color: #333;
115
 
}
116
 
#welcome-screen .download,
117
 
#welcome-screen .explore-mode, 
118
 
#welcome-screen .tour-mode {
119
 
        padding: 10px 20px;
120
 
                -moz-border-radius: 4px 4px 4px 4px;
121
 
                -webkit-border-radius: 4px 4px 4px 4px;
122
 
        border-radius: 4px 4px 4px 4px;
123
 
        display: block;
124
 
        float: right;
125
 
        font-size: 14px;
126
 
        text-decoration: none;
127
 
        border: 1px solid #c0b7b0;
128
 
        cursor: pointer;
129
 
}
130
 
#welcome-screen .download:active,
131
 
#welcome-screen .explore-mode:active, 
132
 
#welcome-screen .tour-mode:active {
133
 
        position: relative;
134
 
        top: -1px;
135
 
}
136
 
 
137
 
#welcome-screen .language-mode {
138
 
                -moz-border-radius: 4px 4px 4px 4px;
139
 
                -webkit-border-radius: 4px 4px 4px 4px;
140
 
        border-radius: 4px 4px 4px 4px;
141
 
        display: block;
142
 
        float: left;
143
 
        font-size: 14px;
144
 
        text-decoration: none;
145
 
        border: 1px solid #c0b7b0;
146
 
        cursor: pointer;
147
 
        margin-left: 15px;
148
 
        background: url("../img/welcome/background-link-explore.png") center center repeat-x;
149
 
        color: #333;
150
 
        padding: 9px 0;
151
 
        overflow:hidden;
152
 
}
153
 
 
154
 
#welcome-screen .language-mode a,
155
 
#welcome-screen .language-mode span {
156
 
        padding:11px;
157
 
}
158
 
 
159
 
#welcome-screen .primary,
160
 
#welcome-screen .language-mode span {
161
 
        background: url("../img/welcome/background-link-download.png") center center repeat-x;
162
 
        color: #fff;
163
 
}