Home | History | Annotate | Download | only in chromeos 
      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