MyBB Community Forums

Full Version: rais the container up
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
hi i have this theme installed on mybb 1.8.1
all i want is to decreas the space between the container and the nav bar

or rais the container up a little because i do not want the big space between it ans the nave bar

thanks

http://thegame-zone.com/index.php
In your templates and styles >> Your Theme >> global.css >> FIND navigation.
Add this line in that.
margin-bottom: -15px;

You can change this value of -15 as per your wish. Remember to keep it in minus (-)
Hope this helps.
still the same


body {
background: #171b1d url(images/revolution/bg.png) repeat;
color: #969696;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Source Sans Pro;
font-size: 14px;
font-style: normal;
overflow-y: scroll;
text-shadow: 1px 1px 0px #0d0d0d;
}

.stpc {
background: #181818;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #101010 1px solid;
}

a:link {
color: #91ad9f;
text-decoration: none;
}

a:visited {
color: #91ad9f;
text-decoration: none;
}

a:hover,
a:active {
color: #4d5965;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#container {
text-align: left;
line-height: 1.4;
margin: 0;
margin-top: -20px;
color: #969696;
font-family: Source Sans Pro;
font-size: 14px;
font-style: normal;
text-shadow: 1px 1px 0px #0d0d0d;
}

.wrapper {
width: 90%;
margin: auto auto;
color: #969696;
padding: 20px;
background: #151515;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #101010 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 1px 0px #0d0d0d;
margin-top: -20px;
-moz-box-shadow: 0 5px 25px #0d0d0d;
-webkit-box-shadow: 0 5px 25px#0d0d0d;
box-shadow: 0 5px 25px #0d0d0d;
overflow: hidden;
}

#logo {
background: #fff;
padding: 10px 0;
}

#content {
width: auto !important;
padding: 20px 20px;
}

#header ul.menu {
margin: 0;
padding: 0;
list-style: none;
}

#header ul.menu li {
margin: 0 7px;
display: inline;
}

#header ul.menu li a {
padding-left: 20px;
background-image: url(images/headerlinks_sprite.png);
background-repeat: no-repeat;
display: inline-block;
}

#logo ul.top_links {
font-weight: bold;
text-align: right;
margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
background-position: 0 0;
}

#logo ul.top_links a.memberlist {
background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
background-position: 0 -40px;
}

#logo ul.top_links a.help {
background-position: 0 -60px;
}

#logo ul.top_links a.portal {
background-position: 0 -180px;
}

#panel .upper a.logout {
font-weight: bold;
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
padding-left: 20px;
margin-left: 10px;
font-weight: bold;
}

#panel .upper a.register {
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px;
font-weight: bold;
}

#panel .lower ul.panel_links {
float: left;
}

#panel .lower ul.panel_links a.usercp {
background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
background-position: 0 -160px;
}

#panel .lower ul.user_links {
float: right;
}

#panel .lower ul.user_links li a {
padding: 0;
background-image: none;
}

#panel .upper {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
border-top: 1px solid #444;
border-bottom: 1px solid #000;
padding: 7px;
clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
color: #fff;
}

#panel .lower {
background: #efefef;
color: #999;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
color: #666;
}

#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
}

#search input.button,
#search input.textbox {
border-color: #000;
}

#search input.button {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #fff;
}

#search input {
margin: -3px 0;
}

#quick_login .remember_me input {
vertical-align: middle;
margin: -3px 0 0 5px;
}

#footer {
clear: both;
}

#footer ul.menu {
margin: 0;
padding: 0;
list-style: none;
}

#footer ul.menu li {
margin: 0 5px;
display: inline;
}

#footer .upper {
color: #969696;
background: #151515;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border-top: #101010 1px solid;
border-bottom: #101010 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
padding: 10px;
font-size: 14px;
overflow: hidden;
height: 20px;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
color: #777;
}

#footer .upper .language {
float: right;
margin: -1px;
margin-left: 15px;
}

#footer .upper .language select {
border-color: #ccc;
}

#footer .upper .theme {
float: right;
margin: -1px;
margin-left: 15px;
}

#footer .upper .theme select {
border-color: #ccc;
}

#footer .upper ul.bottom_links {
float: left;
margin: 4px 0 0 0;
}

#footer .lower {
color: #666;
padding: 6px 6px 12px 6px;
overflow: hidden;
font-size: 14px;
}

#footer .lower a:link,
#footer .lower a:visited {
color: #444;
font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
color: #333;
text-decoration: underline;
font-weight: bold;
}

#footer .lower #current_time {
float: right;
color: #888;
}

