The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Moving Navigation Menu to Center of Page

View previous topic View next topic Go down

Solved Moving Navigation Menu to Center of Page

Post by LiquidSilverAce on September 8th 2015, 1:56 am

Hello! I've been working on coding my first site and after installing a skin from Hitskin, I began to edit my own images and format into the site. Recently, however, the navigation menu moved off-center and I was wondering if I did something wrong or incorrectly formatted something. I would really appreciate any help because I've tried a few things to no avail and as this is my first site I'm very lost. Thank you!

Site: www.fairytail-saga.forumotion.com
Problem: Navigation Menu Off-Center
Original Hitskin:http://en.hitskin.com/search-a-skin/fairy-tail-v.1/208200
CSS Coding:
I've mostly been trying things with #navigation but I returned it to how it was orignally set:
body
{
background: url(http://i945.photobucket.com/albums/ad292/acecate777/5b8f78da-4709-4d70-a32a-a225564c3232_zpspzmaivvl.png) top center no-repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) top center repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) center repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) bottom center repeat-x #bebebe;
}

#i_logo
{
height: 400px;
}

#page-body
{
width: 1300px;
margin: auto;
background: url(banner) top center no-repeat #;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 2px solid #4fadfd;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151;
padding-top: 75px;
padding-bottom: 0px;
}

#navigation
{
float: right;
margin-top: -200px;
margin-right: 20px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #4fadfd;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}
.forumline
{
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #4fadfd;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
background: url(image design) bottom center no-repeat #202020;
}
.forumline2
{
max-width: 850px;
margin: auto;
background: url() bottom no-repeat #202020;
}
.table_head
{
width: 850px;
height: 92px;
margin: auto;
background: url() bottom center no-repeat;
}
.table_foot
{
width: 850px;
height: 42px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/835984forumline04.jpg) bottom center no-repeat;
}
.secondarytitle
{
display: block;
text-align: center;
}
.titre_cate
{
font-size: 48px;
font-weight: bold;
color: #c0c0c0;
text-shadow: 1px 1px 0px #eeeeee;
}

.forumlink
{
display: block;
width: 80%;
text-align: left;
padding-left: 50px;
margin-top: 6px;
}
.forumlink a
{
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px dotted #bebebe;
color: #5a463a !important;
}
.forumlink a:hover
{
text-decoration: none !important;
color: #11bdf5 !important;
border-bottom: 2px dotted #2d1500;
}
.table_cate
{
vertical-align: top;
}
.icone
{
display: block;
width: 100px;
height: 100px;
float: left;
}
.stats_last
{
display: block;
width: 150px;
margin-left: 60px;
margin-top: 20px;
padding: 4px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
}
.stats
{
display: block;
font-size: 10px;
font-weight: bold;
border-bottom: 1px dotted #2d1500;
padding-bottom: 2px;
margin-bottom: 4px;
}
.last
{
display: block;
font-size: 11px;
}
.cate_contenu
{
width: 600px;
margin-left: 10px;
}
.description_cate
{
border-left: 4px solid #bebebe;
border-right: 4px solid #bebebe;
height: 100px;
overflow: auto;
padding: 5px;
}
.illu_cate
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 3px solid #11bdf5;
}
.description
{
display: block;
text-align: justify;
}
.qeel
{
width: 850px;
margin: auto;
height: 400px;
background: url(http://img11.hostingpics.net/pics/945551fondqeel.jpg) center center no-repeat;
}
.stats1
{
width: 400px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.stats2
{
width: 250px;
max-height: 200px;
overflow: auto;
margin-top: 20px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.groupes
{
width: 150px;
float: right;
max-height: 250px;
overflow: auto;
text-align: center;
padding: 6px;
margin-top: 70px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
}
.groupes a
{
display: block;
padding: 3px;
margin-bottom: 5px;
background-color: #eeeeee;
text-decoration: none !important;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
border-left: 3px solid #676767;
border-right: 3px solid #676767;
}
.groupes a:hover
{
border-left: 3px solid #11bdf5;
border-right: 3px solid #11bdf5;
}
.cb
{
margin-top: 50px;
}






.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: 10px !important;
}


a:link:hover, a:link:focus
{color: #0000cc;
text-shadow: -1px 1px 8px #00CCFF, 1px -1px 8px #00ccff;

/*
* jQuery Nivo Slider v2.7.1
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/


/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
position:relative;
background:#fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}

.theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}

.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}

body.chatbox {
background-image: url(http://i.imgur.com/bUQgyR1.png);

}
}

a.chat-title:link:before {
content: "The Chatty ";
}

chatbox > p span.user > span strong {
display: none;
}
.user[style="color:#000000"] span:before, #chatbox_members span[style="color:#000000"] span:before { content:url(http://oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#63BFCF"] span:before, #chatbox_members span[style="color:#63BFCF"] span:before { content:url(http://oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#008F8F"] span:before, #chatbox_members span[style="color:#008F8F"] span:before { content:url(http://oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
row1.over:hover {background:url(\'\\image here if want a water mark/\') right bottom no-repeat;}
.forumline
{background-color: #;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;}
.bodyline
{
background-image: url("");
background-position: right bottom;
background-repeat: no-repeat;
filter:alpha(opacity=95); -moz-opacity: 95; opacity: 95;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-khtml-border-radius: 25px;
}
a.mainmenu:hover{
filter:alpha(opacity=30);
-moz-opacity: 0.65;
opacity: 0.65;
}
a:link {
text-decoration: none;
text-shadow: none;
-webkit-transition: 200ms linear 0s;
-moz-transition: 200ms linear 0s;
-o-transition: 200ms linear 0s;
transition: 200ms linear 0s;
outline: 0 none;
}
#chatbox {background: url("") repeat scroll right center transparent;
}body.chatbox
{background-image:url("http://i.imgur.com/IAcwt6c.jpg");}
.chatbox_row_1 {background: #110F12;}
.chatbox_row_2 {background: #15171D;
}
.chatbox-username[data-user="2"] {
text-decoration: none;
text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
}
.chatbox-username[data-user="11"] {
text-decoration: none;
text-shadow: 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB;
}
.chatbox-username[data-user="1"] {
text-decoration: none;
text-shadow: 0 0 0.3em #ff66ff, 0 0 0.3em #ff66ff, 0 0 0.3em #ff66ff;
}
.chatbox-username[data-user="17"] {
text-decoration: none;
text-shadow: 0 0 0.3em #00ffff, 0 0 0.3em #00ffff, 0 0 0.3em #00ffff;
}
.chatbox-username[data-user="4"] {
text-decoration: none;
text-shadow: 0 0 0.3em #3300ff, 0 0 0.3em #3300ff, 0 0 0.3em #3300ff;
}
.chatbox-username[data-user="33"] {
text-decoration: none;
text-shadow: 0 0 0.3em #ffffff, 0 0 0.3em #ffffff, 0 0 0.3em #ffffff;
}
.chatbox-username[data-user="52"] {
text-shadow: 0 0 0.3em #990000, 0 0 0.3em #990000, 0 0 0.3em #990000;
}
.chatbox-username[data-user="21"] {
text-decoration: none;
text-shadow: 0 0 0.3em #9900ff, 0 0 0.3em #9900ff, 0 0 0.3em #9900ff;
}
.chatbox-username[data-user="3"] {
text-decoration: none;
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
.chatbox-username[data-user="69"] {
text-decoration: none;
text-shadow: 0 0 0.3em #990033, 0 0 0.3em #990033, 0 0 0.3em #990033;
}
a[href="/g1-administrators"]{
text-decoration: none;
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
a[href="/g1-administrators"]{
padding-left: 19px;
background: url(http://i.imgur.com/FTMLOTN.png) no-repeat left;}
a[href="/g2-moderators"]{
padding-left: 19px;
background: url(http://i.imgur.com/XOA6QOd.png) no-repeat left;}
a[href="/g16-developers"]{
padding-left: 19px;
background: url(http://i.imgur.com/a3ctNEL.png) no-repeat left;}
a[href="/g3-fairy-tail"]{
padding-left: 15px;
background: url(http://i.imgur.com/1IDyAP5.png) no-repeat left;}
a[href="/g4-blue-pegasus"]{
padding-left: 15px;
background: url(http://i.imgur.com/ZNl5wn0.png) no-repeat left;}
a[href="/g5-sabertooth"]{
padding-left: 15px;
background: url(http://i.imgur.com/Q0KYn0V.png) no-repeat left;}
a[href="/g6-lamia-scale"]{
padding-left: 15px;
background: url(http://i.imgur.com/E51Jdmb.png) no-repeat left;}
a[href="/g7-dragon-heart"]{
padding-left: 15px;
background: url(http://i.imgur.com/ciORzIA.png) no-repeat left;}
a[href="/g8-tartarus"]{
padding-left: 15px;
background: url(http://i.imgur.com/Tq2u8Wg.png) no-repeat left;}
a[href="/g13-magic-council"]{
padding-left: 15px;
background: url(http://i47.tinypic.com/24cb0ug.png) no-repeat left;}
a[href="/g14-rune-knights"]{
padding-left: 15px;
background: url(http://i.imgur.com/lYi5x0z.png) no-repeat left;}
a[href="/g15-chaos-lords"]{
padding-left: 15px;
background: url(http://i.imgur.com/pCNnwi1.png) no-repeat left;}
a[href="/g9-eternal-chaos"]{
padding-left: 15px;
background: url(http://i.imgur.com/00nqaN8.png) no-repeat left;}
a[href="/g12-wizard-saints"]{
padding-left: 15px;
background: url(http://i.imgur.com/3Eu1Mfu.png) no-repeat left;}
a[href="/g10-noxx-hand"]{
padding-left: 15px;
background: url(http://i.imgur.com/UxfXq1l.png) no-repeat left;}
a[href="/u11"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u1"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u21"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u2"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u17"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u4"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u33"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u52"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u69"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u2"]{
text-decoration: none;
text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
}
a[href="/u11"]{
text-decoration: none;
text-shadow: 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB;
}
a[href="/u1"]{
text-decoration: none;
text-shadow: 0 0 0.3em #ff6699, 0 0 0.3em #ff6699, 0 0 0.3em #ff6699;
}
a[href="/u17"]{
text-decoration: none;
text-shadow: 0 0 0.3em #00ffff, 0 0 0.3em #00ffff, 0 0 0.3em #00ffff;
}
a[href="/u4"]{
text-decoration: none;
text-shadow: 0 0 0.3em #3300ff, 0 0 0.3em #3300ff, 0 0 0.3em #3300ff;
}
a[href="/u33"]{
text-decoration: none;
text-shadow: 0 0 0.3em #ffffff, 0 0 0.3em #ffffff, 0 0 0.3em #ffffff;
}
a[href="/u52"]{
text-decoration: none;
text-shadow: 0 0 0.3em #990000, 0 0 0.3em #990000, 0 0 0.3em #990000;
}
a[href="/u21"]{
text-decoration: none;
text-shadow: 0 0 0.3em #9900ff, 0 0 0.3em #9900ff, 0 0 0.3em #9900ff;
}
a[href="/u3"]{
text-decoration: none;
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
a[href="/u69"]{
text-decoration: none;
text-shadow: 0 0 0.3em #990033, 0 0 0.3em #990033, 0 0 0.3em #990033;
}
#chatbox_members .chatbox-username[data-user="11"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/MVN94Gf.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="11"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
#chatbox_members .chatbox-username[data-user="2"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/GkcKRGj.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="2"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
#chatbox_members .chatbox-username[data-user="1"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/zTXlR0t.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="1"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
#chatbox_members .chatbox-username[data-user="33"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/Ne95bGh.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="33"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
#chatbox_members .chatbox-username[data-user="21"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/jg5yw50.gif") no-repeat;
display: inline-block;
}
#chatbox_members .chatbox-username[data-user="69"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/FCI3ZqT.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="69"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="33"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="35"]{
padding-left: 19px;
background: url("http://i.imgur.com/9DQytPi.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="52"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/wEX3Bph.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="52"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="132"]{
padding-left: 19px;
background: url("http://i.imgur.com/sgCKUkM.png") no-repeat left;
}
#chatbox_members .chatbox-username[data-user="17"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/kMvtGup.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="17"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="46"]{
padding-left: 19px;
background: url("http://i.imgur.com/JVP5lcW.png") no-repeat left;}

#chatbox_members .chatbox-username[data-user="158"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/dfKJJ1L.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="158"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="158"]{
text-decoration: none;
text-shadow: 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88;
}
a[href="/u158"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u158"]{
text-decoration: none;
text-shadow: 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88;
}
.chatbox-username[data-user="8"]{
padding-left: 19px;
background: url("http://i.imgur.com/LaAo1ew.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="93"]:before {
content: "";
width: 18px;
height: 16px;
background:url("http://i.imgur.com/iuQae4p.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="93"] {
background: url("http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
a[href="/u93"]{
text-decoration: none;
text-shadow: 0 0 0.3em #FF0033, 0 0 0.3em #FF0033, 0 0 0.3em #FF0033;
}
a[href="/u93"]{
background: url(http://i58.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
.chatbox-username[data-user="93"]{
text-decoration: none;
text-shadow: 0 0 0.3em #FF0033, 0 0 0.3em #FF0033, 0 0 0.3em #FF0033;
}

/*
* jQuery Nivo Slider v2.7.1
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/


/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
position:relative;
background:#fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}

.theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}

.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.codebox, code{
background-color: #97959E !important;
border-color: #181819 !important;
color: #2929E6 !important;
}


Last edited by LiquidSilverAce on September 8th 2015, 3:13 am; edited 1 time in total

LiquidSilverAce
New Member

Posts : 5
Reputation : 1
Language : English

http://fairytail-saga.forumotion.com

Back to top Go down

Solved Re: Moving Navigation Menu to Center of Page

Post by Klemen on September 8th 2015, 3:04 am

Have you tried this?

AP > Display > Homepage > Headers & Navigation > Menu position > center

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: Moving Navigation Menu to Center of Page

Post by LiquidSilverAce on September 8th 2015, 3:13 am

You don't want to know how stupid I feel right now, but thank you so much for the help xD

LiquidSilverAce
New Member

Posts : 5
Reputation : 1
Language : English

http://fairytail-saga.forumotion.com

Back to top Go down

Solved Re: Moving Navigation Menu to Center of Page

Post by SLGray on September 8th 2015, 3:32 am

Topic solved and archived



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum