1bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen/* 2bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen * TODO(xiyuan): Remove the section overrides when options_page.css uses the 3bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen * new style. 4bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen */ 5731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#inetTitle { 6731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick border: none; 7731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick} 8731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick 9bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen#internetPage > section > h3 { 10bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen font-size: 100%; 11bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen width: auto; 12bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 13bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 14bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen#internetPage > section[hidden] { 15bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen display: none; 16bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 17bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 18ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#internetPage > section > div:only-of-type > div.checkbox { 19ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen margin: 10px 0; 20ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen -webkit-margin-start: 10px; 21ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen} 22ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen 23ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#networking-controls { 24513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch display: -webkit-box; 25513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch -webkit-margin-start: 10px; 26731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick} 27731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick 28bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.networks { 29bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen -webkit-margin-start: 15px; 30bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen padding: 2px; 31bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 32bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 33bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-password { 34bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen left: 0px; 35bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen position: relative; 36bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 37bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 384a5e2dc747d50c653511c68ccb2cfbfb740bd5a7Ben Murdoch.network-password > input, .network-password > select { 39513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch width: 200px; 40bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 41bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 42bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item { 43bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen -webkit-box-align: center; 44bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen -webkit-padding-start: 30px; 45bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen border: 1px solid rgba(255,255,255,0); /* transparent white */ 46bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen border-radius: 2px; 47bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen display: -webkit-box; 48bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen height: 35px; 49bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 50bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 514a5e2dc747d50c653511c68ccb2cfbfb740bd5a7Ben Murdoch.network-item[connectable]:hover { 52bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen border-color: hsl(214, 91%, 85%); 53bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen background-color: hsl(214, 91%, 97%); 54bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 55bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 56bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item[connected] { 573f50c38dc070f4bb515c1b64450dae14f316474eKristian Monsen background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), 583f50c38dc070f4bb515c1b64450dae14f316474eKristian Monsen rgba(255, 255, 255, 0)); 59bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen background-color: hsl(214,91%,89%); 60bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen border-color: hsl(214, 91%, 65%); 61bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 62bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 63bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item[connected]:hover { 64bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen background-color: hsl(214, 91%, 87%); 65bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen border-color: hsl(214, 91%, 65%); 66bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 67bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 68bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item[connecting] { 69bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen background-color: hsl(214, 91%, 97%); 70bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen border-color: hsl(214, 91%, 85%); 71bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen padding-top: 5px; 72bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen height: 60px; 73bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen -webkit-box-align: start; 74bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen display: block; 75bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 76bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 77513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch.network-item[connecting][other] { 78513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch height: 105px; 79513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch} 80513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch 81bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item-text { 82bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen -webkit-padding-start: 30px; 83513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch background: left center no-repeat; 84bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen cursor: default; 85bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen display: table-cell; 86513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch height: 32px; 87bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen line-height: 100%; 88bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen max-width: 320px; 89bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen overflow: hidden; 90bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen vertical-align: middle; 91bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 92bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 93513209b27ff55e2841eac0e4120199c23acce758Ben Murdochhtml[dir='rtl'] .network-item-text { 94513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch background: right center no-repeat; 95513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch} 96513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch 97513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch 98bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item[connected] > * > .network-name-label { 99bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen font-weight: bold; 100bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 101bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 102bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-status-label { 103bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen color: grey; 104bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 105bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 106bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item > * > button { 107bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen min-width: 100px; 108bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen visibility: hidden; 109731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick margin-right: 5px; 110bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 111bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 112bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item:hover > * > button, 113bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item[connected] > * > button { 114bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen visibility: visible; 115bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 116bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 117bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item[connecting] > * > button { 118bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen visibility: hidden; 119bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 120bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 121bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen.network-item-box-spacer { 122bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen -webkit-box-flex: 1; 123bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 124bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen 125731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage { 126731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick min-width: 400px; 127ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen min-height: 420px; 128513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch position: relative; 129731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick} 130731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick 131731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick.details-button { 132731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick float: right; 133731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick} 134731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick 135513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch#details-plan-table { 136513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch width: 100%; 137513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch} 138513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch 139513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch#planSummary { 140201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch width: 350px; 141201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch padding-bottom: 5px; 142201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch} 143201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch 144201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch#planWarning { 145201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch width: 350px; 146201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch padding-top: 5px; 147201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch font-weight: bold; 148513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch} 149513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch 150731df977c0511bca2206b5f333555b1205ff1f43Iain Merrickhtml[dir='rtl'] .details-button { 151731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick float: left; 152731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick} 153731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick 154ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#locked-network-banner { 15572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen height: 31px; 15672a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen width: 100%; 15772a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen margin: 0; 15872a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen padding-top: 10px; 15972a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen vertical-align: middle; 16072a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen} 16172a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen 162ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#locked-network-icon { 16372a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen background-image: url("chrome://theme/IDR_WARNING"); 16472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen background-repeat: no-repeat; 16572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen background-position:center; 16672a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen display: inline-block; 16772a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen padding: 5px; 16872a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen height: 21px; 16972a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen vertical-align: middle; 17072a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen width: 24px; 17172a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen} 17272a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen 173ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#access-locked-text { 17472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen vertical-align: middle; 17572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen} 17672a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen 177ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#internet-owner-only-warning { 178ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen margin-bottom: 10px; 179ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen margin-top: 10px; 180ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen padding-bottom: 1px; 181ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen -webkit-margin-start: 10px; 182ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen -webkit-padding-start: 20px; 183ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen background-repeat: no-repeat; 184ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen background-image: url('warning.png'); 185ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen} 186ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen 187ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#internetPage:not([accesslocked]) #locked-network-banner, 188ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#internetPage[accesslocked] #wireless-buttons, 189ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#internetPage[accesslocked] #wired-section, 190ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#internetPage[accesslocked] #wireless-section, 191ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#internetPage[accesslocked] #remembered-section, 19272a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#internetPage[accesslocked] #detailsInternetPage { 19372a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen display: none; 19472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen} 19572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen 196bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen#detailsInternetPage:not([connected]) > #advancedSection, 197513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch#detailsInternetPage:not([wireless]) > * > #detailsInternetOk, 198731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[ethernet] .wifi-details, 199731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[ethernet] .cellular-details, 200731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[cellular] .wifi-details, 201731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[wireless] .cellular-details, 202731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[cellplanloading] .no-plan-info, 203731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[cellplanloading] .plan-details-info, 204201ade2fbba22bfb27ae029f4d23fca6ded109a0Ben Murdoch#detailsInternetPage[cellplanloading] #planList, 205731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[hascellplan] .plan-loading-info, 206731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[hascellplan] .no-plan-info, 207731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[nocellplan] .plan-loading-info, 208731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage[nocellplan] .plan-details-info, 209731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick#detailsInternetPage:not([gsm]) .gsm-only, 210ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#detailsInternetPage[gsm] .cdma-only, 211ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#detailsInternetPage:not([password]) .password-details { 212731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick display: none; 213731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick} 214731df977c0511bca2206b5f333555b1205ff1f43Iain Merrick 215ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#wireless-buttons > * > button { 216513209b27ff55e2841eac0e4120199c23acce758Ben Murdoch margin-left: 5px; 217bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen} 218