share/skin/default/web/componentui-basic.css

   1 html {
   2         min-width: 915px;
   3 } /*IE7*/
   4
   5 body {
   6         color: #393733;
   7         margin: 0;
   8         padding: 0 20px;
   9         text-align: center;
  10         background: #DDDDDD;
  11 }
  12
  13 img {
  14         border: none;
  15 }
  16
  17 p {
  18         line-height: 1.4;
  19 }
  20
  21 input{
  22         line-height: 1;
  23 }
  24
  25 #container {
  26         text-align: left;
  27         margin: 0 auto;
  28         max-width: 1200px;
  29         position: relative;
  30 }
  31
  32 #wrapper {
  33         padding: 15px 0 0 19px;
  34         min-height: 500px;
  35 } /*IE6*/
  36
  37 #contents {
  38         clear: both;
  39         padding: 0 15px 30px 0;
  40         margin-top: 7px;
  41         background: #FFFFFF;
  42 }
  43
  44 .spacer{ clear: both; }
  45 .sidebar {
  46         float: right;
  47         width: 300px;
  48         clear: both;
  49         margin: 0 0 2em 0;
  50         min-height: 500px;
  51 }
  52 .sidebar_section {
  53         margin: 1em 0 1em 0;
  54         min-height: 100px;
  55 }
  56
  57 .sidebar_section h2{
  58         border-bottom: 2px solid #036;
  59         padding: 0 1em 0 0em;
  60         font-size: 120%;
  61         text-align: right;
  62 }
  63
  64 #header {
  65         background: #036;
  66         color: #fff;
  67         float: left;
  68         width: 100%;
  69         margin-bottom: 0px;
  70         border-bottom: 1px solid white;
  71         position: relative;
  72         text-align: left;
  73 }
  74
  75 #header h1 {
  76         font-size: 150%;
  77         padding: .2em;
  78         margin: .2em;
  79 }
  80
  81 #nav {
  82         background: #036;
  83         color: #fff;
  84         float: left;
  85         width: 100%;
  86         margin-bottom: 5px;
  87         position: relative;
  88         text-align: right;
  89 }
  90
  91 #nav .menu {
  92     display: inline
  93     width:   75%;
  94     float:   left;
  95     margin:  0px;
  96     padding: 0px;
  97     list-style-type: none;
  98     color: #FFFFFF;
  99     background: #036
 100 }
 101
 102 #nav .menu li {
 103     display: inline;
 104 }
 105
 106 #nav .menu li a {
 107     float: left;
 108     width: 7em;
 109     color: #FFFFFF;
 110     background:color #036;
 111     padding: 0.2em .2em;
 112     text-decoration: none;
 113     border-right: 1px solid #fff;
 114     text-align: center;
 115     font-size: 105%;
 116     font-weight: bold;
 117 }
 118
 119 #nav .menu li a:hover {
 120     background-color: #369;
 121     color: #fff;
 122 }
 123
 124 #login-status{
 125    padding: .2em 1em 0 0;
 126    font-size: 80%;
 127 }
 128
 129 #search{
 130         float: right;
 131         width: 300;
 132         padding: 1em;
 133 }
 134 #searchbox{
 135         line-height: 1.4;
 136         font-size: 90%;
 137         border: 2px solid #FFF;
 138         padding-left: 3px;
 139 }
 140 #searchsub{
 141         background-color: #036;
 142         font-weight: bold;
 143         font-size: 90%;
 144         color: white;
 145         border: 2px solid #369;
 146 }
 147
 148 .pager {
 149     display: inline
 150     margin:  0px;
 151     padding: 0px;
 152     list-style-type: none;
 153     font-size: 80%;
 154 }
 155
 156 .pager li {
 157     display: inline;
 158     margin: 1px;
 159 }
 160
 161 .pager li a {
 162     padding: 1px 3px 1px 3px;
 163     text-decoration: none;
 164     color: #036;
 165     border: 1px solid #036;
 166     text-align: center;
 167     font-weight: bold;
 168 }
 169
 170 .pager li a:hover {
 171     color: #369;
 172     border: 1px solid #369;
 173 }
 174
 175 .collection_actions ul {
 176     display: inline
 177     margin:  0px;
 178     padding: 0px;
 179     list-style-type: none;
 180 }
 181
 182 .collection_actions ul li {
 183     display: inline;
 184     margin: 0.2em;
 185 }
 186
 187 .collection_actions ul li a {
 188     /* background-color #9CF;  */
 189     /* padding: 0.2em .2em;    */
 190     /* text-decoration: none;  */
 191     /* border: 1px solid #369; */
 192     text-align: center;
 193     font-weight: bold;
 194 }
 195
 196 th {
 197   font-weight: bold;
 198   padding-left:  4px;
 199   padding-right: 4px;
 200   text-align: center;
 201 }