UI: style RT a little more like FS, RT#36799
[freeside.git] / rt / share / static / css / freeside4 / layout.css
1 /* body */
2
3 body {
4     padding: 0;
5     margin: 0;
6     font-family: arial, helvetica, sans-serif;
7     color: #000000;
8 }
9
10 div#body {
11     padding: 3em;
12     margin-left: 1em;
13     margin-top: 4em;
14     margin-right: 0;
15     margin-bottom: 0em;
16     background: #f8f8f8;
17     z-index: 1;
18 }
19
20 div#footer {
21     position: absolute;
22     right: 0;
23     text-align: right;
24     font-size: 0.9em;
25     margin-top: 2em;
26     background: #fff;
27     margin-bottom: 0;
28     padding-left: 3em;
29     padding-right: 1em;
30 }
31
32 div#footer #time {
33     display: none
34 }
35
36 div#footer #bpscredits {
37     text-align: right;
38     background: url(../../../static/images/bpslogo.png) no-repeat top right;
39     padding-top: 4em;
40 }
41
42 /* logo stuff */
43
44 div#logo {
45     position: absolute;
46     right: 2px;
47     top: 0;
48     height: 2.3em;
49 }
50
51 div#logo a img {
52     border: 0;
53     height: 100% !important;
54     width: auto !important;
55     float: right;
56 }
57
58 div#logo .rtname {
59     position: relative;
60     font-weight: bold;
61     text-align: center;
62     top: 0.7em;
63     padding-right: 1em;
64     float: left;
65 }
66
67 div#quickbar,
68 div#logo {
69     font-size: 0.9em
70 }
71
72 div#quickbar a,
73 div#logo a {
74     color: #000
75 }
76
77 div#quickbar {
78     background: #fff;
79     padding-top: 1em;
80     padding-left: 1em;
81     padding-bottom: 0.5em;
82     height: 1em;
83     border-bottom: 1px solid #ccc;
84 }
85
86 div#header {
87     position: absolute;
88     top: 2.3em;
89     left: 0;
90     right: 0;
91     height: 3.2em;
92     background: #547CCC;
93 }
94
95 div#header h1 {
96     position: absolute;
97     left: 1em;
98     right: 20em;
99     top: 0em;
100     height: 1.4em;
101     font-size: 1.4em;
102     color: #fff;
103     white-space: nowrap;
104     overflow: hidden;
105     text-overflow: ellipsis;
106 }
107
108 /* in multi-column layouts, make sure we have an internal gutter */
109
110 table .myrt {
111     background-color:#ffffff;
112     padding: 8px;
113     border: thin solid #7e0079;
114 }
115
116 tr .boxcontainer {
117     padding-right: 3em
118 }
119
120 tr .boxcontainer:last-child {
121     padding-right: 0
122 }