Greenglasses
31-12-2012, 13:27
Witam
Na stronie gdziecojak.pl, którą buduję, w prawym dolnym rogu znajduje się odsyłacz TOP. Niestety w warunkach mojej strony nie działa on poprawnie. Pomyślałem, żeby zastąpić (kody z przeglądarki: prawy klawisz - zbadaj element)
<a href="/#Top" title="Back to Top">Top</a>
na kod javascript
<a href="javascript:scroll(0,0);">
W oknie przeglądarki uzyskuję stosowny efekt, ale nie mogę sobie poradzić z odnalezieniem odpowiedzialnego za to wersu i wprowadzeniem zmian.
Może szukam nie tu co potrzeba?
Poniżej podaję template.css i index.html
Z góry dziękuję za pomoc.
body { background: #000 url(../images/bg.jpg) repeat-x scroll top left ;
color: #fff;
font-family: Tahoma;
line-height: 1.5;
}
body#bd { background: #000 url(../images/bg.jpg) repeat-x scroll top left ; color: #fff; }
body.fs1 { font-size: 10px; }
body.fs2 { font-size: 12px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }
/* Normal links ---*/
a { color: #FFF; text-decoration: none; }
a:hover, a:active, a:focus { color: #fff; text-decoration: none; }
/* Readon links ---*/
a.readon {
background:#000 url(../images/arrow.png) no-repeat 5px 48%;
border:1px solid #5D5D5D;
color:#959595;
padding: 1px 5px 1px 14px;
text-decoration: none;
}
a.readon:hover, a.readon:active, a.readon:focus { background-color: #000; border: 1px solid #959595; color:#fff; }
/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: -10px 0; padding: 10px; }
/* Headings & Titles ---*/
h1 { font-size: 100%; }
h2 { font-size: 100%; }
h3 { font-size: 100%; }
h4 { font-size: 100%; text-transform: UPPERCASE; }
h5 { font-size: 100%; }
.contentheading, .componentheading, h1, h2, h3, h4, h5 {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-weight: 100;
line-height: 1.2;
}
h1.componentheading, .componentheading { margin: 0; padding: 8px 8px 8px 10px; }
.componentheading {
border-bottom: 1px solid #f00ab9 ;
font-size: 125%;
color:#f00ab9;
}
h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }
.contentheading { font-size: 200%; }
.blog .contentheading { font-size: 16px; }
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }
.category { font-size: 110%; font-weight: bold; }
/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }
small, .small { color: #999; }
.smalldark { text-align: left; }
/* List ---*/
.column ul li {
background: url(../images/bullet.gif) no-repeat 20px 7px;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 30px;
}
.column ol li { line-height: 180%; margin-left: 30px; }
/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }
td { font-size: 100%; padding: 5px; }
fieldset { border: none; padding: 10px 5px; }
fieldset a { font-weight: bold; }
fieldset.input { padding: 0; }
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #ccc;
height: 1px;
}
/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }
input, select, textarea, .inputbox {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 3px 5px;
}
.inputbox { background:#000;
border: 1px solid #5d5d5d;
color: #959595; }
.inputbox:hover, .inputbox:focus { background: #000;
border: 1px solid #959595;
color: #fff; }
.button {
background:#000;
border: 1px solid #5d5d5d;
color: #959595;
font-size: 11px;
padding: 3px 5px;
}
.button:hover, .button:focus {
background: #000;
border: 1px solid #959595;
color: #fff;
}
.checkbox { }
.radio { margin: 0 5px; }
/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }
.login_form label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}
.login_form .inputbox { margin-left: 10px; width: 150px; }
.login_form .remember .inputbox {
width: 20px;
}
.login_form .button { margin-left: 140px; }
/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }
.form-register p { margin: 0 0 5px; }
.form-register p.form-des { margin: 15px 0; }
.form-register label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}
.form-register .inputbox { margin-left: 10px; width: 200px; }
.form-register .button { margin-left: 140px; }
/* User ---*/
.user-details { padding: 10px 0; }
.user-details p { margin: 0 0 5px; }
.user-details label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}
.user-details .inputbox { margin-left: 10px; width: 200px; }
.user-details .button { margin-left: 140px; }
.user-details .paramlist .paramlist_key {
width: 130px !important;
padding: 0 0 5px !important;
}
.user-details .paramlist .paramlist_value {
padding: 0 0 5px !important;
}
.user-details .user_name span {
padding-left: 10px;
font-weight: bold;
}
/* Search ---*/
form#searchForm {
border-top: 1px solid #ccc;
padding: 15px 0;
}
.searchintro {
border-bottom: 1px solid #D32273 ;
}
.results h4 {
text-transform: none;
font-size: 110%;
margin: 15px 0 0;
}
.results p { margin: 0 0 10px; }
/* Contact ---*/
#component-contact address { font-style: normal; }
#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }
.contact_email { margin: 0 0 10px; }
.contact_email label { font-weight: bold; display: block; }
.contact_email_checkbox { margin: 15px 0; }
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog { }
.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }
.leading {
border-bottom: 1px solid #D32273 ;
padding-bottom: 10px;
padding-top: 10px;
}
.article_row { padding-bottom: 10px; padding-top: 10px; }
.article_column { }
.column_separator { padding: 0 25px; }
/* Meta ---*/
.article-tools {
background: #f6f6f6;
border: 1px solid #ddd;
clear: both;
color: #999;
display: block;
line-height: normal;
margin: 0 0 10px;
padding: 5px;
position: relative;
}
.article-meta { float: left; padding: 0; width: 70%; }
.article-section, .article-category { color: #999; }
.createby {
background: url(../images/icon-user.gif) no-repeat 0 2px;
font-size:14px;
padding:3px 3px 3px 20px;
text-transform:capitalize;
}
.createdate {
background: url(../images/icon-date.gif) no-repeat 0 2px;
padding: 3px 3px 3px 20px;
}
.modifydate { color: #999; display: block; margin: 10px 0; }
.contentdescription {
border-bottom: 1px solid #f00ab9 ;
display: block;
margin: 0 -15px;
padding: 10px 15px;
}
.contentdescription p { margin: 0; }
.buttonheading { float: right; }
.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }
/*Inline images ---*/
img.caption { margin-top: 5px; }
.img_caption { color: #999; margin-bottom: 10px; }
.article-content img { margin: 5px; }
.img_caption img { margin: 5px 0 0; }
.img_caption p {
border:1px solid #5D5D5D;
color:#959595;
margin: 0;
padding: 1px 0;
text-align: center;
background:#000;
}
/* Tables ---*/
.sectiontableheader {
background: #fff;
border: 1px solid #ccc;
color: #fff;
padding: 5px;
}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }
.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
background: none;
padding: 5px 5px 6px;
}
.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }
.sectiontableentry2 { background-color: #f6f6f6; }
table.contentpane, table.tablelist { width: 100%; }
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
/* Content Toc */
table.contenttoc {
border: 1px solid #ddd;
float: right;
margin: 0 0 10px 12px;
padding: 0;
width: 30%;
}
table.contenttoc a { color: #fff; }
table.contenttoc td { border-bottom: 1px dotted #D32273 ; padding: 5px 10px; }
table.contenttoc th {
background: #f6f6f6;
border-bottom: 1px solid #ddd;
padding: 5px 10px;
text-transform: uppercase;
}
/* Poll */
div.poll { padding: 15px 0; }
form#poll {
border-bottom: 1px dotted #D32273 ;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
}
dl.poll {
border-bottom: 1px dotted #D32273 ;
font-size: 92%;
margin-bottom: 10px;
padding-bottom: 10px;
}
dl.poll dt, dl.poll dd { float: left; }
dl.poll dt { clear: left; width: 100px; }
dl.poll dd { clear: right; }
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder img { vertical-align: baseline; }
table.pollstableborder td {
background: #f6f6f6;
border-bottom: 1px solid #D32273 ;
font-weight: bold;
padding: 5px !important;
}
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }
/* Search */
table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px !important; }
/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }
/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 75%; }
ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
overflow: hidden;
}
ul.pagination li span { padding: 0 5px; line-height: 20px; color: #959595; }
ul.pagination a {
background: #000;
border: 1px solid #5d5d5d;
color: #959595;
line-height: 20px;
padding: 0 5px;
text-decoration: none;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #000;
border: 1px solid #959595;
color: #fff;
text-decoration: none;
}
.sortby { font-size: 92%; margin: 10px 0 5px; }
.sortby .filter, .sortby .display { float: left; width: 40%; }
.sortby .display { float: right; text-align: right; }
.pagenavbar { font-weight: bold; }
.pagenavcounter { margin: 15px 0 !important; text-align: center; }
.counter {
float: right;
line-height: 1;
margin: 15px 0 !important;
text-align: right;
width: 24%;
}
.counter span {
background: #000;
border: 1px solid #5d5d5d;
color: #959595;
padding: 1px 5px;
}
.blog_more {
border-top: 1px solid #D32273;
border-bottom: 1px solid #D32273 ;
padding: 15px 0 5px;
}
.blog_more h2 {
color:#D32273;
font-size:20px;
margin:0 0 5px;
}
.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 5px 6px;
padding-left: 15px;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }
/* Messages ---*/
#system-message { margin: 0 -15px 10px; }
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #fff;
margin: 0;
padding: 5px;
}
/* System Standard Messages */
#system-message dd.message ul { background: #D32273; border: 0; }
/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }
/* System Notice Messages */
#system-message dd.notice ul { background: #fff; border: 0; }
/* Tooltips --- */
.tool-tip {
background: #ffffcc;
border: 1px solid #D4D5AA;
float: left;
max-width: 300px;
padding: 5px;
z-index: 1000;
}
.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}
.tool-text { font-size: 100%; margin: 0; }
.hasTip img { border: none; margin: 0 5px 0 0; }
.contentpaneopen_edit img { vertical-align: middle; }
/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
border-bottom: 1px solid #F00AB9 ;
color: #F00AB9;
font-size: 15px;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 6px;
text-transform: none;
overflow: hidden;
}
.ja-box div.ja-moduletable h3, .ja-box div.moduletable h3 {
font-size: 16px !important;
}
div.moduletable_menu h3 { margin-bottom: 0; }
div.ja-moduletable, div.moduletable {
border-bottom: 1px solid rgba(240, 10, 185, 0);
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
/* Badge Module ---*/
.badge {
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 45px;
background-image: url(../images/icon-badge.png);
background-repeat: no-repeat;
}
.badge-hot .badge { background-position: 0 0; }
.badge-new .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top .badge { background-position: 0 -138px; }
/* Search Module ---*/
#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 15px;
}
#ja-search label { display: none; }
#ja-search .inputbox {
width: 200px;
border:1px solid #5D5D5D;
padding: 3px 5px;
color: #959595;
background: #000;
font-size: 100%;
}
#ja-search .inputbox:hover, #ja-search .inputbox:focus {background: #000; border:1px solid #959595; color: #fff; }
#ja-search .button {
font-size: 100%;
font-weight: bold;
margin-left: 5px;
text-transform: none;
}
/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
background-position: 5px center;
background-repeat: no-repeat;
font-weight: bold;
}
#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }
#form-login ul { margin: 0 !important; padding: 0; }
#form-login p { margin: 0 0 5px; }
#form-login .button { margin: 10px 0; }
/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }
a.poll-result { font-size: 92%; text-transform: uppercase; }
form.poll .button { margin-right: 5px; }
/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #D32273 ; padding: 5px 0; }
div.bannergroup_text div.banneritem_text a {}
div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #fff; font-size: 92%; }
div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }
div.bannergroup { margin-bottom: 10px; }
/* Rounded Module --- */
div.ja-module h3, div.module h3 {
color: #f00ab9 !important;
font-size: 15px;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 6px;
border-bottom:1px solid #f00ab9;
}
div.ja-module h3 span, div.module h3 span {
color: #f00ab9 !important;
}
div.ja-module, div.module { margin-bottom: 0px; position: relative; overflow: hidden; }
.ja-box-br {
background:#151515;
}
.ja-box-bl {
}
.ja-box-tr {
}
.ja-box-tl {
padding: 0px 0px 0px 0px;
}
/* text */
div.module_text h3 {
clear: both;
display: block;
margin: 0 0 10px;
padding: 0;
overflow: hidden;
width: 100%;
border-bottom: 0;
}
div.module_text span {
clear: both;
display: block;
float: left;
padding: 0 3px;
}
div.module_text {
background:#151515;
}
div.module_text .ja-box-bl {
}
div.module_text .ja-box-tr {
}
div.module_text .ja-box-tl {
}
/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {
background: none;
padding: 0;
}
/* red */
div.module_red {
background:#151515;
}
div.module_red .ja-box-bl {
}
div.module_red .ja-box-tr {
}
div.module_red .ja-box-tl {
}
/* blue */
div.module_blue {
background:#151515;
}
div.module_blue .ja-box-bl {
}
div.module_blue .ja-box-tr {
}
div.module_blue .ja-box-tl {
}
/* green */
div.module_green {
background:#151515;
}
div.module_green .ja-box-bl {
}
div.module_green .ja-box-tr {
}
div.module_green .ja-box-tl {
}
/* black */
div.module_black {
background:#151515;
}
div.module_black .ja-box-bl {
}
div.module_black .ja-box-tr {
}
div.module_black .ja-box-tl {
}
/* text color for high contrast module */
div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff !important; }
div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox {
color: #fff !important;
}
/* Module list ---*/
div.ja-moduletable ul, div.ja-module ul {
margin: 15px 0 0;
}
div.ja-moduletable ul li, div.ja-module ul li {
padding-left: 12px;
background-position: 2px 8px;
}
/* Collapsible h3 ---*/
h3.show {
background: url(../images/icon-show.png) no-repeat 104% 55%;
cursor: pointer;
}
h3.hide {
background: url(../images/icon-hide.png) no-repeat 104% 55%;
cursor: pointer;
}
/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/*
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
background-position: 15px 60%;
text-indent: 15px;
}
*/
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }
.main { }
.ja-box { padding-bottom: 10px; padding-top: 10px; }
#ja-wrapper { }
#ja-container {
position: relative;
z-index: 5;
}
#ja-container .main { padding: 10px 0; min-height: 300px; }
/* 3 Columns - Classic Layout ---*/
#ja-container.ja-l1r1 {}
/* Full */
#ja-container {}
/* Full left */
#ja-container.ja-r1 {}
/* Full right */
#ja-container.ja-l1 {}
/* Mass ---*/
.ja-mass-top {}
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }
.ja-mass-bottom {}
.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }
/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody {}
#ja-main .inner { }
#ja-contentwrap { }
/* Content Top ---*/
.ja-content-top { }
.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0; }
/* Content Main ---*/
.ja-content-main {background:#151515;}
/* Content Bottom ---*/
.ja-content-bottom { }
.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }
/* @end */
/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }
.ja-col { background:#151515; }
/* Left Columns ---*/
#ja-left .ja-l2 { }
/* Right Columns ---*/
#ja-right .ja-r2 { }
/* HEADER
--------------------------------------------------------- */
#ja-header { position: relative; z-index: 10; }
#ja-header .main {
background-position: top right;
background-repeat: no-repeat;
height: 80px;
}
h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}
h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }
/* Logo Image ---*/
h1.logo { height: 79px; width: 207px; }
h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
height: 35px;
width: 99px;
margin-top:20px;
margin-left:-10px;
}
h1.logo a span { position: absolute; top: -1000px; }
/* Logo Text ---*/
div.logo-text { margin-top: 8px; }
div.logo-text h1 a {
color: #ccc;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
}
p.site-slogan {
background: #444;
color: #999;
display: block;
font-size: 85%;
letter-spacing: 1px;
margin: 8px 0 0;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
}
/* Header mask ---*/
.ja-headermask {
position: absolute;
}
/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
line-height: 1;
position: relative;
z-index: 11;
}
#ja-mainnav .main { font-size:11px;
letter-spacing:0.3px; background: url(../images/menu-bg.png) repeat-x top left;}
span.has-image {
padding-left: 25px;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: left 2px;
}
span.menu-title { display: block; }
span.menu-desc {
display: block;
font-weight: normal;
font-size: 92%;
color: #fff;
}
/* Sub Nav ---*/
#ja-subnav { position: relative; z-index: 9; }
#ja-subnav .main {
line-height: 1;
z-index: 10;
}
#ja-subnav ul {
background:#d32273 url(../images/drop-menu.jpg) repeat-x scroll top left;
overflow: hidden;
padding: 10px 0;
}
#ja-subnav ul.active { background:#d32273 url(../images/drop-menu.jpg) repeat-x scroll top left; }
#ja-subnav li {
background: none;
border-left: 1px dotted #fff;
display: block;
float: left;
padding: 0 10px 0 11px;
}
#ja-subnav li.first-item { border-left: 0; }
#ja-subnav ul li a { color: #fff; display: block; text-decoration: none; }
#ja-subnav ul li a:hover { color: #fff; }
#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
color: #fff;
font-weight: 100;
text-decoration: none;
}
#ja-subnav ul.active li a { color: #fff; }
#ja-subnav ul.active li a span { color: #fff; border-bottom:1px dotted #fff; }
#ja-subnav ul.active li a:hover { color: #fff; text-decoration: underline; }
#ja-subnav ul li.empty { visibility: hidden }
/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
background: #D32273;
border: 1px solid #ba1c65;
display: block;
height: auto;
left: -999em;
padding: 0;
position: absolute;
}
#ja-subnav ul li.hover ul {
display: block;
height: auto;
left: auto;
position: absolute;
margin-top: 3px;
margin-left: 5px;
}
#ja-subnav ul li.haschild a {
background: url(../images/arrow.png) no-repeat right center;
padding-right: 12px;
}
#ja-subnav ul li.haschild a:hover {
background: url(../images/arrow3.png) no-repeat right center;
}
#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }
#ja-subnav ul li ul li {
border-bottom: 1px solid #D32273 ;
border-left: 0;
display: block;
float: none;
overflow: hidden;
padding: 5px;
text-align: left;
}
#ja-subnav ul li ul li a {
background-image: none !important;
border: 0 !important;
color: #fff !important;
font-weight: normal !important;
text-decoration: none !important;
}
#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }
#ja-subnav ul li ul li a:hover {
background-image: none !important;
color: #fff !important;
text-decoration: underline !important;
}
#ja-subnav ul li ul li a.active {
color: #D32273; !important;
font-weight: bold !important;
}
/* Breadcrumbs ---*/
.ja-navhelper { text-transform: uppercase; border-bottom: 1px solid #f00ab9; }
.ja-navhelper .main { padding: 5px 0; }
.ja-navhelper a { padding: 0 2px; color: #f00ab9; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #D32273;}
.ja-breadcrums {
float: left;
margin-left: 0px;
margin-top: 2px;
width: 80%;
}
.ja-breadcrums strong { margin-right: 5px; }
.ja-breadcrums img { margin: 1px 5px; }
/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }
.ja-links li { background: none; padding: 0; display: inline; }
.ja-links li.top a{
background: url(../images/arrow2.png) no-repeat 6px center;
padding-left: 17px;
padding-right: 5px;
}
.ja-links li.top a:hover { background-color: #f00ab9; }
.ja-links li.layout-switcher a {
background: #f00ab9;
color: #fff;
text-decoration: none;
}
.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }
.ja-links li.user-reset a {
background: #bf0000;
color: #fff;
text-decoration: none;
}
.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }
/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }
#ja-container ul.menu li {
background: none;
border-bottom: 1px solid #f00ab9 ;
margin: 0;
overflow: hidden;
padding: 0;
}
#ja-container ul.menu li a {
color: #fff;
display: block;
outline: none;
padding: 2px 2px 2px 2px;
text-decoration: none;
text-indent: 5px;
}
#ja-container ul.menu li a:hover { background:url(../images/menu-drop.png) repeat-x scroll top left !important; }
#ja-container ul.menu li.active a {}
#ja-container ul.menu li ul { margin: 0 0 0 10px; }
#ja-container ul.menu li li {
background: url(../images/arrow.png) no-repeat left 7px;
border-bottom: 0;
border-top: 1px solid #f00ab9;
}
#ja-container ul.menu li li a {
color: #fff !important;
font-weight: normal !important;
text-indent: 5px;
background: none;
}
#ja-container ul.menu li ul li a:hover { color: #fff; background: url(../images/arrow.png) no-repeat left 4px; }
#ja-container ul.menu li ul li a:active,
#ja-container ul.menu li ul li a:focus,
#ja-container ul.menu li ul li.active a { background:url(../images/menu-drop.png) repeat-x scroll top left !important; }
#ja-container ul.menu span.separator { display: none; }
/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box {
padding: 0;
}
#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full {
background: none;
}
#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
border-bottom: 0;
margin-bottom: 8px;
padding-bottom: 0;
}
#ja-topsl li, #ja-botsl li {
background-image: url(../images/bullet2.gif);
background-position: 1px 8px;
padding-left: 10px;
}
#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }
#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }
#ja-topsl a, #ja-botsl a {
color: #D32273;
text-decoration: none;
border-bottom: 1px dotted #D32273 ;
}
#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #D32273;
text-decoration: none;
border-bottom: 1px solid #D32273;
}
/* Top spotlight ---*/
#ja-topsl {
color: #ccc;
}
#ja-topsl .main { padding: 10px 0; }
#ja-topsl h3 {
margin: 0 0 8px;
padding: 0;
color: #fff;
background: none;
}
/* Bot spotlight ---*/
#ja-botsl {
background: #151515;
color: #fff;
}
#ja-botsl .main { padding: 10px 0; }
#ja-botsl .ja-moduletable, #ja-botsl .moduletable {
border-bottom: 0;
margin-bottom: 0;
}
#ja-botsl h3 {
margin: 0 0 8px;
padding: 0;
color: #fff;
background: none;
}
.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
border-top: 1px solid #fff;
clear: both;
padding: 20px 0;
}
#ja-footer .main {
color: #151515;
padding: 0;
position: relative;
}
#ja-footer .inner { float: right; padding: 0; width: 75%; }
#ja-footer small { color: #666; font-size: 100%; }
/* Foot Links ---*/
#ja-footer .ja-footnav {
float: right;
font-size: 100%;
margin: 0 0 10px;
overflow: hidden;
position: relative;
width: 75%;
}
.ja-footnav ul { float: left; line-height: normal; }
.ja-footnav li {
border-left: 1px solid #999;
display: block;
float: left;
padding: 0 10px;
}
.ja-footnav li a {
color: #151515;
display: block;
line-height: 1;
text-decoration: none;
}
.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #000; text-decoration:underline; }
.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }
/* Copyright Info. ---*/
.ja-copyright small { display: block; }
/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font {
font-size: 11px;
position: absolute;
top: 15px;
right: 20px;
color:#151515;
}
.ja-copyright a{color:#151515; }
.ja-copyright a:hover{color:#000; text-decoration:none;}
ul.ja-usertools-font li, ul.ja-usertools-screen li {
padding: 0;
margin: 0;
display: inline;
background: none;
}
ul.ja-usertools-screen {
font-size: 11px;
position: absolute;
top: 15px;
right: 90px;
}
/* Others ---*/
#ja-banner {
border-top: 1px solid #ccc;
margin: 0;
overflow: hidden;
padding-top: 15px;
text-align: center;
width: 100%;
}
div.ja-innerdiv {
border-bottom: 1px dotted #D32273 ;
clear: both;
margin-bottom: 10px;
padding-bottom: 12px;
}
div.ja-innerdiv h4 {
font-family: Arial, sans-serif;
font-size: 92%;
font-weight: normal;
margin: 5px 0;
padding: 0;
text-transform: uppercase;
}
.cufon-canvas { padding: 1px 0 3px; }
<?php
/*
#------------------------------------------------------------------------
Jm Biz for Joomla 1.5
#------------------------------------------------------------------------
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: Jm-Experts!
#Website: http://www.jm-experts.com
#------------------------------------------------------------------------
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
include_once (dirname(__FILE__).DS.'libs'.DS.'ja.template.helpe r.php');
$tmplTools = JATemplateHelper::getInstance($this, array('ui', JA_TOOL_SCREEN, JA_TOOL_MENU, 'main_layout', 'direction'));
//Calculate the width of template
$tmplWidth = '';
$tmplWrapMin = '100%';
switch ($tmplTools->getParam(JA_TOOL_SCREEN)){
case 'auto':
$tmplWidth = '97%';
break;
case 'fluid':
$tmplWidth = intval($tmplTools->getParam('ja_screen-fluid-fix-ja_screen_width'));
$tmplWidth = $tmplWidth ? $tmplWidth.'%' : '90%';
break;
case 'fix':
$tmplWidth = intval($tmplTools->getParam('ja_screen-fluid-fix-ja_screen_width'));
$tmplWrapMin = $tmplWidth ? ($tmplWidth+1).'px' : '771px';
$tmplWidth = $tmplWidth ? $tmplWidth.'px' : '770px';
break;
default:
$tmplWidth = intval($tmplTools->getParam(JA_TOOL_SCREEN));
$tmplWrapMin = $tmplWidth ? ($tmplWidth+1).'px' : '981px';
$tmplWidth = $tmplWidth ? $tmplWidth.'px' : '980px';
break;
}
$tmplTools->setParam ('tmplWidth', $tmplWidth);
$tmplTools->setParam ('tmplWrapMin', $tmplWrapMin);
//Main navigation
$ja_menutype = $tmplTools->getMenuType();
$jamenu = null;
if ($ja_menutype && $ja_menutype != 'none') {
$japarams = new JParameter('');
$japarams->set( 'menutype', $tmplTools->getParam('menutype', 'mainmenu') );
$japarams->set( 'menu_images_align', 'left' );
$japarams->set( 'menupath', $tmplTools->templateurl() .'/ja_menus');
$japarams->set('menu_images', 1); //0: not show image, 1: show image which set in menu item
$japarams->set('menu_background', 1); //0: image, 1: background
$japarams->set('mega-colwidth', 200); //Megamenu only: Default column width
$japarams->set('mega-style', 1); //Megamenu only: Menu style.
$japarams->set('rtl',($tmplTools->getParam('direction')=='rtl' || $tmplTools->direction == 'rtl'));
$jamenu = $tmplTools->loadMenu($japarams, $ja_menutype);
}
//End for main navigation
$layout = $tmplTools->getLayout ();
if ($layout) {
$tmplTools->display ($layout);
}
Na stronie gdziecojak.pl, którą buduję, w prawym dolnym rogu znajduje się odsyłacz TOP. Niestety w warunkach mojej strony nie działa on poprawnie. Pomyślałem, żeby zastąpić (kody z przeglądarki: prawy klawisz - zbadaj element)
<a href="/#Top" title="Back to Top">Top</a>
na kod javascript
<a href="javascript:scroll(0,0);">
W oknie przeglądarki uzyskuję stosowny efekt, ale nie mogę sobie poradzić z odnalezieniem odpowiedzialnego za to wersu i wprowadzeniem zmian.
Może szukam nie tu co potrzeba?
Poniżej podaję template.css i index.html
Z góry dziękuję za pomoc.
body { background: #000 url(../images/bg.jpg) repeat-x scroll top left ;
color: #fff;
font-family: Tahoma;
line-height: 1.5;
}
body#bd { background: #000 url(../images/bg.jpg) repeat-x scroll top left ; color: #fff; }
body.fs1 { font-size: 10px; }
body.fs2 { font-size: 12px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }
/* Normal links ---*/
a { color: #FFF; text-decoration: none; }
a:hover, a:active, a:focus { color: #fff; text-decoration: none; }
/* Readon links ---*/
a.readon {
background:#000 url(../images/arrow.png) no-repeat 5px 48%;
border:1px solid #5D5D5D;
color:#959595;
padding: 1px 5px 1px 14px;
text-decoration: none;
}
a.readon:hover, a.readon:active, a.readon:focus { background-color: #000; border: 1px solid #959595; color:#fff; }
/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: -10px 0; padding: 10px; }
/* Headings & Titles ---*/
h1 { font-size: 100%; }
h2 { font-size: 100%; }
h3 { font-size: 100%; }
h4 { font-size: 100%; text-transform: UPPERCASE; }
h5 { font-size: 100%; }
.contentheading, .componentheading, h1, h2, h3, h4, h5 {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-weight: 100;
line-height: 1.2;
}
h1.componentheading, .componentheading { margin: 0; padding: 8px 8px 8px 10px; }
.componentheading {
border-bottom: 1px solid #f00ab9 ;
font-size: 125%;
color:#f00ab9;
}
h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }
.contentheading { font-size: 200%; }
.blog .contentheading { font-size: 16px; }
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }
.category { font-size: 110%; font-weight: bold; }
/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }
small, .small { color: #999; }
.smalldark { text-align: left; }
/* List ---*/
.column ul li {
background: url(../images/bullet.gif) no-repeat 20px 7px;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 30px;
}
.column ol li { line-height: 180%; margin-left: 30px; }
/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }
td { font-size: 100%; padding: 5px; }
fieldset { border: none; padding: 10px 5px; }
fieldset a { font-weight: bold; }
fieldset.input { padding: 0; }
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #ccc;
height: 1px;
}
/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }
input, select, textarea, .inputbox {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 3px 5px;
}
.inputbox { background:#000;
border: 1px solid #5d5d5d;
color: #959595; }
.inputbox:hover, .inputbox:focus { background: #000;
border: 1px solid #959595;
color: #fff; }
.button {
background:#000;
border: 1px solid #5d5d5d;
color: #959595;
font-size: 11px;
padding: 3px 5px;
}
.button:hover, .button:focus {
background: #000;
border: 1px solid #959595;
color: #fff;
}
.checkbox { }
.radio { margin: 0 5px; }
/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }
.login_form label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}
.login_form .inputbox { margin-left: 10px; width: 150px; }
.login_form .remember .inputbox {
width: 20px;
}
.login_form .button { margin-left: 140px; }
/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }
.form-register p { margin: 0 0 5px; }
.form-register p.form-des { margin: 15px 0; }
.form-register label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}
.form-register .inputbox { margin-left: 10px; width: 200px; }
.form-register .button { margin-left: 140px; }
/* User ---*/
.user-details { padding: 10px 0; }
.user-details p { margin: 0 0 5px; }
.user-details label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}
.user-details .inputbox { margin-left: 10px; width: 200px; }
.user-details .button { margin-left: 140px; }
.user-details .paramlist .paramlist_key {
width: 130px !important;
padding: 0 0 5px !important;
}
.user-details .paramlist .paramlist_value {
padding: 0 0 5px !important;
}
.user-details .user_name span {
padding-left: 10px;
font-weight: bold;
}
/* Search ---*/
form#searchForm {
border-top: 1px solid #ccc;
padding: 15px 0;
}
.searchintro {
border-bottom: 1px solid #D32273 ;
}
.results h4 {
text-transform: none;
font-size: 110%;
margin: 15px 0 0;
}
.results p { margin: 0 0 10px; }
/* Contact ---*/
#component-contact address { font-style: normal; }
#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }
.contact_email { margin: 0 0 10px; }
.contact_email label { font-weight: bold; display: block; }
.contact_email_checkbox { margin: 15px 0; }
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog { }
.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }
.leading {
border-bottom: 1px solid #D32273 ;
padding-bottom: 10px;
padding-top: 10px;
}
.article_row { padding-bottom: 10px; padding-top: 10px; }
.article_column { }
.column_separator { padding: 0 25px; }
/* Meta ---*/
.article-tools {
background: #f6f6f6;
border: 1px solid #ddd;
clear: both;
color: #999;
display: block;
line-height: normal;
margin: 0 0 10px;
padding: 5px;
position: relative;
}
.article-meta { float: left; padding: 0; width: 70%; }
.article-section, .article-category { color: #999; }
.createby {
background: url(../images/icon-user.gif) no-repeat 0 2px;
font-size:14px;
padding:3px 3px 3px 20px;
text-transform:capitalize;
}
.createdate {
background: url(../images/icon-date.gif) no-repeat 0 2px;
padding: 3px 3px 3px 20px;
}
.modifydate { color: #999; display: block; margin: 10px 0; }
.contentdescription {
border-bottom: 1px solid #f00ab9 ;
display: block;
margin: 0 -15px;
padding: 10px 15px;
}
.contentdescription p { margin: 0; }
.buttonheading { float: right; }
.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }
/*Inline images ---*/
img.caption { margin-top: 5px; }
.img_caption { color: #999; margin-bottom: 10px; }
.article-content img { margin: 5px; }
.img_caption img { margin: 5px 0 0; }
.img_caption p {
border:1px solid #5D5D5D;
color:#959595;
margin: 0;
padding: 1px 0;
text-align: center;
background:#000;
}
/* Tables ---*/
.sectiontableheader {
background: #fff;
border: 1px solid #ccc;
color: #fff;
padding: 5px;
}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }
.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
background: none;
padding: 5px 5px 6px;
}
.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }
.sectiontableentry2 { background-color: #f6f6f6; }
table.contentpane, table.tablelist { width: 100%; }
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
/* Content Toc */
table.contenttoc {
border: 1px solid #ddd;
float: right;
margin: 0 0 10px 12px;
padding: 0;
width: 30%;
}
table.contenttoc a { color: #fff; }
table.contenttoc td { border-bottom: 1px dotted #D32273 ; padding: 5px 10px; }
table.contenttoc th {
background: #f6f6f6;
border-bottom: 1px solid #ddd;
padding: 5px 10px;
text-transform: uppercase;
}
/* Poll */
div.poll { padding: 15px 0; }
form#poll {
border-bottom: 1px dotted #D32273 ;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
}
dl.poll {
border-bottom: 1px dotted #D32273 ;
font-size: 92%;
margin-bottom: 10px;
padding-bottom: 10px;
}
dl.poll dt, dl.poll dd { float: left; }
dl.poll dt { clear: left; width: 100px; }
dl.poll dd { clear: right; }
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder img { vertical-align: baseline; }
table.pollstableborder td {
background: #f6f6f6;
border-bottom: 1px solid #D32273 ;
font-weight: bold;
padding: 5px !important;
}
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }
/* Search */
table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px !important; }
/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }
/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 75%; }
ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
overflow: hidden;
}
ul.pagination li span { padding: 0 5px; line-height: 20px; color: #959595; }
ul.pagination a {
background: #000;
border: 1px solid #5d5d5d;
color: #959595;
line-height: 20px;
padding: 0 5px;
text-decoration: none;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #000;
border: 1px solid #959595;
color: #fff;
text-decoration: none;
}
.sortby { font-size: 92%; margin: 10px 0 5px; }
.sortby .filter, .sortby .display { float: left; width: 40%; }
.sortby .display { float: right; text-align: right; }
.pagenavbar { font-weight: bold; }
.pagenavcounter { margin: 15px 0 !important; text-align: center; }
.counter {
float: right;
line-height: 1;
margin: 15px 0 !important;
text-align: right;
width: 24%;
}
.counter span {
background: #000;
border: 1px solid #5d5d5d;
color: #959595;
padding: 1px 5px;
}
.blog_more {
border-top: 1px solid #D32273;
border-bottom: 1px solid #D32273 ;
padding: 15px 0 5px;
}
.blog_more h2 {
color:#D32273;
font-size:20px;
margin:0 0 5px;
}
.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 5px 6px;
padding-left: 15px;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }
/* Messages ---*/
#system-message { margin: 0 -15px 10px; }
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #fff;
margin: 0;
padding: 5px;
}
/* System Standard Messages */
#system-message dd.message ul { background: #D32273; border: 0; }
/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }
/* System Notice Messages */
#system-message dd.notice ul { background: #fff; border: 0; }
/* Tooltips --- */
.tool-tip {
background: #ffffcc;
border: 1px solid #D4D5AA;
float: left;
max-width: 300px;
padding: 5px;
z-index: 1000;
}
.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}
.tool-text { font-size: 100%; margin: 0; }
.hasTip img { border: none; margin: 0 5px 0 0; }
.contentpaneopen_edit img { vertical-align: middle; }
/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
border-bottom: 1px solid #F00AB9 ;
color: #F00AB9;
font-size: 15px;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 6px;
text-transform: none;
overflow: hidden;
}
.ja-box div.ja-moduletable h3, .ja-box div.moduletable h3 {
font-size: 16px !important;
}
div.moduletable_menu h3 { margin-bottom: 0; }
div.ja-moduletable, div.moduletable {
border-bottom: 1px solid rgba(240, 10, 185, 0);
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
/* Badge Module ---*/
.badge {
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 45px;
background-image: url(../images/icon-badge.png);
background-repeat: no-repeat;
}
.badge-hot .badge { background-position: 0 0; }
.badge-new .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top .badge { background-position: 0 -138px; }
/* Search Module ---*/
#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 15px;
}
#ja-search label { display: none; }
#ja-search .inputbox {
width: 200px;
border:1px solid #5D5D5D;
padding: 3px 5px;
color: #959595;
background: #000;
font-size: 100%;
}
#ja-search .inputbox:hover, #ja-search .inputbox:focus {background: #000; border:1px solid #959595; color: #fff; }
#ja-search .button {
font-size: 100%;
font-weight: bold;
margin-left: 5px;
text-transform: none;
}
/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
background-position: 5px center;
background-repeat: no-repeat;
font-weight: bold;
}
#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }
#form-login ul { margin: 0 !important; padding: 0; }
#form-login p { margin: 0 0 5px; }
#form-login .button { margin: 10px 0; }
/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }
a.poll-result { font-size: 92%; text-transform: uppercase; }
form.poll .button { margin-right: 5px; }
/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #D32273 ; padding: 5px 0; }
div.bannergroup_text div.banneritem_text a {}
div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #fff; font-size: 92%; }
div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }
div.bannergroup { margin-bottom: 10px; }
/* Rounded Module --- */
div.ja-module h3, div.module h3 {
color: #f00ab9 !important;
font-size: 15px;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 6px;
border-bottom:1px solid #f00ab9;
}
div.ja-module h3 span, div.module h3 span {
color: #f00ab9 !important;
}
div.ja-module, div.module { margin-bottom: 0px; position: relative; overflow: hidden; }
.ja-box-br {
background:#151515;
}
.ja-box-bl {
}
.ja-box-tr {
}
.ja-box-tl {
padding: 0px 0px 0px 0px;
}
/* text */
div.module_text h3 {
clear: both;
display: block;
margin: 0 0 10px;
padding: 0;
overflow: hidden;
width: 100%;
border-bottom: 0;
}
div.module_text span {
clear: both;
display: block;
float: left;
padding: 0 3px;
}
div.module_text {
background:#151515;
}
div.module_text .ja-box-bl {
}
div.module_text .ja-box-tr {
}
div.module_text .ja-box-tl {
}
/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {
background: none;
padding: 0;
}
/* red */
div.module_red {
background:#151515;
}
div.module_red .ja-box-bl {
}
div.module_red .ja-box-tr {
}
div.module_red .ja-box-tl {
}
/* blue */
div.module_blue {
background:#151515;
}
div.module_blue .ja-box-bl {
}
div.module_blue .ja-box-tr {
}
div.module_blue .ja-box-tl {
}
/* green */
div.module_green {
background:#151515;
}
div.module_green .ja-box-bl {
}
div.module_green .ja-box-tr {
}
div.module_green .ja-box-tl {
}
/* black */
div.module_black {
background:#151515;
}
div.module_black .ja-box-bl {
}
div.module_black .ja-box-tr {
}
div.module_black .ja-box-tl {
}
/* text color for high contrast module */
div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff !important; }
div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox {
color: #fff !important;
}
/* Module list ---*/
div.ja-moduletable ul, div.ja-module ul {
margin: 15px 0 0;
}
div.ja-moduletable ul li, div.ja-module ul li {
padding-left: 12px;
background-position: 2px 8px;
}
/* Collapsible h3 ---*/
h3.show {
background: url(../images/icon-show.png) no-repeat 104% 55%;
cursor: pointer;
}
h3.hide {
background: url(../images/icon-hide.png) no-repeat 104% 55%;
cursor: pointer;
}
/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/*
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
background-position: 15px 60%;
text-indent: 15px;
}
*/
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }
.main { }
.ja-box { padding-bottom: 10px; padding-top: 10px; }
#ja-wrapper { }
#ja-container {
position: relative;
z-index: 5;
}
#ja-container .main { padding: 10px 0; min-height: 300px; }
/* 3 Columns - Classic Layout ---*/
#ja-container.ja-l1r1 {}
/* Full */
#ja-container {}
/* Full left */
#ja-container.ja-r1 {}
/* Full right */
#ja-container.ja-l1 {}
/* Mass ---*/
.ja-mass-top {}
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }
.ja-mass-bottom {}
.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }
/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody {}
#ja-main .inner { }
#ja-contentwrap { }
/* Content Top ---*/
.ja-content-top { }
.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0; }
/* Content Main ---*/
.ja-content-main {background:#151515;}
/* Content Bottom ---*/
.ja-content-bottom { }
.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }
/* @end */
/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }
.ja-col { background:#151515; }
/* Left Columns ---*/
#ja-left .ja-l2 { }
/* Right Columns ---*/
#ja-right .ja-r2 { }
/* HEADER
--------------------------------------------------------- */
#ja-header { position: relative; z-index: 10; }
#ja-header .main {
background-position: top right;
background-repeat: no-repeat;
height: 80px;
}
h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}
h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }
/* Logo Image ---*/
h1.logo { height: 79px; width: 207px; }
h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
height: 35px;
width: 99px;
margin-top:20px;
margin-left:-10px;
}
h1.logo a span { position: absolute; top: -1000px; }
/* Logo Text ---*/
div.logo-text { margin-top: 8px; }
div.logo-text h1 a {
color: #ccc;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
}
p.site-slogan {
background: #444;
color: #999;
display: block;
font-size: 85%;
letter-spacing: 1px;
margin: 8px 0 0;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
}
/* Header mask ---*/
.ja-headermask {
position: absolute;
}
/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
line-height: 1;
position: relative;
z-index: 11;
}
#ja-mainnav .main { font-size:11px;
letter-spacing:0.3px; background: url(../images/menu-bg.png) repeat-x top left;}
span.has-image {
padding-left: 25px;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: left 2px;
}
span.menu-title { display: block; }
span.menu-desc {
display: block;
font-weight: normal;
font-size: 92%;
color: #fff;
}
/* Sub Nav ---*/
#ja-subnav { position: relative; z-index: 9; }
#ja-subnav .main {
line-height: 1;
z-index: 10;
}
#ja-subnav ul {
background:#d32273 url(../images/drop-menu.jpg) repeat-x scroll top left;
overflow: hidden;
padding: 10px 0;
}
#ja-subnav ul.active { background:#d32273 url(../images/drop-menu.jpg) repeat-x scroll top left; }
#ja-subnav li {
background: none;
border-left: 1px dotted #fff;
display: block;
float: left;
padding: 0 10px 0 11px;
}
#ja-subnav li.first-item { border-left: 0; }
#ja-subnav ul li a { color: #fff; display: block; text-decoration: none; }
#ja-subnav ul li a:hover { color: #fff; }
#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
color: #fff;
font-weight: 100;
text-decoration: none;
}
#ja-subnav ul.active li a { color: #fff; }
#ja-subnav ul.active li a span { color: #fff; border-bottom:1px dotted #fff; }
#ja-subnav ul.active li a:hover { color: #fff; text-decoration: underline; }
#ja-subnav ul li.empty { visibility: hidden }
/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
background: #D32273;
border: 1px solid #ba1c65;
display: block;
height: auto;
left: -999em;
padding: 0;
position: absolute;
}
#ja-subnav ul li.hover ul {
display: block;
height: auto;
left: auto;
position: absolute;
margin-top: 3px;
margin-left: 5px;
}
#ja-subnav ul li.haschild a {
background: url(../images/arrow.png) no-repeat right center;
padding-right: 12px;
}
#ja-subnav ul li.haschild a:hover {
background: url(../images/arrow3.png) no-repeat right center;
}
#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }
#ja-subnav ul li ul li {
border-bottom: 1px solid #D32273 ;
border-left: 0;
display: block;
float: none;
overflow: hidden;
padding: 5px;
text-align: left;
}
#ja-subnav ul li ul li a {
background-image: none !important;
border: 0 !important;
color: #fff !important;
font-weight: normal !important;
text-decoration: none !important;
}
#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }
#ja-subnav ul li ul li a:hover {
background-image: none !important;
color: #fff !important;
text-decoration: underline !important;
}
#ja-subnav ul li ul li a.active {
color: #D32273; !important;
font-weight: bold !important;
}
/* Breadcrumbs ---*/
.ja-navhelper { text-transform: uppercase; border-bottom: 1px solid #f00ab9; }
.ja-navhelper .main { padding: 5px 0; }
.ja-navhelper a { padding: 0 2px; color: #f00ab9; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #D32273;}
.ja-breadcrums {
float: left;
margin-left: 0px;
margin-top: 2px;
width: 80%;
}
.ja-breadcrums strong { margin-right: 5px; }
.ja-breadcrums img { margin: 1px 5px; }
/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }
.ja-links li { background: none; padding: 0; display: inline; }
.ja-links li.top a{
background: url(../images/arrow2.png) no-repeat 6px center;
padding-left: 17px;
padding-right: 5px;
}
.ja-links li.top a:hover { background-color: #f00ab9; }
.ja-links li.layout-switcher a {
background: #f00ab9;
color: #fff;
text-decoration: none;
}
.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }
.ja-links li.user-reset a {
background: #bf0000;
color: #fff;
text-decoration: none;
}
.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }
/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }
#ja-container ul.menu li {
background: none;
border-bottom: 1px solid #f00ab9 ;
margin: 0;
overflow: hidden;
padding: 0;
}
#ja-container ul.menu li a {
color: #fff;
display: block;
outline: none;
padding: 2px 2px 2px 2px;
text-decoration: none;
text-indent: 5px;
}
#ja-container ul.menu li a:hover { background:url(../images/menu-drop.png) repeat-x scroll top left !important; }
#ja-container ul.menu li.active a {}
#ja-container ul.menu li ul { margin: 0 0 0 10px; }
#ja-container ul.menu li li {
background: url(../images/arrow.png) no-repeat left 7px;
border-bottom: 0;
border-top: 1px solid #f00ab9;
}
#ja-container ul.menu li li a {
color: #fff !important;
font-weight: normal !important;
text-indent: 5px;
background: none;
}
#ja-container ul.menu li ul li a:hover { color: #fff; background: url(../images/arrow.png) no-repeat left 4px; }
#ja-container ul.menu li ul li a:active,
#ja-container ul.menu li ul li a:focus,
#ja-container ul.menu li ul li.active a { background:url(../images/menu-drop.png) repeat-x scroll top left !important; }
#ja-container ul.menu span.separator { display: none; }
/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box {
padding: 0;
}
#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full {
background: none;
}
#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
border-bottom: 0;
margin-bottom: 8px;
padding-bottom: 0;
}
#ja-topsl li, #ja-botsl li {
background-image: url(../images/bullet2.gif);
background-position: 1px 8px;
padding-left: 10px;
}
#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }
#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }
#ja-topsl a, #ja-botsl a {
color: #D32273;
text-decoration: none;
border-bottom: 1px dotted #D32273 ;
}
#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #D32273;
text-decoration: none;
border-bottom: 1px solid #D32273;
}
/* Top spotlight ---*/
#ja-topsl {
color: #ccc;
}
#ja-topsl .main { padding: 10px 0; }
#ja-topsl h3 {
margin: 0 0 8px;
padding: 0;
color: #fff;
background: none;
}
/* Bot spotlight ---*/
#ja-botsl {
background: #151515;
color: #fff;
}
#ja-botsl .main { padding: 10px 0; }
#ja-botsl .ja-moduletable, #ja-botsl .moduletable {
border-bottom: 0;
margin-bottom: 0;
}
#ja-botsl h3 {
margin: 0 0 8px;
padding: 0;
color: #fff;
background: none;
}
.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
border-top: 1px solid #fff;
clear: both;
padding: 20px 0;
}
#ja-footer .main {
color: #151515;
padding: 0;
position: relative;
}
#ja-footer .inner { float: right; padding: 0; width: 75%; }
#ja-footer small { color: #666; font-size: 100%; }
/* Foot Links ---*/
#ja-footer .ja-footnav {
float: right;
font-size: 100%;
margin: 0 0 10px;
overflow: hidden;
position: relative;
width: 75%;
}
.ja-footnav ul { float: left; line-height: normal; }
.ja-footnav li {
border-left: 1px solid #999;
display: block;
float: left;
padding: 0 10px;
}
.ja-footnav li a {
color: #151515;
display: block;
line-height: 1;
text-decoration: none;
}
.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #000; text-decoration:underline; }
.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }
/* Copyright Info. ---*/
.ja-copyright small { display: block; }
/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font {
font-size: 11px;
position: absolute;
top: 15px;
right: 20px;
color:#151515;
}
.ja-copyright a{color:#151515; }
.ja-copyright a:hover{color:#000; text-decoration:none;}
ul.ja-usertools-font li, ul.ja-usertools-screen li {
padding: 0;
margin: 0;
display: inline;
background: none;
}
ul.ja-usertools-screen {
font-size: 11px;
position: absolute;
top: 15px;
right: 90px;
}
/* Others ---*/
#ja-banner {
border-top: 1px solid #ccc;
margin: 0;
overflow: hidden;
padding-top: 15px;
text-align: center;
width: 100%;
}
div.ja-innerdiv {
border-bottom: 1px dotted #D32273 ;
clear: both;
margin-bottom: 10px;
padding-bottom: 12px;
}
div.ja-innerdiv h4 {
font-family: Arial, sans-serif;
font-size: 92%;
font-weight: normal;
margin: 5px 0;
padding: 0;
text-transform: uppercase;
}
.cufon-canvas { padding: 1px 0 3px; }
<?php
/*
#------------------------------------------------------------------------
Jm Biz for Joomla 1.5
#------------------------------------------------------------------------
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: Jm-Experts!
#Website: http://www.jm-experts.com
#------------------------------------------------------------------------
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
include_once (dirname(__FILE__).DS.'libs'.DS.'ja.template.helpe r.php');
$tmplTools = JATemplateHelper::getInstance($this, array('ui', JA_TOOL_SCREEN, JA_TOOL_MENU, 'main_layout', 'direction'));
//Calculate the width of template
$tmplWidth = '';
$tmplWrapMin = '100%';
switch ($tmplTools->getParam(JA_TOOL_SCREEN)){
case 'auto':
$tmplWidth = '97%';
break;
case 'fluid':
$tmplWidth = intval($tmplTools->getParam('ja_screen-fluid-fix-ja_screen_width'));
$tmplWidth = $tmplWidth ? $tmplWidth.'%' : '90%';
break;
case 'fix':
$tmplWidth = intval($tmplTools->getParam('ja_screen-fluid-fix-ja_screen_width'));
$tmplWrapMin = $tmplWidth ? ($tmplWidth+1).'px' : '771px';
$tmplWidth = $tmplWidth ? $tmplWidth.'px' : '770px';
break;
default:
$tmplWidth = intval($tmplTools->getParam(JA_TOOL_SCREEN));
$tmplWrapMin = $tmplWidth ? ($tmplWidth+1).'px' : '981px';
$tmplWidth = $tmplWidth ? $tmplWidth.'px' : '980px';
break;
}
$tmplTools->setParam ('tmplWidth', $tmplWidth);
$tmplTools->setParam ('tmplWrapMin', $tmplWrapMin);
//Main navigation
$ja_menutype = $tmplTools->getMenuType();
$jamenu = null;
if ($ja_menutype && $ja_menutype != 'none') {
$japarams = new JParameter('');
$japarams->set( 'menutype', $tmplTools->getParam('menutype', 'mainmenu') );
$japarams->set( 'menu_images_align', 'left' );
$japarams->set( 'menupath', $tmplTools->templateurl() .'/ja_menus');
$japarams->set('menu_images', 1); //0: not show image, 1: show image which set in menu item
$japarams->set('menu_background', 1); //0: image, 1: background
$japarams->set('mega-colwidth', 200); //Megamenu only: Default column width
$japarams->set('mega-style', 1); //Megamenu only: Menu style.
$japarams->set('rtl',($tmplTools->getParam('direction')=='rtl' || $tmplTools->direction == 'rtl'));
$jamenu = $tmplTools->loadMenu($japarams, $ja_menutype);
}
//End for main navigation
$layout = $tmplTools->getLayout ();
if ($layout) {
$tmplTools->display ($layout);
}