Revision 35a62b9d astakos/im/static/im/grnetstyles/css/styles.css
| b/astakos/im/static/im/grnetstyles/css/styles.css | ||
|---|---|---|
| 204 | 204 |
background-color: #f89a1c; |
| 205 | 205 |
} |
| 206 | 206 |
/*addon to style django forms rendered with as_p filter*/ |
| 207 |
/* |
|
| 208 |
* Tables.less |
|
| 209 |
* Tables for, you guessed it, tabular data |
|
| 210 |
* ---------------------------------------- */ |
|
| 211 |
table {
|
|
| 212 |
width: 100%; |
|
| 213 |
margin-bottom: 22px; |
|
| 214 |
padding: 0; |
|
| 215 |
font-size: 14px; |
|
| 216 |
border-collapse: collapse; |
|
| 217 |
} |
|
| 218 |
table th, table td {
|
|
| 219 |
padding: 10px 10px 9px; |
|
| 220 |
line-height: 22px; |
|
| 221 |
text-align: left; |
|
| 222 |
} |
|
| 223 |
table th {
|
|
| 224 |
padding-top: 9px; |
|
| 225 |
font-weight: bold; |
|
| 226 |
vertical-align: middle; |
|
| 227 |
} |
|
| 228 |
table td {
|
|
| 229 |
vertical-align: top; |
|
| 230 |
border-top: 1px solid #ddd; |
|
| 231 |
} |
|
| 232 |
table tbody th {
|
|
| 233 |
border-top: 1px solid #ddd; |
|
| 234 |
vertical-align: top; |
|
| 235 |
} |
|
| 236 |
.condensed-table th, .condensed-table td {
|
|
| 237 |
padding: 5px 5px 4px; |
|
| 238 |
} |
|
| 239 |
.bordered-table {
|
|
| 240 |
border: 1px solid #ddd; |
|
| 241 |
border-collapse: separate; |
|
| 242 |
*border-collapse: collapse; |
|
| 243 |
/* IE7, collapse table to remove spacing */ |
|
| 244 |
|
|
| 245 |
-webkit-border-radius: 4px; |
|
| 246 |
-moz-border-radius: 4px; |
|
| 247 |
border-radius: 4px; |
|
| 248 |
} |
|
| 249 |
.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
|
|
| 250 |
border-left: 1px solid #ddd; |
|
| 251 |
} |
|
| 252 |
.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
|
|
| 253 |
-webkit-border-radius: 4px 0 0 0; |
|
| 254 |
-moz-border-radius: 4px 0 0 0; |
|
| 255 |
border-radius: 4px 0 0 0; |
|
| 256 |
} |
|
| 257 |
.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
|
|
| 258 |
-webkit-border-radius: 0 4px 0 0; |
|
| 259 |
-moz-border-radius: 0 4px 0 0; |
|
| 260 |
border-radius: 0 4px 0 0; |
|
| 261 |
} |
|
| 262 |
.bordered-table tbody tr:last-child td:first-child {
|
|
| 263 |
-webkit-border-radius: 0 0 0 4px; |
|
| 264 |
-moz-border-radius: 0 0 0 4px; |
|
| 265 |
border-radius: 0 0 0 4px; |
|
| 266 |
} |
|
| 267 |
.bordered-table tbody tr:last-child td:last-child {
|
|
| 268 |
-webkit-border-radius: 0 0 4px 0; |
|
| 269 |
-moz-border-radius: 0 0 4px 0; |
|
| 270 |
border-radius: 0 0 4px 0; |
|
| 271 |
} |
|
| 272 |
table .span1 {
|
|
| 273 |
width: 40px; |
|
| 274 |
} |
|
| 275 |
table .span2 {
|
|
| 276 |
width: 120px; |
|
| 277 |
} |
|
| 278 |
table .span3 {
|
|
| 279 |
width: 200px; |
|
| 280 |
} |
|
| 281 |
table .span4 {
|
|
| 282 |
width: 280px; |
|
| 283 |
} |
|
| 284 |
table .span5 {
|
|
| 285 |
width: 360px; |
|
| 286 |
} |
|
| 287 |
table .span6 {
|
|
| 288 |
width: 440px; |
|
| 289 |
} |
|
| 290 |
table .span7 {
|
|
| 291 |
width: 520px; |
|
| 292 |
} |
|
| 293 |
table .span8 {
|
|
| 294 |
width: 600px; |
|
| 295 |
} |
|
| 296 |
table .span9 {
|
|
| 297 |
width: 680px; |
|
| 298 |
} |
|
| 299 |
table .span10 {
|
|
| 300 |
width: 760px; |
|
| 301 |
} |
|
| 302 |
table .span11 {
|
|
| 303 |
width: 840px; |
|
| 304 |
} |
|
| 305 |
table .span12 {
|
|
| 306 |
width: 920px; |
|
| 307 |
} |
|
| 308 |
table .span13 {
|
|
| 309 |
width: 1000px; |
|
| 310 |
} |
|
| 311 |
table .span14 {
|
|
| 312 |
width: 1080px; |
|
| 313 |
} |
|
| 314 |
table .span15 {
|
|
| 315 |
width: 1160px; |
|
| 316 |
} |
|
| 317 |
table .span16 {
|
|
| 318 |
width: 1240px; |
|
| 319 |
} |
|
| 320 |
.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
|
|
| 321 |
background-color: #f9f9f9; |
|
| 322 |
} |
|
| 323 |
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
|
|
| 324 |
background-color: #f5f5f5; |
|
| 325 |
} |
|
| 326 |
table .header {
|
|
| 327 |
cursor: pointer; |
|
| 328 |
} |
|
| 329 |
table .header:after {
|
|
| 330 |
content: ""; |
|
| 331 |
float: right; |
|
| 332 |
margin-top: 7px; |
|
| 333 |
border-width: 0 4px 4px; |
|
| 334 |
border-style: solid; |
|
| 335 |
border-color: #000 transparent; |
|
| 336 |
visibility: hidden; |
|
| 337 |
} |
|
| 338 |
table .headerSortUp, table .headerSortDown {
|
|
| 339 |
background-color: rgba(141, 192, 219, 0.25); |
|
| 340 |
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
|
| 341 |
} |
|
| 342 |
table .header:hover:after {
|
|
| 343 |
visibility: visible; |
|
| 344 |
} |
|
| 345 |
table .headerSortDown:after, table .headerSortDown:hover:after {
|
|
| 346 |
visibility: visible; |
|
| 347 |
filter: alpha(opacity=60); |
|
| 348 |
-khtml-opacity: 0.6; |
|
| 349 |
-moz-opacity: 0.6; |
|
| 350 |
opacity: 0.6; |
|
| 351 |
} |
|
| 352 |
table .headerSortUp:after {
|
|
| 353 |
border-bottom: none; |
|
| 354 |
border-left: 4px solid transparent; |
|
| 355 |
border-right: 4px solid transparent; |
|
| 356 |
border-top: 4px solid #000; |
|
| 357 |
visibility: visible; |
|
| 358 |
-webkit-box-shadow: none; |
|
| 359 |
-moz-box-shadow: none; |
|
| 360 |
box-shadow: none; |
|
| 361 |
filter: alpha(opacity=60); |
|
| 362 |
-khtml-opacity: 0.6; |
|
| 363 |
-moz-opacity: 0.6; |
|
| 364 |
opacity: 0.6; |
|
| 365 |
} |
|
| 366 |
table .blue {
|
|
| 367 |
color: #3582ac; |
|
| 368 |
border-bottom-color: #3582ac; |
|
| 369 |
} |
|
| 370 |
table .headerSortUp.blue, table .headerSortDown.blue {
|
|
| 371 |
background-color: #c1ddec; |
|
| 372 |
} |
|
| 373 |
table .green {
|
|
| 374 |
color: #46a546; |
|
| 375 |
border-bottom-color: #46a546; |
|
| 376 |
} |
|
| 377 |
table .headerSortUp.green, table .headerSortDown.green {
|
|
| 378 |
background-color: #cdeacd; |
|
| 379 |
} |
|
| 380 |
table .red {
|
|
| 381 |
color: #9d261d; |
|
| 382 |
border-bottom-color: #9d261d; |
|
| 383 |
} |
|
| 384 |
table .headerSortUp.red, table .headerSortDown.red {
|
|
| 385 |
background-color: #f4c8c5; |
|
| 386 |
} |
|
| 387 |
table .yellow {
|
|
| 388 |
color: #ffc40d; |
|
| 389 |
border-bottom-color: #ffc40d; |
|
| 390 |
} |
|
| 391 |
table .headerSortUp.yellow, table .headerSortDown.yellow {
|
|
| 392 |
background-color: #fff6d9; |
|
| 393 |
} |
|
| 394 |
table .orange {
|
|
| 395 |
color: #f89406; |
|
| 396 |
border-bottom-color: #f89406; |
|
| 397 |
} |
|
| 398 |
table .headerSortUp.orange, table .headerSortDown.orange {
|
|
| 399 |
background-color: #fee9cc; |
|
| 400 |
} |
|
| 401 |
table .purple {
|
|
| 402 |
color: #7a43b6; |
|
| 403 |
border-bottom-color: #7a43b6; |
|
| 404 |
} |
|
| 405 |
table .headerSortUp.purple, table .headerSortDown.purple {
|
|
| 406 |
background-color: #e2d5f0; |
|
| 407 |
} |
|
| 207 | 408 |
body {
|
| 208 | 409 |
font-family: 'Antic', sans-serif; |
| 209 | 410 |
font-size: 14px; |
| ... | ... | |
| 277 | 478 |
} |
| 278 | 479 |
.header {
|
| 279 | 480 |
position: relative; |
| 280 |
height: 44px; |
|
| 281 | 481 |
margin-top: 88px; |
| 282 |
margin-bottom: 66px;
|
|
| 482 |
margin-bottom: 22px;
|
|
| 283 | 483 |
} |
| 284 | 484 |
.header h1 {
|
| 285 | 485 |
color: #cfcdc7; |
| ... | ... | |
| 316 | 516 |
.mainnav.quicknav {
|
| 317 | 517 |
position: absolute; |
| 318 | 518 |
right: 0; |
| 319 |
top: 1em;
|
|
| 519 |
top: -44px;
|
|
| 320 | 520 |
margin: 0; |
| 321 | 521 |
} |
| 322 | 522 |
.mainnav.quicknav li {
|
| ... | ... | |
| 325 | 525 |
} |
| 326 | 526 |
.mainnav {
|
| 327 | 527 |
font-size: 1.2em; |
| 328 |
margin-top: 44px; |
|
| 329 |
height: 22px; |
|
| 528 |
} |
|
| 529 |
.mainnav li {
|
|
| 530 |
margin-top: 66px; |
|
| 330 | 531 |
} |
| 331 | 532 |
.mainnav li.active a {
|
| 332 | 533 |
border-bottom: 1px solid #f89a1c; |
| ... | ... | |
| 500 | 701 |
color: #e4776f; |
| 501 | 702 |
} |
| 502 | 703 |
.form-error {
|
| 503 |
position: absolute; |
|
| 504 | 704 |
background-color: #9d261d; |
| 505 | 705 |
color: #fff; |
| 506 | 706 |
font-size: 0.8em; |
| 507 |
padding: 2px 5px; |
|
| 508 |
border-radius: 5px; |
|
| 707 |
padding: 5px 5px; |
|
| 509 | 708 |
} |
| 510 | 709 |
.form-errors.all .form-error {
|
| 511 | 710 |
position: relative; |
Also available in: Unified diff