← Back to branch summary

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

« back to all changes in this revision

Viewing changes to 13.04/css/folder.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:
13.04/css/folder.css
1
 
/* 
2
 
 *  Folder CSS 
3
 
 *   author: Anthony Dillon
4
 
 */
5
 
 
6
 
#folder-window .buttons{
7
 
        width:85px;
8
 
        height:36px;
9
 
        margin: 1px;
10
 
        float:left;
11
 
}
12
 
 
13
 
#folder-window .bottom-buttons{
14
 
        background: #f2f1f0;
15
 
        height:37px;
16
 
        width:100%;
17
 
        border-bottom: 1px solid #d7d4d2;
18
 
}
19
 
 
20
 
#folder-window .buttons div, #folder-window .bottom-buttons div{
21
 
        float:left; 
22
 
}
23
 
 
24
 
#folder-window .bottom-buttons div{
25
 
        height:21px;
26
 
        border:1px solid #b7b7b7;
27
 
        margin:2px 0 0 -1px;
28
 
        padding:5px;
29
 
        overflow: hidden;
30
 
        line-height:24px;
31
 
}
32
 
 
33
 
#folder-window .bottom-buttons div:first-of-type {
34
 
        -webkit-border-top-left-radius: 4px;
35
 
        -webkit-border-bottom-left-radius: 4px;
36
 
        -moz-border-radius-topleft: 4px;
37
 
        -moz-border-radius-bottomleft: 4px;
38
 
        border-top-left-radius: 4px;
39
 
        border-bottom-left-radius: 4px;
40
 
}
41
 
 
42
 
#folder-window .bottom-buttons div:last-of-type {
43
 
        -webkit-border-top-right-radius: 4px;
44
 
        -webkit-border-bottom-right-radius: 4px;
45
 
        -moz-border-radius-topright: 4px;
46
 
        -moz-border-radius-bottomright: 4px;
47
 
        border-top-right-radius: 4px;
48
 
        border-bottom-right-radius: 4px;        
49
 
}
50
 
 
51
 
#folder-window .bottom-buttons div.selected{
52
 
        font-weight:bold;
53
 
        background:url(../img/folder/breadcrumb-selected.png);
54
 
        background-position: 0 -29px;
55
 
}
56
 
#folder-window .bottom-buttons div img{
57
 
        margin-top: -4px;
58
 
        vertical-align: top;
59
 
        margin-top: 4px;
60
 
        margin-right: 3px;
61
 
}
62
 
 
63
 
#folder-window .bottom-buttons span{
64
 
        color:white;
65
 
}
66
 
 
67
 
.folder .folder-list{
68
 
        float:left;
69
 
        border-right: 1px solid #dad8d5;
70
 
}
71
 
 
72
 
.folder .list{
73
 
        height: 418px;
74
 
        width:144px;
75
 
}
76
 
 
77
 
.folder .list p{
78
 
        font-weight:bold;
79
 
        margin:10px 0 0 20px;
80
 
}
81
 
 
82
 
.folder .list ul{
83
 
        list-style: none;
84
 
        padding:0px;
85
 
        margin-top:5px;
86
 
}
87
 
 
88
 
.folder .list ul li{
89
 
        padding-left: 45px;
90
 
        vertical-align: middle;
91
 
        height: 23px;
92
 
        padding-top: 4px;
93
 
}
94
 
.folder .list ul li.home {
95
 
        background: url(../img/folder/home-icon.png) no-repeat 20px 5px;
96
 
}
97
 
.folder .list ul li.desktop {
98
 
        background: url(../img/folder/desktop-icon.png) no-repeat 20px 5px;
99
 
}
100
 
.folder .list ul li.documents {
101
 
        background: url(../img/folder/documents-icon.png) no-repeat 20px 5px;
102
 
}
103
 
.folder .list ul li.downloads {
104
 
        background: url(../img/folder/downloads-icon.png) no-repeat 20px 5px;
105
 
}
106
 
.folder .list ul li.music {
107
 
        background: url(../img/folder/music-icon.png) no-repeat 20px 5px;
108
 
}
109
 
.folder .list ul li.pictures {
110
 
        background: url(../img/folder/pictures-icon.png) no-repeat 20px 5px;
111
 
}
112
 
.folder .list ul li.videos {
113
 
        background: url(../img/folder/videos-icon.png) no-repeat 20px 5px;
114
 
}
115
 
.folder .list ul li.rubbish {
116
 
        background: url(../img/folder/rubbish-icon.png) no-repeat 20px 5px;
117
 
}
118
 
.folder .list ul li.selected{
119
 
        color:white;
120
 
        background-color:#ed7543;
121
 
        background-position: 20px -16px;
122
 
}
123
 
 
124
 
 
125
 
.folder .folder-contents{
126
 
        float:left;
127
 
}
128
 
 
129
 
.folder .contents{
130
 
        background-color:#f1f0ef;
131
 
        height: 432px;
132
 
    overflow: auto;
133
 
    width: 584px;
134
 
    border-left: 1px solid #f2f1f0;
135
 
}
136
 
 
137
 
