Open-ILS/web/opac/skin/default/css/layout.css

   1 body { margin: 6px; }
   2
   3 .main_header    { width: 100%; }
   4 .space                  { padding-right:5px; }
   5 .vert_space             { padding-top: 82px; width: 100%;}
   6 .right                  { position:absolute; right: 0px; }
   7 .hide_me                        { display:none; visibility: hidden; }
   8
   9 table { border-collapse: collapse; }
  10
  11 .encircled { border: 1px solid black; }
  12
  13 #main_table { border-collapse: collapse; width: 100%; height: 100%; }
  14 #main_left_cell { height: 100%; width: 20%; vertical-align: top;margin: 0px; padding: 0px;}
  15 #main_right_cell { height: 100%; width: 80%; vertical-align: top; margin: 0px; padding:0px;}
  16
  17
  18 /*.vertical {writing-mode: tb-rl; filter: flipv fliph; }*/
  19
  20 /* ---------------------------------------------------------------------- */
  21 /*
  22 .canvas { float:right; width: 79%; text-align: left;}
  23 */
  24
  25 .canvas { min-height: 300px; }
  26 #not_the_canvas {}
  27
  28 #canvas_main {min-height: 300px; border-left: 3px solid #A7EA9D; border-bottom: 3px solid #A7EA9D;
  29         border-top: 3px solid #A7EA9D; padding-left: 6px; -moz-border-radius: 6px;}
  30
  31 .non_canvas { min-height: 300px; border-left: 3px solid #A7EA9D; border-top: 3px solid #A7EA9D;
  32         border-bottom: 3px solid #A7EA9D; padding-left: 6px; -moz-border-radius: 6px;}
  33
  34 #loading_div { width: 100%;}
  35 .logo { height: 65px; width: 180px; }
  36 .org_tree { height: 500px; padding-left: 2px; padding-right: 2px; }
  37 .org_link { padding-right: 15px; }
  38 #org_link_container { margin-bottom: 5px; padding-left: 4px; padding-bottom: 3px; padding-top: 3px; width: 100%; }
  39 #left_div { float:left; width: 20%; }
  40 #statusbar {}
  41
  42 /* ---------------------------------------------------------------------- */
  43 .sidebar_div { width: 100%; font-size: 9pt; margin-top: 12px; }
  44 .sidebar_header { margin-top: 10px; padding-left: 3px; margin-right: 6px; }
  45
  46 .sidebar_extra_item { padding: 0px; margin-right: 8px;}
  47 .side_bar_item { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-right: 8px; }
  48 .sidebar_item_active { background: #A7EA9D; margin-right: 0px; }
  49 .sidebar_chunk { width: 100%; }
  50
  51 /*
  52 border-left: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
  53 */
  54
  55 /* ---------------------------------------------------------------------- */
  56
  57 #searchbar { margin-top: 18px; width: 100%; }
  58 #searchbar table tr td {font-weight: bold; font-size: 8pt; }
  59 #searchbar select, input { border-collapse: collapse; border: solid 1px; font-size: 9pt; }
  60 .searchbar_item { margin: 3px; font-size: 9pt; }
  61 .searchbar_label_span { font-size: 9pt; }
  62 #searchbar_table { border-collapse: collapse; }
  63
  64
  65 /* ---------------------------------------------------------------------- */
  66 #login_box { width: 60%; padding: 5px;}
  67 .login_text { margin-left: 8px; }
  68
  69 /* ---------------------------------------------------------------------- */
  70 #result_table_div { text-align: left; width: 100%; }
  71
  72 #search_nav_links { width: 100%; }
  73 #result_info_box { text-align: left; }
  74 #next_prev_links { padding-left: 2px; padding-right: 2px; text-align: left;}
  75 #goto_page_links { text-align: left; padding-left: 2px; padding-right: 2px;}
  76
  77 #next_prev_links_dead {padding-left: 5px; padding-right: 5px;}
  78
  79 #res_table { width: 100%; }
  80
  81 .result_table_pic_cell { width: 43px;}
  82 .result_table_pic { height: 50px; width: 40px; }
  83 .result_table_pic_header { width: 43px; }
  84
  85 .result_table_row { text-align: left; }
  86 .result_table_subtable { width: 100%; border-collapse: collapse; vertical-align: top;}
  87 .result_table_subtbody { height: 100%; width: 100%; }
  88 .result_table_title_cell { text-align: left; }
  89
  90 .copy_count_cell { width: 12%; vertical-align: middle; text-align: center; }
  91 .copy_count_div { width:  4em; height: 99%; vertical-align: middle; text-align: center; }
  92
  93 .search_page_nav_link { margin-right: 5px; }
  94
  95 /* ---------------------------------------------------------------------- */
  96
  97 #rdetail_detail_main { width: 100%; }
  98 #rdetail_details_table { padding-top: 10px; width: 100%; padding: 30px; border-collapse: collapse;}
  99 .rdetail_header { padding: 3px; padding-left: 10px;}
 100 .rdetail_desc { padding: 2px; padding-left: 4px; padding-right: 4px;}
 101 .rdetail_item { width: 75%; padding-left: 10px; }
 102 #rdetail_image { padding-right: 10px; }
 103 #rdetail_copy_info_table { padding: 4px; width: 100%; border-collapse: collapse; }
 104 .rdetail_copy_info_header_cell { padding: 2px; }
 105 .rdetail_copy_count_cell { text-align: center; }
 106
 107
 108 .tor_pic { width: 17px; height: 17px; border: none;}
 109
 110 .dim2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; text-decoration: none; }
 111 .dim { filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1; text-decoration: none; }
 112
 113
 114