css/structure.css

   1 *
   2 {
   3     margin: 0;
   4     padding: 0;
   5 }
   6 html, body
   7 {
   8     font-size: 89%;
   9     padding: 0;
  10     font-family: "Univers", "Zurich", "Helvetica", "Arial", sans-serif;
  11     line-height: 1.25;
  12 }
  13
  14 #application
  15 {
  16     width: 100%;
  17     background: transparent;
  18     opacity: 1.0;
  19 }
  20
  21 #application #top
  22 {
  23     height: 97px;
  24     padding: 5px 0px 0 0px;
  25 /*    border-bottom: 1px solid #390;*/
  26     position: static;
  27     background: url('../images/top-bg.png') top left repeat-x;
  28 }
  29 #application #middle
  30 {
  31     padding: 0 10px 10px 10px;
  32     min-height: 260px;
  33     /*overflow: scroll;*/
  34 }
  35 #application #bottom
  36 {
  37     height: 100px;
  38     padding: 0 10px 5px 10px;
  39     /*border-top: 1px solid #390;*/
  40     background: url('../images/bottom-bg.png') bottom left repeat-x;
  41 }
  42
  43 #application #top #header
  44 {
  45     background-image: url('../images/logo/ajatus-48.png');
  46     background-position: left;
  47     background-repeat: no-repeat;
  48     padding-left: 52px;
  49     width: 200px;
  50     float: left;
  51     margin-bottom: 10px;
  52     margin-left: 10px;
  53 }
  54 #application #top #new-item-button
  55 {
  56     width: 60px;
  57     height: 25px;
  58     float: right;
  59     margin-right: 20px;
  60     font-weight: bold;
  61     font-size: 25px;
  62     cursor: pointer;
  63     background-color: #73d216;
  64     border-top: 3px solid #8ae234;
  65     border-left: 3px solid #8ae234;
  66     border-right: 3px solid #4e9a06;
  67     border-bottom: 3px solid #4e9a06;
  68     -moz-border-radius: 8px;
  69     padding: 6px;
  70     text-transform: uppercase;
  71 }
  72 #application #top #quick-search
  73 {
  74     width: 250px;
  75     float: right;
  76     margin-bottom: 10px;
  77 }
  78 #application #top #tabs-holder
  79 {
  80     height: 35px;
  81     background: url('../images/tabs-bg.png') top left repeat-x;
  82 }
  83 #application #top #tabs-views
  84 {
  85     float: left;
  86 }
  87 #application #top #tabs-application
  88 {
  89     width: 25%;
  90     float: right;
  91 }
  92 #application #top #application-tags
  93 {
  94     width: 120px;
  95     height: 25px;
  96     float: right;
  97     margin-right: 5px;
  98     line-height: 25px;
  99 }
 100
 101 #application #middle div.sub_block
 102 {
 103 }
 104
 105 #application #bottom #footer
 106 {
 107     width: 400px;
 108     float: right;
 109     margin-top: 50px;
 110     text-align: right;
 111     font-size: small;
 112     color: #fff;
 113 }
 114 #application #bottom #footer a
 115 {
 116     color: #fff;
 117 }
 118
 119 div.tabs
 120 {
 121     height: 25px;
 122 }
 123 div.tabs ul
 124 {
 125     list-style-type: none;
 126     margin: 0;
 127     padding: 0;
 128 }
 129 div.tabs ul li
 130 {
 131     float: left;
 132     margin-right: 10px;
 133     line-height: 25px;
 134 }