corporateblue/layout.css
changeset 2 1afb1a904304
child 10 038520c84595
equal deleted inserted replaced
1:d546a2d063b1 2:1afb1a904304
       
     1 
       
     2 /** BASIC */
       
     3 
       
     4 html, body {
       
     5 	height: 100%;
       
     6 }
       
     7 
       
     8 body {
       
     9 	margin: 0px;
       
    10 	padding: 0px;
       
    11 	background: #273840 url(images/homepage01.jpg) repeat-x left top;
       
    12 	font-size: 11px;
       
    13 	text-align: justify;
       
    14 	color: #273840;
       
    15 }
       
    16 
       
    17 h1 {
       
    18 	font-family: Arial, Helvetica, sans-serif;
       
    19 	font-weight: bold;
       
    20 	text-transform: uppercase;
       
    21 }
       
    22 
       
    23 h2 {
       
    24 	font-size: 14px;
       
    25 	text-transform: uppercase;
       
    26 }
       
    27 
       
    28 h2.bigger {
       
    29 	font-size: 18px;
       
    30 	text-transform: uppercase;
       
    31 }
       
    32 
       
    33 h3 {
       
    34 	margin: 0px;
       
    35 	padding: 0px;
       
    36 	font-size: 11px;
       
    37 	text-transform: uppercase;
       
    38 }
       
    39 
       
    40 p, ol, ul {
       
    41 	margin-top: 0px;
       
    42 }
       
    43 
       
    44 .img1 {
       
    45 	float: left;
       
    46 	margin: 4px 15px 0px 0px;
       
    47 	border: 2px solid #608B9F;
       
    48 }
       
    49 
       
    50 .hr1 {
       
    51 	clear: both;
       
    52 	margin-top: 10px 0px 10px 0px;
       
    53 	border: 1px dashed #608B9F;
       
    54 }
       
    55 
       
    56 .hr1 hr {
       
    57 	display: none;
       
    58 }
       
    59 
       
    60 /** WRAPPER */
       
    61 
       
    62 #wrapper {
       
    63 	width: 718px;
       
    64 	height: 100%;
       
    65 	min-height: 100%;
       
    66 	margin: 0px auto;
       
    67 	padding: 30px;
       
    68 	background-color: #FFFFFF;
       
    69 }
       
    70 
       
    71 html>body #wrapper {
       
    72 	height: auto;
       
    73 }
       
    74 
       
    75 /** HEADER */
       
    76 
       
    77 #header {
       
    78 	margin-bottom: 30px;
       
    79 }
       
    80 
       
    81 #header h1 {
       
    82 	margin: 0px;
       
    83 	padding: 0px;
       
    84 	font-size: 30px;
       
    85 }
       
    86 
       
    87 #header h2 {
       
    88 	margin: 0px;
       
    89 	padding: 0px;
       
    90 	font-size: 12px;
       
    91 	text-transform: lowercase;
       
    92 }
       
    93 
       
    94 /** MAIN-MENU */
       
    95 
       
    96 #main-menu {
       
    97 	margin: 0px 0px 30px 0px;
       
    98 	background: #4F7383 url(images/homepage06.gif) no-repeat right top;
       
    99 	text-transform: uppercase;
       
   100 }
       
   101 
       
   102 #main-menu ul {
       
   103 	height: 28px;
       
   104 	margin: 0px;
       
   105 	padding: 11px 0px 0px 7px;
       
   106 	background: transparent url(images/homepage02.gif) no-repeat left top;
       
   107 	list-style: none;
       
   108 }
       
   109 
       
   110 #main-menu li {
       
   111 	display: inline;
       
   112 }
       
   113 
       
   114 #main-menu a {
       
   115 	padding: 0px 8px 0px 15px;
       
   116 	background: transparent url(images/homepage03.gif) no-repeat left center;
       
   117 	text-decoration: none;
       
   118 	font-weight: bold;
       
   119 	color: #FFFFFF;
       
   120 }
       
   121 
       
   122 #main-menu .first a {
       
   123 	background: none;
       
   124 }
       
   125 
       
   126 #main-menu ul {
       
   127 }
       
   128 
       
   129 /** CONTENT */
       
   130 
       
   131 #content {
       
   132 }
       
   133 
       
   134 #left {
       
   135 	float: left;
       
   136 	width: 518px;
       
   137 }
       
   138 
       
   139 #right {
       
   140 	float: left;
       
   141 	width: 170px;
       
   142 	margin: 0px 0px 0px 20px;
       
   143 }
       
   144 
       
   145 /** FOOTER */
       
   146 
       
   147 #footer {
       
   148 	clear: both;
       
   149 	padding: 20px 0px 0px 0px;
       
   150 }
       
   151 
       
   152 #footer ul {
       
   153 	margin: 0px;
       
   154 	padding: 0px;
       
   155 	list-style: none;
       
   156 	text-align: center;
       
   157 }
       
   158 
       
   159 #footer li {
       
   160 	display: inline;
       
   161 }
       
   162 
       
   163 #footer a {
       
   164 	padding: 0px 10px;
       
   165 }
       
   166 
       
   167 #footer p {
       
   168 	text-align: center;
       
   169 	font-size: 9px;
       
   170 }