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 #directory {
  83         height: 360px;
  84         margin-left: 10px;
  85         overflow: auto;
  86 }
  87 #new_trad_button {
  88         margin-left: 10px;
  89         position: relative;
  90         top: 10px;
  91 }
  92 .traditionname {
  93         text-decoration: underline;
  94 }
  95 .selected {
  96         font-style: italic;
  97 }
  98 .mainnav {
  99         position: absolute;
 100         top: 10px;
 101         right: 22px;
 102         font-size: 14px;
 103         font-weight: 100;
 104         color: #488dd2;
 105 }
 106 .mainnav a {
 107         color: #488dd2;
 108 }
 109 #textinfo_container {
 110     border: 1px solid #C6DCF1;
 111         float: left;
 112         height: 500px;
 113         width: 710px;
 114         margin-left: 10px;
 115         padding-left: 10px;
 116         padding-right: 10px;
 117 }
 118 #stemma_container h2 h3 {
 119         color: #666;
 120 }
 121 #stemma_graph {
 122     height: 375px;
 123     width: 500px;
 124     text-align: center;
 125     border: 1px #c6dcf1 solid;
 126 }
 127 #stemma_graph img {
 128         margin-top: expression(( 450 - this.height ) / 2);
 129 }
 130 #stexaminer_button {
 131         bottom: 0;
 132         margin-top: 13px;
 133 }
 134 #relater_button {
 135 }
 136 #textinfo_container_buttons {
 137     float: right;
 138 }
 139 #run_stexaminer, #run_relater, #stemma_pager {
 140     height: 30px;
 141     left: -10px;
 142     position: relative;
 143 }