Changeset 13091
- Timestamp:
- Nov 14, 2011, 1:44:11 AM (11 years ago)
- Location:
- trunk/web
- Files:
-
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/web/index.html
r13087 r13091 48 48 49 49 <div id="statusbar"> 50 <div id='filter -select'>50 <div id='filter'> 51 51 Show 52 52 <select id="filter-mode"> … … 59 59 </select> 60 60 <select id="filter-tracker"></select> 61 <input type="search" id="torrent_search" placeholder="Filter" /> 61 62 — 62 63 <span id="filter-count"> </span> 63 64 </div> 64 65 65 <input type="search" id="torrent_search" placeholder="Filter" />66 <div id='filter-button'></div>67 66 <div id='speed-info'> 68 67 <div id='speed-dn-container'> -
trunk/web/style/transmission/common.css
r13089 r13091 304 304 background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); 305 305 background-image: linear-gradient(top, #dddddd, #bbbbbb); } 306 #statusbar #filter { 307 float: left; 308 margin-left: 5px; } 309 #statusbar #filter input#torrent_search { 310 height: 18px; 311 width: 100px; 312 border: 1px solid black; 313 border-radius: 4px; } 314 #statusbar #filter input#torrent_search.blur { 315 color: #999; } 306 316 #statusbar #speed-info { 317 float: right; 307 318 margin-top: 5px; 308 margin-left: 45%; 309 text-align: left; } 319 margin-right: 10px; } 310 320 #statusbar #speed-info * { 311 321 display: inline-block; } … … 319 329 height: 8px; 320 330 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-select { 330 float: left; 331 margin-left: 5px; } 332 #statusbar input#torrent_search { 333 float: right; 334 height: 15px; 335 width: 100px; 336 border: solid 0 #fff; 337 padding: 2px; 338 margin: 4px 5px 0 0; 339 border-radius: 5px; } 340 #statusbar input#torrent_search.blur { 341 color: #999; } 331 #statusbar #speed-info #speed-up-container, #statusbar #speed-info #speed-dn-container { 332 display: inline; } 342 333 343 334 /*** -
trunk/web/style/transmission/common.scss
r13089 r13091 200 200 @include verticalGradient($statusbar-gradient-top, $statusbar-gradient-bottom); 201 201 202 #filter 203 { 204 float: left; 205 margin-left: 5px; 206 207 input#torrent_search { 208 height: 18px; 209 width: 100px; 210 border: 1px solid black; 211 border-radius: 4px; 212 &.blur { color: #999; } 213 } 214 } 215 202 216 #speed-info 203 217 { 218 float: right; 204 219 margin-top: 5px; 205 margin-left: 45%; 206 text-align: left; 220 margin-right: 10px; 207 221 208 222 * { … … 223 237 } 224 238 225 #speed-up-container { 226 display: none; 227 &.active { display: inline; } 228 } 229 230 #speed-dn-container { 231 display: none; 232 &.active { display: inline; } 233 } 234 } 235 236 #filter-select { 237 float: left; 238 margin-left: 5px; 239 } 240 241 input#torrent_search { 242 float: right; 243 height: 15px; 244 width: 100px; 245 border: solid 0 #fff; 246 padding: 2px; 247 margin: 4px 5px 0 0; 248 border-radius: 5px; 249 250 &.blur { 251 color: #999; 239 #speed-up-container, #speed-dn-container { 240 display: inline; 252 241 } 253 242 } -
trunk/web/style/transmission/mobile.css
r13087 r13091 83 83 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); 84 84 /* Opera 11.10+ */ 85 background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb);86 /* W3C */87 85 background-position: center; 88 86 background-repeat: no-repeat; … … 102 100 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #cdcdff, white); 103 101 /* Opera 11.10+ */ 104 background-image: url("images/toolbar-folder.png"), linear-gradient(top, #cdcdff, white);105 /* W3C */106 102 background-position: center; 107 103 background-repeat: no-repeat; } … … 124 120 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); 125 121 /* Opera 11.10+ */ 126 background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb);127 /* W3C */128 122 background-position: center; 129 123 background-repeat: no-repeat; } … … 142 136 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #cdcdff, white); 143 137 /* Opera 11.10+ */ 144 background-image: url("images/toolbar-close.png"), linear-gradient(top, #cdcdff, white);145 /* W3C */146 138 background-position: center; 147 139 background-repeat: no-repeat; } … … 164 156 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); 165 157 /* Opera 11.10+ */ 166 background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb);167 /* W3C */168 158 background-position: center; 169 159 background-repeat: no-repeat; … … 183 173 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #cdcdff, white); 184 174 /* Opera 11.10+ */ 185 background-image: url("images/toolbar-start.png"), linear-gradient(top, #cdcdff, white);186 /* W3C */187 175 background-position: center; 188 176 background-repeat: no-repeat; } … … 205 193 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); 206 194 /* Opera 11.10+ */ 207 background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb);208 /* W3C */209 195 background-position: center; 210 196 background-repeat: no-repeat; } … … 223 209 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #cdcdff, white); 224 210 /* Opera 11.10+ */ 225 background-image: url("images/toolbar-pause.png"), linear-gradient(top, #cdcdff, white);226 /* W3C */227 211 background-position: center; 228 212 background-repeat: no-repeat; } … … 243 227 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); 244 228 /* Opera 11.10+ */ 245 background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb);246 /* W3C */247 229 background-position: center; 248 230 background-repeat: no-repeat; … … 262 244 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #cdcdff, white); 263 245 /* Opera 11.10+ */ 264 background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #cdcdff, white);265 /* W3C */266 246 background-position: center; 267 247 background-repeat: no-repeat; } … … 282 262 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); 283 263 /* Opera 11.10+ */ 284 background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb);285 /* W3C */286 264 background-position: center; 287 265 background-repeat: no-repeat; … … 302 280 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #cdcdff, white); 303 281 /* Opera 11.10+ */ 304 background-image: url("images/toolbar-info.png"), linear-gradient(top, #cdcdff, white);305 /* W3C */306 282 background-position: center; 307 283 background-repeat: no-repeat; } … … 327 303 background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); 328 304 background-image: linear-gradient(top, #dddddd, #bbbbbb); } 305 #statusbar #filter { 306 float: left; 307 margin-left: 5px; } 308 #statusbar #filter input#torrent_search { 309 display: none; } 329 310 #statusbar #speed-info { 311 float: right; 330 312 margin-top: 5px; 331 margin-left: 45%; 332 text-align: left; } 313 margin-right: 10px; } 333 314 #statusbar #speed-info * { 334 315 display: inline-block; } … … 342 323 height: 8px; 343 324 background: url("images/arrow-down.png") bottom no-repeat; } 344 #statusbar #speed-info #speed-up-container { 345 display: none; } 346 #statusbar #speed-info #speed-up-container.active { 347 display: inline; } 348 #statusbar #speed-info #speed-dn-container { 349 display: none; } 350 #statusbar #speed-info #speed-dn-container.active { 351 display: inline; } 352 #statusbar #filter-select { 353 float: left; 354 margin-left: 5px; } 355 #statusbar input#torrent_search { 356 display: none; } 325 #statusbar #speed-info #speed-up-container, #statusbar #speed-info #speed-dn-container { 326 display: inline; } 357 327 358 328 /*** … … 624 594 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); 625 595 /* Opera 11.10+ */ 626 background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb);627 /* W3C */628 596 background-position: center; 629 597 background-repeat: no-repeat; … … 643 611 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); 644 612 /* Opera 11.10+ */ 645 background-image: url("images/inspector-info.png"), linear-gradient(top, #cdcdff, white);646 /* W3C */647 613 background-position: center; 648 614 background-repeat: no-repeat; } … … 661 627 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); 662 628 /* Opera 11.10+ */ 663 background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb);664 /* W3C */665 629 background-position: center; 666 630 background-repeat: no-repeat; } … … 679 643 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); 680 644 /* Opera 11.10+ */ 681 background-image: url("images/inspector-peers.png"), linear-gradient(top, #cdcdff, white);682 /* W3C */683 645 background-position: center; 684 646 background-repeat: no-repeat; } … … 697 659 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); 698 660 /* Opera 11.10+ */ 699 background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb);700 /* W3C */701 661 background-position: center; 702 662 background-repeat: no-repeat; } … … 715 675 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); 716 676 /* Opera 11.10+ */ 717 background-image: url("images/inspector-trackers.png"), linear-gradient(top, #cdcdff, white);718 /* W3C */719 677 background-position: center; 720 678 background-repeat: no-repeat; } … … 737 695 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); 738 696 /* Opera 11.10+ */ 739 background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb);740 /* W3C */741 697 background-position: center; 742 698 background-repeat: no-repeat; } … … 755 711 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); 756 712 /* Opera 11.10+ */ 757 background-image: url("images/inspector-files.png"), linear-gradient(top, #cdcdff, white);758 /* W3C */759 713 background-position: center; 760 714 background-repeat: no-repeat; } … … 926 880 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 927 881 /* Opera 11.10+ */ 928 background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8);929 /* W3C */930 882 background-position: center; 931 883 background-repeat: no-repeat; … … 945 897 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 946 898 /* Opera 11.10+ */ 947 background-image: url("images/file-priority-low.png"), linear-gradient(top, #d7d7ff, #f5f5ff);948 /* W3C */949 899 background-position: center; 950 900 background-repeat: no-repeat; } … … 963 913 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 964 914 /* Opera 11.10+ */ 965 background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8);966 /* W3C */967 915 background-position: center; 968 916 background-repeat: no-repeat; } … … 981 929 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 982 930 /* Opera 11.10+ */ 983 background-image: url("images/file-priority-normal.png"), linear-gradient(top, #d7d7ff, #f5f5ff);984 /* W3C */985 931 background-position: center; 986 932 background-repeat: no-repeat; } … … 1003 949 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 1004 950 /* Opera 11.10+ */ 1005 background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8);1006 /* W3C */1007 951 background-position: center; 1008 952 background-repeat: no-repeat; … … 1022 966 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 1023 967 /* Opera 11.10+ */ 1024 background-image: url("images/file-priority-high.png"), linear-gradient(top, #d7d7ff, #f5f5ff);1025 /* W3C */1026 968 background-position: center; 1027 969 background-repeat: no-repeat; } … … 1075 1017 background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); 1076 1018 /* Opera 11.10+ */ 1077 background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb);1078 /* W3C */1079 1019 background-position: center; 1080 1020 background-repeat: no-repeat; } … … 1093 1033 background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); 1094 1034 /* Opera 11.10+ */ 1095 background-image: url("images/wrench.png"), linear-gradient(top, #cdcdff, white);1096 /* W3C */1097 1035 background-position: center; 1098 1036 background-repeat: no-repeat; } … … 1113 1051 background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); 1114 1052 /* Opera 11.10+ */ 1115 background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb);1116 /* W3C */1117 1053 background-position: center; 1118 1054 background-repeat: no-repeat; } … … 1131 1067 background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); 1132 1068 /* Opera 11.10+ */ 1133 background-image: url("images/turtle.png"), linear-gradient(top, #cdcdff, white);1134 /* W3C */1135 1069 background-position: center; 1136 1070 background-repeat: no-repeat; } … … 1151 1085 background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); 1152 1086 /* Opera 11.10+ */ 1153 background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb);1154 /* W3C */1155 1087 background-position: center; 1156 1088 background-repeat: no-repeat; } … … 1169 1101 background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); 1170 1102 /* Opera 11.10+ */ 1171 background-image: url("images/compact.png"), linear-gradient(top, #cdcdff, white);1172 /* W3C */1173 1103 background-position: center; 1174 1104 background-repeat: no-repeat; } -
trunk/web/style/transmission/mobile.scss
r13087 r13091 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; … … 193 192 @include verticalGradient($statusbar-gradient-top, $statusbar-gradient-bottom); 194 193 194 #filter 195 { 196 float: left; 197 margin-left: 5px; 198 199 input#torrent_search { 200 display: none; 201 } 202 } 203 195 204 #speed-info 196 205 { 206 float: right; 197 207 margin-top: 5px; 198 margin-left: 45%; 199 text-align: left; 208 margin-right: 10px; 200 209 201 210 * { … … 216 225 } 217 226 218 #speed-up-container { 219 display: none; 220 &.active { display: inline; } 221 } 222 223 #speed-dn-container { 224 display: none; 225 &.active { display: inline; } 226 } 227 } 228 229 #filter-select { 230 float: left; 231 margin-left: 5px; 232 } 233 234 input#torrent_search { 235 display: none; 227 #speed-up-container, #speed-dn-container { 228 display: inline; 229 } 236 230 } 237 231 }
Note: See TracChangeset
for help on using the changeset viewer.