static/non-critical.css

   1 #searchdiv {
   2         text-align: center;
   3 }
   4
   5 #searchdiv input[type=text] {
   6         width: 350px;
   7         padding: 7px;
   8 }
   9
  10 .alert {
  11         padding: 15px;
  12         padding-top: 12px;
  13         margin-bottom: 20px;
  14         border: 1px solid transparent;
  15         border-radius: 4px;
  16 }
  17
  18 .alert-warning {
  19         color: #8a6d3b;
  20         background-color: #fcf8e3;
  21         border-color: #faebcc;
  22 }
  23
  24 .alert-danger {
  25         color: #cc1446;
  26         background-color: #f2dede;
  27         border-color: #ebccd1;
  28 }
  29
  30 .pagination a:link
  31 , .perpackage-pagination a:link
  32 , #packages a:link
  33 , .pagination a:visited
  34 , .perpackage-pagination a:visited
  35 , #packages a:visited {
  36         text-decoration: none;
  37 }
  38 .pagination a:hover
  39 , .perpackage-pagination a:hover
  40 , #packages a:hover
  41 , .perpackage-pagination a:visited:hover
  42 , .pagination a:visited:hover
  43 , #packages a:visited:hover {
  44         text-decoration: underline;
  45 }
  46
  47 .perpackage-pagination a, .pagination a {
  48         margin-left:  0.2em;
  49         margin-right: 0.2em;
  50 }
  51
  52 #perpackage, #perpackage-results, .perpackage-pagination {
  53         position: relative;
  54         background-color: #fff;
  55 }
  56
  57 #options {
  58         padding-bottom: 1.5em;
  59         margin-top: 0.15em;
  60 }
  61
  62 #options input {
  63         margin-left: 0;
  64 }
  65
  66 #perpackage-results h2 {
  67         padding-top: 0.4em;
  68         padding-bottom: 0.25em;
  69         padding-right: 0.4em;
  70         text-transform: uppercase;
  71         font-family: 'Inconsolata';
  72         font-size: 17px;
  73         font-weight: bold;
  74         letter-spacing: 2px;
  75         margin-bottom: 0.5em;
  76         margin-top: 1.5em;
  77 }
  78
  79 #perpackage-results .packagename {
  80         text-transform: uppercase;
  81 }
  82
  83 #perpackage-results ul {
  84         margin-top: 0;
  85 }
  86
  87 #perpackage-results ul li:first-child {
  88         padding-top: 0.5em;
  89         border-top: 1px solid rgba(0,0,0,0.15);
  90 }
  91
  92 #perpackage>h2, #normalresults>h2 {
  93         font-size: 20px;
  94         border: 0;
  95         background-color: #f5f6f7;
  96         padding-top: 0.4em;
  97         padding-bottom: 0.5em;
  98         padding-left: 15px;
  99         margin: 0;
 100         padding-right: 0.4em;
 101         border-radius: 4px;
 102 }
 103
 104 h1, h2 {
 105         font-weight: normal;
 106         letter-spacing: initial;
 107 }
 108
 109 h1 {
 110         font-size: 1.8em;
 111         line-height: 0.83333;
 112         margin: 0.83333em 0 0.83333em 0;
 113 }
 114
 115 h2 {
 116         font-size: 1.4em;
 117         line-height: 1.0714286;
 118         margin: 1.0714286em 0 1.0714286em 0;
 119 }
 120
 121 pre, code {
 122     font-family: 'Inconsolata', monospace !important;
 123     font-size: 14px !important;
 124     margin: 0 !important;
 125     padding: 0 !important;
 126 }
 127
 128 a code {
 129     font-size: 17px !important;
 130     color: #00E;
 131 }
 132
 133 #results a, #perpackage-results a {
 134     text-decoration: none;
 135     border-bottom: 1px solid;
 136 }
 137
 138 #results, #perpackage-results ul {
 139     list-style-type: none;
 140     padding-left: 0;
 141 }
 142
 143 #results li small, #perpackage-results small {
 144     opacity: 0;
 145 }
 146
 147 #results small:hover, #perpackage-results small:hover {
 148     opacity: 0.75;
 149 }
 150
 151 #results li {
 152     margin-bottom: 1em;
 153 }
 154
 155 #results small {
 156     opacity: 0.4;
 157 }
 158
 159 .pagination, .perpackage-pagination {
 160     margin-top: 2em;
 161     margin-bottom: 2em;
 162     margin-left: auto;
 163     margin-right: auto;
 164 }
 165
 166 pre {
 167     white-space: pre-wrap;
 168     white-space: -moz-pre-wrap;
 169     white-space: -pre-wrap;
 170     white-space: -o-pre-wrap;
 171     word-wrap: break-word;
 172 }
 173
 174 .lnr {
 175     color: #999;
 176     text-align: right;
 177     padding-right: 1em;
 178     padding-top: 0;
 179     float: left;
 180     width: em;
 181 }
 182
 183 #packages {
 184     display: table;
 185     table-layout: fixed;
 186     width: 100%;
 187     max-width: 100%;
 188 }
 189
 190 #packages span {
 191     display: table-cell;
 192 }
 193
 194 #packages span:first-child {
 195     text-overflow: ellipsis;
 196     white-space: nowrap;
 197     overflow: hidden;
 198 }
 199
 200 #packages span.showhint {
 201 /* TODO: instead of specifying a percentage, can we make this auto-size? use http://jsfiddle.net/L8S9L/2/ for testing */
 202     width: 5%;
 203     padding-left: 0.5em;
 204 }
 205
 206 #packages span.showhint a {
 207    text-decoration: none;
 208 }
 209
 210 @keyframes movefromright {
 211         from { transform: translate3d(-100%, 0, 0); }
 212         to   { transform: none; }
 213 }
 214
 215 .ppanimation {
 216         box-shadow: rgba(213, 213, 213, 0.658824) 4px 0px 1px -3px;
 217         animation-duration: 0.30s;
 218         animation-name: movefromright;
 219         animation-direction: alternate;
 220 }
 221
 222 .animation-reverse {
 223         animation-direction: reverse;
 224 }