colonymech / docs / www / colonyscout / internal / css / internal.css @ f59acf11
History | View | Annotate | Download (11.4 KB)
1 |
#tabs{margin:0px;float:left;} |
---|---|
2 |
|
3 |
#tabs a{background:#bdbdff url(/internal/images/left_tab.gif) top left no-repeat;color:#FFF;padding-left:5px;text-decoration:none;} |
4 |
#tabs a span{background:#bdbdff url(/internal/images/right_tab.gif) top right no-repeat;color:#FFF;padding-right:15px;} |
5 |
|
6 |
#tabs a.current{background:none;} |
7 |
#tabs a.current:hover {background:none;} |
8 |
#tabs a.current span{background:none;} |
9 |
|
10 |
#tabs a:hover{background:#ececec url(/internal/images/selected_left_tab.gif) top left no-repeat;color:#000;text-decoration:none;} |
11 |
#tabs a:hover span{background:#ececec url(/internal/images/selected_right_tab.gif) top right no-repeat;color:#000;} |
12 |
#tabs b{background:#ececec url(/internal/images/selected_left_tab.gif) top left no-repeat;color:#FFF;padding-left:5px;font-weight:normal;} |
13 |
#tabs b span{background:#ececec url(/internal/images/selected_right_tab.gif) top right no-repeat;color:#000;padding-right:15px;} |
14 |
|
15 |
#tabs li{list-style:none;float:left;padding-left:3px;} |
16 |
#tabs span{font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:6px;cursor:pointer;} |
17 |
|
18 |
#tabs a,#tabs a span,#tabs b,#tabs b span{display:block;float:left;} |
19 |
|
20 |
.sort-up {background:url('/internal/images/up.gif') no-repeat;float:left;width:12px;height:12px;margin:3px 5px 3px 10px;} |
21 |
.sort-down {background:url('/internal/images/down.gif') no-repeat;float:right;width:12px;height:12px;margin:3px 10px 3px 5px;} |
22 |
|
23 |
.box-row{float:left; width:920px;} |
24 |
|
25 |
#box-instruction-information{width:915px;border:1px solid #ececec;margin-bottom:10px;} |
26 |
#box-instruction-information h1{padding:5px;} |
27 |
#box-instruction-information ol{padding:0px;margin:5px;} |
28 |
#box-instruction-information li{display: inline;list-style-type:none;margin-right:5px;} |
29 |
#box-instruction-information li img{height:75px;border:1px solid #ccc;} |
30 |
|
31 |
.box-3-titles{background:url('/internal/images/step_title.png') no-repeat;width:90px;height:33px;float:left;clear:left;margin:0px;} |
32 |
p.text-titles{font-family:georgia;font-size:20px;text-align:left;padding:1px;margin:1px 0px 0px 5px;} |
33 |
p.orange {color:#FF6600;} |
34 |
.box-3-text{width:670px;float:left;margin-bottom:10px;text-align:justify;font-family:Calibri,verdana;font-size:16px;} |
35 |
.box-3-text-titles{background:url('/internal/images/step_title_text.png') no-repeat top right;width:100%;height:33px;float:left;margin-bottom:10px;color:#006699;} |
36 |
.box-3-text ol{margin:5px;padding:0px 0px 0px 22px;color:#000;} |
37 |
.box-3-pictures{width:115px;clear:right;font-size:13px;font-face:Arial, sans-serif;margin-top:43px;float:right;} |
38 |
|
39 |
.pic a{ background: #000099;width:110px;height:75px;clear:both; margin-bottom:10px; border: solid 1px #666666; display:block; float:right;} |
40 |
.pic a:hover{float:left;} |
41 |
|
42 |
fieldset {background:#ececec; padding:10px; border:1px solid #ccc; margin-bottom:36px; width:890px;} |
43 |
fieldset.action {background:#9da2a6; margin-top:-15px;} |
44 |
input, textarea, select {font-size:16px;padding:0;} |
45 |
|
46 |
legend {background:#fff; color:#000; padding:5px 15px; margin:-26px 0 0 -11px; font-size:18px; border:1px solid #ccc;} |
47 |
|
48 |
label {font-size:11px; font-weight:bold; color:#666;} |
49 |
label.opt {font-weight:normal;} |
50 |
dl {clear:both;} |
51 |
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;} |
52 |
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;} |
53 |
|
54 |
.editableText:hover {outline: 1px dashed grey;} |
55 |
.editableToolbar:hover + * {outline: 1px dashed grey;} |
56 |
.editableToolbar a{display:block;width:17px; height:15px; float:left; margin: 2px;} |
57 |
.editableToolbar .edit {background:url("/internal/images/edit_icons.png");} |
58 |
.editableToolbar .save {background:url("/internal/images/edit_icons.png") -16px 0;} |
59 |
.editableToolbar .cancel {background:url("/internal/images/edit_icons.png") 25px 0;} |
60 |
|
61 |
.tDnD_whileDrag {background-color:#ececec;} |
62 |
|
63 |
#wiring tr{height:20px;} |
64 |
#wiring .box-wires {width:120px;} |
65 |
#wiring .box-wires .wire {width:120px;height:6px;border:1px solid #666;margin:7px -1px 10px 0px;} |
66 |
#wiring .box-wires .bl {background:#33C url('/internal/images/wiring/wire_blue.png') no-repeat;} |
67 |
#wiring .box-wires .bk {background:#000 url('/internal/images/wiring/wire_black.png') no-repeat;} |
68 |
#wiring .box-wires .br {background:#630 url('/internal/images/wiring/wire_brown.png') no-repeat;} |
69 |
#wiring .box-wires .gr {background:#0C0 url('/internal/images/wiring/wire_green.png') no-repeat;} |
70 |
#wiring .box-wires .or {background:#F60 url('/internal/images/wiring/wire_orange.png') no-repeat;} |
71 |
#wiring .box-wires .re {background:#C00 url('/internal/images/wiring/wire_red.png') no-repeat;} |
72 |
#wiring .box-wires .wh {background:#FFF url('/internal/images/wiring/wire_White.png') no-repeat;} |
73 |
#wiring .box-wires .ye {background:#FF0 url('/internal/images/wiring/wire_yellow.png') no-repeat;} |
74 |
#wiring .labels {float:left;width:120px;height:20px;margin:2px 0px 0px 5px;font-family:consolas;font-size:15px;color:#000;vertical-align:middle;text-transform:uppercase;} |
75 |
#wiring td.pin {background:#FFF url('/internal/images/wiring/wire_connector.png') no-repeat;width:30px;height:20px;border:1px solid #666;text-align:center;} |
76 |
#wiring .wire-dimensions {width:150px;font-size:20px;font-family:consolas;text-align:center;} |
77 |
#wiring td.type {width:20px;font-family:consolas;font-size:15px;color:#000;} |
78 |
|
79 |
.wiring-diagram {float:left;} |
80 |
#wiring-info {width:300px;float:left;margin-left:20px;} |
81 |
#wiring-info ul {padding:0px;margin:0px;} |
82 |
|
83 |
.box_rotate {
|
84 |
-moz-transform: rotate(-90deg); /* FF3.5+ */ |
85 |
-o-transform: rotate(-90deg); /* Opera 10.5 */ |
86 |
-webkit-transform: rotate(-90deg); /* Saf3.1+, Chrome */ |
87 |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3); /* IE6,IE7 */ |
88 |
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-3)"; /* IE8 */ |
89 |
} |
90 |
|
91 |
|
92 |
/************* GENERAL BODY ***********/
|
93 |
body {background:url(/internal/images/header_bg.png) repeat-x;background-color:#eeeeee;} |
94 |
|
95 |
#general{margin:0px auto;padding:0px;font:13px Lucida Sans, Arial, Verdana, Sans-Serif;color:#000066;width:990px;height:100%; |
96 |
list-style:none;text-decoration:none;position:relative;top:-7px;} |
97 |
|
98 |
#top {background: url(/internal/images/header_bg.png) 0px -1px repeat-x;width:990px;height:79px;margin-bottom:13px;} |
99 |
#top-navigation {float:right;padding-right:10px;margin-top:18px;font-size:12px;font-weight:bold;color:#ececec;} |
100 |
#top-navigation a {font-size: 12px;font-weight:bold;color:#fff;margin-left:20px;text-decoration:none;width:48px;} |
101 |
#top-navigation a:hover {border-bottom: 2px solid #0000CC;} |
102 |
#top-navigation .nav-icon {width:48px;height:48px;float:right;margin-right:20px;} |
103 |
#top-navigation #parts {background:url('/internal/images/nav_parts.png') no-repeat;} |
104 |
#top-navigation #assembly {background:url('/internal/images/nav_assembly.png') no-repeat;} |
105 |
#top-navigation #inventory {background:url('/internal/images/nav_inventory.png') no-repeat;} |
106 |
#top-navigation #wiring {background:url('/internal/images/nav_wiring.png') no-repeat;} |
107 |
#top-navigation #active {float:right;background:url('/internal/images/nav_slider.png') no-repeat; |
108 |
position:relative;left:29px;top:48px;height:13px;width:9px;} |
109 |
|
110 |
#top-search {float:right;margin-right:-40px;position:relative;top:50px;} |
111 |
|
112 |
|
113 |
#body {width:990px;background:#eeeeee;height:100%;display:table;margin:0;padding-bottom:20px;margin-bottom:-40px;} |
114 |
|
115 |
#footer-box { border-top:2px solid #999999; width:100px; height:40px; margin:0; padding:0; z-index:100; display:table;} |
116 |
#footer p {font-size:11px; color:#666666; padding:8px 8px 8px 8px; display:block;} |
117 |
#footer a {color: #666666; text-decoration:none;} |
118 |
|
119 |
img {border:none;} |
120 |
p {width:950px;} |
121 |
a {text-decoration:none;} |
122 |
|
123 |
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*/ |
124 |
h1 {color:#000099;} |
125 |
h3 {margin:10px 8px 0px 10px;} |
126 |
|
127 |
/************* BODY CLASSES ***********/
|
128 |
#body-boxes{margin:0;padding:0;padding-bottom:80px;} |
129 |
.box-row {float:left;clear:both;display:block;} |
130 |
.topmargin {margin-top:10px;} |
131 |
|
132 |
.white-top {background:url(/images/20100124main.png) 0px 0px no-repeat;clear:both;display:block;height:12px;width:990px;margin-left:5px;} |
133 |
.white-body {background:url(/images/20100125white_body.png) repeat-y;float:left;clear:both;height:auto;width:990px;margin-left:5px;} |
134 |
.white-bottom {background:url(/images/20100124main.png) 0px -12px no-repeat;clear:both;display:block;height:20px;width:990px;margin-left:5px;} |
135 |
.text-box {padding:0px 8px 0px 24px;display:block;} |
136 |
|
137 |
#reference-box {border:1px solid #ccc;background-color:#efefef;width:930px;margin:10px;font-size:11px;color:#333;} |
138 |
.content-box {width:680px;float:left;margin-bottom: 5px;} |
139 |
.content-box p {width:670px;} |
140 |
.content-box .hr {width:680px;} |
141 |
.side-box {border: 1px solid #ccc;background-color:#66F;width:250px;margin:0px 10px 5px 10px;color: #fff;float:left;clear:right;} |
142 |
.side-box p {width:230px;text-align:justify;margin-left:10px;} |
143 |
.side-box img {margin:10px 10px -10px 10px;} |
144 |
.gray{background-color:#EFF;color:#666} |
145 |
|
146 |
#disqus_thread {width: 750px;margin:0px auto;} |
147 |
|
148 |
table.intro {border:1px solid #CCC;width:940px;} |
149 |
table.intro th, td {border:none;} |
150 |
table.intro th {background-color:#66F;color:white;} |
151 |
|
152 |
table.price {border:none;width:150px;text-align:right;} |
153 |
table.part-content{width:500px;} |
154 |
table.part-content td {border:1px solid #ececec;} |
155 |
th, td {border:none;} |
156 |
th {background-color:#66F;color:white;} |
157 |
|
158 |
.bot-gray {display:block;border-bottom:1px solid #DDD; width:940px;clear:both;} |
159 |
.hr {width: 940px;height: 1px;border: 1px solid #CCC;margin-bottom: 10px;} |
160 |
|
161 |
img.box-img {float:left;margin-right:10px;} |
162 |
.box-img-side {display:block;height:130px;width:950px;} |
163 |
|
164 |
div.box-part-img {float:left;width:200px;} |
165 |
div.box-part-title {float:left;width:650px;margin-left:25px;margin-bottom:10px;} |
166 |
div.box-part-text {float:left;width:500px;margin-left:25px;} |
167 |
|
168 |
video {width:464px;height:261px;} |
169 |
.video-box {width:465px;float:left;margin-right:15px;} |
170 |
.img-box {width:226px;margin:15px 8px 15px 0px;float:left;} |
171 |
|
172 |
#bottom-nav {float: left;clear: both;} |
173 |
#pagenav {clear: both;width: 940px;float: left;padding: 1.83em 0 0;} |
174 |
#pagenav li {width: 50%;font-size: 14px;list-style: none;} |
175 |
#pagenav .previous {float: left;} |
176 |
#pagenav .previous a {padding-left: 20px;background: url(/images/arrow_prev.gif) no-repeat 0 50%;} |
177 |
#pagenav .next {float: right;text-align: right;} |
178 |
#pagenav .next a {padding-right: 20px;background: url(/images/arrow_next.gif) no-repeat 100% 50%;} |
179 |
|
180 |
#navcontainer ul{margin: 0px auto;list-style-type: none;text-align: center;} |
181 |
#navcontainer ul li { display: inline; } |
182 |
#navcontainer ul li a{ text-decoration:none;padding:.1em 0.5em;background:none;border:none;color: #fffff;} |
183 |
#navcontainer ul li a:hover{border:#9999FF solid 1px;text-decoration:underline;} |
184 |
#navcontainer li.currentpage{text-decoration: none;padding: .1em 0.5em;background-color: #0066CC;border:#9999FF solid 1px;color: #fff;} |
185 |
|
186 |
/************* FONT STYLES ***********/
|
187 |
a.small {font-size: 14px;color:#000033;text-decoration:none;} |
188 |
a.sm-em {color: #fff;} |
189 |
a.sm-em:hover {font-style: italic;color: #666;} |
190 |
|
191 |
.description {font-size:14.5px;text-shadow: #ECECEC 0.5px 1px;} |
192 |
.center {margin-left: auto;margin-right: auto} |
193 |
.super {font: bold 6pt Arial;vertical-align: super;} |
194 |
.blue {color:#003399;} |
195 |
|
196 |
|
197 |
|
198 |
|
199 |
/* 3.2 =Image Grid
|
200 |
---------------------------------------------------------------------- */
|
201 |
|
202 |
.image-grid {
|
203 |
margin: -20px 0 0 -40px; |
204 |
padding-left: 45px; |
205 |
width: 920px; |
206 |
} |
207 |
|
208 |
.image-grid:after { |
209 |
content: ""; |
210 |
display: block; |
211 |
height: 0; |
212 |
overflow: hidden; |
213 |
clear: both; |
214 |
} |
215 |
|
216 |
.image-grid li { |
217 |
width: 140px; |
218 |
margin: 20px 0 0 35px; |
219 |
float: left; |
220 |
text-align: center; |
221 |
font-family: "Helvetica Neue", sans-serif; |
222 |
line-height: 17px; |
223 |
height:255px; |
224 |
color: #686f74; |
225 |
overflow: hidden; |
226 |
} |
227 |
|
228 |
.image-grid li img, |
229 |
.image-grid li strong { |
230 |
display: block; |
231 |
} |
232 |
|
233 |
.image-grid li strong { |
234 |
color: #fff; |
235 |
} |