Last change
on this file since 14777 was
9062,
checked in by fschoepp, 12 years ago
|
#1888:
Backend changes:
- Simplified job state detection (only one hive call will be made to detect all states now, instead of one additional call per job)
- Reorganized classes (moved model classes into Model folder)
Website changes:
- Website now heavily uses JavaScript to achieve better user experience
- JavaScript degrades gracefully, except for plots
- Tables: Added jquery-datatable-plugin to extend tables (pagination + search functionality)
- OaaS-Website now uses the design of the HL websites (found in WebApplication branch)
- Added jqplot to render zoomable line plots for HL-Datatables
- Styling.js: Plots will be generated by using an ajax call; additional jquery-styling occurs within this file.
- Added jquery-ui-1.9.2 which is capable of handling/rendering tabs, accordions and resizers.
|
File size:
1.7 KB
|
Rev | Line | |
---|
[9062] | 1 | |
---|
| 2 | /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
---|
| 3 | * General page setup |
---|
| 4 | */ |
---|
| 5 | #dt_example { |
---|
| 6 | font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
---|
| 7 | margin: 0; |
---|
| 8 | padding: 0; |
---|
| 9 | color: #333; |
---|
| 10 | background-color: #fff; |
---|
| 11 | } |
---|
| 12 | |
---|
| 13 | |
---|
| 14 | #dt_example #container { |
---|
| 15 | width: 800px; |
---|
| 16 | margin: 30px auto; |
---|
| 17 | padding: 0; |
---|
| 18 | } |
---|
| 19 | |
---|
| 20 | |
---|
| 21 | #dt_example #footer { |
---|
| 22 | margin: 50px auto 0 auto; |
---|
| 23 | padding: 0; |
---|
| 24 | } |
---|
| 25 | |
---|
| 26 | #dt_example #demo { |
---|
| 27 | margin: 30px auto 0 auto; |
---|
| 28 | } |
---|
| 29 | |
---|
| 30 | #dt_example .demo_jui { |
---|
| 31 | margin: 30px auto 0 auto; |
---|
| 32 | } |
---|
| 33 | |
---|
| 34 | #dt_example .big { |
---|
| 35 | font-size: 1.3em; |
---|
| 36 | font-weight: bold; |
---|
| 37 | line-height: 1.6em; |
---|
| 38 | color: #4E6CA3; |
---|
| 39 | } |
---|
| 40 | |
---|
| 41 | #dt_example .spacer { |
---|
| 42 | height: 20px; |
---|
| 43 | clear: both; |
---|
| 44 | } |
---|
| 45 | |
---|
| 46 | #dt_example .clear { |
---|
| 47 | clear: both; |
---|
| 48 | } |
---|
| 49 | |
---|
| 50 | #dt_example pre { |
---|
| 51 | padding: 15px; |
---|
| 52 | background-color: #F5F5F5; |
---|
| 53 | border: 1px solid #CCCCCC; |
---|
| 54 | } |
---|
| 55 | |
---|
| 56 | #dt_example h1 { |
---|
| 57 | margin-top: 2em; |
---|
| 58 | font-size: 1.3em; |
---|
| 59 | font-weight: normal; |
---|
| 60 | line-height: 1.6em; |
---|
| 61 | color: #4E6CA3; |
---|
| 62 | border-bottom: 1px solid #B0BED9; |
---|
| 63 | clear: both; |
---|
| 64 | } |
---|
| 65 | |
---|
| 66 | #dt_example h2 { |
---|
| 67 | font-size: 1.2em; |
---|
| 68 | font-weight: normal; |
---|
| 69 | line-height: 1.6em; |
---|
| 70 | color: #4E6CA3; |
---|
| 71 | clear: both; |
---|
| 72 | } |
---|
| 73 | |
---|
| 74 | #dt_example a { |
---|
| 75 | color: #0063DC; |
---|
| 76 | text-decoration: none; |
---|
| 77 | } |
---|
| 78 | |
---|
| 79 | #dt_example a:hover { |
---|
| 80 | text-decoration: underline; |
---|
| 81 | } |
---|
| 82 | |
---|
| 83 | #dt_example ul { |
---|
| 84 | color: #4E6CA3; |
---|
| 85 | } |
---|
| 86 | |
---|
| 87 | .css_right { |
---|
| 88 | float: right; |
---|
| 89 | } |
---|
| 90 | |
---|
| 91 | .css_left { |
---|
| 92 | float: left; |
---|
| 93 | } |
---|
| 94 | |
---|
| 95 | .demo_links { |
---|
| 96 | float: left; |
---|
| 97 | width: 50%; |
---|
| 98 | margin-bottom: 1em; |
---|
| 99 | } |
---|
| 100 | |
---|
| 101 | #demo_info { |
---|
| 102 | padding: 5px; |
---|
| 103 | border: 1px solid #B0BED9; |
---|
| 104 | height: 100px; |
---|
| 105 | width: 100%; |
---|
| 106 | overflow: auto; |
---|
| 107 | } |
---|
| 108 | |
---|
| 109 | #dt_example code { |
---|
| 110 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; |
---|
| 111 | padding: 2px 4px !important; |
---|
| 112 | white-space: nowrap; |
---|
| 113 | font-size: 0.9em; |
---|
| 114 | |
---|
| 115 | color: #D14; |
---|
| 116 | background-color: #F7F7F9; |
---|
| 117 | |
---|
| 118 | border: 1px solid #E1E1E8; |
---|
| 119 | -webkit-border-radius: 3px; |
---|
| 120 | -moz-border-radius: 3px; |
---|
| 121 | border-radius: 3px; |
---|
| 122 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.