~oship-dev/oshippy/trunk

« back to all changes in this revision

Viewing changes to src/mlhim/oship/welcome/static/images/tabular.css

  • Committer: Tim Cook
  • Date: 2011-02-06 12:08:13 UTC
  • Revision ID: timothywayne.cook@gmail.com-20110206120813-qwmawxoaocsrbjtq
Created the overall structure of the Reference Model. Added images and other content to start the Welcome to OSHIHP demo app.

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/***************************************************************
 
2
* Styles for tabular openEHR template HTML display for NHS CfH *
 
3
***************************************************************/
 
4
 
 
5
body {
 
6
        font-family:Arial, Helvetica, sans-serif; font-size:medium;
 
7
        margin:6px; padding:6px;border:solid 1px #06c;
 
8
}
 
9
 
 
10
p {font-family: Arial, Helvetica, sans-serif; font-size:14px; margin-top:6px; padding:0px;}
 
11
td {font-family: Arial, Helvetica, sans-serif; font-size:14px;}
 
12
h1 {font-size: 150%; text-transform: uppercase; margin-bottom:2px; margin-top:0px;  border-style: solid none; border-color:#06c;} 
 
13
h2 {font-size: 130%; margin-top:2px; margin-bottom:2px; margin-top:8px; }
 
14
h3 {font-size: 110%; margin-top:2px; margin-bottom:2px; margin-top:8px; }
 
15
th {border-top:solid 1px #06c;}
 
16
 
 
17
.errors {min-width:400px;max-width:400px;width:400px; font-size:8px; color:#f00;}  
 
18
 
 
19
a:link {color:#22a; text-decoration:none; }
 
20
a:visited {color:#008; text-decoration:none; }
 
21
a:hover {color:#d32;text-decoration:underline; }
 
22
 
 
23
#top {
 
24
        float:left; clear:left; padding-top:70px; color:#06c; min-width:400px;max-width:400px;width:400px; font-size:12px;
 
25
        background-image:url('nhscfh_combo.jpg'); background-repeat:no-repeat;
 
26
}
 
27
 
 
28
#information {}
 
29
#purpose {color:#06c; padding-top:0px; padding-bottom:0px;}
 
30
#use {color:#0a0; padding-top:0px; padding-bottom:0px;}
 
31
#misuse {color:#f00; padding-top:0px; padding-bottom:0px;}
 
32
 
 
33
.section {padding:2px; float:right; background-color:#9ce; border:solid 1px #06c; color:#049; }
 
34
.sectionHead {font-size:small; border:0px; padding:2px; margin:0px; font-weight:bold;}
 
35
.sectionBody {font-size:small; border:0px; padding:2px; margin:0px;}
 
36
 
 
37
.contentTable {border:0px; margin-top:10px; width:100%;clear:both; border-collapse:collapse;}
 
38
.contentHeaderRow {font-weight:bold; font-size:xx-small; background-color:#9ce; color:#049; vertical-align:middle;}
 
39
.col_even_0 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
40
.col_odd_0 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
41
.col_even_1 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; width:10%;}
 
42
.col_odd_1 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee; width:10%;}
 
43
.col_even_2 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
44
.col_odd_2 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
45
.col_even_3 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
46
.col_odd_3 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
47
.col_even_4 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
48
.col_odd_4 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
49
.col_even_5 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
50
.col_odd_5 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
51
.col_even_6 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
52
.col_odd_6 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
53
.col_even_7 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
54
.col_odd_7 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
55
.col_even_8 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
56
.col_odd_8 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
57
.col_even_9 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
58
.col_odd_9 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
59
.col_even_10 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; width:10%;}
 
60
.col_odd_10 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee; width:10%;}
 
61
.col_even_11 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
62
.col_odd_11 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
63
.col_even_12 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
64
.col_odd_12 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
65
.col_even_13 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
66
.col_odd_13 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
67
.col_even_14 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
68
.col_odd_14 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
69
.col_even_15 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd;}
 
70
.col_odd_15 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee;}
 
71
.col_even_16 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; width:10%;}
 