#debug {
float: center;
text-align: center;
margin-top: 20px;
font-size: 13px;
}

.scaleimages img {
max-width: 100%;
}

.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
color: #3e3e3e;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #333;
}

.forum_off i {
opacity: .4;
}

.forum_offlock i:before {
content: "\f05e";
}

.forum_offlink i:before {
content: "\f079";
}

.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
background-position: 0 0;
}

.subforum_minioff {
background-position: 0 -10px;
}

.subforum_miniofflock {
background-position: 0 -20px;
}

.subforum_miniofflink {
background-position: 0 -30px;
}

table {
color: #656565;
font-family: Source Sans Pro;
font-size: 14px;
font-style: normal;
}

.tborder {
background: #181818;
margin: auto auto;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #101010 1px solid;
padding: 1px;
width: 100%;
}

.tfixed {
table-layout: fixed;
word-wrap: break-word;
}

.thead {
padding: 10px;
background: #151515 url(images/revolution/thead.png) top left repeat-x;
border-bottom: 1px solid #070707;
text-shadow: 1px 1px 0px #070707;
-webkit-box-shadow: inset 0 0 1px 1px #2a2a2a;
-moz-box-shadow: inset 0 0 1px 1px #2a2a2a;
box-shadow: inset 0 0 1px 1px #2a2a2a;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #969696;
font-family: Source Sans Pro;
font-size: 14px;
font-style: normal;
}

.thead a:link {
color: #969696;
text-decoration: none;
}

.thead a:visited {
color: #969696;
text-decoration: none;
}

.thead a:hover,
.thead a:active {
color: #969696;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.tcat {
background: #181818;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
color: #969696;
padding: 6px;
font-size: 13px;
}

.tcat a:link {
color: #969696;
}

.tcat a:visited {
color: #969696;
}

.tcat a:hover,
.tcat a:active {
color: #969696;
}

.trow1 {
background: #181818;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
color: #969696;
padding: 10px;
font-family: Source Sans Pro;
font-size: 14px;
font-style: normal;
}

.trow2 {
background: #181818;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
color: #969696;
padding: 10px;
font-family: Source Sans Pro;
font-size: 14px;
font-style: normal;
}

.trow_shaded {
background: #181818;
border: 1px solid #101010;
}

.no_bottom_border {
border-bottom: 0;
}

.post.unapproved_post {
background: #ffdde0;
}

.post.unapproved_post .post_author {
border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
background: #201f1f;
color: #969696;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
color: #969696;
}

.trow_sep {
background: #151515 url(images/revolution/thead.png) top left repeat-x;
border-bottom: 1px solid #070707;
border-top: 1px solid #070707;
text-shadow: 1px 1px 0px #070707;
color: #969696;
font-size: 14px;
font-weight: bold;
padding:8px;
}

.tfoot {
background: #3e3e3e;
text-shadow: 1px 1px 0px #161616;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #5d5d5d;
-moz-box-shadow: inset 0 0 1px 1px #5d5d5d;
box-shadow: inset 0 0 1px 1px #5d5d5d;
border: 1px solid #161616;

color: #ffffff;
font-size: 14px;
padding: 6px;
}

.tfoot a:link {
color: #ccc;
text-decoration: none;
}

.tfoot a:visited {
color: #ccc;
text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
color: #ffffff;
text-decoration: none;
}

.thead input.textbox,
.thead select {
border: 1px solid #000;
}

.bottommenu {
background: #efefef;
color: #333;
border: 1px solid #4874a3;
padding: 10px;
}

.navigation {
background: #3e3e3e url(images/revolution/pm.png) repeat;
text-shadow: 1px 1px 0px #161616;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #5d5d5d;
-moz-box-shadow: inset 0 0 1px 1px #5d5d5d;
box-shadow: inset 0 0 1px 1px #5d5d5d;
border: 1px solid #161616;
color: #ccc;
text-align: left;
padding: 8px;
font-family: Source Sans Pro;
font-size: 13px;
font-style: normal;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: -25px;
}

.navigation a:link {
text-decoration: none;
color: #ccc;
}

.navigation a:visited {
text-decoration: none;
color: #ccc;
}

.navigation a:hover,
.navigation a:active {
color: #ccc;
text-decoration: underline;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.navigation .active {
color: #ccc;
text-decoration: none;
that should actually fix it.... if you still not happy, then remove the <br> after <navigation> in the header template...
didn't fix it too
can you share a screenshot of what exactly you want to achieve.... and on which theme you want this...
found it

i just changed

margin-top: -50px;

in container


thank you for your help
+rep for trying to help me