Parašė Foustas· 2010 Lap. 13 11:11:45
#1
sveiki, niekaip nerandu kur padaryti tarpus tarp paneliu. Dabar visos paneles užmestos ant vieno bg:
pažiurėkite paveiksliuką:
http://ikelk.lt/storage/images/0...al_img.gif
ten kur juodam norėčiau kad būtų tarpas.
css kodas:
/*Atlantis Theme for PHP-Fusion 7 by Max "Matonor" Toball*/
@import 'nav.css';
/***********************************************************************
OPTIONAL, TEMPLATE SPECIFIC STYLE
***********************************************************************/
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
}
body {
background: url(images/bg.gif) repeat-x top #465A6C;
margin: 20px 0;
padding: 0;
}
a:link { color: #444; text-decoration: none; }
a:visited { color: #444; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #444; text-decoration: none; }
/*****************
Structure
*****************/
.tpl_vspacer {
margin-bottom:5px;
}
.tpl_str_center {
width: 954px;
margin: 0 auto;
}
.tpl_str_header {
height: 123px;
background:url(images/header.png) no-repeat !important;
background:url(images/header.gif) no-repeat;
}
.tpl_logo {
float:left;
margin-top:50px;
margin-left:100px;
width:250px;
height:60px;
background:url(images/logo.png) no-repeat !important;
background:url(images/logo.gif) no-repeat;
}
.tpl_str_main {
height:100%; /* IE6 Fix */
background:url(images/main.png) repeat-y !important;
background:url(images/main.gif) repeat-y;
}
.tpl_str_footer {
height: 36px;
background:url(images/bottom.png) no-repeat !important;
background:url(images/bottom.gif) no-repeat;
}
.tpl_main {}
.tpl_content {
padding:10px;
background-color:#FFF;
}
.tpl_showpath {
height:19px;
background:url(images/showpath.png) no-repeat top right #DEE7ED;
font-size:11px;
margin-right:9px;
}
.tpl_showpath div {
padding:3px 0 0 10px;
color:#8FAEC2;
}
.tpl_showpath div a,
.tpl_showpath div a:visited { color:#678A9E; }
.tpl_showpath div a:hover { color:#FFF; }
/*****************
Menu
*****************/
.tpl_menu {
height:30px;
background:url(images/menu_bg.png) repeat-x;
border-top:4px solid #A8B7C8;
color:#C7D1DC;
/*font-weight:bold;*/
}
.tpl_menu a,
.tpl_menu a:visited {
display:block;
color:#C7D1DC;
height:14px;
padding:8px 30px;
}
.tpl_menu a:hover {
color:#FFF;
background:url(images/menu_h.png) repeat-x;
}
.tpl_menu ul {
list-style:none;
padding:0;
margin:0;
}
.tpl_menu li {
float:left;
border-right:1px solid #40556A;
}
/*****************
Release
*****************/
.tpl_release {
height:123px;
background:url(images/ads_bg.png) repeat-x;
border-bottom:4px solid #A8B7C8;
color:#C1CCD9;
padding-right:20px;
}
.tpl_release .text {
padding:24px 0 0 20px;
color:#627B91;
font-size:14px;
}
.tpl_release .top {
margin-bottom:12px;
color:#8A9FB0;
}
.tpl_release .vbig {
font-size:24px;
}
.tpl_release .big {
font-size:20px;
}
.tpl_release .demo {
width:128px;
height:25px;
background:url(images/tpl_release_demo.png) no-repeat !important;
background:url(images/tpl_release_demo.gif) no-repeat;
padding-top:8px;
margin-top:24px;
color:#FFF;
font-weight:bold;
font-size:13px;
text-align:left;
}
.tpl_release .demo a,
.tpl_release .demo a:visited,
.tpl_release .demo a:hover { color:#FFF; }
.tpl_release .download {
width:221px;
height:25px;
background:url(images/tpl_release_download.png) no-repeat !important;
background:url(images/tpl_release_download.gif) no-repeat;
padding-top:8px;
margin-top:12px;
color:#FFF;
font-weight:bold;
font-size:13px;
text-align:left;
}
.tpl_release .download a,
.tpl_release .download a:visited,
.tpl_release .download a:hover { color:#FFF; }
/*****************
Footer
*****************/
.tpl_footer {
border-top:1px solid #CCC;
background-color:#E7E7E7;
font-size:10px;
padding:6px 8px 0 8px;
}
.tpl_footmsg {
font-size:10px;
color:#889EB3;
}
.tpl_footmsg a,
.tpl_footmsg a:visited { color:#889EB3; }
.tpl_footmsg a:hover { color:#FFF; }
#main-bg {
line-height: 1.4em;
background: url(images/cont_t.jpg) repeat-x top;
padding: 2em 1em;
}
#side-border-right, #side-border-left {
padding: 2em 0.75em;
width: 15em;
max-width: 15em;
background: url(images/side_bg.jpg) repeat-x top;
display: inline;
}
#side-border-left {
padding-right: 0.5em;
float: left;
}
#side-border-right {
padding-left: 0.5em;
float: right;
}
* html #side-border-right {margin-left: -3px;}
* html #side-border-left {margin-right: -3px;}
.side-both #main-bg {margin: 0 16em;}
.side-left #main-bg {margin-left: 16em;}
.side-right #main-bg {margin-right: 16em;}
.side-left #side-border-right {display:none;}
.side-right #side-border-left {display:none;}
/*Navigation Panel*/
#navigation h2, .side-label {
color: #0077aa;
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
text-transform: uppercase;
font-size: 1.0em;
padding: 0.15em;
font-weight: 500;
}
#navigation ul {
margin-left: -0.25em;
list-style-type: none;
line-height: 1.2em;
}
* html #navigation ul li {height: 1%;}
#navigation a {
display: block;
color: #3d667a;
padding: 0.2em 0.2em 0.2em 0.2em;
text-decoration : none;
}
#navigation a:hover {
color: #006699;
background-color: #accad9;
}
/*Misc Styles*/
#container{
width: 100%;
overflow-x: auto;
overflow-y: visible;
}
.pagenav {padding: 0.4em;}
.pagenav span, .pagenav a, .pagenav a:hover {
color: #006699;
background-color: #accad9;
border: 1px solid #dde5eb;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
color: #3d667a;
background-color: #edf3f6;
}
#footer, #subfooter {
width: 90%;
color: #72a7c2;
background: #006090;
border: 1px solid #1070aa;
margin: 1.5em auto;
padding: 1em;
font-size: 0.8em;
}
.textbox, .button, .quote {
border-bottom: 1px solid #6f8c99;
border-right: 1px solid #6f8c99;
border-top: 1px solid #c1d9e4;
border-left: 1px solid #c1d9e4;
background: #fff url(images/mainheader_bg.jpg) repeat-x bottom;
font-size: 1em;
margin-top: 0.1em;
padding: 0.25em;
}
.textbox:focus{
border-bottom: 1px solid #c1d9e4;
border-right: 1px solid #c1d9e4;
border-top: 1px solid #6f8c99;
border-left: 1px solid #6f8c99;
}
.button{color: #006699;}
.bbcode {
border-bottom: 1px solid #6f8c99;
border-right: 1px solid #6f8c99;
border-top: 1px solid #c1d9e4;
border-left: 1px solid #c1d9e4;
background: #fff url(images/mainheader_bg.jpg) repeat-x bottom;
font-size: 1em;
margin-top: 0.1em;
}
.news-category {
float: left;
margin: 0.2em 0.5em 0 0;
}
.news-footer-img {vertical-align: middle;}
.news-footer {padding: 0.5em;}
.panelcap {
color: #006699;
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
text-transform: uppercase;
font-size: 1.15em;
line-height: 1em;
font-weight: 500;
margin: 0;
}
.panelbody {
padding: 0.15em 0.3em;
margin-bottom: 0.8em;
border-top: 2px solid #f0f0f0;
}
.quote, .admin-message {
color: inherit;
margin: 0.25em;
}
.admin-message{
color: #006699;
background: #e8eef1 url(forum/stickythread.gif) 0.4em 0.4em no-repeat;
border: 1px solid #6f8c99;
padding: 0.4em 0.4em 0.6em 2.8em;
margin: 1em auto;
width: 80%;
}
.poll {
height: 1.3em;
background: #006698 url(images/pollbar.jpg) bottom repeat-x;
}
.comment-name {
color: #777;
font-weight: 700;
}
.shoutboxname {font-weight: 700;}
.shoutboxdate {
color: #888;
font-size: 0.8em;
}
.small,.small2,.side-small {font-size: 0.9em;}
.tbl,.tbl1,.tbl2,.forum-caption {padding: 0.3em;}
.tbl-border{background: #bdc5cb; border: 1px solid #bdc5cb;}
.tbl1{background: #e8eef1;}
.tbl2 {background: #edf3f6;}
.forum-caption {
font-weight: 700;
background: #e8eef1 url(images/mainheader_bg.jpg) repeat-x;
}
code, pre {
font-family: monospace;
font-size: 1.1em;
}
hr {
border: solid #c1d9e4 1pt;
height: 1pt;
}
.panelbutton{float: right;}
h1,h2,h3,h4,h5,h6 {font-size: inherit;}
/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
/*IE Fixes*/
* html #main-bg {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}