| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html i18n-values="dir:textdirection;"> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <title i18n-content="title"></title> | |
| 6 <link rel="icon" href="../../../app/theme/downloads_favicon.png"> | |
| 7 <style type="text/css"> | |
| 8 *:-khtml-drag { | |
| 9 background-color: rgba(238,238,238, 0.5); | |
| 10 } | |
| 11 | |
| 12 *[draggable] { | |
| 13 -khtml-user-drag: element; | |
| 14 cursor: move; | |
| 15 } | |
| 16 | |
| 17 ul.downloadlist { | |
| 18 list-style-type: none; | |
| 19 margin: 0; | |
| 20 padding: 0; | |
| 21 position: relative; | |
| 22 } | |
| 23 | |
| 24 .menuicon { | |
| 25 margin: 20px auto auto auto; | |
| 26 height: 4px; | |
| 27 width: 5px; | |
| 28 background: url('../shared/images/active_downloads_menu.png') no-repeat; | |
| 29 } | |
| 30 | |
| 31 .menubutton { | |
| 32 float: right; | |
| 33 height: 43px; | |
| 34 width: 24px; | |
| 35 border-left: 1px solid #CCC; | |
| 36 border-bottom: 1px solid #CCC; | |
| 37 cursor: pointer; | |
| 38 } | |
| 39 | |
| 40 /* TODO(achuith): fix rtl */ | |
| 41 html[dir=rtl] .menubutton { | |
| 42 float: left; | |
| 43 } | |
| 44 | |
| 45 .rowbg { | |
| 46 border-bottom: 1px solid #CCC; | |
| 47 background: -webkit-gradient(linear, left top, left bottom, | |
| 48 from(#f3f3f3), to(#ebebeb), color-stop(0.8, #ededed)); | |
| 49 } | |
| 50 | |
| 51 .rowbg:hover { | |
| 52 background: -webkit-gradient(linear, left top, left bottom, | |
| 53 from(#fdfdfd), to(#f1f1f1), color-stop(0.8, #f5f5f5)); | |
| 54 } | |
| 55 | |
| 56 .rowbg:active { | |
| 57 background: -webkit-gradient(linear, left top, left bottom, | |
| 58 from(#d2e0f0), to(#dee6f0), color-stop(0.1, #e3e9f0)); | |
| 59 } | |
| 60 | |
| 61 .downloadrow { | |
| 62 height: 36px; | |
| 63 } | |
| 64 | |
| 65 .rowbutton { | |
| 66 padding: 5px 5px 0 7px; | |
| 67 position: relative; | |
| 68 width:213px; | |
| 69 height: 30px; | |
| 70 } | |
| 71 | |
| 72 .rowbutton div.icon { | |
| 73 float: left; | |
| 74 margin-top: 1px; | |
| 75 width: 21px; | |
| 76 height: 17px; | |
| 77 background-repeat: no-repeat; | |
| 78 } | |
| 79 | |
| 80 .rowbutton div.iconwarning { | |
| 81 float: left; | |
| 82 margin-top: 1px; | |
| 83 width: 37px; | |
| 84 height: 30px; | |
| 85 background: url('../shared/images/icon_warning2.png') no-repeat; | |
| 86 } | |
| 87 | |
| 88 .rowbutton span.title { | |
| 89 position: relative; | |
| 90 text-overflow: ellipsis; | |
| 91 white-space: nowrap; | |
| 92 display: inline-block; | |
| 93 overflow: hidden; | |
| 94 width: 191px; | |
| 95 margin-right: -20px; | |
| 96 color: #325282; | |
| 97 font-size: .8em; | |
| 98 } | |
| 99 | |
| 100 .dangerousprompt { | |
| 101 margin: 0 5px 5px 3px; | |
| 102 display: block; | |
| 103 } | |
| 104 | |
| 105 .dangerousprompttext { | |
| 106 font-size: .7em; | |
| 107 color: #325282; | |
| 108 } | |
| 109 | |
| 110 .confirm { | |
| 111 font-size: .6em; | |
| 112 text-decoration: underline; | |
| 113 margin-left: 5px; | |
| 114 color: #254f9b; | |
| 115 cursor: pointer; | |
| 116 } | |
| 117 | |
| 118 .progress { | |
| 119 font-size: .7em; | |
| 120 text-align: right; | |
| 121 color: #325282; | |
| 122 margin-top: 2px; | |
| 123 } | |
| 124 | |
| 125 div.columnlist { | |
| 126 width: 100%; | |
| 127 top: 0; | |
| 128 left: 0; | |
| 129 bottom: 29px; | |
| 130 position: absolute; | |
| 131 background: #e8e8e8 | |
| 132 } | |
| 133 | |
| 134 span.showallfilestext { | |
| 135 color: #254f9b; | |
| 136 cursor: pointer; | |
| 137 text-decoration: underline; | |
| 138 font-size: 12px; | |
| 139 height: 15px; | |
| 140 } | |
| 141 | |
| 142 div.showallfiles { | |
| 143 width: 100%; | |
| 144 bottom: 0; | |
| 145 height: 29px; | |
| 146 position: absolute; | |
| 147 margin-left: -8px; | |
| 148 text-align: center; | |
| 149 background: #e8e8e8 | |
| 150 } | |
| 151 | |
| 152 .menu { | |
| 153 margin-top: 5px; | |
| 154 right: 15px; | |
| 155 border-bottom-left-radius: 4px 4px; | |
| 156 border-bottom-right-radius: 4px 4px; | |
| 157 border-top-left-radius: 4px 4px; | |
| 158 border-top-right-radius: 0px 0px; | |
| 159 position: absolute; | |
| 160 display: none; | |
| 161 z-index: 999; | |
| 162 background: -webkit-gradient(linear, left top, left bottom, | |
| 163 from(#f3f3f3), to(#ebebeb), color-stop(0.8, #ededed)); | |
| 164 border: 1px solid rgba(0, 0, 0, 0.6); | |
| 165 padding: 2px 5px 0 5px; | |
| 166 } | |
| 167 | |
| 168 .menuitem { | |
| 169 width: 100%; | |
| 170 height: 20px; | |
| 171 font-size: .8em; | |
| 172 text-align: left; | |
| 173 cursor: pointer; | |
| 174 left: 0; | |
| 175 color: #0D0052; | |
| 176 -webkit-transition: color 1s ease-out ; | |
| 177 } | |
| 178 | |
| 179 .menuitem:hover { | |
| 180 text-decoration: underline; | |
| 181 color: #20c; | |
| 182 background: #ebeff9; | |
| 183 -webkit-transition: color 0 ease-out ; | |
| 184 } | |
| 185 | |
| 186 </style> | |
| 187 <script src="chrome://resources/js/local_strings.js"></script> | |
| 188 <script src="chrome://resources/js/util.js"></script> | |
| 189 <script src="chrome://active-downloads/strings.js"></script> | |
| 190 <script src="chrome://active-downloads/active_downloads.js"></script> | |
| 191 <body i18n-values=".style.fontFamily:fontfamily"> | |
| 192 <div id="main" class="columnlist"></div> | |
| 193 <div id="showallfiles" class="showallfiles"> | |
| 194 <span id="showallfilestext" class="showallfilestext"></span> | |
| 195 </div> | |
| 196 <script src="chrome://resources/js/i18n_template.js"></script> | |
| 197 <script src="chrome://resources/js/i18n_process.js"></script> | |
| 198 </body> | |
| 199 </html> | |
| OLD | NEW |