colonymech / docs / www / colonyscout / main.css @ f59acf11
History | View | Annotate | Download (6.12 KB)
1 |
/************* 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;} |