Open-ILS/src/templates-bootstrap/opac/css/mediaQuery.css.tt2

   1 /*
   2 Mini Table Styling
   3 */
   4 @media
   5 only screen and (max-width: 650px)  {
   6     .miniTable{
   7         width: 100% !important;
   8     }
   9
  10     /* Force table to not be like tables anymore */
  11     .miniTable table, .miniTable thead, .miniTable tbody, .miniTable th, .miniTable td, .miniTable tr
  12     {
  13         display: block;
  14     }
  15
  16     .miniTable th{
  17        display:none;
  18     }
  19
  20     /* Hide table headers (but not display: none;, for accessibility) */
  21     .miniTable thead tr{
  22         position: absolute;
  23         top: -9999px;
  24         left: -9999px;
  25     }
  26
  27     .miniTable tr
  28      {
  29          border: 1px solid #ccc;
  30          margin: 10px 0px;
  31      }
  32
  33
  34     .miniTable td
  35     {
  36         border: none;
  37         border-bottom: 1px solid #eee;
  38         position: relative;
  39         padding-left: 50%;
  40         min-height:45px;
  41         text-align: right;
  42     }
  43
  44     .miniTable td:before
  45     {
  46         left: 6px;
  47         width: 45%;
  48         padding-right: 10px;
  49         white-space: nowrap;
  50         position: absolute;
  51     }
  52     .copyTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
  53     .copyTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
  54     .copyTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
  55     .copyTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
  56     .copyTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
  57     .copyTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
  58     .copyTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
  59     .copyTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
  60     .copyTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
  61     .copyTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
  62
  63     .copyTable td:nth-of-type(1):before { content: "Library"; display: flex; }
  64     .copyTable td:nth-of-type(2):before { content: "Call Number"; display: flex; }
  65     .copyTable td:nth-of-type(3):before { content: "Barcode"; display: flex;}
  66     .copyTable td:nth-of-type(4):before { content: "Shelving Location"; display: flex;}
  67     .copyTable td:nth-of-type(5):before { content: "Status"; display: flex;}
  68     .copyTable td:nth-of-type(6):before { content: "Due Date"; display: flex;}
  69     .copyTable td:nth-of-type(7):before { content: "[% l('Distance') %]"; display: flex;}
  70
  71     .holdingsTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
  72     .holdingsTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
  73     .holdingsTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
  74     .holdingsTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
  75     .holdingsTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
  76     .holdingsTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
  77     .holdingsTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
  78     .holdingsTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
  79     .holdingsTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
  80     .holdingsTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
  81
  82
  83     .holdingsTable td:nth-of-type(1):before { content: "Library"; display: flex; }
  84     .holdingsTable td:nth-of-type(2):before { content: "Shelving location"; display: flex; }
  85     .holdingsTable td:nth-of-type(3):before { content: "Call number"; display: flex;}
  86     .holdingsTable td:nth-of-type(4):before { content: "Status"; display: flex;}
  87
  88     .chargesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
  89     .chargesTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
  90     .chargesTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
  91     .chargesTable td:nth-of-type(4):before { content: "Note"; display: flex;}
  92     .chargesTable td:nth-of-type(5):before { content: "Date"; display: flex;}
  93
  94     .chargesMainTable td:nth-of-type(1):before { content: "Select"; display: flex; }
  95     .chargesMainTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
  96     .chargesMainTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
  97     .chargesMainTable td:nth-of-type(4):before { content: "Title"; display: flex;}
  98     .chargesMainTable td:nth-of-type(5):before { content: "Checkout"; display: flex;}
  99     .chargesMainTable td:nth-of-type(6):before { content: "Due"; display: flex;}
 100     .chargesMainTable td:nth-of-type(7):before { content: "Returned/Renewed"; display: flex;}
 101
 102     .activeHoldstable td:nth-of-type(1):before { content: "Select"; display: flex; }
 103     .activeHoldstable td:nth-of-type(2):before { content: "Cover"; display: flex; }
 104     .activeHoldstable td:nth-of-type(3):before { content: "Title"; display: flex; }
 105     .activeHoldstable td:nth-of-type(4):before { content: "Author"; display: flex;}
 106     .activeHoldstable td:nth-of-type(5):before { content: "Format"; display: flex;}
 107     .activeHoldstable td:nth-of-type(6):before { content: "Pickup Location"; display: flex;}
 108     .activeHoldstable td:nth-of-type(7):before { content: "Cancel If Not Filled By"; display: flex;}
 109     .activeHoldstable td:nth-of-type(8):before { content: "Status"; display: flex;}
 110     .activeHoldstable td:nth-of-type(9):before { content: "Notes"; display: flex;}
 111
 112     .holdHistoryTable td:nth-of-type(1):before { content: "Cover"; display: flex; }
 113     .holdHistoryTable td:nth-of-type(2):before { content: "Title"; display: flex; }
 114     .holdHistoryTable td:nth-of-type(3):before { content: "Author"; display: flex; }
 115     .holdHistoryTable td:nth-of-type(4):before { content: "Format"; display: flex; }
 116     .holdHistoryTable td:nth-of-type(5):before { content: "Pickup Location"; display: flex; }
 117     .holdHistoryTable td:nth-of-type(6):before { content: "Status"; display: flex; }
 118
 119     .paymentTable td:nth-of-type(1):before { content: "Payment Date"; display: flex; }
 120     .paymentTable td:nth-of-type(2):before { content: "Payment For"; display: flex; }
 121     .paymentTable td:nth-of-type(3):before { content: "Amount"; display: flex; }
 122     .paymentTable td:nth-of-type(4):before { content: "Receipt"; display: flex; }
 123
 124     .messagesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 125     .messagesTable td:nth-of-type(2):before { content: "Date"; display: flex; }
 126     .messagesTable td:nth-of-type(3):before { content: "Library"; display: flex; }
 127     .messagesTable td:nth-of-type(4):before { content: "Subject"; display: flex; }
 128     .messagesTable td:nth-of-type(5):before { content: ""; display: flex; }
 129
 130     .circTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 131     .circTable td:nth-of-type(2):before { content: "Cover"; display: flex; }
 132     .circTable td:nth-of-type(3):before { content: "Title"; display: flex; }
 133     .circTable td:nth-of-type(4):before { content: "Author"; display: flex; }
 134     .circTable td:nth-of-type(5):before { content: "Renewals Left"; display: flex; }
 135     .circTable td:nth-of-type(6):before { content: "Due Date"; display: flex; }
 136     .circTable td:nth-of-type(7):before { content: "Barcode"; display: flex; }
 137     .circTable td:nth-of-type(8):before { content: "Call Number"; display: flex; }
 138
 139     .circHistTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 140     .circHistTable td:nth-of-type(2):before { content: "Cover"; display: flex; }
 141     .circHistTable td:nth-of-type(3):before { content: "Title"; display: flex; }
 142     .circHistTable td:nth-of-type(4):before { content: "Author"; display: flex; }
 143     .circHistTable td:nth-of-type(5):before { content: "Checkout Date"; display: flex; }
 144     .circHistTable td:nth-of-type(6):before { content: "Due Date"; display: flex; }
 145     .circHistTable td:nth-of-type(7):before { content: "Date Returned"; display: flex; }
 146     .circHistTable td:nth-of-type(8):before { content: "Barcode"; display: flex; }
 147     .circHistTable td:nth-of-type(9):before { content: "Call Number"; display: flex; }
 148
 149     .bookbagTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 150     .bookbagTable td:nth-of-type(2):before { content: "Cover"; display: flex; }
 151     .bookbagTable td:nth-of-type(3):before { content: "Title"; display: flex; }
 152     .bookbagTable td:nth-of-type(4):before { content: "Author(s)"; display: flex; }
 153     .bookbagTable td:nth-of-type(5):before { content: "Local Call number"; display: flex; }
 154     .bookbagTable td:nth-of-type(6):before { content: "Publication Date"; display: flex; }
 155     .bookbagTable td:nth-of-type(7):before { content: "Format"; display: flex; }
 156     .bookbagTable td:nth-of-type(8):before { content: "Notes"; display: flex; }
 157
 158     .eholdsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 159     .eholdsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 160     .eholdsTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
 161     .eholdsTable td:nth-of-type(4):before { content: "Status"; display: flex; }
 162     .eholdsTable td:nth-of-type(5):before { content: "Actions"; display: flex; }
 163
 164     .eholdsreadyTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 165     .eholdsreadyTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 166     .eholdsreadyTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
 167     .eholdsreadyTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
 168
 169     .echeckoutTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 170     .echeckoutTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 171     .echeckoutTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
 172     .echeckoutTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
 173
 174     .ecircsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 175     .ecircsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 176     .ecircsTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
 177     .ecircsTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
 178
 179     .bucketTable td:nth-of-type(2):before { content: "Title"; display: flex; text-align:left; }
 180     .bucketTable td:nth-of-type(3):before { content: "Author"; display: flex; text-align:left; }
 181     .bucketTable td:nth-of-type(4):before { content: "Call Number"; display: flex; text-align:left; }
 182
 183     /*Media Style Additions*/
 184     .fullRow{
 185         padding: 5px !important;
 186         text-align: center !important;
 187         width: 100%;
 188     }
 189
 190     .paginateText{
 191         display:none;
 192     }
 193
 194     .modal-dialog {
 195     max-width: 600px !important;
 196     }
 197
 198 }/*Micro Tables End*/
 199
 200 @media only screen and (max-width: 600px) {
 201     input, select {
 202         font-size: [% css_fonts.size_big %];
 203     }
 204     span .nav_arrow_fix {
 205         display: none;
 206     }
 207     #header {
 208         padding: 0px;
 209         margin: 0px;
 210     }
 211     #homesearch_main_logo img {
 212         width:75%;
 213     }
 214     #format_selector {
 215         display:none;
 216     }
 217     #your-acct-login {
 218         padding: 0px;
 219         padding-top: 5px;
 220     }
 221     #your-acct-login a {
 222         margin: 0px;
 223         padding: 5px;
 224     }
 225     #topnav_logo {
 226         margin: 0;
 227     }
 228     #topnav_logo img {
 229         width: 200px;
 230     }
 231
 232     #gold-links-holder {
 233         display: none;
 234     }
 235     #simple-detail-view-links {
 236         display: none;
 237     }
 238     #acct_tabs a, #acct_fines_tabs a {
 239        [% IF rtl == 't' -%]
 240        border-radius: 6px 0px 0px 6px;
 241        margin: 0px 0px 0px 5px;
 242        [% ELSE -%]
 243        border-radius: 6px 6px 0px 0px;
 244        margin: 0px 5px 0px 0px;
 245        [% END -%]
 246        padding: 2px 4px 3px 4px;
 247        font-size: [% css_fonts.size_base %];
 248     }
 249     .bookbag-controls-title-block {
 250         [% IF rtl == 't' -%]
 251         clear:right;
 252         [% ELSE -%]
 253         clear:left;
 254         [% END -%]
 255         width:90%;
 256     }
 257     .bookbag-controls-button-block {
 258         [% IF rtl == 't' -%]
 259         clear:right;
 260         [% ELSE -%]
 261         clear:left;
 262         [% END -%]
 263         width;90%;
 264     }
 265     .bookbag-specific {
 266         [% IF rtl == 't' -%]
 267         margin-right: 0px;
 268         [% ELSE -%]
 269         margin-left: 0px;
 270         [% END -%]
 271     }
 272     .bookbag-specific div.sort {
 273         [% IF rtl == 't' -%]
 274         float: right;
 275         text-align: right;
 276         [% ELSE -%]
 277         float: left;
 278         text-align: left;
 279         [% END -%]
 280         width: 95%;
 281         margin: 5px 0px 5px 0px;
 282         border: 1px solid [% css_colors.accent_light %];
 283         padding:5px;
 284     }
 285     .bookbag-specific div.meta {
 286         [% IF rtl == 't' -%]
 287         float: right;
 288         margin-right:0px;
 289         text-align: right;
 290         [% ELSE -%]
 291         float: left;
 292         margin-left:0px;
 293         text-align: left;
 294         [% END -%]
 295         width: 95%;
 296         margin-bottom:5px;
 297         padding:5px;
 298     }
 299     #bbag-edit-name {
 300         [% IF rtl == 't' -%]
 301         float: right;
 302         [% ELSE -%]
 303         float: left;
 304         [% END -%]
 305         width: 220px;
 306     }
 307     #bbag-edit-description {
 308         width: 220px;
 309         margin-top:5px;
 310     }
 311     .bbag-content {
 312         padding:5px;
 313         border:1px solid [% css_colors.accent_light %];
 314     }
 315     .bbag-action {
 316         [% IF rtl == 't' -%]
 317         margin-right:0px;
 318         [% ELSE -%]
 319         margin-left:0px;
 320         [% END -%]
 321         margin-bottom:5px;
 322     }
 323     .bbag-action-field {
 324         width:230px;
 325     }
 326     .bookbag-specific div.sort select {
 327         width:180px;
 328     }
 329     .bookbag-specific tr {
 330         display: block;
 331         border-bottom: 1px solid [% css_colors.border_standard %];
 332     }
 333     .bookbag-specific td.list_checkbox {
 334         [% IF rtl == 't' -%]
 335         padding-right: 0px !important;
 336         [% ELSE -%]
 337         padding-left: 0px !important;
 338         [% END -%]
 339     }
 340     .bookbag-specific td.list_entry {
 341         display: inline-block;
 342         min-width: 5em;
 343         [% IF rtl == 't' -%]
 344         padding-right: 40% !important;
 345         [% ELSE -%]
 346         padding-left: 40% !important;
 347         [% END -%]
 348     }
 349     .bookbag-specific td.list_entry:before {
 350         content: attr(data-label);
 351         position: absolute;
 352         [% IF rtl == 't' -%]
 353         right: 10px;
 354         [% ELSE -%]
 355         left: 10px;
 356         [% END -%]
 357     }
 358     .bbag-navigate-list {
 359         display: none;
 360     }
 361     .bbag-navigate-list-pages {
 362         [% IF rtl == 't' -%]
 363         text-align:left;
 364         float:left;
 365         [% ELSE -%]
 366         text-align:right;
 367         float:right;
 368         [% END -%]
 369     }
 370     #dash_wrapper div {
 371         background-color: transparent;
 372         padding: 0px;
 373     }
 374     #dash_wrapper {
 375         position: static;
 376         top: auto;
 377     }
 378     #dash_wrapper .opac-button {
 379         top: 0px;
 380     }
 381     .small_view_only, #filter_hits {
 382         display: inline !important;
 383     }
 384     #dash_identity a {
 385         [% IF rtl == 't' -%]
 386         float:right;
 387         [% ELSE -%]
 388         float:left;
 389         [% END -%]
 390     }
 391
 392     #holds_box form blockquote {
 393         [% IF rtl == 't' -%]
 394         margin-right: 10px;
 395         margin-left: 2px;
 396         [% ELSE -%]
 397         margin-left: 10px;
 398         margin-right: 2px;
 399         [% END -%]
 400     }
 401     #holds_box form blockquote select {
 402         width: 100%;
 403     }
 404     #myopac_sum_fines_placehold {
 405         display:none;
 406     }
 407     #myopac_sum_fines {
 408         display: none;
 409     }
 410     #list_description, #list_create_name {
 411         width: 170px;
 412     }
 413     .results_header_lbl {
 414         display: none;
 415     }
 416     .results_header_nav1 span.h1 {
 417         display: none;
 418     }
 419     .preflib {
 420         display: none;
 421     }
 422     .start_end_links_span {
 423         display: block;
 424     }
 425     .invisible {
 426         display: none;
 427     }
 428     .result_table_pic_header {
 429         [% IF rtl == 't' -%]
 430         padding-right: 0px !important;
 431         padding-left: 5px;
 432         [% ELSE -%]
 433         padding-left: 0px !important;
 434         padding-right: 5px;
 435         [% END -%]
 436         width: 0px !important;
 437         margin: 0px;
 438     }
 439     .result_table_pic {
 440         width: 55px;
 441         padding: 0px;
 442         margin: 0px;
 443     }
 444     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
 445          display: none;
 446     }
 447     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
 448     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
 449         display:none;
 450     }
 451     #results_header_bar {
 452         background-color: inherit;
 453     }
 454     .results_header_btns a {
 455         margin: 0.3em;
 456     }
 457     .adv_filter_results_hide {
 458         display: none;
 459     }
 460     .adv_filter_results_show {
 461         display: block;
 462     }
 463     .adv_filter_results_block_label {
 464         display: block;
 465     }
 466     .adv_filter_results_group_wrapper {
 467         display: block;
 468     }
 469     #main-content {
 470         margin: 0 1px;
 471     }
 472     #rdetails_status thead {
 473         display: none;
 474     }
 475     #rdetails_status tr {
 476     display: block;
 477     margin-top: 3px;
 478     }
 479     #rdetails_status td {
 480     display: block;
 481     padding: 1px;
 482     }
 483     .copy_details_row {
 484     background-color: [% css_colors.accent_lightest %];
 485     }
 486     .copy_details_offers_row {
 487     background-color: [% css_colors.accent_lightest %];
 488     }
 489     select#pickup_lib.search-wrapper-locg {
 490         width: 100%;
 491     }
 492     #search-wrapper #search-box {
 493         width: 85%;
 494         padding-top: 5px;
 495     }
 496     #main-content-home {
 497         padding: 0px;
 498         margin: 0px;
 499     }
 500     /* Make use of full width in mobile mode */
 501     .facet_box_wrapper .box_wrapper .box,
 502     .facet_template .facet,
 503     .facet_box_temp {
 504         width: inherit;
 505     }
 506     .facet_template .count {
 507         [% IF rtl == 't' -%]
 508         padding-right: 1em;
 509         [% ELSE -%]
 510         padding-left: 1em;
 511         [% END -%]
 512     }
 513     #facet_sidebar {
 514         margin-top: 0.5em;
 515     }
 516     #adv_search_parent {
 517         font-size: [% css_fonts.size_smaller %];
 518     }
 519     #adv_search_filters {
 520         position: relative;
 521         width: 300px;
 522     }
 523     #format_actions {
 524         [% IF rtl == 't' -%]
 525         float: right;
 526         [% ELSE -%]
 527         float: left;
 528         [% END -%]
 529     }
 530     .rdetail_aux_utils {
 531         padding: 0px;
 532         border: none;
 533     }
 534     .result_metadata {
 535         width: inherit;
 536     }
 537     div#rdetail_actions_div {
 538         float: none;
 539     }
 540     h2.rdetail_uris {
 541         clear: both;
 542     }
 543     #metarecord_population {
 544         overflow: hidden;
 545         width: 100%;
 546     }
 547     .metarecord_population_span_link {
 548     }
 549     .metarecord_population_item_lang {
 550         float: none;
 551     }
 552     .search_catalog_lbl {
 553         [% IF rtl == 't' -%]
 554     margin-right: 0;
 555         [% ELSE -%]
 556     margin-left: 0;
 557         [% END -%]
 558     white-space: nowrap;
 559     }
 560     .adv_search_catalog_lbl {
 561         margin-top: 0;
 562     white-space: nowrap;
 563     }
 564     .browse_the_catalog_lbl {
 565         white-space: nowrap;
 566     }
 567     .mobile_hide {
 568     display: none;
 569     }
 570     #dash_user {
 571         display: block;
 572         padding: 0.5em;
 573         font-size: 18px;
 574         text-align: center;
 575     }
 576     .dash_divider {
 577     display: none;
 578     }
 579     .dash_account_buttons {
 580         display: block;
 581     }
 582     .searchbar { line-height: 1.5em; }
 583     #browse-controls { line-height: 1.5em; }
 584     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
 585         display: block;
 586     }
 587     .bookshelf td {
 588     display: block;
 589     width: 100%;
 590     }
 591     .bookshelf table thead tr {
 592     display: block;
 593     }
 594     #lowhits_help { width: inherit; }
 595     #adv_search_tabs a{
 596         font-size: [% css_fonts.size_small %];
 597         margin: 2px 2px 0px 2px;
 598         padding: 2px 2px 5px 2px;
 599         [% IF rtl == 't' -%]
 600         border-radius: 7px 0px 0px 7px;
 601         [% ELSE -%]
 602         border-radius: 7px 7px 0px 0px;
 603         [% END -%]
 604     }
 605     #adv_global_tbody td {
 606         border-bottom: thin solid [% css_colors.accent_light %];
 607     }
 608     #adv_global_addrow td {
 609         border-bottom: none;
 610     }
 611         /* Force table to not be like tables anymore */
 612         table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_groups_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th {
 613                 display: none;
 614         }
 615         table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_groups_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
 616                 display: block;
 617         }
 618
 619         /* Hide table headers (but not display: none;, for accessibility) */
 620        /* thead tr {
 621                 position: absolute;
 622                 top: -9999px;
 623                 [% IF rtl == 't' -%]
 624                 right: -9999px;
 625                 [% ELSE -%]
 626                 left: -9999px;
 627                 [% END -%]
 628         }*/
 629
 630         table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_groups_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table {
 631                 width: 90%;
 632         }
 633
 634         table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
 635
 636         /* Holds history gets large white border to mimic header cell on other
 637            account screens that provide visual cue for next title. We should do
 638            the same for ebook tables too since we have no actions on those
 639            tables. If actions get added, we should move those tables out of
 640            here. */
 641
 642         table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
 643         table#acct_holds_groups_header tr{ border-top: 2px solid #bbb; }
 644         table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
 645
 646         table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, table#acct_holds_groups_header td, table#acct_holds_hist_header td, table#ebook_circs_main_table td, table#ebook_holds_main_table td {
 647                 /* Behave  like a "row" */
 648                 border: none;
 649                 border-bottom: 1px solid #eee;
 650                 position: relative;
 651                 [% IF rtl == 't' -%]
 652                 padding-right: 40%;
 653                 [% ELSE -%]
 654                 padding-left: 40%;
 655                 [% END -%]
 656         }
 657
 658          table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, table#acct_holds_groups_header td:before, table#acct_holds_hist_header td:before, table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before {
 659                 /* Now like a table header */
 660                 position: absolute;
 661                 /* Top/left values mimic padding */
 662                 top: 2px;
 663                 width: 40%;
 664                 [% IF rtl == 't' -%]
 665                 right: 2px;
 666                 padding-left: 10px;
 667                 [% ELSE -%]
 668                 left: 2px;
 669                 padding-right: 10px;
 670                 [% END -%]
 671                 white-space: nowrap;
 672         }
 673
 674         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
 675         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Cover') %]";}
 676         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Title') %]";}
 677         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Author') %]"; }
 678         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Renewals Left') %]"; }
 679         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Due Date') %]"; }
 680         table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
 681         table#acct_checked_main_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
 682
 683      table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
 684         table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Cover') %]";}
 685         table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Title') %]";}
 686         table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Author') %]"; }
 687         table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Checkout Date') %]"; }
 688         table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Due Date') %]"; }
 689         table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Date Returned') %]"; }
 690         table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Barcode') %]"; }
 691         table#acct_checked_hist_header td:nth-of-type(9):before { content: "[% l('Call number') %]"; }
 692
 693         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
 694         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
 695         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
 696         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
 697         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
 698         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
 699         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
 700         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
 701
 702         table#acct_holds_groups_header td:nth-of-type(1):before { content: "[% l('Group Name') %]";}
 703         table#acct_holds_groups_header td:nth-of-type(2):before { content: "[% l('Description') %]"; }
 704         table#acct_holds_groups_header td:nth-of-type(3):before { content: "[% l('Actions') %]"; }
 705
 706         table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Cover') %]";}
 707         table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]"; }
 708         table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
 709         table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
 710         table#acct_holds_hist_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
 711         table#acct_holds_hist_header td:nth-of-type(6):before { content: "[% l('Status') %]"; }
 712
 713         table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
 714         table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
 715         table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
 716         table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
 717
 718         table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
 719         table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
 720         table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
 721         table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
 722
 723
 724
 725        /*Want to see these in mobile ONLY */
 726        .mobile_view{
 727           display:block;
 728        }
 729
 730        .mobile_search_lbl_clr{
 731           color:[% css_colors.mobile_header_text %];
 732        }
 733 }
 734
 735 @media only screen and (min-width: 992px) {
 736     .nav-fr{
 737         float: right;
 738     }
 739     .nav-fl{
 740         float: left;
 741     }
 742     #nav-divide{
 743         display:none !important;
 744     }
 745 }
 746 @media only screen and (max-width: 800px) {
 747     .facet_sidebar_hidden, .result_block_hidden {
 748         display: none;
 749     }
 750     .facet_sidebar_visible, .result_block_visible {
 751         display: inline ! important;
 752     }
 753     #acct_select, #acct_prefs_select {
 754         display: inline-block;
 755     }
 756     #acct_tabs, #acct_prefs_tabs {
 757          display:none;
 758      }
 759     .radio-parts-selection { width: 90%; }
 760     #list_description, #list_create_name {
 761         width: 300px;
 762     }
 763 }