static/css/gbrowse2_sgn.css

   1 /* These css rules are necessary for autocomplete to work */
   2
   3 div.autocomplete {
   4   position:absolute;
   5   background-color: white;
   6   border:2px solid #888;
   7   margin:0;
   8   padding:0;
   9   z-index:20;
  10   width:500px;
  11 /*
  12   left:-100px;
  13   top:-100px;
  14 */
  15 }
  16 div.autocomplete ul {
  17   list-style-type:none;
  18   white-space:nowrap;
  19   margin:0;
  20   padding:0;
  21 }
  22 div.autocomplete ul li.selected { background-color: #ffb;}
  23 div.autocomplete ul li {
  24   list-style-type:none;
  25   display:block;
  26   margin:0;
  27   padding:1px;
  28   height:16px;
  29   cursor:pointer;
  30 }
  31
  32
  33 A.banner          { color  : #FFFFFF;
  34                     font-size : small;
  35                     text-decoration : none;
  36                   }
  37 A.bblue           { color: #FFFFFF;
  38                     background-color: #9999FF;
  39                     font-size : small;
  40                     text-align: center;
  41                   }
  42 A.bred            { color: #FFFFFF;
  43                     background-color: #FF6666;
  44                     font-size : small;
  45                     text-align: center;
  46                   }
  47 BODY              {
  48                     font-family: sans-serif;
  49                     font-size: small;
  50                   }
  51 DIV               { margin: 0 }
  52 H1                {
  53                     font-size: medium;
  54                     font-family: sans-serif;
  55                   }
  56 H2                { color: navy;
  57                     font-family: sans-serif;
  58                   }
  59 H3                { color: navy;
  60                     font-family: sans-serif;
  61                   }
  62 H4                { color: navy;
  63                     font-family: sans-serif;
  64                   }
  65 INPUT             { background-color: white; }
  66 P                 { font-family: sans-serif; }
  67 SELECT            { background-color: white; }
  68 TABLE             { padding: 0;              }
  69 TD                { font-family: sans-serif;
  70                     padding: 0;
  71                     font-size: small;
  72                   }
  73 TH                { font-family: sans-serif;
  74                     padding: 0;
  75                     font-size: small;
  76                   }
  77 table.padded-table td { padding-left:10px; padding-right:10px}
  78 TH.linkmenu       {
  79                     font-family: sans-serif;
  80                     padding: 0;
  81                     font-size: 9pt;
  82                   }
  83 .reset_button     { color: red;
  84                     font-weight: bold;
  85                   }
  86 .technicalinfo    { background-color: #FFFFFF; }
  87 .toggle           { color: #E0E0E0; }
  88 .error            { color: red; }
  89 .errorpanel       { background-color: lightyellow;
  90                     margin:   -8px 8px  8px  -8px;
  91                   }
  92 .note             { color: red; }
  93 .pre              { font-family: monospace; }
  94 .popup            { COLOR: #9F141A;
  95                     CURSOR: help;
  96                     TEXT-DECORATION: none
  97                   }
  98 .ctl_visible,
  99 .ctl_hidden       { z-index:10; }
 100
 101 span.tctl         { cursor: pointer }
 102 .menutitle {
 103     color: blue;
 104     font-size: 10pt;
 105     background-color: transparent;
 106     font-weight: bold;
 107     font-family: sans-serif;
 108     cursor:        pointer;
 109     padding-top:   5px;
 110     padding-left:  5px;
 111     padding-right: 5px;
 112 }
 113 .menutitle:hover {
 114     text-decoration: underline;
 115 }
 116 img.figure {
 117     display: block;
 118     margin-left: auto;
 119     margin-right: auto;
 120     padding-top: 6px;
 121     padding-left: 6px;
 122     padding-right: 6px;
 123     padding-bottom: 6px;
 124     background-color: lightgray;
 125     border: double;
 126 }
 127
 128
 129 /* These declarations give gbrowse a funky transparent look */
 130
 131 BODY              {
 132                     font-family: sans-serif;
 133                     font-size: small;
 134                   }
 135 .datatitle        {}
 136 #actionmenu {
 137   border-bottom: 1px solid #444;
 138   margin-bottom: 5px;
 139
 140 }
 141 #banner_panel {
 142   color: black;
 143 }
 144 #main_page {
 145   padding: 0 3px 0 3px;
 146   border: 1px solid #444;
 147 }
 148 #slider_form {
 149   white-space: nowrap;
 150 }
 151
 152 .databody         { background-color: rgba(240,240,240,0.4);
 153                   }
 154 .multiplechoicetitle  { background-color: lightblue;
 155                         font-size: small;
 156 }
 157 .searchtitle      { background-color: rgb(240,240,240);
 158                     background-color: rgba(240,240,240,0.4);
 159                     font-size: small;
 160                     margin-left:   1em;
 161                     margin-right:  1em;
 162 }
 163 .searchbody       {
 164                     margin-left:   1em;
 165                     margin-right:  1em;
 166                     margin-bottom: 3px;
 167                     font-size: small;
 168 }
 169 .settingstitle    {
 170  background-color: rgb(224,224,224);
 171                     background-color: rgba(224,224,224,0.4);
 172                     margin-left:   1em;
 173                     margin-right:  1em;
 174                     font-size: small;
 175 }
 176 .settingsbody     {
 177  background-color: rgb(240,240,240);
 178                     background-color: rgba(240,240,240,0.4);
 179                     margin-left:  1em;
 180                     margin-right: 1em;
 181                     font-size: small;
 182 }
 183 .uploadtitle {
 184   background-color: rgb(224,224,224);
 185   background-color: rgba(224,224,224,0.4);
 186   margin-left:  1em;
 187   margin-right: 1em;
 188   font-size: small;
 189 }
 190 .uploadbody  {
 191   background-color: rgb(240,240,240);
 192   background-color: rgba(240,240,240,0.4);
 193   margin-left:   1em;
 194   margin-right:  1em;
 195   font-size: small;
 196 }
 197 #tabbed_menu {
 198   margin-top: 10px;
 199   margin-bottom: -1px;
 200 }
 201
 202 .tabmenu_active   {
 203   cursor: pointer;
 204   color: black;
 205   background-color: #fcfcfc;
 206   font-size: 10pt;
 207   font-weight: bold;
 208   font-family: sans-serif;
 209   padding-top: 5px;
 210   padding-left: 5px;
 211   padding-right: 5px;
 212   border-top:  1px solid #444;
 213   border-left: 1px solid #444;
 214   border-right: 1px solid #444;
 215   border-bottom: none;
 216   z-index: 10;
 217
 218   /* clobber the bottom border of the active tab */
 219   position: relative;
 220   top: 1px;
 221 }
 222 .tabmenu_inactive {
 223   cursor: pointer;
 224   color: blue;
 225   font-size: 10pt;
 226   background-color: transparent;
 227   font-weight: bold;
 228   font-family: sans-serif;
 229   padding-top:   5px;
 230   padding-left:  5px;
 231   padding-right: 5px;
 232 }
 233 .tabmenu_inactive:hover {
 234   text-decoration: underline;
 235 }
 236 .tabbed {
 237   background-color: transparent;
 238 }
 239 .tabmenu {
 240   background-color: transparent;
 241 }
 242 .tabbody {
 243   background-color: #fcfcfc;
 244   padding-top: 5px;
 245   border:   thin solid;
 246 }
 247
 248 .titlebar {
 249   border: 1px solid rgba(0, 0, 0, 0.3);
 250   background: rgba(255, 255, 255, 0.7);
 251   padding: 0 1px 0 1px;
 252 }