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