/* CSS Document */
/** Copyright 2005 Google Inc. All rights reserved. */
2
3/* the GSearchControl CSS Classes
4 * .gsc-control : the primary class of the control
5 */
6.gsc-control {
7 width: 300px;
8}
9
10.gsc-control div {
11 position: static;
12}
13
14.gsc-control-cse {
15 width: 100%;
16 font-family: Arial, sans-serif;
17 font-size : 13px;
18}
19
20.gsc-control-cse div {
21 position: static;
22}
23
24/* control inputs
25 * .gsc-search-box : the container that hosts the text input area
26 * .gsc-input : the text input area
27 * .gsc-keeper : the save link below savable results
28 */
29form.gsc-search-box {
30 font-size: 13px;
31 margin-top : 0px;
32 margin-right : 0px;
33 margin-bottom : 4px;
34 margin-left : 0px;
35 width: 100%;
36}
37
38/*
39 * This table contains the input element as well as the search button
40 * Note that the search button column is fixed width, designed to hold the
41 * button div's background image
42 */
43table.gsc-search-box {
44 border-style : none;
45 border-width : 0px;
46 border-spacing : 0px 0px;
47 width : 100%;
48 margin-bottom : 2px;
49}
50
51table.gsc-search-box td {
52 vertical-align : middle;
53}
54
55table.gsc-search-box td.gsc-input {
56 padding-right : 2px;
57}
58
59td.gsc-search-button {
60 width : 1%;
61}
62
63td.gsc-clear-button {
64 width : 14px;
65}
66
67/**
68 * undo common generic table rules
69 * that tend to impact branding
70 */
71table.gsc-branding td,
72table.gsc-branding {
73 margin: 0 0 0 0;
74 padding: 0 0 0 0;
75 border : none;
76}
77
78table.gsc-branding {
79 border-style : none;
80 border-width : 0px;
81 border-spacing : 0px 0px;
82 width : 100%;
83}
84
85.gsc-branding-text {
86 color : #676767;
87}
88
89td.gsc-branding-text {
90 vertical-align : top;
91}
92
93td.gsc-branding-text div.gsc-branding-text {
94 padding-bottom : 2px;
95 text-align : right;
96 font-size : 11px;
97 margin-right : 2px;
98}
99
100div.gsc-branding-youtube td.gsc-branding-text {
101 vertical-align : middle;
102}
103
104td.gsc-branding-img-noclear {
105 width : 51px;
106 vertical-align : bottom;
107}
108
109td.gsc-branding-img {
110 width : 65px;
111 vertical-align : bottom;
112}
113
114div.gsc-branding-youtube td.gsc-branding-img-noclear {
115 width : 55px;
116}
117
118div.gsc-branding-youtube td.gsc-branding-img {
119 width : 69px;
120}
121
122table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
123 margin-right : 0px;
124 text-align : center;
125}
126
127table.gsc-branding-vertical td.gsc-branding-img-noclear {
128 text-align : center;
129}
130
131div.gsc-branding-img,
132div.gsc-branding-img-noclear,
133img.gsc-branding-img,
134img.gsc-branding-img-noclear {
135 padding-top : 1px;
136}
137
138img.gsc-branding-img,
139img.gsc-branding-img-noclear {
140 margin : 0 0 0 0;
141 padding-right : 0;
142 padding-left : 0;
143 padding-bottom : 0;
144 border : none;
145 display : inline;
146}
147
148a.gsc-branding-clickable {
149 cursor : pointer;
150}
151
152input.gsc-search-button {
153 margin-left : 2px;
154}
155
156div.gsc-clear-button {
157 display : inline;
158 text-align : right;
159 margin-left : 4px;
160 margin-right : 4px;
161 padding-left : 10px;
162 background-repeat: no-repeat;
163 background-position: center center;
164 background-image: url('/uds/css/clear.gif');
165 cursor : pointer;
166}
167
168/*
169 * Given that this is sitting in a variable width tabel cell, the idea is
170 * for it to consume the entire cell. The adjacent cell contains the search
171 * button and that is a fixed width cell.
172 */
173input.gsc-input {
174 padding-left : 2px;
175 border-style : solid;
176 border-width : 1px;
177 border-color : #BCCDF0;
178 width : 99%;
179}
180
181.gsc-keeper {
182 color: #3366cc;
183 text-decoration: underline;
184 font-size: 13px;
185 cursor: pointer;
186 font-weight: normal;
187
188 padding-left: 16px;
189 background-repeat: no-repeat;
190 background-position: 1px 3px;
191 background-image: url('/uds/css/blue_check.gif');
192}
193
194/* each section of results has a results header table
195 * .gsc-resultsHeader : the header itseld
196 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
197 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
198 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
199 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
200 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
201 * .gsc-title : the section's title (e.g., Web Results, etc.)
202 * .gsc-stats : contains the result counts
203 * .gsc-stats
204 */
205.gsc-resultsHeader {
206 width : 100%;
207 border-bottom : 1px solid #e9e9e9;
208 margin-bottom : 4px;
209 clear : both;
210}
211
212.gsc-resultsHeader td.gsc-twiddleRegionCell{
213 width: 75%;
214}
215
216.gsc-resultsHeader td.gsc-configLabelCell{
217 text-align: right;
218 width: 75%;
219}
220
221/*
222 * note that the next three classes are all joined together
223 * to implement the twiddle image. apps can substitute in their
224 * own images but will need to account for the image size here
225 * as well as in the left padding of the title element
226 *
227 * Note: uds provides the following images that work with the geometry/padding defined below
228 * to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
229 * or use an image of your own design
230 */
231.gsc-resultsHeader .gsc-twiddle{
232 margin-top: 4px;
233 display: inline;
234 cursor: pointer;
235 background-repeat: no-repeat;
236 background-position: 0px 2px;
237}
238.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
239 background-image: url('/uds/css/arrow_close.gif');
240}
241.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
242 background-image: url('/uds/css/arrow_open.gif');
243}
244
245.gsc-resultsHeader .gsc-title{
246 color: #676767;
247 margin-right: 10px;
248 padding-left: 14px;
249 display: inline;
250}
251
252.gsc-resultsHeader .gsc-stats {
253 color: #676767;
254 font-size: 11px;
255 font-weight: normal;
256 display : inline;
257}
258
259.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
260 display : none;
261}
262
263/*
264 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
265 * .gsc-result-selector : an individual selector
266 * .gsc-one-result : single result selector
267 * .gsc-more-results : more (4) results selector
268 * .gsc-all-results : all results (8) selector
269 */
270.gsc-results-selector {
271 display : inline;
272}
273
274.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
275 display : none;
276}
277
278.gsc-result-selector {
279 cursor : pointer;
280 display : inline;
281 font-size : 13px;
282 padding-left : 13px;
283 background-repeat: no-repeat;
284 background-position: center left;
285}
286
287/* default mode is dark */
288.gsc-one-result {
289 background-image: url('/uds/css/one-complex-dark.gif');
290}
291
292.gsc-more-results {
293 background-image: url('/uds/css/more-complex-dark.gif');
294}
295
296.gsc-all-results {
297 background-image: url('/uds/css/all-complex-dark.gif');
298 padding-right : 1px;
299}
300
301/* active mode is light */
302.gsc-one-result-active .gsc-one-result {
303 background-image: url('/uds/css/one-complex-light-blue.gif');
304}
305
306.gsc-more-results-active .gsc-more-results {
307 background-image: url('/uds/css/more-complex-light-blue.gif');
308}
309
310.gsc-all-results-active .gsc-all-results {
311 background-image: url('/uds/css/all-complex-light-blue.gif');
312}
313
314.gsc-resultsHeader .gsc-configLabel{
315 color: #676767;
316 display: inline;
317 font-size: 11px;
318 cursor: pointer;
319}
320
321.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
322 padding-right: 12px;
323 background-repeat: no-repeat;
324 background-position: center center;
325 background-image: url('/uds/css/settings.gif');
326}
327
328
329/* tabbed mode of search control
330 * .gsc-tabsArea : the box containing all of the tabs
331 * .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
332 * .gsc-tabHeader : an individual tab
333 * .gsc-tabHeader.gsc-tabhActive : the active tab
334 * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
335 * .gsc-tabData : the data area/box containg results and header data for each tab
336 * .gsc-tabData.gsc-tabdActive : the data area for the active tab
337 * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
338 */
339.gsc-tabsArea {
340 clear: both;
341 margin-top: 6px;
342 }
343
344.gsc-tabsArea .gs-spacer {
345 font-size : 1px;
346 margin-right : 0px;
347 overflow : hidden;
348}
349
350.gsc-tabsArea .gs-spacer-opera {
351 margin-right : 0px;
352}
353
354.gsc-tabsAreaInvisible {
355 display : none;
356 }
357
358.gsc-tabHeader {
359 display: inline;
360 cursor: pointer;
361 padding-left: 6px;
362 padding-right: 6px;
363 margin-right: 2px;
364 }
365
366.gsc-tabHeader.gsc-tabhActive {
367 border-left: 1px solid #e9e9e9;
368 border-right: 1px solid #e9e9e9;
369 border-top: 2px solid #ff9900;
370 color: black;
371 }
372
373.gsc-tabHeader.gsc-tabhInactive {
374 border-left: 1px solid #e9e9e9;
375 border-right: 1px solid #e9e9e9;
376 border-top: 2px solid #e9e9e9;
377 background: #e9e9e9;
378 color: #676767;
379 }
380
381.gsc-tabData.gsc-tabdActive {
382 display: block;
383 }
384
385.gsc-tabData.gsc-tabdInactive {
386 display: none;
387 }
388
389/* tab specific results header supression
390 * - no twiddle, tabbed mode runs in full expand mode
391 * - no title
392 * - no stats
393 */
394.gsc-tabData .gsc-resultsHeader .gsc-title {
395 display: none;
396 }
397
398.gsc-tabData .gsc-resultsHeader .gsc-stats {
399 display: none;
400 }
401
402.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
403 display : none;
404}
405
406
407
408/* the results for each section
409 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
410 * .gsc-results : the collection of results for a given searcher
411 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
412 */
413.gsc-resultsbox-visible {
414 display : block;
415}
416
417.gsc-resultsbox-invisible {
418 display : none;
419}
420
421.gsc-results {
422 padding-bottom: 2px;
423 width : 99%;
424}
425
426.gsc-result {
427 margin-bottom: 10px;
428}
429
430.gsc-result .gs-title {
431 height: 1.4em;
432 overflow: hidden;
433 }
434
435/* specialized, result type specific, fine grained controls */
436.gsc-result div.gs-watermark {
437 display: none;
438}
439
440/* Ads
441 */
442.gsc-results .gsc-result img.gs-ad-marker {
443 display: none;
444}
445
446.gsc-wrapper {
447 position : relative;
448 display : block;
449}
450
451.gsc-adBlock {
452 position : relative;
453 display : block;
454 margin-top : 6px;
455 margin-bottom : 4px;
456 padding-bottom : 2px;
457 background : #FFF8DD none repeat scroll 0 0;
458}
459
460.gsc-adBlock h2 {
461 float : right;
462 margin : 3px 5px 0;
463 font-weight : normal;
464 font-size : .9em;
465 color : #676767;
466}
467
468.gsc-adBlock .gsc-ad {
469 padding-left : 8px;
470 padding-top : 5px;
471 padding-right : 3px;
472}
473
474.gsc-adBlock .gsc-ad a {
475 font-weight : bolder;
476 color : #0000CC;
477 line-height : 1.4em;
478}
479
480.gsc-adBlock .gsc-ad cite {
481 font-style : normal;
482 color : green;
483}
484
485.gsc-adBlock .gsc-ad span {
486 padding-left : 8px;
487}
488
489.gsc-adBlockInvisible {
490 display : none;
491}
492
493.gsc-adBlockVertical {
494 position : relative;
495 display : block;
496 float : right;
497 width : 30%;
498 border-left : 1px solid #C9D7F1;
499}
500
501.gsc-thinWrapper {
502 width : 69%;
503 float : left;
504 overflow : hidden;
505}
506
507.gsc-adBlockVerticalInvisible {
508 display : none;
509}
510
511.gsc-adBlockVertical h2 {
512 text-align : center;
513 font-weight : normal;
514 font-size : .9em;
515 color : #676767;
516 margin-top : 6px;
517}
518
519.gsc-adBlockVertical .gsc-ad {
520 padding-left : 8px;
521 padding-top : 5px;
522}
523
524.gsc-adBlockVertical .gsc-ad a {
525 font-weight : bolder;
526 color : #0000CC;
527 line-height : 1.4em;
528}
529
530.gsc-adBlockVertical .gsc-ad cite {
531 font-style : normal;
532 color : green;
533 display : block;
534}
535
536.gsc-adBlockVertical .gsc-ad span {
537}
538
539.gsc-ad-preview {
540 background-image: url('http://www.google.com/images/preview.gif');
541}
542
543/* Standard configuration div/form */
544div.gsc-config {
545 border: 1px solid #e9e9e9;
546 margin-top: 0px;
547 margin-bottom: 10px;
548 padding-top : 2px;
549 padding-left : 6px;
550 padding-right : 6px;
551 padding-bottom : 6px;
552}
553
554form.gsc-config {
555 margin-bottom : 0px;
556}
557
558.gsc-configSetting {
559 margin-top : 6px;
560 }
561
562.gsc-configSetting_Label {
563 color: #676767;
564 }
565
566.gsc-configSettingInput {
567 color: #676767;
568 border: 1px solid #e9e9e9;
569 width: 75%;
570 }
571
572.gsc-configSettingCheckbox {
573 color: #676767;
574 margin-right: 6px;
575 }
576
577.gsc-configSettingCheckboxLabel {
578 display : inline;
579 color: #676767;
580 }
581
582div.gsc-configSettingSubmit {
583 margin-top : 8px;
584 text-align : right;
585}
586
587input.gsc-configSettingSubmit {
588 display: inline;
589 font-size: 11px;
590 cursor: pointer;
591}
592
593
594/* Image Search
595 */
596.gsc-imageResult {
597 float: left;
598 margin-bottom: 1em;
599 margin-right: 20px;
600}
601
602.gs-imageResult {
603 width: 114px; /* default width + 1px border */
604 overflow : hidden;
605}
606
607.gs-imageResult .gs-image-box {
608 height: 86px; /* default height + 1px border */
609 position : relative;
610}
611
612/* note, left edge is auto-set by search control */
613.gs-imageResult .gs-image-box img.gs-image {
614 position : absolute;
615 bottom : 0px;
616}
617
618.gs-imageResult .gs-text-box {
619 text-align: center;
620 overflow : hidden;
621 height: 4em;
622}
623
624.gs-imageResult .gs-snippet {
625 overflow : hidden;
626 line-height: 1em;
627 cursor : pointer;
628 white-space : nowrap;
629}
630.gs-imageResult .gs-visibleUrl {
631 cursor : pointer;
632 overflow : hidden;
633 line-height: 1.3em;
634 height: 1.3em;
635}
636.gs-imageResult .gs-size {
637 color: #6f6f6f;
638}
639
640/* Video Search
641 * - single line title
642 */
643
644.gsc-videoResult .gs-videoResult .gs-title {
645 line-height: 1.3em;
646 height: 1.3em;
647 overflow: hidden;
648 }
649
650.gsc-videoResult .gs-videoResult .gs-snippet {
651 line-height: 1.3em;
652 max-height: 2.6em;
653 overflow: hidden;
654 }
655
656/* trailing more link at the bottom of
657 * a collection of results
658 */
659.gsc-imageResult .gsc-trailing-more-results {
660 clear : both;
661}
662
663.gsc-results .gsc-trailing-more-results {
664 margin-bottom : 10px;
665}
666
667.gsc-results .gsc-trailing-more-results,
668.gsc-results .gsc-trailing-more-results * {
669 color: #0000cc;
670 text-decoration: underline;
671}
672
673/* trailing cursor section
674 */
675.gsc-imageResult .gsc-cursor-box {
676 clear : both;
677}
678
679.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
680 margin-bottom : 0px;
681 display : inline;
682}
683
684.gsc-results .gsc-cursor {
685 display : inline;
686}
687
688.gsc-results .gsc-cursor-box {
689 margin-bottom : 10px;
690}
691
692.gsc-results .gsc-cursor-box .gsc-cursor-page {
693 cursor : pointer;
694 color : #000000;
695 text-decoration: underline;
696 margin-right : 8px;
697 display : inline;
698}
699
700.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
701 color : #A90A08;
702 font-weight : bold;
703 text-decoration: none;
704}
705
706
707
708/*** End of Control, Begin Results ***/
709
710/* generic, cross cutting result style
711 * - in the form of .gs-result .gs-xxx where xxx is the generic style
712 * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
713 * .gs-divider : typically seperates results from ads
714 * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
715 * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
716 * img.gs-image : an actial image in a result
717 * .gs-phone : a phone number
718 * .gs-address : an address (includes street, city, region, country)
719 * .gs-streetAddress : a street (including #)
720 * .gs-city : a city
721 * .gs-region : a region (zip code, area, etc.)
722 * .gs-country : a country
723 * .gs-snippet : snippetized content
724 * .gs-watermark : indicator that user selected this result
725 * .gs-metadata : generic metadata, e.g.,
726 * .gs-image-box : generic container for a result's image (within a table)
727 * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
728 */
729.gs-result .gs-title,
730.gs-result .gs-title * {
731 color: #0000cc;
732 text-decoration: underline;
733}
734
735.gs-divider {
736 padding-bottom: 8px;
737 text-align: center;
738 color: #676767;
739}
740
741.gs-result a.gs-visibleUrl,
742.gs-result .gs-visibleUrl {
743 color: #008000;
744 text-decoration: none;
745}
746
747/* relative and absolute dates, note, news/books inlines these */
748.gs-relativePublishedDate,
749.gs-publishedDate {
750 color: #6f6f6f;
751 text-decoration: none;
752}
753.gs-result a.gs-clusterUrl,
754.gs-result .gs-clusterUrl {
755 color: #008000;
756 text-decoration: underline;
757 cursor: pointer;
758}
759
760.gs-newsResult .gs-publisher {
761 color: #6f6f6f;
762 display : inline;
763 text-decoration: none;
764}
765
766/*
767 * For news results there are two dates...
768 * The relative date is visible while in the
769 * search control and the published date
770 * is visible when clipped. Why? It doesn't
771 * make sense to say 4 hours ago for a clipped
772 * result...
773 */
774
775/* establish the base style */
776.gs-newsResult .gs-relativePublishedDate,
777.gs-newsResult .gs-publishedDate {
778 display : inline;
779 margin-left : 4px;
780}
781
782/* base styling for relative date is none */
783.gs-blogResult .gs-relativePublishedDate,
784.gs-newsResult .gs-relativePublishedDate {
785 display : none;
786}
787
788/* suppress publishedDate while in the control */
789.gsc-blogResult .gs-blogResult .gs-publishedDate,
790.gsc-newsResult .gs-newsResult .gs-publishedDate {
791 display : none;
792}
793
794/* enable relativePublishedDate while in the control */
795.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
796.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
797 display : inline;
798}
799
800.gs-newsResult .gs-location {
801 color: #6f6f6f;
802 display : inline;
803 text-decoration: none;
804}
805
806.gs-promotion {
807 padding-top : 5px;
808}
809
810.gs-promotion a {
811 font-weight : bold;
812 font-size: 14px;
813}
814
815.gs-promotion-image {
816 margin-right : 10px;
817}
818
819.gs-promotion-image-td {
820 vertical-align : top;
821}
822
823.gs-promotion table {
824 border : none;
825 border-style : none;
826 border-width : 0px;
827 border-spacing : 0px 0px;
828 margin: 0 0 0 0;
829 padding: 0 0 0 0;
830}
831
832.gs-promotion table a {
833 font-weight : normal;
834 font-size: 13px;
835 padding-right : 5px;
836}
837
838.gs-result img.gs-image {
839 vertical-align : middle;
840 border : 1px solid #0000cc;
841}
842
843.gs-result div.gs-phone {}
844
845.gs-result .gs-directions,
846.gs-result .gs-directions * {
847 color: #7777cc;
848 font-weight: normal;
849 text-decoration : underline;
850 cursor : pointer;
851}
852
853.gs-secondary-link,
854.gs-secondary-link * {
855 color: #7777cc;
856 font-weight: normal;
857 text-decoration : underline;
858 cursor : pointer;
859}
860
861/* wrapper around user supplied to/from mode directions
862 * normally this is disabled by default, and gs-directions is enabled
863 * apps can easily switch this by setting display:block on the rule below,
864 * and display:none on the rule above
865 * e.g., add these two rules to switch local results into
866 * alternate style driving directions
867 * .gs-localResult .gs-directions-to-from { display : block; }
868 * .gs-localResult .gs-directions { display : none; }
869 */
870.gs-result .gs-directions-to-from {
871 display : none;
872 margin-top : 4px;
873}
874.gs-result .gs-directions-to-from .gs-label {
875 display : inline;
876 margin-right : 4px;
877}
878
879.gs-result .gs-directions-to-from div.gs-secondary-link {
880 display : inline;
881}
882
883.gs-result .gs-directions-to-from .gs-spacer {
884 display : inline;
885 margin-right : 3px;
886 margin-left : 3px;
887}
888
889.gs-videoResult a.gs-publisher,
890.gs-videoResult .gs-publisher {
891 color: #008000;
892 text-decoration: none;
893}
894
895.gs-result a {
896 cursor: pointer;
897}
898
899.gs-result .gs-address {
900}
901
902.gs-result .gs-snippet {
903}
904
905.gs-no-results-result .gs-snippet,
906.gs-error-result .gs-snippet {
907 padding : 5px;
908 margin : 5px;
909 border : 1px solid rgb(255,204,51);
910 background-color : rgb(255,244,194);
911}
912
913.gs-result .gs-watermark{
914 font-size: 10px;
915 color: #7777cc;
916}
917
918div.gs-results-attribution {
919 text-align : center;
920 margin-bottom : 4px;
921}
922
923div.gs-results-attribution,
924div.gs-results-attribution * {
925 font-size : 10px;
926 color : #676767;
927 text-decoration : none;
928}
929
930div.gs-results-attribution a {
931 color: #0000cc;
932 cursor : pointer;
933}
934
935div.gs-results-attribution a:hover {
936 text-decoration : underline;
937}
938
939.gs-result .gs-metadata{
940 color: #676767;
941}
942
943/* searcher specific styling for
944 * - web ad
945 * - web
946 * - local
947 * - image (none)
948 * - blog (none)
949 * - video (none)
950 */
951
952/* webAd search specific over rides
953 * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
954 */
955.gs-localAd img.gs-ad-marker,
956.gs-webAd img.gs-ad-marker {
957 padding-left: 4px;
958}
959
960/* default is to not show long mode visible urls
961 * apps should selectively enable this while disabling
962 * div.gs-visibleUrl-short
963 */
964.gs-webResult div.gs-visibleUrl-long {
965 width : 100%;
966 overflow : hidden;
967 display : none;
968}
969
970/* local search specific over rides
971 * - city, region displayed inline
972 * - country supressed
973 * - small font size for info window's
974 */
975
976.gs-localAd div.gs-address * {
977 color : #676767;
978}
979
980.gs-localAd div.gs-street {
981 display: inline;
982}
983
984div.gs-city {
985 display: inline;
986}
987
988div.gs-region {
989 display: inline;
990}
991
992div.gs-country {
993 display: none;
994}
995
996div.gs-infoWindow * {
997 font-size: 11px;
998 }
999
1000/* video search specific over rides
1001 * - align the table data
1002 * - default image width garuntee
1003 * - appropriate cell seperation
1004 */
1005
1006/* todo(markl): workaround until gre in gmail fixes his styles */
1007.gs-videoResult * {
1008 font-size: 13px;
1009 }
1010
1011/*
1012.gs-videoResult td .gs-image {
1013 vertical-align : middle;
1014}
1015
1016.gs-videoResult td.gs-image-box {
1017 background-color : #000000;
1018}*/
1019
1020.gs-videoResult td div.gs-image-box {
1021 width : 110px;
1022 height : 78px;
1023}
1024
1025.gs-videoResult td div.gs-text-box {
1026 vertical-align: top;
1027 margin-left: 4px;
1028 }
1029
1030
1031/* book search specific over rides
1032 * - default image width garuntee
1033 * - appropriate cell seperation
1034 */
1035
1036div.gs-book-image-box td,
1037.gs-bookResult td {
1038 vertical-align : top;
1039}
1040
1041div.gs-book-image-box,
1042div.gs-book-image-box div {
1043 position : static;
1044 text-align : start;
1045}
1046
1047div.gs-book-image-box {
1048 width : 75px;
1049 height : 90px;
1050}
1051
1052.gs-bookResult td div.gs-text-box {
1053 vertical-align: top;
1054 margin-left: 4px;
1055 }
1056
1057div.gs-book-image-box img {
1058 border-spacing : 0px 0px;
1059 border : none;
1060}
1061
1062div.gs-book-image-box div.gs-row-1 {
1063 line-height : 7px;
1064}
1065
1066div.gs-book-image-box img.gs-pages {
1067 height : 7px;
1068 width : 45px;
1069}
1070
1071div.gs-book-image-box img.gs-page-edge {
1072 height : 7px;
1073 width : 11px;
1074}
1075
1076div.gs-book-image-box div.gs-row-2 {
1077}
1078
1079div.gs-book-image-box img.gs-image {
1080 height : 80px;
1081 border : 1px solid #a0a0a0;
1082}
1083
1084.gs-bookResult .gs-author {
1085 display : inline;
1086 color: #6f6f6f;
1087}
1088.gs-bookResult .gs-publishedDate {
1089 display : inline;
1090}
1091
1092.gs-bookResult .gs-pageCount {
1093 display : inline;
1094 color: #6f6f6f;
1095 margin-left : 4px;
1096}
1097
1098.gs-bookResult .gs-id {}
1099
1100
1101
1102/* book search specific over rides
1103 * - default image width garuntee
1104 * - appropriate cell seperation
1105 */
1106
1107.gs-patentResult td {
1108 vertical-align : top;
1109}
1110.gs-patentResult .gs-patent-number,
1111.gs-patentResult .gs-publishedDate,
1112.gs-patentResult .gs-author {
1113 display:inline;
1114}
1115
1116.gs-patentResult .gs-image-box {
1117 padding-right : 8px;
1118}
1119
1120.gs-patentResult img.gs-image {
1121 border : 1px solid #7777cc;
1122}