[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
11/08/2009 at 11:21AM PST, ID: 24881842
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
9.3

How do I add an 'directional arrow' for thumbnail navigation

Asked by Revolution9 in Cascading Style Sheets (CSS), Extensible HTML (XHTML), Navigational Systems

Tags: CSS, Square Space

I built a website on Square Space using one of their templates.  You'll see that when you get to the end of the thumbnail presentation, there is just a rectangular vertical box, when clicked, will forward you to the next thumbnails.  I want to change this to an arrow, pointing to the right until you click it, then pointing to the left on clicking it.

You can see what I mean - please go to http://ellenstone.squarespace.com/people/ and you'll see what I mean.

Square Space doesn't offer any customer service regarding CSS, and I feel this is what needs to be customized.

Please let me know how I can customize this using a right_arrow.gif and left_arrow.gif image.  If you can give me the exact code and where to place it I'd appreciate it.  I'm inserting the CSS here.

Thanks. 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:

/* ------------------------------------------------------------------------------------------------ 
   Squarespace Core CSS Definitions DO NOT REPLACE.  DO NOT IMPORT THIS FILE.  All definitions are needed.
   Override as required from Custom CSS only! 
------------------------------------------------------------------------------------------------ */ 
@media screen {  

/* --- core elements --------------------------------------------------------------------------- */ 
html { height: 100%; }
img { border: 0 none; -ms-interpolation-mode: bicubic; }
body { border: 0px; height: 100%; margin: 0px; padding: 0px; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; }
ul { list-style-type: square; /* naturally. */ margin: 1em 0 1em; padding: 0; padding-left: 2em; }
form { margin:0; padding: 0; } 
a { -moz-outline:none; } 
  
input.button, input.button[disabled] { font-size: 12px; padding: 2px 5px 3px 5px; -moz-outline: 0; }
input.button-important { font-size: 12px; padding: 2px 5px 3px 5px; -moz-outline: 0; font-weight: bold; }  
input.text, input.text-fixed, textarea, select { font: 8pt Arial, Tahoma, Verdana, Helvetica, sans-serif; }
input.text { width: 300px; }
input.text-fixed { width: 300px; }
textarea { height: 120px; } 
.clearer { clear: both; line-height: 0; height: 0; }
.templateErrors { display: none; } 
#bodyClearer { display: none; } 
 
/* --- image defaults -------------------------------------------------------------------------- */ 
.thumbnail, .picture-full, .picture img, .thumbnail-image-float-left img, .thumbnail-image-float-right img, .thumbnail-image-float-none img { }
#main-picture-wrapper { line-height: 1px; } 
     
/* --- core squarespace elements --------------------------------------------------------------- */ 
#sidebar2Wrapper { display: none; } 
#siteTitle, #pageFooterWrapper, #pageBodyWrapper { clear: both; } 
#canvasWrapper, #content, #sidebar1, #sidebar2 { overflow: hidden; }
#bannerWrapper { line-height: 0; }
#active-module-marker { display: none; }
  
.folder-link { -moz-outline: 0; } 
.verticalNavigationBar .folder-open a.folder-link { background: transparent url(/universal/images/core-resources/icons/dark/folder-contract.png) center left no-repeat; padding-left: 15px; }
.verticalNavigationBar .folder-open ul { }
.verticalNavigationBar .folder-closed a.folder-link{ background: transparent url(/universal/images/core-resources/icons/dark/folder-expand.png) center left no-repeat; padding-left: 15px; } 
.folder-closed .folder-wrapper ul { display: none; } 
.horizontalNavigationBar { width: 800px; }
.horizontalNavigationBar .content-navigation { float: left; }
  
.horizontalNavigationBar .folder-open .folder-wrapper .module a { margin-left: 0; }
.horizontalNavigationBar .folder-open .folder-wrapper a.folder-link { }
.horizontalNavigationBar .folder-open .folder-wrapper { z-index: 10; } 
.horizontalNavigationBar .folder-open .folder-wrapper ul { display: block; position: absolute; z-index: 10; } 
.horizontalNavigationBar .folder-open .folder-wrapper ul li { float: none; } 
.horizontalNavigationBar .folder-wrapper ul { position:relative; z-index:999;  } /* ensures flash works properly in headers */
  
.horizontalNavigationBar ul { list-style-type: none; padding: 0; margin: 0; }
.horizontalNavigationBar ul li { float: left;  padding: 0; margin: 0; }
.horizontalNavigationBar ul li a { display: block; }
  
.inline-icon { margin-right: 6px; vertical-align: middle; }   
.error-box { background-color: #990000; color: #$ErrorColorOpposite$; padding: 15px; margin-top: 1em; }
.error-text, .error-text a:link, .error-text a:visited, .error-text a:active, .error-text a:hover { color: #990000; }
.input-with-error { border: 2px solid #990000 !important; }
.faded-text { color: #$InactiveTextColor$; } 
.offsite-link {         background: transparent url(/universal/images/core-resources/icons/dark/open-off-site.png) center right no-repeat; padding-right: 13px; margin-right: 1px; }
.offsite-link-inline {  background: transparent url(/universal/images/core-resources/icons/dark/open-off-site.png) center right no-repeat; padding-right: 13px; margin-right: 1px; }
.folder-link-expand {   background: transparent url(/universal/images/core-resources/icons/dark/folder-expand.png) center center no-repeat;   padding: 0 6px 0 6px; line-height: 9px; font-size: 9px; cursor: pointer; }
.folder-link-contract { background: transparent url(/universal/images/core-resources/icons/dark/folder-contract.png) center center no-repeat; padding: 0 6px 0 6px; line-height: 9px; font-size: 9px; cursor: pointer; } 

/* --- image floating / editor constructs ------------------------------------------------------ */ 
.thumbnail-image-float-left { float: left; margin: 0px 10px 8px 0px; }
.thumbnail-image-float-right { float: right; margin: 0px 0px 8px 10px; }
.thumbnail-image-block { display: block; }
.thumbnail-image-inline { display: inline; }
  
.thumbnail-image-float-left img, .thumbnail-image-float-right img , .thumbnail-image-float-none img { border: 1px solid #ccc; text-decoration: none; } 
.full-image-float-left { float: left; margin: 0px 10px 8px 0px; }
.full-image-float-right { float: right; margin: 0px 0px 8px 10px; }
.full-image-block { display: block; }
.full-image-inline { display: inline; }
 
.full-image-float-left img, .full-image-float-right img , .full-image-float-none img { text-decoration: none; } 
.thumbnail-caption { display: block; font-size: 9px; font-family: Verdana, sans-serif; line-height: 14px; padding-top: 5px; padding-bottom: 10px;  }
    
/* --- LEGACY constructs ----------------------------------------------------------------------- */ 
.sizeLess40 { font-size: 60%; }
.sizeLess20 { font-size: 80%; }
.sizeGreater20 { font-size: 120%; }
.sizeGreater40 { font-size: 140%; } 
.sizeGreater60 { font-size: 160%; }
.sizeGreater80 { font-size: 180%; }
.sizeGreater100 { font-size: 200%; } 

/* --- squarespace document construction elements ---------------------------------------------- */ 
.document-heading { margin-bottom: 1.8em; }
.document-title { margin-bottom: .8em; }
.header { margin-bottom: 2em; }
.body { margin-bottom: 2em; margin-top: 1em; } 
.body-direct { margin-bottom: 2em; }
.footer { margin-top: 2em; clear: both; }
.field { margin-bottom: 1em; clear: both; } 

/* --- squarespace form module components ----------------------------------------------------- */ 
.form-body { list-style-type: none; padding: 0; margin: 0; } 
.form-body .fieldContainer {       padding: 5px 0px 5px 0px; margin: 0; clear: both; }
.form-body .fieldContainerActive { padding: 5px 0px 5px 0px; margin: 0; clear: both; }
.form-body .fieldContainerNew {    padding: 5px 0px 5px 0px; margin: 0; clear: both; } 
.form-body .fieldTitle { font-weight: bold; padding-bottom: 3px; font-size: 12px; }
.form-body .fieldHelp { font-size: 9px; padding-top: 4px; }
.form-body .fieldObjects { }
.form-body .fieldRequiredStar { color: #990000; }
.form-body .fieldAugmentedLink { font-weight: normal; font-size: 9px; }  
.form-body .formTitle { font-weight: normal; font-size: 12px; padding-bottom: 1em; }
.form-body .formCaption { font-weight: bold; font-size: 12px; padding-bottom: 3px; line-height: 17px; }
.form-body .formErrorMessage { font-size: 12px; padding-top: 1em; } 
.form-body .sectionBreak { padding-top: 4px; }
.form-body .optionRow { padding-top: 2px; } 
.form-body .singlelinetext-small  { width: 100px; }
.form-body .singlelinetext-medium { width: 180px; }
.form-body .singlelinetext-large  { width: 340px; } 
.form-body .singlelinetext-small-inline  { width: 94%; }
.form-body .singlelinetext-medium-inline { width: 94%; }
.form-body .singlelinetext-large-inline  { width: 94%; } 
.form-body .paragraphtext-small  { height: 70px;  width: 94%; }
.form-body .paragraphtext-medium { height: 100px; width: 94%; }
.form-body .paragraphtext-large  { height: 200px; width: 94%; }
 
.form-body .paragraphtext-small-inline  { height: 70px;  width: 94%; }
.form-body .paragraphtext-medium-inline { height: 100px; width: 94%; }
.form-body .paragraphtext-large-inline  { height: 200px; width: 94%; }
  
.form-body #username, .form-body #password { width: 160px; } 
.submit-button { width: 120px; margin-top: 2em !important; } 

/* --- squarespace specifics ------------------------------------------------------------------- */ 
.journal-filter-header { margin-bottom: 15px; padding-bottom: 10px; }
.journal-navigation { margin-top: 2em; clear: both; } 
.journal-comment-area { margin-top: 25px; padding-top: 15px; }
.journal-comment-area .caption { }
.journal-comment-area .text { }
.journal-comment-area-disabled-text { margin-top: 2em; } 
.journal-reference-area { margin-top: 25px; padding-top: 15px; }
.journal-reference-area .caption { margin-bottom: 1em; }
.journal-reference-area .text { } 
.journal-entry-navigation { margin-bottom: 2em; } 
.journal-entry { margin-bottom: 2em; }
.journal-entry .title { }
.journal-entry .tag { clear: both; }
.journal-entry .body { margin: 1em 0 1em 0; }
.journal-entry .enclosure { background-image: url(/universal/images/core-resources/icons/dark/file.png); background-position: left center; background-repeat: no-repeat; padding-left: 24px; } 
.journal-entry-follow-up { clear: both; margin-bottom: 1em; padding-left: 12px; } 
.journal-entry-follow-up .follow-up-caption { margin-bottom: 1em; }
.journal-entry-follow-up .follow-up-body { }
 
.journal-entry-references { margin: 15px 0 15px 0; padding: 0; list-style-type: none; }
.journal-entry-references li { margin: 0; clear: both; margin-bottom: 8px; height: 1%;  }
.journal-entry-references li .icon-area { float: left; width: 22px; }
.journal-entry-references li .text-area { margin-left: 22px; height: 1%;  }
.journal-entry-references li .text-area .headline { }
.journal-entry-references li .text-area .headline .type { font-weight: bold; }
.journal-entry-references li .text-area .headline .title { }
.journal-entry-references li .text-area .author-byline { font-size: 10px; line-height: 14px; margin: 2px 0 0 0; padding: 0; }
.journal-entry-references li .text-area .excerpt { font-size: 10px; line-height: 14px; margin: 2px 0 0 0; padding: 0; }
  
.journal-entry-tag .posted-in .tag-element, .journal-entry-tag .posted-on, .journal-entry-tag .posted-by, .journal-entry-tag .post-comments, .journal-entry-tag .post-references { white-space: nowrap; } 
.journal-entry-tag-post-body { clear: both; } 
.journal-entry-float-date, .journal-entry-float-date span { display: none; }
.journal-entry-float-day, .journal-entry-float-day span { display: none; }
.journal-entry-float-time, .journal-entry-float-time span { display: none; }
  
.journal-archive-set ul { margin-top: 1em; } 
.unpublished { color: #$InactiveTextColor$; } 
.amazon-item-list { padding: 0; }
.amazon-item-list li { list-style-type: none; margin-bottom: 10px; height: 1%; }
.amazon-item-list li .picture { float: left; overflow: hidden; }
.amazon-item-list li .description { height: 1%; margin-bottom: 15px; margin-left: 90px; }
.amazon-item-list li .description .authors { margin-bottom: 15px; } 
.amazon-item-list li .description .text { margin-bottom: 15px; }
.amazon-item-list li .description .amazon-link { } 
.gallery-navigation { margin-bottom: 15px; margin-top: 15px; } /* compatibility */
.gallery-description { margin-top: 5px; clear: both; } 
.gallery-navigation-top  { padding-bottom: 12px; text-align: left; }
.gallery-navigation-bottom  { padding-top: 12px; text-align: left; } 
.picture-full { clear: both; }
 
#main-picture-description-title { padding-bottom: 1em; } 
.picture-gallery-list { padding: 0; margin: 0; } 
.picture-gallery-list li { list-style-type: none; margin-bottom: 12px; height: 1%;  }
.picture-gallery-list li .thumbnail { }
.picture-gallery-list li .thumbnail-wrapper { display: inline-block; }
.picture-gallery-list li .thumbnail-wrapper a { display: block; }
.picture-gallery-list li .thumbnail-container { float: left; line-height: 0; }
.picture-gallery-list li .thumbnail-container-with-description, .picture-gallery-list li .thumbnail-container-tiled { line-height: 0; }
.picture-gallery-list li .description { } 
.picture-gallery-list li .description .caption { margin-bottom: 5px; }
.picture-gallery-list li .description .author { margin-bottom: 5px; margin-top: 5px; } 
.picture-gallery-list li .description .text {  }
.picture-gallery-list li .description ul { margin-top: 1em; }
.picture-gallery-list li .description ul li { list-style-type: square; display: list-item; } 
.picture-gallery-thumbnail-list { padding: 0; margin: 0; }
.picture-gallery-thumbnail-list li { list-style-type: none; height: 1%; display: inline;  }
.picture-gallery-thumbnail-list li .thumbnail { display: inline; }
.picture-gallery-thumbnail-list li .thumbnail-container-tiled { float: left; margin-bottom: 12px; margin-right: 12px;  }
.picture-gallery-thumbnail-list li .thumbnail-container-with-description { float: left; margin-bottom: 12px;  }
.picture-gallery-thumbnail-list li .description { margin-bottom: 1em; height: 1%; overflow: hidden; }
.picture-gallery-thumbnail-list li .description ul { margin-top: 1em; }
.picture-gallery-thumbnail-list li .description ul li { list-style-type: square; display: list-item; } 
.picture-gallery-thumbnail-scroll-right, .picture-gallery-thumbnail-scroll-left { background-color: #D6D6D6; width: 10px; height: 55px; margin: 0; padding: 0; border: 0; -moz-outline: 0 }
.picture-gallery-thumbnail-scroll-right { margin-left: 3px; }
.picture-gallery-thumbnail-scroll-left { margin-right: 3px; } 
.file-item-list { padding: 0; }
.file-item-list li { list-style-type: none; margin-bottom: 10px;  height: 1%; clear: both; }
.file-item-list li .icon { float: left; display: block; line-height: 16px; }
.file-item-list li .content { height: 1%; margin-left: 24px; }
.file-item-list li .title { display: inline;  } 
.folder-item-list { }
.folder-item-list li { margin-bottom: 1em; } 
.link-group-list { padding: 0; }
.link-group-list li { list-style-type: none; margin-bottom: 1.5em; }
.link-group-list li ul { margin-top: 1em; }
.link-group-list li ul li { list-style-type: square; margin-bottom: .5em;  }
.link-group-list li ul li .title { }
.link-group-list li ul li .description { }
 
 /* V1 */
.discussion-comment-list { margin: 0; padding: 0;  }
.discussion-comment-list li { list-style-type: none; background: transparent url(/universal/images/core-resources/icons/dark/comment.png) no-repeat 0px 1px; padding-bottom: 10px; margin-top: 10px; padding-left: 24px; border-bottom: 1px solid #$LightBorderColor$;  }
.discussion-comment-list li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }
.discussion-comment-list li .post-title { display: inline; } 
 /* V2 */
 .discussion-table { width: 100%; }
.discussion-table .inline-icon { display: none; } 
.discussion-table-header td { font-weight: bold; font-size: 12px; padding: 2px; }
.discussion-table-header .replycount-cell, .discussion-table-header .viewcount-cell { text-align: center; }
  
.discussion-table-row td { padding: 2px; } 
.discussion-table-row .icon-cell { width: 22px; background: transparent url(/universal/images/core-resources/icons/dark/comment.png) no-repeat 1px 10px; }
  
.discussion-table-row .topic-cell { padding: 7px 0 5px 0; }
.discussion-table-row .topic-cell .topic-text { font-size: 14px; }
.discussion-table-row .topic-cell .topic-author { font-size: 11px; }
.discussion-table-row .topic-cell .topic-created { display: none; }
 
.discussion-table-row .replycount-cell { text-align: center; font-size: 26px; }
.discussion-table-row .viewcount-cell { text-align: center; }
  
.discussion-table-row .updated-cell { font-size: 10px; }
.discussion-table-row .updated-cell .reply-author { display: none; } 
.discussion-table-header .viewcount-cell, .discussion-table-row .viewcount-cell { display: none; }
   
  
.comment { margin-top: 1em; padding-bottom: 1em; }
.comment .body { margin-top: 1em; }
.comment .signature { margin-top: .5em; text-align: right; } 
.change-list { margin: 0; padding: 0; }
.change-list li { background: no-repeat 0px 1px; border-bottom: 1px solid #CCCCCC; display: block; list-style-type: none; margin: 0; margin-bottom: 1.2em; padding: 0; padding-bottom: 1.2em; padding-left: 28px; }
.change-list li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } 
.input-field { margin-bottom: 1em;  }
.input-field .title { margin-bottom: 5px; }
.input-field .control { } 
.input-field-error { font-weight: bold; margin-bottom: 5px; } 
.table .row { clear: both; } 
.table .left { float: left; margin: 5px; text-align: right; width: 100px; }
.table .right { margin-bottom: 5px; margin-left: 100px; } 
.notice-box { margin-bottom: 2em; }
.notice-box .caption { display: inline; }
.notice-box .caption-text { margin-top: 1em; margin-bottom: 2em; }
.notice-box .link-field-title { font-weight: bold; padding-bottom: 10px; margin-top: 1em; }
.notice-box .link-field-text {  } 
.notice-box textarea { width: 99%; }
  
.notice-box-alert { margin-bottom: 1em; padding: 1em; }
.notice-box-alert .icon { float: left; }
.notice-box-alert .text { height: 1%; margin-left: 22px; } 
#squarespace-powered { padding: 0; }
#squarespace-powered-text { padding: 0; font-size: 80%; } 
.search-form .queryFieldWrapper { display: block; float: left; }
.search-form .queryField { font-size: 18px; padding: 3px; }
.search-form .queryButtonWrapper { display: block; float: left; padding-left: 15px;  }
.search-form .queryButton { }
.search-form #advancedSearchOptionsLink { font-size: 9px; margin-top: 3px; }
.search-form .advanced-search-group-label { margin: 1em 0 1em 0; } 
.search-results { margin-top: 2em; }
.search-result { margin-bottom: 20px; }
.search-result .search-result-number { display: none; float: left; font-size: 30px; }
.search-result .search-result-entry { }
.search-result .search-result-title { font-size: 18px; } 
.search-result .search-result-tag { font-size: 10px; font-weight: normal; } 
.search-result .search-result-type { }
.search-result .search-result-author { }
.search-result .search-result-date { } 
.search-result .search-result-body { margin-top: 4px; font-size: 12px; } 
.search-result .search-result-title .hit-word-title { font-weight: bold; }
.search-result .search-result-body .hit-word-body { font-weight: bold; font-size: 120%; }
  
.faq-category-list { padding: 0; margin: 0; }
.faq-category-list li { list-style-type: none; margin-bottom: 20px; }
.faq-category-list li { } 
.faq-question-list { margin-top: 1em; }
.faq-question-list li { list-style-type: square; margin-bottom: 6px; }
.faq-question-list li .title { } 
.faq-question-list li .description { margin-bottom: 15px; } 
.faq-entry-count { font-size: 13px; }
.faq-entry .text { }
.faq-entry .tag { font-size: 10px; } 
.google-map { width: 100%; height: 400px; } 

/* --- journal summary ------------------------------------------------------------------------ */
 
.nugget-item-list-pt .slug-above { display: none; }
.nugget-item-list-pt .slug-below { display: none; }
.nugget-item-list-pt .summary-item-wrapper { float: left; overflow: hidden; height: 175px; width: 175px; margin: 15px 15px 0 0; text-align: left; }
.nugget-item-list-pt .summary-item{ padding: 15px; }
.nugget-item-list-pt .title { font-weight: bold; }  
.summary-item-list-pt .slug-above { display: none; }
.summary-item-list-pt .slug-above, .summary-item-list-pt .slug-below { font-size: 9px; }
.summary-item-list-pt .summary-item-wrapper {padding-bottom: 10px !important; display: block; }
.summary-item-list-pt .pre-date-breaker { display: none; }
.summary-item-list-pt .pre-comments-breaker { padding: 0 5px 0 5px; }
.summary-item-list-pt .title { font-weight: bold; }
.summary-item-list-pt .summary-item-wrapper.highlight .title { font-size: 22px; line-height: 24px; padding-bottom: 3px; }
.summary-item-list-pt .summary-item-wrapper.highlight { padding-bottom: 20px !important; }
.summary-item-list-pt .summary-item-wrapper.highlight .slug-above { display: block; }
.summary-item-list-pt .summary-item-wrapper.highlight .slug-below { display: none; } 
  
/* --- microblogging -------------------------------------------------------------------------- */
  
.quick-post .description { margin-top: 1em; }
.quick-post .embed { margin-top: 1em; }
.quick-post .image { margin: 1em 0 1em 0; }
.quick-post .dialogue { margin-top: 1em; }
  
.post-data-link .link-arrow, .post-data-delicious .link-arrow, .post-data-digg .link-arrow, .post-data-stumbleupon .link-arrow, .post-data-lastfm .link-arrow  { font-size: 80%; } 
  
.post-data-chat .dialogue .line { }
.post-data-chat .dialogue .line .speaker { display: block; } 
.post-data-quote .source { display: inline; }
.post-data-quote .source p { display: inline; } 
  
/* --- packed / quick posts ------------------------------------------------------------------ */
  
.packed-posts-wrapper { display: none; }
.packed-posts-wrapper .packed-post { padding-top: 10px; } 
.quick-post .packed-post-date { }
.quick-post .packed-post-date-tight { margin-top: -12px; }  
.journal-quickpost-tag-post-body .stacked-link, .journal-quickpost-tag-post-body .initial-stacked-link { float: left; } 
.quickpost-external-service-tag a { padding-left: 20px; background-repeat: no-repeat; background-position: center left; }
  
  
/* --- feeds ----------------------------------------------------------------------------------- */ 
.feed-list, .feed-list-inline { padding: 0; }
.feed-list li, .feed-list-inline li { list-style-type: none; margin: 0; padding: 0; } 
.feed-list .feed-link { padding-left: 22px; background-image: url(/universal/images/xml/feed-icon-16x16-orange.png); background-repeat: no-repeat; background-position: center left; }
.feed-list-inline .feed-link { padding-left: 16px; background-image: url(/universal/images/xml/feed-icon-12x12-orange.png); background-repeat: no-repeat; background-position: center left; } 
  
/* --- social links ---------------------------------------------------------------------------- */
  
.social-link-list-pt li {  display: block; }
.social-link-list-pt li a.icon-link { padding: 2px 0px 2px 20px; background-repeat: no-repeat; background-position: center left; }
   
/* --- social objects -------------------------------------------------------------------------- */ 
.twitter-update-wrapper .item-date, .digg-link-wrapper .item-date, .delicious-link-wrapper .item-date, .imported-rss-article-wrapper .item-date { display: block; }
.flickr-image-wrapper { display: block; float: left; line-height: 1px; } 

/* --- navigation bar elements ----------------------------------------------------------------- */ 
.content-passthrough .amazon-item-list-pt li { margin-bottom: 10px; }
.content-passthrough .amazon-item-list-pt .picture { float: none; margin: 0; margin-bottom: .5em; padding: 0; }
.content-passthrough .amazon-item-list-pt .description { margin: 0; }
.content-passthrough .amazon-item-list-pt .description .title { }
.content-passthrough .amazon-item-list-pt .description .authors { display: inline; }
.content-passthrough .amazon-item-list-pt .description .text { margin-top: .5em; } 
.content-passthrough .change-list-pt { margin: 0; }
.content-passthrough .change-list-pt li { margin-bottom: .4em; } 
.content-passthrough .archive-item-list-pt { margin: 0; margin-bottom: 1em; }
.content-passthrough .archive-item-list-pt li { margin-bottom: .4em; } 
.content-passthrough .link-group-list-pt { margin-bottom: .5em;  }
.content-passthrough .link-group-list-pt li .title { font-weight: bold; }
.content-passthrough .link-group-list-pt li .description { }
.content-passthrough .link-group-list-pt li ul { margin-bottom: 10px;  }
.content-passthrough .link-group-list-pt li ul li { margin-bottom: 2px;  }
.content-passthrough .link-group-list-pt li ul li .title { font-weight: normal; }
.content-passthrough .link-group-list-pt li ul li .description { } 
.content-passthrough .search-form-pt { height: 1%; }
.content-passthrough .search-form-pt .queryFieldWrapper { display: block; float: left; }
.content-passthrough .search-form-pt .queryField { font-size: 10px; padding: 3px; }
.content-passthrough .search-form-pt .queryButtonWrapper { display: block; float: left; padding-left: 10px;  }
.content-passthrough .search-form-pt .queryButton { }
  
#sidebar1 .content-passthrough .search-form-pt .queryField { width: 100px; }
#sidebar2 .content-passthrough .search-form-pt .queryField { width: 100px; } 
.section ul { margin: 0; padding: 0; } 
.section ul li { list-style-type: none; margin: 0; padding: 0; } 
.inline-icon { height: 16px; width: 16px; } 
.date-icon { background: transparent url(/universal/images/core-resources/icons/dark/date.png) top left no-repeat; }
.permalink-icon { background: transparent url(/universal/images/core-resources/icons/dark/permalink.png) top left no-repeat; }
.comment-icon { background: transparent url(/universal/images/core-resources/icons/dark/comment.png) top left no-repeat; }
.user-registered-icon { background: transparent url(/universal/images/core-resources/icons/dark/user-registered.png) top left no-repeat; }
.reference-icon { background: transparent url(/universal/images/core-resources/icons/dark/reference.png) top left no-repeat; }
.print-icon { background: transparent url(/universal/images/core-resources/icons/dark/print.png) top left no-repeat; }
.email-icon { background: transparent url(/universal/images/core-resources/icons/dark/email.png) top left no-repeat; }
.share-icon { background: transparent url(/universal/images/core-resources/icons/dark/share.png) top left no-repeat; }
.category-icon { background: transparent url(/universal/images/core-resources/icons/dark/category.png) top left no-repeat;  }
.tag-icon { background: transparent url(/universal/images/core-resources/icons/dark/category.png) top left no-repeat;  } 
.social-link-controls .social-block-title { padding-bottom: 15px; font-family: Arial; letter-spacing: -1px; font-weight: bold; }
.social-link-controls .social-block { height: 22px; width: 155px; float: left; display: block; }
.social-link-controls { padding: 15px; height: 205px; border: 2px solid #ccc; font: 14px/16px Arial; background: #fefefe; color: #303030; text-align: left; }
.social-link-controls-wrapper { display: block; opacity: 0; filter:alpha(opacity=0); width: 350px; position: absolute; overflow: hidden;  } 
     
/* --- standard button definitions ---------------------------------------------------------- */
  
a.button {
    background: transparent url(/universal/images/button/button-a.png) no-repeat scroll top right;
    color: #151515 !important;
    display: block;
    float: left;
    font: 12px arial, sans-serif !important;
    height: 24px !important;
    line-height: 18px  !important;
    margin-right: 6px !important;
    padding: 0 16px 0 0 !important;
    text-decoration: none !important;
} 
a.important {
    font-weight: bold !important; 
} 
a.button span {
    background: transparent url(/universal/images/button/button-span.png) no-repeat;
    display: block;
    line-height: 14px !important;
    padding: 5px 0 5px 18px !important;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    -moz-outline: 0;
} 
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px !important;
}
  
} 
 
/* --- printer stylesheet definitions ---------------------------------------------------------- */ 
@media print { 
  body { background: white; font-size: 12pt; width: 100%; }
	
  h1 { font-size: 24pt; margin-bottom: 0; padding-bottom: 0; }
  .h1subtitle { font-size: 9pt; font-weight: normal; margin-bottom: 25px; border-bottom: 1px solid #ccc; padding-bottom: 10px; text-decoration: none; }
  #pageFooter { font-size: 9pt; margin-top: 28px; border-top: 1px solid #ccc; padding-top: 8px; } 
  body div { width: 92%; }
  img { border: 0px; }
	
  a:link, a:visited { color: #520; background: transparent; font-weight: bold; text-decoration: underline; }
  strong { color: #000; }
  #siteTitle a:link, #siteTitle a:visited { color: black; background: transparent; font-weight: bold; text-decoration: none; }
  .journal-navigation, .horizontalNavigationBar, #sidebar1Wrapper, #sidebar2Wrapper #sidebar, .notice-box, .inline-icon, .journal-entry-navigation { display: none; } 
} 
.verticalNavigationBar .section .caption{border-bottom: 1px solid #CCCCCC; font-weight: bold; margin-bottom: 10px; color: #333333; border-color: #CCCCCC;}
body{font-family: Georgia, 'Times New Roman', serif; font-size: 12px; line-height: 1.8em; margin-right: auto; margin-left: auto; background-color: #222222; color: #626262; background-image: url(/storage/topbar.gif); background-repeat: repeat-x;}
a:link, a:visited, a:active{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; text-decoration: none; padding-top: 0px; padding-bottom: 13px; margin-top: 4px; margin-bottom: 0px; color: #FAF8F9;}
h1 a:visited, h1 a:link, h1 a:active{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 40px; letter-spacing: -1px; line-height: normal; font-weight: normal; color: #9B9797; background-repeat: no-repeat;}
h2{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 25px; letter-spacing: 0px; line-height: normal; font-weight: normal; text-decoration: none; margin-bottom: 2px; color: #BFBABA;}
h3, .h3, .form-body .formCaption{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 16px; font-weight: normal; padding-bottom: 5px; color: #525252;}
.verticalNavigationBar .section .module a{line-height: 2em; color: #A6A6A6;}
.verticalNavigationBar .section .folder{border-left: 1px solid #CCCCCC; padding-left: 9px; margin-left: 15px; border-color: #CCCCCC;}
#pageHeader{padding-top: 13px; padding-bottom: 0px; margin-bottom: 5px;}
.h1subtitle{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 12px; color: #808080;}
.h2subtitle{font-family: Georgia, 'Times New Roman', serif;}
.h3subtitle{font-family: Georgia, 'Times New Roman', serif;}
#canvasWrapper{font-family: 'Times New Roman', Palatino, serif; margin-right: auto; margin-left: auto; background-image: url(/storage/topbar.gif); background-repeat: repeat-x;}
#pageFooter{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 10px; border-top: 1px solid #CCCCCC; line-height: 1.33em; padding-top: 3px; color: #A6A6A6; border-color: #CCCCCC;}
.verticalNavigationBar .section{margin-bottom: 25px;}
.verticalNavigationBar .section .active-module a{color: #626262;}
.horizontalNavigationBar .module a{font-size: 9px; text-transform: uppercase; letter-spacing: 2px; padding-top: 5px; margin-left: 20px; color: #FFFFFF;}
.horizontalNavigationBar .active-module a{color: #FFFCFC;}
.journal-entry-date-break{font-size: 11px; padding-right: 5px; padding-left: 5px; margin-bottom: 15px; background-color: #DFDFDF; color: #767676;}
.journal-entry-tag-pre-title{font-size: 11px; padding-right: 5px; padding-left: 5px; margin-bottom: 15px; background-color: #DFDFDF; color: #767676;}
.journal-entry-tag-post-title{font-size: 10px; text-transform: uppercase; padding-top: 0px; padding-bottom: 15px; color: #A6A6A6;}
.journal-entry-tag-post-body{font-size: 11px; border-top: 1px solid #CCCCCC; margin-bottom: 30px; color: #A6A6A6; border-color: #CCCCCC;}
.horizontalNavigationBar .folder{padding-right: 8px; padding-left: 8px; padding-bottom: 8px; margin-left: 25px; margin-top: 8px; background-color: #848282; color: #A5A5A5;}
.journal-comment-area .comment{border-bottom: 1px solid #E6E6E6; padding-right: 15px; padding-left: 15px; padding-top: 6px; padding-bottom: 6px; background-color: #FFFFFF; border-color: #E6E6E6;}
.journal-comment-area .comment .signature{font-size: 10px; border-top: 1px solid #E2E2E2; padding-top: 3px; padding-bottom: 0px; color: #131313; border-color: #E2E2E2;}
#navigationTop .horizontalNavigationBar{padding-top: 5px; padding-bottom: 8px;}
#navigationBottom .horizontalNavigationBar{padding-right: 10px; padding-left: 10px; padding-bottom: 5px; margin-top: 30px; background-color: #9C9C9C;}
.notice-box{border-bottom: 1px solid #DFDFDF; padding-right: 15px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; background-color: #FFFFFF; border-color: #DFDFDF;}
blockquote{font-family: Georgia, 'Times New Roman', serif; padding-left: 40px; margin-left: 0px; background-image: url(/layout/images/blockquote.png); background-repeat: no-repeat;}
#bannerWrapper{margin-top: -52px;}
select{border: 1px solid #CCCCCC; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; border-color: #CCCCCC;}
.form-body .sectionBreak{border-bottom: 1px solid #CCCCCC; border-color: #CCCCCC;}
input.text, textarea{border: 1px solid #CCCCCC; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; border-color: #CCCCCC;}
input.text-fixed{border: 1px solid #CCCCCC; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; border-color: #CCCCCC;}
.journal-entry .title a{color: #333333;}
#pageFooterWrapper{padding-top: 50px; padding-bottom: 50px; border-color: #9E9797;}
.paginationControlLastPageSuffix{border-left: 1px solid #CCCCCC; padding-right: 6px; padding-left: 8px; padding-top: 1px; padding-bottom: 1px; margin-left: 4px; border-color: #CCCCCC;}
.paginationPageNumber{font-size: 9px; border: 1px solid #CCCCCC; padding-right: 6px; padding-left: 6px; padding-top: 3px; padding-bottom: 3px; margin-left: 4px; border-color: #CCCCCC;}
.paginationPageNumber.activePage{border: 1px solid #8B8B8B; background-color: #9C9C9C; color: #FFFFFF; border-color: #8B8B8B;}
#contentWrapper{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 14px; font-style: normal; margin-top: 35px; color: #C6C0C0;}
.discussion-table-row .updated-cell{font-size: 10px;}
.discussion-table-row .replycount-cell{font-size: 26px;}
.discussion-table-row .viewcount-cell{font-size: 16px;}
.discussion-table-row .topic-cell .topic-author{font-size: 11px;}
.discussion-table-row .topic-cell .topic-title{font-size: 14px;}
.discussion-table-row .topic-cell{padding-right: 0px; padding-left: 0px; padding-top: 7px; padding-bottom: 5px;}
.discussion-table-row td{border-bottom: 1px solid #CCCCCC; padding-right: 2px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; border-color: #CCCCCC;}
.discussion-table-header td{font-size: 12px; border-bottom: 1px solid #CCCCCC; font-weight: bold; padding-right: 2px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; border-color: #CCCCCC;}
#navigationTop .horizontalNavigationBar .content-navigation{line-height: 0.1em; float: right;}
#navigationBottom .horizontalNavigationBar .content-navigation{float: right;}
.post-data-chat .dialogue .line{padding-bottom: 8px;}
.post-data-chat .dialogue .line .speaker{font-weight: bold;}
.post-data-quote .quote{font-size: 36px; line-height: 40px;}
.post-data-quote .source{font-size: 16px; line-height: 18px; padding-left: 12px;}
a:hover{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; text-decoration: none; color: #4E4D4C;}
.verticalNavigationBar .section .module a:hover{color: #E4277F;}
.horizontalNavigationBar .module a:hover{color: #817C7C;} 

.promotedContainer, #navigationBottom { display: none; } #navigationTop { display: block; } 
#canvasWrapper { width: 800px; padding: 0 0px 0 0px; } #sidebar1Wrapper { display: none; } #sidebar2Wrapper { display: none; } #contentWrapper { width: 800px; } 
.journal-entry-tag-pre-title .inline-icon { display: none; } 
.journal-entry-tag-post-title .inline-icon { display: none; } 

#modulePage4866202 #tempBlock { display: none; } 
#navigationBottom .horizontalNavigationBar { width: 780px; }
[+][-]11/08/09 01:40 PM, ID: 25772066

View this solution now by starting your 30-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Cascading Style Sheets (CSS), Extensible HTML (XHTML), Navigational Systems
Tags: CSS, Square Space
Sign Up Now!
Solution Provided By: easynow111
Participating Experts: 1
Solution Grade: A
 
 
 
Loading Advertisement...
20090824-EE-VQP-74 - Hierarchy / EE_QW_3_20080625