opac/extras/mobile/css/mobile_opac.css

   1 body {
   2    padding: 0;
   3    margin: 0;
   4    font-family: Arial,Helvetica,sans-serif;
   5    font-size: 12px;
   6    color: #333333;
   7 }
   8
   9 .link, a {
  10    color: inherit;
  11    text-decoration: none;
  12    cursor: pointer;
  13 }
  14
  15 .link:hover, a:hover { text-decoration: underline; }
  16
  17 #full {
  18    width: 320px;
  19 }
  20
  21 #logo {
  22    background-color: #333333;
  23    padding: 11px 17px;
  24 }
  25
  26 #footer_bar {
  27    background-color: #e8e8e8;
  28    border-top: 1px #d1d1d1 solid;
  29    border-bottom: 1px #d1d1d1 solid;
  30    font-size: 10px;
  31    padding: 7px 17px;
  32 }
  33
  34 #login_bar {
  35    padding: 7px 17px;
  36    background-color: #464646;
  37    color: #ffcc33;
  38 }
  39
  40 #search_link {
  41    background-color: #9ad0f1;
  42    color: #074079;
  43    padding: 7px 17px;
  44 }
  45
  46 #search_bar {
  47    padding: 7px 17px;
  48 }
  49
  50 dl {
  51    margin: 0;
  52    padding: 0;
  53 }
  54
  55 button { margin-right: 5px; }
  56
  57 input[type=text] {
  58    width: 176px;
  59    border: 1px e9ebf3 solid;
  60    padding: 0px 0px 0px 4px;
  61    height: 20px;
  62    margin-bottom: 5px;
  63    margin-right: 10px;
  64 }
  65
  66 select {
  67    width: 182px;
  68    border: 1px e9ebf3 solid;
  69    padding: 2px 0px 2px 3px;
  70    margin-bottom: 5px;
  71    margin-right: 10px;
  72 }
  73
  74 select.slim {
  75    width: 89px;
  76    margin: 0;
  77 }
  78
  79 /* Original styles */
  80 dd {
  81         margin-left: 0;
  82 }
  83 #loading {
  84         position: fixed;
  85         top: 10%;
  86         right: 50%;
  87         z-index: 9999;
  88 }
  89 .edit_hold hr {
  90         width: 80%;
  91 }
  92
  93 /*
  94 .link {
  95         text-decoration: underline;
  96         color: blue;
  97         cursor: pointer;
  98 }
  99 .link:hover {
 100         color: green;
 101 }
 102 */
 103
 104 .active {
 105         color: black;
 106 }
 107 .inactive {
 108         color: silver;
 109 }
 110 .loading {
 111         background: silver;
 112         color: white;
 113 }
 114 .failed {
 115         background: gray;
 116         color: white;
 117 }
 118
 119 /* Styles for the footer bar.
 120  */
 121 #footer_bar {
 122         color: gray;
 123         font-size: smaller;
 124 }
 125 #footer_bar a {
 126         color: gray;
 127 /*      text-decoration: none; */
 128 }
 129 #footer_bar span {
 130         padding-right: 10px;
 131 }
 132 #engine img {
 133         border: none;
 134         width: 94px;
 135         height: 16px;
 136 }
 137
 138 /* Styles for jQuery.blockUI
 139  */
 140 .blockUI {
 141         width: 80%;
 142         top: 0%;
 143         left: 0%;
 144         border: 3px solid #aaa;
 145         text-align:     left;
 146         color: #000;
 147         background: #fff;
 148         cursor: default;
 149         padding-top: 10px;
 150         padding-left: 5px;
 151         padding-bottom: 15px;
 152         padding-right: 10px;
 153         margin-top: 1%;
 154         margin-left: 10%;
 155         margin-right: 10%;
 156 }
 157
 158 /* Styles for the jQuery.blockUI overlay.
 159  */
 160 .blockOverlay {
 161         background: #000;
 162         opacity:        0.6;
 163         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 164         filter:         alpha(opacity=60);
 165         cursor:         default;
 166 }
 167
 168 /* Styles applied when using jQuery.growlUI.
 169  */
 170 .growlUI {
 171         width:          350px;
 172         top:            10px;
 173         left:           0px;
 174         right:          10px;
 175         border:         none;
 176         padding:        5px;
 177         opacity:        0.6;
 178         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 179         filter:         alpha(opacity=60);
 180         cursor:         default;
 181         color:          #fff;
 182         background: #000;
 183         -webkit-border-radius: 10px;
 184         -moz-border-radius:      10px;
 185 }
 186 .promptUI {
 187         width:          350px;
 188         top:            10px;
 189         left:           0px;
 190         right:          10px;
 191         border:         none;
 192         padding:        5px;
 193         opacity:        0.9;
 194         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 195         filter:         alpha(opacity=90);
 196         cursor:         default;
 197         color:          #fff;
 198         background: #000;
 199         -webkit-border-radius: 10px;
 200         -moz-border-radius:      10px;
 201 }