UI: style RT a little more like FS, RT#36799
[freeside.git] / rt / share / static / css / freeside4 / boxes.css
1 .titlebox {
2     margin-top: 1em;
3     margin-bottom: 2em;
4 }
5
6 .titlebox .titlebox-content {
7     padding: 0.5em 0.25em 0.5em 0.25em;
8     min-height: 3em;
9     border: .1em solid #999999;
10     border-radius: .25em;
11 }
12
13 * html .titlebox {
14     border-top: none;
15     border-left: none;
16 }
17
18 .titlebox .titlebox {
19     margin-top: 1em;
20     margin-right: 0.25em;
21 }
22
23 .titlebox .titlebox .titlebox-content {
24
25 }
26
27 .titlebox {
28     margin-left: 0em;
29     margin-right: 0em;
30     min-height: 1.25em;
31 }
32
33 .titlebox .titlebox-title {
34     position: relative;
35     background-color: transparent;
36 }
37
38 .titlebox .titlebox-title a {
39     text-decoration: none;
40     color: black;
41 }
42
43 .titlebox .titlebox-title a:hover {
44     text-decoration: underline;
45 }
46
47 .titlebox.rolled-up  .titlebox-title .left,
48 .titlebox.rolled-up  .titlebox-title .left a {
49     color: #ccc;
50     line-height: 1.6em;
51 }
52
53 .titlebox.rolled-up .titlebox-title {
54     border-bottom: 1px solid #ccc
55 }
56
57 .titlebox.rolled-up .titlebox-title .right {
58     display: none
59 }
60
61 .titlebox .titlebox-title .left {
62     font-weight: bold;
63     background: transparent;
64     margin-left: 1em;
65     padding: 0.25em 1.25em 0.25em 1.25em;
66     line-height: 1.4em;
67     font-size: 1.1em;
68     border: none;
69     font-size:140%;
70     font-weight:bold;
71 }
72
73 .titlebox .titlebox-title .left,
74 .titlebox .titlebox-title .left a {
75     /* color: #3858a3 */
76 }
77
78 .titlebox .titlebox-title .right-empty {
79     display: none
80 }
81
82 .titlebox .titlebox-title .right {
83     position: absolute;
84     right: 2px;
85     top: 0;
86     font-size: 0.9em;
87     padding-right: 0em;
88     padding-left: 0.4em;
89     padding-bottom: 0.2em;
90     padding-top: 0.5em;
91     -moz-border-radius-bottomleft: 0.25em;
92     -webkit-border-bottom-left-radius: 0.25em;
93     -moz-border-radius-topright: 0.25em;
94     -webkit-border-top-right-radius: 0.25em;
95     border-radius: 0 0.25em 0 0.25em;
96 }
97
98 .titlebox .titlebox-title .right a,
99 .titlebox .titlebox-title .right a:visited {
100     color: #000;
101     font-weight: bold;
102     margin-left: 0.5em;
103     margin-right: 0.5em;
104 }
105
106 .titlebox:hover .titlebox-title .right a,
107 .titlebox:active .titlebox-title .right a {
108     color: #000 
109 }
110
111 .titlebox .titlebox-title .widget a {
112     display: block;
113     margin: 0;
114     width: 20px;
115     background: url(../../../static/images/css/rollup-arrow.gif) no-repeat;
116     background-position: center 0;
117     position: absolute;
118     top: 0.5em;
119     left: 0.5em;
120     padding: 7px 0 0 0;
121     overflow: hidden;
122 }
123
124 .titlebox.rolled-up .titlebox-title .widget a {
125     background-image: url(../../../static/images/css/rolldown-arrow.gif)
126 }
127
128 div.results .titlebox .titlebox-content {
129     border: none;
130     -moz-border-radius: 0.5em;
131     border-radius: 0.5em;
132     -webkit-border-radius: 0.5em;
133     padding-top: 0.5em;
134     padding-bottom: 0.5em;
135 }
136
137 .results .titlebox-content ul {
138     list-style-type: none
139 }
140
141 .results .titlebox-title {
142     display: none
143 }
144
145 .titlebox form {
146     display: inline-block; /* makes the submit buttons not end up way far away */
147 }