docs/api-2.1/search/search.css

Sat, 06 Feb 2021 19:11:44 +0100

author
Mike Becker <universe@uap-core.de>
date
Sat, 06 Feb 2021 19:11:44 +0100
changeset 390
d345541018fa
permissions
-rw-r--r--

starts ucx 3.0 development

     1 /*---------------- Search Box */
     3 #FSearchBox {
     4     float: left;
     5 }
     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 }
    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 }
    28 #MSearchSelect {
    29     display:block;
    30     position:absolute;
    31     width:20px;
    32     height:19px;
    33 }
    35 .left #MSearchSelect {
    36     left:4px;
    37 }
    39 .right #MSearchSelect {
    40     right:5px;
    41 }
    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 }
    58 #FSearchBox #MSearchField {
    59     margin-left:15px;
    60 }
    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 }
    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 }
    84 .left #MSearchClose {
    85     left: 6px;
    86 }
    88 .right #MSearchClose {
    89     right: 2px;
    90 }
    92 .MSearchBoxActive #MSearchField {
    93     color: #000000;
    94 }
    96 /*---------------- Search filter selection */
    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 }
   115 .SelectItem {
   116     font: 8pt Arial, Verdana, sans-serif;
   117     padding-left:  2px;
   118     padding-right: 12px;
   119     border: 0px;
   120 }
   122 span.SelectionMark {
   123     margin-right: 4px;
   124     font-family: monospace;
   125     outline-style: none;
   126     text-decoration: none;
   127 }
   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 }
   138 a.SelectItem:focus,
   139 a.SelectItem:active {
   140     color: #000000; 
   141     outline-style: none;
   142     text-decoration: none;
   143 }
   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 }
   154 /*---------------- Search results window */
   156 iframe#MSearchResults {
   157     width: 60ex;
   158     height: 15em;
   159 }
   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 }
   170 /* ----------------------------------- */
   173 #SRIndex {
   174     clear:both; 
   175     padding-bottom: 15px;
   176 }
   178 .SREntry {
   179     font-size: 10pt;
   180     padding-left: 1ex;
   181 }
   183 .SRPage .SREntry {
   184     font-size: 8pt;
   185     padding: 1px 5px;
   186 }
   188 body.SRPage {
   189     margin: 5px 2px;
   190 }
   192 .SRChildren {
   193     padding-left: 3ex; padding-bottom: .5em 
   194 }
   196 .SRPage .SRChildren {
   197     display: none;
   198 }
   200 .SRSymbol {
   201     font-weight: bold; 
   202     color: #425E97;
   203     font-family: Arial, Verdana, sans-serif;
   204     text-decoration: none;
   205     outline: none;
   206 }
   208 a.SRScope {
   209     display: block;
   210     color: #425E97; 
   211     font-family: Arial, Verdana, sans-serif;
   212     text-decoration: none;
   213     outline: none;
   214 }
   216 a.SRSymbol:focus, a.SRSymbol:active,
   217 a.SRScope:focus, a.SRScope:active {
   218     text-decoration: underline;
   219 }
   221 span.SRScope {
   222     padding-left: 4px;
   223 }
   225 .SRPage .SRStatus {
   226     padding: 2px 5px;
   227     font-size: 8pt;
   228     font-style: italic;
   229 }
   231 .SRResult {
   232     display: none;
   233 }
   235 DIV.searchresults {
   236     margin-left: 10px;
   237     margin-right: 10px;
   238 }
   240 /*---------------- External search page results */
   242 .searchresult {
   243     background-color: #F0F3F8;
   244 }
   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 }
   254 .pages {
   255     line-height: 17px;
   256     margin-left: 4px;
   257     text-decoration: none;
   258 }
   260 .hl {
   261     font-weight: bold;
   262 }
   264 #searchresults {
   265     margin-bottom: 20px;
   266 }
   268 .searchpages {
   269     margin-top: 10px;
   270 }

mercurial