.folder .selected-details{
138
 
        min-width:25px;
139
 
        height:19px;
140
 
        float:right;
141
 
        background:#fcfcbd;
142
 
        margin-top:-21px;
143
 
        border:1px solid #dbdb5a;
144
 
        padding: 0 4px;
145
 
        display:none;
146
 
}
147
 
 
148
 
.folder .file-details{
149
 
        float:left;
150
 
        height:20px;
151
 
}
152
 
 
153
 
#folder-window .buttons .folder-back{
154
 
        width:36px;
155
 
        height:34px;
156
 
        overflow:hidden;
157
 
        background: url(../img/folder/back.jpg) no-repeat 0px -34px;
158
 
}
159
 
 
160
 
#folder-window .buttons .folder-forward{
161
 
        width:36px;
162
 
        height:34px;
163
 
        overflow:hidden;
164
 
        background: url(../img/folder/forward.jpg) no-repeat 0px -34px;
165
 
}
166
 
 
167
 
#folder-window .buttons .disabled{
168
 
        background-position: 0px 0px !important;
169
 
 }
170
 
#folder-window .buttons .folder-icon-view{
171
 
        margin:5px 0px 0px 5px;
172
 
}
173
 
 
174
 
#folder-window.window{
175
 
        background-color:#e7e5e4;
176
 
}
177
 
 
178
 
 
179
 
  .folder .folder-contents .contents .file.display-icon p{
180
 
        width: 53px;
181
 
        overflow:hidden;
182
 
        margin:0 auto;
183
 
        padding:2px;
184
 
        -moz-border-radius: 4px 4px 4px 4px;
185
 
        -webkit-border-radius: 4px 4px 4px 4px;
186
 
        border-radius: 4px 4px 4px 4px;
187
 
  }
188
 
 
189
 
  .folder .buttons .folder-search{
190
 
        width:36px;
191
 
        height:38px;
192
 
        overflow:hidden;
193
 
        background: url(../img/folder/search.jpg) no-repeat 0px 0px;
194
 
}
195
 
.folder .buttons .folder-search:hover{
196
 
        background-position: 0px -38px;
197
 
 }
198
 
 
199
 
.folder .folder-contents .contents .display-icon{
200
 
        width:130px;
201
 
        height:80px;
202
 
        float:left;
203
 
        text-align: center;
204
 
        margin:10px;
205
 
        line-height: 12px;
206
 
 }
207
 
 
208
 
.file-folder.display-icon p{
209
 
        background:url(../img/folder/folder-icon.png) no-repeat 0px 0px;
210
 
        height:38px;
211
 
        width:47px;
212
 
        overflow:hidden;
213
 
        margin:0 auto;
214
 
 }
215
 
 .display-compact{
216
 
        float:none;
217
 
        height: 28px;
218
 
        margin-top:5px;
219
 
        width:150px;
220
 
 }
221
 
 
222
 
.display-compact p{
223
 
        height:22px;
224
 
        width:24px;
225
 
        overflow:hidden;
226
 
        float:left;
227
 
        margin:0px 5px;
228
 
        
229
 
 }
230
 
   .file-folder.display-compact p{
231
 
                background:url(../img/folder/folder-icon-list.png) no-repeat 0px 0px;
232
 
   }
233
 
    .file.display-compact p{
234
 
                background:url(../img/folder/file-icon-list.png) no-repeat 0px 0px;
235
 
   }
236
 
 
237
 
.folder .folder-contents .contents .file p.border{
238
 
        border: 1px solid #bbbeb7;
239
 
}
240
 
 
241
 
 
242
 
.folder .folder-contents .contents div h1{
243
 
        color:transparent;
244
 
        display:none;
245
 
 }
246
 
 
247
 
  .folder .folder-contents .contents  .display-icon span{
248
 
        -moz-border-radius: 4px 4px 4px 4px;
249
 
        -webkit-border-radius: 4px 4px 4px 4px;
250
 
        border-radius: 4px 4px 4px 4px;
251
 
        line-height: 22px;
252
 
  }
253
 
  
254
 
  .folder .folder-contents .contents .display-icon.orange-overlay{
255
 
        background:url(../img/folder/orange-overlay.png);
256
 
        display:block;
257
 
        position:absolute;
258
 
        height:20px;
259
 
        width:37px;
260
 
        top:0px;
261
 
        left:0px;
262
 
  }
263
 
  
264
 
  .contents .display-icon.over p{
265
 
        background-position: 0px -39px;
266
 
  }
267
 
  
268
 
   .display-icon.selected p{
269
 
                background-position: 0px -78px !important;
270
 
   }
271
 
   
272
 
  .contents .display-compact.over p{
273
 
        background-position: 0px -38px;
274
 
  }
275
 
  
276
 
   .display-compact.selected p{
277
 
                background-position: 0px -44px !important;
278
 
   }
279
 
  
280
 
 .selected span{
281
 
        padding:2px 4px;
282
 
        background-color:#f08357;
283
 
        color:white;
284
 
  }
285
 
  
286