Autore Topic: Ja_party_II diminuire spazio tra menu top e articolo mod_lv_enhanced_image_slide  (Letto 2545 volte)

Offline riders999

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
  • www msr-exhaust it
    • Mostra profilo
Come da titolo, sapete come si diminuisce l'altezza tra il menu top e l'inizio dell'articolo? il sito www.msr-exhaust.it , Cms Joomla 1.5.23, praticamente dovrei diminuire l'altezza dello spazio tra le foto gestite da mod_lv_enhanced_image_slider . aiutooooooo  (messo mano ai css del template, ma sono riuscito a diminuire solo di 9px per altezza ) di piu' non so dove mettere mano
...grazie a joomla
www msr-exhaust it

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17623
  • Sesso: Maschio
    • Mostra profilo
Ciao,
come si fa a dare un'occhiata se inibisci l'uso del tasto destro del mouse?
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline riders999

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
  • www msr-exhaust it
    • Mostra profilo
con firebug.... comunque appena disattivato, ti sarei molto grato se riuscissi a darmi 2 dritte grazie

ECCO LA FOTO DESCRITTIVA PER CAPIRCI MEGLIO... http://imageshack.us/photo/my-images/696/immaginelogomsr.jpg/
« Ultima modifica: 10 Feb 2012, 08:35:38 da riders999 »
...grazie a joomla
www msr-exhaust it

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17623
  • Sesso: Maschio
    • Mostra profilo
Ciao,

lo spazio in alto

/templates/ja_purity_ii/css/template.css attorno alla riga 585

margin-top: 8px;
diventa
margin-top: 0px;



lo spazio sotto

/templates/ja_purity_ii/css/template.css attorno alla riga 1224
margin-bottom: 0px;
diventa
margin-bottom: -10px;

Lo spazio sotto comunque lo lascerei perchè il template usa un'immagine con una parte bianca e se elimini lo spazio, sembra comunque che rimanga perchè appunto c'è quella parte di immagine.

Ciao!
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline riders999

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
  • www msr-exhaust it
    • Mostra profilo
ciao grazie per avermi risposto, ma dici qui -10?

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right, #ja-topsl .ja-box-full, #ja-botsl .ja-box-full {    background: none repeat scroll 0 0 transparent;}#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {    border-bottom: 0 none;    margin-bottom: -10;    padding-bottom: 0;

BENE CON FIREBUG FUNZIONA SOLO CON "0" SE METTO -10 AUMENTA LO SPAZIO  inoltre lo avevo già settato a "0" ed era diminuito di qualche mm ma non a filo con l'immagine, appunto mancheranno quei 10 mm che però sembra non accettare!

per quanto riguarda la parte alta avevo già settato a "0" il livello ed era diminuito anche li , ma non a filo immagine. se mi riporti 20 righe di codice sia sopra che sotto lo confronto se parliamo della stessa riga!

eventualmente se il problema lo da l'immagine del template si può eliminare? o da problemi al resto?

ti ringrazio molto
« Ultima modifica: 10 Feb 2012, 08:35:21 da riders999 »
...grazie a joomla
www msr-exhaust it

Offline riders999

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
  • www msr-exhaust it
    • Mostra profilo
riporto tutto il codice del file template.css da cui bisognerebbe modificare i parametri per togliere lo spazio, qualcuno sa dirmi dove devo intervenire??grazie

/*
# ------------------------------------------------------------------------
# JA Purity II - Beta version - Version 1.0 - Licence Owner JA0
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.comhttp://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */
body {
    background: #fff;
    color: #000;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

body#bd { background: #fff; color: #333; }

body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }

/* Normal links ---*/
a { color: #069; text-decoration: underline; }

a:hover, a:active, a:focus { color: #333; text-decoration: underline; }

/* Readon links ---*/
a.readon {
    background: url(../images/arrow.png) no-repeat 5px 48%;
    border: 1px solid #F6F6F6;
    font-weight: bold;
    padding: 1px 5px 1px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

/* 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: 15px 0; padding: 0; }

/* Headings & Titles ---*/
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
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: bold;
    line-height: 1.2;
}

h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }

.componentheading {
    border-bottom: 1px solid #ccc;
    font-size: 180%;
}

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

.contentheading { font-size: 200%; }

.blog .contentheading { font-size: 125%; }

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: #fff; border: 1px solid #ccc; }

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }

