css/base.css

   1 * {
   2         padding: 0px;
   3         margin: 0px;
   4         font-family: sans-serif,Verdana,Arial;
   5         font-style: normal;
   6         text-decoration: none;
   7         outline: none;
   8 }
   9
  10 body {
  11         background-color: #4682b4;
  12         font-size: 16px;
  13 }
  14 img {
  15     border: none;
  16 }
  17
  18 #wrap {
  19         margin: 0 auto;
  20         max-width: 1200px;
  21         min-width: 820px;
  22         padding: 20px 40px 0;
  23 }
  24
  25 #header {
  26         margin-top: 10px;
  27         text-align: center;
  28 }
  29
  30 #header h1 {
  31         letter-spacing: -2px;
  32         line-height: 1;
  33         margin: 10px 0 30px;
  34         word-spacing: 10px;
  35 }
  36
  37 h1 {
  38         font-size: 80px;
  39 }
  40
  41 h4 {
  42         font-size: 20px;
  43 }
  44
  45 #header h4 {
  46         border-top: 1px solid #4682B4;
  47         border-bottom: 1px solid #174A75;
  48         padding: 0;
  49         display: block;
  50 }
  51
  52 #header h4 ul {
  53         background-color: #496B87;
  54         padding-bottom: 3px;
  55 }
  56
  57 #header h4,
  58 #header h4 ul,
  59 #header h4 ul li,
  60 #header h4 ul li a {
  61 /*      float: left; */
  62 }
  63
  64 #header h4 ul {
  65         list-style: none;
  66 }
  67
  68 #header h4 ul li {
  69         padding: 0px 2px;
  70         margin: 0 0 0 10px;
  71         display: inline;
  72 }
  73
  74 #header h4 ul li a {
  75         color: #BFA861;
  76         font-size: 14px;
  77         font-weight: bold;
  78         text-decoration: underline;
  79         text-transform: uppercase;
  80         text-align: center;
  81         margin: 0;
  82         padding: 0;
  83 }
  84
  85 #header h4 ul li a:hover {
  86         color: yellow;
  87         text-decoration: none;
  88 }
  89
  90 #outer {
  91         margin: 36px 0 0;
  92 }
  93
  94 #content {
  95         width: 800px;
  96         margin: 0 auto;
  97         color: #fff
  98 }
  99
 100 #content h1 {
 101         margin-left: 7px;
 102         margin-bottom: 4px;
 103         font-size: 20px;
 104         line-height: 20px;
 105         margin: 20px 0 13px;
 106 }
 107
 108
 109 #content p {
 110         margin-left: 30px;
 111         margin-top: 20px;
 112         margin-bottom: 5px;
 113         padding: 2px;
 114         color: #fff;
 115         font-size: 16px;
 116         line-height: 24px;
 117 }
 118
 119 #content ul li {
 120         margin-left: 30px;
 121         line-height: 24px;
 122 }
 123
 124 #content a {
 125         color: #00FF00;
 126         color: #FFD658;
 127         text-decoration: underline;
 128         font-weight: bold;
 129 }
 130
 131 #content a:hover {
 132         color: yellow;
 133         text-decoration: none;
 134 }
 135
 136 h3 {
 137         font-size: 28px;
 138 }
 139
 140 p {
 141         font-size: 16px;
 142         line-height: 24px;
 143 }
 144
 145 /*
 146 4682B4
 147 4682B4
 148
 149 496B87
 150 496B87
 151
 152 174A75
 153 174A75
 154
 155 76ACDA
 156 76ACDA
 157
 158 90B8DA
 159 90B8DA
 160 FFD658
 161 FFD658
 162
 163 BFA861
 164 BFA861
 165
 166 A6841D
 167 A6841D
 168
 169 FFE082
 170 FFE082
 171
 172 FFE8A3
 173 FFE8A3
 174 FF8A58
 175 FF8A58
 176
 177 BF7D61
 178 BF7D61
 179
 180 A6451D
 181 A6451D
 182
 183 FFA782
 184 FFA782
 185
 186 FFBEA3
 187 FFBEA3
 188 */