]> git.mxchange.org Git - addressbook-war.git/blob - web/resources/css/cssLayout.css
Continued:
[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         padding: 5px;
44         margin-left: 170px;
45 }
46
47 #top a:link, #top a:visited {
48         color: #ffffff;
49         font-weight : bold;
50         text-decoration: none;
51 }
52
53 #top a:link:hover, #top a:visited:hover  {
54         color: #000000;
55         font-weight : bold;
56         text-decoration : underline;
57 }
58
59 table, .table {
60         margin: 0px;
61         padding: 0px;
62 }
63
64 .table {
65         width: 500px;
66 }
67
68 .table_row {
69         width: 100%;
70         min-height: 20px;
71 }
72
73 .table_left {
74         width: 250px;
75         min-height: 20px;
76         float: left;
77 }
78
79 .table_right {
80         width: 200px;
81         min-height: 20px;
82         float: right;
83 }
84
85 .table_left25 {
86         width: 20px;
87         min-height: 20px;
88         float: left;
89 }
90
91 .table_right75 {
92         width: 430px;
93         min-height: 20px;
94         float: right;
95 }
96
97 .para {
98         padding: 5px 5px 5px 5px;
99 }
100
101 .clear {
102         clear: both;
103 }
104
105 ul.footer_nav {
106         text-align: center;
107         /*width : 95%;*/
108         list-style: none;
109         margin: 0px;
110 }
111
112 ul.footer_nav li.footer_link {
113         float: left;
114         width: 100px;
115 }
116
117 ul.footer_nav li.footer_copyright {
118         float: right;
119         width: 300px;
120         margin-right: 10px;
121 }
122
123 .menu ul {
124         list-style: none;
125         padding-left: 5px;
126 }
127
128 .table_header {
129         text-align: center;
130         font-weight: bold;
131 }
132
133 #content_header {
134         background-color: #dddddd;
135         font-weight: bold;
136         font-size: 18px;
137         padding-bottom: 20px;
138 }
139
140 .table_header_column {
141         width: 100px;
142 }
143
144 .table_data_column {
145         width: 100px;
146 }
147
148 .item_price, .item_total_price {
149         text-align: right;
150 }