.button {
    background: url(../images/grad1.gif) repeat-x top #333;
    border: 1px solid #333;
    color: #ccc;
    font-size: 85%;
    padding: 3px 5px;
    text-transform: uppercase;
}

.button:hover, .button:focus {
    background: #333;
    border: 1px solid #999;
    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 #ccc;
}

.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 #ccc;
    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: 90%; }

.article-section, .article-category { color: #999; }

.createby {
    background: url(../images/icon-user.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
}

.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 #ccc;
    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 {
    background: #333;
    border-top: 1px solid #fff;
    color: #ccc;
    margin: 0;
    padding: 1px 0;
    text-align: center;
}

/* Tables ---*/
.sectiontableheader {
    background: #333;
    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: url(../images/dot2.gif) repeat-x bottom;
    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: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; 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 #ccc;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

dl.poll {
    border-bottom: 1px dotted #ccc;
    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 #ccc;
    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; }

ul.pagination a {
    background: #f6f6f6;
    border: 1px solid #ccc;
    color: #000;
    line-height: 20px;
    padding: 0 5px;
    text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    background: #069;
    border: 1px solid #069;
    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: #069;
    border: 1px solid #069;
    color: #fff;
    padding: 1px 5px;
}

.blog_more {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0 5px;
}

.blog_more h2 {
    font-size: 115%;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.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: #069; border: 0; }

/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }

/* System Notice Messages */
#system-message dd.notice ul { background: #333; 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 {
    background: url(../images/dot2.gif) repeat-x bottom;
    color: #333;
    font-size: 115%;
    margin: 0 0 8px;
    padding: 1px 0 8px;
    text-transform: uppercase;
    overflow: hidden;
}

div.moduletable_menu h3 { margin-bottom: 0; }

div.ja-moduletable, div.moduletable {
    border-bottom: 1px solid #ccc;
    margin-top: 8px;
    margin-bottom: 15px;
    padding: 0 0 20px;
    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: NONE;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
    width: 200px;
    border: 1px solid #333;
    padding: 3px 5px;
    color: #ccc;
    background: #444;
    font-size: 100%;
    font-weight: bold;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#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 #ccc; padding: 5px 0; }

div.bannergroup_text div.banneritem_text a { font-weight: bold; }

div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #999; 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 {
    border-bottom: 1px solid #ccc;
    color: #7ba566;
    font-size: 115%;
    font-weight: bold;
    margin: 0 -15px 10px;
    padding: 8px 15px;
    text-transform: uppercase;
}

div.ja-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; }

.ja-box-br {
    background: url(../images/b-br.gif) no-repeat bottom right #fff;
}

.ja-box-bl {
    background: url(../images/b-bl.gif) no-repeat bottom left;
}

.ja-box-tr {
    background: url(../images/b-tr.gif) no-repeat top right;
}

.ja-box-tl {
    background: url(../images/b-tl.gif) no-repeat top left;
    padding: 0 15px 10px;
}

/* 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;
    font-weight: bold;
    padding: 0 3px;
    background: #fff;
}

div.module_text {
    background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .ja-box-bl {
    background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .ja-box-tr {
    background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text .ja-box-tl {
    background: url(../images/bt-tl.gif) no-repeat top left;
}

/* 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: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red .ja-box-bl {
    background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red .ja-box-tr {
    background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red .ja-box-tl {
    background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
    background: url(../images/bb-br.gif) no-repeat bottom right #069;
}

div.module_blue .ja-box-bl {
    background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue .ja-box-tr {
    background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue .ja-box-tl {
    background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
    background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;
}

div.module_green .ja-box-bl {
    background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green .ja-box-tr {
    background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green .ja-box-tl {
    background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
    background: url(../images/bl-br.gif) no-repeat bottom right #333;
}

div.module_black .ja-box-bl {
    background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black .ja-box-tr {
    background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black .ja-box-tl {
    background: url(../images/bl-tl.gif) no-repeat top left;
}

/* text color for high contrast module */
div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff; }

/* 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 100% 60%;
    cursor: pointer;
}

h3.hide {
    background: url(../images/icon-hide.png) no-repeat 100% 60%;
    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 {
    background: url(../images/container-bg.gif) repeat-x top #fff;
    position: relative;
    z-index: 5;
    border-bottom: 5px solid #ccc;
}

#ja-container .main { padding: 20px 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 { }

/* 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 { }

/* Left Columns ---*/
#ja-left .ja-l2 { }

