Web edits
[beagleboard.org.git] / static / beagle2.css
blobdb04117480ba79f735ad78f0760809732f62450b
1 @charset "utf-8";
2 /* CSS Document */
4 body {
5 font: Arial, Helvetica, sans-serif;
6 font-size:12px;
7 background-color: #fcf7ed;
8 margin: 0;
9 padding: 0;
10 color: #525252;
13 /* Element/tag selectors */
14 /*
15 ul, ol, dl {
16 padding: 0;
17 margin: 0;
21 h1, h2, h3, h4, h5, h6, p {
22 margin-top: 0;
23 padding-right: 15px;
24 padding-left: 15px;
25 }*/
27 h2, h3 {
28 margin-top: 5px;
29 margin-bottom: 5px;
32 a img {
33 border: none;
35 a.external {
36 background: url(/static/images/icon_offsite.gif) center right no-repeat;
37 padding-right: 13px;
40 ul.square {
41 list-style-type:square;
42 color: #525252;
43 padding-left:10px;
44 margin:10px;
47 /* Element/tag selectors end */
49 .top {
50 background-color: #de7224;
51 height: 75px;
52 text-align: center;
54 .top-header {
55 width: 950px;
56 padding-left:50px;
57 padding-top:10px;
58 text-align:left;
59 margin: 0 auto;
61 .social{
62 width:200px;
63 float:right;
64 padding-top:15px;
66 .container {
67 width: 950px;
68 height: 600px;
69 background-color: #FFFFFF;
70 margin: 0 auto;
73 /* main menu */
74 #cssmenu ul,
75 #cssmenu li,
76 #cssmenu span,
77 #cssmenu a {
78 margin: 0;
79 padding: 0;
80 position: relative;
82 #cssmenu {
83 height: 39px;
84 width: 950px;
85 border-radius: 0px 0px 0 0;
86 -moz-border-radius: 0px 0px 0 0;
87 -webkit-border-radius: 0px 0px 0 0;
88 background: #141414;
89 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
90 background: -moz-linear-gradient(top, #515151 0%, #222222 100%);
91 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #222222));
92 background: -webkit-linear-gradient(top, #515151 0%, #222222 100%);
93 background: -o-linear-gradient(top, #515151 0%, #222222 100%);
94 background: -ms-linear-gradient(top, #515151 0%, #222222 100%);
95 background: linear-gradient(to bottom, #515151 0%, #222222 100%);
96 border-bottom: 2px solid #de7224;
98 #cssmenu:after,
99 #cssmenu ul:after {
100 content: '';
101 display: block;
102 clear: both;
104 #cssmenu a {
105 background: #141414;
106 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
107 background: -moz-linear-gradient(top, #515151 0%, #222222 100%);
108 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #222222));
109 background: -webkit-linear-gradient(top, #515151 0%, #222222 100%);
110 background: -o-linear-gradient(top, #515151 0%, #222222 100%);
111 background: -ms-linear-gradient(top, #515151 0%, #222222 100%);
112 background: linear-gradient(to bottom, #515151 0%, #222222 100%);
113 color: #ffffff;
114 display: inline-block;
115 font-family: Arial, Helvetica, sans-serif;
116 font-size: 12px;
117 line-height: 39px;
118 padding: 0 25px;
119 text-decoration: none;
121 #cssmenu ul {
122 list-style: none;
124 #cssmenu > ul {
125 float: left;
127 #cssmenu > ul > li {
128 float: left;
130 #cssmenu > ul > li:hover:after {
131 content: '';
132 display: block;
133 width: 0;
134 height: 0;
135 position: absolute;
136 left: 50%;
137 bottom: 0;
138 border-left: 10px solid transparent;
139 border-right: 10px solid transparent;
140 border-bottom: 10px solid #e05f0f;
141 margin-left: -10px;
143 #cssmenu > ul > li:first-child > a {
144 border-radius: 5px 0 0 0;
145 -moz-border-radius: 5px 0 0 0;
146 -webkit-border-radius: 5px 0 0 0;
148 #cssmenu > ul > li:last-child > a {
149 border-radius: 0 5px 0 0;
150 -moz-border-radius: 0 5px 0 0;
151 -webkit-border-radius: 0 5px 0 0;
153 #cssmenu > ul > li.active > a {
154 box-shadow: inset 0 0 3px #000000;
155 -moz-box-shadow: inset 0 0 3px #000000;
156 -webkit-box-shadow: inset 0 0 3px #000000;
157 background: #070707;
158 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
159 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
160 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
161 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
162 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
163 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
164 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
166 #cssmenu > ul > li:hover > a {
167 background: #070707;
168 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
169 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
170 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
171 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
172 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
173 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
174 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
175 box-shadow: inset 0 0 3px #000000;
176 -moz-box-shadow: inset 0 0 3px #000000;
177 -webkit-box-shadow: inset 0 0 3px #000000;
179 #cssmenu .has-sub {
180 z-index: 1;
182 #cssmenu .has-sub:hover > ul {
183 display: block;
185 #cssmenu .has-sub ul {
186 display: none;
187 position: absolute;
188 width: 200px;
189 top: 100%;
190 left: 0;
192 #cssmenu .has-sub ul li {
193 *margin-bottom: -1px;
195 #cssmenu .has-sub ul li a {
196 background: #de7224;
197 border-bottom: 1px dotted #ec9f6f;
198 filter: none;
199 font-size: 11px;
200 display: block;
201 line-height: 120%;
202 padding: 10px;
204 #cssmenu .has-sub ul li:hover a {
205 background: #b04b0c;
207 #cssmenu .has-sub .has-sub:hover > ul {
208 display: block;
210 #cssmenu .has-sub .has-sub ul {
211 display: none;
212 position: absolute;
213 left: 100%;
214 top: 0;
216 #cssmenu .has-sub .has-sub ul li a {
217 background: #b04b0c;
218 border-bottom: 1px dotted #d0936d;
220 #cssmenu .has-sub .has-sub ul li a:hover {
221 background: #803709;
223 /* end main menu */
225 #search {padding-top:8px; padding-right:25px; text-align:right;}
227 .breadcrumbs {
228 padding-top:10px;
229 padding-left:25px;
230 float:left;
231 font-size:10px;
232 font-family:Arial, Helvetica, sans-serif;
233 color; #525252;
235 a:link
237 color: #de7224;
239 a:hover {color:#de7224; text-decoration:underline;}
241 .breadcrumb_divider{
242 font-size:13px;
244 .leftmenu {
245 float: left;
246 width: 180px;
247 background-color: #EADCAE;
248 padding-bottom: 10px;
251 /* floating menu */
252 #floatMenu {
253 position:absolute;
254 top:200px;
255 right:50%;
256 margin-right:265px;
257 width:240px;
259 #floatMenu ul {
260 margin-bottom:20px;
261 list-style:none;
262 font-family:Arial, Helvetica, sans-serif
264 #floatMenu ul li a {
265 display:block;
266 color:#de7224;
267 border-radius: 5px 5px 5px 5px;
268 -moz-border-radius: 5px 5px 5px 5px;
269 -webkit-border-radius: 5px 5px 5px 5px;
270 background-color:#f1f1f1;
271 border-bottom:1px dotted #999;
272 border-left:15px solid #de7224;
273 text-decoration:none;
274 padding:5px 5px 5px 8px;
277 #floatMenu ul.menu1 li a:hover {
278 background-color:#de7224;
279 color:#fff;
280 border-left:15px solid #b04b0c;
282 #floatMenu ul.menu2 li a:hover {
283 background-color:#de7224;
284 color:#fff;
285 border-left:15px solid #b04b0c;
287 #floatMenu ul.menu3 li a:hover {
288 background-color:#de7224;
289 color:#fff;
290 border-left:15px solid #b04b0c;
293 img.steps { vertical-align: middle; }
294 img.start { vertical-align: middle; padding-right:3px; }
296 /* Accordion menu*/
297 .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
298 .ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
299 .ui-accordion .ui-accordion-noicons { padding-left: .7em; }
300 .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
301 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
302 .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
303 /* Layout helpers
304 ----------------------------------*/
305 .ui-helper-hidden { display: none; }
306 .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
307 .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
308 .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
309 .ui-helper-clearfix:after { clear: both; }
310 .ui-helper-clearfix { zoom: 1; }
311 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
314 /* Interaction Cues
315 ----------------------------------*/
316 .ui-state-disabled { cursor: default !important; }
319 /* Icons
320 ----------------------------------*/
322 /* states and images */
323 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
326 /* Misc visuals
327 ----------------------------------*/
329 /* Overlays */
330 .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
335 #gettingstarted {
336 padding-left:200px;
339 /* main content divs*/
340 /* homepage content divs*/
341 #hp-c1 {
342 width:600px;
343 margin-left:25px;
346 #hp-c2 {
347 float:left;
348 width:280px;
349 margin-left:25px;
353 #hp-c3 {
354 float:left;
355 width:590px;
356 margin-left:25px;
357 padding-left:10px;
358 padding-top:10px;
359 padding-right:0px;
360 padding-bottom:0px;
361 border-radius: 5px 5px 5px 5px;
362 -moz-border-radius: 5px 5px 5px 5px;
363 -webkit-border-radius: 5px 5px 5px 5px;
364 border:1px solid #b4a279;
366 #hp-c3-content {
367 float:right;
368 width:300px;
370 #hp-c4 {
371 float:left;
372 width:280px;
373 margin-top:15px;
374 margin-left:25px;
375 margin-bottom:25px;
377 #hp-c5 {
378 float:left;
379 width:280px;
380 margin-top:62px;
381 margin-left:25px;
382 margin-bottom:25px;
384 #hp-c6 {
385 float:left;
386 width:280px;
387 margin-top:47px;
388 margin-left:25px;
389 margin-bottom:25px;
391 table#features {
392 width:250px;
394 #homepage-gettingStarted
396 border: 1px solid #B4A279;
397 border-radius: 5px 5px 5px 5px;
398 float: right;
399 margin-top: 65px;
400 margin-right: 35px;
401 padding: 10px;
402 width: 240px;
403 background-color:#de7224;
404 text-align:center;
408 /* end homepage content divs*/
410 .t3_sidebar {
411 float: left;
412 width: 180px;
413 background-color: #f1f1f1;
414 padding-bottom: 10px;
415 border-radius: 5px 5px 5px 5px;
416 -moz-border-radius: 5px 5px 5px 5px;
417 -webkit-border-radius: 5px 5px 5px 5px;
418 border:1px solid #b4a279;
420 ul.left-menu {
421 list-style:none;
422 color:#de7224;
423 padding: 10px;
424 margin: 10px;
425 margin-bottom:20px;
426 line-height:150%;
428 ul.left-menu a {
429 list-style:none;
430 color:#de7224;
433 ul.left-menu a:hover{
434 list-style:none;
435 color:#fff;
436 display:block;
437 background-color:#de7224;
438 text-decoration:none;
441 .t3_content_1 {
442 width:650px;
443 float: left;
444 padding-left:30px;
447 #t2-c1 {
448 float:left;
449 width:575px;
450 margin-left:0px;
451 margin-bottom:20px;
452 padding-left:10px;
453 padding-top:10px;
454 padding-bottom:0px;
455 border-radius: 5px 5px 5px 5px;
456 -moz-border-radius: 5px 5px 5px 5px;
457 -webkit-border-radius: 5px 5px 5px 5px;
458 border:1px solid #b4a279;
460 #t2-c1-content {
461 float:right;
462 width:295px;
466 #t2-c1a {
467 float:left;
468 width:567px;
469 margin-right:25px;
470 margin-bottom:20px;
471 padding:0px;
472 padding-bottom: 10px;
474 #t2-c2 {
475 float:left;
476 padding:10px;
477 width:270px;
478 margin-left:10px;
480 #t2-c4 {
481 float:left;
482 width:260px;
483 padding:10px;
484 margin-bottom: 20px;
485 border-radius: 5px 5px 5px 5px;
486 -moz-border-radius: 5px 5px 5px 5px;
487 -webkit-border-radius: 5px 5px 5px 5px;
488 border:1px solid #b4a279;
491 #t2-c5 {
492 float:left;
493 width:260px;
494 margin-left:25px;
495 margin-bottom: 20px;
496 padding:10px;
497 padding-bottom: 10px;
498 border-radius: 5px 5px 5px 5px;
499 -moz-border-radius: 5px 5px 5px 5px;
500 -webkit-border-radius: 5px 5px 5px 5px;
501 border:1px solid #b4a279;
504 #t2-c6 {
505 float:left;
506 width:260px;
507 margin-left:25px;
508 margin-bottom: 20px;
509 padding:10px;
510 padding-bottom: 10px;
511 border-radius: 5px 5px 5px 5px;
512 -moz-border-radius: 5px 5px 5px 5px;
513 -webkit-border-radius: 5px 5px 5px 5px;
514 border:1px solid #b4a279;
517 #t2-video-1 {
518 float:left;
519 width:420px;
520 margin-right:53px;
522 #t2-video-2 {
523 float:left;
524 width:420px;
526 /*temp
527 #t2-c7 {
528 float:left;
529 width:875px;
530 margin-bottom: 20px;
531 padding:10px;
532 border-radius: 5px 5px 5px 5px;
533 -moz-border-radius: 5px 5px 5px 5px;
534 -webkit-border-radius: 5px 5px 5px 5px;
535 border:1px solid #b4a279;
539 #t2-c7-content {
540 float:right;
541 width:600px;
546 .browser-connect {
547 width: 600px;
548 padding:10px;
549 border-radius: 5px 5px 5px 5px;
550 -moz-border-radius: 5px 5px 5px 5px;
551 -webkit-border-radius: 5px 5px 5px 5px;
552 color:#fff;
553 background: #de7224;
554 border:1px solid #803709;
556 .browser-connected {
557 width: 600px;
558 padding:10px;
559 border-radius: 5px 5px 5px 5px;
560 -moz-border-radius: 5px 5px 5px 5px;
561 -webkit-border-radius: 5px 5px 5px 5px;
562 color:#fff;
563 background: #00993f;
564 border:1px solid #803709;
566 #browser-content {
567 padding-top:8px;
568 float:right;
569 width:500px;
572 /*Juan added */
573 /*temp
574 #t2-c5a {
576 border-radius: 5px 5px 5px 5px;
577 float: left;
578 width: 200px;
579 margin-left:5px;
582 #t2-c5b {
584 border-radius: 5px 5px 5px 5px;
585 float: left;
586 width: 180px;
587 margin-left:5px;
590 #t2-c5c {
591 /*border: 1px solid #B4A279;*//*temp
592 border-radius: 5px 5px 5px 5px;
593 float: left;
594 width: 200px;
595 margin-left:5px;
599 /* ######## PRODUCT DETAILS page table holders begin ####### */
600 /* ################################################################# */
601 /* SUPPORT
602 /* ################################################################# */
604 #sup-forum
606 border: 1px solid #B4A279;
607 border-radius: 5px 5px 5px 5px;
608 float: left;
609 margin-bottom: 20px;
610 margin-left: 25px;
611 padding: 10px;
612 width: 260px;
615 #sup-irc
617 border: 1px solid #B4A279;
618 border-radius: 5px 5px 5px 5px;
619 float: left;
620 margin-bottom: 20px;
621 margin-left: 25px;
622 padding: 10px;
623 width: 260px;
624 background-color:#de7224;
625 text-align:center;
627 #sup-irc h2
629 color:#fff;
630 font-weight:bold;
633 #sup-faq
635 border: 1px solid #B4A279;
636 border-radius: 5px 5px 5px 5px;
637 float: left;
638 margin-bottom: 20px;
639 margin-left: 25px;
640 padding: 10px;
641 width: 260px;
642 background-color:#de7224;
643 text-align:center;
646 #sup-faq h2
648 color:#fff;
649 font-weight:bold;
652 #sup-flash
654 border: 1px solid #B4A279;
655 border-radius: 5px 5px 5px 5px;
656 float: left;
657 margin-bottom: 20px;
658 margin-left: 0;
659 padding: 10px;
660 width: 567px;
661 height:195px;
662 min-height:195px;
665 #sup-guide
667 border: 1px solid #B4A279;
668 border-radius: 5px 5px 5px 5px;
669 float: left;
670 margin-bottom: 20px;
671 margin-left: 0;
672 padding: 10px;
673 width: 567px;
674 height:195px;
675 min-height:195px;
678 #sup-exDoc
680 /*border: 1px solid #B4A279;*/
681 border-radius: 5px 5px 5px 5px;
682 float: left;
683 margin-bottom: 20px;
684 margin-left: 25px;
685 padding: 0 10px 10px 10px;
686 width: 260px;
689 #sup-softSup
691 border: 1px solid #B4A279;
692 border-radius: 5px 5px 5px 5px;
693 float: left;
694 margin-bottom: 20px;
695 margin-left: 0;
696 padding: 10px;
697 width: 870px;
698 height:auto;
699 min-height:195px;
702 #sup-hardSup
704 border: 1px solid #B4A279;
705 border-radius: 5px 5px 5px 5px;
706 float: left;
707 margin-bottom: 20px;
708 margin-left: 0;
709 padding: 10px;
710 width: 870px;
711 height:auto;
712 min-height:195px;
714 #sup-forum h2
716 color:#fff;
717 font-weight:bold;
719 #t2-c4-prod-details {
720 border: 1px solid #B4A279;
721 border-radius: 5px 5px 5px 5px;
722 float: left;
723 margin-bottom: 20px;
724 padding: 10px;
725 width: 260px;
726 height:auto;
727 min-height:345px;
729 #t2-c5-prod-details {
730 border: 1px solid #B4A279;
731 border-radius: 5px 5px 5px 5px;
732 float: left;
733 margin-bottom: 20px;
734 margin-left: 25px;
735 padding: 10px;
736 width: 260px;
737 height:auto;
738 min-height:345px;
740 #t2-c6-prod-details {
741 border: 1px solid #B4A279;
742 border-radius: 5px 5px 5px 5px;
743 float: left;
744 margin-bottom: 20px;
745 margin-left: 25px;
746 padding: 10px;
747 width: 260px;
748 height:auto;
749 min-height:345px;
751 /* ######## PRODUCT DETAILS page table holders ends ####### */
752 #t2-c7
754 border: 1px solid #B4A279;
755 border-radius: 5px 5px 5px 5px;
756 float: left;
757 margin-bottom: 20px;
758 padding: 10px 0 0 10px;
759 width: 885px;
762 #t2-c7-content
764 float: right;
765 width: 600px;
768 #t2-c5a
771 float: left;
772 width: 280px;
776 #t2-c5b
778 padding-left:20px;
779 float: left;
780 width: 280px;
784 #t2-c5c
787 float: left;
788 width: 280px;
794 #t2-c5d
797 float: left;
798 width: 590px;
802 #CTA
804 background-color:#de7224;
805 width:225px;
806 height:72px;
807 display:block;
808 margin-top:20px;
809 background:url(images/CTA-tilt.jpg) no-repeat;
810 padding: 8px 0 0 45px;
811 float:right;
813 /* ################################################################# */
814 /* HARDWARE SUPPORT
815 /* ################################################################# */
816 #hard-sup
818 border: 1px solid #B4A279;
819 border-radius: 5px 5px 5px 5px;
820 float: left;
821 margin-bottom: 20px;
822 margin-left: 0;
823 padding: 10px;
824 width: 567px;
825 height:auto;
826 min-height:120px;
828 #hard-sup-inter
830 /*border: 1px solid #B4A279;*/
831 border-radius: 5px 5px 5px 5px;
832 float: left;
833 margin-bottom: 20px;
834 margin-left: 25px;
835 padding: 0 10px 10px 10px;
836 width: 260px;
837 height:auto;
838 min-height:120px;
841 #hard-sup-level-doc
843 /*border: 1px solid #B4A279;
844 border-radius: 5px 5px 5px 5px;*/
845 float: left;
846 margin-bottom: 10px;
847 margin-left: 0;
848 padding: 10px;
849 width: 870px;
850 height:auto;
851 min-height:150px;
854 #hard-sup-level-doc-prod-a
856 border: 1px solid #f1f1f1;
857 background-color:#f1f1f1;
858 border-radius: 5px 5px 5px 5px;
859 float: left;
860 margin-bottom: 20px;
861 padding: 10px;
862 width: 180px;
863 height:auto;
864 min-height:150px;
867 #hard-sup-level-doc-prod-b
869 border: 1px solid #f1f1f1;
870 background-color:#f1f1f1;
871 border-radius: 5px 5px 5px 5px;
872 float: left;
873 margin-bottom: 20px;
874 margin-left: 15px;
875 padding: 10px;
876 width: 180px;
877 height:auto;
878 min-height:150px;
881 #hard-sup-level-doc-prod-c
883 border: 1px solid #f1f1f1;
884 background-color:#f1f1f1;
885 border-radius: 5px 5px 5px 5px;
886 float: left;
887 margin-bottom: 20px;
888 margin-left: 15px;
889 padding: 10px;
890 width: 180px;
891 height:auto;
892 min-height:150px;
895 #hard-sup-level-doc-prod-d
897 border: 1px solid #f1f1f1;
898 background-color:#f1f1f1;
899 border-radius: 5px 5px 5px 5px;
900 float: left;
901 margin-bottom: 20px;
902 margin-left: 15px;
903 padding: 10px;
904 width: 180px;
905 height:auto;
906 min-height:150px;
909 #hard-sup-capes
911 border: 1px solid #B4A279;
912 border-radius: 5px 5px 5px 5px;
913 float: left;
914 margin-bottom: 20px;
915 margin-left: 0;
916 padding: 10px;
917 width: 567px;
918 height:auto;
919 min-height:120px;
922 #hard-sup-repair
924 border: 1px solid #B4A279;
925 border-radius: 5px 5px 5px 5px;
926 float: left;
927 margin-bottom: 20px;
928 margin-left: 20px;
929 padding: 10px;
930 width: 260px;
931 height:auto;
932 min-height:120px;
936 #hard-sup-materials
938 border: 1px solid #B4A279;
939 border-radius: 5px 5px 5px 5px;
940 float: left;
941 margin-bottom: 20px;
942 margin-left: 0;
943 padding: 10px;
944 width: 870px;
945 height:auto;
946 min-height:5px;
951 #hard-sup-materials-a
953 /*border: 1px solid #f1f1f1;
954 background-color:#f1f1f1;*/
955 border-radius: 5px 5px 5px 5px;
956 float: left;
957 margin-bottom: 10px;
958 padding: 10px;
959 width: 250px;
960 height:auto;
961 min-height:5px;
964 #hard-sup-materials-b
966 /*border: 1px solid #f1f1f1;
967 background-color:#f1f1f1;*/
968 border-radius: 5px 5px 5px 5px;
969 float: left;
970 margin-bottom: 10px;
971 margin-left: 25px;
972 padding: 10px;
973 width: 250px;
974 height:auto;
975 min-height:5px;
978 #hard-sup-materials-c
980 /*border: 1px solid #f1f1f1;
981 background-color:#f1f1f1;*/
982 border-radius: 5px 5px 5px 5px;
983 float: left;
984 margin-bottom: 10px;
985 margin-left: 25px;
986 padding: 10px;
987 width: 250px;
988 height:auto;
989 min-height:5px;
992 /* ################################################################# */
993 /* SOFTWARE SUPPORT
994 /* ################################################################# */
996 #soft-sup-bonescript
998 border: 1px solid #B4A279;
999 border-radius: 5px 5px 5px 5px;
1000 float: left;
1001 margin-bottom: 20px;
1002 margin-left: 0;
1003 padding: 10px;
1004 width: 567px;
1005 height:auto;
1006 min-height:100px;
1009 #soft-sup-gettingStarted
1011 border: 1px solid #B4A279;
1012 border-radius: 5px 5px 5px 5px;
1013 float: left;
1014 margin-bottom: 20px;
1015 margin-left: 20px;
1016 padding: 10px;
1017 width: 260px;
1018 background-color:#de7224;
1019 text-align:center;
1022 #soft-sup-gettingStarted h2
1024 color:#fff;
1025 font-weight:bold;
1028 #soft-sup-download
1030 /*border: 1px solid #B4A279;*/
1031 border-radius: 5px 5px 5px 5px;
1032 float: left;
1033 margin-bottom: 20px;
1034 margin-left: 25px;
1035 padding: 0 10px 10px 10px;
1036 width: 260px;
1039 #soft-sup-SoftwareSupport
1041 border: 1px solid #B4A279;
1042 border-radius: 5px 5px 5px 5px;
1043 float: left;
1044 margin-bottom: 20px;
1045 margin-left: 0;
1046 padding: 10px;
1047 width: 567px;
1048 height:auto;
1049 min-height:300px;
1052 #soft-sup-links
1054 border: 1px solid #B4A279;
1055 border-radius: 5px 5px 5px 5px;
1056 float: left;
1057 margin-bottom: 20px;
1058 margin-left: 20px;
1059 padding: 10px;
1060 width: 260px;
1061 height:auto;
1062 min-height:150px;
1065 /*Juan added end*/
1067 /* main content divs end*/
1068 /*temp
1069 .footer {
1070 clear:left;
1071 margin: 0 auto;
1072 width: 950px;
1073 height: 200px;
1074 font-size:12px;
1075 padding:10px 0;
1076 text-align:left;
1077 color: #ffffff;
1078 background: #141414;
1079 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
1080 background: -moz-linear-gradient(top, #515151 0%, #222222 100%);
1081 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #222222));
1082 background: -webkit-linear-gradient(top, #515151 0%, #222222 100%);
1083 background: -o-linear-gradient(top, #515151 0%, #222222 100%);
1084 background: -ms-linear-gradient(top, #515151 0%, #222222 100%);
1085 background: linear-gradient(to bottom, #515151 0%, #222222 100%);
1086 border-top: 5px solid #de7224;
1087 max-height:225px;
1091 .footer
1093 background:url(images/footer-img.jpg) repeat-x;
1094 clear: left;
1095 font-size: 12px;
1096 height: 200px;
1097 max-height:200px;
1098 margin: 0 auto;
1099 padding: 10px 0;
1100 text-align: left;
1101 width: 950px;
1103 #footer-links {
1104 width: 950px;
1105 padding-left:0px;
1106 padding-top:30px;
1108 #footer-col1 {
1109 list-style:none;
1110 display: block;
1111 width: 280px;
1112 float:left;
1113 margin-left:0px;
1114 padding-top:0px;
1116 #footer-col1 ul {
1117 list-style:none;
1118 font-family:Arial, Helvetica, sans-serif;
1119 line-height:2;
1121 #footer-col1 ul li a {
1122 color:#ffffff;
1123 text-decoration:none;
1125 #footer-col1 ul li a:hover {
1126 color:#de7224;
1128 #footer-col2 {
1129 list-style:none;
1130 width: 280px;
1131 display: block;
1132 float:left;
1133 margin-left:30px;
1134 padding-top:0px;
1136 #footer-col2 ul {
1137 list-style:none;
1138 font-family:Arial, Helvetica, sans-serif;
1139 line-height:2;
1141 #footer-col2 ul li a {
1142 color:#ffffff;
1143 text-decoration:none;
1145 #footer-col2 ul li a:hover {
1146 color:#de7224;
1149 #footer-col3 {
1150 list-style:none;
1151 width: 280px;
1152 display: block;
1153 float:left;
1154 margin-left:30px;
1155 padding-top:0px;
1156 text-align:left;
1158 #footer-col3 ul {
1159 list-style:none;
1160 font-family:Arial, Helvetica, sans-serif;
1161 line-height:2;
1163 #footer-col3 ul li a {
1164 color:#ffffff;
1165 text-decoration:none;
1169 #footer-col3 ul li a:hover {
1170 color:#de7224;
1173 #login {
1174 padding-top:20px;
1175 padding-left:25px;
1178 #login a {
1179 color:#ffffff;
1180 text-decoration:none;
1182 #login a:hover {
1183 color:#de7224;
1186 div#cc {
1187 padding:20px 0 0 25px;
1188 float:left;
1189 font-size:11px;
1191 /* ################################################################# */
1192 /* COMMUNITY MAILING LIST
1193 /* ################################################################# */
1195 #comm-mail-list-groups
1197 float: left;
1198 margin-bottom: 20px;
1199 margin-left: 0;
1200 padding: 10px;
1201 width: auto;
1202 min-width:870px;
1203 height:auto;
1204 min-height:300px;
1209 #comm-mail-list-subscription
1211 /*border: 1px solid #B4A279;
1212 border-radius: 5px 5px 5px 5px;*/
1213 float: left;
1214 margin-bottom: 10px;
1215 margin-left: 0;
1216 padding: 10px;
1217 width: 870px;
1218 height:auto;
1219 min-height:150px;
1222 #comm-mail-list-subscription-a
1224 border: 1px solid #f1f1f1;
1225 background-color:#f1f1f1;
1226 border-radius: 5px 5px 5px 5px;
1227 float: left;
1228 margin-bottom: 20px;
1229 padding: 10px;
1230 width: 180px;
1231 height:auto;
1232 min-height:150px;
1235 #comm-mail-list-subscription-b
1237 border: 1px solid #f1f1f1;
1238 background-color:#f1f1f1;
1239 border-radius: 5px 5px 5px 5px;
1240 float: left;
1241 margin-bottom: 20px;
1242 margin-left: 15px;
1243 padding: 10px;
1244 width: 180px;
1245 height:auto;
1246 min-height:150px;
1249 #comm-mail-list-subscription-c
1251 border: 1px solid #f1f1f1;
1252 background-color:#f1f1f1;
1253 border-radius: 5px 5px 5px 5px;
1254 float: left;
1255 margin-bottom: 20px;
1256 margin-left: 15px;
1257 padding: 10px;
1258 width: 180px;
1259 height:auto;
1260 min-height:150px;
1263 #comm-mail-list-subscription-d
1265 border: 1px solid #f1f1f1;
1266 background-color:#f1f1f1;
1267 border-radius: 5px 5px 5px 5px;
1268 float: left;
1269 margin-bottom: 20px;
1270 margin-left: 15px;
1271 padding: 10px;
1272 width: 180px;
1273 height:auto;
1274 min-height:150px;
1276 #sup-forum
1278 border: 1px solid #B4A279;
1279 border-radius: 5px 5px 5px 5px;
1280 float: left;
1281 margin-bottom: 20px;
1282 margin-left: 25px;
1283 padding: 10px;
1284 width: 260px;
1285 background-color:#de7224;
1286 color:#fff;
1287 text-align:center;
1290 /* ################################################################# */
1291 /* BONESCRIPT LIBRARY
1292 /* ################################################################# */
1294 pre#code {
1295 position: relative;
1296 width: 500px;
1297 padding-left: 0;
1298 border-radius: 4px;
1299 border-bottom-right-radius: 0px;
1300 border-bottom-left-radius: 0px;
1301 margin-bottom: 0px;
1302 margin-left: 30px;
1303 margin-right: 0px;
1304 align: left;
1306 #console-output {
1307 margin-top: 0px;
1308 margin-left: 30px;
1309 width: 496px;
1310 border: 1px solid #cccccc;
1311 resize: vertical;
1314 #BoneScript-wrapper
1316 float: left;
1317 margin-bottom: 10px;
1318 margin-left: 0;
1319 width: 870px;
1320 height:auto;
1322 #BoneScript-col1
1324 float: left;
1325 width: 200px;
1326 margin-bottom: 20px;
1327 height:auto;
1328 min-height:150px;
1329 margin-left:70px;
1332 #BoneScript-col2
1334 float: left;
1335 width: 200px;
1336 margin-bottom: 20px;
1337 margin-left: 40px;
1338 height:auto;
1339 min-height:150px;
1341 #BoneScript-col3
1343 float: left;
1344 width: 200px;
1345 margin-bottom: 20px;
1346 margin-left: 40px;
1347 height:auto;
1348 min-height:150px;
1351 #bonescript-content
1353 border: 1px solid #f1f1f1;
1354 background-color:#f1f1f1;
1355 border-radius: 5px 5px 5px 5px;
1356 float: left;
1357 list-style:none;
1358 line-height:20px;
1359 padding: 20px;
1360 margin-bottom:40px;
1361 width: 165px;
1362 height:auto;
1367 /*#############################################
1368 ## PROJECTS
1369 ###############################################*/
1370 #proj-regis
1372 border:1px solid #B4A279;
1373 border-radius:5px 5px 5px 5px;
1374 float:left;
1375 margin-bottom:20px;
1376 margin-left:25px;
1377 padding:10px;
1378 width:260px;
1379 background-color:#de7224;
1380 text-align:center;
1381 color:#fff;
1382 font-weight:bold;
1384 #proj-search
1386 border: 1px solid #B4A279;
1387 border-radius: 5px 5px 5px 5px;
1388 float: left;
1389 margin-bottom: 20px;
1390 margin-left: 0;
1391 padding: 10px;
1392 width: 870px;
1393 height:auto;
1394 min-height:195px;
1396 /*#########################################################
1397 #CAPES PRODUCTS
1399 #########################################################*/
1401 #t2-c7-capes-display-prod
1403 border: 1px solid #f1f1f1;
1404 /*background-color:#f1f1f1;*/
1405 border-radius: 5px 5px 5px 5px;
1406 float: left;
1407 margin-bottom: 20px;
1408 margin-left: 15px;
1409 padding: 10px;
1410 width: 180px;
1411 height:auto;
1412 min-height:150px;