Width Issue
3 posters
Page 1 of 1
Width Issue
Technical Details
Forum version : #Invision
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : A few members
When the problem appeared : About 20 minutes ago
Forum link : http://fairytailonline-rp.forumotion.com/
Description of problem
Okay so here is the real issue here, recently I discovered from two users that the forum is hard to view because the resolution of the site is pretty high, now I understand that sounds like a pc problem and not a site problem. But I discovered a site that has everything I have but it fixes itself to all resolutions automatically and not only that keeps the site rather skinny enough for all users to see it.I want the width like this site has:
http://www.strongworldrol.com/
and I want it to work with my background banner which here is the code I have for it
- Code:
body {
background: url(http://i.imgur.com/refsMhJ.png) top center no-repeat,#000000 url("http://img0.joyreactor.com/pics/post/full/art-mountains-waterfalls-torii-gate-1015682.jpeg") no-repeat fixed center center;
}
And finally I want it to work with the slider I have, I realize I will have to resize the over all images to get it to work but I am willing to do it.
My code for the slider:
- Code:
<div align="center">
<div style="width:1231px;margin:0px auto;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div style="width:1231px;height:309px;" class="nivoSlider" id="nivoslider-125">
<img alt="" title="" src="http://i.imgur.com/HwSUlFk.jpg" /><a class="postlink" href="http://fairytailonline-rp.forumotion.com/?tid=3bbcb06209f1af91f5c74aa7d058bbe0"><img alt="" title="" src="http://i.imgur.com/gYRMVt1.jpg" /></a><a href="http://fairytailonline-rp.forumotion.com/t206-manual-guild-census#1172?tid=9b6b996efb30dc91f5c74aa7d058bbe0" class="postlink"><img alt="" src="http://i.imgur.com/pfxCu6Y.jpg" /></a><img alt="" src="http://i.imgur.com/8CiM6gV.jpg" /><a rel="nofollow" target="_blank" class="postlink" href="http://www.mangapanda.com/fairy-tail"><img alt="" src="http://i.imgur.com/JbgRsYd.jpg" /></a>
</div>
</div>
<p>
<script type="text/javascript">
jQuery(window).load(function(){
jQuery("#nivoslider-125").nivoSlider({
effect:"random",
slices:15,
boxCols:8,
boxRows:4,
animSpeed:1000,
pauseTime:7000,
startSlide:0,
directionNav:true,
directionNavHide:true,
controlNav:true,
controlNavThumbs:false,
controlNavThumbsFromRel:true,
keyboardNav:true,
pauseOnHover:true,
manualAdvance:false
});
});
</script>
</p>
</div>
</div>
Code for New Slider to work with the width:
- Code:
<div align="center">
<div style="width:1079px;margin:0px auto;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div style="width:1079px;height:309px;" class="nivoSlider" id="nivoslider-125">
<img alt="" title="" src="http://i.imgur.com/Pw0KFLR.jpg" /><a class="postlink" href="http://fairytailonline-rp.forumotion.com/?tid=3bbcb06209f1af91f5c74aa7d058bbe0"><img alt="" title="" src="http://i.imgur.com/36rHosf.jpg" /></a><a href="http://fairytailonline-rp.forumotion.com/t206-manual-guild-census#1172?tid=9b6b996efb30dc91f5c74aa7d058bbe0" class="postlink"><img alt="" src="http://i.imgur.com/DdVghNo.jpg" /></a><img alt="" src="http://i.imgur.com/t36VrZ5.png" /><a rel="nofollow" target="_blank" class="postlink" href="http://www.mangapanda.com/fairy-tail"><img alt="" src="http://i.imgur.com/LqajbCJ.jpg" /></a>
</div>
</div>
<p>
<script type="text/javascript">
jQuery(window).load(function(){
jQuery("#nivoslider-125").nivoSlider({
effect:"random",
slices:15,
boxCols:8,
boxRows:4,
animSpeed:1000,
pauseTime:7000,
startSlide:0,
directionNav:true,
directionNavHide:true,
controlNav:true,
controlNavThumbs:false,
controlNavThumbsFromRel:true,
keyboardNav:true,
pauseOnHover:true,
manualAdvance:false
});
});
</script>
</p>
</div>
</div>
This is what I have now:
This is what they have:
Now what is the big deal? Well if you can tell mine is far too wide where as theirs is the width I want the forum to be. I hope I clarified what exactly I wanted.
Re: Width Issue
yup still nothing
I checked the CSS nothing is stopping it either from what I can tell:
I checked the CSS nothing is stopping it either from what I can tell:
- Code:
/*
* 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() 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;
}
#main-content { background:#111 }
.blur {
display: inline-block;
color: !important;
text-shadow: 0 0 10px #000000;
}
/* profile container */
.post-container { margin-left:230px }
.postprofile, .postprofile-details {
width:230px;
margin-left:-230px;
overflow:hidden;
}
.postprofile-details {
height:490px;
position:relative;
margin:0;
}
/* profile fields box */
.profile-info {
color:#FFF;
background:#333;
border:3px solid #0b0b0b;
border-radius:3px;
text-align:center;
padding:3px;
position:absolute;
top:500px;
left:10px;
width:200px;
height:300px;
overflow-y:auto;
opacity:0;
visibility:hidden;
transition:1400ms;
}
.postprofile-details:hover .profile-info {
opacity:1;
visibility:visible;
top:60px;
}
/* profile username */
.profile-name {
background:#002E03;
text-align:center;
position:absolute;
top:0;
left:0;
right:0;
height:40px;
line-height:40px;
}
/* profile rank */
.profile-rank {
text-align:center;
position:absolute;
left:0;
right:0;
bottom:0;
z-index:1;
}
/* avatar container */
.profile-avatar {
background:#17A;
position:absolute;
top:40px;
left:0;
right:0;
bottom:0px;
border:2px solid #333;
}
/* avatar image */
.profile-avatar img {
width:100%;
height:100%;
}
.census {
background:url('http://i.imgur.com/nleA200.jpg') no-repeat 0 0;
height:150px;
width:273px;
padding-top:45px;
}
.census td { width:50% }
.censustitle {
text-align:right;
padding-right:3px;
}
.memberCount {
background:#666;
border-radius:0 3px 3px 0;
text-align:center;
position:absolute;
height:14px;
right:-14px;
width:14px;
}
#censusFairyTail {
background:#FF9524;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusBluePegasus {
background:#186FF2;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusSabertooth {
background:#E4EB1D;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusLightBringer {
background:#B3890D;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusSagePillar {
background:#FFFFFF;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusBlackAirs {
background:#4D4D4D;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusDragonHeart {
background:#000DBF;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusTartaros {
background:#BD0606;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusBehemoth {
background:#72238C;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusAnimusSin {
background:#993266;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#censusWanderer {
background:#00BA4A;
border-radius:3px 0 0 3px;
position:relative;
height:14px;
}
#party { width: 500px; height: 300px; background-color: #501c65; border-left: solid 10px #501c65; border-right: solid 10px #501c65; border-top: solid 2px #501c65e; border-bottom: solid 2px #501c65; position: RELATIVE; overflow: hidden; }
#party .izqu { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 250px; height: 300px; }
#party:hover .izqu { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; left: -256px; }
#party .dere { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; right: 0px; bottom: 0px; width: 250px; height: 300 px; }
#party:hover .dere { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; right: -256px; }
#Kazu {width: 500px; height: 300px; background-image: url(http://i.imgur.com/RHKpvRK.jpg);padding-top: 60px; }
#Ka {width: 410px; height: 220px; position: center;}
#datete {width:205px; height:35px; background: #86bc87; font-family: Open Sans Condensed; color: #fff; text-transform: uppercase; font-size: 20px; padding-top: 20px; text-align: center;}
#datete2 {width:205px; height:35px; background: #501c65; font-family: Open Sans Condensed; color: #fff; text-transform: uppercase; font-size: 20px; padding-top: 20px; text-align: center;}
#datete:hover {background: #722493; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#datete2:hover {background: #722493; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#Zed {width: 500px; height: 300px; background-image: url(http://i.imgur.com/DoI9K7K.png);-webkit-transition: 2s all ease-in-out;-moz-transition: 0.8s all ease-in-out;o-transition: 0.8s all ease-in-out;}
#ZedN {width: 308px; height: 240px; background: transparent; padding: 5px; position: relative; right: -66px; bottom: -26px; border: solid 2px #fff; opacity: 0;-webkit-transition: 2s all ease-in-out;-moz-transition: 0.8s all ease-in-out;o-transition: 0.8s all ease-in-out;}
#Zed:hover {background-image: url(http://i.imgur.com/6JF2a0j.png);-webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#ZedN:hover {width: 308px; height: 240px; background: transparent; padding: 5px; position: relative; right: -66px; bottom: -26px; border: solid 2px #fff; opacity: 1; -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#Zedno {width:150px; height:35px; background: #fff; font-family: Open Sans Condensed; color: #000; text-transform: uppercase; font-size: 20px; padding-top: 20px; text-align: center; -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#ZedNotD {margin-top: 30px;-webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}
open : 'http://i.imgur.com/K35psfT.png',
close : 'http://i.imgur.com/WufHouL.png',
height : '450px',
width : '1000px',
position :'fixed',
left :'30px',
button.style.left = '-30px';
.avatar {width: 150px !important; height: 220px !important ;}
.avatar img {width: 150px !important; height: 220px !important ;}
body {
background: url(http://i.imgur.com/refsMhJ.png) top center no-repeat,#000000 url("http://img0.joyreactor.com/pics/post/full/art-mountains-waterfalls-torii-gate-1015682.jpeg") no-repeat fixed center center;
}
#groupLegend a[href="/g1-administrators"]:hover:before {
content:"Tooltip";
color:#FFF;
text-shadow:none;
background-color:#000;
background-color:rgba(0, 0, 0, 0.7);
border-radius:3px;
position:absolute;
margin-top:-25px;
padding:3px;
}
#right .module, #right .module .box-content, #right .module .maintitle {
background:none;
border:none;
}
#right {
background:url('http://tech96.com/wp-content/uploads/2015/01/Black-Background-HD-Wallpaper-22.jpg') repeat;
}
#content-container div#content { margin-right:0 !important }
#right {
background:rgba(150, 150, 150, 0.175 );
border-right:5px solid #333;
position:fixed;
padding:6px;
width:285px !important;
left:-290px;
top:18px;
bottom:0;
overflow:hidden !important;
transition:300ms;
background:url('http://tech96.com/wp-content/uploads/2015/01/Black-Background-HD-Wallpaper-22.jpg') repeat;
}
#right:hover {
left:0;
overflow-y:auto !important;
}
#right, #right .module .box-content { padding-left:0 }
#right #topicsRecent {
background:url('http://i.imgur.com/Z97yj7L.png');
height:500px;
width:290px;
position:relative;
}
#right #topicsRecentList {
width:185px;
height:224px;
border-radius:10px 10px 0 0;
position:absolute;
bottom:6px;
left:22px;
}
.Ryoshi {
background-image:url('http://i.imgur.com/YnWa020.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Ryoshi {
background: !important;
}
.Ryoshi .post-container, .Ryoshi .post-header {
background:none;
}
.Ean {
background-image:url('http://i.imgur.com/mLKHztx.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Ean {
background: !important;
}
.Ean .post-container, .Ean .post-header {
background:none;
}
.Sun {
background-image:url('http://i.imgur.com/23jJyRT.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Sun {
background: !important;
}
.Sun .post-container, .Sun .post-header {
background:none;
}
.Kosovo {
background-image:url('http://i.imgur.com/ShR23mj.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Kosovo {
background: !important;
}
.Kosovo .post-container, .Kosovo .post-header {
background:none;
}
.Krow {
background-image:url('http://i.imgur.com/GpGAiWA.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Krow {
background: !important;
}
.Krow .post-container, .Krow .post-header {
background:none;
}
.Mizuko {
background-image:url('http://i.imgur.com/pmGqDkY.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Mizuko {
background: !important;
}
.Mizuko .post-container, .Mizuko .post-header {
background:none;
}
.Fujin {
background-image:url('http://i.imgur.com/Ob7Stgj.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Fujin {
background: !important;
}
.Fujin .post-container, .Fujin .post-header {
background:none;
}
.Bae {
background-image:url('http://i.imgur.com/jZsiVOB.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Bae {
background: !important;
}
.Bae .post-container, .Bae .post-header {
background:none;
}
.Kosovo {
background-image:url('http://i.imgur.com/zzUXJPQ.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Kosovo {
background: !important;
}
.Kosovo .post-container, .Kosovo .post-header {
background:none;
}
.Ean {
background-image:url('http://i.imgur.com/RI6Pg2E.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.Ean {
background: !important;
}
.Ean .post-container, .Ean .post-header {
background:none;
}
.zed-is-not-dead {
background-image:url('http://i19.servimg.com/u/f19/18/21/41/30/defaul12.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.post.zed-is-not-dead {
background: !important;
}
.zed-is-not-dead .post-container, .zed-is-not-dead .post-header {
background:none;
}
.Serenity {
background-image:url('http://i.imgur.com/dba5cRI.png');
background-repeat:no-repeat;
background-position:0 100%;
background-size:100%;
}
.Serenity {
background: !important;
}
.Serenity .post-container, .Serenity .post-header {
background:none;
}
.post.st-answer.bguser {
background-image:url(http://i.imgur.com/p1yRyYp.png)
}
#chatbox_members .chatbox-username[data-user="1"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://i.imgur.com/ZWCRPOq.png")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="1"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #33cccc, 0 0 0.2em #66cccc, 0 0 0.2em #993399;}
#chatbox_members .chatbox-username[data-user="2"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.png")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="2"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;}
#chatbox_members .chatbox-username[data-user="3"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.png")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="3"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;}
#chatbox_members .chatbox-username[data-user="4"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://icons.iconarchive.com/icons/aha-soft/desktop-halloween/16/Skull-and-bones-icon.png")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="4"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.1em #764B8E, 0 0 0.3em #ADB1BF, 0 0 0.3em #5D6584, 0 0 0.4em #919191; }
#chatbox_members .chatbox-username[data-user="5"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://oi62.tinypic.com/15x1hkh.jpg")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="5"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #007fff, 0 0 0.2em #007fff, 0 0 0.2em #007fff;}
#chatbox_members .chatbox-username[data-user="9"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.png")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="9"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;}
#chatbox_members .chatbox-username[data-user="16"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://i.imgur.com/YiYtq5x.png?1")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="16"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ff0000, 0 0 0.2em #ff0000, 0 0 0.2em #ff0000;}
#chatbox_members .chatbox-username[data-user="19"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://imgur.com/3qboETD.png")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="19"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #CC9900, 0 0 0.2em #CC9900, 0 0 0.2em #CC9900;}
#chatbox_members .chatbox-username[data-user="21"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="21"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #0066ff, 0 0 0.2em #0066ff, 0 0 0.2em #0066ff;}
#chatbox_members .chatbox-username[data-user="23"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://s17.postimg.org/rg5yfrt3f/output_Ih_O3d_O.gif")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="23"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00;}
#chatbox_members .chatbox-username[data-user="27"]:before {
content: "";
width: 18px;
height: 16px;
background: url("http://s14.postimg.org/smkxo9019/vlrqehe.gif")no-repeat left;
display: inline-block;}
.chatbox-username[data-user="27"] {
background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #00ffea, 0 0 0.2em #00ffea, 0 0 0.2em #00ffea;}
span[data-user="4"] { font-size:0 }
span[data-user="4"]:after{
font-size:12px!important;
content:"Death";
background: url("http://oi61.tinypic.com/29es0l.jpg");
color: #000000;
text-shadow: 0 0 0.1em #A809FF, 0 0 0.3em #A809FF, 0 0 0.3em #FF0D00, 0 0 0.4em #FF0D00;}
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;
}
a:link:hover, a:link:focus
{color: #fff;
text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
.codebox dt {
background-color: #1E2831;
}
.codebox dd {
background-color: #262626;
border: 1px dotted #B25F00;
}
.row1,.row2{background-image:url(""); background-repeat;}
body.chatbox
{background-image:url("http://oi57.tinypic.com/fxwfmr.jpg");}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.user[style="color:#000000"] span:before{
content:url(http://oi59.tinypic.com/2z53ju1.jpg);
margin-left:-17px;
vertical-align:-3px;
}
.user[style="color:#9393ED"] span:before{
content:url("http://i.imgur.com/3SXoQFl.png");
margin-left:-17px;
vertical-align:-3px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,th,td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3 {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-khtml-border-radius: 7px;}
.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;
}
#chatbox {background: url("http://i.imgur.com/TgN3Z53.jpg") repeat scroll right center transparent;
}
.chatbox_row_1 {background: transparent !important;}
.chatbox_row_2 {background: transparent !important;}
a.mainmenu:hover{
filter:alpha(opacity=30);
-moz-opacity: 0.65;
opacity: 0.65;
}
.user[href="/g1-administrators"] span:before{
content:url("http://i.imgur.com/3SXoQFl.png");
margin-left:-17px;
vertical-align:top;
}
dl.codebox {
background: #333333;
color: #D18400; }
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;
}
a:link:hover, a:link:focus
{color: #FFFFFF;
text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
a[href="/u1"]{
text-decoration: none;
background: url("http://oi62.tinypic.com/2iaa688.jpg");
text-shadow: 0 0 0.2em #993399, 0 0 0.2em #993399, 0 0 0.2em #993399;
}
a[href="/u2"]{
text-decoration: none;
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u3"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u4"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.1em #764B8E, 0 0 0.3em #ADB1BF, 0 0 0.3em #5D6584, 0 0 0.4em #919191;
}
a[href="/u5"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #007fff, 0 0 0.2em #007fff, 0 0 0.2em #007fff;
}
a[href="/u8"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u9"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u16"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #ff0000, 0 0 0.2em #ff0000, 0 0 0.2em #ff0000;
}
a[href="/u19"]{
text-decoration: none;
background: url("http://oi62.tinypic.com/2iaa688.jpg");
text-shadow: 0 0 0.2em #CC9900, 0 0 0.2em #CC9900, 0 0 0.2em #CC9900;
}
a[href="/u21"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #0066FF, 0 0 0.2em #0066FF, 0 0 0.2em #0066FF;
}
a[href="/u23"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00;
}
a[href="/u27"]{
text-decoration: none;
background: url("http://oi62.tinypic.com/2iaa688.jpg");
text-shadow: 0 0 0.2em #00FFEA, 0 0 0.2em #00FFEA, 0 0 0.2em #00FFEA;
}
a[href="/g1-administrators"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/g2-moderators"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #CCCCFF, 0 0 0.2em #CCCCFF, 0 0 0.2em #CCCCFF;
}
a[href="/g5-fairy-tail"] {
background: url("http://i.imgur.com/S8hZ51k.png") no-repeat;
padding-left: 15px;
padding-top: 2px;
}
a[href="/g6-lamia-scale"] {
background: url("http://oi62.tinypic.com/2wbx28j.jpg") no-repeat;
padding-left: 15px;
padding-top: 2px;
}
a[href="/g7-blue-pegasus"] {
background: url("http://i.imgur.com/Wjbfv2q.png") no-repeat;
padding-left: 15px;
padding-top: 2px;
}
a[href="/g9-sabertooth"] {
background: url("http://i.imgur.com/QReRRUy.png") no-repeat;
padding-left: 15px;
padding-top: 2px;
}
a[href="/g8-tartaros"] {
background: url("http://i.imgur.com/IBwFf5Z.png") no-repeat;
padding-left: 15px;
padding-top: 2px;
}
a[href="/g10-behemoth"] {
background: url("http://i.imgur.com/cdHwiUY.png") no-repeat;
padding-left: 15px;
padding-top: 2px;
}
a[href="/g11-black-airs"] {
background: url("http://i.imgur.com/Ok0SZNq.png") no-repeat;
padding-left: 17px;
padding-top: 2px;
}
a[href="/g16-light-bringer"] {
background: url("http://i.imgur.com/Zuq4ADL.png") no-repeat;
padding-left: 17px;
padding-top: 2px;
}
a[href="/g17-animus-sin"] {
background: url("http://i.imgur.com/jdKMP9Z.png") no-repeat;
padding-left: 17px;
padding-top: 2px;
}
a[href="/g14-dragon-heart"] {
background: url("http://i.imgur.com/fPwy8I1.png") no-repeat;
padding-left: 17px;
padding-top: 2px;
}
a[href="/g19-sage-pilllar"] {
background: url("http://i.imgur.com/YSmzyX4.png") no-repeat;
padding-left: 17px;
padding-top: 2px;
}
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur137.cur), progress !important;} /* End http://www.cursors-4u.com */
Re: Width Issue
Wait a minute. Is the issue with the forum's width or the nivo slider's width?
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
» Profile Width - Picture Width issue
» Page width issue on mobile devices
» How set my forum minimum width same to main logo width
» Snow Script for Forums/Decoration Issue/Coding Issue
» Row width
» Page width issue on mobile devices
» How set my forum minimum width same to main logo width
» Snow Script for Forums/Decoration Issue/Coding Issue
» Row width
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum