vnfmarket/src/main/webapp/vnfmarket/node_modules/serve-index/public/style.css

   1 * {\r
   2   margin: 0;\r
   3   padding: 0;\r
   4   outline: 0;\r
   5 }\r
   6 \r
   7 body {\r
   8   padding: 80px 100px;\r
   9   font: 13px "Helvetica Neue", "Lucida Grande", "Arial";\r
  10   background: #ECE9E9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ECE9E9));\r
  11   background: #ECE9E9 -moz-linear-gradient(top, #fff, #ECE9E9);\r
  12   background-repeat: no-repeat;\r
  13   color: #555;\r
  14   -webkit-font-smoothing: antialiased;\r
  15 }\r
  16 h1, h2, h3 {\r
  17   font-size: 22px;\r
  18   color: #343434;\r
  19 }\r
  20 h1 em, h2 em {\r
  21   padding: 0 5px;\r
  22   font-weight: normal;\r
  23 }\r
  24 h1 {\r
  25   font-size: 60px;\r
  26 }\r
  27 h2 {\r
  28   margin-top: 10px;\r
  29 }\r
  30 h3 {\r
  31   margin: 5px 0 10px 0;\r
  32   padding-bottom: 5px;\r
  33   border-bottom: 1px solid #eee;\r
  34   font-size: 18px;\r
  35 }\r
  36 ul li {\r
  37   list-style: none;\r
  38 }\r
  39 ul li:hover {\r
  40   cursor: pointer;\r
  41   color: #2e2e2e;\r
  42 }\r
  43 ul li .path {\r
  44   padding-left: 5px;\r
  45   font-weight: bold;\r
  46 }\r
  47 ul li .line {\r
  48   padding-right: 5px;\r
  49   font-style: italic;\r
  50 }\r
  51 ul li:first-child .path {\r
  52   padding-left: 0;\r
  53 }\r
  54 p {\r
  55   line-height: 1.5;\r
  56 }\r
  57 a {\r
  58   color: #555;\r
  59   text-decoration: none;\r
  60 }\r
  61 a:hover {\r
  62   color: #303030;\r
  63 }\r
  64 #stacktrace {\r
  65   margin-top: 15px;\r
  66 }\r
  67 .directory h1 {\r
  68   margin-bottom: 15px;\r
  69   font-size: 18px;\r
  70 }\r
  71 ul#files {\r
  72   width: 100%;\r
  73   height: 100%;\r
  74   overflow: hidden;\r
  75 }\r
  76 ul#files li {\r
  77   float: left;\r
  78   width: 30%;\r
  79   line-height: 25px;\r
  80   margin: 1px;\r
  81 }\r
  82 ul#files li a {\r
  83   display: block;\r
  84   height: 25px;\r
  85   border: 1px solid transparent;\r
  86   -webkit-border-radius: 5px;\r
  87   -moz-border-radius: 5px;\r
  88   border-radius: 5px;\r
  89   overflow: hidden;\r
  90   white-space: nowrap;\r
  91 }\r
  92 ul#files li a:focus,\r
  93 ul#files li a:hover {\r
  94   background: rgba(255,255,255,0.65);\r
  95   border: 1px solid #ececec;\r
  96 }\r
  97 ul#files li a.highlight {\r
  98   -webkit-transition: background .4s ease-in-out;\r
  99   background: #ffff4f;\r
 100   border-color: #E9DC51;\r
 101 }\r
 102 #search {\r
 103   display: block;\r
 104   position: fixed;\r
 105   top: 20px;\r
 106   right: 20px;\r
 107   width: 90px;\r
 108   -webkit-transition: width ease 0.2s, opacity ease 0.4s;\r
 109   -moz-transition: width ease 0.2s, opacity ease 0.4s;\r
 110   -webkit-border-radius: 32px;\r
 111   -moz-border-radius: 32px;\r
 112   -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);\r
 113   -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);\r
 114   -webkit-font-smoothing: antialiased;\r
 115   text-align: left;\r
 116   font: 13px "Helvetica Neue", Arial, sans-serif;\r
 117   padding: 4px 10px;\r
 118   border: none;\r
 119   background: transparent;\r
 120   margin-bottom: 0;\r
 121   outline: none;\r
 122   opacity: 0.7;\r
 123   color: #888;\r
 124 }\r
 125 #search:focus {\r
 126   width: 120px;\r
 127   opacity: 1.0; \r
 128 }\r
 129 \r
 130 /*views*/\r
 131 #files span {\r
 132   display: inline-block;\r
 133   overflow: hidden;\r
 134   text-overflow: ellipsis;\r
 135   text-indent: 10px;\r
 136 }\r
 137 #files .name {\r
 138   background-repeat: no-repeat;\r
 139 }\r
 140 #files .icon .name {\r
 141   text-indent: 28px;\r
 142 }\r
 143 \r
 144 /*tiles*/\r
 145 .view-tiles .name {\r
 146   width: 100%;\r
 147   background-position: 8px 5px;\r
 148 }\r
 149 .view-tiles .size,\r
 150 .view-tiles .date {\r
 151   display: none;\r
 152 }\r
 153 \r
 154 /*details*/\r
 155 ul#files.view-details li {\r
 156   float: none;\r
 157   display: block;\r
 158   width: 90%;\r
 159 }\r
 160 ul#files.view-details li.header {\r
 161   height: 25px;\r
 162   background: #000;\r
 163   color: #fff;\r
 164   font-weight: bold;\r
 165 }\r
 166 .view-details .header {\r
 167   border-radius: 5px;\r
 168 }\r
 169 .view-details .name {\r
 170   width: 60%;\r
 171   background-position: 8px 5px;\r
 172 }\r
 173 .view-details .size {\r
 174   width: 10%;\r
 175 }\r
 176 .view-details .date {\r
 177   width: 30%;\r
 178 }\r
 179 .view-details .size,\r
 180 .view-details .date {\r
 181   text-align: right;\r
 182   direction: rtl;\r
 183 }\r
 184 \r
 185 /*mobile*/\r
 186 @media (max-width: 768px) {\r
 187   body {\r
 188     font-size: 13px;\r
 189     line-height: 16px;\r
 190     padding: 0;\r
 191   }\r
 192   #search {\r
 193     position: static;\r
 194     width: 100%;\r
 195     font-size: 2em;\r
 196     line-height: 1.8em;\r
 197     text-indent: 10px;\r
 198     border: 0;\r
 199     border-radius: 0;\r
 200     padding: 10px 0;\r
 201     margin: 0;\r
 202   }\r
 203   #search:focus {\r
 204     width: 100%;\r
 205     border: 0;\r
 206     opacity: 1;\r
 207   }\r
 208   .directory h1 {\r
 209     font-size: 2em;\r
 210     line-height: 1.5em;\r
 211     color: #fff;\r
 212     background: #000;\r
 213     padding: 15px 10px;\r
 214     margin: 0;\r
 215   }\r
 216   ul#files {\r
 217     border-top: 1px solid #cacaca;\r
 218   }\r
 219   ul#files li {\r
 220     float: none;\r
 221     width: auto !important;\r
 222     display: block;\r
 223     border-bottom: 1px solid #cacaca;\r
 224     font-size: 2em;\r
 225     line-height: 1.2em;\r
 226     text-indent: 0;\r
 227     margin: 0;\r
 228   }\r
 229   ul#files li:nth-child(odd) {\r
 230     background: #e0e0e0;\r
 231   }\r
 232   ul#files li a {\r
 233     height: auto;\r
 234     border: 0;\r
 235     border-radius: 0;\r
 236     padding: 15px 10px;\r
 237   }\r
 238   ul#files li a:focus,\r
 239   ul#files li a:hover {\r
 240     border: 0;\r
 241   }\r
 242   #files .header,\r
 243   #files .size,\r
 244   #files .date {\r
 245     display: none !important;\r
 246   }\r
 247   #files .name {\r
 248     float: none;\r
 249     display: inline-block;\r
 250     width: 100%;\r
 251     text-indent: 0;\r
 252     background-position: 0 50%;\r
 253   }\r
 254   #files .icon .name {\r
 255     text-indent: 41px;\r
 256   }\r
 257 }\r