Made the actiondiv (offer startpage, search, select roomview) texts a little smaller...
[citadel.git] / webcit / static / styles / banner.css
1 #banner {
2         background: #4D555C;
3         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4D555C), to(#7D858C));
4         background: -moz-linear-gradient(#4D555C, #7D858C);
5         background: linear-gradient(#4D555C, #7D858C);
6         -pie-background: linear-gradient(#4D555C, #7D858C);
7         behavior: url(/static/styles/PIE.htc);
8         border-bottom: 2px solid #424b52;
9         color: #FFF;
10         margin: 0;
11         padding: 0;
12         top: 0;
13         height: 100px;          /* when changing this, also change #content */
14         position: fixed;
15         width: 84%;             /* when changing this, also change #iconbar and #content */
16         left: 16%;              /* when changing this, also change #iconbar and #content */
17         z-index: 3;                                                
18         overflow: hidden;
19 }
20
21 #banner a { color: #FFF }
22
23 #banner h1 {
24         font-size: 160%;
25         font-weight: 700;
26 }
27
28 #banner h2 { font-weight: 700}
29
30 #banner h2, #banner .titlebar { font-size: 130% }
31
32 #banner ul.room_actions li.start_page a {
33         background-color: #5C646B;
34         color: #FEFFFC;
35         border: 1px solid black;
36 }
37 #banner .banner {
38         display: table-cell;
39         width: 90%;
40 }
41
42 #banner .banner img {
43         float: left;
44         margin: 0 5px 15px 0;
45 }
46
47 #banner h1, #banner h2, #banner .banner .infos, #banner .banner p {
48         margin: 2px;
49         padding: 0;
50 }
51
52 #room_infos {
53         position: absolute;
54         top: 0;
55         left: 50%;
56         width: 45%;
57         z-index: 10;
58         cursor: pointer;
59         text-align: left;
60         padding: 10px 2px 2px 2px;
61 }
62
63 #room_infos img.close_infos { float: right }
64
65 #actiondiv {
66         position: absolute;
67         right: 0;
68         top: 0;
69         text-align: right;
70         font-size: 70%;
71         font-weight: bold;
72 }
73
74 #banner ul.room_actions {
75         list-style: none;
76         margin: 0;
77 }
78 #banner ul.room_actions li {
79         white-space: nowrap;
80         display: inline;
81 }
82 #banner ul.room_actions li form {
83         margin: 0;
84         padding: 0;
85 }
86
87 #banner ul.room_actions li select, #banner ul.room_actions li input {
88         margin-top: 2px;
89         margin-right: 2px;
90 }
91 #selectpage.hidden { display: none !important }
92
93
94 .banner .infos { cursor: help }
95
96 .room_actions form select { cursor: pointer }
97
98 .start_page {
99         font-size: 50%
100 }