docs/API/search/search.css

   1 /*---------------- Search Box */
   2
   3 #FSearchBox {
   4     float: left;
   5 }
   6
   7 #MSearchBox {
   8     white-space : nowrap;
   9     float: none;
  10     margin-top: 8px;
  11     right: 0px;
  12     width: 170px;
  13     height: 24px;
  14     z-index: 102;
  15 }
  16
  17 #MSearchBox .left
  18 {
  19     display:block;
  20     position:absolute;
  21     left:10px;
  22     width:20px;
  23     height:19px;
  24     background:url('search_l.png') no-repeat;
  25     background-position:right;
  26 }
  27
  28 #MSearchSelect {
  29     display:block;
  30     position:absolute;
  31     width:20px;
  32     height:19px;
  33 }
  34
  35 .left #MSearchSelect {
  36     left:4px;
  37 }
  38
  39 .right #MSearchSelect {
  40     right:5px;
  41 }
  42
  43 #MSearchField {
  44     display:block;
  45     position:absolute;
  46     height:19px;
  47     background:url('search_m.png') repeat-x;
  48     border:none;
  49     width:115px;
  50     margin-left:20px;
  51     padding-left:4px;
  52     color: #909090;
  53     outline: none;
  54     font: 9pt Arial, Verdana, sans-serif;
  55     -webkit-border-radius: 0px;
  56 }
  57
  58 #FSearchBox #MSearchField {
  59     margin-left:15px;
  60 }
  61
  62 #MSearchBox .right {
  63     display:block;
  64     position:absolute;
  65     right:10px;
  66     top:8px;
  67     width:20px;
  68     height:19px;
  69     background:url('search_r.png') no-repeat;
  70     background-position:left;
  71 }
  72
  73 #MSearchClose {
  74     display: none;
  75     position: absolute;
  76     top: 4px;
  77     background : none;
  78     border: none;
  79     margin: 0px 4px 0px 0px;
  80     padding: 0px 0px;
  81     outline: none;
  82 }
  83
  84 .left #MSearchClose {
  85     left: 6px;
  86 }
  87
  88 .right #MSearchClose {
  89     right: 2px;
  90 }
  91
  92 .MSearchBoxActive #MSearchField {
  93     color: #000000;
  94 }
  95
  96 /*---------------- Search filter selection */
  97
  98 #MSearchSelectWindow {
  99     display: none;
 100     position: absolute;
 101     left: 0; top: 0;
 102     border: 1px solid #90A5CE;
 103     background-color: #F9FAFC;
 104     z-index: 10001;
 105     padding-top: 4px;
 106     padding-bottom: 4px;
 107     -moz-border-radius: 4px;
 108     -webkit-border-top-left-radius: 4px;
 109     -webkit-border-top-right-radius: 4px;
 110     -webkit-border-bottom-left-radius: 4px;
 111     -webkit-border-bottom-right-radius: 4px;
 112     -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
 113 }
 114
 115 .SelectItem {
 116     font: 8pt Arial, Verdana, sans-serif;
 117     padding-left:  2px;
 118     padding-right: 12px;
 119     border: 0px;
 120 }
 121
 122 span.SelectionMark {
 123     margin-right: 4px;
 124     font-family: monospace;
 125     outline-style: none;
 126     text-decoration: none;
 127 }
 128
 129 a.SelectItem {
 130     display: block;
 131     outline-style: none;
 132     color: #000000;
 133     text-decoration: none;
 134     padding-left:   6px;
 135     padding-right: 12px;
 136 }
 137
 138 a.SelectItem:focus,
 139 a.SelectItem:active {
 140     color: #000000;
 141     outline-style: none;
 142     text-decoration: none;
 143 }
 144
 145 a.SelectItem:hover {
 146     color: #FFFFFF;
 147     background-color: #3D578C;
 148     outline-style: none;
 149     text-decoration: none;
 150     cursor: pointer;
 151     display: block;
 152 }
 153
 154 /*---------------- Search results window */
 155
 156 iframe#MSearchResults {
 157     width: 60ex;
 158     height: 15em;
 159 }
 160
 161 #MSearchResultsWindow {
 162     display: none;
 163     position: absolute;
 164     left: 0; top: 0;
 165     border: 1px solid #000;
 166     background-color: #EEF1F7;
 167     z-index:10000;
 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