gluon-web-remote

Web remote Administration for big size of gluon routers
git clone git://archive.git.mtrnord.blog/MTRNord/gluon-web-remote.git
Log | Files | Refs | README

jquery.dropdown.css (2076B)

      1 .dropdownjs {
      2   position: relative;
      3 }
      4 .dropdownjs  * {
      5   box-sizing: border-box;
      6 }
      7 .dropdownjs > input {
      8   width: 100%;
      9   padding-right: 30px;
     10   text-overflow: ellipsis;
     11 }
     12 .dropdownjs > input.focus ~ ul {
     13   -webkit-transform: scale(1);
     14       -ms-transform: scale(1);
     15           transform: scale(1);
     16 }
     17 .dropdownjs > ul {
     18   position: absolute;
     19   padding: 0;
     20   margin: 0;
     21   min-width: 200px;
     22   -webkit-transform: scale(0);
     23       -ms-transform: scale(0);
     24           transform: scale(0);
     25   z-index: 10000;
     26 }
     27 .dropdownjs > ul[placement=top-left] {
     28   -webkit-transform-origin: bottom left;
     29       -ms-transform-origin: bottom left;
     30           transform-origin: bottom left;
     31   bottom: 0;
     32   left: 0;
     33 }
     34 .dropdownjs > ul[placement=bottom-left] {
     35   -webkit-transform-origin: top left;
     36       -ms-transform-origin: top left;
     37           transform-origin: top left;
     38   top: 0;
     39   left: 0;
     40 }
     41 .dropdownjs > ul  > li {
     42   list-style: none;
     43   padding: 10px 20px;
     44 }
     45 .dropdownjs > ul  > li.dropdownjs-add {
     46   padding: 0;
     47 }
     48 .dropdownjs > ul  > li.dropdownjs-add > input {
     49   border: 0;
     50   padding: 10px 20px;
     51   width: 100%;
     52 }
     53 
     54 /* Theme */
     55 .dropdownjs > input[readonly] {
     56   cursor: pointer;
     57 }
     58 select[data-dropdownjs][disabled] + .dropdownjs > input[readonly] {
     59   cursor: default;
     60 }
     61 .dropdownjs > ul {
     62   background: #FFF;
     63   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
     64   -webkit-transition: -webkit-transform 0.2s ease-out;
     65           transition: transform 0.2s ease-out;
     66   padding: 10px;
     67   overflow: auto;
     68   max-width: 500px;
     69 }
     70 .dropdownjs > ul > li {
     71   cursor: pointer;
     72   word-wrap: break-word;
     73 }
     74 .dropdownjs > ul > li.selected,
     75 .dropdownjs > ul > li:active {
     76   background-color: #eaeaea;
     77 }
     78 .dropdownjs > ul > li:focus {
     79   outline: 0;
     80   outline: 1px solid #d4d4d4;
     81 }
     82 .dropdownjs > ul > li > .close:before {
     83   content: "\00d7";
     84   display: block;
     85   position: absolute;
     86   right: 15px;
     87   float: right;
     88   font-size: 21px;
     89   font-weight: 700;
     90   line-height: 1;
     91   color: #000;
     92   text-shadow: 0 1px 0 #fff;
     93   opacity: .6;
     94 }
     95 .dropdownjs > ul > li:h > .close:hover:before {
     96   opacity: .9;
     97 }