1/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. */ 4 5/* Small icons for file types, used in lists and menus. */ 6[file-type-icon] { 7 background-image: -webkit-image-set( 8 url('chrome://theme/IDR_FILETYPE_GENERIC') 1x, 9 url('chrome://theme/IDR_FILETYPE_GENERIC@2x') 2x); 10 background-position: center; 11 background-repeat: no-repeat; 12 background-size: 16px 16px; 13} 14 15tree:focus .tree-item[selected] > .tree-row > [file-type-icon], 16list:focus [selected] [file-type-icon], 17list.autocomplete-suggestions [selected] [file-type-icon] { 18 background-image: -webkit-image-set( 19 url('chrome://theme/IDR_FILETYPE_GENERIC_WHITE') 1x, 20 url('chrome://theme/IDR_FILETYPE_GENERIC_WHITE@2x') 2x); 21} 22 23[file-type-icon='archive'] { 24 background-image: -webkit-image-set( 25 url('chrome://theme/IDR_FILETYPE_ARCHIVE') 1x, 26 url('chrome://theme/IDR_FILETYPE_ARCHIVE@2x') 2x); 27} 28 29tree:focus .tree-item[selected] > .tree-row > [file-type-icon='archive'], 30list:focus [selected] [file-type-icon='archive'], 31list.autocomplete-suggestions [selected] [file-type-icon='archive'] { 32 background-image: -webkit-image-set( 33 url('chrome://theme/IDR_FILETYPE_ARCHIVE_WHITE') 1x, 34 url('chrome://theme/IDR_FILETYPE_ARCHIVE_WHITE@2x') 2x); 35} 36 37[file-type-icon='audio'] { 38 background-image: -webkit-image-set( 39 url('chrome://theme/IDR_FILETYPE_AUDIO') 1x, 40 url('chrome://theme/IDR_FILETYPE_AUDIO@2x') 2x); 41} 42 43tree:focus .tree-item[selected] > .tree-row > [file-type-icon='audio'], 44list:focus [selected] [file-type-icon='audio'], 45list.autocomplete-suggestions [selected] [file-type-icon='audio'] { 46 background-image: -webkit-image-set( 47 url('chrome://theme/IDR_FILETYPE_AUDIO_WHITE') 1x, 48 url('chrome://theme/IDR_FILETYPE_AUDIO_WHITE@2x') 2x); 49} 50 51[file-type-icon='excel'] { 52 background-image: -webkit-image-set( 53 url('chrome://theme/IDR_FILETYPE_EXCEL') 1x, 54 url('chrome://theme/IDR_FILETYPE_EXCEL@2x') 2x); 55} 56 57tree:focus .tree-item[selected] > .tree-row > [file-type-icon='excel'], 58list:focus [selected] [file-type-icon='excel'], 59list.autocomplete-suggestions [selected] [file-type-icon='excel'] { 60 background-image: -webkit-image-set( 61 url('chrome://theme/IDR_FILETYPE_EXCEL_WHITE') 1x, 62 url('chrome://theme/IDR_FILETYPE_EXCEL_WHITE@2x') 2x); 63} 64 65[file-type-icon='folder'] { 66 background-image: -webkit-image-set( 67 url('chrome://theme/IDR_FILETYPE_FOLDER') 1x, 68 url('chrome://theme/IDR_FILETYPE_FOLDER@2x') 2x); 69} 70 71.shared[file-type-icon='folder'] { 72 background-image: -webkit-image-set( 73 url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED') 1x, 74 url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED@2x') 2x); 75} 76 77tree:focus .tree-item[selected] > .tree-row > .shared[file-type-icon='folder'], 78list:focus [selected] .shared[file-type-icon='folder'], 79list.autocomplete-suggestions [selected] .shared[file-type-icon='folder'] { 80 background-image: -webkit-image-set( 81 url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED_WHITE') 1x, 82 url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED_WHITE@2x') 2x); 83} 84 85tree:focus .tree-item[selected] > .tree-row > [file-type-icon='folder'], 86list:focus [selected] [file-type-icon='folder'], 87list.autocomplete-suggestions [selected] [file-type-icon='folder'] { 88 background-image: -webkit-image-set( 89 url('chrome://theme/IDR_FILETYPE_FOLDER_WHITE') 1x, 90 url('chrome://theme/IDR_FILETYPE_FOLDER_WHITE@2x') 2x); 91} 92 93[file-type-icon='form'] { 94 background-image: -webkit-image-set( 95 url('chrome://theme/IDR_FILETYPE_FORM') 1x, 96 url('chrome://theme/IDR_FILETYPE_FORM@2x') 2x); 97} 98 99tree:focus .tree-item[selected] > .tree-row > [file-type-icon='form'], 100list:focus [selected] [file-type-icon='form'], 101list.autocomplete-suggestions [selected] [file-type-icon='form'] { 102 background-image: -webkit-image-set( 103 url('chrome://theme/IDR_FILETYPE_FORM_WHITE') 1x, 104 url('chrome://theme/IDR_FILETYPE_FORM_WHITE@2x') 2x); 105} 106 107[file-type-icon='gdoc'] { 108 background-image: -webkit-image-set( 109 url('chrome://theme/IDR_FILETYPE_GDOC') 1x, 110 url('chrome://theme/IDR_FILETYPE_GDOC@2x') 2x); 111} 112 113tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gdoc'], 114list:focus [selected] [file-type-icon='gdoc'], 115list.autocomplete-suggestions [selected] [file-type-icon='gdoc'] { 116 background-image: -webkit-image-set( 117 url('chrome://theme/IDR_FILETYPE_GDOC_WHITE') 1x, 118 url('chrome://theme/IDR_FILETYPE_GDOC_WHITE@2x') 2x); 119} 120 121[file-type-icon='gdraw'] { 122 background-image: -webkit-image-set( 123 url('chrome://theme/IDR_FILETYPE_GDRAW') 1x, 124 url('chrome://theme/IDR_FILETYPE_GDRAW@2x') 2x); 125} 126 127tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gdraw'], 128list:focus [selected] [file-type-icon='gdraw'], 129list.autocomplete-suggestions [selected] [file-type-icon='gdraw'] { 130 background-image: -webkit-image-set( 131 url('chrome://theme/IDR_FILETYPE_GDRAW_WHITE') 1x, 132 url('chrome://theme/IDR_FILETYPE_GDRAW_WHITE@2x') 2x); 133} 134 135[file-type-icon='glink'] { 136 background-image: -webkit-image-set( 137 url('chrome://theme/IDR_FILETYPE_GLINK') 1x, 138 url('chrome://theme/IDR_FILETYPE_GLINK@2x') 2x); 139} 140 141tree:focus .tree-item[selected] > .tree-row > [file-type-icon='glink'], 142list:focus [selected] [file-type-icon='glink'], 143list.autocomplete-suggestions [selected] [file-type-icon='glink'] { 144 background-image: -webkit-image-set( 145 url('chrome://theme/IDR_FILETYPE_GLINK_WHITE') 1x, 146 url('chrome://theme/IDR_FILETYPE_GLINK_WHITE@2x') 2x); 147} 148 149[file-type-icon='gsheet'] { 150 background-image: -webkit-image-set( 151 url('chrome://theme/IDR_FILETYPE_GSHEET') 1x, 152 url('chrome://theme/IDR_FILETYPE_GSHEET@2x') 2x); 153} 154 155tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gsheet'], 156list:focus [selected] [file-type-icon='gsheet'], 157list.autocomplete-suggestions [selected] [file-type-icon='gsheet'] { 158 background-image: -webkit-image-set( 159 url('chrome://theme/IDR_FILETYPE_GSHEET_WHITE') 1x, 160 url('chrome://theme/IDR_FILETYPE_GSHEET_WHITE@2x') 2x); 161} 162 163[file-type-icon='gslides'] { 164 background-image: -webkit-image-set( 165 url('chrome://theme/IDR_FILETYPE_GSLIDES') 1x, 166 url('chrome://theme/IDR_FILETYPE_GSLIDES@2x') 2x); 167} 168 169tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gslides'], 170list:focus [selected] [file-type-icon='gslides'], 171list.autocomplete-suggestions [selected] [file-type-icon='gslides'] { 172 background-image: -webkit-image-set( 173 url('chrome://theme/IDR_FILETYPE_GSLIDES_WHITE') 1x, 174 url('chrome://theme/IDR_FILETYPE_GSLIDES_WHITE@2x') 2x); 175} 176 177[file-type-icon='gtable'] { 178 background-image: -webkit-image-set( 179 url('chrome://theme/IDR_FILETYPE_GTABLE') 1x, 180 url('chrome://theme/IDR_FILETYPE_GTABLE@2x') 2x); 181} 182 183tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gtable'], 184list:focus [selected] [file-type-icon='gtable'], 185list.autocomplete-suggestions [selected] [file-type-icon='gtable'] { 186 background-image: -webkit-image-set( 187 url('chrome://theme/IDR_FILETYPE_GTABLE_WHITE') 1x, 188 url('chrome://theme/IDR_FILETYPE_GTABLE_WHITE@2x') 2x); 189} 190 191[file-type-icon='gform'] { 192 background-image: -webkit-image-set( 193 url('chrome://theme/IDR_FILETYPE_FORM') 1x, 194 url('chrome://theme/IDR_FILETYPE_FORM@2x') 2x); 195} 196 197tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gform'], 198list:focus [selected] [file-type-icon='gform'], 199list.autocomplete-suggestions [selected] [file-type-icon='gform'] { 200 background-image: -webkit-image-set( 201 url('chrome://theme/IDR_FILETYPE_FORM_WHITE') 1x, 202 url('chrome://theme/IDR_FILETYPE_FORM_WHITE@2x') 2x); 203} 204 205[file-type-icon='image'] { 206 background-image: -webkit-image-set( 207 url('chrome://theme/IDR_FILETYPE_IMAGE') 1x, 208 url('chrome://theme/IDR_FILETYPE_IMAGE@2x') 2x); 209} 210 211tree:focus .tree-item[selected] > .tree-row > [file-type-icon='image'], 212list:focus [selected] [file-type-icon='image'], 213list.autocomplete-suggestions [selected] [file-type-icon='image'] { 214 background-image: -webkit-image-set( 215 url('chrome://theme/IDR_FILETYPE_IMAGE_WHITE') 1x, 216 url('chrome://theme/IDR_FILETYPE_IMAGE_WHITE@2x') 2x); 217} 218 219[file-type-icon='pdf'] { 220 background-image: -webkit-image-set( 221 url('chrome://theme/IDR_FILETYPE_PDF') 1x, 222 url('chrome://theme/IDR_FILETYPE_PDF@2x') 2x); 223} 224 225tree:focus .tree-item[selected] > .tree-row > [file-type-icon='pdf'], 226list:focus [selected] [file-type-icon='pdf'], 227list.autocomplete-suggestions [selected] [file-type-icon='pdf'] { 228 background-image: -webkit-image-set( 229 url('chrome://theme/IDR_FILETYPE_PDF_WHITE') 1x, 230 url('chrome://theme/IDR_FILETYPE_PDF_WHITE@2x') 2x); 231} 232 233[file-type-icon='ppt'] { 234 background-image: -webkit-image-set( 235 url('chrome://theme/IDR_FILETYPE_PPT') 1x, 236 url('chrome://theme/IDR_FILETYPE_PPT@2x') 2x); 237} 238 239tree:focus .tree-item[selected] > .tree-row > [file-type-icon='ppt'], 240list:focus [selected] [file-type-icon='ppt'], 241list.autocomplete-suggestions [selected] [file-type-icon='ppt'] { 242 background-image: -webkit-image-set( 243 url('chrome://theme/IDR_FILETYPE_PPT_WHITE') 1x, 244 url('chrome://theme/IDR_FILETYPE_PPT_WHITE@2x') 2x); 245} 246 247[file-type-icon='script'] { 248 background-image: -webkit-image-set( 249 url('chrome://theme/IDR_FILETYPE_SCRIPT') 1x, 250 url('chrome://theme/IDR_FILETYPE_SCRIPT@2x') 2x); 251} 252 253tree:focus .tree-item[selected] > .tree-row > [file-type-icon='script'], 254list:focus [selected] [file-type-icon='script'], 255list.autocomplete-suggestions [selected] [file-type-icon='script'] { 256 background-image: -webkit-image-set( 257 url('chrome://theme/IDR_FILETYPE_SCRIPT_WHITE') 1x, 258 url('chrome://theme/IDR_FILETYPE_SCRIPT_WHITE@2x') 2x); 259} 260 261[file-type-icon='sites'] { 262 background-image: -webkit-image-set( 263 url('chrome://theme/IDR_FILETYPE_SITES') 1x, 264 url('chrome://theme/IDR_FILETYPE_SITES@2x') 2x); 265} 266 267tree:focus .tree-item[selected] > .tree-row > [file-type-icon='sites'], 268list:focus [selected] [file-type-icon='sites'], 269list.autocomplete-suggestions [selected] [file-type-icon='sites'] { 270 background-image: -webkit-image-set( 271 url('chrome://theme/IDR_FILETYPE_SITES_WHITE') 1x, 272 url('chrome://theme/IDR_FILETYPE_SITES_WHITE@2x') 2x); 273} 274 275[file-type-icon='video'] { 276 background-image: -webkit-image-set( 277 url('chrome://theme/IDR_FILETYPE_VIDEO') 1x, 278 url('chrome://theme/IDR_FILETYPE_VIDEO@2x') 2x); 279} 280 281tree:focus .tree-item[selected] > .tree-row > [file-type-icon='video'], 282list:focus [selected] [file-type-icon='video'], 283list.autocomplete-suggestions [selected] [file-type-icon='video'] { 284 background-image: -webkit-image-set( 285 url('chrome://theme/IDR_FILETYPE_VIDEO_WHITE') 1x, 286 url('chrome://theme/IDR_FILETYPE_VIDEO_WHITE@2x') 2x); 287} 288 289[file-type-icon='word'] { 290 background-image: -webkit-image-set( 291 url('chrome://theme/IDR_FILETYPE_WORD') 1x, 292 url('chrome://theme/IDR_FILETYPE_WORD@2x') 2x); 293} 294 295tree:focus .tree-item[selected] > .tree-row > [file-type-icon='word'], 296list:focus [selected] [file-type-icon='word'], 297list.autocomplete-suggestions [selected] [file-type-icon='word'] { 298 background-image: -webkit-image-set( 299 url('chrome://theme/IDR_FILETYPE_WORD_WHITE') 1x, 300 url('chrome://theme/IDR_FILETYPE_WORD_WHITE@2x') 2x); 301} 302 303[file-type-icon='drive'] { 304 background-image: -webkit-image-set( 305 url('chrome://theme/IDR_FILETYPE_DRIVE') 1x, 306 url('chrome://theme/IDR_FILETYPE_DRIVE@2x') 2x); 307} 308 309/* Large generic thumbnails, used when a file does not have a thumbnail. */ 310[generic-thumbnail] { 311 background-image: -webkit-image-set( 312 url('chrome://theme/IDR_FILETYPE_LARGE_GENERIC') 1x, 313 url('chrome://theme/IDR_FILETYPE_LARGE_GENERIC@2x') 2x); 314 background-position: center center; 315 background-repeat: no-repeat; 316} 317 318[generic-thumbnail='audio'] { 319 background-image: -webkit-image-set( 320 url('chrome://theme/IDR_FILETYPE_LARGE_AUDIO') 1x, 321 url('chrome://theme/IDR_FILETYPE_LARGE_AUDIO@2x') 2x); 322} 323 324[generic-thumbnail='folder'] { 325 background-image: -webkit-image-set( 326 url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER') 1x, 327 url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER@2x') 2x); 328} 329 330.shared[generic-thumbnail='folder'] { 331 background-image: -webkit-image-set( 332 url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER_SHARED') 1x, 333 url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER_SHARED@2x') 2x); 334} 335 336[generic-thumbnail='image'] { 337 background-image: -webkit-image-set( 338 url('chrome://theme/IDR_FILETYPE_LARGE_IMAGE') 1x, 339 url('chrome://theme/IDR_FILETYPE_LARGE_IMAGE@2x') 2x); 340} 341 342[generic-thumbnail='video'] { 343 background-image: -webkit-image-set( 344 url('chrome://theme/IDR_FILETYPE_LARGE_VIDEO') 1x, 345 url('chrome://theme/IDR_FILETYPE_LARGE_VIDEO@2x') 2x); 346} 347 348/* Icons for volume types. */ 349 350[volume-type-icon='archive'] { 351 background-position: center 2px; 352 background-image: -webkit-image-set( 353 url('../images/volumes/black_archive.png') 1x, 354 url('../images/volumes/2x/black_archive.png') 2x); 355} 356 357list:focus li[selected] [volume-type-icon='archive'], 358tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='archive'] { 359 background-image: -webkit-image-set( 360 url('../images/volumes/white_archive.png') 1x, 361 url('../images/volumes/2x/white_archive.png') 2x); 362} 363 364[volume-type-icon='downloads'] { 365 background-position: center 2px; 366 background-image: -webkit-image-set( 367 url('../images/volumes/black_downloads.png') 1x, 368 url('../images/volumes/2x/black_downloads.png') 2x); 369} 370 371list:focus li[selected] [volume-type-icon='downloads'], 372tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='downloads'] { 373 background-image: -webkit-image-set( 374 url('../images/volumes/white_downloads.png') 1x, 375 url('../images/volumes/2x/white_downloads.png') 2x); 376} 377 378[volume-type-icon='drive'] { 379 background-position: center 2px; 380 background-image: -webkit-image-set( 381 url('../images/volumes/black_drive.png') 1x, 382 url('../images/volumes/2x/black_drive.png') 2x); 383} 384 385list:focus li[selected] [volume-type-icon='drive'], 386tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='drive'] { 387 background-image: -webkit-image-set( 388 url('../images/volumes/white_drive.png') 1x, 389 url('../images/volumes/2x/white_drive.png') 2x); 390} 391 392[volume-type-icon='drive_offline'] { 393 background-position: center 2px; 394 background-image: -webkit-image-set( 395 url('../images/volumes/black_offline.png') 1x, 396 url('../images/volumes/2x/black_offline.png') 2x); 397} 398 399list:focus li[selected] [volume-type-icon='drive_offline'], 400tree:focus .tree-item[selected] > .tree-row > 401 [volume-type-icon='drive_offline'] { 402 background-image: -webkit-image-set( 403 url('../images/volumes/white_offline.png') 1x, 404 url('../images/volumes/2x/white_offline.png') 2x); 405} 406 407[volume-type-icon='drive_shared_with_me'] { 408 background-position: center 2px; 409 background-image: -webkit-image-set( 410 url('../images/volumes/black_shared.png') 1x, 411 url('../images/volumes/2x/black_shared.png') 2x); 412} 413 414list:focus li[selected] [volume-type-icon='drive_shared_with_me'], 415tree:focus .tree-item[selected] > .tree-row > 416 [volume-type-icon='drive_shared_with_me'] { 417 background-image: -webkit-image-set( 418 url('../images/volumes/white_shared.png') 1x, 419 url('../images/volumes/2x/white_shared.png') 2x); 420} 421 422[volume-type-icon='drive_recent'] { 423 background-position: center 2px; 424 background-image: -webkit-image-set( 425 url('../images/volumes/black_recent.png') 1x, 426 url('../images/volumes/2x/black_recent.png') 2x); 427} 428 429list:focus li[selected] [volume-type-icon='drive_recent'], 430tree:focus .tree-item[selected] > .tree-row > 431 [volume-type-icon='drive_recent'] { 432 background-image: -webkit-image-set( 433 url('../images/volumes/white_recent.png') 1x, 434 url('../images/volumes/2x/white_recent.png') 2x); 435} 436 437[volume-type-icon='removable'] { 438 background-position: center 2px; 439 background-image: -webkit-image-set( 440 url('../images/volumes/black_usb.png') 1x, 441 url('../images/volumes/2x/black_usb.png') 2x); 442} 443 444list:focus li[selected] [volume-type-icon='removable'], 445tree:focus .tree-item[selected] > .tree-row > 446 [volume-type-icon='removable'] { 447 background-image: -webkit-image-set( 448 url('../images/volumes/white_usb.png') 1x, 449 url('../images/volumes/2x/white_usb.png') 2x); 450} 451 452[volume-type-icon='removable'][volume-subtype='sd'] { 453 background-position: center 2px; 454 background-image: -webkit-image-set( 455 url('../images/volumes/black_sd.png') 1x, 456 url('../images/volumes/2x/black_sd.png') 2x); 457} 458 459list:focus li[selected] [volume-type-icon='removable'][volume-subtype='sd'], 460tree:focus .tree-item[selected] > .tree-row > 461 [volume-type-icon='removable'][volume-subtype='sd'] { 462 background-image: -webkit-image-set( 463 url('../images/volumes/white_sd.png') 1x, 464 url('../images/volumes/2x/white_sd.png') 2x); 465} 466 467[volume-type-icon='removable'][volume-subtype='optical'] { 468 background-position: center 2px; 469 background-image: -webkit-image-set( 470 url('../images/volumes/black_optical.png') 1x, 471 url('../images/volumes/2x/black_optical.png') 2x); 472} 473 474list:focus li[selected] 475 [volume-type-icon='removable'][volume-subtype='optical'], 476tree:focus .tree-item[selected] > .tree-row > 477 [volume-type-icon='removable'][volume-subtype='optical'] { 478 background-image: -webkit-image-set( 479 url('../images/volumes/white_optical.png') 1x, 480 url('../images/volumes/2x/white_optical.png') 2x); 481} 482 483[volume-type-icon='mtp'] { 484 background-position: center 2px; 485 background-image: -webkit-image-set( 486 url('../images/volumes/black_phone.png') 1x, 487 url('../images/volumes/2x/black_phone.png') 2x); 488} 489 490list:focus li[selected] [volume-type-icon='mtp'], 491tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='mtp'] { 492 background-image: -webkit-image-set( 493 url('../images/volumes/white_phone.png') 1x, 494 url('../images/volumes/2x/white_phone.png') 2x); 495} 496 497[volume-type-icon='removable'][volume-subtype='unknown'] { 498 background-image: -webkit-image-set( 499 url('../images/volumes/black_hdd.png') 1x, 500 url('../images/volumes/2x/black_hdd.png') 2x); 501} 502 503list:focus li[selected] 504 [volume-type-icon='removable'][volume-subtype='unknown'], 505tree:focus .tree-item[selected] > .tree-row > 506 [volume-type-icon='removable'][volume-subtype='unknown'] { 507 background-image: -webkit-image-set( 508 url('../images/volumes/white_hdd.png') 1x, 509 url('../images/volumes/2x/white_hdd.png') 2x); 510} 511 512list:focus li[selected] [volume-type-icon='provided'], 513tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='provided']{ 514 -webkit-filter: invert(100%) grayscale(100%) brightness(200%); 515} 516