]> git.mxchange.org Git - addressbook-war.git/blob - web/resources/css/cssLayout.css
ca1f6f165bfd07500f796a2fb2411e5a4c339448
[addressbook-war.git] / web / resources / css / cssLayout.css
1 /**
2 div, table {
3         border: 1px solid #ff0000;
4 }
5 /**/
6
7 #top {
8         position: relative;
9         background-color: #036fab;
10         color: #ffffff;
11         padding: 5px;
12         margin: 0px 0px 10px 0px;
13 }
14
15 #footer {
16         position: relative;
17         background-color: #c2dfef;
18         padding: 5px;
19         margin: 10px 0px 0px 0px;
20 }
21
22 #left {
23         float: left;
24         background-color: #ece3a5;
25         padding: 5px;
26         width: 150px;
27 }
28
29 #right {
30         float: right;
31         background-color: #ece3a5;
32         padding: 5px;
33         width: 150px;
34 }
35
36 .center_content {
37         position: relative;
38         background-color: #dddddd;
39         padding: 5px;
40 }
41
42 .left_content {
43         background-color: #dddddd;
44         padding: 5px;
45         margin-left: 170px;
46 }
47
48 .right_content {
49         background-color: #dddddd;
50         padding: 5px;
51         margin: 0px 170px 0px 170px;
52 }
53
54 #top a:link, #top a:visited {
55         color: #ffffff;
56         font-weight : bold;
57         text-decoration: none;
58 }
59
60 #top a:link:hover, #top a:visited:hover  {
61         color: #000000;
62         font-weight : bold;
63         text-decoration : underline;
64 }
65
66 table, .table {
67         margin: 0px;
68         padding: 0px;
69 }
70
71 .table {
72         width: 500px;
73 }
74
75 .table_row {
76         width: 100%;
77         min-height: 20px;
78 }
79
80 .table_left {
81         width: 250px;
82         min-height: 20px;
83         float: left;
84 }
85
86 .table_right {
87         width: 200px;
88         min-height: 20px;
89         float: right;
90 }
91
92 .table_left25 {
93         width: 20px;
94         min-height: 20px;
95         float: left;
96 }
97
98 .table_right75 {
99         width: 430px;
100         min-height: 20px;
101         float: right;
102 }
103
104 .para {
105         padding: 5px 5px 5px 5px;
106 }
107
108 .clear {
109         clear: both;
110 }
111
112 ul.footer_nav {
113         text-align: center;
114         /*width : 95%;*/
115         list-style: none;
116         margin: 0px;
117 }
118
119 ul.footer_nav li.footer_link {
120         float: left;
121         width: 100px;
122 }
123
124 ul.footer_nav li.footer_copyright {
125         float: right;
126         width: 300px;
127         margin-right: 10px;
128 }
129
130 .menu ul {
131         list-style: none;
132         padding-left: 5px;
133 }
134
135 .table_header {
136         text-align: center;
137         font-weight: bold;
138 }
139
140 #content_header {
141         font-weight: bold;
142         font-size: 18px;
143 }
144
145 .table_header_column {
146         width: 100px;
147 }
148
149 .table_data_column {
150         width: 100px;
151 }
152
153 .item_price, .item_total_price {
154         text-align: right;
155 }