git.rot13.org Git - angular-drzb/blob - app/css/drzb2013.css

   1 body {
   2         background: #F6F6F6;
   3         margin: 0 auto;
   4         font-family: Arial;
   5         color: #374E5A;
   6         font-size: 14px;
   7         line-height: 140%;
   8         width: 961px;
   9 }
  10
  11 #headerwrapp {
  12         clear: both;
  13         height: 270px;
  14 }
  15
  16
  17 /* ----- MENU ----- */
  18
  19 #navigation
  20 {
  21         position: relative;
  22         float: left;
  23         text-align: left;
  24         width: 794px;
  25         height: 60px;
  26         font: 16px arial;
  27 /*      background: url(http://mjesec.ffzg.hr/drzb2011/images/menu_bg.gif) repeat-x;    */
  28 }
  29
  30 #navigation ul
  31 {
  32         list-style: none;
  33         margin: 0;
  34         padding: 0;
  35         list-style: none;
  36         height: 33px;
  37         width: 794px;
  38         border-top: 1px solid #ccc;
  39         border-bottom: 1px solid #ccc;
  40 }
  41
  42 #navigation ul li {
  43         position: relative;
  44         float: left;
  45         display: inline;
  46         height: 33px;
  47         border-right: 1px solid #ccc;
  48 }
  49
  50 #navigation li ul {
  51         position: absolute;
  52         left: -50%;
  53         top: 28px;
  54         border: 0;
  55         display: none;
  56 }
  57
  58 #navigation li ul li {
  59         border: 0;
  60         border-right: 1px solid #ccc;
  61         height: 19px;
  62         margin-top: 10px;
  63 }
  64
  65 #navigation ul li a {
  66         display: block;
  67         float: left;
  68         text-decoration: none;
  69         color: #777;
  70         background: #f6f6f6; /* IE6 Bug */
  71         padding: 5px 10px;
  72         height: 23px;
  73 }
  74
  75 #navigation ul li a:hover {
  76         color: #46C03B;
  77         border-bottom: 1px solid #f6f6f6;
  78 }
  79
  80
  81 #navigation li ul li a {
  82         padding: 1px 10px;
  83 }
  84
  85
  86 #navigation li:hover ul {
  87         display: block;
  88 }
  89
  90 #mainNav_right
  91 {
  92         position: relative;
  93         float: left;
  94         text-align: left;
  95         width: 167px;
  96         height: 33px;
  97         font: 16px arial;
  98         display: block;
  99         border-top: 1px solid #ccc;
 100         border-bottom: 1px solid #ccc;
 101 }
 102
 103 #mainNav_right ul
 104 {
 105         display: inline;
 106 }
 107
 108 #mainNav_right li
 109 {
 110         display: inline;
 111 }
 112
 113 #mainNav_right li a
 114 {
 115         float: left;
 116         height: 27px;
 117         padding-left: 15px;
 118         padding-right: 15px;
 119         padding-top: 6px;
 120         color: #91959c;
 121         text-align: center;
 122         text-decoration: none;
 123         display: block;
 124 }
 125
 126 #mainNav_right li a:hover
 127 {
 128         color: #46C03B;
 129         text-decoration: none;
 130         display: block;
 131 }
 132
 133 #mainNav_right li a.active
 134 {
 135         float: left;
 136         height: 27px;
 137         padding-left: 15px;
 138         padding-right: 15px;
 139         padding-top: 6px;
 140         text-align: center;
 141         color: #46C03B;
 142         text-decoration: none;
 143         display: block;
 144 }
 145
 146 h1
 147 {
 148         border-bottom: 1px solid #CCCCCC;
 149         margin-top: 10px;
 150         margin-bottom: 20px;
 151         padding-bottom: 4px;
 152         position: relative;
 153         width: 100%;
 154         padding-left: 20px;
 155         font: 18px arial;
 156         color: #0c1426;
 157         text-decoration: none;
 158         display: block;
 159         background: url(http://mjesec.ffzg.hr/drzb2013/images/kvadrat.gif) no-repeat left;
 160 }
 161
 162 h2 {
 163         font-size: 18px;
 164         font-weight: normal;
 165         margin-top: 40px;
 166 }
 167
 168 .container {
 169         width: 961px;
 170 }
 171
 172 fieldset {
 173         margin-top: 40px;
 174 }
 175
 176 legend, h3 {
 177         font-size: 14px;
 178         font-weight: bold;
 179         line-height: 140%;
 180         margin-bottom: 10px;
 181 }
 182
 183 #intro {
 184         margin-bottom: 40px;
 185 }
 186
 187 hr {
 188         margin: 10px 0;
 189 }