slitaz-forge annotate pkgs/pkgs.css @ rev 603

Update to the current state of "mirror" and "pkgs"
author Aleksej Bobylev <al.bobylev@gmail.com>
date Sun Oct 25 06:47:13 2015 +0200 (2015-10-25)
parents 3927a22b609e
children fd79a2207aed
rev   line source
al@293 1 /* TABLE */
al@293 2 table {
al@293 3 width: 100%;
al@284 4 border: 1px solid #CCC;
al@293 5 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
al@293 6 border-spacing: 0;
al@603 7 padding: 0;
al@293 8 }
al@293 9 tr {
al@293 10 margin: 0;
al@284 11 padding: 4px;
al@293 12 }
al@293 13 td {
al@293 14 margin: 0;
al@293 15 padding: 6px;
al@293 16 vertical-align: top;
al@293 17 }
al@603 18 .first {
al@293 19 width: 1%;
al@293 20 white-space: nowrap;
al@293 21 }
al@603 22 .pre {
al@293 23 padding-left: 2em;
al@293 24 white-space: nowrap;
al@603 25 border-bottom: 1px solid #CCC;
al@293 26 }
al@603 27 .bugs tr:nth-child(even) { border-bottom: 1px solid #CCC; }
al@293 28
al@293 29
al@293 30 /* --- */
al@293 31
al@603 32 .form {
al@293 33 display: table;
al@293 34 table-layout: auto;
al@293 35 width: 100%;
al@293 36 padding: 0;
al@293 37 margin: 0 0 20px 0; /* t r b l */
al@284 38 }
al@284 39
al@293 40 #s_form {
al@293 41 display: table-row;
al@603 42 padding: 6px;
al@293 43 margin: 0;
al@293 44 text-align: center;
al@293 45 }
al@284 46
al@293 47 .small {
al@293 48 white-space: nowrap;
al@293 49 display: table-cell;
al@293 50 width: 10%;
al@293 51 }
al@603 52 select, input, button {
al@603 53 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
al@603 54 height: 2rem;
al@603 55 min-height: 2rem;
al@603 56 font-size: 1rem;
al@284 57 }
al@293 58 span.stretch {
al@293 59 display: table-cell;
al@293 60 width: 100%;
al@603 61 padding: 0;
al@293 62 margin: 0;
al@284 63 }
al@603 64 #query { width: 100%; }
al@293 65
al@603 66 #ticker {
al@603 67 padding: 12px 0;
al@293 68 }
al@603 69 #ticker img {
al@293 70 float: right;
al@603 71 width: 16px;
al@603 72 height: 16px;
al@603 73 }
al@603 74 #ticker progress {
al@603 75 width: 100%;
al@603 76 box-sizing: border-box;
al@293 77 }
al@293 78
al@293 79 .summary {
al@293 80 text-align: center;
al@293 81 font-style: italic;
al@293 82 }
al@603 83 mark {
al@603 84 background: #FF8;
al@603 85 border: 1px solid #EB7;
al@603 86 border-radius: 50%;
al@603 87 }
al@603 88 .err::before {
al@603 89 display: inline-block;
al@603 90 vertical-align: middle;
al@603 91 content: url(icons/dialog-error.png);
al@603 92 padding: 1ex;
al@603 93 }
al@603 94
al@603 95
al@603 96
al@603 97
al@603 98 /* Tags cloud (and other "clouds") */
al@603 99
al@603 100 /* tag - Number of elements */
al@603 101 .tagn {
al@603 102 color: #99F;
al@603 103 font-size: 9pt;
al@603 104 padding-left: 5px;
al@603 105 padding-right: 2px;
al@603 106 }
al@603 107 /* tag - Anchor */
al@603 108 .taga {
al@293 109 font-weight: bold;
al@603 110 color: #222;
al@603 111 text-decoration: none;
al@293 112 }
al@603 113 .tag1 { font-size: 8pt; color: #005E80; /*#222222*/ }
al@603 114 .tag2 { font-size: 9pt; color: #4A5C79; /*#383432*/ }
al@603 115 .tag3 { font-size: 10pt; color: #6F5A71; /*#4E433F*/ }
al@603 116 .tag4 { font-size: 11pt; color: #8A5769; /*#644E46*/ }
al@603 117 .tag5 { font-size: 12pt; color: #A05561; /*#7A5749*/ }
al@603 118 .tag6 { font-size: 13pt; color: #B45357; /*#905C48*/ }
al@603 119 .tag7 { font-size: 14pt; color: #C5504C; /*#A75E43*/ }
al@603 120 .tag8 { font-size: 15pt; color: #D54E40; /*#BD5D39*/ }
al@603 121 .tag9 { font-size: 16pt; color: #E44B31; /*#D3582A*/ }
al@603 122 .tag10{ font-size: 17pt; color: #F2491D; /*#E95117*/ }
al@603 123 .tag11{ font-size: 18pt; color: #FF4600; /*#FF4600*/ }
al@603 124
al@603 125
al@603 126
al@293 127
al@293 128 /* SYNTAX HIGHLIGHTER */
al@293 129 .r-comment { color: #888; }
al@293 130 .r-literal { color: #f35a00; }
al@293 131 .r-var { font-weight: bold; color: #070; }
al@293 132 .r-func { color: #4895DD; }
al@293 133 .r-url { text-decoration: none; }
al@293 134 .r-com, .r-scom { color: #4895DD; font-weight: bold; /*background-color: #cde;*/ }
al@293 135 .r-path { text-decoration: underline; color: brown; }
al@293 136 .r-param { font-weight: bold; color: #444; }
al@603 137
al@603 138
al@603 139
al@603 140
al@603 141 /* Actions icons */
al@603 142
al@603 143 .last { text-align: right; white-space: nowrap; }
al@603 144
al@603 145 .dl, .rc, .co {
al@603 146 height: 16px;
al@603 147 background-repeat: no-repeat; background-position: left top; background-size: contain;
al@603 148 display: inline-block; vertical-align: middle;
al@603 149 white-space: nowrap; overflow: hidden; width: 0;
al@603 150 padding-left: 16px;
al@603 151 font-size: smaller;
al@603 152 /*transition: all 0.3s cubic-bezier(.5, .51, .4, 1) 0s;*/
al@603 153 }
al@603 154 .dl { background-image: url(icons/a-dl.png); }
al@603 155 .rc { background-image: url(icons/a-rc.png); }
al@603 156 .co { background-image: url(icons/a-co.png); }
al@603 157 @media
al@603 158 (-webkit-min-device-pixel-ratio: 1.5),
al@603 159 (min--moz-device-pixel-ratio: 1.5),
al@603 160 (-o-min-device-pixel-ratio: 3/2),
al@603 161 (min-device-pixel-ratio: 1.5),
al@603 162 (min-resolution: 144dpi),
al@603 163 (min-resolution: 1.5dppx)
al@603 164 {
al@603 165 .dl { background-image: url(icons1.5/a-dl.png); }
al@603 166 .rc { background-image: url(icons1.5/a-rc.png); }
al@603 167 .co { background-image: url(icons1.5/a-co.png); }
al@603 168 }
al@603 169 @media
al@603 170 (-webkit-min-device-pixel-ratio: 2),
al@603 171 (min--moz-device-pixel-ratio: 2),
al@603 172 (-o-min-device-pixel-ratio: 2/1),
al@603 173 (min-device-pixel-ratio: 2),
al@603 174 (min-resolution: 192dpi),
al@603 175 (min-resolution: 2dppx)
al@603 176 {
al@603 177 .dl { background-image: url(icons2/a-dl.png); }
al@603 178 .rc { background-image: url(icons2/a-rc.png); }
al@603 179 .co { background-image: url(icons2/a-co.png); }
al@603 180 }
al@603 181 /*td:hover .dl, td:hover .rc, td:hover .co { width: inherit; }*/
al@603 182
al@603 183
al@603 184
al@603 185 /* Levels for tree */
al@603 186
al@603 187 .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8 { display: table; }
al@603 188 .l1 { margin-left: 3ex; }
al@603 189 .l2 { margin-left: 6ex; }
al@603 190 .l3 { margin-left: 9ex; }
al@603 191 .l4 { margin-left: 12ex; }
al@603 192 .l5 { margin-left: 15ex; }
al@603 193 .l6 { margin-left: 18ex; }
al@603 194 .l7 { margin-left: 21ex; }
al@603 195 .l8 { margin-left: 24ex; }
al@603 196
al@603 197
al@603 198 footer a+a::before { display: inline-block; content: '• '; color: #E81; }
al@603 199
al@603 200 table.info { position: relative; }
al@603 201 table.info a+a::before { display: inline-block; content: '· '; color: #222; }
al@603 202
al@603 203 .appImg {
al@603 204 display: inline-block;
al@603 205 position: absolute; right: 0.3rem; top: 0.3rem;
al@603 206 width: 64px; height: 64px;
al@603 207 }
al@603 208
al@603 209 .desc {
al@603 210 -moz-border-radius: 4px;
al@603 211 -webkit-border-radius: 4px;
al@603 212 border-radius: 4px;
al@603 213 border: 1px solid #CCC;
al@603 214 padding: 6px;
al@603 215 }
al@603 216
al@603 217 .lang select { vertical-align: middle; }
al@603 218
al@603 219
al@603 220 /* Responsive */
al@603 221
al@603 222 @media (max-width: 480px) {
al@603 223 .form, #s_form, .small, .stretch {
al@603 224 display: block;
al@603 225 width: inherit;
al@603 226 max-width: 100%;
al@603 227 }
al@603 228 .list td:nth-child(2) {
al@603 229 display: inline-block;
al@603 230 clear: both;
al@603 231 }
al@603 232 .list td:nth-child(3) {
al@603 233 display: block;
al@603 234 text-align: right;
al@603 235 width: inherit;
al@603 236 font-size: 11px;
al@603 237 border-top: 1px dotted #CCC;
al@603 238 }
al@603 239 .small, .stretch, form select, input, button {
al@603 240 display: block !important;
al@603 241 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
al@603 242 width: 100%;
al@603 243 height: 2rem;
al@603 244 min-height: 2rem;
al@603 245 margin: 6px 0;
al@603 246 font-size: 1rem;
al@603 247 }
al@603 248 .dl, .rc, .co {
al@603 249 white-space: normal; width: inherit;
al@603 250 }
al@603 251 }
al@603 252
al@603 253 @media (max-device-width: 480px) {
al@603 254 body {
al@603 255 background-color: #DDD;
al@603 256 }
al@603 257 select, input, button {
al@603 258 -webkit-appearance: none;
al@603 259 display: inline-block;
al@603 260 border: 1px solid #666;
al@603 261 border-radius: 4px;
al@603 262 margin: 12px 0;
al@603 263 padding: 0 6px;
al@603 264 }
al@603 265 select {
al@603 266 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGAQMAAAAv/Pa7AAAABlBMVEUAAABJSUn0lwL4AAAAAXRSTlMAQObYZgAAABpJREFUCB1j+P+Aof4Ag30DgzwDAx8DAwsDADiuBA9DaVFpAAAAAElFTkSuQmCC');
al@603 267 background-position: 98% 50%;
al@603 268 background-repeat: no-repeat;
al@603 269 margin: 12px 0;
al@603 270 }
al@603 271 input, button {
al@603 272 margin: 16px 0 8px;
al@603 273 }
al@603 274 /* Remove the dots between links */
al@603 275 footer a+a::before { content: ' '; }
al@603 276 }
al@603 277
al@603 278
al@603 279
al@603 280 *::-moz-selection, *::selection { background-color: #FFA500; color: #000; }