salve se andate sull'home
http://www.comm-art.com/workinprogress/logisped/index.php?option=com_frontpage&Itemid=29 vedete un modulo che fa scorrere le immagini.. ora ce nè solo una.. però la cosa e chè voglio fare è levare i contorni bianchi intorno voglio propio attaccarlo a filo con il menu sopra e anche hai lati... cosa devo modificare ancora del css per fare c'ho?
/*--------------------------------------------------------------
# Mox Movies - December 2007
# Copyright (C) 2007 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website:
http://www.gavick.com# Support: support@gavick.com
---------------------------------------------------------------*/
/* ||| universal set of reset styles |||*/
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align: baseline;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: white;
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
/* remove possible quote marks (") from <q> &
*/
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* ||| the end |||*/
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#bg {
font: normal 11px Tahoma, Geneva, Arial, Verdana, sans-serif;
background: #ececec url('../images/moxmovies_bg.png') repeat-x 0 0;
color: #333;
}
a {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
outline: none;
cursor: pointer;
}
img {
border: none;
text-decoration: none;
}
a:link,
a:visited,
a:active {
text-decoration: none;
color: #07519a;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0 0 0 2px;
margin: 0;
margin-left: 1px;
list-style: none;
}
ul li {
background: transparent url('../images/arrow.gif') no-repeat 0 5px;
padding-left: 12px;
line-height: 170%;
}
ul li:hover {
background: transparent url('../images/arrow2.gif') no-repeat 0 5px;
}
ol li {
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 155%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
th {
padding: 4px;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input,
select {
font: normal 11px Tahoma, Geneva, Arial, Verdana, sans-serif;
}
hr {
border-top: 1px solid #e2e2e2;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
.clearfix {
clear: both;
}
/* Major Blocks-------------------------------------------------------------------------------*/
div.pagewrap {
width: 960px;
margin: 0 auto;
text-align: left;
}
div#topwrap {
height: 70px;
line-height: 70px;
width: 100%;
}
#logo {
background: transparent url('../images/logo.png') no-repeat 0 50%;
width: 960px;
height:130px;
display: block;
float: left;
}
#contentbg {
clear: both;
background: #ffffff;
border: 1px solid #ffffff;
}
div#menu {
background: transparent url('../images/moxmovies_menu-bg.png') repeat-x 0 0;
position: relative;
z-index: 98;
margin: -1px -1px 10px -1px;
border: 1px solid #6a7379;
width: 960px;
height: 29px;
}
div#marginwrap {
margin: 0 8px;
}
div#l_w-1 {
float: left;
width: 646px;
margin-right: 8px;
overflow: hidden;
}
div#l_w-2 {
width: 100%;
}
div#r_w {
float: right;
width: 290px;
overflow: hidden;
}
div#conwrap {
clear: both;
}
div#l_w1 {
float: left;
width: 180px;
margin-right: 8px;
overflow: hidden;
}
div#r_w1-3 {
float: left;
width: 756px;
overflow: hidden;
}
div#r_w1-2 {
width: 100%;
}
div#r_w1-1 {
float: left;
width: 458px;
overflow: hidden;
}
div#mainbody {
clear: both;
margin-bottom: 10px;
background: #ffffff;
border: 1px solid #ffffff;
padding: 10px;
}
/* Setup value of users position 1, 2, 3, 4----------------------------------------------------------------------------------*/
div#user_position-1,
div#user_position-2,
div#user_position-3,
div#user_position-4,
.us-stand {
clear: both;
overflow: hidden;
}
div.us_1-left,
div.us_1-right,
div.us_1-center,
div.us_2-left,
div.us_2-right,
div.us_2-center,
div.us_3-left,
div.us_3-right,
div.us_3-center,
div.us_4-left,
div.us_4-right,
div.us_4-center {
float: left;
width: 33.3%;
width: 50%;
width: 100%;
}
/* Modules
-------------------------------------------------------------------------------- */
div.moduletable,
div.moduletable-special1,
div.moduletable-special2,
div.moduletable-dark1,
div.moduletable-dark2 {
font: normal 100% Tahoma, Geneva, Arial, Verdana, sans-serif;
padding: 0px;
margin: 0px 0px 10px 0;
background: #fff;
border: 1px solid #fff;
}
div.moduletable h3,
div.moduletable-special1 h3,
div.moduletable-special2 h3,
div.moduletable-dark1 h3,
div.moduletable-dark2 h3 {
font: bold 110% Tahoma, Geneva, Arial, Verdana, sans-serif;
padding: 0px 0px 0 0;
margin: 0px 0px 0px 0;
line-height: 0px;
height: 0px;
}
div.moduletable-special1,
div.moduletable-special2 {
padding:0;
background: none;
border: none;
}
div.moduletable-advert1,
div.moduletable-advert2 {
font: normal 100% Tahoma, Geneva, Arial, Verdana, sans-serif;
padding: 0;
margin: 0 0 0px;
background: none;
text-align: center;
}
div.moduletable-advert2 {
padding:0px;
border: 1px solid #fff;
}
div.moduletable-advert1 h3,
div.moduletable-advert2 h3 {
font: normal 10px Tahoma, Geneva, Arial, Verdana, sans-serif;
padding:0;
margin: 0px 0 1px 0;
color: #666;
}
div.moduletable-advert2 h3 {
margin: 0px auto 1px auto;
background: #E2E2E2;
width: 100%;
}
/* Restriction */
div.moduletable-dark1 {
background: #e2e2e2;
border: 1px solid #e2e2e2;
color: #fff;
}
div.moduletable-dark1 a {
color: #e2e2e2;
}
div.moduletable-dark1 a.readon,
div.moduletable-dark1 .button-dark1 {
text-decoration: none;
background: #e2e2e2;
color: #fff;
}
div.moduletable-dark1 a.readon:hover,
div.moduletable-dark1 .button-dark1:hover {
text-decoration: none;
background: #444d52;
}
div.moduletable-dark2 {
background: #e2e2e2;
border: 1px solid #fff;
color: #fff;
}
div.moduletable-dark2 a {
color: #e2e2e2;
}
div.moduletable-dark2 a.readon:hover,
div.moduletable-dark2 .button-dark2:hover {
text-decoration: none;
background: #e2e2e2;
}
/* Footer
-------------------------------------------------------------------------------*/
div#footer {
clear: both;
padding: 10px 0;
font-size: 10px;
}
div#footer a {
font-size: 10px;
}
div#links {
float: left;
padding-bottom: 10px;
color: #e2e2e2;
}
div#copyright {
float: right;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
.contentheading,
.contentpaneopen h2 {
font: bold 125% Tahoma, Geneva, Arial, Verdana, sans-serif;
}
.componentheading {
font: bold 115% Tahoma, Geneva, Arial, Verdana, sans-serif;
}
.contentheading a:link,
.contentheading a:visited {
font:bold 115% Tahoma, Geneva, Arial, Verdana, sans-serif;
}
.small,
.smalldark,
.createdate,
.modifydate,
.mosimage_caption,
.back_button,
.pagenavcounter,
.pagenav,
.pagenavbar {
font: normal 10px Tahoma, Geneva, Arial, Verdana, sans-serif;
}
a.readon {
font: normal 11px Tahoma, Geneva, Arial, Verdana, sans-serif;
}
table.contenttoc th {
font: normal 12px Tahoma, Geneva, Arial, Verdana, sans-serif;
}
.sectiontableheader {
font: bold 10px Tahoma, Geneva, Arial, Verdana, sans-serif;
text-transform: uppercase;
}
.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px;
font: normal 11px Tahoma, Geneva, Arial, Verdana, sans-serif;
}
div#newsflash table td {
font: normal 11px Tahoma, Geneva, Arial, Verdana, sans-serif;
}
/*joomla style-----------------------------------------------*/
.contentheading,
.contentheading a:link,
.contentheading a:visited {
text-decoration: none;
color: #e2e2e2;
}
.contentheading a:hover {
text-decoration: underline;
}
.contentpaneopen h2 {
padding: 0;
margin: 0;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.modifydate {
padding-top: 6px;
}
.pagenavcounter {
float: right;
position: relative;
right: -210px;
top: -15px;
color: #666;
}
.mosimage_caption {
padding-top: 3px;
padding-bottom: 3px;
color: #999;
}
.componentheading {
text-align: left;
margin: 0 0 15px;
height: 20px;
}
td.contentdescription {
font-size: 100%;
}
table.blog span.article_seperator {
display: block;
height: 10px;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0 0 12px 0;
width: 200px;
border: 1px solid #eff1f1;
}
table.contenttoc td {
padding: 4px 5px 2px 18px;
}
table.contenttoc th {
padding: 4px 6px 4px 18px;
margin: 0;
text-align: left;
font-size: 10px;
text-transform: uppercase;
}
.contentpaneopen {
width: 100%;
}
.contentpaneopen1 {
width: 100%;
}
table.contentpane {
width: 100%;
margin-bottom: 30px;
}
.sectiontableheader {
line-height: 16px;
padding: 4px 10px;
}
td.sectiontableheader {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
background: #596267;
color: #fff;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
height: 20px;
padding:8px 5px;
background: #f9f9f9;
border-top: 1px solid #eff1f1;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background: #f6f6f6;
}
td.sectiontableentry2,
tr.sectiontableentry2 td {
background: #fff;
}
.contentpane {
width: auto;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left;
}
table.pollstableborder .sectiontableheader {
padding: 8px 5px !important;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
padding: 2px!important;
border-collapse: collapse;
border-spacing: 0;
}
table.pollstableborder tr.sectiontableentry1 td {
border: none;
background: none;
}
table.pollstableborder tr.sectiontableentry2 td {
border: none;
background: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
width: 400px!important;
}
.adminform .inputbox {
}
.button,
.button-dark1,
.button-dark2 {
margin: 0 0 0 4px;
border: none;
cursor: pointer;
height: 17px;
padding-bottom: 4px;
padding-top: 0;
background: #202528;
color: #fff;
}
a.readon {
margin-top: 15px;
display: block;
float: left;
padding-right: 10px;
height: 17px;
line-height: 17px;
padding-left: 9px;
background: #202528;
color: #fff;
}
a.readon:hover,
.button:hover {
text-decoration: none;
background: #3B4348;
}
/* Default Joomla! Menu */
a.mainlevel,
a.mainlevel-dark1,
a.mainlevel-dark2 {
padding: 5px 0 5px 18px;
display: block;
border-bottom: 1px solid #eff1f1;
background: transparent url('../images/arrow.gif') no-repeat 2px 8px;
width: 90%!important;
width: 82%;
}
a.mainlevel-dark1 {
border-bottom: 1px solid #3B4348;
}
a.mainlevel-dark2 {
border-bottom: 1px solid #4f575c;
}
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
a.mainlevel-dark1:hover,
a.mainlevel-dark1:active,
a.mainlevel-dark1:focus,
a.mainlevel-dark2:hover,
a.mainlevel-dark2:active,
a.mainlevel-dark2:focus {
background: transparent url('../images/arrow2.gif') no-repeat 2px 8px;
}
a.mainlevel#active_menu,
a.mainlevel-dark1#active_menu,
a.mainlevel-dark2#active_menu {
background: url('../images/arrow2.gif') no-repeat 3px 9px;
}
a.sublevel {
padding: 5px 4px 5px 15px;
display: block;
}
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
}
/* News Show II module
---------------------------------------------------------------------------------*/
h4.gk_news_block_news_header {
margin: 0 0 8px;
padding:0;
}
img.gk_news_block_news_image {
padding-right: 8px;
}
a.gk_news_block_news_readmore_inline {
margin-left: 10px;
}
p.gk_news_block_news_text {
margin-top: 0px;
}
div.gk_news_block_panel {
display: none;
padding: 6px 0 0 0;
}
div.gk_news_block_panel_font {
float: left;
width: 100px;
padding: 0;
}
div.gk_news_block_panel_font_path {
width: 100px;
height: 6px;
padding: 0;
border: 1px solid #EEE;
}
div.gk_news_block_panel_font_knob {
width: 5px;
height: 6px;
padding: 0;
cursor: pointer;
font-size: 1px;
background: #fff;
}
span.gk_news_block_panel_font_value {
display:block;
float:left;
}
div.gk_news_block_panel_amount {
float: right;
width: 50px;
padding: 0;
}
div.gk_news_block_panel_amount_plus,
div.gk_news_block_panel_amount_minus {
width: 12px;
height: 12px;
float:left;
line-height: 12px;
padding: 0;
text-align: center;
cursor: pointer;
margin-right: 3px;
border: 1px solid #EEE;
}
span.gk_news_block_panel_amount_value {
display: block;
float:left;
font-size: 10px;
margin-left: 4px;
}
div.gk_news_block_panel_tools,
div.gk_news_block_panel_tools_hidden {
cursor: pointer;
padding: 0;
float:right;
font-size: 10px;
}
td.gk_news_block_panel-border {
border-top: 1px dotted #fff;
}
.gk_news_block_tablerow_bottom {
padding-bottom: 10px;
}
/* Restriction */
div.moduletable-dark1 td.gk_news_block_panel-border {
border-top: 1px dotted #3B4348;
color: #52585c;
}
div.moduletable-dark1 div.gk_news_block_panel_font_path {
border: 1px solid #3B4348;
}
div.moduletable-dark1 div.gk_news_block_panel_font_knob {
background: #3B4348;
}
div.moduletable-dark1 div.gk_news_block_panel_amount_plus,
div.moduletable-dark1 div.gk_news_block_panel_amount_minus {
border: 1px solid #3B4348;
}
div.moduletable-dark2 td.gk_news_block_panel-border {
border-top: 1px dotted #4f575c;
color: #767e83;
}
div.moduletable-dark2 div.gk_news_block_panel_font_path {
border: 1px solid #4f575c;
}
div.moduletable-dark2 div.gk_news_block_panel_font_knob {
background: #4f575c;
}
div.moduletable-dark2 div.gk_news_block_panel_amount_plus,
div.moduletable-dark2 div.gk_news_block_panel_amount_minus {
border: 1px solid #4f575c;
}
/* Typohraphy
-----------------------------------------------------------------------------------*/
span.clear,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5 {
display: block;
padding: 10px;
margin-bottom: 10px;
}
span.color {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
background: #f9f9f9;
}
span.color-1 {
border-top: 2px solid #07519a;
border-bottom: 2px solid #07519a;
background: #f3f9fe;
}
span.color-2 {
border-top: 2px solid #3b4348;
border-bottom: 2px solid #3b4348;
background: #fff;
}
span.color-3 {
border-top: 2px solid #cc8585;
border-bottom: 2px solid #cc8585;
background: #b40f17;
color: #fff;
}
span.color-4 {
border-top: 2px solid #151719;
border-bottom: 2px solid #151719;
background: #202528;
color: #fff;
}
span.color-5 {
border-top: 2px solid #202528;
border-bottom: 2px solid #202528;
background: #3b4348;
color: #fff;
}
span.clear {
border: 1px solid #fff;
}
>
