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 #topbanner {
  76         width: 100%;
  77 }
  78 #bannerinfo {
  79         float: right;
  80         margin-right: 12%;
  81         margin-top: 15px;
  82 }
  83 .navlink {
  84         color: #488dd2;
  85         text-decoration: underline;
  86 }
  87
  88
  89
  90 /* Index page components */
  91
  92 #directory_container {
  93         float: left;
  94         width: 300px;
  95         height: 450px;
  96         border: 1px #c6dcf1 solid;
  97         padding-left: 10px;
  98         padding-right: 10px;
  99 }
 100 #loading_message {
 101         display: none;
 102 }
 103 #directory {
 104         height: 360px;
 105         margin-left: 10px;
 106         overflow: auto;
 107 }
 108 #new_trad_button {
 109         margin-left: 10px;
 110         position: relative;
 111         top: 10px;
 112 }
 113 .traditionname {
 114         text-decoration: underline;
 115 }
 116 .selected {
 117         font-style: italic;
 118 }
 119 .mainnav {
 120         position: absolute;
 121         top: 10px;
 122         right: 22px;
 123         font-size: 14px;
 124         font-weight: 100;
 125         color: #488dd2;
 126 }
 127 .mainnav a {
 128         color: #488dd2;
 129 }
 130 #textinfo_waitbox {
 131         float: left;
 132         padding-left: 50px;
 133 }
 134 #textinfo_container {
 135     border: 1px solid #C6DCF1;
 136         float: left;
 137         height: 510px;
 138         width: 710px;
 139         margin-left: 10px;
 140         padding-left: 10px;
 141         padding-right: 10px;
 142 }
 143 #edit_instructions {
 144         float: left;
 145 }
 146 #stemma_container h2 h3 {
 147         color: #666;
 148 }
 149 #stemma_graph {
 150     height: 375px;
 151     width: 500px;
 152     text-align: center;
 153     border: 1px #c6dcf1 solid;
 154 }
 155 #stemma_graph img {
 156         margin-top: expression(( 450 - this.height ) / 2);
 157 }
 158 #textinfo_container_buttons {
 159     float: right;
 160     left: -18px;
 161     position: relative;
 162     top: 15px;
 163 }
 164 #run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit {
 165     height: 18px;
 166 }
 167 #stemma_pager {
 168     height: 38px;
 169 }
 170 #open_textinfo_edit {
 171     float: right;
 172     height: 30px;
 173     position: relative;
 174     top: -34px;
 175     left: -8px;
 176 }
 177 #upload-collation-dialog {
 178     overflow: hidden;
 179 }
 180 .uploadfile {
 181     font-weight: bold;
 182 }
 183 #uploadfile_label {
 184     font-weight: normal;
 185 }
 186 #filelist {
 187     position: relative;
 188     top: 10px;
 189     margin-bottom: 24px;
 190 }
 191 .error {
 192     font-weight: bold;
 193     color: #ff3333;
 194 }