git.m6w6.name Git - m6w6/ext-raphf/blob - search/search.css

   1 /*---------------- Search Box */
   2
   3 #FSearchBox {
   4     float: left;
   5 }
   6
   7 #MSearchBox {
   8     white-space : nowrap;
   9     position: absolute;
  10     float: none;
  11     display: inline;
  12     margin-top: 8px;
  13     right: 0px;
  14     width: 170px;
  15     z-index: 102;
  16     background-color: white;
  17 }
  18
  19 #MSearchBox .left
  20 {
  21     display:block;
  22     position:absolute;
  23     left:10px;
  24     width:20px;
  25     height:19px;
  26     background:url('search_l.png') no-repeat;
  27     background-position:right;
  28 }
  29
  30 #MSearchSelect {
  31     display:block;
  32     position:absolute;
  33     width:20px;
  34     height:19px;
  35 }
  36
  37 .left #MSearchSelect {
  38     left:4px;
  39 }
  40
  41 .right #MSearchSelect {
  42     right:5px;
  43 }
  44
  45 #MSearchField {
  46     display:block;
  47     position:absolute;
  48     height:19px;
  49     background:url('search_m.png') repeat-x;
  50     border:none;
  51     width:111px;
  52     margin-left:20px;
  53     padding-left:4px;
  54     color: #909090;
  55     outline: none;
  56     font: 9pt Arial, Verdana, sans-serif;
  57 }
  58
  59 #FSearchBox #MSearchField {
  60     margin-left:15px;
  61 }
  62
  63 #MSearchBox .right {
  64     display:block;
  65     position:absolute;
  66     right:10px;
  67     top:0px;
  68     width:20px;
  69     height:19px;
  70     background:url('search_r.png') no-repeat;
  71     background-position:left;
  72 }
  73
  74 #MSearchClose {
  75     display: none;
  76     position: absolute;
  77     top: 4px;
  78     background : none;
  79     border: none;
  80     margin: 0px 4px 0px 0px;
  81     padding: 0px 0px;
  82     outline: none;
  83 }
  84
  85 .left #MSearchClose {
  86     left: 6px;
  87 }
  88
  89 .right #MSearchClose {
  90     right: 2px;
  91 }
  92
  93 .MSearchBoxActive #MSearchField {
  94     color: #000000;
  95 }
  96
  97 /*---------------- Search filter selection */
  98
  99 #MSearchSelectWindow {
 100     display: none;
 101     position: absolute;
 102     left: 0; top: 0;
 103     border: 1px solid #90A5CE;
 104     background-color: #F9FAFC;
 105     z-index: 1;
 106     padding-top: 4px;
 107     padding-bottom: 4px;
 108     -moz-border-radius: 4px;
 109     -webkit-border-top-left-radius: 4px;
 110     -webkit-border-top-right-radius: 4px;
 111     -webkit-border-bottom-left-radius: 4px;
 112     -webkit-border-bottom-right-radius: 4px;
 113     -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
 114 }
 115
 116 .SelectItem {
 117     font: 8pt Arial, Verdana, sans-serif;
 118     padding-left:  2px;
 119     padding-right: 12px;
 120     border: 0px;
 121 }
 122
 123 span.SelectionMark {
 124     margin-right: 4px;
 125     font-family: monospace;
 126     outline-style: none;
 127     text-decoration: none;
 128 }
 129
 130 a.SelectItem {
 131     display: block;
 132     outline-style: none;
 133     color: #000000;
 134     text-decoration: none;
 135     padding-left:   6px;
 136     padding-right: 12px;
 137 }
 138
 139 a.SelectItem:focus,
 140 a.SelectItem:active {
 141     color: #000000;
 142     outline-style: none;
 143     text-decoration: none;
 144 }
 145
 146 a.SelectItem:hover {
 147     color: #FFFFFF;
 148     background-color: #3D578C;
 149     outline-style: none;
 150     text-decoration: none;
 151     cursor: pointer;
 152     display: block;
 153 }
 154
 155 /*---------------- Search results window */
 156
 157 iframe#MSearchResults {
 158     width: 60ex;
 159     height: 15em;
 160 }
 161
 162 #MSearchResultsWindow {
 163     display: none;
 164     position: absolute;
 165     left: 0; top: 0;
 166     border: 1px solid #000;
 167     background-color: #EEF1F7;
 168 }
 169
 170 /* ----------------------------------- */
 171
 172
 173 #SRIndex {
 174     clear:both;
 175     padding-bottom: 15px;
 176 }
 177
 178 .SREntry {
 179     font-size: 10pt;
 180     padding-left: 1ex;
 181 }
 182
 183 .SRPage .SREntry {
 184     font-size: 8pt;
 185     padding: 1px 5px;
 186 }
 187
 188 body.SRPage {
 189     margin: 5px 2px;
 190 }
 191
 192 .SRChildren {
 193     padding-left: 3ex; padding-bottom: .5em
 194 }
 195
 196 .SRPage .SRChildren {
 197     display: none;
 198 }
 199
 200 .SRSymbol {
 201     font-weight: bold;
 202     color: #425E97;
 203     font-family: Arial, Verdana, sans-serif;
 204     text-decoration: none;
 205     outline: none;
 206 }
 207
 208 a.SRScope {
 209     display: block;
 210     color: #425E97;
 211     font-family: Arial, Verdana, sans-serif;
 212     text-decoration: none;
 213     outline: none;
 214 }
 215
 216 a.SRSymbol:focus, a.SRSymbol:active,
 217 a.SRScope:focus, a.SRScope:active {
 218     text-decoration: underline;
 219 }
 220
 221 span.SRScope {
 222     padding-left: 4px;
 223 }
 224
 225 .SRPage .SRStatus {
 226     padding: 2px 5px;
 227     font-size: 8pt;
 228     font-style: italic;
 229 }
 230
 231 .SRResult {
 232     display: none;
 233 }
 234
 235 DIV.searchresults {
 236     margin-left: 10px;
 237     margin-right: 10px;
 238 }
 239
 240 /*---------------- External search page results */
 241
 242 .searchresult {
 243     background-color: #F0F3F8;
 244 }
 245
 246 .pages b {
 247    color: white;
 248    padding: 5px 5px 3px 5px;
 249    background-image: url("../tab_a.png");
 250    background-repeat: repeat-x;
 251    text-shadow: 0 1px 1px #000000;
 252 }
 253
 254 .pages {
 255     line-height: 17px;
 256     margin-left: 4px;
 257     text-decoration: none;
 258 }
 259
 260 .hl {
 261     font-weight: bold;
 262 }
 263
 264 #searchresults {
 265     margin-bottom: 20px;
 266 }
 267
 268 .searchpages {
 269     margin-top: 10px;
 270 }
 271