/* Right Columns ---*/
#ja-right .ja-r2 { }

/* HEADER
--------------------------------------------------------- */
#ja-header { background: #333; position: relative; z-index: 10; }

#ja-header .main {
    background-color: #333;
    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.gif) no-repeat left;
    display: block;
    height: 79px;
    width: 207px;
}

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 {
    background: url(../images/header-mask.png) no-repeat top right;
    display: block;
    height: 80px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 602px;
    z-index: 0;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
    background: url(../images/grad1-mask.png) repeat-x top #444;
    border-top: 1px solid #666;
    line-height: 1;
    position: relative;
    z-index: 9;
}

#ja-mainnav .main { font-size: 12px; }

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: #999;
}

/* Sub Nav ---*/
#ja-subnav { border-top: 1px solid #666; background: #333; position: relative; z-index: 9; }

#ja-subnav .main {
    line-height: 1;
    z-index: 10;
}

#ja-subnav ul {
    background: #333;
    overflow: hidden;
    padding: 10px 0;
}

#ja-subnav ul.active { background: #333; }

#ja-subnav li {
    background: none;
    border-left: 1px dotted #999;
    display: block;
    float: left;
    padding: 0 10px 0 11px;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul li a { color: #ccc; 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: bold;
    text-decoration: underline;
}

#ja-subnav ul.active li a { color: #ccc; }

#ja-subnav ul.active li a:hover { color: #fff; }

#ja-subnav ul li.empty { visibility: hidden }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
    background: #ddd;
    border: 1px solid #ccc;
    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 #ccc;
    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: #333 !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: #069 !important;
    text-decoration: underline !important;
}

#ja-subnav ul li ul li a.active {
    color: #069; !important;
    font-weight: bold !important;
}

/* Breadcrumbs ---*/
.ja-navhelper { background: #f6f6f6; text-transform: uppercase; border-bottom: 1px solid #ccc; }
.ja-navhelper .main { padding: 5px 0; }

.ja-navhelper a { padding: 0 2px; color: #069; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #069;}

.ja-breadcrums {
    float: left;
    margin-left: 10px;
    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 5px center;
    padding-left: 17px;
    padding-right: 5px;
}

.ja-links li.top a:hover { background-color: #069; }

.ja-links li.layout-switcher a {
    background: #069;
    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 dotted #ccc;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#ja-container ul.menu li a {
    color: #333;
    display: block;
    outline: none;
    padding: 6px 0;
    text-decoration: none;
    text-indent: 5px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { color: #069; background: #f6f6f6; }

#ja-container ul.menu li.active a { color: #069; font-weight: bold; }

#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 11px;
    border-bottom: 0;
    border-top: 1px dotted #ccc;
}

#ja-container ul.menu li li a {
    color: #333 !important;
    font-weight: normal !important;
    text-indent: 10px;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { color: #069 !important; background: none; }

#ja-container ul.menu li.active > a { color: #069 !important; font-weight: bold !important; }

#ja-container ul.menu span.separator { display: none; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box {
    padding: 0;
    background: url(../images/dot3.gif) repeat-y right;
}

#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: 0px;
    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: #ccc;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

#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: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

/* Top spotlight ---*/
#ja-topsl {
    border-top: 1px solid #666;
    border-bottom: 0px solid #666;
    background: #FFFFFF;
    color: #ccc;
}

#ja-topsl .main { padding: 0px 0; }

#ja-topsl h3 {
    margin: 0 0 8px;
    padding: 0;
    color: #fff;
    background: none;
}

/* Bot spotlight ---*/
#ja-botsl {
    background: #444;
    color: #999;
}

#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 {
    background: url(../images/dot1.gif) repeat-y 22% 0;
    color: #666666;
    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: #666;
    display: block;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }

.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }

/* Copyright Info. ---*/
.ja-copyright small { display: block; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/

ul.ja-usertools-font {
display:none;
font-size: 11px;
position: absolute;
top: 15px;
right: 20px;
}

ul.ja-usertools-font li, ul.ja-usertools-screen li {
    padding: 0;
    margin: 0;
    display: inline;
    background: none;
}

ul.ja-usertools-screen  {
         display:none;
    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 #ccc;
    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; }
...grazie a joomla
www msr-exhaust it

Offline riders999

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
  • www msr-exhaust it
    • Mostra profilo
non c'è nessuno che sa dove toccare precisamente?
...grazie a joomla
www msr-exhaust it

 

Host

Torna su