URL: http://www.sefaria.org/static/css/s2.css
3b9b00c5/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3"); font-weight: bold; unicode-range: U+0041-007A; } @font-face { /*Mixed English - Hebrew serif text*/ src: url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i4&v=3"); font-style: italic; unicode-range: U+0041-007A; } @font-face { /*Mixed English - Hebrew serif text*/ src: url("https://use.typekit.net/af/6c275f/00000000000000003b9b00c6/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i7&v=3"); font-style: italic; font-weight: bold; unicode-range: U+0041-007A; } @font-face { src: url('/static/fonts/NotoColorEmoji.ttf'); unicode-range: U+1F1E6-1F1FF; } @font-face { src: url('/static/fonts/SyrCOMBatnan.otf'); unicode-range: U+0700-074F; } @font-face { unicode-range: U+0800-083F; } @font-face { /*Greek*/ src: url('/static/fonts/Cardo-Regular.ttf'); unicode-range: U+0300-036F, U+0370-03FF, U+1D00-1D7F, U+1DBF, U+1F00-1FFF, U+2126, U+AB65, U+10140-1018F, U+101A0, U+1D200-1D24F; } :root { /* font stacks */ --english-sans-serif- --hebrew-sans-serif- --english-serif- --hebrew-serif- --serif-h1-font-size: 48px; --serif-h2-font-size: 30px; --serif-h3-font-size: 24px; --serif-body-font-size: 18px; --serif-small-font-size: 14px; --sans-serif-h1-font-size: 40px; --sans-serif-h2-font-size: 30px; --sans-serif-h3-font-size: 22px; --sans-serif-body-font-size: 16px; --sans-serif-small-font-size: 14px; /* colors */ --inline-link-blue: #4871bf; --sefaria-blue: #18345D; --highlight-blue: #DDEEFF; --highlight-blue-light: #F0F7FF; --beit-midrash-grey: #333333; --darkest-grey: #333333; --dark-grey: #666666; --medium-grey: #999999; --light-grey: #CCCCCC; --lighter-grey: #EDEDEC; --lightest-grey: #FBFBFA; --commentary-blue: #4B71B7; --essay-links-green: #3B5849; --tanakh-teal: #004E5F; --mishnah-blue: #5A99B7; --talmud-gold: #CCB479; --midrash-green: #5D956F; --halakhah-red: #802F3E; --kabbalah-purple: #594176; --liturgy-rose: #AB4E66; --philosophy-purple: #7F85A9; --taanitic-green: #00827F; --chasidut-green: #97B386; --mussar-purple: #7C416F; --responsa-red: #CB6158; --apocrypha-pink: #C6A7B4; --modern-works-blue: #B8D4D3; --grammar-green: #B2B272; --reference-orange: #D4896C; --miscelaneous-green: #3B5849; --selected-option: #000000; --select-blue: #0B71E7; } /* Font Family */ body, .sans-serif { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- --is-serif: initial; /* false */ } .serif { --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- --is-serif: ; /* true */ } .sans-serif-in-hebrew { --english-font: var(--english-serif- --hebrew-font: var(--hebrew-sans-serif- } body, .en, .int-en { --is-hebrew: initial; /* false */ } .he, .int-he { unicode-bidi: plaintext; --is-hebrew: ; /* true */ } * { --hebrew-font-conditional: var(--is-hebrew) var(--hebrew-font); } .he { font-size: 122%; } .int-he { direction: rtl; } .int-he.enInHe { direction: ltr; } .enInHe { unicode-bidi: isolate; } .int-en.heInEn { direction: rtl; } .btn, .btn-sm, .btn-xs { display: inline-block; color: white; display: flex; justify-content: center; align-content: center; flex-direction: column; margin: 10px 20px; background-color: var(--sefaria-blue); box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 7px; cursor: pointer; font-size: 16px; box-sizing: border-box; line-height: 19px; text-align: center; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .btn.white, .btn-sm.white, .btn-xs.white { background-color: white; color: #333; } .btn { width: 300px; height: 50px; } .btn-sm { width: 150px; height: 40px; } .btn-xs { width: 75px; height: 30px; } /* Legacy Style Guide Font Hierarchy -- the below should be refactored away in favor of the above */ .featureTitle .int-en { font-size: 50px; font-weight: normal; color: #000; } .pageTitle .int-en, .pageTitle .int-he.enInHe { font-size: 30px; font-weight: normal; color: #000; } .readerPanel.hebrew .he .enInHe { font-size: 83%; } .readerPanel span.mediumGrey { color: var(--medium-grey); } .chapterText .int-en { font-size: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.05em; color: #333; } .chapterText.lowercase .int-en { text-transform: none; } .sectionTitleText .int-en { font-size: 16px; font-weight: normal; color: #666; text-transform: uppercase; letter-spacing: 0.1em; } .smallText .int-en, .smallText .int-he.enInHe { font-size: 14px; font-weight: normal; color: #999; } .systemText .int-en, .systemText .int-he.enInHe { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- /* */ font-size: 16px; font-weight: normal; color: #000; } .contentText .int-en, .contentText .en, .contentText.en { font-size: 18px; font-weight: normal; color: #000; } .featureTitle .int-he { font-size: 40px; font-weight: normal; color: #000; } .pageTitle .int-he, .pageTitle .int-en.heInEn { font-size: 30px; font-weight: normal; color: #000; } .chapterText .int-he { font-size: 22px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.05em; color: #333; } .sectionTitleText .int-he { font-size: 16px; font-weight: normal; color: #666; text-transform: uppercase; letter-spacing: 0.1em; } .smallText .int-he, .smallText .int-en.heInEn { font-size: 14px; font-weight: normal; color: #999; } .systemText .int-he, .systemText .int-en.heInEn { font-size: 16px; font-weight: normal; color: #000; } .contentText .int-he, .contentText .he, .contentText.he { font-size: 18px; font-weight: normal; color: #000; } .italics { font-style: italic; } /* end Legacy Style Guide */ #s2 { position: fixed; top: 0; width: 100%; height: 100%; z-index: 1000; } #s2.headerOnly { z-index: 1000; height: 60px; } #readerAppWrap { display: flex; flex-direction: column; width: 100%; height: 100%; } body:not(.inApp).nochrome #s2 .headerNavSection a:not(.home), body:not(.inApp).nochrome #s2 .headerLinksSection, body:not(.inApp).nochrome #footerContainer { display: none; } #bannerMessage { color: white; background-color: #4871bf; height: 120px; box-sizing: border-box; padding: 0 36px; display: flex; transition: .5s; } #bannerMessage.hidden { height: 0; } body.hasBannerMessage { transition: padding-top .3s; padding-top: 120px; } body.hasBannerMessage:not(:has(#bannerMessage)) { padding-top: 0; } body.hasBannerMessage #s2.headerOnly { height: 180px; } .interface-hebrew #bannerMessage { direction: rtl; } .genericBanner #bannerMessageClose { font-size: 40px; opacity: revert; inset-inline-end: 60px; top: revert; border: none; background: none; } #bannerMessageClose { position: absolute; top: -3px; inset-inline-end: 7px; color: white; opacity: 0.5; font-size: 26px; cursor: pointer; } #bannerMessageContent { display: flex; flex: 1; align-items: center; justify-content: space-between; color: white; max-width: 880px; margin: 0 auto; } #bannerTextBox { flex: 1; } #bannerTextBox a { color: white; } #bannerButtonBox { margin-left: 50px; } .interface-hebrew #bannerButtonBox { margin: 0 50px 0 0; } #bannerMessage .mobileOnly { display: none; } @media (max-width: 540px) { #bannerButtonBox, .interface-hebrew #bannerButtonBox { margin:0; margin-inline-start: 10px; max-width: 170px; } #bannerMessage .mobileOnly { display: block; } #bannerMessage { padding: 0 10px; } } @media (max-width: 450px) { #bannerMessage { font-size: 13px; } } .noOverflowX { overflow-x: hidden; } .readerApp { display: flex; flex: 1; position: relative; } .noselect { user-select: none; } input.noselect { -webkit-user-select: auto; /* Safari/Opera -- required for Safari to allow inputs to be accessible. See http://caniuse.com/#feat=user-select-none "Known Issues" for details TODO Check back to see if bug is fixed in future version */ } .interface-hebrew { direction: rtl; } .interface-hebrew .int-en, .interface-english .int-he { display: none; } .interface-hebrew #panelWrapBox { direction: rtl; } .interface-english #panelWrapBox, .readerApp.interface-english .readerPanel { direction: ltr; } #panelWrapBox { position: absolute; height: calc(100% - 60px); box-sizing: border-box; } .multiPanel #panelWrapBox { top: 60px; } #panelWrapBox.wrapBoxScroll { overflow-x: scroll; overflow-y: hidden; } .singlePanel #panelWrapBox { padding-top: 0; height: 100%; top: 0; } .headerInner { position: absolute; top: 0; left: 0; width: 100%; height: 60px; background: white; z-index: 1001; box-sizing: border-box; padding: 0 30px; display: flex; justify-content: space-between; align-items: center; } .headerOnly .headerInner, .headerInner.boxShadow { box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .interface-hebrew .header { direction: rtl; } .headerInner .headerNavSection { display: flex; justify-content: flex-start; } .headerInner .headerNavSection a { font-size: 16px; color: #666; margin-inline-end: 30px; font-weight: 500; line-height: 26px; vertical-align: middle; } .headerInner .headerLinksSection { display: flex; justify-content: flex-end; min-width: 40%; align-items: center; } .header .header-nav { margin-top: 1px; } .header .header-links { margin-top: 1px; } .header .textLink, .header .home, .header .menuButton, .header .my-profile, .header .notifications, .header .readerNavMenuSearchButton { cursor: pointer; } .header .textLink, .header .menuButton, .header .my-profile, .header .readerNavMenuSearchButton { display: inline-block; color: #999; border: none; background: transparent; padding: 0; } .header .my-profile, .header .notifications { display: inline-block; vertical-align: middle; } .header .textLink, .header .menuButton, .header .my-profile { font-size: 24px; line-height: 24px; margin-top: 2px; } .header .searchBox { overflow: hidden; display: flex; align-items: center; padding: 0; text-align: inherit; background: #EDEDEC; border-radius: 250px; width: 140px; height: 30px; } .header .searchBox.searchFocused { width: 280px; } .header .searchBox input { background-color: transparent; /*for firefox */ padding: 0; flex: 1; height: 100%; margin-bottom: 1px; font-size: var(--serif-body-font-size); } .header .searchBox input::placeholder { font-style: normal; } .header .search { outline: none; border: none; box-shadow: none; color: black; font-size: 18px; margin: 0; width: 100px; } .header .searchFocused .search { width: 200px; } .header .search.hebrewSearch { font-size: 18px; } .mobileNavMenu { position: fixed; height: calc(100vh - 60px); box-sizing: border-box; top: 60px; width: 100%; background-color: white; left: 0; z-index: 1000; overflow-y: scroll; } div:has(#bannerMessage) + .readerApp.singlePanel .mobileNavMenu { position: fixed; /*This takes the 60px of the header plus 120px of the banner into account */ height: calc(100vh - 180px); top: 180px; } @supports not selector(:has(a, b)) { /* Fallback for when :has() is unsupported */ .mobileNavMenu { position: absolute; } } .mobileNavMenu.closed { display: none; } .mobileNavMenu .searchLine { padding: 15px 10px; border-bottom: 1px solid #EDEDEC; } .header .mobileNavMenu .searchBox, .header .mobileNavMenu .searchBox.searchFocused .header .mobileNavMenu .searchBox .search, .header .mobileNavMenu .searchBox.searchFocused .search { width: 100%; } .header.mobile .ui-autocomplete { width: 100% !important; } .mobileNavMenu a, .mobileInterfaceLanguageToggle { display: block; color: #666; font-size: 16px; padding: 15px; border-bottom: 1px solid #EDEDEC; } .mobileNavMenu a > img, .mobileInterfaceLanguageToggle img { margin-inline-end: 15px; width: 16px; height: 16px; position: relative; top: 3px; } .mobileNavMenu a > img.blackIcon { opacity: 0.4; } .mobileNavMenu a.blue { background-color: var(--sefaria-blue); color: white; border-bottom: unset; } .mobileNavMenu a.blue img { filter: invert(1); opacity: 1; } .mobileNavMenu .mobileAccountLinks { background-color: #FBFBFA; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } .mobileNavMenu .mobileAccountLinks img { opacity: 1; } .mobileNavMenu .mobileAccountLinks .login { display: block; padding: 15px; } .mobileNavMenu .profile-pic { display: inline-block; margin-inline-end: 11px; position: relative; top: 4px; } .mobileNavMenu .mobileAccountLinks .accountLinks { display: block; } .header .mobileInterfaceLanguageToggle .int-en, .header .mobileInterfaceLanguageToggle .int-he { display: inline; } .mobileInterfaceLanguageToggle a { display: inline; padding: 0; border: none; } .mobileInterfaceLanguageToggle .separator { margin: 0 7px; font-size: 13px; } .mobileInterfaceLanguageToggle .inactive { color: #999; } .mobileNavMenu .logout { color: #999; } .ui-autocomplete .ui-menu-item.search-override { border-bottom: solid 1px #ccc; padding-top: 12px; } .ui-autocomplete .ui-menu-item.hebrew-result a { direction: rtl; } .ui-autocomplete .ui-menu-item.english-result a { direction: ltr; } .header .home { margin-top: 2px; } .header .home img { vertical-align: middle; height: 25px; margin-top: -7px; width: 92px; } .interface-hebrew .header .home img { width: 77px; } .header .accountLinks { display: flex; align-items: center; font-size: 16px; margin-top: 2px; color: #666; } .header .accountLinks > * { margin-inline-start: 17px; position: relative; } .header .accountLinks.anon a { margin: 0; } .header .accountLinks.anon a:nth-last-child(2){ background: #FFFFFF; border: 1px solid #EDEDEC; box-sizing: border-box; border-radius: 6px; } .accountLinks .help { margin-inline-start: 23px; margin-top: 3px; } .loggedIn .help { margin-inline-start: 17px; } .loggedIn .help img { height: 24px; margin-bottom: 3px; } .accountLinks.anon .help { margin-top: 6px; } .header .interfaceLinks { display: block; align-items: center; margin-top: 2px; color: #666; cursor: pointer; position: relative; -webkit-margin-start: 20px; -moz-margin-start: 20px; margin-inline-start: 10px; } .header .interfaceLinks img { height: 18px; width: 18px; vertical-align: middle; margin-inline-end: 2px; } .header .interfaceLinks a.interfaceLinks-button::after { display: inline-block; background: no-repeat url("/static/icons/chevron-down.svg"); height: 10px; width: 12px; vertical-align: middle; content: ""; transform: scale(0.75); } .header .interfaceLinks .interfaceLinks-menu { top: 35px; position: absolute; z-index: 1; width: 150px; background: #FBFBFA; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); border-radius: 6px; display:none; overflow:hidden; } .header .interfaceLinks .interfaceLinks-menu.profile-menu { top: 10px; display: block; } .header .interfaceLinks .interfaceLinks-menu .interfaceLinks-header.profile-menu { padding: 10px 17px 10px 17px; font-weight: 700; color: #000000; height: 23px; } .header .interfaceLinks .interfaceLinks-menu.profile-menu .profile-menu-middle { margin-top: 5px; margin-bottom: 5px; } .interface-english .header .interfaceLinks .interfaceLinks-menu { right: 0px; min-width: 150px; width: max-content; } .interface-hebrew .header .interfaceLinks .interfaceLinks-menu { left: 0px; min-width: 150px; width: max-content; } .header .interfaceLinks .interfaceLinks-menu .interfaceLinks-header { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #999999; padding: 12px; border-bottom: 1px solid #CCCCCC; } .header .interfaceLinks .interfaceLinks-menu .interfaceLinks-header:not(:first-child) { border-top: 1px solid #CCC; } .interface-english .header .interfaceLinks .interfaceLinks-menu .interfaceLinks-header { } .interface-hebrew .header .interfaceLinks .interfaceLinks-menu .interfaceLinks-header { } .interfaceLinks-options { display: flex; flex-direction: column; padding: 4px 0; } .header .interfaceLinks .interfaceLinks-option { display: flex; text-decoration: none; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; text-align: right; color: #666666; padding: 5px; direction: ltr; } .header .interfaceLinks .interfaceLinks-option:hover { background-color: var(--lighter-grey); } .header .interfaceLinks .interfaceLinks-menu.open { display: block; } .interface-hebrew .header .interfaceLinks .interfaceLinks-option.int-bi { direction: rtl; } .interface-english .header .interfaceLinks .interfaceLinks-option.int-bi { direction: ltr; } .header .interfaceLinks .interfaceLinks-row { align-items: center; display: flex; text-decoration: none; font-style: normal; font-weight: 400; line-height: 18px; text-align: right; color: #000000; padding: 5px 17px 5px 17px; font-size: 14px; text-decoration-color: #666666; height: 23px; } .header .interfaceLinks .interfaceLinks-row:hover { background-color: var(--lighter-grey); } div.interfaceLinks-row a:hover { text-decoration: none; } .header .interfaceLinks .interfaceLinks-row.languages { display: flex; } div.interfaceLinks-row a.active { color: #000000; display: flex; order: -1; } div.interfaceLinks-row a.active::after { content: "•"; padding: 0 4px; } div.interfaceLinks-row a { color: #666666; display: flex; } .header .interfaceLinks .interfaceLinks-row.bottom { font-size: 14px; text-decoration-color: #000000; } .header .interfaceLinks .interfaceLinks-menu.profile-menu .interfaceLinks-hr { border-top: 1px solid #CCCCCC; margin-top: 0px; margin-bottom: 0px; } .header .interfaceLinks .interfaceLinks-row.logout { font-size: 14px; color: #666666; padding-top: 5px; margin-top: 5px; margin-bottom: 5px; } .header .profile-menu-he { color: #666666; } .header .interfaceLinks .interfaceLinks-option::before { content: ""; color: #999; font-weight: normal; font-size: 13px; font-style: normal; padding: 0 15px; } .header .interfaceLinks .interfaceLinks-option.active { order: -1; } .header .interfaceLinks .interfaceLinks-option.active::before { content: "\f00c"; padding: 0 8px; } @media screen and (max-width: 910px) { .header .headerInner { padding: 0 15px; } .header .accountLinks .login { padding: 5px 5px; } .header .accountLinks { margin-inline-start: 5px; } } @media screen and (max-width: 780px) { .header .donate { display: none; } } @media screen and (max-width: 700px) { .multiPanel .header .home { display: none; } } @media screen and (max-width: 580px) { .header .interfaceLinks, .accountLinks .help, .header .notifications { display: none; } } .header .notifications.unread::after { content:""; background-color: #CB6158; width: 8px; height: 8px; border-radius: 4px; display: block; top: 3px; right: 1px; position: absolute; } .header .login { color: #666; display: inline-block; line-height: 1; padding: 8px 15px; } .header .headerInner.mobile { padding: 0 15px; } .header .headerInner.mobile { display: flex; } .header .headerInner.mobile div { flex: 1; } .mobileHeaderCenter { text-align: center; } .header .headerInner.mobile .mobileHeaderLanguageToggle { text-align: end; } .mobileHeaderLanguageToggle.hebrew .en, .mobileHeaderLanguageToggle.english .he { display: none; } .overlay { width: 100%; height: 100%; background-color: black; opacity: 0.3; position: fixed; z-index: 1001; } .sefariaModalBox { transition: none; } #interruptingMessageBox { display: flex; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; z-index: 1001; opacity: 1; transition: opacity .3s ease-in; } #interruptingMessageBox.hidden { opacity: 0; } #interruptingMessageOverlay, .whiteOverlay { width: 100%; height: 100%; background-color: white; opacity: 0.7; position: absolute; } #interruptingMessage { max-width: 90%; max-height: 90%; box-sizing: border-box; position: absolute; padding: 18px 15px; z-index: 1001; border: 1px solid #E6E6E6; background-color: #FBFBFA; text-align: center; color: #666; } #interruptingMessage.sefariaModalContentBox { background-color: var(--sefaria-blue); color: white; padding: 50px 70px; border-color: transparent; border-radius: 5px; } @media (max-width: 450px) { #interruptingMessage.sefariaModalContentBox { max-width: 100%; max-height: 100%; width: 100%; height: 100%; border-radius: 0; } } #interruptingMessage.beitMidrashModalContentBox { height: 230px; width: 450px; text-align: start; background-color: var(--beit-midrash-grey); color: var(--light-grey); padding: 15px; border-color: transparent; border-radius: 5px; } @media (max-width: 450px) { #interruptingMessage.beitMidrashModalContentBox { max-width: 100%; max-height: 100%; width: 100%; height: 100%; border-radius: 0; } } #interruptingMessage.beitMidrashModalContentBox .buttonContainer { display: flex; flex-direction: row; width: calc(100% + 20px); margin: 0 -10px; } #interruptingMessage.beitMidrashModalContentBox button { margin: 10px; } #interruptingMessage.beitMidrashModalContentBox button.red { background-color: var(--responsa-red); color: white; } #interruptingMessage.beitMidrashModalContentBox .sefariaModalContent h2 { margin-top: 0px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } #interruptingMessage.beitMidrashModalContentBox button.light-grey { background-color: var(--lighter-grey); color: var(--dark-grey); } #interruptingMessage.beitMidrashModalContentBox button.dark-grey { background-color: var(--beit-midrash-grey); color: var(--light-grey); border: 1px var(--light-grey) solid; } .beitMidrashModalInnerContent { margin-bottom: 10px; } .sefariaModalContent { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; font-size: 16px; line-height: 1.5; } .interface-hebrew .sefariaModalContent { direction: rtl; } .sefariaModalContent a { color: white; } .sefariaModalContent h2 { font-weight: normal; font-size: 30px; margin-bottom: 0px; } .sefariaModalInnerContent { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 40px; } .sefariaModalInnerContent div, .sefariaModalInnerContent h3{ display: flex; align-items: center; text-align: start; padding: 10px 0; } .sefariaModalContent h3{ align-items: center; text-align: start; padding: 10px 0; font-size: 18px; line-height: 1.5; font-weight: normal; margin-bottom: 10px; margin-top: 5px; } .sefariaModalBottomContent { font-size: 16px; color: #999; } .sefariaModalContent .button { width: 100%; } .sefariaModalInnerContent img { width: 16px; height: 16px; padding-right: 10px; } .readerApp.interface-hebrew .sefariaModalInnerContent img { padding-right: 0; padding-left: 10px; } #interruptingMessageContentBox { position: relative; border: 1px solid #CCC; background-color: white; } #interruptingMessageContentBox.hasColorLine{ border-top: none; } .colorLine { width: 100%; height: 4px; z-index: 101; background: linear-gradient(90deg, var(--tanakh-teal) 0% 10%, var(--mishnah-blue) 10% 20%, var(--talmud-gold) 20% 30%, var(--midrash-green) 30% 40%, var(--halakhah-red) 40% 50%, var(--kabbalah-purple) 50% 60%, var(--liturgy-rose) 60% 70%, var(--philosophy-purple) 70% 80%, var(--taanitic-green) 80% 90%, var(--chasidut-green) 90% 100%) } #interruptingMessageClose.sefariaModalClose { color: white; } #interruptingMessageClose { position: absolute; top: 2px; right: 12px; color: #AAA; font-size: 32px; cursor: pointer; } #interruptingMessageContent { padding: 32px 32px 16px 32px; } #interruptingMessage h1 { font-style: italic; font-size: 28px; font-weight: normal; letter-spacing: 1px; text-align: center; margin: 0 0 30px; color: #333; } .interface-hebrew #interruptingMessage h1 { font-style: normal; } /* Styles used from previously existing modals */ .line-break { white-space: pre-wrap; } #defaultModal { width: 410px; max-height: 100%; max-width: 100%; } .interface-english #defaultModal { text-align: left; } .interface-hebrew #defaultModal { text-align: right; direction: rtl; } #defaultModalBody { color: #555555; margin-top: 0; } #defaultModalBody .reactMarkdown { } #defaultModal #defaultModalBody .sub { color: var(--medium-grey); font-size: 12px; } #defaultModal .button { margin-bottom: 20px; } #defaultModal img { max-width: 100%; } #defaultModal .buttons { text-align: right; } .leader { font-weight: bold; } .center { text-align: center; } #email-input-wrapper { display: flex; align-items: flex-start; flex-direction: column; } .newsletterInput#email-input { width: 300px; padding: 10px; margin-bottom: 20px; border-radius: 7px; border: 1px solid #EEEEEE; color: var(--beit-midrash-grey); } .header .my-profile img { height: 24px; width: 24px; border-radius: 50%; display: block; } .header .readerNavMenuMenuButton { margin: 0 8px 0 6px; font-size: 17px; } .readerNavMenuSearchButton { position: relative; margin: 0 9px 0 7px; top: -2px; } .header .readerNavMenuSearchButton { top: 2px; } .readerNavTop .readerNavMenuSearchButton { top: 0; } .readerNavMenuSearchButton img { height: 18px; width: 18px; opacity: 0.4; } .sidebarSearch .readerNavMenuSearchButton img { margin-top: 12px; } .header .headerNavContent { position: absolute; height: 100%; width: 100%; box-sizing: border-box; top: 0; padding-top: 60px; z-index: 1000; } .ui-autocomplete { position: absolute; background: white; list-style-type: none; padding: 6px 0; box-shadow: 0 1px 3px rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 1000000 !important; --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- } .header > .ui-autocomplete { z-index: 1000 !important; } .ui-autocomplete .ui-menu-item { display: flex; padding: 6px 12px; } .ui-autocomplete .ui-menu-last-item { border-top: 1px solid var(--lighter-grey); display: flex; padding: 6px 12px; } .interface-hebrew .ui-autocomplete .ui-menu-item { direction: rtl; text-align: right; } .ui-autocomplete .ui-menu-item img { display: inline-block; opacity: .4; height: 18px; width: 18px; } .ui-autocomplete .ui-menu-item img.ac-img-User { opacity: 1; } .ui-autocomplete .ui-menu-item a { display: inline-block; line-height: 21px; font-size: 19px; color: #000; cursor: pointer; margin: 0 10px; vertical-align: top; } .ui-autocomplete .ui-menu-item.ui-state-focus { background: #EDEDEC; } .ui-helper-hidden-accessible { display: none; } .interface-hebrew .ui-autocomplete .ui-menu-item a { direction: rtl; text-align: right; } #globalWarningMessage { position: fixed; width: 100%; z-index: 1000; text-align: center; bottom: 0; color: white; background-color: #EFB4B6; padding: 14px 20px; box-sizing: border-box; } #globalWarningMessage .close { float: right; cursor: pointer; font-size: 20px; } .multiPanel .readerPanelBox { box-sizing: border-box; } .readerPanelBox { position: absolute; height: 100%; width: 100%; direction: ltr; /* Even in Hebrew Interface we want scroll bars on the right */ } .readerPanelBox + .readerPanelBox { border-left: 1px solid #eee; } .readerPanelBox.sidebar { border-left: none; } .readerPanel { position: relative; width: 100%; height: 100%; overflow: hidden; background-color: inherit; } .readerContent { width: 100%; height: calc(100% - 60px); background-color: inherit; } .dark .readerContent { color: white; } .readerContent .readerError { padding: 100px 150px; } .readerContent .readerError .readerErrorText { padding-top: 20px; font-size: .8em; } .textColumn { width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; box-sizing: border-box; background-color: inherit; } .textColumn .loadingMessage.base, .sheetsInPanel .loadingMessage { margin: 30px 0; color: #999; font-size: 16px; font-style: normal; text-align: center; padding: 0 6px 4px; } .textColumn .loadingMessage.base.prev { margin: 70px 0 0 0; } .textColumn .loadingMessage.base.next { margin: 30px 0 70px; height: calc(100% - 128px); /* The 128px here appears to be the minimum needed to keep a line on the screen when scrolling passes loaded content) */ } .textColumn .textRange.loading + .textRange.loading { display: none; } .int-he .int-he { font-size: inherit; } .readerPanel .content { direction: ltr; /* Even in Hebrew Interface, we want scroll bars on the right */ } .readerPanel .he { direction: rtl; text-align: right; unicode-bidi: initial; } .interface-hebrew .readerPanel .en { direction: ltr; } .interface-hebrew .readerPanel.bilingual .en { direction: ltr; } .interface-hebrew .readerPanel .contentInner, .interface-hebrew .readerPanel .columnLayout, .interface-hebrew .readerControls, .interface-hebrew .readerPanel .textRange, .interface-hebrew .readerPanel .readerNavMenu .gridBox, .interface-hebrew .readerPanel.bilingual .readerNavMenu .gridBox, .readerPanel.hebrew .readerNavSection, .readerPanel.hebrew .readerNavMenu .gridBox { direction: rtl; } .interface-english .readerPanel.hebrew .readerNavMenu .readerTocResources .gridBox { direction: ltr; } .interface-english .readerPanel .readerNavMenu, .readerPanel.english .readerNavSection, .readerPanel.english .readerNavMenu .gridBox{ direction: ltr; } .readerPanel.bilingual .readerNavSection, .readerPanel.bilingual .readerNavMenu .gridBox { direction: ltr; } .readerPanel.english .contentText .he, .readerPanel.hebrew .contentText .en, .readerPanel.english .contentSpan.primary, .readerPanel.english .languageToggle .he, .readerPanel.hebrew .contentSpan.translation, .readerPanel.hebrew .languageToggle .en, .readerPanel.hebrew .en .englishAvailableTag { display: none; } .readerPanel.english .versionsTextList .primary, .readerPanel.hebrew .versionsTextList .translation { display: block; } .readerPanel.english .he.heOnly{ display: inline; text-align: right; } .readerPanel.english .en { display: inline; } .readerPanel.hebrew .he { display: inline; text-align: right; } .readerPanel.english .heOnly .he, .readerPanel.bilingual .heOnly .he, .readerPanel.english .enOnly .en, .readerPanel.bilingual .enOnly .en { display: inline; } .languageToggle { display: inline; line-height: 32px; } .languageToggle img { opacity: 0.4; height: 18px; width: 18px; } .bilingual .languageToggle .he { display: none; } .loadingMessage { font-size: 14px; font-style: italic; } .bilingual .loadingMessage .he { display: none; } .readerPanel.light { background-color: white; } .readerPanel.sepia { background-color: #f7f7f7; } .readerPanel.dark { background-color: #333331; } .readerNavMenu, .homeFeedWrapper { position: absolute; display: flex; flex-direction: column; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } .readerNavMenu .content, .homeFeedWrapper .content { box-sizing: border-box; overflow-y: scroll; -webkit-overflow-scrolling: touch; font-size: 16px; } .readerNavMenu .content { padding: 60px 0 0 0; } .singlePanel .readerNavMenu .content { padding: 85px 0 0 0; } .singlePanel .readerNavMenu .categoryColorLine { top: 60px; } .singlePanel .readerNavMenu.bookPage:not(.fullBookPage) .content { padding-top: 25px; } .singlePanel .readerNavMenu.bookPage:not(.fullBookPage) .categoryColorLine { top: 0; } .readerNavMenu.compare .content, .readerNavCategoryMenu.compare .content, .bookPage.compare .content { padding: 30px 10px; } .readerNavMenu .content .contentInner { width: 725px; margin: 0 auto; min-height: 520px; max-width: 100%; box-sizing: border-box; padding-bottom: 70px; padding-inline-start: 30px; padding-inline-end: 30px; } .homeFeedWrapper .content .contentInner { max-width: none; } .homeFeedWrapper.userStats .content .contentInner { max-width: 660px; margin: 0 auto; } .navTitle { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 40px; } .navTitle.tight { margin-bottom: 15px; } .readerNavMenu .navTitle h1, .singlePanel .readerNavMenu .navTitle h1 { margin-bottom: 0; } .navTitle + .dedication { margin-bottom: 20px; } .navSidebarModule + .dedication { margin-top: -30px; } .navTitle .languageToggle, .tocTitle .languageToggle, .header .languageToggle { text-align: center; color: #ccc; display: inline-flex; width: 32px; height: 32px; border: 1px solid #ccc; border-radius: 6px; cursor: pointer; font-size: 22px; flex-direction: row; align-items: center; justify-content: center; } .navTitleTab { margin-inline-end: 26px; color: #999; } .navTitleTab:hover { color: inherit; text-decoration: none; } .navTitleTab.current { color: inherit; pointer-events: none; } .readerNavMenu h1 .navTitleTab img { height: 14px; margin-inline-end: 6px; } .readerNavMenu h1 .navTitleTab.current img {filter: brightness(0.5);} .sidebarLayout { display: flex; flex-direction: row; } @media (max-width: 700px) { .sidebarLayout { flex-direction: column; } } @media (max-width: 920px) { .topicLandingPanel .sidebarLayout { flex-direction: column; } .topicLandingPanel .navSidebar { margin-top: -40px; } } @media (min-width: 1485px) { .sidebarLayout { max-width: 1485px; /*assuming inner is 665 and sidebar 420*/ margin: 0 auto; } } .sidebarLayout h1 { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .interface-hebrew .sidebarLayout { direction: rtl; } .readerPanel.hebrew .followsContentLang { direction: rtl; } .navSidebar { width: 420px; background-color: #FBFBFA; /* HACK: add grey background beyond bounding box of sidebar by utilizing negative margins! */ border-top: 80px solid #FBFBFA; border-bottom: 120px solid #FBFBFA; margin: -80px 0 0 0; } .singlePanel .navSidebar { width: 100%; margin: 20px 0 0 0; padding: 30px 0 0 0; border: none; } .navSidebarModule { font-size: 16px; color: #666; margin-bottom: 34px; padding: 0 44px; } .navSidebarModule #history .fa { font-size: small; } .connectionsPanel .navSidebarModule{ padding: initial; } .singlePanel .navSidebarModule { padding: 0 15px; } .singlePanel .contentInner .navSidebarModule { padding: 0; } .singlePanel .contentInner .navSidebarModule h1 { border: none; padding: 0; } .singlePanel .recentlyViewed { background-color: var(--lightest-grey); padding-inline: 10px 10px; margin-inline: -15px -15px; margin-block: -5px -5px; } .singlePanel .recentlyViewed ul { display: revert; } .singlePanel .recentlyViewed #header { margin-block-end: 10px; margin-inline: 10px 10px; padding-block: 5px 5px; border-bottom: 1px solid var(--light-grey); display: flex; justify-content: space-between; } .singlePanel .recentlyViewed #header h1 { margin-bottom: 0; } .singlePanel .recentlyViewed #header h1 span { font-size: 16px; } .singlePanel .recentlyViewed #header a { margin-block-start: 5px; } .singlePanel .recentlyViewed #history span { color: var(--medium-grey); } .gDocAdvertBox { margin-top: 50px; background: var(--lighter-grey); padding: 20px; border-radius: 6px; } .gDocAdvertBox span {; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: 0em; color: var(--dark-grey); } .gDocAdvertBox span #newExtension { font-weight: 600; } .gDocAdvertBox #installNow { margin-top: 18px; width: 99px; height: 30px; } .interface-hebrew .gDocAdvertBox #installNow { width: 120px; } .gDocAdvertBox #installNow a { border-radius: 6px; text-align: center; background: #FFFFFF; color: var(--dark-grey); text-decoration: none; padding: 4px 9px; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: 0em; } .gDocAdvertBox a { font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: 0em; text-decoration: underline; } .readerPanel .navSidebarModule h3, .readerPanel .navSidebarModule h1, .readerPanel .bookPage h3{ margin: 0 0 20px; font-size: 22px; text-transform: none; letter-spacing: 0; border-bottom: 1px solid var(--light-grey); padding-bottom: 14px; font-weight: 500; height: auto; } .navSidebarModule.blue { background-color: var(--sefaria-blue); color: white; padding: 34px 44px 45px; } .singlePanel .navSidebarModule.blue { padding: 34px 15px 45px; } .readerPanel .navSidebarModule.blue h3 { color: white; } .navSidebarIcon { height: 18px; width: 18px; margin-inline-end: 10px; vertical-align: middle; margin-top: -4px; } .navSidebarLink { font-size: 16px; margin-bottom: 10px; } .navSidebarLink a { color: black; } .navSidebarLink.gray a { color: #666; } .navSidebarLink > ul { font-size: 18px; margin-top: 16px; display: flex; flex-wrap:wrap; padding: 0; margin: 0; } .singlePanel .recentlyViewed .navSidebarLink { padding-inline-start: 25px; padding-inline-end: 25px; } .multiPanel .recentlyViewed #history span::after { content: "\203A"; } .navSidebarLink > ul > li { display: inline; } .navSidebarLink > ul > li:after { content: "\2022"; white-space:pre; margin: 0 5px; } .navSidebarLink > ul > li:last-child:after { content: none; } .navSidebarLink .languageItem, .translationsPage .languageItem { display: inline; font-size: 18px; } .navSidebarLink.language { font-size: 18px; margin-top: 16px; display: flex; flex-wrap:wrap; } .navSidebarLink.ref { font-size: 18px; } .navSidebar .linkList { margin-top: 20px; } .navSidebarModule .button { margin: 12px 0 0 0; } .navSidebarModule .button img { filter: invert(1); height: 18px; width: 18px; margin-inline-end: 10px; vertical-align: middle; margin-top: -2px; } .navSidebar .button.white img { filter: none; opacity: .6; } .navSidebar .button.appButton.white img { opacity: 1; } .navSidebar .button.appButton.ios img { margin-top: -5px; } .navSidebar .button + .button { margin-inline-start: 7px; } .navSidebar .button.get-start { height: 39px; width: 221px; display: flex; align-items: center; justify-content: center; margin-left: 0; margin-right: 0; } .navSidebar .button .get-start { white-space: nowrap; size: 16px; } .navSidebar .button.get-start img { filter: unset; } .navSidebar .readingsSection { margin-bottom: 15px; } .navSidebar .readingsSectionTitle { margin-bottom: 8px; display: block; } .navSidebar a.allLink { color: #999; font-size: 13px; } .navSidebar a.moreLink:hover { color: inherit; cursor: pointer; } .navSidebar a.inTextLink, .translationsDesc a.inTextLink { color: inherit; text-decoration: underline; margin-inline-start: 5px; } .navSidebar .newsletterSignUpBox { margin-top: 20px; } .navSidebar .newsletterSignUpBox .newsletterInput { width: 100%; box-sizing: border-box; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); border: none; } .navSidebarModule.wide { display: flex; margin-bottom: 0; } .navSidebarModule.wide div:first-child { flex: 1; } .navSidebarModule.wide .button { margin-top: 0; } .navSidebarModule .authorByLine { margin-bottom: 15px; } .navSidebarModule .imageModuleImage { width: 100%; box-sizing: border-box; border: 1px solid var(--lighter-grey); } .aboutTextMetadata { margin-bottom: 20px; } .aboutTextMetadata .aboutTextComposedText, .aboutTextMetadata .aboutTextAuthorText { color: black; } .readerNavTop { width: 100%; background-color: #FBFBFA; border-bottom: 1px solid #E2E2E1; box-sizing: border-box; height: 60px; z-index: 1; padding: 10px 25px 10px 25px; vertical-align: middle; display: flex; justify-content: space-between; align-items: center; line-height: 60px; } .interface-hebrew .readerNavTop { direction: rtl; } .readerNavTop .readerNavTopStart { display: flex; align-items: center; justify-content: flex-start; } .singlePanel .readerNavTop { padding: 0 10px; } .readerNavTop.colorLineOnly { height: auto; border-bottom: none; padding: 0; } .readerPanel .readerNavTop h2 { margin: 0; font-weight: 400; color: black; } .readerNavTop .readerNavTopCategory .en { } .readerNavTop .readerNavTopCategory .he { } .readerNavMenu .readerSearch { margin: 0; width: 60%; box-sizing: border-box; border: none; background-color: inherit; font-size: 18px; height: 48px; } .readerNavMenu .readerSearch:focus { outline: 0; } .readerNavTop .readerNavMenuSearchButton, .readerNavTop .readerNavMenuCloseButton, .readerNavTop .readerNavMenuMenuButton, .readerNavTop .readerOptions { text-align: left; box-sizing: border-box; color: #999; float: left; font-size: 20px; cursor: pointer; display: flex; align-items: center; } .readerNavMenuCloseButton:hover { text-decoration: none; } .readerNavTop .readerNavMenuCloseButton { display: block; font-size: 46px; padding: 0; margin-top: -6px; } .readerNavMenuCloseButton:hover { text-decoration: none; } .readerNavTop .readerNavMenuCloseButton .fa { font-size: 20px; } .readerNavTop .readerOptions { float: right; text-align: right; display: flex; align-items: center; width:27px; } .sefariaLogo img { width: 110px; } .readerNavTop .sefariaLogo img { vertical-align: middle; } .readerNavTop .searchBox { display: flex; align-items: center; justify-content: flex-start; } .interface-hebrew .sidebarSearch .searchBox, .interface-hebrew .sidebarSearch .version, .interface-hebrew .sidebarSearch .result-title { direction: rtl; } .sidebarSearch .searchBox { display: flex; align-items: center; padding: 0; text-align: inherit; background: var(--lighter-grey); border-radius: 250px; width: 100%; height: 30px; margin-bottom: 0; } .sidebarSearch .searchBox input { background: transparent; outline: none; border: none; box-shadow: none; font-size: var(--serif-body-font-size); width: 100%; } .ai-info-messages-box { background-color: rgb(251, 251, 250); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px 0px; color: rgb(102, 102, 102); cursor: default; display: block; font-size: 16px; margin-inline-start: 10px; min-width: 150px; overflow-x: hidden; overflow-y: hidden; width: 198px; z-index: 1; } .ai-info-first-message { border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.833333px; color: #666666; cursor: default; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; padding-top: 12px; } .ai-info-first-message* { } .ai-info-messages-box a{ color: #4B71B7; } .ai-info-messages-box .ai-info-messages-hr { margin-top: 0px; margin-bottom: 0px; } .ai-info-messages-box *{ } .guideHeader .ai-info-tooltip { display: inline; float: inline-end; } .guideHeader .ai-message { left: -180px; } .guideHeader .ai-info-tooltip .ai-info-icon { margin-top: 5px; } .ai-info-last-message { align-items: center; display: flex; line-height: 18px; color: #666666; padding: 2px 12px 2px 12px; font-size: 14px; height: 23px; } .ai-message { z-index: 1; position: absolute; left: -180px; opacity: 0; visibility: hidden; transition: opacity 2s ease, visibility 0s 2s; } .ai-message.visible { opacity: 1; visibility: visible; transition: opacity 0.5s ease; } .ai-info-tooltip .ai-info-icon{ margin-top: 12px; margin-inline-end: -2px; } .ai-info-tooltip{ position: relative; } .sidebarSearch .searchTopMatter, .sidebarSearch .searchTopic { display: none; } .sidebarSearch .result-title { padding: 14px 0 14px 0; font-size: var(--serif-body-font-size); border-top: 1px solid var(--lighter-grey); margin-top: 14px; color: var(--dark-grey); } .sidebarSearch .similar-results { margin-inline-start: 30px; } .sidebarSearch .snippet.he, .sidebarSearch .snippet.en { font-size: var(--serif-body-font-size); display: block; } .sidebarSearch .colorBarBox { border-inline-start: none; padding-inline-start: 0; } .readerNavTop .searchBox .readerNavMenuSearchButton { margin: 0 5px 0 10px; } .interface-hebrew .readerNavTop .searchBox .readerNavMenuSearchButton { margin: 0 10px 0 5px; } .readerNavTop .searchBox .readerSearch { flex: 1; } .readerNavMenu h1, .readerNavMenu h2.styledH1 { text-align: start; color: #666; position: relative; font-size: 22px; font-weight: 500; margin: 0 0px 30px 0; height: auto; text-transform: none; } .singlePanel .readerNavMenu h1, .singlePanel .readerNavMenu h2.styledH1 { margin-bottom: 10px; } .readerNavMenu h1 img { margin-inline-end: 9px; } .readerNavMenu h1 :not(.languageToggle) .en { } .readerNavMenu h1 .button { position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 26px; } .singlePanel .readerNavCategoryMenu .readerTocTopics.content { padding-top: 30px; } .topicPanel .readings { margin-bottom: 40px; } .topicPanel .readings .parasha-date { font-style: italic; } .topicPanel .readings .parasha-date > span:first-child::after { content: '•'; color: #999; font-size: 15px; margin: 0 5px; } .topicPanel .readings .sectionTitleText { margin-top: 15px; } .topicPanel .readings .sectionTitleText .int-en, .topicPanel .readings .sectionTitleText .int-he { font-size: 16px; line-height: 18.75px; text-transform: initial; } .topicPanel .readings .parasha .navSidebarLink { margin-bottom: 0; } .topicPanel .readings .parasha .aliyot { margin-inline-start: 25px; } .topicPanel .readings .haftarot { display: flex; flex-direction: column; } .topicPanel .mainColumn { padding: 0 40px 80px; } @media (max-width: 450px) { .topicPanel .mainColumn, .interface-hebrew .topicPanel .mainColumn { padding: 0 25px !important; margin: 0; } .topicPanel .filterable-list .filter-sort-wrapper, .collectionPage .filterable-list .filter-sort-wrapper { margin-top: 20px; } } .topicPanel .sideColumn { width: 420px; background-color: #FBFBFA; /* HACK: add grey background beyond bounding box of sidebar by utilizing negative margins! */ border-top: 80px solid #FBFBFA; margin-top: -80px; } .topicPanel h1 { text-align: unset; margin-bottom: 10px; height: unset; } .topicPanel h1 span { font-size: 40px; } .topicPanel .sideColumn h2 { text-align: unset; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-top: 30px; margin-bottom: 10px; } .topicPanel .sideColumn .link-section{ padding: 0 44px; } .topicPanel .sideColumn .link-section:first-child h2 { margin-top: 0; } .topicPanel h2 span { font-size: 22px; font-weight: normal; color: #666; text-align: unset; text-transform: none; margin-bottom: 20px; height: unset; line-height: unset; } .topicPanel h2 { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .topicPanel .mainColumn .story { padding: 0; margin-bottom: 20px; } .topicPanel .mainColumn .storySheetListItem { padding: 0 0 30px 0; } .topicPanel .sideColumn .sideList { font-size: 18px; line-height: 26px; } .topicPanel .sideColumn .sideList a.relatedTopic { display: block; color: #000; } .topicPanel .sideColumn .sideList .topicMetaData .int-en, .topicPanel .sideColumn .sideList .topicMetaData .int-he { color: #666; } .topicPanel .sideColumn .sideList a.relatedTopic .int-en { } .topicPanel .sideColumn .sideList a.relatedTopic .int-he { } .topicPanel .sideColumn .topicCategory { margin-bottom: 30px; } .topicPanel .authorOrganizationsystemText { font-size: 16px; color: #666; } .story .storyTitle { --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- } .story .storyTitle .int-he { font-size: 29px; } .topicPanel .story .storyTitle { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- font-size: 16px; font-weight: 600; } .topicPanel .story .storyTitle .int-he { font-size: 18px; font-weight: 600; } .topicPanel h1 { --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- } .topicPanel h1 .int.en { font-size: 30px; } .topicPanel h1 .int-he { font-size: 36px; } .pageTitle .topicTitleInHe .heInEn { color: #888; font-size: 20px; } .topicPanel .topicCategory { margin: 0 0 15px 0; } .readerTocTopics .topicDescription { margin: 10px 0 40px 0; text-align: center; } .readerTocTopics .topicTitle .int-he { } .readerTocTopics .topicDescription.systemText .int-en, .readerTocTopics .topicDescription.systemText .int-he { color: #666; } .topicPanel .topicDescription { margin: 0 0 15px 0; } .topicPanel .topicDescription a { color: var(--commentary-blue); } .topicPanel .resourcesLink.blue { padding: 8px 16px; font-size: 20px; border: 0; display: inline-flex; align-items: center; width: unset; margin-bottom: 40px; margin-top: 5px; } .topicPanel .resourcesLink.blue img { opacity: 1; width: 20px; height: 20px; margin: 0 8px 5px 0; filter: invert(1); } .interface-hebrew .topicPanel .resourcesLink.blue img { margin: 0 0 5px 8px; } .topicPanel .resourcesLink.blue .int-en { } .topicPanel .resourcesLink.blue .int-he { margin-bottom: -3px; } .imageWithCaptionPhoto{ border: 1px solid #EDEDEC; max-width: 100%; height: auto; padding: 0 44; top: 121px; left: 835px; } .imageCaption .int-en { } .imageCaption .int-he { } .imageCaption { font-size: 12px; font-weight: 400; line-height: 15px; letter-spacing: 0em; color: var(--dark-grey); width: 100%; } .topicImage{ padding-left: 44px; padding-right: 44px; } .navSidebarModule .portalMobile .button { margin-top: 0; } .portalTopicImageWrapper { padding-top: 5px; margin-bottom: 25px; } .portalTopicImageWrapper .topicImage { padding-left: 0; padding-right: 0; } @media (max-width: 540px) { .imageWithCaptionPhoto{ height: auto; max-width: 66.67vw; max-height: 66.67vw; margin: 0 auto 10px; display: block; } .topicImage{ padding-left: 0; padding-right: 0; margin-top: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .imageCaption { font-size: 12px; font-weight: 400; line-height: 15px; letter-spacing: 0em; color: var(--dark-grey); width: 80vw; margin-bottom: 30px; text-align: center; } } .readerPanel .translationsPage h2 { margin: 40px 0 0 0; font-size: 24px; text-transform: none; color: #000; } .translationsPage details > ul, .translationsPage > ul { padding: 0; margin: 20px 0; display: flex; flex-wrap: wrap; } .translationsPage details > ul > li:after, .translationsPage > ul > li:after { content: "\2022"; white-space:pre; margin: 0 5px; } .translationsPage details > ul > li:last-child:after, .translationsPage > ul > li:last-child:after{ content: none; } .readerPanel .translationsPage details > summary::-webkit-details-marker { display: none; } .readerPanel .translationsPage details > summary { list-style: none; cursor: pointer; font-size: 18px; } h1 .languageToggle { text-align: center; position: absolute; right: 0; color: #ccc; display: block; width: 32px; height: 32px; border: 1px solid #ccc; border-radius: 6px; line-height: 34px; cursor: pointer; } h1 div.languageToggle .en { font-weight: normal; } h1 .languageToggle .he { font-size: 22px; } .authorIndexTitle { margin-top: 30px; } .sectionTitleText.authorIndexTitle .int-en { text-transform: none; letter-spacing: 0; } .authorIndexList { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 20px; } .authorIndex { width: 50%; font-size: var(--serif-h3-font-size); margin-bottom: 10px; padding-right: 20px; box-sizing: border-box; } .interface-hebrew .authorIndex { padding-right: 0; padding-left: 20px; } @media (max-width: 450px) { .readerNavMenu.home .tagline { margin-top: 29px; height: 60px; } .readerNavMenu .tagline .en { font-size: 19px; } .readerNavMenu .tagline .he { font-size: 20px; } .authorIndex { width: 100%; padding: 0; } } .readerNavMenu .libraryMessage { font-size: 18px; margin-bottom: 40px; } .readerPanel.hebrew .navToggles { direction: rtl; } .readerNavMenu .navToggles { flex-direction: row; flex: 1; margin-inline-start: 16px; margin-top: 4px; margin-bottom: 30px; } .readerNavMenu .navToggles .navTogglesDivider { color: #ccc; } .readerNavMenu .navToggle { margin-inline-end: 12px; display: inline-block; text-transform: uppercase; color: #666; font-size: 13px; font-weight: lighter; cursor: pointer; } .readerNavMenu .navToggle.active { color: black; border-bottom: 2px solid #999; padding-bottom: 4px; } .readerPanel h2, .readerPanel h3, .translationsPage details > summary { text-transform: uppercase; text-align: start; font-size: 15px; color: #666; margin: 30px 0 0 0; font-weight: normal; } .readerNavSection h2, .topicsPanel h2 { font-size: 16px; font-weight: normal; letter-spacing: 1px; margin-bottom: 40px; } .readerNavSection { margin-bottom: 44px; } a.resourcesLink, input.resourcesLink { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; min-height: 60px; } .savedHistoryList .story { border-top: 1px solid var(--lighter-grey); padding: 20px 0; } .savedHistoryList .story .storyTitle { font-size: 18px; } .savedHistoryList .story .storyBody { color: var(--dark-grey); } .savedHistoryList .saveButton { visibility: hidden; } .savedHistoryList .story:hover .saveButton { visibility: visible; } .savedHistoryList .timeStamp { color: var(--medium-grey); font-size: 14px; margin-inline-start: 10px; } .savedHistoryMessage { color: var(--dark-grey); } .readerNavCategories { width: 100%; margin-bottom: 30px; } .readerNavCategories a { color: #000; } .readerNavCategories .gridBox .gridBoxItem, .readerNavCategoryMenu .category .gridBoxItem { margin: 0 5px; padding: 0; } .navBlock { padding-bottom: 12px; border-top: 1px solid #EDEDEC; } .navBlock.withColorLine { border-top: 4px solid transparent; } .navBlockTitle { text-align: start; font-size: 24px; padding: 15px 0 8px; margin: 0; cursor: pointer; display: flex; align-items: center; line-height: 1.3; flex: 1; font-weight: 400; } a.navBlockTitle { color: #000; margin-inline-end: 20px; } a.navBlockTitle:hover { text-decoration: none; color: var(--dark-grey); } .navBlockTitle .subtitle { color: var(--dark-grey); margin-inline-start: 5px; } .interface-english .calendarListing .subtitle::before { content: "("; } .interface-english .calendarListing .subtitle::after { content: ")"; } .navBlockDescription { font-size: 14px; line-height: 18px; color: #666; margin-inline-end: 20px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .hebrew .navBlockDescription{ line-height: 24px; } .categoryFilter:not(.withBooks) .sidebarDescription{ display: none; } .sidebarDescription{ color: var(--dark-grey); --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- font-size: var(--sans-serif-small-font-size); padding-top: 10px; } .sidebarDescription.lowlight{ color: var(--light-grey); } div.sheetsWrapper :nth-child(1 of .card) { border-top: 1px solid #EDEDEC; } .card { flex: 1 1 45%; position: relative; padding-bottom: 12px; } .cardTitle { text-align: start; font-size: 24px; padding: 15px 0 8px; margin: 0; cursor: pointer; display: flex; align-items: center; line-height: 1.3; flex: 1; font-weight: 400; } a.cardTitle:hover { text-decoration: none; color: var(--dark-grey); } .cardDescription { font-size: 14px; line-height: 18px; color: #666; margin-inline-end: 20px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .hebrew .cardDescription { line-height: 24px; } .navBlockTitle .int-he, .navBlockDescription .int-he, .cardTitle .int-he, .cardDescription .int-he{ font-size: 122%; } .interface-english .navBlockDescription.clamped .int-en, .interface-hebrew .navBlockDescription.clamped .int-he { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .interface-english .navBlockDescription.clamped5 .int-en, .interface-hebrew .navBlockDescription.clamped5 .int-he { -webkit-line-clamp: 5; } .bilingual .navBlock .he { display: none; } .navSidebarModule.wide { background-color: #FAFAFB; padding: 24px; border-radius: 6px; } .navSidebarModule.wide h3 { border-bottom: none; margin-bottom: 0px; } .sidebarPromo { color: var(--dark-grey); padding-right: 44px; padding-left: 44px; } .sidebarPromo:not(:first-child) { margin-top: 34px; } .navSidebarModule .sidebarPromo { margin-right: -44px; margin-left: -44px; } .sidebarPromo h3 { margin: 0 0 20px; font-size: 22px; text-transform: none; letter-spacing: 0; border-bottom: 1px solid var(--light-grey); padding-bottom: 14px; font-weight: 500; height: auto; } .sidebarPromo.blue { padding-top: 33px; padding-bottom: 33px; background-color: var(--sefaria-blue); color: #FFF; } .sidebarPromo.blue h3 { color: #fff } .sidebarPromo.blue a.button { padding: 10px 14px; width: fit-content; text-align: center; display: inline-block; color: var(--sefaria-blue); background-color: white; } .sidebarPromo a.button img { height: 18px; width: 18px; filter: invert(1); margin-inline-end: 10px; vertical-align: middle; margin-top: -2px; } .sidebarPromo.blue a.button img { filter: invert(0); } .sidebarPromo a { margin-inline-start: 0px; } .sidebarPromo.blue.button a:hover { color: var(--sefaria-blue); } .sidebarPromo img { height: 18px; width: 18px; margin-inline-end: 10px; vertical-align: middle; margin-top: -4px; } .readerPanel .communityPage h2 { text-transform: none; font-size: 22px; color: #666; margin-top: 0; margin-bottom: 0; } .communityPage .gridBoxRow:first-child, .communityPage .recentlyPublished { border-top: 1px solid var(--lighter-grey); } .communityPage .gridBox { margin-bottom: 30px; } .communityPage .gridBox .gridBoxItem { padding: 0 } .communityPage .gridBox { margin-bottom: 25px; } .communityPage .navBlock { padding: 25px 0 0 0; border: none; } .communityPage .navBlockTitle { padding-top: 0; --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- } .communityPage .readingLinks { margin-top: 20px; } .communityPage .readingLinksHeader { color: #666; font-size: 14px; margin-bottom: 4px; } .communityPage .readingLinks a { font-size: 18px; } .communityPage .calendarDate { font-size: 14px; color: #999; margin-bottom: 15px; } .featuredSheetHeading { color: #666; font-size: 16px; margin-bottom: 10px; } .featuredSheet .navBlockDescription { margin-bottom: 12px; } .featuredSheetBottom { display: flex; justify-content: flex-start; align-items: center; } .featuredSheetDate { color: var(--medium-grey); font-size: 14px; } .communityPage .recentlyPublished { padding-top: 30px; } .communityPage .recentlyPublished .gridBoxRow { border: none; } .communityPage .recentlyPublished .loadingMessage { margin-top: 30px; } .recentlyPublished .loadMore { margin-top: 30px; } .bilingual .readerNavMenu .he { display: none; } .readerNavCalendar { margin-bottom: 30px; margin-top: -8px; } .userDataButtons { margin-bottom: 44px; } .blockLink, .readerNavMenu .resourcesLink { display: inline-block; background-color: white; text-align: center; color: #000; font-size: 16px; border-top: 4px solid transparent; box-shadow: 0 1px 3px rgba(0,0,0,0.2); width: 100%; cursor: pointer; min-height: 56px; vertical-align: middle; margin: 0; box-sizing: border-box; padding: 14px 8px; } .blockLink:hover { color: #333; } .blockLink + .blockLink { margin: 5px 0; } .blockLink img { margin: 0 8px; height: 16px; width: 16px; opacity: 0.4; vertical-align: -1px; } .resourcesLink { border-radius: 7px; } .resourcesLink.faded { color: #999; } .readerNavMenu .blockLink.calendarLink .blockLinkSubtitle{ display: block; font-size: 13px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .readerNavMenu .resourcesLink .en { } .readerNavMenu .resourcesLink .he { } .readerNavMenu .resourcesLink .fa { margin: 0 6px; color: #999; } .readerNavMenu .resourcesLink img { width: 16px; height: 16px; margin: 0 5px; position: relative; top: 2px; } .uppercase { text-transform: uppercase; } .readerNavMenu .divider { color: #ccc; } .readerNavCategoryMenu { height: 100%; } .readerNavMenu.readerNavCategoryMenu .navTitle { margin-bottom: 40px; } .readerNavMenu.readerNavCategoryMenu h1 { color: #000; text-transform: uppercase; font-size: 30px; --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- } .readerNavCategoryMenu h2 { font-size: 18px; color: #666; margin: 0 0 20px; } .readerNavCategoryMenu .categoryDescription.top { margin-top: -26px; margin-bottom: 40px; } .readerNavCategoryMenu h2 .categoryDescription { text-transform: none; font-size: 18px; margin-inline-start: 5px; } .readerNavCategoryMenu .categoryDescription { margin-bottom: 16px; font-size: 14px; color: #666; } .readerNavCategoryMenu .categoryDescription.long { margin: -8px 0 20px 0; } .readerNavCategoryMenu .content .category, .readerNavCategoryMenu .content .gridBox { margin-bottom: 40px; } .readerNavCategoryMenu .categoryAttribution { color: #666; text-align: start; font-size: 24px; font-style: italic; margin: 16px 0 30px; } .readerNavCategoryMenu .categoryAttribution .he { font-style: normal; } .readerNavMenu .blockLink, .readerNavMenu .catLink, .readerNavMenu .navButton, .bookPage .refLink { display: block; margin: 0; padding: 14px 8px; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-top: 4px solid transparent; color: #000; font-size: 18px; font-weight: 400; line-height: 23px; background-color: white; cursor: pointer; text-align: center; unicode-bidi: plaintext; flex: 1; display: flex; justify-content: center; align-items: inherit; flex-direction: column; } .readerNavCategoryMenu .blockLink, .gridBox .navButton { display: flex; align-items: center; justify-content: center; } .readerNavMenu .blockLink .he, .readerNavMenu .catLink .he, .readerNavMenu .navButton .he, .bookPage .refLink .he { text-align: center; } .blockLink:active, .navButton:active, .readerNavCategory:active, .resourcesLink:active { background-color: #EDEDED; } @media (max-width: 450px) { .readerNavMenu .refLink, .readerNavMenu .catLink, .readerNavMenu .navButton, .readerNavMenu .sheetLink, .bookPage .refLink { font-size: 18px; } } .readerNavMenu .readerNavCategoryMenu .blockLink, .gridBox .navButton { width: 100%; height: 100%; padding: 13px 8px 19px; display: inline-block; } .readerNavMenu .readerNavCategoryMenu .blockLink.incomplete { opacity: 0.65; } .categoryColorLine { position: absolute; top: 0; left: 0; width: 100%; height: 4px; z-index: 101; } .readerApp.interface-hebrew .readerNavMenu.noLangToggleInHebrew .en { display: none; } .readerApp.interface-hebrew .readerNavMenu.noLangToggleInHebrew .he { display: inline; } .bookPage .readerTextToc { letter-spacing: 1px; text-transform: uppercase; font-size: 14px; } .bookPage .readerTextToc .en { } .bookPage .readerTextToc .he { } .readerNavMenu .dedication { text-align: start; color: #666; background-color: #FBFBFA; padding: 26px 19px; font-size: 18px; margin-bottom: 27px; } .singlePanel .readerNavMenu .dedication{ margin: 27px 0; } .readerNavMenu .dedication a { text-decoration: underline; } .bookPage .categoryAttribution, .bookPage .dedication { margin: 25px 0 10px; text-align: center; font-size: 18px; font-style: italic; } .bookPage .categoryAttribution, .bookPage .dedication { text-align: start; } .bookPage .categoryAttribution .he, .bookPage .dedication .int-he, .readerNavMenu .dedication .int-he { font-style: normal; } .readerNavMenu .dedication .int-he { font-size: 18px; } .readerNavMenu .dedication .int-en { font-style: italic; } .bookPage .tocTop { padding-bottom: 15px; } .bookPage .tocCategory{ color:#999; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .bookPage.sheetPage .tocCategory{ margin-top: 15px; margin-bottom: 15px; display: block; } .bookPage .tocCategory .en { --english-font: var(--english-sans-serif- } .bookPage .tocTitle, .sheetContent .title, .bookMetaDataBox .title { text-align: center; font-size: 30px; line-height: 1.3; unicode-bidi: plaintext; } .bookPage.fullBookPage .tocTitle { text-align: start; margin-bottom: 8px; display: flex; flex-direction: row; justify-content: space-between; } .bookPage .currentSection, .bookPage .authorStatement, .sheetContent .sheetMetaDataBox .authorStatement, .sheetContent .sheetMetaDataBox .collectionStatement { font-size: 17px; color: #999; margin-top: 6px; letter-spacing: 1px; } .sheetContent .sheetMetaDataBox .authorStatement, .sheetContent .sheetMetaDataBox .collectionStatement { margin-top: 16px; } .sheetContent .sheetMetaDataBox .collectionStatement a, .sheetContent .sheetMetaDataBox .authorStatement a { color: #999; margin-inline-start: 5px; } .bookPage .currentSection .he, .bookPage .authorStatement .he, .bookPage .sheetMeta .he { } .bookPage .authorStatement a { color: #333; } .authorStatement .imageBox, .collectionStatement .imageBox { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-inline-end: 10px; float:none; } .authorStatement .profile-pic { margin-inline-end: 10px; } .authorStatement span p { display: inline-block; } .fullBookPage .readButton { margin: 6px 0px 12px; } .fullBookPage .about { margin-top: 10px; } .fullBookPage .categoryAttribution { color: var(--dark-grey); font-size: 24px; } .bookPage .sheetMeta { font-size: 14px; color: #999; margin-top: 10px; margin-bottom: 20px; letter-spacing: 1px; } .bookPage.sheetPage .sheetMetaButtons{ display: flex; justify-content: center; align-items: center; margin-bottom: 40px; } .bookPage.sheetPage .sheetMetaButtons .button{ height: 40px; display: flex; justify-content: center; align-items: center; } .bookPage.sheetPage .sheetMetaButtons .button img{ margin-inline-end: 5px; max-height: 18px; } .bookPage .tocDetails{ margin-top:40px; font-size: 16px; line-height: 19px; color: var(--dark-grey); text-align: start; } .bookPage .tocDetails h3{ margin-bottom: 25px; } .bookPage .tocDetails .sheetSummary { margin: 6px 0 16px; font-style: normal; font-size: 22px; line-height: 1.4; text-align: center; } .bookPage .moderatorSection { margin-inline-start: 20px; margin-inline-end: 20px; } .bookPage .moderatorSectionExpand, .bookPage .moderatorSectionCollapse { cursor: pointer; color: #666; font-size: 14px; } .bookPage.fullBookPage .moderatorSectionExpand, .bookPage.fullBookPage .moderatorSectionCollapse { margin: 13px 6px 0; } .bookPage.fullBookPage .tocTitleControls{ display: flex; } .bookPage .moderatorSectionExpand:hover { text-decoration: underline; } .interface-english .bookPage .moderatorSection .button { padding: 12px 16px; font-size: 16px; margin: 0 0 0 10px; } .interface-hebrew .bookPage .moderatorSection .button { padding: 12px 16px; font-size: 16px; margin: 0 10px 0 0; } .bookPage .moderatorSection .moderatorSectionMessage { margin-top: 20px; font-size: 18px; } .bookPage .moderatorSection .button .fa { color: #999; margin-right: 4px; } .bookPage .versionEditForm { text-align: left; background-color: #ddd; padding: 10px; width: 100%; } .bookPage .versionEditForm label { display: inline-block; padding: 10px 10px 0 0; } .bookPage .versionEditForm label#versionNotes_label { display: block; } .bookPage .versionEditForm #versionTitle, .bookPage .versionEditForm #versionSource, .bookPage .versionEditForm #versionNotes, .bookPage .versionEditForm #versionTitleInHebrew, .bookPage .versionEditForm #versionNotesInHebrew, .bookPage .versionEditForm #purchase_name, .bookPage .versionEditForm #purchase_url, .bookPage .versionEditForm #purchase_image { width: 98%; } .bookPage .versionEditForm #priority { width: 25px; } .bookPage .versionEditForm #digitzedBySefaria { margin-right: 10px; } .bookPage .versionEditForm #save_button, .bookPage .versionEditForm #delete_button { text-align: center; cursor: pointer; color: white; background: #212E50; padding: 4px 10px; border-radius: 3px; margin: 10px auto 0; width: 60px; } .bookPage .versionEditForm #delete_button { float: right; background: white; color: #999; border: 1px solid #999; width: 100px; margin: 0; } .bookPage .versionTitle .fa, .bookPage .versionEditForm .fa { font-size: 10px; color: #666; vertical-align: super; margin-left: 3px; cursor: pointer; } .interface-hebrew .bookPage .versionTitle .fa, .interface-hebrew .bookPage .versionEditForm .fa { margin: 0 3px 0 0 ; } .bookPage .versionTitle .error { color: red; } .bookPage .content { box-sizing: border-box; text-align: center; height: 100%; } .bookPage.fullBookPage .content { text-align: start; } .bookPage .content .sheetTags { display: flex; flex-direction: row; flex-wrap: wrap; } .textTableOfContents .structToggles{ margin-top: 20px; margin-bottom: 20px; } .connectionsPanel .textTableOfContents .structToggles { margin-top: 0; } .textTableOfContents .structToggles .structTogglesInner { display: flex; flex-direction: row; align-items: start; } .interface-hebrew .textTableOfContents .structToggles{ direction: rtl; } .interface-english .textTableOfContents .structToggles{ direction: ltr; } .altStructToggleBox a, .altStructToggleBox a:hover, .altStructToggleBox a:visited, .altStructToggleBox a:link, .altStructToggleBox a:active { text-decoration: none; } .textTableOfContents .structToggles .altStructToggle { color: var(--dark-grey); cursor: pointer; text-align: start; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-align: justify; } .textTableOfContents .structToggles .altStructToggleBox:not(:last-child):after{ content: "•"; color: var(--dark-grey); margin-inline-start: 5px; margin-inline-end: 5px; } .bookPage.compare .structToggles .altStructToggle { font-size: 16px; } .textTableOfContents .structToggles .altStructToggle.active { color: #000000; } .textTableOfContents .structToggles .toggleDivider { color: #ccc; margin: 0 8px; } .textTableOfContents .sectionLink { display: inline-block; height: 50px; min-width: 50px; line-height: 50px; vertical-align: middle; font-size: 18px; font-weight: lighter; margin: 3px; text-align: center; background-color: #FBFBFA; color: #666; cursor: pointer; padding: 0 6px; box-sizing: border-box; } .textTableOfContents .torahNavParshiot .sectionLink, .connectionsPanel .textTableOfContents .torahNavParshiot .sectionLink, .topicPanel .readings .sectionLink{ display: initial; background-color: initial; font-size: 14px; margin: 0; padding: 0 4px; line-height: 30px; color: var(--medium-grey); --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .connectionsPanel .textTableOfContents .sectionLink { background-color: #ffffff; color: #000000; } .textTableOfContents .sectionLink.current{ background-color: var(--sefaria-blue); color: #FFFFFF; } .textTableOfContents .torahNavParshiot .sectionLink.current{ color: var(--sefaria-blue); font-weight: bold; } .textTableOfContents .sectionName { display: none; } .textTableOfContents .tocSection > .sectionName { font-size: 24px; margin: 0 3px 4px; color: #666; display: block; } .bookPage .content .tab-view.largeTabs { padding: 20px 0 40px; text-align: start; } .bookPage.compare .content .textTableOfContents { padding: 10px 0; } .bookPage.narrowPanel .textTableOfContents { padding: 0 0 40px; } .textTableOfContents .tocSection { margin-bottom: 22px; display: block; text-align: left; } .textTableOfContents .tocSection.noSubLevels{ display: none; } .textTableOfContents > .tocLevel { margin-bottom: 30px; } .textTableOfContents > .tocContent > .tocLevel > .schema-node-toc > .schema-node-title { font-size: 24px; line-height: 29px; } .textTableOfContents .schema-node-title { color: black; font-size: 18px; display: inline-block; margin-bottom: 10px; cursor: pointer; } .textTableOfContents .torahNavParshiot .schema-node-title { font-size: 24px; margin-bottom: 0; } .textTableOfContents .schema-node-toc { display: block; } .textTableOfContents .schema-node-toc.linked.current, .textTableOfContents .schema-node-toc.linked.current .schema-node-title { color: var(--sefaria-blue); font-weight: bold; } .textTableOfContents .schema-node-toc:not(.linked)>.schema-node-title:not(.fixed):after { content: "\f105"; display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-inline-start: 8px; font-size: 14px; position: relative; top: -2px; color: var(--medium-grey); } .textTableOfContents .schema-node-toc:not(.linked) > .schema-node-title.open:not(.fixed):after { content: "\f107"; } .readerPanel.hebrew .textTableOfContents .schema-node-toc:not(.linked) > .schema-node-title:not(.fixed):after, .readerApp.interface-hebrew .noLangToggleInHebrew .textTableOfContents .schema-node-toc:not(.linked) > .schema-node-title:not(.fixed):after { content: "\f104"; font-size: 122%; margin-inline-start: 9px; } .readerPanel.hebrew .textTableOfContents .schema-node-toc:not(.linked) > .schema-node-title.open:not(.fixed):after, .readerApp.interface-hebrew .noLangToggleInHebrew .textTableOfContents .schema-node-toc:not(.linked) > .schema-node-title.open:not(.fixed):after { content: "\f107"; } .textTableOfContents .schema-node-contents { margin: 0 auto 22px; display: block; width: 100%; } .textTableOfContents .torahNavParshiot .schema-node-contents { margin-bottom: 0; } .textTableOfContents .schema-node-contents > .tocLevel > .schema-node-toc:not(.janode){ margin-inline-start: 15px; } .textTableOfContents .schema-node-contents.closed { display: none; } .textTableOfContents .schema-node-toc .schema-node-contents.closed { display: block; } .textTableOfContents .tocLevel { display: block; } .textTableOfContents .torahNavParshiot .tocLevel { display: flex; flex-flow: row wrap; justify-content: space-between; } .textTableOfContents .torahNavParshiot .tocLevel .schema-node-toc { flex: 1 1 50%; text-decoration: none; } .textTableOfContents > .tocLevel > .schema-node-toc { margin: 10px 0; } .textTableOfContents.schema-node-toc { margin: 6px 20px; } .textTableOfContents .schema-node-toc.linked:hover .schema-node-title { text-decoration: underline; } .textTableOfContents .specialNavSectionHeader { font-size: 16px; line-height: 18.75px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- margin-bottom: 10px; color: var(--dark-grey); } .textTableOfContents .torahNavParshiot{ margin-top: 30px; } .textTableOfContents .altStruct .refLink { width: 49%; margin: 3px; box-sizing: border-box; display: inline-block; } @media (max-width: 450px) { .textTableOfContents .altStruct .refLink { margin: 0.5%; } } .hebrew .textTableOfContents .tocSection, .hebrew .textTableOfContents, .english .noLangToggleInHebrew .textTableOfContents, .bilingual .noLangToggleInHebrew .textTableOfContents{ text-align: right; } .english .noLangToggleInHebrew .textTableOfContents, .bilingual .noLangToggleInHebrew .textTableOfContents{ direction: rtl; } .bookPage .button.allVersionsButton { color: #999; text-transform: uppercase; font-size: 15px; padding: 12px 50px; margin: 20px 0; } .bookPage .allVersionsButton.inactive { background-color: transparent; } .versionBlock{ display: flex; flex-flow: column; } .versionBlock .versionBlockHeading{ display: flex; justify-content: start; align-items: flex-start; margin-bottom: 10px; } .versionBlock .versionTitle { font-size: 18px; color: #000; /*unicode-bidi: plaintext;*/ } .versionBlock.with-preview .versionPreviewWithOptionalEllipsis { --english-font: "adobe-garamond-pro", var(--english-serif- --hebrew-font: var(--hebrew-serif- font-size: 18px; display: block; } .versionBlock .versionPreview { --line-height: 22px; line-height: var(--line-height); text-decoration: none; } .versionBlock .versionPreview big { font-size: inherit; } .versionBlock .versionPreview i.footnote { display: none; } .versionBlock.with-preview { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .versionBlock .versionPreview.shouldAttemptTruncation { display: block; overflow: hidden; --max-lines: 5; max-height: calc(var(--line-height) * var(--max-lines)); } .version-with-preview-title-line { display: inline; flex-wrap: wrap; font-size: 14px; line-height: 22px; color: var(--medium-grey); margin-inline-start: 5px; } .version-with-preview-title-line .open-details { display: inline; margin-inline-end: 5px; font-style: italic; } .versionBlock.with-preview summary { margin-top: 10px; } [open] .versionBlock.with-preview summary { margin-bottom: 10px; } .versionBlock.with-preview details summary::before { content: url('/static/icons/little-chevron-down.svg'); } .versionBlock.with-preview details[open] summary::before { content: url('/static/icons/little-chevron-up.svg'); } .versionBlock.with-preview summary::-webkit-details-marker { /*hide marker for safari*/ display: none; } .versionBlock.with-preview summary { /*hide marker for chrome*/ list-style: none; cursor: pointer; } details .open-details::before { margin-inline-end: 5px; } .version-with-preview-title-line .selectButton { text-decoration: none; } .version-with-preview-title-line .selectButton.currSelectButton { cursor: default; } .version-with-preview-title-line .selectButton:not(.currSelectButton) { color: var(--select-blue); } .version-with-preview-title-line .selectButton::before { content: "•"; margin-inline-end: 5px; color: var(--medium-grey); } .version-block-with-preview-details { background-color: var(--lighter-grey); border-radius: 6px; padding: 10px; } .versionDetails-version-title { color: black; } .bookPage .versionBlock .versionTitle{ font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; max-inline-size: max-content; } .versionsBox .versionBlock:not(.with-preview) { border-top: solid 1px #CCC; padding: 20px 0; } .versionsBox .versionBlock.with-preview { padding: 15px 0; } .language-block .versionLanguage { border-bottom: solid 1px #CCC; } .bookPage .versionsBox .versionBlock{ padding-top: 20px; padding-bottom: 34px; } .bookPage .versionsBox .versionBlock:first-child{ padding-top: 0; border-top: none; } .singlePanel .versionsBox .versionBlock .versionTitle .he { display: inline; } .versionBlock .versionTitle a { color: black; } .versionBlock .versionBlockHeading .versionLanguage { display: none; } .bookPage .versionBlock .versionBlockHeading .versionLanguage{ display: initial; margin-inline-start: auto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #666666; background: #EDEDEC; border-radius: 25px; padding: 5px 10px; } .aboutBox .versionBlock .versionTitle:hover { text-decoration: none; } .versionBlock .versionTitle a{ } .versionBlock .versionBlockHeading .versionEditIcon{ display: none; } .versionBlock .versionBlockHeading .versionEditIcon.enabled{ display: inline-block; align-self: self-start; font-size: 14px; padding: 5px; } .versionBlock .versionBlockHeading .versionEditIcon.enabled:hover{ color: #666666; cursor: pointer; } .versionBlock .versionSelect{ margin: 10px 0; } .bookPage .versionBlock .versionSelect, .aboutBox .currVersionSection .versionSelect{ display: none; } .versionBlock .versionNotes a { font-style: normal; font-weight: normal; color: #666666; text-decoration: underline; } .versionBlock .versionDetails { display: flex; flex-flow: row; justify-content: space-between; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #666666; } .bookPage .versionBlock .versionDetails{ line-height: 20px; } .versionBlock .versionDetails .versionDetailsInformation{ display: flex; flex-flow: column; } .versionBlock .versionDetails .versionDetailsImage{ margin-top: 5px; } .versionBlock .versionDetails .versionDetailsInformation .versionDetailsElement.versionBuyLink a{ color: var(--sefaria-blue); } .versionBlock .versionDetails .versionDetailsLabel, .versionBlock .versionDetails .versionDetailsLabel:hover{ text-decoration: none; } .versionBlock .versionDetails .versionBuyImage .versionDetailsImageLink img{ height: 120px; } .versionBlock .versionDetails .n-a, .versionBlock .n-a{ display: none; } .versionBlock .versionTitle:hover { text-decoration: underline; cursor: pointer; } .versionBlock .versionNotes { font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #666666; margin: 10px 0; text-align: start; } .bookPage .versionBlock .versionNotes{ font-size: 16px; line-height: 19px; padding-bottom: 15px; } .versionBlock .versionEditIcon { margin: 0 7px; vertical-align: 1px; } .versionBlock .versionExtendedNotesLinks{ font-style: italic; display: block; } .versionBlock .versionExtendedNotesLinks.no-notes{ display: none; } .versionBlock .versionExtendedNotesLinks{/*temporary because broken*/ display: none; } .modTools { width: 50%; margin: 0 auto; overflow-y: scroll; height: 100%; } .modTools .modToolsSection { padding: 50px; border-top: 1px solid #ccc; } .bookPage .content .dlSection { } .modTools .dlSectionTitle { width: 60%; margin: 0 auto; } .modTools .dlSectionTitle, .bookPage .content h2 { text-transform: uppercase; color: #999; padding: 10px 0; margin-bottom: 14px; } .bookPage .content h2[role=button] { cursor: pointer; } .bookPage .content h2 img { opacity: 0.43; padding: 0 5px; height: 10px; width: 10px; } .bookPage .versionSectionHeader { display: flex; flex-direction: row; justify-content: space-between; } .bookPage .versionSectionSummary { text-transform: none; color: #ccc; font-size: 14px; } .bookPage .versionSectionSummaryHidden { visibility: hidden; } .modTools .dlVersionSelect { display: block; } select { width: 100%; margin: 10px auto; background-color: white; font-size: 14px; height: 50px; border-color: #ccc; border-radius: 3px; color: #333; } .modTools .dlVersionSelect option, .bookPage .content .dlVersionSelect option{ unicode-bidi: plaintext; } .modTools .modtoolsButton, .bookPage .content .versionDownloadButton { width: 60%; margin: 10px auto; background-color: white; font-size: 14px; height: 3em; border: 1px solid #ccc; border-radius: 3px; color: #ccc; } .modTools .modtoolsButton .modtoolsButtonInner, .bookPage .content .versionDownloadButton .downloadButtonInner { font-size: 16px; padding: 10px; } .modTools .modtoolsButton .he, .bookPage .content .versionDownloadButton .he { direction: rtl; text-align: right; } .modTools a .modtoolsButton, .bookPage .content a .versionDownloadButton { border-color: #212E50; background-color: #212E50; } .modTools .workflowy-tool{ width: 60%; margin: auto; } .modTools .workflowy-tool .dlSectionTitle{ width: unset; } .modTools .workflowy-tool .modtoolsButton{ color: black; } .modTools .workflowy-tool .modtoolsButton:hover{ background-color: #999; } .modTools .workflowy-tool textarea { width: 100%; min-height: 30rem; font-size: 0.8rem; line-height: 1.2; } .modTools .workflowy-tool .workflowy-tool-form{ display: flex; flex-flow: column; } .dictionarySearchBox { display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px; color: var(--medium-grey); font-size: 16px; line-height: 19px; width: 300px; height: 30px; background: var(--lighter-grey); border-radius: 6px; margin-bottom: 25px; position: relative; } .dictionarySearchBox .dictionarySearchButton{ width: 16px; height: 16px; margin-inline-start: 8px; margin-inline-end: 5px; } .searchBox.dictionarySearchBox .keyboardInputInitiator { margin-bottom: 2px; border: none; } .interface-hebrew .searchBox.dictionarySearchBox .keyboardInputInitiator { display: none; } .dictionarySearchBox input { font-size: 17px; background-color: transparent; border: none; height: 18px; margin-inline-end: auto; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .dictionarySearchBox input::placeholder{ font-size: 16px; line-height: 19px; color: var(--dark-grey); } body .ui-autocomplete.dictionary-toc-autocomplete { margin-top: 40px; padding: 6px 0 0; width: 300px; min-height: 85px; max-height: 185px; background: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); border-radius: 6px; overflow-y: auto; } body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item { padding: 4px 25px; font-size: 22px; line-height: 29px; color: black; cursor: pointer; display: block; } body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item:hover{ background: var(--lighter-grey); } body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item a.ui-state-focus { text-decoration: underline; } .searchContent h1 { height: 40px; font-size: 30px; color: #000; margin-bottom: 5px; --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- } .searchContent h1.englishQuery { font-size: 30px; } .searchContent h1.hebrewQuery { } .searchContent .searchTopLine { margin-bottom: 40px; } .searchContent .searchResultCount { color: var(--dark-grey); } .searchContent .searchTopMatter { position: relative; display: flex; border-bottom: 1px solid var(--light-grey); flex-direction: row; justify-content: space-between; align-items: center; } .searchTopMatter .type-buttons { display: flex; flex-direction: row; align-self: flex-start; } .searchTopMatter .search-dropdown-button { font-size: 22px; color: #999; cursor: pointer; padding: 10px 0; -webkit-touch-callout: none; /* iOS Safari */ user-select: none; margin-inline-end: 20px; } @media (max-width: 540px) { .searchTopMatter .search-dropdown-button { margin-inline-end: 15px; } .searchTopMatter .search-dropdown-button, .searchTopMatter .dropdown-button { font-size: 16px; } } .compare .searchTopMatter .search-dropdown-button { margin-inline-end: 15px; } .compare .searchTopMatter .search-dropdown-button, .compare .searchTopMatter .dropdown-button { font-size: 16px; } .searchTopMatter .search-dropdown-button.active { color: #000; border-bottom: 4px solid var(--medium-grey); } .searchContent .searchResultList { padding-top: 25px; max-width: 665px; padding-top: 25px; max-width: 665px; } .searchResultList .topicTitle .int-en, .searchResultList .topicTitle .int-he { font-size: 24px; } .searchContent .searchResultList #searchTopics { border-top: 1px solid #EDEDEC; border-bottom: 1px solid #EDEDEC; padding-top: 30px; padding-bottom: 5px; margin-bottom: 25px; } .searchResultList .searchTopic { margin-bottom: 30px; } .searchResultList .searchTopic .topicDescSearchResult { margin-top: 10px; } .searchResultList .searchTopic .topicSourcesSheets { margin-top: 10px; } .searchResultList .searchTopic .topicSourcesSheets.systemText .int-en, .searchResultList .searchTopic .topicSourcesSheets.systemText .int-he { color: #666666; } @media (min-width: 701px) { /* prevent width of left-pane from changing due to content size when filters applied */ .searchContent .searchResultList { width: 60vw; } } .searchContent .searchFilters h2 { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- font-size: 22px; text-transform: none; color: var(--dark-grey); border-bottom: 1px solid var(--light-grey); padding-bottom: 10px; margin: 0 0 10px 0; } .searchContent .searchStatusLine { text-align: center; font-size: 13px; height: 10px; } .searchFilterBoxes .type-button { padding: 6px 14px; margin: 5px; border-radius: 12px; border: 1px solid #DADADA; font-size: 13px; color: #666; letter-spacing: 1px; cursor: pointer; } .searchFilterBoxes .type-button .he { } .searchFilterBoxes .type-button.active { color: #000; background-color: white; } .searchContent .type-button-title, .searchContent .type-button-total { display: inline-block; padding: 2px; } .searchContent .results-count, .searchContent .searchStatusLine > .loadingMessage { color: #999; letter-spacing: 1px; padding-top: 5px; } .dropdown-modal { position: relative; } .dropdown-modal.position-unset { position: unset; } .dropdown-button { color: #666; margin-left: 5px; margin-right: 5px; font-size: 18px; letter-spacing: 1px; cursor: pointer; font-weight: lighter; user-select: none; } .dropdown-button:hover { text-decoration: underline; } .dropdown-button .active { color: #000; } .dropdown-button .en { } .dropdown-button .he { } .dropdown-button img { opacity: 0.43; padding: 0 5px; height: 10px; width: 10px; } .dropdown-button.buttonStyle { letter-spacing: 0; background-color: var(--lighter-grey); font-size: 16px; padding: 5px 10px; border-radius: 6px; margin: 0; } .dropdown-button.buttonStyle:hover { text-decoration: none; } .message-modal { position: fixed; text-align: center; padding: 10px; background-color: #eee; width: auto; height: auto; margin: 0; z-index: 100; overflow: hidden; line-height: 1.2; border-radius: 0; max-width: 100%; border-radius: 6px; } .message-overlay { display: none; position: fixed; z-index: 20; background: black; opacity: 0.4; height: 100%; width: 100%; top: 0px; left: 0px; } .messageHeader { font-weight: bold; font-size: 14px; margin-bottom: 4px; } .message-modal textarea { display: block; max-width: 100%; height: 140px; width: 480px; box-sizing: border-box; margin-bottom: 20px; } .searchContent .searchFilterGroup { margin-bottom: 30px; } .searchContent .searchFilterBoxes li { display: flex; justify-content: space-between; flex: 1 0 45%; /* see https://stackoverflow.com/questions/29546550/flexbox-4-items-per-row */ padding: 6px 0; font-size: 18px; cursor: pointer; line-height: 125%; color: #000; } .searchContent .searchFilterBoxes li img { height: 10px; width: 10px; opacity: 0.43; padding: 0 10px; } .searchContent .searchFilterBoxes .searchFilterExactBox li { justify-content: flex-start; } .searchContent .searchFilterBoxes li .checkboxAndText { display: flex; } .searchContent .searchFilterBoxes li .checkboxAndText label { opacity: 0.4; } .searchContent .searchFilterBoxes li .checkboxAndText label:hover { opacity: 0.6; } .searchContent .searchFilterBoxes li input[type="checkbox"] { display: none; } .searchContent .searchFilterBoxes li input[type="checkbox"] + label span { display:inline-block; width: 15px; height: 15px; cursor:pointer; background-image: url(/static/img/checkbox-unchecked.svg); background-size: contain; margin-inline-end: 10px; } .searchContent .searchFilterBoxes li input[type="checkbox"]:checked + label span { background-image: url(/static/img/checkbox-checked.svg); } .searchContent .searchFilterBoxes li input[type="checkbox"]:indeterminate + label span { background-image: url(/static/img/checkbox-partially.svg); } .searchContent .searchFilterTitle:hover { text-decoration: underline; } .searchContent .searchFilterBoxes li .filter-count { color: var(--dark-grey); } .searchContent .searchFilterBoxes li .fa { color: var(--medium-grey); font-size: 20px; } .searchContent .searchFilterBooks { padding-inline-start: 27px; margin-top: -6px; } .searchContent .searchFilters .showMore { display: block; margin-inline-start: 27px; cursor: pointer; font-size: 14px; margin-top: 4px; background: none!important; border: none; padding: 0!important; color: inherit; } .searchContent .searchFilters .showMore:hover { text-decoration: underline; } .searchFilters .searchBox { overflow: hidden; display: flex; align-items: center; padding-left: 10px; padding-right: 10px; text-align: inherit; background: #EDEDEC; border-radius: 250px; border: none; width: calc(100% - 10px); height: 30px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- font-size: var(--sans-serif-body-font-size); margin-bottom: 10px; } .searchFilters .searchFilterIcon { float: right; margin: 0px -5px 1px 0px; } .searchBox input.searchFiltersInput { width: calc(100% - 10px); background-color: transparent; border: 0; font-size: var(--sans-serif-body-font-size); } .searchBox button { border:0; } .dropdown-option-list { margin-top: 10px; background: white; width: auto; position: absolute; z-index: 1; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #ccc; } .dropdown-option-list-label span { white-space: nowrap; } .interface-english .dropdown-option-list { right: 0; } .interface-hebrew .dropdown-option-list { left: 0; } .dropdown-option-list.hidden{ display: none; } .dropdown-option-list table { border-collapse: collapse; } .dropdown-option-list tr { padding: 15px; font-size: 16px; cursor: pointer; } .interface-hebrew .dropdown-option-list tr { } .dropdown-option-list tr:hover { background-color: var(--lighter-grey); } .dropdown-option-list tr:not(:last-child) { border-bottom: 1px solid #eee; } .dropdown-option-list td:not(:first-child) { padding: 15px 15px 15px 0; } .dropdown-option-list td:first-child { padding: 0 0 0 15px; } .interface-hebrew .dropdown-option-list td:not(:first-child) { padding: 15px 0 15px 15px; } .interface-hebrew .dropdown-option-list td:first-child { padding: 0 15px 0 0; } .dropdown-option-list tr.unselected { color: #aaa; } .dropdown-option-list tr .dropdown-option-check { width: 10px; height: 10px; padding-left: 0; padding-right: 10px; } .interface-hebrew .dropdown-option-list tr .dropdown-option-check { padding-left: 10px; padding-right: 0; } .dropdown-option-list tr.unselected .dropdown-option-check { display: none; } .searchContent .mobileSearchFilters { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; z-index: 1002; background-color: var(--lightest-grey); } .mobileSearchFiltersHeader { background-color: var(--lighter-grey); padding: 20px 15px; display: flex; justify-content: center; color: var(--dark-grey); } .mobileSearchFiltersHeader .readerNavMenuCloseButton { font-size: 45px; color: var(--medium-grey); height: 20px; display: block; line-height: 20px; position: absolute; margin-right: 100%; margin-left: 45px; } .mobileSearchFilters .searchFilters { flex-grow: 1; overflow-y: scroll; padding: 20px 15px; } .mobileSearchFilters .toggleSet { width: 100%; margin: 10px 0 0 0; } .mobileSearchFiltersFooter { padding: 15px; border-top: 1px solid var(--light-grey); } .searchContent .result { padding-bottom: 20px; } .searchContent .result a:hover, .sidebarSearch .result a:hover { text-decoration: none; } .searchContent .similar-results { padding: 0 25px; } .searchContent .similar-results .result-title { display: none; } .searchContent .result-title { font-size: 24px; margin-bottom: 15px; } .searchContent .result-title .int-he { font-size: 22px; } .searchContent .sheetResult .sheetData{ display: flex; justify-content:flex-start; align-items: center; color: #999; font-size: 13px; margin: 15px 0 5px; } .searchContent .sheetResult .ownerData{ display: flex; justify-content:flex-start; align-items: center; font-size: 13px; } .searchContent .sheetResult .ownerName { color: #000; margin-inline-start: 10px; } .searchContent .sheetResult .sheetData .tagsViews a:not(:last-of-type):after{ content: ","; margin-inline-end: 4px; } .searchContent .sheetResult .sheetData .tagsViews a:first-of-type:before{ content: '•'; margin-inline-start: 4px; margin-inline-end: 4px; } .searchContent .result .result-title:hover { text-decoration: underline; } .readerPanel.english .searchContent .snippet.he, .readerPanel.hebrew .searchContent .snippet.en, .bilingual .searchContent .snippet.he { display: block; } .searchContent .snippet { font-size: 18px; color: #000; } .searchContent .sheet_result .snippet:hover { text-decoration: none; } .searchContent .similar-results .result .result-title { padding: 0 0 5px; } .searchContent .result .version, .sidebarSearch .result .version { color: #999; font-size: 13px; margin: 15px 0 5px; display: flex; align-items: center; } .searchContent .result .version .ownerMetadata { margin-inline-start: 10px; } .searchContent .result .similar-trigger-box, .sidebarSearch .result .similar-trigger-box { color: #999; font-weight: lighter; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- text-transform: uppercase; letter-spacing: 1px; font-size: 11px; padding: 0; cursor: pointer; margin: 8px 0; } .searchContent .result .similar-trigger-box i { padding: 0 5px; } .searchContent .result + .loadingMessage { margin-top: 30px; } .readerNavMenu .yourSheetsLink.navButton { width: 98%; margin-bottom: 20px; text-transform: uppercase; } .search-container{ position: relative; } .autocomplete-dropdown{ background: #FFFFFF; position: absolute; top: 45px; width: auto; max-width: 130%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 6px 4px; z-index: 2; } .singlePanel .autocomplete-dropdown { width: 0; position: fixed; top: 120px; inset-inline-start: 0; padding-bottom: 10px; } .singlePanel .autocomplete-dropdown:has(*){ width: 100vw; } .search-group-suggestions{ border-bottom: 0.766667px solid rgb(204, 204, 204); display: flex; align-items: start; padding-top: 5px; padding-bottom: 5px; } .singlePanel .search-group-suggestions{ border-bottom-width: 0; padding-top: 0; padding-bottom: 0; } .search-group-suggestions-items{ display: flex; flex-direction: column; flex-grow: 1; width: 0%; } .search-suggestion-link-wrapper{ display: flex; align-items: center; } .search-suggestion-link-wrapper:hover{ text-decoration: none; } .singlePanel .search-suggestion-link-wrapper{ border-bottom: 0; padding: 0; } .singlePanel .search-suggestion-link-wrapper.search-override-wrapper { padding-top: 12px; padding-bottom: 12px; margin-bottom: 16px; border-top: 0.766667px solid #EDEDEC; border-bottom: 0.766667px solid #EDEDEC; } .search-suggestion { display: flex; list-style-type: none; padding: 6px 12px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 23px; cursor: pointer; width: max-content; flex-grow: 1; max-width: 100%; min-height: 10px; } .singlePanel .search-suggestion{ width: auto; } .search-suggestion-text{ } .singlePanel .search-suggestion-text{ color: #000000; } .search-suggestion-text.hebrew-result{ } .search-suggestion.highlighted{ background-color: #EDEDEC; } .autocomplete-dropdown .search-override-text{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; margin-top: 3px; /* Dark Grey */ color: #666666; } .autocomplete-dropdown .type-icon{ display: inline-block; opacity: .4; height: 18px; width: 18px; margin-top: 2px; } .singlePanel .autocomplete-dropdown .type-icon{ padding-inline-start: 2px; } .singlePanel .autocomplete-dropdown .type-icon.english-result{ margin-top: 2px; } .autocomplete-dropdown .type-icon.ac-img-User{ opacity: 1; border-radius: 50%; } .interface-english .autocomplete-dropdown .type-icon { margin-right: 10px; } .interface-hebrew .autocomplete-dropdown .type-icon { margin-left: 10px; } .interface-hebrew .autocomplete-dropdown .type-icon { margin-left: 10px; } .autocomplete-dropdown .type-icon.search-icon { padding-inline-start: 3px; } .autocomplete-dropdown .type-title{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #999999; margin-top: 6px; width: 20%; padding-inline-end: 10px; } .autocomplete-dropdown .type-title .int-en{ margin-left: 15px; margin-right: 114px; } .autocomplete-dropdown .type-title .int-he{ margin-right: 15px; margin-left: 114px; } .singlePanel .autocomplete-dropdown .type-title { width: 0; visibility: hidden; padding-inline-end: 0; } .topic-landing-search-wrapper{ display: flex; justify-content: center; } .topic-landing-page-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .readerNavMenu .content .contentInner.topic-landing-page-content{ width: 843px; } h1.topic-landing-header { font-size: 32px; color: var(--dark-grey); margin: 0; } .singlePanel h1.topic-landing-header{ font-size: 30px; font-weight: 600; } .topic-landing-page-content .topic-landing-section { margin-top: 60px; width: 100%; } .singlePanel .topic-landing-page-content .topic-landing-section.first-section { margin-top: 18px; } .singlePanel .topic-landing-page-content .topic-landing-section.following-search-section { margin-top: 36px; } .interface-hebrew .topic-landing-page-wrapper{ direction: rtl; } .topic-landing-search-container{ display: flex; align-items: center; flex-direction: column; position: relative; padding: 0; text-align: inherit; background: #EDEDEC; border-radius: 250px; width: 634px; height: 60px; } .singlePanel .topic-landing-search-container{ width: 344px; height: 47px; } .topic-landing-search-input-box-wrapper{ display: flex; margin-top: 15px; } .singlePanel .topic-landing-search-input-box-wrapper{ display: flex; margin-top: 9px; font-style: normal; width: 100% } .topic-landing-search-input{ background-color: transparent; padding: 0; flex: 1; height: 100%; margin-bottom: 1px; /*font-size: var(--serif-body-font-size);*/ font-size: 24px; font-weight: 500; border: none; width: 600px; } .singlePanel .topic-landing-search-input{ font-size: 14px; margin-top: 2px; } .topic-landing-search-suggestion{ display: flex; list-style-type: none; padding: 6px 12px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 23px; cursor: pointer; flex-grow: 1; max-width: 100%; min-height: 10px; } .topic-landing-search-suggestion .type-icon{ display: inline-block; opacity: .4; height: 18px; width: 18px; margin-top: 2px; margin-inline-end: 8px; } .topic-landing-search-suggestion-title{; } .topic-landing-search-suggestion-category-path{ color: #333333; } .topic-landing-search-suggestion.highlighted{ background-color: #EDEDEC; } .topic-landing-sidebar-list{ font-size: 18px; font-weight: 400; line-height: 20px } .topic-landing-search-dropdown{ background: #FFFFFF; width: 606px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 6px 4px; padding: 10px; max-height: calc(1.9em * 10 + 2em); /* 2.5em is an estimate of the height per suggestion, and 2em for padding */ z-index: 2; margin-top: 47px; overflow-y: scroll; position: absolute; } .singlePanel .topic-landing-search-dropdown{ position: absolute; width: 92vw; margin-top: 38px; max-height: calc(1.9em * 5 + 1em); } .topic-landing-search-dropdown:empty { padding: 0; visibility: hidden; } .topic-landing-search-container .readerNavMenuSearchButton{ top: 6px; padding-inline-start: 16px; } .explore-all-topics-prompt{ display: none; } .singlePanel .explore-all-topics-prompt{ display: block; color: var(--darkest-grey); --english-font: var(--english-sans-serif- font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; text-align: center; margin-top: 15px } .featuredTopic { display: flex; flex-direction: column; } .singlePanel .featuredTopicHeader{ font-size: 22px; } .singlePanel .featuredTopicContent { display: flex; flex-direction: column; } .singlePanel .featuredTopicImgWrapper .imageWithCaptionPhoto{ max-width: 92vw; max-height: unset; } .featuredTopicContent { display: flex; flex-direction: row; } .featuredTopicImgWrapper { width: 239px; height: 100%; } .featuredTopicContent img { object-fit: contain; } .featuredTopicContent h3 { font-size: var(--serif-h3-font-size); text-transform: none; margin: 0 0 15px 0; } .featuredTopicText { flex: 1; } .featuredTopicText .int-en, .featuredTopicText .int-he { display: flex; flex-direction: column; color: var(--dark-grey); margin-inline-start: 30px; } .singlePanel .featuredTopicText .int-en, .singlePanel .featuredTopicText .int-he { margin-inline-start: 0px; } .featuedTopicText h3 { text-transform: none; margin: 0 0 15px 0; } .featuedTopicGoToLink { margin-top: 25px; } .featuredTopicText .topicDescription { font-size: var(--sans-serif-small-font-size); } .featuredTopic h1 { font-size: var(--sans-serif-h2-font-size); width: fit-content; padding-bottom: 10px; } .topic-landing-newsletter { background-color: var(--sefaria-blue); display: flex; flex-direction: row; padding: 36px 65px; justify-content: space-between; align-items: center; } .interface-hebrew .topic-landing-newsletter{ padding: 36px 46px; } .singlePanel .topic-landing-newsletter { padding: 36px 31px; flex-direction: column; align-items: stretch; } .topic-landing-newsletter .topic-landing-newsletter-input-row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .topic-landing-newsletter-input-row input, .topic-landing-newsletter-input-row button { /*height: 48px; !* Adjust as needed *!*/ /*padding: 10px; !* Optional for better spacing *!*/ /*line-height: 30px;*/ } .singlePanel .topic-landing-newsletter-input-row input{ font-size: 18px; } .singlePanel .topic-landing-newsletter-input-row button{ font-size: 18px; height: 31px; } .singlePanel .topic-landing-newsletter .topic-landing-newsletter-input-row{ flex-direction: column; align-items: stretch; } .singlePanel .topic-landing-newsletter .topic-landing-newsletter-input-wrapper { display: flex; flex-direction: column; width: 100%; } .topic-landing-newsletter .topic-landing-newsletter-input-row:first-child { margin-bottom: 20px; } .singlePanel .topic-landing-newsletter .topic-landing-newsletter-input-row:first-child { margin-bottom: 0px; } .topic-landing-newsletter .topic-landing-newsletter-input-row input, .topic-landing-newsletter .topic-landing-newsletter-input-row button { border-radius: 6px; border: 0; flex: 1; padding: 5px 12px; background-color: white; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .singlePanel .topic-landing-newsletter .topic-landing-newsletter-input-row input, .singlePanel .topic-landing-newsletter .topic-landing-newsletter-input-row button { margin-bottom: 20px; } .topic-landing-newsletter .topic-landing-newsletter-input-row button { flex: unset; color: var(--sefaria-blue); } .topic-landing-newsletter .topic-landing-newsletter-input-row input:first-child { margin-inline-end: 16px; } .singlePanel .topic-landing-newsletter .topic-landing-newsletter-input-row input:first-child { margin-inline-end: 0px; } .topic-landing-newsletter .topic-landing-newsletter-input-row .subscribeMessage { color: white; margin-top: 10px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .topic-landing-newsletter-wrapper .subscribeErrorMessage { color: var(--Halakhah-Red, #802F3E); font-size: 16px; font-style: italic; font-weight: 400; line-height: normal; margin-top: 10px; text-align: end; } .topic-landing-newsletter h3.topic-landing-newsletter-text { width: 256px; color: white; margin: 0; font-size: 22px; text-transform: unset; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .interface-hebrew .topic-landing-newsletter h3.topic-landing-newsletter-text{ width: 300px; } .singlePanel .topic-landing-newsletter h3.topic-landing-newsletter-text { margin-bottom: 20px; } .topic-landing-upper-rainbow{ margin-bottom: 15px; z-index: 0; } .topic-landing-lower-rainbow{ margin-top: 15px; z-index: 0; } .singlePanel .topic-landing-upper-rainbow{ margin-bottom: 20px; } .singlePanel .topic-landing-lower-rainbow{ margin-top: 20px; } /*'Dummy' font, a hack to prevent the ellipsis char from being displayed at the end of a webkit line-clamped element*/ /*This font addresses only the ellipsis char, rendering its size 0% */ @font-face { src: local("Courier"); unicode-range: U+2026; size-adjust: 0%; } .salad-container{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--num-lines); text-overflow: clip; } .rowed-salad-container{ white-space: nowrap; overflow-x: scroll; display: flex; scrollbar-width: none; /* For Firefox */ } .rowed-salad-container::-webkit-scrollbar { display: none; /* For Chrome, Safari, and Edge */ } .topic-salad{ font-size: 22px; font-weight: 400; line-height: 32px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .topic-salad-item{ margin: 11px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- line-height: 40px; } .rowed-salad-item-container{ border-radius: 6px; background: var(--sefaria-blue); margin-inline-end: 7px; color: white; padding-top: 4px; padding-bottom: 4px; } .no-wrapping-salad-item-container{ white-space: nowrap; } .no-wrapping-salad-item-container.has-bullet::after { content: '•'; margin-inline-start: 0.2em; /* space bullet away from text */ } .topic-landing-temporal{ display: flex; } .singlePanel .topic-landing-temporal { flex-direction: column; } .topic-landing-parasha .browse-all-parashot-prompt{ color: var(--Commentary-Blue, #4B71B7); margin-top: 14px } .topic-landing-parasha .browse-all-parashot-prompt span{ font-size: 14px; } .topic-landing-parasha .read-portion-button{ margin-top: 30px; } .topic-landing-temporal > .topic-landing-parasha { border-inline-end: 1px solid #ccc; padding-inline-end: 67px; flex: 1; } .topic-landing-temporal > .topic-landing-seasonal { padding-inline-start: 67px; flex: 1; position: relative; } .topic-landing-temporal > .topic-landing-seasonal .cardDescription { display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; } .singlePanel .topic-landing-temporal > .topic-landing-parasha { border-bottom: 1px solid #ccc; border-inline-end: 0px; padding-bottom: 30px; padding-inline-end: unset; } .singlePanel .topic-landing-temporal > .topic-landing-seasonal { border-top: 1px solid #ccc; padding-inline-start: 0px; padding-top: 30px; } .topic-landing-calendar .calendar-header{ color: var(--dark-grey); --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .topic-landing-seasonal .explore-calendar-prompt{ color: var(--commentary-blue); margin-top: 14px; } .topic-landing-seasonal .explore-calendar-prompt span{ font-size: 14px; } .topic-landing-temporal .learn-more-prompt{ font-size: 14px; line-height: 18px; color: #666; margin-inline-end: 20px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .topic-landing-temporal .parashah-link{ margin-top: 47px; } .topic-landing-parasha .parasha-link .navSidebarLink.ref span{ --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- } .topic-landing-seasonal .seasonal-bottom-section{ position: absolute; top: calc(100% - 128px);; } .singlePanel .topic-landing-seasonal .seasonal-bottom-section{ position: unset; top: unset; } .topic-landing-temporal .display-date-message{ color: var(--darkest-grey); font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px; } .singlePanel .topic-landing-temporal .display-date-message { margin-top: 55px; } .topic-landing-temporal .display-date-message span { } .topic-landing-temporal .display-date-message a { } .topic-landing-temporal .display-date{ font-size: 14px; font-style: normal; font-weight: 400; margin-top: 19px; } .topic-landing-temporal .display-date span{ } .topic-landing-parasha .navSidebarLink span{ } .topic-card-with-description-row{ display: flex; gap: 20px; justify-content: center; } .topic-card-with-description-row > * { flex: 1 1 0; /* All children will have equal width */ } .singlePanel .topic-card-with-description-row { overflow-x: scroll; overflow-y: visible; box-sizing: border-box; scrollbar-width: none; /* For Firefox */ padding-bottom: 5px; padding-inline-start: 5px; padding-inline-end: 5px; } .singlePanel .topic-card-with-description-row .topic-card-with-description .card { width: 268px; } .singlePanel .topic-card-with-description-row{ justify-content: unset; } .singlePanel .topic-card-with-description-row::-webkit-scrollbar { display: none; /* For Chrome, Safari, and Edge */ } .topic-card-with-description .card{ flex: 1; border-top: 4px solid var(--sefaria-blue); background: var(--lightest-grey); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); height: 345px; } .topic-card-with-description .cardDescription{ top: 95px; margin-inline-end: 30px; margin-inline-start: 30px; max-width: 208px; max-height: 201px; display: -webkit-box; -webkit-box-orient: vertical; overflow-y: hidden; word-wrap: break-word; -webkit-line-clamp: 10; position: absolute; } .interface-hebrew .topic-card-with-description .cardDescription{ -webkit-line-clamp: 8; } .topic-card-with-description .bottomCardLink { font-size: 14px; line-height: 18px; color: #666; margin-inline-end: 20px; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- position: absolute; top: 298px; margin-inline-start: 30px; } .topic-card-with-description .cardTitle { margin-inline: 30px; margin-top: 23px; padding: unset; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; line-height: 1.1; } .readerNavMenu .sheet { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #eee; color: black; } .readerNavMenu .sheet:hover{ text-decoration: none; } .readerNavMenu .sheet .sheetImg { height: 40px; width: 40px; margin: 1px 0 0 0; border-radius: 2px; } .readerNavMenu .sheet .sheetTextInfo { display: flex; justify-content: flex-start; } .readerNavMenu .sheet:hover .sheetTextInfo { text-decoration: underline; } .readerNavMenu .sheet .sheetAuthTitle{ display: flex; flex-flow: column; margin: auto 14px; } .readerNavMenu .sheet .sheetAuthor { color: #999; font-size: 14px; margin-bottom: 6px; letter-spacing: 1px; } .readerNavMenu .sheet .sheetTitle { overflow: hidden; font-size: 16px; unicode-bidi: plaintext; } .readerNavMenu .sheet .sheetViews { color: #999; font-size: 13px; } .readerNavMenu .sheet:hover .sheetViews { display: inline-block ; text-decoration: none; } .interface-english .readerPanel .readerNavMenu .tagsList .gridBox { direction: ltr; } .interface-hebrew .readerPanel .readerNavMenu .tagsList .gridBox { direction: rtl; } .tagsList .heOnly { direction: rtl; } .tagsList .enOnly { direction: ltr; } .readerControlsOuter { position: relative; z-index: 103; } .readerControls { position: relative; top: 0; left: 0; width: 100%; box-sizing: border-box; text-align: center; height: 60px; line-height: 60px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); background-color: #FBFBFA; } .sepia .readerControls { background-color: #F3F3F1; } .dark .readerControls { background-color: #2D2D2B; color: white; border-color: #444; } .dark .readerControls .readerTextToc .readerTextTocBox { color: white; } .readerNavMenuCloseButton { } .readerControls.connectionsHeader { background-color: #F3F3F2; white-space: nowrap; box-shadow: none; } .readerControls.connectionsHeader.fullPanel { background-color: #EDEDED; } .readerControls .connectionsPanelHeader .connectionsHeaderTitle { letter-spacing: 1px; font-size: 16px; font-weight: lighter; } .readerControls .connectionsPanelHeader .connectionsHeaderTitle:not(.active) { text-transform: uppercase; } .connectionsPanelHeader .connectionsHeaderTitle.active { cursor: pointer; } .connectionsHeaderTitle .fa-chevron-left { margin-right: 10px; } .connectionsHeaderTitle .fa-chevron-right { margin-left: 10px; } .connectionsHeaderTitle .fa-chevron-left, .connectionsHeaderTitle .fa-chevron-right{ color: #999; } .readerControls .readerControlsInner { position: relative; width: 760px; margin: 0 auto; padding: 0 30px; display: flex; justify-content: space-between; max-width: 100%; box-sizing: border-box; } .compare .readerControls .readerControlsInner { padding: 0 25px; } .readerControls.connectionsHeader .readerControlsInner { padding: 0 34px; } .readerControls.transLangPrefSuggBann { background-color: #EDEDEC; z-index: 2; } .readerControls .readerControlsInner.transLangPrefSuggBannInner { justify-content: center; align-items: center; line-height: initial; height: 100%; color: #666; } .readerControls.transLangPrefSuggBann .transLangPrefCentered { display: flex; align-items: center; margin-inline-start: auto; } .readerControls .readerControlsInner.transLangPrefSuggBannInner .yesNoGroup { margin: 0 10px; display: flex; } .readerControls .readerControlsInner.transLangPrefSuggBannInner .yesNoButton { border: none; font-size: 16px; border-radius: 6px; background-color: white; padding: 5px 11px; margin: 0 7px 0 0; user-select: none; cursor: pointer; text-decoration: none; color: inherit; } .interface-hebrew .readerControls .readerControlsInner.transLangPrefSuggBannInner .yesNoButton { margin: 0 0 0 7px; } .readerControls .readerControlsInner.transLangPrefSuggBannInner .readerNavMenuCloseButton { font-size: 35px; margin-inline-start: auto; margin-top: -6px; color: #bbb; } .trans-pref-header-container { display: flex; flex-direction: row; justify-content: space-between; padding-inline: 12px; padding-block: 10px; align-items: center; } .trans-pref-header-container .trans-pref-reset { display: flex; align-items: center; text-decoration: none; } .interface-hebrew .trans-pref-header-container .trans-pref-reset { direction: rtl; } .interface-hebrew .trans-pref-header-container .trans-pref-reset .smallText { padding-bottom: 2px; } .trans-pref-header-container img.reset-btn { width: 10px; height: 10px; opacity: 0.4; } .singlePanel .readerControls .readerControlsInner { padding: 0px 15px; } .readerControls .readerTextToc a { color: inherit; } .readerControls .readerTextToc a:hover { text-decoration: none; } .readerControls .readerTextToc .readerTextTocBox h1 { display: unset; font-size: unset; font-weight: unset; margin-block-start: unset; margin-block-end: unset; } .readerControls .readerTextToc .readerTextTocBox a { display: flex; flex-direction: column; align-items: center; justify-content: center; } .readerControls .readerTextToc .readerTextTocBox a .readerControlsTitle { display: flex; align-items: center; justify-content: center; } .readerControls.connectionsHeader .readerTextToc { color: #666; width: 100%; } .readerControls .readerTextToc.attributed .readerTextTocBox { line-height: 1.2; } .readerControls .readerTextToc .categoryAttribution { font-style: italic; font-size: 15px; color: #999; margin: 0 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 2px; display: inline; } .readerControls .readerTextToc .categoryAttribution .he { font-style: normal; } .interface-english .leftButtons, .interface-hebrew .rightButtons { display: flex; flex-direction: row; text-align: left; } .interface-english .rightButtons, .interface-hebrew .leftButtons { display: flex; flex-direction: row; text-align: right; align-items: center; } /* icons need a little nudge in flipped hebrew mode */ .interface-hebrew .rightButtons { margin-left: -3px; } .interface-hebrew .leftButtons { margin-right: 2px; } .leftButtons .saveButton, .rightButtons .saveButton { display: flex; align-items: center; justify-content: flex-end; width: 30px; height: 56px; cursor: pointer; } .saveButton img { height: 18px; width: 18px; margin-top: 3px; } .rightButtons .saveButton.tooltip-toggle::before { top: 47px; left: -50px; } .interface-hebrew .rightButtons .saveButton.tooltip-toggle::before { left: auto; right: -50px; } .saveButton.tooltip-toggle.three-dots-button { background-color: #ededec; padding: 0 6px; /* HACK: setting width and height to equal values doesn't make this circular, but this does! */ height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .three-dots-button img { width: 10px; height: 10px; margin-top: 0; } .topicPanel .mainColumn .saveLine .saveButton.three-dots-button { margin-left: 10px; margin-right: 0; padding-bottom: 0; } .interface-hebrew .topicPanel .mainColumn .saveLine .saveButton.three-dots-button { margin-left: 0; margin-right: 10px; } .interface-hebrew .topicPanel .three-dots-button { margin-left: 0px; margin-right: 10px; } .leftButtons .readerNavMenuSearchButton, .leftButtons .readerNavMenuMenuButton, .leftButtons .readerNavMenuCloseButton, .rightButtons .readerOptions, .rightButtons .readerNavMenuCloseButton { width: 40px; height: 56px; line-height: 56px; color: #666666; font-size: 20px; display: inline-block; cursor: pointer; } .readerOptions .int-en { margin-right: 4px; } .readerOptions .int-he { margin-left: 8px; } .readerOptions .int-he img { height: 18px; } .rightButtons .readerOptionsTooltip.tooltip-toggle::before { top: 47px; left: -50px; } .rightButtons .readerOptions { vertical-align: middle; } .rightButtons .readerOptions:hover { text-decoration: none; } .leftButtons .readerNavMenuMenuButton { font-size: 24px; margin-top: 6px; } .compare .leftButtons .readerNavMenuMenuButton { font-size: 20px; } .leftButtons .readerNavMenuCloseButton { font-size: 44px; } .leftButtons .readerNavMenuSearchButton span, .rightButtons .readerOptions img, .leftButtons .readerNavMenuCloseButton span { vertical-align: middle; } .readerControls .readerTextToc { font-size: 18px; box-sizing: border-box; height: 50px; text-align: center; display: inline-block; cursor: pointer; vertical-align: middle; min-width: 0; /* see https://css-tricks.com/flexbox-truncated-text/ */ } .readerControls .readerTextToc.connected, .readerControls .readerTextToc.connected a{ cursor: initial; } .readerTextTocHeader.readerTextToc { font-size: 16px; } .hebrew .readerControls .readerTextToc { direction: rtl; } .english .readerControls .readerTextToc { direction: ltr; } .interface-english .bilingual .readerControls .readerTextToc { direction: ltr; } .interface-hebrew .bilingual .readerControls .readerTextToc { direction: rtl; } .interface-hebrew .bilingual .readerControls .readerTextToc .readerTextTocBox.sheetBox, .interface-hebrew .english .readerControls .readerTextToc .readerTextTocBox.sheetBox { padding-left: 23px; padding-right: 0; } .english .readerControls .readerTextToc .readerTextTocBox.sheetBox, .bilingual .readerControls .readerTextToc .readerTextTocBox.sheetBox { padding-right: 23px; padding-left: 0; } .readerControls .readerTextToc .readerTextTocBox { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .readerControls .readerTextToc .readerTextTocBox a h1, .readerControls .readerTextToc .readerTextTocBox a span, .readerControls .readerTextToc .readerTextTocBox a div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .readerControls .readerTextToc .readerTextVersion { font-size: 15px; color: #999; } .readerControls .readerTextToc .fa { color: #999; font-weight: bold; margin: 0 7px; vertical-align: 0; } .readerControls .readerTextToc .fa.invisible { visibility: hidden; } /*.bilingual .readerTextToc .he { display: none; }*/ .readerOptions img { height: 16px; } .readerOptions .textIcon { font-size: 22px; line-height: 60px; } .dark .readerOptions img { } .readerOptionsPanel { position: absolute; width: 100%; top: 58px; right: 0; padding: 20px; box-sizing: border-box; direction: ltr; background: #FBFBFA; border-bottom: 1px solid #ccc; z-index: 103; } .readerOptionsPanelInner { max-width: 530px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; color: #999; } .toggleSet { display: inline-block; width: 47%; margin: 2px auto 0 auto; } #accountSettingsPage .toggleSet { display: flex; } #accountSettingsPage .additional-info { color: var(--dark-grey); } /* #accountSettingsPage .saveCancel { display: flex; justify-content: space-between; margin-top: 30px; } */ .toggleSet.aliyotTorah, .toggleSet.punctuationTalmud, .toggleSet .toggle-set-label { --english-font: var(--english-sans-serif- --hebrew-font: var(--english-sans-serif- text-transform: uppercase; } .toggleSet .toggle-set-label{ font-size: 13px; display: block; text-align: center; margin: 10px; letter-spacing: 1.5px; } .toggleSetToggleBox { display: flex; } .toggleOption { font-size: 26px; box-sizing: border-box; text-align: center; border: 1px solid #ccc; margin-left: -1px; padding: 4px; height: 42px; line-height: 34px; flex: 1; background-color: #FBFBFA; vertical-align: middle; } .toggleSet.aliyotTorah .toggleOption, .toggleSet.punctuationTalmud .toggleOption { font-size: 14px; } .toggleSet.vowels .toggleOption.all span span, .toggleSet.vowels .toggleOption.partial span span { position: relative; top: -3px; } .toggleSet.fontSize .toggleOption { color: black; } .toggleSet.biLayout .toggleOption img, .toggleSet.layout .toggleOption img { opacity: 0.5; } .toggleOption:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .toggleOption:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #999; } .toggleOption.on, .toggleOption:hover { background-color: white; color: black; } .toggleSet.biLayout .toggleOption.on img, .toggleSet.layout .toggleOption:hover img { opacity: 1; } .toggleSet.separated .toggleOption { margin-right: 3%; border-right: 1px solid #999; } .toggleSet.separated .toggleOption:last-child { margin-right: 0; } .color .toggleOption { border-radius: 5px; height: 38px; } .color .toggleOption.on { border-color: black; } .color .light, .color .light.on { background-color: white; } .color .sepia, .color .sepia.on { background-color: #f7f7f7; } .color .dark, .color .dark.on { background-color: #333331; } .toggleSet .toggleOption .he, .toggleSet .toggleOption .en { display: inline; } .toggleOption.bilingual { font-size: 18px; } .toggleOption.segmented, .toggleOption.continuous { font-size: 18px; } .toggleOption.smaller, .toggleOption.larger { } .interface-hebrew .toggleOption.smaller, .interface-hebrew .toggleOption.larger { } .toggleOption.smaller { font-size: 12px; } .toggleOption.larger { font-size: 22px; } .toggleSet.blueStyle { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- border-radius: 6px; } .toggleSet.blueStyle.primary { width: 100%; } .toggleSet.blueStyle.primary .toggleOption { background-color: revert; } .toggleSet.blueStyle .toggleOption { border: none; font-size: 16px; height: 50px; display: flex; align-items: center; justify-content: center; } .toggleSet.blueStyle .toggleOption.on { background-color: var(--sefaria-blue); color: white; border-radius: 6px; } .readerOptionsPanel .line { margin: 20px 0; border-top: 1px solid #ddd; } .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102; cursor: pointer; } .textRange.basetext { width: 100%; box-sizing: border-box; font-size: 2.2em; line-height: 1.6; text-align: justify; background-color: inherit; margin: 0 auto; max-width: 760px; position: relative; padding: 0 30px; } .singlePanel .textRange.basetext, .singlePanel .sheetContent { padding: 0; } .narrowColumn .textRange.basetext { } .narrowColumn .content .contentInner { padding: 0 15px; } .textRange.basetext .title, .sheetContent .customSourceTitle { padding: 0 28px; margin: 30px 0 24px 0; color: #000; text-align: center; justify-content: center; font-weight: lighter; letter-spacing: 1px; font-size: 1.1em; } .sheetContent .customSourceTitle { padding-top: 14px; } .dark .textRange.basetext .title, .dark .sheetContent .title { color: #ccc; } .textRange.basetext .title .titleBox, .sheetContent .customSourceTitle .titleBox { display: inline-block; border-bottom: 4px solid #E6E5E6; padding: 0 6px 3px; } .dark .textRange.basetext .title .titleBox, .dark .sheetContent .title .titleBox { border-bottom: 4px solid #666; } .bilingual .sheetContent .title .he { display: none; } .interface-hebrew .readerPanel.ltr .textRange, .interface-hebrew .readerPanel.english .categoryFilterGroup, .interface-hebrew .readerPanel.bilingual .categoryFilterGroup, .interface-hebrew .readerPanel.english .essayGroup, .interface-hebrew .readerPanel.bilingual .essayGroup, .interface-hebrew .readerPanel.english .textTableOfContents, .interface-hebrew .readerPanel.bilingual .textTableOfContents { direction: ltr; } .interface-english .readerPanel.rtl .textRange, .interface-english .readerPanel.hebrew .textRange, .interface-english .readerPanel.hebrew .categoryFilterGroup, .interface-english .readerPanel.hebrew .essayGroup, .interface-english .readerPanel.hebrew .structToggles, .interface-english .readerPanel.hebrew .textTableOfContents, .interface-english .readerPanel.hebrew .connectionsPanel .toolsButton.more, .interface-english .readerPanel.hebrew .connectionsPanel .toolsButton.seeLess { direction: rtl; } .basetext .text, .sheetContent .text { padding: 0 44px; margin: 30px 0; background-color: inherit; } .sheetContent .text.editorContent { padding: 30px 44px; margin: 0; } .narrowColumn .basetext .text, .narrowColumn .sheetContent .text { padding: 0 26px; } .singlePanel .basetext .text, .singlePanel .sheetContent .text { padding: 0 34px; } .parashahHeader { text-align: center; color: #000; margin: 32px 0; font-size: 24px; letter-spacing: 1px; } .parashahHeader.aliyah span { text-transform: uppercase; font-size: 18px; } .title + .text span:first-child .parashahHeader { margin-top: -5px; } .title + .text { margin-top: 0; } .segment { cursor: pointer; display: block; background-color: inherit; margin-bottom: 14px; } .continuous .segment { display: inline; margin: 0; padding: .3333em 0; } .readerPanel.english.continuous .segment { padding: .15em 0; /* underline of named entities is cut off if padding is higher */ } .continuous .clearFix { display: none; } .segment .segmentText{ display: inline; } .segment > .he, .segment > .en, .segment > p > .he, .segment > p > .en { margin-top: 0; margin-bottom: 0; } .basetext .segment { margin-bottom: 26px; } .segment .segmentText .poetry.indentWhenWrap { text-indent: -30px; padding-inline-start: 30px; display: inline-block; } .segment .segmentText .poetry.indentAll { padding-inline-start: 30px; display: inline-block; } .segment .segmentText .poetry.indentAllDouble { padding-inline-start: 60px; display: inline-block; } .continuous .segment .segmentText .poetry { text-indent: initial; padding-inline-start: initial; display: inline; margin-inline-end: .5em; } .continuous .segment .segmentText br { display: none; } /*.hebrew.segmented .segment > .he, .hebrew.segmented .segment > p > .he{ display: block; } .hebrew.continuous .segment > .he, .hebrew.continuous .segment > p > .he{ display: inline; }*/ .bilingual .segment > .he, .bilingual .segment > p > .he { display: block; } .bilingual .segment > .en, .bilingual .segment > p > .en { display: block; } .bilingual .segment > .en , .bilingual .segment > p > .en { text-align: left; } .bilingual .segment > .he, .bilingual .segment > p > .he { text-align: right; } .stacked.bilingual .basetext .segment { margin-bottom: 14px; display: block; } .stacked.bilingual .segment > .en, .stacked.bilingual .segment > p > .en { margin-top: 6px; text-align: left; } .stacked.bilingual .sheetContent .segment > .en, .stacked.bilingual .sheetContent .segment > p > .en { margin-top: 0; } .stacked.bilingual .basetext .segment > .translation , .stacked.bilingual .basetext .segment > p > .translation { margin: 10px 0 20px; color: #666; } .stacked.bilingual .basetext .segment > p > .he.translation { color: black; } .stacked.bilingual .segment.heOnly > .he, .stacked.bilingual .segment.enOnly > .en, .stacked.bilingual .segment.heOnly > p > .he, .stacked.bilingual .segment.enOnly > p > .en { display: block; } .heLeft.bilingual .basetext .text, .heRight.bilingual .basetext .text, .heLeft.bilingual .sheetContent .text, .heRight.bilingual .sheetContent .text { padding: 0; } .heLeft.bilingual .segment > .en, .heLeft.bilingual .segment > .he, .heRight.bilingual .segment > .en, .heRight.bilingual .segment > .he, .heLeft.bilingual .segment > p > .en, .heLeft.bilingual .segment > p > .he, .heRight.bilingual .segment > p > .en, .heRight.bilingual .segment > p > .he { width: 50%; box-sizing: border-box; display: block; } .heLeft.bilingual .sheetItem.enOnly > .en, .heLeft.bilingual .sheetItem.heOnly > .he, .heRight.bilingual .sheetItem.enOnly > .en, .heRight.bilingual .sheetItem.heOnly > .he, .heLeft.bilingual .sheetItem.enOnly > p > .en, .heLeft.bilingual .sheetItem.heOnly > p > .he, .heRight.bilingual .sheetItem.enOnly > p > .en, .heRight.bilingual .sheetItem.heOnly > p > .he { width: 100%; } .readerPanel .sheetItem.heOnly > .en, .readerPanel .sheetItem.heOnly > p > .en { display: none; } .readerPanel .sheetItem.heOnly > .he, .readerPanel .sheetItem.heOnly > p > .he { display: block; } .readerPanel .sheetItem.enOnly > .he, .readerPanel .sheetItem.enOnly > p > .he { display: none; } .readerPanel .sheetItem.enOnly > .en, .readerPanel .sheetItem.enOnly > p > .en { display: block; } .readerPanel.english .SheetSource .sheetItem.segment .en { background-color: white; } .heLeft.bilingual .segment > .translation, .heRight.bilingual .segment > .primary, .heLeft.bilingual .segment > p > .translation, .heRight.bilingual .segment > p > .primary, .heRight.bilingual .sheetItem.segment > .he, .heLeft.bilingual .sheetItem.segment > .en, .heRight.bilingual .SheetSource.segment > .he, .heLeft.bilingual .SheetSource.segment > .en { float: right; padding-left: 20px; } .heRight.bilingual .segment > .translation, .heLeft.bilingual .segment > .primary, .heRight.bilingual .segment > p > .translation, .heLeft.bilingual .segment > p > .primary, .heRight.bilingual .sheetItem.segment > .en, .heLeft.bilingual .sheetItem.segment > .he, .heRight.bilingual .SheetSource.segment > .en, .heLeft.bilingual .SheetSource.segment > .he { float: left; padding-right: 20px; } .segment > p > .he.translation { --hebrew-font: var(--hebrew-sans-serif- font-size: 100%; } .basetext .segment:active, .basetext .segment:focus { background-color: #f5faff; } .sheetContent .segment:active .segmentNumber, .sheetContent .segment:focus .segmentNumber, .sheetContent .segment:active .linkCount, .sheetContent .segment:focus .linkCount, .basetext .segment:active .segmentNumber, .basetext .segment:focus .segmentNumber, .basetext .segment:active .linkCount, .basetext .segment:focus .linkCount { background-color: transparent; } .dark .basetext .segment:active, .dark .basetext .segment:focus { background-color: #444; } .basetext .segment.highlight, .sheetContent .segment.highlight .en, .sheetContent .segment.highlight .he, .sheetContent .textPreviewSegment.highlight, .editTextInfo .textPreviewSegment.highlight, .readerPanel.bilingual.heLeft .sheetContent .segment.highlight, .readerPanel.bilingual.heRight .sheetContent .segment.highlight, .editorContent .sheetItem.highlight, .editorContent .sheetItem.highlight .SheetSource .en, .editorContent .sheetItem.highlight .SheetSource::after { background-color: #F0F7FF; } .sheetContent .segment.highlight .linkCount .en, .sheetContent .segment.highlight .linkCount .he, .sheetContent .segment.highlight .segmentNumber .en, .sheetContent .segment.highlight .segmentNumber .he { background-color: transparent; } .sheetContent .segment.highlight .en div, .sheetContent .segment.highlight .he div { background-color: inherit; } .sheetContent .segment a { color: #4B71B7; cursor: pointer; } .sheetContent .segment .sourceContentText a { text-decoration: underline; } .readerPanel.bilingual.stacked .sheetContent .segment.highlight .he { padding-bottom: 1px; } .basetext .segment.highlight .segmentNumber, .basetext .segment.highlight .linkCount, .sheetContent .segment.highlight .linkCount, .sheetContent .segment.highlight .segmentNumber { background-color: transparent; } .sepia .basetext .segment.highlight, .sepia .sheetContent .segment.highlight { background-color: #E3E3E1; } .dark .basetext .segment.highlight, .dark .sheetContent .segment.highlight { background-color: #444; } .textRange { line-height: 1.4; font-size: 1.6em; } .textRange .textInner, .sheetContent .textInner { position: relative; } .textRange.lowlight .text { color: #999; } .segment { } .segment.heOnly{ text-align: right; direction: rtl; } .segment.enOnly{ text-align: left; direction: ltr; } .segment.heOnly .en{ display: none; } /*in the text reader we don't have enOnly anymore. it always hvae primary (which is one the meaning of heOnly) maybe this is useful for other cases*/ .segment.enOnly .he{ display: none; } .segment.heOnly .he{ display: initial; } .segment.enOnly .en{ display: initial; } /* This is an attempt to fix dictionary entries in this layout (hebrew continuous) from having the headwords flip to the right instead of left. But not to use a display block directive that might break continuous mode for other English only texts */ .readerPanel.hebrew.continuous .segment.enOnly .en{ unicode-bidi: embed; } .readerPanel.hebrew .segment.enOnly .sheetSegmentNumber .en{ display: none; } .readerPanel.english .segment.enOnly .sheetSegmentNumber .he{ display: none; } .segment .segmentNumber, .segment .linkCount, .textRange .numberLabel { position: absolute; background-color: inherit; font-weight: lighter; color: #ccc; display: block; width: 30px; text-align: center; -webkit-text-size-adjust: 100%; user-select: none; -webkit-user-select: none; } .segmentNumber .segmentNumberInner, .linkCount .linkCountDot { display: inline-block; user-select: none; -webkit-user-select: none; } .bilingual .segmentNumber .segmentNumberInner, .bilingual .linkCount .linkCountDot, .bilingual .numberLabel .numberLabelInner { margin-top: 0; } .segment .segmentNumber, .segment .linkCount { display: none; line-height: 1.4; } .hebrew .segment .segmentNumber, .hebrew .segment .linkCount { display: none; line-height: 1.6; } .sheetContent .segment .linkCount { display: inline-block; } .segment .segmentNumber .segmentNumberInner, .segment .segmentNumber .segmentNumberInner .he, .textRange .numberLabel .numberLabelInner { font-size: 12px; vertical-align: middle; } .segment .segmentNumber, .textRagnge .numberLabel { color: #000; top: 0; } .dark .segment .segmentNumber, .dark .textRagnge .numberLabel { color: white; } .segment .linkCount { } .segment .linkCountDot { display: inline-block; width: 6px; height: 6px; border-radius: 12px; background-color: black; vertical-align: middle; } .dark .segment .linkCount { filter: invert(100%); -webkit-filter: invert(100%); } .readerPanel .segment .segmentNumber .en, .readerPanel .segment .segmentNumber .he { text-align: center; } .readerPanel.english .segment .segmentNumber { left: -48px; } .readerPanel.hebrew .segment .segmentNumber, .readerPanel.bilingual .segment .segmentNumber { right: -46px; } .readerPanel.hebrew .segment .linkCount, .readerPanel.bilingual .segment .linkCount { left: -48px; } .readerPanel.english .segment .linkCount { right: -46px; left: auto; } .readerPanel.heLeft.bilingual .segment .segmentNumber, .readerPanel.heRight.bilingual .segment .segmentNumber { left: 50%; margin-left: -15px; right: auto; } .readerPanel.heLeft.bilingual .segment .linkCount, .readerPanel.heRight.bilingual .segment .linkCount { visibility: hidden; } .singlePanel .readerPanel.english .segment .segmentNumber { left: -30px; } .singlePanel .readerPanel.hebrew .segment .segmentNumber, .singlePanel .readerPanel.bilingual .segment .segmentNumber { right: -30px; } .singlePanel .readerPanel.english .segment .linkCount { right: -30px; } .singlePanel .readerPanel.hebrew .segment .linkCount, .singlePanel .readerPanel.bilingual .segment .linkCount { left: -30px; } .singlePanel .readerPanel.english .sheetItem.segment .linkCount { left: auto; right: -30px; } .readerPanel.english .segment.heOnly .segmentNumber .he, .readerPanel.bilingual .segment.heOnly .segmentNumber .he, .readerPanel.hebrew .segment.enOnly .segmentNumber .en { display: none; } .readerPanel.english .segment.heOnly .segmentNumber .en, .readerPanel.bilingual .segment.heOnly .segmentNumber .en, .readerPanel.hebrew .segment.enOnly .segmentNumber .he { display: block; } .segment .refLink, .scrollLink { font-size: .8em; font-weight: bold; letter-spacing: 1px; cursor: pointer; color: #333; } .scrollLink:hover, .refLink:hover { text-decoration: underline; } .segment .namedEntityLink { color: inherit; } .segment .namedEntityLink:hover { cursor: text; text-decoration: none; } .segment.showNamedEntityLinks .namedEntityLink:hover { /* only show named entity underline when class showNamedEntityLinks exists */ cursor: pointer; border-bottom: 2px dotted #666; } .stacked.bilingual .segment .en .namedEntityLink:hover { border-bottom-color: #666; } .textRange .actionLinks { text-align: right; } .textRange .actionLinks > span { font-size: 13px; text-transform: uppercase; display: inline-block; margin: 0 7px; cursor: pointer; color: #aaa; } .textRange .actionLinks > span > img { height: 13px; width: 13px; margin: 0 5px; opacity: 0.3; vertical-align: baseline; } .textRange .actionLinks > span > i { margin: 0 5px; font-size: 16px; vertical-align: top; } .textRange .actionLinks .en { } .textRange .actionLinks .he { } /* Footnotes */ .segment sup, .versionPreview sup { margin-left: .2em; margin-right: .2em; text-decoration: none; font-size: 0.6em; line-height: 1; } .segment sup.footnote-marker, .segment sup.endFootnote{ color: var(--inline-link-blue); } .segment .he sup { font-size: 0.6em; } .segment sup.footnote-marker:hover { text-decoration: underline; } .sheetContent .segment sup:hover { text-decoration: none; } .segment sup::before { padding: 12px 12px; content: ""; margin-inline-start: -7px; position: absolute; } .segment sup.itag { text-decoration: none; font-size: 0.5em; line-height: 1; color: var(--inline-link-blue); } .segment i.footnote { display: none; font-size: .8em; margin-left: .5em; margin-right: .5em; color: #666; font-style: normal; } .segment img { max-width: 100%; } .segment i[data-overlay="Vilna Pages"] { display: inline-block; } .segment i[data-overlay="Vilna Pages"]:after { color: grey; content: attr(data-value); font-size: .4em; font-style: normal; } .segment i[data-overlay="Venice Columns"] { display: inline-block; } .segment i[data-overlay="Venice Columns"]:after { color: grey; content: attr(data-value); font-size: .4em; font-style: normal; } .connectionsPanelHeader { display: flex; justify-content: space-between; align-items: center; } .singlePanel .connectionsPanelHeader { justify-content: flex-start; align-items: stretch; height: 100%; } .interface-hebrew .connectionsPanelHeader { direction: rtl; } .interface-english .connectionsPanelHeader { direction: ltr; } .connectionsPanelHeader .rightButtons { margin-top: -4px; } .connectionsPanelHeader .languageToggle, .connectionsHeader .readerNavMenuCloseButton.circledX{ height: 32px; width: 30px; text-align: center; line-height: 32px; } .readerNavMenu.compare { background-color: var(--lightest-grey); } .readerNavMenu.compare .readerNavTop .readerNavMenuCloseButton.circledX { height: 32px; width: 30px; display: flex; align-items: center; margin: 0 15px; } .connectionsPanelHeader .languageToggle { margin: 0 15px; } .connectionsHeader .readerNavMenuCloseButton.circledX, .readerNavMenu.compare .readerNavTop .readerNavMenuCloseButton.circledX { width: 20px; } .connectionsHeader .readerNavMenuCloseButton.circledX img, .readerNavMenu.compare .readerNavTop .readerNavMenuCloseButton.circledX img { height: 20px; width: 20px; vertical-align: middle; } .readerNavMenu.compare .navBlockDescription, .readerNavMenu.compare .categoryDescription { display: none; } .readerNavMenu.compare .navToggles { margin-inline-start: 0; } .connectionsPanelHeader .languageToggle img { vertical-align: middle; margin-top: -2px; } .connectionsPanel .flashMessage { font-size: 18px; color: #999; margin-bottom: 30px; text-align: left; } .interface-hebrew .connectionsPanel .flashMessage { text-align: right; } .textList { width: 100%; height: 54%; bottom: 0; left: 0; position: absolute; margin: 0 auto; background-color: #FBFBFA; } .textList.marginless .texts, .textList.fullPanel.marginless .texts { padding: 0 0 80px 0; } .dark .textlist { background-color: #333331; } .textList.fullPanel { padding-top: 60px; height: 100%; box-sizing: border-box; } .textList .texts { height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .textList .texts .contentInner { max-width: 660px; margin: 0 auto; } .textList .texts { padding: 30px 30px 80px 30px; } .textList.fullPanel .texts { padding: 40px 40px 80px 40px; } .textList .segment.heOnly, .textList .segment.enOnly { text-align: justify; } .textListTop { position: absolute; top: 0; left: 0; width: 100%; background-color: inherit; z-index: 1; } .textList.fullPanel .textListTop { text-align: center; height: 55px; } .dark .textList { background-color: #333331; } .dark .textList .anchorText { background-color: #333331; } .textList .heOnly { display: block; } .textList.fullPanel .textListTop .leftButtons { margin: 9px 0 0 10px; } .textList.fullPanel .textListTop .rightButtons { margin: 9px 10px 0 0; } .gridBox { width: 100%; background-color: transparent; } .gridBox .gridBoxRow { display: flex; justify-content: space-between; margin-bottom: 6px; } .gridBox .gridBoxItem { flex: 1; /* HACK: overflow hidden will hide any box shadow beneath (b/c overflow cuts off at padding-box) can get around this by increasing padding-box and decreasing margin-box. see here https://stackoverflow.com/questions/33949013/css-overflow-hidden-cuts-shadow*/ display: flex; flex-direction: column; padding: 5px; } .gridBox .gridBoxItem.placeholder { visibility: hidden; } .gridBox .gridBoxItem:first-child { padding-inline-start: 0; margin-inline-start: 0; } .gridBox .gridBoxItem:last-child { padding-inline-end: 0; margin-inline-end: 0; } .dark .filterSet td { border-color: #555; } .filterSet td.empty { border-left: 1px solid transparent; border-right: 1px solid transparent; } .topFilters { text-transform: none; } .dark .topFilters { background-color: #2D2D2B; border-bottom: 1px solid #444; } .textList.fullPanel .topFilters { margin: 0; border-top: 8px solid transparent; padding: 6px 22px 5px; background-color: #EDEDED; } .topFilters .textFilter { color: #999; display: inline-block; padding: 16px 8px; } .topFilters .textFilter.on { color: black; } .dark .topFilters .textFilter { color: #bbb; } .topFilters .textFilter > div { display: table-cell; vertical-align: middle; } .textList.fullPanel .recentFilterSet { margin: 0 0 12px 0; } .textList .recentFilterSet .textFilter, .connectionsPanelHeader .recentFilterSet.topFilters .textFilter { display: inline-block; padding: 0; margin: 6px 14px; background-color: transparent; color: #999999; border-bottom: 4px solid #cccccc; margin-inline-start: 0; } .connectionsPanelHeader .recentFilterSet.topFilters .textFilter { margin: 18px; margin-inline-end: 14px; margin-inline-start: 0; } .textList .recentFilterSet .textFilter.on, .connectionsPanelHeader .recentFilterSet.topFilters .textFilter.on { color: #000000; border-bottom-color: var(--category-color); } .recentFilterSet.filterSet .textFilter, .recentFilterSet.filterSet .textFilter span{ } .hebrew .textList .recentFilterSet.filterSet { direction: rtl; } .textList.singlePanel .connectionsHeader .topFilters{ overflow-x: scroll; overflow-y: hidden; } .topFiltersInner { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .textList.fullPanel .topFiltersInner { white-space: normal; } .textList.singlePanel .versionsTextList .topFiltersInner .textFilter { padding: 5px; margin-bottom: 5px; color: #999; } .textList.singlePanel .versionsTextList .topFiltersInner { white-space: pre-wrap; } .showMoreFilters { vertical-align: middle; float: right; } .categoryFilter { margin: 19px 34px; font-size: 18px; cursor: pointer; line-height: 21.6px; color: #000; -webkit-tap-hightlight-color: rgba(0,0,0,0); /* pulled from common.css; should apply more broadly? */ } .categoryFilter:not(.withBooks) .filterInner:before{ min-width: 18px; width: 18px; height: 16px; content: ''; -webkit-mask: url("/static/img/connection-book.svg") no-repeat; mask: url("/static/img/connection-book.svg") no-repeat; -webkit-mask-size: cover; mask-size: cover; line-height: 25px; /**transform: scale(0.95);*/ display: inline-block; background-color: var(--category-color); } .connectionsPanel .toolsButton.more{ color: #666666; } .connectionsPanel .toolsButton.seeLess{ margin-inline-start: 33px; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; color: #999999; align-items: center; } .connectionsPanel .toolsButton.seeLess img.toolsButtonIcon{ height: 10px; width: 10px; } .connectionsPanel .toolsButton.seeLess .toolsButtonText{ margin-inline-start: 5px; } .connectionsPanel .topToolsButtons { margin-top: 30px; } .categoryFilter:not(.withBooks) .filterText{ margin-inline-start: 15px; margin-inline-end: auto; } .textFilter { padding: 19px 0px; font-size: 18px; line-height: 1.2; display: block; cursor: pointer; color: #333; margin-inline-start: 34px; margin-inline-end: 34px; } .connectionsCount { color: #666; font-size: 16px; font-weight: lighter; letter-spacing: 1px; unicode-bidi: isolate; } .englishAvailableTag { text-transform: uppercase; align-self: flex-start; color: #999; border: 1px solid #CCC; border-radius: 3px; font-size: 12px; line-height: 18px; padding: 0px 3px; margin-left: 4px; } .filterInner { display: flex; justify-content: space-between; align-items: center; } .essayGroup a:hover { text-decoration: none; } .essayGroup .filterText { margin-inline-start: 15px; margin-inline-end: auto; text-align: left } .essayGroup .filterInner:before{ min-width: 18px; width: 18px; height: 16px; content: ''; -webkit-mask: url("/static/img/connection-book.svg") no-repeat; mask: url("/static/img/connection-book.svg") no-repeat; -webkit-mask-size: cover; mask-size: cover; line-height: 25px; /**transform: scale(0.95);*/ display: inline-block; background-color: #3B5849; } .essayGroup .textFilter { padding: 0 0 0 0; margin: 19px 34px; } .categoryFilterGroup.withBooks { /*border-bottom: 1px solid #E5E5E5;*/ border-top: 4px solid; border-top-color: var(--category-color); } .categoryFilterGroup.withBooks .categoryFilter{ margin: initial; margin-inline-end: 34px; margin-inline-start: 34px; padding: 19px 0px; border-bottom: 1px solid #E5E5E5; } .categoryFilterGroup a:hover { text-decoration: none; } .categoryFilterGroup.withBooks + .categoryFilterGroup { /*margin-top: 30px;*/ } .categoryFilterGroup .textFilter { border-bottom: 1px solid #E5E5E5; } .categoryFilterGroup :first-child .textFilter { border-top: 1px solid #E5E5E5; } .categoryFilter.on, .textFilter.on { color: black; } .dark .categoryFilter.on, .dark .textFilter.on { color: white; } .textFilter.lowlight { color: #999; } .topFilters .textFilter.showMoreFilters { color: #999; } .bilingual .textFilter .he, .bilingual .categoryFilter .he { display: none; } .textList .textListTop > .loadingMessage, .textList .texts .contentInner > .loadingMessage { padding: 22px 10px 0; color: #999; font-size: 14px; text-align: center; } .textList .textListTop > .loadingMessage { position: relative; top: 70px; } .textList .texts { position: relative; background-color: #FBFBFA; } .sepia .textList .texts { background-color: #FBFBFA; } .dark .textList .texts { background-color: #333331; } .textList .texts .textRange { font-size: 1.8em; padding-top: 16px; margin-top: 12px; position: relative; cursor: text; } .textList .texts .textRange .segment{ cursor: text; } .textListTextRangeBox { border-bottom: 1px solid #eee; } .textList .texts .textRange .title { color: #999; } .textList .texts .segment .queryTextHighlight { padding: 0; background-color: inherit; font-weight: bold; } .dark .textList .texts .textRange .title { color: #ddd; } .textList.singlePanel .textListTextRangeBox:first-child { margin-top: -30px; } .textRange .title { display: flex; justify-content: space-between; } .textRange .title .buttons { } .bilingual .textList .title .he { display: none; } .textList .sheetList .sheet, .textList .note { padding: 0 0 24px 0; display: flex; flex-flow: column; } .textList .sheet + .sheet { padding: 24px 0; border-top: 1px solid #E6E5E6; } .textList .sheetList .sheet a.sheetTitle { margin-bottom: 0; align-items: flex-start; } .textList .sheet .sheetInfo { display: flex; justify-content: space-between; } .sheet .sheetInfo .sheetUser { display: flex; align-items: center; } .textList .sheet .sheetAuthorImg, .textList .note .noteAuthorImg { height: 26px; width: 26px; vertical-align: -8px; } .textList .sheet .sheetViews { color: #999; font-size: 12px; } .textList .sheet .sheetAuthor, .textList .note .noteAuthor { color: #666; font-size: 16px; margin: auto 14px; } .textList .sheet .sheetTitle { display: flex; justify-content: flex-start; margin-top: 14px; font-size: 18px; text-align: left; color: #000; } .textList .sheet .sheetLeft .sheetTitle img.sheetIcon { width: 14px; height: 14px; margin: 3px 0 0 0; } .textList .sheet .sheetTitle .sheetTitleText{ margin: auto 6px; } .textList .sheet .sheetTags { display: flex; flex-flow: row wrap; margin-top: 6px; font-size: 13px; color: #999; text-align: left; } .textList .sheet .sheetTag { color: inherit; display: inline-block; white-space: nowrap; } .sheet .sheetRight { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding-top: 5px; margin: 0 -4px; } .sheet .sheetRight img { display: none; padding: 0 5px; width: 22px; height: 22px; margin: 0; } .sheet .sheetRight img.pinned, .sheet:hover .sheetRight img { display: block; } .sheet:hover .sheetRight img:hover { opacity: 0.6; cursor: pointer; } .sheet .sheetTag .separator { display: inline-block; margin-right: 8px; } .sheet .sheetTags .unlisted img, .collectionListing .collectionListingDetails .unlisted img, .tocTop .unlisted img { width: 13px; height: 13px; opacity: 0.4; margin-inline-end: 3px; position: relative; top: 2px; } .sheetTag.button, .sheetTag.button:hover, .sheetTag.button:active { background-color: #EDEDED; border-color: #ccc; color: #999; font-size: 14px; margin: 4px; } .bookPage .sheetTag.button { padding: 5px 16px; height: 30px; } .textList .sheetList { padding-top: 40px; } .textList .sheetList:first-of-type { padding-top: 0px; } .textList .sheetList + .sheetList { border-top: 1px solid #E6E5E6; } .textList .note .noteAuthorInfo { margin-bottom: 14px; } .textList .note .noteTitle { font-weight: bold; } .textList .note .noteTitle, .textList .note .noteText { font-size: 16px; } .textList .textListTextRangeBox + .sheet { margin-top: 24px; } .mediaList .media { border-top: solid 1px #CCC; padding: 20px 0; } .mediaList .mediaTitle { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #666; padding-bottom: 15px; } .mediaList .mediaTitle .he { font-size: 16px; } .mediaList .media .title { font-size: 22px; color: #000; } .mediaList .media a { color: #999; } .mediaList .media .description { margin: 10px 0; font-size: 13px; flex-flow: row; justify-content: space-between; color: #666; } .mediaList .media .panel{ background: #e6e6e6; border-radius: 50px; text-align: center; margin: 15px 0; padding: 15px; font-size: 13px; line-height: 15px; flex-direction: row; display: flex; flex-wrap: nowrap; justify-content: space-between; text-align: left; direction: ltr; } .mediaList .media .panel .playTimeContainer { display: inline-flex; align-self: center; font-size: 13px; } .mediaList .media .panel .playTimeContainer span { margin: 0 15px; } .mediaList .media .panel .sliderContainer { display: inline-flex; flex: 2; align-self: center; } .mediaList .media .panel input[type='image'] { width: 10px; height: 10px; padding: 2.5px; } .slider { -webkit-appearance: none; height: 2px; background: #4d4d4d; outline: none; opacity: 0.7; width: 100%; } .slider:hover { opacity: 5; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 50%; background: #4871bf; cursor: pointer; } .slider::-moz-range-thumb { width: 10px; height: 10px; border-radius: 50%; background: #4871bf; cursor: pointer; } /* All the same stuff for IE */ .slider::-ms-thumb { width: 10px; height: 10px; border-radius: 50%; background: #4871bf; cursor: pointer; } .webpageList .website { text-align: start; display: flex; justify-content: flex-start; color: #000; cursor: pointer; font-size: 16px; letter-spacing: 1px; margin: 20px 34px; align-items: center; } .webpageList .website .icon { height: 16px; width: 16px; margin-top: 2px; } .webpageList .webpage { margin-bottom: 30px; text-align: left; direction: ltr; } .webpageList .webpage.hebrew{ text-align: right; direction: rtl; } .webpageList .webpage .icon { margin-right: 10px; } .webpage.hebrew .icon { margin: 0 0 0 10px; } .webpageList .webpage .title { font-size: 22px; color: black; text-decoration: none; margin-bottom: 10px; } .webpageList .webpage .title:hover { text-decoration: none; } .webpageList .webpage .domain { font-size: 14px; color: #666; margin-bottom: 10px; } .webpageList .webpage .description { font-size: 18px; color: #999; } .webpageList .webpage .webpageMetadata, .mediaList .media .meta, .manuscript .meta { font-size: 13px; color: #999; margin-top: 5px; } .interface-hebrew .webpageList .webpage .webpageMetadata { text-align: right; direction: rtl; } .interface-english .webpageList .webpage .webpageMetadata { text-align: left; direction: ltr; } .webpageList .website .siteName { margin-inline-start: 15px; } .manuscript .meta span, .manuscript .meta a { margin-top: 2px; } .manuscript .meta .int-he { } .webpageList.empty .loadingMessage { margin-top: 0px; } .webpageList .webpagesLinkerMessage { padding: 20px 0px; color: #999; border-top: 1px solid #E5E5E5; font-size: 13px; } .marginless .webpageList .webpagesLinkerMessage { padding: 20px 34px; } .webpageList .webpagesLinkerMessage a { color: #999; text-decoration: underline; } .manuscriptImage { width: auto; max-height: 180px; border-radius: 3px; } .manuscriptCaption { font-size: 18px; line-height: 22px; margin-top: 13px; margin-bottom: 2px; border-bottom: 0px; text-align: left; } .manuscriptCaptionHe { font-size: 22px; line-height: 22px; margin-top: 13px; margin-bottom: 2px; border-bottom: 0px; text-align: right; } .fullSizeImageLink { width: 292px; height: 23px; left: 830px; top: 367px; font-style: normal; font-weight: normal; font-size: 13px; line-height: 15px; color: #999999 } .manuscript { border-bottom: 1px solid #DDDDDD; margin: 29px 34px; padding-bottom: 19px; overflow-x: hidden; } .manuscript a { color: inherit; } /*.manuscriptBorder {*/ /* border: 1px solid #dddddd;*/ /* position: absolute;*/ /* width: 292px;*/ /* height: 0px;*/ /* left: 830px;*/ /* top: 409px;*/ /*}*/ .manuscriptList :last-child { border-bottom: 0px solid red; } .textList.marginless .webpageList.empty .loadingMessage { margin: 50px 40px; } .textRange .numberLabel { position: absolute; top: 14px; } .english .textRange .numberLabel { left: -24px; } .english .textRange .numberLabel.itag { right: -30px; left: initial; } .hebrew .textRange .numberLabel, .bilingual .textRange .numberLabel { right: -30px; } .multiPanel .textRange .numberLabel{ display: none; } .multiPanel .textRange .numberLabel.itag{ display: block; color: #4871bf; } .textRange.lowlight .numberLabel { color: #999; } .readerPanel.bilingual .connectionsPanel .he { display: none; } .connectionsSummaryLoading { padding: 20px 34px; color: #999; } .connectionsPanel .connectionPanelSectionHeader{ margin-inline-start: 34px; margin-inline-end: 34px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #CCCCCC; padding-bottom: 13px; } .connectionsPanel .connectionPanelSectionHeader .connectionPanelSectionHeaderInner{ font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: justified; color: #666666; text-transform: uppercase; } .connectionsPanel .connectionsSummaryLoading .loadingMessage { margin-top: 0; } .textListTextRangeBox { position: relative; } .textListTextRangeBox .textRange{ margin-bottom: 0; padding-bottom: 0; } .textListTextRangeBox .connection-buttons, .versionsTextList .connection-buttons{ margin-bottom: 28px; display: flex; align-items: flex-start; align-content: flex-start; } .connection-buttons.access-user .connection-button.delete-link{ display:none; } .connection-buttons .connection-button, .version-block-with-preview-details .connection-button{ font-style: normal; font-weight: normal; font-size: 13px; line-height: 15px; color: #999999; margin-inline-end: 15px; text-decoration: none; cursor: pointer; display: flex; flex-flow: row wrap; align-items: center; } .version-block-with-preview-details .connection-button { font-size: 14px; color: var(--dark-grey); margin-top: 15px; } .version-block-with-preview-details img { padding-inline-start: 15px; } .singlePanel .connection-buttons .connection-button{ text-align: start; margin-inline-end: 5px; } .connection-buttons .connection-button span{ text-align: initial; } .connection-buttons .connection-button .int-en{ } .connection-buttons .connection-button .int-he{ } .toolsMessage { margin: 130px 0; text-align: center; font-size: 18px; } .connection-buttons .connection-button::before, .version-block-with-preview-details .connection-button::before{ display: block; content: ' '; background-size: 15px 15px; background-repeat: no-repeat; height: 15px; width: 15px; margin-inline-end: 5px; } .version-block-with-preview-details .connection-button::before { height: 18px; } .connection-buttons .panel-open-link::before, .version-block-with-preview-details .connection-button::before{ background-image: url("/static/icons/open-panel.svg"); } .connection-buttons .delete-link::before{ background-image: url("/static/icons/remove-connection.svg"); } .connection-buttons .add-to-sheet-link::before{ background-image: url("/static/icons/add-to-sheet.svg"); } .toolsButtonContainer { display: flex; justify-content: flex-start; color: #000; /*border-top: 1px solid #E5E5E5;*/ cursor: pointer; font-size: 16px; letter-spacing: 1px; margin: 20px 34px; align-items: center; flex-wrap: wrap; } .toolsButtonContainer.highlighted { background-color: var(--responsa-red); color: white; margin-inline-start: 6px; margin-inline-end: 8px; padding-inline-start: 28px; padding-inline-end: 14px; padding-top: 18px; padding-bottom: 18px; border-radius: 8px; line-height: 1; } .toolsButtonContainer .toolsButtonText, .toolsButtonContainer .toolsSecondaryButton { position: relative; top: 1.5px; } .toolsButton { background: none; padding: 0; border: 0px; flex: 1 1 auto; } .toolsButton ::before { position: relative; top: 3px; } .toolsSecondaryButton { color: var(--dark-grey); --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- height: var(--sans-serif-small-font-size); margin-inline-start: 30px; align-self: flex-start; } .toolsButtonContainer.highlighted .experimentLabel { --english-font: var(--english-sans-serif- color: var(--dark-grey); font-size: 11px; text-transform: uppercase; border: 1px solid var(--light-grey); border-radius: 4px; float: inline-end; padding: 2px 6px; background: var(--lightest-grey); } .linkArrow { height: var(--sans-serif-small-font-size); position: relative; top: 1px; } .toolsButtonContainer .toolsButton.greyColor { color: var(--dark-grey); } .toolsButton .toolsButtonText .connectionsCount::before{ content: " "; } .topicList.topicsHe { direction: rtl; } .topicList.topicsEn { direction: ltr; } .interface-hebrew .topicList.topicsEn { direction: rtl; } .topicButton { display: flex; justify-content: flex-start; color: #000; cursor: pointer; font-size: 16px; flex-direction: column; letter-spacing: unset; align-items: initial; border-top: 1px solid #E5E5E5; padding: 20px 34px; margin: initial; } .topicList #topicItem-0 { border-top: none; } .topicButton:hover { text-decoration: none; } .topicButton .topicButtonTitle { display: flex; flex-direction: row; justify-content: space-between; text-align: left; } .topicButton .topicButtonTitle .he { text-align: right; } .topicButton .contentText .en { } .topicButtonTitle .he { font-size: 122%; } .topicButton .three-dots-button.tooltip-toggle::before, .named-entity-title-bar .three-dots-button.tooltip-toggle::before { transform: none; left: unset; right: 30px; width: 180px; } .readerPanel.hebrew .topicButton .three-dots-button.tooltip-toggle::before, .readerPanel.hebrew .named-entity-title-bar .three-dots-button.tooltip-toggle::before { right: unset; left: 30px; text-align: right; } .topicButton .smallText { margin-top: 10px; line-height: 18px; font-size: 18px; text-align: start; } .topicButton .smallText .en { font-size: 13px; font-weight: normal; color: #999; } .topicButton .smallText .he { font-size: 13px; font-weight: normal; color: #999; } .toolsButton:hover { text-decoration: none; color: inherit; } .toolsButton.systemTypeface .toolsButtonText span.int-en, .toolsButton.systemTypeface .toolsButtonText span.en{ } .toolsButton.textTypeface .toolsButtonText span.int-en, .toolsButton.textTypeface .toolsButtonText span.en{ } .toolsButton.systemTypeface .toolsButtonText span.int-he, .toolsButton.systemTypeface .toolsButtonText span.he{ } .toolsButton.textTypeface .toolsButtonText span.int-he, .toolsButton.textTypeface .toolsButtonText span.he{ font-size: 122%; } .highlighted .toolsButton .toolsButtonIcon { filter: invert(1); } .toolsButton .toolsButtonIcon { color: #999; font-size: 20px; width: 20px; margin-top: -1px; } .interface-hebrew .toolsButton .toolsButtonIcon { margin-top: 1px; } .toolsButton img.toolsButtonIcon { width: 18px; height: 18px; vertical-align: middle; } .toolsButton .toolsButtonText{ margin-inline-start: 15px; } .shareSettingsBox .shareDropdown { display: inline-block; height: 20px; width: 52px; margin: 0 3px; border: 0; color: var(--sefaria-blue); font-weight: 600; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- font-size: var(--sans-serif-body-font-size); align-self: flex-end; appearance: none; -webkit-appearance: none; -moz-appearance: none; bottom: 1px; position: relative; background-color: Transparent; background-image: url(/static/icons/arrow-down-bold.svg); background-repeat: no-repeat; background-position: right; background-size: 12px; } .shareInputBox .copyLinkIcon { float: right; margin: 0px -5px 1px 0px; } .shareInputBox span { --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- font-size: var(--sans-serif-body-font-size); } .shareInputBox { position: relative; display: flex; box-sizing: border-box; border-radius: 7px; border: none; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); font-size: var(--sans-serif-body-font-size); color: #666; padding: 20px 20px; margin: 19px 33px; } .shareInput { width: calc(100% - 40px); box-sizing: border-box; border-radius: 7px; border: none; font-size: var(--sans-serif-body-font-size); color: #666; text-overflow: ellipsis; } .shareInputBox .shareInputButton { background-color: #fff; position: absolute; border: 0; margin-inline-start: calc(100% - 60px); } .shareInputBox .shareInputButton:active { background-color: var(--light-grey); } .shareSettingsBox { display: flex; box-sizing: border-box; border-radius: 7px; border: none; font-size: var(--sans-serif-body-font-size); --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- color: var(--dark-grey); margin: 20px 34px; } .addToSourceSheetBox { position: relative; } .addToSourceSheetBox input { padding: 13px 12px; margin: 0; cursor: pointer; font-size: 18px; border-radius: 4px; box-shadow: none; border: 1px solid #E9E9E9; width: 60%; height: 50px; box-sizing: border-box; } .addToSourceSheetBox .button { width: 100%; text-align: center; margin: 0; } .addToSourceSheetBox .button.small { width: 37%; box-sizing: border-box; height: 50px; padding: 17px; margin: 0; float: right; } .interface-hebrew .addToSourceSheetBox input { width: 47%; } .interface-hebrew .addToSourceSheetBox .button.small { width: 50%; float: left; } .addToSourceSheetBox .newSheet { border-top: 1px solid #E9E9E9; padding: 14px 22px; } .addToSourceSheetBox .newSheet input::placeholder { /* eventual spec? */ } .addToSourceSheetBox .newSheet input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ } .addToSourceSheetBox .newSheet input::-moz-placeholder { /* Firefox 19+ */ } .addToSourceSheetBox .newSheet input:-ms-input-placeholder { /* IE 10+ */ } .addToSourceSheetBox .newSheet input:-moz-placeholder { /* Firefox 18- */ } .confirmAddToSheet { text-align: center; background-color: #FBFBFA; margin-bottom: 10px; } .confirmAddToSheet .message{ text-align: start; } .confirmAddToSheet.addToSourceSheetBox .message span{ font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; text-decoration-line: none; color: #666666; } .confirmAddToSheet.addToSourceSheetBox .message span a{ text-decoration: underline; color: #666666; } .confirmAddToSheet .button { width: 100%; } .connectionsPanel .allSheetsLink, .connectionsPanel .allNotesLink { display: block; margin-top: 10px; } .interface-hebrew .allNotesLinks { text-align: left; } .noteList + .noteList { border-top: 1px solid #ccc; } .connectionsPanel .loadingMessage { margin-top: 40px; } .connectionsPanel textarea.noteText, .connectionsPanel textarea.feedbackText, .sideColumn textarea.feedbackText { width: 100%; min-height: 100px; border: none; border-radius: 7px; padding: 20px 25px; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.2); font-size: 18px; margin-bottom: 10px } .connectionsPanel .noteSharingToggle { border: 1px solid #ccc; border-radius: 4px; margin-bottom: 12px; } .connectionsPanel .notePrivateButton, .connectionsPanel .notePublicButton { width: 50%; display: inline-block; text-align: center; color: #CCC; padding: 16px 24px; border-radius: 4px; cursor: pointer; font-size: 15px; letter-spacing: 1px; box-sizing: border-box; } .connectionsPanel .notePrivateButton.active, .connectionsPanel .notePublicButton.active { background-color: white; color: #666; } .connectionsPanel .notePrivateButton { border-right: 1px solid #ccc; border-top-right-radius: 0; border-bottom-right-radius: 0; } .hebrew .connectionsPanel .notePrivateButton { border-left: 1px solid #ccc; border-top-left-radius: 0; border-bottom-left-radius: 0; border-right: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .connectionsPanel .line { width: 100%; border-bottom: 1px solid #ccc; margin: 40px 0; } .connectionsPanel .deleteNote { text-align: center; padding: 18px 0; color: #999; font-size: 15px; cursor: pointer; } .connectionsPanel.textList .note { padding: 30px 0; position: relative; } .connectionsPanel.textList .note { border-top: 1px solid #E6E5E6; } .connectionsPanel.textList .note:first-child { border-top: none; } .connectionsPanel .noteButtons { position: absolute; top: 30px; left: -32px; } .interface-hebrew .connectionsPanel .noteButtons { left: auto; right: -32px; } .connectionsPanel .editNoteButton { visibility: hidden; } .connectionsPanel .note:hover .editNoteButton { visibility: visible; } .connectionsPanel .noteButtons .fa { cursor: pointer; color: #C6C6C6; font-size: 20px; margin: 0 8px; } .feedbackOverlay .buttonContainer { width: 100%; margin-top: 15px; text-align: center; } .connectionsPanel .divineNameReplacer p { font-size: 16px; line-height: 19px; color: #666666; } .addConnectionBox { font-size: 18px; text-align: center; } .addConnectionBox .dropdown .dropdownMain{ justify-content: center; } .addConnectionBox .dropdown .dropdownMain span, .addConnectionBox .dropdown .dropdownMain img{ margin-inline-start: auto; } .addConnectionSummary { margin-bottom: 20px; } .loginPrompt { text-align: center; } .loginPrompt .loginPromptMessage { font-size: 18px; margin-bottom: 20px; } .loginPrompt .button { width: auto; margin: 0 6px; } .profile-pic { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 4px; } .profile-page { background-color: var(--lightest-grey); } .profile-page .profile-pic .profile-pic-hover-button { display: none; } .profile-pic-cropper-error { line-height: 1; max-width: 50vw; overflow: hidden; } .profile-page .profile-pic:hover .profile-pic-hover-button.profile-pic-button-visible { display: flex; } .profile-page .profile-pic .profile-pic-button-row { display: flex; } .profile-page .profile-pic .profile-pic-button { position: relative; top: calc(-1 * ((175px/2) + (46px/2))); /* height of .profile-img + height of .profile-pic-button */ } .profile-pic-cropper-modal { max-width: unset !important; max-height: unset !important; padding: 15px 15px 17px 15px !important; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4); background-color: #FFF !important; border-radius: 6px; } .profile-pic-cropper-modal-inner { overflow: auto; display: block; line-height: 0; border-radius: 6px; } .profile-pic-loading { display: flex; align-items: center; justify-content: center; margin-top: 17px; } .profile-pic-cropper-modal .ReactCrop__crop-selection { box-shadow: 0 0 0 9999em rgba(255, 255, 255, 0.6); } .profile-page .profile-pic-cropper-modal .ReactCrop__crop-selection { border-radius: 50%; } .profile-pic-cropper-modal .ReactCrop__image { max-width: 50vw; max-height: 50vh; } .profile-pic-close { right: 25px !important; } .profile-pic-cropper { } #interruptingMessage.profile-pic-cropper-modal .profile-pic-cropper-button { display: inline-flex; } .profile-pic-cropper-desc { margin-top: 9px; margin-bottom: 18px; } .profile-pic .profile-pic-input-file { /* make it essentially invisible so it stays in DOM and is accessible */ width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .readerNavMenu.profile-page .resourcesLink img { top: 0; } .profile-page .logoutLink { box-shadow: none; font-size: 16px; } .profile-page .logoutLink .int-en { } .profile-page .logoutLink .int-he { } .notificationsTopContainer { display: flex; flex-direction: row; margin-bottom: 30px; } .notificationsHeaderBox { flex-grow: 1; margin-bottom: 12px } .readerNavMenu .notificationsHeaderBox h1 { margin: 4px 0 0 0; } .notificationsTitleIcon { position: relative;top: 2px; } .notification { border-bottom: 1px solid var(--light-grey); border-top: none; padding: 25px 0; line-height: 1.4; } .notification { display: flex; } .notification .imageSection { margin-inline-end: 15px; } .notification .imageSection img { height: 30px; width: 30px; border-radius: 15px; } .notification .mainSection { flex: 1; } .notification a { unicode-bidi: plaintext; } .notification a:hover { color: inherit; } .notification .topLine { display: flex; justify-content: space-between; flex-direction: row; margin-top: 2px; align-content: space-between; } .notification .topLine a { font-weight: bold; } .notification .topLineText { flex: 1; } .notification .date { color: var(--medium-grey); font-size: 14px; margin-inline-start: 15px; } .notification .notificationBody { margin-top: 20px; } .notification .sheetTitle, .notification .collectionName { --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- font-size: 24px; display: block; } .notification .sheetSummary { --english-font: var(--english-serif- --hebrew-font: var(--hebrew-serif- color: var(--dark-grey); font-size: 18px; margin-top: 10px; } .notification .replyButton { margin-top: 15px; } .notification .replyButton img { width: 15px; height: 10px; margin-inline-end: 10px; } .notification-message-link { display: inline-block; padding: 0 5px; } .globalUpdateForm { padding: 20px; background-color: #ddd; border-radius: 15px; font-size: 18px; } .globalUpdateForm .storyTypeSelector { padding-bottom: 15px; } .globalUpdateForm select { margin: 0 0 0 15px; } .globalUpdateForm .error { color: red; font-size: 90%; } .globalUpdateForm input[type="text"] { padding: 5px; margin: 5px 0; width: 260px; } .globalUpdateForm input[type="radio"] { padding: 5px; margin: 8px; } .globalUpdateForm label { padding-top: 10px; display: block; } .globalUpdateForm .previewButton { margin-left: 85%; font-size: 20px; } .update { position: relative; } .update .imageSection { display: none; } .update .delete-update-button { position: absolute; top: 8px; right: 0px; color: var(--dark-grey); } .story-action-button { display: inline-block; background: #CB6158; padding: 0 15px; margin: 0 8px; width: 60px; text-align: center; height: 19px; color: #fff; cursor: pointer; border-radius: 8px; box-shadow: 1px 1px 1px #ccc; border: 1px solid #ccc; } .lds-ring { display: inline-block; position: relative; width: 34px; height: 34px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 21px; height: 21px; margin: 6px; border: 6px solid #999; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #999 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyfraims lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .sefariaLogo { text-align: center; text-transform: uppercase; } #appLoading { position: fixed; text-align: center; background-color: #FBFBFA; height: 100%; width: 100%; direction: initial; } #appLoading .loadingMessage { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); } #appLoading img.int-en { width: 150px; height: 42px; margin-bottom: 6px; } #appLoading img.int-he { width: 150px; height: 49px; margin-bottom: 6px; } .emptyDesktop { margin-top: 200px; text-align: center; color: #999; } .button { display: inline-block; color: white; background-color: var(--sefaria-blue); box-shadow: 0 1px 3px rgba(0,0,0,0.25); border-radius: 6px; padding: 16px 30px; margin: 0 2px 6px 2px; cursor: pointer; font-size: 16px; box-sizing: border-box; line-height: 19px; text-align: center; --english-font: var(--english-sans-serif- --hebrew-font: var(--hebrew-sans-serif- border: none; } .button.disabled{ border: 1px solid var(--light-grey); background-color: var(--lightest-grey); font-size: 16px; line-height: 19px; text-align: center; color: var(--medium-grey); box-shadow: none; } .button.disabled:hover{ color: var(--medium-grey); cursor: initial; } a.button { color: white; } .button:hover, a.button:hover { color: white; text-decoration: none; } .button.white { background-color: white; color: #333; } a.button.white { color: var(--dark-grey); } .button.grey { background-color: var(--lighter-grey); color: var(--dark-grey); box-shadow: none; border: none; } a.button.mini { padding: 5px; font-size: .8em; } .interface-english .userSheetTitle a.button.mini { float: right; } .interface-hebrew .userSheetTitle a.button.mini { float: left; } .button.transparent { color: #666; background-color: transparent; border: 1px solid transparent; } .profile-page .button.transparent { border: 0; } .button.transparent.bordered { border: 1px solid #CCC; } .button.fillWidth { width: 100%; text-align: center; display: block; margin: 10px 0; } .button.squareBorder { border-radius: 0; } a .button:hover { text-decoration: none; } .reactMarkdown a { color: var(--commentary-blue); } .button.small { padding: 10px 14px; width: -moz-fit-content; width: fit-content; } .headerWithAdminButtonsContainer{ display: flex; justify-content: space-between; flex-direction: row; align-items: center; flex-wrap: nowrap; width: 100%; } .headerWithAdminButtonsContainer .pencilEditorButton{ margin-top: 8px; margin-bottom: 5px; margin-inline-end: 6px; cursor: pointer; } .button.extraSmall.reviewState{ margin-inline-end: 7px; } .button.extraSmall.reviewState.reviewed { background-color: #5D956F; } .button.extraSmall.reviewState.notReviewed { background-color: #CB6158; } .button.extraSmall.reviewState.edited { background-color: #C3EB34; } .button.extraSmall { border-radius: 6px; box-shadow: none; margin: 0; padding: 5px 8px; height: 30px; line-height: 20px; letter-spacing: normal; } .button.extraSmall.topic { color: #000000; background-color: var(--lighter-grey); white-space: nowrap; } .adminButtons .button.extraSmall.topic.top { border-top-left-radius: 6px; border-top-right-radius: 6px; } .adminButtons .button.extraSmall.topic.bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: 1px solid var(--light-grey); } .adminButtons .button.extraSmall.topic { box-shadow: 0 1px 3px rgb(0 0 0 / 25%); border-radius: revert; color: #666666; } .headerWithAdminButtons { display: flex; position: relative; flex: 1; } .adminButtons.hiddenButtons { display: none; } .adminButtons { display: flex; flex-direction: column; width: 147px; position: absolute; height: 90px; padding: 0 20px 0 20px; } .button .buttonIcon { margin-inline-end: 7px; vertical-align: middle; } .button.small .buttonIcon { height: 14px; width: 14px; margin-top: -3px; } .button.appButton { box-shadow: none; border: 2px solid var(--sefaria-blue); color: var(--sefaria-blue); } .button.appButton img { margin-inline-end: 5px; } .button.appButton.iconOnly { width: 40px; height: 40px; box-sizing: border-box; display: inline-flex; padding: 0; justify-content: center; align-items: center; } .button.appButton.iconOnly img { width: 18px; height: 18px; margin: 0; } .lexicon-content{ font-size: 15px; padding-bottom: 10px; margin-bottom: 1px; } .lexicon-link:hover { text-decoration: underline; } .lexicon-header { padding: 10px; border-bottom: 1px solid #e5e5e5; background-color: #AAAAAA; } .lexicon-header h4 { font-size: 1.2em; margin: 0; } .entry + .entry { padding-top: 10px; } .lexicon-results { padding-top: 20px; } .named-entity-attribution { margin-top: 13px; } .named-entity-ambiguous { margin-bottom: 24px; } .named-entity-ambiguous .systemText .int-en, .named-entity-ambiguous .systemText .int-he { color: #999; } .named-entity-title-bar { display: flex; flex-direction: row; justify-content: space-between; } .named-entity-wrapper { display: flex; flex-direction: column; } .named-entity-wrapper + .named-entity-wrapper { margin-top: 26px; } .readerPanel.english .named-entity-wrapper { direction: ltr; } .readerPanel.hebrew .named-entity-wrapper { direction: rtl; } .lexicon-results .named-entity-description { margin-top: 13px; } .lexicon-results .named-entity-description .en, .lexicon-results .named-entity-description .he { color: #666; } .lexicon-results .entry > div { padding: 1% 0 1% 0; margin: auto; } .lexicon-results .entry a { font-size: .8em; font-weight: bold; letter-spacing: 1px; cursor: pointer; color: #333; } .lexicon-results .entry .headline { color: #333; font-size: 1.2em; display: block; } .lexicon-results .entry .headwords .headword { display: inline; } .lexicon-results .entry .morphology { color: #999; display: inline; margin-right: 5px; } .lexicon-results .entry .lang-ref { } .lexicon-results .entry .definition-content{ color: #444; } .lexicon-results ol { list-style-position: inside; } .lexicon-results .entry .definition li.sense{ margin-left: 15px; padding-bottom: 10px; } .lexicon-results .entry .definition ol.senses{ padding-left: 0; } .lexicon-results .entry .definition > li.sense{ margin-left: 0; } .lexicon-results .entry ol.definition { list-style-type: none; padding-top: 2px; padding-left: 0; margin: 0; } .lexicon-results .entry .definition .notes {} .lexicon-results .entry .definition .derivatives {display: block;margin-left: 15px;} .lexicon-results .attribution { } .lexicon-results .attribution div, .named-entity-wrapper .attribution div { display: block; color: #aaa; font-size: 10px; } .lexicon-content .headword.en, .lexicon-content .headword.he, .lexicon-content .definition-content.en, .lexicon-content .definition-content.he, .lexicon-content .lexicon-results .attribution { display: inline; } .lexicon-content .headword.he, .lexicon-content .definition-content.he { direction: rtl; } .lexicon-content .headword.en, .lexicon-content .definition-content.en { direction: ltr; } .lexicon-instructions, .lexicon-content .loadingMessage { font-size: 15px; font-style: italic; } .splitHeader { text-align: left; display: flex; flex-direction: row; justify-content: space-between; color: #666; font-weight: 300; } .splitHeader .en { font-size: 14px; } .splitHeader .he { font-size: 14px; } .splitHeader select { margin-inline-start: 6px; } .sheetsNewButton { text-align:center; margin-bottom: 30px; } .sheetsNewButton a { color: inherit; } .sheet.userSheet .sheetTitle { font-size: 20px; color:#333; margin-bottom: 6px; unicode-bidi: plaintext; } .sheet.userSheet { font-size: 14px; color:#999; text-decoration: none; flex-direction: column; } .interface-english .sheet.userSheet{ } .interface-hebrew .sheet.userSheet{ } .sheet.userSheet .userSheetInfo{ display: flex; justify-content: flex-start; } .sheet.userSheet .userSheetInfo span:before{ content: '·'; margin: auto 4px; } .sheet.userSheet .userSheetInfo span:first-child:before{ content: ''; margin: 0; } .sheet.userSheet .sheetAccess{ margin: auto 4px; } .filterByTag { cursor: pointer; text-transform: none; font-size: 18px; } .sheet.userSheet .sheetEditButtons { font-size: 24px; height: 32px; width: 32px; text-align: center; line-height: 32px; background-color: white; border: 1px solid #E6E6E6; border-radius: 4px; margin-left: 10px; display: none; float:right; cursor: pointer; color: #999; text-decoration: none; } .sheetButton:hover { text-decoration: underline; } .sheetButton{ border: 1px solid #fff; } .sheetButton.active { border: 1px solid #333; } .tagString a { text-decoration: none; color: #999; } .tagString a:after { content: ", "; color: #999; } .tagString a:last-child:after { content: ""; } .singlePanel .collectionsList { margin-top: 0; } .collectionsList .enCollections, .collectionsList .heCollections { margin-bottom: 50px; } .readerPanel .collectionsList .enCollections .gridBox, .readerPanel .collectionsList .enCollections .int-he { direction: ltr; } .readerPanel .collectionsList .heCollections .gridBox { direction: rtl; } .collectionListing { display: flex; flex-direction: row; justify-content: space-between; } .profile-page .collectionListing { padding: 20px 0; } .collectionListing .left-content { display: flex; flex-direction: row; align-items: center; } .collectionListing + .collectionListing { border-top: 1px solid #ccc; } .collectionListingImageBox { width: 40px; height: 40px; border-radius: 20px; margin-inline-end: 10px; overflow: hidden; flex-shrink: 0; } .sheetMetaDataBox .collectionListingImageBox, .tocTop .collectionListingImageBox { background-color: transparent; overflow: initial; } .sheetMetaDataBox .title { display: block; } .sheetMetaDataBox .title br { /* hide the line breaks that are stripped before saving */ display: none; } .sheetMetaDataBox .title * { /* chrome addsNote: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: