Moving Navigation Menu to Center of Page
3 posters
Page 1 of 1
Moving Navigation Menu to Center of Page
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:
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(https://2img.net/h/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(https://2img.net/r/hpimg11/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(https://2img.net/r/hpimg11/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(https://i.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(https://i.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(https://i.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(https://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(https://2img.net/h/oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#63BFCF"] span:before, #chatbox_members span[style="color:#63BFCF"] span:before { content:url(https://2img.net/h/oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#008F8F"] span:before, #chatbox_members span[style="color:#008F8F"] span:before { content:url(https://2img.net/h/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("https://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(https://i.imgur.com/FTMLOTN.png) no-repeat left;}
a[href="/g2-moderators"]{
padding-left: 19px;
background: url(https://i.imgur.com/XOA6QOd.png) no-repeat left;}
a[href="/g16-developers"]{
padding-left: 19px;
background: url(https://i.imgur.com/a3ctNEL.png) no-repeat left;}
a[href="/g3-fairy-tail"]{
padding-left: 15px;
background: url(https://i.imgur.com/1IDyAP5.png) no-repeat left;}
a[href="/g4-blue-pegasus"]{
padding-left: 15px;
background: url(https://i.imgur.com/ZNl5wn0.png) no-repeat left;}
a[href="/g5-sabertooth"]{
padding-left: 15px;
background: url(https://i.imgur.com/Q0KYn0V.png) no-repeat left;}
a[href="/g6-lamia-scale"]{
padding-left: 15px;
background: url(https://i.imgur.com/E51Jdmb.png) no-repeat left;}
a[href="/g7-dragon-heart"]{
padding-left: 15px;
background: url(https://i.imgur.com/ciORzIA.png) no-repeat left;}
a[href="/g8-tartarus"]{
padding-left: 15px;
background: url(https://i.imgur.com/Tq2u8Wg.png) no-repeat left;}
a[href="/g13-magic-council"]{
padding-left: 15px;
background: url(https://2img.net/h/oi47.tinypic.com/24cb0ug.png) no-repeat left;}
a[href="/g14-rune-knights"]{
padding-left: 15px;
background: url(https://i.imgur.com/lYi5x0z.png) no-repeat left;}
a[href="/g15-chaos-lords"]{
padding-left: 15px;
background: url(https://i.imgur.com/pCNnwi1.png) no-repeat left;}
a[href="/g9-eternal-chaos"]{
padding-left: 15px;
background: url(https://i.imgur.com/00nqaN8.png) no-repeat left;}
a[href="/g12-wizard-saints"]{
padding-left: 15px;
background: url(https://i.imgur.com/3Eu1Mfu.png) no-repeat left;}
a[href="/g10-noxx-hand"]{
padding-left: 15px;
background: url(https://i.imgur.com/UxfXq1l.png) no-repeat left;}
a[href="/u11"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u1"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u21"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u2"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u17"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u4"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u33"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u52"]{
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x;
}
a[href="/u69"]{
background: url(https://i.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("https://i.imgur.com/MVN94Gf.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="11"] {
background: url("https://i.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("https://i.imgur.com/GkcKRGj.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="2"] {
background: url("https://i.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("https://i.imgur.com/zTXlR0t.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="1"] {
background: url("https://i.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("https://i.imgur.com/Ne95bGh.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="33"] {
background: url("https://i.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("https://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("https://i.imgur.com/FCI3ZqT.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="69"] {
background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="33"] {
background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="35"]{
padding-left: 19px;
background: url("https://i.imgur.com/9DQytPi.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="52"]:before {
content: "";
width: 18px;
height: 16px;
background:url("https://i.imgur.com/wEX3Bph.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="52"] {
background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="132"]{
padding-left: 19px;
background: url("https://i.imgur.com/sgCKUkM.png") no-repeat left;
}
#chatbox_members .chatbox-username[data-user="17"]:before {
content: "";
width: 18px;
height: 16px;
background:url("https://i.imgur.com/kMvtGup.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="17"] {
background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="46"]{
padding-left: 19px;
background: url("https://i.imgur.com/JVP5lcW.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="158"]:before {
content: "";
width: 18px;
height: 16px;
background:url("https://i.imgur.com/dfKJJ1L.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="158"] {
background: url("https://i.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(https://i.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("https://i.imgur.com/LaAo1ew.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="93"]:before {
content: "";
width: 18px;
height: 16px;
background:url("https://i.imgur.com/iuQae4p.png") no-repeat;
display: inline-block;
}
.chatbox-username[data-user="93"] {
background: url("https://i.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(https://i.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(https://i.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(https://i.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(https://i.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
Re: Moving Navigation Menu to Center of Page
Have you tried this?
AP > Display > Homepage > Headers & Navigation > Menu position > center
AP > Display > Homepage > Headers & Navigation > Menu position > center
Re: Moving Navigation Menu to Center of Page
You don't want to know how stupid I feel right now, but thank you so much for the help xD
Re: Moving Navigation Menu to Center of Page
Topic solved and archived
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Moving menu buttons on the left side
» Moving drop-down menu widget into Navbar or Toolbar?
» Character Sheet HTML; moving menu under the body
» Character Sheet HTML; moving menu under the body
» Moving forum logo and navigation bar
» Moving drop-down menu widget into Navbar or Toolbar?
» Character Sheet HTML; moving menu under the body
» Character Sheet HTML; moving menu under the body
» Moving forum logo and navigation bar
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum