@charset "UTF-8"; body.with-light-header.with-tab-dictionary header.page-header.fixed { background-color: rgba(39, 72, 102,.95); } .wordPage .main { width: 50%; float: left; clear: left; } .wordPage { margin: 0 auto; position: relative; font-family: 'Open Sans'; font-size: 15px; padding-top: 80px; } .wordPage .section { margin-bottom: 1em; } .wordPage .adslot { margin: 2em auto 1em auto; text-align: center; max-width: 100%; overflow: hidden; clear: both; } .wordPage .main .adslot { display: none; } .wordPage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .wordPage .related { float: right; width: 45%; min-width: 336px; clear: right; } .wordPage .blurb { color: #444444; overflow: hidden; } .wordPage .blurb .long { line-height: 175%; margin: .5em 0; } .wordPage .blurb .short i:first-of-type { color: #438007; font-style: normal; } .wordPage .blurb .short { font-size: 1.8em; margin-top: 0; margin-bottom: .5em; font-weight: 300; } .wordPage .didyoumean { font-size: 2em; color: #999; font-weight: 300; font-style: italic; margin-bottom: -.75em; } .wordPage .blurb .sidebar { background-color: #EEEEEE; border-top: 2px solid rgb(137, 137, 137); color: #666666; float: right; font-size: .85em; margin: 0 0 1em 15px; padding: 10px 12px 12px 12px; width: 40%; font-weight: 300; line-height: 150%; } .wordPage .sidebar h3 { border: none; margin: 0; padding: 0; font-size: .9em; font-weight: normal; } .wordPage .sidebar h3:after { content:':'; } .wordPage .sidebar h4 { border: none; margin: 0 0 .5em 0; font-size: 1.8em; line-height: 110%; } .wordPage .sidebar h4 a { text-decoration: none; } .wordPage .sidebar h4 a:hover { text-decoration: underline; } .wordPage .sidebar .readMore { white-space: nowrap; display: block; margin-top: .5em; text-align: right; } .wordPage .definition .sectionHeader .word { display: block; font-weight: 300; font-size: 2em; } .wordPage .definition .sectionHeader { margin-bottom: 0.25em; } .wordPage h1 { margin: 0 0 10px 0; letter-spacing: 0px; font-size: 8em; text-transform: none; color: black; font-weight: 300; display: block; width: 100%; display: block; white-space: nowrap; } .wordHeader { position: relative; overflow: hidden; } .definitionNavigator { margin: 0 0 20px 0; padding: 0; width: 100%; position: relative; } .definitionNavigator td { vertical-align: top; } .definitionNavigator .groupNumber { /* background-color: rgba(131, 131, 131, 1); */ color: rgb(40, 40, 40); line-height: 20px; font-weight: normal; padding: .75em 10px 0 0; font-size: 12px; text-align: center; } .definitionNavigator td.posList { padding: 7px 0; width: 1%; } .definitionNavigator .def { display: none; font-size: .85em; padding: .5em 5px; } .definitionNavigator .def.selected { display: block; } .definitionNavigator a { text-decoration: none; padding: 1px 6px 2px 5px; margin: 0px 3px 0 0; font-size: 12px; color: white; font-weight: normal; font-style: italic; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: .3; border-radius: 4px; } .definitionNavigator a.selected { color: white; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .definitionNavigator a.pos_n { background-color: #e3412f; } .definitionNavigator a.pos_v { background-color: #539007; } .definitionNavigator a.pos_a { background-color: #f8b002;} .definitionNavigator a.pos_r { background-color: #684b9d; } .definitionNavigator a.pos_n.selected { background-color: #e3412f; } .definitionNavigator a.pos_v.selected { background-color: #539007; } .definitionNavigator a.pos_a.selected { background-color: #f8b002;} .definitionNavigator a.pos_r.selected { background-color: #684b9d; } a.anchor { text-decoration: none; padding: 0px 6px 0px 6px; font-size: .75em; color: white; line-height: 21px; font-style: italic; position: absolute; top: .8em; left: 13px; display: block; border-radius: 4px; min-width: 21px; text-align: center; } .pos_n a.anchor { background-color: #e3412f; } .pos_v a.anchor { background-color: #539007; } .pos_a a.anchor { background-color: #f8b002; } .pos_r a.anchor { background-color: #684b9d; } .wordPage ol.senses .definition { font-weight: bold; } .wordPage .example { font-style: italic; color: #666666; margin: 1em; font-size: 1.1em; font-weight: 300; } .wordPage .example strong { font-weight: normal; } .wordPage #wordFamilies { position: relative; z-index: 1; padding: 10px 0; } /* GENERIC DEFINITION CSS */ .wordPage .definition h2 { margin: 0; font-size: 16px; padding: 2px 0 10px 0; } .wordPage .definition h2 i { color: #22558A; } .wordPage .definition h3 { font-size: 1.1em; font-weight: normal; margin: 0; color: #333; margin: 0; padding: .5em 15px .5em 60px; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; } .wordPage .definition .sord1 h3 { border-top: none; } .wordPage .definition h3 .pos, .stackPane h3 .pos { font-style: italic; color: #666666; } .wordPage .definition .pos .examples { color: #999999; border-bottom: 1px dashed #999999; padding: 4px 0 4px 0; } .wordPage .definition .pos .linkedwords { margin-bottom: 1em; padding: 4px 0 4px 0; border-bottom: 1px solid #999999; } .wordPage .definition .group { position: relative; margin-top: 3em; margin-bottom: 3em; border-top: 3px solid #666; } .wordPage .definition .ordinal { margin-bottom: 10px; background-color: #F5F5F5; border-top: 1px solid black; } .wordPage .definition .ordinal.first { border-top: none; margin-top: 1px; } .wordPage .definition .group .groupNumber:after { content:'.'; } .wordPage .definition .group .groupNumber { position: absolute; /* background-color: rgba(102, 102, 102, 1); */ color: black; width: 25px; height: 25px; line-height: 25px; font-weight: 300; font-size: 1.5em; padding: 0; text-align: center; top: -1.4em; left: 0; /* border-radius: 50%; */ } .wordPage .definition .sense { clear: left; position: relative; overflow: hidden; } .collapsed .defContent { display: none; } .wordPage .definition .pos .sense .pointers .pointertype { color: #999999; } .wordPage .definition .pos .sense .pointers .pointer { margin-left: 10px; } .wordPage .definition .pos .sense .pointers .pointer .definition { margin-left: 10px; } .wordPage .definition .pos .sense .pointers .pointer .examples { margin-left: 10px; } .wordPage .definition .pos .sense .pointers .pointer .linkedwords { margin-left: 10px; } .wordPage .definition dd { margin: 1em 0; } .wordPage .definition .sense dl dd .definition { font-size: 90%; font-weight: 300; background-image: none; padding: 0 5px 0 0; margin: .25em 0; } .wordPage .definition .sense h4 { display: inline; margin: 0; font-size: 90%; } .wordPage .definition .sense dl { margin: .5em 0; } .wordPage .definition dl { position: relative; } .wordPage .definition dd { padding-left: 90px; padding-right: 15px; } .wordPage .definition dt { width: 70px; color: #666666; font-size: .75em; font-weight: 300; float: left; margin-left: 15px; padding-top: .25em; } .wordPage .definition dl.expanded .less { display: block; } .wordPage .definition dl.expanded .more { display: none; } .wordPage .definition dd.less { display: none; } .wordPage .definition dd .expander { font-style: italic; font-size: 90%; } .wordPage .definition .similar .word { display: block; padding-left: 10px; height: 60px; width: 100%; line-height: 60px; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; } .wordPage .definition .similar .thumb { background-repeat: no-repeat; background-position: 50% 50%; width: 100px; height: 59px; position: absolute; top: 0px; right: 0px; } .vcom_popup { position: absolute; z-index: 1001; max-width: 140px; background-color: white; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); } .vcom_popup.addlist .confirm { position: relative; padding: 15px 10px 10px 10px; font-size: 11px; } .vcom_popup.addlist .confirm img { position: absolute; top: 1px; right: 2px; opacity: .5; cursor: pointer; } .vcom_popup.addlist .option { display: block; padding: 2px 5px; font-size: 11px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #E9E9E9; background-color: #FFFFFF; background-repeat: repeat-x; color: #666; text-decoration: none; cursor: pointer; } .vcom_popup.addlist .option:hover { color: black; font-weight: bold; } .sectionHeader.progress { margin-bottom: 0; } .wordforms td { border: 0; } .wordforms td.posList { white-space: nowrap; padding-right: 5px; } .wordforms td.posList.nodefs { width: auto; } .wordforms td.posList, .wordforms td.defList { } .wordforms .definitionNavigator a.pos { font-size: 11px; line-height: 17px; margin: 0 10px 5px 0; display: inline-block; border-radius: 4px; } .wordforms .definitionNavigator .def { font-size: .85em; font-weight: normal; padding-left: 0; } .wordforms .variant { padding: 0 0 5px 0; } .wordforms h4.alternatespellings { font-size: 11px; margin: 5px 0 5px 0; } .wordforms table.wordregion { border-collapse: collapse; } .wordforms .variant a.word { position: relative; color: #22558A; text-decoration: underline; opacity: 1; font-style: normal; font-weight: normal; margin: 0; padding: 0; } .wordforms .variant .region { position: relative; top: 2px; margin: 0 4px 0 0; } .wordforms .definitionNavigator a.listen { padding: 0; opacity: 1; cursor: pointer; } .wordforms .definitionNavigator a.listen:hover:before { color: #666; } .wordforms .definitionNavigator a.listen:before { text-decoration: none; color: #999; font-family: "SSStandard"; display: inline; content: '🔊'; font-style: normal; font-weight: normal; } .wordforms table.wordregion td { padding: 0 6px 5px 0; } .wordforms .listen .audioidx { font-size: 8px; color: #666; vertical-align: baseline; padding-left: 2px; } /* WORD FAMILY DISPLAY */ .vcom_wordfamily { position: relative; display: block; } .vcom_wordfamily ul { display:block; position: relative; list-style: none; margin: 0; padding: 5px 0 10px 0; overflow: hidden; } .vcom_wordfamily ul:after { content: ''; clear: both; height: 0px; width: 100%; } .vcom_wordfamily li { margin: 0; padding: 0; display: block; } .vcom_wordfamily li .row { display: table; width: 100%; } .vcom_wordfamily canvas { display: block; width: 100%; margin: 1px 0; } .vcom_wordfamily .bar { background-color: #cccccc; border-left: 1px solid white; height: 10px; position: relative; vertical-align: top; display: table-cell; cursor: pointer; margin: 0; } .vcom_wordfamily .bar:FIRST-CHILD { border-left: none; } .vcom_wordfamily .bar span { position: absolute; top: 50%; left: 50%; margin-top: -.8em; display: block; font-size: 11px; background-color: white; border-radius: 3px; padding: 0 6px; line-height: 190%; z-index: 1; color: #333333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.65); white-space: nowrap; } .vcom_wordfamily .tooltip { width: 270px; border-radius: 5px; position: absolute; background-color: rgba(26, 58, 91, 0.95); z-index: 1; color: white; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.45); padding: 1em; font-size: .9em; } .vcom_wordfamily .bar:hover:after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -10px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(40, 52, 69, 0.79); } .vcom_wordfamily .tooltip h3 { margin: 0 0 .5em 0; color: white; font-size: 1.3em; } .vcom_wordfamily .tooltip p { margin: 0; line-height: 150%; font-weight: 300; } .vcom_wordfamily .bar:hover { background-color: #4275aa; } .vcom_wordfamily .bar.selected:hover { background-color: #22558a; } .vcom_wordfamily .bar.selected { background-color: #22558a; } /** LEARN BUTTON **/ button.learn { display: block; width: 100%; margin-bottom: 1em; text-align: left; background-color: transparent; font-size: 20px; padding: 5px 0 5px 55px; background-repeat: no-repeat; line-height: 50px; background-image: url('/images/icons/learn-button-lnw0z4.png'); background-size: 50px 50px; background-position: 0 50%; position: relative; white-space: nowrap; color: #6eaf27; cursor: pointer; left: -5px; border-radius: .25em; } button.learn:hover { box-shadow: none; background-color: rgba(100,100,100,.05); background-image: url('/images/icons/learn-button-hover-1gja6ql.png'); } /** TOOL BUTTONS */ /* tools */ .section.tools { float: none; width: auto; } body.loggedin .wordPage .tools { padding-left: 13px; } body.loggedin .wordPage .tools .button { /* display: block; */ } .tools .button { background: none; color: #777; cursor: pointer; padding: 0; font-size: 12px; line-height: 27px; display: inline-block; padding: 0; margin: 0.25em 8px .25em 0; text-decoration: none; } .tools .button i { background: #ccc; margin: 0 .5em 0 0; font-size: 12px; display: inline-block; height: 2em; width: 2em; font-variant: normal; border-radius: 1em; color: white; line-height: 2em; text-align: center; vertical-align: middle; transition: all .3s; position: relative; } .tools .button:hover { color: #333; box-shadow: none; } .tools .button:hover i { text-decoration: none; background: #aaa; } .tools .button:hover i.red { background-color: #B23737; } .tools .button i:before { position: relative; top: 2px; } .tools .button.thesaurus i:before { content: ''; position: absolute; top: 0; left: 0; width: 26px; height: 26px; background-image: url('/images/icons/vt-icon-bb0z7q.png'); background-size: 100% 100%; background-position: 50% 50%; } .vcom_popup { position: absolute; z-index: 1001; max-width: 140px; background-color: white; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); } .vcom_popup.share a { display: block; line-height:25px; margin: 10px 0; padding: 0 10px; color: #777; font-size: 12px; text-decoration: none; } .vcom_popup.share a:hover { color: #333; } .vcom_popup.share a:hover:before { color: #aaa; } .vcom_popup.share a:before { color: #ccc; font-size: 25px; vertical-align: middle; margin-right: 5px; position: relative; top: 1px; } .vcom_popup.addlist .confirm { position: relative; line-height: 175%; padding: 1.25em 1em 1em 1em; font-size: 12px; } .vcom_popup.addlist .confirm img { position: absolute; top: 1px; right: 2px; opacity: .5; cursor: pointer; } .vcom_popup.addlist .option { display: block; padding: 0 5px 0 12px; font-size: 12px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #E9E9E9; background-color: #FFFFFF; background-repeat: repeat-x; color: #666; text-decoration: none; cursor: pointer; line-height: 26px; } .vcom_popup.addlist .option:hover { color: black; font-weight: bold; } /* additons from main */ /* audio icons */ html a.audio { text-decoration: none !important; color: #999; white-space: nowrap; display: inline; font-size: 18px; padding: 0 0 0 .75em; cursor: pointer; transition: all .3s; } a.audio:after { font-family: "SSStandard"; content: '🔊'; } html a.audio:hover { color: #333; } /* dictionary home */ body.with-tab-dictionary .fixed-tray .banner { color: white; top: 0; position: absolute; width: 100%; opacity: 0; visibility: hidden; z-index: 1; text-align: center; height: 300px; background: linear-gradient(rgb(51, 82, 109) 0,rgba(32, 67, 98, 0.2) 30%, rgba(0, 0, 0, 0.41) 90%), url('/images/dictionary/header2-1nt6bys.jpg'); background-repeat: no-repeat, no-repeat; background-size: cover, cover; background-position: 50% 50%, 40% 100%; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; transition: .5s all; } body.with-tab-dictionary.dict-home .fixed-tray .banner { opacity: 1; visibility: visible; } body.with-tab-dictionary.list-builder-open .fixed-tray .banner, body.with-tab-dictionary.ac-open .fixed-tray .banner, body.with-tab-dictionary.advsearch-open .fixed-tray .banner { opacity: 0; visibility: hidden; } body.with-tab-dictionary.dict-home .fixed-tray .banner > .wrapper { position: absolute; bottom: 0; width: 100%; padding: 0 0 2em 0; } body.with-tab-dictionary .fixed-tray .banner h1 { margin: 0; } body.with-tab-dictionary .fixed-tray .banner h2 { font-size: 1.2em; line-height: 1em; margin: .25em 0 0 0; } body.with-tab-dictionary .fixed-tray { background: -webkit-linear-gradient(#204362 0%,#33526d 100%); background: -moz-linear-gradient(#33526d 0%,#204362 100%); background: -ms-linear-gradient(#33526d 0%,#204362 100%); background: linear-gradient(#33526d 0%,#204362 100%); } @media only screen and (max-width: 760px) { body.with-tab-dictionary .fixed-tray .banner { font-size: 80%; } } @media only screen and (max-width: 760px) { .wordPage { padding-top: 20px; padding-bottom: 65px; } .wordPage .blurb .short { font-size: 1.4em; } .wordPage h1 { font-size: 6em; margin: 10px 0 5px 0; } .wordPage .main, .wordPage .related { float: none; width: auto; min-width: inherit; } .wordPage .main .adslot { display: block; margin-top: 0; } .wordPage .related .adslot { display: none; } body.loggedin .wordPage .tools { padding-left: 0; } .wordPage .sidebar h4 { font-size: 1.3em; line-height: 150% } } @media only print { .wordPage .adslot, #autocomplete { display: none !important; } .wordPage { padding-top: 0; } .wordPage .main:first-child { width: 100%; } html a.audio { display: none; } .wordPage .related { min-width: 0px; } html .exampleBrowser .domains, html .exampleBrowser .next { display: none; } }