colonymech / docs / www / colonyscout / main.css @ 7ba378cb
History | View | Annotate | Download (6.12 KB)
1 | f59acf11 | Dan Shope | /************* GENERAL BODY ***********/
|
---|---|---|---|
2 | body {background:url(/images/header_bg.png) repeat-x;background-color:#eeeeee;} |
||
3 | |||
4 | #general{margin:0px auto;padding:0px;font:13px Lucida Sans, Arial, Verdana, Sans-Serif;color:#000066;width:990px;height:100%; |
||
5 | list-style:none;text-decoration:none;position:relative;top:-7px;} |
||
6 | |||
7 | #top {background: url(//images/header_bg.png) 0px -1px repeat-x;width:990px;height:120px;margin-bottom:13px;} |
||
8 | #top-navigation {float:right;padding-right:10px;margin-top:60px;} |
||
9 | #top-navigation a {font-size: 12px;font-weight:bold;color:#fff;margin-left:20px;text-decoration:none;} |
||
10 | #top-navigation a:hover {border-bottom: 2px solid #0000CC;} |
||
11 | #top-navigation {font-size:12px;font-weight:bold;color:#ececec;} |
||
12 | |||
13 | #body {width:990px;background:#eeeeee;height:100%;display:table;margin:0;padding-bottom:20px;margin-bottom:-40px;} |
||
14 | |||
15 | #footer-box { border-top:2px solid #999999; width:100px; height:40px; margin:0; padding:0; z-index:100; display:table;} |
||
16 | #footer p {font-size:11px; color:#666666; padding:8px 8px 8px 8px; display:block;} |
||
17 | #footer a {color: #666666; text-decoration:none;} |
||
18 | |||
19 | img {border:none;} |
||
20 | p {width:950px;} |
||
21 | a {text-decoration:none;} |
||
22 | |||
23 | h1, h2, h3 {display:inline;padding-right: 8px;font-family: Calibri, Lucida Sans, Verdana, Sans-Serif;z-index:1;} /*set z-index behind auto-complete box*/ |
||
24 | h1 {color:#000099;} |
||
25 | h3 {margin:10px 8px 0px 10px;} |
||
26 | |||
27 | /************* BODY CLASSES ***********/
|
||
28 | #body-boxes{margin:0;padding:0;padding-bottom:80px;} |
||
29 | .box-row {float:left;clear:both;display:block;} |
||
30 | .topmargin {margin-top:10px;} |
||
31 | |||
32 | #hero-banner {background:url(/images/hero_main.jpg) no-repeat;display:block;width:990px;height:368px;} |
||
33 | #hero-banner-side {background:url(/images/hero_side.jpg) no-repeat;display:block;position:relative; |
||
34 | top:-217px;left:-95px;width:95;height:217px;margin-bottom:-217px;} |
||
35 | #hero-banner-text {font-size: 25px;color: #000033;position:relative;width:650px;top:190px;left:350px;z-index:100;} |
||
36 | .hero-box {float:left;height:60px;width:230px;border-right:1px solid #DDD;margin-right:10px;} |
||
37 | |||
38 | #twitter-box {float:left;width:427px;height:120px;clear:right;margin-top:22px;} |
||
39 | #twitter-status {float:left;width:523px;font-size:12px;} |
||
40 | #twitter-status p {width:523px;} |
||
41 | #twitter-status .newest {font-size:15.5px;} |
||
42 | |||
43 | .white-top {background:url(/images/20100124main.png) 0px 0px no-repeat;clear:both;display:block;height:12px;width:990px;margin-left:5px;} |
||
44 | .white-body {background:url(/images/20100125white_body.png) repeat-y;float:left;clear:both;height:auto;width:990px;margin-left:5px;} |
||
45 | .white-bottom {background:url(/images/20100124main.png) 0px -12px no-repeat;clear:both;display:block;height:20px;width:990px;margin-left:5px;} |
||
46 | .text-box {padding:0px 8px 0px 24px;display:block;} |
||
47 | |||
48 | #reference-box {border:1px solid #ccc;background-color:#efefef;width:930px;margin:10px;font-size:11px;color:#333;} |
||
49 | .content-box {width:680px;float:left;margin-bottom: 5px;} |
||
50 | .content-box p {width:670px;} |
||
51 | .content-box .hr {width:680px;} |
||
52 | .side-box {border: 1px solid #ccc;background-color:#66F;width:250px;margin:0px 10px 5px 10px;color: #fff;float:left;clear:right;} |
||
53 | .side-box p {width:230px;text-align:justify;margin-left:10px;} |
||
54 | .side-box img {margin:10px 10px -10px 10px;} |
||
55 | .gray{background-color:#EFF;color:#666} |
||
56 | |||
57 | #disqus_thread {width: 750px;margin:0px auto;} |
||
58 | |||
59 | table.intro {border:1px solid #CCC;width:940px;} |
||
60 | table.intro th, td {border:none;} |
||
61 | table.intro th {background-color:#66F;color:white;} |
||
62 | |||
63 | table.price {border:none;width:150px;text-align:right;} |
||
64 | table.part-content{width:500px;} |
||
65 | table.part-content td {border:1px solid #ececec;} |
||
66 | th, td {border:none;} |
||
67 | th {background-color:#66F;color:white;} |
||
68 | |||
69 | .bot-gray {display:block;border-bottom:1px solid #DDD; width:940px;clear:both;} |
||
70 | #team-twitter {height:120px;width:427px;display:block;margin:-70px 0px -13px 330px;} |
||
71 | #team-twitter-old{background:url(/images/team_twitter.jpg) no-repeat;cursor:pointer;margin:0px 0px -83px 330px;} |
||
72 | .team-box {float:left;height:275px;width:310px;border-right:1px solid #DDD;margin-right:10px;} |
||
73 | .team-box p {font-size:13px;width:300px;margin-top:0px;} |
||
74 | .team-box img {float:right;margin:55px 10px 5px 10px;padding:4px;background-color:#f5f5f5;border:1px solid #e1e1e1;} |
||
75 | .team-box-small {float:left;height:285px;width:229px;border-right:1px solid #DDD;margin-right:10px;} |
||
76 | .team-box-small p {font-size:13px;width:220px;} |
||
77 | .team-box-small img {float:right;margin:30px 10px 5px 10px;padding:4px;background-color:#f5f5f5;border:1px solid #e1e1e1;} |
||
78 | .team-box-small h3 {display:block;font-size:18px;margin:10px 8px 0px 0px;clear:both;} |
||
79 | |||
80 | .hr {width: 940px;height: 1px;border: 1px solid #CCC;margin-bottom: 10px;} |
||
81 | |||
82 | img.box-img {float:left;margin-right:10px;} |
||
83 | .box-img-side {display:block;height:130px;width:950px;} |
||
84 | |||
85 | div.box-part-img {float:left;width:200px;} |
||
86 | div.box-part-title {float:left;width:650px;margin-left:25px;margin-bottom:10px;} |
||
87 | div.box-part-text {float:left;width:500px;margin-left:25px;} |
||
88 | |||
89 | video {width:464px;height:261px;} |
||
90 | .video-box {width:465px;float:left;margin-right:15px;} |
||
91 | .img-box {width:226px;margin:15px 8px 15px 0px;float:left;} |
||
92 | |||
93 | #bottom-nav {float: left;clear: both;} |
||
94 | #pagenav {clear: both;width: 940px;float: left;padding: 1.83em 0 0;} |
||
95 | #pagenav li {width: 50%;font-size: 14px;list-style: none;} |
||
96 | #pagenav .previous {float: left;} |
||
97 | #pagenav .previous a {padding-left: 20px;background: url(/images/arrow_prev.gif) no-repeat 0 50%;} |
||
98 | #pagenav .next {float: right;text-align: right;} |
||
99 | #pagenav .next a {padding-right: 20px;background: url(/images/arrow_next.gif) no-repeat 100% 50%;} |
||
100 | |||
101 | #navcontainer ul{margin: 0px auto;list-style-type: none;text-align: center;} |
||
102 | #navcontainer ul li { display: inline; } |
||
103 | #navcontainer ul li a{ text-decoration:none;padding:.1em 0.5em;background:none;border:none;color: #fffff;} |
||
104 | #navcontainer ul li a:hover{border:#9999FF solid 1px;text-decoration:underline;} |
||
105 | #navcontainer li.currentpage{text-decoration: none;padding: .1em 0.5em;background-color: #0066CC;border:#9999FF solid 1px;color: #fff;} |
||
106 | |||
107 | /************* FONT STYLES ***********/
|
||
108 | a.small {font-size: 14px;color:#000033;text-decoration:none;} |
||
109 | a.sm-em {color: #fff;} |
||
110 | a.sm-em:hover {font-style: italic;color: #666;} |
||
111 | |||
112 | .description {font-size:14.5px;text-shadow: #ECECEC 0.5px 1px;} |
||
113 | .center {margin-left: auto;margin-right: auto} |
||
114 | .super {font: bold 6pt Arial;vertical-align: super;} |
||
115 | .blue {color:#003399;} |