pkgs/webapps/apache-theme/theme/style.css

   1 /*------------------------------------*\
   2     Apaxy
   3     by @adamwhitcroft
   4
   5     Theme name: Apaxy
   6     Theme author: @adamwhitcroft
   7 \*------------------------------------*/
   8 @import url('//fonts.googleapis.com/css?family=Open+Sans');
   9 /* Have to use @import for the font, as you can only specify a single stylesheet */
  10 * {
  11         margin:0;
  12         padding:0;
  13         -webkit-box-sizing:border-box;
  14            -moz-box-sizing:border-box;
  15                box-sizing: border-box;
  16 }
  17
  18 html {
  19         min-height:100%;
  20         border-top:10px solid #ECEEF1;
  21         border-bottom:10px solid #ECEEF1;
  22         color:#61666c;
  23         font-weight:400;
  24         font-size:1em;
  25         font-family:'Open Sans', sans-serif;
  26         line-height:2em;
  27 }
  28 body {
  29         padding:20px;
  30         -webkit-backface-visibility:hidden;
  31 }
  32 code {
  33         font-family:consolas,monospace;
  34 }
  35 a {
  36         color:#61666c;
  37         text-decoration:none;
  38 }
  39 a, img {
  40         border:none;
  41         outline:none
  42 }
  43 a:hover {
  44         color:#2a2a2a;
  45 }
  46 /*------------------------------------*\
  47     Wrapper
  48 \*------------------------------------*/
  49 .wrapper {
  50         margin:0 auto;
  51         padding-top:20px;
  52         max-width:80%;
  53 }
  54 /*------------------------------------*\
  55     Demo block
  56 \*------------------------------------*/
  57 .block {
  58         font-size:.875em;
  59         margin:20px 0;
  60         padding:20px;
  61         color:#9099A3;
  62 }
  63 /*------------------------------------*\
  64     Table (directory listing)
  65 \*------------------------------------*/
  66 table {
  67         width:100%;
  68         border-collapse:collapse;
  69         font-size:.875em;
  70 }
  71 tr {
  72         outline:0;
  73         border:0;
  74 }
  75 tr:hover td {
  76         background:#f6f6f6;
  77 }
  78 th {
  79         text-align:left;
  80         font-size:.75em;
  81         padding-right:20px;
  82 }
  83 /* 2nd Column: Filename */
  84 th + th {
  85         width:65%;
  86 }
  87 /* 3rd Column: Last Modified */
  88 th + th + th {
  89 }
  90 /* 4th Column: Size */
  91 th + th + th + th {
  92         width:5%;
  93 }
  94 tr td:first-of-type {
  95         padding-left:10px;
  96         padding-right:10px;
  97 }
  98 td {
  99         padding:5px 0;
 100         outline:0;
 101         border:0;
 102         border-bottom:1px solid #edf1f5;
 103         vertical-align:middle;
 104         text-align:left;
 105         -webkit-transition:background 300ms ease;
 106            -moz-transition:background 300ms ease;
 107             -ms-transition:background 300ms ease;
 108              -o-transition:background 300ms ease;
 109                 transition:background 300ms ease;
 110 }
 111 td a{
 112         display: block;
 113 }
 114 tr.parent a[href^="/"] {
 115         color:#9099A3;
 116 }
 117         .parent a[href^="/"]:hover {
 118                 color:#2281d0;
 119         }
 120 /*------------------------------------*\
 121     Footer
 122 \*------------------------------------*/
 123 .footer {
 124         text-align:center;
 125         font-size:.75em;
 126 }
 127
 128 h1#pagetitle {
 129   text-align: center;
 130 }
 131 tr.parent a[href="/"]{
 132   display: none;
 133 }
 134
 135 tr.indexhead {
 136   visibility: hidden;
 137 }
 138
 139 th.indexcollastmod, td.indexcollastmod, th.indexcolsize, td.indexcolsize {
 140   visibility: hidden;
 141 }
 142
 143 .instructions a {
 144   text-decoration: underline;
 145 }
 146
 147 .instructions h2 {
 148   margin-top: 10px;
 149 }
 150 .instructions em.important:before {
 151   content: "⚠ Important ⚠ ";
 152   color: red;
 153 }
 154 .instructions pre {
 155   width: 50em;
 156   padding: 10px 15px;
 157   display: table;
 158   border: 1px inset black;
 159   line-height: 1em;
 160 }