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