/**
* SeekQuarry/Yioop --
* Open Source Pure PHP Search Engine, Crawler, and Indexer
*
* Copyright (C) 2009 - 2012 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 <http://www.gnu.org/licenses/>.
*
* END LICENSE
*
* @author Chris Pollett chris@pollett.org
* @package seek_quarry
* @subpackage stylesheet
* @license http://www.gnu.org/licenses/ GPL3
* @link http://www.seekquarry.com/
* @copyright 2009 - 2012
* @filesource
*/
/*
search.css
Main stylesheet for Yioop search engine
Contributors: Chris Pollett
*/
/*
We begin with some generic global styles
and classes
*/
h2
{
margin-bottom:0;
}
p
{
width: 8.25in;
margin:0;
padding:0;
}
.mobile p
{
width:300px;
}
.result h2
{
font-weight:normal;
font-size:14pt;
}
.echolink
{
color:green
}
.left
{
float:left;
}
.right
{
float:right;
}
.alignRight
{
text-align:right;
}
.red
{
color:red;
}
.highlight, .backred
{
background-color:red;
}
.backgreen
{
background-color:green;
}
.backgray
{
background-color: lightgray;
}
.backyellow
{
background-color:yellow;
}
.frame
{
background-color: #fff;
border: 1px solid #ccc;
position:relative;
}
.nametable
{
padding: 5px;
}
.narrowfield
{
width:2in;
}
.mobile .narrowfield
{
width:100px;
}
.widefield
{
width:3in;
}
.mobile .widefield
{
width:150px;
}
.extrawidefield
{
width:5in;
}
.mobile .extrawidefield
{
width:200px;
}
.talltextarea
{
font-size:16pt;
width:100%;
height:4in;
}
.mobile .talltextarea
{
width:90%;
}
.shorttextarea
{
width:100%;
height:1in;
}
.mobile .shorttextarea
{
width:90%;
}
.center
{
text-align:center;
}
.mobile .center
{
position:relative;
top:10px;
left:-40px;
right:-40px;
}
.topmargin
{
margin-top: .2in;
}
.nomargin
{
margin: 0;
}
.box
{
border: 1px ridge #ccc;
padding: 3px;
}
.slightpad
{
padding: .1in;
}
fieldset
{
border-color:black;
}
/* set up prefixes for left-to-right, right-to-left and vertical text support*/
.html-tb
{
block-progression: tb;
}
.html-rl
{
block-progression: rl;
-webkit-transform: rotate(90deg) translate(2in) ;
-moz-transform: rotate(90deg) translate(2in);
}
.html-lr
{
block-progression: lr;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.html-rtl
{
direction: rtl;
text-align:right;
}
.html-ltr
{
direction: ltr;
text-align:left;
}
body.html-ltr
{
margin-left:.5in;
}
body.html-rtl
{
margin-right:.5in;
}
body.html-rl-tb
{
writing-mode: rl-tb;
}
body.html-lr-tb
{
writing-mode: lr-tb;
}
body.html-tb-rl
{
writing-mode: tb-rl;
}
body.html-tb-lr
{
writing-mode: tb-lr;
}
/* set up global font preferences */
body
{
font-family:Arial, Helvetica, sans-serif;
min-height:16in;
}
/* .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
{
position:absolute;
top:0;
left:0;
right:0;
margin:0;
width:320px;
min-height:0;
}
/* 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
*/
.topbar
{
background: #DDD;
background: -moz-linear-gradient(top, #FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
background: -webkit-linear-gradient(top,
#FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
background: linear-gradient(top, #FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
position:absolute;
top:-12px;
left:0;
right:0;
height:45px;
min-width:12in;
}
.landing-topbar
{
background: #DDD;
background: -moz-linear-gradient(top, #FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
background: -webkit-linear-gradient(top,
#FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
background: linear-gradient(top, #FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
position:absolute;
top:-12px;
left:0;
right:0;
height:45px;
width:100%;
}
.mobile .topbar,
.mobile .landing-topbar
{
z-index:1;
background: #DDD;
background: -moz-linear-gradient(top, #FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
background: -webkit-linear-gradient(top,
#FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
background: linear-gradient(top, #FFF 0%,#EEF 30%,#EEF 70%, #FFF 100%);
position:absolute;
top:-5px;
left:0px;
right:0px;
width:330px;
height:30px;
}
/* this is for informational messages when settings are changed or admin stuff
done
*/
#message
{
z-index:3;
text-align: center;
position: absolute;
top: .1in;
width: 100%;
}
.mobile #message
{
width:320px;
}
/*
for the sign-in, settings, admin, logout links on the topbar
*/
.html-ltr .userNav
{
text-align: right;
margin:0 0.5in 0 0;
padding:0;
min-width: 10in;
}
.html-rtl .userNav
{
text-align: left;
margin:0 0 0 0.5in;
padding:0;
min-width: 10in;
}
.html-ltr .userNav ul li
{
display: inline;
list-style-type: none;
padding-left: 20px;
}
.html-rtl .userNav ul li
{
display:inline;
list-style-type: none;
padding-right: 20px;
}
.mobile .userNav
{
position:absolute;
font-size:11pt;
top: -10px;
left:0px;
right:0px;
width:320px;
padding: 0px;
min-width: 0;
}
.mobile .userNav ul li
{
padding:1px;
}
/*
For the web, images, video links on the topbar
*/
.html-ltr .subsearch ul li
{
float:left;
display: inline;
list-style-type: none;
padding-left: 20px;
}
.html-rtl .subsearch ul li
{
float:right;
display: inline;
list-style-type: none;
padding-left: 20px;
}
.mobile .subsearch
{
z-index:1;
position: relative;
top: -12px;
left:-40px;
right:-40px;
padding:0px;
width:220px;
}
.mobile .subsearch ul li
{
font-size:11pt;
padding-left:3px;
padding-right:3px;
}
.landing-spacer
{
height:6in;
}
/*
Landing page (www.yioop.com) specific css
*/
.html-ltr .landing
{
position:absolute;
top:1.5in;
left:15%;
min-width:6in;
clear: both;
}
.html-rtl .landing
{
position:absolute;
top:1.5in;
right:15%;
min-width:6in;
}
.mobile .landing
{
position:relative;
top:10px;
left:10px;
right:10px;
min-width:0;
clear: both;
}
/*
Style tweaks for blog, privacy, bot, settings, and admin pages
*/
.mobile .non-search
{
position:relative;
top:10px;
left:-10px;
right:-10px;
}
.mobile .non-search .logo
{
position:relative;
top:20px;
}
/*
Styles to control logo (image + adjacent text) on various pages
*/
.logo
{
position:relative;
top:14pt;
margin:0;
}
.admin-heading
{
position:relative;
top: 30px;
}
.mobile .admin-heading
{
position:absolute;
top: 20px;
}
.landing .logo
{
position:relative;
top:0;
text-align:center;
min-width: 8in;
}
.mobile .landing .logo
{
min-width: 0px;
}
.logo img
{
border: 0;
width:2in;
}
.mobile .logo img
{
position:relative;
top: 15px;
left:0px;
width: 50px;
}
.landing .logo img
{
border: 0;
width:3in;
}
.mobile .landing .logo img
{
position:relative;
top: 14px;
left:0px;
width: 200px;
}
.mobile .admin-heading img
{
position:relative;
top: 30px;
left:80px;
right:80px;
width: 50px;
}
.logo span
{
position:relative;
top: -.3in;
}
.mobile .admin-heading span
{
position:relative;
top: 20px;
left:70px;
right:70px;
}
.mobile .non-search .logo span
{
position:relative;
left:20px;
right:20px;
width:200px;
}
.mobile .non-search .logo img
{
position:relative;
top: -20px;
left:20px;
right:20px;
width: 50px;
}
/*
Styles for footers on various pages
*/
.setting-footer,
.signin-exit,
.landing-footer
{
clear:both;
margin-top: 0.25in;
text-align: center;
}
.mobile .landing-footer
{
position: relative;
text-align: center;
margin-top:0;
top: 0px;
left:0px;
right:0px;
width:320px;
}
.mobile .setting-footer,
.mobile .signin-exit,
.mobile .landing .landing-footer
{
position: relative;
text-align: center;
margin-top:0.4in;
top: -20px;
left:-10px;
right:-10px;
width:320px;
}
/*
If query infomation 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
{
margin-top: .4in;
border-top: 2px solid gray;
color: gray;
}
.mobile .query-statistics
{
position:relative;
top:200px;
}
.query
{
margin: .1in;
border: 1px solid gray;
padding: .05in;
}
/*
Styles for the login and settings pages
*/
.html-ltr .login,
.html-ltr .settings
{
font-size: 16pt;
position:relative;
left:2.25in;
}
.html-rtl .login,
.html-rtl .settings
{
font-size: 16pt;
position:relative;
right:2.25in;
}
.login input
{
margin: 5px;
font-size:16pt;
}
.mobile .login,
.mobile .settings,
.mobile .statistics
{
font-size: 14pt;
position: relative;
left: 10px;
right: 10px;
}
.settings button,
.settings select,
.login button
{
font-size: 16pt;
}
.mobile .settings button,
.mobile .settings select,
.mobile .login button
{
font-size: 14pt;
}
/*
Styles for the statistics for a crawl page
*/
.mobile .stats span
{
position:relative;
top: -10px;
left:-10px;
width:200px;
}
.mobile .stats img
{
position:relative;
top: 0px;
left:0px;
width: 50px;
}
/*
Styles for search and search result pages
*/
.html-ltr .serp
{
position:relative;
top: -0.9in;
left:2.2in;
width:8in;
}
.html-ltr .serp-results
{
position:relative;
top: -0.8in;
left:0.5in;
width:8in;
}
.html-rtl .serp
{
position:relative;
top: -0.9in;
right:2.2in;
width:8in;
}
.html-rtl .serp-results
{
position:relative;
top: -0.8in;
right:0.5in;
width:8in;
}
.mobile .serp
{
position:relative;
top:-70px;
left: 50px;
right:50px;
}
.mobile .serp-results
{
position:relative;
top: -30px;
left: 3px;
right: 3px;
}
.searchbox
{
position: relative;
top:14pt;
width:8in;
padding: 0.1in;
background-color: #DDF;
border-width: 0.05in;
border-color: #AAA;
border-style: solid;
border-radius: 0.07in;
}
.landing .searchbox
{
position: relative;
top:0;
}
.mobile .searchbox
{
position:relative;
top: 50px;
padding: 3px;
width:240px;
}
.mobile .landing .searchbox
{
position:relative;
top: 10px;
width:289px;
}
.searchbox p
{
font-size:16pt;
}
.searchbox input
{
width: 6.5in;
font-size:16pt;
margin:0;
border:0;
padding: 0;
padding-bottom:0.05in;
}
.mobile .searchbox input
{
width:180px;
font-size:12pt;
}
.mobile .landing .searchbox input
{
width:235px;
font-size:12pt;
}
/*
Styles for the word suggest drop down on search pages
*/
.dropdown
{
position:relative;
width: 6.5in;
top:0.20in;
margin:0;
margin-left:0.023in;
border-color: #AAA;
border-width: 0.05in;
border-top-style:none;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-bottom-right-radius: 0.05in;
border-bottom-left-radius: 0.05in;
border-top-left-radius: 0.05in;
overflow-y: auto;
overflow-x: hidden;
padding-bottom:0in;
}
.landing .dropdown
{
position:relative;
top:0;
}
.mobile .dropdown
{
display:none;
}
.suggest-list
{
background:#DDF;
width: 6.30in;
font-size:16pt;
margin:0;
border:0;
padding:0;
padding-bottom:0.05in;
visibility:hidden;
}
.suggest-list li
{
width:6.10in;
background:#DDF;
font-size:16pt;
margin-right:0in;
margin-left:0in;
padding-top:0;
padding-right:0.1in;
padding-left:0.1in;
cursor:pointer;
list-style:none;
}
.suggest-list li span
{
padding:0;
margin:0;
height:18pt;
display:block;
color:black;
text-decoration:none
z-index:5;
}
.suggest-list li span.unselected
{
background-color:white;
}
.suggest-list li span.selected
{
background-color:#AAE;
}
.mobile .suggest-list
{
display: none;
}
/*
Styles for the bottom of search results links to additional
pages of search results
*/
.pagination
{
margin-top: 10px;
margin-bottom: 10px
}
.html-ltr .pagination ul,
.html-ltr .pagination ul li
{
font-size: 18pt;
display:inline;
padding-left: 0px;
padding-right: 10px;
}
.html-rtl .pagination ul,
.html-rtl .pagination ul li
{
font-size: 18pt;
display:inline;
padding-left: 10px;
padding-right: 0px;
}
.html-ltr .pagination ul li a.item
{
display:block;
float:left;
width: 30px;
height: 30px;
text-align:center;
border-color: blue;
border-style: solid;
border-width: 3px;
margin-right: 10px;
text-decoration:none;
}
.html-rtl .pagination ul li a.item
{
display:block;
float:right;
width: 30px;
height: 30px;
text-align:center;
border-color: blue;
border-style: solid;
border-width: 3px;
margin-left: 10px;
text-decoration:none;
}
.pagination ul li a.item:hover
{
background-color:#88F;
color: white;
}
.html-ltr .pagination ul li span.item
{
position: relative;
top: -3px;
display: block;
float:left;
width: 30px;
height: 30px;
text-align:center;
border-color: black;
border-style: solid;
border-width: 5px;
margin-right: 10px;
}
.html-rtl .pagination ul li span.item
{
position: relative;
top: -3px;
display: block;
float:right;
width: 30px;
height: 30px;
text-align:center;
border-color: black;
border-style: solid;
border-width: 5px;
margin-left: 10px;
}
.html-ltr .pagination ul li span.end
{
display:block;
float:left;
margin-right: 10px;
}
.html-rtl .pagination ul li span.end
{
display: block;
float: right;
margin-left: 10px;
}
.html-ltr .pagination ul li span.other
{
width: 30px;
}
/*
Styles for video subsearch page
*/
.html-ltr .video-link
{
padding-top: 0.05in;
float:left;
margin:0;
width: 128px;
height:80px;
}
.video-link .thumb
{
width: 120px;
height: 80px;
}
.html-ltr .video-play
{
position: relative;
left: 40px;
top: -60px;
width: 40px;
}
.html-rtl .video-link
{
padding-top: 0.05in;
float:right;
margin:0;
width: 128px;
height:80px;
}
.html-rtl .video-play
{
position: relative;
right: 40px;
top: -60px;
width: 40px;
}
/*
Styles for image subsearch page
*/
.image-list
{
margin-top:10px;
margin-left:10%;
margin-right:10%;
}
.image-list img
{
width:1in;
height:1in;
padding: 5px;
}
.mobile .image-list
{
position:relative;
top:15px;
margin-left:2px;
margin-right:2px;
padding: 2px;
}
.mobile .image-list img
{
width:50px;
height:50px;
}
/*
Styles for tables on login, settings, 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
{
position:relative;
margin-left: .5in;
margin-right: .5in;
width:8in;
min-height:3in;
padding: 8px;
font-size:12pt;
background-color:white;
}
.mobile .content
{
clear:both;
position:relative;
top:0px;
left:0px;
right:0px;
width:320px;
margin:3px;
}
.content p
{
padding-bottom: 8px;
}
.html-ltr .buttonbox
{
position:relative;
left:-.05in;
top:.015in;
margin-left: 0pt;
text-align: center;
text-decoration: none;
font-size:16pt;
color: black;
}
.html-rtl .buttonbox
{
position:relative;
right:-.05in;
top:.015in;
margin-right: 0;
text-align: center;
text-decoration: none;
font-size:16pt;
color: black;
}
.mobile .buttonbox
{
font-size:12pt;
margin-right: 0;
margin-left: 0;
}
.html-ltr .activitymenu
{
float: left;
position:relative;
top:30px;
width: 2.5in;
padding: 0;
border-radius: 8px;
}
.html-rtl .activitymenu
{
float: right;
position:relative;
top:30px;
width: 2.5in;
padding: 0;
border-radius: 8px;
}
.mobile .activitymenu
{
position:relative;
float:none;
top:100px;
width:320px;
border: 0;
}
.activitymenu h2
{
color: #222;
background-color:#8A4;
margin: 0;
padding: .05in .15in .05in .15in ;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.mobile .activitymenu h2
{
display:none;
}
.mobile .activitymenu select
{
width:320px;
font-size:16pt;
}
.activitymenu li
{
list-style-type:none;
list-style-position:inside;
margin: 0;
padding: .10in;
}
.activitymenu li.bottom_border
{
border-bottom: 1px solid #ccc;
}
.activitymenu li a
{
color:#222;
text-decoration: none;
}
.activitymenu li a:hover
{
color:#222;
text-decoration: underline;
}
.activitymenu ul
{
display: block;
padding: 0;
margin: 0;
border-radius: 8px;
}
.currentactivity
{
position: relative;
top:30px;
padding-left: .1in;
padding-right: .1in;
padding-bottom: .1in;
max-width: 9in;
min-width: 8.5in;
min-height: 6in;
font-size:16pt;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 8px;
}
.html-ltr .currentactivity
{
margin-left: 2.75in;
}
.html-rtl .currentactivity
{
margin-right: 2.75in;
}
.mobile .currentactivity
{
clear:both;
position: relative;
top:120px;
left: 5px;
right:5px;
margin:0;
padding:0;
margin-right: 3px;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 1px;
width: 310px;
min-width: 0;
min-height: 200px;
font-size:12pt;
}
.currentactivity h2
{
padding-top: .05in;
margin-top: .05in;
}
.currentactivity input
{
font-size: 16pt;
position: relative;
top: 2px;
}
.currentactivity object
{
width: 8in;
min-width: 6in;
height:2in;
}
.currentactivity select
{
font-size:16pt;
}
.mobile .currentactivity select
{
font-size:12pt;
}
.html-ltr .roletable,
.html-ltr .roletable th,
.html-ltr .roletable td
{
margin-left: .2in;
padding: 1px;
border: 1px solid black;
}
.html-rtl .roletable,
.html-rtl .roletable th,
.html-rtl .roletable td
{
margin-right: .2in;
padding: 1px;
border: 1px solid black;
}
.html-ltr .localetable,
.html-ltr .localetable th,
.html-ltr .localetable td
{
margin-left: .2in;
border: 1px ridge black;
}
.html-rtl .localetable,
.html-rtl .localetable th,
.html-rtl .localetable td
{
margin-right: .2in;
border: 1px ridge black;
}
.tabmenu-list
{
border-bottom: 2px solid black;
padding: 0px;
margin-bottom: 0px;
z-index: 1;
}
.tabmenu-list li
{
display: inline;
list-style-type: none;
}
.tabmenu-list a
{
border: 1px solid black;
border-bottom: 0px;
padding: 5px 5px 0px 5px;
background-color:#EEE;
overflow: hidden;
margin: 0;
text-decoration: none;
}
.tabmenu-list a.active
{
background-color:white;
border-bottom: 3px solid white;
}
.tabmenu-content
{
border: 1px solid black;
border-top: none;
padding: 10px;
z-index: 2;
}
.crawlstable,
.mixestable,
.crawlstable th,
.mixestable th,
.crawlstable td,
.mixestable td,
.filetypestable
{
border: 1px ridge black;
padding: 2px;
}
.crawlstable th,
.mixestable th,
.crawlstable td,
.mixestable td,
.filetypestable td
{
border: 1px ridge black;
padding: 2px;
}
.html-ltr .filetypestable,
.html-ltr .ftypesall td
{
margin-left: .3in;
vertical-align: top;
}
.html-rtl .filetypestable,
.html-rtl .ftypesall td
{
margin-right: .3in;
vertical-align: top;
}
.mobile .filetypestable,
.mobile .ftypesall td
{
margin-left: 2px;
margin-right: 2px;
vertical-align: top;
}
.html-ltr .weightstable th
{
text-align: right;
}
.html-rtl .weightstable th
{
text-align: left;
}
.machinetable,
.machinetable th,
.machinetable td
{
border: 1px ridge black;
margin: 2px;
padding: 3px;
}
.toggletable, .toggletable td
{
border: 1px ridge black;
}
.translatetable,
.translatetable th,
.translatetable td,
.filetypestable td
{
border: 1px ridge black;
}
.metawordstable
{
width:100%;
}
.metawordstable,
.metawordstable th,
.metawordstable td
{
border: 1px ridge black;
}
.metawordstable th
{
text-align: center;
padding: .04in;
}
.metawordstable td.input-word
{
width: 1.5in;
}
.metawordstable td.input-word input
{
width: 1.3in;
margin:.05in;
}
.metawordstable td.input-url
{
margin:.03in;
width: 100%;
}
.metawordstable td.input-url input
{
margin:.05in;
width: 97%;
}
.indexingplugintable
{
width:100%;
}
.indexingplugintable,
.indexingplugintable th,
.indexingplugintable td
{
border: 1px ridge black;
text-align: center;
}
.indexingplugintable th
{
padding: .04in;
}
.indexingplugintable td.check
{
text-align: center;
width: 75%;
padding: .1in;
}
.restrict-sites-by-url
{
width:.25in;
height:.25in;
}