add a non-primary interface : user to select for virtual or physical interface (set...
[plewww.git] / planetlab / css / plc_style.css
1 /* $Id$ */
2
3 /* expanding links */
4
5 .example {
6     padding:10px; 
7     color:#000; 
8     background:#fcf7ff; 
9     width:80%; 
10     clear:left; 
11     margin:2em auto 3em auto; 
12     border:1px solid #69c;
13 }
14 a.expandlink {
15     color:#00c
16 }
17 a:active.expandlink,
18 a:focus.expandlink,
19 a:hover.expandlink {
20     color:#fff
21 }
22
23 /* -------------------- general */
24 body {
25     position: relative;
26 }
27
28 .plc-warning {
29     padding:     4px;
30     background:  #ffa223; 
31 }
32 .plc-error {
33     background:  red;
34     font-weight: bold;
35 }
36
37 .plc-warning a:link { text-decoration: none; color:white }
38 .plc-warning a:visited { text-decoration: none; color:white }
39 .plc-warning a:hover { text-decoration: none; color:black }
40
41 /* -------------------- the planetlab module area */
42 div.block-planetlab a {
43     font-weight:normal;
44     font-style:italic;
45 }
46 /* -------------------- sites */
47 .addresses { text-align: center; font-weight: bold; }
48
49 /* -------------------- admin search */
50 #admin-search-form {
51     text-align: center;
52     padding: 10px;
53 }
54
55 #admin-search-form label {
56     font-weight : bold;
57     padding-right: 20px;
58 }
59
60 span.tokens {
61     font-weight: bold;
62     font-style: italic;
63 }
64
65 #admin-search-message {
66     padding: 30px;
67 }
68
69 p.node_add {
70     font-style: italic;
71     padding: 20px 40px;
72     text-align: center;
73 /*    font-size: smaller; */
74 }
75
76 p.node_download {
77     font-style: italic;
78     padding: 20px 40px;
79     font-size: larger;
80 }
81
82 .bold {
83     font-weight: bold;
84 }
85 #download_button, #slice_add_button {
86     text-align:center;
87 }
88 h3.node_download {
89     text-align: center;
90 }
91
92 /* qualify enough so that this wins over the even/odd row patterns in tables */
93 tbody>tr>td.node-ok {
94     background: #a0f0e6;
95 }
96 tbody>tr>td.node-ko {
97     background: #ffa7a8;
98 }
99 /****************************************/
100 /* registrations */
101 div.site-register {
102     background-color: #c8c7de;
103     padding: 5px;
104     margin: 10px;
105 }
106 /* site registration */
107 div.site-pending, div.sites-pending {
108     background-color: #eadbc8;
109     padding: 5px;
110     margin: 10px;
111 }
112 div.person-register {
113     background-color: #e3d1cb;
114     padding: 5px;
115     margin: 10px;
116 }
117 div.person-register {
118     background-color: #e3d1cb;
119     padding: 5px;
120     margin: 10px;
121 }
122
123 /****************************************/
124 /* slice creation page */
125 #create-slice-choose-site {
126     margin:20px ;
127 }
128 div#create-slice-in-site {
129     text-align:center;
130 }
131 div.create-slice-instantiations {
132     padding:  5px 0px 0px 0px;
133 /*    font-size: larger; */
134     font-style: italic;
135 }
136 div#toggle-container-create-slice-details {
137     background-color: #e5dbb7;
138 }
139 div#toggle-area-create-slice-details {
140     padding: 20px 5px 5px 5px;
141 }
142 div#toggle-container-create-slice-persons {
143     background-color: #dfe6a1;
144 }
145 div#toggle-area-create-slice-persons {
146     padding: 20px 5px 5px 5px;
147 }
148 /* override details default */
149 div#toggle-area-create-slice-details>table.plc_details {
150     margin:0 ;
151 }
152 div#toggle-container-add-node,
153 div#toggle-container-add-interface {
154     background-color: #e0d0ff;
155 }