fix some styling throughout the site
[scpubgit/stemmaweb.git] / root / css / dashboard.css
1 /* Index page components */
2
3 #directory_container {
4     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
5     float: left;
6         width: 300px;
7         height: 450px;
8         border: 1px #c6dcf1 solid;
9         margin-left: 30px;
10         padding-left: 10px;
11         padding-right: 10px;
12 }
13 #loading_message {
14         display: none;
15 }
16 #directory {
17         height: 360px;
18         margin-left: 10px;
19         overflow: auto;
20 }
21 #new_trad_button {
22         margin-left: 10px;
23         position: relative;
24         top: 10px;
25 }
26 .traditionname {
27         text-decoration: underline;
28 }
29 .selected {
30         font-style: italic;
31 }
32 #textinfo_waitbox {
33         float: left;
34         padding-left: 50px;
35 }
36 #textinfo_container {
37     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
38     border: 1px solid #C6DCF1;
39         float: left;
40         height: 510px;
41         width: 710px;
42         margin-left: 10px;
43         padding-left: 10px;
44         padding-right: 10px;
45 }
46 #edit_instructions {
47         float: left;
48 }
49 #stemma_container h2 h3 {
50         color: #666;
51 }
52 #stemma_graph {
53     height: 375px;
54     width: 500px;
55     text-align: center;
56     border: 1px #c6dcf1 solid;
57 }
58 #stemma_graph img {
59         margin-top: expression(( 450 - this.height ) / 2);
60 }
61 #stemma_graph svg {
62 }
63 #stemma_graph_title {
64         bottom: 20px;
65         margin-left: 5px; 
66         position: relative;
67 }
68 #stemma_identifier {
69         color: #488dd2;
70         font-size: 12px;
71         font-weight: bold;
72 }       
73 #textinfo_container_buttons {
74     z-index: 100;
75     width: 224px;
76     float: right;
77     left: -18px;
78     position: relative;
79     top: 15px;
80 }
81 #run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit, #open_stemweb_ui, #query_stemweb_ui {
82     height: 32px;
83 }
84 #stemma_pager {
85     height: 38px;
86 }
87 .stemma_node_highlight {
88     stroke-width: 1.5px;
89     stroke: #415555;
90     fill: #d6e0f5;
91 }
92 #open_textinfo_edit {
93     float: right;
94     height: 30px;
95     position: relative;
96     top: -34px;
97     left: -8px;
98 }
99 #upload-collation-dialog {
100     overflow: hidden;
101 }
102 .uploadfile {
103     font-weight: bold;
104 }
105 #uploadfile_label {
106     font-weight: normal;
107 }
108 #filelist {
109     position: relative;
110     top: 10px;
111     margin-bottom: 24px;
112 }
113 .error {
114     font-weight: bold;
115     color: #ff3333;
116 }
117 .notification {
118         font-weight: bold;
119         color: #33ff33;
120 }
121 #new_file {
122     position: absolute;
123     top: -50px;
124     opacity: 0.0;
125 }
126 #new_file_name {
127     font-weight: bold;
128 }
129 #new_name, #new_lang, #new_public, #new_file_name_container {
130     margin-bottom: 6px;
131 }
132 #new_file_label {
133     float: left;
134     padding-right: 8px;
135 }
136 #root_tree_dialog {
137     position: absolute;
138     border: 2px solid #B2E0B2;
139     background: #e6f5e6;
140     padding: 4px 8px 4px 12px;
141     z-index: 200;
142     font-size: 75%;
143 }
144 #root_tree_dialog img {
145     vertical-align: middle;
146 }