diff --git a/2.0/wquery/service/longman.py b/2.0/wquery/service/longman.py new file mode 100644 index 0000000..40dc25a --- /dev/null +++ b/2.0/wquery/service/longman.py @@ -0,0 +1,167 @@ +# -*- coding: utf-8 -*- +# Copyright: khuang6 +# License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html + +""" +Project : wq +Created: 12/20/2017 +""" +import os +from warnings import filterwarnings + +import requests as rq +from bs4 import BeautifulSoup, Tag + +from .base import WebService, export, register, with_styles + +filterwarnings('ignore') +import sys + +reload(sys) +sys.setdefaultencoding('utf8') + + +@register(u'朗文') +class Longman(WebService): + + def __init__(self): + super(Longman, self).__init__() + + def _get_singledict(self, single_dict): + """ + + :type word: str + :return: + """ + + if not (self.cached(single_dict) and self.cache_result(single_dict)): + rsp = rq.get("https://www.ldoceonline.com/dictionary/{}".format(self.word), headers={ + 'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1623.0 Safari/537.36' + }) + + if rsp.status_code == 200: + bs = BeautifulSoup(rsp.content.decode('utf-8'), 'html.parser', from_encoding="utf-8") + # Top Container + dictlinks = bs.find_all('span', {'class': 'dictlink'}) + body_html = "" + + word_info = { + } + ee_ = '' + for dic_link in dictlinks: + assert isinstance(dic_link, Tag) + + # Remove related Topics Container + related_topic_tag = dic_link.find('div', {'class': "topics_container"}) + if related_topic_tag: + related_topic_tag.decompose() + + # Remove Tail + tail_tag = dic_link.find("span", {'class': 'Tail'}) + if tail_tag: + tail_tag.decompose() + + # Remove SubEntry + sub_entries = dic_link.find_all('span', {'class': 'SubEntry'}) + for sub_entry in sub_entries: + sub_entry.decompose() + + # word elements + head_tag = dic_link.find('span', {'class': "Head"}) + if head_tag and not word_info: + try: + hyphenation = head_tag.find("span", {'class': 'HYPHENATION'}).string # Hyphenation + except: + hyphenation = '' + try: + pron_codes = "".join( + list(head_tag.find("span", {'class': 'PronCodes'}).strings)) # Hyphenation + except: + pron_codes = '' + try: + POS = head_tag.find("span", {'class': 'POS'}).string # Hyphenation + except: + POS = '' + + try: + Inflections = head_tag.find('span', {'class': 'Inflections'}) + if Inflections: + Inflections = str(Inflections) + else: + Inflections = '' + except: + Inflections = '' + + word_info = { + 'phonetic': pron_codes, + 'hyphenation': hyphenation, + 'pos': POS, + 'inflections': Inflections, + } + self.cache_this(word_info) + if head_tag: + head_tag.decompose() + + # remove script tag + script_tags = dic_link.find_all('script') + for t in script_tags: + t.decompose() + + # remove img tag + img_tags = dic_link.find_all('img') + for t in img_tags: + self.cache_this({'img': 'https://www.ldoceonline.com' + t['src']}) + t.decompose() + + # remove sound tag + am_s_tag = dic_link.find("span", title='Play American pronunciation of {}'.format(self.word)) + br_s_tag = dic_link.find("span", title='Play British pronunciation of {}'.format(self.word)) + if am_s_tag: + am_s_tag.decompose() + if br_s_tag: + br_s_tag.decompose() + + # remove example sound tag + emp_s_tags = dic_link.find_all('span', {'class': 'speaker exafile fa fa-volume-up'}) + for t in emp_s_tags: + t.decompose() + + body_html += str(dic_link) + ee_ = body_html + self.cache_this({ + 'ee': ee_ + }) + + else: + return '' + return self.cache_result(single_dict) + + @export(u'音标', 2) + def phonetic(self): + return self._get_singledict('phonetic') + + @export(u'断字单词', 3) + def hyphenation(self): + return self._get_singledict('hyphenation') + + @export(u'词性', 1) + def pos(self): + return self._get_singledict('pos') + + @export(u'英英解释', 0) + @with_styles(cssfile='_longman.css') + def ee(self): + return self._get_singledict('ee') + + @export(u'图片', 4) + def pic(self): + url = self._get_singledict('img') + filename = u'longman_img_{}'.format(os.path.basename(url)) + if url and self.download(url, filename): + return self.get_anki_label(filename, 'img') + return '' + + @export(u'变形', 5) + @with_styles(cssfile='_longman.css') + def inflections(self): + return self._get_singledict('inflections') diff --git a/2.0/wquery/service/oxford_learning.py b/2.0/wquery/service/oxford_learning.py new file mode 100644 index 0000000..b3ee7c8 --- /dev/null +++ b/2.0/wquery/service/oxford_learning.py @@ -0,0 +1,294 @@ +# coding=utf-8 +from warnings import filterwarnings + +from bs4 import BeautifulSoup, Tag +from requests import Session + +from .base import WebService, export, register, with_styles + +filterwarnings('ignore') + +import sys + +reload(sys) +sys.setdefaultencoding('utf8') + + +@register(u'牛津学习词典') +class OxfordLearning(WebService): + _base_url = 'https://www.oxfordlearnersdictionaries.com/definition/english/' + + def __init__(self): + super(OxfordLearning, self).__init__() + + self.s = Session() + self.s.headers = { + 'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 ' + '(KHTML, like Gecko) Chrome/31.0.1623.0 Safari/537.36' + } + self.s.get(self._base_url) + + def query(self, word): + """ + + :param word: + :rtype: WebWord + """ + _qry_url = self._base_url + word + + retried = 10 + while retried: + try: + rsp = self.s.get(_qry_url, ) + if rsp.status_code == 200: + return OxfordLearningDictWord(rsp.content.decode('utf-8')) + break + except: + retried -= 1 + continue + + def _get_single_dict(self, single_dict): + if not (self.cached(single_dict) and self.cache_result(single_dict)): + web_word = self.query(self.word) + if web_word: + self.cache_this( + { + 'phonetic': '{} {}'.format(web_word.wd_phon_bre, web_word.wd_phon_nam), + 'pos': web_word.wd_pos, + 'ee': ''.join(web_word.definitions_html), + 's_bre': web_word.wd_sound_url_bre, + 's_ame': web_word.wd_sound_url_nam, + } + ) + else: + self.cache_this( + { + 'phonetic': '', + 'pos': '', + 'ee': '', + 's_bre': '', + 's_ame': '', + } + ) + return self.cache_result(single_dict) + + @export(u'音标', 0) + def phonetic(self): + return self._get_single_dict('phonetic') + + @export(u'词性', 1) + def pos(self): + return self._get_single_dict('pos') + + @export(u'释义', 2) + @with_styles(cssfile='_oxford.css') + def ee(self): + # return '
' + self._get_single_dict( + # 'ee') + "
" if "
  • " not in self._get_single_dict('ee') else self._get_single_dict('ee') + return self._get_single_dict('ee') + + def get_sound_bre(self): + url = self._get_single_dict('s_bre') + filename = u'oxford_{}_uk.mp3'.format(self.word) + if url and self.download(url, filename): + return self.get_anki_label(filename, 'audio') + return '' + + def get_sound_ame(self): + url = self._get_single_dict('s_nam') + filename = u'oxford_{}_us.mp3'.format(self.word) + if url and self.download(url, filename): + return self.get_anki_label(filename, 'audio') + return '' + + @export(u'英式发音', 3) + def sound_bre(self): + return self.get_sound_bre() + + @export(u'美式发音', 4) + def sound_ame(self): + return self.get_sound_ame() + + @export(u'英式发音优先', 5) + def sound_pri(self): + bre = self.get_sound_bre() + return bre if bre else self.get_sound_ame() + + +class OxfordLearningDictWord: + + def __init__(self, markups): + if not markups: + return + self.markups = markups + self.bs = BeautifulSoup(self.markups, from_encoding="utf-8") + self._defs = [] + self._defs_html = [] + + @staticmethod + def _cls_dic(class_nm): + return {'class': class_nm} + + # region Tags + @property + def tag_web_top(self): + """ + + word - class: h + pos - class: pos + + :rtype: Tag + """ + return self.bs.find("div", self._cls_dic('webtop-g')) + + @property + def tag_pron(self): + """ + + :rtype: Tag + """ + return self.bs.find("div", self._cls_dic('pron-gs ei-g')) + + @property + def tag_phon_bre(self): + """ + + :rtype: Tag + """ + return self.tag_pron.find('span', self._cls_dic('pron-g'), geo='br') + + @property + def tag_phon_nam(self): + """ + + :rtype: Tag + """ + return self.tag_pron.find('span', self._cls_dic('pron-g'), geo='n_am') + + # ---- Explains + @property + def tag_explain(self): + """ + + :rtype: Tag + """ + return self.bs.find('span', self._cls_dic('sn-gs')) + + # endregion + + @property + def wd_phon_bre(self): + """ + + :return: pre_fix, phon + """ + try: + _tag_phn = self.tag_phon_bre.find('span', self._cls_dic('phon')).contents[3] + phon = '/{}/'.format(_tag_phn.text if isinstance(_tag_phn, Tag) else _tag_phn) + except: + phon = '' + try: + prefix = self.tag_phon_bre.find('span', self._cls_dic('prefix')).string + except: + prefix = '' + return "{} {}".format( + prefix, + phon + ) + + @property + def wd_pos(self): + try: + return self.tag_web_top.find("span", 'pos').text + except: + return '' + + @property + def wd_phon_nam(self): + """ + + :return: pre_fix, phon + """ + try: + _tag_phn = self.tag_phon_nam.find('span', self._cls_dic('phon')).contents[3] + phon = '/{}/'.format(_tag_phn.text if isinstance(_tag_phn, Tag) else _tag_phn) + except: + phon = '' + try: + prefix = self.tag_phon_nam.find('span', self._cls_dic('prefix')).string + except: + prefix = '' + return "{} {}".format( + prefix, + phon + ) + + @property + def wd_sound_url_bre(self): + try: + return self.tag_phon_bre.find('div', self._cls_dic('sound audio_play_button pron-uk icon-audio'))[ + 'data-src-mp3'] + except: + return '' + + @property + def wd_sound_url_nam(self): + try: + return self.tag_phon_bre.find('div', self._cls_dic('sound audio_play_button pron-us icon-audio'))[ + 'data-src-mp3'] + except: + return '' + + def get_definitions(self): + defs = [] + defs_html = [] + if self.tag_explain and not self._defs: + tag_exp = self._clean(self.tag_explain) + lis = [li for li in tag_exp.find_all('li')] + if not lis: + defs_html.append(str(tag_exp.prettify())) + defs.append(tag_exp.text) + + else: + for li in lis: + defs_html.append(str(li.prettify())) + defs.append(li.text) + self._defs = defs + self._defs_html = defs_html + return self._defs, self._defs_html + + @property + def definitions(self): + return self.get_definitions()[0] + + @property + def definitions_html(self): + return self.get_definitions()[1] + + def _clean(self, tg): + """ + + :type tg:Tag + :return: + """ + if not tg: + return tg + decompose_cls = ['xr-gs', 'sound', 'heading', 'topic', 'collapse', 'oxford3000'] + + if tg.attrs and 'class' in tg.attrs: + for _cls in decompose_cls: + _tgs = tg.find_all(attrs=self._cls_dic(_cls), recursive=True) + for _tg in _tgs: + _tg.decompose() + + rmv_attrs = ['dpsid', 'id', 'psg', 'reg'] + try: + tg.attrs = {key: value for key, value in tg.attrs.items() + if key not in rmv_attrs} + except ValueError: + pass + for child in tg.children: + if not isinstance(child, Tag): + continue + self._clean(child) + return tg diff --git a/2.0/wquery/service/static/_longman.css b/2.0/wquery/service/static/_longman.css new file mode 100644 index 0000000..53ca3f8 --- /dev/null +++ b/2.0/wquery/service/static/_longman.css @@ -0,0 +1,4145 @@ + +/*! + * # Semantic UI 2.2.11 - Dropdown + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:left;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease;-webkit-tap-highlight-color:transparent}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#fff;font-size:1em;text-shadow:none;text-align:left;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;font-size:1rem;text-transform:none;font-weight:400;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%;right:auto;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:top;width:auto;margin-top:-.5em;margin-bottom:-.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0);transform:rotateZ(0);min-width:14em;min-height:2.71428571em;background:#fff;display:inline-block;padding:.78571429em 2.1em .78571429em 1em;color:rgba(0,0,0,.87);box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.91666667em;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;width:auto;outline:0;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #fafafa;padding:.78571429rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);box-shadow:none}.ui.selection.active.dropdown{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96c8da;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:1;z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;box-shadow:none!important;cursor:text;top:0;left:1px;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,.87)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.multiple.dropdown{padding:.22619048em 2.1em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .5em 0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em!important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin .6s linear;animation:dropdown-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}@-webkit-keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:rgba(191,191,191,.87)}.ui.default.dropdown:not(.button)>input:focus+.text,.ui.dropdown:not(.button)>input:focus+.default.text{color:rgba(115,115,115,.87)}.ui.loading.dropdown>.text{-webkit-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0!important;right:auto!important}.ui.dropdown>.menu .loading.menu{left:100%!important;right:auto!important}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9f3a38}.ui.selection.dropdown.error{background:#fff6f6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown>.left.menu{left:auto!important;right:0!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{left:auto;right:100%;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:10.28571429rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:15.42857143rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5em;height:.5em;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);background:#fff;z-index:2}.ui.pointing.dropdown>.menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto!important;right:1em!important;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto!important;right:100%!important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto!important;bottom:100%!important;margin:0 0 .78571429rem;border-radius:.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100%!important;bottom:auto!important;box-shadow:1px 1px 0 0 rgba(34,36,38,.15);margin:-.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0d9"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0da"}/*! + * # Semantic UI 2.2.11 - Transition + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */.transition{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animating.transition{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible!important}.loading.transition{position:absolute;top:-99999px;left:-99999px}.hidden.transition{display:none;visibility:hidden}.visible.transition{display:block!important;visibility:visible!important}.disabled.transition{-webkit-animation-play-state:paused;animation-play-state:paused}.looping.transition{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.transition.browse{-webkit-animation-duration:.5s;animation-duration:.5s}.transition.browse.in{-webkit-animation-name:browseIn;animation-name:browseIn}.transition.browse.left.out,.transition.browse.out{-webkit-animation-name:browseOutLeft;animation-name:browseOutLeft}.transition.browse.right.out{-webkit-animation-name:browseOutRight;animation-name:browseOutRight}@-webkit-keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@-webkit-keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@-webkit-keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}.drop.transition{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.34,1.61,.7,1);animation-timing-function:cubic-bezier(.34,1.61,.7,1)}.drop.transition.in{-webkit-animation-name:dropIn;animation-name:dropIn}.drop.transition.out{-webkit-animation-name:dropOut;animation-name:dropOut}@-webkit-keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.transition.fade.in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.transition[class*="fade up"].in{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.transition[class*="fade down"].in{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.transition[class*="fade left"].in{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.transition[class*="fade right"].in{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.transition.fade.out{-webkit-animation-name:fadeOut;animation-name:fadeOut}.transition[class*="fade up"].out{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.transition[class*="fade down"].out{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}.transition[class*="fade left"].out{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.transition[class*="fade right"].out{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}.flip.transition.in,.flip.transition.out{-webkit-animation-duration:.6s;animation-duration:.6s}.horizontal.flip.transition.in{-webkit-animation-name:horizontalFlipIn;animation-name:horizontalFlipIn}.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlipOut;animation-name:horizontalFlipOut}.vertical.flip.transition.in{-webkit-animation-name:verticalFlipIn;animation-name:verticalFlipIn}.vertical.flip.transition.out{-webkit-animation-name:verticalFlipOut;animation-name:verticalFlipOut}@-webkit-keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@-webkit-keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@-webkit-keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@-webkit-keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}@keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}.scale.transition.in{-webkit-animation-name:scaleIn;animation-name:scaleIn}.scale.transition.out{-webkit-animation-name:scaleOut;animation-name:scaleOut}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.transition.fly{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.transition.fly.in{-webkit-animation-name:flyIn;animation-name:flyIn}.transition[class*="fly up"].in{-webkit-animation-name:flyInUp;animation-name:flyInUp}.transition[class*="fly down"].in{-webkit-animation-name:flyInDown;animation-name:flyInDown}.transition[class*="fly left"].in{-webkit-animation-name:flyInLeft;animation-name:flyInLeft}.transition[class*="fly right"].in{-webkit-animation-name:flyInRight;animation-name:flyInRight}.transition.fly.out{-webkit-animation-name:flyOut;animation-name:flyOut}.transition[class*="fly up"].out{-webkit-animation-name:flyOutUp;animation-name:flyOutUp}.transition[class*="fly down"].out{-webkit-animation-name:flyOutDown;animation-name:flyOutDown}.transition[class*="fly left"].out{-webkit-animation-name:flyOutLeft;animation-name:flyOutLeft}.transition[class*="fly right"].out{-webkit-animation-name:flyOutRight;animation-name:flyOutRight}@-webkit-keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.transition.slide.in,.transition[class*="slide down"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center left;transform-origin:center left}.transition.slide.out,.transition[class*="slide down"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}.transition.swing{-webkit-animation-duration:.8s;animation-duration:.8s}.transition[class*="swing down"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center left;transform-origin:center left}.transition.swing.out,.transition[class*="swing down"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@-webkit-keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@-webkit-keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}@keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}.flash.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:flash;animation-name:flash}.shake.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:shake;animation-name:shake}.bounce.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:bounce;animation-name:bounce}.tada.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:tada;animation-name:tada}.pulse.transition{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:pulse;animation-name:pulse}.jiggle.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:jiggle;animation-name:jiggle}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} +*{ + box-sizing: border-box; + -o-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border: none; + margin: 0; + padding: 0; + line-height:1.5em; +} + +html, body{ + height:100%; +} + +body{ + background:#fff; + font-family: arial, helvetica, sans-serif; + color:#333333; + flex-direction:column; + min-height:100%; + overflow-y:scroll; +} + +input, submit, select, textarea, button{ + font-size:inherit; +} + +ul, ol{ + list-style-type:none; +} + +a{ + color:inherit; + text-decoration:inherit; +} + +a:hover{ + cursor:pointer; +} + +h1{ + display:block; + font-size:1.6em; + margin-bottom: 20px; +} + +@font-face { + font-family: 'longmaneltdict'; + src:url(/external/fonts/longmaneltdict.eot?version=1.1.47); + src:url(/external/fonts/longmaneltdict.eot?version=1.1.47) format('embedded-opentype'), + url(/external/fonts/longmaneltdict.ttf?version=1.1.47) format('truetype'), + url(/external/fonts/longmaneltdict.woff?version=1.1.47) format('woff'); + font-weight: normal; + font-style: normal; +} + +/* transition */ + +a{ + -webkit-transition: color 0.5s, background-color 0.5s; + transition: color 0.5s, background-color 0.5s; +} + +/* end */ + +/* shadow */ + +.csm, +.inputSuggestions{ + -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); +} + +/* end */ + +/* header */ + +div.header{ + background:#314089; + position: relative; +} + +.home .logo { + width: 100%; +} + +.logo{ + opacity:1; + vertical-align:middle; +} + +.home .logo_link { + vertical-align:middle; + width: 25%; +} + + +.logo_link{ + display:inline-block; + margin-left: 40px; +} + +.search-input-container{ + overflow: hidden; + vertical-align: middle; +} + +.csl, +.search_input{ + vertical-align:middle; + outline: none; +} + +.search_input{ + font-size: 16px!important; + background:none; + color:#000; + padding: 1em 0em 1em 0.5em; + width: 100%; + -webkit-appearance: none; /*Safari*/ +} + +.search_input::-webkit-input-placeholder{ + color: #333333; + font-size: 1.05em; +} + +.search_form{ + display: inline-block; + border-radius:5px; + background: rgba(255, 255, 255, 1); + margin: 30px 50px; + vertical-align:middle; + width: 45%; + height: 56px; +} + +.header_version { + color: white; + display: inline-block; + font-size: 13px; + margin-top: 30px; + font-weight: 300; + position: absolute; + right: 45px; + text-align: right; +} + +/* Override Semantic UI Lib */ +.ui.selection.dropdown.custom-select-label-container { + border: none; + border-radius: 0; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + min-width: initial; + background: #dedddd; + padding: 16px 8px; +} + +.ui.selection.dropdown .menu { + min-width: 0; + width: 181px; + border: 0; + margin: 0; +} +.ui.selection.dropdown .menu>.item { + white-space: nowrap; +} + +.ui.dropdown.selection.custom-select-label-container { + height: 56px; + cursor: pointer; + float: left; + width: 181px; + display: inline-flex; + align-items: center; + justify-content: space-between; +} + +.dropdown-icon { + vertical-align: middle; + width: 1em; + text-align: center; +} + +.res_hos { + padding-left: 5px; +} + +.custom-select-menu { + display: none; + z-index: 2; + position: absolute; + background: #fff; + box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); + border: solid 1px #ddd; + border-top: none; + left: 0; + max-height: none!important; +} + +.custom-select-menu a{ + display: block; + padding: 5px 19px; +} + +.custom-select-menu a:hover{ + background: #ddd; +} + +.header_version .fa-globe { + font-size: 1.5em; + vertical-align: middle; + margin-right: 5px; +} + +.version_selector { + cursor: pointer; +} + +.version_selector .curr_version { + margin-right: 5px; +} + +.version_selector .other_versions { + display: none; + border: thin solid white; + padding: 5px; + text-align: center; + color: black; + background: #fff; + box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); + border: solid 1px #ddd; + z-index: 10; +} + +.version_selector .other_versions a{ + padding: 3px; +} +/* end */ + +/* footer */ + + +.footer .responsive_row div { + float: none; + margin-left: auto; + margin-right: auto; +} + +.footer .responsive_row .grey_part { + background-color: #333333; + text-align: center; + padding: 70px 0; +} + +.footer .share_links, +.footer .links, +.footer .responsive_row .blue_part div { + display: inline-block; + vertical-align: middle; +} + +.footer .share_panel { + margin: 0!important; +} + +.footer .share_panel a{ + color: #333333; + background-color: white; +} + + +.footer .links { + color: white; + font-size: 13px; + text-align: left; + font-weight: 300; + padding-left: 200px; +} + +.footer .links a { + padding: 4px 0; + display: table; +} + +.footer .responsive_row .blue_part { + background-color: #314089; + text-align: center; + padding: 8px 0; +} + +.footer .responsive_row .blue_part div.always_learning, +.footer .responsive_row .blue_part div.pearson { + width: 40%; +} + +.footer .responsive_row .blue_part div.pearson { + padding-left: 195px; + text-align: left; +} + +.footer .responsive_row .blue_part img.always_learning, +.footer .responsive_row .blue_part img.pearson { + vertical-align: middle; +} + +/* end */ + +/* browse */ + +.browse_letters, +.browse_dictionaries { + margin-bottom: 20px; +} + +.browse_dictionaries li{ + margin: 16px 2px; +} + +.browse_dictionaries li a{ + padding: 8px 20px; +} + +.browse_letters li{ + display:inline-block; +} + +.browse_letters li a{ + display:inline-block; + padding:1em; +} + +.browse_letters li a:hover{ + background:#222; + color:#eee; + display:inline-block; +} + +.browse_groups, +.browse_results{ + list-style:disc outside; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + margin-bottom: 20px; +} + +.browse_groups li, +.browse_results li{ + margin-left: 20px; + padding:0.5em; +} + +.browse_groups li a, +.browse_results li a{ + padding:0px 2px; +} + +.browse_groups li a:hover, +.browse_dictionaries li a:hover, +.browse_results li a:hover{ + background:#222; + color:#eee; +} + +.browse_groups li a .head{ + display:inline; +} + +.browse_results .pos, +.browse_panel .pos, +.searches .pos{ + font-size:0.8em; + font-style:italic; + vertical-align:top; +} + +.browse_panel{ + margin-top: 20px; + padding:20px; + background:rgba(0, 0, 0, 0.1); +} + +.browse_panel a{ + display:block; + padding:8px 20px; +} + +.browse_panel a:hover, +.browse_panel a.current{ + color:#ccc; + background-color:#333; +} + +.browse_panel a[class=seeAllResults], +.browse_panel a[class=seeAllTopics] { + text-decoration: underline; +} + +.browse_panel ul li pos, +.content .searches li pos { + font-variant:small-caps; + text-transform:lowercase; + font-size: 0.8em; +} +/* end */ + +/* search results & did you mean */ + +.searches, +.didyoumean{ + list-style:disc outside; + -webkit-column-count: 1; + -moz-column-count: 1; + column-count: 1; + margin-bottom: 10px; + list-style: none; +} + +.searches li, +.didyoumean li { + padding: 0.5em; + background: aliceblue; + margin-bottom: 5px; +} + +.searches li a, +.didyoumean li a { + font-weight: bold; +} + +.searches li a pos{ + font-weight: normal; +} + +.searches li a:hover, +.didyoumean li a:hover{ + text-decoration: underline; +} + +.searches li sup { + vertical-align: top; + font-size: 0.8em; +} + +.search_word { + color : #364395; +} + +/* end */ + +/* topic cloud */ +.cloud { + margin-bottom: 10px; +} +.cloud li { + display:inline-block; +} + +/* end */ + +.content{ + position:relative; + flex:1 0 auto; + min-height: 500px; +} + +.message{ + position:absolute; + display:flex; + align-items:center; + justify-content:center; + text-align:center; + height:100%; + width:100%; +} + +/* custom selector */ + +.csl{ + font-size:19.2px; + background-color: white; + -webkit-transform:rotateY(180deg); + -moz-transform:rotateY(180deg); + -o-transform:rotateY(180deg); + -ms-transform:rotateY(180deg); + float: right; + padding: 12px; + margin: 2px; + cursor: pointer; +} + +.csl .fa-search { + font-weight: bold; + color: lightgrey; +} + +.csm{ + position:absolute; + z-index:10; +} + +.csm a{ + display:block; + padding:10px 20px; + background:#ccc; +} + +.csm a:hover, +.csm a.current{ + color:#ccc; + background-color:#333; +} + +/* end */ + +/* autocomplete */ + +.inputSuggestions{ + font-size: 16px; + z-index: 10; + position: absolute; +} + +.inputSuggestions a{ + display:block; + padding:10px 20px; + background:#ccc; +} + +.inputSuggestions a.footerLink{ + background:#aaa; +} + +.inputSuggestions a:hover, +.inputSuggestions a.current{ + color:#ccc; + background-color:#333; +} + +/* end */ + +/* share panel */ +.share_panel a{ + margin:0 10px; + color: white; + border-radius: 50%; + height: 50px; + width: 50px; + text-align: center; + line-height: 1.5em; +} +.right_col .share_panel .share_panel_facebook { + background: #3b5998; +} +.right_col .share_panel .share_panel_twitter { + background: #55acee; +} +.right_col .share_panel .share_panel_google { + background: #dc4e41; +} +/* end */ + +/* entry content */ + +.entry_content, +.page_content, +.error_content { + margin: 28px 50px 20px 50px; +} + +.EXAMPLE{ + color:#778899; + margin-left:20px; +} + +.entry_content .dictionary .defRef{ + border-bottom: thin dotted gray; +} + +/* end */ + +/* error content */ + +.error_content p a { + text-decoration: underline; +} + +/* end */ + +/* about page */ + +.aboutlist{ + list-style-type: disc; +} + +.aboutlist li{ + margin-left: 20px; +} +.aboutlist li a{ + text-decoration: underline; +} + +.browse_dictionaries, +.browse_letters, +.aboutText, +.howtouseText{ + margin-bottom: 10px; +} + +/* end */ + +/* how to use page */ + +.howtouseText .howtouseP{ + margin-bottom: 20px; + max-width: 1000px; +} + +.howtouseText .howtouseP a{ + text-decoration: underline; +} + +.howtouse_image{ + float: none!important; + margin-bottom: 30px; +} + +.howtouseText #consonants { + float: left; + margin-right: 10px; + margin-bottom: 10px; +} + +.howtouseText #vowels { + margin-bottom: 10px; +} + +/* end */.content .ENTRY .POSGR{ + margin-top:2em; +} + +.content .ENTRY .SENSE{ + margin-top:1em; +} + +.content .ENTRY .EXAS{ + margin-left:1em; +} + +.content .ENTRY .EXACNT .attr-type{ + display:inline-block; + margin-right:2em; +} + +.content .ENTRY .EXACNT .attr-type:before{ + content:"["; +} + +.content .ENTRY .EXACNT .attr-type:after{ + content:"]"; +} + +.content .ENTRY .EXA{ + font-style:italic; +} + +.content .ENTRY .EXA:before{ + content:"'"; +} + +.content .ENTRY .EXA:after{ + content:"'"; +} + +.content img{ + float: right; + width: 30%; +} + +.content .speaker:hover{ + cursor: pointer; +} + +.content td{ + padding-right: 2px; +} + +.home .content { + margin: 0; +} + +.home .content .home_content { + margin: 0 auto 60px auto; +} + +.home .content .text_welcome { + margin: 0 auto 0px; + text-align: center; + width: 80%; +} + +.home .content .text_welcome h1 { + font-size: 1.8em; + margin-bottom: 0px; +} + +.home_welcome_jap, +.home_welcome_spanish, +.home_welcome_korean { + color: red; + cursor: pointer; +} + +.home .content .cols { + text-align: center; +} + +.home .content .left_col, +.home .content .middle_col, +.home .content .right_col { + display: inline-block; + vertical-align: top; + text-align: left; +} + +.home .content .box, +.responsive_cell2 .right_col .box { + padding: 20px; +} + +.home .content .grey_box { + border: 1px solid lightgray; + margin: 20px 20px 0 0; + height: 270px; +} + +.responsive_cell2 .right_col .grey_box { + border: 1px solid lightgray; + margin: 20px 20px 0 0; +} + +.home .content .left_box { + width: 280px; +} + +.responsive_cell2 .right_col .wotd, +.responsive_cell2 .right_col #iotd { + width: 300px; +} + +.home .content div.box_title, +.responsive_cell2 .right_col div.box_title { + margin-bottom: 10px; +} + +.home .content .left_box.wotd .box_title { + margin: 0; +} + +.home .content span.box_title, +.responsive_cell2 .right_col span.box_title { + color: white; + padding: 0 20px 2px 7px; +} + +.home .content .box, +.responsive_cell2 .right_col .wotd { + overflow-y: auto; +} + +.home .content .wotd .box_title, +.responsive_cell2 .right_col .wotd .box_title { + background-color: red; +} + +.home .content .left_box .title_entry, +.responsive_cell2 .right_col .left_box .title_entry { + font-size: 2em; + font-weight: bold; + letter-spacing: -1px; + display: inherit; +} + +#wotdlej .phr { + font-weight: bold; +} + +#wotdlej .jap, +#wotdlej .exa { + display: block; +} + +#tcotw ul li { + display: inline; +} +.home .content .ldoceEntry .Sense { + margin: 0; +} + +.home .content li, +.home .content span.view_more { + font-weight: bold; +} + +.home .content li { + color: black; +} + +.home .content span.view_more { + color: blue; +} + +.home .content div.view_more { + margin-left: 20px; +} + +.home .content .middle_box { + width: 360px; +} + +.home .content #hot_topics_title { + font-size: 1.3em; + font-weight: bold; + color: #000; + background-color: #e5e5e5; + padding: 2px 20px 2px 7px; + margin-bottom: 20px; + display: inline-block; +} + +.home .content .middle_box ul { + text-align: center; + font-size: 1.2em; +} + +.home .content .middle_box ul li { + display: inline-block; +} + +.home #tcotw .topic_1 { + font-size: 1.5em; + color: #2B6EFF; +} +.home #tcotw .topic_2 { + color: #B7BFCC; + font-size: 1.5em; +} +.home #tcotw .topic_3 { + color: #EC0F8C; + font-size: 1.2em; +} +.home #tcotw .topic_4 { + color: #FF801A; + font-size: 1.2em; +} +.home #tcotw .topic_5 { + color: #00A9FF; +} +.home #tcotw .topic_6 { + color: #FFC300; +} +.home #tcotw .topic_7 { + color: #74AFAD; + font-size: 0.9em; +} +.home #tcotw .topic_8 { + color: #A51890; + font-size: 0.9em; +} +.home #tcotw .topic_9 { + color: #2ECC40; + font-size: 0.75em; +} +.home #tcotw .topic_10 { + color: #FF3333; + font-size: 0.75em; +} + +.home #hot_topics .topic_1 { + color: #2B6EFF; +} +.home #hot_topics .topic_2 { + color: #B7BFCC; +} +.home #hot_topics .topic_3 { + color: #EC0F8C; +} +.home #hot_topics .topic_4 { + color: #FF801A; + font-size: 1.5em; +} +.home #hot_topics .topic_5 { + color: #00A9FF; + font-size: 0.75em; +} +.home #hot_topics .topic_6 { + color: #FFC300; + font-size: 0.9em; +} +.home #hot_topics .topic_7 { + color: #74AFAD; +} +.home #hot_topics .topic_8 { + color: #A51890; +} +.home #hot_topics .topic_9 { + color: #2ECC40; +} +.home #hot_topics .topic_10 { + color: #FF3333; + font-size: 1.2em; +} + +.topic .content .topic_1 { + color: #2B6EFF; +} +.topic .content .topic_2 { + color: #B7BFCC; +} +.topic .content .topic_3 { + color: #EC0F8C; +} +.topic .content .topic_4 { + font-size: 1.5em; + color: #FF801A; +} +.topic .content .topic_5 { + font-size: 0.9em; + color: #00A9FF; +} +.topic .content .topic_6 { + font-size: 1.1em; + color: #FFC300; +} +.topic .content .topic_7 { + color: #74AFAD; +} +.topic .content .topic_8 { + color: #A51890; +} +.topic .content .topic_9 { + color: #2ECC40; +} +.topic .content .topic_10 { + font-size: 1.2em; + color: #FF3333; +} + +.home .content #pictures_title, +.responsive_cell2 .right_col #pictures_title { + background-color: #35a3ff; +} + +.home .content #tcotw span.box_title { + background-color: #f1d600; +} + +.home .content .right_col { + margin-top: 20px; +} + +.responsive_cell2 .right_col { + margin-top: 200px; + margin-bottom: 20px; + width: 300px; +} + +.home .content .right_box, +.home .content .right_box .hover { + height: 180px; + width: 180px; +} +.home .content .right_box { + margin-bottom: 10px; + background-color: #fae660; + text-align: center; + cursor: pointer; + padding: 10px; + position: relative; +} + +.home .content .right_box .symbols { + font-size: 5em; + font-family: 'longmaneltdict'; + margin-top: 15px; +} + +.home .content .right_box .meanings:before { + content: "\e616"; +} + +.home .content .right_box .corpus:before { + content: "\e613"; +} +.home .content .right_box .def:before { + content: "\e610"; +} + +.home .content .right_box .hover { + display: none; + background-color: rgba(0,0,0,0.85); + position: absolute; + top: 0; + left: 0; + padding: 10px; + text-align: left; +} + +.home .content .right_box:hover .hover { + display: block; +} + +.home .content .right_box .hover div { + color: #fae660; + margin-bottom: 5px; +} + +.home .content .right_box .hover li { + color: white; + font-weight: 300; + font-size: 0.7em; +} + +.home .content .right_box .hover li:before { + content: "+"; + margin-right: 4px; + color: #fae660; +} + +.home .content .pictures, +.responsive_cell2 .right_col #iotd .pictures { + border-top: 1px dotted; + border-bottom: 1px dotted; + border-left: 0; /* EDGE */ + border-right: 0; /* EDGE */ + margin: 10px 0; + border-image: radial-gradient(black, white); + -webkit-border-image: radial-gradient(black, white); + border-image-slice: 1; +} + +.home .content .pictures img, +.responsive_cell2 .right_col #iotd .pictures img { + text-align: center; + margin: 5px 10px; + max-width: 36%; + max-height: 36%; + float: none; +} + +.home .content .carousel { + background-color: #dedddd; + text-align: center; + padding: 40px 0 30px; + float: none; +} + +.home .content .fa { + font-size: 6em; + color: #9e9d9e; + cursor: pointer; +} + +.home .content .fa-angle-left { + margin-right: 8%; +} + +.home .content .fa-angle-right { + margin-left: 8%; +} + +.home .content .carousel img { + width: 130px; +} + +.home .content .carousel .parts, +.home .content .carousel .right_content, +.home .content .carousel .part_icon { + display: inline-block; +} + +.home .content .carousel .parts, +.home .content .fa { + vertical-align: middle; +} + +.home .content .carousel .parts { + width: 310px; +} + +.home .content .carousel .part1, +.home .content .carousel .part3 { + margin-right: 40px; +} + +.home .content .carousel .part3, +.home .content .carousel .part4 { + display: none; +} + +.home .content .dict_title, +.home .content .carousel .right_content { + text-align: left; +} + +.home .content .carousel .right_content { + vertical-align: top; + margin-top: 5px; + margin-left: 10px; +} + +.home .content .dict_title { + font-weight: bold; + margin-bottom: 40px; + font-size: 0.95em; +} + +.home .content .carousel .part_icon { + text-align: center; + margin: 0 10px 20px 13px; + word-break: keep-all; +} + +.home .content .carousel .little_text { + font-size: 0.8em; + font-weight: bold; +} + +.home .content .carousel .icon { + width: 20px; + height: 20px; +} + +.home .content .more_info { + background-color: #314089; + color: white; + padding: 8px 30px; + border-radius: 30px; + display: table; +}.responsive_row{ + clear:both; +} + +.responsive_row:before, +.responsive_row:after{ + display:table; + content:""; + clear:both; +} + + .responsive_cell1{ + width:10%; + } + .responsive_cell2{ + width:20%; + } + .responsive_cell3{ + width:30%; + } + .responsive_cell4{ + width:40%; + } + .responsive_cell5{ + width:50%; + } + .responsive_cell6{ + width:60%; + } + .responsive_cell7{ + width:70%; + } + .responsive_cell8{ + width:80%; + } + .responsive_cell9{ + width:90%; + } + .responsive_cell10{ + width:100%; + } + +[class*="responsive_cell"]{ + float:left; +} + +.content h1.pagetitle, +.content h1.topicpagetitle { + margin-bottom: 20px; +} + +.topicCloud { + margin-bottom: 20px; +} + +#ad_topslot.am-home { + margin: 15px 0; + text-align: center; +} + +#ad_topslot.am-default { + margin: 15px 0 0 0; +} + +#ad_btmslot.am-default { + text-align: center; +} + +#ad_rightslot.am-default { + margin: 15px 0; +} + +.contentslot { + width: 100%; + min-width: 320px; + margin: 0 auto; +} + +/* mobile - low resolutions */ +@media screen and (max-width: 370px) { + .search_form { + width: 66%!important; + } +} + +@media screen and (max-width: 332px) { + .Sense .contentslot { + margin-left: -30px; + } + .assetlink .contentslot, + .Tail .contentslot { + margin-left: -10px; + } +} + +/* mobile */ + +@media screen and (max-width: 761px){ + .res_hos{ + display: none!important; + } + + .dropdown-icon { + margin-top: 4px; + } + + .ui.dropdown.selection.custom-select-label-container { + width: 30px; + } + + .inputSuggestions{ + left: 30px; + } + + [class*="responsive_cell"]{ + float:none; + width:auto; + } + + .csl{ + padding: 12px 0px 12px 12px; + margin:5px 0px 5px 5px; + font-size:1em; + } + + .responsive_hide_on_smartphone, + .responsive_hide_on_smartphone_tablet{ + display:none!important; + } + + .header { + height: 116px; + min-width: 300px; + } + .logo, .home .logo { + width: 69px; + } + + .logo_link, .home .logo_link { + width: 69px; + margin: 10px; + } + + .header_version { + margin-top: 10px; + right: 10px; + } + + h1{ + font-size:1.6em; + margin-top: 5px; + } + + .searches, + .browse_groups, + .browse_results, + .didyoumean { + list-style:disc outside; + -webkit-column-count: 1; + -moz-column-count: 1; + column-count: 1; + margin-bottom: 15px; + } + + .search_form { + width: 73%; + margin: 0px 0px 10px 0px; + vertical-align: bottom; + + } + + .content{ + min-height: 200px; + margin-bottom: 20px; + } + + .content img{ + clear: both; + width: 100%; + display: block; + margin-left: auto; + margin-right: auto + } + + .responsive_cell2 .right_col #iotd .pictures img { + display: inline; + } + + .entry_content, + .page_content, + .error_content { + margin: 15px 10px 10px 10px; + } + + .content h1.pagetitle, + .content h1.topicpagetitle, + .dictionary, + .topicCloud { + margin-bottom: 10px; + } + + .dictionary_intro, + .topic_intro { + margin:5px 0 10px 0px!important + } + + + .home .content .text_welcome h1 { + font-size: 1em; + } + + .home .content .text_welcome { + width: 90%; + } + + .home .content .middle_box, + .home .content .left_box { + width: 100%; + height: auto; + } + + .home .content .pictures { + text-align: center; + } + + .home .content .pictures img { + display: inline-block; + text-align: center; + } + + .home .content .right_box, + .home .content .right_box .hover { + height: 280px; + width: 280px; + } + + .home .content .right_box { + padding: 30px; + } + + .home .content .right_box .hover div { + font-size: 1.3em; + } + + .home .content .right_box .hover li { + font-size: 1em; + } + + .home .content .fa-angle-right { + margin-left: 2%; + font-size: 3em; + } + + .home .content .fa-angle-left { + margin-right: 2%; + font-size: 3em; + } + + .responsive_cell2 .right_col { + margin-right: auto; + margin-left: auto; + margin-top: 20px; + } + + .footer, + .home .content .fa { + display:block; + } + + .footer .links, + .footer .responsive_row .blue_part div.pearson { + padding: 0; + } + + .home .content .carousel .part1, + .home .content .carousel .part3 { + margin: 0; + } + + .footer .share_links { + margin-bottom: 30px; + } + + .footer .responsive_row .blue_part div { + margin-left: auto; + margin-right: auto; + display: inline; + } + + #ad_topslot.am-default { + margin: 5px 0; + text-align: center; + } + + .pos:before { + content: ''; + display: block; + } +} + +/* tablet */ + +@media screen and (min-width: 762px) and (max-width: 947px){ + + .res_hos{ + display: none!important; + } + + .ui.dropdown.selection.custom-select-label-container { + width: 30px; + } + + .dropdown-icon { + margin-top: 4px; + } + + .custom-select-label-container{ + width: 30px; + } + + .inputSuggestions{ + left: 30px; + } + + .responsive_hide_on_smartphone_tablet { + display: none; + } + + .content{ + margin: 0 0 30px 0; + min-height: 500px; + } + + .content img{ + width: 50%; + } + + .responsive_cell2 .right_col #iotd .pictures img { + display: inline; + } + + h1 { + margin-bottom: 10px; + } + + .content h1.pagetitle, + .content h1.topicpagetitle { + margin-bottom: 10px; + } + .responsive_cell6 { + width: 59%; + } + + .logo, .home .logo { + width: 100%; + } + + .logo_link, .home .logo_link { + width: 25%; + } + + .entry_content, + .page_content, + .error_content { + margin: 20px 20px 10px 20px; + } + + .searches, + .browse_groups, + .browse_results, + .didyoumean { + list-style:disc outside; + -webkit-column-count: 1; + -moz-column-count: 1; + column-count: 1; + margin-bottom: 10px; + } + + .search_form{ + margin: 30px 40px; + } + + .home .content .text_welcome h1 { + font-size: 1em; + } + + .home .content .fa-angle-right { + margin-left: 2%; + font-size: 3em; + } + + .home .content .fa-angle-left { + margin-right: 2%; + font-size: 3em; + } + + #ad_topslot.am-default { + margin: 15px 0 0 15px; + } + + .responsive_cell2 .right_col { + margin-top: 180px; + } + + .footer .links { + padding-left: 100px; + } + + .home .logo_link { + margin: 1% 0% 7% 6%; + } + + .ac_leftslot { + display: none !important; + } +} + +@media screen and (min-width: 762px){ + .responsive_hide_on_non_smartphone{ + display:none; + } +} + +/* Desktop */ + +@media screen and (min-width: 948px){ + + #ad_leftslot_container { + width: 160px; + float: left; + margin: 125px 0 15px 15px; + } + + .ac_leftslot.sticky { + position: absolute; + top: 125px; + left: 10px; + } + + .ac_leftslot.sticky #ad_leftslot { + position: static; + } + + .home .logo_link { + margin: 1% 3% 7% 6%; + } +} + +/* Small desktop screen */ + +@media screen and (min-width: 948px) and (max-width: 1224px){ + + .entry_content, + .page_content, + .error_content { + margin: 28px 20px 20px 20px; + } + + .content .responsive_cell2.left_col { + width: 10%; + } + + .responsive_cell6 { + width: 48%; + } + + .browse_groups, + .browse_results { + list-style:disc outside; + -webkit-column-count: 1; + -moz-column-count: 1; + column-count: 1; + } + + .footer .links { + padding-left: 100px; + } +} +/**** FREEONLINE****/ +.page { + font-family : arial, helvetica, sans-serif; + font-size : 12pt; + display : block; +} + +.pagetitle, +h1.topicpagetitle { + font-size : 1.6em; + font-weight : bold; +} + +.topicpagetitle a{ + font-style: italic; +} + +.topicpagetitle a:hover{ + color: #314089; +} + +.metadata, +.metadata { + color : magenta; + display : none; +} + +.infls, +.description, +.title, +.url, +.summary, +.og, +.infls, +.description, +.title, +.url, +.summary, +.og { + display : block; +} + +.infls:before, +.infls:before { + content : 'inflections: '; +} + +.description:before, +.description:before { + content : 'description: '; +} + +.summary:before, +.summary:before { + content : 'summary: '; +} + +.title:before, +.title:before { + content : 'title: '; +} + +.exaGroup .title:before, +.exaGroup .title:before { + content : ''; +} + +.Crossrefto { + color : blue; + font-weight:bold +} + +.suppressed { + display : none; +} + +.og .title:before, +.og .title:before { + content : 'og.title: '; +} + +.url:before { + content : 'url: '; +} + +.og .url:before, +.og .url:before { + content : 'og.url: '; +} + +.assetref, +.assetref { + display : block; +} + +.assettype { + font-weight : bold; + color : #364395; +} + +.dictentry { + display : block; + margin-bottom : 25px; +} + +.dictionary_intro, +.topic_intro { + display : block; + background-color:#35a3ff; + color:#fff; + padding-left:10px; + margin:5px 0 10px -7px +} +.assets_intro, +.asset_intro { + border : solid 1px ; + border-color : #f1d600; + background-color:#f1d600; + color : #fff; + font-weight:normal; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + padding-left : 3px; + padding-right : 3px; +} + +.right_col .yellow_box { + margin-bottom: 10px; + display: inline-block; +} + +.yellow_box { + margin-top: 22px; +} + +/***** LDOCE ***************************/ +.ldoceEntry .Entry +{ + font-size : 12pt; + text-align : justify; + display : block; + margin-top : 8px; +} + +.ldoceEntry .Thesref { + color : #364395; +} + + +.ldoceEntry .ABBR +{ + font-weight : bold; +} + +.ldoceEntry .ACTIV +{ + display : none; +} + +.ldoceEntry .AMEQUIV +{ + font-weight : bold; +} + +.ldoceEntry .BOX +{ + display : none; +} + +.ldoceEntry .BREQUIV +{ + font-weight : bold; +} + +.ldoceEntry .COLLO +{ + font-weight : bold; + margin-left : 20px; +} + +.ldoceEntry .ColloExa +{ + display : block; +} + +.ldoceEntry .COLLOINEXA +{ + font-weight : bold; +} + +.ldoceEntry .COMMENT +{ + display : none; +} + +.ldoceEntry .COMP +{ + font-weight : bold; +} + +.ldoceEntry .Crossrefto +{ + font-weight : bold; + font-size : 120%; +} + +.ldoceEntry .DERIV +{ + font-weight : bold; + font-size : 120%; +} + +.ldoceEntry .Entry +{ + font-size : 11pt; + text-align : justify; +} + +.ldoceEntry .ErrorBox +{ + display : block; +} + +.ldoceEntry .EXAMPLE +{ + display : block; + margin-left : 20px; + color : gray; +} + + +.ldoceEntry .FIELD +{ + display : none; +} + +.ldoceEntry .AC, +.ldoceEntry .synopp { + color : #fff; + border-color: #f1d600; + background-color:#f1d600; +} + +.ldoceEntry .FREQ +{ + color : red; + border-color : red; +} + +.ldoceEntry .LEVEL +{ + color : red; + font-size : 120%; +} + +.ldoceEntry .FULLFORM +{ + font-weight : bold; +} + +.ldoceEntry .GEO, +.ldoceEntry .geo +{ + font-weight : normal; + color : #364395; +} + +.ldoceEntry .GLOSS +{ + color : #364395; + font-weight : normal; + font-style : normal; +} + +.ldoceEntry .GRAM, +.bussdictEntry .GRAM +{ + color : green; + font-weight:bold; + margin:0 5px 10px 3px +} + +.ldoceEntry .GramExa +{ + display : block; +} + +.ldoceEntry .HINTBOLD +{ + font-weight : bold; +} + +.ldoceEntry .HINTITALIC +{ + font-style : italic; +} + +.ldoceEntry .HINTTITLE +{ + font-weight : bold; +} + +.ldoceEntry .frequent .HOMNUM { + vertical-align : super; + font-size : 12pt; + color : red; + font-weight : bold; +} + +.ldoceEntry .frequent .HYPHENATION { + color : red; + font-size : 160%; +} +.ldoceEntry .HOMNUM +{ + vertical-align : super; + font-size : 12pt; + color : red; + font-weight : bold; +} + +.ldoceEntry .HWD +{ + display : none; +} + +.ldoceEntry .HYPHENATION, +.ldoceEntry .PHRVBHWD +{ + font-weight : bold; + font-size : 160%; + color : red; +} + +.ldoceEntry .LEXUNIT, +.ldoceEntry .LEXVAR +{ + font-weight : bold; +} + +.ldoceEntry .LINKWORD +{ + color : #364395; +} + +.ldoceEntry .NOTE, +.ldoceEntry .Noteprompt +{ + display : none; +} + +.ldoceEntry .OBJECT +{ + font-weight : normal; +} + +.ldoceEntry .OPP, +.ldoceEntry .ORTHVAR, +.ldoceEntry .PASTPART, +.ldoceEntry .PASTTENSE +{ + font-weight : bold; +} + +.ldoceEntry .PhrVbEntry +{ + display : block; +} + +.ldoceEntry .PIC, +.ldoceEntry .PICCAL +{ + display : none; +} + +.ldoceEntry .PLURALFORM +{ + font-weight : bold; +} + +.ldoceEntry .POS, +.bussdictEntry .POS +{ + color : green; + font-weight:bold; + margin:0 0 0 10px +} + +.ldoceEntry .PRESPART, +.ldoceEntry .PRESPARTX +{ + font-weight : bold; +} + +.ldoceEntry .PROPFORM +{ + font-weight : bold; + margin-left : 20px; +} + +.ldoceEntry .PROPFORMPREP +{ + font-weight : bold; + margin-left : 20px; +} + +.ldoceEntry .PTandPP, +.ldoceEntry .PTandPPX +{ + font-weight : bold; +} + +.ldoceEntry .REFHOMNUM +{ + vertical-align : super; + font-size : 60%; +} + +.ldoceEntry .REFHWD +{ + font-weight : bold; + font-style : normal; +} + +.ldoceEntry .REFLEX +{ + font-weight : bold; +} + +.ldoceEntry .REGISTERLAB +{ + color : purple; + font-style : italic; +} + +.ldoceEntry .RELATEDWD +{ + font-weight : bold; + color:blue; +} + +.ldoceEntry .RunOn +{ + display : block; + margin-bottom : 10px; +} + +.ldoceEntry .Sense { + display : block; + margin-left : 20px; + margin-bottom : 15px; +} + +.ldoceEntry .SIGNPOST +{ + background-color: #f18500; + color: white; + font-weight: bold; + font-size: 79%; + text-transform: uppercase; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + /* padding-left: 3px; */ + /* padding-right: 3px; */ + padding: 0px 5px; + letter-spacing: 1px; +} + +.ldoceEntry .STRONG +{ + font-style : italic; +} + +.ldoceEntry .Subsense +{ + display : block; + margin-left : 10px; +} + +.ldoceEntry .SUPERL, +.ldoceEntry .SYN, +.ldoceEntry .T3PERSSING, +.ldoceEntry .T3PERSSINGX +{ + font-weight : bold; +} + +.ldoceEntry .UNCLASSIFIED +{ + font-weight : bold; +} + +.ldoceEntry .USAGE +{ + display : none; +} + +.ldoceEntry .GramBox .CROSS .neutral { + color: red; + margin-right: 10px; +} + +.ldoceEntry .neutral +{ + color : black; + font-style : normal; + font-weight : normal; + font-variant : normal; +} + + .ldoceEntry .EXPL .cross, + .ldoceEntry .GramBox .EXPL .dont_say, + .ldoceEntry .BADEXA +{ + color : red; +} + +.ldoceEntry .italic +{ + font-style : italic; + font-weight : normal; +} + +.ldoceEntry .infllab +{ + font-style : italic; + font-weight : normal; +} + +.ldoceEntry .warning +{ + font-style : normal; + font-weight : bold; + color : red; +} + +.ldoceEntry .sensenum +{ + font-style : normal; + font-weight : bold; + color : black; +} + +.ldoceEntry .synopp, +.ldoceEntry .FREQ, +.ldoceEntry .AC +{ + display : inline-block; + font-style : normal; + font-weight : bold; + text-transform : uppercase; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid 1px; + padding-left : 4px; + padding-right : 4px; +} + +.ldoceEntry .ColloBox, +.ldoceEntry .ThesBox, +.ldoceEntry .F2NBox, +.ldoceEntry .GramBox { + display : block; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid #364395 1px; + padding : 15px; + margin : 8px 0; +} + +.GramBox{ + background-color:#fff; + color:#000 +} + +.GramBox .boxheader { + line-height:2em +} + +.ColloBox .heading { + line-height:2em; + margin:0 10px 0 0 +} + +.ThesBox .heading{ + line-height:2em +} + +.ldoceEntry .HEADING, +.ldoceEntry .heading { + font-weight : bold; + font-size : 120%; + color : #364395; +} + +.ldoceEntry .HEADING.newline { + display : block; +} + +.ldoceEntry .SECHEADING, +.ldoceEntry .subheading { + display : table; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid #6f469d 2px; + padding-left : 4px; + padding-right : 20px; + margin:25px 0 10px 0; + font-weight : bold; + color : white; + text-transform : uppercase; + background-color : #6f469d; +} + +.ldoceEntry .Collocate, +.ldoceEntry .Exponent { + display : block; + margin:15px 0 0 6px; +} + +.ldoceEntry .EXPL { + display : block; +} + +.ldoceEntry .COLLOC, +.ldoceEntry .EXP, +.ldoceEntry .EXPR { + font-weight : bold; +} + +.ldoceEntry .keycollo { + font-weight : bold; + color : #364395; +} + +.ldoceEntry .THESPROPFORM { + font-weight : bold; +} + +.ldoceEntry .COLLEXA, +.ldoceEntry .THESEXA { + color : gray; + display : block; +} + + +.ldoceEntry .LearnerItem { + display : block; +} + +.ldoceEntry .GOODCOLLO { + font-style : italic; +} + +.ldoceEntry .BADCOLLO { + text-decoration : line-through; +} + +.ldoceEntry .DEFBOLD { + font-weight : bold; +} + +.ldoceEntry .exafile { + color : gray; + font-style : normal; + font-size : 120%; + padding: 5px; +} + +.ldoceEntry .amefile { + color : #4693db; + font-size : 130%; + padding-left: 5px; +} + +.ldoceEntry .brefile { + color : #fa6360; + font-size : 130%; + padding-left: 5px; +} + + +/***** BUSSDICT ***************************/ +.bussdictEntry .Entry +{ + font-size : 12pt; + text-align : justify; + display : block; + margin-top : 8px; +} + +.bussdictEntry .supp +{ + background-color : gray; +} + +.bussdictEntry .ABBR, +.bussdictEntry .AMEQUIV, +.bussdictEntry .BREQUIV, +.bussdictEntry .COLLO, +.bussdictEntry .COMP +{ + font-weight : bold; +} + +.bussdictEntry .ACTIV, +.bussdictEntry .BOX, +.bussdictEntry .COMMENT +{ + display : none; +} + +.bussdictEntry .ColloExa +{ + display : block; + margin-left : 10px; +} + +.bussdictEntry .COLLOINEXA +{ + font-style : italic; + font-weight : bold; +} + +.bussdictEntry .DERIV +{ + font-weight : bold; + font-size : 120%; +} + +.bussdictEntry .ErrorBox +{ + display : block; +} + +.bussdictEntry .EXAMPLE +{ + display : block; + margin-left : 15px; + color : gray; +} + +.bussdictEntry .FIELD +{ + display : none; +} + +.bussdictEntry .FREQ, +.bussdictEntry .LEVEL +{ + font-weight : bold; + color : red; +} + +.bussdictEntry .FULLFORM +{ + font-weight : bold; +} + +.bussdictEntry .GEO, +span.geo +{ + font-weight : normal; + font-style : italic; + color : #364395; +} + +.bussdictEntry .GLOSS +{ + font-weight : normal; + font-style : normal; + color : #364395; +} + +.bussdictEntry .GramExa +{ + display : block; + margin-left : 10px; +} + +.bussdictEntry .HINTBOLD, +.bussdictEntry .HINTTITLE +{ + font-weight : bold; +} + +.bussdictEntry .HINTITALIC +{ + font-style : italic; +} + +.bussdictEntry .HOMNUM +{ + vertical-align : super; + font-size : 12pt; + font-weight : bold; +} + +.bussdictEntry .HWD +{ + display : none; +} + +.bussdictEntry .HYPHENATION +{ + font-weight : bold; + font-size : 160%; +} + +.bussdictEntry .LEXUNIT, +.bussdictEntry .LEXVAR +{ + font-weight : bold; +} + +.bussdictEntry .LINKWORD +{ + color : #364395; +} + +.bussdictEntry .NOTE, +.bussdictEntry .Noteprompt +{ + display : none; +} + +.bussdictEntry .OBJECT +{ + font-weight : normal; +} + +.bussdictEntry .OPP, +.bussdictEntry .ORTHVAR, +.bussdictEntry .PASTPART, +.bussdictEntry .PASTTENSE +{ + font-weight : bold; +} + +.bussdictEntry .PhrVbEntry +{ + display : block; +} + +.bussdictEntry .PHRVBHWD +{ + font-weight : bold; + color : #364395; + font-size : 120%; +} + +.bussdictEntry .PIC, +.bussdictEntry .PICCAL +{ + display : none; +} + +.bussdictEntry .PLURALFORM +{ + font-weight : bold; +} + +.bussdictEntry .PRESPART, +.bussdictEntry .PRESPARTX, +.bussdictEntry .PROPFORM, +.bussdictEntry .PROPFORMPREP, +.bussdictEntry .PTandPP, +.bussdictEntry .PTandPPX +{ + font-weight : bold; +} + +.bussdictEntry .REFHOMNUM +{ + vertical-align : super; + font-size : 60%; +} + +.bussdictEntry .REFHWD +{ + text-transform : lowercase; + font-style : normal; + font-variant : small-caps; +} + +.bussdictEntry .FIELDXX, +.bussdictEntry .Crossrefto .REFLEX { + display : none; +} + +.bussdictEntry .REFLEX +{ + font-weight : bold; +} + +.bussdictEntry .REGISTERLAB +{ + color : #364395; + font-style : italic; +} + +.bussdictEntry .RELATEDWD +{ + font-weight : bold; +} + +.bussdictEntry .Sense { + display : block; + margin-left : 20px; + margin-bottom : 15px; +} + +.bussdictEntry .SIGNPOST +{ + background-color : gray; + color : white; + font-weight : bold; +} + +.bussdictEntry .STRONG +{ + font-style : italic; +} + +.bussdictEntry .Subsense +{ + display : block; + margin-left : 10px; +} + +.bussdictEntry .SUPERL, +.bussdictEntry .SYN, +.bussdictEntry .T3PERSSING, +.bussdictEntry .T3PERSSINGX, +.bussdictEntry .UNCLASSIFIED +{ + font-weight : bold; +} + +.bussdictEntry .USAGE +{ + display : none; +} + +span.neutral +{ + font-style : normal; + font-weight : normal; + font-variant : normal; +} + +span.italic, +span.infllab +{ + font-style : italic; + font-weight : normal; + font-family : Times New roman; +} + +span.warning +{ + font-style : normal; + font-weight : bold; + color : red; +} + +span.sensenum +{ + font-style : normal; + font-weight : bold; + margin-right : 5px; + margin-left : 3px; + +} + +span.synopp +{ + font-style : normal; + font-weight : bold; + color : darkblue; +} + +.bussdictEntry .ColloBox, +.bussdictEntry .ThesBox, +.bussdictEntry .F2NBox, +.bussdictEntry .GramBox, +.bussdictEntry .UsageBox { + display : block; + border-style : solid; +} + +.bussdictEntry .GramBox.nobox { + display : inline; + border-style : none; + background-color : none; +} + +.bussdictEntry .GramBox.nobox .EXPL { + display : inline; +} + +.bussdictEntry .HEADING, +span.heading, +.bussdictEntry .Gramref { + font-weight : bold; + font-size : 120%; + color : #364395; +} + +.bussdictEntry .gramref { + margin-left : 5px; + margin-right : 5px; +} + +.bussdictEntry .HEADING.newline { + display : block; +} + +.bussdictEntry .SECHEADING, +span.subheading { + display : block; + font-weight : bold; + font-style : italic; + text-decoration : underline; +} + +.bussdictEntry .Collocate.newline, +.bussdictEntry .Exponent, +.bussdictEntry .GramBox .EXPL, +.bussdictEntry .EXPL.newline { + display : block; +} + +.bussdictEntry .Collocate.inline { + display : inline; +} + +.bussdictEntry .COLLOC, +.bussdictEntry .EXP, +.bussdictEntry .EXPR { + font-weight : bold; +} + +.bussdictEntry .COLLOC.key { + color : #364395; +} + +span.keycollo { + font-weight : bold; + color : #364395; +} + +.bussdictEntry .THESPROPFORM { + font-weight : bold; +} + +.bussdictEntry .COLLEXA, +.bussdictEntry .THESEXA, +.bussdictEntry .GOODCOLLO { + font-style : italic; +} + +.bussdictEntry .LearnerItem { + display : block; +} + +.bussdictEntry .BADCOLLO, +.bussdictEntry .BADEXA { + text-decoration : line-through; +} + +.bussdictEntry .DEFBOLD { + font-weight : bold; +} + +.bussdictEntry .CompareWord, +.bussdictEntry .CompareWord, +.bussdictEntry .EXP { + display : block; +} + +.bussdictEntry .UNDERLINE { + text-decoration : underline; +} + +.bussdictEntry .boxheader { + display : block; + background-color : #364395; + color : white; + font-weight : bold; +} + +.bussdictEntry .SubEntry.embedded { + margin-top : -5px; + margin-bottom : 0px; + margin-left : 30px; +} + +.bussdictEntry .SubEntry { + display : block; + margin-top : 2px; + margin-bottom : 2px; + margin-left : 20px; +} + +.bussdictEntry .SubEntry .HWD { + display : inline; + font-weight : bold; + font-size : 120%; + color : #364395; +} + +/****** VERB TABLE *****/ +.verbTable .entry { + margin-bottom : 20px; +} + +.verbTable .lemma { + color : black; + font-size : 120%; + font-weight : bold; + margin:0 0 0 10px; +} + +.verbTable table { + background-color: #fae660; + margin-bottom: 10px; + border-collapse: collapse; + width: 100%; +} + +.verbTable .Simple_Form .aux { + font-weight: bold; +} + +.verbTable td { + padding: 0 10px; +} + +.verbTable td.header { + background-color: #333333; + color : #fff;padding:0 0 0 10px; + font-size : 120%; +} + +.verbTable td.col1 { + color : #333333; + padding:20px 10px 0; + font-weight:bold; + font-size: 14px; + text-decoration:underline +} + +.verbTable td.col2 { + color : gray; + width:150px +} + +.verbTable .view_more, +.verbTable .view_less { + text-align: center; + font-weight: bold; + color: black; + padding: 40px 0 10px; +} + +.verbTable .view_more span, +.verbTable .view_less span { + cursor: pointer; +} + +.verbTable .view_less { + display: none; +} + +.verbTable .next_tenses { + display: none; +} + +.verbTable .geo { + font-style : italic; + color : #000000; + font-size : normal; + font-weight : normal; +} + +.verbTable .aux { + color : black; + font-weight : normal; +} + +.verbTable .verb_form { + color : black; + font-weight : bold; +} + +/***** EXAS ******/ +.exaGroup .exaEntry { + margin-bottom : 20px; + display : block; +} + +.exaGroup .exaGroup { + display : block; + margin-bottom : 20px; +} + +.exaGroup .title { + font-size : 110%; + font-weight : bold; + color : black; + display : block; + margin-left : 5px; + margin-top: 15px; +} + +.exaGroup .exa { + display : block; + color : gray; + margin-left : 15px; +} + +.exaGroup .NodeW { + font-weight : bold; +} + +.asset { + margin-top : 30px; +} +/***** TOPIC ******/ +.Entry .related_topics { + padding: 0 4px 1px 0; + font-size: 16px; + font-family: Tahoma, Arial, Helvetica; + color: #000; +} + +.Entry .topic, +.topicCloud .topic_other{ + color: red; + text-decoration:underline +} + +.Entry .topic:hover, +.topicCloud .topic_other:hover { + color: #4693db; +} +/*** WORD FAMILY ***/ +.pos { + color: green; + font-weight: normal; +} +.wordfams { + font-weight: bold; +} +.wordfams .crossRef, .wordfams .w { + margin: 0 6px; +} +.wordfams .crossRef { + border-bottom: thin dotted gray; +} +/*** ETYM ***/ +.etym .Head { + font-weight: bold; +} +.etym .Head .HOMNUM { + vertical-align: super; + font-size: 12pt; +}/****** CSS TIDY FOR JAPANESE-E***************************/ +/* 4 sections: printing and used tags, */ +/* xslt tags, */ +/* non-printing and used tags and finally */ +/* non-used tags (but in the dtd). */ +/* tags are alphabetically ordered withi each category */ + + +/**************PRINTING TAGS******************/ + +.page { + font-family : arial, helvetica, sans-serif; + font-size : 12pt; + display : block; +} + +.pagetitle { + font-size : 1.6em; + font-weight : bold; +} + +.metadata, +.metadata { + display : none; +} + +.lejEntry +{ + font-size : 12pt; + display : block; + margin-top : 20px; +} + +.lejEntry .GRAMHEAD +{ + font-weight : bold; + display : block; +} + + +/***TYPESPEC:AMEPRON:*****/ +.lejEntry .AMEPRON +{ +} + +/***TYPESPEC:BADEXA:*****/ +.lejEntry .BADEXA +{ + font-style : italic; +} + +/***TYPESPEC:BOOKFILM:*****/ +.lejEntry .BOOKFILM +{ +} + +/***TYPESPEC:BREPRON:*****/ +.lejEntry .BREPRON +{ +} + +/***TYPESPEC:COLL:*****/ +.lejEntry .COLL +{ +} + +/***TYPESPEC:COLLOCEXA:*****/ +.lejEntry .COLLOCEXA +{ +} + +/***TYPESPEC:COLLOCEXATRAN:*****/ +.lejEntry .COLLOCEXATRAN +{ +} + +/***TYPESPEC:COMMENTTRAN:*****/ +.lejEntry .COMMENTTRAN +{ +} + +/***TYPESPEC:COMPOUND:*****/ +.lejEntry .COMPOUND +{ + font-weight : bold; +} + +/***TYPESPEC:DATE:*****/ +.lejEntry .DATE +{ +} + +/***TYPESPEC:DEF:*****/ +.lejEntry .DEF +{ +} + +/***TYPESPEC:ENGEXPR:*****/ +.lejEntry .ENGEXPR +{ + font-weight : bold; +} + +/***TYPESPEC:ENGLISH:*****/ +.lejEntry .ENGLISH +{ + font-weight : bold; +} + +/***TYPESPEC:EXA:*****/ +.lejEntry .exagr { + display : block; + margin-left : 5px; +} +.lejEntry .EXA +{ +} + +.lejEntry .exagr +{ + color : gray; +} + + +/***TYPESPEC:EXATRAN:*****/ +.lejEntry .EXATRAN, +.lejEntry .XEXATRAN +{ + font-style : normal; + display : block; + margin-left : 10px; +} + +/***TYPESPEC:EXP:*****/ +.lejEntry .EXP +{ + font-weight : bold; +} + +/***TYPESPEC:EXPTRAN:*****/ +.lejEntry .EXPTRAN +{ +} + +/***TYPESPEC:F1:*****/ +.lejEntry .F1 +{ + font-weight : bold; +} + +/***TYPESPEC:FFXREF:*****/ +.lejEntry .FFXREF +{ + font-variant : small-caps; +} + +/***TYPESPEC:FULLFORM:*****/ +.lejEntry .FULLFORM +{ + font-weight : bold; + +} + +/***TYPESPEC:FULLFORMTRAN:*****/ +.lejEntry .FULLFORMTRAN +{ +} + +/***TYPESPEC:GEO:*****/ +.lejEntry .GEO +{ + /* font-size : 80%;*/ +} + +/***TYPESPEC:GLOSSTRAN:*****/ +.lejEntry .GLOSSTRAN +{ +} + +/***TYPESPEC:GOODEXA:*****/ +.lejEntry .GOODEXA +{ +} + +/***TYPESPEC:GRAM:*****/ +.lejEntry .GRAM +{ +} + +.lejEntry .Compoundbox .GRAM +{ + color : red; +} + +/***TYPESPEC:HIRAGANA:*****/ +.lejEntry .HIRAGANA +{ + font-weight : bold; +} + +/***TYPESPEC:HOM:*****/ +.lejEntry .HOM +{ + vertical-align : super; + font-size : 12pt; + font-weight : bold; + color : #017fff +} +.lejEntry.freq .HOM +{ + color : red; +} + +/***TYPESPEC:HWD:*****/ +.lejEntry .HYPHENATION +{ + font-size : 160%; + font-weight : bold; + color : #017fff +} + +.lejEntry.freq .HYPHENATION +{ + color : red; +} + +.lejEntry .HWD { + display : none; +} +.lejEntry .RunOn .HWD +{ + font-size : 100%; + font-weight : bold; + display : inline; +} + +/***TYPESPEC:HWDFORM:*****/ +.lejEntry .HWDFORM +{ + font-weight : bold; +} + +/***TYPESPEC:INFL:*****/ +.lejEntry .INFL +{ + font-weight : bold; +} + +/***TYPESPEC:INFLLAB:*****/ +.lejEntry .INFLLAB +{ +} + +/***TYPESPEC:INFLTYPE:*****/ +.lejEntry .INFLTYPE +{ +} + +/***TYPESPEC:LEXUNIT:*****/ +.lejEntry .LEXUNIT +{ + font-weight : bold; +} + +/***TYPESPEC:MENUPHRV:*****/ +.lejEntry .MENUPHRV +{ + font-weight : bold; +} + +/***TYPESPEC:OBJECT:*****/ +.lejEntry .OBJECT +{ + font-weight : normal; +} + +/***TYPESPEC:OPPOSITE:*****/ +.lejEntry .OPPOSITE +{ + font-weight : bold; +} + +/***TYPESPEC:PATTERN:*****/ +.lejEntry .PATTERN +{ + font-weight : bold; +} + +/***TYPESPEC:PATTERNPREP:*****/ +.lejEntry .PATTERNPREP +{ + font-weight : bold; +} + +/***TYPESPEC:PHRVAR:*****/ +.lejEntry .PHRVAR +{ + font-weight : bold; +} + +/***TYPESPEC:PHRVARLAB:*****/ +.lejEntry .PHRVARLAB +{ +} + +/***TYPESPEC:PHRVHWD:*****/ +.lejEntry .PHRVHWD +{ + font-weight : bold; +} + +/***TYPESPEC:PHRVPATT:*****/ +.lejEntry .PHRVPATT +{ + font-weight : bold; +} + +/***TYPESPEC:PHRVPOS:*****/ +.lejEntry .PHRVPOS +{ +} + +/***TYPESPEC:POS:*****/ +.lejEntry .POS +{ +} + +.lejEntry .Phrvbox .POS +{ + display : none; +} + +/***TYPESPEC:PRETRANCOM:*****/ +.lejEntry .PRETRANCOM +{ +} + +/***TYPESPEC:PRONTYPE:*****/ +.lejEntry .PRONTYPE +{ +} + +/***TYPESPEC:REFHOM:*****/ +.lejEntry .REFHOM +{ + vertical-align : super; + font-size : 60%; +} + +/***TYPESPEC:REFHWD:*****/ +.lejEntry .REFHWD +{ +} + +/***TYPESPEC:REFLEX:*****/ +.lejEntry .REFLEX +{ +} + +/***TYPESPEC:REFSENSE:*****/ +.lejEntry .REFSENSE +{ + display : none; +} + +/***TYPESPEC:REFTYPE:*****/ +.lejEntry .REFTYPE +{ +} + +/***TYPESPEC:REGISTER:*****/ +.lejEntry .REGISTER +{ + /* font-size : 80%;*/ +} + +/***TYPESPEC:RELATEDWD:*****/ +.lejEntry .RELATEDWD +{ + font-weight : bold; +} + +/***TYPESPEC:SECEXPLTRAN:*****/ +.lejEntry .SECEXPLTRAN +{ +} + +/***TYPESPEC:SENVAR:*****/ +.lejEntry .SENVAR +{ + font-weight : bold; +} + +/***TYPESPEC:SENVARLAB:*****/ +.lejEntry .SENVARLAB +{ +} + +/***TYPESPEC:SUBJ:*****/ +.lejEntry .SUBJ +{ +} + +/***TYPESPEC:SUBJECT:*****/ +.lejEntry .SUBJECT +{ +} + +/***TYPESPEC:SYNONYM:*****/ +.lejEntry .SYNONYM +{ + font-weight : bold; +} + +/***TYPESPEC:TITLETRAN:*****/ +.lejEntry .TITLETRAN +{ +} + +/***TYPESPEC:TRAN:*****/ +.lejEntry .TRAN +{ +} + +.lejEntry.freq .TRAN.FREQTRAN +{ + color : red; + font-weight : bold; +} + + +/***TYPESPEC:TRANCOM:*****/ +.lejEntry .TRANCOM +{ +} + +/***TYPESPEC:TRANEXPL:*****/ +.lejEntry .TRANEXPL +{ +} + +/***TYPESPEC:TRANGEO:*****/ +.lejEntry .TRANGEO +{ +} + +/***TYPESPEC:USE:*****/ +.lejEntry .USE { + display : block; +} + +/***TYPESPEC:VAR:*****/ +.lejEntry .VAR +{ + font-weight : bold; + color : #017fff +} + +.lejEntry .Head .VAR +{ + font-weight : bold; + font-size : 120%; +} + +.lejEntry.freq .Head .VAR +{ + color : red; +} + +.lejEntry.freq .Wordclass .VAR +{ + color : black; +} + +/***TYPESPEC:VARLAB:*****/ +.lejEntry .VARLAB +{ +} + +/***TYPESPEC:XENGEXPR:*****/ +.lejEntry .XENGEXPR +{ + font-weight : bold; + color : purple; +} + +/********XSLT TAGS*********/ + +div.menu +{ + background-color : #E0E0E0; + margin : 0px 20px; + padding : 4px 4px 4px 4px; +} + + +/********NON-PRINTING************/ +.lejEntry .CULTDEF +{ + display : none; +} +.lejEntry .CATEGORY +{ + display : none; +} + +.lejEntry .COLLINFO +{ + display : none; +} + +.lejEntry .COLLINFOTRAN +{ + display : none; +} + +.lejEntry .COMMENT +{ + color : purple; + font-weight : bold; + display : block; + font-size : 110%; + /* display:none; */ +} + +.lejEntry .ELECTRONIC +{ + display : none; +} + +.lejEntry .ENCYCDEF +{ + display : none; +} + +.lejEntry .ENGDEF +{ + display : none; +} + +.lejEntry .ENGDEFINFO +{ + display : none; +} + +.lejEntry .EXACONTEXT +{ + display : none; +} + +.lejEntry .EXAINFO +{ + display : none; +} + +.lejEntry .GLOSS +{ + color : purple; + /* display:none;*/ +} + +.lejEntry .HWD +{ + display : none; +} + +.lejEntry .LEXUINFO +{ + display : none; +} + +.lejEntry .OBJINFO +{ + display : none; +} + +.lejEntry .OBJINFOTRAN +{ + display : none; +} + +.lejEntry .PATTERNINFO +{ + display : none; +} + +.lejEntry .POSHWD +{ + display : none; +} + +.lejEntry .POSLEXU +{ + display : none; +} + +.lejEntry .POSPHRV +{ + display : none; +} + +.lejEntry .POSPOS +{ + display : none; +} + +.lejEntry .POSSENSENUM +{ + display : none; +} + +.lejEntry .REMARK +{ + display : none; +} + +.lejEntry .SECEXPL +{ + color : purple; + font-weight : bold; + font-size : 110%; + /* display:none; */ +} + +.lejEntry .SEMINDINFO +{ + display : none; +} + +.lejEntry .SUBCAT +{ + display : none; +} + +.lejEntry .SUBJINFO +{ + display : none; +} + +.lejEntry .SUBJINFOTRAN +{ + display : none; +} + +.lejEntry .TITLE +{ + color : purple; + font-size : 130%; + display : block; + font-weight : bold; + /* display:none;*/ +} + +.lejEntry .TOPENTRY +{ + display : none; +} + +.lejEntry .TYPE +{ + display : none; +} + +.lejEntry .XEXA +{ +} + +.lejEntry .XEXATRAN +{ +} + +.lejEntry .XEXPL +{ + color : purple; + display : none; +} + +/********NOT USED************/ +.lejEntry .BOX1HEAD +{ +} + +.lejEntry .BOX1HEADING +{ +} + +.lejEntry .BOXHWD +{ + font-size : 110%; + font-weight : bold; +} + +.lejEntry .BOXHWDPOS +{ +} + +.lejEntry .BOXINFO +{ +} + +.lejEntry .BOXPOS +{ +} + +.lejEntry .BOXSEMIND +{ +} + +.lejEntry .BOXSEMIND2 +{ +} + +.lejEntry .BOXSEMINFO +{ + display : none; +} + +.lejEntry .BOXTRAN +{ +} + +.lejEntry .EXPL +{ +} + +.lejEntry .EXPL2 +{ +} + +.lejEntry .F2 +{ +} + +.lejEntry .F3 +{ +} + +.lejEntry .PICALL +{ + display : none; +} + +.lejEntry .POSFORMOF +{ + font-weight : bold; +} + +.lejEntry .POSFORMTYPE +{ +} + +.lejEntry .SEMIND +{ + display : none; +} + +.lejEntry .SEMINFO +{ + display : none; +} + +.lejEntry .STRESS +{ +} + +.lejEntry .TRANINFL +{ +} + +.lejEntry .TRANINFLTYPE +{ +} + +.lejEntry .TRANPOS +{ +} + +.lejEntry .TRANREGISTER +{ +} + +.lejEntry .USETITLE +{ +} + +.lejEntry .VAR2 +{ +} + +.lejEntry .VAR2LAB +{ +} + +.lejEntry .VAR2POS +{ +} + +.lejEntry .VPRON +{ +} + +.lejEntry .VPRONPOS +{ +} + +/************** WYSIWYG ****************/ +.lejEntry .Exponent +{ + display : block; +} + +.lejEntry .Exa1 +{ + display : block; +} + +.lejEntry .Exa1 +{ + display : block; +} +.lejEntry .Usebox { + margin-top : 10px; + display : block; + background-color : #aecaf1; + width : 50%; + margin-bottom : 10px; + border : solid 1px; + padding : 5px; +} +.lejEntry .plusphrases, +.lejEntry .plusphrasalverbs { + font-weight : bold; +} + +.lejEntry .phrasehead +{ + display : inline-block; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid gray 1px; + padding-left : 4px; + padding-right : 4px; + font-weight : bold; + color : white; + background-color : #3d3d3d; + text-align : center; + width : 50%; + margin-top : 10px; +} + +.lejEntry .Sense { + display : block; + margin-left : 15px; +} + +.lejEntry .Phrvsense { + display : block; + margin-left : 15px; +} + +.lejEntry .Lexubox .Sense { + display : block; + margin-left : 0px; +} + +.lejEntry .Patternbox .Sense { + display : block; + margin-left : 0px; +} + +.lejEntry .Compoundbox .Sense { + display : block; + margin-left : 0px; +} + +.lejEntry .Lexubox, +.lejEntry .Patternbox, +.lejEntry .Compoundbox { + display : block; +} + +.lejEntry .sensenum, +.lejEntry .menusense +{ + font-weight : bold; + color : black; + margin-left : -20px; +} + +.lejEntry .subnum, +.lejEntry .menusubsense +{ + color : black; +} + +.lejEntry .boxnum +{ + color : black; +} + +.lejEntry .suppress { + display : none; +} + +.lejEntry .phrasehead +{ + display : block; +} + +.lejEntry .warning { + font-weight : bold; + color : red; +} + +.lejEntry .Reference { + display : block; +} + +.lejEntry .FREQ +{ + color : red; + border-color : red; + display : inline-block; + font-style : normal; + font-weight : bold; + text-transform : uppercase; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid 1px; + padding-left : 4px; + padding-right : 4px; + padding-top : 1px; + padding-bottom : 2px; +} + +.lejEntry .Tranbox { + display : block; +} + +.lejEntry .amefile { + color : #4693db; + font-size : 130%; + padding-left : 5px; +} + +.lejEntry .inline { + display : inline; +} + + +.lejEntry .Etymbox, +.lejEntry .Tranbox, +.lejEntry .Thesbox, +.lejEntry .Cultbox, +.lejEntry .Grambox { + display : block; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid #364395 1px; + padding : 15px; + margin : 8px 0; +} + +.lejEntry .heading { + display : block; + font-weight : bold; + font-size : 120%; + line-height : 2em; + color : #364395; +} + +.lejEntry .related { + color : #364395; + border-color : #364395; + display : inline-block; + font-style : normal; + font-weight : bold; + font-size : 110%; + text-transform : uppercase; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid 1px; + padding-left : 4px; + padding-right : 4px; + padding-top : 1px; + padding-bottom : 2px; +} + +/**** KOREAN and LatAm****/ +.suppressed { + display : none; +} + +.latamEntry .SEMIND { + display : inline; +} + +.lejEntry .SIGNPOST +{ + background-color : #cc0000; + color : white; + font-weight : bold; + font-size : 90%; + text-transform : uppercase; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + padding-left : 3px; + padding-right : 3px; +} + +.lejEntry .VPRON { + font-size : 100%; + font-weight : bold; + display : inline; +} + +.latamEntry .GRAM { + color : blue; +} + +.latamEntry .THESHEAD { + font-size : 120%; + line-height : 2em; + color : #314089; +} + +.latamEntry .Lexubox, +.latamEntry .Patternbox, +.latamEntry .Compoundbox { + display : block; + margin-top : 5px; +} + +.latamEntry .Lexubox.inline, +.latamEntry .Patternbox.inline, +.latamEntry .Compoundbox.inline { + display : inline; +} + +.latamEntry .Lexubox .Sense, +.latamEntry .Patternbox .Sense, +.latamEntry .Compoundbox .Sense { + display : block; + margin-top : 0px; +} +.latamEntry .Sense { + display : block; + margin-left : 15px; + margin-top : 10px; +} +.latamEntry .Subsense { + display : block; +} + +/* changes 20171114*/ +.lejEntry .SIGNPOST +{ + padding-top : 2px; + padding-bottom : 2px; +} + +.latamEntry .TRANCOM +{ + color:#314089; +} + +.latamEntry .GRAM, .latamEntry .SEMIND, .latamEntry .Tranlabbox, .latamEntry .REGISTER{ + color:#314089; +} + +.lejEntry .USE.inline { + display : inline; +} + +/* the two next rules should be removed from above */ +.lejEntry .neutral { + font-weight : normal; + font-style : normal; +} + +.lejEntry.latamEntry .POS { + color : #314089; + font-style : italic; +}/****** CSS TIDY FOR JAPANESE-E***************************/ +/* 4 sections: printing and used tags, */ +/* xslt tags, */ +/* non-printing and used tags and finally */ +/* non-used tags (but in the dtd). */ +/* tags are alphabetically ordered withi each category */ + + +/**************PRINTING TAGS******************/ + +.page { + font-family : arial, helvetica, sans-serif; + font-size : 12pt; + display : block; +} + +.pagetitle { + font-size : 1.6em; + font-weight : bold; +} + +.metadata, +.metadata { + color : magenta; + display : none; +} + +.ljeEntry +{ + display : block; + font-size : 12pt; + margin-top : 20px; +} + +.ljeEntry .Subentry { + display : block; + margin-top : 20px; +} + +.ljeEntry .Subentry.inline { + display : inline; + margin-top : 0px; +} + +.ljeEntry .Sense { + display : block; +} + +.ljeEntry .sensenum { + display : none; +} + +.ljeEntry .TranGp { + display : block; +} + +.ljeEntry .Subsense { + display : block; + margin-left : 10px; +} + +.ljeEntry .HWD { +} + +.ljeEntry .HWDFORM { +} + +.ljeEntry .HWD { +} + +.ljeEntry .TRAN { + font-weight : bold; + color : blue; +} + +.ljeEntry .Reference { + font-size : 80%; + font-style : italic; + color : purple; +} + +.ljeEntry .Link { + display : none; +} + +.ljeEntry .Box { + display : block; + margin-bottom : 10px; +} + +.ljeEntry .EXATRAN { + font-style : italic; + display : block; +} +.ljeEntry .Extraexas, +.ljeEntry .Extraphrases { + display : block; + margin-top : 10px; +} + +.ljeEntry .header { + font-weight : bold; + font-variant : small-caps; + display : block; + text-transform : uppercase; +} + +.ljeEntry .neutral { + color : black; + font-style : normal; + font-weight : normal; +} + +.ljeEntry .suppress { + display : none; +} +.ljeEntry .exagr { + display : block; + margin-left : 5px; + color : gray; +} + +.ljeEntry .OBJINFO { + display: none; +} + +.ljeEntry .Extraphrases, +.ljeEntry .Extraexas +{ + display : block; + border-radius : 5px; + -moz-border-radius : 5px; + -webkit-border-radius : 5px; + border : solid #364395 1px; + padding : 15px; + margin : 8px 0; +} + +.ljeEntry .heading { + display : block; + font-weight : bold; + font-size : 120%; + line-height : 2em; + color : #364395; +} \ No newline at end of file diff --git a/2.0/wquery/service/static/_oxford.css b/2.0/wquery/service/static/_oxford.css new file mode 100644 index 0000000..5798505 --- /dev/null +++ b/2.0/wquery/service/static/_oxford.css @@ -0,0 +1,3979 @@ +ol { + list-style-type: decimal; + padding-left: 20px +} + +img.icon { + vertical-align: text-bottom; + margin-top: 0; + margin-right: 2px; + margin-left: 0; + margin-bottom: 0 +} + +div.icon { + display: inline; + font-family: "Times New Roman", Times, serif; + font-weight: lighter; + font-size: 7pt; + text-transform: uppercase; + color: #FFF; + padding: 0 .6em .2em .6em +} + +div.icon-helpsym { + background-color: transparent; + font-family: "verdana"; + font-weight: bold; + color: #276E98; + font-variant: small-caps +} + +div.icon-pvsym { + font-family: "Times New Roman", Times, serif; + font-weight: lighter; + color: #078d8f; + font-size: 18px; + text-indent: -1em +} + +div.icon-oppsym { + color: #C00B19; + background-color: transparent; + font-family: Verdana; + font-size: 11px; + padding: 0; + text-transform: lowercase +} + +div.icon-idsym { + font-family: "Times New Roman", Times, serif; + font-weight: lighter; + color: #35338a; + font-size: 19px +} + +div.icon-synsym { + background-color: transparent; + font-family: "verdana"; + font-weight: normal !important; + color: #C00B19; + text-transform: lowercase; + font-size: 11px; + padding: 0 !important +} + +.labelsAbout { + text-align: left; + border: 0px none; + width: 100% +} + +.labelsAbout .pron-usonly:hover { + background-image: url("../images/documents/usonly-audio.png"); + background-repeat: no-repeat; + background-position: left bottom +} + +.labelsAbout .pron-usonly { + width: 29px; + height: 30px; + border: 0; + background-image: url("../images/documents/usonly-audio.png"); + background-repeat: no-repeat; + background-position: left top +} + +.sup, sup { + vertical-align: super; + font-size: 65% +} + +.sub { + vertical-align: sub; + font-size: 65% +} + +button.key { + height: 15px; + width: 8px; + padding: 0px; + margin: 0px; + cursor: normal; + padding: 0px; + border: 0px; + margin-right: 5px; + margin-top: 5px; + background-repeat: no-repeat; + vertical-align: top +} + +.block-g { + float: right +} + +.clear { + clear: both; + height: 2px +} + +#entryContent .side { + float: right; + width: 164px; + text-align: center; + margin-bottom: 0px +} + +.ColloPanel, .ThesPanel { + font-size: 80%; + text-align: left; + display: block; + border-radius: 9px 9px 9px 9px; + border-style: solid; + border-color: blue; + margin: 15px; + border-width: 1px; + padding: 3px; + column-count: 3; + column-gap: 0em; + -moz-column-count: 3; + -moz-column-gap: 0em; + -webkit-column-count: 3; + -webkit-column-gap: 0em; + background-color: #FFF +} + +ul.sketch { + margin-top: 0px; + margin-left: -20px +} + +.ColloPanel .xr, .ThesPanel .xr { + font-weight: bold; + font-size: 130%; + display: list-item; + list-style-type: square; + color: #5BA7DA; + margin-left: 20px +} + +.CorpusHeader { + display: block; + padding: 3px; + font-size: 120%; + background-color: #00315A; + color: white; + border-top-left-radius: 9px +} + +.ColloHeader { + display: block; + color: white; + font-weight: bold; + background-color: #5BA7DA; + font-size: 100%; + text-transform: uppercase; + margin-left: 2px; + margin-top: 2px; + padding: 3px +} + +#informational-content > h2 { + font-family: 'Merriweather', Georgia, serif +} + +.search-term { + font-weight: bold +} + +#results-container-all ul li { + margin-bottom: 7px +} + +#browse > div { + margin-bottom: 7px +} + +#browse #result ul { + padding: 0 +} + +#browse_lists { + margin-top: 16px +} + +#browse_lists ul { + margin-bottom: 10px +} + +.grey-grad, .idsym-g, .ui-grad dt, .z_idsym { + box-shadow: 0 50px 50px -30px white inset; + background-color: #cccccc; + border: 1px solid #cccccc +} + +.webtop-g { + background-color: #4577bf; + margin: 0 -236px 4px -28px; + padding: 7px 236px 4px 28px; + line-height: 28px +} + +.webtop-g h2 { + font-size: 21px; + font-weight: bold; + font-family: 'Open Sans', Arial, sans-serif; + padding: 0; + color: white; + line-height: 30px; + display: inline-block +} + +.top-container { + background-color: #ecf5ff; + margin-right: -250px; + margin-left: -28px; + margin-bottom: 10px; + padding: 0 250px 0 28px; + clear: both +} + +.btn.prac-pron { + display: none +} + +.oxford3000, .academic { + display: inline-block; + background-size: 100%; + background-repeat: no-repeat; + width: 30px; + height: 30px; + margin: 0 0 -8px; + position: relative; + top: -5px +} + +.oxford3000:hover, .academic:hover { + text-decoration: none +} + +.oxford3000 { + background-image: url("../images/wordlist/icon-ox3000.png") +} + +.academic { + background-image: url("../images/wordlist/icon-academic.png") +} + +.entry-header .share-this-entry { + margin: 0; + padding-top: 0; + display: table +} + +.entry-header .responsive_entry_center_left { + margin-bottom: 0 !important; + display: table-cell; + float: none +} + +.entry-header .responsive_entry_center_left_premium { + margin-bottom: 0 !important; + display: table-cell; + float: none +} + +.entry-header { + margin: 7px 0; + display: table +} + +.responsive_entry_center p.definition-title, .responsive_entry_center_left_premium p.definition-title { + font-size: 11px; + line-height: 14px; + padding-bottom: 0px; + margin-bottom: 0; + display: table-cell; + vertical-align: bottom +} + +.share-this-entry .right-colum { + margin: 0; + padding-top: 0 !important +} + +.share-this-entry .col_middle_left, .share-this-entry .right-colum { + display: table-cell +} + +.social-wrap { + width: 180px; + height: 28px; + padding: 2px 0 +} + +.social-wrap a { + display: inline-block; + width: 24px; + height: 24px; + padding: 0; + margin: 1px 0 0 0; + border: 0; + background: #4577bf url(../images/social.png) no-repeat; + background-size: auto 100%; + cursor: pointer; + border-radius: 30px +} + +.social-wrap a:hover { + background-color: #0d3880 +} + +#plusone-box { + display: inline-block; + vertical-align: top; + margin: 1px 0 0 1px +} + +.facebook-btn { + background-position: 0px 0 !important +} + +.twitter-btn { + background-position: -24px 0 !important +} + +.stumbleupon-btn { + background-position: -48px 0 !important +} + +.diigo-btn { + background-position: -72px 0 !important +} + +.email-btn { + background-position: -96px 0 !important +} + +#ox-enlarge { + float: right; + position: relative; + z-index: 10; + clear: both +} + +#ox-enlarge img { + margin-bottom: -7px +} + +#ox-enlarge a.topic { + display: block; + text-align: right; + position: relative; + padding: 2px; + margin: 0 0 12px 12px; + background-color: #c0c0c0 +} + +#ox-enlarge a.topic:hover { + text-decoration: none; + background-color: #4577bf; + color: white +} + +#ox-enlarge .ox-enlarge-label { + text-indent: 50px; + overflow: hidden; + position: absolute; + width: 24px; + height: 24px; + bottom: 0; + right: 0; + background-image: url("../images/entry/enlarge-img.png"); + background-color: inherit; + background-repeat: no-repeat; + background-position: center; + background-size: 14px 14px +} + +.relatedentries { + max-height: 200px; + text-align: left; + color: #8f0610; + line-height: 1.25 +} + +.relatedentries ul { + margin: 0; + padding: 0 0 0 10px +} + +.relatedentries a { + color: #000 +} + +#rightcolumn h4.no-rule { + margin-top: 0; + border-bottom: 0 none +} + +.no-rule { + border-bottom: 0; + margin-bottom: 0 +} + +dd { + overflow: hidden; + -webkit-transition: max-height 0.5s; + -moz-transition: max-height 0.5s; + transition: max-height 0.5s; + max-height: 4000px +} + +dd.deep { + max-height: 9000px +} + +.hide + dd, .hide + dd.deep { + max-height: 0 +} + +.ui-grad dt, .ui-grad dd { + margin-top: -1px +} + +.ui-grad ul { + margin-left: 14px; + margin-right: 14px; + padding: 0 +} + +.ui-grad dd { + border: 1px solid #cccccc +} + +.ui-grad dt:first-child { + border-radius: 8px 8px 0 0; + margin-top: 0 +} + +.ui-grad dt { + padding: 5px 6px 5px 6px; + color: #444444 +} + +.ui-grad dt.hide:hover { + cursor: pointer +} + +.ui-grad dt:not(.hide):before { + content: none +} + +.ui-grad dt:not(.hide) { + padding: 6px 14px 5px +} + +.ui-grad dt.hide:before { + background: url(../images/documents/icon-plus-minus-grey.png) 0 -13px no-repeat; + background-size: 100% +} + +.accordion dl { + margin: 0 +} + +.accordion .more { + display: none +} + +.accordion .show .more { + display: block +} + +.accordion dt:before { + vertical-align: baseline; + content: ""; + display: inline-block; + margin-right: 6px; + margin-left: -2px; + margin-bottom: -1px; + width: 13px; + height: 13px +} + +.see-more { + display: block; + padding: 6px; + line-height: 18px; + text-align: center; + border-top: 1px solid #aaaaaa; + color: grey +} + +.list-col a, .list-col span.selected { + display: block; + line-height: 20px; + padding-top: 3px; + padding-bottom: 4px; + font-weight: normal +} + +.list-col { + padding-left: 0 +} + +.list-col .selected { + color: #282828; + padding-left: 7px; + padding-right: 7px; + background-color: #dddddd; + border-radius: 4px; + margin: 3px -7px 4px +} + +.list-col h6 { + border-bottom: 1px solid silver +} + +.topic-explore p { + color: rgba(0, 0, 0, 0.7); + font-size: 15px +} + +.topic-explore > h3 { + font-size: 17px; + font-weight: bold; + line-height: 19px; + margin: 0 0 7px; + padding: 0 +} + +.topic-explore h4 { + border-top: 1px solid #C0C0C0; + border-bottom: 1px solid #C0C0C0; + padding: 8px 0 +} + +.topic-explore ul { + padding-left: 0px +} + +.topic-explore h6 { + border: 0px none; + margin: 8px 0px 0px 0px +} + +.topic-explore h6 a { + font-size: 15px; + font-weight: bold; + color: rgba(0, 0, 0, 0.7) +} + +.list-nested > li { + display: inline-block; + padding-right: 15px +} + +.list-nested-pool > li { + background-color: grey; + border-bottom: 1px solid white +} + +.list-nested-pool ul { + padding: 3px 0 4px; + background: #efefef; + background: white +} + +.wordpool { + margin-top: 14px; + padding-left: 8px +} + +.wordpool li { + display: inline-block; + margin: 0; + padding: 0 14px 7px 0 +} + +.wordpool a, .wordpool span { + font-weight: normal +} + +.wordpool-active span { + font-weight: bold +} + +.section.partner { + margin-top: 2em +} + +.wordlist-page h1 { + line-height: 1.2em +} + +.wordlist-page p { + max-width: 700px +} + +.wordlist-info-page { + margin-bottom: 14px +} + +.wordlist-info-page .oxford3000-blue, .wordlist-info-page .academic-blue { + width: 20px; + height: 20px +} + +.wordlist-info-page ul { + padding-left: 20px; + list-style-type: disc; + margin-bottom: 7px +} + +.middle_wrap h1 { + font-family: 'Merriweather', Georgia, serif +} + +.middle_wrap > h1 { + margin-top: 7px +} + +.open-close dt:hover { + color: #0d3880 +} + +.ui-plain { + max-width: 700px +} + +.ui-plain dl:first-child { + border-top: 1px solid grey +} + +.ui-plain dt { + padding: 7px 7px 7px 21px; + color: #282828; + font-weight: bold; + cursor: pointer +} + +.ui-plain dt:before { + content: ""; + position: absolute; + width: 13px; + height: 24px; + background: url(../images/wordlist/icon-plus-minus.png) 0 0 no-repeat; + background-size: 100%; + margin: -7px 0 0 -21px +} + +.ui-plain dt.hide:before { + background-position: 0 -50px +} + +.ui-plain dd { + border-bottom: 1px solid silver +} + +.ui-plain dt:before { + position: relative; + margin-right: 8px; + display: inline-block +} + +.topic-desc { + max-width: 750px +} + +.oxford3000-blue, .academic-blue { + display: inline-block; + background-size: 100%; + background-repeat: no-repeat; + width: 30px; + height: 30px; + margin: -8px 0 -5px +} + +.oxford3000-blue { + background-image: url("../images/wordlist/icon-ox3000-blue.png") +} + +.academic-blue { + background-image: url("../images/wordlist/icon-academic-blue.png") +} + +.topic-dt .side-selector__left ul ul ul ul li > a { + margin-left: -62px; + padding-left: 40px; + margin-top: 2px; + text-decoration: none; + background-color: #efefef; + background-color: white +} + +.side-selector { + border-radius: 7px; + overflow: hidden; + background-color: #eee; + border: 1px solid #cccccc +} + +.side-selector__left, .side-selector__right { + padding: 0 0; + width: 40%; + float: left +} + +.side-selector__right { + width: 60%; + float: left; + background-color: white +} + +.side-selector__right .sound.audio_play_button { + margin: 0 +} + +@media screen and (max-width: 762px) { + .side-selector__left, .side-selector__right { + width: 100%; + float: none + } + + .side-selector { + margin-right: -15px; + margin-left: -15px; + border-radius: 0 + } +} + +.side-selector__left ul ul ul ul li.is-revealed > a { + background-color: #4577bf; + color: white +} + +.side-selector__left .ei-g { + margin-top: 0 +} + +.side-selector__left .top-container { + margin: 0; + padding: 0; + background-color: transparent +} + +.side-selector__left .top-g { + padding: 0 +} + +.side-selector__left .webtop-g { + margin: 0 -7px; + padding: 6px 7px +} + +.side-selector__left .link-right { + padding-top: 7px +} + +#entries-selector { + padding: 7px +} + +#entries-selector ul { + list-style-type: none; + padding: 0 +} + +#entries-selector .wl-select { + padding: 0 7px 0 21px; + margin: -7px; + background: #07255e url(../images/wordlist/icon-select-arrow.png) 0 top no-repeat +} + +#entries-selector a, #entries-selector span { + padding: 7px 14px; + margin-bottom: 2px; + display: block; + text-decoration: none; + text-align: center; + border-radius: 7px; + font-weight: bold +} + +#entries-selector a:hover { + background-color: #4577bf; + color: white +} + +#entries-selector .currentpage a, #entries-selector .currentpage span { + background-color: #07255e; + color: white +} + +#entries-selector select { + -webkit-appearance: none; + -moz-appearance: none; + border: none; + font-size: 15px; + outline: none; + margin: 0; + padding: 8px 15px 9px; + background-color: transparent; + width: 100%; + color: white +} + +.hideoverflow { + overflow: hidden +} + +.outer { + position: relative; + left: 50%; + float: left +} + +.inner { + position: relative; + left: -50%; + float: left +} + +.wl-nav { + border-color: silver; + border: 0 +} + +.wl-nav a, .wl-nav span { + display: inline-block; + padding: 10px 15px; + border-right: 1px solid silver; + color: #444444; + font-weight: normal +} + +.wl-nav li:hover { + box-shadow: 0 -50px 50px -30px white inset; + background-color: #cccccc +} + +.wl-nav li:hover a { + text-decoration: none +} + +.wl-nav li.activepage { + background-color: white +} + +.wl-nav li.activepage:hover { + background-color: white !important; + box-shadow: none +} + +.currentpage a { + color: #890017 +} + +.currentpage a .pos { + font-weight: normal +} + +.paging_links { + padding: 0 +} + +.paging_links li:last-child a { + border-right: 0 +} + +.paging_links .page_range { + font-family: Verdana; + font-weight: bolder; + margin-right: 30px; + display: inline-block +} + +.paging_links .page_info { + display: inline-block; + margin-right: 30px +} + +#entrylist1 a { + font-weight: bold +} + +.result-list1 { + padding: 4px 0; + list-style-type: none +} + +.wordlist-oxford3000 li { + padding: 7px +} + +.soundList { + display: inline +} + +.lang-study-page .pron-g { + white-space: normal +} + +.lang-col { + width: 48%; + float: left; + padding-right: 12px +} + +.mid-grad-bottom, .wl-table tr:first-child { + background: #00123c; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07255e), color-stop(100%, #00123c)); + background: -webkit-linear-gradient(top, #07255e 0%, #00123c 100%); + background: -moz-linear-gradient(top, #07255e 0%, #00123c 100%); + background: -ms-linear-gradient(top, #07255e 0%, #00123c 100%); + background: linear-gradient(to bottom, #07255e 0%, #00123c 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blue2', endColorstr='$blue1', GradientType=0) +} + +.pale-grad, .wl-table tr { + background: #ffffff; + background: -moz-linear-gradient(top, white 0%, #eee 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eee)); + background: -webkit-linear-gradient(top, white 0%, #eee 100%); + background: -o-linear-gradient(top, white 0%, #eee 100%); + background: -ms-linear-gradient(top, white 0%, #eee 100%); + background: linear-gradient(to bottom, white 0%, #eee 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0) +} + +.wl-table .delete-btn a:before { + background: url("../images/myWordlist/btn-trash.png") no-repeat scroll -1px top/100% auto transparent; + pointer-events: all +} + +.wl-table .btn.delete-btn:hover a:before { + background-position: -1px bottom +} + +.wl-sub-head { + background: #4577bf; + background: -moz-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4577bf), color-stop(100%, #345c95)); + background: -webkit-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: -o-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: -ms-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: linear-gradient(to bottom, #4577bf 0%, #345c95 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4577bf', endColorstr='#345c95', GradientType=0); + color: #ffffff +} + +.btn.test-btn a:before { + background: url("../images/myWordlist/btn-test.png") no-repeat scroll -1px top/100% auto transparent +} + +.btn.test-btn a, .btn.delete-btn a { + padding-left: 28px +} + +.wl-add a:before { + background: url("../images/myWordlist/btn-wordlist.png") no-repeat 0px 0px transparent; + background-size: 100% +} + +.wl-table { + width: 100%; + margin-top: 10px; + margin-bottom: 12px; + border: 1px solid #cccccc; + border-collapse: separate +} + +.wl-table .wl-col1 { + text-align: left; + font-size: 16px +} + +.wl-table tr th { + color: white; + vertical-align: middle +} + +.wl-table th, .wl-table td { + text-align: center; + line-height: 18px; + padding: 12px +} + +.wl-table.wl-edit .wl-col2 { + font-style: italic +} + +.wl-table.wl-edit .wl-col3 { + text-align: left +} + +.wl-table .wl-col1 a { + line-height: 20px; + padding-right: 12px; + text-align: left; + font-size: 16px; + font-weight: bold +} + +.entry-word { + font-weight: bold; + font-family: 'Open Sans', Arial; + color: #4577bf; + margin-left: 10px +} + +.hide-delete-icon { + display: none +} + +.premium .hide-delete-icon { + display: block +} + +h1.my-wordlist-titles { + margin: 7px 0 21px +} + +h2.my-wordlist-titles { + font-size: 36px; + color: #4577bf; + font-weight: bold; + padding-left: 0; + margin-top: 6px; + margin-bottom: 24px; + line-height: 1em +} + +h3.my-wordlist-titles { + line-height: 1.5em; + font-size: 16px; + font-weight: bold; + margin: 0; + padding: 0; + color: #0d3880 +} + +h4.my-wordlist-titles { + font-weight: bold; + margin-bottom: 6px +} + +h5.my-wordlist-titles { + font-size: 18px; + line-height: 28px; + margin: 0 0 7px; + font-weight: bold +} + +.mywordlist-container { + padding-left: 15px +} + +.mywordlist-container > .entry > span.h { + display: none +} + +.senseinfo { + margin-bottom: 6px +} + +.senseinfo .sense_check_box { + margin-right: 6px +} + +#wordlist-select { + margin-bottom: 7px +} + +.test__question-count { + margin: -7px -14px 14px; + padding: 5px 12px; + background-color: #4577bf; + color: white +} + +.test__definition { + font-size: 22px; + line-height: 26px; + color: #07255e; + max-width: 650px; + font-size: 18px +} + +.test__definition__wrap { + margin-top: 14px; + margin-bottom: 14px +} + +.test__definition__wrap .pos { + margin-bottom: 6px; + font-size: 15px; + font-weight: normal +} + +.test__definition__wrap p { + display: table-cell; + padding-right: 14px +} + +.test__form, #add-wordlist { + display: table; + width: 100%; + margin-bottom: 0; + vertical-align: top; + padding-bottom: 10px +} + +.test__form .test__answer { + font-size: 15px; + line-height: 1.6em; + width: 350px; + float: left; + margin-bottom: 7px; + margin-right: 14px +} + +.test_submit_testme { + float: left +} + +.test__form input[type='text'] { + border: none; + font-size: 16px; + padding: 0 10px; + line-height: 30px; + height: 30px; + border-radius: 6px; + background-color: white; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) inset; + color: grey; + width: 100% +} + +.test__form #add-wordlist .test__submit { + float: left +} + +.result { + display: table-cell; + vertical-align: middle +} + +.test__attempt, .test__useranswer, .test__skipped { + display: inline-block; + font-size: 26px; + font-weight: bold; + width: 100%; + margin-left: -30px; + padding-left: 30px +} + +.test__skipped { + font-size: 24px +} + +.test__attempt { + color: #C1272D +} + +.test__useranswer { + color: #037531 +} + +.test__correctanswer { + font-weight: bold; + color: #07255E +} + +.test__incorrect, .test__correct { + width: 24px; + height: 24px; + line-height: 20px; + background: url(../images/myWordlist/test-cross.png) no-repeat #C1272D; + background-size: 100%; + border-radius: 24px; + border: 2px solid white; + vertical-align: top; + text-indent: -9999px; + display: inline-block; + margin-right: 5px +} + +.test__correct { + background-color: #037531; + background-image: url(../images/myWordlist/test-tick.png) +} + +.test__skipped, .test__correcthead { + text-transform: capitalize +} + +.test__form .test__answer, .test__form .test__submit, .test__form .test__skip, #check-answer .test__form .test__next, #check-answer .test__form .test__quit { + display: table-cell; + vertical-align: top +} + +.test__form .test__submit, .test__form .test__next { + padding-right: 5px +} + +.test__next, .test__quit { + float: left +} + +.mywordlist-warnings, .error { + display: none; + color: #c73b2a +} + +.mywordlist-warnings#wait, .mywordlist-warnings#test-loading, .mywordlist-warnings#test-saving-score, .mywordlist-warnings#supp { + color: #00123c +} + +.mywordlist-warnings#wait:before, .mywordlist-warnings#test-loading:before, .mywordlist-warnings#test-saving-score:before, .mywordlist-warnings#supp:before { + bottom: -2px; + content: url("../images/myWordlist/loader-sm.gif"); + display: inline-block; + margin-right: 8px; + position: relative +} + +.mywordlist-warnings#wait:before { + content: url("../images/myWordlist/loader-sm-blue.gif") +} + +#pronunciation .responsive_row:first-child { + margin-bottom: 0 +} + +.entry-source { + color: white +} + +h2.entry-word { + font-weight: bold; + color: #4577bf; + font-size: 36px; + margin-bottom: 7px; + margin-top: 18px; + display: block +} + +h2 .pos { + margin-bottom: 6px; + font-size: 15px; + font-weight: normal +} + +.pron__wrap h3, .pron_row { + max-width: 700px +} + +.pron__wrap h3 { + font-size: 18px; + color: #4577bf; + margin-top: 12px; + margin-bottom: 0; + padding-bottom: 3px; + padding-left: 0px; + border-bottom: 1px solid silver +} + +.pron__wrap { + max-width: 700px +} + +.pron__wrap h5 { + margin-top: 12px; + margin-bottom: 0; + padding-bottom: 3px; + padding-left: 0px; + border-bottom: 1px solid silver +} + +.pron_row { + padding: 0; + line-height: 39px; + height: 39px +} + +.pron_row .sound { + vertical-align: middle +} + +.pron_row * { + display: inline-block +} + +.pron_row .pron_button { + border: 1px solid black; + padding: 4px; + margin-right: 15px +} + +.pron_row .pron_button .pron_button_icon { + border: 1px solid black; + width: 30px; + height: 20px +} + +.pron_row .pron_button_wrapper { + padding: 4px; + display: inline-block; + background-color: #00123c; + height: 34px; + margin-left: 7px; + border-radius: 18px; + display: none; + vertical-align: middle; + box-shadow: 0 38px 38px -38px #e0f2fd inset +} + +.pron_row .btn:hover, .pron_row input[type='submit']:hover, .pron_row .btn.inactive, .pron_row input.inactive[type='submit'] { + box-shadow: none; + border-width: 0 +} + +.pron_row .pron_button_record, .pron_row .pron_button_play, .pron_row .pron_button_stop, .pron_row .pron_record_stop, .pron_row .pron_play_stop { + width: 24px; + height: 24px; + display: block; + float: left; + margin-right: 6px; + background-image: url("../images/pron_prac/play-button-small.png"); + background-repeat: no-repeat; + background-position: center center; + border-radius: 12px; + background-color: silver +} + +.pron_row .pron_button_record { + background-image: url("../images/pron_prac/record-button-small.png") +} + +.pron_row .pron_button_stop, .pron_row .pron_record_stop, .pron_row .pron_play_stop { + background-image: url("../images/pron_prac/stop-button-small.png") +} + +.pron_row .button_is_active { + background-color: #0d3880; + box-shadow: 0 30px 30px -30px #45689f inset +} + +.pron_row .button_is_playing { + background-color: #579a27; + box-shadow: 0 30px 30px -30px #45689f inset +} + +.pron_row .button_is_active.pron_button_record:hover, .pron_row .button_is_active.pron_button_play:hover, .pron_row .button_is_active.pron_button_stop:hover { + background-color: #00123c +} + +.pron_row.active .pron_button_wrapper { + display: inline-block +} + +@media screen and (max-width: 768px) { + .pron_row .btn.play, .pron_row input.play[type='submit'] { + margin-left: 10px + } +} + +.prac-pron a:before { + background: url("../images/pron_prac/btn-prac-pron.png") no-repeat 0px 0px transparent; + background-size: 100% +} + +#pronunciation xr-gs, #pronunciation res-g { + display: none +} + +#topic-list dd ul { + padding-left: 0 +} + +#topic-list dd ul li { + padding-bottom: 7px +} + +#topic-list dd { + border: none; + margin-left: 21px +} + +#topic-list dt { + font-weight: normal +} + +.topic-desc { + margin: 7px 0 7px 0 +} + +.box-resources { + background-image: url("../images/home/old-ball-resources.png") +} + +.word-list li { + display: inline-block; + padding: 0 14px 7px 0 +} + +.video-page-wrap h4 { + margin: 14px 0 7px +} + +.video-player, .video-player__text { + display: table-cell; + vertical-align: middle +} + +.video-player__text { + padding-right: 7px +} + +.video-player { + padding-right: 14px; + height: 130px; + width: 230px +} + +.video-player iframe { + display: block +} + +.video__wrap { + display: table-row; + width: 100%; + float: left; + margin-bottom: 3px; + background-color: #efefef +} + +.video__wrap p { + margin-bottom: 0 +} + +.video__wrap a { + display: block +} + +.video__wrap:last-child { + margin-bottom: 0 +} + +.video__wrap.full-width { + width: 100%; + display: block; + float: none +} + +@media screen and (max-width: 475px) { + .video-player, .video-player__text { + display: block; + margin-bottom: 5px + } +} + +.premium-h { + position: relative; + margin-bottom: 12px +} + +.premium-h .h { + position: absolute; + color: #ffffff; + left: 20px; + bottom: 10px +} + +.premium-h-img { + width: 100%; + height: auto +} + +.res-g > .unbox { + background-color: rgba(199, 110, 6, 0.1); + display: block; + margin: 12px 0 18px 0; + position: relative; + overflow: hidden; + border-left: 3px solid #C76E06 +} + +.res-g > .unbox > .heading { + background-color: rgba(199, 110, 6, 0.2); + display: block; + padding: 6px 12px 6px 12px; + font-size: 15.5px; + position: relative; + overflow: hidden +} + +.res-g > .unbox > .body { + display: block; + padding: 12px 18px 12px 18px; + position: relative; + overflow: hidden +} + +.main-container #wotd-box { + max-width: 300px; + margin-left: auto; + margin-right: auto +} + +*, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.entry { + font-family: "Open Sans", Arial, sans-serif; + font-size: 15px; + color: #333; + line-height: 24px; + margin-bottom: 15px +} + +.entry a:hover { + font-weight: normal +} + +.sans-italic, .etym_i, .geo, .pos, .reg, .subj, .wfp, .xpos, .webtop-g .pos + .pnc, .collapse .ff, .collapse[title^="AWL Collocations"] .er { + font-family: "Open Sans", Arial, sans-serif; + font-style: italic +} + +.sans-rom, .def, .dh, .dtxt, .footer, .frac-g, .gl, .gram, .li, li.sn-g:before, .ndv, .shcut, .st, .td, .use, .xr-g, .wfo .wrap, .wfo pnc.wrap, .vp .prefix, .vp pnc.prefix { + font-family: "Open Sans", Arial, sans-serif; + font-weight: normal; + font-style: normal +} + +.sans-bold, .cf, .dhb, .dr, .id, .idm, .if, .pv, .th, .v, .ve, .vp, .wfo, .wfw, .xh, .xw { + font-family: "Open Sans", Arial, sans-serif; + font-weight: bold; + font-style: normal +} + +.sans-bolditalic { + font-family: "Open Sans", Arial, sans-serif; + font-weight: bold; + font-style: italic +} + +.sans-sc, .sc, .xr-gs .prefix, .xr-gs pnc.prefix { + font-family: "Open Sans", Arial, sans-serif; + font-variant: small-caps +} + +.serif-bolditalic, .cl, .x .eb { + font-family: "Merriweather", Georgia, serif; + font-weight: bold; + font-style: italic +} + +.serif-italic, .wx, .x, .x-g { + font-family: "Merriweather", Georgia, serif; + font-style: italic +} + +.serif-rom, .def-qt { + font-family: "Merriweather", Georgia, serif; + font-weight: normal; + font-style: normal +} + +.italic, .ei { + font-style: italic +} + +.bold, .eb { + font-weight: bold; + font-style: normal +} + +.bolditalic, .ebi { + font-weight: bold; + font-style: italic +} + +.phonetics-font, .eph, .phon { + font-family: "Lucida Sans Unicode", "Lucida Grande" +} + +.entry-box-style, .un, .collapse { + background-color: rgba(199, 110, 6, 0.1); + display: block; + margin: 12px 0 18px 0; + position: relative; + overflow: hidden +} + +.entry-box-style .x-g, .un .x-g, .collapse .x-g { + display: inline; + margin-left: 4px; + position: static +} + +#entryContent:not(.ocoll) .top-container .entry-box-style, #entryContent:not(.ocoll) .top-container .un, #entryContent:not(.ocoll) .top-container .collapse { + background-color: rgba(69, 119, 191, 0.1); + border-left: 3px solid #4577bf +} + +#entryContent:not(.ocoll) .top-container .entry-box-style-heading:before, #entryContent:not(.ocoll) .top-container .collapse .heading:before, .collapse #entryContent:not(.ocoll) .top-container .heading:before { + background-image: url("../images/wordlist/icon-plus-minus.png") +} + +#entryContent:not(.ocoll) .top-container .entry-box-style-heading:hover, #entryContent:not(.ocoll) .top-container .collapse .heading:hover, .collapse #entryContent:not(.ocoll) .top-container .heading:hover, #entryContent:not(.ocoll) .top-container .entry-box-style-heading:active, #entryContent:not(.ocoll) .top-container .collapse .heading:active, .collapse #entryContent:not(.ocoll) .top-container .heading:active, #entryContent:not(.ocoll) .top-container .unbox.is-active .heading, .unbox.is-active #entryContent:not(.ocoll) .top-container .heading, #entryContent:not(.ocoll) .top-container .entry-box-style-heading:focus, #entryContent:not(.ocoll) .top-container .collapse .heading:focus, .collapse #entryContent:not(.ocoll) .top-container .heading:focus { + background-color: rgba(69, 119, 191, 0.2) +} + +#entryContent:not(.ocoll) .top-container .unbox.is-active .heading:before { + background-position: center -92px +} + +.entry-box-style-heading, .collapse .heading, .collapse pnc.heading { + padding: 6px 12px 6px 12px; + margin: -12px -18px -12px -18px; + font-size: 15.5px +} + +.entry-box-style-heading:hover, .collapse .heading:hover, .entry-box-style-heading:active, .collapse .heading:active, .unbox.is-active .heading, .unbox.is-active pnc.heading, .entry-box-style-heading:focus, .collapse .heading:focus { + background-color: rgba(199, 110, 6, 0.2) +} + +.blockquote { + background-color: rgba(199, 110, 6, 0.1); + display: block; + padding: 12px 18px 12px 18px; + margin: 18px; + position: relative +} + +.bre, .name { + display: none +} + +.cf { + display: inline +} + +.def { + display: inline +} + +.dr { + font-size: 16px +} + +.dr-g { + display: block; + margin-top: 18px; + margin-left: 16px; + position: relative +} + +.dr-g:before { + content: ""; + left: -18px; + position: absolute; + top: 5px; + width: 14px; + height: 14px; + background-image: url("../images/entry/entry-deriv.png"); + background-size: 14px auto +} + +.dr-gs { + display: block +} + +.eph { + display: inline-block +} + +.esu { + font-size: smaller; + vertical-align: super +} + +.footer { + font-size: 13px +} + +.frac-g { + position: relative; + top: -3px +} + +.frac-g:before { + content: '/'; + position: absolute; + left: 4px; + top: -3px +} + +.gram-g { + color: #767676 +} + +.h-g { + margin-bottom: 15px +} + +.hm, pnc.hm, .xhm { + font-size: smaller; + margin-left: 1px; + position: relative; + top: -5.25px +} + +.hm-g { + display: block +} + +.idm { + font-size: 16px +} + +.idm-g, .pv-g { + margin: 12px 18px 18px 18px; + display: block +} + +.idm-gs, .pv-gs, .wf-g { + border: 1px solid rgba(199, 110, 6, 0.4); + border-radius: 10px 10px 0 0; + display: block; + margin: 18px 0 18px 0; + overflow: hidden +} + +.label-g { + color: #767676; + font-weight: normal +} + +li.sn-g:before { + color: #00123c; + padding-right: 6px; + position: absolute; + text-align: right; + left: -8px; + width: 24px +} + +.ndv { + color: #00837d +} + +.pron-g { + white-space: nowrap +} + +.pron-g[geo~=br] .prefix { + color: #07255e +} + +.pron-g[geo~=n_am] .prefix { + color: #8f0610 +} + +.pron-gs { + display: inline +} + +.pv { + display: inline; + font-size: 16px +} + +.pvarr:before { + content: ""; + width: 15px; + height: 11px; + background-image: url("../images/entry/pvarr.png"); + background-size: 15px auto; + display: inline-block +} + +.shcut { + font-size: 16.5px; + display: block; + margin-top: 18px; + border-bottom: 1px solid rgba(199, 110, 6, 0.5) +} + +.sn-g { + display: block; + position: relative; + margin-top: 12px +} + +.sn-g[ox3000="y"] .oxford3000 { + background-color: #4577bf; + border-radius: 12px; + width: 20px; + height: 20px; + margin: 0 6px 3px 0; + position: static; + vertical-align: middle +} + +.sn-gs, .res-g { + display: block +} + +.un { + padding: 12px 18px 12px 18px; + text-indent: 0 +} + +.vp { + margin-right: 12px +} + +.vp-g { + display: block +} + +.wf-g { + border-color: rgba(69, 119, 191, 0.4); + margin: 6px 0 6px 0; + padding: 6px 12px 6px 12px; + display: inline-block +} + +.wfw-g { + display: block +} + +.wx { + text-decoration: line-through +} + +.x-g { + display: block; + margin-top: 6px; + position: relative; + margin-left: 11px +} + +.x-g:before { + content: ""; + left: -11px; + top: 8px; + position: absolute; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.x-gs { + display: block +} + +.xr-gs { + display: block; + margin-top: 6px +} + +.z_n { + padding-right: 6px !important +} + + +.entry-in-other-dict a { + font-weight: normal +} + +.webtop-g .pos { + margin-left: 6px; + color: #ffffff +} + +.webtop-g .pos + .pnc { + color: #ffffff +} + +.webtop-g a:last-of-type { + margin-right: 4px +} + +.top-g .clear { + margin-top: 6px +} + +.top-g .btn { + margin-bottom: 13px +} + +.top-g .btn:hover:not(.inactive) a:before { + background-position: 0 bottom +} + +.top-g .def { + display: block +} + +.top-g > .pron-gs { + display: block +} + +.top-g .v-gs:not([type~="sym"]) { + display: block +} + +.top-container + .pv-gs, .top-container + .wf-g { + border-width: 0; + margin: -12px 0 0 0; + overflow: auto +} + +.top-container + .pv-gs .pv-g, .top-container + .wf-g .pv-g { + margin: 12px 0 18px 0 +} + +.top-container + .pv-gs .pv, .top-container + .wf-g .pv { + margin-left: 0 +} + +.top-container + .pv-gs > .heading, .top-container + .wf-g > .heading { + display: none +} + +.top-container + .pv-gs .heading, .top-container + .wf-g .heading { + color: #333; + font-size: 15.5px; + padding: 6px 12px 6px 12px +} + +.top-container + .pv-gs .xr-gs, .top-container + .wf-g .xr-gs { + margin-top: 6px +} + +.top-container + .pv-gs .xr-gs:before, .top-container + .wf-g .xr-gs:before { + display: inline +} + +.top-container + .pv-gs .Ref, .top-container + .wf-g .Ref { + display: inline; + margin: 0 +} + +.if-g .pron-gs { + display: inline +} + +ol.h-g, ol.pv-g, ol.idm-g { + list-style-type: none; + padding-left: 0; + counter-reset: num +} + +ol.h-g li.sn-g, ol.pv-g li.sn-g, ol.idm-g li.sn-g { + padding-left: 24px +} + +ol.h-g li.sn-g:before, ol.pv-g li.sn-g:before, ol.idm-g li.sn-g:before { + content: counter(num) " "; + counter-increment: num +} + +ol.h-g > .res-g, ol.h-g .sn-gs > .xr-gs, ol.pv-g > .res-g, ol.pv-g .sn-gs > .xr-gs, ol.idm-g > .res-g, ol.idm-g .sn-gs > .xr-gs { + margin-left: 24px +} + +.def .xr-gs { + display: inline +} + +.def .xr-gs:before { + display: none +} + +.x-g .cf { + margin-right: 6px +} + +.xr-gs:before { + content: ""; + margin-right: 4px; + position: relative; + top: -1px; + width: 13px; + height: 9px; + background-image: url("../images/entry/entry-arrow.png"); + background-size: 13px auto; + display: inline-block +} + +.xr-gs[xref_type="external"]:before { + background-image: url("../images/entry/external-link-icon.png"); + background-repeat: no-repeat; + height: 18px; + width: 18px; + background-size: 18px auto; + vertical-align: middle; + margin-right: 8px +} + +.xr-gs[xref_type="external"] .prefix { + font-variant: inherit +} + +.ndv .xh { + font-weight: normal +} + +.sep + .sep { + display: none +} + +.idm-gs > .heading, .idm-gs pnc.heading, .pv-gs > .heading, .pv-gs pnc.heading { + display: block; + font-size: 18px; + padding: 12px 18px 0 18px; + color: #C76E06 +} + +.idm-gs > .xr-gs, .pv-gs > .xr-gs { + margin: 12px 0 12px 0 +} + +.idm-gs .un, .pv-gs .un { + margin-left: 18px; + margin-right: 18px +} + +.pv-gs > .xr-gs { + margin-top: 0 +} + +.pv-gs > .xr-gs:before { + display: none +} + +.pv-gs .xr-gs > .heading { + margin-bottom: 6px; + display: block; + font-size: 18px; + padding: 12px 18px 0 18px; + color: #C76E06 +} + +.pv-gs > .xr-gs .Ref { + display: block; + margin: 6px 18px +} + +.pv-gs > .xr-gs .Ref .pvarr:before { + content: ""; + width: 15px; + height: 11px; + background-image: url("../images/entry/pvarr-blue.png"); + background-size: 15px auto; + display: inline-block +} + +.idm-g .top-container, .pv-g .top-container { + padding: 0; + margin: 0 0 -6px 0; + background-color: transparent +} + +.idm-g .top-container .clear, .idm-g .top-container .btn, .idm-g .top-container br, .pv-g .top-container .clear, .pv-g .top-container .btn, .pv-g .top-container br { + display: none +} + +.idm-g .v-gs, .pv-g .v-gs { + display: block +} + +.idm-g .idm + .label-g, .pv-g .idm + .label-g { + margin-left: 6px +} + +.wfo .sym_first:after, .wfo pnc.sym_first:after { + content: " " +} + +.blockquote .p { + display: block; + margin: 0 +} + +.blockquote .wrap { + display: none +} + +.blockquote:before, .blockquote:after, .blockquote pnc.wrap_open, .blockquote pnc.wrap_close { + font-family: Georgia, serif; + color: #C76E06; + font-size: 80px; + position: absolute +} + +.blockquote:before, .blockquote pnc.wrap_open { + left: -20px; + position: absolute; + top: 24px +} + +.blockquote:after, .blockquote pnc.wrap_close { + right: -20px; + bottom: 0 +} + +.blockquote:before { + content: "\201C" +} + +.blockquote:after { + content: "\201D" +} + +.frac-g .num { + font-size: smaller; + position: relative; + top: -5px; + margin-right: 3px +} + +.frac-g .den { + font-size: smaller; + vertical-align: sub +} + +.un .x-gs { + display: inline +} + +.dr-gs .top-container { + background-color: transparent; + margin: 0; + padding: 0 +} + +.dr-gs .clear { + display: none +} + +.dr-gs .sn-g { + margin-top: 6px +} + +.dr-gs .sym_first { + margin-right: 6px +} + +.dr-gs .oxford3000 { + background-image: url("../images/wordlist/icon-ox3000-blue.png"); + width: 25px; + height: 25px; + top: -2px +} + +.dr-gs .academic { + background-image: url("../images/wordlist/icon-academic-blue.png"); + width: 25px; + height: 25px; + top: -2px +} + +.dr-gs .pos-g { + display: inline +} + +.dr-gs .top-g > span { + margin-right: 4px +} + +.entry[dict~="oaad"] .collapse[title^="Grammar"] .p { + margin-top: 3px; + margin-left: 16px; + position: relative; + display: block +} + +.entry[dict~="oaad"] .collapse[title^="Grammar"] .p:before { + content: ""; + position: absolute; + left: -15px; + top: 9px; + width: 7px; + height: 7px; + background-image: url("../images/entry/entry-sqbullet.png"); + background-size: 7px auto +} + +.collapse { + padding: 12px 18px 12px 18px; + border-left: 3px solid #C76E06 +} + +.collapse .heading, .collapse pnc.heading, .collapse .body, .collapse .h1, .collapse .li, .collapse .inline { + display: block +} + +.collapse .heading:hover, .collapse pnc.heading:hover { + cursor: pointer +} + +.collapse .heading:before, .collapse pnc.heading:before { + width: 14px; + height: 14px; + background-image: url("../images/entry/icon-plus-minus-orange.png"); + background-size: 100% auto; + background-position: center bottom; + content: ""; + display: inline-block; + margin-right: 12px; + position: relative; + top: 1px +} + +.collapse .body, .collapse .heading + .def { + display: none +} + +.collapse .h1 { + color: #C76E06; + font-size: 19.5px; + margin: 12px 0 6px 0; + font-weight: bold; + display: block +} + +.collapse .h3, .collapse .h2 { + font-size: 16.5px; + margin: 6px 0 3px 0; + font-weight: bold; + display: block; + border-bottom: 1px solid rgba(199, 110, 6, 0.5); + color: #333 +} + +.collapse .li .x-gs { + display: inline +} + +.collapse .x-gs { + margin-bottom: 6px +} + +.collapse .x-g:before { + display: none +} + +.collapse .x-g:not(:first-of-type):before { + content: ""; + left: -3px; + margin-left: -2px; + margin-right: 1px; + position: relative; + display: inline-block; + top: -2px; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.collapse .p { + margin: 0; + display: block +} + +.collapse .p .xr-gs { + display: inline; + margin: 0 +} + +.collapse .p .xr-gs[type~="pdf"] { + display: none +} + +.collapse .inline, .collapse ul.inline { + display: block; + font-size: 16.5px; + margin-bottom: 12px +} + +.collapse .inline .li, .collapse ul.inline .li { + display: inline-block; + font-weight: bold +} + +.collapse .inline .li:not(:last-of-type):after, .collapse ul.inline .li:not(:last-of-type):after { + content: ""; + margin-left: 5px; + position: relative; + top: -2px; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto; + display: inline-block +} + +.collapse .deflist .li, .collapse ul.deflist .li { + margin-top: 6px +} + +.collapse .deflist .li > .eb, .collapse ul.deflist .li > .eb { + color: #C76E06; + font-size: 16px +} + +.collapse .bullet, .collapse ul.bullet { + display: block; + margin: 6px 0 12px 0 +} + +.collapse .bullet .li, .collapse ul.bullet .li { + margin-top: 3px; + margin-left: 16px; + position: relative; + display: block +} + +.collapse .bullet .li:before, .collapse ul.bullet .li:before { + content: ""; + position: absolute; + left: -15px; + top: 9px; + width: 7px; + height: 7px; + background-image: url("../images/entry/entry-sqbullet.png"); + background-size: 7px auto +} + +.collapse .table { + margin: 12px; + display: table +} + +.collapse .th, .collapse .td { + padding: 2px 12px 2px 12px; + border-bottom: 1px solid rgba(199, 110, 6, 0.5); + display: table-cell +} + +.collapse .th { + background-color: rgba(199, 110, 6, 0.2) +} + +.collapse .tr { + display: table-row +} + +.collapse[title^="Extra"] .x-g { + display: block; + position: relative +} + +.collapse[title^="Extra"] .x-g:before { + content: ""; + display: inline; + left: -11px; + margin: 0; + position: absolute; + width: 6px; + height: 6px; + top: 8px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.collapse[title^="Wordfinder"] .xr-gs:before { + display: none +} + +.collapse[title^="More Like This"] .inline .li { + font-weight: normal; + font-size: 15px +} + +.collapse[title^="More Like This"] .sep { + display: none +} + +.collapse[title^="AWL Collocations"] .er { + font-weight: normal +} + +.collapse[title^="AWL Collocations"] .h3 { + border-bottom: 0 +} + +.collapse[title^="AWL Collocations"] .h3 .inline { + margin-bottom: 0; + font-size: 15px +} + +.unbox.is-active .heading, .unbox.is-active pnc.heading { + margin-bottom: 12px +} + +.unbox.is-active .heading:hover, .unbox.is-active pnc.heading:hover { + cursor: pointer +} + +.unbox.is-active .heading:before, .unbox.is-active pnc.heading:before { + background-position: center top +} + +.unbox.is-active .body, .unbox.is-active .heading + .def { + display: block +} + +.snippet .collapse { + border-left-color: #A9222D; + background-color: transparent +} + +.snippet .collapse .shcut { + border-bottom: none +} + +.snippet .collapse .heading { + background-color: rgba(169, 34, 45, 0.1) +} + +.snippet .collapse .heading:hover { + background-color: rgba(169, 34, 45, 0.2) +} + +.snippet .collapse .heading:before { + background-image: url(../images/entry/icon-plus-minus-red.png) +} + +.snippet .collapse .shcut.shcut { + margin-top: 12px +} + +.snippet .collapse .sn-g { + margin-top: 0 +} + +.snippet .collapse .coll-g:before { + content: "\2022"; + font-size: 20px; + padding-top: 2px; + margin-right: 6px; + display: inline-block; + position: relative; + top: 2px; + line-height: 18px; + color: silver +} + +.snippet .collapse .coll-gs .sep { + display: none +} + +.peu-grammar-home .box { + background: url(../images/home/gu-ball.jpg) no-repeat 15px 15px white +} + +.block { + display: block +} + +.bold, .eb, .eb, .title_bold { + font-weight: bold +} + +.boldItalic, .ebi { + font-style: italic; + font-weight: bold +} + +.caption { + font-size: 12px; + padding-left: 20px +} + +.commentary { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.construct { + font-weight: bold +} + +.constructGroup .construct { + font-weight: normal; + display: inline-block; + padding: 3px 8px; + background-color: #c6d9f9; + margin-bottom: .4em +} + +.context { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.dialogue { + font-style: italic +} + +.dialogue .speaker { + font-style: normal +} + +.equivalent { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.example { + display: block; + font-style: italic; + padding-left: 12px; + text-indent: -12px +} + +.example * { + text-indent: 0 +} + +.exampleGroup { + padding-left: 20px; + display: block; + position: relative +} + +.exampleGroupSet { + display: block +} + +.example_runon { + margin-left: 6px +} + +.grammarEntry .h { + font-weight: bold +} + +.hang { + min-width: 30px; + display: table-cell +} + +.indent { + display: table-cell +} + +.italic, .ei, .ei { + font-style: italic +} + +.list_keyword { + font-weight: bold; + display: inline-block; + margin-top: 8px +} + +.locution { + display: inline +} + +.locution:not(:last-child) { + margin-right: 6px +} + +.note { + font-size: 0.8em; + font-family: "Merriweather", Georgia, sans-serif +} + +.note .a { + font-size: 111.35%; + font-family: "Open Sans", Arial, Helvetica, sans-serif +} + +.notes { + display: block; + margin-top: 11px; + border-left: 4px solid silver; + padding-left: 8px +} + +.notPertinent { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.pertinent { + font-style: italic +} + +.phons { + font-family: "Lucida Sans Unicode", "Lucida Grande"; + font-style: normal +} + +.roman { + font-style: normal +} + +.smallCaps, .esc { + font-variant: small-caps; + font-variant: all-small-caps; + font-size: 1.2em; + text-transform: lowercase +} + +.strikethrough, .estrike { + text-decoration: line-through +} + +.strikethrough .eph, .estrike .eph { + text-decoration: line-through +} + +.strikethrough .noStrike, .estrike .noStrike { + display: inline-block +} + +.subtitle { + font-weight: normal +} + +.subtitle .ebi { + font-weight: normal +} + +.superSectionIntro { + display: block; + margin: 1em 0 +} + +.tabular { + display: block +} + +.title { + color: #0d3880; + display: block; + font-weight: bold; + font-size: 1.2em +} + +.title .subtitle .ei { + font-weight: normal +} + +.underline { + text-decoration: underline +} + +.vocabBox { + background-color: #c6d9f9; + padding: 3px 20px; + margin-bottom: .4em; + margin-top: .4em; + display: inline-block +} + +.grammarEntry .wx-gs { + display: block; + border: 1px solid #0d3880; + padding: 8px; + margin-top: 14px +} + +.grammarEntry .wx-gs .title { + padding-bottom: 8px; + font-weight: bold; + font-size: 18px +} + +.grammarEntry .wx-gs .wx { + font-family: 'Open Sans', Arial, Helvetica, sans-serif; + font-style: normal; + text-decoration: none; + display: block; + padding: 2px 0 2px 26px; + position: relative +} + +.grammarEntry .wx-gs .wx:before { + content: ""; + display: inline-block; + width: 12px; + height: 16px; + position: absolute; + top: 6px; + left: 0; + background: url(../images/peu/wx-cross.png) no-repeat; + background-size: 12px 16px +} + +.xh { + font-variant: small-caps +} + +.xref { + color: #0d3880; + white-space: nowrap +} + +.xref:before { + content: ""; + display: inline-block; + position: relative; + border-top: 0.35em solid transparent; + border-bottom: 0.35em solid transparent; + border-left: 0.7em solid #0d3880; + margin-right: 4px; + margin-left: 1px +} + +.grammarEntry .xr-gs .xr-g { + display: block +} + +.grammarEntry .Ref .xr-gs { + display: inline-block +} + +.peu-btns { + padding-top: 10px; + display: block +} + +.peu-btns:after { + content: ""; + display: table; + clear: both +} + +.peu-btns a { + display: block; + position: relative; + line-height: 30px; + min-width: 90px; + padding: 0 12px; + background-color: #004aac; + color: white; + font-variant: normal; + text-transform: lowercase; + font-size: 12px; + font-weight: normal; + border-radius: 15px +} + +.peu-btns a:before, .peu-btns a:after { + background: url(../images/peu/btn-arrows.svg) no-repeat; + display: inline-block; + vertical-align: middle; + width: 11px; + height: 30px +} + +.peu-btns a:hover { + background-color: #00123c +} + +.peu-btns .xr-g { + display: block +} + +.peu-btns .xr-g:first-child a { + float: left +} + +.peu-btns .xr-g:first-child a:before { + content: ""; + margin-right: 6px +} + +.peu-btns .xr-g:last-child a { + float: right; + text-align: right +} + +.peu-btns .xr-g:last-child a:after { + content: ""; + background-position: right top; + margin-left: 6px +} + +.peu-btns .xr-g:last-child a:before { + content: none +} + +.page-head, .grammarEntry > .title, .introduction > .title { + font-size: 1.6em; + font-weight: bold; + margin-bottom: 1em +} + +.grammarEntry { + display: block; + clear: both +} + +.grammarEntry > .title { + line-height: 1.4em +} + +.grammarEntry > .title[section="yes"] { + font-size: 1.8em; + font-weight: bold; + margin-bottom: 1em +} + +.grammarEntry > .title .hang { + padding-right: 20px +} + +.grammarEntry > .title .indent .notPertinent { + font-weight: inherit +} + +.grammarEntry .breadcrumb { + display: none +} + +.grammarEntry > .breadcrumb { + font-size: .8em; + display: block; + margin-top: -10px; + margin-bottom: 4px +} + +.grammarEntry > .breadcrumb:before { + content: "PEU"; + font-weight: bold +} + +.grammarEntry > .breadcrumb .l1 { + padding-left: 23px; + background: url(../images/peu/peu-mini-icon-1.png) no-repeat 4px center; + background-size: 14px 15px +} + +.grammarEntry .xr-gs:before, .grammarEntry .institle, .grammarEntry .arl { + display: none +} + +.grammarEntry .example_runon { + display: block; + margin-left: 0 +} + +.grammarEntry .exampleGroup { + padding-left: 12px +} + +.grammarEntry .exampleGroup .hang { + left: 12px +} + +.grammarEntry .exampleGroup .hang + .indent { + padding-left: 10px; + display: block +} + +.grammarEntry .constructGroup { + padding-left: 12px +} + +.author-name { + color: #4d4c4c; + font-size: 18px +} + +.peu-home-logo { + display: inline-block; + margin: -10px 0 -10px +} + +.peu-home-un-authorized { + padding-bottom: 20px +} + +.peu-home-un-authorized h1 { + font-size: 28px; + font-family: "Open Sans", Arial, Helvetica, sans-serif; + margin-top: 0; + margin-bottom: 8px +} + +.peu-home-un-authorized h1:after { + content: ""; + display: inline-block; + width: 26px; + height: 28px; + background: url("../images/peu/peu-logo-big.png") no-repeat right top; + background-size: 26px 28px; + margin-left: 8px; + margin-top: -4px; + vertical-align: middle +} + +.peu-home-un-authorized #generaltext h2 { + font-size: 16px; + line-height: 22px; + margin-top: 24px +} + +.peu-home-un-authorized #generaltext .open-close h2 { + color: #0d3880 +} + +.peu-home-un-authorized #generaltext .open-close h2:first-child { + margin-top: 0 +} + +.peu-home-un-authorized h3 { + font-size: 16px; + font-weight: bold; + line-height: 24px +} + +.peu-home-un-authorized h3 + h3 { + margin-top: -7px +} + +.peu-home-un-authorized .peu-quote { + text-align: right; + font-size: 14px; + margin: 4px 0 +} + +.peu-home-authorized h3 { + padding-bottom: 0 +} + +.peu-sales-box { + border: 1px solid #8f0610; + padding: 12px 16px 10px; + margin-bottom: 20px; + margin-top: 20px +} + +.peu-sales-box .bgtn-premium { + margin-top: 6px +} + +.grammarEntry[type="interstitial"] .title { + color: #333; + font-weight: bold +} + +.grammarEntry[type="interstitial"] > .title + .section { + margin-bottom: 8px +} + +.grammarEntry[type="interstitial"] .section .title { + display: inline; + margin-top: 6px +} + +.grammarEntry[type="interstitial"] .section { + margin-bottom: 6px +} + +.grammarEntry[type="interstitial"] > .section { + margin-top: 24px +} + +.grammarEntry[type="interstitial"] .subtitle { + font-weight: bold +} + +.grammarEntry[type="interstitial"] .title .indent { + font-size: 15px; + font-weight: normal; + display: inline +} + +.grammarEntry[type="interstitial"] .title + .block { + display: inline-block; + padding-left: 18px; + margin-top: 0 +} + +.grammarEntry[type="interstitial"] .title + .block .xr-gs { + display: inline-block; + margin-top: 0 +} + +.section { + display: block +} + +.section > .title { + margin-top: 1em +} + +.section > .section > .title { + font-size: 1em; + font-weight: normal +} + +.grammarEntry > .section[section_num] > span:not(.title):not(.pnc), .grammarEntry > .section > .section[section_num] > span:not(.title):not(.pnc) { + margin-left: 30px +} + +.grammarEntry > .section[section_num] + .notes, .grammarEntry > .section > .section[section_num] + .notes { + margin-top: 24px; + margin-left: 30px; + border-left: 12px solid silver +} + +.section > .block, .section > .constructGroup, .section > .notes, .section > .lettered, .section > .bulleted, .section > .numbered { + display: block; + margin-top: .4em +} + +.section .title { + display: table +} + +.section .title .indent, .section .title .indent .ebi { + font-weight: normal +} + +.exampleGroup .hang { + position: absolute; + left: 0 +} + +.example .pertinent { + font-weight: bold +} + +.example .commentary .pertinent { + font-weight: normal +} + +.example .commentary .example .pertinent { + font-weight: bold +} + +.block .example, .commentary .example { + display: inline; + padding-left: 0; + text-indent: 0 +} + +.vocabBox .example { + display: inline +} + +table span { + margin-left: 0 !important +} + +table .exampleGroup, table .example { + padding-left: 0 +} + +table td { + padding: 0 1em 0 0; + vertical-align: top +} + +table .block { + margin: 0 +} + +.frame_all_, .frame_none_, .frame_no_row_, .frame_never_, .frame__, .frame_none_0 { + margin-top: .8em; + margin-bottom: .4em +} + +.frame_all_ th, .frame_none_ th, .frame_no_row_ th, .frame_never_ th, .frame__ th, .frame_none_0 th { + text-align: left; + font-weight: bold +} + +.frame_all_ tr, .frame_no_row_ tr { + border: 1px black solid +} + +.frame_all_ th, .frame_no_row_ th { + padding: 2px 6px +} + +.frame_all_ td, .frame_no_row_ td { + padding: 2px 6px 2px 16px; + text-indent: -10px +} + +.frame_no_row_ tr { + border-width: 0 1px +} + +.frame_no_row_ tr:last-child { + border-bottom-width: 1px +} + +.frame_no_row_ tr:first-child { + border-top-width: 1px; + border-bottom-width: 1px +} + +.frame_none_ th, .frame_none_0 th, .frame__ th { + text-align: left; + padding-right: 15px +} + +.plain { + display: block +} + +.plain .indent { + display: block +} + +.plain .exampleGroup { + padding-left: 20px +} + +.plain .example { + padding-left: 0 +} + +.plain .block { + margin: 0 +} + +.bulleted, .lettered, .numbered { + padding-left: 20px; + position: relative +} + +.bulleted .li:before, .lettered .li:before, .numbered .li:before { + position: absolute; + left: 0; + font-weight: bold +} + +.bulleted .li:before { + content: "\2022" +} + +.lettered { + counter-reset: letter-counter +} + +.lettered .li:before { + content: counter(letter-counter, lower-alpha); + counter-increment: letter-counter +} + +.numbered { + counter-reset: number-counter +} + +.numbered .li:before { + content: counter(number-counter); + counter-increment: number-counter +} + +.numbered .bulleted { + display: block +} + +.numbered .bulleted .li:before { + content: "\2022" !important; + counter-increment: none +} + +@media screen and (min-width: 261px) and (max-width: 761px) { + .grammarEntry > .breadcrumb { + margin-top: 0 + } +} + +@media screen and (min-width: 762px) and (max-width: 928px) { + .grammarEntry > .breadcrumb { + margin-top: -6px + } +} + +.peu-contents-full { + margin-bottom: 10px +} + +.peu-contents-full li a { + padding: 7px 0 7px 25px; + line-height: 22px +} + +.peu-contents-full ul > li > div > a { + color: #333 +} + +.peu-contents-full ul ul > li > div > a { + color: #004aac; + padding: 4px 0 4px 25px +} + +.peu-contents-full ul ul ul > li > div > a { + color: #333; + padding: 4px 0 4px 25px +} + +.peu-contents-full .section .section[subsection="1"]:not(:first-child) .title:before { + content: "- " +} + +#rightcolumn .toc_header { + border-bottom: 1px solid #cccccc +} + +#rightcolumn .toc_header h4 { + padding-left: 26px; + font-size: 15px +} + +#rightcolumn .toc_content { + padding-right: 8px +} + +#rightcolumn .toc_content > a { + margin-top: 8px; + display: inline-block +} + +#rightcolumn .relatedBlock ul ul div a { + padding: 4px; + margin-left: 16px; + color: #004aac +} + +#rightcolumn .relatedBlock ul ul .icon-plus, #rightcolumn .relatedBlock ul ul .icon-minus { + display: none +} + +#rightcolumn .relatedBlock ul ul ul[style] { + display: none !important +} + +.grammarEntry .pron-gs { + border: none; + padding: 0 4px; + vertical-align: top; + margin-top: 0; + display: inline-block +} + +.grammarEntry .pron-gs .sound { + display: block +} + +.lang-study-page h3, .peu-introduction-page h3 { + margin: 14px 0 0 +} + +.peu-link-nav, #browse-letters { + margin-top: 16px +} + +.peu-link-nav:after, #browse-letters:after { + content: ""; + display: table; + clear: both +} + +.peu-link-nav a, #browse-letters a { + display: block; + float: left; + padding: 0 8px; + min-width: 34px; + line-height: 30px; + text-align: center; + margin-right: 8px; + margin-bottom: 8px; + border: 2px solid #cccccc; + border-radius: 8px +} + +.peu-link-nav a:hover, #browse-letters a:hover { + background-color: #ebebeb; + text-decoration: none; + color: black +} + +.definition-wrap { + margin-left: 22px; + text-indent: -22px; + margin-bottom: 8px +} + +.phon-table td { + height: 30px +} + +.phon-table td:first-child { + width: 35px +} + +.story-behind-peu .float-right { + float: right; + margin: 5px 0 10px 10px +} + +.story-behind-peu .float-left { + float: left; + margin: 5px 10px 10px 0 +} + +.story-behind-peu .float-right, .story-behind-peu .float-left { + max-width: 50%; + height: auto +} + +.entry-unauthorised .restrictedLock { + color: #333; + margin-bottom: 18px +} + +.entry-unauthorised .restrictedImg img { + width: 14px +} + +.entry-unauthorised .restrictedLinks table { + margin-bottom: 20px; + position: relative +} + +.entry-unauthorised .restrictedLinks td { + display: block; + float: left; + line-height: 30px +} + +.entry-unauthorised .restrictedLinks td:first-child { + font-size: 18px; + font-weight: bold +} + +.introduction > .title { + margin-bottom: 0 +} + +.introduction > .title .hang { + display: inline-block; + padding-right: 20px; + font-weight: normal +} + +.introduction > .title .indent { + display: inline-block; + font-weight: bold +} + +.introduction > .title .indent .ei, .introduction > .title .indent .notPertinent { + font-weight: bold +} + +.superSectionIntro, .title_contents { + text-transform: uppercase; + color: #333; + font-size: 24px; + margin-top: 30px; + margin-bottom: 10px; + display: block; + font-weight: normal +} + +#simple-present-forms__16 tr, #passive-structures-and-verb-forms__23 tr { + border-width: 0 1px 0 1px +} + +#simple-present-forms__16 tr:first-child, #passive-structures-and-verb-forms__23 tr:first-child { + border-width: 1px +} + +#simple-present-forms__16 tr:last-child, #passive-structures-and-verb-forms__23 tr:last-child { + border-width: 0 1px 1px 1px +} + +#abbreviations__164 td, #prefixes-and-suffixes__997 td, #prefixes-and-suffixes__1024 td, #prefixes-and-suffixes__798 td, #special-rules-and-exceptions__724 td { + padding-left: 10px; + text-indent: -10px +} + +#numbers_1__853 { + margin-left: 15px +} + +#numbers_1__803 td > span { + display: block; + padding-left: 10px; + text-indent: -10px +} + +#numbers_1__803 td:first-child { + white-space: nowrap +} + +#headlines__203 .esc { + display: block; + padding-left: 15px +} + +#special-rules-and-exceptions__724 td .ei:nth-child(2), #special-rules-and-exceptions__724 td .ei:nth-child(3) { + display: block; + padding-left: 10px +} + +#special-rules-and-exceptions__724 .example_runon { + padding-left: 10px +} + +#numbers_1__846 td:first-child { + white-space: nowrap +} + +#spelling-of-plurals__30 tr:nth-child(2) td .ebi, #spelling-of-plurals__128 tr:nth-child(2) td .ebi, #if-introduction__45 tr:nth-child(2) td .ebi, #if-introduction__63 tr:nth-child(2) td .ebi, #if-introduction__81 tr:nth-child(2) td .ebi { + padding: 3px 8px; + background-color: #c6d9f9 +} + +#if-introduction__45 tr:nth-child(2) td, #if-introduction__63 tr:nth-child(2) td, #if-introduction__81 tr:nth-child(2) td { + text-align: left +} + +#if-introduction__45 tr:nth-child(2) td .ebi, #if-introduction__45 tr:nth-child(2) td .eb, #if-introduction__63 tr:nth-child(2) td .ebi, #if-introduction__63 tr:nth-child(2) td .eb, #if-introduction__81 tr:nth-child(2) td .ebi, #if-introduction__81 tr:nth-child(2) td .eb { + font-weight: normal +} + +#if-introduction__45 td:first-child, #if-introduction__63 td:first-child, #if-introduction__81 td:first-child { + min-width: 170px +} + +@media screen and (max-width: 761px) { + #active-verb-tenses__93.frame_all_, #simple-past_1__193.frame_all_, #prefixes-and-suffixes__19.frame_all_, #prefixes-and-suffixes__573.frame_all_, #prefixes-and-suffixes__827.frame_all_, #simple-present-forms__16.frame_all_, #simple-past_1__18.frame_all_, #passive-structures-and-verb-forms__23.frame_all_, #comparative-and-superlative-adjectives__57.frame_all_, #nationalities-countries-and-regions__30.frame_all_6, #simple-present-forms__16.frame_no_row_, #passive-structures-and-verb-forms__23.frame_no_row_, #comparative-and-superlative-adjectives__57.frame_no_row_, #nationalities-countries-and-regions__92.frame_no_row_, #nationalities-countries-and-regions__194.frame_no_row_, #american-and-british-english__24, #american-and-british-english__212, #active-verb-tenses__116 { + display: block; + border: none; + border: 1px solid grey + } + + #active-verb-tenses__93.frame_all_ tbody, #active-verb-tenses__93.frame_all_ tr, #active-verb-tenses__93.frame_all_ td, #simple-past_1__193.frame_all_ tbody, #simple-past_1__193.frame_all_ tr, #simple-past_1__193.frame_all_ td, #prefixes-and-suffixes__19.frame_all_ tbody, #prefixes-and-suffixes__19.frame_all_ tr, #prefixes-and-suffixes__19.frame_all_ td, #prefixes-and-suffixes__573.frame_all_ tbody, #prefixes-and-suffixes__573.frame_all_ tr, #prefixes-and-suffixes__573.frame_all_ td, #prefixes-and-suffixes__827.frame_all_ tbody, #prefixes-and-suffixes__827.frame_all_ tr, #prefixes-and-suffixes__827.frame_all_ td, #simple-present-forms__16.frame_all_ tbody, #simple-present-forms__16.frame_all_ tr, #simple-present-forms__16.frame_all_ td, #simple-past_1__18.frame_all_ tbody, #simple-past_1__18.frame_all_ tr, #simple-past_1__18.frame_all_ td, #passive-structures-and-verb-forms__23.frame_all_ tbody, #passive-structures-and-verb-forms__23.frame_all_ tr, #passive-structures-and-verb-forms__23.frame_all_ td, #comparative-and-superlative-adjectives__57.frame_all_ tbody, #comparative-and-superlative-adjectives__57.frame_all_ tr, #comparative-and-superlative-adjectives__57.frame_all_ td, #nationalities-countries-and-regions__30.frame_all_6 tbody, #nationalities-countries-and-regions__30.frame_all_6 tr, #nationalities-countries-and-regions__30.frame_all_6 td, #simple-present-forms__16.frame_no_row_ tbody, #simple-present-forms__16.frame_no_row_ tr, #simple-present-forms__16.frame_no_row_ td, #passive-structures-and-verb-forms__23.frame_no_row_ tbody, #passive-structures-and-verb-forms__23.frame_no_row_ tr, #passive-structures-and-verb-forms__23.frame_no_row_ td, #comparative-and-superlative-adjectives__57.frame_no_row_ tbody, #comparative-and-superlative-adjectives__57.frame_no_row_ tr, #comparative-and-superlative-adjectives__57.frame_no_row_ td, #nationalities-countries-and-regions__92.frame_no_row_ tbody, #nationalities-countries-and-regions__92.frame_no_row_ tr, #nationalities-countries-and-regions__92.frame_no_row_ td, #nationalities-countries-and-regions__194.frame_no_row_ tbody, #nationalities-countries-and-regions__194.frame_no_row_ tr, #nationalities-countries-and-regions__194.frame_no_row_ td, #american-and-british-english__24 tbody, #american-and-british-english__24 tr, #american-and-british-english__24 td, #american-and-british-english__212 tbody, #american-and-british-english__212 tr, #american-and-british-english__212 td, #active-verb-tenses__116 tbody, #active-verb-tenses__116 tr, #active-verb-tenses__116 td { + display: block; + border: none + } + + #active-verb-tenses__93.frame_all_ tr, #simple-past_1__193.frame_all_ tr, #prefixes-and-suffixes__19.frame_all_ tr, #prefixes-and-suffixes__573.frame_all_ tr, #prefixes-and-suffixes__827.frame_all_ tr, #simple-present-forms__16.frame_all_ tr, #simple-past_1__18.frame_all_ tr, #passive-structures-and-verb-forms__23.frame_all_ tr, #comparative-and-superlative-adjectives__57.frame_all_ tr, #nationalities-countries-and-regions__30.frame_all_6 tr, #simple-present-forms__16.frame_no_row_ tr, #passive-structures-and-verb-forms__23.frame_no_row_ tr, #comparative-and-superlative-adjectives__57.frame_no_row_ tr, #nationalities-countries-and-regions__92.frame_no_row_ tr, #nationalities-countries-and-regions__194.frame_no_row_ tr, #american-and-british-english__24 tr, #american-and-british-english__212 tr, #active-verb-tenses__116 tr { + border-bottom: 1px solid grey; + padding-bottom: 4px + } + + #active-verb-tenses__93.frame_all_ tr:first-child, #simple-past_1__193.frame_all_ tr:first-child, #prefixes-and-suffixes__19.frame_all_ tr:first-child, #prefixes-and-suffixes__573.frame_all_ tr:first-child, #prefixes-and-suffixes__827.frame_all_ tr:first-child, #simple-present-forms__16.frame_all_ tr:first-child, #simple-past_1__18.frame_all_ tr:first-child, #passive-structures-and-verb-forms__23.frame_all_ tr:first-child, #comparative-and-superlative-adjectives__57.frame_all_ tr:first-child, #nationalities-countries-and-regions__30.frame_all_6 tr:first-child, #simple-present-forms__16.frame_no_row_ tr:first-child, #passive-structures-and-verb-forms__23.frame_no_row_ tr:first-child, #comparative-and-superlative-adjectives__57.frame_no_row_ tr:first-child, #nationalities-countries-and-regions__92.frame_no_row_ tr:first-child, #nationalities-countries-and-regions__194.frame_no_row_ tr:first-child, #american-and-british-english__24 tr:first-child, #american-and-british-english__212 tr:first-child, #active-verb-tenses__116 tr:first-child { + display: none + } + + #active-verb-tenses__93.frame_all_ tr:last-child, #simple-past_1__193.frame_all_ tr:last-child, #prefixes-and-suffixes__19.frame_all_ tr:last-child, #prefixes-and-suffixes__573.frame_all_ tr:last-child, #prefixes-and-suffixes__827.frame_all_ tr:last-child, #simple-present-forms__16.frame_all_ tr:last-child, #simple-past_1__18.frame_all_ tr:last-child, #passive-structures-and-verb-forms__23.frame_all_ tr:last-child, #comparative-and-superlative-adjectives__57.frame_all_ tr:last-child, #nationalities-countries-and-regions__30.frame_all_6 tr:last-child, #simple-present-forms__16.frame_no_row_ tr:last-child, #passive-structures-and-verb-forms__23.frame_no_row_ tr:last-child, #comparative-and-superlative-adjectives__57.frame_no_row_ tr:last-child, #nationalities-countries-and-regions__92.frame_no_row_ tr:last-child, #nationalities-countries-and-regions__194.frame_no_row_ tr:last-child, #american-and-british-english__24 tr:last-child, #american-and-british-english__212 tr:last-child, #active-verb-tenses__116 tr:last-child { + border-bottom: none + } + + #active-verb-tenses__93.frame_all_ td:before, #simple-past_1__193.frame_all_ td:before, #prefixes-and-suffixes__19.frame_all_ td:before, #prefixes-and-suffixes__573.frame_all_ td:before, #prefixes-and-suffixes__827.frame_all_ td:before, #simple-present-forms__16.frame_all_ td:before, #simple-past_1__18.frame_all_ td:before, #passive-structures-and-verb-forms__23.frame_all_ td:before, #comparative-and-superlative-adjectives__57.frame_all_ td:before, #nationalities-countries-and-regions__30.frame_all_6 td:before, #simple-present-forms__16.frame_no_row_ td:before, #passive-structures-and-verb-forms__23.frame_no_row_ td:before, #comparative-and-superlative-adjectives__57.frame_no_row_ td:before, #nationalities-countries-and-regions__92.frame_no_row_ td:before, #nationalities-countries-and-regions__194.frame_no_row_ td:before, #american-and-british-english__24 td:before, #american-and-british-english__212 td:before, #active-verb-tenses__116 td:before { + display: block; + font-weight: bold; + padding-top: 4px + } + + #active-verb-tenses__93 td:nth-child(1):before, #passive-structures-and-verb-forms__23 td:nth-child(1):before, #passive-structures-and-verb-forms__23 td:nth-child(1):before, #active-verb-tenses__116 td:nth-child(1):before { + content: "NAME" + } + + #active-verb-tenses__93 td:nth-child(2):before, #passive-structures-and-verb-forms__23 td:nth-child(2):before, #passive-structures-and-verb-forms__23 td:nth-child(2):before, #active-verb-tenses__116 td:nth-child(2):before { + content: "CONSTRUCTION" + } + + #active-verb-tenses__93 td:nth-child(3):before, #passive-structures-and-verb-forms__23 td:nth-child(3):before, #passive-structures-and-verb-forms__23 td:nth-child(3):before, #active-verb-tenses__116 td:nth-child(3):before { + content: "EXAMPLE" + } + + #active-verb-tenses__93 td:nth-child(4):before, #passive-structures-and-verb-forms__23 td:nth-child(4):before, #passive-structures-and-verb-forms__23 td:nth-child(4):before, #active-verb-tenses__116 td:nth-child(4):before { + content: "TYPICAL USE" + } + + #prefixes-and-suffixes__19 td:nth-child(1):before, #prefixes-and-suffixes__573 td:nth-child(1):before, #prefixes-and-suffixes__827 td:nth-child(1):before { + content: "prefix" + } + + #prefixes-and-suffixes__19 td:nth-child(2):before, #prefixes-and-suffixes__573 td:nth-child(2):before, #prefixes-and-suffixes__827 td:nth-child(2):before { + content: "mainly added to" + } + + #prefixes-and-suffixes__19 td:nth-child(3):before, #prefixes-and-suffixes__573 td:nth-child(3):before, #prefixes-and-suffixes__827 td:nth-child(3):before { + content: "usual meaning" + } + + #prefixes-and-suffixes__19 td:nth-child(4):before, #prefixes-and-suffixes__573 td:nth-child(4):before, #prefixes-and-suffixes__827 td:nth-child(4):before { + content: "examples" + } + + #simple-present-forms__16 td:nth-child(1):before { + content: "Affirmative" + } + + #simple-present-forms__16 td:nth-child(2):before { + content: "Question" + } + + #simple-present-forms__16 td:nth-child(3):before { + content: "Negative" + } + + #comparative-and-superlative-adjectives__57 td:nth-child(1):before { + content: "Adjective" + } + + #comparative-and-superlative-adjectives__57 td:nth-child(2):before { + content: "Comparative" + } + + #comparative-and-superlative-adjectives__57 td:nth-child(3):before { + content: "Superlative" + } + + #nationalities-countries-and-regions__92 td:nth-child(1):before, #nationalities-countries-and-regions__194 td:nth-child(1):before { + content: "Country/region" + } + + #nationalities-countries-and-regions__92 td:nth-child(2):before, #nationalities-countries-and-regions__194 td:nth-child(2):before { + content: "Adjective" + } + + #nationalities-countries-and-regions__92 td:nth-child(3):before, #nationalities-countries-and-regions__194 td:nth-child(3):before { + content: "Person" + } + + #nationalities-countries-and-regions__92 td:nth-child(4):before, #nationalities-countries-and-regions__194 td:nth-child(4):before { + content: "Population" + } + + #american-and-british-english__212 td:nth-child(1):before, #american-and-british-english__24 td:nth-child(1):before { + content: "American English" + } + + #american-and-british-english__212 td:nth-child(2):before, #american-and-british-english__24 td:nth-child(2):before { + content: "British English" + } + + .frame_none_ { + display: block; + border: none + } + + .frame_none_ tbody { + display: block + } + + .frame_none_ tr { + display: block; + border: none; + padding-bottom: 4px + } + + .frame_none_ td, .frame_none_ th { + display: inline; + padding: 0 4px 0 0 + } + + .frame_none_ td:not(:first-child):before, .frame_none_ th:not(:first-child):before { + content: "| "; + padding-right: 4px + } + + .frame_none_ .block { + display: inline; + padding-right: 4px + } +} + +#formal-and-informal-vocabulary__9 .exampleGroup .context { + width: 150px; + display: inline-block +} + +@media screen and (max-width: 761px) { + #formal-and-informal-vocabulary__9 .exampleGroup .context { + display: inline + } +} + +#capital-letters_1__9 { + counter-reset: letter-counter; + position: relative +} + +#capital-letters_1__9 .section:before { + content: counter(letter-counter, lower-alpha); + counter-increment: letter-counter; + position: absolute; + left: 0; + font-weight: bold +} + +#spelling-and-pronunciation__134 .example { + display: inline-block +} + +#comparative-and-superlative-adjectives__311, #comparative-and-superlative-adjectives__340, #american-and-british-english__212, #american-and-british-english__24 { + border: none +} + +#comparative-and-superlative-adjectives__311 tr, #comparative-and-superlative-adjectives__340 tr, #american-and-british-english__212 tr, #american-and-british-english__24 tr { + border: none +} + +#comparative-and-superlative-adjectives__311 td, #comparative-and-superlative-adjectives__340 td, #american-and-british-english__212 td, #american-and-british-english__24 td { + padding-left: 12px; + text-indent: -12px +} + +#prepositions-before-particular-words-and-expressions__9 .plain { + margin-top: 16px +} + +#prepositions-before-particular-words-and-expressions__9 .plain .indent { + margin-top: 8px +} + +#prepositions-after-particular-words-and-expressions__9 .plain .indent { + margin-top: 8px +} + +#spelling-and-pronunciation__1176 .sound { + display: inline-block +} + +.swb-home-logo { + display: inline-block; + margin: -10px 0 -10px +} + +h2 .oxford3000 { + top: 0 +} + +.unbox .p { + display: block +} + +.unbox .p + .p { + margin-top: 18px +} + +.trans-page .v_alt { + font-weight: bold +} + +.trans-page .prefix_adv, .trans-page .ds, .trans-page .dtxt { + font-style: italic +} + +.trans-page .x-g:before { + content: "\2022"; + top: 1px; + left: -13px; + font-size: 22px; + color: #008900; + background-image: none +} + +.trans-page .x { + font-family: "Open Sans", Arial, sans-serif +} + +.trans-page .tx { + display: block; + color: #008900; + font-size: 14px +} + +.trans-page .unbox, .trans-page .bf-gs { + border: 1px solid rgba(199, 110, 6, 0.4); + border-radius: 10px 10px 0 0; + display: block; + margin: 18px 0 18px 0; + overflow: hidden; + padding: 9px 18px +} + +.trans-page .unbox { + border-color: #333 +} + +.trans-page .unbox .h1 { + font-size: 20px; + padding: 10px 0 6px; + display: block +} + +.trans-page .top-g .unbox { + border: none; + display: inline; + padding: 0; + margin: 0 +} + +.trans-page .idm-gs { + border-color: #C76E06 +} + +.trans-page .idm-gs > .unbox { + margin-left: 18px; + margin-right: 18px +} + +.trans-page .idm-gs > .prefix { + display: block; + font-size: 18px; + padding: 12px 18px 0 18px; + color: #C76E06 +} + +.trans-page .bf-gs .top-container { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + background-color: transparent; + padding: 0 +} + +.trans-page .bf-gs .top-container .top-g .clear { + display: none +} + +.trans-page .bf-gs .prefix { + color: #C76E06 +} + +.schulwoerterbuch_German-English .clear { + display: none +} + +.audio .icon-audio { + background-repeat: no-repeat; + background-position: left top !important; + background-size: 100%; + width: 24px; + height: 24px; + margin-right: 4px; + display: inline-block +} + +.audio .icon-audio:hover { + background-position: left bottom !important +} + +.audio .pron-uk { + background-image: url(../images/documents/icon-audio-bre.png) +} + +.audio .pron-us { + background-image: url(../images/documents/icon-audio-name.png) +} + +.shcut-red, .snippet .collapse .shcut, .ocoll .shcut, .collapse[title="Collocations"] .shcut, .collapse[title="All Collocations"] .shcut { + text-transform: uppercase; + font-weight: bold; + border-bottom: none; + margin-top: 30px; + color: #A9222D +} + +.ocoll .top-container { + background-color: transparent; + margin-right: 0; + margin-left: 0; + margin-bottom: 0; + padding: 0; + clear: none +} + +.num { + display: inline-block; + width: 20px +} + +.ocoll .colldef { + font-size: 16px +} + +.ocoll .pos-g + .colldef { + display: block +} + +.ocoll .subentry-g .top-container, .ocoll .subentry-g .top-g { + display: inline +} + +.ocoll .subentry-g .top-g .clear { + display: none +} + +.ocoll .subentry-g { + display: block +} + +.ocoll .subentry-g + .subentry-g { + margin-top: 30px +} + +.ocoll .top-container + .sn-gs > .shcut-g:first-child .shcut { + margin-top: 9px +} + +.ocoll .top-container .v-gs { + display: inline-block +} + +.ocoll .shcut-g { + padding-left: 20px; + display: block +} + +.ocoll .coll_un:before { + content: "(" +} + +.ocoll .coll_un:after { + content: ")" +} + +.ocoll .coll_un[un="note"] { + font-weight: normal +} + +.ocoll .sn-g { + padding-left: 18px; + margin-top: 8px; + margin-bottom: 8px +} + +.ocoll .sn-g.sn-g:before { + content: "\2022"; + color: silver; + font-size: 22px; + padding-right: 6px; + position: absolute; + text-align: right; + left: -8px; + width: 24px +} + +.ocoll .coll-gs:not(.x-gs) { + font-weight: bold +} + +.ocoll .x-gs { + margin-top: 2px; + font-weight: normal +} + +.ocoll .x-gs .x-g { + margin-left: 0; + margin-top: 0 +} + +.ocoll .x-gs .x-g:before { + content: none +} + +.ocoll .xr-gs { + padding-left: 21px +} + +.ocoll .collapse .coll-gs { + padding-left: 20px; + display: block; + position: relative +} + +.ocoll .collapse .coll-g:before { + content: "\2022"; + color: silver; + font-size: 16px; + padding-right: 6px; + position: absolute; + text-align: right; + left: -8px; + width: 24px +} + +.ocoll .collapse .x-g { + display: block +} + +.col-home-logo { + display: inline-block; + margin: -10px 0 -10px; + width: 44px; + height: 44px +} + +.eul { + text-decoration: underline +} + +.collapse[title="Collocations"] .shcut, .collapse[title="All Collocations"] .shcut { + color: #333; + margin-top: 12px +} + +.collapse[title="Collocations"] .sn-g, .collapse[title="All Collocations"] .sn-g { + margin-top: 0 +} + +.collapse[title="Collocations"] .colsep, .collapse[title="All Collocations"] .colsep { + color: silver +} + +.collapse[title="Collocations"] .x-g, .collapse[title="All Collocations"] .x-g { + display: block +} + +.collapse[title="Collocations"] .x-g:first-of-type:before, .collapse[title="All Collocations"] .x-g:first-of-type:before { + content: ""; + left: -3px; + margin-left: -2px; + margin-right: 1px; + position: relative; + display: inline-block; + top: -2px; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.prefix + .Ref { + display: inline; + margin: 0 +} + +li{ + margin-left: 20px; + padding:0.5em; +} \ No newline at end of file diff --git a/2.1/query.py b/2.1/query.py index 27d2202..1eb1df0 100644 --- a/2.1/query.py +++ b/2.1/query.py @@ -132,7 +132,7 @@ def query_from_editor_current_field(editor): progress.finish() promot_choose_css() editor.setNote(editor.note, focusTo=0) - editor.saveNow() + editor.saveNow(lambda: None) def update_note_fields(note, results): diff --git a/2.1/service/base.py b/2.1/service/base.py index 6bbbc7f..ae980c2 100644 --- a/2.1/service/base.py +++ b/2.1/service/base.py @@ -257,14 +257,12 @@ def get_response(self, url, data=None, headers=None, timeout=10): @classmethod def download(cls, url, filename): try: - return urllib.urlretrieve(url, filename) - except AttributeError: - try: - with open(filename, "wb") as f: - f.write(requests.get(url).content) - return True - except Exception as e: - pass + with open(filename, "wb") as f: + f.write(requests.get(url, headers={ + 'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 ' + '(KHTML, like Gecko) Chrome/31.0.1623.0 Safari/537.36' + }).content) + return True except Exception as e: pass diff --git a/2.1/service/longman.py b/2.1/service/longman.py index 46c0d1f..3de70ef 100644 --- a/2.1/service/longman.py +++ b/2.1/service/longman.py @@ -152,7 +152,7 @@ def ee(self): @export('图片', 4) def pic(self): url = self._get_singledict('img') - filename = u'_longman_img_{}'.format(os.path.basename(url)) + filename = u'longman_img_{}'.format(os.path.basename(url)) if url and self.download(url, filename): return self.get_anki_label(filename, 'img') return '' diff --git a/2.1/service/oxford.py b/2.1/service/oxford.py index d131f7b..91774e0 100644 --- a/2.1/service/oxford.py +++ b/2.1/service/oxford.py @@ -30,4 +30,4 @@ def _get_from_api(self, lang="en"): @export("Lexical Category", 1) def _fld_category(self): - return self._get_from_api()[0]["lexicalEntries"][0]["lexicalCategory"] + return self._get_from_api()[0]["lexicalEntries"][0]["lexicalCategory"] \ No newline at end of file diff --git a/2.1/service/oxford_learning.py b/2.1/service/oxford_learning.py new file mode 100644 index 0000000..fe8317c --- /dev/null +++ b/2.1/service/oxford_learning.py @@ -0,0 +1,288 @@ +from warnings import filterwarnings + +from bs4 import BeautifulSoup, Tag +from requests import Session + +from .base import WebService, export, register, with_styles + +filterwarnings('ignore') + + +@register(u'牛津学习词典') +class OxfordLearning(WebService): + _base_url = 'https://www.oxfordlearnersdictionaries.com/definition/english/' + + def __init__(self): + super(OxfordLearning, self).__init__() + + self.s = Session() + self.s.headers = { + 'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 ' + '(KHTML, like Gecko) Chrome/31.0.1623.0 Safari/537.36' + } + self.s.get(self._base_url) + + def query(self, word): + """ + + :param word: + :rtype: WebWord + """ + _qry_url = self._base_url + word + + retried = 10 + while retried: + try: + rsp = self.s.get(_qry_url, ) + if rsp.status_code == 200: + return OxfordLearningDictWord(rsp.content.decode('utf-8')) + break + except: + retried -= 1 + continue + + def _get_single_dict(self, single_dict): + if not (self.cached(single_dict) and self.cache_result(single_dict)): + web_word = self.query(self.word) + if web_word: + self.cache_this( + { + 'phonetic': '{} {}'.format(web_word.wd_phon_bre, web_word.wd_phon_nam), + 'pos': web_word.wd_pos, + 'ee': ''.join(web_word.definitions_html), + 's_bre': web_word.wd_sound_url_bre, + 's_ame': web_word.wd_sound_url_nam, + } + ) + else: + self.cache_this( + { + 'phonetic': '', + 'pos': '', + 'ee': '', + 's_bre': '', + 's_ame': '', + } + ) + return self.cache_result(single_dict) + + @export(u'音标', 0) + def phonetic(self): + return self._get_single_dict('phonetic') + + @export(u'词性', 1) + def pos(self): + return self._get_single_dict('pos') + + @export(u'释义', 2) + @with_styles(cssfile='_oxford.css') + def ee(self): + # return '
    ' + self._get_single_dict( + # 'ee') + "
    " if "
  • " not in self._get_single_dict('ee') else self._get_single_dict('ee') + return self._get_single_dict('ee') + + def get_sound_bre(self): + url = self._get_single_dict('s_bre') + filename = u'oxford_{}_uk.mp3'.format(self.word) + if url and self.download(url, filename): + return self.get_anki_label(filename, 'audio') + return '' + + def get_sound_ame(self): + url = self._get_single_dict('s_nam') + filename = u'oxford_{}_us.mp3'.format(self.word) + if url and self.download(url, filename): + return self.get_anki_label(filename, 'audio') + return '' + + @export(u'英式发音', 3) + def sound_bre(self): + return self.get_sound_bre() + + @export(u'美式发音', 4) + def sound_ame(self): + return self.get_sound_ame() + + @export(u'英式发音优先', 5) + def sound_pri(self): + bre = self.get_sound_bre() + return bre if bre else self.get_sound_ame() + + +class OxfordLearningDictWord: + + def __init__(self, markups): + if not markups: + return + self.markups = markups + self.bs = BeautifulSoup(self.markups) + self._defs = [] + self._defs_html = [] + + @staticmethod + def _cls_dic(class_nm): + return {'class': class_nm} + + # region Tags + @property + def tag_web_top(self): + """ + + word - class: h + pos - class: pos + + :rtype: Tag + """ + return self.bs.find("div", self._cls_dic('webtop-g')) + + @property + def tag_pron(self): + """ + + :rtype: Tag + """ + return self.bs.find("div", self._cls_dic('pron-gs ei-g')) + + @property + def tag_phon_bre(self): + """ + + :rtype: Tag + """ + return self.tag_pron.find('span', self._cls_dic('pron-g'), geo='br') + + @property + def tag_phon_nam(self): + """ + + :rtype: Tag + """ + return self.tag_pron.find('span', self._cls_dic('pron-g'), geo='n_am') + + # ---- Explains + @property + def tag_explain(self): + """ + + :rtype: Tag + """ + return self.bs.find('span', self._cls_dic('sn-gs')) + + # endregion + + @property + def wd_phon_bre(self): + """ + + :return: pre_fix, phon + """ + try: + _tag_phn = self.tag_phon_bre.find('span', self._cls_dic('phon')).contents[3] + phon = '/{}/'.format(_tag_phn.text if isinstance(_tag_phn, Tag) else _tag_phn) + except: + phon = '' + try: + prefix = self.tag_phon_bre.find('span', self._cls_dic('prefix')).string + except: + prefix = '' + return "{} {}".format( + prefix, + phon + ) + + @property + def wd_pos(self): + try: + return self.tag_web_top.find("span", 'pos').text + except: + return '' + + @property + def wd_phon_nam(self): + """ + + :return: pre_fix, phon + """ + try: + _tag_phn = self.tag_phon_nam.find('span', self._cls_dic('phon')).contents[3] + phon = '/{}/'.format(_tag_phn.text if isinstance(_tag_phn, Tag) else _tag_phn) + except: + phon = '' + try: + prefix = self.tag_phon_nam.find('span', self._cls_dic('prefix')).string + except: + prefix = '' + return "{} {}".format( + prefix, + phon + ) + + @property + def wd_sound_url_bre(self): + try: + return self.tag_phon_bre.find('div', self._cls_dic('sound audio_play_button pron-uk icon-audio'))[ + 'data-src-mp3'] + except: + return '' + + @property + def wd_sound_url_nam(self): + try: + return self.tag_phon_bre.find('div', self._cls_dic('sound audio_play_button pron-us icon-audio'))[ + 'data-src-mp3'] + except: + return '' + + def get_definitions(self): + defs = [] + defs_html = [] + if self.tag_explain and not self._defs: + tag_exp = self._clean(self.tag_explain) + lis = [li for li in tag_exp.find_all('li')] + if not lis: + defs_html.append(str(tag_exp.prettify())) + defs.append(tag_exp.text) + + else: + for li in lis: + defs_html.append(str(li.prettify())) + defs.append(li.text) + self._defs = defs + self._defs_html = defs_html + return self._defs, self._defs_html + + @property + def definitions(self): + return self.get_definitions()[0] + + @property + def definitions_html(self): + return self.get_definitions()[1] + + def _clean(self, tg): + """ + + :type tg:Tag + :return: + """ + if not tg: + return tg + decompose_cls = ['xr-gs', 'sound', 'heading', 'topic', 'collapse', 'oxford3000'] + + if tg.attrs and 'class' in tg.attrs: + for _cls in decompose_cls: + _tgs = tg.find_all(attrs=self._cls_dic(_cls), recursive=True) + for _tg in _tgs: + _tg.decompose() + + rmv_attrs = ['dpsid', 'id', 'psg', 'reg'] + try: + tg.attrs = {key: value for key, value in tg.attrs.items() + if key not in rmv_attrs} + except ValueError: + pass + for child in tg.children: + if not isinstance(child, Tag): + continue + self._clean(child) + return tg diff --git a/2.1/service/static/_longman.css b/2.1/service/static/_longman.css index 53ca3f8..2be3a3c 100644 --- a/2.1/service/static/_longman.css +++ b/2.1/service/static/_longman.css @@ -1,22 +1,3127 @@ +/*! + * # Semantic UI 2.2.11 - Dropdown + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +.ui.dropdown { + cursor: pointer; + position: relative; + display: inline-block; + outline: 0; + text-align: left; + -webkit-transition: box-shadow .1s ease, width .1s ease; + transition: box-shadow .1s ease, width .1s ease; + -webkit-tap-highlight-color: transparent +} + +.ui.dropdown .menu { + cursor: auto; + position: absolute; + display: none; + outline: 0; + top: 100%; + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + margin: 0; + padding: 0 0; + background: #fff; + font-size: 1em; + text-shadow: none; + text-align: left; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); + border: 1px solid rgba(34, 36, 38, .15); + border-radius: .28571429rem; + -webkit-transition: opacity .1s ease; + transition: opacity .1s ease; + z-index: 11; + will-change: transform, opacity +} + +.ui.dropdown .menu > * { + white-space: nowrap +} + +.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select { + display: none !important +} + +.ui.dropdown > .dropdown.icon { + position: relative; + width: auto; + font-size: .85714286em; + margin: 0 0 0 1em +} + +.ui.dropdown .menu > .item .dropdown.icon { + width: auto; + float: right; + margin: 0 0 0 1em +} + +.ui.dropdown .menu > .item .dropdown.icon + .text { + margin-right: 1em +} + +.ui.dropdown > .text { + display: inline-block; + -webkit-transition: none; + transition: none +} + +.ui.dropdown .menu > .item { + position: relative; + cursor: pointer; + display: block; + border: none; + height: auto; + text-align: left; + border-top: none; + line-height: 1em; + color: rgba(0, 0, 0, .87); + padding: .78571429rem 1.14285714rem !important; + font-size: 1rem; + text-transform: none; + font-weight: 400; + box-shadow: none; + -webkit-touch-callout: none +} + +.ui.dropdown .menu > .item:first-child { + border-top-width: 0 +} + +.ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] { + float: right !important; + margin-right: 0 !important; + margin-left: 1em !important +} + +.ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] { + float: left !important; + margin-left: 0 !important; + margin-right: 1em !important +} + +.ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated { + margin-top: 0 +} + +.ui.dropdown .menu > .header { + margin: 1rem 0 .75rem; + padding: 0 1.14285714rem; + color: rgba(0, 0, 0, .85); + font-size: .78571429em; + font-weight: 700; + text-transform: uppercase +} + +.ui.dropdown .menu > .divider { + border-top: 1px solid rgba(34, 36, 38, .1); + height: 0; + margin: .5em 0 +} + +.ui.dropdown .menu > .input { + width: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 1.14285714rem .78571429rem; + min-width: 10rem +} + +.ui.dropdown .menu > .header + .input { + margin-top: 0 +} + +.ui.dropdown .menu > .input:not(.transparent) input { + padding: .5em 1em +} + +.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label { + padding-top: .5em; + padding-bottom: .5em +} + +.ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description { + float: right; + margin: 0 0 0 1em; + color: rgba(0, 0, 0, .4) +} + +.ui.dropdown .menu > .message { + padding: .78571429rem 1.14285714rem; + font-weight: 400 +} + +.ui.dropdown .menu > .message:not(.ui) { + color: rgba(0, 0, 0, .4) +} + +.ui.dropdown .menu .menu { + top: 0 !important; + left: 100%; + right: auto; + margin: 0 0 0 -.5em !important; + border-radius: .28571429rem !important; + z-index: 21 !important +} + +.ui.dropdown .menu .menu:after { + display: none +} + +.ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img { + margin-top: 0 +} + +.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img { + margin-top: 0 +} + +.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img { + margin-left: 0; + float: none; + margin-right: .78571429rem +} + +.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img { + display: inline-block; + vertical-align: top; + width: auto; + margin-top: -.5em; + margin-bottom: -.5em; + max-height: 2em +} + +.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before { + display: none +} + +.ui.menu .ui.dropdown .menu .active.item { + border-left: none +} + +.ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu { + left: auto; + right: 0 +} + +.ui.label.dropdown .menu { + min-width: 100% +} + +.ui.dropdown.icon.button > .dropdown.icon { + margin: 0 +} + +.ui.button.dropdown .menu { + min-width: 100% +} + +.ui.selection.dropdown { + cursor: pointer; + word-wrap: break-word; + line-height: 1em; + white-space: normal; + outline: 0; + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + min-width: 14em; + min-height: 2.71428571em; + background: #fff; + display: inline-block; + padding: .78571429em 2.1em .78571429em 1em; + color: rgba(0, 0, 0, .87); + box-shadow: none; + border: 1px solid rgba(34, 36, 38, .15); + border-radius: .28571429rem; + -webkit-transition: box-shadow .1s ease, width .1s ease; + transition: box-shadow .1s ease, width .1s ease +} + +.ui.selection.dropdown.active, .ui.selection.dropdown.visible { + z-index: 10 +} + +select.ui.dropdown { + height: 38px; + padding: .5em; + border: 1px solid rgba(34, 36, 38, .15); + visibility: visible +} + +.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon { + cursor: pointer; + position: absolute; + width: auto; + height: auto; + line-height: 1.21428571em; + top: .78571429em; + right: 1em; + z-index: 3; + margin: -.78571429em; + padding: .91666667em; + opacity: .8; + -webkit-transition: opacity .1s ease; + transition: opacity .1s ease +} + +.ui.compact.selection.dropdown { + min-width: 0 +} + +.ui.selection.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch; + border-top-width: 0 !important; + width: auto; + outline: 0; + margin: 0 -1px; + min-width: calc(100% + 2px); + width: calc(100% + 2px); + border-radius: 0 0 .28571429rem .28571429rem; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); + -webkit-transition: opacity .1s ease; + transition: opacity .1s ease +} + +.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before { + display: none +} + +.ui.selection.dropdown .menu > .message { + padding: .78571429rem 1.14285714rem +} + +@media only screen and (max-width: 767px) { + .ui.selection.dropdown .menu { + max-height: 8.01428571rem + } +} + +@media only screen and (min-width: 768px) { + .ui.selection.dropdown .menu { + max-height: 10.68571429rem + } +} + +@media only screen and (min-width: 992px) { + .ui.selection.dropdown .menu { + max-height: 16.02857143rem + } +} + +@media only screen and (min-width: 1920px) { + .ui.selection.dropdown .menu { + max-height: 21.37142857rem + } +} + +.ui.selection.dropdown .menu > .item { + border-top: 1px solid #fafafa; + padding: .78571429rem 1.14285714rem !important; + white-space: normal; + word-wrap: normal +} + +.ui.selection.dropdown .menu > .hidden.addition.item { + display: none +} + +.ui.selection.dropdown:hover { + border-color: rgba(34, 36, 38, .35); + box-shadow: none +} + +.ui.selection.active.dropdown { + border-color: #96c8da; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15) +} + +.ui.selection.active.dropdown .menu { + border-color: #96c8da; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15) +} + +.ui.selection.dropdown:focus { + border-color: #96c8da; + box-shadow: none +} + +.ui.selection.dropdown:focus .menu { + border-color: #96c8da; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15) +} + +.ui.selection.visible.dropdown > .text:not(.default) { + font-weight: 400; + color: rgba(0, 0, 0, .8) +} + +.ui.selection.active.dropdown:hover { + border-color: #96c8da; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15) +} + +.ui.selection.active.dropdown:hover .menu { + border-color: #96c8da; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15) +} + +.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon { + opacity: 1; + z-index: 3 +} + +.ui.active.selection.dropdown { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important +} + +.ui.active.empty.selection.dropdown { + border-radius: .28571429rem !important; + box-shadow: none !important +} + +.ui.active.empty.selection.dropdown .menu { + border: none !important; + box-shadow: none !important +} + +.ui.search.dropdown { + min-width: '' +} + +.ui.search.dropdown > input.search { + background: none transparent !important; + border: none !important; + box-shadow: none !important; + cursor: text; + top: 0; + left: 1px; + width: 100%; + outline: 0; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: inherit +} + +.ui.search.dropdown > input.search { + position: absolute; + z-index: 2 +} + +.ui.search.dropdown > .text { + cursor: text; + position: relative; + left: 1px; + z-index: 3 +} + +.ui.search.selection.dropdown > input.search { + line-height: 1.21428571em; + padding: .67857143em 2.1em .67857143em 1em +} + +.ui.search.selection.dropdown > span.sizer { + line-height: 1.21428571em; + padding: .67857143em 2.1em .67857143em 1em; + display: none; + white-space: pre +} + +.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search { + cursor: auto +} + +.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text { + pointer-events: none +} + +.ui.active.search.dropdown input.search:focus + .text .flag, .ui.active.search.dropdown input.search:focus + .text .icon { + opacity: .45 +} + +.ui.active.search.dropdown input.search:focus + .text { + color: rgba(115, 115, 115, .87) !important +} + +.ui.search.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch +} + +@media only screen and (max-width: 767px) { + .ui.search.dropdown .menu { + max-height: 8.01428571rem + } +} + +@media only screen and (min-width: 768px) { + .ui.search.dropdown .menu { + max-height: 10.68571429rem + } +} + +@media only screen and (min-width: 992px) { + .ui.search.dropdown .menu { + max-height: 16.02857143rem + } +} + +@media only screen and (min-width: 1920px) { + .ui.search.dropdown .menu { + max-height: 21.37142857rem + } +} + +.ui.multiple.dropdown { + padding: .22619048em 2.1em .22619048em .35714286em +} + +.ui.multiple.dropdown .menu { + cursor: auto +} + +.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search { + cursor: text +} + +.ui.multiple.dropdown > .label { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + vertical-align: top; + white-space: normal; + font-size: 1em; + padding: .35714286em .78571429em; + margin: .14285714rem .28571429rem .14285714rem 0; + box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset +} + +.ui.multiple.dropdown .dropdown.icon { + margin: ''; + padding: '' +} + +.ui.multiple.dropdown > .text { + position: static; + padding: 0; + max-width: 100%; + margin: .45238095em 0 .45238095em .64285714em; + line-height: 1.21428571em +} + +.ui.multiple.dropdown > .label ~ input.search { + margin-left: .14285714em !important +} + +.ui.multiple.dropdown > .label ~ .text { + display: none +} + +.ui.multiple.search.dropdown > .text { + display: inline-block; + position: absolute; + top: 0; + left: 0; + padding: inherit; + margin: .45238095em 0 .45238095em .64285714em; + line-height: 1.21428571em +} + +.ui.multiple.search.dropdown > .label ~ .text { + display: none +} + +.ui.multiple.search.dropdown > input.search { + position: static; + padding: 0; + max-width: 100%; + margin: .45238095em 0 .45238095em .64285714em; + width: 2.2em; + line-height: 1.21428571em +} + +.ui.inline.dropdown { + cursor: pointer; + display: inline-block; + color: inherit +} + +.ui.inline.dropdown .dropdown.icon { + margin: 0 .5em 0 .21428571em; + vertical-align: baseline +} + +.ui.inline.dropdown > .text { + font-weight: 700 +} + +.ui.inline.dropdown .menu { + cursor: auto; + margin-top: .21428571em; + border-radius: .28571429rem +} + +.ui.dropdown .menu .active.item { + background: 0 0; + font-weight: 700; + color: rgba(0, 0, 0, .95); + box-shadow: none; + z-index: 12 +} + +.ui.dropdown .menu > .item:hover { + background: rgba(0, 0, 0, .05); + color: rgba(0, 0, 0, .95); + z-index: 13 +} + +.ui.loading.dropdown > i.icon { + height: 1em !important +} + +.ui.loading.selection.dropdown > i.icon { + padding: 1.5em 1.28571429em !important +} + +.ui.loading.dropdown > i.icon:before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -.64285714em 0 0 -.64285714em; + width: 1.28571429em; + height: 1.28571429em; + border-radius: 500rem; + border: .2em solid rgba(0, 0, 0, .1) +} + +.ui.loading.dropdown > i.icon:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + box-shadow: 0 0 0 1px transparent; + margin: -.64285714em 0 0 -.64285714em; + width: 1.28571429em; + height: 1.28571429em; + -webkit-animation: dropdown-spin .6s linear; + animation: dropdown-spin .6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #767676 transparent transparent; + border-style: solid; + border-width: .2em +} + +.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before { + display: none +} + +@-webkit-keyframes dropdown-spin { + from { + -webkit-transform: rotate(0); + transform: rotate(0) + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg) + } +} + +@keyframes dropdown-spin { + from { + -webkit-transform: rotate(0); + transform: rotate(0) + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg) + } +} + +.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text { + color: rgba(191, 191, 191, .87) +} + +.ui.default.dropdown:not(.button) > input:focus + .text, .ui.dropdown:not(.button) > input:focus + .default.text { + color: rgba(115, 115, 115, .87) +} + +.ui.loading.dropdown > .text { + -webkit-transition: none; + transition: none +} + +.ui.dropdown .loading.menu { + display: block; + visibility: hidden; + z-index: -1 +} + +.ui.dropdown > .loading.menu { + left: 0 !important; + right: auto !important +} + +.ui.dropdown > .menu .loading.menu { + left: 100% !important; + right: auto !important +} + +.ui.dropdown .menu .selected.item, .ui.dropdown.selected { + background: rgba(0, 0, 0, .03); + color: rgba(0, 0, 0, .95) +} + +.ui.dropdown > .filtered.text { + visibility: hidden +} + +.ui.dropdown .filtered.item { + display: none !important +} + +.ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .text { + color: #9f3a38 +} + +.ui.selection.dropdown.error { + background: #fff6f6; + border-color: #e0b4b4 +} + +.ui.selection.dropdown.error:hover { + border-color: #e0b4b4 +} + +.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu { + border-color: #e0b4b4 +} + +.ui.dropdown.error > .menu > .item { + color: #9f3a38 +} + +.ui.multiple.selection.error.dropdown > .label { + border-color: #e0b4b4 +} + +.ui.dropdown.error > .menu > .item:hover { + background-color: #fff2f2 +} + +.ui.dropdown.error > .menu .active.item { + background-color: #fdcfcf +} + +.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item { + cursor: default; + pointer-events: none; + opacity: .45 +} + +.ui.dropdown .menu { + left: 0 +} + +.ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu { + left: 100% !important; + right: auto !important; + border-radius: .28571429rem !important +} + +.ui.dropdown > .left.menu { + left: auto !important; + right: 0 !important +} + +.ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu { + left: auto; + right: 100%; + margin: 0 -.5em 0 0 !important; + border-radius: .28571429rem !important +} + +.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { + width: auto; + float: left; + margin: 0 +} + +.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { + width: auto; + float: left; + margin: 0 +} + +.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text { + margin-left: 1em; + margin-right: 0 +} + +.ui.upward.dropdown > .menu { + top: auto; + bottom: 100%; + box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08); + border-radius: .28571429rem .28571429rem 0 0 +} + +.ui.dropdown .upward.menu { + top: auto !important; + bottom: 0 !important +} + +.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover { + border-radius: .28571429rem .28571429rem 0 0 !important +} + +.ui.upward.dropdown.button:not(.pointing):not(.floating).active { + border-radius: .28571429rem .28571429rem 0 0 +} + +.ui.upward.selection.dropdown .menu { + border-top-width: 1px !important; + border-bottom-width: 0 !important; + box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08) +} + +.ui.upward.selection.dropdown:hover { + box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05) +} + +.ui.active.upward.selection.dropdown { + border-radius: 0 0 .28571429rem .28571429rem !important +} + +.ui.upward.selection.dropdown.visible { + box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08); + border-radius: 0 0 .28571429rem .28571429rem !important +} + +.ui.upward.active.selection.dropdown:hover { + box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05) +} + +.ui.upward.active.selection.dropdown:hover .menu { + box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08) +} + +.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { + overflow-x: hidden; + overflow-y: auto +} + +.ui.scrolling.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch; + min-width: 100% !important; + width: auto !important +} + +.ui.dropdown .scrolling.menu { + position: static; + overflow-y: auto; + border: none; + box-shadow: none !important; + border-radius: 0 !important; + margin: 0 !important; + min-width: 100% !important; + width: auto !important; + border-top: 1px solid rgba(34, 36, 38, .15) +} + +.ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item { + border-top: none +} + +.ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child { + border-top: none +} + +.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu { + display: block +} + +@media all and (-ms-high-contrast: none) { + .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { + min-width: calc(100% - 17px) + } +} + +@media only screen and (max-width: 767px) { + .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { + max-height: 10.28571429rem + } +} + +@media only screen and (min-width: 768px) { + .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { + max-height: 15.42857143rem + } +} + +@media only screen and (min-width: 992px) { + .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { + max-height: 20.57142857rem + } +} + +@media only screen and (min-width: 1920px) { + .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { + max-height: 20.57142857rem + } +} + +.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before { + display: none +} + +.ui.simple.dropdown .menu { + position: absolute; + display: block; + overflow: hidden; + top: -9999px !important; + opacity: 0; + width: 0; + height: 0; + -webkit-transition: opacity .1s ease; + transition: opacity .1s ease +} + +.ui.simple.active.dropdown, .ui.simple.dropdown:hover { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important +} + +.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu { + overflow: visible; + width: auto; + height: auto; + top: 100% !important; + opacity: 1 +} + +.ui.simple.dropdown:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu { + overflow: visible; + width: auto; + height: auto; + top: 0 !important; + left: 100% !important; + opacity: 1 +} + +.ui.simple.disabled.dropdown:hover .menu { + display: none; + height: 0; + width: 0; + overflow: hidden +} + +.ui.simple.visible.dropdown > .menu { + display: block +} + +.ui.fluid.dropdown { + display: block; + width: 100%; + min-width: 0 +} + +.ui.fluid.dropdown > .dropdown.icon { + float: right +} + +.ui.floating.dropdown .menu { + left: 0; + right: auto; + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15) !important; + border-radius: .28571429rem !important +} + +.ui.floating.dropdown > .menu { + margin-top: .5em !important; + border-radius: .28571429rem !important +} + +.ui.pointing.dropdown > .menu { + top: 100%; + margin-top: .78571429rem; + border-radius: .28571429rem +} + +.ui.pointing.dropdown > .menu:after { + display: block; + position: absolute; + pointer-events: none; + content: ''; + visibility: visible; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + width: .5em; + height: .5em; + box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15); + background: #fff; + z-index: 2 +} + +.ui.pointing.dropdown > .menu:after { + top: -.25em; + left: 50%; + margin: 0 0 0 -.25em +} + +.ui.top.left.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + left: 0; + right: auto; + margin: 1em 0 0 +} + +.ui.top.left.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + left: 0; + right: auto; + margin: 1em 0 0 +} + +.ui.top.left.pointing.dropdown > .menu:after { + top: -.25em; + left: 1em; + right: auto; + margin: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg) +} + +.ui.top.right.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + right: 0; + left: auto; + margin: 1em 0 0 +} + +.ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after { + top: -.25em; + left: auto !important; + right: 1em !important; + margin: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg) +} + +.ui.left.pointing.dropdown > .menu { + top: 0; + left: 100%; + right: auto; + margin: 0 0 0 1em +} + +.ui.left.pointing.dropdown > .menu:after { + top: 1em; + left: -.25em; + margin: 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg) +} + +.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { + left: auto !important; + right: 100% !important; + margin: 0 1em 0 0 +} + +.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { + top: 1em; + left: auto; + right: -.25em; + margin: 0; + -webkit-transform: rotate(135deg); + transform: rotate(135deg) +} + +.ui.right.pointing.dropdown > .menu { + top: 0; + left: auto; + right: 100%; + margin: 0 1em 0 0 +} + +.ui.right.pointing.dropdown > .menu:after { + top: 1em; + left: auto; + right: -.25em; + margin: 0; + -webkit-transform: rotate(135deg); + transform: rotate(135deg) +} + +.ui.bottom.pointing.dropdown > .menu { + top: auto; + bottom: 100%; + left: 0; + right: auto; + margin: 0 0 1em +} + +.ui.bottom.pointing.dropdown > .menu:after { + top: auto; + bottom: -.25em; + right: auto; + margin: 0; + -webkit-transform: rotate(-135deg); + transform: rotate(-135deg) +} + +.ui.bottom.pointing.dropdown > .menu .menu { + top: auto !important; + bottom: 0 !important +} + +.ui.bottom.left.pointing.dropdown > .menu { + left: 0; + right: auto +} + +.ui.bottom.left.pointing.dropdown > .menu:after { + left: 1em; + right: auto +} + +.ui.bottom.right.pointing.dropdown > .menu { + right: 0; + left: auto +} + +.ui.bottom.right.pointing.dropdown > .menu:after { + left: auto; + right: 1em +} + +.ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu { + top: auto !important; + bottom: 100% !important; + margin: 0 0 .78571429rem; + border-radius: .28571429rem +} + +.ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after { + top: 100% !important; + bottom: auto !important; + box-shadow: 1px 1px 0 0 rgba(34, 36, 38, .15); + margin: -.25em 0 0 +} + +.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { + top: auto !important; + bottom: 0 !important; + margin: 0 1em 0 0 +} + +.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { + top: auto !important; + bottom: 0 !important; + margin: 0 0 1em 0; + box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15) +} + +.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { + top: auto !important; + bottom: 0 !important; + margin: 0 0 0 1em +} + +.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { + top: auto !important; + bottom: 0 !important; + margin: 0 0 1em 0; + box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15) +} + +@font-face { + font-family: Dropdown; + src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); + font-weight: 400; + font-style: normal +} + +.ui.dropdown > .dropdown.icon { + font-family: Dropdown; + line-height: 1; + height: 1em; + width: 1.23em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + font-weight: 400; + font-style: normal; + text-align: center +} + +.ui.dropdown > .dropdown.icon { + width: auto +} + +.ui.dropdown > .dropdown.icon:before { + content: '\f0d7' +} + +.ui.dropdown .menu .item .dropdown.icon:before { + content: '\f0da' +} + +.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before { + content: "\f0d9" +} + +.ui.vertical.menu .dropdown.item > .dropdown.icon:before { + content: "\f0da" +} + +/*! + * # Semantic UI 2.2.11 - Transition + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +.transition { + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-duration: .3s; + animation-duration: .3s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -webkit-animation-fill-mode: both; + animation-fill-mode: both +} + +.animating.transition { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + visibility: visible !important +} + +.loading.transition { + position: absolute; + top: -99999px; + left: -99999px +} + +.hidden.transition { + display: none; + visibility: hidden +} + +.visible.transition { + display: block !important; + visibility: visible !important +} + +.disabled.transition { + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.looping.transition { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite +} + +.transition.browse { + -webkit-animation-duration: .5s; + animation-duration: .5s +} + +.transition.browse.in { + -webkit-animation-name: browseIn; + animation-name: browseIn +} + +.transition.browse.left.out, .transition.browse.out { + -webkit-animation-name: browseOutLeft; + animation-name: browseOutLeft +} + +.transition.browse.right.out { + -webkit-animation-name: browseOutRight; + animation-name: browseOutRight +} + +@-webkit-keyframes browseIn { + 0% { + -webkit-transform: scale(.8) translateZ(0); + transform: scale(.8) translateZ(0); + z-index: -1 + } + 10% { + -webkit-transform: scale(.8) translateZ(0); + transform: scale(.8) translateZ(0); + z-index: -1; + opacity: .7 + } + 80% { + -webkit-transform: scale(1.05) translateZ(0); + transform: scale(1.05) translateZ(0); + opacity: 1; + z-index: 999 + } + 100% { + -webkit-transform: scale(1) translateZ(0); + transform: scale(1) translateZ(0); + z-index: 999 + } +} + +@keyframes browseIn { + 0% { + -webkit-transform: scale(.8) translateZ(0); + transform: scale(.8) translateZ(0); + z-index: -1 + } + 10% { + -webkit-transform: scale(.8) translateZ(0); + transform: scale(.8) translateZ(0); + z-index: -1; + opacity: .7 + } + 80% { + -webkit-transform: scale(1.05) translateZ(0); + transform: scale(1.05) translateZ(0); + opacity: 1; + z-index: 999 + } + 100% { + -webkit-transform: scale(1) translateZ(0); + transform: scale(1) translateZ(0); + z-index: 999 + } +} + +@-webkit-keyframes browseOutLeft { + 0% { + z-index: 999; + -webkit-transform: translateX(0) rotateY(0) rotateX(0); + transform: translateX(0) rotateY(0) rotateX(0) + } + 50% { + z-index: -1; + -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) + } + 80% { + opacity: 1 + } + 100% { + z-index: -1; + -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + opacity: 0 + } +} + +@keyframes browseOutLeft { + 0% { + z-index: 999; + -webkit-transform: translateX(0) rotateY(0) rotateX(0); + transform: translateX(0) rotateY(0) rotateX(0) + } + 50% { + z-index: -1; + -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) + } + 80% { + opacity: 1 + } + 100% { + z-index: -1; + -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + opacity: 0 + } +} + +@-webkit-keyframes browseOutRight { + 0% { + z-index: 999; + -webkit-transform: translateX(0) rotateY(0) rotateX(0); + transform: translateX(0) rotateY(0) rotateX(0) + } + 50% { + z-index: 1; + -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) + } + 80% { + opacity: 1 + } + 100% { + z-index: 1; + -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + opacity: 0 + } +} + +@keyframes browseOutRight { + 0% { + z-index: 999; + -webkit-transform: translateX(0) rotateY(0) rotateX(0); + transform: translateX(0) rotateY(0) rotateX(0) + } + 50% { + z-index: 1; + -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) + } + 80% { + opacity: 1 + } + 100% { + z-index: 1; + -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); + opacity: 0 + } +} + +.drop.transition { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-duration: .4s; + animation-duration: .4s; + -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1); + animation-timing-function: cubic-bezier(.34, 1.61, .7, 1) +} + +.drop.transition.in { + -webkit-animation-name: dropIn; + animation-name: dropIn +} + +.drop.transition.out { + -webkit-animation-name: dropOut; + animation-name: dropOut +} + +@-webkit-keyframes dropIn { + 0% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0) + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@keyframes dropIn { + 0% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0) + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@-webkit-keyframes dropOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + 100% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0) + } +} + +@keyframes dropOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + 100% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0) + } +} + +.transition.fade.in { + -webkit-animation-name: fadeIn; + animation-name: fadeIn +} + +.transition[class*="fade up"].in { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp +} + +.transition[class*="fade down"].in { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown +} + +.transition[class*="fade left"].in { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft +} + +.transition[class*="fade right"].in { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight +} + +.transition.fade.out { + -webkit-animation-name: fadeOut; + animation-name: fadeOut +} + +.transition[class*="fade up"].out { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp +} + +.transition[class*="fade down"].out { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown +} + +.transition[class*="fade left"].out { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft +} + +.transition[class*="fade right"].out { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0 + } + 100% { + opacity: 1 + } +} + +@keyframes fadeIn { + 0% { + opacity: 0 + } + 100% { + opacity: 1 + } +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10%); + transform: translateY(-10%) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10%); + transform: translateY(-10%) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(10%); + transform: translateX(10%) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(10%); + transform: translateX(10%) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(-10%); + transform: translateX(-10%) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(-10%); + transform: translateX(-10%) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1 + } + 100% { + opacity: 0 + } +} + +@keyframes fadeOut { + 0% { + opacity: 1 + } + 100% { + opacity: 0 + } +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(5%); + transform: translateY(5%) + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(5%); + transform: translateY(5%) + } +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-5%); + transform: translateY(-5%) + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-5%); + transform: translateY(-5%) + } +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(5%); + transform: translateX(5%) + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(5%); + transform: translateX(5%) + } +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-5%); + transform: translateX(-5%) + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-5%); + transform: translateX(-5%) + } +} + +.flip.transition.in, .flip.transition.out { + -webkit-animation-duration: .6s; + animation-duration: .6s +} + +.horizontal.flip.transition.in { + -webkit-animation-name: horizontalFlipIn; + animation-name: horizontalFlipIn +} + +.horizontal.flip.transition.out { + -webkit-animation-name: horizontalFlipOut; + animation-name: horizontalFlipOut +} + +.vertical.flip.transition.in { + -webkit-animation-name: verticalFlipIn; + animation-name: verticalFlipIn +} + +.vertical.flip.transition.out { + -webkit-animation-name: verticalFlipOut; + animation-name: verticalFlipOut +} + +@-webkit-keyframes horizontalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + opacity: 0 + } + 100% { + -webkit-transform: perspective(2000px) rotateY(0); + transform: perspective(2000px) rotateY(0); + opacity: 1 + } +} + +@keyframes horizontalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + opacity: 0 + } + 100% { + -webkit-transform: perspective(2000px) rotateY(0); + transform: perspective(2000px) rotateY(0); + opacity: 1 + } +} + +@-webkit-keyframes verticalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0 + } + 100% { + -webkit-transform: perspective(2000px) rotateX(0); + transform: perspective(2000px) rotateX(0); + opacity: 1 + } +} + +@keyframes verticalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0 + } + 100% { + -webkit-transform: perspective(2000px) rotateX(0); + transform: perspective(2000px) rotateX(0); + opacity: 1 + } +} + +@-webkit-keyframes horizontalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateY(0); + transform: perspective(2000px) rotateY(0); + opacity: 1 + } + 100% { + -webkit-transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); + opacity: 0 + } +} + +@keyframes horizontalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateY(0); + transform: perspective(2000px) rotateY(0); + opacity: 1 + } + 100% { + -webkit-transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); + opacity: 0 + } +} + +@-webkit-keyframes verticalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateX(0); + transform: perspective(2000px) rotateX(0); + opacity: 1 + } + 100% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0 + } +} + +@keyframes verticalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateX(0); + transform: perspective(2000px) rotateX(0); + opacity: 1 + } + 100% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0 + } +} + +.scale.transition.in { + -webkit-animation-name: scaleIn; + animation-name: scaleIn +} + +.scale.transition.out { + -webkit-animation-name: scaleOut; + animation-name: scaleOut +} + +@-webkit-keyframes scaleIn { + 0% { + opacity: 0; + -webkit-transform: scale(.8); + transform: scale(.8) + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@keyframes scaleIn { + 0% { + opacity: 0; + -webkit-transform: scale(.8); + transform: scale(.8) + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@-webkit-keyframes scaleOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + 100% { + opacity: 0; + -webkit-transform: scale(.9); + transform: scale(.9) + } +} + +@keyframes scaleOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + 100% { + opacity: 0; + -webkit-transform: scale(.9); + transform: scale(.9) + } +} + +.transition.fly { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); + transition-timing-function: cubic-bezier(.215, .61, .355, 1) +} + +.transition.fly.in { + -webkit-animation-name: flyIn; + animation-name: flyIn +} + +.transition[class*="fly up"].in { + -webkit-animation-name: flyInUp; + animation-name: flyInUp +} + +.transition[class*="fly down"].in { + -webkit-animation-name: flyInDown; + animation-name: flyInDown +} + +.transition[class*="fly left"].in { + -webkit-animation-name: flyInLeft; + animation-name: flyInLeft +} + +.transition[class*="fly right"].in { + -webkit-animation-name: flyInRight; + animation-name: flyInRight +} + +.transition.fly.out { + -webkit-animation-name: flyOut; + animation-name: flyOut +} + +.transition[class*="fly up"].out { + -webkit-animation-name: flyOutUp; + animation-name: flyOutUp +} + +.transition[class*="fly down"].out { + -webkit-animation-name: flyOutDown; + animation-name: flyOutDown +} + +.transition[class*="fly left"].out { + -webkit-animation-name: flyOutLeft; + animation-name: flyOutLeft +} + +.transition[class*="fly right"].out { + -webkit-animation-name: flyOutRight; + animation-name: flyOutRight +} + +@-webkit-keyframes flyIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03) + } + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97) + } + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) + } +} + +@keyframes flyIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03) + } + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97) + } + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) + } +} + +@-webkit-keyframes flyInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 1500px, 0); + transform: translate3d(0, 1500px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0) + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) + } +} + +@keyframes flyInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 1500px, 0); + transform: translate3d(0, 1500px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0) + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) + } +} + +@-webkit-keyframes flyInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -1500px, 0); + transform: translate3d(0, -1500px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0) + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0) + } + 100% { + -webkit-transform: none; + transform: none + } +} + +@keyframes flyInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -1500px, 0); + transform: translate3d(0, -1500px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0) + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0) + } + 100% { + -webkit-transform: none; + transform: none + } +} + +@-webkit-keyframes flyInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(1500px, 0, 0); + transform: translate3d(1500px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0) + } + 100% { + -webkit-transform: none; + transform: none + } +} + +@keyframes flyInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(1500px, 0, 0); + transform: translate3d(1500px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0) + } + 100% { + -webkit-transform: none; + transform: none + } +} + +@-webkit-keyframes flyInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(-1500px, 0, 0); + transform: translate3d(-1500px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0) + } + 100% { + -webkit-transform: none; + transform: none + } +} + +@keyframes flyInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(-1500px, 0, 0); + transform: translate3d(-1500px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0) + } + 100% { + -webkit-transform: none; + transform: none + } +} + +@-webkit-keyframes flyOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } +} + +@keyframes flyOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } +} + +@-webkit-keyframes flyOutUp { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } +} + +@keyframes flyOutUp { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } +} + +@-webkit-keyframes flyOutDown { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } +} + +@keyframes flyOutDown { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } +} + +@-webkit-keyframes flyOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } +} + +@keyframes flyOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } +} + +@-webkit-keyframes flyOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } +} + +@keyframes flyOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0) + } + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } +} + +.transition.slide.in, .transition[class*="slide down"].in { + -webkit-animation-name: slideInY; + animation-name: slideInY; + -webkit-transform-origin: top center; + transform-origin: top center +} + +.transition[class*="slide up"].in { + -webkit-animation-name: slideInY; + animation-name: slideInY; + -webkit-transform-origin: bottom center; + transform-origin: bottom center +} + +.transition[class*="slide left"].in { + -webkit-animation-name: slideInX; + animation-name: slideInX; + -webkit-transform-origin: center right; + transform-origin: center right +} + +.transition[class*="slide right"].in { + -webkit-animation-name: slideInX; + animation-name: slideInX; + -webkit-transform-origin: center left; + transform-origin: center left +} + +.transition.slide.out, .transition[class*="slide down"].out { + -webkit-animation-name: slideOutY; + animation-name: slideOutY; + -webkit-transform-origin: top center; + transform-origin: top center +} + +.transition[class*="slide up"].out { + -webkit-animation-name: slideOutY; + animation-name: slideOutY; + -webkit-transform-origin: bottom center; + transform-origin: bottom center +} + +.transition[class*="slide left"].out { + -webkit-animation-name: slideOutX; + animation-name: slideOutX; + -webkit-transform-origin: center right; + transform-origin: center right +} + +.transition[class*="slide right"].out { + -webkit-animation-name: slideOutX; + animation-name: slideOutX; + -webkit-transform-origin: center left; + transform-origin: center left +} + +@-webkit-keyframes slideInY { + 0% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0) + } + 100% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1) + } +} + +@keyframes slideInY { + 0% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0) + } + 100% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1) + } +} + +@-webkit-keyframes slideInX { + 0% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0) + } + 100% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +@keyframes slideInX { + 0% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0) + } + 100% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +@-webkit-keyframes slideOutY { + 0% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1) + } + 100% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0) + } +} + +@keyframes slideOutY { + 0% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1) + } + 100% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0) + } +} + +@-webkit-keyframes slideOutX { + 0% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 100% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0) + } +} + +@keyframes slideOutX { + 0% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 100% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0) + } +} + +.transition.swing { + -webkit-animation-duration: .8s; + animation-duration: .8s +} + +.transition[class*="swing down"].in { + -webkit-animation-name: swingInX; + animation-name: swingInX; + -webkit-transform-origin: top center; + transform-origin: top center +} + +.transition[class*="swing up"].in { + -webkit-animation-name: swingInX; + animation-name: swingInX; + -webkit-transform-origin: bottom center; + transform-origin: bottom center +} + +.transition[class*="swing left"].in { + -webkit-animation-name: swingInY; + animation-name: swingInY; + -webkit-transform-origin: center right; + transform-origin: center right +} + +.transition[class*="swing right"].in { + -webkit-animation-name: swingInY; + animation-name: swingInY; + -webkit-transform-origin: center left; + transform-origin: center left +} + +.transition.swing.out, .transition[class*="swing down"].out { + -webkit-animation-name: swingOutX; + animation-name: swingOutX; + -webkit-transform-origin: top center; + transform-origin: top center +} + +.transition[class*="swing up"].out { + -webkit-animation-name: swingOutX; + animation-name: swingOutX; + -webkit-transform-origin: bottom center; + transform-origin: bottom center +} + +.transition[class*="swing left"].out { + -webkit-animation-name: swingOutY; + animation-name: swingOutY; + -webkit-transform-origin: center right; + transform-origin: center right +} + +.transition[class*="swing right"].out { + -webkit-animation-name: swingOutY; + animation-name: swingOutY; + -webkit-transform-origin: center left; + transform-origin: center left +} + +@-webkit-keyframes swingInX { + 0% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1 + } + 60% { + -webkit-transform: perspective(1000px) rotateX(15deg); + transform: perspective(1000px) rotateX(15deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg) + } + 100% { + -webkit-transform: perspective(1000px) rotateX(0); + transform: perspective(1000px) rotateX(0) + } +} + +@keyframes swingInX { + 0% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1 + } + 60% { + -webkit-transform: perspective(1000px) rotateX(15deg); + transform: perspective(1000px) rotateX(15deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg) + } + 100% { + -webkit-transform: perspective(1000px) rotateX(0); + transform: perspective(1000px) rotateX(0) + } +} + +@-webkit-keyframes swingInY { + 0% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1 + } + 60% { + -webkit-transform: perspective(1000px) rotateY(-17.5deg); + transform: perspective(1000px) rotateY(-17.5deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg) + } + 100% { + -webkit-transform: perspective(1000px) rotateY(0); + transform: perspective(1000px) rotateY(0) + } +} + +@keyframes swingInY { + 0% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1 + } + 60% { + -webkit-transform: perspective(1000px) rotateY(-17.5deg); + transform: perspective(1000px) rotateY(-17.5deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg) + } + 100% { + -webkit-transform: perspective(1000px) rotateY(0); + transform: perspective(1000px) rotateY(0) + } +} + +@-webkit-keyframes swingOutX { + 0% { + -webkit-transform: perspective(1000px) rotateX(0); + transform: perspective(1000px) rotateX(0) + } + 40% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg) + } + 60% { + -webkit-transform: perspective(1000px) rotateX(17.5deg); + transform: perspective(1000px) rotateX(17.5deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0 + } +} + +@keyframes swingOutX { + 0% { + -webkit-transform: perspective(1000px) rotateX(0); + transform: perspective(1000px) rotateX(0) + } + 40% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg) + } + 60% { + -webkit-transform: perspective(1000px) rotateX(17.5deg); + transform: perspective(1000px) rotateX(17.5deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0 + } +} + +@-webkit-keyframes swingOutY { + 0% { + -webkit-transform: perspective(1000px) rotateY(0); + transform: perspective(1000px) rotateY(0) + } + 40% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg) + } + 60% { + -webkit-transform: perspective(1000px) rotateY(-10deg); + transform: perspective(1000px) rotateY(-10deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0 + } +} + +@keyframes swingOutY { + 0% { + -webkit-transform: perspective(1000px) rotateY(0); + transform: perspective(1000px) rotateY(0) + } + 40% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg) + } + 60% { + -webkit-transform: perspective(1000px) rotateY(-10deg); + transform: perspective(1000px) rotateY(-10deg) + } + 80% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0 + } +} + +.flash.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: flash; + animation-name: flash +} + +.shake.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: shake; + animation-name: shake +} + +.bounce.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: bounce; + animation-name: bounce +} + +.tada.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: tada; + animation-name: tada +} + +.pulse.transition { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-name: pulse; + animation-name: pulse +} + +.jiggle.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: jiggle; + animation-name: jiggle +} + +@-webkit-keyframes flash { + 0%, 100%, 50% { + opacity: 1 + } + 25%, 75% { + opacity: 0 + } +} + +@keyframes flash { + 0%, 100%, 50% { + opacity: 1 + } + 25%, 75% { + opacity: 0 + } +} -/*! - * # Semantic UI 2.2.11 - Dropdown - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:left;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease;-webkit-tap-highlight-color:transparent}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#fff;font-size:1em;text-shadow:none;text-align:left;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;font-size:1rem;text-transform:none;font-weight:400;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%;right:auto;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:top;width:auto;margin-top:-.5em;margin-bottom:-.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0);transform:rotateZ(0);min-width:14em;min-height:2.71428571em;background:#fff;display:inline-block;padding:.78571429em 2.1em .78571429em 1em;color:rgba(0,0,0,.87);box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.91666667em;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;width:auto;outline:0;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #fafafa;padding:.78571429rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);box-shadow:none}.ui.selection.active.dropdown{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96c8da;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:1;z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;box-shadow:none!important;cursor:text;top:0;left:1px;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,.87)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.multiple.dropdown{padding:.22619048em 2.1em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .5em 0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em!important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin .6s linear;animation:dropdown-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}@-webkit-keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:rgba(191,191,191,.87)}.ui.default.dropdown:not(.button)>input:focus+.text,.ui.dropdown:not(.button)>input:focus+.default.text{color:rgba(115,115,115,.87)}.ui.loading.dropdown>.text{-webkit-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0!important;right:auto!important}.ui.dropdown>.menu .loading.menu{left:100%!important;right:auto!important}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9f3a38}.ui.selection.dropdown.error{background:#fff6f6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown>.left.menu{left:auto!important;right:0!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{left:auto;right:100%;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:10.28571429rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:15.42857143rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5em;height:.5em;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);background:#fff;z-index:2}.ui.pointing.dropdown>.menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto!important;right:1em!important;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto!important;right:100%!important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto!important;bottom:100%!important;margin:0 0 .78571429rem;border-radius:.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100%!important;bottom:auto!important;box-shadow:1px 1px 0 0 rgba(34,36,38,.15);margin:-.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0d9"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0da"}/*! - * # Semantic UI 2.2.11 - Transition - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */.transition{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animating.transition{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible!important}.loading.transition{position:absolute;top:-99999px;left:-99999px}.hidden.transition{display:none;visibility:hidden}.visible.transition{display:block!important;visibility:visible!important}.disabled.transition{-webkit-animation-play-state:paused;animation-play-state:paused}.looping.transition{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.transition.browse{-webkit-animation-duration:.5s;animation-duration:.5s}.transition.browse.in{-webkit-animation-name:browseIn;animation-name:browseIn}.transition.browse.left.out,.transition.browse.out{-webkit-animation-name:browseOutLeft;animation-name:browseOutLeft}.transition.browse.right.out{-webkit-animation-name:browseOutRight;animation-name:browseOutRight}@-webkit-keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@-webkit-keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@-webkit-keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}.drop.transition{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.34,1.61,.7,1);animation-timing-function:cubic-bezier(.34,1.61,.7,1)}.drop.transition.in{-webkit-animation-name:dropIn;animation-name:dropIn}.drop.transition.out{-webkit-animation-name:dropOut;animation-name:dropOut}@-webkit-keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.transition.fade.in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.transition[class*="fade up"].in{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.transition[class*="fade down"].in{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.transition[class*="fade left"].in{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.transition[class*="fade right"].in{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.transition.fade.out{-webkit-animation-name:fadeOut;animation-name:fadeOut}.transition[class*="fade up"].out{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.transition[class*="fade down"].out{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}.transition[class*="fade left"].out{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.transition[class*="fade right"].out{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}.flip.transition.in,.flip.transition.out{-webkit-animation-duration:.6s;animation-duration:.6s}.horizontal.flip.transition.in{-webkit-animation-name:horizontalFlipIn;animation-name:horizontalFlipIn}.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlipOut;animation-name:horizontalFlipOut}.vertical.flip.transition.in{-webkit-animation-name:verticalFlipIn;animation-name:verticalFlipIn}.vertical.flip.transition.out{-webkit-animation-name:verticalFlipOut;animation-name:verticalFlipOut}@-webkit-keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@-webkit-keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@-webkit-keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@-webkit-keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}@keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}.scale.transition.in{-webkit-animation-name:scaleIn;animation-name:scaleIn}.scale.transition.out{-webkit-animation-name:scaleOut;animation-name:scaleOut}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.transition.fly{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.transition.fly.in{-webkit-animation-name:flyIn;animation-name:flyIn}.transition[class*="fly up"].in{-webkit-animation-name:flyInUp;animation-name:flyInUp}.transition[class*="fly down"].in{-webkit-animation-name:flyInDown;animation-name:flyInDown}.transition[class*="fly left"].in{-webkit-animation-name:flyInLeft;animation-name:flyInLeft}.transition[class*="fly right"].in{-webkit-animation-name:flyInRight;animation-name:flyInRight}.transition.fly.out{-webkit-animation-name:flyOut;animation-name:flyOut}.transition[class*="fly up"].out{-webkit-animation-name:flyOutUp;animation-name:flyOutUp}.transition[class*="fly down"].out{-webkit-animation-name:flyOutDown;animation-name:flyOutDown}.transition[class*="fly left"].out{-webkit-animation-name:flyOutLeft;animation-name:flyOutLeft}.transition[class*="fly right"].out{-webkit-animation-name:flyOutRight;animation-name:flyOutRight}@-webkit-keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.transition.slide.in,.transition[class*="slide down"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center left;transform-origin:center left}.transition.slide.out,.transition[class*="slide down"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}.transition.swing{-webkit-animation-duration:.8s;animation-duration:.8s}.transition[class*="swing down"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center left;transform-origin:center left}.transition.swing.out,.transition[class*="swing down"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@-webkit-keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@-webkit-keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}@keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}.flash.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:flash;animation-name:flash}.shake.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:shake;animation-name:shake}.bounce.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:bounce;animation-name:bounce}.tada.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:tada;animation-name:tada}.pulse.transition{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:pulse;animation-name:pulse}.jiggle.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:jiggle;animation-name:jiggle}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} -*{ +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px) + } + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px) + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px) + } + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px) + } +} + +@-webkit-keyframes bounce { + 0%, 100%, 20%, 50%, 80% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px) + } + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px) + } +} + +@keyframes bounce { + 0%, 100%, 20%, 50%, 80% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px) + } + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px) + } +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1) + } + 10%, 20% { + -webkit-transform: scale(.9) rotate(-3deg); + transform: scale(.9) rotate(-3deg) + } + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg) + } + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg) + } + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0) + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1) + } + 10%, 20% { + -webkit-transform: scale(.9) rotate(-3deg); + transform: scale(.9) rotate(-3deg) + } + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg) + } + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg) + } + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0) + } +} + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + 50% { + -webkit-transform: scale(.9); + transform: scale(.9); + opacity: .7 + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + 50% { + -webkit-transform: scale(.9); + transform: scale(.9); + opacity: .7 + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +@-webkit-keyframes jiggle { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) + } + 30% { + -webkit-transform: scale3d(1.25, .75, 1); + transform: scale3d(1.25, .75, 1) + } + 40% { + -webkit-transform: scale3d(.75, 1.25, 1); + transform: scale3d(.75, 1.25, 1) + } + 50% { + -webkit-transform: scale3d(1.15, .85, 1); + transform: scale3d(1.15, .85, 1) + } + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1) + } + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1) + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) + } +} + +@keyframes jiggle { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) + } + 30% { + -webkit-transform: scale3d(1.25, .75, 1); + transform: scale3d(1.25, .75, 1) + } + 40% { + -webkit-transform: scale3d(.75, 1.25, 1); + transform: scale3d(.75, 1.25, 1) + } + 50% { + -webkit-transform: scale3d(1.15, .85, 1); + transform: scale3d(1.15, .85, 1) + } + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1) + } + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1) + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) + } +} + +* { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; @@ -24,58 +3129,58 @@ border: none; margin: 0; padding: 0; - line-height:1.5em; + line-height: 1.5em; } -html, body{ - height:100%; +html, body { + height: 100%; } -body{ - background:#fff; +body { + background: #fff; font-family: arial, helvetica, sans-serif; - color:#333333; - flex-direction:column; - min-height:100%; - overflow-y:scroll; + color: #333333; + flex-direction: column; + min-height: 100%; + overflow-y: scroll; } -input, submit, select, textarea, button{ - font-size:inherit; +input, submit, select, textarea, button { + font-size: inherit; } -ul, ol{ - list-style-type:none; +ul, ol { + list-style-type: none; } -a{ - color:inherit; - text-decoration:inherit; +a { + color: inherit; + text-decoration: inherit; } -a:hover{ - cursor:pointer; +a:hover { + cursor: pointer; } -h1{ - display:block; - font-size:1.6em; +h1 { + display: block; + font-size: 1.6em; margin-bottom: 20px; } @font-face { font-family: 'longmaneltdict'; - src:url(/external/fonts/longmaneltdict.eot?version=1.1.47); - src:url(/external/fonts/longmaneltdict.eot?version=1.1.47) format('embedded-opentype'), - url(/external/fonts/longmaneltdict.ttf?version=1.1.47) format('truetype'), - url(/external/fonts/longmaneltdict.woff?version=1.1.47) format('woff'); + src: url(/external/fonts/longmaneltdict.eot?version=1.1.47); + src: url(/external/fonts/longmaneltdict.eot?version=1.1.47) format('embedded-opentype'), + url(/external/fonts/longmaneltdict.ttf?version=1.1.47) format('truetype'), + url(/external/fonts/longmaneltdict.woff?version=1.1.47) format('woff'); font-weight: normal; font-style: normal; } /* transition */ -a{ +a { -webkit-transition: color 0.5s, background-color 0.5s; transition: color 0.5s, background-color 0.5s; } @@ -85,7 +3190,7 @@ a{ /* shadow */ .csm, -.inputSuggestions{ +.inputSuggestions { -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); @@ -95,8 +3200,8 @@ a{ /* header */ -div.header{ - background:#314089; +div.header { + background: #314089; position: relative; } @@ -104,53 +3209,52 @@ div.header{ width: 100%; } -.logo{ - opacity:1; - vertical-align:middle; +.logo { + opacity: 1; + vertical-align: middle; } .home .logo_link { - vertical-align:middle; + vertical-align: middle; width: 25%; } - -.logo_link{ - display:inline-block; +.logo_link { + display: inline-block; margin-left: 40px; } -.search-input-container{ +.search-input-container { overflow: hidden; vertical-align: middle; } .csl, -.search_input{ - vertical-align:middle; +.search_input { + vertical-align: middle; outline: none; } -.search_input{ - font-size: 16px!important; - background:none; - color:#000; +.search_input { + font-size: 16px !important; + background: none; + color: #000; padding: 1em 0em 1em 0.5em; width: 100%; -webkit-appearance: none; /*Safari*/ } -.search_input::-webkit-input-placeholder{ +.search_input::-webkit-input-placeholder { color: #333333; font-size: 1.05em; } -.search_form{ +.search_form { display: inline-block; - border-radius:5px; + border-radius: 5px; background: rgba(255, 255, 255, 1); margin: 30px 50px; - vertical-align:middle; + vertical-align: middle; width: 45%; height: 56px; } @@ -168,23 +3272,24 @@ div.header{ /* Override Semantic UI Lib */ .ui.selection.dropdown.custom-select-label-container { - border: none; - border-radius: 0; - border-top-left-radius: 5px; + border: none; + border-radius: 0; + border-top-left-radius: 5px; border-bottom-left-radius: 5px; - min-width: initial; - background: #dedddd; - padding: 16px 8px; + min-width: initial; + background: #dedddd; + padding: 16px 8px; } .ui.selection.dropdown .menu { - min-width: 0; - width: 181px; - border: 0; - margin: 0; + min-width: 0; + width: 181px; + border: 0; + margin: 0; } -.ui.selection.dropdown .menu>.item { - white-space: nowrap; + +.ui.selection.dropdown .menu > .item { + white-space: nowrap; } .ui.dropdown.selection.custom-select-label-container { @@ -216,15 +3321,15 @@ div.header{ border: solid 1px #ddd; border-top: none; left: 0; - max-height: none!important; + max-height: none !important; } -.custom-select-menu a{ +.custom-select-menu a { display: block; padding: 5px 19px; } -.custom-select-menu a:hover{ +.custom-select-menu a:hover { background: #ddd; } @@ -254,14 +3359,14 @@ div.header{ z-index: 10; } -.version_selector .other_versions a{ +.version_selector .other_versions a { padding: 3px; } + /* end */ /* footer */ - .footer .responsive_row div { float: none; margin-left: auto; @@ -282,15 +3387,14 @@ div.header{ } .footer .share_panel { - margin: 0!important; + margin: 0 !important; } -.footer .share_panel a{ +.footer .share_panel a { color: #333333; background-color: white; } - .footer .links { color: white; font-size: 13px; @@ -334,32 +3438,32 @@ div.header{ margin-bottom: 20px; } -.browse_dictionaries li{ +.browse_dictionaries li { margin: 16px 2px; } -.browse_dictionaries li a{ +.browse_dictionaries li a { padding: 8px 20px; } -.browse_letters li{ - display:inline-block; +.browse_letters li { + display: inline-block; } -.browse_letters li a{ - display:inline-block; - padding:1em; +.browse_letters li a { + display: inline-block; + padding: 1em; } -.browse_letters li a:hover{ - background:#222; - color:#eee; - display:inline-block; +.browse_letters li a:hover { + background: #222; + color: #eee; + display: inline-block; } .browse_groups, -.browse_results{ - list-style:disc outside; +.browse_results { + list-style: disc outside; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; @@ -367,50 +3471,50 @@ div.header{ } .browse_groups li, -.browse_results li{ +.browse_results li { margin-left: 20px; - padding:0.5em; + padding: 0.5em; } .browse_groups li a, -.browse_results li a{ - padding:0px 2px; +.browse_results li a { + padding: 0px 2px; } .browse_groups li a:hover, .browse_dictionaries li a:hover, -.browse_results li a:hover{ - background:#222; - color:#eee; +.browse_results li a:hover { + background: #222; + color: #eee; } -.browse_groups li a .head{ - display:inline; +.browse_groups li a .head { + display: inline; } .browse_results .pos, .browse_panel .pos, -.searches .pos{ - font-size:0.8em; - font-style:italic; - vertical-align:top; +.searches .pos { + font-size: 0.8em; + font-style: italic; + vertical-align: top; } -.browse_panel{ +.browse_panel { margin-top: 20px; - padding:20px; - background:rgba(0, 0, 0, 0.1); + padding: 20px; + background: rgba(0, 0, 0, 0.1); } -.browse_panel a{ - display:block; - padding:8px 20px; +.browse_panel a { + display: block; + padding: 8px 20px; } .browse_panel a:hover, -.browse_panel a.current{ - color:#ccc; - background-color:#333; +.browse_panel a.current { + color: #ccc; + background-color: #333; } .browse_panel a[class=seeAllResults], @@ -420,17 +3524,18 @@ div.header{ .browse_panel ul li pos, .content .searches li pos { - font-variant:small-caps; - text-transform:lowercase; + font-variant: small-caps; + text-transform: lowercase; font-size: 0.8em; } + /* end */ /* search results & did you mean */ .searches, -.didyoumean{ - list-style:disc outside; +.didyoumean { + list-style: disc outside; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; @@ -450,12 +3555,12 @@ div.header{ font-weight: bold; } -.searches li a pos{ +.searches li a pos { font-weight: normal; } .searches li a:hover, -.didyoumean li a:hover{ +.didyoumean li a:hover { text-decoration: underline; } @@ -465,7 +3570,7 @@ div.header{ } .search_word { - color : #364395; + color: #364395; } /* end */ @@ -474,37 +3579,38 @@ div.header{ .cloud { margin-bottom: 10px; } + .cloud li { - display:inline-block; + display: inline-block; } /* end */ -.content{ - position:relative; - flex:1 0 auto; +.content { + position: relative; + flex: 1 0 auto; min-height: 500px; } -.message{ - position:absolute; - display:flex; - align-items:center; - justify-content:center; - text-align:center; - height:100%; - width:100%; +.message { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + height: 100%; + width: 100%; } /* custom selector */ -.csl{ - font-size:19.2px; +.csl { + font-size: 19.2px; background-color: white; - -webkit-transform:rotateY(180deg); - -moz-transform:rotateY(180deg); - -o-transform:rotateY(180deg); - -ms-transform:rotateY(180deg); + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); float: right; padding: 12px; margin: 2px; @@ -516,54 +3622,54 @@ div.header{ color: lightgrey; } -.csm{ - position:absolute; - z-index:10; +.csm { + position: absolute; + z-index: 10; } -.csm a{ - display:block; - padding:10px 20px; - background:#ccc; +.csm a { + display: block; + padding: 10px 20px; + background: #ccc; } .csm a:hover, -.csm a.current{ - color:#ccc; - background-color:#333; +.csm a.current { + color: #ccc; + background-color: #333; } /* end */ /* autocomplete */ -.inputSuggestions{ +.inputSuggestions { font-size: 16px; z-index: 10; position: absolute; } -.inputSuggestions a{ - display:block; - padding:10px 20px; - background:#ccc; +.inputSuggestions a { + display: block; + padding: 10px 20px; + background: #ccc; } -.inputSuggestions a.footerLink{ - background:#aaa; +.inputSuggestions a.footerLink { + background: #aaa; } .inputSuggestions a:hover, -.inputSuggestions a.current{ - color:#ccc; - background-color:#333; +.inputSuggestions a.current { + color: #ccc; + background-color: #333; } /* end */ /* share panel */ -.share_panel a{ - margin:0 10px; +.share_panel a { + margin: 0 10px; color: white; border-radius: 50%; height: 50px; @@ -571,15 +3677,19 @@ div.header{ text-align: center; line-height: 1.5em; } + .right_col .share_panel .share_panel_facebook { background: #3b5998; } + .right_col .share_panel .share_panel_twitter { background: #55acee; } + .right_col .share_panel .share_panel_google { background: #dc4e41; } + /* end */ /* entry content */ @@ -590,12 +3700,12 @@ div.header{ margin: 28px 50px 20px 50px; } -.EXAMPLE{ - color:#778899; - margin-left:20px; +.EXAMPLE { + color: #778899; + margin-left: 20px; } -.entry_content .dictionary .defRef{ +.entry_content .dictionary .defRef { border-bottom: thin dotted gray; } @@ -611,21 +3721,22 @@ div.header{ /* about page */ -.aboutlist{ +.aboutlist { list-style-type: disc; } -.aboutlist li{ +.aboutlist li { margin-left: 20px; } -.aboutlist li a{ + +.aboutlist li a { text-decoration: underline; } .browse_dictionaries, .browse_letters, .aboutText, -.howtouseText{ +.howtouseText { margin-bottom: 10px; } @@ -633,17 +3744,17 @@ div.header{ /* how to use page */ -.howtouseText .howtouseP{ +.howtouseText .howtouseP { margin-bottom: 20px; max-width: 1000px; } -.howtouseText .howtouseP a{ +.howtouseText .howtouseP a { text-decoration: underline; } -.howtouse_image{ - float: none!important; +.howtouse_image { + float: none !important; margin-bottom: 30px; } @@ -657,53 +3768,54 @@ div.header{ margin-bottom: 10px; } -/* end */.content .ENTRY .POSGR{ - margin-top:2em; +/* end */ +.content .ENTRY .POSGR { + margin-top: 2em; } -.content .ENTRY .SENSE{ - margin-top:1em; +.content .ENTRY .SENSE { + margin-top: 1em; } -.content .ENTRY .EXAS{ - margin-left:1em; +.content .ENTRY .EXAS { + margin-left: 1em; } -.content .ENTRY .EXACNT .attr-type{ - display:inline-block; - margin-right:2em; +.content .ENTRY .EXACNT .attr-type { + display: inline-block; + margin-right: 2em; } -.content .ENTRY .EXACNT .attr-type:before{ - content:"["; +.content .ENTRY .EXACNT .attr-type:before { + content: "["; } -.content .ENTRY .EXACNT .attr-type:after{ - content:"]"; +.content .ENTRY .EXACNT .attr-type:after { + content: "]"; } -.content .ENTRY .EXA{ - font-style:italic; +.content .ENTRY .EXA { + font-style: italic; } -.content .ENTRY .EXA:before{ - content:"'"; +.content .ENTRY .EXA:before { + content: "'"; } -.content .ENTRY .EXA:after{ - content:"'"; +.content .ENTRY .EXA:after { + content: "'"; } -.content img{ +.content img { float: right; width: 30%; } -.content .speaker:hover{ +.content .speaker:hover { cursor: pointer; } -.content td{ +.content td { padding-right: 2px; } @@ -815,6 +3927,7 @@ div.header{ #tcotw ul li { display: inline; } + .home .content .ldoceEntry .Sense { margin: 0; } @@ -863,36 +3976,45 @@ div.header{ font-size: 1.5em; color: #2B6EFF; } + .home #tcotw .topic_2 { color: #B7BFCC; font-size: 1.5em; } + .home #tcotw .topic_3 { color: #EC0F8C; font-size: 1.2em; } + .home #tcotw .topic_4 { color: #FF801A; font-size: 1.2em; } + .home #tcotw .topic_5 { color: #00A9FF; } + .home #tcotw .topic_6 { color: #FFC300; } + .home #tcotw .topic_7 { color: #74AFAD; font-size: 0.9em; } + .home #tcotw .topic_8 { color: #A51890; font-size: 0.9em; } + .home #tcotw .topic_9 { color: #2ECC40; font-size: 0.75em; } + .home #tcotw .topic_10 { color: #FF3333; font-size: 0.75em; @@ -901,33 +4023,42 @@ div.header{ .home #hot_topics .topic_1 { color: #2B6EFF; } + .home #hot_topics .topic_2 { color: #B7BFCC; } + .home #hot_topics .topic_3 { color: #EC0F8C; } + .home #hot_topics .topic_4 { color: #FF801A; font-size: 1.5em; } + .home #hot_topics .topic_5 { color: #00A9FF; font-size: 0.75em; } + .home #hot_topics .topic_6 { color: #FFC300; font-size: 0.9em; } + .home #hot_topics .topic_7 { color: #74AFAD; } + .home #hot_topics .topic_8 { color: #A51890; } + .home #hot_topics .topic_9 { color: #2ECC40; } + .home #hot_topics .topic_10 { color: #FF3333; font-size: 1.2em; @@ -936,33 +4067,42 @@ div.header{ .topic .content .topic_1 { color: #2B6EFF; } + .topic .content .topic_2 { color: #B7BFCC; } + .topic .content .topic_3 { color: #EC0F8C; } + .topic .content .topic_4 { font-size: 1.5em; color: #FF801A; } + .topic .content .topic_5 { font-size: 0.9em; color: #00A9FF; } + .topic .content .topic_6 { font-size: 1.1em; color: #FFC300; } + .topic .content .topic_7 { color: #74AFAD; } + .topic .content .topic_8 { color: #A51890; } + .topic .content .topic_9 { color: #2ECC40; } + .topic .content .topic_10 { font-size: 1.2em; color: #FF3333; @@ -992,6 +4132,7 @@ div.header{ height: 180px; width: 180px; } + .home .content .right_box { margin-bottom: 10px; background-color: #fae660; @@ -1014,13 +4155,14 @@ div.header{ .home .content .right_box .corpus:before { content: "\e613"; } + .home .content .right_box .def:before { content: "\e610"; } .home .content .right_box .hover { display: none; - background-color: rgba(0,0,0,0.85); + background-color: rgba(0, 0, 0, 0.85); position: absolute; top: 0; left: 0; @@ -1121,7 +4263,7 @@ div.header{ } .home .content .dict_title, -.home .content .carousel .right_content { +.home .content .carousel .right_content { text-align: left; } @@ -1159,50 +4301,61 @@ div.header{ padding: 8px 30px; border-radius: 30px; display: table; -}.responsive_row{ - clear:both; +} + +.responsive_row { + clear: both; } .responsive_row:before, -.responsive_row:after{ - display:table; - content:""; - clear:both; +.responsive_row:after { + display: table; + content: ""; + clear: both; } - .responsive_cell1{ - width:10%; - } - .responsive_cell2{ - width:20%; - } - .responsive_cell3{ - width:30%; - } - .responsive_cell4{ - width:40%; - } - .responsive_cell5{ - width:50%; - } - .responsive_cell6{ - width:60%; - } - .responsive_cell7{ - width:70%; - } - .responsive_cell8{ - width:80%; - } - .responsive_cell9{ - width:90%; - } - .responsive_cell10{ - width:100%; - } +.responsive_cell1 { + width: 10%; +} + +.responsive_cell2 { + width: 20%; +} + +.responsive_cell3 { + width: 30%; +} + +.responsive_cell4 { + width: 40%; +} + +.responsive_cell5 { + width: 50%; +} + +.responsive_cell6 { + width: 60%; +} + +.responsive_cell7 { + width: 70%; +} + +.responsive_cell8 { + width: 80%; +} -[class*="responsive_cell"]{ - float:left; +.responsive_cell9 { + width: 90%; +} + +.responsive_cell10 { + width: 100%; +} + +[class*="responsive_cell"] { + float: left; } .content h1.pagetitle, @@ -1215,50 +4368,51 @@ div.header{ } #ad_topslot.am-home { - margin: 15px 0; - text-align: center; + margin: 15px 0; + text-align: center; } #ad_topslot.am-default { - margin: 15px 0 0 0; + margin: 15px 0 0 0; } #ad_btmslot.am-default { - text-align: center; + text-align: center; } #ad_rightslot.am-default { - margin: 15px 0; + margin: 15px 0; } .contentslot { - width: 100%; - min-width: 320px; - margin: 0 auto; + width: 100%; + min-width: 320px; + margin: 0 auto; } /* mobile - low resolutions */ @media screen and (max-width: 370px) { .search_form { - width: 66%!important; + width: 66% !important; } } @media screen and (max-width: 332px) { - .Sense .contentslot { - margin-left: -30px; - } - .assetlink .contentslot, - .Tail .contentslot { - margin-left: -10px; - } + .Sense .contentslot { + margin-left: -30px; + } + + .assetlink .contentslot, + .Tail .contentslot { + margin-left: -10px; + } } /* mobile */ -@media screen and (max-width: 761px){ - .res_hos{ - display: none!important; +@media screen and (max-width: 761px) { + .res_hos { + display: none !important; } .dropdown-icon { @@ -1269,30 +4423,31 @@ div.header{ width: 30px; } - .inputSuggestions{ + .inputSuggestions { left: 30px; } - [class*="responsive_cell"]{ - float:none; - width:auto; + [class*="responsive_cell"] { + float: none; + width: auto; } - .csl{ + .csl { padding: 12px 0px 12px 12px; - margin:5px 0px 5px 5px; - font-size:1em; + margin: 5px 0px 5px 5px; + font-size: 1em; } .responsive_hide_on_smartphone, - .responsive_hide_on_smartphone_tablet{ - display:none!important; + .responsive_hide_on_smartphone_tablet { + display: none !important; } .header { height: 116px; min-width: 300px; } + .logo, .home .logo { width: 69px; } @@ -1307,8 +4462,8 @@ div.header{ right: 10px; } - h1{ - font-size:1.6em; + h1 { + font-size: 1.6em; margin-top: 5px; } @@ -1316,7 +4471,7 @@ div.header{ .browse_groups, .browse_results, .didyoumean { - list-style:disc outside; + list-style: disc outside; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; @@ -1330,12 +4485,12 @@ div.header{ } - .content{ + .content { min-height: 200px; margin-bottom: 20px; } - .content img{ + .content img { clear: both; width: 100%; display: block; @@ -1362,10 +4517,9 @@ div.header{ .dictionary_intro, .topic_intro { - margin:5px 0 10px 0px!important + margin: 5px 0 10px 0px !important } - .home .content .text_welcome h1 { font-size: 1em; } @@ -1400,11 +4554,11 @@ div.header{ } .home .content .right_box .hover div { - font-size: 1.3em; + font-size: 1.3em; } .home .content .right_box .hover li { - font-size: 1em; + font-size: 1em; } .home .content .fa-angle-right { @@ -1425,7 +4579,7 @@ div.header{ .footer, .home .content .fa { - display:block; + display: block; } .footer .links, @@ -1449,8 +4603,8 @@ div.header{ } #ad_topslot.am-default { - margin: 5px 0; - text-align: center; + margin: 5px 0; + text-align: center; } .pos:before { @@ -1461,10 +4615,10 @@ div.header{ /* tablet */ -@media screen and (min-width: 762px) and (max-width: 947px){ +@media screen and (min-width: 762px) and (max-width: 947px) { - .res_hos{ - display: none!important; + .res_hos { + display: none !important; } .ui.dropdown.selection.custom-select-label-container { @@ -1475,11 +4629,11 @@ div.header{ margin-top: 4px; } - .custom-select-label-container{ + .custom-select-label-container { width: 30px; } - .inputSuggestions{ + .inputSuggestions { left: 30px; } @@ -1487,12 +4641,12 @@ div.header{ display: none; } - .content{ + .content { margin: 0 0 30px 0; min-height: 500px; } - .content img{ + .content img { width: 50%; } @@ -1501,13 +4655,14 @@ div.header{ } h1 { - margin-bottom: 10px; + margin-bottom: 10px; } .content h1.pagetitle, .content h1.topicpagetitle { margin-bottom: 10px; } + .responsive_cell6 { width: 59%; } @@ -1530,14 +4685,14 @@ div.header{ .browse_groups, .browse_results, .didyoumean { - list-style:disc outside; + list-style: disc outside; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-bottom: 10px; } - .search_form{ + .search_form { margin: 30px 40px; } @@ -1556,7 +4711,7 @@ div.header{ } #ad_topslot.am-default { - margin: 15px 0 0 15px; + margin: 15px 0 0 15px; } .responsive_cell2 .right_col { @@ -1576,15 +4731,15 @@ div.header{ } } -@media screen and (min-width: 762px){ - .responsive_hide_on_non_smartphone{ - display:none; +@media screen and (min-width: 762px) { + .responsive_hide_on_non_smartphone { + display: none; } } /* Desktop */ -@media screen and (min-width: 948px){ +@media screen and (min-width: 948px) { #ad_leftslot_container { width: 160px; @@ -1609,7 +4764,7 @@ div.header{ /* Small desktop screen */ -@media screen and (min-width: 948px) and (max-width: 1224px){ +@media screen and (min-width: 948px) and (max-width: 1224px) { .entry_content, .page_content, @@ -1627,7 +4782,7 @@ div.header{ .browse_groups, .browse_results { - list-style:disc outside; + list-style: disc outside; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; @@ -1637,131 +4792,94 @@ div.header{ padding-left: 100px; } } + /**** FREEONLINE****/ .page { - font-family : arial, helvetica, sans-serif; - font-size : 12pt; - display : block; + font-family: arial, helvetica, sans-serif; + font-size: 12pt; + display: block; } .pagetitle, h1.topicpagetitle { - font-size : 1.6em; - font-weight : bold; + font-size: 1.6em; + font-weight: bold; } -.topicpagetitle a{ +.topicpagetitle a { font-style: italic; } -.topicpagetitle a:hover{ +.topicpagetitle a:hover { color: #314089; } .metadata, .metadata { - color : magenta; - display : none; -} - -.infls, -.description, -.title, -.url, -.summary, -.og, -.infls, -.description, -.title, -.url, -.summary, -.og { - display : block; -} - -.infls:before, -.infls:before { - content : 'inflections: '; -} - -.description:before, -.description:before { - content : 'description: '; -} - -.summary:before, -.summary:before { - content : 'summary: '; -} - -.title:before, -.title:before { - content : 'title: '; -} - -.exaGroup .title:before, -.exaGroup .title:before { - content : ''; -} - -.Crossrefto { - color : blue; - font-weight:bold -} - -.suppressed { - display : none; + color: magenta; + display: none; } -.og .title:before, -.og .title:before { - content : 'og.title: '; +.infls, +.description, +.title, +.url, +.summary, +.og, +.infls, +.description, +.title, +.url, +.summary, +.og { + display: block; } -.url:before { - content : 'url: '; +.Crossrefto { + color: blue; + font-weight: bold } -.og .url:before, -.og .url:before { - content : 'og.url: '; +.suppressed { + display: none; } .assetref, .assetref { - display : block; + display: block; } .assettype { - font-weight : bold; - color : #364395; + font-weight: bold; + color: #364395; } .dictentry { - display : block; - margin-bottom : 25px; + display: block; + margin-bottom: 25px; } .dictionary_intro, .topic_intro { - display : block; - background-color:#35a3ff; - color:#fff; - padding-left:10px; - margin:5px 0 10px -7px + display: block; + background-color: #35a3ff; + color: #fff; + padding-left: 10px; + margin: 5px 0 10px -7px } + .assets_intro, .asset_intro { - border : solid 1px ; - border-color : #f1d600; - background-color:#f1d600; - color : #fff; - font-weight:normal; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - padding-left : 3px; - padding-right : 3px; + border: solid 1px; + border-color: #f1d600; + background-color: #f1d600; + color: #fff; + font-weight: normal; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding-left: 3px; + padding-right: 3px; } .right_col .yellow_box { @@ -1774,325 +4892,274 @@ h1.topicpagetitle { } /***** LDOCE ***************************/ -.ldoceEntry .Entry -{ - font-size : 12pt; - text-align : justify; - display : block; - margin-top : 8px; +.ldoceEntry .Entry { + font-size: 12pt; + text-align: justify; + display: block; + margin-top: 8px; } .ldoceEntry .Thesref { - color : #364395; + color: #364395; } - -.ldoceEntry .ABBR -{ - font-weight : bold; +.ldoceEntry .ABBR { + font-weight: bold; } -.ldoceEntry .ACTIV -{ - display : none; +.ldoceEntry .ACTIV { + display: none; } -.ldoceEntry .AMEQUIV -{ - font-weight : bold; +.ldoceEntry .AMEQUIV { + font-weight: bold; } -.ldoceEntry .BOX -{ - display : none; +.ldoceEntry .BOX { + display: none; } -.ldoceEntry .BREQUIV -{ - font-weight : bold; +.ldoceEntry .BREQUIV { + font-weight: bold; } -.ldoceEntry .COLLO -{ - font-weight : bold; - margin-left : 20px; +.ldoceEntry .COLLO { + font-weight: bold; + margin-left: 20px; } -.ldoceEntry .ColloExa -{ - display : block; +.ldoceEntry .ColloExa { + display: block; } -.ldoceEntry .COLLOINEXA -{ - font-weight : bold; +.ldoceEntry .COLLOINEXA { + font-weight: bold; } -.ldoceEntry .COMMENT -{ - display : none; +.ldoceEntry .COMMENT { + display: none; } -.ldoceEntry .COMP -{ - font-weight : bold; +.ldoceEntry .COMP { + font-weight: bold; } -.ldoceEntry .Crossrefto -{ - font-weight : bold; - font-size : 120%; +.ldoceEntry .Crossrefto { + font-weight: bold; + font-size: 120%; } -.ldoceEntry .DERIV -{ - font-weight : bold; - font-size : 120%; +.ldoceEntry .DERIV { + font-weight: bold; + font-size: 120%; } -.ldoceEntry .Entry -{ - font-size : 11pt; - text-align : justify; +.ldoceEntry .Entry { + font-size: 11pt; + text-align: justify; } -.ldoceEntry .ErrorBox -{ - display : block; +.ldoceEntry .ErrorBox { + display: block; } -.ldoceEntry .EXAMPLE -{ - display : block; - margin-left : 20px; - color : gray; +.ldoceEntry .EXAMPLE { + display: block; + margin-left: 20px; + color: gray; } - -.ldoceEntry .FIELD -{ - display : none; +.ldoceEntry .FIELD { + display: none; } .ldoceEntry .AC, .ldoceEntry .synopp { - color : #fff; + color: #fff; border-color: #f1d600; - background-color:#f1d600; + background-color: #f1d600; } -.ldoceEntry .FREQ -{ - color : red; - border-color : red; +.ldoceEntry .FREQ { + color: red; + border-color: red; } -.ldoceEntry .LEVEL -{ - color : red; - font-size : 120%; +.ldoceEntry .LEVEL { + color: red; + font-size: 120%; } -.ldoceEntry .FULLFORM -{ - font-weight : bold; +.ldoceEntry .FULLFORM { + font-weight: bold; } .ldoceEntry .GEO, -.ldoceEntry .geo -{ - font-weight : normal; - color : #364395; +.ldoceEntry .geo { + font-weight: normal; + color: #364395; } -.ldoceEntry .GLOSS -{ - color : #364395; - font-weight : normal; - font-style : normal; +.ldoceEntry .GLOSS { + color: #364395; + font-weight: normal; + font-style: normal; } .ldoceEntry .GRAM, -.bussdictEntry .GRAM -{ - color : green; - font-weight:bold; - margin:0 5px 10px 3px +.bussdictEntry .GRAM { + color: green; + font-weight: bold; + margin: 0 5px 10px 3px } -.ldoceEntry .GramExa -{ - display : block; +.ldoceEntry .GramExa { + display: block; } -.ldoceEntry .HINTBOLD -{ - font-weight : bold; +.ldoceEntry .HINTBOLD { + font-weight: bold; } -.ldoceEntry .HINTITALIC -{ - font-style : italic; +.ldoceEntry .HINTITALIC { + font-style: italic; } -.ldoceEntry .HINTTITLE -{ - font-weight : bold; +.ldoceEntry .HINTTITLE { + font-weight: bold; } .ldoceEntry .frequent .HOMNUM { - vertical-align : super; - font-size : 12pt; - color : red; - font-weight : bold; + vertical-align: super; + font-size: 12pt; + color: red; + font-weight: bold; } .ldoceEntry .frequent .HYPHENATION { - color : red; - font-size : 160%; + color: red; + font-size: 160%; } -.ldoceEntry .HOMNUM -{ - vertical-align : super; - font-size : 12pt; - color : red; - font-weight : bold; + +.ldoceEntry .HOMNUM { + vertical-align: super; + font-size: 12pt; + color: red; + font-weight: bold; } -.ldoceEntry .HWD -{ - display : none; +.ldoceEntry .HWD { + display: none; } .ldoceEntry .HYPHENATION, -.ldoceEntry .PHRVBHWD -{ - font-weight : bold; - font-size : 160%; - color : red; +.ldoceEntry .PHRVBHWD { + font-weight: bold; + font-size: 160%; + color: red; } .ldoceEntry .LEXUNIT, -.ldoceEntry .LEXVAR -{ - font-weight : bold; +.ldoceEntry .LEXVAR { + font-weight: bold; } -.ldoceEntry .LINKWORD -{ - color : #364395; +.ldoceEntry .LINKWORD { + color: #364395; } .ldoceEntry .NOTE, -.ldoceEntry .Noteprompt -{ - display : none; +.ldoceEntry .Noteprompt { + display: none; } -.ldoceEntry .OBJECT -{ - font-weight : normal; +.ldoceEntry .OBJECT { + font-weight: normal; } .ldoceEntry .OPP, .ldoceEntry .ORTHVAR, .ldoceEntry .PASTPART, -.ldoceEntry .PASTTENSE -{ - font-weight : bold; +.ldoceEntry .PASTTENSE { + font-weight: bold; } -.ldoceEntry .PhrVbEntry -{ - display : block; +.ldoceEntry .PhrVbEntry { + display: block; } .ldoceEntry .PIC, -.ldoceEntry .PICCAL -{ - display : none; +.ldoceEntry .PICCAL { + display: none; } -.ldoceEntry .PLURALFORM -{ - font-weight : bold; +.ldoceEntry .PLURALFORM { + font-weight: bold; } .ldoceEntry .POS, -.bussdictEntry .POS -{ - color : green; - font-weight:bold; - margin:0 0 0 10px +.bussdictEntry .POS { + color: green; + font-weight: bold; + margin: 0 0 0 10px } .ldoceEntry .PRESPART, -.ldoceEntry .PRESPARTX -{ - font-weight : bold; +.ldoceEntry .PRESPARTX { + font-weight: bold; } -.ldoceEntry .PROPFORM -{ - font-weight : bold; - margin-left : 20px; +.ldoceEntry .PROPFORM { + font-weight: bold; + margin-left: 20px; } -.ldoceEntry .PROPFORMPREP -{ - font-weight : bold; - margin-left : 20px; +.ldoceEntry .PROPFORMPREP { + font-weight: bold; + margin-left: 20px; } .ldoceEntry .PTandPP, -.ldoceEntry .PTandPPX -{ - font-weight : bold; +.ldoceEntry .PTandPPX { + font-weight: bold; } -.ldoceEntry .REFHOMNUM -{ - vertical-align : super; - font-size : 60%; +.ldoceEntry .REFHOMNUM { + vertical-align: super; + font-size: 60%; } -.ldoceEntry .REFHWD -{ - font-weight : bold; - font-style : normal; +.ldoceEntry .REFHWD { + font-weight: bold; + font-style: normal; } -.ldoceEntry .REFLEX -{ - font-weight : bold; +.ldoceEntry .REFLEX { + font-weight: bold; } -.ldoceEntry .REGISTERLAB -{ - color : purple; - font-style : italic; +.ldoceEntry .REGISTERLAB { + color: purple; + font-style: italic; } -.ldoceEntry .RELATEDWD -{ - font-weight : bold; - color:blue; +.ldoceEntry .RELATEDWD { + font-weight: bold; + color: blue; } -.ldoceEntry .RunOn -{ - display : block; - margin-bottom : 10px; +.ldoceEntry .RunOn { + display: block; + margin-bottom: 10px; } .ldoceEntry .Sense { - display : block; - margin-left : 20px; - margin-bottom : 15px; + display: block; + margin-left: 20px; + margin-bottom: 15px; } -.ldoceEntry .SIGNPOST -{ +.ldoceEntry .SIGNPOST { background-color: #f18500; color: white; font-weight: bold; @@ -2107,33 +5174,28 @@ h1.topicpagetitle { letter-spacing: 1px; } -.ldoceEntry .STRONG -{ - font-style : italic; +.ldoceEntry .STRONG { + font-style: italic; } -.ldoceEntry .Subsense -{ - display : block; - margin-left : 10px; +.ldoceEntry .Subsense { + display: block; + margin-left: 10px; } .ldoceEntry .SUPERL, .ldoceEntry .SYN, .ldoceEntry .T3PERSSING, -.ldoceEntry .T3PERSSINGX -{ - font-weight : bold; +.ldoceEntry .T3PERSSINGX { + font-weight: bold; } -.ldoceEntry .UNCLASSIFIED -{ - font-weight : bold; +.ldoceEntry .UNCLASSIFIED { + font-weight: bold; } -.ldoceEntry .USAGE -{ - display : none; +.ldoceEntry .USAGE { + display: none; } .ldoceEntry .GramBox .CROSS .neutral { @@ -2141,367 +5203,329 @@ h1.topicpagetitle { margin-right: 10px; } -.ldoceEntry .neutral -{ - color : black; - font-style : normal; - font-weight : normal; - font-variant : normal; +.ldoceEntry .neutral { + color: black; + font-style: normal; + font-weight: normal; + font-variant: normal; } - .ldoceEntry .EXPL .cross, - .ldoceEntry .GramBox .EXPL .dont_say, - .ldoceEntry .BADEXA -{ - color : red; +.ldoceEntry .EXPL .cross, +.ldoceEntry .GramBox .EXPL .dont_say, +.ldoceEntry .BADEXA { + color: red; } -.ldoceEntry .italic -{ - font-style : italic; - font-weight : normal; +.ldoceEntry .italic { + font-style: italic; + font-weight: normal; } -.ldoceEntry .infllab -{ - font-style : italic; - font-weight : normal; +.ldoceEntry .infllab { + font-style: italic; + font-weight: normal; } -.ldoceEntry .warning -{ - font-style : normal; - font-weight : bold; - color : red; +.ldoceEntry .warning { + font-style: normal; + font-weight: bold; + color: red; } -.ldoceEntry .sensenum -{ - font-style : normal; - font-weight : bold; - color : black; +.ldoceEntry .sensenum { + font-style: normal; + font-weight: bold; + color: black; } .ldoceEntry .synopp, .ldoceEntry .FREQ, -.ldoceEntry .AC -{ - display : inline-block; - font-style : normal; - font-weight : bold; - text-transform : uppercase; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid 1px; - padding-left : 4px; - padding-right : 4px; +.ldoceEntry .AC { + display: inline-block; + font-style: normal; + font-weight: bold; + text-transform: uppercase; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid 1px; + padding-left: 4px; + padding-right: 4px; } .ldoceEntry .ColloBox, .ldoceEntry .ThesBox, .ldoceEntry .F2NBox, .ldoceEntry .GramBox { - display : block; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid #364395 1px; - padding : 15px; - margin : 8px 0; + display: block; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid #364395 1px; + padding: 15px; + margin: 8px 0; } -.GramBox{ - background-color:#fff; - color:#000 +.GramBox { + background-color: #fff; + color: #000 } .GramBox .boxheader { - line-height:2em + line-height: 2em } .ColloBox .heading { - line-height:2em; - margin:0 10px 0 0 + line-height: 2em; + margin: 0 10px 0 0 } -.ThesBox .heading{ - line-height:2em +.ThesBox .heading { + line-height: 2em } .ldoceEntry .HEADING, .ldoceEntry .heading { - font-weight : bold; - font-size : 120%; - color : #364395; + font-weight: bold; + font-size: 120%; + color: #364395; } .ldoceEntry .HEADING.newline { - display : block; + display: block; } .ldoceEntry .SECHEADING, .ldoceEntry .subheading { - display : table; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid #6f469d 2px; - padding-left : 4px; - padding-right : 20px; - margin:25px 0 10px 0; - font-weight : bold; - color : white; - text-transform : uppercase; - background-color : #6f469d; + display: table; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid #6f469d 2px; + padding-left: 4px; + padding-right: 20px; + margin: 25px 0 10px 0; + font-weight: bold; + color: white; + text-transform: uppercase; + background-color: #6f469d; } .ldoceEntry .Collocate, .ldoceEntry .Exponent { - display : block; - margin:15px 0 0 6px; + display: block; + margin: 15px 0 0 6px; } .ldoceEntry .EXPL { - display : block; + display: block; } .ldoceEntry .COLLOC, .ldoceEntry .EXP, .ldoceEntry .EXPR { - font-weight : bold; + font-weight: bold; } .ldoceEntry .keycollo { - font-weight : bold; - color : #364395; + font-weight: bold; + color: #364395; } .ldoceEntry .THESPROPFORM { - font-weight : bold; + font-weight: bold; } .ldoceEntry .COLLEXA, .ldoceEntry .THESEXA { - color : gray; - display : block; + color: gray; + display: block; } - .ldoceEntry .LearnerItem { - display : block; + display: block; } .ldoceEntry .GOODCOLLO { - font-style : italic; + font-style: italic; } .ldoceEntry .BADCOLLO { - text-decoration : line-through; + text-decoration: line-through; } .ldoceEntry .DEFBOLD { - font-weight : bold; + font-weight: bold; } .ldoceEntry .exafile { - color : gray; - font-style : normal; - font-size : 120%; + color: gray; + font-style: normal; + font-size: 120%; padding: 5px; } .ldoceEntry .amefile { - color : #4693db; - font-size : 130%; + color: #4693db; + font-size: 130%; padding-left: 5px; } .ldoceEntry .brefile { - color : #fa6360; - font-size : 130%; + color: #fa6360; + font-size: 130%; padding-left: 5px; } - /***** BUSSDICT ***************************/ -.bussdictEntry .Entry -{ - font-size : 12pt; - text-align : justify; - display : block; - margin-top : 8px; +.bussdictEntry .Entry { + font-size: 12pt; + text-align: justify; + display: block; + margin-top: 8px; } -.bussdictEntry .supp -{ - background-color : gray; +.bussdictEntry .supp { + background-color: gray; } .bussdictEntry .ABBR, .bussdictEntry .AMEQUIV, .bussdictEntry .BREQUIV, .bussdictEntry .COLLO, -.bussdictEntry .COMP -{ - font-weight : bold; +.bussdictEntry .COMP { + font-weight: bold; } .bussdictEntry .ACTIV, .bussdictEntry .BOX, -.bussdictEntry .COMMENT -{ - display : none; +.bussdictEntry .COMMENT { + display: none; } -.bussdictEntry .ColloExa -{ - display : block; - margin-left : 10px; +.bussdictEntry .ColloExa { + display: block; + margin-left: 10px; } -.bussdictEntry .COLLOINEXA -{ - font-style : italic; - font-weight : bold; +.bussdictEntry .COLLOINEXA { + font-style: italic; + font-weight: bold; } -.bussdictEntry .DERIV -{ - font-weight : bold; - font-size : 120%; +.bussdictEntry .DERIV { + font-weight: bold; + font-size: 120%; } -.bussdictEntry .ErrorBox -{ - display : block; +.bussdictEntry .ErrorBox { + display: block; } -.bussdictEntry .EXAMPLE -{ - display : block; - margin-left : 15px; - color : gray; +.bussdictEntry .EXAMPLE { + display: block; + margin-left: 15px; + color: gray; } -.bussdictEntry .FIELD -{ - display : none; +.bussdictEntry .FIELD { + display: none; } .bussdictEntry .FREQ, -.bussdictEntry .LEVEL -{ - font-weight : bold; - color : red; +.bussdictEntry .LEVEL { + font-weight: bold; + color: red; } -.bussdictEntry .FULLFORM -{ - font-weight : bold; +.bussdictEntry .FULLFORM { + font-weight: bold; } .bussdictEntry .GEO, -span.geo -{ - font-weight : normal; - font-style : italic; - color : #364395; +span.geo { + font-weight: normal; + font-style: italic; + color: #364395; } -.bussdictEntry .GLOSS -{ - font-weight : normal; - font-style : normal; - color : #364395; +.bussdictEntry .GLOSS { + font-weight: normal; + font-style: normal; + color: #364395; } -.bussdictEntry .GramExa -{ - display : block; - margin-left : 10px; +.bussdictEntry .GramExa { + display: block; + margin-left: 10px; } .bussdictEntry .HINTBOLD, -.bussdictEntry .HINTTITLE -{ - font-weight : bold; +.bussdictEntry .HINTTITLE { + font-weight: bold; } -.bussdictEntry .HINTITALIC -{ - font-style : italic; +.bussdictEntry .HINTITALIC { + font-style: italic; } -.bussdictEntry .HOMNUM -{ - vertical-align : super; - font-size : 12pt; - font-weight : bold; +.bussdictEntry .HOMNUM { + vertical-align: super; + font-size: 12pt; + font-weight: bold; } -.bussdictEntry .HWD -{ - display : none; +.bussdictEntry .HWD { + display: none; } -.bussdictEntry .HYPHENATION -{ - font-weight : bold; - font-size : 160%; +.bussdictEntry .HYPHENATION { + font-weight: bold; + font-size: 160%; } .bussdictEntry .LEXUNIT, -.bussdictEntry .LEXVAR -{ - font-weight : bold; +.bussdictEntry .LEXVAR { + font-weight: bold; } -.bussdictEntry .LINKWORD -{ - color : #364395; +.bussdictEntry .LINKWORD { + color: #364395; } .bussdictEntry .NOTE, -.bussdictEntry .Noteprompt -{ - display : none; +.bussdictEntry .Noteprompt { + display: none; } -.bussdictEntry .OBJECT -{ - font-weight : normal; +.bussdictEntry .OBJECT { + font-weight: normal; } .bussdictEntry .OPP, .bussdictEntry .ORTHVAR, .bussdictEntry .PASTPART, -.bussdictEntry .PASTTENSE -{ - font-weight : bold; +.bussdictEntry .PASTTENSE { + font-weight: bold; } -.bussdictEntry .PhrVbEntry -{ - display : block; +.bussdictEntry .PhrVbEntry { + display: block; } -.bussdictEntry .PHRVBHWD -{ - font-weight : bold; - color : #364395; - font-size : 120%; +.bussdictEntry .PHRVBHWD { + font-weight: bold; + color: #364395; + font-size: 120%; } .bussdictEntry .PIC, -.bussdictEntry .PICCAL -{ - display : none; +.bussdictEntry .PICCAL { + display: none; } -.bussdictEntry .PLURALFORM -{ - font-weight : bold; +.bussdictEntry .PLURALFORM { + font-weight: bold; } .bussdictEntry .PRESPART, @@ -2509,119 +5533,103 @@ span.geo .bussdictEntry .PROPFORM, .bussdictEntry .PROPFORMPREP, .bussdictEntry .PTandPP, -.bussdictEntry .PTandPPX -{ - font-weight : bold; +.bussdictEntry .PTandPPX { + font-weight: bold; } -.bussdictEntry .REFHOMNUM -{ - vertical-align : super; - font-size : 60%; +.bussdictEntry .REFHOMNUM { + vertical-align: super; + font-size: 60%; } -.bussdictEntry .REFHWD -{ - text-transform : lowercase; - font-style : normal; - font-variant : small-caps; +.bussdictEntry .REFHWD { + text-transform: lowercase; + font-style: normal; + font-variant: small-caps; } .bussdictEntry .FIELDXX, .bussdictEntry .Crossrefto .REFLEX { - display : none; + display: none; } -.bussdictEntry .REFLEX -{ - font-weight : bold; +.bussdictEntry .REFLEX { + font-weight: bold; } -.bussdictEntry .REGISTERLAB -{ - color : #364395; - font-style : italic; +.bussdictEntry .REGISTERLAB { + color: #364395; + font-style: italic; } -.bussdictEntry .RELATEDWD -{ - font-weight : bold; +.bussdictEntry .RELATEDWD { + font-weight: bold; } .bussdictEntry .Sense { - display : block; - margin-left : 20px; - margin-bottom : 15px; + display: block; + margin-left: 20px; + margin-bottom: 15px; } -.bussdictEntry .SIGNPOST -{ - background-color : gray; - color : white; - font-weight : bold; +.bussdictEntry .SIGNPOST { + background-color: gray; + color: white; + font-weight: bold; } -.bussdictEntry .STRONG -{ - font-style : italic; +.bussdictEntry .STRONG { + font-style: italic; } -.bussdictEntry .Subsense -{ - display : block; - margin-left : 10px; +.bussdictEntry .Subsense { + display: block; + margin-left: 10px; } .bussdictEntry .SUPERL, .bussdictEntry .SYN, .bussdictEntry .T3PERSSING, .bussdictEntry .T3PERSSINGX, -.bussdictEntry .UNCLASSIFIED -{ - font-weight : bold; +.bussdictEntry .UNCLASSIFIED { + font-weight: bold; } -.bussdictEntry .USAGE -{ - display : none; +.bussdictEntry .USAGE { + display: none; } -span.neutral -{ - font-style : normal; - font-weight : normal; - font-variant : normal; +span.neutral { + font-style: normal; + font-weight: normal; + font-variant: normal; } span.italic, -span.infllab -{ - font-style : italic; - font-weight : normal; - font-family : Times New roman; +span.infllab { + font-style: italic; + font-weight: normal; + font-family: Times New roman; } -span.warning -{ - font-style : normal; - font-weight : bold; - color : red; +span.warning { + font-style: normal; + font-weight: bold; + color: red; } -span.sensenum -{ - font-style : normal; - font-weight : bold; - margin-right : 5px; - margin-left : 3px; +span.sensenum { + font-style: normal; + font-weight: bold; + margin-right: 5px; + margin-left: 3px; } -span.synopp -{ - font-style : normal; - font-weight : bold; - color : darkblue; +span.synopp { + font-style: normal; + font-weight: bold; + color: darkblue; } .bussdictEntry .ColloBox, @@ -2629,141 +5637,141 @@ span.synopp .bussdictEntry .F2NBox, .bussdictEntry .GramBox, .bussdictEntry .UsageBox { - display : block; - border-style : solid; + display: block; + border-style: solid; } .bussdictEntry .GramBox.nobox { - display : inline; - border-style : none; - background-color : none; + display: inline; + border-style: none; + background-color: none; } .bussdictEntry .GramBox.nobox .EXPL { - display : inline; + display: inline; } .bussdictEntry .HEADING, span.heading, .bussdictEntry .Gramref { - font-weight : bold; - font-size : 120%; - color : #364395; + font-weight: bold; + font-size: 120%; + color: #364395; } .bussdictEntry .gramref { - margin-left : 5px; - margin-right : 5px; + margin-left: 5px; + margin-right: 5px; } .bussdictEntry .HEADING.newline { - display : block; + display: block; } .bussdictEntry .SECHEADING, span.subheading { - display : block; - font-weight : bold; - font-style : italic; - text-decoration : underline; + display: block; + font-weight: bold; + font-style: italic; + text-decoration: underline; } .bussdictEntry .Collocate.newline, .bussdictEntry .Exponent, .bussdictEntry .GramBox .EXPL, .bussdictEntry .EXPL.newline { - display : block; + display: block; } .bussdictEntry .Collocate.inline { - display : inline; + display: inline; } .bussdictEntry .COLLOC, .bussdictEntry .EXP, .bussdictEntry .EXPR { - font-weight : bold; + font-weight: bold; } .bussdictEntry .COLLOC.key { - color : #364395; + color: #364395; } span.keycollo { - font-weight : bold; - color : #364395; + font-weight: bold; + color: #364395; } .bussdictEntry .THESPROPFORM { - font-weight : bold; + font-weight: bold; } .bussdictEntry .COLLEXA, .bussdictEntry .THESEXA, .bussdictEntry .GOODCOLLO { - font-style : italic; + font-style: italic; } .bussdictEntry .LearnerItem { - display : block; + display: block; } .bussdictEntry .BADCOLLO, .bussdictEntry .BADEXA { - text-decoration : line-through; + text-decoration: line-through; } .bussdictEntry .DEFBOLD { - font-weight : bold; + font-weight: bold; } .bussdictEntry .CompareWord, .bussdictEntry .CompareWord, .bussdictEntry .EXP { - display : block; + display: block; } .bussdictEntry .UNDERLINE { - text-decoration : underline; + text-decoration: underline; } .bussdictEntry .boxheader { - display : block; - background-color : #364395; - color : white; - font-weight : bold; + display: block; + background-color: #364395; + color: white; + font-weight: bold; } .bussdictEntry .SubEntry.embedded { - margin-top : -5px; - margin-bottom : 0px; - margin-left : 30px; + margin-top: -5px; + margin-bottom: 0px; + margin-left: 30px; } .bussdictEntry .SubEntry { - display : block; - margin-top : 2px; - margin-bottom : 2px; - margin-left : 20px; + display: block; + margin-top: 2px; + margin-bottom: 2px; + margin-left: 20px; } .bussdictEntry .SubEntry .HWD { - display : inline; - font-weight : bold; - font-size : 120%; - color : #364395; + display: inline; + font-weight: bold; + font-size: 120%; + color: #364395; } /****** VERB TABLE *****/ .verbTable .entry { - margin-bottom : 20px; + margin-bottom: 20px; } .verbTable .lemma { - color : black; - font-size : 120%; - font-weight : bold; - margin:0 0 0 10px; + color: black; + font-size: 120%; + font-weight: bold; + margin: 0 0 0 10px; } .verbTable table { @@ -2783,21 +5791,22 @@ span.keycollo { .verbTable td.header { background-color: #333333; - color : #fff;padding:0 0 0 10px; - font-size : 120%; + color: #fff; + padding: 0 0 0 10px; + font-size: 120%; } .verbTable td.col1 { - color : #333333; - padding:20px 10px 0; - font-weight:bold; + color: #333333; + padding: 20px 10px 0; + font-weight: bold; font-size: 14px; - text-decoration:underline + text-decoration: underline } .verbTable td.col2 { - color : gray; - width:150px + color: gray; + width: 150px } .verbTable .view_more, @@ -2822,55 +5831,56 @@ span.keycollo { } .verbTable .geo { - font-style : italic; - color : #000000; - font-size : normal; - font-weight : normal; + font-style: italic; + color: #000000; + font-size: normal; + font-weight: normal; } .verbTable .aux { - color : black; - font-weight : normal; + color: black; + font-weight: normal; } .verbTable .verb_form { - color : black; - font-weight : bold; + color: black; + font-weight: bold; } /***** EXAS ******/ .exaGroup .exaEntry { - margin-bottom : 20px; - display : block; + margin-bottom: 20px; + display: block; } .exaGroup .exaGroup { - display : block; - margin-bottom : 20px; + display: block; + margin-bottom: 20px; } .exaGroup .title { - font-size : 110%; - font-weight : bold; - color : black; - display : block; - margin-left : 5px; + font-size: 110%; + font-weight: bold; + color: black; + display: block; + margin-left: 5px; margin-top: 15px; } .exaGroup .exa { - display : block; - color : gray; - margin-left : 15px; + display: block; + color: gray; + margin-left: 15px; } .exaGroup .NodeW { - font-weight : bold; + font-weight: bold; } .asset { - margin-top : 30px; + margin-top: 30px; } + /***** TOPIC ******/ .Entry .related_topics { padding: 0 4px 1px 0; @@ -2880,1183 +5890,1037 @@ span.keycollo { } .Entry .topic, -.topicCloud .topic_other{ +.topicCloud .topic_other { color: red; - text-decoration:underline + text-decoration: underline } .Entry .topic:hover, .topicCloud .topic_other:hover { color: #4693db; } + /*** WORD FAMILY ***/ .pos { - color: green; - font-weight: normal; + color: green; + font-weight: normal; } + .wordfams { - font-weight: bold; + font-weight: bold; } + .wordfams .crossRef, .wordfams .w { - margin: 0 6px; + margin: 0 6px; } + .wordfams .crossRef { - border-bottom: thin dotted gray; + border-bottom: thin dotted gray; } + /*** ETYM ***/ .etym .Head { - font-weight: bold; + font-weight: bold; } + .etym .Head .HOMNUM { - vertical-align: super; + vertical-align: super; font-size: 12pt; -}/****** CSS TIDY FOR JAPANESE-E***************************/ +} + +/****** CSS TIDY FOR JAPANESE-E***************************/ /* 4 sections: printing and used tags, */ /* xslt tags, */ /* non-printing and used tags and finally */ /* non-used tags (but in the dtd). */ /* tags are alphabetically ordered withi each category */ - /**************PRINTING TAGS******************/ .page { - font-family : arial, helvetica, sans-serif; - font-size : 12pt; - display : block; + font-family: arial, helvetica, sans-serif; + font-size: 12pt; + display: block; } .pagetitle { - font-size : 1.6em; - font-weight : bold; + font-size: 1.6em; + font-weight: bold; } .metadata, .metadata { - display : none; + display: none; } -.lejEntry -{ - font-size : 12pt; - display : block; - margin-top : 20px; +.lejEntry { + font-size: 12pt; + display: block; + margin-top: 20px; } -.lejEntry .GRAMHEAD -{ - font-weight : bold; - display : block; +.lejEntry .GRAMHEAD { + font-weight: bold; + display: block; } - /***TYPESPEC:AMEPRON:*****/ -.lejEntry .AMEPRON -{ +.lejEntry .AMEPRON { } /***TYPESPEC:BADEXA:*****/ -.lejEntry .BADEXA -{ - font-style : italic; +.lejEntry .BADEXA { + font-style: italic; } /***TYPESPEC:BOOKFILM:*****/ -.lejEntry .BOOKFILM -{ +.lejEntry .BOOKFILM { } /***TYPESPEC:BREPRON:*****/ -.lejEntry .BREPRON -{ +.lejEntry .BREPRON { } /***TYPESPEC:COLL:*****/ -.lejEntry .COLL -{ +.lejEntry .COLL { } /***TYPESPEC:COLLOCEXA:*****/ -.lejEntry .COLLOCEXA -{ +.lejEntry .COLLOCEXA { } /***TYPESPEC:COLLOCEXATRAN:*****/ -.lejEntry .COLLOCEXATRAN -{ +.lejEntry .COLLOCEXATRAN { } /***TYPESPEC:COMMENTTRAN:*****/ -.lejEntry .COMMENTTRAN -{ +.lejEntry .COMMENTTRAN { } /***TYPESPEC:COMPOUND:*****/ -.lejEntry .COMPOUND -{ - font-weight : bold; +.lejEntry .COMPOUND { + font-weight: bold; } /***TYPESPEC:DATE:*****/ -.lejEntry .DATE -{ +.lejEntry .DATE { } /***TYPESPEC:DEF:*****/ -.lejEntry .DEF -{ +.lejEntry .DEF { } /***TYPESPEC:ENGEXPR:*****/ -.lejEntry .ENGEXPR -{ - font-weight : bold; +.lejEntry .ENGEXPR { + font-weight: bold; } /***TYPESPEC:ENGLISH:*****/ -.lejEntry .ENGLISH -{ - font-weight : bold; +.lejEntry .ENGLISH { + font-weight: bold; } /***TYPESPEC:EXA:*****/ .lejEntry .exagr { - display : block; - margin-left : 5px; -} -.lejEntry .EXA -{ + display: block; + margin-left: 5px; } -.lejEntry .exagr -{ - color : gray; +.lejEntry .EXA { } +.lejEntry .exagr { + color: gray; +} /***TYPESPEC:EXATRAN:*****/ .lejEntry .EXATRAN, -.lejEntry .XEXATRAN -{ - font-style : normal; - display : block; - margin-left : 10px; +.lejEntry .XEXATRAN { + font-style: normal; + display: block; + margin-left: 10px; } /***TYPESPEC:EXP:*****/ -.lejEntry .EXP -{ - font-weight : bold; +.lejEntry .EXP { + font-weight: bold; } /***TYPESPEC:EXPTRAN:*****/ -.lejEntry .EXPTRAN -{ +.lejEntry .EXPTRAN { } /***TYPESPEC:F1:*****/ -.lejEntry .F1 -{ - font-weight : bold; +.lejEntry .F1 { + font-weight: bold; } /***TYPESPEC:FFXREF:*****/ -.lejEntry .FFXREF -{ - font-variant : small-caps; +.lejEntry .FFXREF { + font-variant: small-caps; } /***TYPESPEC:FULLFORM:*****/ -.lejEntry .FULLFORM -{ - font-weight : bold; +.lejEntry .FULLFORM { + font-weight: bold; } /***TYPESPEC:FULLFORMTRAN:*****/ -.lejEntry .FULLFORMTRAN -{ +.lejEntry .FULLFORMTRAN { } /***TYPESPEC:GEO:*****/ -.lejEntry .GEO -{ +.lejEntry .GEO { /* font-size : 80%;*/ } /***TYPESPEC:GLOSSTRAN:*****/ -.lejEntry .GLOSSTRAN -{ +.lejEntry .GLOSSTRAN { } /***TYPESPEC:GOODEXA:*****/ -.lejEntry .GOODEXA -{ +.lejEntry .GOODEXA { } /***TYPESPEC:GRAM:*****/ -.lejEntry .GRAM -{ +.lejEntry .GRAM { } -.lejEntry .Compoundbox .GRAM -{ - color : red; +.lejEntry .Compoundbox .GRAM { + color: red; } /***TYPESPEC:HIRAGANA:*****/ -.lejEntry .HIRAGANA -{ - font-weight : bold; +.lejEntry .HIRAGANA { + font-weight: bold; } /***TYPESPEC:HOM:*****/ -.lejEntry .HOM -{ - vertical-align : super; - font-size : 12pt; - font-weight : bold; - color : #017fff +.lejEntry .HOM { + vertical-align: super; + font-size: 12pt; + font-weight: bold; + color: #017fff } -.lejEntry.freq .HOM -{ - color : red; + +.lejEntry.freq .HOM { + color: red; } /***TYPESPEC:HWD:*****/ -.lejEntry .HYPHENATION -{ - font-size : 160%; - font-weight : bold; - color : #017fff +.lejEntry .HYPHENATION { + font-size: 160%; + font-weight: bold; + color: #017fff } -.lejEntry.freq .HYPHENATION -{ - color : red; +.lejEntry.freq .HYPHENATION { + color: red; } .lejEntry .HWD { - display : none; + display: none; } -.lejEntry .RunOn .HWD -{ - font-size : 100%; - font-weight : bold; - display : inline; + +.lejEntry .RunOn .HWD { + font-size: 100%; + font-weight: bold; + display: inline; } /***TYPESPEC:HWDFORM:*****/ -.lejEntry .HWDFORM -{ - font-weight : bold; +.lejEntry .HWDFORM { + font-weight: bold; } /***TYPESPEC:INFL:*****/ -.lejEntry .INFL -{ - font-weight : bold; +.lejEntry .INFL { + font-weight: bold; } /***TYPESPEC:INFLLAB:*****/ -.lejEntry .INFLLAB -{ +.lejEntry .INFLLAB { } /***TYPESPEC:INFLTYPE:*****/ -.lejEntry .INFLTYPE -{ +.lejEntry .INFLTYPE { } /***TYPESPEC:LEXUNIT:*****/ -.lejEntry .LEXUNIT -{ - font-weight : bold; +.lejEntry .LEXUNIT { + font-weight: bold; } /***TYPESPEC:MENUPHRV:*****/ -.lejEntry .MENUPHRV -{ - font-weight : bold; +.lejEntry .MENUPHRV { + font-weight: bold; } /***TYPESPEC:OBJECT:*****/ -.lejEntry .OBJECT -{ - font-weight : normal; +.lejEntry .OBJECT { + font-weight: normal; } /***TYPESPEC:OPPOSITE:*****/ -.lejEntry .OPPOSITE -{ - font-weight : bold; +.lejEntry .OPPOSITE { + font-weight: bold; } /***TYPESPEC:PATTERN:*****/ -.lejEntry .PATTERN -{ - font-weight : bold; +.lejEntry .PATTERN { + font-weight: bold; } /***TYPESPEC:PATTERNPREP:*****/ -.lejEntry .PATTERNPREP -{ - font-weight : bold; +.lejEntry .PATTERNPREP { + font-weight: bold; } /***TYPESPEC:PHRVAR:*****/ -.lejEntry .PHRVAR -{ - font-weight : bold; +.lejEntry .PHRVAR { + font-weight: bold; } /***TYPESPEC:PHRVARLAB:*****/ -.lejEntry .PHRVARLAB -{ +.lejEntry .PHRVARLAB { } /***TYPESPEC:PHRVHWD:*****/ -.lejEntry .PHRVHWD -{ - font-weight : bold; +.lejEntry .PHRVHWD { + font-weight: bold; } /***TYPESPEC:PHRVPATT:*****/ -.lejEntry .PHRVPATT -{ - font-weight : bold; +.lejEntry .PHRVPATT { + font-weight: bold; } /***TYPESPEC:PHRVPOS:*****/ -.lejEntry .PHRVPOS -{ +.lejEntry .PHRVPOS { } /***TYPESPEC:POS:*****/ -.lejEntry .POS -{ +.lejEntry .POS { } -.lejEntry .Phrvbox .POS -{ - display : none; +.lejEntry .Phrvbox .POS { + display: none; } /***TYPESPEC:PRETRANCOM:*****/ -.lejEntry .PRETRANCOM -{ +.lejEntry .PRETRANCOM { } /***TYPESPEC:PRONTYPE:*****/ -.lejEntry .PRONTYPE -{ +.lejEntry .PRONTYPE { } /***TYPESPEC:REFHOM:*****/ -.lejEntry .REFHOM -{ - vertical-align : super; - font-size : 60%; +.lejEntry .REFHOM { + vertical-align: super; + font-size: 60%; } /***TYPESPEC:REFHWD:*****/ -.lejEntry .REFHWD -{ +.lejEntry .REFHWD { } /***TYPESPEC:REFLEX:*****/ -.lejEntry .REFLEX -{ +.lejEntry .REFLEX { } /***TYPESPEC:REFSENSE:*****/ -.lejEntry .REFSENSE -{ - display : none; +.lejEntry .REFSENSE { + display: none; } /***TYPESPEC:REFTYPE:*****/ -.lejEntry .REFTYPE -{ +.lejEntry .REFTYPE { } /***TYPESPEC:REGISTER:*****/ -.lejEntry .REGISTER -{ +.lejEntry .REGISTER { /* font-size : 80%;*/ } /***TYPESPEC:RELATEDWD:*****/ -.lejEntry .RELATEDWD -{ - font-weight : bold; +.lejEntry .RELATEDWD { + font-weight: bold; } /***TYPESPEC:SECEXPLTRAN:*****/ -.lejEntry .SECEXPLTRAN -{ +.lejEntry .SECEXPLTRAN { } /***TYPESPEC:SENVAR:*****/ -.lejEntry .SENVAR -{ - font-weight : bold; +.lejEntry .SENVAR { + font-weight: bold; } /***TYPESPEC:SENVARLAB:*****/ -.lejEntry .SENVARLAB -{ +.lejEntry .SENVARLAB { } /***TYPESPEC:SUBJ:*****/ -.lejEntry .SUBJ -{ +.lejEntry .SUBJ { } /***TYPESPEC:SUBJECT:*****/ -.lejEntry .SUBJECT -{ +.lejEntry .SUBJECT { } /***TYPESPEC:SYNONYM:*****/ -.lejEntry .SYNONYM -{ - font-weight : bold; +.lejEntry .SYNONYM { + font-weight: bold; } /***TYPESPEC:TITLETRAN:*****/ -.lejEntry .TITLETRAN -{ +.lejEntry .TITLETRAN { } /***TYPESPEC:TRAN:*****/ -.lejEntry .TRAN -{ +.lejEntry .TRAN { } -.lejEntry.freq .TRAN.FREQTRAN -{ - color : red; - font-weight : bold; +.lejEntry.freq .TRAN.FREQTRAN { + color: red; + font-weight: bold; } - /***TYPESPEC:TRANCOM:*****/ -.lejEntry .TRANCOM -{ +.lejEntry .TRANCOM { } /***TYPESPEC:TRANEXPL:*****/ -.lejEntry .TRANEXPL -{ +.lejEntry .TRANEXPL { } /***TYPESPEC:TRANGEO:*****/ -.lejEntry .TRANGEO -{ +.lejEntry .TRANGEO { } /***TYPESPEC:USE:*****/ .lejEntry .USE { - display : block; + display: block; } /***TYPESPEC:VAR:*****/ -.lejEntry .VAR -{ - font-weight : bold; - color : #017fff +.lejEntry .VAR { + font-weight: bold; + color: #017fff } -.lejEntry .Head .VAR -{ - font-weight : bold; - font-size : 120%; +.lejEntry .Head .VAR { + font-weight: bold; + font-size: 120%; } -.lejEntry.freq .Head .VAR -{ - color : red; +.lejEntry.freq .Head .VAR { + color: red; } -.lejEntry.freq .Wordclass .VAR -{ - color : black; +.lejEntry.freq .Wordclass .VAR { + color: black; } /***TYPESPEC:VARLAB:*****/ -.lejEntry .VARLAB -{ +.lejEntry .VARLAB { } /***TYPESPEC:XENGEXPR:*****/ -.lejEntry .XENGEXPR -{ - font-weight : bold; - color : purple; +.lejEntry .XENGEXPR { + font-weight: bold; + color: purple; } /********XSLT TAGS*********/ -div.menu -{ - background-color : #E0E0E0; - margin : 0px 20px; - padding : 4px 4px 4px 4px; +div.menu { + background-color: #E0E0E0; + margin: 0px 20px; + padding: 4px 4px 4px 4px; } - /********NON-PRINTING************/ -.lejEntry .CULTDEF -{ - display : none; +.lejEntry .CULTDEF { + display: none; } -.lejEntry .CATEGORY -{ - display : none; + +.lejEntry .CATEGORY { + display: none; } -.lejEntry .COLLINFO -{ - display : none; +.lejEntry .COLLINFO { + display: none; } -.lejEntry .COLLINFOTRAN -{ - display : none; +.lejEntry .COLLINFOTRAN { + display: none; } -.lejEntry .COMMENT -{ - color : purple; - font-weight : bold; - display : block; - font-size : 110%; +.lejEntry .COMMENT { + color: purple; + font-weight: bold; + display: block; + font-size: 110%; /* display:none; */ } -.lejEntry .ELECTRONIC -{ - display : none; +.lejEntry .ELECTRONIC { + display: none; } -.lejEntry .ENCYCDEF -{ - display : none; +.lejEntry .ENCYCDEF { + display: none; } -.lejEntry .ENGDEF -{ - display : none; +.lejEntry .ENGDEF { + display: none; } -.lejEntry .ENGDEFINFO -{ - display : none; +.lejEntry .ENGDEFINFO { + display: none; } -.lejEntry .EXACONTEXT -{ - display : none; +.lejEntry .EXACONTEXT { + display: none; } -.lejEntry .EXAINFO -{ - display : none; +.lejEntry .EXAINFO { + display: none; } -.lejEntry .GLOSS -{ - color : purple; +.lejEntry .GLOSS { + color: purple; /* display:none;*/ } -.lejEntry .HWD -{ - display : none; +.lejEntry .HWD { + display: none; } -.lejEntry .LEXUINFO -{ - display : none; +.lejEntry .LEXUINFO { + display: none; } -.lejEntry .OBJINFO -{ - display : none; +.lejEntry .OBJINFO { + display: none; } -.lejEntry .OBJINFOTRAN -{ - display : none; +.lejEntry .OBJINFOTRAN { + display: none; } -.lejEntry .PATTERNINFO -{ - display : none; +.lejEntry .PATTERNINFO { + display: none; } -.lejEntry .POSHWD -{ - display : none; +.lejEntry .POSHWD { + display: none; } -.lejEntry .POSLEXU -{ - display : none; +.lejEntry .POSLEXU { + display: none; } -.lejEntry .POSPHRV -{ - display : none; +.lejEntry .POSPHRV { + display: none; } -.lejEntry .POSPOS -{ - display : none; +.lejEntry .POSPOS { + display: none; } -.lejEntry .POSSENSENUM -{ - display : none; +.lejEntry .POSSENSENUM { + display: none; } -.lejEntry .REMARK -{ - display : none; +.lejEntry .REMARK { + display: none; } -.lejEntry .SECEXPL -{ - color : purple; - font-weight : bold; - font-size : 110%; +.lejEntry .SECEXPL { + color: purple; + font-weight: bold; + font-size: 110%; /* display:none; */ } -.lejEntry .SEMINDINFO -{ - display : none; +.lejEntry .SEMINDINFO { + display: none; } -.lejEntry .SUBCAT -{ - display : none; +.lejEntry .SUBCAT { + display: none; } -.lejEntry .SUBJINFO -{ - display : none; +.lejEntry .SUBJINFO { + display: none; } -.lejEntry .SUBJINFOTRAN -{ - display : none; +.lejEntry .SUBJINFOTRAN { + display: none; } -.lejEntry .TITLE -{ - color : purple; - font-size : 130%; - display : block; - font-weight : bold; +.lejEntry .TITLE { + color: purple; + font-size: 130%; + display: block; + font-weight: bold; /* display:none;*/ } -.lejEntry .TOPENTRY -{ - display : none; +.lejEntry .TOPENTRY { + display: none; } -.lejEntry .TYPE -{ - display : none; +.lejEntry .TYPE { + display: none; } -.lejEntry .XEXA -{ +.lejEntry .XEXA { } -.lejEntry .XEXATRAN -{ +.lejEntry .XEXATRAN { } -.lejEntry .XEXPL -{ - color : purple; - display : none; +.lejEntry .XEXPL { + color: purple; + display: none; } /********NOT USED************/ -.lejEntry .BOX1HEAD -{ +.lejEntry .BOX1HEAD { } -.lejEntry .BOX1HEADING -{ +.lejEntry .BOX1HEADING { } -.lejEntry .BOXHWD -{ - font-size : 110%; - font-weight : bold; +.lejEntry .BOXHWD { + font-size: 110%; + font-weight: bold; } -.lejEntry .BOXHWDPOS -{ +.lejEntry .BOXHWDPOS { } -.lejEntry .BOXINFO -{ +.lejEntry .BOXINFO { } -.lejEntry .BOXPOS -{ +.lejEntry .BOXPOS { } -.lejEntry .BOXSEMIND -{ +.lejEntry .BOXSEMIND { } -.lejEntry .BOXSEMIND2 -{ +.lejEntry .BOXSEMIND2 { } -.lejEntry .BOXSEMINFO -{ - display : none; +.lejEntry .BOXSEMINFO { + display: none; } -.lejEntry .BOXTRAN -{ +.lejEntry .BOXTRAN { } -.lejEntry .EXPL -{ +.lejEntry .EXPL { } -.lejEntry .EXPL2 -{ +.lejEntry .EXPL2 { } -.lejEntry .F2 -{ +.lejEntry .F2 { } -.lejEntry .F3 -{ +.lejEntry .F3 { } -.lejEntry .PICALL -{ - display : none; +.lejEntry .PICALL { + display: none; } -.lejEntry .POSFORMOF -{ - font-weight : bold; +.lejEntry .POSFORMOF { + font-weight: bold; } -.lejEntry .POSFORMTYPE -{ +.lejEntry .POSFORMTYPE { } -.lejEntry .SEMIND -{ - display : none; +.lejEntry .SEMIND { + display: none; } -.lejEntry .SEMINFO -{ - display : none; +.lejEntry .SEMINFO { + display: none; } -.lejEntry .STRESS -{ +.lejEntry .STRESS { } -.lejEntry .TRANINFL -{ +.lejEntry .TRANINFL { } -.lejEntry .TRANINFLTYPE -{ +.lejEntry .TRANINFLTYPE { } -.lejEntry .TRANPOS -{ +.lejEntry .TRANPOS { } -.lejEntry .TRANREGISTER -{ +.lejEntry .TRANREGISTER { } -.lejEntry .USETITLE -{ +.lejEntry .USETITLE { } -.lejEntry .VAR2 -{ +.lejEntry .VAR2 { } -.lejEntry .VAR2LAB -{ +.lejEntry .VAR2LAB { } -.lejEntry .VAR2POS -{ +.lejEntry .VAR2POS { } -.lejEntry .VPRON -{ +.lejEntry .VPRON { } -.lejEntry .VPRONPOS -{ +.lejEntry .VPRONPOS { } /************** WYSIWYG ****************/ -.lejEntry .Exponent -{ - display : block; +.lejEntry .Exponent { + display: block; } -.lejEntry .Exa1 -{ - display : block; +.lejEntry .Exa1 { + display: block; } -.lejEntry .Exa1 -{ - display : block; +.lejEntry .Exa1 { + display: block; } + .lejEntry .Usebox { - margin-top : 10px; - display : block; - background-color : #aecaf1; - width : 50%; - margin-bottom : 10px; - border : solid 1px; - padding : 5px; + margin-top: 10px; + display: block; + background-color: #aecaf1; + width: 50%; + margin-bottom: 10px; + border: solid 1px; + padding: 5px; } + .lejEntry .plusphrases, .lejEntry .plusphrasalverbs { - font-weight : bold; -} - -.lejEntry .phrasehead -{ - display : inline-block; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid gray 1px; - padding-left : 4px; - padding-right : 4px; - font-weight : bold; - color : white; - background-color : #3d3d3d; - text-align : center; - width : 50%; - margin-top : 10px; + font-weight: bold; +} + +.lejEntry .phrasehead { + display: inline-block; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid gray 1px; + padding-left: 4px; + padding-right: 4px; + font-weight: bold; + color: white; + background-color: #3d3d3d; + text-align: center; + width: 50%; + margin-top: 10px; } .lejEntry .Sense { - display : block; - margin-left : 15px; + display: block; + margin-left: 15px; } .lejEntry .Phrvsense { - display : block; - margin-left : 15px; + display: block; + margin-left: 15px; } .lejEntry .Lexubox .Sense { - display : block; - margin-left : 0px; + display: block; + margin-left: 0px; } .lejEntry .Patternbox .Sense { - display : block; - margin-left : 0px; + display: block; + margin-left: 0px; } .lejEntry .Compoundbox .Sense { - display : block; - margin-left : 0px; + display: block; + margin-left: 0px; } .lejEntry .Lexubox, .lejEntry .Patternbox, .lejEntry .Compoundbox { - display : block; + display: block; } .lejEntry .sensenum, -.lejEntry .menusense -{ - font-weight : bold; - color : black; - margin-left : -20px; +.lejEntry .menusense { + font-weight: bold; + color: black; + margin-left: -20px; } .lejEntry .subnum, -.lejEntry .menusubsense -{ - color : black; +.lejEntry .menusubsense { + color: black; } -.lejEntry .boxnum -{ - color : black; +.lejEntry .boxnum { + color: black; } .lejEntry .suppress { - display : none; + display: none; } -.lejEntry .phrasehead -{ - display : block; +.lejEntry .phrasehead { + display: block; } .lejEntry .warning { - font-weight : bold; - color : red; + font-weight: bold; + color: red; } .lejEntry .Reference { - display : block; -} - -.lejEntry .FREQ -{ - color : red; - border-color : red; - display : inline-block; - font-style : normal; - font-weight : bold; - text-transform : uppercase; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid 1px; - padding-left : 4px; - padding-right : 4px; - padding-top : 1px; - padding-bottom : 2px; + display: block; +} + +.lejEntry .FREQ { + color: red; + border-color: red; + display: inline-block; + font-style: normal; + font-weight: bold; + text-transform: uppercase; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid 1px; + padding-left: 4px; + padding-right: 4px; + padding-top: 1px; + padding-bottom: 2px; } .lejEntry .Tranbox { - display : block; + display: block; } .lejEntry .amefile { - color : #4693db; - font-size : 130%; - padding-left : 5px; + color: #4693db; + font-size: 130%; + padding-left: 5px; } .lejEntry .inline { - display : inline; + display: inline; } - .lejEntry .Etymbox, .lejEntry .Tranbox, .lejEntry .Thesbox, .lejEntry .Cultbox, .lejEntry .Grambox { - display : block; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid #364395 1px; - padding : 15px; - margin : 8px 0; + display: block; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid #364395 1px; + padding: 15px; + margin: 8px 0; } .lejEntry .heading { - display : block; - font-weight : bold; - font-size : 120%; - line-height : 2em; - color : #364395; + display: block; + font-weight: bold; + font-size: 120%; + line-height: 2em; + color: #364395; } .lejEntry .related { - color : #364395; - border-color : #364395; - display : inline-block; - font-style : normal; - font-weight : bold; - font-size : 110%; - text-transform : uppercase; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid 1px; - padding-left : 4px; - padding-right : 4px; - padding-top : 1px; - padding-bottom : 2px; + color: #364395; + border-color: #364395; + display: inline-block; + font-style: normal; + font-weight: bold; + font-size: 110%; + text-transform: uppercase; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid 1px; + padding-left: 4px; + padding-right: 4px; + padding-top: 1px; + padding-bottom: 2px; } /**** KOREAN and LatAm****/ .suppressed { - display : none; + display: none; } .latamEntry .SEMIND { - display : inline; + display: inline; } -.lejEntry .SIGNPOST -{ - background-color : #cc0000; - color : white; - font-weight : bold; - font-size : 90%; - text-transform : uppercase; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - padding-left : 3px; - padding-right : 3px; +.lejEntry .SIGNPOST { + background-color: #cc0000; + color: white; + font-weight: bold; + font-size: 90%; + text-transform: uppercase; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding-left: 3px; + padding-right: 3px; } .lejEntry .VPRON { - font-size : 100%; - font-weight : bold; - display : inline; + font-size: 100%; + font-weight: bold; + display: inline; } .latamEntry .GRAM { - color : blue; + color: blue; } .latamEntry .THESHEAD { - font-size : 120%; - line-height : 2em; - color : #314089; + font-size: 120%; + line-height: 2em; + color: #314089; } .latamEntry .Lexubox, .latamEntry .Patternbox, .latamEntry .Compoundbox { - display : block; - margin-top : 5px; + display: block; + margin-top: 5px; } .latamEntry .Lexubox.inline, .latamEntry .Patternbox.inline, .latamEntry .Compoundbox.inline { - display : inline; + display: inline; } .latamEntry .Lexubox .Sense, .latamEntry .Patternbox .Sense, .latamEntry .Compoundbox .Sense { - display : block; - margin-top : 0px; + display: block; + margin-top: 0px; } + .latamEntry .Sense { - display : block; - margin-left : 15px; - margin-top : 10px; + display: block; + margin-left: 15px; + margin-top: 10px; } + .latamEntry .Subsense { - display : block; + display: block; } /* changes 20171114*/ -.lejEntry .SIGNPOST -{ - padding-top : 2px; - padding-bottom : 2px; +.lejEntry .SIGNPOST { + padding-top: 2px; + padding-bottom: 2px; } -.latamEntry .TRANCOM -{ - color:#314089; +.latamEntry .TRANCOM { + color: #314089; } -.latamEntry .GRAM, .latamEntry .SEMIND, .latamEntry .Tranlabbox, .latamEntry .REGISTER{ - color:#314089; +.latamEntry .GRAM, .latamEntry .SEMIND, .latamEntry .Tranlabbox, .latamEntry .REGISTER { + color: #314089; } .lejEntry .USE.inline { - display : inline; + display: inline; } /* the two next rules should be removed from above */ .lejEntry .neutral { - font-weight : normal; - font-style : normal; + font-weight: normal; + font-style: normal; } .lejEntry.latamEntry .POS { - color : #314089; - font-style : italic; -}/****** CSS TIDY FOR JAPANESE-E***************************/ + color: #314089; + font-style: italic; +} + +/****** CSS TIDY FOR JAPANESE-E***************************/ /* 4 sections: printing and used tags, */ /* xslt tags, */ /* non-printing and used tags and finally */ /* non-used tags (but in the dtd). */ /* tags are alphabetically ordered withi each category */ - /**************PRINTING TAGS******************/ .page { - font-family : arial, helvetica, sans-serif; - font-size : 12pt; - display : block; + font-family: arial, helvetica, sans-serif; + font-size: 12pt; + display: block; } .pagetitle { - font-size : 1.6em; - font-weight : bold; + font-size: 1.6em; + font-weight: bold; } .metadata, .metadata { - color : magenta; - display : none; + color: magenta; + display: none; } -.ljeEntry -{ - display : block; - font-size : 12pt; - margin-top : 20px; +.ljeEntry { + display: block; + font-size: 12pt; + margin-top: 20px; } .ljeEntry .Subentry { - display : block; - margin-top : 20px; + display: block; + margin-top: 20px; } .ljeEntry .Subentry.inline { - display : inline; - margin-top : 0px; + display: inline; + margin-top: 0px; } .ljeEntry .Sense { - display : block; + display: block; } .ljeEntry .sensenum { - display : none; + display: none; } .ljeEntry .TranGp { - display : block; + display: block; } .ljeEntry .Subsense { - display : block; - margin-left : 10px; + display: block; + margin-left: 10px; } .ljeEntry .HWD { @@ -4069,55 +6933,57 @@ div.menu } .ljeEntry .TRAN { - font-weight : bold; - color : blue; + font-weight: bold; + color: blue; } .ljeEntry .Reference { - font-size : 80%; - font-style : italic; - color : purple; + font-size: 80%; + font-style: italic; + color: purple; } .ljeEntry .Link { - display : none; + display: none; } .ljeEntry .Box { - display : block; - margin-bottom : 10px; + display: block; + margin-bottom: 10px; } .ljeEntry .EXATRAN { - font-style : italic; - display : block; + font-style: italic; + display: block; } + .ljeEntry .Extraexas, .ljeEntry .Extraphrases { - display : block; - margin-top : 10px; + display: block; + margin-top: 10px; } .ljeEntry .header { - font-weight : bold; - font-variant : small-caps; - display : block; - text-transform : uppercase; + font-weight: bold; + font-variant: small-caps; + display: block; + text-transform: uppercase; } .ljeEntry .neutral { - color : black; - font-style : normal; - font-weight : normal; + color: black; + font-style: normal; + font-weight: normal; } .ljeEntry .suppress { - display : none; + display: none; } + .ljeEntry .exagr { - display : block; - margin-left : 5px; - color : gray; + display: block; + margin-left: 5px; + color: gray; } .ljeEntry .OBJINFO { @@ -4125,21 +6991,20 @@ div.menu } .ljeEntry .Extraphrases, -.ljeEntry .Extraexas -{ - display : block; - border-radius : 5px; - -moz-border-radius : 5px; - -webkit-border-radius : 5px; - border : solid #364395 1px; - padding : 15px; - margin : 8px 0; +.ljeEntry .Extraexas { + display: block; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: solid #364395 1px; + padding: 15px; + margin: 8px 0; } .ljeEntry .heading { - display : block; - font-weight : bold; - font-size : 120%; - line-height : 2em; - color : #364395; + display: block; + font-weight: bold; + font-size: 120%; + line-height: 2em; + color: #364395; } \ No newline at end of file diff --git a/2.1/service/static/_oxford.css b/2.1/service/static/_oxford.css new file mode 100644 index 0000000..7f10625 --- /dev/null +++ b/2.1/service/static/_oxford.css @@ -0,0 +1,3974 @@ +ol { + list-style-type: decimal; + padding-left: 20px +} + +img.icon { + vertical-align: text-bottom; + margin-top: 0; + margin-right: 2px; + margin-left: 0; + margin-bottom: 0 +} + +div.icon { + display: inline; + font-family: "Times New Roman", Times, serif; + font-weight: lighter; + font-size: 7pt; + text-transform: uppercase; + color: #FFF; + padding: 0 .6em .2em .6em +} + +div.icon-helpsym { + background-color: transparent; + font-family: "verdana"; + font-weight: bold; + color: #276E98; + font-variant: small-caps +} + +div.icon-pvsym { + font-family: "Times New Roman", Times, serif; + font-weight: lighter; + color: #078d8f; + font-size: 18px; + text-indent: -1em +} + +div.icon-oppsym { + color: #C00B19; + background-color: transparent; + font-family: Verdana; + font-size: 11px; + padding: 0; + text-transform: lowercase +} + +div.icon-idsym { + font-family: "Times New Roman", Times, serif; + font-weight: lighter; + color: #35338a; + font-size: 19px +} + +div.icon-synsym { + background-color: transparent; + font-family: "verdana"; + font-weight: normal !important; + color: #C00B19; + text-transform: lowercase; + font-size: 11px; + padding: 0 !important +} + +.labelsAbout { + text-align: left; + border: 0px none; + width: 100% +} + +.labelsAbout .pron-usonly:hover { + background-image: url("../images/documents/usonly-audio.png"); + background-repeat: no-repeat; + background-position: left bottom +} + +.labelsAbout .pron-usonly { + width: 29px; + height: 30px; + border: 0; + background-image: url("../images/documents/usonly-audio.png"); + background-repeat: no-repeat; + background-position: left top +} + +.sup, sup { + vertical-align: super; + font-size: 65% +} + +.sub { + vertical-align: sub; + font-size: 65% +} + +button.key { + height: 15px; + width: 8px; + padding: 0px; + margin: 0px; + cursor: normal; + padding: 0px; + border: 0px; + margin-right: 5px; + margin-top: 5px; + background-repeat: no-repeat; + vertical-align: top +} + +.block-g { + float: right +} + +.clear { + clear: both; + height: 2px +} + +#entryContent .side { + float: right; + width: 164px; + text-align: center; + margin-bottom: 0px +} + +.ColloPanel, .ThesPanel { + font-size: 80%; + text-align: left; + display: block; + border-radius: 9px 9px 9px 9px; + border-style: solid; + border-color: blue; + margin: 15px; + border-width: 1px; + padding: 3px; + column-count: 3; + column-gap: 0em; + -moz-column-count: 3; + -moz-column-gap: 0em; + -webkit-column-count: 3; + -webkit-column-gap: 0em; + background-color: #FFF +} + +ul.sketch { + margin-top: 0px; + margin-left: -20px +} + +.ColloPanel .xr, .ThesPanel .xr { + font-weight: bold; + font-size: 130%; + display: list-item; + list-style-type: square; + color: #5BA7DA; + margin-left: 20px +} + +.CorpusHeader { + display: block; + padding: 3px; + font-size: 120%; + background-color: #00315A; + color: white; + border-top-left-radius: 9px +} + +.ColloHeader { + display: block; + color: white; + font-weight: bold; + background-color: #5BA7DA; + font-size: 100%; + text-transform: uppercase; + margin-left: 2px; + margin-top: 2px; + padding: 3px +} + +#informational-content > h2 { + font-family: 'Merriweather', Georgia, serif +} + +.search-term { + font-weight: bold +} + +#results-container-all ul li { + margin-bottom: 7px +} + +#browse > div { + margin-bottom: 7px +} + +#browse #result ul { + padding: 0 +} + +#browse_lists { + margin-top: 16px +} + +#browse_lists ul { + margin-bottom: 10px +} + +.grey-grad, .idsym-g, .ui-grad dt, .z_idsym { + box-shadow: 0 50px 50px -30px white inset; + background-color: #cccccc; + border: 1px solid #cccccc +} + +.webtop-g { + background-color: #4577bf; + margin: 0 -236px 4px -28px; + padding: 7px 236px 4px 28px; + line-height: 28px +} + +.webtop-g h2 { + font-size: 21px; + font-weight: bold; + font-family: 'Open Sans', Arial, sans-serif; + padding: 0; + color: white; + line-height: 30px; + display: inline-block +} + +.top-container { + background-color: #ecf5ff; + margin-right: -250px; + margin-left: -28px; + margin-bottom: 10px; + padding: 0 250px 0 28px; + clear: both +} + +.btn.prac-pron { + display: none +} + +.oxford3000, .academic { + display: inline-block; + background-size: 100%; + background-repeat: no-repeat; + width: 30px; + height: 30px; + margin: 0 0 -8px; + position: relative; + top: -5px +} + +.oxford3000:hover, .academic:hover { + text-decoration: none +} + +.oxford3000 { + background-image: url("../images/wordlist/icon-ox3000.png") +} + +.academic { + background-image: url("../images/wordlist/icon-academic.png") +} + +.entry-header .share-this-entry { + margin: 0; + padding-top: 0; + display: table +} + +.entry-header .responsive_entry_center_left { + margin-bottom: 0 !important; + display: table-cell; + float: none +} + +.entry-header .responsive_entry_center_left_premium { + margin-bottom: 0 !important; + display: table-cell; + float: none +} + +.entry-header { + margin: 7px 0; + display: table +} + +.responsive_entry_center p.definition-title, .responsive_entry_center_left_premium p.definition-title { + font-size: 11px; + line-height: 14px; + padding-bottom: 0px; + margin-bottom: 0; + display: table-cell; + vertical-align: bottom +} + +.share-this-entry .right-colum { + margin: 0; + padding-top: 0 !important +} + +.share-this-entry .col_middle_left, .share-this-entry .right-colum { + display: table-cell +} + +.social-wrap { + width: 180px; + height: 28px; + padding: 2px 0 +} + +.social-wrap a { + display: inline-block; + width: 24px; + height: 24px; + padding: 0; + margin: 1px 0 0 0; + border: 0; + background: #4577bf url(../images/social.png) no-repeat; + background-size: auto 100%; + cursor: pointer; + border-radius: 30px +} + +.social-wrap a:hover { + background-color: #0d3880 +} + +#plusone-box { + display: inline-block; + vertical-align: top; + margin: 1px 0 0 1px +} + +.facebook-btn { + background-position: 0px 0 !important +} + +.twitter-btn { + background-position: -24px 0 !important +} + +.stumbleupon-btn { + background-position: -48px 0 !important +} + +.diigo-btn { + background-position: -72px 0 !important +} + +.email-btn { + background-position: -96px 0 !important +} + +#ox-enlarge { + float: right; + position: relative; + z-index: 10; + clear: both +} + +#ox-enlarge img { + margin-bottom: -7px +} + +#ox-enlarge a.topic { + display: block; + text-align: right; + position: relative; + padding: 2px; + margin: 0 0 12px 12px; + background-color: #c0c0c0 +} + +#ox-enlarge a.topic:hover { + text-decoration: none; + background-color: #4577bf; + color: white +} + +#ox-enlarge .ox-enlarge-label { + text-indent: 50px; + overflow: hidden; + position: absolute; + width: 24px; + height: 24px; + bottom: 0; + right: 0; + background-image: url("../images/entry/enlarge-img.png"); + background-color: inherit; + background-repeat: no-repeat; + background-position: center; + background-size: 14px 14px +} + +.relatedentries { + max-height: 200px; + text-align: left; + color: #8f0610; + line-height: 1.25 +} + +.relatedentries ul { + margin: 0; + padding: 0 0 0 10px +} + +.relatedentries a { + color: #000 +} + +#rightcolumn h4.no-rule { + margin-top: 0; + border-bottom: 0 none +} + +.no-rule { + border-bottom: 0; + margin-bottom: 0 +} + +dd { + overflow: hidden; + -webkit-transition: max-height 0.5s; + -moz-transition: max-height 0.5s; + transition: max-height 0.5s; + max-height: 4000px +} + +dd.deep { + max-height: 9000px +} + +.hide + dd, .hide + dd.deep { + max-height: 0 +} + +.ui-grad dt, .ui-grad dd { + margin-top: -1px +} + +.ui-grad ul { + margin-left: 14px; + margin-right: 14px; + padding: 0 +} + +.ui-grad dd { + border: 1px solid #cccccc +} + +.ui-grad dt:first-child { + border-radius: 8px 8px 0 0; + margin-top: 0 +} + +.ui-grad dt { + padding: 5px 6px 5px 6px; + color: #444444 +} + +.ui-grad dt.hide:hover { + cursor: pointer +} + +.ui-grad dt:not(.hide):before { + content: none +} + +.ui-grad dt:not(.hide) { + padding: 6px 14px 5px +} + +.ui-grad dt.hide:before { + background: url(../images/documents/icon-plus-minus-grey.png) 0 -13px no-repeat; + background-size: 100% +} + +.accordion dl { + margin: 0 +} + +.accordion .more { + display: none +} + +.accordion .show .more { + display: block +} + +.accordion dt:before { + vertical-align: baseline; + content: ""; + display: inline-block; + margin-right: 6px; + margin-left: -2px; + margin-bottom: -1px; + width: 13px; + height: 13px +} + +.see-more { + display: block; + padding: 6px; + line-height: 18px; + text-align: center; + border-top: 1px solid #aaaaaa; + color: grey +} + +.list-col a, .list-col span.selected { + display: block; + line-height: 20px; + padding-top: 3px; + padding-bottom: 4px; + font-weight: normal +} + +.list-col { + padding-left: 0 +} + +.list-col .selected { + color: #282828; + padding-left: 7px; + padding-right: 7px; + background-color: #dddddd; + border-radius: 4px; + margin: 3px -7px 4px +} + +.list-col h6 { + border-bottom: 1px solid silver +} + +.topic-explore p { + color: rgba(0, 0, 0, 0.7); + font-size: 15px +} + +.topic-explore > h3 { + font-size: 17px; + font-weight: bold; + line-height: 19px; + margin: 0 0 7px; + padding: 0 +} + +.topic-explore h4 { + border-top: 1px solid #C0C0C0; + border-bottom: 1px solid #C0C0C0; + padding: 8px 0 +} + +.topic-explore ul { + padding-left: 0px +} + +.topic-explore h6 { + border: 0px none; + margin: 8px 0px 0px 0px +} + +.topic-explore h6 a { + font-size: 15px; + font-weight: bold; + color: rgba(0, 0, 0, 0.7) +} + +.list-nested > li { + display: inline-block; + padding-right: 15px +} + +.list-nested-pool > li { + background-color: grey; + border-bottom: 1px solid white +} + +.list-nested-pool ul { + padding: 3px 0 4px; + background: #efefef; + background: white +} + +.wordpool { + margin-top: 14px; + padding-left: 8px +} + +.wordpool li { + display: inline-block; + margin: 0; + padding: 0 14px 7px 0 +} + +.wordpool a, .wordpool span { + font-weight: normal +} + +.wordpool-active span { + font-weight: bold +} + +.section.partner { + margin-top: 2em +} + +.wordlist-page h1 { + line-height: 1.2em +} + +.wordlist-page p { + max-width: 700px +} + +.wordlist-info-page { + margin-bottom: 14px +} + +.wordlist-info-page .oxford3000-blue, .wordlist-info-page .academic-blue { + width: 20px; + height: 20px +} + +.wordlist-info-page ul { + padding-left: 20px; + list-style-type: disc; + margin-bottom: 7px +} + +.middle_wrap h1 { + font-family: 'Merriweather', Georgia, serif +} + +.middle_wrap > h1 { + margin-top: 7px +} + +.open-close dt:hover { + color: #0d3880 +} + +.ui-plain { + max-width: 700px +} + +.ui-plain dl:first-child { + border-top: 1px solid grey +} + +.ui-plain dt { + padding: 7px 7px 7px 21px; + color: #282828; + font-weight: bold; + cursor: pointer +} + +.ui-plain dt:before { + content: ""; + position: absolute; + width: 13px; + height: 24px; + background: url(../images/wordlist/icon-plus-minus.png) 0 0 no-repeat; + background-size: 100%; + margin: -7px 0 0 -21px +} + +.ui-plain dt.hide:before { + background-position: 0 -50px +} + +.ui-plain dd { + border-bottom: 1px solid silver +} + +.ui-plain dt:before { + position: relative; + margin-right: 8px; + display: inline-block +} + +.topic-desc { + max-width: 750px +} + +.oxford3000-blue, .academic-blue { + display: inline-block; + background-size: 100%; + background-repeat: no-repeat; + width: 30px; + height: 30px; + margin: -8px 0 -5px +} + +.oxford3000-blue { + background-image: url("../images/wordlist/icon-ox3000-blue.png") +} + +.academic-blue { + background-image: url("../images/wordlist/icon-academic-blue.png") +} + +.topic-dt .side-selector__left ul ul ul ul li > a { + margin-left: -62px; + padding-left: 40px; + margin-top: 2px; + text-decoration: none; + background-color: #efefef; + background-color: white +} + +.side-selector { + border-radius: 7px; + overflow: hidden; + background-color: #eee; + border: 1px solid #cccccc +} + +.side-selector__left, .side-selector__right { + padding: 0 0; + width: 40%; + float: left +} + +.side-selector__right { + width: 60%; + float: left; + background-color: white +} + +.side-selector__right .sound.audio_play_button { + margin: 0 +} + +@media screen and (max-width: 762px) { + .side-selector__left, .side-selector__right { + width: 100%; + float: none + } + + .side-selector { + margin-right: -15px; + margin-left: -15px; + border-radius: 0 + } +} + +.side-selector__left ul ul ul ul li.is-revealed > a { + background-color: #4577bf; + color: white +} + +.side-selector__left .ei-g { + margin-top: 0 +} + +.side-selector__left .top-container { + margin: 0; + padding: 0; + background-color: transparent +} + +.side-selector__left .top-g { + padding: 0 +} + +.side-selector__left .webtop-g { + margin: 0 -7px; + padding: 6px 7px +} + +.side-selector__left .link-right { + padding-top: 7px +} + +#entries-selector { + padding: 7px +} + +#entries-selector ul { + list-style-type: none; + padding: 0 +} + +#entries-selector .wl-select { + padding: 0 7px 0 21px; + margin: -7px; + background: #07255e url(../images/wordlist/icon-select-arrow.png) 0 top no-repeat +} + +#entries-selector a, #entries-selector span { + padding: 7px 14px; + margin-bottom: 2px; + display: block; + text-decoration: none; + text-align: center; + border-radius: 7px; + font-weight: bold +} + +#entries-selector a:hover { + background-color: #4577bf; + color: white +} + +#entries-selector .currentpage a, #entries-selector .currentpage span { + background-color: #07255e; + color: white +} + +#entries-selector select { + -webkit-appearance: none; + -moz-appearance: none; + border: none; + font-size: 15px; + outline: none; + margin: 0; + padding: 8px 15px 9px; + background-color: transparent; + width: 100%; + color: white +} + +.hideoverflow { + overflow: hidden +} + +.outer { + position: relative; + left: 50%; + float: left +} + +.inner { + position: relative; + left: -50%; + float: left +} + +.wl-nav { + border-color: silver; + border: 0 +} + +.wl-nav a, .wl-nav span { + display: inline-block; + padding: 10px 15px; + border-right: 1px solid silver; + color: #444444; + font-weight: normal +} + +.wl-nav li:hover { + box-shadow: 0 -50px 50px -30px white inset; + background-color: #cccccc +} + +.wl-nav li:hover a { + text-decoration: none +} + +.wl-nav li.activepage { + background-color: white +} + +.wl-nav li.activepage:hover { + background-color: white !important; + box-shadow: none +} + +.currentpage a { + color: #890017 +} + +.currentpage a .pos { + font-weight: normal +} + +.paging_links { + padding: 0 +} + +.paging_links li:last-child a { + border-right: 0 +} + +.paging_links .page_range { + font-family: Verdana; + font-weight: bolder; + margin-right: 30px; + display: inline-block +} + +.paging_links .page_info { + display: inline-block; + margin-right: 30px +} + +#entrylist1 a { + font-weight: bold +} + +.result-list1 { + padding: 4px 0; + list-style-type: none +} + +.wordlist-oxford3000 li { + padding: 7px +} + +.soundList { + display: inline +} + +.lang-study-page .pron-g { + white-space: normal +} + +.lang-col { + width: 48%; + float: left; + padding-right: 12px +} + +.mid-grad-bottom, .wl-table tr:first-child { + background: #00123c; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07255e), color-stop(100%, #00123c)); + background: -webkit-linear-gradient(top, #07255e 0%, #00123c 100%); + background: -moz-linear-gradient(top, #07255e 0%, #00123c 100%); + background: -ms-linear-gradient(top, #07255e 0%, #00123c 100%); + background: linear-gradient(to bottom, #07255e 0%, #00123c 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blue2', endColorstr='$blue1', GradientType=0) +} + +.pale-grad, .wl-table tr { + background: #ffffff; + background: -moz-linear-gradient(top, white 0%, #eee 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eee)); + background: -webkit-linear-gradient(top, white 0%, #eee 100%); + background: -o-linear-gradient(top, white 0%, #eee 100%); + background: -ms-linear-gradient(top, white 0%, #eee 100%); + background: linear-gradient(to bottom, white 0%, #eee 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0) +} + +.wl-table .delete-btn a:before { + background: url("../images/myWordlist/btn-trash.png") no-repeat scroll -1px top/100% auto transparent; + pointer-events: all +} + +.wl-table .btn.delete-btn:hover a:before { + background-position: -1px bottom +} + +.wl-sub-head { + background: #4577bf; + background: -moz-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4577bf), color-stop(100%, #345c95)); + background: -webkit-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: -o-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: -ms-linear-gradient(top, #4577bf 0%, #345c95 100%); + background: linear-gradient(to bottom, #4577bf 0%, #345c95 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4577bf', endColorstr='#345c95', GradientType=0); + color: #ffffff +} + +.btn.test-btn a:before { + background: url("../images/myWordlist/btn-test.png") no-repeat scroll -1px top/100% auto transparent +} + +.btn.test-btn a, .btn.delete-btn a { + padding-left: 28px +} + +.wl-add a:before { + background: url("../images/myWordlist/btn-wordlist.png") no-repeat 0px 0px transparent; + background-size: 100% +} + +.wl-table { + width: 100%; + margin-top: 10px; + margin-bottom: 12px; + border: 1px solid #cccccc; + border-collapse: separate +} + +.wl-table .wl-col1 { + text-align: left; + font-size: 16px +} + +.wl-table tr th { + color: white; + vertical-align: middle +} + +.wl-table th, .wl-table td { + text-align: center; + line-height: 18px; + padding: 12px +} + +.wl-table.wl-edit .wl-col2 { + font-style: italic +} + +.wl-table.wl-edit .wl-col3 { + text-align: left +} + +.wl-table .wl-col1 a { + line-height: 20px; + padding-right: 12px; + text-align: left; + font-size: 16px; + font-weight: bold +} + +.entry-word { + font-weight: bold; + font-family: 'Open Sans', Arial; + color: #4577bf; + margin-left: 10px +} + +.hide-delete-icon { + display: none +} + +.premium .hide-delete-icon { + display: block +} + +h1.my-wordlist-titles { + margin: 7px 0 21px +} + +h2.my-wordlist-titles { + font-size: 36px; + color: #4577bf; + font-weight: bold; + padding-left: 0; + margin-top: 6px; + margin-bottom: 24px; + line-height: 1em +} + +h3.my-wordlist-titles { + line-height: 1.5em; + font-size: 16px; + font-weight: bold; + margin: 0; + padding: 0; + color: #0d3880 +} + +h4.my-wordlist-titles { + font-weight: bold; + margin-bottom: 6px +} + +h5.my-wordlist-titles { + font-size: 18px; + line-height: 28px; + margin: 0 0 7px; + font-weight: bold +} + +.mywordlist-container { + padding-left: 15px +} + +.mywordlist-container > .entry > span.h { + display: none +} + +.senseinfo { + margin-bottom: 6px +} + +.senseinfo .sense_check_box { + margin-right: 6px +} + +#wordlist-select { + margin-bottom: 7px +} + +.test__question-count { + margin: -7px -14px 14px; + padding: 5px 12px; + background-color: #4577bf; + color: white +} + +.test__definition { + font-size: 22px; + line-height: 26px; + color: #07255e; + max-width: 650px; + font-size: 18px +} + +.test__definition__wrap { + margin-top: 14px; + margin-bottom: 14px +} + +.test__definition__wrap .pos { + margin-bottom: 6px; + font-size: 15px; + font-weight: normal +} + +.test__definition__wrap p { + display: table-cell; + padding-right: 14px +} + +.test__form, #add-wordlist { + display: table; + width: 100%; + margin-bottom: 0; + vertical-align: top; + padding-bottom: 10px +} + +.test__form .test__answer { + font-size: 15px; + line-height: 1.6em; + width: 350px; + float: left; + margin-bottom: 7px; + margin-right: 14px +} + +.test_submit_testme { + float: left +} + +.test__form input[type='text'] { + border: none; + font-size: 16px; + padding: 0 10px; + line-height: 30px; + height: 30px; + border-radius: 6px; + background-color: white; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) inset; + color: grey; + width: 100% +} + +.test__form #add-wordlist .test__submit { + float: left +} + +.result { + display: table-cell; + vertical-align: middle +} + +.test__attempt, .test__useranswer, .test__skipped { + display: inline-block; + font-size: 26px; + font-weight: bold; + width: 100%; + margin-left: -30px; + padding-left: 30px +} + +.test__skipped { + font-size: 24px +} + +.test__attempt { + color: #C1272D +} + +.test__useranswer { + color: #037531 +} + +.test__correctanswer { + font-weight: bold; + color: #07255E +} + +.test__incorrect, .test__correct { + width: 24px; + height: 24px; + line-height: 20px; + background: url(../images/myWordlist/test-cross.png) no-repeat #C1272D; + background-size: 100%; + border-radius: 24px; + border: 2px solid white; + vertical-align: top; + text-indent: -9999px; + display: inline-block; + margin-right: 5px +} + +.test__correct { + background-color: #037531; + background-image: url(../images/myWordlist/test-tick.png) +} + +.test__skipped, .test__correcthead { + text-transform: capitalize +} + +.test__form .test__answer, .test__form .test__submit, .test__form .test__skip, #check-answer .test__form .test__next, #check-answer .test__form .test__quit { + display: table-cell; + vertical-align: top +} + +.test__form .test__submit, .test__form .test__next { + padding-right: 5px +} + +.test__next, .test__quit { + float: left +} + +.mywordlist-warnings, .error { + display: none; + color: #c73b2a +} + +.mywordlist-warnings#wait, .mywordlist-warnings#test-loading, .mywordlist-warnings#test-saving-score, .mywordlist-warnings#supp { + color: #00123c +} + +.mywordlist-warnings#wait:before, .mywordlist-warnings#test-loading:before, .mywordlist-warnings#test-saving-score:before, .mywordlist-warnings#supp:before { + bottom: -2px; + content: url("../images/myWordlist/loader-sm.gif"); + display: inline-block; + margin-right: 8px; + position: relative +} + +.mywordlist-warnings#wait:before { + content: url("../images/myWordlist/loader-sm-blue.gif") +} + +#pronunciation .responsive_row:first-child { + margin-bottom: 0 +} + +.entry-source { + color: white +} + +h2.entry-word { + font-weight: bold; + color: #4577bf; + font-size: 36px; + margin-bottom: 7px; + margin-top: 18px; + display: block +} + +h2 .pos { + margin-bottom: 6px; + font-size: 15px; + font-weight: normal +} + +.pron__wrap h3, .pron_row { + max-width: 700px +} + +.pron__wrap h3 { + font-size: 18px; + color: #4577bf; + margin-top: 12px; + margin-bottom: 0; + padding-bottom: 3px; + padding-left: 0px; + border-bottom: 1px solid silver +} + +.pron__wrap { + max-width: 700px +} + +.pron__wrap h5 { + margin-top: 12px; + margin-bottom: 0; + padding-bottom: 3px; + padding-left: 0px; + border-bottom: 1px solid silver +} + +.pron_row { + padding: 0; + line-height: 39px; + height: 39px +} + +.pron_row .sound { + vertical-align: middle +} + +.pron_row * { + display: inline-block +} + +.pron_row .pron_button { + border: 1px solid black; + padding: 4px; + margin-right: 15px +} + +.pron_row .pron_button .pron_button_icon { + border: 1px solid black; + width: 30px; + height: 20px +} + +.pron_row .pron_button_wrapper { + padding: 4px; + display: inline-block; + background-color: #00123c; + height: 34px; + margin-left: 7px; + border-radius: 18px; + display: none; + vertical-align: middle; + box-shadow: 0 38px 38px -38px #e0f2fd inset +} + +.pron_row .btn:hover, .pron_row input[type='submit']:hover, .pron_row .btn.inactive, .pron_row input.inactive[type='submit'] { + box-shadow: none; + border-width: 0 +} + +.pron_row .pron_button_record, .pron_row .pron_button_play, .pron_row .pron_button_stop, .pron_row .pron_record_stop, .pron_row .pron_play_stop { + width: 24px; + height: 24px; + display: block; + float: left; + margin-right: 6px; + background-image: url("../images/pron_prac/play-button-small.png"); + background-repeat: no-repeat; + background-position: center center; + border-radius: 12px; + background-color: silver +} + +.pron_row .pron_button_record { + background-image: url("../images/pron_prac/record-button-small.png") +} + +.pron_row .pron_button_stop, .pron_row .pron_record_stop, .pron_row .pron_play_stop { + background-image: url("../images/pron_prac/stop-button-small.png") +} + +.pron_row .button_is_active { + background-color: #0d3880; + box-shadow: 0 30px 30px -30px #45689f inset +} + +.pron_row .button_is_playing { + background-color: #579a27; + box-shadow: 0 30px 30px -30px #45689f inset +} + +.pron_row .button_is_active.pron_button_record:hover, .pron_row .button_is_active.pron_button_play:hover, .pron_row .button_is_active.pron_button_stop:hover { + background-color: #00123c +} + +.pron_row.active .pron_button_wrapper { + display: inline-block +} + +@media screen and (max-width: 768px) { + .pron_row .btn.play, .pron_row input.play[type='submit'] { + margin-left: 10px + } +} + +.prac-pron a:before { + background: url("../images/pron_prac/btn-prac-pron.png") no-repeat 0px 0px transparent; + background-size: 100% +} + +#pronunciation xr-gs, #pronunciation res-g { + display: none +} + +#topic-list dd ul { + padding-left: 0 +} + +#topic-list dd ul li { + padding-bottom: 7px +} + +#topic-list dd { + border: none; + margin-left: 21px +} + +#topic-list dt { + font-weight: normal +} + +.topic-desc { + margin: 7px 0 7px 0 +} + +.box-resources { + background-image: url("../images/home/old-ball-resources.png") +} + +.word-list li { + display: inline-block; + padding: 0 14px 7px 0 +} + +.video-page-wrap h4 { + margin: 14px 0 7px +} + +.video-player, .video-player__text { + display: table-cell; + vertical-align: middle +} + +.video-player__text { + padding-right: 7px +} + +.video-player { + padding-right: 14px; + height: 130px; + width: 230px +} + +.video-player iframe { + display: block +} + +.video__wrap { + display: table-row; + width: 100%; + float: left; + margin-bottom: 3px; + background-color: #efefef +} + +.video__wrap p { + margin-bottom: 0 +} + +.video__wrap a { + display: block +} + +.video__wrap:last-child { + margin-bottom: 0 +} + +.video__wrap.full-width { + width: 100%; + display: block; + float: none +} + +@media screen and (max-width: 475px) { + .video-player, .video-player__text { + display: block; + margin-bottom: 5px + } +} + +.premium-h { + position: relative; + margin-bottom: 12px +} + +.premium-h .h { + position: absolute; + color: #ffffff; + left: 20px; + bottom: 10px +} + +.premium-h-img { + width: 100%; + height: auto +} + +.res-g > .unbox { + background-color: rgba(199, 110, 6, 0.1); + display: block; + margin: 12px 0 18px 0; + position: relative; + overflow: hidden; + border-left: 3px solid #C76E06 +} + +.res-g > .unbox > .heading { + background-color: rgba(199, 110, 6, 0.2); + display: block; + padding: 6px 12px 6px 12px; + font-size: 15.5px; + position: relative; + overflow: hidden +} + +.res-g > .unbox > .body { + display: block; + padding: 12px 18px 12px 18px; + position: relative; + overflow: hidden +} + +.main-container #wotd-box { + max-width: 300px; + margin-left: auto; + margin-right: auto +} + +*, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.entry { + font-family: "Open Sans", Arial, sans-serif; + font-size: 15px; + color: #333; + line-height: 24px; + margin-bottom: 15px +} + +.entry a:hover { + font-weight: normal +} + +.sans-italic, .etym_i, .geo, .pos, .reg, .subj, .wfp, .xpos, .webtop-g .pos + .pnc, .collapse .ff, .collapse[title^="AWL Collocations"] .er { + font-family: "Open Sans", Arial, sans-serif; + font-style: italic +} + +.sans-rom, .def, .dh, .dtxt, .footer, .frac-g, .gl, .gram, .li, li.sn-g:before, .ndv, .shcut, .st, .td, .use, .xr-g, .wfo .wrap, .wfo pnc.wrap, .vp .prefix, .vp pnc.prefix { + font-family: "Open Sans", Arial, sans-serif; + font-weight: normal; + font-style: normal +} + +.sans-bold, .cf, .dhb, .dr, .id, .idm, .if, .pv, .th, .v, .ve, .vp, .wfo, .wfw, .xh, .xw { + font-family: "Open Sans", Arial, sans-serif; + font-weight: bold; + font-style: normal +} + +.sans-bolditalic { + font-family: "Open Sans", Arial, sans-serif; + font-weight: bold; + font-style: italic +} + +.sans-sc, .sc, .xr-gs .prefix, .xr-gs pnc.prefix { + font-family: "Open Sans", Arial, sans-serif; + font-variant: small-caps +} + +.serif-bolditalic, .cl, .x .eb { + font-family: "Merriweather", Georgia, serif; + font-weight: bold; + font-style: italic +} + +.serif-italic, .wx, .x, .x-g { + font-family: "Merriweather", Georgia, serif; + font-style: italic +} + +.serif-rom, .def-qt { + font-family: "Merriweather", Georgia, serif; + font-weight: normal; + font-style: normal +} + +.italic, .ei { + font-style: italic +} + +.bold, .eb { + font-weight: bold; + font-style: normal +} + +.bolditalic, .ebi { + font-weight: bold; + font-style: italic +} + +.phonetics-font, .eph, .phon { + font-family: "Lucida Sans Unicode", "Lucida Grande" +} + +.entry-box-style, .un, .collapse { + background-color: rgba(199, 110, 6, 0.1); + display: block; + margin: 12px 0 18px 0; + position: relative; + overflow: hidden +} + +.entry-box-style .x-g, .un .x-g, .collapse .x-g { + display: inline; + margin-left: 4px; + position: static +} + +#entryContent:not(.ocoll) .top-container .entry-box-style, #entryContent:not(.ocoll) .top-container .un, #entryContent:not(.ocoll) .top-container .collapse { + background-color: rgba(69, 119, 191, 0.1); + border-left: 3px solid #4577bf +} + +#entryContent:not(.ocoll) .top-container .entry-box-style-heading:before, #entryContent:not(.ocoll) .top-container .collapse .heading:before, .collapse #entryContent:not(.ocoll) .top-container .heading:before { + background-image: url("../images/wordlist/icon-plus-minus.png") +} + +#entryContent:not(.ocoll) .top-container .entry-box-style-heading:hover, #entryContent:not(.ocoll) .top-container .collapse .heading:hover, .collapse #entryContent:not(.ocoll) .top-container .heading:hover, #entryContent:not(.ocoll) .top-container .entry-box-style-heading:active, #entryContent:not(.ocoll) .top-container .collapse .heading:active, .collapse #entryContent:not(.ocoll) .top-container .heading:active, #entryContent:not(.ocoll) .top-container .unbox.is-active .heading, .unbox.is-active #entryContent:not(.ocoll) .top-container .heading, #entryContent:not(.ocoll) .top-container .entry-box-style-heading:focus, #entryContent:not(.ocoll) .top-container .collapse .heading:focus, .collapse #entryContent:not(.ocoll) .top-container .heading:focus { + background-color: rgba(69, 119, 191, 0.2) +} + +#entryContent:not(.ocoll) .top-container .unbox.is-active .heading:before { + background-position: center -92px +} + +.entry-box-style-heading, .collapse .heading, .collapse pnc.heading { + padding: 6px 12px 6px 12px; + margin: -12px -18px -12px -18px; + font-size: 15.5px +} + +.entry-box-style-heading:hover, .collapse .heading:hover, .entry-box-style-heading:active, .collapse .heading:active, .unbox.is-active .heading, .unbox.is-active pnc.heading, .entry-box-style-heading:focus, .collapse .heading:focus { + background-color: rgba(199, 110, 6, 0.2) +} + +.blockquote { + background-color: rgba(199, 110, 6, 0.1); + display: block; + padding: 12px 18px 12px 18px; + margin: 18px; + position: relative +} + +.bre, .name { + display: none +} + +.cf { + display: inline +} + +.def { + display: inline +} + +.dr { + font-size: 16px +} + +.dr-g { + display: block; + margin-top: 18px; + margin-left: 16px; + position: relative +} + +.dr-g:before { + content: ""; + left: -18px; + position: absolute; + top: 5px; + width: 14px; + height: 14px; + background-image: url("../images/entry/entry-deriv.png"); + background-size: 14px auto +} + +.dr-gs { + display: block +} + +.eph { + display: inline-block +} + +.esu { + font-size: smaller; + vertical-align: super +} + +.footer { + font-size: 13px +} + +.frac-g { + position: relative; + top: -3px +} + +.frac-g:before { + content: '/'; + position: absolute; + left: 4px; + top: -3px +} + +.gram-g { + color: #767676 +} + +.h-g { + margin-bottom: 15px +} + +.hm, pnc.hm, .xhm { + font-size: smaller; + margin-left: 1px; + position: relative; + top: -5.25px +} + +.hm-g { + display: block +} + +.idm { + font-size: 16px +} + +.idm-g, .pv-g { + margin: 12px 18px 18px 18px; + display: block +} + +.idm-gs, .pv-gs, .wf-g { + border: 1px solid rgba(199, 110, 6, 0.4); + border-radius: 10px 10px 0 0; + display: block; + margin: 18px 0 18px 0; + overflow: hidden +} + +.label-g { + color: #767676; + font-weight: normal +} + +li.sn-g:before { + color: #00123c; + padding-right: 6px; + position: absolute; + text-align: right; + left: -8px; + width: 24px +} + +.ndv { + color: #00837d +} + +.pron-g { + white-space: nowrap +} + +.pron-g[geo~=br] .prefix { + color: #07255e +} + +.pron-g[geo~=n_am] .prefix { + color: #8f0610 +} + +.pron-gs { + display: inline +} + +.pv { + display: inline; + font-size: 16px +} + +.pvarr:before { + content: ""; + width: 15px; + height: 11px; + background-image: url("../images/entry/pvarr.png"); + background-size: 15px auto; + display: inline-block +} + +.shcut { + font-size: 16.5px; + display: block; + margin-top: 18px; + border-bottom: 1px solid rgba(199, 110, 6, 0.5) +} + +.sn-g { + display: block; + position: relative; + margin-top: 12px +} + +.sn-g[ox3000="y"] .oxford3000 { + background-color: #4577bf; + border-radius: 12px; + width: 20px; + height: 20px; + margin: 0 6px 3px 0; + position: static; + vertical-align: middle +} + +.sn-gs, .res-g { + display: block +} + +.un { + padding: 12px 18px 12px 18px; + text-indent: 0 +} + +.vp { + margin-right: 12px +} + +.vp-g { + display: block +} + +.wf-g { + border-color: rgba(69, 119, 191, 0.4); + margin: 6px 0 6px 0; + padding: 6px 12px 6px 12px; + display: inline-block +} + +.wfw-g { + display: block +} + +.wx { + text-decoration: line-through +} + +.x-g { + display: block; + margin-top: 6px; + position: relative; + margin-left: 11px +} + +.x-g:before { + content: ""; + left: -11px; + top: 8px; + position: absolute; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.x-gs { + display: block +} + +.xr-gs { + display: block; + margin-top: 6px +} + +.z_n { + padding-right: 6px !important +} + + +.entry-in-other-dict a { + font-weight: normal +} + +.webtop-g .pos { + margin-left: 6px; + color: #ffffff +} + +.webtop-g .pos + .pnc { + color: #ffffff +} + +.webtop-g a:last-of-type { + margin-right: 4px +} + +.top-g .clear { + margin-top: 6px +} + +.top-g .btn { + margin-bottom: 13px +} + +.top-g .btn:hover:not(.inactive) a:before { + background-position: 0 bottom +} + +.top-g .def { + display: block +} + +.top-g > .pron-gs { + display: block +} + +.top-g .v-gs:not([type~="sym"]) { + display: block +} + +.top-container + .pv-gs, .top-container + .wf-g { + border-width: 0; + margin: -12px 0 0 0; + overflow: auto +} + +.top-container + .pv-gs .pv-g, .top-container + .wf-g .pv-g { + margin: 12px 0 18px 0 +} + +.top-container + .pv-gs .pv, .top-container + .wf-g .pv { + margin-left: 0 +} + +.top-container + .pv-gs > .heading, .top-container + .wf-g > .heading { + display: none +} + +.top-container + .pv-gs .heading, .top-container + .wf-g .heading { + color: #333; + font-size: 15.5px; + padding: 6px 12px 6px 12px +} + +.top-container + .pv-gs .xr-gs, .top-container + .wf-g .xr-gs { + margin-top: 6px +} + +.top-container + .pv-gs .xr-gs:before, .top-container + .wf-g .xr-gs:before { + display: inline +} + +.top-container + .pv-gs .Ref, .top-container + .wf-g .Ref { + display: inline; + margin: 0 +} + +.if-g .pron-gs { + display: inline +} + +ol.h-g, ol.pv-g, ol.idm-g { + list-style-type: none; + padding-left: 0; + counter-reset: num +} + +ol.h-g li.sn-g, ol.pv-g li.sn-g, ol.idm-g li.sn-g { + padding-left: 24px +} + +ol.h-g li.sn-g:before, ol.pv-g li.sn-g:before, ol.idm-g li.sn-g:before { + content: counter(num) " "; + counter-increment: num +} + +ol.h-g > .res-g, ol.h-g .sn-gs > .xr-gs, ol.pv-g > .res-g, ol.pv-g .sn-gs > .xr-gs, ol.idm-g > .res-g, ol.idm-g .sn-gs > .xr-gs { + margin-left: 24px +} + +.def .xr-gs { + display: inline +} + +.def .xr-gs:before { + display: none +} + +.x-g .cf { + margin-right: 6px +} + +.xr-gs:before { + content: ""; + margin-right: 4px; + position: relative; + top: -1px; + width: 13px; + height: 9px; + background-image: url("../images/entry/entry-arrow.png"); + background-size: 13px auto; + display: inline-block +} + +.xr-gs[xref_type="external"]:before { + background-image: url("../images/entry/external-link-icon.png"); + background-repeat: no-repeat; + height: 18px; + width: 18px; + background-size: 18px auto; + vertical-align: middle; + margin-right: 8px +} + +.xr-gs[xref_type="external"] .prefix { + font-variant: inherit +} + +.ndv .xh { + font-weight: normal +} + +.sep + .sep { + display: none +} + +.idm-gs > .heading, .idm-gs pnc.heading, .pv-gs > .heading, .pv-gs pnc.heading { + display: block; + font-size: 18px; + padding: 12px 18px 0 18px; + color: #C76E06 +} + +.idm-gs > .xr-gs, .pv-gs > .xr-gs { + margin: 12px 0 12px 0 +} + +.idm-gs .un, .pv-gs .un { + margin-left: 18px; + margin-right: 18px +} + +.pv-gs > .xr-gs { + margin-top: 0 +} + +.pv-gs > .xr-gs:before { + display: none +} + +.pv-gs .xr-gs > .heading { + margin-bottom: 6px; + display: block; + font-size: 18px; + padding: 12px 18px 0 18px; + color: #C76E06 +} + +.pv-gs > .xr-gs .Ref { + display: block; + margin: 6px 18px +} + +.pv-gs > .xr-gs .Ref .pvarr:before { + content: ""; + width: 15px; + height: 11px; + background-image: url("../images/entry/pvarr-blue.png"); + background-size: 15px auto; + display: inline-block +} + +.idm-g .top-container, .pv-g .top-container { + padding: 0; + margin: 0 0 -6px 0; + background-color: transparent +} + +.idm-g .top-container .clear, .idm-g .top-container .btn, .idm-g .top-container br, .pv-g .top-container .clear, .pv-g .top-container .btn, .pv-g .top-container br { + display: none +} + +.idm-g .v-gs, .pv-g .v-gs { + display: block +} + +.idm-g .idm + .label-g, .pv-g .idm + .label-g { + margin-left: 6px +} + +.wfo .sym_first:after, .wfo pnc.sym_first:after { + content: " " +} + +.blockquote .p { + display: block; + margin: 0 +} + +.blockquote .wrap { + display: none +} + +.blockquote:before, .blockquote:after, .blockquote pnc.wrap_open, .blockquote pnc.wrap_close { + font-family: Georgia, serif; + color: #C76E06; + font-size: 80px; + position: absolute +} + +.blockquote:before, .blockquote pnc.wrap_open { + left: -20px; + position: absolute; + top: 24px +} + +.blockquote:after, .blockquote pnc.wrap_close { + right: -20px; + bottom: 0 +} + +.blockquote:before { + content: "\201C" +} + +.blockquote:after { + content: "\201D" +} + +.frac-g .num { + font-size: smaller; + position: relative; + top: -5px; + margin-right: 3px +} + +.frac-g .den { + font-size: smaller; + vertical-align: sub +} + +.un .x-gs { + display: inline +} + +.dr-gs .top-container { + background-color: transparent; + margin: 0; + padding: 0 +} + +.dr-gs .clear { + display: none +} + +.dr-gs .sn-g { + margin-top: 6px +} + +.dr-gs .sym_first { + margin-right: 6px +} + +.dr-gs .oxford3000 { + background-image: url("../images/wordlist/icon-ox3000-blue.png"); + width: 25px; + height: 25px; + top: -2px +} + +.dr-gs .academic { + background-image: url("../images/wordlist/icon-academic-blue.png"); + width: 25px; + height: 25px; + top: -2px +} + +.dr-gs .pos-g { + display: inline +} + +.dr-gs .top-g > span { + margin-right: 4px +} + +.entry[dict~="oaad"] .collapse[title^="Grammar"] .p { + margin-top: 3px; + margin-left: 16px; + position: relative; + display: block +} + +.entry[dict~="oaad"] .collapse[title^="Grammar"] .p:before { + content: ""; + position: absolute; + left: -15px; + top: 9px; + width: 7px; + height: 7px; + background-image: url("../images/entry/entry-sqbullet.png"); + background-size: 7px auto +} + +.collapse { + padding: 12px 18px 12px 18px; + border-left: 3px solid #C76E06 +} + +.collapse .heading, .collapse pnc.heading, .collapse .body, .collapse .h1, .collapse .li, .collapse .inline { + display: block +} + +.collapse .heading:hover, .collapse pnc.heading:hover { + cursor: pointer +} + +.collapse .heading:before, .collapse pnc.heading:before { + width: 14px; + height: 14px; + background-image: url("../images/entry/icon-plus-minus-orange.png"); + background-size: 100% auto; + background-position: center bottom; + content: ""; + display: inline-block; + margin-right: 12px; + position: relative; + top: 1px +} + +.collapse .body, .collapse .heading + .def { + display: none +} + +.collapse .h1 { + color: #C76E06; + font-size: 19.5px; + margin: 12px 0 6px 0; + font-weight: bold; + display: block +} + +.collapse .h3, .collapse .h2 { + font-size: 16.5px; + margin: 6px 0 3px 0; + font-weight: bold; + display: block; + border-bottom: 1px solid rgba(199, 110, 6, 0.5); + color: #333 +} + +.collapse .li .x-gs { + display: inline +} + +.collapse .x-gs { + margin-bottom: 6px +} + +.collapse .x-g:before { + display: none +} + +.collapse .x-g:not(:first-of-type):before { + content: ""; + left: -3px; + margin-left: -2px; + margin-right: 1px; + position: relative; + display: inline-block; + top: -2px; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.collapse .p { + margin: 0; + display: block +} + +.collapse .p .xr-gs { + display: inline; + margin: 0 +} + +.collapse .p .xr-gs[type~="pdf"] { + display: none +} + +.collapse .inline, .collapse ul.inline { + display: block; + font-size: 16.5px; + margin-bottom: 12px +} + +.collapse .inline .li, .collapse ul.inline .li { + display: inline-block; + font-weight: bold +} + +.collapse .inline .li:not(:last-of-type):after, .collapse ul.inline .li:not(:last-of-type):after { + content: ""; + margin-left: 5px; + position: relative; + top: -2px; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto; + display: inline-block +} + +.collapse .deflist .li, .collapse ul.deflist .li { + margin-top: 6px +} + +.collapse .deflist .li > .eb, .collapse ul.deflist .li > .eb { + color: #C76E06; + font-size: 16px +} + +.collapse .bullet, .collapse ul.bullet { + display: block; + margin: 6px 0 12px 0 +} + +.collapse .bullet .li, .collapse ul.bullet .li { + margin-top: 3px; + margin-left: 16px; + position: relative; + display: block +} + +.collapse .bullet .li:before, .collapse ul.bullet .li:before { + content: ""; + position: absolute; + left: -15px; + top: 9px; + width: 7px; + height: 7px; + background-image: url("../images/entry/entry-sqbullet.png"); + background-size: 7px auto +} + +.collapse .table { + margin: 12px; + display: table +} + +.collapse .th, .collapse .td { + padding: 2px 12px 2px 12px; + border-bottom: 1px solid rgba(199, 110, 6, 0.5); + display: table-cell +} + +.collapse .th { + background-color: rgba(199, 110, 6, 0.2) +} + +.collapse .tr { + display: table-row +} + +.collapse[title^="Extra"] .x-g { + display: block; + position: relative +} + +.collapse[title^="Extra"] .x-g:before { + content: ""; + display: inline; + left: -11px; + margin: 0; + position: absolute; + width: 6px; + height: 6px; + top: 8px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.collapse[title^="Wordfinder"] .xr-gs:before { + display: none +} + +.collapse[title^="More Like This"] .inline .li { + font-weight: normal; + font-size: 15px +} + +.collapse[title^="More Like This"] .sep { + display: none +} + +.collapse[title^="AWL Collocations"] .er { + font-weight: normal +} + +.collapse[title^="AWL Collocations"] .h3 { + border-bottom: 0 +} + +.collapse[title^="AWL Collocations"] .h3 .inline { + margin-bottom: 0; + font-size: 15px +} + +.unbox.is-active .heading, .unbox.is-active pnc.heading { + margin-bottom: 12px +} + +.unbox.is-active .heading:hover, .unbox.is-active pnc.heading:hover { + cursor: pointer +} + +.unbox.is-active .heading:before, .unbox.is-active pnc.heading:before { + background-position: center top +} + +.unbox.is-active .body, .unbox.is-active .heading + .def { + display: block +} + +.snippet .collapse { + border-left-color: #A9222D; + background-color: transparent +} + +.snippet .collapse .shcut { + border-bottom: none +} + +.snippet .collapse .heading { + background-color: rgba(169, 34, 45, 0.1) +} + +.snippet .collapse .heading:hover { + background-color: rgba(169, 34, 45, 0.2) +} + +.snippet .collapse .heading:before { + background-image: url(../images/entry/icon-plus-minus-red.png) +} + +.snippet .collapse .shcut.shcut { + margin-top: 12px +} + +.snippet .collapse .sn-g { + margin-top: 0 +} + +.snippet .collapse .coll-g:before { + content: "\2022"; + font-size: 20px; + padding-top: 2px; + margin-right: 6px; + display: inline-block; + position: relative; + top: 2px; + line-height: 18px; + color: silver +} + +.snippet .collapse .coll-gs .sep { + display: none +} + +.peu-grammar-home .box { + background: url(../images/home/gu-ball.jpg) no-repeat 15px 15px white +} + +.block { + display: block +} + +.bold, .eb, .eb, .title_bold { + font-weight: bold +} + +.boldItalic, .ebi { + font-style: italic; + font-weight: bold +} + +.caption { + font-size: 12px; + padding-left: 20px +} + +.commentary { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.construct { + font-weight: bold +} + +.constructGroup .construct { + font-weight: normal; + display: inline-block; + padding: 3px 8px; + background-color: #c6d9f9; + margin-bottom: .4em +} + +.context { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.dialogue { + font-style: italic +} + +.dialogue .speaker { + font-style: normal +} + +.equivalent { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.example { + display: block; + font-style: italic; + padding-left: 12px; + text-indent: -12px +} + +.example * { + text-indent: 0 +} + +.exampleGroup { + padding-left: 20px; + display: block; + position: relative +} + +.exampleGroupSet { + display: block +} + +.example_runon { + margin-left: 6px +} + +.grammarEntry .h { + font-weight: bold +} + +.hang { + min-width: 30px; + display: table-cell +} + +.indent { + display: table-cell +} + +.italic, .ei, .ei { + font-style: italic +} + +.list_keyword { + font-weight: bold; + display: inline-block; + margin-top: 8px +} + +.locution { + display: inline +} + +.locution:not(:last-child) { + margin-right: 6px +} + +.note { + font-size: 0.8em; + font-family: "Merriweather", Georgia, sans-serif +} + +.note .a { + font-size: 111.35%; + font-family: "Open Sans", Arial, Helvetica, sans-serif +} + +.notes { + display: block; + margin-top: 11px; + border-left: 4px solid silver; + padding-left: 8px +} + +.notPertinent { + font-style: normal; + font-weight: normal; + font-variant: normal +} + +.pertinent { + font-style: italic +} + +.phons { + font-family: "Lucida Sans Unicode", "Lucida Grande"; + font-style: normal +} + +.roman { + font-style: normal +} + +.smallCaps, .esc { + font-variant: small-caps; + font-variant: all-small-caps; + font-size: 1.2em; + text-transform: lowercase +} + +.strikethrough, .estrike { + text-decoration: line-through +} + +.strikethrough .eph, .estrike .eph { + text-decoration: line-through +} + +.strikethrough .noStrike, .estrike .noStrike { + display: inline-block +} + +.subtitle { + font-weight: normal +} + +.subtitle .ebi { + font-weight: normal +} + +.superSectionIntro { + display: block; + margin: 1em 0 +} + +.tabular { + display: block +} + +.title { + color: #0d3880; + display: block; + font-weight: bold; + font-size: 1.2em +} + +.title .subtitle .ei { + font-weight: normal +} + +.underline { + text-decoration: underline +} + +.vocabBox { + background-color: #c6d9f9; + padding: 3px 20px; + margin-bottom: .4em; + margin-top: .4em; + display: inline-block +} + +.grammarEntry .wx-gs { + display: block; + border: 1px solid #0d3880; + padding: 8px; + margin-top: 14px +} + +.grammarEntry .wx-gs .title { + padding-bottom: 8px; + font-weight: bold; + font-size: 18px +} + +.grammarEntry .wx-gs .wx { + font-family: 'Open Sans', Arial, Helvetica, sans-serif; + font-style: normal; + text-decoration: none; + display: block; + padding: 2px 0 2px 26px; + position: relative +} + +.grammarEntry .wx-gs .wx:before { + content: ""; + display: inline-block; + width: 12px; + height: 16px; + position: absolute; + top: 6px; + left: 0; + background: url(../images/peu/wx-cross.png) no-repeat; + background-size: 12px 16px +} + +.xh { + font-variant: small-caps +} + +.xref { + color: #0d3880; + white-space: nowrap +} + +.xref:before { + content: ""; + display: inline-block; + position: relative; + border-top: 0.35em solid transparent; + border-bottom: 0.35em solid transparent; + border-left: 0.7em solid #0d3880; + margin-right: 4px; + margin-left: 1px +} + +.grammarEntry .xr-gs .xr-g { + display: block +} + +.grammarEntry .Ref .xr-gs { + display: inline-block +} + +.peu-btns { + padding-top: 10px; + display: block +} + +.peu-btns:after { + content: ""; + display: table; + clear: both +} + +.peu-btns a { + display: block; + position: relative; + line-height: 30px; + min-width: 90px; + padding: 0 12px; + background-color: #004aac; + color: white; + font-variant: normal; + text-transform: lowercase; + font-size: 12px; + font-weight: normal; + border-radius: 15px +} + +.peu-btns a:before, .peu-btns a:after { + background: url(../images/peu/btn-arrows.svg) no-repeat; + display: inline-block; + vertical-align: middle; + width: 11px; + height: 30px +} + +.peu-btns a:hover { + background-color: #00123c +} + +.peu-btns .xr-g { + display: block +} + +.peu-btns .xr-g:first-child a { + float: left +} + +.peu-btns .xr-g:first-child a:before { + content: ""; + margin-right: 6px +} + +.peu-btns .xr-g:last-child a { + float: right; + text-align: right +} + +.peu-btns .xr-g:last-child a:after { + content: ""; + background-position: right top; + margin-left: 6px +} + +.peu-btns .xr-g:last-child a:before { + content: none +} + +.page-head, .grammarEntry > .title, .introduction > .title { + font-size: 1.6em; + font-weight: bold; + margin-bottom: 1em +} + +.grammarEntry { + display: block; + clear: both +} + +.grammarEntry > .title { + line-height: 1.4em +} + +.grammarEntry > .title[section="yes"] { + font-size: 1.8em; + font-weight: bold; + margin-bottom: 1em +} + +.grammarEntry > .title .hang { + padding-right: 20px +} + +.grammarEntry > .title .indent .notPertinent { + font-weight: inherit +} + +.grammarEntry .breadcrumb { + display: none +} + +.grammarEntry > .breadcrumb { + font-size: .8em; + display: block; + margin-top: -10px; + margin-bottom: 4px +} + +.grammarEntry > .breadcrumb:before { + content: "PEU"; + font-weight: bold +} + +.grammarEntry > .breadcrumb .l1 { + padding-left: 23px; + background: url(../images/peu/peu-mini-icon-1.png) no-repeat 4px center; + background-size: 14px 15px +} + +.grammarEntry .xr-gs:before, .grammarEntry .institle, .grammarEntry .arl { + display: none +} + +.grammarEntry .example_runon { + display: block; + margin-left: 0 +} + +.grammarEntry .exampleGroup { + padding-left: 12px +} + +.grammarEntry .exampleGroup .hang { + left: 12px +} + +.grammarEntry .exampleGroup .hang + .indent { + padding-left: 10px; + display: block +} + +.grammarEntry .constructGroup { + padding-left: 12px +} + +.author-name { + color: #4d4c4c; + font-size: 18px +} + +.peu-home-logo { + display: inline-block; + margin: -10px 0 -10px +} + +.peu-home-un-authorized { + padding-bottom: 20px +} + +.peu-home-un-authorized h1 { + font-size: 28px; + font-family: "Open Sans", Arial, Helvetica, sans-serif; + margin-top: 0; + margin-bottom: 8px +} + +.peu-home-un-authorized h1:after { + content: ""; + display: inline-block; + width: 26px; + height: 28px; + background: url("../images/peu/peu-logo-big.png") no-repeat right top; + background-size: 26px 28px; + margin-left: 8px; + margin-top: -4px; + vertical-align: middle +} + +.peu-home-un-authorized #generaltext h2 { + font-size: 16px; + line-height: 22px; + margin-top: 24px +} + +.peu-home-un-authorized #generaltext .open-close h2 { + color: #0d3880 +} + +.peu-home-un-authorized #generaltext .open-close h2:first-child { + margin-top: 0 +} + +.peu-home-un-authorized h3 { + font-size: 16px; + font-weight: bold; + line-height: 24px +} + +.peu-home-un-authorized h3 + h3 { + margin-top: -7px +} + +.peu-home-un-authorized .peu-quote { + text-align: right; + font-size: 14px; + margin: 4px 0 +} + +.peu-home-authorized h3 { + padding-bottom: 0 +} + +.peu-sales-box { + border: 1px solid #8f0610; + padding: 12px 16px 10px; + margin-bottom: 20px; + margin-top: 20px +} + +.peu-sales-box .bgtn-premium { + margin-top: 6px +} + +.grammarEntry[type="interstitial"] .title { + color: #333; + font-weight: bold +} + +.grammarEntry[type="interstitial"] > .title + .section { + margin-bottom: 8px +} + +.grammarEntry[type="interstitial"] .section .title { + display: inline; + margin-top: 6px +} + +.grammarEntry[type="interstitial"] .section { + margin-bottom: 6px +} + +.grammarEntry[type="interstitial"] > .section { + margin-top: 24px +} + +.grammarEntry[type="interstitial"] .subtitle { + font-weight: bold +} + +.grammarEntry[type="interstitial"] .title .indent { + font-size: 15px; + font-weight: normal; + display: inline +} + +.grammarEntry[type="interstitial"] .title + .block { + display: inline-block; + padding-left: 18px; + margin-top: 0 +} + +.grammarEntry[type="interstitial"] .title + .block .xr-gs { + display: inline-block; + margin-top: 0 +} + +.section { + display: block +} + +.section > .title { + margin-top: 1em +} + +.section > .section > .title { + font-size: 1em; + font-weight: normal +} + +.grammarEntry > .section[section_num] > span:not(.title):not(.pnc), .grammarEntry > .section > .section[section_num] > span:not(.title):not(.pnc) { + margin-left: 30px +} + +.grammarEntry > .section[section_num] + .notes, .grammarEntry > .section > .section[section_num] + .notes { + margin-top: 24px; + margin-left: 30px; + border-left: 12px solid silver +} + +.section > .block, .section > .constructGroup, .section > .notes, .section > .lettered, .section > .bulleted, .section > .numbered { + display: block; + margin-top: .4em +} + +.section .title { + display: table +} + +.section .title .indent, .section .title .indent .ebi { + font-weight: normal +} + +.exampleGroup .hang { + position: absolute; + left: 0 +} + +.example .pertinent { + font-weight: bold +} + +.example .commentary .pertinent { + font-weight: normal +} + +.example .commentary .example .pertinent { + font-weight: bold +} + +.block .example, .commentary .example { + display: inline; + padding-left: 0; + text-indent: 0 +} + +.vocabBox .example { + display: inline +} + +table span { + margin-left: 0 !important +} + +table .exampleGroup, table .example { + padding-left: 0 +} + +table td { + padding: 0 1em 0 0; + vertical-align: top +} + +table .block { + margin: 0 +} + +.frame_all_, .frame_none_, .frame_no_row_, .frame_never_, .frame__, .frame_none_0 { + margin-top: .8em; + margin-bottom: .4em +} + +.frame_all_ th, .frame_none_ th, .frame_no_row_ th, .frame_never_ th, .frame__ th, .frame_none_0 th { + text-align: left; + font-weight: bold +} + +.frame_all_ tr, .frame_no_row_ tr { + border: 1px black solid +} + +.frame_all_ th, .frame_no_row_ th { + padding: 2px 6px +} + +.frame_all_ td, .frame_no_row_ td { + padding: 2px 6px 2px 16px; + text-indent: -10px +} + +.frame_no_row_ tr { + border-width: 0 1px +} + +.frame_no_row_ tr:last-child { + border-bottom-width: 1px +} + +.frame_no_row_ tr:first-child { + border-top-width: 1px; + border-bottom-width: 1px +} + +.frame_none_ th, .frame_none_0 th, .frame__ th { + text-align: left; + padding-right: 15px +} + +.plain { + display: block +} + +.plain .indent { + display: block +} + +.plain .exampleGroup { + padding-left: 20px +} + +.plain .example { + padding-left: 0 +} + +.plain .block { + margin: 0 +} + +.bulleted, .lettered, .numbered { + padding-left: 20px; + position: relative +} + +.bulleted .li:before, .lettered .li:before, .numbered .li:before { + position: absolute; + left: 0; + font-weight: bold +} + +.bulleted .li:before { + content: "\2022" +} + +.lettered { + counter-reset: letter-counter +} + +.lettered .li:before { + content: counter(letter-counter, lower-alpha); + counter-increment: letter-counter +} + +.numbered { + counter-reset: number-counter +} + +.numbered .li:before { + content: counter(number-counter); + counter-increment: number-counter +} + +.numbered .bulleted { + display: block +} + +.numbered .bulleted .li:before { + content: "\2022" !important; + counter-increment: none +} + +@media screen and (min-width: 261px) and (max-width: 761px) { + .grammarEntry > .breadcrumb { + margin-top: 0 + } +} + +@media screen and (min-width: 762px) and (max-width: 928px) { + .grammarEntry > .breadcrumb { + margin-top: -6px + } +} + +.peu-contents-full { + margin-bottom: 10px +} + +.peu-contents-full li a { + padding: 7px 0 7px 25px; + line-height: 22px +} + +.peu-contents-full ul > li > div > a { + color: #333 +} + +.peu-contents-full ul ul > li > div > a { + color: #004aac; + padding: 4px 0 4px 25px +} + +.peu-contents-full ul ul ul > li > div > a { + color: #333; + padding: 4px 0 4px 25px +} + +.peu-contents-full .section .section[subsection="1"]:not(:first-child) .title:before { + content: "- " +} + +#rightcolumn .toc_header { + border-bottom: 1px solid #cccccc +} + +#rightcolumn .toc_header h4 { + padding-left: 26px; + font-size: 15px +} + +#rightcolumn .toc_content { + padding-right: 8px +} + +#rightcolumn .toc_content > a { + margin-top: 8px; + display: inline-block +} + +#rightcolumn .relatedBlock ul ul div a { + padding: 4px; + margin-left: 16px; + color: #004aac +} + +#rightcolumn .relatedBlock ul ul .icon-plus, #rightcolumn .relatedBlock ul ul .icon-minus { + display: none +} + +#rightcolumn .relatedBlock ul ul ul[style] { + display: none !important +} + +.grammarEntry .pron-gs { + border: none; + padding: 0 4px; + vertical-align: top; + margin-top: 0; + display: inline-block +} + +.grammarEntry .pron-gs .sound { + display: block +} + +.lang-study-page h3, .peu-introduction-page h3 { + margin: 14px 0 0 +} + +.peu-link-nav, #browse-letters { + margin-top: 16px +} + +.peu-link-nav:after, #browse-letters:after { + content: ""; + display: table; + clear: both +} + +.peu-link-nav a, #browse-letters a { + display: block; + float: left; + padding: 0 8px; + min-width: 34px; + line-height: 30px; + text-align: center; + margin-right: 8px; + margin-bottom: 8px; + border: 2px solid #cccccc; + border-radius: 8px +} + +.peu-link-nav a:hover, #browse-letters a:hover { + background-color: #ebebeb; + text-decoration: none; + color: black +} + +.definition-wrap { + margin-left: 22px; + text-indent: -22px; + margin-bottom: 8px +} + +.phon-table td { + height: 30px +} + +.phon-table td:first-child { + width: 35px +} + +.story-behind-peu .float-right { + float: right; + margin: 5px 0 10px 10px +} + +.story-behind-peu .float-left { + float: left; + margin: 5px 10px 10px 0 +} + +.story-behind-peu .float-right, .story-behind-peu .float-left { + max-width: 50%; + height: auto +} + +.entry-unauthorised .restrictedLock { + color: #333; + margin-bottom: 18px +} + +.entry-unauthorised .restrictedImg img { + width: 14px +} + +.entry-unauthorised .restrictedLinks table { + margin-bottom: 20px; + position: relative +} + +.entry-unauthorised .restrictedLinks td { + display: block; + float: left; + line-height: 30px +} + +.entry-unauthorised .restrictedLinks td:first-child { + font-size: 18px; + font-weight: bold +} + +.introduction > .title { + margin-bottom: 0 +} + +.introduction > .title .hang { + display: inline-block; + padding-right: 20px; + font-weight: normal +} + +.introduction > .title .indent { + display: inline-block; + font-weight: bold +} + +.introduction > .title .indent .ei, .introduction > .title .indent .notPertinent { + font-weight: bold +} + +.superSectionIntro, .title_contents { + text-transform: uppercase; + color: #333; + font-size: 24px; + margin-top: 30px; + margin-bottom: 10px; + display: block; + font-weight: normal +} + +#simple-present-forms__16 tr, #passive-structures-and-verb-forms__23 tr { + border-width: 0 1px 0 1px +} + +#simple-present-forms__16 tr:first-child, #passive-structures-and-verb-forms__23 tr:first-child { + border-width: 1px +} + +#simple-present-forms__16 tr:last-child, #passive-structures-and-verb-forms__23 tr:last-child { + border-width: 0 1px 1px 1px +} + +#abbreviations__164 td, #prefixes-and-suffixes__997 td, #prefixes-and-suffixes__1024 td, #prefixes-and-suffixes__798 td, #special-rules-and-exceptions__724 td { + padding-left: 10px; + text-indent: -10px +} + +#numbers_1__853 { + margin-left: 15px +} + +#numbers_1__803 td > span { + display: block; + padding-left: 10px; + text-indent: -10px +} + +#numbers_1__803 td:first-child { + white-space: nowrap +} + +#headlines__203 .esc { + display: block; + padding-left: 15px +} + +#special-rules-and-exceptions__724 td .ei:nth-child(2), #special-rules-and-exceptions__724 td .ei:nth-child(3) { + display: block; + padding-left: 10px +} + +#special-rules-and-exceptions__724 .example_runon { + padding-left: 10px +} + +#numbers_1__846 td:first-child { + white-space: nowrap +} + +#spelling-of-plurals__30 tr:nth-child(2) td .ebi, #spelling-of-plurals__128 tr:nth-child(2) td .ebi, #if-introduction__45 tr:nth-child(2) td .ebi, #if-introduction__63 tr:nth-child(2) td .ebi, #if-introduction__81 tr:nth-child(2) td .ebi { + padding: 3px 8px; + background-color: #c6d9f9 +} + +#if-introduction__45 tr:nth-child(2) td, #if-introduction__63 tr:nth-child(2) td, #if-introduction__81 tr:nth-child(2) td { + text-align: left +} + +#if-introduction__45 tr:nth-child(2) td .ebi, #if-introduction__45 tr:nth-child(2) td .eb, #if-introduction__63 tr:nth-child(2) td .ebi, #if-introduction__63 tr:nth-child(2) td .eb, #if-introduction__81 tr:nth-child(2) td .ebi, #if-introduction__81 tr:nth-child(2) td .eb { + font-weight: normal +} + +#if-introduction__45 td:first-child, #if-introduction__63 td:first-child, #if-introduction__81 td:first-child { + min-width: 170px +} + +@media screen and (max-width: 761px) { + #active-verb-tenses__93.frame_all_, #simple-past_1__193.frame_all_, #prefixes-and-suffixes__19.frame_all_, #prefixes-and-suffixes__573.frame_all_, #prefixes-and-suffixes__827.frame_all_, #simple-present-forms__16.frame_all_, #simple-past_1__18.frame_all_, #passive-structures-and-verb-forms__23.frame_all_, #comparative-and-superlative-adjectives__57.frame_all_, #nationalities-countries-and-regions__30.frame_all_6, #simple-present-forms__16.frame_no_row_, #passive-structures-and-verb-forms__23.frame_no_row_, #comparative-and-superlative-adjectives__57.frame_no_row_, #nationalities-countries-and-regions__92.frame_no_row_, #nationalities-countries-and-regions__194.frame_no_row_, #american-and-british-english__24, #american-and-british-english__212, #active-verb-tenses__116 { + display: block; + border: none; + border: 1px solid grey + } + + #active-verb-tenses__93.frame_all_ tbody, #active-verb-tenses__93.frame_all_ tr, #active-verb-tenses__93.frame_all_ td, #simple-past_1__193.frame_all_ tbody, #simple-past_1__193.frame_all_ tr, #simple-past_1__193.frame_all_ td, #prefixes-and-suffixes__19.frame_all_ tbody, #prefixes-and-suffixes__19.frame_all_ tr, #prefixes-and-suffixes__19.frame_all_ td, #prefixes-and-suffixes__573.frame_all_ tbody, #prefixes-and-suffixes__573.frame_all_ tr, #prefixes-and-suffixes__573.frame_all_ td, #prefixes-and-suffixes__827.frame_all_ tbody, #prefixes-and-suffixes__827.frame_all_ tr, #prefixes-and-suffixes__827.frame_all_ td, #simple-present-forms__16.frame_all_ tbody, #simple-present-forms__16.frame_all_ tr, #simple-present-forms__16.frame_all_ td, #simple-past_1__18.frame_all_ tbody, #simple-past_1__18.frame_all_ tr, #simple-past_1__18.frame_all_ td, #passive-structures-and-verb-forms__23.frame_all_ tbody, #passive-structures-and-verb-forms__23.frame_all_ tr, #passive-structures-and-verb-forms__23.frame_all_ td, #comparative-and-superlative-adjectives__57.frame_all_ tbody, #comparative-and-superlative-adjectives__57.frame_all_ tr, #comparative-and-superlative-adjectives__57.frame_all_ td, #nationalities-countries-and-regions__30.frame_all_6 tbody, #nationalities-countries-and-regions__30.frame_all_6 tr, #nationalities-countries-and-regions__30.frame_all_6 td, #simple-present-forms__16.frame_no_row_ tbody, #simple-present-forms__16.frame_no_row_ tr, #simple-present-forms__16.frame_no_row_ td, #passive-structures-and-verb-forms__23.frame_no_row_ tbody, #passive-structures-and-verb-forms__23.frame_no_row_ tr, #passive-structures-and-verb-forms__23.frame_no_row_ td, #comparative-and-superlative-adjectives__57.frame_no_row_ tbody, #comparative-and-superlative-adjectives__57.frame_no_row_ tr, #comparative-and-superlative-adjectives__57.frame_no_row_ td, #nationalities-countries-and-regions__92.frame_no_row_ tbody, #nationalities-countries-and-regions__92.frame_no_row_ tr, #nationalities-countries-and-regions__92.frame_no_row_ td, #nationalities-countries-and-regions__194.frame_no_row_ tbody, #nationalities-countries-and-regions__194.frame_no_row_ tr, #nationalities-countries-and-regions__194.frame_no_row_ td, #american-and-british-english__24 tbody, #american-and-british-english__24 tr, #american-and-british-english__24 td, #american-and-british-english__212 tbody, #american-and-british-english__212 tr, #american-and-british-english__212 td, #active-verb-tenses__116 tbody, #active-verb-tenses__116 tr, #active-verb-tenses__116 td { + display: block; + border: none + } + + #active-verb-tenses__93.frame_all_ tr, #simple-past_1__193.frame_all_ tr, #prefixes-and-suffixes__19.frame_all_ tr, #prefixes-and-suffixes__573.frame_all_ tr, #prefixes-and-suffixes__827.frame_all_ tr, #simple-present-forms__16.frame_all_ tr, #simple-past_1__18.frame_all_ tr, #passive-structures-and-verb-forms__23.frame_all_ tr, #comparative-and-superlative-adjectives__57.frame_all_ tr, #nationalities-countries-and-regions__30.frame_all_6 tr, #simple-present-forms__16.frame_no_row_ tr, #passive-structures-and-verb-forms__23.frame_no_row_ tr, #comparative-and-superlative-adjectives__57.frame_no_row_ tr, #nationalities-countries-and-regions__92.frame_no_row_ tr, #nationalities-countries-and-regions__194.frame_no_row_ tr, #american-and-british-english__24 tr, #american-and-british-english__212 tr, #active-verb-tenses__116 tr { + border-bottom: 1px solid grey; + padding-bottom: 4px + } + + #active-verb-tenses__93.frame_all_ tr:first-child, #simple-past_1__193.frame_all_ tr:first-child, #prefixes-and-suffixes__19.frame_all_ tr:first-child, #prefixes-and-suffixes__573.frame_all_ tr:first-child, #prefixes-and-suffixes__827.frame_all_ tr:first-child, #simple-present-forms__16.frame_all_ tr:first-child, #simple-past_1__18.frame_all_ tr:first-child, #passive-structures-and-verb-forms__23.frame_all_ tr:first-child, #comparative-and-superlative-adjectives__57.frame_all_ tr:first-child, #nationalities-countries-and-regions__30.frame_all_6 tr:first-child, #simple-present-forms__16.frame_no_row_ tr:first-child, #passive-structures-and-verb-forms__23.frame_no_row_ tr:first-child, #comparative-and-superlative-adjectives__57.frame_no_row_ tr:first-child, #nationalities-countries-and-regions__92.frame_no_row_ tr:first-child, #nationalities-countries-and-regions__194.frame_no_row_ tr:first-child, #american-and-british-english__24 tr:first-child, #american-and-british-english__212 tr:first-child, #active-verb-tenses__116 tr:first-child { + display: none + } + + #active-verb-tenses__93.frame_all_ tr:last-child, #simple-past_1__193.frame_all_ tr:last-child, #prefixes-and-suffixes__19.frame_all_ tr:last-child, #prefixes-and-suffixes__573.frame_all_ tr:last-child, #prefixes-and-suffixes__827.frame_all_ tr:last-child, #simple-present-forms__16.frame_all_ tr:last-child, #simple-past_1__18.frame_all_ tr:last-child, #passive-structures-and-verb-forms__23.frame_all_ tr:last-child, #comparative-and-superlative-adjectives__57.frame_all_ tr:last-child, #nationalities-countries-and-regions__30.frame_all_6 tr:last-child, #simple-present-forms__16.frame_no_row_ tr:last-child, #passive-structures-and-verb-forms__23.frame_no_row_ tr:last-child, #comparative-and-superlative-adjectives__57.frame_no_row_ tr:last-child, #nationalities-countries-and-regions__92.frame_no_row_ tr:last-child, #nationalities-countries-and-regions__194.frame_no_row_ tr:last-child, #american-and-british-english__24 tr:last-child, #american-and-british-english__212 tr:last-child, #active-verb-tenses__116 tr:last-child { + border-bottom: none + } + + #active-verb-tenses__93.frame_all_ td:before, #simple-past_1__193.frame_all_ td:before, #prefixes-and-suffixes__19.frame_all_ td:before, #prefixes-and-suffixes__573.frame_all_ td:before, #prefixes-and-suffixes__827.frame_all_ td:before, #simple-present-forms__16.frame_all_ td:before, #simple-past_1__18.frame_all_ td:before, #passive-structures-and-verb-forms__23.frame_all_ td:before, #comparative-and-superlative-adjectives__57.frame_all_ td:before, #nationalities-countries-and-regions__30.frame_all_6 td:before, #simple-present-forms__16.frame_no_row_ td:before, #passive-structures-and-verb-forms__23.frame_no_row_ td:before, #comparative-and-superlative-adjectives__57.frame_no_row_ td:before, #nationalities-countries-and-regions__92.frame_no_row_ td:before, #nationalities-countries-and-regions__194.frame_no_row_ td:before, #american-and-british-english__24 td:before, #american-and-british-english__212 td:before, #active-verb-tenses__116 td:before { + display: block; + font-weight: bold; + padding-top: 4px + } + + #active-verb-tenses__93 td:nth-child(1):before, #passive-structures-and-verb-forms__23 td:nth-child(1):before, #passive-structures-and-verb-forms__23 td:nth-child(1):before, #active-verb-tenses__116 td:nth-child(1):before { + content: "NAME" + } + + #active-verb-tenses__93 td:nth-child(2):before, #passive-structures-and-verb-forms__23 td:nth-child(2):before, #passive-structures-and-verb-forms__23 td:nth-child(2):before, #active-verb-tenses__116 td:nth-child(2):before { + content: "CONSTRUCTION" + } + + #active-verb-tenses__93 td:nth-child(3):before, #passive-structures-and-verb-forms__23 td:nth-child(3):before, #passive-structures-and-verb-forms__23 td:nth-child(3):before, #active-verb-tenses__116 td:nth-child(3):before { + content: "EXAMPLE" + } + + #active-verb-tenses__93 td:nth-child(4):before, #passive-structures-and-verb-forms__23 td:nth-child(4):before, #passive-structures-and-verb-forms__23 td:nth-child(4):before, #active-verb-tenses__116 td:nth-child(4):before { + content: "TYPICAL USE" + } + + #prefixes-and-suffixes__19 td:nth-child(1):before, #prefixes-and-suffixes__573 td:nth-child(1):before, #prefixes-and-suffixes__827 td:nth-child(1):before { + content: "prefix" + } + + #prefixes-and-suffixes__19 td:nth-child(2):before, #prefixes-and-suffixes__573 td:nth-child(2):before, #prefixes-and-suffixes__827 td:nth-child(2):before { + content: "mainly added to" + } + + #prefixes-and-suffixes__19 td:nth-child(3):before, #prefixes-and-suffixes__573 td:nth-child(3):before, #prefixes-and-suffixes__827 td:nth-child(3):before { + content: "usual meaning" + } + + #prefixes-and-suffixes__19 td:nth-child(4):before, #prefixes-and-suffixes__573 td:nth-child(4):before, #prefixes-and-suffixes__827 td:nth-child(4):before { + content: "examples" + } + + #simple-present-forms__16 td:nth-child(1):before { + content: "Affirmative" + } + + #simple-present-forms__16 td:nth-child(2):before { + content: "Question" + } + + #simple-present-forms__16 td:nth-child(3):before { + content: "Negative" + } + + #comparative-and-superlative-adjectives__57 td:nth-child(1):before { + content: "Adjective" + } + + #comparative-and-superlative-adjectives__57 td:nth-child(2):before { + content: "Comparative" + } + + #comparative-and-superlative-adjectives__57 td:nth-child(3):before { + content: "Superlative" + } + + #nationalities-countries-and-regions__92 td:nth-child(1):before, #nationalities-countries-and-regions__194 td:nth-child(1):before { + content: "Country/region" + } + + #nationalities-countries-and-regions__92 td:nth-child(2):before, #nationalities-countries-and-regions__194 td:nth-child(2):before { + content: "Adjective" + } + + #nationalities-countries-and-regions__92 td:nth-child(3):before, #nationalities-countries-and-regions__194 td:nth-child(3):before { + content: "Person" + } + + #nationalities-countries-and-regions__92 td:nth-child(4):before, #nationalities-countries-and-regions__194 td:nth-child(4):before { + content: "Population" + } + + #american-and-british-english__212 td:nth-child(1):before, #american-and-british-english__24 td:nth-child(1):before { + content: "American English" + } + + #american-and-british-english__212 td:nth-child(2):before, #american-and-british-english__24 td:nth-child(2):before { + content: "British English" + } + + .frame_none_ { + display: block; + border: none + } + + .frame_none_ tbody { + display: block + } + + .frame_none_ tr { + display: block; + border: none; + padding-bottom: 4px + } + + .frame_none_ td, .frame_none_ th { + display: inline; + padding: 0 4px 0 0 + } + + .frame_none_ td:not(:first-child):before, .frame_none_ th:not(:first-child):before { + content: "| "; + padding-right: 4px + } + + .frame_none_ .block { + display: inline; + padding-right: 4px + } +} + +#formal-and-informal-vocabulary__9 .exampleGroup .context { + width: 150px; + display: inline-block +} + +@media screen and (max-width: 761px) { + #formal-and-informal-vocabulary__9 .exampleGroup .context { + display: inline + } +} + +#capital-letters_1__9 { + counter-reset: letter-counter; + position: relative +} + +#capital-letters_1__9 .section:before { + content: counter(letter-counter, lower-alpha); + counter-increment: letter-counter; + position: absolute; + left: 0; + font-weight: bold +} + +#spelling-and-pronunciation__134 .example { + display: inline-block +} + +#comparative-and-superlative-adjectives__311, #comparative-and-superlative-adjectives__340, #american-and-british-english__212, #american-and-british-english__24 { + border: none +} + +#comparative-and-superlative-adjectives__311 tr, #comparative-and-superlative-adjectives__340 tr, #american-and-british-english__212 tr, #american-and-british-english__24 tr { + border: none +} + +#comparative-and-superlative-adjectives__311 td, #comparative-and-superlative-adjectives__340 td, #american-and-british-english__212 td, #american-and-british-english__24 td { + padding-left: 12px; + text-indent: -12px +} + +#prepositions-before-particular-words-and-expressions__9 .plain { + margin-top: 16px +} + +#prepositions-before-particular-words-and-expressions__9 .plain .indent { + margin-top: 8px +} + +#prepositions-after-particular-words-and-expressions__9 .plain .indent { + margin-top: 8px +} + +#spelling-and-pronunciation__1176 .sound { + display: inline-block +} + +.swb-home-logo { + display: inline-block; + margin: -10px 0 -10px +} + +h2 .oxford3000 { + top: 0 +} + +.unbox .p { + display: block +} + +.unbox .p + .p { + margin-top: 18px +} + +.trans-page .v_alt { + font-weight: bold +} + +.trans-page .prefix_adv, .trans-page .ds, .trans-page .dtxt { + font-style: italic +} + +.trans-page .x-g:before { + content: "\2022"; + top: 1px; + left: -13px; + font-size: 22px; + color: #008900; + background-image: none +} + +.trans-page .x { + font-family: "Open Sans", Arial, sans-serif +} + +.trans-page .tx { + display: block; + color: #008900; + font-size: 14px +} + +.trans-page .unbox, .trans-page .bf-gs { + border: 1px solid rgba(199, 110, 6, 0.4); + border-radius: 10px 10px 0 0; + display: block; + margin: 18px 0 18px 0; + overflow: hidden; + padding: 9px 18px +} + +.trans-page .unbox { + border-color: #333 +} + +.trans-page .unbox .h1 { + font-size: 20px; + padding: 10px 0 6px; + display: block +} + +.trans-page .top-g .unbox { + border: none; + display: inline; + padding: 0; + margin: 0 +} + +.trans-page .idm-gs { + border-color: #C76E06 +} + +.trans-page .idm-gs > .unbox { + margin-left: 18px; + margin-right: 18px +} + +.trans-page .idm-gs > .prefix { + display: block; + font-size: 18px; + padding: 12px 18px 0 18px; + color: #C76E06 +} + +.trans-page .bf-gs .top-container { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + background-color: transparent; + padding: 0 +} + +.trans-page .bf-gs .top-container .top-g .clear { + display: none +} + +.trans-page .bf-gs .prefix { + color: #C76E06 +} + +.schulwoerterbuch_German-English .clear { + display: none +} + +.audio .icon-audio { + background-repeat: no-repeat; + background-position: left top !important; + background-size: 100%; + width: 24px; + height: 24px; + margin-right: 4px; + display: inline-block +} + +.audio .icon-audio:hover { + background-position: left bottom !important +} + +.audio .pron-uk { + background-image: url(../images/documents/icon-audio-bre.png) +} + +.audio .pron-us { + background-image: url(../images/documents/icon-audio-name.png) +} + +.shcut-red, .snippet .collapse .shcut, .ocoll .shcut, .collapse[title="Collocations"] .shcut, .collapse[title="All Collocations"] .shcut { + text-transform: uppercase; + font-weight: bold; + border-bottom: none; + margin-top: 30px; + color: #A9222D +} + +.ocoll .top-container { + background-color: transparent; + margin-right: 0; + margin-left: 0; + margin-bottom: 0; + padding: 0; + clear: none +} + +.num { + display: inline-block; + width: 20px +} + +.ocoll .colldef { + font-size: 16px +} + +.ocoll .pos-g + .colldef { + display: block +} + +.ocoll .subentry-g .top-container, .ocoll .subentry-g .top-g { + display: inline +} + +.ocoll .subentry-g .top-g .clear { + display: none +} + +.ocoll .subentry-g { + display: block +} + +.ocoll .subentry-g + .subentry-g { + margin-top: 30px +} + +.ocoll .top-container + .sn-gs > .shcut-g:first-child .shcut { + margin-top: 9px +} + +.ocoll .top-container .v-gs { + display: inline-block +} + +.ocoll .shcut-g { + padding-left: 20px; + display: block +} + +.ocoll .coll_un:before { + content: "(" +} + +.ocoll .coll_un:after { + content: ")" +} + +.ocoll .coll_un[un="note"] { + font-weight: normal +} + +.ocoll .sn-g { + padding-left: 18px; + margin-top: 8px; + margin-bottom: 8px +} + +.ocoll .sn-g.sn-g:before { + content: "\2022"; + color: silver; + font-size: 22px; + padding-right: 6px; + position: absolute; + text-align: right; + left: -8px; + width: 24px +} + +.ocoll .coll-gs:not(.x-gs) { + font-weight: bold +} + +.ocoll .x-gs { + margin-top: 2px; + font-weight: normal +} + +.ocoll .x-gs .x-g { + margin-left: 0; + margin-top: 0 +} + +.ocoll .x-gs .x-g:before { + content: none +} + +.ocoll .xr-gs { + padding-left: 21px +} + +.ocoll .collapse .coll-gs { + padding-left: 20px; + display: block; + position: relative +} + +.ocoll .collapse .coll-g:before { + content: "\2022"; + color: silver; + font-size: 16px; + padding-right: 6px; + position: absolute; + text-align: right; + left: -8px; + width: 24px +} + +.ocoll .collapse .x-g { + display: block +} + +.col-home-logo { + display: inline-block; + margin: -10px 0 -10px; + width: 44px; + height: 44px +} + +.eul { + text-decoration: underline +} + +.collapse[title="Collocations"] .shcut, .collapse[title="All Collocations"] .shcut { + color: #333; + margin-top: 12px +} + +.collapse[title="Collocations"] .sn-g, .collapse[title="All Collocations"] .sn-g { + margin-top: 0 +} + +.collapse[title="Collocations"] .colsep, .collapse[title="All Collocations"] .colsep { + color: silver +} + +.collapse[title="Collocations"] .x-g, .collapse[title="All Collocations"] .x-g { + display: block +} + +.collapse[title="Collocations"] .x-g:first-of-type:before, .collapse[title="All Collocations"] .x-g:first-of-type:before { + content: ""; + left: -3px; + margin-left: -2px; + margin-right: 1px; + position: relative; + display: inline-block; + top: -2px; + width: 6px; + height: 6px; + background-image: url("../images/entry/entry-bullet.png"); + background-size: 6px auto +} + +.prefix + .Ref { + display: inline; + margin: 0 +}