72
.col_odd_16 {border:0px; margin:0px; padding:2px; font-size:xx-small; border:solid 1px #ddd; background-color:#eee; width:10%;}
 
73
 
 
74
/* History */
 
75
.ehrclasses-openehr-data_structures-history {
 
76
        background-color:#fff; margin:2px; padding:4px; display:inline; 
 
77
}
 
78
 
 
79
.historyHeading
 
80
{
 
81
        font-size:larger; font-weight:bold; text-transform:uppercase;
 
82
}
 
83
 
 
84
 
 
85
/* Event */
 
86
.ehrclasses-openehr-data_structures-point_event {
 
87
        background-color:#fff; font-size:small; margin-left:4px; padding:4px; 
 
88
}
 
89
.ehrclasses-openehr-data_structures-event  {
 
90
    background-color:#fff; font-size:small; margin-left:4px; display:block; padding:4px; 
 
91
}
 
92
.ehrclasses-openehr-data_structures-interval_event {
 
93
    background-color:#fff; font-size:small; margin-left:4px; display:block; padding:4px; 
 
94
}
 
95
 
 
96
/* Sector */
 
97
.sectorNameLabel {font-weight:bold; font-size:x-small; color:#049; padding-left:2px;}
 
98
.sectorName {font-weight:bold;font-size:x-small; padding-left:2px; color:#800}
 
99
.sectorType {color:#000; font-size:xx-small; padding-left:2px;}
 
100
.sectorDescriptionLabel {font-weight:bold; font-size:x-small; color:#049; padding-left:8px;}
 
101
.sectorDescription {font-weight:bold; color:#800; font-size:x-small; padding-left:4px;}
 
102
 
 
103
/* Cluser, element */
 
104
.ehrclasses-cluster {
 
105
    background-color:#fff; font-size:small; margin-left:8px; display:block; padding:4px; 
 
106
}
 
107
.ehrclasses-element {
 
108
        background-color:#fff; font-size:small; margin-left:10px; display:block; padding:4px;
 
109
}
 
110
.elementHeading{ margin:0px; padding:0px; font-weight:bold;  font-size:x-small; background-color:#fec; color:#049; border-top:dotted 1px #ddd; border-left:dotted 1px #ddd;}
 
111
.dataTable {}
 
112
.dataTableHeader {}
 
113
 
 
114
/* Data structure */
 
115
.colComposite {font-size:xx-small; font-weight:bold;}
 
116
.colDataType {font-size:xx-small; font-weight:bold;}
 
117
.colCardinality {font-size:xx-small; font-weight:bold;}
 
118
.colValidation {font-size:xx-small; font-weight:bold;}
 
119
.colMulti {font-size:xx-small; font-weight:bold;}
 
120
.colReadOnly {font-size:xx-small; font-weight:bold;}
 
121
.colElementSnomed {font-size:xx-small; font-weight:bold;}
 
122
.colLimitToList {font-size:xx-small; font-weight:bold;}
 
123
.colSnomedCodes {font-size:xx-small; font-weight:bold;}
 
124
.colArchetypeId {font-size:xx-small; font-weight:bold;}
 
125
.colAtCodes {font-size:xx-small; font-weight:bold;}
 
126
.colAnnotation {font-size:xx-small; font-weight:bold; width: 10%}
 
127
 
 
128
/* Misc */
 
129
.AllowMultipleSelection{font-weight:bold; color:#000; font-size:xx-small;padding-left:1px;}
 
130
.AllowMultipleSelectionLabel{color:#000; font-size:xx-small;padding-left:6px;}
 
131
.ArchetypePath {font-size:xx-small;font-weight:bold;}
 
132
.ArchetypeValues {font-size:xx-small;font-weight:bold;}
 
133
.Cardinality {font-weight:bold; font-size:xx-small; padding-left:4px;}
 
134
.ConstraintExpression{font-weight:bold;color:#000; font-size:xx-small;padding-left:4px;}
 
135
.DataType { font-weight:bold;font-size:xx-small; padding-left:2px;}
 
136
.DefaultValueLabel{color:#000; font-size:xx-small;padding-left:6px;}
 
137
.DefaultValue{font-weight:bold; color:#000; font-size:xx-small;padding-left:1px;}
 
138
.LimitToList {font-size:xx-small;font-weight:bold;}
 
139
.ReadOnlyLabel{color:#000; font-size:xx-small;padding-left:6px;}
 
140
.ReadOnly{font-weight:bold; color:#000; font-size:xx-small;padding-left:1px;}
 
141
.SnomedLabel{color:#000; font-size:xx-small;padding-left:6px;}
 
142
.Snomed{font-weight:bold; color:#000; font-size:xx-small;padding-left:1px;}
 
143
.SnomedValues {font-size:xx-small;font-weight:bold;}
 
144
.ValueSet{font-weight:bold; color:#000; font-size:xx-small;padding-left:50px;}
 
145
.Annotation {font-size:xx-small; font-style:italic; color:Blue;}
 
146