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