Kod PHP:
/* Global reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
input,button{overflow:visible}strong{font-weight:bold}em{font-style:normal}
* {
margin: 0;
padding: 0;
}
* {outline: 0px;}
html, body { height: 100%; width: auto; }
body {
color: #686B6B;
background: #fff url(../images/bgtop.gif) top repeat-x;
padding: 0px 0px 0px 0px ; margin: 0px 0px 0px 0px;
text-align: center;
font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.6em;
}
img {
border: none;
border: 0;
}
#main {
margin: 2px;
padding: 2px;
width: auto;
height: 200px;
overflow: visible;
clear: none;
}
h1#top{
width: auto;
height: 146px;
text-align: left;
overflow: visible;
clear: none;
}
img#logo{
margin: 0 0 0 0;
width: 100%;
float: left;
display: inline;
}
h1#logo{
font-size: 36px;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
margin: 0px 0 0px 0;
width: auto;
float: left;
color: #282826;
display: inline;
}
h1#logo span{
color: #C10202;
}
h1#logo a, h1#logo a span:hover{
color: #282826;
text-decoration: none;
}
h1#logo a span, h1#logo a:hover{
color: #C10202;
text-decoration: none;
}
#topmenu{
width: auto;
height: 58px;
margin: 5px 0px 2px 2px;
}
#banner{
width: auto;
height: auto;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0 0px;
}
#banner span{
text-align: right;
float: right;
color: #AFAFAF;
font-size: 10px;
}
#content100 {
width: 77%;
height: auto;
text-align: left;
overflow: auto;
clear: none;
background: url(../images/footerbg.gif) top repeat-x;
}
#content80 {
width: 71%;
height: auto;
float: left;
text-align: left;
overflow: auto;
clear: none;
background: url(../images/footerbg.gif) top repeat-x;
}
#sidebar-right{
width: auto;
height: auto;
float: left;
text-align: left;
}
#sidebar-right a{
color: #C50202;
text-decoration: none;
}
#sidebar-right a:hover{
text-decoration: underline;
}
#footer{
width: 100%;
height: 25px;
font-size: 14px;
padding: 45px 0 0 0;
overflow: hidden;
clear: both;
background: url(../images/footerbg.gif) bottom repeat-x;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
#footer ul{
list-style: none;
float: left;
color: #878787;
}
#footer ul li{
display: inline;
padding: 0 6px;
}
#footer ul li a {
color: #282826;
text-decoration: none;
}
#footer ul li a:hover {
text-decoration: underline;
}
#copyright{
width: auto;
height: auto;
font-size: 12px;
color: #282826;
padding: 10px 6px;
margin: 0 0 20px 0;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
#copyright a{
color: #282826;
text-decoration: underline;
}
#copyright a:hover{
text-decoration: none;
}
p#cop{
width: 400px;
float: left;
text-align: left;
margin: 0;
}
p#author{
width: 400px;
float: right;
text-align: right;
margin: 0;
}
/*
* general
* used by Jommla core components
*/
h1, h2, h3, h4, h5, h6 {
line-height: 100%;
line-height: normal;
}
p { margin: 10px 0px 15px 0px; }
.blog h1.pagetitle, .search h1.pagetitle, .sectionlist h1.pagetitle, .categorylist h1.pagetitle, .poll h1.pagetitle, #josForm legend, .weblinks h1.pagetitle, .newsfeeds h1.pagetitle{
font-size: 17px;
color: #282826;
text-transform: uppercase;
text-align: center;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
margin: 7px 0 5px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #B6B6B6;
}
div.description {
margin: 10px 0px 10px 0px;
padding: 0 10px;
overflow: hidden;
}
div.description img.left {
margin-right: 15px;
float: left;
}
div.description img.right {
margin-left: 15px;
float: right;
}
div.filter {
margin: 10px 0px 10px 0px;
}
th {
padding: 5px 5px 5px 5px;
background: #ebebeb;
border-bottom: 1px solid #b4b4b4;
font-weight : bold;
}
tr.even td {
padding: 5px 5px 5px 5px;
background: #f0f0f0;
border-bottom: 1px solid #dcdcdc;
}
tr.odd td {
padding: 5px 5px 5px 5px;
background: #fafafa;
border-bottom: 1px solid #dcdcdc;
}
span.number {
color: #969696;
font-style: italic;
}
/* floats */
.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width50 { width: 49.999%; }
.width100 { width: 100%; }
/*
* com_content
* blog layout (frontpage, category, section)
* sub selectors: blog
*/
div.blog div.description {
margin: 10px 0px 15px 0px;
padding-bottom: 20px;
border-bottom: 1px #c8c8c8 dotted;
}
div.leadingarticles {
background-color: #F7F3F3;
overflow: hidden;
margin: 10px 0 15px 0;
}
div.teaserarticles {
overflow: hidden;
}
div.item {
margin-bottom: 15px;
border-bottom: 1px solid #B6B6B6;
}
div.item a, .article a{
text-decoration: none;
color: black;
}
div.item a:hover, .article a:hover{
text-decoration: underline;
}
div.leadingarticles div.item{
margin: 0;
}
div.item-bg {
padding: 14px 10px;
overflow: hidden;
}
div.leadingarticles div.item-bg{
padding: 14px 10px;
border: 0;
}
div.multicolumns div.item {
margin: 0px 15px 15px 15px;
}
div.multicolumns div.first div.item {
margin-left: 0px;
}
div.multicolumns div.last div.item {
margin-right: 0px;
}
div.morearticles {
margin: 10px 0px;
overflow: hidden;
clear: both;
float: left;
width: 100%;
}
div.morearticles h3{
border-bottom: 1px solid #B6B6B6;
font-size: 17px;
color: #282826;
text-transform: uppercase;
padding: 0 0 7px 14px;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
background: url(../images/arrowblack.gif) left 6px no-repeat;
}
div.morearticles ul{
list-style: none;
margin: 10px 0 0 4px;
}
#sidebar-right ul{
list-style: none;
margin: 0;
padding: 0;
}
div.morearticles ul li, #sidebar-right ul li, .article ul li{
margin: 0 0 1px 0;
}
div.morearticles ul li a, #sidebar-right ul li a{
color: #C50202;
background: url(../images/arrowred.gif) left 4px no-repeat;
padding: 0 0 0 10px;
text-decoration: none;
}
div.morearticles ul li a:hover, #sidebar-right ul li a:hover{
text-decoration: underline;
}
div.pagination {
text-align: center;
margin: 30px 0 0 0;
padding: 25px 0 0 0;
overflow: hidden;
clear: both;
}
ul.pagination{
list-style: none;
}
ul.pagination li{
display: inline;
padding: 0 1px;
}
ul.pagination li a{
color: #686B6B;
text-decoration: none;
}
ul.pagination li a:hover{
color: #282826;
}
div.pagination p.results {
margin: 0;
}
/*
* com_content
* list layout (frontpage, category, section)
* sub selectors: sectionlist, categorylist
*/
/*
* com_content
* article layout
* sub seletors: article
*/
.article ul{
margin: 5px 0 10px 20px;
}
div.morearticles ul li a, #sidebar-right ul li a, .article ul li{
background: url(../images/arrowred.gif) left 4px no-repeat;
padding: 0 0 0 10px;
text-decoration: none;
}
.article {
margin: 0 0 10px 0;
overflow: hidden;
clear: both;
}
div.headline {
overflow: hidden;
}
h1.title{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 22px;
color: #CF3232;
width: 100%;
float: left;
line-height: normal;
}
h1.title a{
text-decoration: none;
color: #CF3232;
}
h1.title a:hover{
color: #333;
}
h1.title, .contentheading,
.componentheading, body.contentpane .componentheading{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 22px;
color: #CF3232;
line-height: normal;
}
div.multicolumns h2.title {
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 20px;
color: #CF3232;
width: 100%;
float: left;
}
.article h2{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 18px;
margin: 12px 0 5px 0;
}
.article h3{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 16px;
margin: 10px 0 4px 0;
}
.article h4{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 14px;
margin: 8px 0 3px 0;
}
span.icon {
display: block;
margin-top: 10px;
float: right;
}
div.multicolumns span.icon {
margin-top: 5px;
}
span.edit {
margin-left: 10px;
float: left;
}
span.pdf {
margin-right: 5px;
}
span.print {
margin-right: 5px;
}
span.email {
}
span.printscreen {
}
p.iteminfo {
margin: 0px 0px 15px 0px;
}
p.articleinfo {
margin: 10px 0 5px 0;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #4F5050;
text-transform: uppercase;
}
p.articleinfo span.modified,
p.articleinfo span.author,
p.articleinfo span.created,
p.articleinfo span.url {
display: block;
font-size: 95%;
}
p.articleinfo span.author {
color: #969696;
}
p.articleinfo span.created, p.articleinfo span.section, p.articleinfo span.category {
width: auto; float: left;
color: #969696;
margin: 0 4px 0 0;
}
p.articleinfo span.section a, p.articleinfo span.category a{
color: #969696;
text-decoration: none;
}
p.articleinfo span.section a:hover, p.articleinfo span.category a:hover{
color: #000;
}
p#buttons{
border-top: 1px solid #ccc;
margin: 40px 0 0 0;
overflow: hidden;
}
/*
* com_content
* editing an article
* sub seletors: edit-article
*/
div.edit-article fieldset {
margin-bottom: 30px;
}
div.edit-article fieldset div {
overflow: hidden;
}
div.edit-article label.label-left {
display: block;
width: 150px;
float: left;
}
div.edit-article div.save {
margin: 0px;
float: right;
}
div.edit-article div#editor-xtd-buttons {
margin-bottom: 0px;
overflow: hidden;
}
div.edit-article div#editor-xtd-buttons div {
margin: 0px;
}
div.edit-article div#editor-xtd-buttons div.button2-left {
margin-right: 5px;
}
div.edit-article div#editor-xtd-buttons a:link,
div.edit-article div#editor-xtd-buttons a:visited,
div.edit-article div#editor-xtd-buttons a:hover {
color: #323232;
}
/*
* com_weblinks
* sub seletors: weblinks
*/
div.weblinks fieldset {
}
div.weblinks fieldset div {
overflow: hidden;
}
div.weblinks label.label-left {
display: block;
width: 150px;
float: left;
}
/*
* com_search
* sub seletors: search
*/
div.search p.info {
margin: 0px;
color: #969696;
text-transform: uppercase;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
}
div.search span.highlight {
background: #f7f3f3;
}
/*mod_search*/
#top form.searchtop{
width: 274px;
height: auto;
float: right;
margin: 37px 20px 0 0;
}
input#mod_search_searchword{
background: url(../images/searchbg.png) top left no-repeat;
width: 175px;
height: 19px;
padding: 1px 5px 0 20px;
border: 0;
float: left;
display: inline;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 14px;
}
#top form.searchtop input.button{
float: right;
}
input.button, button.button, button{
background: url(../images/buttonbg.png) repeat-x;
height: 20px;
width: auto;
padding: 0 14px 1px 14px;
color: #fff;
border: 0;
cursor: pointer;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
/*
* com_poll
* sub seletors: poll
*/
div.poll fieldset {
margin: 15px 0px 10px 0px;
}
/*
* com_contact
* sub seletors: contact
*/
div.contact h1 {
margin-bottom: 0px;
font-size: 250%;
font-weight: normal;
letter-spacing: -1px;
}
div.contact h2 {
margin-bottom: 10px;
font-size: 120%;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
div.contact div.image {
float: right;
}
div.contact table {
margin-bottom: 10px;
}
div.contact label.label-top {
display: block;
}
Zainstalowałem też ten plugin o którym napisałeś PeFik (w wersji dla Joomla 1.5), ale zmienił mi się tylko tytuł najnowszego artykułu na H1. Reszta została bez zmian.