Manage ASL magazines and their articles.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
asl-articles/web/src/SearchResults.css

49 lines
2.9 KiB

#search-results { padding: 0 0.25em ; outline: none ; }
#search-results .no-results { font-style: italic ; }
#search-results .loading { width: 100% ; height: 100% ; }
.search-result { margin-bottom: 0.5em ; clear: both ; }
.search-result button.sr-menu {
width: 1em ; height: 1em ; float: right ; margin-right: -3px ;
background: url("/public/images/menu.png") transparent no-repeat ; background-size: 100% ; border: none ;
cursor: pointer ;
}
.search-result .header { padding: 2px 5px ; border-top-right-radius: 5px ; }
.search-result .header a { text-decoration: none ; }
.search-result .header a.open-link { margin-left: 0.5em ; }
.search-result .header a.open-link img { height: 1em ; margin-bottom: -0.15em ; }
.search-result.publisher .header { border: 1px solid #c0c0c0 ; background: #eabe51 ; }
.search-result.publisher .header a.name { color: inherit ; text-decoration: none ; }
.search-result.publication .header { border: 1px solid #c0c0c0 ; background: #e5cea0 ; }
.search-result.publication .header a.name { color: inherit ; text-decoration: none ; }
.search-result.article .header { border: 1px solid #c0c0c0 ; background: #d3edfc ; }
.search-result.article .header a.name { color: inherit ; text-decoration: none ; }
.search-result.article .header .subtitle { font-size: 80% ; font-style: italic ; color: #333 ; }
.search-result.article .header .subtitle i { color: #666 ; }
.search-result.publication .header .publisher , .search-result.article .header .publication, .search-result.article .header .publisher {
float: right ; margin-right: 0.5em ; font-size: 80% ; font-style: italic ; color: #444 ;
}
.search-result .content { padding: 2px 5px ; font-size: 90% ; }
.search-result .content p:not(:first-child) { margin-top: 0.25em ; }
.search-result .content ul p, .search-result .content ol p { margin-top: 0.1em ; }
.search-result .content i i { color: #666 ; }
.search-result .content a.aslrb { color: red ; text-decoration: none ; }
.search-result .content a.aslrb:hover { background: #ffffcc ; }
.search-result .content .image { float: left ; margin: 0.25em 0.5em 0.5em 0 ; max-height: 8em ; max-width: 6em ; }
.search-result .content .collapsible { margin-top: 0.5em ; font-size: 90% ; color: #333 ; }
.search-result .content .collapsible a { color: #333 ; text-decoration: none ; }
.search-result .content .collapsible ul { margin: 0 0 0 1em ; }
.search-result .footer { clear: both ; padding: 0 5px ; font-size: 80% ; font-style: italic ; color: #666 ; }
.search-result .footer a { color: #666 ; text-decoration: none ; }
.search-result .footer .tag { display: inline ; margin-right: 0.25em ; padding: 0 2px ; border: 1px solid #ccc ; background: #f0f0f0 ; }
.search-result .hilite { padding: 0 2px ; background: #ffffa0 ; }
.search-result.publisher .header .hilite { background: #e0a040 ; }
.search-result.publication .header .hilite { background: #f6edda ; }
.search-result.article .header .hilite { background: #c0d0f0 ; }