viewgit/inc/functions.php:22 Function utf8_encode() is deprecated [8192]
/** * SeekQuarry/Yioop -- * Open Source Pure PHP Search Engine, Crawler, and Indexer * * Copyright (C) 2009 - 2024 Chris Pollett chris@pollett.org * * LICENSE: * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see <https://www.gnu.org/licenses/>. * * END LICENSE * * @author Chris Pollett chris@pollett.org * @license https://www.gnu.org/licenses/ GPL3 * @link https://www.seekquarry.com/ * @copyright 2009 - 2024 * @filesource */ /* search.css Main stylesheet for Yioop search engine */ html, body, .subsearch ul { margin: 0; padding: 0; border: 0; vertical-align: baseline; } /* We begin with some generic global styles and classes */ h1.slim, h2, h3, h4 { margin-bottom: 0; margin-top: 0; } h1.slim { font-size: 24pt; } p { margin: 0; padding: 0; width: auto; } input:disabled { color:#555; } .mobile p { min-width:300px; width:auto; } .mobile pre { white-space:pre-wrap; } .echo-link { color: gray; font-size:11pt; overflow-wrap: break-word; word-wrap: break-word; } .hidden { visibility: hidden; } .no-bullet { list-style-type: none; } .disabled { pointer-events: none; text-decoration: none; } .left { float: left; } .right { float: right; } .clear { clear:both; } .none { display:none; } .no-bold { font-weight:normal; } .no-margin { margin: 0; } .no-min-height { min-height: unset !important; } .inline div, .inline form, .inline p { display: inline-block; } .inline ul, .inline li { display: inline; list-style-type: none; } .inline li { border-right: 2px solid black; padding:.05in; } .inline li:first-child { border-left: 2px solid black; padding:.03in; } .indent { text-indent: 0.25in; } span.indent1 { margin-left: 0.25in; } span.indent2 { margin-left: 0.5in; } span.indent3 { margin-left: 0.75in; } span.indent4 { margin-left: 1in; } span.indent5 { margin-left: 1.25in; } .mobile .indent { text-indent: 10px; } .mobile span.indent1 { margin-left: 10px; } .mobile span.indent2 { margin-left: 20px; } .mobile span.indent3 { margin-left: 30px; } .mobile span.indent4 { margin-left: 40px; } .mobile span.indent5 { margin-left: 50px; } .html-ltr .float-opposite { float: right; } .html-rtl .float-opposite { float: left; } .html-ltr .float-same { float: left; } .html-rtl .float-same { float: right; } .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } .html-ltr .align-opposite { text-align: right !important; } .html-rtl .align-opposite { text-align: left !important; } .html-ltr .align-same { text-align: left !important; } .html-rtl .align-same { text-align: right !important; } .bottom-space { position:relative; top: -8px; } .top-space { position:relative; top: 8px; } .no-padding { padding: 0px !important; } .small-padding { padding: 2px; } .medium-padding { padding: 4px; } .large-padding { padding: 8px; } .top-space-medium { position:relative; top: 4px; } .top-space-px { position:relative; top: 1px; } .blockquote { margin-left: 0.3in; margin-right: 0.3in; } .mobile .blockquote { margin-left: 25px; margin-right: 25px; } .no-decoration { text-decoration: none; } .underline-hover { text-decoration: none; } .underline-hover:hover { text-decoration: underline; } .tiny-font { font-size:9.5pt !important; } .medium-large { font-size:20pt !important; } .small-font { font-size:12pt !important; } .smaller-font { font-size:smaller !important; } .medium-font { font-size:16pt !important; } .big-font { font-size:20pt !important; } .bigger-font { font-size: larger !important; } .huge-font { font-size:26pt !important; } .mobile .small-font { font-size:10pt !important; } .mobile .medium-font { font-size:12pt !important; } .mobile .big-font { font-size:14pt !important; } .mobile .huge-font { font-size:20pt !important; } .underline { text-decoration: underline; } .dotted-underline { border-bottom: 2px dotted; } .black { color: black; } .red { color: #D00; } .green { color: green; } .white { color: green; } .highlight, .back-red { background-color: red; } .back-aliceblue { background-color: aliceblue; } .back-gold { background-color: #fafad2; } .back-ghostwhite { background-color: ghostwhite; } .back-ivory { background-color: ivory; } .back-honeydew { background-color: honeydew; } .back-floralwhite { background-color: floralwhite; } .back-lavender { background-color: lavender; } .back-green { background-color: green; } .back-light-coral { background-color: lightcoral; } .back-light-blue { background-color: lightblue; } .back-blue { background-color: blue; } .back-light-green { background-color: lightgreen; } .back-green { background-color: green; } .back-light-gray { background-color: #EEE; } .back-gray { background-color: lightgray; } .back-ghost { background-color: ghostwhite; } .gray { color: #555; } .light-gray { color: #BBB; } .back-dark-gray { background-color: #CCC; } .gray-link { color: #555; text-decoration: none; } .gray-link:hover { text-decoration: underline; } .white { color: white; } a.echo-link, a.hover-link { text-decoration: none; } a.echo-link:hover, a.hover-link:hover { text-decoration: underline; } .hover-lightgray:hover { background-color: lightgray; border-radius:5px; } .back-yellow { background-color: yellow; } .clear { clear: both; } .width-half { width:50%; } .width-three-quarter { width:75%; } .width-half img, .width-three-quarter img { width:100%; } .frame { border: 1px solid #ccc; position: relative; } .solid-border { border: 1px solid #ccc; border-radius: 8px; } .dashed-border { border: 1px dashed #ccc; border-radius: 8px; } .very-narrow-field { width: 1in; font-size:10pt; height:25px; } .mobile .very-narrow-field { width: 80px; } .narrow-field { width: 1.9in; } .mobile .narrow-field { width: 100px; } .wide-field { width: 3in; } .mobile .wide-field { width: 150px; } .extra-wide-field { width: 5in; } .mobile .extra-wide-field { width: 200px; } .range-field { border: 1px solid gray; display:inline-block; margin: 3px; padding: 3px; } .range-field hr { width: 7%; } .tall-text-area { height: 4in; width: 100%; } .mobile .tall-text-area { width: 90%; } .no-resize { resize: none; } .formatted-share-wall { border: 1px darkgray solid; border-radius: 3px; margin: 3px; max-height: 4in; overflow-y: scroll; padding: 0; resize: none; } .formatted-share-wall > div { counter-reset: line; display: table; font: 13px monospace; line-height: 1.2rem; white-space: pre; width: 100%; } .formatted-share-wall > div > div { display: table-row; } .formatted-share-wall > div > div:before { background-color: #F0F0F0; counter-increment: line; content: counter(line) "."; display: table-cell; overflow-x: scroll; text-align: right; width:3em; } .share-wall { border: 1px darkgray solid; border-radius: 3px; height: 4in; margin: 3px; padding: 0; resize: none; width: 99%; } .small-text-area { height: 2.5in; width: 100%; } .grid-container { display: grid; grid-template-columns: auto auto auto; } .mobile .grid-container { display: grid; grid-template-columns: auto auto; } .grid-resource { border: 1px solid black; border-radius: 5px; display: inline-block; margin: .05in; overflow-x: scroll; padding: .05in; text-align: center; width: 2.75in; } .mobile .grid-resource { max-width:155px; } .grid-resource input { text-align:center; max-width:2.25in; } .seen-resource input { background-color: inherit; } .seen-resource input:focus-within { background-color: white; } .mobile .grid-resource input { max-width:145px; } .list-resource button, .list-resource .media-anchor-button, .grid-resource .media-anchor-button, .grid-resource button, h2.resource-field .media-anchor-button, h2.resource-field button, .media-detail-description button { display: none; } #info-item { background-color: white; border: 2px solid gray; border-radius: 15px; display: none; height: calc(100% - 2in); left:0.5in; opacity: 1.0; padding: 5px; position: fixed; top: 1.25in; width: calc(100% - 2in); z-index: 100; } .mobile #info-item { height: calc(100% - 30px); left: 10px; width: calc(100% - 30px); } #detail-item { border: 1px solid black; display: block; height: 4.4in; } .mobile #detail-item { border: 1px solid black; display: block; height: 3.8in; } #info-item iframe { border-radius: 15px; height: calc(100% - 0.5in); margin-left:0.2in; width: calc(100% - 0.4in); } #detail-item iframe { height: 100%; width: 100%; } .detail-container { display: flex; flex-direction: row; height: 1.6in; overflow-x: auto; vertical-align: bottom; } .detail-resource { border: 1px solid black; border-radius: 5px; display: inline-block; margin: .05in; overflow-x: hidden; padding: .05in; text-align: center; min-width: 2in; max-width: 2in; } .detail-resource img { height: 1in; } .mobile .detail-resource { max-width: 155px; } .resource-thumb { position: relative; } .grid-resource img { height:1.3in; } .mobile .grid-resource img { margin-left: 18px; } .mobile .detail-resource img { height:1.1in; margin-left: 35px; } .resource-description { overflow-wrap: break-word; white-space: pre; } div[data-badge]::after, .badge { border: 1px solid black; border-radius: 10px; display: inline-block; font-size:10pt; left: 20px; padding: 2px; position: absolute; top: 0; } div[data-badge]::after { background-color: green; color: white; content: attr(data-badge); top: -15px; left: -10px; } .detail-container div[data-badge]::after, grid-container div[data-badge]::after, .detail-container .badge, .grid-container .badge { font-size: 16pt; left:0px; } .mobile div[data-badge]::after { left:-7px; } .mobile .badge { left: 0; } .resizable { resize: horizontal; overflow: auto; } h2.resource-field input { font-size: 24pt; font-weight: bold; text-align: center; } .resource-field input { border:0; color:black; padding:2px; width:calc(max(100% - 50px, 1.8in)); } .resource-field input:hover { border:1px gray solid; border-radius:5px; text-decoration:underline; } .info-link { padding: 5px; text-decoration:none; } .info-link:hover { border: 1px solid blue; background-color:#ECECEC; border-radius: 5px; color:blue; } .resource-field:focus-within input { border:1px gray solid; border-radius:5px; color:black; text-decoration:none; } .grid-resource:focus-within button, h2.resource-field:focus-within button, .list-resource:focus-within button, .media-detail-description:focus-within button { background-color: #F0F0F6; border: 1px solid gray; border-radius: 5px; color: black; display: inline; font-size: 11pt; font-weight: bold; } .media-detail-description:focus-within div { margin: 5px; text-align:center; } .grid-resource:focus-within .media-anchor-button, h2.resource-field:focus-within .media-anchor-button, .list-resource:focus-within .media-anchor-button { background-color: #F0F0F6; border:1px solid gray; border-radius:5px; color:black; display:inline-block; font-size:11pt; font-weight:bold; } .seen-resource:focus-within button, .seen-resource:focus-within button, .seen-resource:focus-within .media-anchor-button, .seen-resource:focus-within .media-anchor-button { background-color: white; } .grid-resource:focus-within button:hover, .list-resource:focus-within button:hover { background-color: lightgray; } .media-detail-description { margin:auto; width:60%; } .mobile .media-detail-description { margin:auto; width:90%; } .media-detail-description textarea { border:0; color:black; padding:2px; width:100%; height: 1.5in; } .media-detail-description textarea:hover { border:1px gray solid; border-radius:5px; text-decoration:underline; } .media-detail-description:focus-within textarea { border:1px gray solid; border-radius:5px; color:black; text-decoration:none; } .medium-text-area { height: 2.5in; width: 100%; } .mobile .medium-text-area { width: 90%; } .short-text-area { width: 98%; height: 1in; } .mobile .short-text-area { width: 90%; } .short-text-area-two { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; height: 1in; } .short-text-area-three { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; height: .7in; } .center { margin: 0 auto 0 auto; text-align: center; } .bold { font-weight: bold; } .sides-margin { margin-left:0.6in; margin-right:0.6in; } .reduce-top { position: relative; top: -.1in; } .top-margin { margin-top: .2in; } .top-bottom-margin { margin: .2in 0 .2in 0; } .small-top-bottom-margin { margin: .1in 0 .1in 0; } .mobile .top-margin { margin-top: 6px; } .mobile .top-bottom-margin { margin: 6px 0 6px 0; } .mobile .small-top-bottom-margin { margin: 3px 0 3px 0; } .bottom-margin { margin-bottom: .2in; } .no-margin { margin: 0 !important; } .tiny-margin { margin: 1px !important; } .small-margin { margin: 2px !important; } .medium-margin { margin: 4px !important; } .large-margin { margin: 8px !important; } .box { border: 1px ridge #ccc; padding: 3px; } .black-box { border:2px ridge black; padding:5px; } .light-gray-box { border:2px ridge #BBB; padding:5px; } .slight-pad { padding: 0.1in; } .mobile .slight-pad { padding: 3px; } .border-top { border-top:2px solid black; padding-top:5px; } .align-top { vertical-align: top; } fieldset { border-color:black; } /* set up prefixes for left-to-right, right-to-left and vertical text support*/ .html-tb { -ms-block-progression: tb; } .html-rl { -ms-block-progression: rl; } .html-lr { -ms-block-progression: lr; } .html-rtl { direction: rtl; text-align: right; } .html-ltr { direction: ltr; text-align: left; } body.html-rl-tb { } body.html-lr-tb { writing-mode: horizontal-tb; } body.html-tb-rl { writing-mode: vertical-rl; } body.html-tb-lr { writing-mode: vertical-lr; } /* set up global font preferences */ body { font-family: Arial, Helvetica, sans-serif; height: 100%; margin: 0; padding: 0; width: auto; } /* .mobile is used for phone devices -- an attempt has been made to make the default non-mobile version of the page work with tablets */ body.mobile { left: 0; margin: 0; min-height: 0; width: auto; } .body-container { border: 0; margin: auto; width:9.5in; min-width:11in; /* making width values larger will affect help visibility */ padding: 0; } .search-body { width:12.5in; min-width:12.5in; } .mobile .search-body, .mobile .body-container { width: unset; min-width: auto; } .html-ltr .body-container, .html-ltr .top-container { transition: margin-left .25s ease-in; } .html-rtl .body-container, .html-rtl .top-container { transition: margin-right .25s ease-in; } /* bar on which web, images, video subsearches and sign-in stuff live for many of the below things we need to handle them different on the landing page from pages where search results appear */ .top-container { height: 65px; left: 0px; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 10; } .top-container.landing { background-color: white; } .top-container .inner-bar { height: 60px; margin: 0; } .top-container.landing .inner-bar { background-color: white; } .mobile .top-container { top: -5px; min-width: 0; } .top-landing-spacer { clear:both; height:2in; } .mobile .top-landing-spacer { clear:both; height:70px; } /* this is for informational messages when settings are changed or admin stuff done */ #message { left: 2in; position: fixed; right: 2in; text-align: center; top: .1in; width:auto; z-index: 13; } .mobile #message { left: 20px; right: 20px; width: 100%; } .display-message { color:#D00; } /* top nav bar and settings toggle */ .nav-bar { min-width: 9.5in; padding: 5px; } .landing .nav-bar { min-width: unset; width: 65px; } .nav-bar .title-block { margin:0; min-width:9in; max-width:10in; padding:0; text-align: center; } .nav-bar h1 { display: inline; } .nav-bar h1 img { position:relative; top: 2px; } .nav-bar .nav-span { display: inline-block; font-family: Arial; font-size: 32px; font-weight: 700; height: 32pt; margin: 2px; max-width: 7in; padding: 0; position: relative; top:-20px; white-space: nowrap; } .html-ltr .nav-bar .nav-span { text-align:left; } .html-rtl .nav-bar .nav-span { text-align: right; } .wide-bar-item, .group-title-item, .bar-item { display: inline-block; margin: 0; max-width: 2in; overflow: hidden; padding: 0; position: relative; text-overflow: ellipsis "[..]"; top: 10px; } .wide-bar-item { max-width: 4in; } .mobile .bar-item { font-size: 11pt; max-height: 14pt; max-width: 63px; top: 3px; } .mobile .wide-bar-item { font-size: 11pt; max-height: 14pt; max-width: 150px; top: 3px; } .mobile .group-title-item { max-width: 180px; vertical-align: top; } .mobile .nav-bar { min-width: unset; width: 100%; } .mobile .nav-bar .title-block { min-width: unset; width: 100%; } .mobile .nav-bar h1 { font-size: 14pt; min-width: unset; max-width: unset; } .mobile .nav-bar .nav-span { font-size: 14pt; max-width:250px; } .mobile .nav-bar img { max-width:60px; } .html-ltr #nav-container { height: 100%; left: -300px; overflow-y: scroll; position: fixed; top: 0; transition: left .25s ease-in; width: 300px; z-index:100; } .html-rtl #nav-container { height: 100%; right: -300px; overflow-y: scroll; position: fixed; top: 0; transition: right .25s ease-in; width: 300px; z-index:100; } .html-ltr .menu-options { position: relative; z-index: 100; } .html-rtl .menu-options { position: relative; z-index: 100; } #admin-menu-options { display: none; } .menu-options h2 { font-size:13pt; padding: 0; margin: 0 3px 0 3px; } .menu-option-heading, .option-heading { margin: 0 2px 0 2px; padding: 0; } .html-ltr .menu-option-heading { position:relative; left:-.37in; } .html-rtl .menu-option-heading { position:relative; right:-.37in; } .menu-toggle { font-size:13pt; margin: 0; padding: 0 0.1in 0 0.1in; } .menu-options ul { font-size: 12pt; margin-bottom: 5px; margin-top: 1px; } .menu-options li { padding: 1px; } .mobile .menu-options li { padding: 1px; } .menu-options select { font-size: 13pt; } .mobile .menu-options h2 img { max-height: 75px; max-width: 150px; } #menu-options-background { background-color: black; display: none; min-height: 100%; left: 0px; opacity: 0.15; position: fixed; top: 0px; transition: all 2s ease-in; width: 100%; z-index:50; } /* controls */ .anchor-button, .anchor-button-consent, .vote-button { background-color: #F0F0F0; border: ridge 1px #DDD; color: #000; cursor: pointer; display: inline-block; font-weight: bold; margin: 2px; padding: 4px; text-align: center; text-decoration: none; } .source-anchor-button { background-color: #E9E9ED; border: ridge 1px #000; border-radius: 5px; color: #000; cursor: pointer; display: inline-block; font-size: 16pt; margin: 3px; padding: 6px 5px 5px 5px; position: relative; text-align: center; text-decoration: none; top: 1px; } .mobile .source-anchor-button { font-size: 14pt; } .vote-button { background-color: #DDD; border-radius: 5px; color: #555; margin: 1px; min-width:.15in; padding: 1px; } .anchor-button-consent { background-color: #666; border-radius: 5px; color: #FFF; } .anchor-button:hover { text-decoration: underline; } .anchor-button-consent:hover, .vote-button:hover { background-color: #333; color: #FFF; } .button-anchor { background:inherit; border: 0; color: blue; font-size: 16px; padding: 0; text-decoration:underline; } .media-anchor-button { background:inherit; font-size: 14pt; display: inline-block; margin: 2px; padding: 2px; position:relative; text-decoration:none; } .media-anchor-button:hover { background-color:lightgray !important; border-radius:5px; } .mobile #clipboard-toggle { height: 25px; position:relative; top:2px; } .button-container { display:inline-block; position:relative; } div[aria-label]:focus:after, div[aria-label]:hover:after, span[aria-label]:focus:after, span[aria-label]:hover:after { background: #000; border-radius: 3px; content: attr(aria-label); color: #fff; display: block; font-size: 10pt; padding: 3px; position: absolute; word-break: normal; z-index: 1000; } #discuss-button { display:inline-block; } .html-ltr #discuss-button span[aria-label]:focus:after, .html-ltr #discuss-button span[aria-label]:hover:after { right:0px; } .html-rtl #discuss-button span[aria-label]:focus:after, .html-rtl #discuss-button span[aria-label]:hover:after { left:0px; } /* ComponentView styles */ .same-container, .opposite-container { margin-left: 1%; margin-right: 1%; max-width: 20%; min-width: 14%; } .html-ltr .same-container { float: left; } .html-rtl .same-container { float: right; } .html-ltr .opposite-container { float: right; } .html-rtl .opposite-container { float: left; } .sub-top-container { margin: 0; margin-top: 65px; } .center-container { margin-left: 0.5in; margin-right: 0.5in; margin-top: 0px; } .search-body .center-container { min-width: 11.5in; } .mobile .center-container { margin-left: 0px; margin-right: 0px; min-width: unset; max-width: unset; } .center-container .landing { margin: auto; } .footer { position: fixed; left: 0; bottom: 0; width: 100%; background-color: red; color: white; text-align: center; } .cookie-consent { bottom: 0; left: 0; padding: 7px; position: fixed; text-align: center; width: 100%; } /* Landing page (www.yioop.com) specific css */ .small-top { position: relative; top:-.8in; } .medium-top { margin-left:0.3in; margin-right:0.3in; position: relative; top:-.8in; } .square-list { list-style-type: square; } .mobile .small-top { position: relative; top:0in; } /* Style tweaks for blog, privacy, bot, settings, and admin pages */ .mobile .non-search { left: 10px; position: relative; right: 10px; top: 10px; } /* Styles to control logo (image + adjacent text) on various pages */ .logo { margin: 0 auto 0 auto; left: 0.1in; position: relative; right: 0.1in; top: -0.05in; } .mobile .non-search .logo { margin: 0 auto 0 auto; position: relative; text-align: inherit; top: 20px; } .mobile .test { position: relative; top: -0.18in; } .request-add { font-size:12pt; height:0; position:relative; top:-25px; } .group-request-add { font-size:12pt; height:0; } .mobile .request-add, .mobile .group-request-add { position:relative; top:-10px; } .feed-back-link { font-size:12pt; } .group-feed-back-link { font-size:12pt; margin-left:1.75in; margin-right:1.75in; } .group-wiki-title select, .group-feed-title select { border-radius:6px; font-size:16pt; font-weight:bold; padding:4px; } .admin-heading { margin-left: .06in; margin-right: .06in; } .group-heading { margin: .1in auto .4in auto; text-align:center; } .group-heading span { position: relative; top: -30px; } .group-heading span select { border-radius:6px; font-size:12pt; font-weight:bold; padding:4px; position: relative; top:-2px; } .mobile .admin-heading { position: absolute; top: 5px; width:360px; } .mobile .group-heading { position: absolute; top: 5px; } .mobile .group-heading span { position: relative; top: 0px; } .landing .logo { min-width: 6in; position: relative; text-align: center; top: 0; } .mobile .landing .logo { min-width: 0px; } .landing.non-search { clear: both; margin-top: 1.5in; } .logo img { border: 0; width:2in; } .group-heading img.logo { width: 1.5in; } .group-comment { margin: 10px 8px 10px 8px !important; } .mobile .group-comment { margin: 10px 14px 10px 14px !important; } .mobile .logo img { left: -8px; position: relative; top: 14px; width: 50px; z-index: 5; } .mobile .admin-heading img { position: relative; top: 0px; } .mobile .group-heading img.logo { left: 4px; position: relative; top: 17px; width: 50px; } .landing .logo img { border: 0; width: 3in; } .mobile .landing .logo img { position: relative; left: 0px; top: 14px; width: 200px; } .mobile .admin-heading img { left: 80px; position: relative; right: 80px; top: 30px; width: 50px; } .logo span { position: relative; top: -.3in; } .mobile .logo span { position: relative; top: 0; } .html-ltr b.logo-subsearch { font-size: 12pt; left: 70px; position: fixed; top: 45px; transition: left .25s ease-in; } .html-rtl b.logo-subsearch { font-size: 12pt; right: 70px; position: fixed; top: 45px; right: left .25s ease-in; } .html-ltr.mobile b.logo-subsearch { left: 50px; position: fixed; top: 40px; } .html-rtl.mobile b.logo-subsearch { right: 50px; position: fixed; top: 40px; } .logo-subsearch { font-size: 30pt; position: relative; text-align: center; top: -50px; } .mobile .logo-subsearch { font-size: 20pt; margin: 0; padding: 0; position: relative; text-align: center; top: -25px; z-index: 15; } .mobile .admin-heading { left: 70px; position: relative; right: 70px; top: 20px; } .mobile .non-search .logo span { left: 20px; position: relative; right: 20px; top: -.3in; width: 200px; } .mobile .non-search .logo img { left: 20px; position: relative; right: 20px; top: -20px; width: 50px; } /* Styles for footers on various pages */ .footer-element { clear:both; margin:auto; margin-top: 25px; text-align:center; } .mobile .footer-element { margin-top: 60px; } .signin-exit { clear: both; margin: 0.25in auto 0.25in auto; width: 7in; text-align: center; } .mobile .signin-exit { min-width:0; } .mobile .signin-exit { margin-top: 0.4in; position: relative; text-align: inherit; min-width:0; top: -20px; width: 90%; } .html-ltr .signin-exit li { text-align:left; list-style-type: square; margin-left:2.3in; } .html-rtl .signin-exit li { text-align: right; list-style-type: square; margin-right:2.3in; } .mobile .signin-exit li { margin-left: 20%; margin-right: 20%; } /* If query information is available then web_layout will render statistics about all the SQL and search engine queries that were executed for a page. These styles control how this diagnostic info renders */ .query-statistics { border-top: 2px solid gray; color: #606060; margin-top: 0.4in; } .mobile .query-statistics { position: relative; overflow-wrap: break-word; top: 200px; word-wrap: break-word; } .query { border: 1px solid gray; margin: 0.1in; padding: 0.05in; } /* Styles for the login, settings, and register pages */ .html-ltr .cancel { text-align: right; } .html-rtl .cancel { text-align: left; } .login { font-size: 16pt; width: 5in; margin: 0 auto 0 auto; } #settings-toggle-icon, #settings-toggle-icon-b { position:relative; top:5px; } #settings-toggle-icon-b:hover, #settings-toggle-icon:hover { background-color: white; border: 1px solid black; border-radius: 10px; height:.6in; width:.42in; z-index:1001; } .settings .top { font-size:14px; margin:0; padding:0; position:relative; top:5px; } .settings .bottom { margin:0; padding:0; position:relative; top:-10px; } .html-ltr .top-container .settings { color: #555; float: left; font-size: 50px; height: .8in; position: relative; text-align: center; top: -5px; width: 40px; z-index: 10; } .html-rtl .top-container .settings { color: #555; float: right; font-size: 50px; height: .8in; position: relative; text-align: center; top: -5px; width: 40px; z-index:10; } .register { font-size: 14pt; width: 6in; margin: auto; } .login input { font-size: 16pt; margin: 5px; } .register input { font-size: 16pt; margin: 5px; width: 80%; } .mobile .login, .mobile .register { font-size: 14pt; left: 5px; position: relative; right: 5px; width: 100%; } .login button, .register button { font-size:16pt; } .register select { font-size: 10pt; width:90%; } .mobile .login button, .mobile .register button { font-size: 14pt; } .mobile .register select { font-size: 12pt; } .user-icon-td { vertical-align: top; width: 1.4in; } .user-icon { margin: auto; width: 1.3in; } .mobile .user-icon-td { width:90px; } .mobile .user-icon { width:80px; } .upload-file { background-color: #CCC; border: 3pt #999 solid; border-radius:13px; height: .5in; margin: .2in; overflow-wrap: break-word; padding: 2px; width: 2in; word-wrap: break-word; } .mobile .upload-file { width: 150px; height: 30px; } .full-width { width: 100%; } .small-icon { height: 0.5in; position:relative; top:10px; width: 0.5in; } .mobile .small-icon { height: 30px; width: 30px; } .icon-upload { left:16px; padding-right:2px; position:relative; width: 1.6in; } .mobile .icon-upload { left:-5px; position:relative; font-size:11pt; width:86px; } /* Styles for the statistics for a crawl page */ .stats { position: relative; top: 0.1in; } .statistics { left: .1in; position: relative; right: .1in; } .mobile .statistics { font-size: 14pt; left: 5px; position: relative; right: 5px; width: 100%; } .mobile .stats span { left: -10px; position: relative; top: -10px; width: 200px; } .mobile .stats img { left: 0px; position: relative; top: 0px; width: 50px; } /* Styles for search and search result pages */ .search-results { width:inherit; } .edit-search-result { position: relative; top: 7px; } .edit-search-result ul > li:first-child { border-color: lightgray !important; color: gray !important; height: 20px; padding: 0 5px 4px 5px; } .html-ltr .search-stats { color: #666; font-size: 14pt; float: right; padding: 5px; z-index:-1; } .html-rtl .search-stats { color: #666; font-size: 14pt; float: left; padding: 5px; z-index:-1; } .search-callout { border-radius: 10px; border: 3px solid #DDD; padding: 5px; margin-top: 65px; min-height: 45px; width:2.5in; } .mobile .search-callout { border: 3px solid #DDD; padding: 5px; margin: 8px 3px 3px 3px; width: 320px; } .news-result { min-height:1.2in; } .news-result img { border-radius: 10px; clear: inline-start; height:130px; margin-right: 5px; width:240px; } .mobile .news-result img { margin-top:5px; max-height:70px; top:7px; width:120px; } .news-result, .result { border: 1px solid transparent; clear: inline-start; line-height: 1.4; margin-bottom:12px; margin-top:12px; padding: 2px; width:9in; } .news-result h2 a, .result h2 a { text-decoration: none; } .result h2 a:hover, .news-result h2 a:hover { text-decoration: underline; } .result table tr td { padding: 0 5px 0 5px; } .result-extras { padding: 10px; display: none; } .mobile .news-result, .mobile .result { width:inherit; } .word-cloud-spacer { font-weight: bold; color : gray; } .word-cloud-1 { font-size: 16pt; color: #080; text-decoration: none; } .word-cloud-2 { font-size: 15pt; color: #090; text-decoration: none; } .word-cloud-3 { font-size: 14pt; color: #0A0; text-decoration: none; } .word-cloud-4 { font-size: 13pt; color: #0B0; text-decoration: none; } .word-cloud-5 { font-size: 12pt; color: #0C0; text-decoration: none; } .word-cloud:hover { text-decoration: underline; } .no-search-results { color: #999; font-size: 18pt; padding-bottom:3%; padding-top:5%; } .continuous-result-separator { line-height: 1; position:relative; top:-10px; padding-right: 4px; } .html-ltr .continuous-result-separator { float: left; } .html-rtl .continuous-result-separator { float: right; } .access-result { box-shadow: 0px 0px 3px 3px #ccc; font-size: 12pt; padding: 5px; margin:10px; word-break: break-all; } .more-groups { margin:12px; } #results-container { padding-top: 5px; max-height: 6in; overflow-y: scroll; } #feed-clipboard { border: 2px solid gray; border-radius: 5px; background-color:white; padding: 2px; margin: 2px; } #clips-container { padding-top: 5px; max-height: 3in; overflow-y: scroll; } .feed-heading { margin:0 auto 0 auto; padding: 0; width: 7in; } .page-list-header-footer { padding: 0; margin: 0 auto 0 auto; width: 7in; } .mobile .page-list-header-footer { padding: 0; margin: 0 auto 0 auto; width: 340px; } .wiki-page-list-result { border-radius:5px; box-shadow: 0px 0px 3px 3px #ccc; font-size: 12pt; padding: 0.05in .1in .25in .1in; margin: 14px auto 14px auto; width:7in; } .mobile .wiki-page-list-result { width:340px; } .group-result { border-radius:5px; box-shadow: 0px 0px 3px 3px #ccc; padding: 0.05in .1in .25in .1in; margin: 8px auto 8px auto; } .small-group-result { border-radius:5px; box-shadow: 0px 0px 2px 2px #ccc; padding: 0.02in .1in .02in .1in; margin: 7px auto 7px auto; min-height:.52in; } .button-group-result { padding: .1in .1in .05in .1in; margin:auto; } .button-group-result h2, .news-result h2, .result h2, .small-group-result h2, .group-result h2 { font-size: 16pt; font-weight: normal; } .result-more { border-radius: 5px; border: 1px solid lightgray; color: gray; font-size: 14pt; padding: 1px; margin: 3px; } .result-more:hover { background-color: lightgray; color: white; } .result-fav { width: 16px; height: 16px; } div.button-group-result, div.small-group-result, div.group-result { font-size: 12pt; width:7in; } .mobile div.small-group-result, .mobile div.group-result { margin: 8px 1px 8px 1px; width: auto; } .mobile div.button-group-result { margin: 8px 1px 1px 1px; padding: 2px 2px 1px 2px; width: auto; } .spell { color: #666; display:none; font-size: 14pt; padding-bottom:10px; padding-top:10px; z-index: 20; } /* The next styles are for the built-in search box that comes with Yioop rather than the search boxes which can be inserted on wiki pages. */ *:focus { outline: none; } ::-webkit-search-cancel-button { -webkit-appearance: none; } .subsearch.footer-element, .subsearch.copyright { position:relative; top: -10px; } .copyright { margin-top: 25px; } .search-box { border-color: #AAA; border-radius: 5px; border-style: solid; border-width: 2px; padding: 4px; margin:auto; width:8in; } .search-box-inner { background-color: white; border-radius: 5px; padding: 2px; } .search-box-inner input { appearance: none; background-color: white; border: 0; font-size: 18pt; margin: 0; padding: 5px; -webkit-appearance: none; width: 7.15in; } .inner-bar .search-box { width: 7.5in; } .inner-bar .search-box-inner { border: 1px solid #AAA; display: inline-block; position: relative; top: -22px; z-index:20; } .inner-bar .search-box-inner input { width: 6.5in; } .search-box-inner:focus-within .search-reset-button:hover { color: blue; } .search-reset-button, .search-button { background-color: white; border: 0 white; padding: 3px 5px 3px 5px; font-size: 18pt; } .search-reset-button { font-size: 14pt; visibility: hidden; } .search-box-inner:focus-within .search-reset-button { border-radius: 15px; background-color: #EFEFEF; color: black; visibility: visible; } .search-button:hover { border-radius: 3px; border:1px solid black; } .mobile .search-box { width: calc(100% - 50px); margin-top: 8px; } .mobile .search-box-inner input { font-size: 14pt; width: calc(100% - 80px); } .mobile .inner-bar .search-box { width: calc(100% - 140px); } .mobile .inner-bar .search-box-inner { width: calc(100% - 120px); } .mobile .inner-bar .search-box-inner input { width: calc(100% - 80px); } .mobile .search-button { font-size: 14pt; } .mobile .search-reset-button { font-size: 12pt; } .button-box img { left:-1px; position:relative; top:3px; } .mobile .button-box img { left:-2px; position:relative; top:1px; } .search-field { position: relative; min-width:2.5in; top: -25px; } .mobile .search-field { position: relative; width:85%; top: -25px; } .search-field input[type="search"] { appearance: none; border: 0; font-size: 16pt; height: 37px; margin: 0; padding: 3px; -webkit-appearance: none; width:53%; } .mobile .search-field input[type="search"] { border-radius:1px; width:58%; } .mobile .search-field .button-box { background-color:#EEE; border-radius:1px; height:37px; left:0; position: relative; top: 3px; width:40px; } .mobile .search-field .button-box img { left:-10px; position:relative; top:1px; } .serp-links-score { color: #666; } /* The next styles are for the search boxes which can be inserted into wiki pages */ .mobile .small-search-box { position:static; width: 180px; } .mobile .medium-search-box { position: static; width: 220px; } .mobile .large-search-box { position: static; width: 260px; } .mobile .small-search-box .search-input { position: static; width: 108px; } .mobile .medium-search-box .search-input { position: static; width: 148px; } .mobile .large-search-box .search-input { position: static; width: 188px; } .small-search-box { margin: 4px; position: static; width: 2.6in; } .small-search-box .search-input { position: static; width: 1.80in; } .medium-search-box { margin: 4px; position: static; width: 4.1in; } .medium-search-box .search-input { position: static; width: 3.3in; } .large-search-box { margin: 4px; position: static; width: 5.6in; } .large-search-box .search-input { position: static; width: 4.8in; } .search-input { font-size: 0.22in!important; padding: 2px!important; position: relative!important; margin: 0!important; top: -3px!important; } /* Styles for the word suggest drop down on search pages */ .dropdown { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-color: #AAA; border-left-style: solid; border-right-style: solid; border-top-style: none; border-width: 1px; left: 180px; margin: auto; overflow-x: hidden; overflow-y: auto; padding-bottom: 0; position: fixed; top: 50px; width: 5.62in; z-index:13; } .landing .dropdown { border-width: 2px; left: -0.3in; position: relative; top:0; width: 7.38in; } .mobile .dropdown { display: none; } .suggest-list { background-color: white; border: 0; font-size: 16pt; margin: 0; padding: 0; visibility: hidden; width: 5.15in; } .landing .suggest-list { width: 7.4in; } .suggest-list li { cursor: pointer; font-size: 16pt; list-style:none; margin-left: 0; margin-right: 0; padding:0px; padding-left:2px; padding-right:2px; width: 6.08in; } .landing .suggest-list li { width: 7.8in; } .suggest-list li span { color: black; display: block; height: 18pt; margin: 0; padding: 0; text-decoration: none; z-index: 15; } .mobile .suggest-list { display: none; } /* Styles for the bottom of search results links to additional pages of search results */ .pagination { margin-bottom: 8px; margin-top: 8px; } .html-ltr .pagination ul, .html-ltr .pagination ul li { display: inline; font-size: 14pt; padding-left: 0; padding-right: 8px; } .html-rtl .pagination ul, .html-rtl .pagination ul li { display:inline; font-size: 14pt; padding-left: 8px; padding-right: 0; } .html-ltr .pagination ul li a.item { border-color: blue; border-style: solid; border-width: 2px; display: block; float: left; height: 25px; margin-right: 8px; padding-bottom: 0px; padding-top: 1px; text-align: center; text-decoration: none; width: 25px; } .html-rtl .pagination ul li a.item { border-color: blue; border-style: solid; border-width: 2px; display: block; float: right; height: 25px; margin-left: 8px; padding-bottom: 0px; padding-top: 1px; text-align: center; text-decoration: none; width: 25px; } .micro-pagination ul li a.item:hover, .pagination ul li a.item:hover { background-color: #88F; color: white; } .html-ltr .pagination ul li span.item { border-color: black; border-style: solid; border-width: 3px; display: block; float: left; height: 25px; margin-right: 8px; padding-top: 1px; position: relative; text-align: center; top: -1px; width: 25px; } .html-rtl .pagination ul li span.item { border-color: black; border-style: solid; border-width: 5px; display: block; float: right; height: 25px; margin-left: 8px; position: relative; text-align: center; top: -1px; width: 25px; } .html-ltr .pagination ul li span.end { display:block; float:left; margin-right: 8px; padding-top: 1px; } .html-rtl .pagination ul li span.end { display: block; float: right; margin-left: 8px; } .micro-pagination { display:inline; margin-bottom: 8px; margin-top: 8px; } .micro-pagination ul, .micro-pagination ul li { display: inline; font-size: 8pt; margin:0; padding:0; position:relative; top:-1px; } .micro-pagination ul li a.item { border-color: gray; border-style: solid; border-width: 2px; padding: 2px; margin: 2px; height: 12px; text-align: center; text-decoration: none; width: 12px; } /* Styles for video subsearch page */ .html-ltr .video-link { float: left; margin: 0; height: 90px; padding-top: 0.05in; width: 128px; } .video-link .thumb { height: 80px; width: 120px; } .html-ltr .video-play { height: 30px; left: 40px; position: relative; top: -60px; width: 40px; } .html-rtl .video-link { float: right; height: 90px; margin:0; padding-top: 0.05in; width: 128px; } .html-rtl .video-play { height: 30px; position: relative; right: 40px; top: -60px; width: 40px; } /* Styles for image subsearch page */ .video-list, .image-list { margin-top: 10px; width: 9in; } .mobile .video-list, .mobile .image-list { margin-left: 2px; margin-right: 2px; padding: 2px; position: relative; top: 5px; width: 100%; } .sub-video-list, .sub-image-list { display: inline-flex; justify-content: space-between; flex-wrap: wrap; } .image-list .image-detail { display: inline-block; margin: 5px; padding: 5px; position:relative; max-width: 2.5in; } .image-list .image-detail figcaption div { font-size: 10pt; height: 12pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .image-list .image-detail figcaption a { color: black; text-decoration: none; } .image-list .image-detail figcaption:hover { text-decoration: underline; } .image-dim { background-color: black; bottom: 42px; color: white; opacity: 0.7; padding: 2px; position:absolute; } .html-ltr .image-dim { right: 6px; } .html-rtl .image-dim { left: 6px; } .image-list img { border: 1px solid gray; height:1.5in; } .mobile .image-detail { max-width: 119px; } .mobile .image-list img { height: 70px; padding: 2px; } .video-list .video-detail { border: 1px solid black; border-radius: 10px; display: inline-block; margin: 5px; position:relative; width: 2.5in; } .video-list .video-detail figcaption { height: .75in; line-height: 1.5; padding:3px; } .video-list .video-detail figcaption div { font-size: 10pt; margin: 3px; } .video-list .video-detail figcaption a { color: black; text-decoration: none; } .video-list .video-detail figcaption a:hover { text-decoration: underline; } .video-detail .result-fav { margin-left: 2px; margin-right: 2px; } .video-quality { background-color: #fcc200; border-radius: 3px; top: 0px; color: white; margin: 2px; padding: 4px; position:absolute; } .html-ltr .video-quality { right: 3px; } .html-rtl .video-quality { left: 3px; } .video-duration { background-color: black; bottom: 85px; color: white; opacity: 0.8; padding: 2px; position:absolute; } .html-ltr .video-duration { right: 3px; } .html-rtl .video-duration { left: 3px; } .video-list .video-thumb { border-top-left-radius: 10px; border-top-right-radius: 10px; max-height: 1.75in; width: 100%; } .video-play-button { position:absolute; font-size: .7in; top:.45in; left:.9in; } .video-play-button a { text-decoration: none; } .mobile .video-detail { width: 1.8in; } .mobile .video-list .video-thumb { max-height: 1.25in; } .mobile .video-play-button { font-size: .7in; top:.2in; left:.55in; } /* Styles for tables on login and admin pages */ .mobile .table-input select { width: 190px; } .mobile .table-input input { width: 150px; } .html-ltr .table-label { text-align: right; } .html-ltr .table-input { text-align: left; } .html-rtl .table-label { text-align: left; } .html-rtl .table-input { text-align: right; } /* Styles for different admin page elements */ .content { background-color: white; font-size: 12pt; margin-left: 0.5in; margin-right: 0.5in; min-height: 3in; padding: 8px; position: relative; width: 8in; } .mobile .content { clear: both; position: relative; left: 0; margin: 3px; right: 0; top: 0; width: 100%; } .content p, .content div { padding-bottom: 8px; } .round-padded-button-box, .round-button-box { border-radius: 5px; font-size: 14pt; text-align: center; text-decoration: none; } .round-padded-button-box { padding: 6px; } .html-ltr .button-box { background-color: #E9E9ED; border-radius: 5px; border: 1px ridge black; color: black; font-size: 16pt; height:.39in; margin-left: 0; position: relative; text-align: center; text-decoration: none; top: 0.015in; } .html-rtl .button-box { background-color: #E9E9ED; border-radius: 5px; border: 1px ridge black; color: black; font-size: 16pt; height:.39in; margin-right: 0; position: relative; text-align: center; text-decoration: none; top: 0.015in; } .mobile .button-box { background-color: #E9E9ED; border-radius: 5px; border: 1px ridge black; font-size: 14pt; height: 34px; margin: 0 4px 1px 4px; top: unset; } .tiny-button-box { font-size: 12pt; margin:1px; padding:1px; } .presentation-activity { clear:both; } .current-activity { border: 1px solid #ccc; border-radius: 8px; font-size: 16pt; margin-bottom: 65px; margin-left:10%; margin-right:10%; min-height: 6.5in; min-width: 8in; width:8in; max-width: 8in; padding-bottom: 0.1in; padding-left: 0.1in; padding-right: 0.1in; position:relative; top: 15px; } .current-activity-header { margin: auto; min-width: 9in; position:relative; top: 0.15in; } .mobile .current-activity-header { min-width: 320px; width:100%; } .mobile .wiki { position:relative; top: -35px; } .current-activity-footer { min-width: 9in; position: relative; top:0.3in; } .mobile .current-activity-footer { min-width: 320px; width:100%; } .small-margin-current-activity { font-size: 16pt; margin: auto; max-width: 9in; min-height: 6.5in; min-width: 9in; padding-left: 0.1in; padding-right: 0.1in; padding-bottom: 0.1in; position: relative; top: 15px; } .mobile #feedstatus { position: relative; top: 55px; } .static { position:relative; top: 0px; } .mobile .current-activity, .mobile .small-margin-current-activity { clear:both; font-size:12pt; margin:auto; min-height: 200px; min-width: 0; padding: 0 3px 3px 3px; position: relative; top: 5px; width: 96%; } .mobile textarea { font-size:14pt; } .current-activity h2, .small-margin-current-activity h2 { margin-top: 0.05in; padding-top: 0.05in; } .current-activity input, .small-margin-current-activity input { font-size: 16pt; position: relative; top: 2px; } .adjacent-button-field { border: 1px solid gray; border-radius: 3px; height: 0.32in; margin: 0.01in; } .mobile .adjacent-button-field { height: 28px; margin: 2px; } .current-activity object, .small-margin-current-activity object { height: 2in; min-width: 6in; width: 8in; } .current-activity select, .small-margin-current-activity select { font-size: 16pt; } .mobile .current-activity select, .mobile .small-margin-current-activity select { font-size: 12pt; } .current-activity pre, .small-margin-current-activity pre { font-size: 10pt; } .mobile .current-activity img, .mobile .small-margin-current-activity img { max-width:95%; } .media-detail-body { width: 100%; min-width: 100%; } .media-container .photo, .media-container .video { border: solid black 0.02in; height:70%; image-orientation: from-image; margin: 0.09in; min-width:40%; max-height: 90%; max-width: 90%; padding: 0.09in; } .media-detail-body .media-container .photo, .media-detail-body .media-container .video { min-width:280px; width:280px; max-height: 85%; max-width: 85%; } .mobile .media-container .photo { max-width: 300px; } .photo-container, .video-container { border: solid black 0.02in; height: 7in; margin: 0.09in; max-height: 90%; max-width: 90%; padding: 0.09in; position: relative; } .mobile .media-container .photo-container { height: 460px; max-width: 300px; } .photo-container .photo-360 { height: 25%; image-orientation: from-image; left: 0; position: absolute; top: 0; width: 25%; z-index: 12; } .photo-container .canvas-360 { background-color: gray; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .media-container .audio { padding:0.2in; width:70%; } .table-margin { font-size:14pt; } .table-center { margin:auto; } .tiny-field { font-size:12pt; height: 13pt; width: .6in; } .stat-table, .stat-table th, .stat-table td { border: 1px solid black; font-size:13pt; padding: 1px; } .table-margin { position: relative; top: 0.18in; } .table-margin img { position: relative; top: 0.05in; } .admin-table { border:0; border-collapse: collapse; font-size: 12pt; min-width: 80%; } .classifiers-table { border:0; border-collapse: collapse; } .classifiers-table td, .classifiers-table th, .admin-table td, .admin-table th { border: 1px ridge black; padding: 3px; word-wrap: break-word; } .admin-table select, .admin-table option { font-size:13pt; padding:0; margin:0; } .admin-form-row { border: 1px ridge black; padding: 3px; } .mobile .admin-form-row { min-width: 340px; } #browse-state, #browse-state option { font-size: 18pt; font-weight: bold; margin: 3px; -webkit-appearance: menulist-button; } .mobile #browse-state, .mobile #browse-state option { font-size: 14pt; } .name-table, .name-table th, .name-table td { border:0; border-collapse: collapse; padding: 5px; } .role-activity-table { border:0; border-collapse: collapse; margin:3px; } .role-activity-table td, .role-activity-table th { border: 1px ridge black; padding: 3px; word-wrap: break-word; } .delete-modifier { background-color: #DFDFFF; border-radius: 6px; display: inline-block; margin: 3px; padding: 4px; } .delete-modifier a { color: black; text-decoration: none; } .delete-modifier:after { border-left:1px solid gray; content: 'X'; font-size: 14pt; padding: 2px; margin: 2px; } .delete-modifier:hover:after, .delete-modifier:hover a { text-decoration: underline; } th.no-border, td.no-border { border:0; border-collapse: collapse; font-size: 13pt; padding:0; } .tab-menu-list { border-bottom: 2px solid black; margin-bottom: 0px; padding: 0px; z-index: 10; } .tab-menu-list li { display: inline; list-style-type: none; } .tab-menu-list a { background-color:#EEE; border: 1px solid black; border-bottom: 0px; margin: 0; overflow: hidden; padding: 5px 5px 0px 5px; text-decoration: none; } .tab-menu-list a.active { background-color: white; border-bottom: 3px solid white; } .tab-menu-content { border: 1px solid black; border-top: none; padding: 10px; z-index: 12; } .file-types-table, .file-types-table td, .search-page-table, .search-page-table td { border: 1px ridge black; border-collapse: collapse; padding: 2px; } .search-sources-table td, .search-sources-table th { padding: 1px; } .search-sources-table pre { margin: 2px; max-width: 5in; overflow-wrap: break-word; text-overflow: ellipsis; white-space: pre-wrap; } .mobile .search-sources-table pre { max-width: 230px; } td.instruct { max-width: 5in; } .source-test { overflow-wrap: break-word; white-space: pre-wrap; } .source-test textarea { width:95%; height:5in; color:black; } .scrapers-table { max-width: 6.5in; } .scrapers-table td, .scrapers-table th { max-width:5in; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mobile .scrapers-table { max-width: 340px; } .mobile .scrapers-table td, .mobile .scrapers-table th { font-size: 11px; max-width:250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .html-ltr .file-types-table, .html-ltr .file-types-all td, .html-ltr .search-page-table, .html-ltr .search-page-all td { margin-left: 0.3in; vertical-align: top; } .html-rtl .file-types-table, .html-rtl .file-types-all td, .html-rtl .search-page-table, .html-rtl .search-page-all td { margin-right: 0.3in; vertical-align: top; } .mobile .file-types-table, .mobile .file-types-all td, .mobile .search-page-table, .mobile .search-page-all td { margin-left: 2px; margin-right: 2px; vertical-align: top; } .html-ltr .bonus-table th { text-align: right; } .html-rtl .bonus-table th { text-align: left; } .machine-table, .machine-table td, .machine-table th { border: 1px ridge black; margin: 1px; padding: 3px; } .machine-table-hr, .machine-table-hr td { border: none; margin: 0; padding: 0; } .toggle-table, .toggle-table td { border: 1px ridge black; } .file-types-table td, .translate-table, .translate-table td, .translate-table th { border: 1px ridge black; } .classifiers-table td.check { padding: 0; text-align: center; } .classifiers-table, .indexing-plugin-table { border-collapse: collapse; margin-top:3px; margin-left: 0.3in; margin-right: 0.3in; padding: 3px; } .indexing-plugin-table, .indexing-plugin-table td, .indexing-plugin-table th { border: 1px ridge black; text-align: center; } .indexing-plugin-table th { padding: 0.04in; } .html-ltr .indexing-plugin-table td.check { padding: 0.1in; text-align: left; } .html-rtl .indexing-plugin-table td.check { padding: 0.1in; text-align: left; } .indexing-plugin-lightbox { background-color:gray; display: none; height:100%; left: 0; right:0; opacity:0.95; position:fixed; top: 0; width:100%; z-index:100; } .mobile .indexing-plugin-lightbox { left: 0px; right: 0px; } .mobile .light-content h2 { font-size:12pt; padding:20px; } .light-content { border-radius: 10px; height: 65%; left:15%; margin:auto; overflow: auto; padding: 16px; position: fixed; right:15%; top:15%; width: 60%; z-index:101; } .mobile .light-content { left:10px; padding: 15px; right:10px; width:260px; } .restrict-sites-by-url { height:0.25in; width: 0.25in; } .overlay { margin:100px auto; } /** Feed styles*/ .feed-user-link { position:relative; top:-6px; } .feed-icon-container { height: 20px; position: relative; top:-10px; } .feed-icon-container .user-spacer { padding: 0 20px 0 20px; } .feed-user-icon { padding-top: 0.15in; width: 70px; } .small-feed-user-icon { padding-top: 0.1in; width: 25px; } .html-ltr .feed-item-body { margin-left:.8in; overflow: scroll; padding-top: .1in; } .html-ltr .small-feed-item-body { margin: 0 0.3in 0 0; overflow: scroll; padding: 0.1in; } .html-rtl .feed-item-body, .html-rtl .small-feed-item-body { margin-right:.8in; overflow: scroll; padding-top: .1in; } .feed-item-body { min-height:.7in; } .small-feed-item-body img, .small-feed-item-body video, .feed-item-body img, .feed-item-body video { max-width:100%; } .feed-item-body pre { white-space: pre-wrap; } .wiki-resources { border: 1px solid gray; height: 6in; overflow: scroll; } .wiki-resources table { border-collapse: collapse; table-layout: fixed; } .wiki-resources thead { background-color: white; position: sticky; top: 0; z-index:2; } .wiki-resources th { border-bottom: 1px solid gray; } .wiki-resources th:last-child { width: 5in; } .mobile .wiki-resources table { width: 100%; } .mobile .wiki-resources th:last-child { width:280px; } .wiki-resource-image { max-width:100%; } .html-ltr .wiki-resource-download { height: 0; float: right; position:relative; right: 30px; top: -50px; } .html-rtl .wiki-resource-download { height: 0; float: left; position:relative; left: 30px; top: -50px; } .ebook, .wiki-resource-object { border: 1px solid black; height:100%; margin:1%; min-height:6in; padding:0.5%; width:99%; } .ebook-range { width:70%; } .mobile .ebook-range { width:165px; } .mobile .ebook, .mobile .wiki-resource-object { min-height:300px; width:360px; } .wiki-history-discuss { position:relative; top:25px; } .theme-dropdown { background-color: #F0F0F0; border: solid 1px gray; border-radius: 5px; height: .423in; padding: 3px; position: relative; top:1px; vertical-align: middle; -webkit-appearance: none; } .media-controls { margin-bottom: 8px; } .media-controls .dropdown-container { position: relative; top: 14px; } .media-controls ul.link-dropdown li { min-height:.32in; } .mobile .media-controls ul.link-dropdown li { min-height:.24in; } .icon-button-container, .media-buttons-container { border:1px solid gray; border-radius:5px; display:inline-block; padding:2px; margin:3px; } .icon-button-container { font-size:18pt; height:0.3in; margin:1px; padding:5px; text-align:center; vertical-align:middle; width:0.25in; } .position-context { display: inline-block; position:relative; } .mobile .icon-button-container { font-size:14pt; padding: 2px; } .mobile .media-buttons-container { font-size:11pt; height: min-content; margin:0px; padding: 2px; position:relative; top:1px; } .mobile .access-result .media-buttons-container { top: 2px; } .icon-button-container a, .media-buttons-container a { color: black; text-decoration: none; } .mobile .media-buttons-container a { height: min-content; margin: 0; padding: 1px; } .icon-button-container a:hover, .media-buttons-container a:hover { text-decoration: underline solid black; } .media-buttons-container.white { border:1px solid white; } .media-buttons-container.white a { color: white; } .media-buttons-container.white a:hover { text-decoration: underline solid white; } .media-buttons-container .selected { background-color: darkgray; border-radius: 5px; padding:3px; } .mobile .media-buttons-container .selected { padding: 1px; } #syntax-link { margin: 0; } .search-filter-container, .filter-container { border: 1px solid gray; border-radius: 5px; display: inline-block; margin:0; min-height: .37in; padding:0; vertical-align: middle; } .mobile .search-filter-container, .mobile .filter-container { min-height: 30px; margin: 0px; position:relative; top:-1px; } .mobile .search-filter-container input { font-size:13pt; } .mobile .filter-container { max-width: .75in; } .search-filter-container input, .filter-container input { border: 0 none; border-radius: 3px; } .mobile .search-filter-container input, .mobile .filter-container input { min-height: 28px; } .mobile .filter-container input:focus-within { min-height: 32px; position:relative; top:-1px; width: 200px; z-index:100; } .html-ltr.mobile .filter-container input:focus-within { right:125px; } .html-rtl.mobile .filter-container input:focus-within { left:125px; } .unread-messages { background-color: darkgray; border-radius: 6px; border: solid 1px black; color: white; display:inline-block; padding:3px; margin:18px 15px 18px 15px; } .html-ltr .unread-messages { float: right; } .html-rtl .unread-messages { float: left; } .message-filter { position: relative; margin: 0 2px 0 2px; top: -2px; } .message-filter input { font-size:14pt; padding-top:5px; } .mobile .media-filter-button { font-size: 10pt; height: 30px; padding: 1px; position:relative; margin-left: 2px; margin-right: 2px; top: 0px; } .mobile .filter-container input { height: 25px; width: 100%; } #clipboard { border: .05in solid #F0F0F0; border-radius: 5px; background-color:white; height: 1.5in; padding: 2px; margin: 2px; width:98%; } .dropdown-container { display: inline-block; padding: 0; margin: 0; } #page-sort-fields, #group-sort { position: relative; top: 13px; } ul.link-dropdown { display: inline-block; font-family: Arial, Verdana; list-style-type: none; margin: 0; padding: 0; position: relative; } .mobile ul.link-dropdown { margin: 0 0 2px 0; } ul.link-dropdown li { background: #FCFCFC; display: block; margin: 0; padding: 2px 5px 2px 5px; white-space: nowrap; } .html-ltr ul.link-dropdown li { float: left; text-align: left; position: relative; } .html-rtl ul.link-dropdown li { float: right; text-align: right; } ul.link-dropdown li ul { display: none; margin: 0; padding: 0; list-style-type: none; } ul.link-dropdown > li, ul.link-dropdown ul li { border-left: 1px solid #999; border-right: 1px solid #999; } ul.link-dropdown > li, ul.link-dropdown ul li:first-child { border-top: 1px solid #999; border-top-left-radius: 5px; border-top-right-radius: 5px; } ul.link-dropdown > li, ul.link-dropdown ul li:last-child { border-bottom: 1px solid #999; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dropdown-selector { background: #FCFCFC; border: 0; font-size: unset; font-weight: bold; position: unset; top: unset; vertical-align: middle; width: unset; } .dropdown-selector:hover { border: 0; text-decoration: underline; } .hover-selector .dropdown-selector:hover { background: lightgray; border-radius: 5px; padding: 2px; } ul.link-dropdown li a { text-decoration: none; color: #000; } ul.link-dropdown > li:focus { padding:0; } ul.link-dropdown li:focus a.opt-group { padding-left: 10px; padding-right: 10px; } ul.link-dropdown:focus-within li li { float: none; z-index:5; } ul.link-dropdown:focus-within li:hover, ul.link-dropdown:focus-within li a:hover { background: #EEE; } ul.link-dropdown:focus-within li a:hover { text-decoration: underline; z-index:4; } ul.link-dropdown:focus-within li ul { position:absolute; display: block; } .html-ltr .inward-align ul.link-dropdown:focus-within li ul { right: 0; } .html-rtl .inward-align ul.link-dropdown:focus-within li ul { left: 0; } .mobile .link-dropdown { max-width: 240px; } .account-info > h2 { display: inline-block; } .account-info > h2 > span { display: inline-block; } .account-info > div { position: relative; top: -3px; } .inline-block { display: inline-block; } .home-icon { border: 2px solid lightblue; border-radius: 17px; position: relative; top: 9px; width:35px; } .feed-icon-container ul.link-dropdown li { padding-top: 0; padding-bottom: 0; } .mobile .wiki-history-discuss { position:relative; top:20px; } .upload-box { background-color: lightgray; color: black; font-size:10pt; padding: 2px; margin: 4px 0; text-align: center; width: 100%; } .mobile .upload-box { margin: 0 5px 0 5px; text-align: center; width:88%; } .media-upload-box { background-color: #CCC; border:1px solid black; border-radius: 5px; font-size:10pt; margin-bottom: 4px; min-height: 0.35in; width: 100%; } .mobile .media-upload-box { width: 88%; } /* Captcha settings styles */ .captcha { padding: 5px; width: 2.1in; } /** * Styles for wiki pages */ table.wikitable { background:white; border:1px #AAA solid; border-collapse: collapse; margin:1em 0; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border:1px #AAA solid; padding:0.2em; } table.wikitable > tr > th, table.wikitable > * > tr > th { text-align:center; background:white; font-weight:bold } table.wikitable > caption { font-weight:bold; } .csv-form-field { margin-bottom: 10px; margin-top: 10px; } .csv-form-field input[type=checkbox] { margin: 5px; position: relative; top: -2px; } .html-ltr .csv-form-field label { padding-right: 5px; } .html-rtl .csv-form-field label { padding-left: 5px; } .csv-star { color: gray; font-size: 20pt; padding: 3px; position: relative; top: 5px; } .rel-type-current { border:2px solid black; border-radius:8px; text-align:center; background:white; padding:4px; } .rel-type-bottom { border-bottom:thick double black; } .rel-type-top { border-top:thick double black; } .rel-type-td { width:10px; } .rel-type-hr { border:1px solid black; } .resource-actions { min-width:2in; } .mobile .resource-actions { min-width:100px; } .mobile .list-resource { width:100%; } .list-resource th { vertical-align: middle; text-align: center; width: 2in; } .mobile .list-resource th { width: unset; } .mobile .resource-thumb { width: 35px; } .view-indicator { color:green; } .mobile .view-indicator { width: 25px; } .list-resource img { border-radius: 5px; margin-right: 5px; height: 60px; width: 96px; } .mobile .list-resource img { margin: 0; height: 30px; width: 48px; } .list-resource img.default-thumb { margin-left:20px; margin-right:20px; width: auto; } .mobile .list-resource img.default-thumb { margin: 0; } .mobile .list-resource input { width: calc(min(100% - 8px, 300px)); } /* Styles for the classifiers settings pages */ #update-accuracy.disabled { color: #555; } #label-docs-form th, #label-docs-queue .actions { font-weight:normal; padding:0.1in 0.2in 0.1in 0in; width:1.0in; } #label-docs-queue .actions { padding: 0.1in; } #label-docs-queue { font-size: 11pt; } #label-docs-queue td { vertical-align: top; padding-top: 10px; } #label-docs-queue .labelled td { background-color: #f0f0f0; } #label-docs-queue .notinclass td { background-color: #FFE0E0; } #label-docs-queue .inclass td { background-color: #F0FFF0; } #label-docs-queue tr.inclass a.inclass, #label-docs-queue tr.notinclass a.notinclass, #label-docs-queue tr.skip a.skip { color: black; cursor: default; font-weight: bold; text-decoration: none; } #label-docs-queue p { width: auto; margin: 3px 0px; } #label-docs-queue .info { padding-left: 7px; } #label-docs-queue .description { color: #666; } #label-docs-queue .description b { color: black; } #transfer { background-color: black; color: white; height: 100%; left: 0px; opacity: 0.7; position: fixed; text-align:center; top: 0px; vertical-align: middle; visibility: hidden; width: 100%; z-index: 200; } #help { margin-top:15px; } .html-ltr #small-margin-help { position: absolute; right:2%; width: 4.0in; z-index:20; } .html-rtl #small-margin-help { left:2%; position: absolute; width: 4.0in; z-index:20; } #mobile-help { clear:both; float:none; margin: 1.5%; position: absolute; top: 58px; width: 360px; } .help-pane { display : none; width: 100%; border: 2px solid #06f; } .small-margin-help-pane { border: 2px solid #06f; border-radius:8px; display: none; top: 16px; width: 380px; } .help-title { background: #06f; color:white; font-size: 16pt; margin: 0; padding: .05in; } #help-frame-body { padding:4px; } .help-pane p { color:#333; padding:10px; } .help-pane pre { overflow:scroll; } .help-button { bottom: 50px; cursor: pointer; border: 1px solid #2d2bdb; font-size: 20px; line-height: 0.5px; padding: 10px 3px; } button.default { background: #d3d3d3; color: black; } .close { cursor: pointer; font-weight: bold; line-height: 0.5px; padding: 5px 0px 4px 4px; } #help-close { color: white; } .sidebar { top : 180px; } .new-thread-icon { margin-bottom : -5px; } .top-adscript { padding: 0.05in; max-width:8in; } .top-ad-static, .group-ad-static { position: relative; top:15px; } .mobile .top-adscript { padding: 1px; width:90%; } .mobile .top-ad-static { position: relative; top: 0px; } .mobile .group-ad-static { position: relative; top: 100px; } .mobile .top-adscript iframe { -ms-zoom: 0.63; -o-transform: scale(0.63); -o-transform-origin: 0 0; -webkit-transform: scale(0.63); -webkit-transform-origin: 0 0; transform: scale(0.63); transform-origin: 0 0; } .html-ltr .side-adscript { float: right; height:0; position:relative; top: 28px; } .html-rtl .side-adscript { float: left; height: 0; position:relative; top: 0px; } .display-ad { margin-left:3px; margin-right:3px; margin-top:80px; } .display-ad p { border-radius: 10px; width : 8.9in; padding-bottom: 10px; padding-top: 10px; } .ad-preview img, .display-ad img { height:41px; width:50px; float:left; } .display-ad img { margin-left: 20px; } .ad-preview span, .display-ad span { display: block; } .mobile .display-ad p { max-width: 92%; padding-bottom: 10px; padding-top: 10px; margin: inherit; width : auto; } .html-ltr .ad-preview { left: 4.5in; min-width: 3.5in; position: relative; top: -4.1in; } .html-rtl .ad-preview { right: 4.5in; min-width: 3.5in; position: relative; top: -4.1in; } p.start-ad { font-family: Arial, Helvetica, sans-serif; min-height: 0.5in; width: 3in; } ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .trending-container { display:flex; overflow-x: scroll; max-width:9.5in; } .mobile .trending-container { display:block; overflow-x: scroll; max-width:320px; } .serp .trending { text-align:center; } .mobile .trending { position:static; margin-top:25px; } h2.trending { margin-top: 5px; } h2.trending select, h2.trending option { font-size:16pt; font-weight:bold; } .trending-float { float: left; padding:6px; } .mobile .trending-float { float: none; position:static; } .trending-table { border: 1px solid black; border-collapse: collapse; table-layout: fixed; width: 2.5in; } .mobile .trending-table { border: 1px solid black; border-collapse: collapse; table-layout: fixed; width: 280px; } .trending-tr { border: 1px solid black; } .trending-th, .trending-td { margin: 0; padding: 5px; overflow: hidden; width: 70%; word-wrap: break-word; } .trend-score { width: 30%; } .trending-td a { text-decoration: none; } .trending-td a:hover { text-decoration: underline; } .trending-footer { padding: 0.1in; text-align:center; } .mobile .trending-footer { margin-bottom: 80px; } .trending-highlight { margin:auto; margin-top: 10px; left:30px; position: relative; right:30px; width:5.75in; } .mobile .trending-highlight { left:10px; right:10px; width:330px; } .trending-highlight li { display:inline; } .trending-highlight li a { white-space:nowrap; } .feed-highlight li:before, .trending-highlight li:before { content: '-'; padding-left: 6px; padding-right: 6px; } .trending-highlight li:last-child:after { content: '-'; padding-left: 6px; padding-right: 6px; } .feed-highlight { margin:auto; margin-top: 10px; left:30px; overflow:hidden; position: relative; right:30px; width:5.75in; } .mobile .feed-highlight { left:10px; right:10px; width:330px; } .feed-highlight li { list-style-type: none; margin-top:10px; } #contact-actions { font-size: 16pt; left: -6px; position: relative; top: 13px; } #contact-actions .link-dropdown li, #contact-actions .link-dropdown li a { background-color: #EEE; } #test-results { width:min-content; }