]> git.openstreetmap.org Git - stateofthemap.git/blob - register/css/business-day.css
Extra resources for State of the Map 2012 site
[stateofthemap.git] / register / css / business-day.css
1 /*Header*/
2 #header {margin-bottom:-50px;}
3 #header h2 {
4     margin-left: 350px;
5     text-align: left;
6     font-weight: bold;
7     font-size: 15px;
8     line-height: 20px;
9 }
10 #header .large {
11     font-size: 22px;
12     padding-bottom:10px;
13     font-weight: normal;
14 }
15 #header .large strong {
16     font-weight: bold;
17     color: #000;
18 }
19 #header .large strong em {
20     font-style: normal;
21     font-weight: bold;
22     font-size: 16px;
23 }
24 #header h2 b {
25     font-family: "Arial";
26 }
27 /*Content*/
28 #content {
29     position: relative;
30 }
31 #content .adv h3 {
32     color: #000;
33     padding: 20px 0 0 0;
34 }
35 .adv .links {
36     position: absolute;
37     top: 20px;
38     right: 0px;
39     text-align: center;
40 }
41 .adv .button {
42     display: block;
43     width: 261px;
44     height: 62px;
45     text-indent: -11000px;
46     background: url(../images/button_now.jpg) 0 0 no-repeat;
47 }
48 .adv a.button:hover {background: url(../images/button_now.jpg) 0  -62px no-repeat;}
49 .adv a.button:active {background: url(../images/button_now.jpg) 0 -124px no-repeat;}
50 .adv a {
51     margin: 10px 0;
52     font-size: 12px;
53 }
54 .adv ul {
55     width: 510px;
56     padding-left: 12px;
57 }
58 .adv ul li {
59     font-size: 12px;
60     height: auto;
61     line-height: 18px;
62     background-position: 0px 6px;
63 }
64 #content h3 {
65     padding-bottom: 10px;
66 }
67 .selected {
68     background: #bee3f1;
69     color: #5c6568;
70     font: bold 15px arial;
71     padding: 6px 42px;
72 }
73 /*Speakers*/
74 .speakers {padding: 0px 9px; height: 225px;}
75 .speakers div {
76     margin: 4px 4px 0 0;
77     width: 262px;
78     height: 113px;
79     background-image: url(../images/speaker_block_small.gif);
80 }
81 /*info panel*/
82 .speakers .info {
83     float: right;
84     width: 141px;
85     height: 210px;
86     background-image: url(../images/info_panel.gif);
87     margin: 4px 0 0 0;
88 }
89 .speakers .info h5 {
90     padding: 8px 0 0 38px;
91     font: bold 12px arial;
92     color: #3a3934;
93 }
94 .speakers .info ul {
95     padding: 4px 2px 0 2px;
96     font-size: 11px;
97 }
98 .speakers .info ul li {
99     background: url(../images/bullet_grey.gif) 0 5px no-repeat;
100     padding-left: 10px;
101     margin: 0 0 6px 4px;
102     color: #5c6568;
103     line-height: 14px;
104 }
105 /*speaker panel*/
106 .speakers img {
107     margin: 8px 7px 0px 8px;
108 }
109 #content .speakers h4 {
110     font: bold 23px arial;
111     margin: 6px 0 1px 0;
112 }
113 #content .speakers p {
114     padding-right: 0px;
115     font: normal 12px arial;
116     color: #71797c;
117     line-height: 16px;
118 }
119 #content .speakers p strong {
120     color: #000;
121 }
122 /*small speaker panel*/
123 .speakers .small {
124     width: 156px;
125     height: 87px;
126     margin: 9px 3px 0 0;
127     background-image: url(../images/speaker_block_smallest.gif);
128 }
129 #content .speakers .small h4 {
130     margin: 6px 6px 2px 8px;
131     font: bold 17px arial;
132     color: #555d60;
133 }
134 #content .speakers .small p {
135     margin: 0 2px 0 8px;
136     line-height: 12px;
137     font-size: 11px;
138 }
139 /*sponsors*/
140 #content .sponsors {
141     height: 50px;
142     padding: 0;
143     margin: 0;
144     background: url(../images/sponsors.gif) left top no-repeat;
145 }
146 .sponsors a {
147     display: block;
148     float:left;
149     height: 50px;
150     margin: 0 8px 0 0;
151     text-indent: -11000px;
152 }
153 .sponsors .cloudmade {margin-left: 20px;}
154 .cloudmade, .ds, .kfb, .tagzania, .off_iphone {width: 120px;}
155 .and {width: 50px;}
156 .ito {width: 45px;}
157 .nestoria {width: 90px;}
158 .gps {width: 70px;}