Javascript

Copy

CSS

Copy

Standaard

Optioneel: CSS style

Select & Copy 
<style type="text/css">/** * Minimalist Theme, v4. * */ /* Selector for entire element. */ .gsc-control-cse { background-color: #ffffff00; border: 1px solid #77777700; } .gsc-input-box { border: 1px solid #bbb; background: #fff; } .gsc-search-box .gsc-input>input:focus, .gsc-input-box-focus { border: 1px solid #bbb; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3); outline: none; } /* Search button */ .gsc-search-button-v2 { font-size: 0; padding: 6px 27px; width: auto; vertical-align: middle; border: 1px solid #000; border-radius: 2px; margin-top: 2px; border-color: #000; background-color: #33333355; background-image: linear-gradient(top, #333, #333); } .gsc-search-button-v2:hover { border-color: #000; background-color: #333; background-image: linear-gradient(top, #333, #333); } .gsc-search-button-v2 svg { fill: #fff; } /* Firefox button fix */ button::-moz-focus-inner { padding: 0; border: 0; } /* Inactive tab */ .gsc-tabHeader.gsc-tabhInactive { color: #444; } /* Active tab */ .gsc-tabHeader.gsc-tabhActive { border-bottom: 2px solid #333; color: #333; } .gsc-refinementHeader { text-decoration: none; color: #444; font-weight: bold; line-height: 27px; margin-right: 0; } .gsc-refinementHeader.gsc-refinementhActive { border-bottom: 2px solid #333; color: #333; } /* Set link colors. */ .gs-result .gs-title *, .gsc-cursor-page, .gs-spelling a { color: #444; } .gs-webResult.gs-result .gs-title:active, .gs-webResult.gs-result .gs-title:active b, .gs-imageResult .gs-title:active, .gs-imageResult .gs-title:active b { color: #777; } /* Style for auto-completion table * .gsc-completion-selected: styling for a suggested query which the user has moused-over * .gsc-completion-container: styling for the table which contains the completions */ .gsc-completion-selected { background: #eeeeee00; } .gsc-completion-container { font-family: Arial, sans-serif; font-size: 16px; background: #ffffff00; border: 1px solid #bbb; /* The top, left, and width are set in JavaScript. */ } .gsc-selected-option-container, .gsc-completion-container, .gsc-modal-background-image { background: #ffffff00; } .gsc-control-cse .gsc-option-menu { background: #ffffff00; } .gsc-webResult.gsc-result.gsc-promotion { background-color: #ffffff00; } .gsc-results-wrapper-overlay { background: #ffffff00; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888'); } .gsc-webResult.gsc-result:hover { border-color: #FF990000; background-color: #EEEEEE00; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #FFFFFF00; background-color: #FFFFFF00; } .gcsc-find-more-on-google { color: #444; } .gsc-label-result-saving-popup { background-color: #f9edbe00; } .gsc-completion-title { color: #00c; } .gsc-completion-snippet { color: #333; } .gsc-rating-bar { display: inline-block; width: 54px; height: 10px; background: transparent url(/cse/images/cse_snippets_stars.png) -52px -52px no-repeat; margin: 3px 0 0 0; } .gsc-rating-bar span { display: inline-block; height: 10px; background: transparent url(/cse/images/cse_snippets_stars.png) 0 -52px no-repeat; } .gsc-option-menu-item-highlighted { background-color: #eeeeee55; } .gsc-results { background-color: #ffffff00; width: auto; } .gsc-results .gsc-cursor-box { margin: 10px; } .gsc-context-box .gsc-chart { width: 32em; padding: 3px; border-left: 1px solid #777; border-right: 1px solid #777; } .gsc-context-box .gsc-top { border-top: 1px solid #777; } .gsc-context-box .gsc-bottom { border-bottom: 1px solid #777; } .gsc-context-box .gsc-chart div { background: #777; height: 9px; } .gsc-context-box .gsc-facet-result { color: #333; width: 30px; text-align: right; padding-right: 5px; } .gs-webResult .gs-title .gs-title.gsc-usr-group-heading { color: #333; cursor: pointer; } .gs-webResult .gs-title .gs-title.gsc-usr-group-heading b { color: #333; } .gcsc-find-more-on-google-magnifier { fill: #444; } </style>