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