root/css/style.css

   1 /* General site-wide layout */
   2 body {
   3     margin: 0;
   4     padding: 20px;
   5     font: 1em Arial, Helvetica, sans-serif;
   6     font-size: 85%;
   7     color: #666;
   8 }
   9 h1 {
  10     border-bottom: 1px solid #488dd2;
  11     color: #488dd2;
  12     font-size: 18pt;
  13 }
  14 h2 {
  15     margin-top: 10px;
  16     color: #488dd2;
  17     font-size: 18px;
  18 }
  19 h3 {
  20         color: #488dd2;
  21         font-size: 14px;
  22         font-style: italic;
  23 }
  24
  25 div.button {
  26   background: transparent url('../images/b_button_a.png') no-repeat scroll top right;
  27   color: #fff;
  28   display: block;
  29   float: left;
  30   font: normal 12px Times, Times New Roman, Serif; /* arial, sans-serif; */
  31   height: 24px;
  32   margin-right: 6px;
  33   padding-right: 18px; /* sliding doors padding */
  34   text-decoration: none;
  35 }
  36 div.button.reset {
  37   background: transparent url('../images/c_button_a.png') no-repeat scroll top right;
  38 }
  39 div.button span {
  40   background: transparent url('../images/b_button_span.png') no-repeat;
  41   display: block;
  42   line-height: 14px;
  43   padding: 5px 0 5px 18px;
  44 }
  45 div.button.reset span {
  46   background: transparent url('../images/c_button_span.png') no-repeat;
  47 }
  48 div.button:hover {
  49   background-position: bottom right;
  50   color: #444;
  51   outline: none; /* hide dotted outline in Firefox */
  52 }
  53 div.button:hover span {
  54   background-position: bottom left;
  55 }
  56 #stemma_pager_buttons {
  57     height: 28px;
  58 }
  59 div.pager_left_button {
  60   width: 28px;
  61   height: 28px;
  62   float: left;
  63   background: transparent url('../images/button_left_28.png') no-repeat;
  64 }
  65 div.pager_left_button:hover, div.pager_right_button:hover {
  66   opacity: 0.8;
  67 }
  68 div.pager_right_button {
  69   width: 28px;
  70   height: 28px;
  71   float: left;
  72   margin-left: 10px;
  73   background: transparent url('../images/button_right_28.png') no-repeat;
  74 }
  75 div.pager_right_button.greyed_out, div.pager_right_button.greyed_out:hover {
  76     opacity: 0.25;
  77 }
  78 div.pager_left_button.greyed_out, div.pager_left_button.greyed_out:hover {
  79     opacity: 0.25;
  80 }
  81 #topbanner {
  82         width: 100%;
  83 }
  84 #bannerinfo {
  85         float: right;
  86         margin-right: 12%;
  87         margin-top: 15px;
  88 }
  89 .navlink {
  90         color: #488dd2;
  91         text-decoration: underline;
  92 }
  93
  94
  95
  96 /* Index page components */
  97
  98 #directory_container {
  99         float: left;
 100         width: 300px;
 101         height: 450px;
 102         border: 1px #c6dcf1 solid;
 103         padding-left: 10px;
 104         padding-right: 10px;
 105 }
 106 #loading_message {
 107         display: none;
 108 }
 109 #directory {
 110         height: 360px;
 111         margin-left: 10px;
 112         overflow: auto;
 113 }
 114 #new_trad_button {
 115         margin-left: 10px;
 116         position: relative;
 117         top: 10px;
 118 }
 119 .traditionname {
 120         text-decoration: underline;
 121 }
 122 .selected {
 123         font-style: italic;
 124 }
 125 .mainnav {
 126         position: absolute;
 127         top: 10px;
 128         right: 22px;
 129         font-size: 14px;
 130         font-weight: 100;
 131         color: #488dd2;
 132 }
 133 .mainnav a {
 134         color: #488dd2;
 135 }
 136 #textinfo_waitbox {
 137         float: left;
 138         padding-left: 50px;
 139 }
 140 #textinfo_container {
 141     border: 1px solid #C6DCF1;
 142         float: left;
 143         height: 510px;
 144         width: 710px;
 145         margin-left: 10px;
 146         padding-left: 10px;
 147         padding-right: 10px;
 148 }
 149 #edit_instructions {
 150         float: left;
 151 }
 152 #stemma_container h2 h3 {
 153         color: #666;
 154 }
 155 #stemma_graph {
 156     height: 375px;
 157     width: 500px;
 158     text-align: center;
 159     border: 1px #c6dcf1 solid;
 160 }
 161 #stemma_graph img {
 162         margin-top: expression(( 450 - this.height ) / 2);
 163 }
 164 #textinfo_container_buttons {
 165     float: right;
 166     left: -18px;
 167     position: relative;
 168     top: 15px;
 169 }
 170 #run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit {
 171     height: 18px;
 172 }
 173 #stemma_pager {
 174     height: 38px;
 175 }
 176 #open_textinfo_edit {
 177     float: right;
 178     height: 30px;
 179     position: relative;
 180     top: -34px;
 181     left: -8px;
 182 }
 183 #upload-collation-dialog {
 184     overflow: hidden;
 185 }
 186 .uploadfile {
 187     font-weight: bold;
 188 }
 189 #uploadfile_label {
 190     font-weight: normal;
 191 }
 192 #filelist {
 193     position: relative;
 194     top: 10px;
 195     margin-bottom: 24px;
 196 }
 197 .error {
 198     font-weight: bold;
 199     color: #ff3333;
 200 }