Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
for testing puposes - new user interface based on jQuery and Ajax
git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@4534 6c8d7289-2bf4-0310-a012-ef5d649a1542
- Loading branch information
apfelmaennchen
committed
Mar 9, 2008
1 parent
12cac31
commit 2b43ea9
Showing
3 changed files
with
254 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| /* Search */ | ||
|
|
||
| #searchtext { | ||
| width: 280px; | ||
| margin-top: 1em; | ||
| margin-bottom: .5em; | ||
| padding: 2px 5px; | ||
| border: 1px solid #CCCCCC; | ||
| font: normal small Arial, Helvetica, sans-serif; | ||
| color: #999999; | ||
| } | ||
|
|
||
| #searchbutton { | ||
| width: 100px; | ||
| margin-top: 1em; | ||
| margin-bottom: .5em; | ||
| padding: 2px 5px; | ||
| border: 1px solid #CCCCCC; | ||
| font: normal small Arial, Helvetica, sans-serif; | ||
| color: #999999; | ||
| } | ||
|
|
||
| /* Main */ | ||
|
|
||
| div.main { | ||
| float:left; | ||
| width:75%; | ||
| } | ||
|
|
||
| /* Sidebar */ | ||
|
|
||
| div.sidebar { | ||
| margin-top: 1.5em; | ||
| margin-left: 2em; | ||
| float:left; | ||
| width:250px; | ||
| } | ||
|
|
||
| /* Boxed Style */ | ||
|
|
||
| .boxed{ | ||
| margin-bottom: 1em; | ||
| } | ||
|
|
||
| .boxed .title { | ||
| display: block; | ||
| height: 25px; | ||
| padding: 5px 0 0 10px; | ||
| font-weight: bold; | ||
| font-family: Helvetica,Arial,sans-serif; | ||
| background: url(../img/tab.png) no-repeat; | ||
| } | ||
|
|
||
| .boxed .content { | ||
| font-family: Helvetica,Arial,sans-serif; | ||
| border: 1px solid #000000; | ||
| padding: 5px 0 0 10px; | ||
| } | ||
|
|
||
| /* YaCy Tables ---------------------------*/ | ||
|
|
||
| table.ytable { | ||
| font-family:arial; | ||
| background-color: #fff; | ||
| margin:10px 0pt 15px; | ||
| font-size: 8pt; | ||
| width: 100%; | ||
| text-align: left; | ||
| table-layout:fixed; | ||
| } | ||
| table.ytable thead tr th, table.ytable tfoot tr th { | ||
| background-color: #e6EEEE; | ||
| border: 1px solid #FFF; | ||
| font-size: 8pt; | ||
| padding: 4px; | ||
| } | ||
| table.ytable thead tr .header { | ||
| background-image: url(../img/bg.gif); | ||
| background-repeat: no-repeat; | ||
| background-position: center right; | ||
| cursor: pointer; | ||
| } | ||
| table.ytable tbody td { | ||
| color: #3D3D3D; | ||
| padding: 4px; | ||
| background-color: #FFF; | ||
| vertical-align: top; | ||
| white-space: nowrap; | ||
| text-overflow:ellipsis; | ||
| overflow:hidden; | ||
| } | ||
| table.ytable tbody tr.odd td { | ||
| background-color:#F0F0F6; | ||
| } | ||
| table.ytable thead tr .headerSortUp { | ||
| background-image: url(../img/asc.gif); | ||
| } | ||
| table.ytable thead tr .headerSortDown { | ||
| background-image: url(../img/desc.gif); | ||
| } | ||
| table.ytable thead tr .headerSortDown, table.ytable thead tr .headerSortUp { | ||
| background-color: #8dbdd8; | ||
| } | ||
|
|
||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| div.tablesorterPager { | ||
|
|
||
| } | ||
| div.tablesorterPager span { | ||
| padding: 0 5px 0 5px; | ||
| } | ||
| div.tablesorterPager input.prev { | ||
| width: auto; | ||
| margin-right: 10px; | ||
| } | ||
| div.tablesorterPager input.next { | ||
| width: auto; | ||
| margin-left: 10px; | ||
| } | ||
| div.tablesorterPager input { | ||
| width: 50px; | ||
| text-align: center; | ||
| padding: 2px 5px; | ||
| border: 1px solid #CCCCCC; | ||
| font: normal small Arial, Helvetica, sans-serif; | ||
| color: #999999; | ||
| } | ||
| div.tablesorterPager select { | ||
| width: 50px; | ||
| text-align: center; | ||
| padding: 2px 5px; | ||
| border: 1px solid #CCCCCC; | ||
| font: normal small Arial, Helvetica, sans-serif; | ||
| color: #999999; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,113 @@ | ||
| /* Caution! Ensure accessibility in print and other media types... */ | ||
| @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ | ||
| .ui-tabs-hide { | ||
| display: none; | ||
| } | ||
| } | ||
|
|
||
| /* Hide useless elements in print layouts... */ | ||
| @media print { | ||
| .ui-tabs-nav { | ||
| display: none; | ||
| } | ||
| } | ||
|
|
||
| /* Skin */ | ||
| .ui-tabs-nav, .ui-tabs-panel { | ||
| font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; | ||
| font-size: 12px; | ||
| } | ||
| .ui-tabs-nav { | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0 0 0 4px; | ||
| } | ||
| .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ | ||
| display: block; | ||
| clear: both; | ||
| content: " "; | ||
| } | ||
| .ui-tabs-nav li { | ||
| float: left; | ||
| margin: 0 0 0 1px; | ||
| min-width: 84px; /* be nice to Opera */ | ||
| } | ||
| .ui-tabs-nav a, .ui-tabs-nav a span { | ||
| display: block; | ||
| padding: 0 10px; | ||
| background: url(../img/tab.png) no-repeat; | ||
| } | ||
| .ui-tabs-nav a { | ||
| margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ | ||
| padding-left: 0; | ||
| color: #27537a; | ||
| font-weight: bold; | ||
| line-height: 1.2; | ||
| text-align: center; | ||
| text-decoration: none; | ||
| white-space: nowrap; /* required in IE 6 */ | ||
| outline: 0; /* prevent dotted border in Firefox */ | ||
| } | ||
| .ui-tabs-nav .ui-tabs-selected a { | ||
| position: relative; | ||
| top: 1px; | ||
| z-index: 2; | ||
| margin-top: 0; | ||
| color: #000; | ||
| } | ||
| .ui-tabs-nav a span { | ||
| width: 64px; /* IE 6 treats width as min-width */ | ||
| min-width: 64px; | ||
| height: 18px; /* IE 6 treats height as min-height */ | ||
| min-height: 18px; | ||
| padding-top: 6px; | ||
| padding-right: 0; | ||
| } | ||
| *>.ui-tabs-nav a span { /* hide from IE 6 */ | ||
| width: auto; | ||
| height: auto; | ||
| } | ||
| .ui-tabs-nav .ui-tabs-selected a span { | ||
| padding-bottom: 1px; | ||
| } | ||
| .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { | ||
| background-position: 100% -150px; | ||
| } | ||
| .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { | ||
| background-position: 100% -100px; | ||
| } | ||
| .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { | ||
| background-position: 0 -50px; | ||
| } | ||
| .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { | ||
| background-position: 0 0; | ||
| } | ||
| .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ | ||
| cursor: text; | ||
| } | ||
| .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, | ||
| .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ | ||
| cursor: pointer; | ||
| } | ||
| .ui-tabs-disabled { | ||
| opacity: .4; | ||
| filter: alpha(opacity=40); | ||
| } | ||
| .ui-tabs-panel { | ||
| border-top: 1px solid #97a5b0; | ||
| padding: 1em 8px; | ||
| background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ | ||
| } | ||
| .ui-tabs-loading em { | ||
| padding: 0 0 0 20px; | ||
| background: url(../img/loading.gif) no-repeat 0 50%; | ||
| } | ||
|
|
||
| /* Additional IE specific bug fixes... */ | ||
| * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ | ||
| display: inline-block; | ||
| } | ||
| *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ | ||
| display: inline-block; | ||
| } | ||
|
|