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 93 html[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 150 html[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