dgbuilder/dgeflows/node_modules/serve-index/public/style.css

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