Open-ILS/web/css/skin/default/selfcheck.css

   1
   2 body {
   3     font-family: Arial, Verdana;
   4     font-size: 13px;
   5 }
   6
   7 #oils-selfck-top-div {
   8     background: #00593d; /* Old browsers */
   9 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  10     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTkzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdhNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  11     background: -moz-linear-gradient(top,  #00593d 0%, #007a54 100%); /* FF3.6+ */
  12     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00593d), color-stop(100%,#007a54)); /* Chrome,Safari4+ */
  13     background: -webkit-linear-gradient(top,  #00593d 0%,#007a54 100%); /* Chrome10+,Safari5.1+ */
  14     background: -o-linear-gradient(top,  #00593d 0%,#007a54 100%); /* Opera 11.10+ */
  15     background: -ms-linear-gradient(top,  #00593d 0%,#007a54 100%); /* IE10+ */
  16     background: linear-gradient(to bottom,  #00593d 0%,#007a54 100%); /* W3C */
  17     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00593d', endColorstr='#007a54',GradientType=0 ); /* IE6-8 */
  18     padding-top: 20px;
  19     /*margin: 2px;*/
  20     /*border: 1px solid #888;*/
  21     text-align: center;
  22     font-weight:bold;
  23 }
  24
  25 #oils-selfck-user-banner {
  26     position:fixed;
  27     top:30px;
  28     /*right:30px;*/
  29     color: white;
  30 }
  31
  32 #oils-selfck-logo-div {
  33     /*margin: 20px;*/
  34 }
  35
  36 #oils-selfck-scan-text {
  37     font-size: 16px;
  38     background: none repeat scroll 0 0 #252525;
  39     color: white;
  40     padding: 10px;
  41 }
  42
  43 #oils-selfck-bottom-div {
  44     width: 98%;
  45     padding: 10px;
  46 }
  47
  48 #oils-self-circ-pic-cell {
  49     width: 43px;
  50 }
  51
  52 .oils-selfck-jacket {
  53     height: 50px;
  54     width: 40px;
  55     border: none;
  56 }
  57
  58 .oils-selfck-item-table  {
  59     width: 98%;
  60     margin-top: 15px;
  61 }
  62
  63 .oils-selfck-item-table td {
  64     text-align: left;
  65     padding: 7px;
  66 }
  67
  68 .oils-selfck-item-table thead {
  69     font-weight: bold;
  70     color: #00593D;
  71 }
  72
  73 .oils-selfck-item-table tbody tr {
  74     border-bottom: 1px solid #888;
  75 }
  76
  77
  78 #oils-selfck-content-div {
  79     width: 70%;
  80     position: float;
  81     float: left;
  82 }
  83
  84 #oils-selfck-summary-div {
  85     width: 28%;
  86     float: right;
  87     /*border-left: 1px solid #888;*/
  88 }
  89
  90 #oils-selfck-content-header {
  91     text-align: right;
  92     width: 100%;
  93     margin-top: 18px;
  94 }
  95 #oils-selfck-content-header span {
  96     padding-left: 5px;
  97 }
  98
  99 #oils-selfck-info-nav {
 100     margin: 15px 10px 15px 10px;
 101     padding: 8px;
 102 }
 103
 104 #oils-selfck-circ-info-div span {
 105     padding-right: 8px;
 106 }
 107 #oils-selfck-info-nav span {
 108     padding-left: 8px;
 109 }
 110
 111 #oils-selfck-info-nav span.selected {
 112     background-color: #e0e0e0;
 113 }
 114
 115 #oils-selfck-circ-info-div fieldset {
 116     margin: 15px 10px 15px 10px;
 117     padding: 8px;
 118     background: #ffffff; /* Old browsers */
 119     /* IE9 SVG, needs conditional override of 'filter' to 'none' */
 120     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
 121     background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 98%); /* FF3.6+ */
 122     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#e0e0e0)); /* Chrome,Safari4+ */
 123     background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* Chrome10+,Safari5.1+ */
 124     background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* Opera 11.10+ */
 125     background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* IE10+ */
 126     background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 98%); /* W3C */
 127     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
 128     border: 1px solid #DDDDDD;
 129     color: #333333;
 130     -webkit-border-radius: 5px;
 131     border-radius: 5px;
 132 }
 133
 134 #oils-selfck-circ-info-div fieldset legend {
 135     color: #00593d;
 136     background-color: white;
 137     font-weight: bold;
 138 }
 139
 140 #oils-selfck-circ-info-div div {
 141     padding: 3px;
 142 }
 143
 144 #oils-selfck-status-div {
 145     background: white;
 146     height: 20px;
 147     padding-top: 10px;
 148     font-weight: bold;
 149     vertical-align: middle;
 150     color: red;
 151 }
 152
 153 #oils-selfck-cc-payment-summary {
 154     font-weight:bold;
 155     padding: 30px;
 156 }
 157
 158 #oils-selfck-cc-payment-table td {
 159     padding: 5px;
 160 }
 161
 162 .self-button {
 163     color: #FBF9F9;
 164     font-weight: bold;
 165     letter-spacing: 1px;
 166     font-size: 94%;
 167     text-shadow: 1px 1px 1px #555555;
 168     cursor: pointer !important;
 169     -moz-border-radius: 12px;
 170     border-radius: 12px;
 171     border: 1px solid #007a54;
 172     background: linear-gradient(#007a54, #00593d);
 173     background: -moz-linear-gradient(#007a54, #00593d);
 174     background: -o-linear-gradient(#007a54, #00593d);
 175     background: -webkit-linear-gradient(#007a54, #00593d);
 176     background-color: #00593d;
 177     padding: 5px 10px 6px;
 178     outline: 0 none;
 179     text-decoration: none;
 180 }
 181
 182 A {
 183     text-decoration: none;
 184 }
 185
 186 .oils-selfck-table-head thead {
 187     background-color: #D8D8D8;
 188     padding: 8px 0 7px;
 189 }
 190
 191 [id^="oils-selfck-"][id$="-page"] {
 192     margin-top: 20px;
 193     background: #ffffff; /* Old browsers */
 194     /* IE9 SVG, needs conditional override of 'filter' to 'none' */
 195     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
 196     background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 98%); /* FF3.6+ */
 197     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#e0e0e0)); /* Chrome,Safari4+ */
 198     background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* Chrome10+,Safari5.1+ */
 199     background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* Opera 11.10+ */
 200     background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* IE10+ */
 201     background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 98%); /* W3C */
 202     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
 203     border: 1px solid #DDDDDD;
 204     color: #333333;
 205     -webkit-border-radius: 5px;
 206     border-radius: 5px;
 207     padding: 3px;
 208 }
 209
 210 #oils-selfck-fines-page {
 211     padding: 8px;
 212 }
 213
 214 #dijit_form_TextBox_0 {
 215    padding: 5px;
 216    height: 28px;
 217    font-size: 16px;
 218    box-shadow:         inset 0 0 8px #ADADB2;
 219    border-radius: 12px;
 220 }
 221
 222 input[type=checkbox]
 223 {
 224   /* Double-sized Checkboxes */
 225   -ms-transform: scale(2.3); /* IE */
 226   -moz-transform: scale(2.3); /* FF */
 227   -webkit-transform: scale(2.3); /* Safari and Chrome */
 228   -o-transform: scale(2.3); /* Opera */
 229   padding: 10px;
 230   transform: scale(1.5);
 231 }