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
  57 #topbanner {
  58         width: 100%;
  59 }
  60 #bannerinfo {
  61         float: right;
  62         margin-right: 12%;
  63         margin-top: 15px;
  64 }
  65 .navlink {
  66         color: #488dd2;
  67         text-decoration: underline;
  68 }
  69
  70
  71
  72 /* Index page components */
  73
  74 #directory_container {
  75         float: left;
  76         width: 300px;
  77         height: 450px;
  78         border: 1px #c6dcf1 solid;
  79         padding-left: 10px;
  80         padding-right: 10px;
  81 }
  82 #loading_message {
  83         display: none;
  84 }
  85 #directory {
  86         height: 360px;
  87         margin-left: 10px;
  88         overflow: auto;
  89 }
  90 #new_trad_button {
  91         margin-left: 10px;
  92         position: relative;
  93         top: 10px;
  94 }
  95 .traditionname {
  96         text-decoration: underline;
  97 }
  98 .selected {
  99         font-style: italic;
 100 }
 101 .mainnav {
 102         position: absolute;
 103         top: 10px;
 104         right: 22px;
 105         font-size: 14px;
 106         font-weight: 100;
 107         color: #488dd2;
 108 }
 109 .mainnav a {
 110         color: #488dd2;
 111 }
 112 #textinfo_container {
 113     border: 1px solid #C6DCF1;
 114         float: left;
 115         height: 500px;
 116         width: 710px;
 117         margin-left: 10px;
 118         padding-left: 10px;
 119         padding-right: 10px;
 120 }
 121 #stemma_container h2 h3 {
 122         color: #666;
 123 }
 124 #stemma_graph {
 125     height: 375px;
 126     width: 500px;
 127     text-align: center;
 128     border: 1px #c6dcf1 solid;
 129 }
 130 #stemma_graph img {
 131         margin-top: expression(( 450 - this.height ) / 2);
 132 }
 133 #stexaminer_button {
 134         bottom: 0;
 135         margin-top: 13px;
 136 }
 137 #relater_button {
 138 }
 139 #textinfo_container_buttons {
 140     float: right;
 141 }
 142 #run_stexaminer, #run_relater, #stemma_pager, #add_edit_stemma {
 143     height: 30px;
 144     left: -10px;
 145     position: relative;
 146 }
 147 #upload-collation-dialog {
 148     overflow: hidden;
 149 }
 150 .uploadfile {
 151     font-weight: bold;
 152 }
 153 #uploadfile_label {
 154     font-weight: normal;
 155 }
 156 #filelist {
 157     position: relative;
 158     top: 10px;
 159     margin-bottom: 24px;
 160 }