cscg22-gearboy

CSCG 2022 Challenge 'Gearboy'
git clone https://git.sinitax.com/sinitax/cscg22-gearboy
Log | Files | Refs | sfeed.txt

search.css (4461B)


      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
    123span.SelectionMark {
    124    margin-right: 4px;
    125    font-family: monospace;
    126    outline-style: none;
    127    text-decoration: none;
    128}
    129
    130a.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
    139a.SelectItem:focus,
    140a.SelectItem:active {
    141    color: #000000; 
    142    outline-style: none;
    143    text-decoration: none;
    144}
    145
    146a.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
    157iframe#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
    188body.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
    208a.SRScope {
    209    display: block;
    210    color: #425E97; 
    211    font-family: Arial, Verdana, sans-serif;
    212    text-decoration: none;
    213    outline: none;
    214}
    215
    216a.SRSymbol:focus, a.SRSymbol:active,
    217a.SRScope:focus, a.SRScope:active {
    218    text-decoration: underline;
    219}
    220
    221span.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
    235DIV.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