1/* 2 * TODO(xiyuan): Remove the section overrides when options_page.css uses the 3 * new style. 4 */ 5#inetTitle { 6 border: none; 7} 8 9#internetPage > section > h3 { 10 font-size: 100%; 11 width: auto; 12} 13 14#internetPage > section[hidden] { 15 display: none; 16} 17 18#internetPage > section > div:only-of-type > div.checkbox { 19 margin: 10px 0; 20 -webkit-margin-start: 10px; 21} 22 23#networking-controls { 24 display: -webkit-box; 25 -webkit-margin-start: 10px; 26} 27 28.networks { 29 -webkit-margin-start: 15px; 30 padding: 2px; 31} 32 33.network-password { 34 left: 0px; 35 position: relative; 36} 37 38.network-password > input, .network-password > select { 39 width: 200px; 40} 41 42.network-item { 43 -webkit-box-align: center; 44 -webkit-padding-start: 30px; 45 border: 1px solid rgba(255,255,255,0); /* transparent white */ 46 border-radius: 2px; 47 display: -webkit-box; 48 height: 35px; 49} 50 51.network-item[connectable]:hover { 52 border-color: hsl(214, 91%, 85%); 53 background-color: hsl(214, 91%, 97%); 54} 55 56.network-item[connected] { 57 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), 58 rgba(255, 255, 255, 0)); 59 background-color: hsl(214,91%,89%); 60 border-color: hsl(214, 91%, 65%); 61} 62 63.network-item[connected]:hover { 64 background-color: hsl(214, 91%, 87%); 65 border-color: hsl(214, 91%, 65%); 66} 67 68.network-item[connecting] { 69 background-color: hsl(214, 91%, 97%); 70 border-color: hsl(214, 91%, 85%); 71 padding-top: 5px; 72 height: 60px; 73 -webkit-box-align: start; 74 display: block; 75} 76 77.network-item[connecting][other] { 78 height: 105px; 79} 80 81.network-item-text { 82 -webkit-padding-start: 30px; 83 background: left center no-repeat; 84 cursor: default; 85 display: table-cell; 86 height: 32px; 87 line-height: 100%; 88 max-width: 320px; 89 overflow: hidden; 90 vertical-align: middle; 91} 92 93html[dir='rtl'] .network-item-text { 94 background: right center no-repeat; 95} 96 97 98.network-item[connected] > * > .network-name-label { 99 font-weight: bold; 100} 101 102.network-status-label { 103 color: grey; 104} 105 106.network-item > * > button { 107 min-width: 100px; 108 visibility: hidden; 109 margin-right: 5px; 110} 111 112.network-item:hover > * > button, 113.network-item[connected] > * > button { 114 visibility: visible; 115} 116 117.network-item[connecting] > * > button { 118 visibility: hidden; 119} 120 121.network-item-box-spacer { 122 -webkit-box-flex: 1; 123} 124 125#detailsInternetPage { 126 min-width: 400px; 127 min-height: 420px; 128 position: relative; 129} 130 131.details-button { 132 float: right; 133} 134 135#details-plan-table { 136 width: 100%; 137} 138 139#planSummary { 140 width: 350px; 141 padding-bottom: 5px; 142} 143 144#planWarning { 145 width: 350px; 146 padding-top: 5px; 147 font-weight: bold; 148} 149 150html[dir='rtl'] .details-button { 151 float: left; 152} 153 154#locked-network-banner { 155 height: 31px; 156 width: 100%; 157 margin: 0; 158 padding-top: 10px; 159 vertical-align: middle; 160} 161 162#locked-network-icon { 163 background-image: url("chrome://theme/IDR_WARNING"); 164 background-repeat: no-repeat; 165 background-position:center; 166 display: inline-block; 167 padding: 5px; 168 height: 21px; 169 vertical-align: middle; 170 width: 24px; 171} 172 173#access-locked-text { 174 vertical-align: middle; 175} 176 177#internet-owner-only-warning { 178 margin-bottom: 10px; 179 margin-top: 10px; 180 padding-bottom: 1px; 181 -webkit-margin-start: 10px; 182 -webkit-padding-start: 20px; 183 background-repeat: no-repeat; 184 background-image: url('warning.png'); 185} 186 187#internetPage:not([accesslocked]) #locked-network-banner, 188#internetPage[accesslocked] #wireless-buttons, 189#internetPage[accesslocked] #wired-section, 190#internetPage[accesslocked] #wireless-section, 191#internetPage[accesslocked] #remembered-section, 192#internetPage[accesslocked] #detailsInternetPage { 193 display: none; 194} 195 196#detailsInternetPage:not([connected]) > #advancedSection, 197#detailsInternetPage:not([wireless]) > * > #detailsInternetOk, 198#detailsInternetPage[ethernet] .wifi-details, 199#detailsInternetPage[ethernet] .cellular-details, 200#detailsInternetPage[cellular] .wifi-details, 201#detailsInternetPage[wireless] .cellular-details, 202#detailsInternetPage[cellplanloading] .no-plan-info, 203#detailsInternetPage[cellplanloading] .plan-details-info, 204#detailsInternetPage[cellplanloading] #planList, 205#detailsInternetPage[hascellplan] .plan-loading-info, 206#detailsInternetPage[hascellplan] .no-plan-info, 207#detailsInternetPage[nocellplan] .plan-loading-info, 208#detailsInternetPage[nocellplan] .plan-details-info, 209#detailsInternetPage:not([gsm]) .gsm-only, 210#detailsInternetPage[gsm] .cdma-only, 211#detailsInternetPage:not([password]) .password-details { 212 display: none; 213} 214 215#wireless-buttons > * > button { 216 margin-left: 5px; 217} 218