@charset "UTF-8"; .exampleBrowser * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .exampleBrowser { position: relative; padding-bottom: 5px; } .exampleBrowser .header-text { font-size: 18px; font-weight: 600; } .exampleBrowser .dropdown-wrapper { display: inline-block; margin-left: 12px; font-size: 14px; } .exampleBrowser .dropdown-select { width: 140px; line-height: 30px; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); border: solid 1px #9fc1da; color: #004a75; background: #ffffff; padding-left: 15px; background: url('/images/dictionary/dropdown-arrow-kswevw.svg') 117px no-repeat; user-select: none; cursor: default; } .exampleBrowser .dropdown-wrapper:hover .dropdown-select, .exampleBrowser .dropdown-wrapper.dropdown-open .dropdown-select { color: #004a75; border-color: #0090e3; } .exampleBrowser .dropdown-wrapper ul { display: none; position: absolute; background: #ffffff; margin: 0; list-style: none; padding: 0; border-radius: 3px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.1); width: 150px; left: -4px; z-index: 20; } .exampleBrowser .dropdown-component { position: relative; } .exampleBrowser .dropdown-wrapper.dropdown-open ul { display: block; } .exampleBrowser .dropdown-wrapper li { color: #545454; line-height: 30px; padding: 0 0 0 20px; user-select: none; } .exampleBrowser .dropdown-wrapper li:hover { background: #f0f7fa; color: #004a75; } .exampleBrowser .dropdown-wrapper li.selected { font-weight: 600; color: #004a75; } .exampleBrowser .dropdown-wrapper li.selected::before { content: "✓"; position: absolute; left: 7px; } .exampleBrowser .example-dropdown-header .buttons { float: right; width: 115px; color: #cccccc; font-size: 15px; } .exampleBrowser.hasNext a.next, .exampleBrowser.hasPrev a.prev { cursor: pointer; opacity: 1; } .exampleBrowser .buttons a { text-decoration: none; background-repeat: no-repeat; outline: none; user-select: none; } .exampleBrowser a.next, .exampleBrowser a.prev { line-height: 2em; color: #545454; opacity: 0.4; user-select: none; } .exampleBrowser .messages { text-align: center; padding: 40px 0; color: #bbbbbb; font-style: italic; } .exampleBrowser h3 .word { font-style: italic; color: #22558A; } .exampleBrowser h3 { padding: 2px 0px 10px 0px; margin: 0; border-bottom: 1px solid #cccccc; } .exampleBrowser .container { clear: left; width: 100%; position: relative; overflow: hidden; } .exampleBrowser.animating .results { position: absolute; top: 0px; width: 100%; } .exampleBrowser .sentence { font-size: .85em; line-height: 175%; } .exampleBrowser .source { float: left; font-size: 12px; text-decoration: none; color: #bbbbbb; font-style: italic; display: block; margin: .25em 0 1em 0; } .exampleBrowser .source .date { color: #bbbbbb; margin-left: 10px; font-size: 11px; font-style: normal; } .exampleBrowser .results ul { list-style: none; margin: 0; padding: 0; } .exampleBrowser .results li { margin: 1em 0; clear: both; } @media only screen and (max-width: 375px) { .exampleBrowser .header-text { display: block; margin-bottom: .5em; } .exampleBrowser .dropdown-wrapper { margin-left: 0; } }