Changeset 13081
- Timestamp:
- Nov 11, 2011, 4:44:49 AM (11 years ago)
- Location:
- trunk/web
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/web/javascript/common.js
r13077 r13081 35 35 36 36 $(document).ready(function() { 37 // Initialise the dialog controller38 dialog = new Dialog();39 40 // Initialise the main Transmission controller41 transmission = new Transmission();42 37 43 38 // IE8 and below donât support ES5 Date.now() … … 47 42 }; 48 43 } 44 45 // Initialise the dialog controller 46 dialog = new Dialog(); 47 48 // Initialise the main Transmission controller 49 transmission = new Transmission(); 49 50 50 51 // IE specific fixes here -
trunk/web/style/transmission/common.css
r13074 r13081 1 /*-------------------------------------- G L O B A L --------------------------------------*/ 2 html { margin: 0; padding: 0; height: 100%; } 3 4 body { font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */ color: #222; /* !important; */ background: #FFF; text-align: center; margin: 0 0 30px; overflow: hidden; } 5 body img { border: none; } 6 body a { outline: 0; } 1 /*-------------------------------------- 2 * 3 * G L O B A L 4 * 5 *--------------------------------------*/ 6 html { 7 margin: 0; 8 padding: 0; 9 height: 100%; } 10 11 body { 12 font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; 13 /* Resets 1em to 10px */ 14 color: #222; 15 /* !important; */ 16 background: #FFF; 17 text-align: center; 18 margin: 0 0 30px; 19 overflow: hidden; } 20 body img { 21 border: none; } 22 body a { 23 outline: 0; } 7 24 8 25 /*** … … 11 28 **** 12 29 ***/ 13 #about-dialog > * { text-align: center; } 14 #about-dialog > #about-logo { background: transparent url("images/logo.png") top left no-repeat; width: 64px; height: 64px; margin-left: 100px; } 15 #about-dialog > #about-title { font-size: 1.3em; font-weight: bold; } 30 #about-dialog > * { 31 text-align: center; } 32 #about-dialog > #about-logo { 33 background: transparent url("images/logo.png") top left no-repeat; 34 width: 64px; 35 height: 64px; 36 margin-left: 100px; } 37 #about-dialog > #about-title { 38 font-size: 1.3em; 39 font-weight: bold; } 16 40 17 41 /*** … … 20 44 **** 21 45 ***/ 22 div#toolbar { width: 100%; height: 35px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background: url("images/red-texture.png") repeat; } 23 div#toolbar > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; margin-top: 5px; width: 18px; height: 18px; padding: 2px 8px; float: left; border: 1px solid #888; } 24 div#toolbar div#toolbar-open { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 4px; } 25 div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, div#toolbar div#toolbar-open.selected { background-color: #eedddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 26 div#toolbar > div#toolbar-remove { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 27 div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, div#toolbar > div#toolbar-remove.selected { background-color: #eedddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 28 div#toolbar > div#toolbar-start { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; } 29 div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, div#toolbar > div#toolbar-start.selected { background-color: #eedddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 30 div#toolbar > div#toolbar-pause { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 31 div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, div#toolbar > div#toolbar-pause.selected { background-color: #eedddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 32 div#toolbar > div#toolbar-select { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; } 33 div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, div#toolbar > div#toolbar-select.selected { background-color: #eedddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 34 div#toolbar > div#toolbar-inspector { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; float: right; margin-right: 8px; } 35 div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, div#toolbar > div#toolbar-inspector.selected { background-color: #eedddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 36 div#toolbar > *.disabled { opacity: 0.25; } 46 div#toolbar { 47 width: 100%; 48 height: 35px; 49 margin: 0px; 50 padding: 2px; 51 border-bottom: 1px solid #AAA; 52 background: url("images/red-texture.png") repeat; } 53 div#toolbar > * { 54 cursor: pointer; 55 -moz-user-select: none; 56 -webkit-user-select: none; 57 display: inline-block; 58 border-style: solid; 59 border-color: #aaa; 60 border-width: 1px; 61 padding: 3px; 62 margin-top: 5px; 63 width: 18px; 64 height: 18px; 65 padding: 2px 8px; 66 float: left; 67 border: 1px solid #888; } 68 div#toolbar div#toolbar-open { 69 -moz-border-radius-topleft: 5px; 70 -moz-border-radius-bottomleft: 5px; 71 border-top-left-radius: 5px; 72 border-bottom-left-radius: 5px; 73 background-color: #dddddd; 74 background-image: url("images/toolbar-folder.png"); 75 /* fallback */ 76 background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 77 /* Saf4+, Chrome */ 78 background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb); 79 /* Chrome 10+, Saf5.1+ */ 80 background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb); 81 /* FF3.6+ */ 82 background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb); 83 /* IE10 */ 84 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); 85 /* Opera 11.10+ */ 86 background-position: center; 87 background-repeat: no-repeat; 88 margin-left: 4px; } 89 div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, div#toolbar div#toolbar-open.selected { 90 background-color: #eedddd; 91 background-image: url("images/toolbar-folder.png"); 92 /* fallback */ 93 background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 94 /* Saf4+, Chrome */ 95 background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white); 96 /* Chrome 10+, Saf5.1+ */ 97 background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white); 98 /* FF3.6+ */ 99 background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white); 100 /* IE10 */ 101 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white); 102 /* Opera 11.10+ */ 103 background-position: center; 104 background-repeat: no-repeat; } 105 div#toolbar > div#toolbar-remove { 106 -moz-border-radius-topright: 5px; 107 -moz-border-radius-bottomright: 5px; 108 border-top-right-radius: 5px; 109 border-bottom-right-radius: 5px; 110 background-color: #dddddd; 111 background-image: url("images/toolbar-close.png"); 112 /* fallback */ 113 background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 114 /* Saf4+, Chrome */ 115 background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb); 116 /* Chrome 10+, Saf5.1+ */ 117 background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb); 118 /* FF3.6+ */ 119 background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb); 120 /* IE10 */ 121 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); 122 /* Opera 11.10+ */ 123 background-position: center; 124 background-repeat: no-repeat; } 125 div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, div#toolbar > div#toolbar-remove.selected { 126 background-color: #eedddd; 127 background-image: url("images/toolbar-close.png"); 128 /* fallback */ 129 background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 130 /* Saf4+, Chrome */ 131 background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white); 132 /* Chrome 10+, Saf5.1+ */ 133 background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white); 134 /* FF3.6+ */ 135 background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white); 136 /* IE10 */ 137 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white); 138 /* Opera 11.10+ */ 139 background-position: center; 140 background-repeat: no-repeat; } 141 div#toolbar > div#toolbar-start { 142 -moz-border-radius-topleft: 5px; 143 -moz-border-radius-bottomleft: 5px; 144 border-top-left-radius: 5px; 145 border-bottom-left-radius: 5px; 146 background-color: #dddddd; 147 background-image: url("images/toolbar-start.png"); 148 /* fallback */ 149 background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 150 /* Saf4+, Chrome */ 151 background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb); 152 /* Chrome 10+, Saf5.1+ */ 153 background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb); 154 /* FF3.6+ */ 155 background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb); 156 /* IE10 */ 157 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); 158 /* Opera 11.10+ */ 159 background-position: center; 160 background-repeat: no-repeat; 161 margin-left: 20px; } 162 div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, div#toolbar > div#toolbar-start.selected { 163 background-color: #eedddd; 164 background-image: url("images/toolbar-start.png"); 165 /* fallback */ 166 background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 167 /* Saf4+, Chrome */ 168 background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white); 169 /* Chrome 10+, Saf5.1+ */ 170 background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white); 171 /* FF3.6+ */ 172 background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white); 173 /* IE10 */ 174 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white); 175 /* Opera 11.10+ */ 176 background-position: center; 177 background-repeat: no-repeat; } 178 div#toolbar > div#toolbar-pause { 179 -moz-border-radius-topright: 5px; 180 -moz-border-radius-bottomright: 5px; 181 border-top-right-radius: 5px; 182 border-bottom-right-radius: 5px; 183 background-color: #dddddd; 184 background-image: url("images/toolbar-pause.png"); 185 /* fallback */ 186 background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 187 /* Saf4+, Chrome */ 188 background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb); 189 /* Chrome 10+, Saf5.1+ */ 190 background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb); 191 /* FF3.6+ */ 192 background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb); 193 /* IE10 */ 194 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); 195 /* Opera 11.10+ */ 196 background-position: center; 197 background-repeat: no-repeat; } 198 div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, div#toolbar > div#toolbar-pause.selected { 199 background-color: #eedddd; 200 background-image: url("images/toolbar-pause.png"); 201 /* fallback */ 202 background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 203 /* Saf4+, Chrome */ 204 background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white); 205 /* Chrome 10+, Saf5.1+ */ 206 background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white); 207 /* FF3.6+ */ 208 background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white); 209 /* IE10 */ 210 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white); 211 /* Opera 11.10+ */ 212 background-position: center; 213 background-repeat: no-repeat; } 214 div#toolbar > div#toolbar-select { 215 -moz-border-radius: 5px; 216 border-radius: 5px; 217 background-color: #dddddd; 218 background-image: url("images/toolbar-pointer.png"); 219 /* fallback */ 220 background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 221 /* Saf4+, Chrome */ 222 background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb); 223 /* Chrome 10+, Saf5.1+ */ 224 background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb); 225 /* FF3.6+ */ 226 background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb); 227 /* IE10 */ 228 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); 229 /* Opera 11.10+ */ 230 background-position: center; 231 background-repeat: no-repeat; 232 margin-left: 20px; } 233 div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, div#toolbar > div#toolbar-select.selected { 234 background-color: #eedddd; 235 background-image: url("images/toolbar-pointer.png"); 236 /* fallback */ 237 background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 238 /* Saf4+, Chrome */ 239 background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white); 240 /* Chrome 10+, Saf5.1+ */ 241 background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white); 242 /* FF3.6+ */ 243 background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white); 244 /* IE10 */ 245 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white); 246 /* Opera 11.10+ */ 247 background-position: center; 248 background-repeat: no-repeat; } 249 div#toolbar > div#toolbar-inspector { 250 -moz-border-radius: 5px; 251 border-radius: 5px; 252 background-color: #dddddd; 253 background-image: url("images/toolbar-info.png"); 254 /* fallback */ 255 background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 256 /* Saf4+, Chrome */ 257 background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); 258 /* Chrome 10+, Saf5.1+ */ 259 background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb); 260 /* FF3.6+ */ 261 background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb); 262 /* IE10 */ 263 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); 264 /* Opera 11.10+ */ 265 background-position: center; 266 background-repeat: no-repeat; 267 float: right; 268 margin-right: 8px; } 269 div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, div#toolbar > div#toolbar-inspector.selected { 270 background-color: #eedddd; 271 background-image: url("images/toolbar-info.png"); 272 /* fallback */ 273 background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 274 /* Saf4+, Chrome */ 275 background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); 276 /* Chrome 10+, Saf5.1+ */ 277 background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white); 278 /* FF3.6+ */ 279 background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white); 280 /* IE10 */ 281 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white); 282 /* Opera 11.10+ */ 283 background-position: center; 284 background-repeat: no-repeat; } 285 div#toolbar > *.disabled { 286 opacity: 0.25; } 37 287 38 288 /*** … … 41 291 **** 42 292 ***/ 43 #statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); } 44 #statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; } 45 #statusbar #speed-info * { display: inline-block; } 46 #statusbar #speed-info #speed-up-icon { margin-left: 8px; width: 8px; height: 8px; background: url("images/arrow-up.png") bottom no-repeat; } 47 #statusbar #speed-info #speed-dn-icon { width: 8px; height: 8px; background: url("images/arrow-down.png") bottom no-repeat; } 48 #statusbar #speed-info #speed-up-container { display: none; } 49 #statusbar #speed-info #speed-up-container.active { display: inline; } 50 #statusbar #speed-info #speed-dn-container { display: none; } 51 #statusbar #speed-info #speed-dn-container.active { display: inline; } 52 #statusbar #filter-button { float: left; text-shadow: 0 1px 0 #ccc; margin: 5px 8px; -moz-user-select: none; -webkit-user-select: none; } 53 #statusbar #filter-button:hover { cursor: pointer; } 54 #statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; } 55 #statusbar input#torrent_search { float: right; height: 15px; width: 100px; border: solid 0 #fff; padding: 2px; margin: 4px 5px 0 0; border-radius: 10px; } 56 #statusbar input#torrent_search.blur { color: #999; } 293 #statusbar { 294 height: 24px; 295 width: 100%; 296 border-bottom: 1px solid #AAA; 297 overflow: hidden; 298 position: relative; 299 background-color: #cccccc; 300 background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); 301 background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); 302 background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); 303 background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); 304 background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); 305 background-image: linear-gradient(top, #dddddd, #bbbbbb); } 306 #statusbar #speed-info { 307 margin-top: 5px; 308 margin-left: 45%; 309 text-align: left; } 310 #statusbar #speed-info * { 311 display: inline-block; } 312 #statusbar #speed-info #speed-up-icon { 313 margin-left: 8px; 314 width: 8px; 315 height: 8px; 316 background: url("images/arrow-up.png") bottom no-repeat; } 317 #statusbar #speed-info #speed-dn-icon { 318 width: 8px; 319 height: 8px; 320 background: url("images/arrow-down.png") bottom no-repeat; } 321 #statusbar #speed-info #speed-up-container { 322 display: none; } 323 #statusbar #speed-info #speed-up-container.active { 324 display: inline; } 325 #statusbar #speed-info #speed-dn-container { 326 display: none; } 327 #statusbar #speed-info #speed-dn-container.active { 328 display: inline; } 329 #statusbar #filter-button { 330 float: left; 331 text-shadow: 0 1px 0 #ccc; 332 margin: 5px 8px; 333 -moz-user-select: none; 334 -webkit-user-select: none; } 335 #statusbar #filter-button:hover { 336 cursor: pointer; } 337 #statusbar #filter-button #filter-button .filter-selection { 338 text-decoration: underline; } 339 #statusbar input#torrent_search { 340 float: right; 341 height: 15px; 342 width: 100px; 343 border: solid 0 #fff; 344 padding: 2px; 345 margin: 4px 5px 0 0; 346 border-radius: 10px; } 347 #statusbar input#torrent_search.blur { 348 color: #999; } 57 349 58 350 /*** … … 61 353 **** 62 354 ***/ 63 #filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; } 64 #filter-popup li { text-align: left; } 65 #filter-popup .count { padding-left: 3px; } 66 #filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; } 67 #filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; } 68 #filter-popup .row .filter-name { position: absolute; left: 20px; } 69 #filter-popup .row .count { float: right; color: #aaa; } 70 #filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; } 71 #filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; } 72 #filter-popup #filter-by-state .row .filter-img { display: none; } 73 #filter-popup #filter-by-state .row .filter-name { left: 0px; } 74 #filter-popup #filter-by-tracker { float: right; width: 130px; overflow: hidden; text-overflow: ellipsis; } 355 #filter-popup { 356 color: #222; 357 /* !important; */ 358 background: #FFF; 359 z-index: 100; } 360 #filter-popup li { 361 text-align: left; } 362 #filter-popup .count { 363 padding-left: 3px; } 364 #filter-popup .row { 365 text-align: left; 366 cursor: pointer; 367 margin: 8px 2px; 368 position: relative; 369 height: 18px; 370 -moz-user-select: none; 371 -webkit-user-select: none; } 372 #filter-popup .row .filter-img { 373 border: none; 374 width: 16px; 375 height: 16px; 376 position: absolute; 377 left: 0px; } 378 #filter-popup .row .filter-name { 379 position: absolute; 380 left: 20px; } 381 #filter-popup .row .count { 382 float: right; 383 color: #aaa; } 384 #filter-popup .row:hover, #filter-popup .row.selected { 385 font-weight: bold; } 386 #filter-popup #filter-by-state { 387 float: left; 388 width: 120px; 389 overflow: hidden; 390 text-overflow: ellipsis; } 391 #filter-popup #filter-by-state .row .filter-img { 392 display: none; } 393 #filter-popup #filter-by-state .row .filter-name { 394 left: 0px; } 395 #filter-popup #filter-by-tracker { 396 float: right; 397 width: 130px; 398 overflow: hidden; 399 text-overflow: ellipsis; } 75 400 76 401 /*** … … 79 404 **** 80 405 ***/ 81 div#torrent_container { position: fixed; top: 65px; bottom: 22px; right: 0px; left: 0px; padding: 0px; margin: 0px; overflow: auto; } 82 83 ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; /** Progressbar Each progressbar has three elemens: a parent container and two children, complete and incomplete. The only thing needed to set the progressbar percentage is to set the complete child's width as a percentage. This is because incomplete is pinned to the full width and height of the parent, and complete is pinned to the left side of the parent and has a higher z-index. The progressbar has different colors depending on its state, so there are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. */ } 84 ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 14px; color: #666; background-color: white; } 85 ul.torrent_list li.torrent.compact { padding: 4px; } 86 ul.torrent_list li.torrent.even { background-color: #F7F7F7; } 87 ul.torrent_list li.torrent.selected { background-color: #ffe4e1; } 88 ul.torrent_list li.torrent.compact div.torrent_name { color: black; } 89 ul.torrent_list li.torrent a { float: right; position: relative; right: -22px; top: 1px; } 90 ul.torrent_list li.torrent a img { position: relative; right: -10px; } 91 ul.torrent_list li.torrent a div { background: url("images/buttons/torrent_buttons.png"); height: 14px; width: 14px; } 92 ul.torrent_list li.torrent a div.torrent_pause { background-position: left top; } 93 ul.torrent_list li.torrent a div.torrent_resume { background-position: center top; } 94 ul.torrent_list li.torrent a:active div.torrent_pause { background-position: left bottom; } 95 ul.torrent_list li.torrent a:active div.torrent_resume { background-position: center bottom; } 96 ul.torrent_list li.torrent a:hover div.torrent_pause { background-position: left center; } 97 ul.torrent_list li.torrent a:hover div.torrent_resume { background-position: center center; } 98 ul.torrent_list li.torrent div.torrent_name { font-size: 1.3em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; margin-top: 2px; margin-bottom: 2px; } 99 ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; } 100 ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; } 101 ul.torrent_list li.torrent div.torrent_progress_details, ul.torrent_list li.torrent div.torrent_peer_details { clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 102 ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; } 103 ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; } 104 ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; } 105 ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ } 106 ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; } 107 ul.torrent_list div.torrent_peer_details.compact { margin-top: 2px; margin-right: 65px; /* leave room on the right for the progressbar */ float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ } 108 ul.torrent_list div.torrent_progress_bar { height: 100%; position: absolute; top: 0px; left: 0px; background-image: url("images/progress.png"); background-repeat: repeat-x; border: 1px solid #888; } 109 ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; } 110 ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; } 111 ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; } 112 ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left 0px; border-color: #3D9DEA; } 113 ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; } 114 ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; } 115 ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; } 116 ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; } 117 ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; } 118 ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; } 119 ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; } 120 ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; } 121 ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; } 406 div#torrent_container { 407 position: fixed; 408 top: 65px; 409 bottom: 22px; 410 right: 0px; 411 left: 0px; 412 padding: 0px; 413 margin: 0px; 414 overflow: auto; } 415 416 ul.torrent_list { 417 width: 100%; 418 margin: 0; 419 padding: 0; 420 text-align: left; 421 cursor: pointer; 422 /** 423 * Progressbar 424 * 425 * Each progressbar has three elemens: a parent container and two children, 426 * complete and incomplete. 427 * 428 * The only thing needed to set the progressbar percentage is to set 429 * the complete child's width as a percentage. This is because incomplete 430 * is pinned to the full width and height of the parent, and complete 431 * is pinned to the left side of the parent and has a higher z-index. 432 * 433 * The progressbar has different colors depending on its state, so there 434 * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. 435 */ } 436 ul.torrent_list li.torrent { 437 border-bottom: 1px solid #ccc; 438 padding: 4px 30px 5px 14px; 439 color: #666; 440 background-color: white; } 441 ul.torrent_list li.torrent.compact { 442 padding: 4px; } 443 ul.torrent_list li.torrent.even { 444 background-color: #F7F7F7; } 445 ul.torrent_list li.torrent.selected { 446 background-color: #ffe4e1; } 447 ul.torrent_list li.torrent.compact div.torrent_name { 448 color: black; } 449 ul.torrent_list li.torrent a { 450 float: right; 451 position: relative; 452 right: -22px; 453 top: 1px; } 454 ul.torrent_list li.torrent a img { 455 position: relative; 456 right: -10px; } 457 ul.torrent_list li.torrent a div { 458 background: url("images/buttons/torrent_buttons.png"); 459 height: 14px; 460 width: 14px; } 461 ul.torrent_list li.torrent a div.torrent_pause { 462 background-position: left top; } 463 ul.torrent_list li.torrent a div.torrent_resume { 464 background-position: center top; } 465 ul.torrent_list li.torrent a:active div.torrent_pause { 466 background-position: left bottom; } 467 ul.torrent_list li.torrent a:active div.torrent_resume { 468 background-position: center bottom; } 469 ul.torrent_list li.torrent a:hover div.torrent_pause { 470 background-position: left center; } 471 ul.torrent_list li.torrent a:hover div.torrent_resume { 472 background-position: center center; } 473 ul.torrent_list li.torrent div.torrent_name { 474 font-size: 1.3em; 475 font-weight: bold; 476 overflow: hidden; 477 text-overflow: ellipsis; 478 white-space: nowrap; 479 color: #222; 480 margin-top: 2px; 481 margin-bottom: 2px; } 482 ul.torrent_list li.torrent div.torrent_name.compact { 483 font-size: 1.0em; 484 font-weight: normal; } 485 ul.torrent_list li.torrent div.torrent_name.paused { 486 font-weight: normal; 487 color: #777; } 488 ul.torrent_list li.torrent div.torrent_progress_details, 489 ul.torrent_list li.torrent div.torrent_peer_details { 490 clear: left; 491 overflow: hidden; 492 text-overflow: ellipsis; 493 white-space: nowrap; } 494 ul.torrent_list li.torrent div.torrent_progress_details.error, 495 ul.torrent_list li.torrent div.torrent_peer_details.error { 496 color: #F00; } 497 ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { 498 color: #FFF; } 499 ul.torrent_list div.torrent_progress_bar_container { 500 height: 10px; 501 position: relative; } 502 ul.torrent_list div.torrent_progress_bar_container.compact { 503 width: 50px; 504 position: absolute; 505 right: 10px; 506 margin-top: 2px; 507 /*float: right;*/ } 508 ul.torrent_list div.torrent_progress_bar_container.full { 509 margin-top: 2px; 510 margin-bottom: 5px; } 511 ul.torrent_list div.torrent_peer_details.compact { 512 margin-top: 2px; 513 margin-right: 65px; 514 /* leave room on the right for the progressbar */ 515 float: right; 516 /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ } 517 ul.torrent_list div.torrent_progress_bar { 518 height: 100%; 519 position: absolute; 520 top: 0px; 521 left: 0px; 522 background-image: url("images/progress.png"); 523 background-repeat: repeat-x; 524 border: 1px solid #888; } 525 ul.torrent_list div.torrent_progress_bar.complete { 526 z-index: 2; } 527 ul.torrent_list div.torrent_progress_bar.complete.paused { 528 background-position: left -30px; 529 border-color: #989898; } 530 ul.torrent_list div.torrent_progress_bar.complete.magnet { 531 background-position: left -20px; 532 border-color: #CFCFCF; } 533 ul.torrent_list div.torrent_progress_bar.complete.leeching { 534 background-position: left 0px; 535 border-color: #3D9DEA; } 536 ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { 537 background-position: left -70px; 538 border-color: #889CA5; } 539 ul.torrent_list div.torrent_progress_bar.complete.seeding { 540 background-position: left -40px; 541 border-color: #269E30; } 542 ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { 543 background-position: left -60px; 544 border-color: #8A998D; } 545 ul.torrent_list div.torrent_progress_bar.incomplete { 546 z-index: 1; 547 width: 100%; } 548 ul.torrent_list div.torrent_progress_bar.incomplete.paused { 549 background-position: left -20px; 550 border-color: #CFCFCF; } 551 ul.torrent_list div.torrent_progress_bar.incomplete.magnet { 552 background-position: left -50px; 553 border-color: #D47778; } 554 ul.torrent_list div.torrent_progress_bar.incomplete.leeching { 555 background-position: left -20px; 556 border-color: #CFCFCF; } 557 ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { 558 background-position: left -80px; 559 border-color: #C4C4C4; } 560 ul.torrent_list div.torrent_progress_bar.incomplete.seeding { 561 background-position: left -10px; 562 border-color: #29AD35; } 122 563 123 564 /*** … … 126 567 **** 127 568 ***/ 128 #prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; -webkit-user-select: none; } 129 130 .prefs-section { margin: 10px; text-align: left; } 131 .prefs-section > * { padding-top: 8px; padding-left: 8px; } 132 .prefs-section .title { font-weight: bold; font-size: larger; padding-left: 0px; } 133 .prefs-section .row .key { float: left; padding-top: 3px; } 134 .prefs-section .row .key > * { margin-left: 0px; } 135 .prefs-section .row .value { margin-left: 150px; } 136 .prefs-section .row .value > * { width: 100%; } 137 .prefs-section .checkbox-row > input { margin: 0px; } 138 .prefs-section .checkbox-row > label { margin-left: 5px; } 139 .prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; } 569 #prefs-dialog.ui-tabs .ui-tabs-panel { 570 padding: 0px; 571 -moz-user-select: none; 572 -webkit-user-select: none; } 573 574 .prefs-section { 575 margin: 10px; 576 text-align: left; } 577 .prefs-section > * { 578 padding-top: 8px; 579 padding-left: 8px; } 580 .prefs-section .title { 581 font-weight: bold; 582 font-size: larger; 583 padding-left: 0px; } 584 .prefs-section .row .key { 585 float: left; 586 padding-top: 3px; } 587 .prefs-section .row .key > * { 588 margin-left: 0px; } 589 .prefs-section .row .value { 590 margin-left: 150px; } 591 .prefs-section .row .value > * { 592 width: 100%; } 593 .prefs-section .checkbox-row > input { 594 margin: 0px; } 595 .prefs-section .checkbox-row > label { 596 margin-left: 5px; } 597 .prefs-section #alternative-speed-limits-title { 598 padding-left: 18px; 599 background: transparent url("images/blue-turtle.png") no-repeat; } 140 600 141 601 /*** … … 144 604 **** 145 605 ***/ 146 div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 65px; position: fixed; width: 570px; z-index: 5; border-left: 1px solid #888; bottom: 22px; right: 0px; /* Files Inspector Tab */ } 147 div#torrent_inspector #inspector-close { display: none; } 148 div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; } 149 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; } 150 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 30px; height: 20px; } 151 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 1px; } 152 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { background-color: #eedddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 153 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { background-color: #dddddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 154 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { background-color: #eedddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 155 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { background-color: #dddddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 156 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { background-color: #eedddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 157 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 158 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { background-color: #eedddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 159 div#torrent_inspector #inspector_header { margin-top: 8px; } 160 div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; } 161 div#torrent_inspector ul.tier_list { margin: 2px 0 8px 0; width: 100%; padding-left: 0px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } 162 div#torrent_inspector ul.tier_list li { overflow: hidden; } 163 div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 330px; display: table; margin-top: 1px; } 164 div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; } 165 div#torrent_inspector ul.tier_list table { float: right; color: #666; } 166 div#torrent_inspector ul.tier_list th { text-align: right; } 167 div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; } 168 div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; } 169 div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; } 170 div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } 171 div#torrent_inspector #inspector_file_list { border-top: 1px solid #888; width: 100%; margin: 6px 0 0 0; padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } 172 div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; } 173 div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; } 174 div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; } 175 div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; } 176 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; } 177 div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; } 178 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { background-position: left top; } 179 div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -19px; } 180 div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -38px; cursor: default; } 606 div#torrent_inspector { 607 overflow: auto; 608 text-align: left; 609 padding: 15px; 610 top: 65px; 611 position: fixed; 612 width: 570px; 613 z-index: 5; 614 border-left: 1px solid #888; 615 bottom: 22px; 616 right: 0px; 617 /* Files Inspector Tab */ } 618 div#torrent_inspector #inspector-close { 619 display: none; } 620 div#torrent_inspector #inspector-tabs-wrapper { 621 width: 100%; 622 overflow: hidden; 623 text-align: center; } 624 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { 625 display: inline-block; } 626 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { 627 cursor: pointer; 628 -moz-user-select: none; 629 -webkit-user-select: none; 630 display: inline-block; 631 border-style: solid; 632 border-color: #aaa; 633 border-width: 1px; 634 padding: 3px; 635 width: 30px; 636 height: 20px; } 637 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { 638 -moz-border-radius-topleft: 5px; 639 -moz-border-radius-bottomleft: 5px; 640 border-top-left-radius: 5px; 641 border-bottom-left-radius: 5px; 642 background-color: #dddddd; 643 background-image: url("images/inspector-info.png"); 644 /* fallback */ 645 background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 646 /* Saf4+, Chrome */ 647 background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); 648 /* Chrome 10+, Saf5.1+ */ 649 background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb); 650 /* FF3.6+ */ 651 background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb); 652 /* IE10 */ 653 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); 654 /* Opera 11.10+ */ 655 background-position: center; 656 background-repeat: no-repeat; 657 border-left-width: 1px; } 658 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { 659 background-color: #eedddd; 660 background-image: url("images/inspector-info.png"); 661 /* fallback */ 662 background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 663 /* Saf4+, Chrome */ 664 background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); 665 /* Chrome 10+, Saf5.1+ */ 666 background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white); 667 /* FF3.6+ */ 668 background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white); 669 /* IE10 */ 670 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white); 671 /* Opera 11.10+ */ 672 background-position: center; 673 background-repeat: no-repeat; } 674 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { 675 background-color: #dddddd; 676 background-image: url("images/inspector-peers.png"); 677 /* fallback */ 678 background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 679 /* Saf4+, Chrome */ 680 background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb); 681 /* Chrome 10+, Saf5.1+ */ 682 background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb); 683 /* FF3.6+ */ 684 background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb); 685 /* IE10 */ 686 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); 687 /* Opera 11.10+ */ 688 background-position: center; 689 background-repeat: no-repeat; } 690 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { 691 background-color: #eedddd; 692 background-image: url("images/inspector-peers.png"); 693 /* fallback */ 694 background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 695 /* Saf4+, Chrome */ 696 background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white); 697 /* Chrome 10+, Saf5.1+ */ 698 background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white); 699 /* FF3.6+ */ 700 background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white); 701 /* IE10 */ 702 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white); 703 /* Opera 11.10+ */ 704 background-position: center; 705 background-repeat: no-repeat; } 706 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { 707 background-color: #dddddd; 708 background-image: url("images/inspector-trackers.png"); 709 /* fallback */ 710 background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 711 /* Saf4+, Chrome */ 712 background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb); 713 /* Chrome 10+, Saf5.1+ */ 714 background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb); 715 /* FF3.6+ */ 716 background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb); 717 /* IE10 */ 718 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); 719 /* Opera 11.10+ */ 720 background-position: center; 721 background-repeat: no-repeat; } 722 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { 723 background-color: #eedddd; 724 background-image: url("images/inspector-trackers.png"); 725 /* fallback */ 726 background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 727 /* Saf4+, Chrome */ 728 background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white); 729 /* Chrome 10+, Saf5.1+ */ 730 background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white); 731 /* FF3.6+ */ 732 background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white); 733 /* IE10 */ 734 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white); 735 /* Opera 11.10+ */ 736 background-position: center; 737 background-repeat: no-repeat; } 738 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { 739 -moz-border-radius-topright: 5px; 740 -moz-border-radius-bottomright: 5px; 741 border-top-right-radius: 5px; 742 border-bottom-right-radius: 5px; 743 background-color: #dddddd; 744 background-image: url("images/inspector-files.png"); 745 /* fallback */ 746 background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 747 /* Saf4+, Chrome */ 748 background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb); 749 /* Chrome 10+, Saf5.1+ */ 750 background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb); 751 /* FF3.6+ */ 752 background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb); 753 /* IE10 */ 754 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); 755 /* Opera 11.10+ */ 756 background-position: center; 757 background-repeat: no-repeat; } 758 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { 759 background-color: #eedddd; 760 background-image: url("images/inspector-files.png"); 761 /* fallback */ 762 background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 763 /* Saf4+, Chrome */ 764 background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white); 765 /* Chrome 10+, Saf5.1+ */ 766 background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white); 767 /* FF3.6+ */ 768 background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white); 769 /* IE10 */ 770 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white); 771 /* Opera 11.10+ */ 772 background-position: center; 773 background-repeat: no-repeat; } 774 div#torrent_inspector #inspector_header { 775 margin-top: 8px; } 776 div#torrent_inspector #inspector_header #torrent_inspector_name { 777 font-weight: bold; 778 font-size: large; } 779 div#torrent_inspector ul.tier_list { 780 margin: 2px 0 8px 0; 781 width: 100%; 782 padding-left: 0px; 783 text-align: left; 784 display: block; 785 cursor: default; 786 list-style-type: none; 787 list-style: none; 788 list-style-image: none; 789 clear: both; } 790 div#torrent_inspector ul.tier_list li { 791 overflow: hidden; } 792 div#torrent_inspector ul.tier_list .tracker_activity { 793 float: left; 794 color: #666; 795 width: 330px; 796 display: table; 797 margin-top: 1px; } 798 div#torrent_inspector ul.tier_list .tracker_activity div { 799 padding: 2px; } 800 div#torrent_inspector ul.tier_list table { 801 float: right; 802 color: #666; } 803 div#torrent_inspector ul.tier_list th { 804 text-align: right; } 805 div#torrent_inspector li.inspector_tracker_entry { 806 padding: 3px 0 3px 2px; 807 display: block; } 808 div#torrent_inspector li.inspector_tracker_entry.odd { 809 background-color: #EEEEEE; } 810 div#torrent_inspector div.tracker_host { 811 font-size: 1.2em; 812 font-weight: bold; 813 color: #222; } 814 div#torrent_inspector #inspector_file_list { 815 padding: 0 0 0 0; 816 margin: 0 0 0 0; 817 text-align: left; 818 cursor: default; 819 overflow: hidden; } 820 div#torrent_inspector #inspector_file_list { 821 border-top: 1px solid #888; 822 width: 100%; 823 margin: 6px 0 0 0; 824 padding-top: 6px; 825 padding-bottom: 10px; 826 text-align: left; 827 display: block; 828 cursor: default; 829 list-style-type: none; 830 list-style: none; 831 list-style-image: none; 832 clear: both; } 833 div#torrent_inspector li.inspector_torrent_file_list_entry { 834 padding: 3px 0 3px 2px; 835 display: block; } 836 div#torrent_inspector li.inspector_torrent_file_list_entry.skip { 837 color: #666; } 838 div#torrent_inspector li.inspector_torrent_file_list_entry.even { 839 background-color: #F7F7F7; } 840 div#torrent_inspector div.inspector_torrent_file_list_entry_name { 841 font-size: 1.2em; 842 color: black; 843 display: inline; 844 margin-left: 0px; } 845 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { 846 color: #999; } 847 div#torrent_inspector div.inspector_torrent_file_list_entry_progress { 848 color: #999; 849 margin-left: 20px; } 850 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { 851 background-position: left top; } 852 div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { 853 background-position: left -19px; } 854 div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, 855 div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { 856 background-position: left -38px; 857 cursor: default; } 181 858 182 859 /* Peers Inspector Tab */ 183 #inspector_peers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } 184 #inspector_peers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; } 185 186 table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; } 187 table.peer_list .encryptedCol { width: 16px; } 188 table.peer_list .upCol { width: 70px; } 189 table.peer_list .downCol { width: 70px; } 190 table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; } 191 table.peer_list .statusCol { width: 40px; padding-right: 5px; } 192 table.peer_list .addressCol { width: 180px; } 193 table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 194 195 tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; } 196 tr.inspector_peer_entry.odd { background-color: #EEEEEE; } 860 #inspector_peers_list { 861 padding: 0 0 0 0; 862 margin: 0 0 0 0; 863 text-align: left; 864 cursor: default; 865 overflow: hidden; } 866 #inspector_peers_list > div.inspector_group { 867 padding-bottom: 0; 868 margin-bottom: 0; } 869 870 table.peer_list { 871 width: 100%; 872 border-collapse: collapse; 873 text-align: left; 874 cursor: default; 875 clear: both; 876 table-layout: fixed; } 877 table.peer_list .encryptedCol { 878 width: 16px; } 879 table.peer_list .upCol { 880 width: 70px; } 881 table.peer_list .downCol { 882 width: 70px; } 883 table.peer_list .percentCol { 884 width: 30px; 885 padding-right: 5px; 886 text-align: right; } 887 table.peer_list .statusCol { 888 width: 40px; 889 padding-right: 5px; } 890 table.peer_list .addressCol { 891 width: 180px; } 892 table.peer_list .clientCol { 893 white-space: nowrap; 894 overflow: hidden; 895 text-overflow: ellipsis; } 896 897 tr.inspector_peer_entry div.encrypted-peer-cell { 898 width: 16px; 899 height: 16px; 900 background: transparent url("images/lock_icon.png") no-repeat; } 901 tr.inspector_peer_entry.odd { 902 background-color: #EEEEEE; } 197 903 198 904 /*** 199 905 **** File Priority Buttons 200 906 ***/ 201 div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; } 202 div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 20px; height: 12px; } 203 div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; } 204 div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } 205 div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; } 206 div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } 207 div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; } 208 div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } 907 div.file-priority-radiobox { 908 display: inline; 909 float: right; 910 margin: 4px; 911 margin-top: 2px; } 912 div.file-priority-radiobox > * { 913 cursor: pointer; 914 -moz-user-select: none; 915 -webkit-user-select: none; 916 display: inline-block; 917 border-style: solid; 918 border-color: #aaa; 919 border-width: 1px; 920 padding: 3px; 921 width: 20px; 922 height: 12px; } 923 div.file-priority-radiobox > div.low { 924 -moz-border-radius-topleft: 5px; 925 -moz-border-radius-bottomleft: 5px; 926 border-top-left-radius: 5px; 927 border-bottom-left-radius: 5px; 928 background-color: #dcdcdc; 929 background-image: url("images/file-priority-low.png"); 930 /* fallback */ 931 background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); 932 /* Saf4+, Chrome */ 933 background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); 934 /* Chrome 10+, Saf5.1+ */ 935 background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); 936 /* FF3.6+ */ 937 background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); 938 /* IE10 */ 939 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 940 /* Opera 11.10+ */ 941 background-position: center; 942 background-repeat: no-repeat; 943 border-right-width: 0px; } 944 div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected { 945 background-color: #eddcdc; 946 background-image: url("images/file-priority-low.png"); 947 /* fallback */ 948 background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); 949 /* Saf4+, Chrome */ 950 background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); 951 /* Chrome 10+, Saf5.1+ */ 952 background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); 953 /* FF3.6+ */ 954 background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); 955 /* IE10 */ 956 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); 957 /* Opera 11.10+ */ 958 background-position: center; 959 background-repeat: no-repeat; } 960 div.file-priority-radiobox > div.normal { 961 background-color: #dcdcdc; 962 background-image: url("images/file-priority-normal.png"); 963 /* fallback */ 964 background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); 965 /* Saf4+, Chrome */ 966 background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); 967 /* Chrome 10+, Saf5.1+ */ 968 background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); 969 /* FF3.6+ */ 970 background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); 971 /* IE10 */ 972 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 973 /* Opera 11.10+ */ 974 background-position: center; 975 background-repeat: no-repeat; } 976 div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected { 977 background-color: #eddcdc; 978 background-image: url("images/file-priority-normal.png"); 979 /* fallback */ 980 background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); 981 /* Saf4+, Chrome */ 982 background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); 983 /* Chrome 10+, Saf5.1+ */ 984 background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); 985 /* FF3.6+ */ 986 background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); 987 /* IE10 */ 988 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); 989 /* Opera 11.10+ */ 990 background-position: center; 991 background-repeat: no-repeat; } 992 div.file-priority-radiobox > div.high { 993 -moz-border-radius-topright: 5px; 994 -moz-border-radius-bottomright: 5px; 995 border-top-right-radius: 5px; 996 border-bottom-right-radius: 5px; 997 background-color: #dcdcdc; 998 background-image: url("images/file-priority-high.png"); 999 /* fallback */ 1000 background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); 1001 /* Saf4+, Chrome */ 1002 background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); 1003 /* Chrome 10+, Saf5.1+ */ 1004 background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); 1005 /* FF3.6+ */ 1006 background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); 1007 /* IE10 */ 1008 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 1009 /* Opera 11.10+ */ 1010 background-position: center; 1011 background-repeat: no-repeat; 1012 border-left-width: 0px; } 1013 div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected { 1014 background-color: #eddcdc; 1015 background-image: url("images/file-priority-high.png"); 1016 /* fallback */ 1017 background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); 1018 /* Saf4+, Chrome */ 1019 background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); 1020 /* Chrome 10+, Saf5.1+ */ 1021 background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); 1022 /* FF3.6+ */ 1023 background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); 1024 /* IE10 */ 1025 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); 1026 /* Opera 11.10+ */ 1027 background-position: center; 1028 background-repeat: no-repeat; } 209 1029 210 1030 /**** … … 213 1033 ***** 214 1034 ****/ 215 div.torrent_footer { height: 22px; border-top: 1px solid #555; bottom: 0; position: fixed; width: 100%; z-index: 3; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); } 216 div.torrent_footer > * { float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; } 217 div.torrent_footer div.main_container { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/settings.png"); /* fallback */ background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/settings.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 218 div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected { background-color: #eedddd; background-image: url("images/settings.png"); /* fallback */ background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/settings.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/settings.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/settings.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/settings.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/settings.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 219 div.torrent_footer #prefs-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 220 div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, div.torrent_footer #prefs-button.selected { background-color: #eedddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 221 div.torrent_footer #turtle-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 222 div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, div.torrent_footer #turtle-button.selected { background-color: #eedddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 223 div.torrent_footer #compact-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 224 div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, div.torrent_footer #compact-button.selected { background-color: #eedddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 1035 div.torrent_footer { 1036 height: 22px; 1037 border-top: 1px solid #555; 1038 bottom: 0; 1039 position: fixed; 1040 width: 100%; 1041 z-index: 3; 1042 background-color: #cccccc; 1043 background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); 1044 background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); 1045 background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); 1046 background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); 1047 background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); 1048 background-image: linear-gradient(top, #dddddd, #bbbbbb); } 1049 div.torrent_footer > * { 1050 float: left; 1051 margin: 2px 4px; 1052 width: 18px; 1053 height: 12px; 1054 padding: 2px 8px; 1055 float: left; 1056 border: 1px solid #888; 1057 -moz-user-select: none; 1058 -webkit-user-select: none; } 1059 div.torrent_footer div.main_container { 1060 -moz-border-radius: 5px; 1061 border-radius: 5px; 1062 background-color: #dddddd; 1063 background-image: url("images/settings.png"); 1064 /* fallback */ 1065 background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 1066 /* Saf4+, Chrome */ 1067 background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb); 1068 /* Chrome 10+, Saf5.1+ */ 1069 background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb); 1070 /* FF3.6+ */ 1071 background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb); 1072 /* IE10 */ 1073 background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb); 1074 /* Opera 11.10+ */ 1075 background-position: center; 1076 background-repeat: no-repeat; } 1077 div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected { 1078 background-color: #eedddd; 1079 background-image: url("images/settings.png"); 1080 /* fallback */ 1081 background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 1082 /* Saf4+, Chrome */ 1083 background-image: url("images/settings.png"), -webkit-linear-gradient(top, #ddbbbb, white); 1084 /* Chrome 10+, Saf5.1+ */ 1085 background-image: url("images/settings.png"), -moz-linear-gradient(top, #ddbbbb, white); 1086 /* FF3.6+ */ 1087 background-image: url("images/settings.png"), -ms-linear-gradient(top, #ddbbbb, white); 1088 /* IE10 */ 1089 background-image: url("images/settings.png"), -o-linear-gradient(top, #ddbbbb, white); 1090 /* Opera 11.10+ */ 1091 background-position: center; 1092 background-repeat: no-repeat; } 1093 div.torrent_footer #prefs-button { 1094 -moz-border-radius: 5px; 1095 border-radius: 5px; 1096 background-color: #dddddd; 1097 background-image: url("images/wrench.png"); 1098 /* fallback */ 1099 background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 1100 /* Saf4+, Chrome */ 1101 background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); 1102 /* Chrome 10+, Saf5.1+ */ 1103 background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); 1104 /* FF3.6+ */ 1105 background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); 1106 /* IE10 */ 1107 background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); 1108 /* Opera 11.10+ */ 1109 background-position: center; 1110 background-repeat: no-repeat; } 1111 div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, div.torrent_footer #prefs-button.selected { 1112 background-color: #eedddd; 1113 background-image: url("images/wrench.png"); 1114 /* fallback */ 1115 background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 1116 /* Saf4+, Chrome */ 1117 background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white); 1118 /* Chrome 10+, Saf5.1+ */ 1119 background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white); 1120 /* FF3.6+ */ 1121 background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white); 1122 /* IE10 */ 1123 background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white); 1124 /* Opera 11.10+ */ 1125 background-position: center; 1126 background-repeat: no-repeat; } 1127 div.torrent_footer #turtle-button { 1128 -moz-border-radius: 5px; 1129 border-radius: 5px; 1130 background-color: #dddddd; 1131 background-image: url("images/turtle.png"); 1132 /* fallback */ 1133 background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 1134 /* Saf4+, Chrome */ 1135 background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb); 1136 /* Chrome 10+, Saf5.1+ */ 1137 background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb); 1138 /* FF3.6+ */ 1139 background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb); 1140 /* IE10 */ 1141 background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); 1142 /* Opera 11.10+ */ 1143 background-position: center; 1144 background-repeat: no-repeat; } 1145 div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, div.torrent_footer #turtle-button.selected { 1146 background-color: #eedddd; 1147 background-image: url("images/turtle.png"); 1148 /* fallback */ 1149 background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 1150 /* Saf4+, Chrome */ 1151 background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white); 1152 /* Chrome 10+, Saf5.1+ */ 1153 background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white); 1154 /* FF3.6+ */ 1155 background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white); 1156 /* IE10 */ 1157 background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white); 1158 /* Opera 11.10+ */ 1159 background-position: center; 1160 background-repeat: no-repeat; } 1161 div.torrent_footer #compact-button { 1162 -moz-border-radius: 5px; 1163 border-radius: 5px; 1164 background-color: #dddddd; 1165 background-image: url("images/compact.png"); 1166 /* fallback */ 1167 background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 1168 /* Saf4+, Chrome */ 1169 background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb); 1170 /* Chrome 10+, Saf5.1+ */ 1171 background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb); 1172 /* FF3.6+ */ 1173 background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb); 1174 /* IE10 */ 1175 background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); 1176 /* Opera 11.10+ */ 1177 background-position: center; 1178 background-repeat: no-repeat; } 1179 div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, div.torrent_footer #compact-button.selected { 1180 background-color: #eedddd; 1181 background-image: url("images/compact.png"); 1182 /* fallback */ 1183 background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); 1184 /* Saf4+, Chrome */ 1185 background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white); 1186 /* Chrome 10+, Saf5.1+ */ 1187 background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white); 1188 /* FF3.6+ */ 1189 background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white); 1190 /* IE10 */ 1191 background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white); 1192 /* Opera 11.10+ */ 1193 background-position: center; 1194 background-repeat: no-repeat; } 225 1195 226 1196 /**** … … 229 1199 ***** 230 1200 ****/ 231 div.dialog_container { position: absolute; top: 0; left: 0px; margin: 0px; width: 100%; height: 100%; text-align: center; color: black; font-size: 1.1em; } 232 233 div.dialog_container div.dialog_window { background-color: #eee; margin: 0 auto; opacity: .95; border-top: none; text-align: left; width: 420px; z-index: 10; overflow: hidden; position: relative; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); top: 80px; } 234 235 @media screen and (-webkit-min-device-pixel-ratio:0) { div.dialog_container div.dialog_window { top: 0; margin-top: 71px; } } 236 div.dialog_container .dialog_logo { width: 64px; height: 64px; margin: 20px 20px 0 20px; float: left; background: transparent url("images/logo.png") top left no-repeat; } 237 238 div.dialog_container div.dialog_window h2.dialog_heading { display: block; float: left; width: 305px; font-size: 1.2em; color: black; margin-top: 20px; } 239 240 div.dialog_container div.dialog_window div.dialog_message { float: left; padding-left: 3px; margin-left: -3px; width: 305px; overflow: hidden; } 241 242 div.dialog_container div.dialog_window a { display: block; float: right; margin: 10px 20px 10px -8px; padding: 5px; background-color: #EEE; border: 1px solid #787878; width: 50px; height: 15px; text-align: center; font-weight: bold; text-decoration: none; color: #323232; -webkit-appearance: button; font: -webkit-control; cursor: default; } 243 244 div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active { background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; } 245 246 div#upload_container div.dialog_window div.dialog_message label { margin-top: 15px; display: block; } 247 248 div#upload_container div.dialog_window div.dialog_message input { width: 249px; margin: 3px 0 0 0; display: block; } 249 250 div#upload_container div.dialog_window div.dialog_message input[type=text] { width: 245px; padding: 2px; } 251 252 div#upload_container div.dialog_window div.dialog_message input[type=checkbox] { margin: 15px 3px 0 0; display: inline; width: auto; } 253 254 div#upload_container div.dialog_window div.dialog_message #auto_start_label { display: inline; } 255 256 div.dialog_container div.dialog_window form { margin: 0; padding: 0px; } 257 258 iframe#torrent_upload_frame { display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */ position: absolute; top: -1000px; left: -1000px; width: 0px; height: 0px; border: none; padding: 0; margin: 0; } 1201 div.dialog_container { 1202 position: absolute; 1203 top: 0; 1204 left: 0px; 1205 margin: 0px; 1206 width: 100%; 1207 height: 100%; 1208 text-align: center; 1209 color: black; 1210 font-size: 1.1em; } 1211 1212 div.dialog_container div.dialog_window { 1213 background-color: #eee; 1214 margin: 0 auto; 1215 opacity: .95; 1216 border-top: none; 1217 text-align: left; 1218 width: 420px; 1219 z-index: 10; 1220 overflow: hidden; 1221 position: relative; 1222 -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); 1223 top: 80px; } 1224 1225 @media screen and (-webkit-min-device-pixel-ratio:0) { 1226 div.dialog_container div.dialog_window { 1227 top: 0; 1228 margin-top: 71px; } } 1229 1230 div.dialog_container .dialog_logo { 1231 width: 64px; 1232 height: 64px; 1233 margin: 20px 20px 0 20px; 1234 float: left; 1235 background: transparent url("images/logo.png") top left no-repeat; } 1236 1237 div.dialog_container div.dialog_window h2.dialog_heading { 1238 display: block; 1239 float: left; 1240 width: 305px; 1241 font-size: 1.2em; 1242 color: black; 1243 margin-top: 20px; } 1244 1245 div.dialog_container div.dialog_window div.dialog_message { 1246 float: left; 1247 padding-left: 3px; 1248 margin-left: -3px; 1249 width: 305px; 1250 overflow: hidden; } 1251 1252 div.dialog_container div.dialog_window a { 1253 display: block; 1254 float: right; 1255 margin: 10px 20px 10px -8px; 1256 padding: 5px; 1257 background-color: #EEE; 1258 border: 1px solid #787878; 1259 width: 50px; 1260 height: 15px; 1261 text-align: center; 1262 font-weight: bold; 1263 text-decoration: none; 1264 color: #323232; 1265 -webkit-appearance: button; 1266 font: -webkit-control; 1267 cursor: default; } 1268 1269 div.dialog_container div.dialog_window a:hover, 1270 div.dialog_container div.dialog_window a:active { 1271 background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; } 1272 1273 div#upload_container div.dialog_window div.dialog_message label { 1274 margin-top: 15px; 1275 display: block; } 1276 1277 div#upload_container div.dialog_window div.dialog_message input { 1278 width: 249px; 1279 margin: 3px 0 0 0; 1280 display: block; } 1281 1282 div#upload_container div.dialog_window div.dialog_message input[type=text] { 1283 width: 245px; 1284 padding: 2px; } 1285 1286 div#upload_container div.dialog_window div.dialog_message input[type=checkbox] { 1287 margin: 15px 3px 0 0; 1288 display: inline; 1289 width: auto; } 1290 1291 div#upload_container div.dialog_window div.dialog_message #auto_start_label { 1292 display: inline; } 1293 1294 div.dialog_container div.dialog_window form { 1295 margin: 0; 1296 padding: 0px; } 1297 1298 iframe#torrent_upload_frame { 1299 display: block; 1300 /* Don't change this : safari forms won't target hidden frames (they open a new window) */ 1301 position: absolute; 1302 top: -1000px; 1303 left: -1000px; 1304 width: 0px; 1305 height: 0px; 1306 border: none; 1307 padding: 0; 1308 margin: 0; } 259 1309 260 1310 /**** … … 263 1313 ***** 264 1314 ****/ 265 .trans_menu { margin: 0; padding: 0; } 266 267 .trans_menu, .trans_menu ul { list-style: none; } 268 269 .trans_menu ul { /* place it right above the button */ position: relative; bottom: 18px; min-width: 210px; background-color: white; padding: 5px 0; text-align: left; list-style: none; -webkit-border-radius: 5px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); } 270 271 .trans_menu ul ul { min-width: 150px; } 272 273 .trans_menu ul ul#footer_sort_menu { min-width: 175px; } 274 275 .trans_menu > * li { margin: 0; padding: 3px 10px 3px 20px !important; color: #000; cursor: default; text-indent: auto !important; width: inherit; } 276 277 .trans_menu li.separator, .trans_menu li.separator.hover { border-top: 1px solid #ddd; margin: 5px 0; padding: 0px; background: transparent; } 278 279 .trans_menu li span.arrow { float: right; } 280 281 .trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected { color: white; } 282 283 .trans_menu span.selected { margin: 0 3px 0 -15px; color: #666; float: left; } 284 285 .trans_menu div.outerbox { display: none; background: transparent; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; } 286 287 .trans_menu div.inner { left: 0; margin: 0; } 288 289 .trans_menu li.main li { z-index: 2; min-width: 78px; } 290 291 .trans_menu a { text-decoration: none; cursor: default; } 292 293 /*-------------------------------------- C O N T E X T M E N U --------------------------------------*/ 294 div#jqContextMenu { -webkit-border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); -moz-user-select: none; -webkit-user-select: none; } 295 div#jqContextMenu ul { filter: alpha(opacity=98); -moz-opacity: .98; opacity: .98; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px; } 296 div#jqContextMenu li.separator, div#jqContextMenu div#jqContextMenu li.separator:hover { background: inherit !important; border-top: 1px solid #ddd !important; margin: 5px 0 !important; padding: 0px; } 1315 .trans_menu { 1316 margin: 0; 1317 padding: 0; } 1318 1319 .trans_menu, 1320 .trans_menu ul { 1321 list-style: none; } 1322 1323 .trans_menu ul { 1324 /* place it right above the button */ 1325 position: relative; 1326 bottom: 18px; 1327 min-width: 210px; 1328 background-color: white; 1329 padding: 5px 0; 1330 text-align: left; 1331 list-style: none; 1332 -webkit-border-radius: 5px; 1333 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); } 1334 1335 .trans_menu ul ul { 1336 min-width: 150px; } 1337 1338 .trans_menu ul ul#footer_sort_menu { 1339 min-width: 175px; } 1340 1341 .trans_menu > * li { 1342 margin: 0; 1343 padding: 3px 10px 3px 20px !important; 1344 color: #000; 1345 cursor: default; 1346 text-indent: auto !important; 1347 width: inherit; } 1348 1349 .trans_menu li.separator, 1350 .trans_menu li.separator.hover { 1351 border-top: 1px solid #ddd; 1352 margin: 5px 0; 1353 padding: 0px; 1354 background: transparent; } 1355 1356 .trans_menu li span.arrow { 1357 float: right; } 1358 1359 .trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected { 1360 color: white; } 1361 1362 .trans_menu span.selected { 1363 margin: 0 3px 0 -15px; 1364 color: #666; 1365 float: left; } 1366 1367 .trans_menu div.outerbox { 1368 display: none; 1369 background: transparent; 1370 border: 1px solid rgba(0, 0, 0, 0.1); 1371 -webkit-border-radius: 5px; } 1372 1373 .trans_menu div.inner { 1374 left: 0; 1375 margin: 0; } 1376 1377 .trans_menu li.main li { 1378 z-index: 2; 1379 min-width: 78px; } 1380 1381 .trans_menu a { 1382 text-decoration: none; 1383 cursor: default; } 1384 1385 /*-------------------------------------- 1386 * 1387 * C O N T E X T M E N U 1388 * 1389 *--------------------------------------*/ 1390 div#jqContextMenu { 1391 -webkit-border-radius: 5px; 1392 border: 1px solid rgba(0, 0, 0, 0.1); 1393 -moz-user-select: none; 1394 -webkit-user-select: none; } 1395 div#jqContextMenu ul { 1396 filter: alpha(opacity=98); 1397 -moz-opacity: .98; 1398 opacity: .98; 1399 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); 1400 -webkit-border-radius: 5px; } 1401 div#jqContextMenu li.separator, div#jqContextMenu div#jqContextMenu li.separator:hover { 1402 background: inherit !important; 1403 border-top: 1px solid #ddd !important; 1404 margin: 5px 0 !important; 1405 padding: 0px; } -
trunk/web/style/transmission/common.scss
r13074 r13081 17 17 background-image: url($src), -ms-linear-gradient(top, $topColor, $bottomColor); /* IE10 */ 18 18 background-image: url($src), -o-linear-gradient(top, $topColor, $bottomColor); /* Opera 11.10+ */ 19 background-image: url($src), linear-gradient(top, $topColor, $bottomColor); /* W3C */20 19 background-position: center; 21 20 background-repeat: no-repeat;
Note: See TracChangeset
for help on using the changeset viewer.