Skip to content
This repository has been archived by the owner on Apr 24, 2018. It is now read-only.

Commit

Permalink
Finally got livesearch working. Phew.
Browse files Browse the repository at this point in the history
  • Loading branch information
@yellowled
yellowled committed Jan 30, 2012
1 parent 1f463ba commit aaf485c
Show file tree
Hide file tree
Showing 2 changed files with 37 additions and 7 deletions.
2 changes: 2 additions & 0 deletions js/2k11.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

42 changes: 35 additions & 7 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,7 @@ audio, video,
#trackback_url,
.manage_comments,
.plugin_comment_wrap,
p.whiteline, #searchform div,
p.whiteline, #searchform>div,
.serendipity_entry .plainList,
#page, #primary-nav,
.serendipity_calendar,
Expand Down Expand Up @@ -332,7 +332,7 @@ fieldset,
margin-bottom: 2.1429em;
}

#searchform div { padding: 0 1em; }
#searchform>div { padding: 0 1em; }

#serendipityQuickSearchTermField,
#serendipity_comment input[type=text],
Expand Down Expand Up @@ -747,6 +747,34 @@ pre .geshi {
.generatedcontent .serendipity_entrypaging_left:before { content: "← "; }
.generatedcontent .serendipity_entrypaging_right:after { content: " →"; }

#LSResult {
background: #ccdee7;
margin-top: 1px;
opacity: .9;
z-index: 10;
}

#LSShadow {
bottom: 0;
right: 0;
color: transparent;
border-right: 0px none;
border-bottom: 0px none;
}

.serendipity_livesearch_result {
border: 1px solid #aaa;
bottom: 0px;
right: 0px;
}

#LSResult,
.serendipity_livesearch_result {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* Helper classes */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

Expand Down Expand Up @@ -857,9 +885,9 @@ pre .geshi {

#identity h1 { margin: 1em 0 0; }

#searchform div { margin-top: 4.4em; }
#searchform>div { margin-top: 4.4em; }

#identity p, #searchform div { margin-bottom: 1.5em; }
#identity p, #searchform>div { margin-bottom: 1.5em; }

#primary-nav { margin-bottom: 2em; }

Expand Down Expand Up @@ -911,8 +939,8 @@ pre .geshi {
#sidebar_right .sidebar_plugin,
.ie7 #sidebar_right .sidebar_plugin { margin: 0 1em 2em 2em; }

#searchform div,
.ie7 #searchform div { padding: 0 1em 0 2em; }
#searchform>div,
.ie7 #searchform>div { padding: 0 1em 0 2em; }

.commentlevel-1 { margin-left: 1em; }
.commentlevel-2 { margin-left: 2em; }
Expand All @@ -929,7 +957,7 @@ pre .geshi {
#identity h1 { padding: 0 1em; }

#identity p,
#searchform div { padding: 0 2em; }
#searchform>div { padding: 0 2em; }

#primary-nav ul { margin: 0 1em; }

Expand Down

3 comments on commit aaf485c

@ophian
Copy link

@ophian ophian commented on aaf485c Jan 30, 2012

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@yellowled YL, is there a nice (de) doku,
where I can learn the detailled differences and meanings using > between #xyz>div vs. #xyz div vs. #xyz > div etc?
Thank you.

@yellowled
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's tough – most of the German online CSS references are poorly maintained. Try Michael Jendryschiks HTML/CSS introduction – I'm not sure how up-to-date this is, though. Sitepoint's CSS reference is way better and actively maintained, but in English.

Quick explanation: #xyz>div selects any div which is a direct child if #xyz; #xyz div selects any div which is a child of #xyz, but it doesn't have to be direct, it can be nested in other elements; #xyz > div is the same as #xyz>div since whitespace doesn't matter in CSS. :-)

@ophian
Copy link

@ophian ophian commented on aaf485c Jan 30, 2012 via email

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.