… …
wklej kod arkusza css
body
{
font-family: Calibri, "Trebuchet MS", Arial, Helvetica, Sans-Serif;
margin: 0;
background: #FDFDFC;
color: #000000;
background: #FDFDFC;}
ul
{
-moz-padding-start: 0px;
margin: 0;
padding-left: 15px;
}
.BodyContent
{
position: relative;
left: 0px;
top: 0px;
width: 100%;
margin: 0px auto 0px auto;
}
.BackgroundGradient
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url('images/BackgroundGradient.png') repeat-x;
}
.Border
{
width: 900px;
margin: 10px auto;
}
.Border
{
z-index: 0;
position: relative;
color: #000000;
}
.BorderContent
{
position: relative;
z-index: 1;
overflow: hidden;
padding: 8px 8px 8px 8px;
}
.Border a
{
color: #00152D;
text-decoration: underline;
}
.Border a:visited
{
color: #00152D;
text-decoration: underline;
}
.Border a:hover
{
color: #000000;
text-decoration: none;
}
.BorderTL, .BorderTR, .BorderBL, .BorderBR, .BorderL, .BorderT, .BorderR, .BorderB, .BorderC
{
position: absolute;
z-index: -1;
overflow: hidden;
}
.BorderTL, .BorderTR, .BorderBL, .BorderBR
{
width: 22px;
height: 22px;
}
.BorderTL
{
top: 0;
left: 0;
background-image: url('images/BorderCorners.png');
}
.BorderTR div, .BorderBL div, .BorderBR div
{
height: 44px;
width: 44px;
position: absolute;
z-index: -1;
background-image: url('images/BorderCorners.png');
}
.BorderTR div
{
left: -22px;
}
.BorderBL div
{
top: -22px;
}
.BorderBR div
{
left: -22px;
top: -22px;
}
.BorderTR
{
top: 0;
right: 0;
}
.BorderBL
{
bottom: 0;
left: 0;
}
.BorderBR
{
bottom: 0;
right: 0;
}
.BorderT, .BorderB
{
left: 22px;
right: 22px;
height: 22px;
}
.BorderT
{
top: 0;
background-image: url('images/BorderHorizontal.png');
}
.BorderB
{
bottom: 0;
}
.BorderB div
{
position: absolute;
z-index: -1;
top: -22px;
height: 44px;
width: 100%;
background-image: url('images/BorderHorizontal.png');
}
.BorderL, .BorderR
{
top: 22px;
bottom: 22px;
width: 22px;
}
.BorderL
{
left: 0;
background-image: url('images/BorderVertical.png');
}
.BorderR
{
right: 0;
}
.BorderR div
{
position: absolute;
z-index: -1;
left: -22px;
width: 44px;
height: 100%;
background-image: url('images/BorderVertical.png');
}
.BorderC
{
left: 22px;
top: 22px;
right: 22px;
bottom: 22px;
background-image: url('images/BorderCenter.png');
}
.Header
{
position: relative;
background-image: url('images/Header.png');
background-repeat: no-repeat;
padding: 0px;
height: 150px;
color: #FFFFFF;
}
.HeaderTitle
{
height: 150px;
width: 900px;
display: table-cell;
text-align: Default;
vertical-align: Top;
}
.HeaderTitle h1 a, .HeaderTitle h1 a:link, .HeaderTitle h1 a:visited, .HeaderTitle h1 a:hover
{
text-decoration: none;
color: #FFFFFF;
}
.HeaderTitle h1
{
margin: 0px;
padding: 0px 9px;
}
.HeaderTitle h2
{
margin: 0px;
padding: 0px 9px;
}
.Menu
{
background: transparent url('images/MenuBar.png') no-repeat;
padding: 5px 5px 0px 5px;
margin: 0px;
text-align: Default;
}
.Menu ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
color: #FFFFFF;
}
.Menu li
{
display: inline;
padding: 0px;
margin: 0px;
}
.MenuButton, .MenuButtonInput
{
border:0;
margin: 0px 0px;
background: transparent url('images/MenuButtonAnchor.png') no-repeat top left;
position:relative;
overflow: hidden;
height: 27px;
padding: 0px 0px 0px 18px;
display: inline-block;
font-size: 15px;
vertical-align:middle;
zoom: 1;
}
.MenuButton span, .MenuButtonInput span
{
border:0;
margin:0;
background: transparent url('images/MenuButton.png') no-repeat right top;
display:block;
position:relative;
color: #FFFFFF;
line-height: 17px;
}
.MenuButton span
{
padding: 5px 18px 5px 0px;
}
.MenuButtonInput span
{
padding: 0px 18px 0px 0px;
height:27px;
}
.MenuButtonInput input
{
font-size: 15px;
color: inherit;
height: 27px;
padding: 0px 18px;
margin: 0px -18px;
overflow: visible;
cursor: pointer;
background: Transparent;
border: 0;
*left: -18px;
}
/* remove outline on click */
.MenuButtonInput::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
.MenuButton, .MenuButton:link, .MenuButton:visited, .MenuButton:hover, .MenuButton:active
{
text-decoration: none !important;
outline: none;
}
.MenuButton:hover, .MenuButtonInput:hover
{
background-position: left center;
}
.MenuButton:hover span, .MenuButtonInput:hover span
{
background-position: right center;
color: #FFFFFF;
}
.MenuButton:active, .MenuButtonInput:active
{
background-position: left bottom;
}
.MenuButton:active span, .MenuButtonInput:active span
{
background-position: right bottom;
color: #000000;
}
.ActiveMenuButton, .ActiveMenuButtonInput
{
border:0;
margin: 0px 0px;
background: transparent url('images/ActiveMenuButtonAnchor.png') no-repeat top left;
position:relative;
overflow: hidden;
height: 27px;
padding: 0px 0px 0px 18px;
display: inline-block;
font-size: 15px;
vertical-align:middle;
zoom: 1;
}
.ActiveMenuButton span, .ActiveMenuButtonInput span
{
border:0;
margin:0;
background: transparent url('images/ActiveMenuButton.png') no-repeat right top;
display:block;
position:relative;
color: #000000;
line-height: 17px;
}
.ActiveMenuButton span
{
padding: 5px 18px 5px 0px;
}
.ActiveMenuButtonInput span
{
padding: 0px 18px 0px 0px;
height:27px;
}
.ActiveMenuButtonInput input
{
font-size: 15px;
color: inherit;
height: 27px;
padding: 0px 18px;
margin: 0px -18px;
overflow: visible;
cursor: pointer;
background: Transparent;
border: 0;
*left: -18px;
}
/* remove outline on click */
.ActiveMenuButtonInput::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
.ActiveMenuButton, .ActiveMenuButton:link, .ActiveMenuButton:visited, .ActiveMenuButton:hover, .ActiveMenuButton:active
{
text-decoration: none !important;
outline: none;
}
.ActiveMenuButton:hover, .ActiveMenuButtonInput:hover
{
background-position: left center;
}
.ActiveMenuButton:hover span, .ActiveMenuButtonInput:hover span
{
background-position: right center;
color: #FFFFFF;
}
.ActiveMenuButton:active, .ActiveMenuButtonInput:active
{
background-position: left bottom;
}
.ActiveMenuButton:active span, .ActiveMenuButtonInput:active span
{
background-position: right bottom;
color: #000000;
}
.Columns
{
overflow:hidden;
}
.Column1
{
overflow:hidden;
float:right;
width:20%;
}
.Column2
{
overflow:hidden;
float:right;
width:20%;
}
.MainColumn
{
overflow:hidden;
}
img
{
border: 0px;
}
h2
{
margin: 0px;
}
blockquote
{
width: 80%;
color: #000000;
border: solid 1px #3B3B2B;
background: #FFFFFF;
margin: 0px auto;
padding: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
blockquote a, blockquote a:link
{
color: #00628B !important;
text-decoration: underline;
}
blockquote a:visited
{
color: #00628B !important;
text-decoration: underline;
}
blockquote a:hover
{
color: #000000 !important;
text-decoration: none;
}
.Article
{
z-index: 0;
position: relative;
color: #000000;
}
.ArticleContent
{
position: relative;
z-index: 1;
overflow: hidden;
padding: 18px 18px 18px 18px;
}
.Article a
{
color: #00628B;
text-decoration: underline;
}
.Article a:visited
{
color: #00628B;
text-decoration: underline;
}
.Article a:hover
{
color: #000000;
text-decoration: none;
}
.ArticleTL, .ArticleTR, .ArticleBL, .ArticleBR, .ArticleL, .ArticleT, .ArticleR, .ArticleB, .ArticleC
{
position: absolute;
z-index: -1;
overflow: hidden;
}
.ArticleTL, .ArticleTR, .ArticleBL, .ArticleBR
{
width: 22px;
height: 22px;
}
.ArticleTL
{
top: 0;
left: 0;
background-image: url('images/ArticleCorners.png');
}
.ArticleTR div, .ArticleBL div, .ArticleBR div
{
height: 44px;
width: 44px;
position: absolute;
z-index: -1;
background-image: url('images/ArticleCorners.png');
}
.ArticleTR div
{
left: -22px;
}
.ArticleBL div
{
top: -22px;
}
.ArticleBR div
{
left: -22px;
top: -22px;
}
.ArticleTR
{
top: 0;
right: 0;
}
.ArticleBL
{
bottom: 0;
left: 0;
}
.ArticleBR
{
bottom: 0;
right: 0;
}
.ArticleT, .ArticleB
{
left: 22px;
right: 22px;
height: 22px;
}
.ArticleT
{
top: 0;
background-image: url('images/ArticleHorizontal.png');
}
.ArticleB
{
bottom: 0;
}
.ArticleB div
{
position: absolute;
z-index: -1;
top: -22px;
height: 44px;
width: 100%;
background-image: url('images/ArticleHorizontal.png');
}
.ArticleL, .ArticleR
{
top: 22px;
bottom: 22px;
width: 22px;
}
.ArticleL
{
left: 0;
background-image: url('images/ArticleVertical.png');
}
.ArticleR
{
right: 0;
}
.ArticleR div
{
position: absolute;
z-index: -1;
left: -22px;
width: 44px;
height: 100%;
background-image: url('images/ArticleVertical.png');
}
.ArticleC
{
left: 22px;
top: 22px;
right: 22px;
bottom: 22px;
background-image: url('images/ArticleCenter.png');
}
.Block
{
z-index: 0;
position: relative; margin: 5px;
color: #000000;
}
.BlockContent
{
position: relative;
z-index: 1;
overflow: hidden;
padding: 15px 15px 15px 15px;
}
.Block a
{
color: #00628B;
text-decoration: underline;
}
.Block a:visited
{
color: #00628B;
text-decoration: underline;
}
.Block a:hover
{
color: #000000;
text-decoration: none;
}
.BlockTL, .BlockTR, .BlockBL, .BlockBR, .BlockL, .BlockT, .BlockR, .BlockB, .BlockC
{
position: absolute;
z-index: -1;
overflow: hidden;
}
.BlockTL, .BlockTR, .BlockBL, .BlockBR
{
width: 12px;
height: 12px;
}
.BlockTL
{
top: 0;
left: 0;
background-image: url('images/BlockCorners.png');
}
.BlockTR div, .BlockBL div, .BlockBR div
{
height: 24px;
width: 24px;
position: absolute;
z-index: -1;
background-image: url('images/BlockCorners.png');
}
.BlockTR div
{
left: -12px;
}
.BlockBL div
{
top: -12px;
}
.BlockBR div
{
left: -12px;
top: -12px;
}
.BlockTR
{
top: 0;
right: 0;
}
.BlockBL
{
bottom: 0;
left: 0;
}
.BlockBR
{
bottom: 0;
right: 0;
}
.BlockT, .BlockB
{
left: 12px;
right: 12px;
height: 12px;
}
.BlockT
{
top: 0;
background-image: url('images/BlockHorizontal.png');
}
.BlockB
{
bottom: 0;
}
.BlockB div
{
position: absolute;
z-index: -1;
top: -12px;
height: 24px;
width: 100%;
background-image: url('images/BlockHorizontal.png');
}
.BlockL, .BlockR
{
top: 12px;
bottom: 12px;
width: 12px;
}
.BlockL
{
left: 0;
background-image: url('images/BlockVertical.png');
}
.BlockR
{
right: 0;
}
.BlockR div
{
position: absolute;
z-index: -1;
left: -12px;
width: 24px;
height: 100%;
background-image: url('images/BlockVertical.png');
}
.BlockC
{
left: 12px;
top: 12px;
right: 12px;
bottom: 12px;
background-image: url('images/BlockCenter.png');
}
.BlockHeader
{
border:0;
margin: 0px 0px;
background: transparent url('images/BlockHeaderAnchor.png') no-repeat top left;
position:relative;
overflow: hidden;
height: 27px;
padding: 0px 0px 0px 18px;
display: block;
font-size: 15px;
vertical-align:middle;
zoom: 1;
}
.BlockHeader span
{
border:0;
margin:0;
background: transparent url('images/BlockHeader.png') no-repeat right top;
display:block;
position:relative;
color: #FFFFFF;
line-height: 17px;
}
.BlockHeader span
{
padding: 5px 18px 5px 0px;
}
.BlockHeader
{
font-weight: bold;
margin: 0px 0px 7px 0px;
}
.BlockContentBorder { margin-bottom: 10px; padding: 10px; }
.Button, .ButtonInput
{
border:0;
margin: 3px 0px;
background: transparent url('images/ButtonAnchor.png') no-repeat top left;
position:relative;
overflow: hidden;
height: 27px;
padding: 0px 0px 0px 18px;
display: inline-block;
font-size: 15px;
vertical-align:middle;
zoom: 1;
}
.Button span, .ButtonInput span
{
border:0;
margin:0;
background: transparent url('images/Button.png') no-repeat right top;
display:block;
position:relative;
color: #FFFFFF;
line-height: 17px;
}
.Button span
{
padding: 5px 18px 5px 0px;
}
.ButtonInput span
{
padding: 0px 18px 0px 0px;
height:27px;
}
.ButtonInput input
{
font-size: 15px;
color: inherit;
height: 27px;
padding: 0px 18px;
margin: 0px -18px;
overflow: visible;
cursor: pointer;
background: Transparent;
border: 0;
*left: -18px;
}
/* remove outline on click */
.ButtonInput::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
.Button, .Button:link, .Button:visited, .Button:hover, .Button:active
{
text-decoration: none !important;
outline: none;
}
.Button:hover, .ButtonInput:hover
{
background-position: left center;
}
.Button:hover span, .ButtonInput:hover span
{
background-position: right center;
color: #FFFFFF;
}
.Button:active, .ButtonInput:active
{
background-position: left bottom;
}
.Button:active span, .ButtonInput:active span
{
background-position: right bottom;
color: #000000;
}
.Footer
{
color: #000000;
text-align: Center;
background: url('images/Footer.png') bottom left;
overflow: hidden;
padding: 5px 9px;
}
.Footer a
{
color: #FFFFFF;
text-decoration: underline;
}
.Footer a:visited
{
color: #FFFFFF;
text-decoration: underline;
}
.Footer a:hover
{
color: #FFFFFF;
text-decoration: none;
}
.RushTideLink
{
text-align:center;
display:block;
display:block;
font-size:11px;
padding:0 0 12px;
color: #000000;
}
.RushTideLink a
{
color: #000000;
}
jeżeli możesz wrzucić tą stronę gdzieś na serwer to bym Ci pomógł bo tak niestety nie mam jak zobaczyć jak to wygląda bo nie mam dostępu do grafik.
Zmień
na:
Będzie dobrze działało także w IE8, ale oczywiście źle w IE6 bo ta przeglądarka źle interpretuje xhtml.
Żeby się dobrze wyświetlało w IE6 trzeba napisać także kod pod IE6
albo po prostu całą stronę w html.